@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,255 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2022 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { MDCChipActionFocusBehavior, MDCChipActionInteractionTrigger, MDCChipActionType } from '../../action/lib/constants.js';
7
- import { AnimationFrame } from './animationframe.js';
8
- import { MDCChipAnimation, MDCChipAttributes, MDCChipCssClasses, MDCChipEvents } from './constants.js';
9
- var Direction;
10
- (function (Direction) {
11
- Direction[Direction["UNSPECIFIED"] = 0] = "UNSPECIFIED";
12
- Direction[Direction["LEFT"] = 1] = "LEFT";
13
- Direction[Direction["RIGHT"] = 2] = "RIGHT";
14
- })(Direction || (Direction = {}));
15
- var AnimationKeys;
16
- (function (AnimationKeys) {
17
- AnimationKeys["SELECTION"] = "selection";
18
- AnimationKeys["EXIT"] = "exit";
19
- })(AnimationKeys || (AnimationKeys = {}));
20
- /**
21
- * MDCChipFoundation provides a foundation for all chips.
22
- */
23
- export class MDCChipFoundation {
24
- static get defaultAdapter() {
25
- return {
26
- addClass: () => undefined,
27
- emitEvent: () => undefined,
28
- getActions: () => [],
29
- getAttribute: () => null,
30
- getElementID: () => '',
31
- getOffsetWidth: () => 0,
32
- hasClass: () => false,
33
- isActionDisabled: () => false,
34
- isActionFocusable: () => false,
35
- isActionSelectable: () => false,
36
- isActionSelected: () => false,
37
- isRTL: () => false,
38
- removeClass: () => undefined,
39
- setActionDisabled: () => undefined,
40
- setActionFocus: () => undefined,
41
- setActionSelected: () => undefined,
42
- setStyleProperty: () => undefined,
43
- };
44
- }
45
- constructor(adapter) {
46
- this.adapter = { ...MDCChipFoundation.defaultAdapter, ...adapter };
47
- this.animFrame = new AnimationFrame();
48
- }
49
- destroy() {
50
- this.animFrame.cancelAll();
51
- }
52
- getElementID() {
53
- return this.adapter.getElementID();
54
- }
55
- setDisabled(isDisabled) {
56
- const actions = this.getActions();
57
- for (const action of actions) {
58
- this.adapter.setActionDisabled(action, isDisabled);
59
- }
60
- if (isDisabled) {
61
- this.adapter.addClass(MDCChipCssClasses.DISABLED);
62
- }
63
- else {
64
- this.adapter.removeClass(MDCChipCssClasses.DISABLED);
65
- }
66
- }
67
- isDisabled() {
68
- const actions = this.getActions();
69
- for (const action of actions) {
70
- if (this.adapter.isActionDisabled(action)) {
71
- return true;
72
- }
73
- }
74
- return false;
75
- }
76
- getActions() {
77
- return this.adapter.getActions();
78
- }
79
- isActionFocusable(action) {
80
- return this.adapter.isActionFocusable(action);
81
- }
82
- isActionSelectable(action) {
83
- return this.adapter.isActionSelectable(action);
84
- }
85
- isActionSelected(action) {
86
- return this.adapter.isActionSelected(action);
87
- }
88
- setActionFocus(action, focus) {
89
- this.adapter.setActionFocus(action, focus);
90
- }
91
- setActionSelected(action, isSelected) {
92
- this.adapter.setActionSelected(action, isSelected);
93
- this.animateSelection(isSelected);
94
- }
95
- startAnimation(animation) {
96
- if (animation === MDCChipAnimation.ENTER) {
97
- this.adapter.addClass(MDCChipCssClasses.ENTER);
98
- return;
99
- }
100
- if (animation === MDCChipAnimation.EXIT) {
101
- this.adapter.addClass(MDCChipCssClasses.EXIT);
102
- return;
103
- }
104
- }
105
- handleAnimationEnd(event) {
106
- const { animationName } = event;
107
- if (animationName === MDCChipAnimation.ENTER) {
108
- this.adapter.removeClass(MDCChipCssClasses.ENTER);
109
- this.adapter.emitEvent(MDCChipEvents.ANIMATION, {
110
- chipID: this.getElementID(),
111
- animation: MDCChipAnimation.ENTER,
112
- addedAnnouncement: this.getAddedAnnouncement(),
113
- isComplete: true,
114
- });
115
- return;
116
- }
117
- if (animationName === MDCChipAnimation.EXIT) {
118
- this.adapter.removeClass(MDCChipCssClasses.EXIT);
119
- this.adapter.addClass(MDCChipCssClasses.HIDDEN);
120
- const width = this.adapter.getOffsetWidth();
121
- this.adapter.setStyleProperty('width', `${width}px`);
122
- // Wait two frames so the width gets applied correctly.
123
- this.animFrame.request(AnimationKeys.EXIT, () => {
124
- this.animFrame.request(AnimationKeys.EXIT, () => {
125
- this.adapter.setStyleProperty('width', '0');
126
- });
127
- });
128
- }
129
- }
130
- handleTransitionEnd() {
131
- if (!this.adapter.hasClass(MDCChipCssClasses.HIDDEN))
132
- return;
133
- this.adapter.emitEvent(MDCChipEvents.ANIMATION, {
134
- chipID: this.getElementID(),
135
- animation: MDCChipAnimation.EXIT,
136
- removedAnnouncement: this.getRemovedAnnouncement(),
137
- isComplete: true,
138
- });
139
- }
140
- handleActionInteraction({ detail }) {
141
- const { source, actionID } = detail;
142
- const isSelectable = this.adapter.isActionSelectable(source);
143
- const isSelected = this.adapter.isActionSelected(source);
144
- this.adapter.emitEvent(MDCChipEvents.INTERACTION, {
145
- chipID: this.getElementID(),
146
- shouldRemove: this.shouldRemove(detail),
147
- actionID,
148
- isSelectable,
149
- isSelected,
150
- source,
151
- });
152
- }
153
- handleActionNavigation({ detail }) {
154
- const { source, key } = detail;
155
- const isRTL = this.adapter.isRTL();
156
- const isTrailingActionFocusable = this.adapter.isActionFocusable(MDCChipActionType.TRAILING);
157
- const isPrimaryActionFocusable = this.adapter.isActionFocusable(MDCChipActionType.PRIMARY);
158
- const dir = this.directionFromKey(key, isRTL);
159
- const shouldNavigateToTrailing = source === MDCChipActionType.PRIMARY &&
160
- dir === Direction.RIGHT && isTrailingActionFocusable;
161
- const shouldNavigateToPrimary = source === MDCChipActionType.TRAILING &&
162
- dir === Direction.LEFT && isPrimaryActionFocusable;
163
- if (shouldNavigateToTrailing) {
164
- this.navigateActions({ from: source, to: MDCChipActionType.TRAILING });
165
- return;
166
- }
167
- if (shouldNavigateToPrimary) {
168
- this.navigateActions({ from: source, to: MDCChipActionType.PRIMARY });
169
- return;
170
- }
171
- this.adapter.emitEvent(MDCChipEvents.NAVIGATION, {
172
- chipID: this.getElementID(),
173
- isRTL,
174
- source,
175
- key,
176
- });
177
- }
178
- directionFromKey(key, isRTL) {
179
- const isLeftKey = key === 'ArrowLeft';
180
- const isRightKey = key === 'ArrowRight';
181
- if (!isRTL && isLeftKey || isRTL && isRightKey) {
182
- return Direction.LEFT;
183
- }
184
- if (!isRTL && isRightKey || isRTL && isLeftKey) {
185
- return Direction.RIGHT;
186
- }
187
- return Direction.UNSPECIFIED;
188
- }
189
- navigateActions(nav) {
190
- this.adapter.setActionFocus(nav.from, MDCChipActionFocusBehavior.NOT_FOCUSABLE);
191
- this.adapter.setActionFocus(nav.to, MDCChipActionFocusBehavior.FOCUSABLE_AND_FOCUSED);
192
- }
193
- shouldRemove({ source, trigger }) {
194
- if (trigger === MDCChipActionInteractionTrigger.BACKSPACE_KEY ||
195
- trigger === MDCChipActionInteractionTrigger.DELETE_KEY) {
196
- return true;
197
- }
198
- return source === MDCChipActionType.TRAILING;
199
- }
200
- getRemovedAnnouncement() {
201
- const msg = this.adapter.getAttribute(MDCChipAttributes.DATA_REMOVED_ANNOUNCEMENT);
202
- return msg || undefined;
203
- }
204
- getAddedAnnouncement() {
205
- const msg = this.adapter.getAttribute(MDCChipAttributes.DATA_ADDED_ANNOUNCEMENT);
206
- return msg || undefined;
207
- }
208
- animateSelection(isSelected) {
209
- this.resetAnimationStyles();
210
- // Wait two frames to ensure the animation classes are unset
211
- this.animFrame.request(AnimationKeys.SELECTION, () => {
212
- this.animFrame.request(AnimationKeys.SELECTION, () => {
213
- this.updateSelectionStyles(isSelected);
214
- });
215
- });
216
- }
217
- resetAnimationStyles() {
218
- this.adapter.removeClass(MDCChipCssClasses.SELECTING);
219
- this.adapter.removeClass(MDCChipCssClasses.DESELECTING);
220
- this.adapter.removeClass(MDCChipCssClasses.SELECTING_WITH_PRIMARY_ICON);
221
- this.adapter.removeClass(MDCChipCssClasses.DESELECTING_WITH_PRIMARY_ICON);
222
- }
223
- updateSelectionStyles(isSelected) {
224
- const hasIcon = this.adapter.hasClass(MDCChipCssClasses.WITH_PRIMARY_ICON);
225
- if (hasIcon && isSelected) {
226
- this.adapter.addClass(MDCChipCssClasses.SELECTING_WITH_PRIMARY_ICON);
227
- this.animFrame.request(AnimationKeys.SELECTION, () => {
228
- this.adapter.addClass(MDCChipCssClasses.SELECTED);
229
- });
230
- return;
231
- }
232
- if (hasIcon && !isSelected) {
233
- this.adapter.addClass(MDCChipCssClasses.DESELECTING_WITH_PRIMARY_ICON);
234
- this.animFrame.request(AnimationKeys.SELECTION, () => {
235
- this.adapter.removeClass(MDCChipCssClasses.SELECTED);
236
- });
237
- return;
238
- }
239
- if (isSelected) {
240
- this.adapter.addClass(MDCChipCssClasses.SELECTING);
241
- this.animFrame.request(AnimationKeys.SELECTION, () => {
242
- this.adapter.addClass(MDCChipCssClasses.SELECTED);
243
- });
244
- return;
245
- }
246
- if (!isSelected) {
247
- this.adapter.addClass(MDCChipCssClasses.DESELECTING);
248
- this.animFrame.request(AnimationKeys.SELECTION, () => {
249
- this.adapter.removeClass(MDCChipCssClasses.SELECTED);
250
- });
251
- return;
252
- }
253
- }
254
- }
255
- //# sourceMappingURL=foundation.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"foundation.js","sourceRoot":"","sources":["foundation.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {MDCChipActionFocusBehavior, MDCChipActionInteractionTrigger, MDCChipActionType} from '../../action/lib/constants.js';\nimport {MDCChipActionInteractionEventDetail} from '../../action/lib/types.js';\n\nimport {MDCChipAdapter} from './adapter.js';\nimport {AnimationFrame} from './animationframe.js';\nimport {MDCChipAnimation, MDCChipAttributes, MDCChipCssClasses, MDCChipEvents} from './constants.js';\nimport {ActionInteractionEvent, ActionNavigationEvent, MDCChipAnimationEventDetail, MDCChipInteractionEventDetail, MDCChipNavigationEventDetail} from './types.js';\n\ninterface Navigation {\n from: MDCChipActionType;\n to: MDCChipActionType;\n}\n\nenum Direction {\n UNSPECIFIED, // Default\n LEFT,\n RIGHT,\n}\n\nenum AnimationKeys {\n SELECTION = 'selection',\n EXIT = 'exit',\n}\n\n/**\n * MDCChipFoundation provides a foundation for all chips.\n */\nexport class MDCChipFoundation {\n private readonly adapter: MDCChipAdapter;\n\n static get defaultAdapter(): MDCChipAdapter {\n return {\n addClass: () => undefined,\n emitEvent: () => undefined,\n getActions: () => [],\n getAttribute: () => null,\n getElementID: () => '',\n getOffsetWidth: () => 0,\n hasClass: () => false,\n isActionDisabled: () => false,\n isActionFocusable: () => false,\n isActionSelectable: () => false,\n isActionSelected: () => false,\n isRTL: () => false,\n removeClass: () => undefined,\n setActionDisabled: () => undefined,\n setActionFocus: () => undefined,\n setActionSelected: () => undefined,\n setStyleProperty: () => undefined,\n };\n }\n\n private readonly animFrame: AnimationFrame;\n\n constructor(adapter?: Partial<MDCChipAdapter>) {\n this.adapter = {...MDCChipFoundation.defaultAdapter, ...adapter};\n this.animFrame = new AnimationFrame();\n }\n\n destroy() {\n this.animFrame.cancelAll();\n }\n\n getElementID() {\n return this.adapter.getElementID();\n }\n\n setDisabled(isDisabled: boolean) {\n const actions = this.getActions();\n for (const action of actions) {\n this.adapter.setActionDisabled(action, isDisabled);\n }\n\n if (isDisabled) {\n this.adapter.addClass(MDCChipCssClasses.DISABLED);\n } else {\n this.adapter.removeClass(MDCChipCssClasses.DISABLED);\n }\n }\n\n isDisabled(): boolean {\n const actions = this.getActions();\n for (const action of actions) {\n if (this.adapter.isActionDisabled(action)) {\n return true;\n }\n }\n return false;\n }\n\n getActions(): MDCChipActionType[] {\n return this.adapter.getActions();\n }\n\n isActionFocusable(action: MDCChipActionType): boolean {\n return this.adapter.isActionFocusable(action);\n }\n\n isActionSelectable(action: MDCChipActionType): boolean {\n return this.adapter.isActionSelectable(action);\n }\n\n isActionSelected(action: MDCChipActionType): boolean {\n return this.adapter.isActionSelected(action);\n }\n\n setActionFocus(action: MDCChipActionType, focus: MDCChipActionFocusBehavior) {\n this.adapter.setActionFocus(action, focus);\n }\n\n setActionSelected(action: MDCChipActionType, isSelected: boolean) {\n this.adapter.setActionSelected(action, isSelected);\n this.animateSelection(isSelected);\n }\n\n startAnimation(animation: MDCChipAnimation) {\n if (animation === MDCChipAnimation.ENTER) {\n this.adapter.addClass(MDCChipCssClasses.ENTER);\n return;\n }\n\n if (animation === MDCChipAnimation.EXIT) {\n this.adapter.addClass(MDCChipCssClasses.EXIT);\n return;\n }\n }\n\n handleAnimationEnd(event: AnimationEvent) {\n const {animationName} = event;\n if (animationName === MDCChipAnimation.ENTER) {\n this.adapter.removeClass(MDCChipCssClasses.ENTER);\n this.adapter.emitEvent<MDCChipAnimationEventDetail>(\n MDCChipEvents.ANIMATION, {\n chipID: this.getElementID(),\n animation: MDCChipAnimation.ENTER,\n addedAnnouncement: this.getAddedAnnouncement(),\n isComplete: true,\n });\n return;\n }\n\n if (animationName === MDCChipAnimation.EXIT) {\n this.adapter.removeClass(MDCChipCssClasses.EXIT);\n this.adapter.addClass(MDCChipCssClasses.HIDDEN);\n const width = this.adapter.getOffsetWidth();\n this.adapter.setStyleProperty('width', `${width}px`);\n // Wait two frames so the width gets applied correctly.\n this.animFrame.request(AnimationKeys.EXIT, () => {\n this.animFrame.request(AnimationKeys.EXIT, () => {\n this.adapter.setStyleProperty('width', '0');\n });\n });\n }\n }\n\n handleTransitionEnd() {\n if (!this.adapter.hasClass(MDCChipCssClasses.HIDDEN)) return;\n\n this.adapter.emitEvent<MDCChipAnimationEventDetail>(\n MDCChipEvents.ANIMATION, {\n chipID: this.getElementID(),\n animation: MDCChipAnimation.EXIT,\n removedAnnouncement: this.getRemovedAnnouncement(),\n isComplete: true,\n });\n }\n\n handleActionInteraction({detail}: ActionInteractionEvent) {\n const {source, actionID} = detail;\n const isSelectable = this.adapter.isActionSelectable(source);\n const isSelected = this.adapter.isActionSelected(source);\n\n this.adapter.emitEvent<MDCChipInteractionEventDetail>(\n MDCChipEvents.INTERACTION, {\n chipID: this.getElementID(),\n shouldRemove: this.shouldRemove(detail),\n actionID,\n isSelectable,\n isSelected,\n source,\n });\n }\n\n handleActionNavigation({detail}: ActionNavigationEvent) {\n const {source, key} = detail;\n const isRTL = this.adapter.isRTL();\n const isTrailingActionFocusable =\n this.adapter.isActionFocusable(MDCChipActionType.TRAILING);\n const isPrimaryActionFocusable =\n this.adapter.isActionFocusable(MDCChipActionType.PRIMARY);\n const dir = this.directionFromKey(key, isRTL);\n\n const shouldNavigateToTrailing = source === MDCChipActionType.PRIMARY &&\n dir === Direction.RIGHT && isTrailingActionFocusable;\n\n const shouldNavigateToPrimary = source === MDCChipActionType.TRAILING &&\n dir === Direction.LEFT && isPrimaryActionFocusable;\n\n if (shouldNavigateToTrailing) {\n this.navigateActions({from: source, to: MDCChipActionType.TRAILING});\n return;\n }\n\n if (shouldNavigateToPrimary) {\n this.navigateActions({from: source, to: MDCChipActionType.PRIMARY});\n return;\n }\n\n this.adapter.emitEvent<MDCChipNavigationEventDetail>(\n MDCChipEvents.NAVIGATION, {\n chipID: this.getElementID(),\n isRTL,\n source,\n key,\n });\n }\n\n private directionFromKey(key: string, isRTL: boolean): Direction {\n const isLeftKey = key === 'ArrowLeft';\n const isRightKey = key === 'ArrowRight';\n if (!isRTL && isLeftKey || isRTL && isRightKey) {\n return Direction.LEFT;\n }\n\n if (!isRTL && isRightKey || isRTL && isLeftKey) {\n return Direction.RIGHT;\n }\n\n return Direction.UNSPECIFIED;\n }\n\n private navigateActions(nav: Navigation) {\n this.adapter.setActionFocus(\n nav.from, MDCChipActionFocusBehavior.NOT_FOCUSABLE);\n this.adapter.setActionFocus(\n nav.to, MDCChipActionFocusBehavior.FOCUSABLE_AND_FOCUSED);\n }\n\n private shouldRemove({source, trigger}: MDCChipActionInteractionEventDetail):\n boolean {\n if (trigger === MDCChipActionInteractionTrigger.BACKSPACE_KEY ||\n trigger === MDCChipActionInteractionTrigger.DELETE_KEY) {\n return true;\n }\n\n return source === MDCChipActionType.TRAILING;\n }\n\n private getRemovedAnnouncement(): string|undefined {\n const msg =\n this.adapter.getAttribute(MDCChipAttributes.DATA_REMOVED_ANNOUNCEMENT);\n return msg || undefined;\n }\n\n private getAddedAnnouncement(): string|undefined {\n const msg =\n this.adapter.getAttribute(MDCChipAttributes.DATA_ADDED_ANNOUNCEMENT);\n return msg || undefined;\n }\n\n private animateSelection(isSelected: boolean) {\n this.resetAnimationStyles();\n // Wait two frames to ensure the animation classes are unset\n this.animFrame.request(AnimationKeys.SELECTION, () => {\n this.animFrame.request(AnimationKeys.SELECTION, () => {\n this.updateSelectionStyles(isSelected);\n });\n });\n }\n\n private resetAnimationStyles() {\n this.adapter.removeClass(MDCChipCssClasses.SELECTING);\n this.adapter.removeClass(MDCChipCssClasses.DESELECTING);\n this.adapter.removeClass(MDCChipCssClasses.SELECTING_WITH_PRIMARY_ICON);\n this.adapter.removeClass(MDCChipCssClasses.DESELECTING_WITH_PRIMARY_ICON);\n }\n\n private updateSelectionStyles(isSelected: boolean) {\n const hasIcon = this.adapter.hasClass(MDCChipCssClasses.WITH_PRIMARY_ICON);\n if (hasIcon && isSelected) {\n this.adapter.addClass(MDCChipCssClasses.SELECTING_WITH_PRIMARY_ICON);\n this.animFrame.request(AnimationKeys.SELECTION, () => {\n this.adapter.addClass(MDCChipCssClasses.SELECTED);\n });\n return;\n }\n\n if (hasIcon && !isSelected) {\n this.adapter.addClass(MDCChipCssClasses.DESELECTING_WITH_PRIMARY_ICON);\n this.animFrame.request(AnimationKeys.SELECTION, () => {\n this.adapter.removeClass(MDCChipCssClasses.SELECTED);\n });\n return;\n }\n\n if (isSelected) {\n this.adapter.addClass(MDCChipCssClasses.SELECTING);\n this.animFrame.request(AnimationKeys.SELECTION, () => {\n this.adapter.addClass(MDCChipCssClasses.SELECTED);\n });\n return;\n }\n\n if (!isSelected) {\n this.adapter.addClass(MDCChipCssClasses.DESELECTING);\n this.animFrame.request(AnimationKeys.SELECTION, () => {\n this.adapter.removeClass(MDCChipCssClasses.SELECTED);\n });\n return;\n }\n }\n}\n"]}
@@ -1,21 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2022 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import '../../action/link-action.js';
7
- import { TemplateResult } from 'lit';
8
- import { Chip } from './chip.js';
9
- /** @soyCompatible */
10
- export declare class LinkChip extends Chip {
11
- href: string;
12
- target: string;
13
- /**
14
- * @soyTemplate
15
- * @soyAttributes attributes: .md3-chip
16
- * @soyAttributes linkAttributes: .md3-chip__action
17
- */
18
- protected render(): TemplateResult;
19
- /** @soyTemplate */
20
- private renderPrimaryAction;
21
- }
@@ -1,53 +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 '@material/web/chips/action.js';
8
- import '../../action/link-action.js';
9
- import { html } from 'lit';
10
- import { property } from 'lit/decorators.js';
11
- import { classMap } from 'lit/directives/class-map.js';
12
- import { Chip } from './chip.js';
13
- /** @soyCompatible */
14
- export class LinkChip extends Chip {
15
- /**
16
- * @soyTemplate
17
- * @soyAttributes attributes: .md3-chip
18
- * @soyAttributes linkAttributes: .md3-chip__action
19
- */
20
- render() {
21
- return html `
22
- <span class="${classMap(this.getRootClasses())}" role="row">
23
- ${this.renderOverlay()}
24
- <span class="md3-chip__cell md3-chip__cell--primary" role="gridcell">
25
- ${this.renderPrimaryAction()}
26
- </span>
27
- ${this.renderDeleteAction()}
28
- </span>`;
29
- }
30
- /** @soyTemplate */
31
- renderPrimaryAction() {
32
- return html `
33
- <md-link-action
34
- ?disabled=${this.disabled}
35
- ?isFocusable=${this.isFocusable}
36
- ?isTouchable=${this.isTouchable}
37
- .icon=${this.icon}
38
- .label=${this.label}
39
- .ariaLabel=${this.ariaLabel}
40
- .href=${this.href}
41
- .target=${this.target}>
42
- </md-link-action>`;
43
- }
44
- }
45
- __decorate([
46
- property({ type: String }),
47
- __metadata("design:type", String)
48
- ], LinkChip.prototype, "href", void 0);
49
- __decorate([
50
- property({ type: String }),
51
- __metadata("design:type", String)
52
- ], LinkChip.prototype, "target", void 0);
53
- //# sourceMappingURL=link-chip.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"link-chip.js","sourceRoot":"","sources":["link-chip.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,0CAA0C;AAC1C,OAAO,6BAA6B,CAAC;AAErC,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,IAAI,EAAC,MAAM,WAAW,CAAC;AAE/B,qBAAqB;AACrB,MAAM,OAAO,QAAS,SAAQ,IAAI;IAKhC;;;;OAIG;IACgB,MAAM;QACvB,OAAO,IAAI,CAAA;qBACM,QAAQ,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;UAC1C,IAAI,CAAC,aAAa,EAAE;;YAElB,IAAI,CAAC,mBAAmB,EAAE;;UAE5B,IAAI,CAAC,kBAAkB,EAAE;cACrB,CAAC;IACb,CAAC;IAED,mBAAmB;IACX,mBAAmB;QACzB,OAAO,IAAI,CAAA;;sBAEO,IAAI,CAAC,QAAQ;yBACV,IAAI,CAAC,WAAW;yBAChB,IAAI,CAAC,WAAW;kBACvB,IAAI,CAAC,IAAI;mBACR,IAAI,CAAC,KAAK;uBACN,IAAI,CAAC,SAAS;kBACnB,IAAI,CAAC,IAAI;oBACP,IAAI,CAAC,MAAM;wBACP,CAAC;IACvB,CAAC;CACF;AAlCC;IAAC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;;sCAAe;AAExC;IAAC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;;wCAAiB","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\n// import '@material/web/chips/action.js';\nimport '../../action/link-action.js';\n\nimport {html, TemplateResult} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {Chip} from './chip.js';\n\n/** @soyCompatible */\nexport class LinkChip extends Chip {\n @property({type: String}) href!: string;\n\n @property({type: String}) target!: string;\n\n /**\n * @soyTemplate\n * @soyAttributes attributes: .md3-chip\n * @soyAttributes linkAttributes: .md3-chip__action\n */\n protected override render(): TemplateResult {\n return html`\n <span class=\"${classMap(this.getRootClasses())}\" role=\"row\">\n ${this.renderOverlay()}\n <span class=\"md3-chip__cell md3-chip__cell--primary\" role=\"gridcell\">\n ${this.renderPrimaryAction()}\n </span>\n ${this.renderDeleteAction()}\n </span>`;\n }\n\n /** @soyTemplate */\n private renderPrimaryAction(): TemplateResult {\n return html`\n <md-link-action\n ?disabled=${this.disabled}\n ?isFocusable=${this.isFocusable}\n ?isTouchable=${this.isTouchable}\n .icon=${this.icon}\n .label=${this.label}\n .ariaLabel=${this.ariaLabel}\n .href=${this.href}\n .target=${this.target}>\n </md-link-action>`;\n }\n}\n"]}
@@ -1,18 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2022 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import '../../action/presentational-action.js';
7
- import { TemplateResult } from 'lit';
8
- import { Chip } from './chip.js';
9
- /** @soyCompatible */
10
- export declare class PresentationalChip extends Chip {
11
- /**
12
- * @soyTemplate
13
- * @soyAttributes attributes: .md3-chip
14
- */
15
- protected render(): TemplateResult;
16
- /** @soyTemplate */
17
- private renderPrimaryAction;
18
- }
@@ -1,39 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2022 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import '../../action/presentational-action.js';
7
- import { html } from 'lit';
8
- import { classMap } from 'lit/directives/class-map.js';
9
- import { Chip } from './chip.js';
10
- /** @soyCompatible */
11
- export class PresentationalChip extends Chip {
12
- /**
13
- * @soyTemplate
14
- * @soyAttributes attributes: .md3-chip
15
- */
16
- render() {
17
- return html `
18
- <span class="${classMap(this.getRootClasses())}" role="row">
19
- ${this.renderOverlay()}
20
- <span class="md3-chip__cell md3-chip__cell--primary" role="gridcell">
21
- ${this.renderPrimaryAction()}
22
- </span>
23
- ${this.renderDeleteAction()}
24
- </span>`;
25
- }
26
- /** @soyTemplate */
27
- renderPrimaryAction() {
28
- return html `
29
- <md-presentational-action
30
- ?disabled=${this.disabled}
31
- ?isFocusable=${this.isFocusable}
32
- ?isTouchable=${this.isTouchable}
33
- .icon=${this.icon}
34
- .label=${this.label}
35
- .ariaLabel=${this.ariaLabel}>
36
- </md-presentational-action>`;
37
- }
38
- }
39
- //# sourceMappingURL=presentational-chip.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"presentational-chip.js","sourceRoot":"","sources":["presentational-chip.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,uCAAuC,CAAC;AAE/C,OAAO,EAAC,IAAI,EAAiB,MAAM,KAAK,CAAC;AACzC,OAAO,EAAC,QAAQ,EAAC,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAC,IAAI,EAAC,MAAM,WAAW,CAAC;AAE/B,qBAAqB;AACrB,MAAM,OAAO,kBAAmB,SAAQ,IAAI;IAC1C;;;OAGG;IACgB,MAAM;QACvB,OAAO,IAAI,CAAA;qBACM,QAAQ,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;UAC1C,IAAI,CAAC,aAAa,EAAE;;YAElB,IAAI,CAAC,mBAAmB,EAAE;;UAE5B,IAAI,CAAC,kBAAkB,EAAE;cACrB,CAAC;IACb,CAAC;IAED,mBAAmB;IACX,mBAAmB;QACzB,OAAO,IAAI,CAAA;;sBAEO,IAAI,CAAC,QAAQ;yBACV,IAAI,CAAC,WAAW;yBAChB,IAAI,CAAC,WAAW;kBACvB,IAAI,CAAC,IAAI;mBACR,IAAI,CAAC,KAAK;uBACN,IAAI,CAAC,SAAS;kCACH,CAAC;IACjC,CAAC;CACF","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport '../../action/presentational-action.js';\n\nimport {html, TemplateResult} from 'lit';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {Chip} from './chip.js';\n\n/** @soyCompatible */\nexport class PresentationalChip extends Chip {\n /**\n * @soyTemplate\n * @soyAttributes attributes: .md3-chip\n */\n protected override render(): TemplateResult {\n return html`\n <span class=\"${classMap(this.getRootClasses())}\" role=\"row\">\n ${this.renderOverlay()}\n <span class=\"md3-chip__cell md3-chip__cell--primary\" role=\"gridcell\">\n ${this.renderPrimaryAction()}\n </span>\n ${this.renderDeleteAction()}\n </span>`;\n }\n\n /** @soyTemplate */\n private renderPrimaryAction(): TemplateResult {\n return html`\n <md-presentational-action\n ?disabled=${this.disabled}\n ?isFocusable=${this.isFocusable}\n ?isTouchable=${this.isTouchable}\n .icon=${this.icon}\n .label=${this.label}\n .ariaLabel=${this.ariaLabel}>\n </md-presentational-action>`;\n }\n}\n\n"]}
@@ -1,22 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2022 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import '../../action/selectable-action.js';
7
- import { TemplateResult } from 'lit';
8
- import { ClassInfo } from 'lit/directives/class-map.js';
9
- import { Chip } from './chip.js';
10
- /** @soyCompatible */
11
- export declare class SelectableChip extends Chip {
12
- selected: boolean;
13
- /**
14
- * @soyTemplate
15
- * @soyAttributes attributes: .md3-chip
16
- */
17
- protected render(): TemplateResult;
18
- /** @soyTemplate */
19
- protected getRootClasses(): ClassInfo;
20
- /** @soyTemplate */
21
- private renderPrimaryAction;
22
- }
@@ -1,57 +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 '../../action/selectable-action.js';
8
- import { html } from 'lit';
9
- import { property } from 'lit/decorators.js';
10
- import { classMap } from 'lit/directives/class-map.js';
11
- import { Chip } from './chip.js';
12
- /** @soyCompatible */
13
- export class SelectableChip extends Chip {
14
- constructor() {
15
- super(...arguments);
16
- this.selected = false;
17
- }
18
- /**
19
- * @soyTemplate
20
- * @soyAttributes attributes: .md3-chip
21
- */
22
- render() {
23
- return html `
24
- <span class="${classMap(this.getRootClasses())}" role="presentation">
25
- ${this.renderOverlay()}
26
- ${this.renderPrimaryAction()}
27
- ${this.renderDeleteAction()}
28
- </span>`;
29
- }
30
- /** @soyTemplate */
31
- getRootClasses() {
32
- return {
33
- ...super.getRootClasses(),
34
- 'md3-chip--with-primary-graphic': true,
35
- 'md3-chip--selectable': true,
36
- 'md3-chip--selected': this.selected,
37
- };
38
- }
39
- /** @soyTemplate */
40
- renderPrimaryAction() {
41
- return html `
42
- <md-selectable-action
43
- ?disabled=${this.disabled}
44
- ?selected=${this.selected}
45
- ?isFocusable=${this.isFocusable}
46
- ?isTouchable=${this.isTouchable}
47
- .icon=${this.icon}
48
- .label=${this.label}
49
- .ariaLabel=${this.ariaLabel}>
50
- </md-selectable-action>`;
51
- }
52
- }
53
- __decorate([
54
- property({ type: Boolean, reflect: true }),
55
- __metadata("design:type", Object)
56
- ], SelectableChip.prototype, "selected", void 0);
57
- //# sourceMappingURL=selectable-chip.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"selectable-chip.js","sourceRoot":"","sources":["selectable-chip.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,mCAAmC,CAAC;AAE3C,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,IAAI,EAAC,MAAM,WAAW,CAAC;AAE/B,qBAAqB;AACrB,MAAM,OAAO,cAAe,SAAQ,IAAI;IAAxC;;QAC4C,aAAQ,GAAG,KAAK,CAAC;IAsC7D,CAAC;IApCC;;;OAGG;IACgB,MAAM;QACvB,OAAO,IAAI,CAAA;qBACM,QAAQ,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;UAC1C,IAAI,CAAC,aAAa,EAAE;UACpB,IAAI,CAAC,mBAAmB,EAAE;UAC1B,IAAI,CAAC,kBAAkB,EAAE;cACrB,CAAC;IACb,CAAC;IAED,mBAAmB;IACA,cAAc;QAC/B,OAAO;YACL,GAAG,KAAK,CAAC,cAAc,EAAE;YACzB,gCAAgC,EAAE,IAAI;YACtC,sBAAsB,EAAE,IAAI;YAC5B,oBAAoB,EAAE,IAAI,CAAC,QAAQ;SACpC,CAAC;IACJ,CAAC;IAED,mBAAmB;IACX,mBAAmB;QACzB,OAAO,IAAI,CAAA;;sBAEO,IAAI,CAAC,QAAQ;sBACb,IAAI,CAAC,QAAQ;yBACV,IAAI,CAAC,WAAW;yBAChB,IAAI,CAAC,WAAW;kBACvB,IAAI,CAAC,IAAI;mBACR,IAAI,CAAC,KAAK;uBACN,IAAI,CAAC,SAAS;8BACP,CAAC;IAC7B,CAAC;CACF;AAtCC;IAAC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;;gDAAkB","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport '../../action/selectable-action.js';\n\nimport {html, TemplateResult} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {ClassInfo, classMap} from 'lit/directives/class-map.js';\nimport {Chip} from './chip.js';\n\n/** @soyCompatible */\nexport class SelectableChip extends Chip {\n @property({type: Boolean, reflect: true}) selected = false;\n\n /**\n * @soyTemplate\n * @soyAttributes attributes: .md3-chip\n */\n protected override render(): TemplateResult {\n return html`\n <span class=\"${classMap(this.getRootClasses())}\" role=\"presentation\">\n ${this.renderOverlay()}\n ${this.renderPrimaryAction()}\n ${this.renderDeleteAction()}\n </span>`;\n }\n\n /** @soyTemplate */\n protected override getRootClasses(): ClassInfo {\n return {\n ...super.getRootClasses(),\n 'md3-chip--with-primary-graphic': true,\n 'md3-chip--selectable': true,\n 'md3-chip--selected': this.selected,\n };\n }\n\n /** @soyTemplate */\n private renderPrimaryAction(): TemplateResult {\n return html`\n <md-selectable-action\n ?disabled=${this.disabled}\n ?selected=${this.selected}\n ?isFocusable=${this.isFocusable}\n ?isTouchable=${this.isTouchable}\n .icon=${this.icon}\n .label=${this.label}\n .ariaLabel=${this.ariaLabel}>\n </md-selectable-action>`;\n }\n}\n\n"]}
@@ -1,42 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2022 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { MDCChipActionType } from '../../action/lib/constants.js';
7
- import { MDCChipActionInteractionEventDetail, MDCChipActionNavigationEventDetail } from '../../action/lib/types.js';
8
- import { MDCChipAnimation } from './constants.js';
9
- /** MDCChipInteractionEventDetail provides details for the interaction event. */
10
- export interface MDCChipInteractionEventDetail {
11
- actionID: string;
12
- chipID: string;
13
- source: MDCChipActionType;
14
- shouldRemove: boolean;
15
- isSelectable: boolean;
16
- isSelected: boolean;
17
- }
18
- /** MDCChipNavigationEventDetail provides details for the navigation event. */
19
- export interface MDCChipNavigationEventDetail {
20
- chipID: string;
21
- source: MDCChipActionType;
22
- key: string;
23
- isRTL: boolean;
24
- }
25
- /**
26
- * MDCChipAnimationEventDetail provides details for the animation event.
27
- */
28
- export interface MDCChipAnimationEventDetail {
29
- chipID: string;
30
- animation: MDCChipAnimation;
31
- isComplete: boolean;
32
- addedAnnouncement?: string;
33
- removedAnnouncement?: string;
34
- }
35
- /**
36
- * MDCChipActionInteractionEvent is the custom event for the interaction event.
37
- */
38
- export type ActionInteractionEvent = CustomEvent<MDCChipActionInteractionEventDetail>;
39
- /**
40
- * MDCChipActionInteractionEvent is the custom event for the interaction event.
41
- */
42
- export type ActionNavigationEvent = CustomEvent<MDCChipActionNavigationEventDetail>;
@@ -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 {MDCChipActionType} from '../../action/lib/constants.js';\nimport {MDCChipActionInteractionEventDetail, MDCChipActionNavigationEventDetail} from '../../action/lib/types.js';\n\nimport {MDCChipAnimation} from './constants.js';\n\n/** MDCChipInteractionEventDetail provides details for the interaction event. */\nexport interface MDCChipInteractionEventDetail {\n actionID: string;\n chipID: string;\n source: MDCChipActionType;\n shouldRemove: boolean;\n isSelectable: boolean;\n isSelected: boolean;\n}\n\n/** MDCChipNavigationEventDetail provides details for the navigation event. */\nexport interface MDCChipNavigationEventDetail {\n chipID: string;\n source: MDCChipActionType;\n key: string;\n isRTL: boolean;\n}\n\n/**\n * MDCChipAnimationEventDetail provides details for the animation event.\n */\nexport interface MDCChipAnimationEventDetail {\n chipID: string;\n animation: MDCChipAnimation;\n isComplete: boolean;\n addedAnnouncement?: string;\n removedAnnouncement?: string;\n}\n\n/**\n * MDCChipActionInteractionEvent is the custom event for the interaction event.\n */\nexport type ActionInteractionEvent =\n CustomEvent<MDCChipActionInteractionEventDetail>;\n\n/**\n * MDCChipActionInteractionEvent is the custom event for the interaction event.\n */\nexport type ActionNavigationEvent =\n CustomEvent<MDCChipActionNavigationEventDetail>;\n"]}
@@ -1,50 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2022 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
-
7
- // go/keep-sorted start
8
- @use 'sass:math';
9
- // go/keep-sorted end
10
-
11
- // stylelint-disable selector-class-pattern -- MDC internal usage.
12
-
13
- $space-between-chips: 8px;
14
-
15
- ///
16
- /// Sets the horiontal space between the chips in the chip set.
17
- /// @param {Number} $space - The horizontal space between the chips.
18
- ///
19
- @mixin horizontal-space-between-chips($space) {
20
- ///
21
- /// We should use the column-gap property when our browser matrix allows.
22
- ///
23
-
24
- .md3-chip-set__chips {
25
- // Set the margin to the negative horizontal space to account for chips
26
- // being inset on the leading edge.
27
- // TODO(b/248173007): Explore using CSS grid layout instead.
28
- margin-inline-start: -$space;
29
- }
30
-
31
- .md3-chip {
32
- margin-inline-start: $space;
33
- }
34
- }
35
-
36
- ///
37
- /// Sets the vertical space between the chips in the chip set.
38
- /// @param {Number} $space - The vertical space between the chips.
39
- ///
40
- @mixin vertical-space-between-chips($space) {
41
- ///
42
- /// We should use the row-gap property when our browser matrix allows.
43
- ///
44
-
45
- .md3-chip {
46
- // Set top and bottom to half the vertical space since there's no
47
- // well supported method for vertical wrapping gaps.
48
- margin-block: math.div($space, 2);
49
- }
50
- }