@shortfuse/materialdesignweb 0.3.0 → 0.4.0

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 (398) hide show
  1. package/.eslintrc.json +136 -30
  2. package/.stylelintrc.json +6 -40
  3. package/.vscode/launch.json +20 -5
  4. package/CHANGELOG.md +24 -0
  5. package/README.md +12 -9
  6. package/adapters/datatable/column.js +82 -74
  7. package/adapters/datatable/index.js +173 -131
  8. package/adapters/dom/index.js +529 -75
  9. package/adapters/list/index.js +25 -12
  10. package/adapters/search/index.js +13 -13
  11. package/components/appbar/_spec.scss +87 -64
  12. package/components/appbar/index.scss +2 -2
  13. package/components/banner/_spec.scss +8 -8
  14. package/components/banner/index.scss +2 -2
  15. package/components/bottomnav/_spec.scss +22 -17
  16. package/components/bottomnav/index.js +61 -52
  17. package/components/bottomnav/index.scss +2 -2
  18. package/components/bottomnav/item.js +44 -25
  19. package/components/button/README.md +14 -14
  20. package/components/button/_spec.scss +23 -22
  21. package/components/button/_theme.scss +37 -21
  22. package/components/button/index.eta +32 -0
  23. package/components/button/index.js +12 -12
  24. package/components/button/index.scss +2 -2
  25. package/components/card/_spec.scss +40 -36
  26. package/components/card/index.scss +2 -2
  27. package/components/chip/_spec.scss +7 -8
  28. package/components/chip/_theme.scss +31 -31
  29. package/components/chip/index.js +3 -2
  30. package/components/chip/index.scss +2 -2
  31. package/components/chip/item.js +1 -16
  32. package/components/datatable/_spec.scss +71 -85
  33. package/components/datatable/_theme.scss +61 -156
  34. package/components/datatable/cell.js +45 -0
  35. package/components/datatable/columnheader.js +47 -0
  36. package/components/datatable/index.js +279 -366
  37. package/components/datatable/index.scss +2 -2
  38. package/components/datatable/row.js +49 -0
  39. package/components/datatable/rowheader.js +18 -0
  40. package/components/dialog/_spec.scss +61 -41
  41. package/components/dialog/index.js +325 -297
  42. package/components/dialog/index.scss +2 -2
  43. package/components/divider/_spec.scss +8 -6
  44. package/components/divider/index.scss +2 -2
  45. package/components/elevation/_spec.scss +2 -2
  46. package/components/elevation/index.scss +2 -2
  47. package/components/fab/_spec.scss +23 -24
  48. package/components/fab/index.js +50 -50
  49. package/components/fab/index.scss +2 -2
  50. package/components/grid/_spec.scss +33 -31
  51. package/components/grid/index.scss +2 -2
  52. package/components/layout/_mixins.scss +5 -5
  53. package/components/layout/_spec.scss +206 -176
  54. package/components/layout/_theme.scss +14 -16
  55. package/components/layout/index.js +181 -153
  56. package/components/layout/index.scss +2 -2
  57. package/components/list/_spec.scss +117 -104
  58. package/components/list/_theme.scss +31 -34
  59. package/components/list/content.js +68 -52
  60. package/components/list/index.js +194 -61
  61. package/components/list/index.scss +2 -2
  62. package/components/list/item.js +136 -12
  63. package/components/list/secondary.js +46 -0
  64. package/components/menu/_spec.scss +32 -19
  65. package/components/menu/index.js +242 -229
  66. package/components/menu/index.scss +2 -2
  67. package/components/menu/item.js +95 -110
  68. package/components/progress/_spec.scss +35 -27
  69. package/components/progress/index.js +21 -0
  70. package/components/progress/index.scss +2 -1
  71. package/components/selection/_spec.scss +242 -224
  72. package/components/selection/_theme.scss +100 -95
  73. package/components/selection/index.eta +60 -0
  74. package/components/selection/index.js +76 -0
  75. package/components/selection/index.pug +15 -8
  76. package/components/selection/index.scss +2 -2
  77. package/components/selection/input.js +56 -0
  78. package/components/selection/radiogroup.js +47 -0
  79. package/components/slider/_spec.scss +10 -8
  80. package/components/slider/index.scss +2 -2
  81. package/components/snackbar/_spec.scss +22 -21
  82. package/components/snackbar/index.js +102 -111
  83. package/components/snackbar/index.scss +2 -2
  84. package/components/tab/_spec.scss +20 -19
  85. package/components/tab/content.js +41 -40
  86. package/components/tab/index.js +192 -99
  87. package/components/tab/index.scss +2 -2
  88. package/components/tab/item.js +38 -55
  89. package/components/tab/list.js +96 -72
  90. package/components/tab/panel.js +12 -13
  91. package/components/template/_theme.scss +11 -11
  92. package/components/textfield/_mixins.scss +52 -0
  93. package/components/textfield/_spec.scss +215 -266
  94. package/components/textfield/_theme.scss +95 -72
  95. package/components/textfield/index.eta +74 -0
  96. package/components/textfield/index.js +63 -57
  97. package/components/textfield/index.scss +2 -2
  98. package/components/tooltip/_spec.scss +27 -25
  99. package/components/tooltip/index.scss +2 -2
  100. package/components/type/_spec.scss +51 -38
  101. package/components/type/index.scss +2 -2
  102. package/core/_breakpoint.scss +75 -91
  103. package/core/_elevation.scss +10 -10
  104. package/core/_length.scss +9 -0
  105. package/core/_motion.scss +14 -14
  106. package/core/_platform.scss +9 -15
  107. package/core/_type.scss +33 -32
  108. package/core/aria/attributes.js +125 -25
  109. package/core/aria/button.js +23 -23
  110. package/core/aria/keyboard.js +93 -0
  111. package/core/aria/rovingtabindex.js +69 -154
  112. package/core/aria/tab.js +31 -28
  113. package/core/color/_theme.scss +240 -280
  114. package/core/color/index.scss +2 -2
  115. package/core/document/index.js +39 -0
  116. package/core/dom.js +12 -12
  117. package/core/overlay/_spec.scss +0 -3
  118. package/core/overlay/_theme.scss +56 -74
  119. package/core/overlay/index.js +49 -18
  120. package/core/overlay/index.scss +2 -2
  121. package/core/ripple/_spec.scss +22 -39
  122. package/core/ripple/_theme.scss +13 -13
  123. package/core/ripple/index.js +137 -134
  124. package/core/ripple/index.scss +2 -2
  125. package/core/theme/_config.scss +2 -0
  126. package/core/theme/_mixins.scss +172 -0
  127. package/core/theme/_palettes.scss +155 -135
  128. package/core/theme/_variables.scss +24 -15
  129. package/core/theme/index.js +50 -0
  130. package/core/throttler.js +1 -1
  131. package/core/transition/index.js +36 -20
  132. package/{docs-src → docs}/_flex.scss +0 -0
  133. package/{docs-src → docs}/_menuoptions.js +21 -34
  134. package/{docs-src → docs}/_mixins.pug +39 -26
  135. package/docs/_partials/_androidnavbar.eta +5 -0
  136. package/docs/_partials/_androidstatusbar.eta +13 -0
  137. package/docs/_partials/_appbar.eta +29 -0
  138. package/docs/_partials/_buttontest.eta +31 -0
  139. package/docs/_partials/_header.eta +149 -0
  140. package/docs/_partials/_navlistitem.eta +16 -0
  141. package/docs/_partials/_target.eta +1 -0
  142. package/{docs-src → docs}/_sample-utils.js +8 -6
  143. package/{docs-src → docs}/_storage.js +0 -0
  144. package/{docs-src → docs}/docs.scss +5 -2
  145. package/docs/index.eta +16 -0
  146. package/{docs-src → docs}/index.js +0 -0
  147. package/docs/pages/appbar.eta +114 -0
  148. package/{docs-src/components → docs/pages}/appbar.js +0 -0
  149. package/{docs-src/components → docs/pages}/appbar.pug +15 -18
  150. package/docs/pages/bottomnav.eta +188 -0
  151. package/{docs-src/components → docs/pages}/bottomnav.js +23 -24
  152. package/{docs-src/components → docs/pages}/bottomnav.pug +4 -4
  153. package/docs/pages/button.eta +124 -0
  154. package/{docs-src/components → docs/pages}/button.js +19 -19
  155. package/{docs-src/components → docs/pages}/button.pug +15 -15
  156. package/docs/pages/card.eta +90 -0
  157. package/{docs-src/components → docs/pages}/card.js +3 -3
  158. package/{docs-src/components → docs/pages}/card.pug +7 -7
  159. package/docs/pages/chip.eta +122 -0
  160. package/{docs-src/components → docs/pages}/chip.js +3 -6
  161. package/{docs-src/components → docs/pages}/chip.pug +2 -2
  162. package/docs/pages/color.eta +143 -0
  163. package/{docs-src/core → docs/pages}/color.js +95 -20
  164. package/docs/pages/color.pug +121 -0
  165. package/docs/pages/datatable.eta +323 -0
  166. package/{docs-src/components → docs/pages}/datatable.js +26 -13
  167. package/docs/pages/datatable.pug +283 -0
  168. package/docs/pages/dialog.eta +186 -0
  169. package/{docs-src/components → docs/pages}/dialog.js +26 -13
  170. package/{docs-src/components → docs/pages}/dialog.pug +46 -28
  171. package/docs/pages/dom.eta +26 -0
  172. package/docs/pages/dom.js +143 -0
  173. package/docs/pages/dom.pug +22 -0
  174. package/docs/pages/elevation.eta +35 -0
  175. package/{docs-src/components → docs/pages}/elevation.js +0 -0
  176. package/{docs-src/components → docs/pages}/elevation.pug +0 -0
  177. package/docs/pages/fab.eta +99 -0
  178. package/{docs-src/components → docs/pages}/fab.js +3 -3
  179. package/{docs-src/components → docs/pages}/fab.pug +2 -2
  180. package/docs/pages/grid.eta +135 -0
  181. package/{docs-src/components → docs/pages}/grid.js +1 -1
  182. package/{docs-src/components → docs/pages}/grid.pug +3 -3
  183. package/docs/pages/layout.eta +8 -0
  184. package/{docs-src/components → docs/pages}/layout.js +0 -0
  185. package/{docs-src/components → docs/pages}/layout.pug +0 -0
  186. package/docs/pages/list.eta +465 -0
  187. package/{docs-src/components → docs/pages}/list.js +2 -2
  188. package/{docs-src/components → docs/pages}/list.pug +7 -14
  189. package/docs/pages/menu.eta +276 -0
  190. package/{docs-src/components → docs/pages}/menu.js +14 -10
  191. package/{docs-src/components → docs/pages}/menu.pug +0 -0
  192. package/docs/pages/overlay.eta +69 -0
  193. package/docs/pages/overlay.js +4 -0
  194. package/{docs-src/core → docs/pages}/overlay.pug +14 -11
  195. package/docs/pages/progress.eta +23 -0
  196. package/{docs-src/components → docs/pages}/progress.js +1 -1
  197. package/{docs-src/components → docs/pages}/progress.pug +1 -1
  198. package/docs/pages/ripple.eta +27 -0
  199. package/docs/pages/ripple.js +4 -0
  200. package/{docs-src/core → docs/pages}/ripple.pug +4 -4
  201. package/docs/pages/search.eta +246 -0
  202. package/{docs-src/components → docs/pages}/search.js +59 -42
  203. package/{docs-src/components → docs/pages}/search.pug +50 -51
  204. package/docs/pages/selection.eta +111 -0
  205. package/docs/pages/selection.js +13 -0
  206. package/docs/pages/selection.pug +74 -0
  207. package/docs/pages/slider.eta +23 -0
  208. package/{docs-src/components → docs/pages}/slider.js +0 -0
  209. package/{docs-src/components → docs/pages}/slider.pug +0 -0
  210. package/docs/pages/snackbar.eta +83 -0
  211. package/{docs-src/components → docs/pages}/snackbar.js +3 -3
  212. package/{docs-src/components → docs/pages}/snackbar.pug +0 -0
  213. package/docs/pages/tab.eta +421 -0
  214. package/{docs-src/components → docs/pages}/tab.js +18 -35
  215. package/{docs-src/components → docs/pages}/tab.pug +4 -4
  216. package/docs/pages/textfield.eta +486 -0
  217. package/{docs-src/components → docs/pages}/textfield.js +3 -4
  218. package/{docs-src/components → docs/pages}/textfield.pug +87 -35
  219. package/docs/pages/tooltip.eta +94 -0
  220. package/{docs-src/components → docs/pages}/tooltip.js +0 -0
  221. package/{docs-src/components → docs/pages}/tooltip.pug +0 -1
  222. package/docs/pages/transition.eta +117 -0
  223. package/{docs-src/core → docs/pages}/transition.js +7 -8
  224. package/{docs-src/core → docs/pages}/transition.pug +0 -0
  225. package/docs/pages/type.eta +31 -0
  226. package/{docs-src/components → docs/pages}/type.js +0 -0
  227. package/{docs-src/components → docs/pages}/type.pug +0 -1
  228. package/docs/postrender.js +39 -0
  229. package/{docs-src → docs}/prerender.js +3 -9
  230. package/docs/pwa/_dialogs.eta +143 -0
  231. package/docs/pwa/_dialogs.pug +96 -0
  232. package/docs/pwa/_menus.eta +16 -0
  233. package/{docs-src → docs}/pwa/_menus.pug +0 -0
  234. package/docs/pwa/pwa-prerender.js +3 -0
  235. package/docs/pwa/pwa.eta +480 -0
  236. package/docs/pwa/pwa.js +306 -0
  237. package/{docs-src → docs}/pwa/pwa.pug +166 -263
  238. package/docs/pwa/pwa.scss +26 -0
  239. package/docs/spec.scss +26 -0
  240. package/docs/themes/_component-themes.scss +26 -0
  241. package/docs/themes/theme-colored-fallbacks.scss +17 -0
  242. package/docs/themes/theme-colored.scss +17 -0
  243. package/docs/themes/theme-default-fallbacks.scss +17 -0
  244. package/docs/themes/theme-default.scss +17 -0
  245. package/jsconfig.json +4 -2
  246. package/package.json +40 -27
  247. package/scripts/deploy-docs.sh +9 -0
  248. package/templates/index.eta +2 -0
  249. package/utils/function.js +3 -0
  250. package/webpack.config.cjs +257 -0
  251. package/_spec.scss +0 -27
  252. package/_theme.scss +0 -27
  253. package/components/list/expander.js +0 -142
  254. package/components/list/itemgroup.js +0 -22
  255. package/core/theme/_builder.scss +0 -116
  256. package/core/theme/index.scss +0 -68
  257. package/docs/appbar.html +0 -1
  258. package/docs/appbar.min.js +0 -2
  259. package/docs/appbar.min.js.map +0 -1
  260. package/docs/bottomnav.html +0 -1
  261. package/docs/bottomnav.min.js +0 -2
  262. package/docs/bottomnav.min.js.map +0 -1
  263. package/docs/button.html +0 -1
  264. package/docs/button.min.js +0 -2
  265. package/docs/button.min.js.map +0 -1
  266. package/docs/card.html +0 -1
  267. package/docs/card.min.js +0 -2
  268. package/docs/card.min.js.map +0 -1
  269. package/docs/chip.html +0 -1
  270. package/docs/chip.min.js +0 -2
  271. package/docs/chip.min.js.map +0 -1
  272. package/docs/color.html +0 -1
  273. package/docs/color.min.js +0 -2
  274. package/docs/color.min.js.map +0 -1
  275. package/docs/datatable.html +0 -1
  276. package/docs/datatable.min.js +0 -2
  277. package/docs/datatable.min.js.map +0 -1
  278. package/docs/default.common.min.js +0 -2
  279. package/docs/default.common.min.js.map +0 -1
  280. package/docs/dialog.html +0 -1
  281. package/docs/dialog.min.js +0 -2
  282. package/docs/dialog.min.js.map +0 -1
  283. package/docs/docs.min.css +0 -1
  284. package/docs/docs.min.js +0 -2
  285. package/docs/docs.min.js.map +0 -1
  286. package/docs/elevation.html +0 -1
  287. package/docs/elevation.min.js +0 -2
  288. package/docs/elevation.min.js.map +0 -1
  289. package/docs/fab.html +0 -1
  290. package/docs/fab.min.js +0 -2
  291. package/docs/fab.min.js.map +0 -1
  292. package/docs/grid.html +0 -1
  293. package/docs/grid.min.js +0 -2
  294. package/docs/grid.min.js.map +0 -1
  295. package/docs/index.html +0 -1
  296. package/docs/index.min.js +0 -2
  297. package/docs/index.min.js.map +0 -1
  298. package/docs/ink.html +0 -1
  299. package/docs/ink.min.js +0 -2
  300. package/docs/ink.min.js.map +0 -1
  301. package/docs/layout.html +0 -1
  302. package/docs/layout.min.js +0 -2
  303. package/docs/layout.min.js.map +0 -1
  304. package/docs/list.html +0 -1
  305. package/docs/list.min.js +0 -2
  306. package/docs/list.min.js.map +0 -1
  307. package/docs/menu.html +0 -1
  308. package/docs/menu.min.js +0 -2
  309. package/docs/menu.min.js.map +0 -1
  310. package/docs/overlay.html +0 -1
  311. package/docs/overlay.min.js +0 -2
  312. package/docs/overlay.min.js.map +0 -1
  313. package/docs/prerender.common.min.js +0 -2
  314. package/docs/prerender.common.min.js.map +0 -1
  315. package/docs/prerender.min.js +0 -2
  316. package/docs/prerender.min.js.map +0 -1
  317. package/docs/progress.html +0 -1
  318. package/docs/progress.min.js +0 -2
  319. package/docs/progress.min.js.map +0 -1
  320. package/docs/pwa-prerender.min.js +0 -2
  321. package/docs/pwa-prerender.min.js.map +0 -1
  322. package/docs/pwa.html +0 -11
  323. package/docs/pwa.min.css +0 -1
  324. package/docs/pwa.min.js +0 -2
  325. package/docs/pwa.min.js.map +0 -1
  326. package/docs/ripple.html +0 -1
  327. package/docs/ripple.min.js +0 -2
  328. package/docs/ripple.min.js.map +0 -1
  329. package/docs/search.html +0 -1
  330. package/docs/search.min.js +0 -2
  331. package/docs/search.min.js.map +0 -1
  332. package/docs/selection.html +0 -1
  333. package/docs/selection.min.js +0 -2
  334. package/docs/selection.min.js.map +0 -1
  335. package/docs/slider.html +0 -1
  336. package/docs/slider.min.js +0 -2
  337. package/docs/slider.min.js.map +0 -1
  338. package/docs/snackbar.html +0 -1
  339. package/docs/snackbar.min.js +0 -2
  340. package/docs/snackbar.min.js.map +0 -1
  341. package/docs/spec.min.css +0 -1
  342. package/docs/spec.min.js +0 -2
  343. package/docs/spec.min.js.map +0 -1
  344. package/docs/surface.html +0 -1
  345. package/docs/surface.min.js +0 -2
  346. package/docs/surface.min.js.map +0 -1
  347. package/docs/tab.html +0 -1
  348. package/docs/tab.min.js +0 -2
  349. package/docs/tab.min.js.map +0 -1
  350. package/docs/textfield.html +0 -2
  351. package/docs/textfield.min.js +0 -2
  352. package/docs/textfield.min.js.map +0 -1
  353. package/docs/theme-colored-fallbacks.min.css +0 -1
  354. package/docs/theme-colored-fallbacks.min.js +0 -2
  355. package/docs/theme-colored-fallbacks.min.js.map +0 -1
  356. package/docs/theme-colored.min.css +0 -1
  357. package/docs/theme-colored.min.js +0 -2
  358. package/docs/theme-colored.min.js.map +0 -1
  359. package/docs/theme-default-fallbacks.min.css +0 -1
  360. package/docs/theme-default-fallbacks.min.js +0 -2
  361. package/docs/theme-default-fallbacks.min.js.map +0 -1
  362. package/docs/theme-default.min.css +0 -1
  363. package/docs/theme-default.min.js +0 -2
  364. package/docs/theme-default.min.js.map +0 -1
  365. package/docs/themes-fallbacks.min.css +0 -1
  366. package/docs/themes-fallbacks.min.js +0 -2
  367. package/docs/themes-fallbacks.min.js.map +0 -1
  368. package/docs/themes.min.css +0 -1
  369. package/docs/themes.min.js +0 -2
  370. package/docs/themes.min.js.map +0 -1
  371. package/docs/tooltip.html +0 -1
  372. package/docs/tooltip.min.js +0 -2
  373. package/docs/tooltip.min.js.map +0 -1
  374. package/docs/transition.html +0 -1
  375. package/docs/transition.min.js +0 -2
  376. package/docs/transition.min.js.map +0 -1
  377. package/docs/type.html +0 -1
  378. package/docs/type.min.js +0 -2
  379. package/docs/type.min.js.map +0 -1
  380. package/docs-src/components/datatable.pug +0 -327
  381. package/docs-src/components/selection.js +0 -9
  382. package/docs-src/components/selection.pug +0 -77
  383. package/docs-src/core/color.pug +0 -201
  384. package/docs-src/core/overlay.js +0 -4
  385. package/docs-src/core/ripple.js +0 -4
  386. package/docs-src/index.pug +0 -9
  387. package/docs-src/pwa/_dialogs.pug +0 -15
  388. package/docs-src/pwa/pwa-prerender.js +0 -3
  389. package/docs-src/pwa/pwa.js +0 -182
  390. package/docs-src/pwa/pwa.scss +0 -25
  391. package/docs-src/spec.scss +0 -1
  392. package/docs-src/themes/theme-colored-fallbacks.scss +0 -14
  393. package/docs-src/themes/theme-colored.scss +0 -14
  394. package/docs-src/themes/theme-default-fallbacks.scss +0 -14
  395. package/docs-src/themes/theme-default.scss +0 -14
  396. package/index.js +0 -51
  397. package/index.scss +0 -2
  398. package/webpack.config.js +0 -187
package/docs-src/components/datatable.pug DELETED
@@ -1,327 +0,0 @@
1
- include ../_mixins.pug
2
-
3
- +header("datatable")
4
- .mdw-grid(mdw-margin-top mdw-margin-bottom)
5
- .mdw-grid__item(mdw-colspan="100%")
6
- .mdw-card.mdw-theme(mdw-surface="card" mdw-border-ink)
7
- .mdw-datatable.mdw-theme(mdw-ink="primary" style="overflow-x:auto")
8
- table
9
- caption Standard HTML Table (CSS Only)
10
- thead
11
- tr
12
- th Dessert (100g serving)
13
- th Calories
14
- th Fat (g)
15
- th Carbs (g)
16
- th Protein (g)
17
- th Sodium (mg)
18
- th Calcium (%)
19
- th Iron (%)
20
- tbody
21
- tr
22
- td Frozen Yogurt
23
- td 159
24
- td 6.0
25
- td 24
26
- td 4.0
27
- td 87
28
- td 14%
29
- td 1%
30
- tr
31
- td Ice cream sandwich
32
- td 237
33
- td 9.0
34
- td 37
35
- td 4.3
36
- td 129
37
- td 8%
38
- td 1%
39
- tr
40
- td Eclair
41
- td 262
42
- td 16.0
43
- td 24
44
- td 6.0
45
- td 337
46
- td 6%
47
- td 7%
48
- tr
49
- td Cupcake
50
- td 305
51
- td 3.7
52
- td 67
53
- td 4.3
54
- td 413
55
- td 3%
56
- td 8%
57
- tr
58
- td Gingerbread
59
- td 356
60
- td 16.0
61
- td 49
62
- td 3.9
63
- td 327
64
- td 7%
65
- td 16%
66
- tr
67
- td Jelly bean
68
- td 375
69
- td 0.0
70
- td 94
71
- td 0.0
72
- td 50
73
- td 0%
74
- td 0%
75
- tr
76
- td Lollipop
77
- td 392
78
- td 0.2
79
- td 98
80
- td 0
81
- td 38
82
- td 0%
83
- td 2%
84
- tr
85
- td Honeycomb
86
- td 408
87
- td 3.2
88
- td 87
89
- td 6.5
90
- td 562
91
- td 0%
92
- td 45%
93
- tr
94
- td Donut
95
- td 452
96
- td 25.0
97
- td 51
98
- td 4.9
99
- td 326
100
- td 2%
101
- td 22%
102
- tr
103
- td Kitkat
104
- td 518
105
- td 26.0
106
- td 65
107
- td 7
108
- td 54
109
- td 12%
110
- td 6%
111
- .mdw-grid__item(mdw-colspan="100%")
112
- .mdw-card.mdw-theme(mdw-surface="card" mdw-border-ink)
113
- .mdw-datatable.js.mdw-theme(mdw-ink="primary" mdw-cell-focusable)
114
- .mdw-datatable__header
115
- .mdw-datatable__header-text Customized HTML Table
116
- .mdw-datatable__scroller
117
- table
118
- thead
119
- tr
120
- th(data-type="checkbox" mdw-selector)
121
- label.mdw-selection
122
- input.mdw-selection__input(type="checkbox")
123
- .mdw-selection__icon
124
- th(mdw-sortable data-type="text" mdw-primary-column)
125
- .mdw-datatable__sort-icon.material-icons arrow_downward
126
- span Dessert (100g serving)
127
- th(mdw-sortable data-type="number" mdw-sorted='')
128
- .mdw-datatable__sort-icon.material-icons arrow_downward
129
- span.mdw-tooltip__wrapper
130
- span.mdw-tooltip__target Calories
131
- .mdw-tooltip.mdw-theme(mdw-surface="background 700" mdw-dark) The total amount of food energy in the given serving size.
132
- th(mdw-sortable data-type="number")
133
- .mdw-datatable__sort-icon.material-icons arrow_downward
134
- span Fat (g)
135
- th(mdw-sortable data-type="number")
136
- .mdw-datatable__sort-icon.material-icons arrow_downward
137
- span Carbs (g)
138
- th(mdw-sortable data-type="number")
139
- .mdw-datatable__sort-icon.material-icons arrow_downward
140
- span Protein (g)
141
- th(mdw-sortable data-type="number")
142
- .mdw-datatable__sort-icon.material-icons arrow_downward
143
- span Sodium (mg)
144
- th(mdw-sortable data-type="number")
145
- .mdw-datatable__sort-icon.material-icons arrow_downward
146
- span Calcium (%)
147
- th(mdw-sortable data-type="number")
148
- .mdw-datatable__sort-icon.material-icons arrow_downward
149
- span Iron (%)
150
- tbody
151
- tr
152
- td(data-type="checkbox" mdw-selector)
153
- label.mdw-selection
154
- input.mdw-selection__input(type="checkbox")
155
- .mdw-selection__icon
156
- td(data-type="text" mdw-primary-column) Frozen Yogurt
157
- td(data-type="number") 159
158
- td(data-type="number") 6.0
159
- td(data-type="number") 24
160
- td(data-type="number") 4.0
161
- td(data-type="number") 87
162
- td(data-type="number") 14%
163
- td(data-type="number") 1%
164
- tr
165
- td(data-type="checkbox" mdw-selector)
166
- label.mdw-selection
167
- input.mdw-selection__input(type="checkbox")
168
- .mdw-selection__icon
169
- td(data-type="text" mdw-primary-column) Ice cream sandwich
170
- td(data-type="number") 237
171
- td(data-type="number") 9.0
172
- td(data-type="number") 37
173
- td(data-type="number") 4.3
174
- td(data-type="number") 129
175
- td(data-type="number") 8%
176
- td(data-type="number") 1%
177
- tr
178
- td(data-type="checkbox" mdw-selector)
179
- label.mdw-selection
180
- input.mdw-selection__input(type="checkbox")
181
- .mdw-selection__icon
182
- td(data-type="text" mdw-primary-column) Eclair
183
- td(data-type="number") 262
184
- td(data-type="number") 16.0
185
- td(data-type="number") 24
186
- td(data-type="number") 6.0
187
- td(data-type="number") 337
188
- td(data-type="number") 6%
189
- td(data-type="number") 7%
190
- tr
191
- td(data-type="checkbox" mdw-selector)
192
- label.mdw-selection
193
- input.mdw-selection__input(type="checkbox")
194
- .mdw-selection__icon
195
- td(data-type="text" mdw-primary-column) Cupcake
196
- td(data-type="number") 305
197
- td(data-type="number") 3.7
198
- td(data-type="number") 67
199
- td(data-type="number") 4.3
200
- td(data-type="number") 413
201
- td(data-type="number") 3%
202
- td(data-type="number") 8%
203
- tr
204
- td(data-type="checkbox" mdw-selector)
205
- label.mdw-selection
206
- input.mdw-selection__input(type="checkbox")
207
- .mdw-selection__icon
208
- td(data-type="text" mdw-primary-column) Gingerbread
209
- td(data-type="number") 356
210
- td(data-type="number") 16.0
211
- td(data-type="number") 49
212
- td(data-type="number") 3.9
213
- td(data-type="number") 327
214
- td(data-type="number") 7%
215
- td(data-type="number") 16%
216
- tr
217
- td(data-type="checkbox" mdw-selector)
218
- label.mdw-selection
219
- input.mdw-selection__input(type="checkbox")
220
- .mdw-selection__icon
221
- td(data-type="text" mdw-primary-column) Jelly bean
222
- td(data-type="number") 375
223
- td(data-type="number") 0.0
224
- td(data-type="number") 94
225
- td(data-type="number") 0.0
226
- td(data-type="number") 50
227
- td(data-type="number") 0%
228
- td(data-type="number") 0%
229
- tr
230
- td(data-type="checkbox" mdw-selector)
231
- label.mdw-selection
232
- input.mdw-selection__input(type="checkbox")
233
- .mdw-selection__icon
234
- td(data-type="text" mdw-primary-column) Lollipop
235
- td(data-type="number") 392
236
- td(data-type="number") 0.2
237
- td(data-type="number") 98
238
- td(data-type="number") 0
239
- td(data-type="number") 38
240
- td(data-type="number") 0%
241
- td(data-type="number") 2%
242
- tr
243
- td(data-type="checkbox" mdw-selector)
244
- label.mdw-selection
245
- input.mdw-selection__input(type="checkbox")
246
- .mdw-selection__icon
247
- td(data-type="text" mdw-primary-column) Honeycomb
248
- td(data-type="number") 408
249
- td(data-type="number") 3.2
250
- td(data-type="number") 87
251
- td(data-type="number") 6.5
252
- td(data-type="number") 562
253
- td(data-type="number") 0%
254
- td(data-type="number") 45%
255
- tr
256
- td(data-type="checkbox" mdw-selector)
257
- label.mdw-selection
258
- input.mdw-selection__input(type="checkbox")
259
- .mdw-selection__icon
260
- td(data-type="text" mdw-primary-column) Donut
261
- td(data-type="number") 452
262
- td(data-type="number") 25.0
263
- td(data-type="number") 51
264
- td(data-type="number") 4.9
265
- td(data-type="number") 326
266
- td(data-type="number") 2%
267
- td(data-type="number") 22%
268
- tr
269
- td(data-type="checkbox" mdw-selector)
270
- label.mdw-selection
271
- input.mdw-selection__input(type="checkbox")
272
- .mdw-selection__icon
273
- td(data-type="text" mdw-primary-column) Kitkat
274
- td(data-type="number") 518
275
- td(data-type="number") 26.0
276
- td(data-type="number") 65
277
- td(data-type="number") 7
278
- td(data-type="number") 54
279
- td(data-type="number") 12%
280
- td(data-type="number") 6%
281
- .mdw-datatable__footer
282
- .mdw-datatable__footer-options
283
- span Rows per page
284
- label.mdw-textfield(mdw-solo)
285
- select.mdw-textfield__input
286
- option(value="10") 10
287
- option(value="25") 25
288
- option(value="50") 50
289
- option(value="100") 100
290
- .mdw-textfield__icon(mdw-dropdown)
291
- .mdw-datatable__footer-details 1-10 of 10
292
- .mdw-datatable__footer-controls
293
- +mdwButton({ icon:true, disabled:true }).material-icons chevron_left
294
- +mdwButton({ icon: true, disabled:true }).material-icons chevron_right
295
- .mdw-grid__item(mdw-colspan="100%")
296
- .mdw-card.mdw-theme(mdw-surface="card" mdw-border-ink)
297
- .mdw-datatable.js#dynamic-table.mdw-theme(mdw-ink="primary" mdw-row-focusable style="max-height:80vh")
298
- .mdw-datatable__header
299
- .mdw-datatable__header-text Data Table Adapter
300
- .mdw-datatable__header-controls
301
- .mdw-menu__wrapper
302
- +mdwButton({ icon:true, ink:'primary' }).material-icons(mdw-overlay-default="medium" aria-pressed="false") filter_list
303
- .mdw-menu(mdw-position="end")
304
- .mdw-menu__popup.mdw-theme(mdw-surface="card")
305
- .mdw-menu__item(aria-checked="true" data-filter="none")
306
- .mdw-menu__radio.mdw-theme.material-icons(mdw-ink="medium") check
307
- .mdw-menu__text No filter
308
- .mdw-menu__item(data-filter="md")
309
- .mdw-menu__radio.mdw-theme.material-icons(mdw-ink="medium") check
310
- .mdw-menu__text Contains 'md'
311
- .mdw-menu__item(data-filter="div9")
312
- .mdw-menu__radio.mdw-theme.material-icons(mdw-ink="medium") check
313
- .mdw-menu__text Random divisible by 9
314
- .mdw-menu__item(data-filter="bool")
315
- .mdw-menu__radio.mdw-theme.material-icons(mdw-ink="medium") check
316
- .mdw-menu__text bool is checked
317
- .mdw-menu__wrapper
318
- +mdwButton({ icon:true, ink:'medium' }).material-icons more_vert
319
- .mdw-menu(mdw-position="end")
320
- .mdw-menu__popup.mdw-theme(mdw-surface="card")
321
- .mdw-menu__item(aria-checked="true" data-option="throttle")
322
- .mdw-menu__check.mdw-theme.material-icons(mdw-ink="medium") check
323
- .mdw-menu__text Throttle
324
- .mdw-menu__item(aria-checked="true" data-option="paginate")
325
- .mdw-menu__check.mdw-theme.material-icons(mdw-ink="medium") check
326
- .mdw-menu__text Paginate
327
- script(src='datatable.min.js')
package/docs-src/components/selection.js DELETED
@@ -1,9 +0,0 @@
1
- import * as List from '../../components/list/index';
2
- import { iterateArrayLike } from '../../core/dom';
3
-
4
- /** @return {void} */
5
- function initializeMdwComponents() {
6
- // iterateArrayLike(document.getElementsByClassName('mdw-list'), List.attach);
7
- }
8
-
9
- initializeMdwComponents();
package/docs-src/components/selection.pug DELETED
@@ -1,77 +0,0 @@
1
- include ../_mixins.pug
2
-
3
- +header("selection")
4
- .comparison
5
- .render
6
- +androidstatusbar('teal 700', 'dark')
7
- .mdw-appbar.mdw-theme(mdw-surface="teal 500" mdw-dark)
8
- .mdw-appbar__action
9
- .mdw-appbar__title Title
10
- .content(style="padding-top:7px")
11
- ul.mdw-list
12
- li.mdw-list__subheader.mdw-theme(mdw-ink="medium") Switch
13
- li.mdw-list__item
14
- label.mdw-list__content.mdw-selection.mdw-overlay.mdw-theme(mdw-no-ripple mdw-ink="teal A700" mdw-switch)
15
- input.mdw-selection__input.mdw-overlay(type="checkbox" checked)
16
- .mdw-list__text.mdw-selection__label Android Switch On
17
- .mdw-selection__icon
18
- li.mdw-list__item
19
- label.mdw-list__content.mdw-selection.mdw-overlay.mdw-theme(mdw-no-ripple mdw-ink="teal A200" mdw-switch)
20
- input.mdw-selection__input.mdw-overlay(type="checkbox")
21
- .mdw-list__text.mdw-selection__label Android Switch Off
22
- .mdw-selection__icon
23
- ul.mdw-list
24
- li.mdw-list__subheader.mdw-theme(mdw-ink="medium") Single check
25
- li.mdw-list__item
26
- label.mdw-list__content.mdw-selection.mdw-overlay.mdw-theme(mdw-no-ripple mdw-ink="teal A700")
27
- input.mdw-selection__input.mdw-overlay(type="radio" name="selectiontest" checked)
28
- .mdw-list__text.mdw-selection__label
29
- .mdw-list__text-line Option 1
30
- .mdw-list__text-line.mdw-theme(mdw-ink="medium") Description
31
- .mdw-selection__icon
32
- li.mdw-list__item
33
- label.mdw-list__content.mdw-selection.mdw-overlay.mdw-theme(mdw-no-ripple mdw-ink="blue A700")
34
- input.mdw-selection__input.mdw-overlay(type="radio" name="selectiontest")
35
- .mdw-list__text.mdw-selection__label
36
- .mdw-list__text-line Option 2
37
- .mdw-list__text-line.mdw-theme(mdw-ink="medium") Description
38
- .mdw-selection__icon
39
- ul.mdw-list
40
- li.mdw-list__subheader.mdw-theme(mdw-ink="medium") Multiple check
41
- li.mdw-list__item
42
- label.mdw-list__content.mdw-selection.mdw-overlay.mdw-theme(mdw-no-ripple mdw-ink="teal A400")
43
- input.mdw-selection__input.mdw-overlay(type="checkbox" checked)
44
- .mdw-list__text.mdw-selection__label Option 1
45
- .mdw-selection__icon
46
- li.mdw-list__item
47
- label.mdw-list__content.mdw-selection.mdw-overlay.mdw-theme(mdw-no-ripple mdw-ink="blue A700")
48
- input.mdw-selection__input.mdw-overlay(type="checkbox" checked)
49
- .mdw-list__text.mdw-selection__label Option 2
50
- .mdw-selection__icon
51
- li.mdw-list__item
52
- label.mdw-list__content.mdw-selection.mdw-overlay.mdw-theme(mdw-no-ripple mdw-ink="warn")
53
- input.mdw-selection__input.mdw-overlay(type="checkbox")
54
- .mdw-list__text.mdw-selection__label Option 3
55
- .mdw-selection__icon
56
- +target('https://storage.googleapis.com/material-design/publish/material_v_12/assets/0B57Y8yNEHsZPQXRHTEpLc0JXVnM/material-design.platform-adaptation-control-1.png')
57
-
58
- .comparison
59
- .render
60
- +androidstatusbar('teal 700', 'dark')
61
- .mdw-appbar.mdw-theme(mdw-surface="teal 500" mdw-dark)
62
- .mdw-appbar__action
63
- .mdw-appbar__title Title
64
- .content
65
- div.display-flex(style="padding:16px")
66
- +mdwSelection({ink:'blue A700', checked:true, prefix:true }) Prefixed
67
- div.display-flex(style="padding:16px")
68
- +mdwSelection({ink:'teal A700', checked:true }) Suffixed
69
- div.display-flex(style="padding:16px")
70
- +mdwSelection({ink:'teal A700', checked:true, disabled:true}) Disabled
71
- div.display-flex(style="padding:16px")
72
- +mdwSelection({ink:'teal A700', type:'radio', name:'test', checked:true }) Option A
73
- div.display-flex(style="padding:16px")
74
- +mdwSelection({ink:'teal A700', type:'radio', name:'test' }) Option B
75
- div.display-flex(style="padding:16px")
76
- +mdwSelection({ink:'teal A700', type:'radio', name:'test', disabled:true }) Option C
77
- script(src='selection.min.js')
package/docs-src/core/color.pug DELETED
@@ -1,201 +0,0 @@
1
- include ../_mixins.pug
2
-
3
- +header("color")
4
- .mdw-grid(mdw-margin-top mdw-margin-bottom)
5
- .mdw-grid__item(mdw-colspan="50%")
6
- .mdw-grid__content
7
- .mdw-grid(mdw-columns="1" mdw-margin="0")
8
- .mdw-grid__item
9
- .mdw-grid__content
10
- h3.mdw-type Ink
11
- .mdw-grid__item
12
- .mdw-grid__content
13
- h6.mdw-type Standard
14
- div
15
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="default" mdw-surface="binary") Default
16
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="black" mdw-surface="white") Black
17
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="white" mdw-surface="black") White
18
- .mdw-grid__item
19
- .mdw-grid__content
20
- h6.mdw-type Opacity
21
- div
22
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="high" mdw-surface="binary") High
23
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="medium" mdw-surface="binary") Medium
24
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="inactive" mdw-surface="binary") Inactive
25
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="divider" mdw-surface="binary") Divider
26
- .mdw-grid__item(mdw-colspan="100%")
27
- .mdw-grid__content
28
- h6.mdw-type Primary
29
- div
30
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="primary" mdw-surface="binary") Default
31
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="primary light" mdw-surface="binary") Light
32
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="primary contrast" mdw-surface="binary") Contrast
33
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="primary A100" mdw-surface="binary") A100
34
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="primary A200" mdw-surface="binary") A200
35
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="primary A400" mdw-surface="binary") A400
36
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="primary A700" mdw-surface="binary") A700
37
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="primary 50" mdw-surface="binary") 50
38
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="primary 100" mdw-surface="binary") 100
39
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="primary 200" mdw-surface="binary") 200
40
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="primary 300" mdw-surface="binary") 300
41
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="primary 400" mdw-surface="binary") 400
42
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="primary 500" mdw-surface="binary") 500
43
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="primary 600" mdw-surface="binary") 600
44
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="primary 700" mdw-surface="binary") 700
45
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="primary 800" mdw-surface="binary") 800
46
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="primary 900" mdw-surface="binary") 900
47
- .mdw-grid__item(mdw-colspan="100%")
48
- .mdw-grid__content
49
- h6.mdw-type Secondary
50
- div
51
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="secondary" mdw-surface="binary") Default
52
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="secondary light" mdw-surface="binary") Light
53
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="secondary contrast" mdw-surface="binary") Contrast
54
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="secondary A100" mdw-surface="binary") A100
55
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="secondary A200" mdw-surface="binary") A200
56
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="secondary A400" mdw-surface="binary") A400
57
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="secondary A700" mdw-surface="binary") A700
58
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="secondary 50" mdw-surface="binary") 50
59
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="secondary 100" mdw-surface="binary") 100
60
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="secondary 200" mdw-surface="binary") 200
61
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="secondary 300" mdw-surface="binary") 300
62
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="secondary 400" mdw-surface="binary") 400
63
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="secondary 500" mdw-surface="binary") 500
64
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="secondary 600" mdw-surface="binary") 600
65
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="secondary 700" mdw-surface="binary") 700
66
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="secondary 800" mdw-surface="binary") 800
67
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="secondary 900" mdw-surface="binary") 900
68
- .mdw-grid__item
69
- .mdw-grid__content
70
- h6.mdw-type Warn
71
- div
72
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="warn" mdw-surface="binary") Default
73
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="warn light" mdw-surface="binary") Light
74
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="warn contrast" mdw-surface="binary") Contrast
75
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="warn A100" mdw-surface="binary") A100
76
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="warn A200" mdw-surface="binary") A200
77
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="warn A400" mdw-surface="binary") A400
78
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="warn A700" mdw-surface="binary") A700
79
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="warn 50" mdw-surface="binary") 50
80
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="warn 100" mdw-surface="binary") 100
81
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="warn 200" mdw-surface="binary") 200
82
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="warn 300" mdw-surface="binary") 300
83
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="warn 400" mdw-surface="binary") 400
84
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="warn 500" mdw-surface="binary") 500
85
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="warn 600" mdw-surface="binary") 600
86
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="warn 700" mdw-surface="binary") 700
87
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="warn 800" mdw-surface="binary") 800
88
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="warn 900" mdw-surface="binary") 900
89
- .mdw-grid__item(mdw-colspan="50%")
90
- .mdw-grid__content
91
- .mdw-grid(mdw-columns="1" mdw-margin="0")
92
- .mdw-grid__item
93
- .mdw-grid__content
94
- h3.mdw-type Surface
95
- .mdw-grid__item
96
- .mdw-grid__content
97
- h6.mdw-type Standard
98
- div
99
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="card") Card
100
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="binary") Binary
101
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="black" mdw-dark) Black
102
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="white" mdw-light) White
103
- .mdw-grid__item
104
- .mdw-grid__content
105
- h6.mdw-type Background
106
- div
107
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="background") Default
108
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="background alt") Alternate
109
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="background 50" mdw-light) 50
110
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="background 100" mdw-light) 100
111
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="background 200" mdw-light) 200
112
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="background 300" mdw-light) 300
113
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="background 400" mdw-light) 400
114
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="background 500" mdw-dark) 500
115
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="background 600" mdw-dark) 600
116
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="background 700" mdw-dark) 700
117
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="background 800" mdw-dark) 800
118
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="background 900" mdw-dark) 900
119
- .mdw-grid__item
120
- .mdw-grid__content
121
- h6.mdw-type Primary
122
- div
123
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="primary") Default
124
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="primary alt") Alternate
125
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="primary 50" mdw-light) 50
126
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="primary 100" mdw-light) 100
127
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="primary 200" mdw-light) 200
128
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="primary 300" mdw-light) 300
129
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="primary 400" mdw-light) 400
130
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="primary 500" mdw-dark) 500
131
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="primary 600" mdw-dark) 600
132
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="primary 700" mdw-dark) 700
133
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="primary 800" mdw-dark) 800
134
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="primary 900" mdw-dark) 900
135
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="primary A100" mdw-light) A100
136
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="primary A200" mdw-light) A200
137
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="primary A400" mdw-light) A400
138
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="primary A700" mdw-dark) A700
139
- .mdw-grid__item
140
- .mdw-grid__content
141
- h6.mdw-type Secondary
142
- div
143
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="secondary") Default
144
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="secondary alt") Alternate
145
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="secondary 50" mdw-light) 50
146
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="secondary 100" mdw-light) 100
147
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="secondary 200" mdw-light) 200
148
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="secondary 300" mdw-light) 300
149
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="secondary 400" mdw-light) 400
150
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="secondary 500" mdw-dark) 500
151
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="secondary 600" mdw-dark) 600
152
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="secondary 700" mdw-dark) 700
153
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="secondary 800" mdw-dark) 800
154
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="secondary 900" mdw-dark) 900
155
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="secondary A100" mdw-light) A100
156
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="secondary A200" mdw-light) A200
157
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="secondary A400" mdw-light) A400
158
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="secondary A700" mdw-dark) A700
159
- .mdw-grid__item
160
- .mdw-grid__content
161
- h6.mdw-type Warn
162
- div
163
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="warn") Default
164
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="warn alt") Alternate
165
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="warn 50" mdw-light) 50
166
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="warn 100" mdw-light) 100
167
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="warn 200" mdw-light) 200
168
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="warn 300" mdw-light) 300
169
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="warn 400" mdw-light) 400
170
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="warn 500" mdw-dark) 500
171
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="warn 600" mdw-dark) 600
172
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="warn 700" mdw-dark) 700
173
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="warn 800" mdw-dark) 800
174
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="warn 900" mdw-dark) 900
175
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="warn A100" mdw-light) A100
176
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="warn A200" mdw-light) A200
177
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="warn A400" mdw-light) A400
178
- .demo-core-item.mdw-elevation.mdw-overlay.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-surface="warn A700" mdw-dark) A700
179
- .mdw-grid.mdw-elevation.mdw-theme(mdw-elevation="8" mdw-margin-bottom mdw-stretch mdw-surface="card" style="position:-webkit-sticky;position:sticky;bottom:0;z-index:1")
180
- .mdw-grid__item(mdw-colspan="100%")
181
- .mdw-grid__content
182
- .display-flex.flex-wrap.mdw-overlay__group(aria-multiselectable="true")
183
- a#sample-button.demo-core-item.mdw-overlay.mdw-elevation.mdw-ripple.mdw-theme(tabindex="0" mdw-elevation="1" mdw-surface="binary" mdw-ink="secondary contrast") Enabled
184
- a#sample-button__selected.demo-core-item.mdw-overlay.mdw-elevation.mdw-ripple.mdw-theme(tabindex="0" mdw-elevation="1" mdw-surface="binary" mdw-ink="secondary contrast" aria-selected="true") Selected
185
- a#sample-button__activated.demo-core-item.mdw-overlay.mdw-elevation.mdw-ripple.mdw-theme(tabindex="0" mdw-elevation="1" mdw-surface="binary" mdw-ink="secondary contrast" aria-pressed="true") Activated
186
- div(style="margin:8px")
187
- p.mdw-type Surface:
188
- span#sample-surface.mdw-theme(mdw-ink="medium") test
189
- p.mdw-type Ink:
190
- span#sample-ink.mdw-theme(mdw-ink="medium") test
191
- div(style="margin:8px")
192
- p.mdw-type Text Contrast:
193
- span#sample-contrast__text.mdw-theme(mdw-ink="medium") test
194
- span / 4.5
195
- p.mdw-type Selected Contrast:
196
- span#sample-contrast__selected.mdw-theme(mdw-ink="medium") test
197
- span / 4.5
198
- p.mdw-type Activated Contrast:
199
- span#sample-contrast__activated.mdw-theme(mdw-ink="medium") test
200
- span / 4.5
201
- script(src='color.min.js')
package/docs-src/core/overlay.js DELETED
@@ -1,4 +0,0 @@
1
- import * as Overlay from '../../core/overlay/index';
2
- import { iterateArrayLike } from '../../core/dom';
3
-
4
- iterateArrayLike(document.querySelectorAll('.js .mdw-overlay'), Overlay.attach);
package/docs-src/core/ripple.js DELETED
@@ -1,4 +0,0 @@
1
- import * as Ripple from '../../core/ripple/index';
2
- import { iterateArrayLike } from '../../core/dom';
3
-
4
- iterateArrayLike(document.querySelectorAll('.js .mdw-ripple'), Ripple.attach);
package/docs-src/index.pug DELETED
@@ -1,9 +0,0 @@
1
- include ./_mixins.pug
2
-
3
- +header("Home")
4
- .mdw-grid(mdw-margin-top mdw-margin-bottom mdw-stretch)
5
- .mdw-grid__item(mdw-colspan="100%")
6
- .mdw-grid__content
7
- h1.mdw-type Material Design Web
8
- +mdwButton()(href="https://github.com/clshortfuse/materialdesignweb") GitHub
9
- script(src='index.min.js')