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

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 (522) hide show
  1. package/README.md +5 -5
  2. package/badge/lib/_badge.scss +2 -10
  3. package/button/lib/_elevated-button.scss +5 -30
  4. package/button/lib/_elevation.scss +1 -16
  5. package/button/lib/_filled-button.scss +4 -31
  6. package/button/lib/_icon.scss +1 -0
  7. package/button/lib/_outlined-button.scss +6 -23
  8. package/button/lib/_shared.scss +20 -54
  9. package/button/lib/_text-button.scss +8 -34
  10. package/button/lib/_tonal-button.scss +5 -28
  11. package/button/lib/button.d.ts +2 -0
  12. package/button/lib/button.js +5 -1
  13. package/button/lib/button.js.map +1 -1
  14. package/button/lib/elevated-styles.css.js +1 -1
  15. package/button/lib/elevated-styles.css.js.map +1 -1
  16. package/button/lib/filled-styles.css.js +1 -1
  17. package/button/lib/filled-styles.css.js.map +1 -1
  18. package/button/lib/outlined-styles.css.js +1 -1
  19. package/button/lib/outlined-styles.css.js.map +1 -1
  20. package/button/lib/shared-styles.css.js +1 -1
  21. package/button/lib/shared-styles.css.js.map +1 -1
  22. package/button/lib/text-styles.css.js +1 -1
  23. package/button/lib/text-styles.css.js.map +1 -1
  24. package/button/lib/tonal-styles.css.js +1 -1
  25. package/button/lib/tonal-styles.css.js.map +1 -1
  26. package/checkbox/lib/_checkbox.scss +1 -2
  27. package/checkbox/lib/checkbox-styles.css.js +1 -1
  28. package/checkbox/lib/checkbox-styles.css.js.map +1 -1
  29. package/chips/_assist-chip.scss +6 -0
  30. package/chips/_suggestion-chip.scss +6 -0
  31. package/chips/assist-chip.d.ts +20 -0
  32. package/chips/assist-chip.js +24 -0
  33. package/chips/assist-chip.js.map +1 -0
  34. package/chips/lib/_assist-chip.scss +27 -0
  35. package/chips/lib/_shared.scss +183 -0
  36. package/chips/lib/_suggestion-chip.scss +30 -0
  37. package/chips/lib/assist-chip.d.ts +11 -0
  38. package/chips/lib/assist-chip.js +12 -0
  39. package/chips/lib/assist-chip.js.map +1 -0
  40. package/chips/lib/assist-styles.css.js +9 -0
  41. package/chips/lib/assist-styles.css.js.map +1 -0
  42. package/{menusurface/lib/menu-surface-styles.scss → chips/lib/assist-styles.scss} +3 -3
  43. package/chips/lib/chip.d.ts +29 -0
  44. package/chips/lib/chip.js +110 -0
  45. package/chips/lib/chip.js.map +1 -0
  46. package/chips/lib/shared-styles.css.js +9 -0
  47. package/chips/lib/shared-styles.css.js.map +1 -0
  48. package/{autocomplete → chips}/lib/shared-styles.scss +1 -1
  49. package/chips/lib/suggestion-chip.d.ts +11 -0
  50. package/chips/lib/suggestion-chip.js +12 -0
  51. package/chips/lib/suggestion-chip.js.map +1 -0
  52. package/chips/lib/suggestion-styles.css.js +9 -0
  53. package/chips/lib/suggestion-styles.css.js.map +1 -0
  54. package/{autocomplete/lib/autocompletelist/autocomplete-list-styles.scss → chips/lib/suggestion-styles.scss} +3 -3
  55. package/chips/suggestion-chip.d.ts +20 -0
  56. package/chips/suggestion-chip.js +24 -0
  57. package/chips/suggestion-chip.js.map +1 -0
  58. package/dialog/lib/_dialog.scss +7 -5
  59. package/dialog/lib/_tokens.scss +1 -2
  60. package/dialog/lib/dialog-styles.css.js +1 -1
  61. package/dialog/lib/dialog-styles.css.js.map +1 -1
  62. package/dialog/lib/dialog.js +1 -1
  63. package/dialog/lib/dialog.js.map +1 -1
  64. package/elevation/lib/_elevation.scss +1 -21
  65. package/elevation/lib/elevation-styles.css.js +1 -1
  66. package/elevation/lib/elevation-styles.css.js.map +1 -1
  67. package/fab/lib/_fab-extended.scss +3 -10
  68. package/fab/lib/_fab.scss +0 -3
  69. package/fab/lib/_shared.scss +3 -25
  70. package/fab/lib/fab-extended-styles.css.js +1 -1
  71. package/fab/lib/fab-extended-styles.css.js.map +1 -1
  72. package/fab/lib/fab-shared-styles.css.js +1 -1
  73. package/fab/lib/fab-shared-styles.css.js.map +1 -1
  74. package/fab/lib/fab-shared.d.ts +0 -1
  75. package/fab/lib/fab-shared.js +1 -7
  76. package/fab/lib/fab-shared.js.map +1 -1
  77. package/field/lib/field.d.ts +4 -1
  78. package/field/lib/field.js +7 -0
  79. package/field/lib/field.js.map +1 -1
  80. package/focus/lib/_focus-ring.scss +13 -7
  81. package/focus/lib/_md-comp-focus-ring.scss +1 -2
  82. package/focus/lib/focus-ring-styles.css.js +1 -1
  83. package/focus/lib/focus-ring-styles.css.js.map +1 -1
  84. package/iconbutton/lib/_filled-icon-button.scss +1 -12
  85. package/iconbutton/lib/_filled-tonal-icon-button.scss +1 -12
  86. package/iconbutton/lib/_outlined-icon-button.scss +1 -13
  87. package/iconbutton/lib/_shared.scss +10 -6
  88. package/iconbutton/lib/_standard-icon-button.scss +5 -12
  89. package/iconbutton/lib/filled-styles.css.js +1 -1
  90. package/iconbutton/lib/filled-styles.css.js.map +1 -1
  91. package/iconbutton/lib/filled-tonal-styles.css.js +1 -1
  92. package/iconbutton/lib/filled-tonal-styles.css.js.map +1 -1
  93. package/iconbutton/lib/icon-button.js +0 -2
  94. package/iconbutton/lib/icon-button.js.map +1 -1
  95. package/iconbutton/lib/outlined-styles.css.js +1 -1
  96. package/iconbutton/lib/outlined-styles.css.js.map +1 -1
  97. package/iconbutton/lib/shared-styles.css.js +1 -1
  98. package/iconbutton/lib/shared-styles.css.js.map +1 -1
  99. package/iconbutton/lib/standard-styles.css.js +1 -1
  100. package/iconbutton/lib/standard-styles.css.js.map +1 -1
  101. package/list/lib/_list.scss +15 -8
  102. package/list/lib/list-styles.css.js +1 -1
  103. package/list/lib/list-styles.css.js.map +1 -1
  104. package/list/lib/listitem/_list-item.scss +41 -44
  105. package/list/lib/listitem/list-item-styles.css.js +1 -1
  106. package/list/lib/listitem/list-item-styles.css.js.map +1 -1
  107. package/list/lib/listitem/list-item.d.ts +1 -0
  108. package/list/lib/listitem/list-item.js +4 -1
  109. package/list/lib/listitem/list-item.js.map +1 -1
  110. package/menu/lib/_menu.scss +6 -9
  111. package/menu/lib/menu-styles.css.js +1 -1
  112. package/menu/lib/menu-styles.css.js.map +1 -1
  113. package/menu/lib/menu.d.ts +22 -9
  114. package/menu/lib/menu.js +74 -26
  115. package/menu/lib/menu.js.map +1 -1
  116. package/menu/lib/menuitem/menu-item.js +1 -1
  117. package/menu/lib/menuitem/menu-item.js.map +1 -1
  118. package/menu/lib/menuitemlink/menu-item-link.js +2 -1
  119. package/menu/lib/menuitemlink/menu-item-link.js.map +1 -1
  120. package/menu/lib/shared.d.ts +16 -0
  121. package/menu/lib/shared.js +16 -0
  122. package/menu/lib/shared.js.map +1 -1
  123. package/menu/lib/submenuitem/sub-menu-item.d.ts +4 -0
  124. package/menu/lib/submenuitem/sub-menu-item.js +9 -2
  125. package/menu/lib/submenuitem/sub-menu-item.js.map +1 -1
  126. package/menu/lib/surfacePositionController.d.ts +10 -2
  127. package/menu/lib/surfacePositionController.js +6 -2
  128. package/menu/lib/surfacePositionController.js.map +1 -1
  129. package/menu/lib/typeaheadController.d.ts +5 -0
  130. package/menu/lib/typeaheadController.js +7 -3
  131. package/menu/lib/typeaheadController.js.map +1 -1
  132. package/navigationbar/lib/_navigation-bar.scss +1 -4
  133. package/navigationdrawer/lib/_navigation-drawer-modal.scss +0 -3
  134. package/navigationdrawer/lib/_navigation-drawer.scss +0 -3
  135. package/navigationdrawer/lib/_shared.scss +0 -9
  136. package/navigationtab/lib/_navigation-tab.scss +4 -10
  137. package/navigationtab/lib/navigation-tab-styles.css.js +1 -1
  138. package/navigationtab/lib/navigation-tab-styles.css.js.map +1 -1
  139. package/package.json +1 -1
  140. package/radio/lib/_radio.scss +1 -2
  141. package/radio/lib/radio-styles.css.js +1 -1
  142. package/radio/lib/radio-styles.css.js.map +1 -1
  143. package/segmentedbutton/lib/_shared.scss +0 -2
  144. package/segmentedbuttonset/lib/outlined-styles.css.js +1 -1
  145. package/segmentedbuttonset/lib/outlined-styles.css.js.map +1 -1
  146. package/slider/lib/_slider.scss +1 -4
  147. package/slider/lib/_tokens.scss +2 -8
  148. package/slider/lib/slider-styles.css.js +1 -1
  149. package/slider/lib/slider-styles.css.js.map +1 -1
  150. package/textfield/lib/_filled-text-field.scss +1 -7
  151. package/textfield/lib/_outlined-text-field.scss +1 -7
  152. package/tokens/_index.scss +101 -2
  153. package/tokens/_md-comp-assist-chip.scss +68 -0
  154. package/tokens/_md-comp-badge.scss +34 -0
  155. package/tokens/_md-comp-banner.scss +23 -0
  156. package/tokens/_md-comp-bottom-app-bar.scss +21 -0
  157. package/tokens/_md-comp-carousel-item.scss +23 -0
  158. package/tokens/_md-comp-checkbox.scss +21 -0
  159. package/tokens/_md-comp-circular-progress-indicator.scss +22 -0
  160. package/tokens/_md-comp-data-table.scss +23 -0
  161. package/tokens/_md-comp-date-input-modal.scss +23 -0
  162. package/tokens/_md-comp-date-picker-docked.scss +25 -0
  163. package/tokens/_md-comp-date-picker-modal.scss +25 -0
  164. package/tokens/_md-comp-dialog.scss +43 -0
  165. package/tokens/_md-comp-divider.scss +17 -0
  166. package/tokens/_md-comp-elevated-button.scss +58 -0
  167. package/tokens/_md-comp-elevated-card.scss +23 -0
  168. package/tokens/_md-comp-extended-fab-branded.scss +38 -0
  169. package/tokens/_md-comp-extended-fab-primary.scss +38 -0
  170. package/tokens/_md-comp-extended-fab-secondary.scss +41 -0
  171. package/tokens/_md-comp-extended-fab-surface.scss +38 -0
  172. package/tokens/_md-comp-extended-fab-tertiary.scss +41 -0
  173. package/tokens/_md-comp-fab-branded-large.scss +23 -0
  174. package/tokens/_md-comp-fab-branded.scss +23 -0
  175. package/tokens/_md-comp-fab-primary-large.scss +23 -0
  176. package/tokens/_md-comp-fab-primary-small.scss +23 -0
  177. package/tokens/_md-comp-fab-primary.scss +23 -0
  178. package/tokens/_md-comp-fab-secondary-large.scss +23 -0
  179. package/tokens/_md-comp-fab-secondary-small.scss +23 -0
  180. package/tokens/_md-comp-fab-secondary.scss +23 -0
  181. package/tokens/_md-comp-fab-surface-large.scss +23 -0
  182. package/tokens/_md-comp-fab-surface-small.scss +23 -0
  183. package/tokens/_md-comp-fab-surface.scss +23 -0
  184. package/tokens/_md-comp-fab-tertiary-large.scss +23 -0
  185. package/tokens/_md-comp-fab-tertiary-small.scss +23 -0
  186. package/tokens/_md-comp-fab-tertiary.scss +23 -0
  187. package/tokens/_md-comp-filled-autocomplete.scss +25 -0
  188. package/tokens/_md-comp-filled-button.scss +58 -0
  189. package/tokens/_md-comp-filled-card.scss +23 -0
  190. package/tokens/_md-comp-filled-icon-button.scss +21 -0
  191. package/tokens/_md-comp-filled-menu-button.scss +25 -0
  192. package/tokens/_md-comp-filled-select.scss +25 -0
  193. package/tokens/_md-comp-filled-text-field.scss +46 -0
  194. package/tokens/_md-comp-filled-tonal-button.scss +59 -0
  195. package/tokens/_md-comp-filled-tonal-icon-button.scss +24 -0
  196. package/tokens/_md-comp-filter-chip.scss +38 -0
  197. package/tokens/_md-comp-full-screen-dialog.scss +25 -0
  198. package/tokens/_md-comp-icon-button.scss +21 -0
  199. package/tokens/_md-comp-input-chip.scss +38 -0
  200. package/tokens/_md-comp-linear-progress-indicator.scss +22 -0
  201. package/tokens/_md-comp-list.scss +58 -0
  202. package/tokens/_md-comp-menu.scss +21 -0
  203. package/tokens/_md-comp-navigation-bar.scss +25 -0
  204. package/tokens/_md-comp-navigation-drawer.scss +25 -0
  205. package/tokens/_md-comp-navigation-rail.scss +25 -0
  206. package/tokens/_md-comp-outlined-autocomplete.scss +28 -0
  207. package/tokens/_md-comp-outlined-button.scss +56 -0
  208. package/tokens/_md-comp-outlined-card.scss +23 -0
  209. package/tokens/_md-comp-outlined-icon-button.scss +21 -0
  210. package/tokens/_md-comp-outlined-menu-button.scss +23 -0
  211. package/tokens/_md-comp-outlined-segmented-button.scss +38 -0
  212. package/tokens/_md-comp-outlined-select.scss +25 -0
  213. package/tokens/_md-comp-outlined-text-field.scss +44 -0
  214. package/tokens/_md-comp-plain-tooltip.scss +21 -0
  215. package/tokens/_md-comp-primary-navigation-tab.scss +41 -0
  216. package/tokens/_md-comp-radio-button.scss +19 -0
  217. package/tokens/_md-comp-rich-tooltip.scss +25 -0
  218. package/tokens/_md-comp-scrim.scss +17 -0
  219. package/tokens/_md-comp-search-bar.scss +25 -0
  220. package/tokens/_md-comp-search-view.scss +23 -0
  221. package/tokens/_md-comp-secondary-navigation-tab.scss +41 -0
  222. package/tokens/_md-comp-sheet-bottom.scss +21 -0
  223. package/tokens/_md-comp-sheet-floating.scss +21 -0
  224. package/tokens/_md-comp-sheet-side.scss +25 -0
  225. package/tokens/_md-comp-slider.scss +38 -0
  226. package/tokens/_md-comp-snackbar.scss +25 -0
  227. package/tokens/_md-comp-standard-menu-button.scss +23 -0
  228. package/tokens/_md-comp-suggestion-chip.scss +72 -0
  229. package/tokens/_md-comp-switch.scss +21 -0
  230. package/tokens/_md-comp-text-button.scss +56 -0
  231. package/tokens/_md-comp-time-input.scss +25 -0
  232. package/tokens/_md-comp-time-picker.scss +25 -0
  233. package/tokens/_md-comp-top-app-bar-large.scss +23 -0
  234. package/tokens/_md-comp-top-app-bar-medium.scss +23 -0
  235. package/tokens/_md-comp-top-app-bar-small-centered.scss +26 -0
  236. package/tokens/_md-comp-top-app-bar-small.scss +23 -0
  237. package/tokens/_md-ref-palette.scss +12 -0
  238. package/tokens/_md-ref-typeface.scss +12 -0
  239. package/tokens/_md-sys-color.scss +25 -0
  240. package/tokens/_md-sys-elevation.scss +30 -0
  241. package/tokens/_md-sys-motion.scss +12 -0
  242. package/tokens/_md-sys-shape.scss +12 -0
  243. package/tokens/_md-sys-state.scss +12 -0
  244. package/tokens/_md-sys-typescale.scss +17 -0
  245. package/autocomplete/_filled-autocomplete.scss +0 -6
  246. package/autocomplete/_outlined-autocomplete.scss +0 -6
  247. package/autocomplete/autocomplete-item.d.ts +0 -19
  248. package/autocomplete/autocomplete-item.js +0 -22
  249. package/autocomplete/autocomplete-item.js.map +0 -1
  250. package/autocomplete/autocomplete-list.d.ts +0 -19
  251. package/autocomplete/autocomplete-list.js +0 -23
  252. package/autocomplete/autocomplete-list.js.map +0 -1
  253. package/autocomplete/autocomplete-surface.d.ts +0 -19
  254. package/autocomplete/autocomplete-surface.js +0 -23
  255. package/autocomplete/autocomplete-surface.js.map +0 -1
  256. package/autocomplete/filled-autocomplete.d.ts +0 -28
  257. package/autocomplete/filled-autocomplete.js +0 -46
  258. package/autocomplete/filled-autocomplete.js.map +0 -1
  259. package/autocomplete/lib/_filled-autocomplete.scss +0 -189
  260. package/autocomplete/lib/_outlined-autocomplete.scss +0 -178
  261. package/autocomplete/lib/_shared.scss +0 -25
  262. package/autocomplete/lib/autocomplete.d.ts +0 -54
  263. package/autocomplete/lib/autocomplete.js +0 -265
  264. package/autocomplete/lib/autocomplete.js.map +0 -1
  265. package/autocomplete/lib/autocompleteitem/autocomplete-item.d.ts +0 -11
  266. package/autocomplete/lib/autocompleteitem/autocomplete-item.js +0 -14
  267. package/autocomplete/lib/autocompleteitem/autocomplete-item.js.map +0 -1
  268. package/autocomplete/lib/autocompleteitem/harness.d.ts +0 -11
  269. package/autocomplete/lib/autocompleteitem/harness.js +0 -12
  270. package/autocomplete/lib/autocompleteitem/harness.js.map +0 -1
  271. package/autocomplete/lib/autocompletelist/_autocomplete-list.scss +0 -13
  272. package/autocomplete/lib/autocompletelist/autocomplete-list-styles.css.js +0 -9
  273. package/autocomplete/lib/autocompletelist/autocomplete-list-styles.css.js.map +0 -1
  274. package/autocomplete/lib/autocompletelist/autocomplete-list.d.ts +0 -14
  275. package/autocomplete/lib/autocompletelist/autocomplete-list.js +0 -21
  276. package/autocomplete/lib/autocompletelist/autocomplete-list.js.map +0 -1
  277. package/autocomplete/lib/autocompletelist/harness.d.ts +0 -11
  278. package/autocomplete/lib/autocompletelist/harness.js +0 -12
  279. package/autocomplete/lib/autocompletelist/harness.js.map +0 -1
  280. package/autocomplete/lib/autocompletesurface/_autocomplete-surface.scss +0 -13
  281. package/autocomplete/lib/autocompletesurface/autocomplete-surface-styles.css.js +0 -9
  282. package/autocomplete/lib/autocompletesurface/autocomplete-surface-styles.css.js.map +0 -1
  283. package/autocomplete/lib/autocompletesurface/autocomplete-surface-styles.scss +0 -10
  284. package/autocomplete/lib/autocompletesurface/autocomplete-surface.d.ts +0 -13
  285. package/autocomplete/lib/autocompletesurface/autocomplete-surface.js +0 -21
  286. package/autocomplete/lib/autocompletesurface/autocomplete-surface.js.map +0 -1
  287. package/autocomplete/lib/filled-styles.css.d.ts +0 -1
  288. package/autocomplete/lib/filled-styles.css.js +0 -9
  289. package/autocomplete/lib/filled-styles.css.js.map +0 -1
  290. package/autocomplete/lib/filled-styles.scss +0 -10
  291. package/autocomplete/lib/outlined-styles.css.d.ts +0 -1
  292. package/autocomplete/lib/outlined-styles.css.js +0 -9
  293. package/autocomplete/lib/outlined-styles.css.js.map +0 -1
  294. package/autocomplete/lib/outlined-styles.scss +0 -10
  295. package/autocomplete/lib/shared-styles.css.js +0 -9
  296. package/autocomplete/lib/shared-styles.css.js.map +0 -1
  297. package/autocomplete/outlined-autocomplete.d.ts +0 -28
  298. package/autocomplete/outlined-autocomplete.js +0 -46
  299. package/autocomplete/outlined-autocomplete.js.map +0 -1
  300. package/chips/action/delete-action.d.ts +0 -18
  301. package/chips/action/delete-action.js +0 -20
  302. package/chips/action/delete-action.js.map +0 -1
  303. package/chips/action/lib/action.d.ts +0 -47
  304. package/chips/action/lib/action.js +0 -162
  305. package/chips/action/lib/action.js.map +0 -1
  306. package/chips/action/lib/constants.d.ts +0 -62
  307. package/chips/action/lib/constants.js +0 -69
  308. package/chips/action/lib/constants.js.map +0 -1
  309. package/chips/action/lib/delete-action.d.ts +0 -20
  310. package/chips/action/lib/delete-action.js +0 -65
  311. package/chips/action/lib/delete-action.js.map +0 -1
  312. package/chips/action/lib/events.d.ts +0 -14
  313. package/chips/action/lib/events.js +0 -16
  314. package/chips/action/lib/events.js.map +0 -1
  315. package/chips/action/lib/link-action.d.ts +0 -19
  316. package/chips/action/lib/link-action.js +0 -55
  317. package/chips/action/lib/link-action.js.map +0 -1
  318. package/chips/action/lib/presentational-action.d.ts +0 -15
  319. package/chips/action/lib/presentational-action.js +0 -30
  320. package/chips/action/lib/presentational-action.js.map +0 -1
  321. package/chips/action/lib/primary-action.d.ts +0 -28
  322. package/chips/action/lib/primary-action.js +0 -88
  323. package/chips/action/lib/primary-action.js.map +0 -1
  324. package/chips/action/lib/selectable-action.d.ts +0 -17
  325. package/chips/action/lib/selectable-action.js +0 -67
  326. package/chips/action/lib/selectable-action.js.map +0 -1
  327. package/chips/action/lib/types.d.ts +0 -23
  328. package/chips/action/lib/types.js +0 -7
  329. package/chips/action/lib/types.js.map +0 -1
  330. package/chips/action/link-action.d.ts +0 -18
  331. package/chips/action/link-action.js +0 -20
  332. package/chips/action/link-action.js.map +0 -1
  333. package/chips/action/presentational-action.d.ts +0 -18
  334. package/chips/action/presentational-action.js +0 -20
  335. package/chips/action/presentational-action.js.map +0 -1
  336. package/chips/action/primary-action.d.ts +0 -18
  337. package/chips/action/primary-action.js +0 -20
  338. package/chips/action/primary-action.js.map +0 -1
  339. package/chips/action/selectable-action.d.ts +0 -18
  340. package/chips/action/selectable-action.js +0 -20
  341. package/chips/action/selectable-action.js.map +0 -1
  342. package/chips/chip/lib/_assist-chip-theme.scss +0 -99
  343. package/chips/chip/lib/_chip-theme.scss +0 -1285
  344. package/chips/chip/lib/_chip.scss +0 -444
  345. package/chips/chip/lib/_filter-chip-theme.scss +0 -130
  346. package/chips/chip/lib/_input-chip-theme.scss +0 -91
  347. package/chips/chip/lib/_suggestion-chip-theme.scss +0 -92
  348. package/chips/chip/lib/action-chip.d.ts +0 -18
  349. package/chips/chip/lib/action-chip.js +0 -39
  350. package/chips/chip/lib/action-chip.js.map +0 -1
  351. package/chips/chip/lib/adapter.d.ts +0 -50
  352. package/chips/chip/lib/adapter.js +0 -7
  353. package/chips/chip/lib/adapter.js.map +0 -1
  354. package/chips/chip/lib/animationframe.d.ts +0 -31
  355. package/chips/chip/lib/animationframe.js +0 -66
  356. package/chips/chip/lib/animationframe.js.map +0 -1
  357. package/chips/chip/lib/chip.d.ts +0 -43
  358. package/chips/chip/lib/chip.js +0 -134
  359. package/chips/chip/lib/chip.js.map +0 -1
  360. package/chips/chip/lib/constants.d.ts +0 -43
  361. package/chips/chip/lib/constants.js +0 -48
  362. package/chips/chip/lib/constants.js.map +0 -1
  363. package/chips/chip/lib/foundation.d.ts +0 -41
  364. package/chips/chip/lib/foundation.js +0 -255
  365. package/chips/chip/lib/foundation.js.map +0 -1
  366. package/chips/chip/lib/link-chip.d.ts +0 -21
  367. package/chips/chip/lib/link-chip.js +0 -53
  368. package/chips/chip/lib/link-chip.js.map +0 -1
  369. package/chips/chip/lib/presentational-chip.d.ts +0 -18
  370. package/chips/chip/lib/presentational-chip.js +0 -39
  371. package/chips/chip/lib/presentational-chip.js.map +0 -1
  372. package/chips/chip/lib/selectable-chip.d.ts +0 -22
  373. package/chips/chip/lib/selectable-chip.js +0 -57
  374. package/chips/chip/lib/selectable-chip.js.map +0 -1
  375. package/chips/chip/lib/types.d.ts +0 -42
  376. package/chips/chip/lib/types.js +0 -7
  377. package/chips/chip/lib/types.js.map +0 -1
  378. package/chips/chipset/lib/_chip-set-theme.scss +0 -50
  379. package/chips/chipset/lib/_chip-set.scss +0 -48
  380. package/chips/chipset/lib/adapter.d.ts +0 -45
  381. package/chips/chipset/lib/adapter.js +0 -7
  382. package/chips/chipset/lib/adapter.js.map +0 -1
  383. package/chips/chipset/lib/constants.d.ts +0 -26
  384. package/chips/chipset/lib/constants.js +0 -30
  385. package/chips/chipset/lib/constants.js.map +0 -1
  386. package/chips/chipset/lib/foundation.d.ts +0 -68
  387. package/chips/chipset/lib/foundation.js +0 -314
  388. package/chips/chipset/lib/foundation.js.map +0 -1
  389. package/chips/chipset/lib/types.d.ts +0 -41
  390. package/chips/chipset/lib/types.js +0 -7
  391. package/chips/chipset/lib/types.js.map +0 -1
  392. package/menusurface/_menu-surface.scss +0 -6
  393. package/menusurface/lib/_md-comp-menu-surface.scss +0 -31
  394. package/menusurface/lib/_menu-surface.scss +0 -122
  395. package/menusurface/lib/adapter.d.ts +0 -46
  396. package/menusurface/lib/adapter.js +0 -7
  397. package/menusurface/lib/adapter.js.map +0 -1
  398. package/menusurface/lib/constants.d.ts +0 -71
  399. package/menusurface/lib/constants.js +0 -83
  400. package/menusurface/lib/constants.js.map +0 -1
  401. package/menusurface/lib/foundation.d.ts +0 -176
  402. package/menusurface/lib/foundation.js +0 -544
  403. package/menusurface/lib/foundation.js.map +0 -1
  404. package/menusurface/lib/menu-surface-styles.css.d.ts +0 -1
  405. package/menusurface/lib/menu-surface-styles.css.js +0 -9
  406. package/menusurface/lib/menu-surface-styles.css.js.map +0 -1
  407. package/menusurface/lib/menu-surface.d.ts +0 -62
  408. package/menusurface/lib/menu-surface.js +0 -347
  409. package/menusurface/lib/menu-surface.js.map +0 -1
  410. package/menusurface/lib/types.d.ts +0 -19
  411. package/menusurface/lib/types.js +0 -7
  412. package/menusurface/lib/types.js.map +0 -1
  413. package/menusurface/menu-surface.d.ts +0 -14
  414. package/menusurface/menu-surface.js +0 -17
  415. package/menusurface/menu-surface.js.map +0 -1
  416. package/sass/_elevation.scss +0 -159
  417. package/sass/_resolvers.scss +0 -16
  418. package/sass/_typography.scss +0 -39
  419. package/tokens/v0_160/_index.scss +0 -107
  420. package/tokens/v0_160/_md-comp-assist-chip.scss +0 -109
  421. package/tokens/v0_160/_md-comp-badge.scss +0 -58
  422. package/tokens/v0_160/_md-comp-banner.scss +0 -75
  423. package/tokens/v0_160/_md-comp-bottom-app-bar.scss +0 -35
  424. package/tokens/v0_160/_md-comp-carousel-item.scss +0 -65
  425. package/tokens/v0_160/_md-comp-checkbox.scss +0 -126
  426. package/tokens/v0_160/_md-comp-circular-progress-indicator.scss +0 -39
  427. package/tokens/v0_160/_md-comp-data-table.scss +0 -96
  428. package/tokens/v0_160/_md-comp-date-input-modal.scss +0 -89
  429. package/tokens/v0_160/_md-comp-date-picker-docked.scss +0 -246
  430. package/tokens/v0_160/_md-comp-date-picker-modal.scss +0 -305
  431. package/tokens/v0_160/_md-comp-dialog.scss +0 -123
  432. package/tokens/v0_160/_md-comp-divider.scss +0 -25
  433. package/tokens/v0_160/_md-comp-elevated-button.scss +0 -91
  434. package/tokens/v0_160/_md-comp-elevated-card.scss +0 -59
  435. package/tokens/v0_160/_md-comp-extended-fab-branded.scss +0 -86
  436. package/tokens/v0_160/_md-comp-extended-fab-primary.scss +0 -94
  437. package/tokens/v0_160/_md-comp-extended-fab-secondary.scss +0 -95
  438. package/tokens/v0_160/_md-comp-extended-fab-surface.scss +0 -90
  439. package/tokens/v0_160/_md-comp-extended-fab-tertiary.scss +0 -95
  440. package/tokens/v0_160/_md-comp-fab-branded-large.scss +0 -60
  441. package/tokens/v0_160/_md-comp-fab-branded.scss +0 -60
  442. package/tokens/v0_160/_md-comp-fab-primary-large.scss +0 -65
  443. package/tokens/v0_160/_md-comp-fab-primary-small.scss +0 -65
  444. package/tokens/v0_160/_md-comp-fab-primary.scss +0 -65
  445. package/tokens/v0_160/_md-comp-fab-secondary-large.scss +0 -66
  446. package/tokens/v0_160/_md-comp-fab-secondary-small.scss +0 -66
  447. package/tokens/v0_160/_md-comp-fab-secondary.scss +0 -66
  448. package/tokens/v0_160/_md-comp-fab-surface-large.scss +0 -64
  449. package/tokens/v0_160/_md-comp-fab-surface-small.scss +0 -64
  450. package/tokens/v0_160/_md-comp-fab-surface.scss +0 -64
  451. package/tokens/v0_160/_md-comp-fab-tertiary-large.scss +0 -66
  452. package/tokens/v0_160/_md-comp-fab-tertiary-small.scss +0 -66
  453. package/tokens/v0_160/_md-comp-fab-tertiary.scss +0 -66
  454. package/tokens/v0_160/_md-comp-filled-autocomplete.scss +0 -267
  455. package/tokens/v0_160/_md-comp-filled-button.scss +0 -89
  456. package/tokens/v0_160/_md-comp-filled-card.scss +0 -58
  457. package/tokens/v0_160/_md-comp-filled-icon-button.scss +0 -79
  458. package/tokens/v0_160/_md-comp-filled-menu-button.scss +0 -98
  459. package/tokens/v0_160/_md-comp-filled-select.scss +0 -272
  460. package/tokens/v0_160/_md-comp-filled-text-field.scss +0 -189
  461. package/tokens/v0_160/_md-comp-filled-tonal-button.scss +0 -99
  462. package/tokens/v0_160/_md-comp-filled-tonal-icon-button.scss +0 -86
  463. package/tokens/v0_160/_md-comp-filter-chip.scss +0 -209
  464. package/tokens/v0_160/_md-comp-full-screen-dialog.scss +0 -111
  465. package/tokens/v0_160/_md-comp-icon-button.scss +0 -70
  466. package/tokens/v0_160/_md-comp-input-chip.scss +0 -184
  467. package/tokens/v0_160/_md-comp-linear-progress-indicator.scss +0 -41
  468. package/tokens/v0_160/_md-comp-list.scss +0 -248
  469. package/tokens/v0_160/_md-comp-menu.scss +0 -121
  470. package/tokens/v0_160/_md-comp-navigation-bar.scss +0 -114
  471. package/tokens/v0_160/_md-comp-navigation-drawer.scss +0 -162
  472. package/tokens/v0_160/_md-comp-navigation-rail.scss +0 -131
  473. package/tokens/v0_160/_md-comp-outlined-autocomplete.scss +0 -257
  474. package/tokens/v0_160/_md-comp-outlined-button.scss +0 -84
  475. package/tokens/v0_160/_md-comp-outlined-card.scss +0 -65
  476. package/tokens/v0_160/_md-comp-outlined-icon-button.scss +0 -79
  477. package/tokens/v0_160/_md-comp-outlined-menu-button.scss +0 -94
  478. package/tokens/v0_160/_md-comp-outlined-segmented-button.scss +0 -112
  479. package/tokens/v0_160/_md-comp-outlined-select.scss +0 -262
  480. package/tokens/v0_160/_md-comp-outlined-text-field.scss +0 -171
  481. package/tokens/v0_160/_md-comp-plain-tooltip.scss +0 -55
  482. package/tokens/v0_160/_md-comp-primary-navigation-tab.scss +0 -121
  483. package/tokens/v0_160/_md-comp-radio-button.scss +0 -68
  484. package/tokens/v0_160/_md-comp-rich-tooltip.scss +0 -121
  485. package/tokens/v0_160/_md-comp-scrim.scss +0 -25
  486. package/tokens/v0_160/_md-comp-search-bar.scss +0 -99
  487. package/tokens/v0_160/_md-comp-search-view.scss +0 -93
  488. package/tokens/v0_160/_md-comp-secondary-navigation-tab.scss +0 -84
  489. package/tokens/v0_160/_md-comp-sheet-bottom.scss +0 -45
  490. package/tokens/v0_160/_md-comp-sheet-floating.scss +0 -34
  491. package/tokens/v0_160/_md-comp-sheet-side.scss +0 -91
  492. package/tokens/v0_160/_md-comp-slider.scss +0 -114
  493. package/tokens/v0_160/_md-comp-snackbar.scss +0 -127
  494. package/tokens/v0_160/_md-comp-standard-menu-button.scss +0 -98
  495. package/tokens/v0_160/_md-comp-suggestion-chip.scss +0 -125
  496. package/tokens/v0_160/_md-comp-switch.scss +0 -136
  497. package/tokens/v0_160/_md-comp-text-button.scss +0 -77
  498. package/tokens/v0_160/_md-comp-time-input.scss +0 -218
  499. package/tokens/v0_160/_md-comp-time-picker.scss +0 -264
  500. package/tokens/v0_160/_md-comp-top-app-bar-large.scss +0 -63
  501. package/tokens/v0_160/_md-comp-top-app-bar-medium.scss +0 -63
  502. package/tokens/v0_160/_md-comp-top-app-bar-small-centered.scss +0 -66
  503. package/tokens/v0_160/_md-comp-top-app-bar-small.scss +0 -64
  504. package/tokens/v0_160/_md-ref-palette.scss +0 -107
  505. package/tokens/v0_160/_md-ref-typeface.scss +0 -21
  506. package/tokens/v0_160/_md-sys-color.scss +0 -904
  507. package/tokens/v0_160/_md-sys-elevation.scss +0 -21
  508. package/tokens/v0_160/_md-sys-motion.scss +0 -53
  509. package/tokens/v0_160/_md-sys-shape.scss +0 -30
  510. package/tokens/v0_160/_md-sys-state.scss +0 -19
  511. package/tokens/v0_160/_md-sys-typescale.scss +0 -284
  512. package/tokens/v0_160/index.test.css.d.ts +0 -1
  513. package/tokens/v0_160/index.test.css.js +0 -9
  514. package/tokens/v0_160/index.test.css.js.map +0 -1
  515. package/tokens/v0_160/index.test.scss +0 -584
  516. package/tokens/v0_160/lib.test.css.d.ts +0 -1
  517. package/tokens/v0_160/lib.test.css.js +0 -9
  518. package/tokens/v0_160/lib.test.css.js.map +0 -1
  519. package/tokens/v0_160/lib.test.scss +0 -663
  520. /package/{autocomplete/lib/autocompletelist/autocomplete-list-styles.css.d.ts → chips/lib/assist-styles.css.d.ts} +0 -0
  521. /package/{autocomplete → chips}/lib/shared-styles.css.d.ts +0 -0
  522. /package/{autocomplete/lib/autocompletesurface/autocomplete-surface-styles.css.d.ts → chips/lib/suggestion-styles.css.d.ts} +0 -0
@@ -1,69 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2022 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- /**
7
- * MDCChipActionCssClasses provides the classes to be queried and manipulated on
8
- * the root.
9
- */
10
- export var MDCChipActionCssClasses;
11
- (function (MDCChipActionCssClasses) {
12
- MDCChipActionCssClasses["PRIMARY_ACTION"] = "md3-evolution-chip__action--primary";
13
- MDCChipActionCssClasses["TRAILING_ACTION"] = "md3-evolution-chip__action--trailing";
14
- MDCChipActionCssClasses["CHIP_ROOT"] = "md3-evolution-chip";
15
- })(MDCChipActionCssClasses || (MDCChipActionCssClasses = {}));
16
- /**
17
- * MDCChipActionInteractionTrigger provides detail of the different triggers for
18
- * action interactions.
19
- */
20
- export var MDCChipActionInteractionTrigger;
21
- (function (MDCChipActionInteractionTrigger) {
22
- MDCChipActionInteractionTrigger[MDCChipActionInteractionTrigger["UNSPECIFIED"] = 0] = "UNSPECIFIED";
23
- MDCChipActionInteractionTrigger[MDCChipActionInteractionTrigger["CLICK"] = 1] = "CLICK";
24
- MDCChipActionInteractionTrigger[MDCChipActionInteractionTrigger["BACKSPACE_KEY"] = 2] = "BACKSPACE_KEY";
25
- MDCChipActionInteractionTrigger[MDCChipActionInteractionTrigger["DELETE_KEY"] = 3] = "DELETE_KEY";
26
- MDCChipActionInteractionTrigger[MDCChipActionInteractionTrigger["SPACEBAR_KEY"] = 4] = "SPACEBAR_KEY";
27
- MDCChipActionInteractionTrigger[MDCChipActionInteractionTrigger["ENTER_KEY"] = 5] = "ENTER_KEY";
28
- })(MDCChipActionInteractionTrigger || (MDCChipActionInteractionTrigger = {}));
29
- /**
30
- * MDCChipActionType provides the different types of available actions.
31
- */
32
- export var MDCChipActionType;
33
- (function (MDCChipActionType) {
34
- MDCChipActionType[MDCChipActionType["UNSPECIFIED"] = 0] = "UNSPECIFIED";
35
- MDCChipActionType[MDCChipActionType["PRIMARY"] = 1] = "PRIMARY";
36
- MDCChipActionType[MDCChipActionType["TRAILING"] = 2] = "TRAILING";
37
- })(MDCChipActionType || (MDCChipActionType = {}));
38
- /**
39
- * MDCChipActionEvents provides the different events emitted by the action.
40
- */
41
- export var MDCChipActionEvents;
42
- (function (MDCChipActionEvents) {
43
- MDCChipActionEvents["INTERACTION"] = "MDCChipAction:interaction";
44
- MDCChipActionEvents["NAVIGATION"] = "MDCChipAction:navigation";
45
- })(MDCChipActionEvents || (MDCChipActionEvents = {}));
46
- /**
47
- * MDCChipActionFocusBehavior provides configurations for focusing or unfocusing
48
- * an action.
49
- */
50
- export var MDCChipActionFocusBehavior;
51
- (function (MDCChipActionFocusBehavior) {
52
- MDCChipActionFocusBehavior[MDCChipActionFocusBehavior["FOCUSABLE"] = 0] = "FOCUSABLE";
53
- MDCChipActionFocusBehavior[MDCChipActionFocusBehavior["FOCUSABLE_AND_FOCUSED"] = 1] = "FOCUSABLE_AND_FOCUSED";
54
- MDCChipActionFocusBehavior[MDCChipActionFocusBehavior["NOT_FOCUSABLE"] = 2] = "NOT_FOCUSABLE";
55
- })(MDCChipActionFocusBehavior || (MDCChipActionFocusBehavior = {}));
56
- /**
57
- * MDCChipActionAttributes provides the HTML attributes used by the foundation.
58
- */
59
- export var MDCChipActionAttributes;
60
- (function (MDCChipActionAttributes) {
61
- MDCChipActionAttributes["ARIA_DISABLED"] = "aria-disabled";
62
- MDCChipActionAttributes["ARIA_HIDDEN"] = "aria-hidden";
63
- MDCChipActionAttributes["ARIA_SELECTED"] = "aria-selected";
64
- MDCChipActionAttributes["DATA_DELETABLE"] = "data-mdc-deletable";
65
- MDCChipActionAttributes["DISABLED"] = "disabled";
66
- MDCChipActionAttributes["ROLE"] = "role";
67
- MDCChipActionAttributes["TAB_INDEX"] = "tabindex";
68
- })(MDCChipActionAttributes || (MDCChipActionAttributes = {}));
69
- //# sourceMappingURL=constants.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"constants.js","sourceRoot":"","sources":["constants.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;GAGG;AACH,MAAM,CAAN,IAAY,uBAIX;AAJD,WAAY,uBAAuB;IACjC,iFAAsD,CAAA;IACtD,mFAAwD,CAAA;IACxD,2DAAgC,CAAA;AAClC,CAAC,EAJW,uBAAuB,KAAvB,uBAAuB,QAIlC;AAED;;;GAGG;AACH,MAAM,CAAN,IAAY,+BAOX;AAPD,WAAY,+BAA+B;IACzC,mGAAW,CAAA;IACX,uFAAK,CAAA;IACL,uGAAa,CAAA;IACb,iGAAU,CAAA;IACV,qGAAY,CAAA;IACZ,+FAAS,CAAA;AACX,CAAC,EAPW,+BAA+B,KAA/B,+BAA+B,QAO1C;AAED;;GAEG;AACH,MAAM,CAAN,IAAY,iBAIX;AAJD,WAAY,iBAAiB;IAC3B,uEAAW,CAAA;IACX,+DAAO,CAAA;IACP,iEAAQ,CAAA;AACV,CAAC,EAJW,iBAAiB,KAAjB,iBAAiB,QAI5B;AAED;;GAEG;AACH,MAAM,CAAN,IAAY,mBAGX;AAHD,WAAY,mBAAmB;IAC7B,gEAAyC,CAAA;IACzC,8DAAuC,CAAA;AACzC,CAAC,EAHW,mBAAmB,KAAnB,mBAAmB,QAG9B;AAED;;;GAGG;AACH,MAAM,CAAN,IAAY,0BAIX;AAJD,WAAY,0BAA0B;IACpC,qFAAS,CAAA;IACT,6GAAqB,CAAA;IACrB,6FAAa,CAAA;AACf,CAAC,EAJW,0BAA0B,KAA1B,0BAA0B,QAIrC;AAED;;GAEG;AACH,MAAM,CAAN,IAAY,uBAQX;AARD,WAAY,uBAAuB;IACjC,0DAA+B,CAAA;IAC/B,sDAA2B,CAAA;IAC3B,0DAA+B,CAAA;IAC/B,gEAAqC,CAAA;IACrC,gDAAqB,CAAA;IACrB,wCAAa,CAAA;IACb,iDAAsB,CAAA;AACxB,CAAC,EARW,uBAAuB,KAAvB,uBAAuB,QAQlC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\n/**\n * MDCChipActionCssClasses provides the classes to be queried and manipulated on\n * the root.\n */\nexport enum MDCChipActionCssClasses {\n PRIMARY_ACTION = 'md3-evolution-chip__action--primary',\n TRAILING_ACTION = 'md3-evolution-chip__action--trailing',\n CHIP_ROOT = 'md3-evolution-chip',\n}\n\n/**\n * MDCChipActionInteractionTrigger provides detail of the different triggers for\n * action interactions.\n */\nexport enum MDCChipActionInteractionTrigger {\n UNSPECIFIED, // Default type\n CLICK,\n BACKSPACE_KEY,\n DELETE_KEY,\n SPACEBAR_KEY,\n ENTER_KEY,\n}\n\n/**\n * MDCChipActionType provides the different types of available actions.\n */\nexport enum MDCChipActionType {\n UNSPECIFIED, // Default type\n PRIMARY,\n TRAILING,\n}\n\n/**\n * MDCChipActionEvents provides the different events emitted by the action.\n */\nexport enum MDCChipActionEvents {\n INTERACTION = 'MDCChipAction:interaction',\n NAVIGATION = 'MDCChipAction:navigation',\n}\n\n/**\n * MDCChipActionFocusBehavior provides configurations for focusing or unfocusing\n * an action.\n */\nexport enum MDCChipActionFocusBehavior {\n FOCUSABLE,\n FOCUSABLE_AND_FOCUSED,\n NOT_FOCUSABLE,\n}\n\n/**\n * MDCChipActionAttributes provides the HTML attributes used by the foundation.\n */\nexport enum MDCChipActionAttributes {\n ARIA_DISABLED = 'aria-disabled',\n ARIA_HIDDEN = 'aria-hidden',\n ARIA_SELECTED = 'aria-selected',\n DATA_DELETABLE = 'data-mdc-deletable',\n DISABLED = 'disabled',\n ROLE = 'role',\n TAB_INDEX = 'tabindex',\n}\n"]}
@@ -1,20 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2022 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { TemplateResult } from 'lit';
7
- import { ClassInfo } from 'lit/directives/class-map.js';
8
- import { Action } from './action.js';
9
- /** @soyCompatible */
10
- export declare class DeleteAction extends Action {
11
- /** @soyTemplate */
12
- protected render(): TemplateResult;
13
- /** @soyTemplate */
14
- protected getRootClasses(): ClassInfo;
15
- /** @soyTemplate */
16
- protected getRippleClasses(): ClassInfo;
17
- /** @soyTemplate */
18
- private renderDeleteIcon;
19
- getInteractionEvent(): string;
20
- }
@@ -1,65 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2022 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { html } from 'lit';
7
- import { classMap } from 'lit/directives/class-map.js';
8
- import { ifDefined } from 'lit/directives/if-defined.js';
9
- import { Action } from './action.js';
10
- import { Md3ChipActionEventType } from './events.js';
11
- /** @soyCompatible */
12
- export class DeleteAction extends Action {
13
- /** @soyTemplate */
14
- render() {
15
- return html `
16
- <button class="${classMap(this.getRootClasses())}"
17
- aria-label="${ifDefined(this.ariaLabel)}"
18
- tabindex="${this.isFocusable ? 0 : -1}"
19
- type="button"
20
- @focus="${this.handleFocus}"
21
- @blur="${this.handleBlur}"
22
- @pointerenter="${this.handlePointerEnter}"
23
- @pointerleave="${this.handlePointerLeave}"
24
- @pointerdown="${this.handlePointerDown}"
25
- @pointerup="${this.handlePointerUp}"
26
- @pointercancel="${this.handlePointerCancel}"
27
- @click="${this.handleClick}"
28
- @contextmenu="${this.handleContextMenu}"
29
- @keydown="${this.handleKeyDown}">
30
- ${this.renderTouchTarget()}
31
- ${this.renderRipple()}
32
- ${this.renderFocusRing()}
33
- ${this.renderDeleteIcon()}
34
- </button>`;
35
- }
36
- /** @soyTemplate */
37
- getRootClasses() {
38
- return {
39
- ...super.getRootClasses(),
40
- 'md3-chip__action--delete': true,
41
- };
42
- }
43
- /** @soyTemplate */
44
- getRippleClasses() {
45
- return {
46
- ...super.getRippleClasses(),
47
- 'md3-chip__ripple--delete': true,
48
- };
49
- }
50
- /** @soyTemplate */
51
- renderDeleteIcon() {
52
- return html `
53
- <span class="md3-chip__icon md3-chip__icon--delete" aria-hidden="true">
54
- <svg xmlns="http://www.w3.org/2000/svg"
55
- height="24" width="24" fill="#041E49">
56
- <path d="M6.4 19 5 17.6l5.6-5.6L5 6.4 6.4 5l5.6 5.6L17.6 5 19 6.4
57
- 13.4 12l5.6 5.6-1.4 1.4-5.6-5.6Z"/>
58
- </svg>
59
- </span>`;
60
- }
61
- getInteractionEvent() {
62
- return Md3ChipActionEventType.DELETE;
63
- }
64
- }
65
- //# sourceMappingURL=delete-action.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"delete-action.js","sourceRoot":"","sources":["delete-action.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAC,IAAI,EAAiB,MAAM,KAAK,CAAC;AACzC,OAAO,EAAY,QAAQ,EAAC,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAC,SAAS,EAAC,MAAM,8BAA8B,CAAC;AAEvD,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAC;AACnC,OAAO,EAAC,sBAAsB,EAAC,MAAM,aAAa,CAAC;AAEnD,qBAAqB;AACrB,MAAM,OAAO,YAAa,SAAQ,MAAM;IACtC,mBAAmB;IACA,MAAM;QACvB,OAAO,IAAI,CAAA;uBACQ,QAAQ,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;wBAC9B,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC;sBAC3B,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;;oBAE3B,IAAI,CAAC,WAAW;mBACjB,IAAI,CAAC,UAAU;2BACP,IAAI,CAAC,kBAAkB;2BACvB,IAAI,CAAC,kBAAkB;0BACxB,IAAI,CAAC,iBAAiB;wBACxB,IAAI,CAAC,eAAe;4BAChB,IAAI,CAAC,mBAAmB;oBAChC,IAAI,CAAC,WAAW;0BACV,IAAI,CAAC,iBAAiB;sBAC1B,IAAI,CAAC,aAAa;UAC9B,IAAI,CAAC,iBAAiB,EAAE;UACxB,IAAI,CAAC,YAAY,EAAE;UACnB,IAAI,CAAC,eAAe,EAAE;UACtB,IAAI,CAAC,gBAAgB,EAAE;gBACjB,CAAC;IACf,CAAC;IAED,mBAAmB;IACA,cAAc;QAC/B,OAAO;YACL,GAAG,KAAK,CAAC,cAAc,EAAE;YACzB,0BAA0B,EAAE,IAAI;SACjC,CAAC;IACJ,CAAC;IAED,mBAAmB;IACA,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,0BAA0B,EAAE,IAAI;SACjC,CAAC;IACJ,CAAC;IAED,mBAAmB;IACX,gBAAgB;QACtB,OAAO,IAAI,CAAA;;;;;;;cAOD,CAAC;IACb,CAAC;IAEQ,mBAAmB;QAC1B,OAAO,sBAAsB,CAAC,MAAM,CAAC;IACvC,CAAC;CACF","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {html, TemplateResult} from 'lit';\nimport {ClassInfo, classMap} from 'lit/directives/class-map.js';\nimport {ifDefined} from 'lit/directives/if-defined.js';\n\nimport {Action} from './action.js';\nimport {Md3ChipActionEventType} from './events.js';\n\n/** @soyCompatible */\nexport class DeleteAction extends Action {\n /** @soyTemplate */\n protected override render(): TemplateResult {\n return html`\n <button class=\"${classMap(this.getRootClasses())}\"\n aria-label=\"${ifDefined(this.ariaLabel)}\"\n tabindex=\"${this.isFocusable ? 0 : -1}\"\n type=\"button\"\n @focus=\"${this.handleFocus}\"\n @blur=\"${this.handleBlur}\"\n @pointerenter=\"${this.handlePointerEnter}\"\n @pointerleave=\"${this.handlePointerLeave}\"\n @pointerdown=\"${this.handlePointerDown}\"\n @pointerup=\"${this.handlePointerUp}\"\n @pointercancel=\"${this.handlePointerCancel}\"\n @click=\"${this.handleClick}\"\n @contextmenu=\"${this.handleContextMenu}\"\n @keydown=\"${this.handleKeyDown}\">\n ${this.renderTouchTarget()}\n ${this.renderRipple()}\n ${this.renderFocusRing()}\n ${this.renderDeleteIcon()}\n </button>`;\n }\n\n /** @soyTemplate */\n protected override getRootClasses(): ClassInfo {\n return {\n ...super.getRootClasses(),\n 'md3-chip__action--delete': true,\n };\n }\n\n /** @soyTemplate */\n protected override getRippleClasses(): ClassInfo {\n return {\n ...super.getRippleClasses(),\n 'md3-chip__ripple--delete': true,\n };\n }\n\n /** @soyTemplate */\n private renderDeleteIcon(): TemplateResult {\n return html`\n <span class=\"md3-chip__icon md3-chip__icon--delete\" aria-hidden=\"true\">\n <svg xmlns=\"http://www.w3.org/2000/svg\"\n height=\"24\" width=\"24\" fill=\"#041E49\">\n <path d=\"M6.4 19 5 17.6l5.6-5.6L5 6.4 6.4 5l5.6 5.6L17.6 5 19 6.4 \n 13.4 12l5.6 5.6-1.4 1.4-5.6-5.6Z\"/>\n </svg>\n </span>`;\n }\n\n override getInteractionEvent(): string {\n return Md3ChipActionEventType.DELETE;\n }\n}\n"]}
@@ -1,14 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2022 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- /** Events emitted by the action. */
7
- export declare enum Md3ChipActionEventType {
8
- DELETE = "chip-action-delete",
9
- SELECT = "chip-action-select",
10
- NAVIGATE_TO_PREV = "chip-action-navigate-to-prev",
11
- NAVIGATE_TO_NEXT = "chip-action-navigate-to-next",
12
- NAVIGATE_TO_FIRST = "chip-action-navigate-to-first",
13
- NAVIGATE_TO_LAST = "chip-action-navigate-to-last"
14
- }
@@ -1,16 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2022 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- /** Events emitted by the action. */
7
- export var Md3ChipActionEventType;
8
- (function (Md3ChipActionEventType) {
9
- Md3ChipActionEventType["DELETE"] = "chip-action-delete";
10
- Md3ChipActionEventType["SELECT"] = "chip-action-select";
11
- Md3ChipActionEventType["NAVIGATE_TO_PREV"] = "chip-action-navigate-to-prev";
12
- Md3ChipActionEventType["NAVIGATE_TO_NEXT"] = "chip-action-navigate-to-next";
13
- Md3ChipActionEventType["NAVIGATE_TO_FIRST"] = "chip-action-navigate-to-first";
14
- Md3ChipActionEventType["NAVIGATE_TO_LAST"] = "chip-action-navigate-to-last";
15
- })(Md3ChipActionEventType || (Md3ChipActionEventType = {}));
16
- //# sourceMappingURL=events.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"events.js","sourceRoot":"","sources":["events.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,oCAAoC;AACpC,MAAM,CAAN,IAAY,sBAOX;AAPD,WAAY,sBAAsB;IAChC,uDAA6B,CAAA;IAC7B,uDAA6B,CAAA;IAC7B,2EAAiD,CAAA;IACjD,2EAAiD,CAAA;IACjD,6EAAmD,CAAA;IACnD,2EAAiD,CAAA;AACnD,CAAC,EAPW,sBAAsB,KAAtB,sBAAsB,QAOjC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\n/** Events emitted by the action. */\nexport enum Md3ChipActionEventType {\n DELETE = 'chip-action-delete',\n SELECT = 'chip-action-select',\n NAVIGATE_TO_PREV = 'chip-action-navigate-to-prev',\n NAVIGATE_TO_NEXT = 'chip-action-navigate-to-next',\n NAVIGATE_TO_FIRST = 'chip-action-navigate-to-first',\n NAVIGATE_TO_LAST = 'chip-action-navigate-to-last',\n}\n"]}
@@ -1,19 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2022 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { TemplateResult } from 'lit';
7
- import { EndPressConfig } from '../../../actionelement/action-element.js';
8
- import { PrimaryAction } from './primary-action.js';
9
- /** @soyCompatible */
10
- export declare class LinkAction extends PrimaryAction {
11
- href: string;
12
- target: string;
13
- /**
14
- * @soyTemplate
15
- * @soyAttributes linkAttributes: .md3-chip__action
16
- */
17
- protected render(): TemplateResult;
18
- endPress(options: EndPressConfig): void;
19
- }
@@ -1,55 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2022 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { __decorate, __metadata } from "tslib";
7
- import { html } from 'lit';
8
- import { property } from 'lit/decorators.js';
9
- import { classMap } from 'lit/directives/class-map.js';
10
- import { ifDefined } from 'lit/directives/if-defined.js';
11
- import { PrimaryAction } from './primary-action.js';
12
- /** @soyCompatible */
13
- export class LinkAction extends PrimaryAction {
14
- /**
15
- * @soyTemplate
16
- * @soyAttributes linkAttributes: .md3-chip__action
17
- */
18
- render() {
19
- return html `
20
- <span class="action-link">
21
- <a class="${classMap(this.getRootClasses())}"
22
- aria-label="${ifDefined(this.ariaLabel)}"
23
- href="${ifDefined(this.href)}"
24
- target="${ifDefined(this.target)}"
25
- tabindex="${this.isFocusable ? 0 : -1}"
26
- @focus="${this.handleFocus}"
27
- @blur="${this.handleBlur}"
28
- @pointerenter="${this.handlePointerEnter}"
29
- @pointerleave="${this.handlePointerLeave}"
30
- @pointerdown="${this.handlePointerDown}"
31
- @pointerup="${this.handlePointerUp}"
32
- @pointercancel="${this.handlePointerCancel}"
33
- @contextmenu="${this.handleContextMenu}">
34
- ${this.renderTouchTarget()}
35
- ${this.renderRipple()}
36
- ${this.renderFocusRing()}
37
- ${this.renderGraphic()}
38
- ${this.renderLabel()}
39
- </a>
40
- </span>`;
41
- }
42
- endPress(options) {
43
- super.endPress(options);
44
- // TODO(b/253297063): connect to ripple
45
- }
46
- }
47
- __decorate([
48
- property({ type: String }),
49
- __metadata("design:type", String)
50
- ], LinkAction.prototype, "href", void 0);
51
- __decorate([
52
- property({ type: String }),
53
- __metadata("design:type", String)
54
- ], LinkAction.prototype, "target", void 0);
55
- //# sourceMappingURL=link-action.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"link-action.js","sourceRoot":"","sources":["link-action.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,IAAI,EAAiB,MAAM,KAAK,CAAC;AACzC,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAC,QAAQ,EAAC,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAC,SAAS,EAAC,MAAM,8BAA8B,CAAC;AAIvD,OAAO,EAAC,aAAa,EAAC,MAAM,qBAAqB,CAAC;AAIlD,qBAAqB;AACrB,MAAM,OAAO,UAAW,SAAQ,aAAa;IAK3C;;;OAGG;IACgB,MAAM;QACvB,OAAO,IAAI,CAAA;;oBAEK,QAAQ,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;0BACzB,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC;oBAC/B,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;sBAClB,SAAS,CAAC,IAAI,CAAC,MAAoB,CAAC;wBAClC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;sBAC3B,IAAI,CAAC,WAAW;qBACjB,IAAI,CAAC,UAAU;6BACP,IAAI,CAAC,kBAAkB;6BACvB,IAAI,CAAC,kBAAkB;4BACxB,IAAI,CAAC,iBAAiB;0BACxB,IAAI,CAAC,eAAe;8BAChB,IAAI,CAAC,mBAAmB;4BAC1B,IAAI,CAAC,iBAAiB;YACtC,IAAI,CAAC,iBAAiB,EAAE;YACxB,IAAI,CAAC,YAAY,EAAE;YACnB,IAAI,CAAC,eAAe,EAAE;YACtB,IAAI,CAAC,aAAa,EAAE;YACpB,IAAI,CAAC,WAAW,EAAE;;cAEhB,CAAC;IACb,CAAC;IAEQ,QAAQ,CAAC,OAAuB;QACvC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACxB,uCAAuC;IACzC,CAAC;CACF;AArCC;IAAC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;;wCAAe;AAExC;IAAC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;;0CAAiB","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {html, TemplateResult} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {ifDefined} from 'lit/directives/if-defined.js';\n\nimport {EndPressConfig} from '../../../actionelement/action-element.js';\n\nimport {PrimaryAction} from './primary-action.js';\n\ntype LinkTarget = '_blank'|'_parent'|'_self'|'_top';\n\n/** @soyCompatible */\nexport class LinkAction extends PrimaryAction {\n @property({type: String}) href!: string;\n\n @property({type: String}) target!: string;\n\n /**\n * @soyTemplate\n * @soyAttributes linkAttributes: .md3-chip__action\n */\n protected override render(): TemplateResult {\n return html`\n <span class=\"action-link\">\n <a class=\"${classMap(this.getRootClasses())}\"\n aria-label=\"${ifDefined(this.ariaLabel)}\"\n href=\"${ifDefined(this.href)}\"\n target=\"${ifDefined(this.target as LinkTarget)}\"\n tabindex=\"${this.isFocusable ? 0 : -1}\"\n @focus=\"${this.handleFocus}\"\n @blur=\"${this.handleBlur}\"\n @pointerenter=\"${this.handlePointerEnter}\"\n @pointerleave=\"${this.handlePointerLeave}\"\n @pointerdown=\"${this.handlePointerDown}\"\n @pointerup=\"${this.handlePointerUp}\"\n @pointercancel=\"${this.handlePointerCancel}\"\n @contextmenu=\"${this.handleContextMenu}\">\n ${this.renderTouchTarget()}\n ${this.renderRipple()}\n ${this.renderFocusRing()}\n ${this.renderGraphic()}\n ${this.renderLabel()}\n </a>\n </span>`;\n }\n\n override endPress(options: EndPressConfig) {\n super.endPress(options);\n // TODO(b/253297063): connect to ripple\n }\n}\n"]}
@@ -1,15 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2022 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { TemplateResult } from 'lit';
7
- import { ClassInfo } from 'lit/directives/class-map.js';
8
- import { PrimaryAction } from './primary-action.js';
9
- /** @soyCompatible */
10
- export declare class PresentationalAction extends PrimaryAction {
11
- /** @soyTemplate */
12
- protected render(): TemplateResult;
13
- /** @soyTemplate */
14
- protected getRootClasses(): ClassInfo;
15
- }
@@ -1,30 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2022 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { html } from 'lit';
7
- import { classMap } from 'lit/directives/class-map.js';
8
- import { ifDefined } from 'lit/directives/if-defined.js';
9
- import { PrimaryAction } from './primary-action.js';
10
- /** @soyCompatible */
11
- export class PresentationalAction extends PrimaryAction {
12
- /** @soyTemplate */
13
- render() {
14
- return html `
15
- <span class="${classMap(this.getRootClasses())}"
16
- aria-label="${ifDefined(this.ariaLabel)}"
17
- role="presentation">
18
- ${this.renderGraphic()}
19
- ${this.renderLabel()}
20
- </span>`;
21
- }
22
- /** @soyTemplate */
23
- getRootClasses() {
24
- return {
25
- ...super.getRootClasses(),
26
- 'md3-chip__action--presentational': true,
27
- };
28
- }
29
- }
30
- //# sourceMappingURL=presentational-action.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"presentational-action.js","sourceRoot":"","sources":["presentational-action.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAC,IAAI,EAAiB,MAAM,KAAK,CAAC;AACzC,OAAO,EAAY,QAAQ,EAAC,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAC,SAAS,EAAC,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAC,aAAa,EAAC,MAAM,qBAAqB,CAAC;AAElD,qBAAqB;AACrB,MAAM,OAAO,oBAAqB,SAAQ,aAAa;IAErD,mBAAmB;IACA,MAAM;QACvB,OAAO,IAAI,CAAA;qBACM,QAAQ,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;wBAC5B,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC;;UAEvC,IAAI,CAAC,aAAa,EAAE;UACpB,IAAI,CAAC,WAAW,EAAE;cACd,CAAC;IACb,CAAC;IAED,mBAAmB;IACA,cAAc;QAC/B,OAAO;YACL,GAAG,KAAK,CAAC,cAAc,EAAE;YACzB,kCAAkC,EAAE,IAAI;SACzC,CAAC;IACJ,CAAC;CACF","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {html, TemplateResult} from 'lit';\nimport {ClassInfo, classMap} from 'lit/directives/class-map.js';\nimport {ifDefined} from 'lit/directives/if-defined.js';\nimport {PrimaryAction} from './primary-action.js';\n\n/** @soyCompatible */\nexport class PresentationalAction extends PrimaryAction {\n\n /** @soyTemplate */\n protected override render(): TemplateResult {\n return html`\n <span class=\"${classMap(this.getRootClasses())}\"\n aria-label=\"${ifDefined(this.ariaLabel)}\"\n role=\"presentation\">\n ${this.renderGraphic()}\n ${this.renderLabel()}\n </span>`;\n }\n\n /** @soyTemplate */\n protected override getRootClasses(): ClassInfo {\n return {\n ...super.getRootClasses(),\n 'md3-chip__action--presentational': true,\n };\n }\n}\n"]}
@@ -1,28 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2022 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { TemplateResult } from 'lit';
7
- import { ClassInfo } from 'lit/directives/class-map.js';
8
- import { Action } from './action.js';
9
- /**
10
- * Base class for all primary actions: Presentational, Selectable, Link
11
- * @soyCompatible
12
- */
13
- export declare class PrimaryAction extends Action {
14
- label: string;
15
- icon: string;
16
- /** @soyTemplate */
17
- protected render(): TemplateResult;
18
- /** @soyTemplate */
19
- protected getRootClasses(): ClassInfo;
20
- /** @soyTemplate */
21
- protected getRippleClasses(): ClassInfo;
22
- /** @soyTemplate */
23
- protected renderGraphic(): TemplateResult;
24
- /** @soyTemplate */
25
- protected renderIcon(): TemplateResult;
26
- /** @soyTemplate */
27
- protected renderLabel(): TemplateResult;
28
- }
@@ -1,88 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2022 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { __decorate, __metadata } from "tslib";
7
- import { html } from 'lit';
8
- import { property } from 'lit/decorators.js';
9
- import { classMap } from 'lit/directives/class-map.js';
10
- import { ifDefined } from 'lit/directives/if-defined.js';
11
- import { Action } from './action.js';
12
- /**
13
- * Base class for all primary actions: Presentational, Selectable, Link
14
- * @soyCompatible
15
- */
16
- export class PrimaryAction extends Action {
17
- constructor() {
18
- super(...arguments);
19
- this.label = '';
20
- this.icon = '';
21
- }
22
- /** @soyTemplate */
23
- render() {
24
- return html `
25
- <span class="${classMap(this.getRootClasses())}"
26
- aria-label="${ifDefined(this.ariaLabel)}"
27
- tabindex="${this.isFocusable ? 0 : -1}"
28
- type="button"
29
- ?disabled="${this.disabled}"
30
- @focus="${this.handleFocus}"
31
- @blur="${this.handleBlur}"
32
- @pointerenter="${this.handlePointerEnter}"
33
- @pointerleave="${this.handlePointerLeave}"
34
- @pointerdown="${this.handlePointerDown}"
35
- @pointerup="${this.handlePointerUp}"
36
- @pointercancel="${this.handlePointerCancel}"
37
- @click="${this.handleClick}"
38
- @contextmenu="${this.handleContextMenu}"
39
- @keydown="${this.handleKeyDown}">
40
- ${this.renderTouchTarget()}
41
- ${this.renderRipple()}
42
- ${this.renderFocusRing()}
43
- ${this.renderGraphic()}
44
- ${this.renderLabel()}
45
- </span>`;
46
- }
47
- /** @soyTemplate */
48
- getRootClasses() {
49
- return {
50
- ...super.getRootClasses(),
51
- 'md3-chip__action--primary': true,
52
- };
53
- }
54
- /** @soyTemplate */
55
- getRippleClasses() {
56
- return {
57
- ...super.getRippleClasses(),
58
- 'md3-chip__ripple--primary': true,
59
- };
60
- }
61
- /** @soyTemplate */
62
- renderGraphic() {
63
- return this.icon ? html `
64
- <span class="md3-chip__graphic">
65
- ${this.renderIcon()}
66
- </span>` : html ``;
67
- }
68
- /** @soyTemplate */
69
- renderIcon() {
70
- return html `
71
- <span class="md3-chip__icon md3-chip__icon--primary material-icons">
72
- ${this.icon}
73
- </span>`;
74
- }
75
- /** @soyTemplate */
76
- renderLabel() {
77
- return html `<span class="md3-chip__text-label">${this.label}</span>`;
78
- }
79
- }
80
- __decorate([
81
- property({ type: String }),
82
- __metadata("design:type", Object)
83
- ], PrimaryAction.prototype, "label", void 0);
84
- __decorate([
85
- property({ type: String }),
86
- __metadata("design:type", Object)
87
- ], PrimaryAction.prototype, "icon", void 0);
88
- //# sourceMappingURL=primary-action.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"primary-action.js","sourceRoot":"","sources":["primary-action.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,IAAI,EAAiB,MAAM,KAAK,CAAC;AACzC,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAY,QAAQ,EAAC,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAC,SAAS,EAAC,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAC;AAEnC;;;GAGG;AACH,MAAM,OAAO,aAAc,SAAQ,MAAM;IAAzC;;QAC4B,UAAK,GAAG,EAAE,CAAC;QAEX,SAAI,GAAG,EAAE,CAAC;IAgEtC,CAAC;IA9DC,mBAAmB;IACA,MAAM;QACvB,OAAO,IAAI,CAAA;qBACM,QAAQ,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;wBAC5B,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC;sBAC3B,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;;uBAExB,IAAI,CAAC,QAAQ;oBAChB,IAAI,CAAC,WAAW;mBACjB,IAAI,CAAC,UAAU;2BACP,IAAI,CAAC,kBAAkB;2BACvB,IAAI,CAAC,kBAAkB;0BACxB,IAAI,CAAC,iBAAiB;wBACxB,IAAI,CAAC,eAAe;4BAChB,IAAI,CAAC,mBAAmB;oBAChC,IAAI,CAAC,WAAW;0BACV,IAAI,CAAC,iBAAiB;sBAC1B,IAAI,CAAC,aAAa;UAC9B,IAAI,CAAC,iBAAiB,EAAE;UACxB,IAAI,CAAC,YAAY,EAAE;UACnB,IAAI,CAAC,eAAe,EAAE;UACtB,IAAI,CAAC,aAAa,EAAE;UACpB,IAAI,CAAC,WAAW,EAAE;cACd,CAAC;IACb,CAAC;IAED,mBAAmB;IACA,cAAc;QAC/B,OAAO;YACL,GAAG,KAAK,CAAC,cAAc,EAAE;YACzB,2BAA2B,EAAE,IAAI;SAClC,CAAC;IACJ,CAAC;IAED,mBAAmB;IACA,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,2BAA2B,EAAE,IAAI;SAClC,CAAC;IACJ,CAAC;IAED,mBAAmB;IACT,aAAa;QACrB,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;;UAEjB,IAAI,CAAC,UAAU,EAAE;cACb,CAAC,CAAC,CAAC,IAAI,CAAA,EAAE,CAAC;IACtB,CAAC;IAED,mBAAmB;IACT,UAAU;QAClB,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,IAAI;cACL,CAAC;IACb,CAAC;IAED,mBAAmB;IACT,WAAW;QACnB,OAAO,IAAI,CAAA,sCAAsC,IAAI,CAAC,KAAK,SAAS,CAAC;IACvE,CAAC;CACF;AAlEC;IAAC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;;4CAAY;AAErC;IAAC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;;2CAAW","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {html, TemplateResult} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {ClassInfo, classMap} from 'lit/directives/class-map.js';\nimport {ifDefined} from 'lit/directives/if-defined.js';\nimport {Action} from './action.js';\n\n/**\n * Base class for all primary actions: Presentational, Selectable, Link\n * @soyCompatible\n */\nexport class PrimaryAction extends Action {\n @property({type: String}) label = '';\n\n @property({type: String}) icon = '';\n\n /** @soyTemplate */\n protected override render(): TemplateResult {\n return html`\n <span class=\"${classMap(this.getRootClasses())}\"\n aria-label=\"${ifDefined(this.ariaLabel)}\"\n tabindex=\"${this.isFocusable ? 0 : -1}\"\n type=\"button\"\n ?disabled=\"${this.disabled}\"\n @focus=\"${this.handleFocus}\"\n @blur=\"${this.handleBlur}\"\n @pointerenter=\"${this.handlePointerEnter}\"\n @pointerleave=\"${this.handlePointerLeave}\"\n @pointerdown=\"${this.handlePointerDown}\"\n @pointerup=\"${this.handlePointerUp}\"\n @pointercancel=\"${this.handlePointerCancel}\"\n @click=\"${this.handleClick}\"\n @contextmenu=\"${this.handleContextMenu}\"\n @keydown=\"${this.handleKeyDown}\">\n ${this.renderTouchTarget()}\n ${this.renderRipple()}\n ${this.renderFocusRing()}\n ${this.renderGraphic()}\n ${this.renderLabel()}\n </span>`;\n }\n\n /** @soyTemplate */\n protected override getRootClasses(): ClassInfo {\n return {\n ...super.getRootClasses(),\n 'md3-chip__action--primary': true,\n };\n }\n\n /** @soyTemplate */\n protected override getRippleClasses(): ClassInfo {\n return {\n ...super.getRippleClasses(),\n 'md3-chip__ripple--primary': true,\n };\n }\n\n /** @soyTemplate */\n protected renderGraphic(): TemplateResult {\n return this.icon ? html`\n <span class=\"md3-chip__graphic\">\n ${this.renderIcon()}\n </span>` : html``;\n }\n\n /** @soyTemplate */\n protected renderIcon(): TemplateResult {\n return html`\n <span class=\"md3-chip__icon md3-chip__icon--primary material-icons\">\n ${this.icon}\n </span>`;\n }\n\n /** @soyTemplate */\n protected renderLabel(): TemplateResult {\n return html`<span class=\"md3-chip__text-label\">${this.label}</span>`;\n }\n}\n"]}
@@ -1,17 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2022 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { TemplateResult } from 'lit';
7
- import { PrimaryAction } from './primary-action.js';
8
- /** @soyCompatible */
9
- export declare class SelectableAction extends PrimaryAction {
10
- selected: boolean;
11
- /** @soyTemplate */
12
- protected render(): TemplateResult;
13
- /** @soyTemplate */
14
- protected renderGraphic(): TemplateResult;
15
- /** @soyTemplate */
16
- private renderCheckMark;
17
- }
@@ -1,67 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2022 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { __decorate, __metadata } from "tslib";
7
- import { html } from 'lit';
8
- import { property } from 'lit/decorators.js';
9
- import { classMap } from 'lit/directives/class-map.js';
10
- import { ifDefined } from 'lit/directives/if-defined.js';
11
- import { PrimaryAction } from './primary-action.js';
12
- /** @soyCompatible */
13
- export class SelectableAction extends PrimaryAction {
14
- constructor() {
15
- super(...arguments);
16
- this.selected = false;
17
- }
18
- /** @soyTemplate */
19
- render() {
20
- return html `
21
- <span class="${classMap(this.getRootClasses())}"
22
- aria-label="${ifDefined(this.ariaLabel)}"
23
- aria-selected="${this.selected}"
24
- aria-disabled="${this.disabled}"
25
- tabindex="${this.isFocusable ? 0 : -1}"
26
- role="option"
27
- @focus="${this.handleFocus}"
28
- @blur="${this.handleBlur}"
29
- @pointerenter="${this.handlePointerEnter}"
30
- @pointerleave="${this.handlePointerLeave}"
31
- @pointerdown="${this.handlePointerDown}"
32
- @pointerup="${this.handlePointerUp}"
33
- @pointercancel="${this.handlePointerCancel}"
34
- @click="${this.handleClick}"
35
- @contextmenu="${this.handleContextMenu}"
36
- @keydown="${this.handleKeyDown}">
37
- ${this.renderTouchTarget()}
38
- ${this.renderRipple()}
39
- ${this.renderFocusRing()}
40
- ${this.renderGraphic()}
41
- ${this.renderLabel()}
42
- </span>`;
43
- }
44
- /** @soyTemplate */
45
- renderGraphic() {
46
- return html `
47
- <span class="md3-chip__graphic">
48
- ${this.icon ? this.renderIcon() : ''}
49
- ${this.renderCheckMark()}
50
- </span>`;
51
- }
52
- /** @soyTemplate */
53
- renderCheckMark() {
54
- return html `
55
- <span class="md3-chip__checkmark">
56
- <svg class="md3-chip__checkmark-svg" viewBox="-2 -3 30 30">
57
- <path class="md3-chip__checkmark-path" fill="none" stroke="black"
58
- d="M1.73,12.91 8.1,19.28 22.79,4.59" />
59
- </svg>
60
- </span>`;
61
- }
62
- }
63
- __decorate([
64
- property({ type: Boolean, reflect: true }),
65
- __metadata("design:type", Object)
66
- ], SelectableAction.prototype, "selected", void 0);
67
- //# sourceMappingURL=selectable-action.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"selectable-action.js","sourceRoot":"","sources":["selectable-action.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,IAAI,EAAiB,MAAM,KAAK,CAAC;AAEzC,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAC,QAAQ,EAAC,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAC,SAAS,EAAC,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAC,aAAa,EAAC,MAAM,qBAAqB,CAAC;AAElD,qBAAqB;AACrB,MAAM,OAAO,gBAAiB,SAAQ,aAAa;IAAnD;;QAC4C,aAAQ,GAAG,KAAK,CAAC;IAgD7D,CAAC;IA9CC,mBAAmB;IACA,MAAM;QACvB,OAAO,IAAI,CAAA;qBACM,QAAQ,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;wBAC5B,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC;2BACtB,IAAI,CAAC,QAAQ;2BACb,IAAI,CAAC,QAAQ;sBAClB,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;;oBAE3B,IAAI,CAAC,WAAW;mBACjB,IAAI,CAAC,UAAU;2BACP,IAAI,CAAC,kBAAkB;2BACvB,IAAI,CAAC,kBAAkB;0BACxB,IAAI,CAAC,iBAAiB;wBACxB,IAAI,CAAC,eAAe;4BAChB,IAAI,CAAC,mBAAmB;oBAChC,IAAI,CAAC,WAAW;0BACV,IAAI,CAAC,iBAAiB;sBAC1B,IAAI,CAAC,aAAa;UAC9B,IAAI,CAAC,iBAAiB,EAAE;UACxB,IAAI,CAAC,YAAY,EAAE;UACnB,IAAI,CAAC,eAAe,EAAE;UACtB,IAAI,CAAC,aAAa,EAAE;UACpB,IAAI,CAAC,WAAW,EAAE;cACd,CAAC;IACb,CAAC;IAED,mBAAmB;IACA,aAAa;QAC9B,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE;UAClC,IAAI,CAAC,eAAe,EAAE;cAClB,CAAC;IACb,CAAC;IAED,mBAAmB;IACX,eAAe;QACrB,OAAO,IAAI,CAAA;;;;;;cAMD,CAAC;IACb,CAAC;CACF;AAhDC;IAAC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;;kDAAkB","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {html, TemplateResult} from 'lit';\n\nimport {property} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {ifDefined} from 'lit/directives/if-defined.js';\nimport {PrimaryAction} from './primary-action.js';\n\n/** @soyCompatible */\nexport class SelectableAction extends PrimaryAction {\n @property({type: Boolean, reflect: true}) selected = false;\n\n /** @soyTemplate */\n protected override render(): TemplateResult {\n return html`\n <span class=\"${classMap(this.getRootClasses())}\"\n aria-label=\"${ifDefined(this.ariaLabel)}\"\n aria-selected=\"${this.selected}\"\n aria-disabled=\"${this.disabled}\"\n tabindex=\"${this.isFocusable ? 0 : -1}\"\n role=\"option\"\n @focus=\"${this.handleFocus}\"\n @blur=\"${this.handleBlur}\"\n @pointerenter=\"${this.handlePointerEnter}\"\n @pointerleave=\"${this.handlePointerLeave}\"\n @pointerdown=\"${this.handlePointerDown}\"\n @pointerup=\"${this.handlePointerUp}\"\n @pointercancel=\"${this.handlePointerCancel}\"\n @click=\"${this.handleClick}\"\n @contextmenu=\"${this.handleContextMenu}\"\n @keydown=\"${this.handleKeyDown}\">\n ${this.renderTouchTarget()}\n ${this.renderRipple()}\n ${this.renderFocusRing()}\n ${this.renderGraphic()}\n ${this.renderLabel()}\n </span>`;\n }\n\n /** @soyTemplate */\n protected override renderGraphic(): TemplateResult {\n return html`\n <span class=\"md3-chip__graphic\">\n ${this.icon ? this.renderIcon() : ''}\n ${this.renderCheckMark()}\n </span>`;\n }\n\n /** @soyTemplate */\n private renderCheckMark(): TemplateResult {\n return html`\n <span class=\"md3-chip__checkmark\">\n <svg class=\"md3-chip__checkmark-svg\" viewBox=\"-2 -3 30 30\">\n <path class=\"md3-chip__checkmark-path\" fill=\"none\" stroke=\"black\"\n d=\"M1.73,12.91 8.1,19.28 22.79,4.59\" />\n </svg>\n </span>`;\n }\n}\n"]}
@@ -1,23 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2022 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { MDCChipActionInteractionTrigger, MDCChipActionType } from './constants.js';
7
- /**
8
- * MDCChipActionInteractionEventDetail provides the details for the interaction
9
- * event.
10
- */
11
- export interface MDCChipActionInteractionEventDetail {
12
- actionID: string;
13
- source: MDCChipActionType;
14
- trigger: MDCChipActionInteractionTrigger;
15
- }
16
- /**
17
- * MDCChipActionNavigationEventDetail provides the details for the navigation
18
- * event.
19
- */
20
- export interface MDCChipActionNavigationEventDetail {
21
- source: MDCChipActionType;
22
- key: string;
23
- }
@@ -1,7 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2022 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- export {};
7
- //# sourceMappingURL=types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.js","sourceRoot":"","sources":["types.ts"],"names":[],"mappings":"AAAA;;;;GAIG","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {MDCChipActionInteractionTrigger, MDCChipActionType} from './constants.js';\n\n/**\n * MDCChipActionInteractionEventDetail provides the details for the interaction\n * event.\n */\nexport interface MDCChipActionInteractionEventDetail {\n actionID: string;\n source: MDCChipActionType;\n trigger: MDCChipActionInteractionTrigger;\n}\n\n/**\n * MDCChipActionNavigationEventDetail provides the details for the navigation\n * event.\n */\nexport interface MDCChipActionNavigationEventDetail {\n source: MDCChipActionType;\n key: string;\n}\n"]}
@@ -1,18 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2021 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { LinkAction } from './lib/link-action.js';
7
- declare global {
8
- interface HTMLElementTagNameMap {
9
- 'md-link-action': MdLinkAction;
10
- }
11
- }
12
- /**
13
- * @soyCompatible
14
- * @final
15
- * @suppress {visibility}
16
- */
17
- export declare class MdLinkAction extends LinkAction {
18
- }