@shortfuse/materialdesignweb 0.4.0 → 0.7.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 (452) hide show
  1. package/README.md +155 -79
  2. package/bin/generate-css.js +12 -0
  3. package/components/Badge.css +30 -0
  4. package/components/Badge.js +15 -0
  5. package/components/Body.css +14 -0
  6. package/components/Body.js +7 -0
  7. package/components/BottomAppBar.css +23 -0
  8. package/components/BottomAppBar.js +25 -0
  9. package/components/Box.css +31 -0
  10. package/components/Box.js +24 -0
  11. package/components/Button.css +146 -0
  12. package/components/Button.js +95 -0
  13. package/components/Button.md +61 -0
  14. package/components/Card.css +109 -0
  15. package/components/Card.js +82 -0
  16. package/components/Checkbox.css +77 -0
  17. package/components/Checkbox.js +59 -0
  18. package/components/CheckboxIcon.css +89 -0
  19. package/components/CheckboxIcon.js +41 -0
  20. package/components/Chip.css +35 -0
  21. package/components/Chip.js +22 -0
  22. package/components/Dialog.css +235 -0
  23. package/components/Dialog.js +327 -0
  24. package/components/DialogActions.js +13 -0
  25. package/components/Divider.css +41 -0
  26. package/components/Divider.js +13 -0
  27. package/components/ExtendedFab.css +24 -0
  28. package/components/ExtendedFab.js +11 -0
  29. package/components/Fab.css +23 -0
  30. package/components/Fab.js +26 -0
  31. package/components/FilterChip.css +80 -0
  32. package/components/FilterChip.js +51 -0
  33. package/components/Headline.css +14 -0
  34. package/components/Headline.js +33 -0
  35. package/components/Icon.css +76 -0
  36. package/components/Icon.js +174 -0
  37. package/components/IconButton.css +151 -0
  38. package/components/IconButton.js +65 -0
  39. package/components/Input.js +16 -0
  40. package/components/Label.css +14 -0
  41. package/components/Label.js +7 -0
  42. package/components/Layout.css +19 -0
  43. package/components/Layout.js +12 -0
  44. package/components/List.css +12 -0
  45. package/components/List.js +17 -0
  46. package/components/ListItem.css +224 -0
  47. package/components/ListItem.js +112 -0
  48. package/components/ListOption.css +34 -0
  49. package/components/ListOption.js +122 -0
  50. package/components/ListSelect.css +9 -0
  51. package/components/ListSelect.js +206 -0
  52. package/components/Menu.css +171 -0
  53. package/components/Menu.js +470 -0
  54. package/components/MenuItem.css +53 -0
  55. package/components/MenuItem.js +215 -0
  56. package/components/Nav.css +17 -0
  57. package/components/Nav.js +23 -0
  58. package/components/NavBar.css +34 -0
  59. package/components/NavBar.js +88 -0
  60. package/components/NavBarItem.css +41 -0
  61. package/components/NavBarItem.js +7 -0
  62. package/components/NavDrawer.css +31 -0
  63. package/components/NavDrawer.js +13 -0
  64. package/components/NavDrawerItem.css +42 -0
  65. package/components/NavDrawerItem.js +12 -0
  66. package/components/NavItem.css +181 -0
  67. package/components/NavItem.js +83 -0
  68. package/components/NavRail.css +47 -0
  69. package/components/NavRail.js +17 -0
  70. package/components/NavRailItem.css +25 -0
  71. package/components/NavRailItem.js +7 -0
  72. package/components/Option.js +91 -0
  73. package/components/Outline.css +138 -0
  74. package/components/Pane.css +261 -0
  75. package/components/Pane.js +21 -0
  76. package/components/Progress.css +74 -0
  77. package/components/Progress.js +67 -0
  78. package/components/ProgressCircle.css +226 -0
  79. package/components/ProgressLine.css +155 -0
  80. package/components/Radio.css +83 -0
  81. package/components/Radio.js +42 -0
  82. package/components/RadioIcon.css +73 -0
  83. package/components/RadioIcon.js +37 -0
  84. package/components/Ripple.css +74 -0
  85. package/components/Ripple.js +114 -0
  86. package/components/SegmentedButton.css +94 -0
  87. package/components/SegmentedButton.js +49 -0
  88. package/components/SegmentedButtonGroup.css +12 -0
  89. package/components/SegmentedButtonGroup.js +44 -0
  90. package/components/Select.css +52 -0
  91. package/components/Select.js +71 -0
  92. package/components/Shape.css +132 -0
  93. package/components/Shape.js +25 -0
  94. package/components/Slider.css +306 -0
  95. package/components/Slider.js +206 -0
  96. package/components/Snackbar.css +80 -0
  97. package/components/Snackbar.js +75 -0
  98. package/components/Surface.css +10 -0
  99. package/components/Surface.js +23 -0
  100. package/components/Switch.css +63 -0
  101. package/components/Switch.js +127 -0
  102. package/components/SwitchIcon.css +177 -0
  103. package/components/SwitchIcon.js +89 -0
  104. package/components/SwitchIconAnimations.css +89 -0
  105. package/components/Tab.css +85 -0
  106. package/components/Tab.js +103 -0
  107. package/components/TabContent.js +151 -0
  108. package/components/TabList.css +129 -0
  109. package/components/TabList.js +309 -0
  110. package/components/TabPanel.js +37 -0
  111. package/components/TextArea.css +93 -0
  112. package/components/TextArea.js +229 -0
  113. package/components/Title.css +14 -0
  114. package/components/Title.js +15 -0
  115. package/components/Tooltip.css +40 -0
  116. package/components/Tooltip.js +22 -0
  117. package/components/TopAppBar.css +209 -0
  118. package/components/TopAppBar.js +201 -0
  119. package/core/Composition.js +988 -0
  120. package/core/CustomElement.js +844 -0
  121. package/core/ICustomElement.d.ts +288 -0
  122. package/core/ICustomElement.js +1 -0
  123. package/core/css.js +51 -0
  124. package/core/customTypes.js +125 -0
  125. package/core/dom.js +56 -245
  126. package/core/identify.js +40 -0
  127. package/core/observe.js +410 -0
  128. package/core/template.js +121 -0
  129. package/core/typings.d.ts +135 -0
  130. package/core/typings.js +1 -0
  131. package/mixins/AriaReflectorMixin.js +42 -0
  132. package/mixins/AriaToolbarMixin.js +13 -0
  133. package/mixins/ControlMixin.css +57 -0
  134. package/mixins/ControlMixin.js +212 -0
  135. package/mixins/DensityMixin.css +40 -0
  136. package/mixins/DensityMixin.js +11 -0
  137. package/mixins/FlexableMixin.css +79 -0
  138. package/mixins/FlexableMixin.js +32 -0
  139. package/mixins/FormAssociatedMixin.js +170 -0
  140. package/mixins/InputMixin.js +335 -0
  141. package/mixins/KeyboardNavMixin.js +244 -0
  142. package/mixins/RTLObserverMixin.js +35 -0
  143. package/mixins/ResizeObserverMixin.js +38 -0
  144. package/mixins/RippleMixin.css +12 -0
  145. package/mixins/RippleMixin.js +115 -0
  146. package/mixins/ScrollListenerMixin.js +100 -0
  147. package/mixins/ShapeMixin.css +135 -0
  148. package/mixins/ShapeMixin.js +31 -0
  149. package/mixins/StateMixin.css +82 -0
  150. package/mixins/StateMixin.js +114 -0
  151. package/mixins/SurfaceMixin.css +150 -0
  152. package/mixins/SurfaceMixin.js +32 -0
  153. package/mixins/TextFieldMixin.css +657 -0
  154. package/mixins/TextFieldMixin.js +121 -0
  155. package/mixins/ThemableMixin.css +204 -0
  156. package/mixins/ThemableMixin.js +16 -0
  157. package/mixins/TooltipTriggerMixin.css +27 -0
  158. package/mixins/TooltipTriggerMixin.js +366 -0
  159. package/mixins/TouchTargetMixin.css +26 -0
  160. package/mixins/TouchTargetMixin.js +9 -0
  161. package/package.json +57 -41
  162. package/theming/index.js +594 -0
  163. package/theming/loader.js +24 -0
  164. package/utils/cli.js +11 -0
  165. package/utils/color_keywords.js +151 -0
  166. package/utils/hct/Cam16.js +298 -0
  167. package/utils/hct/CorePalette.js +84 -0
  168. package/utils/hct/Hct.js +172 -0
  169. package/utils/hct/Scheme.js +587 -0
  170. package/utils/hct/TonalPalette.js +68 -0
  171. package/utils/hct/ViewingConditions.js +136 -0
  172. package/utils/hct/blend.js +93 -0
  173. package/utils/hct/colorUtils.js +302 -0
  174. package/utils/hct/hctSolver.js +559 -0
  175. package/utils/hct/helper.js +182 -0
  176. package/utils/hct/mathUtils.js +153 -0
  177. package/utils/jsonMergePatch.js +100 -0
  178. package/utils/jsx-runtime.js +101 -0
  179. package/utils/popup.js +117 -0
  180. package/utils/svg.js +129 -0
  181. package/.browserslistrc +0 -3
  182. package/.eslintrc.json +0 -153
  183. package/.stylelintrc.json +0 -600
  184. package/.vscode/launch.json +0 -31
  185. package/.vscode/settings.json +0 -3
  186. package/.vscode/tasks.json +0 -32
  187. package/CHANGELOG.md +0 -24
  188. package/CODE_OF_CONDUCT.md +0 -46
  189. package/adapters/datatable/column.js +0 -203
  190. package/adapters/datatable/index.js +0 -972
  191. package/adapters/dom/index.js +0 -601
  192. package/adapters/list/index.js +0 -69
  193. package/adapters/search/index.js +0 -521
  194. package/components/appbar/_spec.scss +0 -225
  195. package/components/appbar/_theme.scss +0 -0
  196. package/components/appbar/index.scss +0 -2
  197. package/components/banner/_spec.scss +0 -118
  198. package/components/banner/_theme.scss +0 -0
  199. package/components/banner/index.scss +0 -2
  200. package/components/bottomnav/README.md +0 -85
  201. package/components/bottomnav/_spec.scss +0 -157
  202. package/components/bottomnav/_theme.scss +0 -0
  203. package/components/bottomnav/index.js +0 -122
  204. package/components/bottomnav/index.scss +0 -2
  205. package/components/bottomnav/item.js +0 -89
  206. package/components/button/README.md +0 -61
  207. package/components/button/_spec.scss +0 -161
  208. package/components/button/_theme.scss +0 -65
  209. package/components/button/index.eta +0 -32
  210. package/components/button/index.js +0 -43
  211. package/components/button/index.pug +0 -18
  212. package/components/button/index.scss +0 -2
  213. package/components/card/_spec.scss +0 -249
  214. package/components/card/_theme.scss +0 -0
  215. package/components/card/index.scss +0 -2
  216. package/components/chip/_spec.scss +0 -134
  217. package/components/chip/_theme.scss +0 -177
  218. package/components/chip/index.js +0 -21
  219. package/components/chip/index.scss +0 -2
  220. package/components/chip/item.js +0 -20
  221. package/components/datatable/_spec.scss +0 -288
  222. package/components/datatable/_theme.scss +0 -154
  223. package/components/datatable/cell.js +0 -45
  224. package/components/datatable/columnheader.js +0 -47
  225. package/components/datatable/index.js +0 -388
  226. package/components/datatable/index.scss +0 -2
  227. package/components/datatable/row.js +0 -49
  228. package/components/datatable/rowheader.js +0 -18
  229. package/components/dialog/_spec.scss +0 -213
  230. package/components/dialog/_theme.scss +0 -0
  231. package/components/dialog/index.js +0 -627
  232. package/components/dialog/index.scss +0 -2
  233. package/components/divider/_spec.scss +0 -13
  234. package/components/divider/_theme.scss +0 -0
  235. package/components/divider/index.scss +0 -2
  236. package/components/elevation/_spec.scss +0 -9
  237. package/components/elevation/_theme.scss +0 -0
  238. package/components/elevation/index.scss +0 -2
  239. package/components/fab/_spec.scss +0 -222
  240. package/components/fab/_theme.scss +0 -0
  241. package/components/fab/index.js +0 -103
  242. package/components/fab/index.scss +0 -2
  243. package/components/grid/_spec.scss +0 -312
  244. package/components/grid/_theme.scss +0 -0
  245. package/components/grid/index.scss +0 -2
  246. package/components/layout/_mixins.scss +0 -33
  247. package/components/layout/_spec.scss +0 -1012
  248. package/components/layout/_theme.scss +0 -44
  249. package/components/layout/index.js +0 -464
  250. package/components/layout/index.scss +0 -2
  251. package/components/list/_spec.scss +0 -397
  252. package/components/list/_theme.scss +0 -111
  253. package/components/list/content.js +0 -110
  254. package/components/list/index.js +0 -260
  255. package/components/list/index.scss +0 -2
  256. package/components/list/item.js +0 -170
  257. package/components/list/secondary.js +0 -46
  258. package/components/menu/_spec.scss +0 -362
  259. package/components/menu/_theme.scss +0 -0
  260. package/components/menu/index.js +0 -721
  261. package/components/menu/index.scss +0 -2
  262. package/components/menu/item.js +0 -239
  263. package/components/progress/_spec.scss +0 -147
  264. package/components/progress/_theme.scss +0 -0
  265. package/components/progress/index.js +0 -36
  266. package/components/progress/index.scss +0 -2
  267. package/components/selection/_spec.scss +0 -386
  268. package/components/selection/_theme.scss +0 -166
  269. package/components/selection/index.eta +0 -60
  270. package/components/selection/index.js +0 -76
  271. package/components/selection/index.pug +0 -30
  272. package/components/selection/index.scss +0 -2
  273. package/components/selection/input.js +0 -56
  274. package/components/selection/radiogroup.js +0 -47
  275. package/components/slider/_spec.scss +0 -64
  276. package/components/slider/_theme.scss +0 -0
  277. package/components/slider/index.scss +0 -2
  278. package/components/snackbar/_spec.scss +0 -195
  279. package/components/snackbar/_theme.scss +0 -0
  280. package/components/snackbar/index.js +0 -344
  281. package/components/snackbar/index.scss +0 -2
  282. package/components/tab/_spec.scss +0 -235
  283. package/components/tab/_theme.scss +0 -0
  284. package/components/tab/content.js +0 -205
  285. package/components/tab/index.js +0 -260
  286. package/components/tab/index.scss +0 -2
  287. package/components/tab/item.js +0 -89
  288. package/components/tab/list.js +0 -210
  289. package/components/tab/panel.js +0 -54
  290. package/components/template/_theme.scss +0 -27
  291. package/components/textfield/README.md +0 -179
  292. package/components/textfield/_mixins.scss +0 -52
  293. package/components/textfield/_spec.scss +0 -809
  294. package/components/textfield/_theme.scss +0 -299
  295. package/components/textfield/index.eta +0 -74
  296. package/components/textfield/index.js +0 -168
  297. package/components/textfield/index.pug +0 -30
  298. package/components/textfield/index.scss +0 -2
  299. package/components/tooltip/_spec.scss +0 -188
  300. package/components/tooltip/_theme.scss +0 -0
  301. package/components/tooltip/index.scss +0 -2
  302. package/components/type/_spec.scss +0 -224
  303. package/components/type/_theme.scss +0 -0
  304. package/components/type/index.scss +0 -2
  305. package/core/_breakpoint.scss +0 -189
  306. package/core/_elevation.scss +0 -38
  307. package/core/_length.scss +0 -9
  308. package/core/_motion.scss +0 -31
  309. package/core/_platform.scss +0 -34
  310. package/core/_type.scss +0 -127
  311. package/core/aria/attributes.js +0 -141
  312. package/core/aria/button.js +0 -50
  313. package/core/aria/keyboard.js +0 -93
  314. package/core/aria/rovingtabindex.js +0 -178
  315. package/core/aria/tab.js +0 -60
  316. package/core/color/_spec.scss +0 -0
  317. package/core/color/_theme.scss +0 -390
  318. package/core/color/index.scss +0 -2
  319. package/core/document/index.js +0 -39
  320. package/core/overlay/_spec.scss +0 -31
  321. package/core/overlay/_theme.scss +0 -171
  322. package/core/overlay/index.js +0 -108
  323. package/core/overlay/index.scss +0 -2
  324. package/core/ripple/_spec.scss +0 -197
  325. package/core/ripple/_theme.scss +0 -40
  326. package/core/ripple/index.js +0 -294
  327. package/core/ripple/index.scss +0 -2
  328. package/core/theme/_config.scss +0 -2
  329. package/core/theme/_mixins.scss +0 -172
  330. package/core/theme/_palettes.scss +0 -406
  331. package/core/theme/_variables.scss +0 -24
  332. package/core/theme/index.js +0 -50
  333. package/core/throttler.js +0 -42
  334. package/core/transition/index.js +0 -468
  335. package/docs/_flex.scss +0 -22
  336. package/docs/_menuoptions.js +0 -183
  337. package/docs/_mixins.pug +0 -155
  338. package/docs/_partials/_androidnavbar.eta +0 -5
  339. package/docs/_partials/_androidstatusbar.eta +0 -13
  340. package/docs/_partials/_appbar.eta +0 -29
  341. package/docs/_partials/_buttontest.eta +0 -31
  342. package/docs/_partials/_header.eta +0 -149
  343. package/docs/_partials/_navlistitem.eta +0 -16
  344. package/docs/_partials/_target.eta +0 -1
  345. package/docs/_sample-utils.js +0 -93
  346. package/docs/_storage.js +0 -33
  347. package/docs/docs.scss +0 -295
  348. package/docs/index.eta +0 -16
  349. package/docs/index.js +0 -0
  350. package/docs/pages/appbar.eta +0 -114
  351. package/docs/pages/appbar.js +0 -0
  352. package/docs/pages/appbar.pug +0 -78
  353. package/docs/pages/bottomnav.eta +0 -188
  354. package/docs/pages/bottomnav.js +0 -115
  355. package/docs/pages/bottomnav.pug +0 -137
  356. package/docs/pages/button.eta +0 -124
  357. package/docs/pages/button.js +0 -224
  358. package/docs/pages/button.pug +0 -121
  359. package/docs/pages/card.eta +0 -90
  360. package/docs/pages/card.js +0 -177
  361. package/docs/pages/card.pug +0 -74
  362. package/docs/pages/chip.eta +0 -122
  363. package/docs/pages/chip.js +0 -82
  364. package/docs/pages/chip.pug +0 -91
  365. package/docs/pages/color.eta +0 -143
  366. package/docs/pages/color.js +0 -262
  367. package/docs/pages/color.pug +0 -121
  368. package/docs/pages/datatable.eta +0 -323
  369. package/docs/pages/datatable.js +0 -164
  370. package/docs/pages/datatable.pug +0 -283
  371. package/docs/pages/dialog.eta +0 -186
  372. package/docs/pages/dialog.js +0 -177
  373. package/docs/pages/dialog.pug +0 -132
  374. package/docs/pages/dom.eta +0 -26
  375. package/docs/pages/dom.js +0 -143
  376. package/docs/pages/dom.pug +0 -22
  377. package/docs/pages/elevation.eta +0 -35
  378. package/docs/pages/elevation.js +0 -0
  379. package/docs/pages/elevation.pug +0 -25
  380. package/docs/pages/fab.eta +0 -99
  381. package/docs/pages/fab.js +0 -44
  382. package/docs/pages/fab.pug +0 -66
  383. package/docs/pages/grid.eta +0 -135
  384. package/docs/pages/grid.js +0 -128
  385. package/docs/pages/grid.pug +0 -95
  386. package/docs/pages/layout.eta +0 -8
  387. package/docs/pages/layout.js +0 -0
  388. package/docs/pages/layout.pug +0 -7
  389. package/docs/pages/list.eta +0 -465
  390. package/docs/pages/list.js +0 -9
  391. package/docs/pages/list.pug +0 -326
  392. package/docs/pages/menu.eta +0 -276
  393. package/docs/pages/menu.js +0 -217
  394. package/docs/pages/menu.pug +0 -205
  395. package/docs/pages/overlay.eta +0 -69
  396. package/docs/pages/overlay.js +0 -4
  397. package/docs/pages/overlay.pug +0 -55
  398. package/docs/pages/progress.eta +0 -23
  399. package/docs/pages/progress.js +0 -12
  400. package/docs/pages/progress.pug +0 -16
  401. package/docs/pages/ripple.eta +0 -27
  402. package/docs/pages/ripple.js +0 -4
  403. package/docs/pages/ripple.pug +0 -21
  404. package/docs/pages/search.eta +0 -246
  405. package/docs/pages/search.js +0 -243
  406. package/docs/pages/search.pug +0 -165
  407. package/docs/pages/selection.eta +0 -111
  408. package/docs/pages/selection.js +0 -13
  409. package/docs/pages/selection.pug +0 -74
  410. package/docs/pages/slider.eta +0 -23
  411. package/docs/pages/slider.js +0 -0
  412. package/docs/pages/slider.pug +0 -17
  413. package/docs/pages/snackbar.eta +0 -83
  414. package/docs/pages/snackbar.js +0 -158
  415. package/docs/pages/snackbar.pug +0 -60
  416. package/docs/pages/tab.eta +0 -421
  417. package/docs/pages/tab.js +0 -151
  418. package/docs/pages/tab.pug +0 -304
  419. package/docs/pages/textfield.eta +0 -486
  420. package/docs/pages/textfield.js +0 -254
  421. package/docs/pages/textfield.pug +0 -360
  422. package/docs/pages/tooltip.eta +0 -94
  423. package/docs/pages/tooltip.js +0 -0
  424. package/docs/pages/tooltip.pug +0 -78
  425. package/docs/pages/transition.eta +0 -117
  426. package/docs/pages/transition.js +0 -54
  427. package/docs/pages/transition.pug +0 -76
  428. package/docs/pages/type.eta +0 -31
  429. package/docs/pages/type.js +0 -0
  430. package/docs/pages/type.pug +0 -29
  431. package/docs/postrender.js +0 -39
  432. package/docs/prerender.js +0 -16
  433. package/docs/pwa/_dialogs.eta +0 -143
  434. package/docs/pwa/_dialogs.pug +0 -96
  435. package/docs/pwa/_menus.eta +0 -16
  436. package/docs/pwa/_menus.pug +0 -11
  437. package/docs/pwa/pwa-prerender.js +0 -3
  438. package/docs/pwa/pwa.eta +0 -480
  439. package/docs/pwa/pwa.js +0 -306
  440. package/docs/pwa/pwa.pug +0 -325
  441. package/docs/pwa/pwa.scss +0 -26
  442. package/docs/spec.scss +0 -26
  443. package/docs/themes/_component-themes.scss +0 -26
  444. package/docs/themes/theme-colored-fallbacks.scss +0 -17
  445. package/docs/themes/theme-colored.scss +0 -17
  446. package/docs/themes/theme-default-fallbacks.scss +0 -17
  447. package/docs/themes/theme-default.scss +0 -17
  448. package/jsconfig.json +0 -12
  449. package/scripts/deploy-docs.sh +0 -9
  450. package/templates/index.eta +0 -2
  451. package/templates/index.pug +0 -3
  452. package/webpack.config.cjs +0 -257
package/docs/pages/list.pug DELETED
@@ -1,326 +0,0 @@
1
- include ../_mixins.pug
2
-
3
- +header("list")
4
- .comparison.js
5
- .render
6
- +androidstatusbar('teal 700', 'dark')
7
- +appbar('teal 500', 'dark', ['menu'], ['more_vert']) Topics
8
- .content(style="padding-top:2px")
9
- ul.mdw-list
10
- li.mdw-list__item
11
- a.mdw-list__content Attractions
12
- li.mdw-list__item(aria-expanded="true")
13
- a.mdw-list__content
14
- .mdw-list__text Dining
15
- .mdw-list__secondary.mdw-theme.material-icons(mdw-ink="medium") expand_more
16
- ul.mdw-list
17
- li.mdw-list__item
18
- a.mdw-list__content Breakfast & brunch
19
- li.mdw-list__item
20
- a.mdw-list__content New American
21
- li.mdw-list__item
22
- a.mdw-list__content Sushi bars
23
- li.mdw-list__item
24
- a.mdw-list__content Education
25
- li.mdw-list__item
26
- a.mdw-list__content Family
27
- li.mdw-list__item
28
- a.mdw-list__content Health
29
- li.mdw-list__item
30
- a.mdw-list__content Office
31
- li.mdw-list__item
32
- a.mdw-list__content Promotions
33
- li.mdw-list__item
34
- a.mdw-list__content Radio
35
- li.mdw-list__item
36
- a.mdw-list__content Recipes
37
- li.mdw-list__item
38
- a.mdw-list__content Sports
39
- li.mdw-list__item
40
- a.mdw-list__content Travel
41
- +androidnavbar
42
-
43
- .comparison.js
44
- .render
45
- +androidstatusbar('secondary 700', 'dark')
46
- +appbar('secondary 500', 'dark', ['menu'], ['search', 'check_circle']) Inbox
47
- .content
48
- ul.mdw-list(mdw-divider)
49
- li.mdw-list__item
50
- a.mdw-list__content
51
- .mdw-list__avatar.material-icons(style="font-size:40px") 
52
- .mdw-list__text
53
- .mdw-list__text-line Ali Connors
54
- .mdw-list__text-line Brunch this weekend?
55
- .mdw-list__text-line.mdw-theme(mdw-ink="medium") I'll be in your neighborhood doing errands this weekend. Do you want to meet?
56
- li.mdw-list__item
57
- a.mdw-list__content
58
- .mdw-list__avatar.material-icons(style="font-size:40px") 
59
- .mdw-list__text
60
- .mdw-list__text-line me, Scott, Jennifer
61
- .mdw-list__text-line Summer BBQ
62
- .mdw-list__text-line.mdw-theme(mdw-ink="medium") Wish I could come. but I'm out of town this weekend.
63
- li.mdw-list__item
64
- a.mdw-list__content
65
- .mdw-list__avatar.material-icons(style="font-size:40px") 
66
- .mdw-list__text
67
- .mdw-list__text-line Sandra Adams
68
- .mdw-list__text-line Oui oui
69
- .mdw-list__text-line.mdw-theme(mdw-ink="medium") Do you have Paris recommendations? Have you ever been?
70
- li.mdw-list__item
71
- a.mdw-list__content
72
- .mdw-list__avatar.material-icons(style="font-size:40px") 
73
- .mdw-list__text
74
- .mdw-list__text-line Trevor Hansen
75
- .mdw-list__text-line Order Confirmation
76
- .mdw-list__text-line.mdw-theme(mdw-ink="medium") Thank you for your recent order from Google.
77
- li.mdw-list__item
78
- a.mdw-list__content
79
- .mdw-list__avatar.material-icons(style="font-size:40px") 
80
- .mdw-list__text
81
- .mdw-list__text-line Britta Holt
82
- .mdw-list__text-line Recipe to try
83
- .mdw-list__text-line.mdw-theme(mdw-ink="medium") We should eat this: Grated Squash, Corn, and tomatillo Tacos.
84
- li.mdw-list__item
85
- a.mdw-list__content
86
- .mdw-list__avatar.material-icons(style="font-size:40px") 
87
- .mdw-list__text
88
- .mdw-list__text-line David Park
89
- .mdw-list__text-line Giants game
90
- .mdw-list__text-line.mdw-theme(mdw-ink="medium") Any interest in seeing
91
- li.mdw-list__item
92
- a.mdw-list__content
93
- .mdw-list__avatar.material-icons(style="font-size:40px") 
94
- .mdw-list__text
95
- .mdw-list__text-line Montauk weekend
96
- .mdw-list__text-line -----
97
- .mdw-list__text-line.mdw-theme(mdw-ink="medium") -----
98
- +androidnavbar
99
- .comparison
100
- .render
101
- +androidstatusbar('deeppurple 700', 'dark')
102
- +appbar('deeppurple 500', 'dark', ['menu'], ['search', 'more_vert']) Topics (CSS-Only)
103
- .content(style="padding-top:2px")
104
- ul.mdw-list
105
- li.mdw-list__item
106
- a.mdw-list__content.mdw-overlay.mdw-ripple Attractions
107
- li.mdw-list__item
108
- a.mdw-list__content.mdw-overlay.mdw-ripple Dining
109
- li.mdw-list__item
110
- a.mdw-list__content.mdw-overlay.mdw-ripple Education
111
- li.mdw-list__item
112
- a.mdw-list__content.mdw-overlay.mdw-ripple Family
113
- li.mdw-list__item
114
- a.mdw-list__content.mdw-overlay.mdw-ripple Health
115
- li.mdw-list__item
116
- a.mdw-list__content.mdw-overlay.mdw-ripple Office
117
- li.mdw-list__item
118
- a.mdw-list__content.mdw-overlay.mdw-ripple Promotions
119
- li.mdw-list__item
120
- a.mdw-list__content.mdw-overlay.mdw-ripple Radio
121
- li.mdw-list__item
122
- a.mdw-list__content.mdw-overlay.mdw-ripple Recipes
123
- li.mdw-list__item
124
- a.mdw-list__content.mdw-overlay.mdw-ripple Sports
125
- li.mdw-list__item
126
- a.mdw-list__content.mdw-overlay.mdw-ripple Travel
127
-
128
- .comparison
129
- .render
130
- +androidstatusbar('teal 700', 'dark')
131
- +appbar('teal 500', 'dark', ['menu'], ['more_vert']) Topics (CSS-Only)
132
- .content(style="padding-top:2px")
133
- ul.mdw-list(mdw-divider)
134
- li.mdw-list__item
135
- a.mdw-list__content.mdw-overlay.mdw-ripple
136
- .mdw-list__text Attractions
137
- li.mdw-list__item
138
- a.mdw-list__content.mdw-overlay.mdw-ripple
139
- .mdw-list__text Dining
140
- li.mdw-list__item
141
- a.mdw-list__content.mdw-overlay.mdw-ripple
142
- .mdw-list__text Education
143
- li.mdw-list__item
144
- a.mdw-list__content.mdw-overlay.mdw-ripple
145
- .mdw-list__text Family
146
- li.mdw-list__item
147
- a.mdw-list__content.mdw-overlay.mdw-ripple
148
- .mdw-list__text Health
149
- li.mdw-list__item
150
- a.mdw-list__content.mdw-overlay.mdw-ripple
151
- .mdw-list__text Office
152
- li.mdw-list__item
153
- a.mdw-list__content.mdw-overlay.mdw-ripple
154
- .mdw-list__text Promotions
155
- li.mdw-list__item
156
- a.mdw-list__content.mdw-overlay.mdw-ripple
157
- .mdw-list__text Radio
158
- li.mdw-list__item
159
- a.mdw-list__content.mdw-overlay.mdw-ripple
160
- .mdw-list__text Recipes
161
- li.mdw-list__item
162
- a.mdw-list__content.mdw-overlay.mdw-ripple
163
- .mdw-list__text Sports
164
- li.mdw-list__item
165
- a.mdw-list__content.mdw-overlay.mdw-ripple
166
- .mdw-list__text Travel
167
- +androidnavbar
168
-
169
-
170
- .comparison
171
- .render
172
- +androidstatusbar('deeppurple 700', 'dark')
173
- +appbar('deeppurple 500', 'dark', ['menu'], ['search', 'more_vert']) Topics (CSS-Only)
174
- .content(style="padding-top:2px")
175
- ul.mdw-list
176
- li.mdw-list__item
177
- a.mdw-list__content.mdw-overlay.mdw-ripple Attractions
178
- .mdw-list__icon.mdw-theme.material-icons(mdw-ink="medium") local_activity
179
- li.mdw-list__item
180
- a.mdw-list__content.mdw-overlay.mdw-ripple Dining
181
- .mdw-list__icon.mdw-theme.material-icons(mdw-ink="medium") local_dining
182
- li.mdw-list__item
183
- a.mdw-list__content.mdw-overlay.mdw-ripple Education
184
- .mdw-list__icon.mdw-theme.material-icons(mdw-ink="medium") edit
185
- li.mdw-list__item
186
- a.mdw-list__content.mdw-overlay.mdw-ripple Family
187
- .mdw-list__icon.mdw-theme.material-icons(mdw-ink="medium") people
188
- li.mdw-list__item
189
- a.mdw-list__content.mdw-overlay.mdw-ripple Health
190
- .mdw-list__icon.mdw-theme.material-icons(mdw-ink="medium") healing
191
- li.mdw-list__item
192
- a.mdw-list__content.mdw-overlay.mdw-ripple Office
193
- .mdw-list__icon.mdw-theme.material-icons(mdw-ink="medium") business
194
- li.mdw-list__item
195
- a.mdw-list__content.mdw-overlay.mdw-ripple Promotions
196
- .mdw-list__icon.mdw-theme.material-icons(mdw-ink="medium") local_offer
197
- li.mdw-list__item
198
- a.mdw-list__content.mdw-overlay.mdw-ripple Radio
199
- .mdw-list__icon.mdw-theme.material-icons(mdw-ink="medium") radio
200
- li.mdw-list__item
201
- a.mdw-list__content.mdw-overlay.mdw-ripple Recipes
202
- .mdw-list__icon.mdw-theme.material-icons(mdw-ink="medium") book
203
- li.mdw-list__item
204
- a.mdw-list__content.mdw-overlay.mdw-ripple Sports
205
- .mdw-list__icon.mdw-theme.material-icons(mdw-ink="medium") stars
206
- li.mdw-list__item
207
- a.mdw-list__content.mdw-overlay.mdw-ripple Travel
208
- .mdw-list__icon.mdw-theme.material-icons(mdw-ink="medium") local_airport
209
-
210
- .comparison
211
- .render
212
- +androidstatusbar('cyan 700', 'dark')
213
- +appbar('cyan 500', 'dark', ['menu'], ['search']) Inbox (CSS-Only)
214
- .content
215
- .mdw-list__subheader.mdw-theme(mdw-ink="medium") Today
216
- ul.mdw-list(mdw-divider)
217
- li.mdw-list__item
218
- a.mdw-list__content.mdw-overlay.mdw-ripple
219
- .mdw-list__avatar.material-icons(style="font-size:40px") 
220
- .mdw-list__text
221
- .mdw-list__text-line Brunch this weekend?
222
- .mdw-list__text-line Ali Connors
223
- span.mdw-theme(mdw-ink="medium") — I'll be in your neighborhood doing errands this weekend. Do you want to meet?
224
- li.mdw-list__item
225
- a.mdw-list__content.mdw-overlay.mdw-ripple
226
- .mdw-list__avatar.material-icons(style="font-size:40px") 
227
- .mdw-list__text
228
- .mdw-list__text-line Summer BBQ
229
- span.mdw-theme(mdw-ink="medium") 4
230
- .mdw-list__text-line to Alex, Scott, Jennifer
231
- span.mdw-theme(mdw-ink="medium") — Wish I could come. but I'm out of town this weekend.
232
- li.mdw-list__item
233
- a.mdw-list__content.mdw-overlay.mdw-ripple
234
- .mdw-list__avatar.material-icons(style="font-size:40px") 
235
- .mdw-list__text
236
- .mdw-list__text-line Oui oui
237
- .mdw-list__text-line Sandra Adams
238
- span.mdw-theme(mdw-ink="medium") — Do you have Paris recommendations? Have you ever been?
239
- li.mdw-list__item
240
- a.mdw-list__content.mdw-overlay.mdw-ripple
241
- .mdw-list__avatar.material-icons(style="font-size:40px") 
242
- .mdw-list__text
243
- .mdw-list__text-line Birthday gift
244
- .mdw-list__text-line Trevor Hansen
245
- span.mdw-theme(mdw-ink="medium") — Have any ideas about what we should get Heidi for her birthday?
246
- li.mdw-list__item
247
- a.mdw-list__content.mdw-overlay.mdw-ripple
248
- .mdw-list__avatar.material-icons(style="font-size:40px") 
249
- .mdw-list__text
250
- .mdw-list__text-line Recipe to try
251
- .mdw-list__text-line Britta Holt
252
- span.mdw-theme(mdw-ink="medium") — We should eat this: Grated Squash, Corn, and tomatillo Tacos.
253
- li.mdw-list__item
254
- a.mdw-list__content.mdw-overlay.mdw-ripple
255
- .mdw-list__avatar.material-icons(style="font-size:40px") 
256
- .mdw-list__text
257
- .mdw-list__text-line Giants game
258
- .mdw-list__text-line David Park
259
- span.mdw-theme(mdw-ink="medium") — Any interest in seeing
260
- li.mdw-list__item
261
- a.mdw-list__content.mdw-overlay.mdw-ripple
262
- .mdw-list__avatar.material-icons(style="font-size:40px") 
263
- .mdw-list__text
264
- .mdw-list__text-line Montauk weekend
265
- .mdw-list__text-line -----
266
- span.mdw-theme(mdw-ink="medium") — -----
267
- +androidnavbar
268
-
269
- .comparison
270
- .render
271
- +androidstatusbar('deeppurple 700', 'dark')
272
- +appbar('deeppurple 500', 'dark', ['menu'], ['search']) Inbox (CSS-Only)
273
- .content
274
- .mdw-list__content.mdw-list__subheader.mdw-theme(mdw-ink="medium") Today
275
- ul.mdw-list(mdw-divider)
276
- li.mdw-list__item
277
- a.mdw-list__content.mdw-overlay.mdw-ripple
278
- .mdw-list__avatar.material-icons(style="font-size:40px") 
279
- .mdw-list__text
280
- .mdw-list__text-line Brunch this weekend?
281
- .mdw-list__text-block Ali Connors
282
- span.mdw-theme(mdw-ink="medium") — I'll be in your neighborhood doing errands this weekend. Do you want to meet?
283
- li.mdw-list__item
284
- a.mdw-list__content.mdw-overlay.mdw-ripple
285
- .mdw-list__avatar.material-icons(style="font-size:40px") 
286
- .mdw-list__text
287
- .mdw-list__text-line Summer BBQ
288
- span.mdw-theme(mdw-ink="medium") 4
289
- .mdw-list__text-block to Alex, Scott, Jennifer
290
- span.mdw-theme(mdw-ink="medium") — Wish I could come. but I'm out of town this weekend.
291
- li.mdw-list__item
292
- a.mdw-list__content.mdw-overlay.mdw-ripple
293
- .mdw-list__avatar.material-icons(style="font-size:40px") 
294
- .mdw-list__text
295
- .mdw-list__text-line Oui oui
296
- .mdw-list__text-block Sandra Adams
297
- span.mdw-theme(mdw-ink="medium") — Do you have Paris recommendations? Have you ever been?
298
- li.mdw-list__item
299
- a.mdw-list__content.mdw-overlay.mdw-ripple
300
- .mdw-list__avatar.material-icons(style="font-size:40px") 
301
- .mdw-list__text
302
- .mdw-list__text-line Birthday gift
303
- .mdw-list__text-block Trevor Hansen
304
- span.mdw-theme(mdw-ink="medium") — Have any ideas about what we should get Heidi for her birthday?
305
- li.mdw-list__item
306
- a.mdw-list__content.mdw-overlay.mdw-ripple
307
- .mdw-list__avatar.material-icons(style="font-size:40px") 
308
- .mdw-list__text
309
- .mdw-list__text-line Recipe to try
310
- .mdw-list__text-block Britta Holt
311
- span.mdw-theme(mdw-ink="medium") — We should eat this: Grated Squash, Corn, and tomatillo Tacos.
312
- li.mdw-list__item
313
- a.mdw-list__content.mdw-overlay.mdw-ripple
314
- .mdw-list__avatar.material-icons(style="font-size:40px") 
315
- .mdw-list__text
316
- .mdw-list__text-line Giants game
317
- .mdw-list__text-block David Park
318
- span.mdw-theme(mdw-ink="medium") — Any interest in seeing
319
- li.mdw-list__item
320
- a.mdw-list__content.mdw-overlay.mdw-ripple
321
- .mdw-list__avatar.material-icons(style="font-size:40px") 
322
- .mdw-list__text
323
- .mdw-list__text-line Montauk weekend
324
- .mdw-list__text-block -----
325
- span.mdw-theme(mdw-ink="medium") — -----
326
- script(src='list.min.js')
package/docs/pages/menu.eta DELETED
@@ -1,276 +0,0 @@
1
- <% var T = '../../templates/index.eta' %>
2
- <% layout('../_partials/_header.eta', {page: 'menu'}) %>
3
- <div class="mdw-grid" mdw-margin-top mdw-margin-bottom mdw-stretch>
4
- <div class="mdw-grid__item" mdw-colspan="100%">
5
- <div class="mdw-grid__content">
6
- <h5 class="mdw-type" mdw-baseline-next="36">Menus display a list of choices on a transient sheet of material.</h5>
7
- <p class="mdw-type" mdw-baseline-next="36">Menus appear upon interaction with a button, action, or other control. They display a list of choices, with one choice per line.</p>
8
- <p class="mdw-type">Menu items may be disabled if not applicable to a certain context. Contextual menus dynamically change their available menu items based on the current state of the app.</p>
9
- </div>
10
- </div>
11
- <div class="mdw-grid__item" mdw-colspan="4">
12
- <div class="mdw-grid__content">
13
- <div class="component-sample">
14
- <div class="component-sample__container">
15
- <div class="mdw-menu__wrapper">
16
- <%~ includeFile(T, { button: { text:'Open' }}) %>
17
- <div class="mdw-menu">
18
- <div class="mdw-menu__popup mdw-theme" mdw-surface="card">
19
- <div class="mdw-menu__item">
20
- <div class="mdw-menu__icon mdw-theme material-icons" mdw-ink="medium">format_bold</div>
21
- <div class="mdw-menu__text">Bold</div>
22
- <div class="mdw-menu__info">⌘B</div>
23
- </div>
24
- <div class="mdw-menu__item" aria-disabled="true">
25
- <div class="mdw-menu__icon mdw-theme material-icons" mdw-ink="medium">format_italic</div>
26
- <div class="mdw-menu__text">Italic</div>
27
- <div class="mdw-menu__info">⌘I</div>
28
- </div>
29
- <div class="mdw-menu__item">
30
- <div class="mdw-menu__icon mdw-theme material-icons" mdw-ink="medium">format_underline</div>
31
- <div class="mdw-menu__text">Underline</div>
32
- <div class="mdw-menu__info">⌘U</div>
33
- </div>
34
- <div class="mdw-divider mdw-theme" mdw-ink="divider"></div>
35
- <div class="mdw-menu__item" aria-checked="true">
36
- <div class="mdw-menu__check mdw-theme material-icons" mdw-ink="medium">check</div>
37
- <div class="mdw-menu__text">Flights</div>
38
- </div>
39
- <div class="mdw-menu__item">
40
- <div class="mdw-menu__check mdw-theme material-icons" mdw-ink="medium">check</div>
41
- <div class="mdw-menu__text">Apps</div>
42
- </div>
43
- </div>
44
- </div>
45
- </div>
46
- </div>
47
- </div>
48
- </div>
49
- </div>
50
- <div class="mdw-grid__item" mdw-colspan="8">
51
- <div class="mdw-grid__content">
52
- <div class="mdw-type" mdw-style="subtitle">Javascript</div>
53
- <div class="docs-option-list">
54
- <%~ includeFile(T, { selection: { ink:'secondary', name:'javascript', type:'radio', value:'required', checked:true, text:'Required' }}) %>
55
- <%~ includeFile(T, { selection: { ink:'secondary', name:'javascript', type:'radio', value:'optional', text:'Optional' }}) %>
56
- <%~ includeFile(T, { selection: { ink:'secondary', name:'javascript', type:'radio', value:'none' , text:'None' }}) %>
57
- </div>
58
- <div class="mdw-type" mdw-style="subtitle">Vertical Position</div>
59
- <div class="docs-option-list">
60
- <%~ includeFile(T, { selection: { ink:'secondary', name:'vposition', type:'radio', value:'auto', checked:true, text:'Auto' }}) %>
61
- <%~ includeFile(T, { selection: { ink:'secondary', name:'vposition', type:'radio', value:'bottom', text:'Bottom' }}) %>
62
- <%~ includeFile(T, { selection: { ink:'secondary', name:'vposition', type:'radio', value:'top' , text:'Top' }}) %>
63
- <%~ includeFile(T, { selection: { ink:'secondary', name:'vposition', type:'radio', value:'vcenter' , text:'Center' }}) %>
64
- </div>
65
- <div class="mdw-type" mdw-style="subtitle">Horizontal Position</div>
66
- <div class="docs-option-list">
67
- <%~ includeFile(T, { selection: { ink:'secondary', name:'hposition', type:'radio', value:'auto', checked:true, text:'Auto' }}) %>
68
- <%~ includeFile(T, { selection: { ink:'secondary', name:'hposition', type:'radio', value:'start', text:'Start' }}) %>
69
- <%~ includeFile(T, { selection: { ink:'secondary', name:'hposition', type:'radio', value:'end' , text:'End' }}) %>
70
- <%~ includeFile(T, { selection: { ink:'secondary', name:'hposition', type:'radio', value:'left' , text:'Left' }}) %>
71
- <%~ includeFile(T, { selection: { ink:'secondary', name:'hposition', type:'radio', value:'right' , text:'Right' }}) %>
72
- <%~ includeFile(T, { selection: { ink:'secondary', name:'hposition', type:'radio', value:'hcenter' , text:'Center' }}) %>
73
- </div>
74
- <div class="mdw-type" mdw-style="subtitle">Vertical Direction</div>
75
- <div class="docs-option-list">
76
- <%~ includeFile(T, { selection: { ink:'secondary', name:'vdirection', type:'radio', value:'auto', checked:true, text:'Auto' }}) %>
77
- <%~ includeFile(T, { selection: { ink:'secondary', name:'vdirection', type:'radio', value:'down', text:'Down' }}) %>
78
- <%~ includeFile(T, { selection: { ink:'secondary', name:'vdirection', type:'radio', value:'up' , text:'Up' }}) %>
79
- <%~ includeFile(T, { selection: { ink:'secondary', name:'vdirection', type:'radio', value:'vcenter' , text:'Center' }}) %>
80
- </div>
81
- <div class="mdw-type" mdw-style="subtitle">Horizontal Direction</div>
82
- <div class="docs-option-list">
83
- <%~ includeFile(T, { selection: { ink:'secondary', name:'hdirection', type:'radio', value:'auto', checked:true, text:'Auto' }}) %>
84
- <%~ includeFile(T, { selection: { ink:'secondary', name:'hdirection', type:'radio', value:'normal', text:'Normal' }}) %>
85
- <%~ includeFile(T, { selection: { ink:'secondary', name:'hdirection', type:'radio', value:'reverse' , text:'Reverse' }}) %>
86
- <%~ includeFile(T, { selection: { ink:'secondary', name:'hdirection', type:'radio', value:'ltr', text:'Left-to-Right' }}) %>
87
- <%~ includeFile(T, { selection: { ink:'secondary', name:'hdirection', type:'radio', value:'rtl' , text:'Right-to-Left' }}) %>
88
- <%~ includeFile(T, { selection: { ink:'secondary', name:'hdirection', type:'radio', value:'hcenter' , text:'Center' }}) %>
89
- </div>
90
- <div class="mdw-type" mdw-style="subtitle">Width Units</div>
91
- <div class="docs-option-list">
92
- <%~ includeFile(T, { selection: { ink:'secondary', name:'width', type:'radio', value:'auto', checked:true, text:'Auto' }}) %>
93
- <%~ includeFile(T, { selection: { ink:'secondary', name:'width', type:'radio', value:'3' , text:'3' }}) %>
94
- <%~ includeFile(T, { selection: { ink:'secondary', name:'width', type:'radio', value:'4' , text:'4' }}) %>
95
- <%~ includeFile(T, { selection: { ink:'secondary', name:'width', type:'radio', value:'5' , text:'5' }}) %>
96
- <%~ includeFile(T, { selection: { ink:'secondary', name:'width', type:'radio', value:'6' , text:'6' }}) %>
97
- <%~ includeFile(T, { selection: { ink:'secondary', name:'width', type:'radio', value:'7' , text:'7' }}) %>
98
- </div>
99
- </div>
100
- </div>
101
- <div class="mdw-grid__item" mdw-colspan="100%" style="max-height:0;"></div>
102
- <div class="mdw-grid__item" mdw-colspan="6">
103
- <div class="mdw-grid__content">
104
- <h6 class="mdw-type">HTML Code</h6>
105
- <div class="mdw-card mdw-theme component-code component-html" mdw-surface="card" mdw-border-ink></div>
106
- </div>
107
- </div>
108
- <div class="mdw-grid__item" mdw-colspan="6">
109
- <div class="mdw-grid__content">
110
- <h6 class="mdw-type">Javascript Code</h6>
111
- <div class="mdw-card mdw-theme component-code component-js" mdw-surface="card" mdw-border-ink></div>
112
- </div>
113
- </div>
114
- <div class="mdw-grid__item" mdw-colspan="100%">
115
- <h6 class="mdw-type">Samples</h6>
116
- </div>
117
- <div class="mdw-grid__item display-flex" mdw-colspan="4" flex-justify-content="center">
118
- <div class="mdw-grid__content">
119
- <div class="render-fill">
120
- <%~ includeFile('../_partials/_androidstatusbar.eta', { surface:'primary 700', dark:true }) %>
121
- <div class="mdw-appbar mdw-theme" mdw-surface="primary 500" mdw-dark>
122
- <div class="mdw-appbar__action">
123
- <div class="mdw-appbar__start">
124
- <div class="mdw-tooltip__wrapper">
125
- <%~ includeFile(T, { button: { icon:true, class:'mdw-tooltip__target material-icons', text:'menu' }}) %>
126
- <div class="mdw-tooltip mdw-theme" mdw-surface="background 700" mdw-dark>Menu</div>
127
- </div>
128
- </div>
129
- <div class="mdw-appbar__end">
130
- <div class="mdw-tooltip__wrapper mdw-menu__wrapper">
131
- <%~ includeFile(T, { button: { icon:true, class:'mdw-tooltip__target material-icons', href:"#moremenu", text:'more_vert' }}) %>
132
- <div class="mdw-tooltip mdw-theme mdw-tooltip" mdw-surface="background 700" mdw-dark>Options</div>
133
- <div class="mdw-menu" id="moremenu" mdw-direction="reverse" mdw-position="end" mdw-width-units="3">
134
- <a class="mdw-menu__close" href="#"></a>
135
- <div class="mdw-menu__popup mdw-theme" mdw-surface="card">
136
- <div class="mdw-menu__text">Refresh</div>
137
- <div class="mdw-menu__text">Settings</div>
138
- <div class="mdw-menu__text">Send feedback</div>
139
- <div class="mdw-menu__text">Help</div>
140
- <div class="mdw-menu__text">Signout</div>
141
- </div>
142
- </div>
143
- </div>
144
- </div>
145
- </div>
146
- </div>
147
- <div class="content" style="padding:16px 8px;">
148
- <div class="mdw-menu__wrapper">
149
- <%~ includeFile(T, { button: { surface:'primary 500', dark:true, raised:true, href:'#textmenu' , id:'textmenu-button', text:'Text' }}) %>
150
- <div class="mdw-menu" id="textmenu">
151
- <a class="mdw-menu__close" href="#textmenu-button"></a>
152
- <div class="mdw-menu__popup mdw-theme" mdw-surface="card">
153
- <div class="mdw-menu__item mdw-overlay mdw-ripple">Maps</div>
154
- <div class="mdw-menu__item mdw-overlay mdw-ripple">Books</div>
155
- <div class="mdw-menu__item mdw-overlay mdw-ripple">Flights</div>
156
- <div class="mdw-menu__item mdw-overlay mdw-ripple">Apps</div>
157
- </div>
158
- </div>
159
- </div>
160
- <div class="mdw-menu__wrapper">
161
- <%~ includeFile(T, { button: { surface:'primary 500', dark:true, raised:true, href:"#checkmenu" , id:'checkmenu-button', text:'Checks' }}) %>
162
- <div class="mdw-menu" id="checkmenu">
163
- <a class="mdw-menu__close" href="#checkmenu-button"></a>
164
- <div class="mdw-menu__popup mdw-theme" mdw-surface="card">
165
- <div class="mdw-menu__item mdw-overlay mdw-ripple">
166
- <div class="mdw-menu__check mdw-theme material-icons" mdw-ink="medium">check</div>
167
- <div class="mdw-menu__text">Maps</div>
168
- </div>
169
- <div class="mdw-menu__item mdw-overlay mdw-ripple" aria-checked="true">
170
- <div class="mdw-menu__check mdw-theme material-icons" mdw-ink="medium">check</div>
171
- <div class="mdw-menu__text">Books</div>
172
- </div>
173
- <div class="mdw-menu__item mdw-overlay mdw-ripple" aria-checked="true">
174
- <div class="mdw-menu__check mdw-theme material-icons" mdw-ink="medium">check</div>
175
- <div class="mdw-menu__text">Flights</div>
176
- </div>
177
- <div class="mdw-menu__item mdw-overlay mdw-ripple">
178
- <div class="mdw-menu__check mdw-theme material-icons" mdw-ink="medium">check</div>
179
- <div class="mdw-menu__text">Apps</div>
180
- </div>
181
- </div>
182
- </div>
183
- </div>
184
- <div style="height:400px;"></div>
185
- <div class="mdw-menu__wrapper">
186
- <%~ includeFile(T, { button: { surface:'primary 500', dark:true, raised:true, href:"#infomenu" , id:'infomenu-button', text:'Info' }}) %>
187
- <div class="mdw-menu" id="infomenu" mdw-width-units="4" mdw-direction="up" mdw-position="top">
188
- <a class="mdw-menu__close" href="#infomenu-button"></a>
189
- <div class="mdw-menu__popup mdw-theme" mdw-surface="card">
190
- <div class="mdw-menu__item mdw-overlay mdw-ripple" aria-disabled="true">
191
- <div class="mdw-menu__check mdw-theme material-icons" mdw-ink="medium">check</div>
192
- <div class="mdw-menu__text">Bold</div>
193
- <div class="mdw-menu__info">⌘B</div>
194
- </div>
195
- <div class="mdw-menu__item mdw-overlay mdw-ripple" aria-checked="true">
196
- <div class="mdw-menu__check mdw-theme material-icons" mdw-ink="medium">check</div>
197
- <div class="mdw-menu__text">Italic</div>
198
- <div class="mdw-menu__info">⌘I</div>
199
- </div>
200
- <div class="mdw-menu__item mdw-overlay mdw-ripple" aria-checked="true">
201
- <div class="mdw-menu__check mdw-theme material-icons" mdw-ink="medium">check</div>
202
- <div class="mdw-menu__text">Underline</div>
203
- <div class="mdw-menu__info">⌘U</div>
204
- </div>
205
- <div class="mdw-divider mdw-theme" mdw-ink="divider"></div>
206
- <div class="mdw-menu__item mdw-overlay mdw-ripple" aria-checked="true">
207
- <div class="mdw-menu__check mdw-theme material-icons" mdw-ink="medium">check</div>
208
- <div class="mdw-menu__text">Flights</div>
209
- </div>
210
- <div class="mdw-menu__item mdw-overlay mdw-ripple">
211
- <div class="mdw-menu__check mdw-theme material-icons" mdw-ink="medium">check</div>
212
- <div class="mdw-menu__text">Apps</div>
213
- </div>
214
- </div>
215
- </div>
216
- </div>
217
- <div class="mdw-menu__wrapper">
218
- <%~ includeFile(T, { button: { surface:'primary 500', dark:true, raised:true, href:"#iconmenu" , id:'iconmenu-button', text:'Icons' }}) %>
219
- <div class="mdw-menu" id="iconmenu" mdw-width-units="4" mdw-direction="up" mdw-position="top">
220
- <a class="mdw-menu__close" href="#iconmenu-button"></a>
221
- <div class="mdw-menu__popup mdw-theme" mdw-surface="card">
222
- <div class="mdw-menu__item mdw-overlay mdw-ripple">
223
- <div class="mdw-menu__icon mdw-theme material-icons" mdw-ink="medium">format_bold</div>
224
- <div class="mdw-menu__text">Bold</div>
225
- <div class="mdw-menu__info">⌘B</div>
226
- </div>
227
- <div class="mdw-menu__item mdw-overlay mdw-ripple">
228
- <div class="mdw-menu__icon mdw-theme material-icons" mdw-ink="medium">format_italic</div>
229
- <div class="mdw-menu__text">Italic</div>
230
- <div class="mdw-menu__info">⌘I</div>
231
- </div>
232
- <div class="mdw-menu__item mdw-overlay mdw-ripple">
233
- <div class="mdw-menu__icon mdw-theme material-icons" mdw-ink="medium">format_underline</div>
234
- <div class="mdw-menu__text">Underline</div>
235
- <div class="mdw-menu__info">⌘U</div>
236
- </div>
237
- </div>
238
- </div>
239
- </div>
240
- <div class="mdw-menu__wrapper js">
241
- <%~ includeFile(T, { button: { surface:'primary 500', dark:true, raised: true , text:'JS' }}) %>
242
- <div class="mdw-menu" mdw-width-units="4" mdw-direction="reverse">
243
- <div class="mdw-menu__popup mdw-theme" mdw-surface="card">
244
- <div class="mdw-menu__item">
245
- <div class="mdw-menu__icon mdw-theme material-icons" mdw-ink="medium">format_bold</div>
246
- <div class="mdw-menu__text">Bold</div>
247
- <div class="mdw-menu__info">⌘B</div>
248
- </div>
249
- <div class="mdw-menu__item" aria-disabled="true">
250
- <div class="mdw-menu__icon mdw-theme material-icons" mdw-ink="medium">format_italic</div>
251
- <div class="mdw-menu__text">Italic</div>
252
- <div class="mdw-menu__info">⌘I</div>
253
- </div>
254
- <div class="mdw-menu__item">
255
- <div class="mdw-menu__icon mdw-theme material-icons" mdw-ink="medium">format_underline</div>
256
- <div class="mdw-menu__text">Underline</div>
257
- <div class="mdw-menu__info">⌘U</div>
258
- </div>
259
- <div class="mdw-divider mdw-theme" mdw-ink="divider"></div>
260
- <div class="mdw-menu__item" aria-checked="true">
261
- <div class="mdw-menu__check mdw-theme material-icons" mdw-ink="medium">check</div>
262
- <div class="mdw-menu__text">Flights</div>
263
- </div>
264
- <div class="mdw-menu__item">
265
- <div class="mdw-menu__check mdw-theme material-icons" mdw-ink="medium">check</div>
266
- <div class="mdw-menu__text">Apps</div>
267
- </div>
268
- </div>
269
- </div>
270
- </div>
271
- </div>
272
- </div>
273
- </div>
274
- </div>
275
- </div>
276
- <script src="menu.min.js"></script>