@shortfuse/materialdesignweb 0.2.0 → 0.5.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 (416) hide show
  1. package/.browserslistrc +2 -1
  2. package/.eslintrc.json +188 -30
  3. package/.stylelintrc.json +643 -2
  4. package/.vscode/launch.json +20 -5
  5. package/.vscode/settings.json +3 -0
  6. package/CHANGELOG.md +36 -0
  7. package/README.md +82 -2
  8. package/adapters/datatable/column.js +176 -0
  9. package/adapters/datatable/index.js +253 -437
  10. package/adapters/dom/index.js +586 -0
  11. package/adapters/list/index.js +36 -113
  12. package/adapters/search/index.js +153 -180
  13. package/components/appbar/_spec.scss +165 -0
  14. package/components/appbar/_theme.scss +0 -0
  15. package/components/appbar/index.scss +2 -0
  16. package/components/banner/_spec.scss +83 -0
  17. package/components/banner/_theme.scss +0 -0
  18. package/components/banner/index.scss +2 -0
  19. package/components/bottomnav/README.md +4 -4
  20. package/components/bottomnav/_spec.scss +149 -0
  21. package/components/bottomnav/_theme.scss +0 -0
  22. package/components/bottomnav/index.js +100 -120
  23. package/components/bottomnav/index.scss +2 -0
  24. package/components/bottomnav/item.js +88 -0
  25. package/components/button/README.md +16 -22
  26. package/components/button/_spec.scss +162 -0
  27. package/components/button/_theme.scss +42 -0
  28. package/components/button/index.eta +32 -0
  29. package/components/button/index.js +37 -48
  30. package/components/button/index.pug +18 -0
  31. package/components/button/index.scss +2 -0
  32. package/components/card/_spec.scss +241 -0
  33. package/components/card/_theme.scss +0 -0
  34. package/components/card/index.scss +2 -0
  35. package/components/chip/_spec.scss +111 -0
  36. package/components/chip/_theme.scss +105 -0
  37. package/components/chip/index.js +23 -0
  38. package/components/chip/index.scss +2 -0
  39. package/components/chip/item.js +20 -0
  40. package/components/datatable/_spec.scss +225 -0
  41. package/components/datatable/_theme.scss +128 -0
  42. package/components/datatable/cell.js +44 -0
  43. package/components/datatable/columnheader.js +46 -0
  44. package/components/datatable/index.js +339 -443
  45. package/components/datatable/index.scss +2 -0
  46. package/components/datatable/row.js +48 -0
  47. package/components/datatable/rowheader.js +18 -0
  48. package/components/dialog/_spec.scss +203 -0
  49. package/components/dialog/_theme.scss +7 -0
  50. package/components/dialog/index.js +512 -437
  51. package/components/dialog/index.scss +2 -0
  52. package/components/divider/_spec.scss +11 -0
  53. package/components/divider/_theme.scss +0 -0
  54. package/components/divider/index.scss +2 -0
  55. package/components/elevation/_spec.scss +9 -0
  56. package/components/elevation/_theme.scss +0 -0
  57. package/components/elevation/index.scss +2 -0
  58. package/components/fab/{style.scss → _spec.scss} +104 -79
  59. package/components/fab/_theme.scss +0 -0
  60. package/components/fab/index.js +85 -79
  61. package/components/fab/index.scss +2 -0
  62. package/components/grid/_spec.scss +169 -0
  63. package/components/grid/_theme.scss +0 -0
  64. package/components/grid/index.scss +2 -0
  65. package/components/layout/_mixins.scss +11 -0
  66. package/components/layout/_spec.scss +916 -0
  67. package/components/layout/_theme.scss +19 -0
  68. package/components/layout/index.js +454 -0
  69. package/components/layout/index.scss +2 -0
  70. package/components/list/_spec.scss +363 -0
  71. package/components/list/_theme.scss +102 -0
  72. package/components/list/content.js +106 -0
  73. package/components/list/index.js +234 -79
  74. package/components/list/index.scss +2 -0
  75. package/components/list/item.js +167 -0
  76. package/components/list/secondary.js +45 -0
  77. package/components/menu/_spec.scss +329 -0
  78. package/components/menu/_theme.scss +0 -0
  79. package/components/menu/index.js +636 -651
  80. package/components/menu/index.scss +2 -0
  81. package/components/menu/item.js +231 -0
  82. package/components/progress/_spec.scss +156 -0
  83. package/components/progress/_theme.scss +0 -0
  84. package/components/progress/index.js +29 -13
  85. package/components/progress/index.scss +2 -0
  86. package/components/selection/_spec.scss +376 -0
  87. package/components/selection/_theme.scss +134 -0
  88. package/components/selection/index.eta +60 -0
  89. package/components/selection/index.js +70 -0
  90. package/components/selection/index.pug +30 -0
  91. package/components/selection/index.scss +2 -0
  92. package/components/selection/input.js +54 -0
  93. package/components/selection/radiogroup.js +40 -0
  94. package/components/slider/{style.scss → _spec.scss} +31 -34
  95. package/components/slider/_theme.scss +0 -0
  96. package/components/slider/index.scss +2 -0
  97. package/components/snackbar/_spec.scss +150 -0
  98. package/components/snackbar/_theme.scss +0 -0
  99. package/components/snackbar/index.js +293 -206
  100. package/components/snackbar/index.scss +2 -0
  101. package/components/tab/_spec.scss +220 -0
  102. package/components/tab/_theme.scss +0 -0
  103. package/components/tab/content.js +210 -0
  104. package/components/tab/index.js +229 -213
  105. package/components/tab/index.scss +2 -0
  106. package/components/tab/item.js +88 -0
  107. package/components/tab/list.js +196 -0
  108. package/components/tab/panel.js +54 -0
  109. package/components/textfield/README.md +4 -4
  110. package/components/textfield/_spec.scss +763 -0
  111. package/components/textfield/_theme.scss +264 -0
  112. package/components/textfield/index.eta +74 -0
  113. package/components/textfield/index.js +132 -138
  114. package/components/textfield/index.pug +30 -0
  115. package/components/textfield/index.scss +2 -0
  116. package/components/tooltip/_spec.scss +185 -0
  117. package/components/tooltip/_theme.scss +0 -0
  118. package/components/tooltip/index.scss +2 -0
  119. package/components/type/_spec.scss +227 -0
  120. package/components/type/_theme.scss +0 -0
  121. package/components/type/index.scss +2 -0
  122. package/core/_breakpoint.scss +189 -0
  123. package/core/_elevation.scss +78 -0
  124. package/core/_length.scss +8 -0
  125. package/core/_motion.scss +31 -0
  126. package/core/_platform.scss +12 -0
  127. package/core/_type.scss +128 -0
  128. package/core/aria/attributes.js +141 -0
  129. package/core/aria/button.js +49 -0
  130. package/core/aria/keyboard.js +92 -0
  131. package/core/aria/rovingtabindex.js +175 -0
  132. package/core/aria/tab.js +59 -0
  133. package/core/document/index.js +39 -0
  134. package/core/dom.js +180 -0
  135. package/core/overlay/_spec.scss +28 -0
  136. package/core/overlay/_theme.scss +147 -0
  137. package/core/overlay/index.js +95 -0
  138. package/core/overlay/index.scss +2 -0
  139. package/core/ripple/_spec.scss +196 -0
  140. package/core/ripple/_theme.scss +20 -0
  141. package/core/ripple/index.js +286 -0
  142. package/core/ripple/index.scss +2 -0
  143. package/core/theme/_aliases.scss +15 -0
  144. package/core/theme/_config.scss +8 -0
  145. package/core/theme/_functions.scss +22 -0
  146. package/{components/theming/palettes.scss → core/theme/_palettes.scss} +173 -151
  147. package/core/theme/_spec.scss +0 -0
  148. package/core/theme/_theme.scss +268 -0
  149. package/core/theme/index.js +50 -0
  150. package/core/theme/index.scss +4 -0
  151. package/core/throttler.js +42 -0
  152. package/core/transition/index.js +465 -0
  153. package/docs/_flex.scss +28 -0
  154. package/docs/_menuoptions.js +183 -0
  155. package/docs/_partials/_androidnavbar.eta +5 -0
  156. package/docs/_partials/_androidstatusbar.eta +13 -0
  157. package/docs/_partials/_appbar.eta +27 -0
  158. package/docs/_partials/_buttontest.eta +31 -0
  159. package/docs/_partials/_header.eta +146 -0
  160. package/docs/_partials/_navlistitem.eta +16 -0
  161. package/docs/_partials/_target.eta +1 -0
  162. package/docs/_sample-utils.js +88 -0
  163. package/docs/{src/storage.js → _storage.js} +0 -0
  164. package/docs/docs.scss +331 -0
  165. package/docs/framework.scss +26 -0
  166. package/docs/index.eta +12 -0
  167. package/docs/index.js +7 -0
  168. package/docs/pages/appbar.eta +108 -0
  169. package/docs/pages/appbar.js +0 -0
  170. package/docs/pages/bottomnav.eta +188 -0
  171. package/docs/pages/bottomnav.js +118 -0
  172. package/docs/pages/button.eta +124 -0
  173. package/docs/pages/button.js +224 -0
  174. package/docs/pages/card.eta +90 -0
  175. package/docs/pages/card.js +175 -0
  176. package/docs/pages/chip.eta +122 -0
  177. package/docs/pages/chip.js +80 -0
  178. package/docs/pages/color.eta +143 -0
  179. package/docs/pages/color.js +261 -0
  180. package/docs/pages/datatable.eta +323 -0
  181. package/docs/pages/datatable.js +160 -0
  182. package/docs/pages/dialog.eta +184 -0
  183. package/docs/{src/components → pages}/dialog.js +35 -48
  184. package/docs/pages/dom.eta +26 -0
  185. package/docs/pages/dom.js +140 -0
  186. package/docs/pages/elevation.eta +35 -0
  187. package/docs/pages/elevation.js +0 -0
  188. package/docs/pages/fab.eta +99 -0
  189. package/docs/{src/components → pages}/fab.js +6 -13
  190. package/docs/pages/grid.eta +135 -0
  191. package/docs/pages/grid.js +128 -0
  192. package/docs/pages/layout.eta +8 -0
  193. package/docs/pages/layout.js +0 -0
  194. package/docs/pages/list.eta +465 -0
  195. package/docs/pages/list.js +8 -0
  196. package/docs/pages/menu.eta +274 -0
  197. package/docs/{src/components → pages}/menu.js +26 -42
  198. package/docs/pages/overlay.eta +69 -0
  199. package/docs/pages/overlay.js +3 -0
  200. package/docs/pages/progress.eta +23 -0
  201. package/docs/{src/components → pages}/progress.js +2 -4
  202. package/docs/pages/ripple.eta +27 -0
  203. package/docs/pages/ripple.js +3 -0
  204. package/docs/pages/search.eta +242 -0
  205. package/docs/pages/search.js +226 -0
  206. package/docs/pages/selection.eta +107 -0
  207. package/docs/pages/selection.js +12 -0
  208. package/docs/pages/slider.eta +23 -0
  209. package/docs/pages/slider.js +0 -0
  210. package/docs/pages/snackbar.eta +83 -0
  211. package/docs/{src/components → pages}/snackbar.js +31 -36
  212. package/docs/pages/tab.eta +407 -0
  213. package/docs/pages/tab.js +152 -0
  214. package/docs/pages/textfield.eta +487 -0
  215. package/docs/{src/components → pages}/textfield.js +41 -45
  216. package/docs/pages/tooltip.eta +92 -0
  217. package/docs/pages/tooltip.js +0 -0
  218. package/docs/pages/transition.eta +117 -0
  219. package/docs/pages/transition.js +52 -0
  220. package/docs/pages/type.eta +31 -0
  221. package/docs/pages/type.js +0 -0
  222. package/docs/postrender.js +41 -0
  223. package/docs/prerender.js +16 -0
  224. package/docs/pwa/_dialogs.eta +143 -0
  225. package/docs/pwa/_menus.eta +16 -0
  226. package/docs/pwa/pwa-prerender.js +3 -0
  227. package/docs/pwa/pwa.eta +478 -0
  228. package/docs/pwa/pwa.js +298 -0
  229. package/docs/pwa/pwa.scss +31 -0
  230. package/docs/themes/theme-colored.scss +15 -0
  231. package/docs/themes/theme-default.scss +3 -0
  232. package/index.scss +27 -0
  233. package/jsconfig.json +8 -2
  234. package/package.json +54 -27
  235. package/scripts/deploy-docs.sh +9 -0
  236. package/templates/index.eta +2 -0
  237. package/templates/index.pug +3 -0
  238. package/tsconfig.json +16 -0
  239. package/utils/function.js +3 -0
  240. package/webpack.config.js +224 -68
  241. package/_index.scss +0 -4
  242. package/components/all-components.scss +0 -21
  243. package/components/bottomnav/style.scss +0 -190
  244. package/components/bottomnav/theming.scss +0 -76
  245. package/components/button/style.scss +0 -315
  246. package/components/button/theming.scss +0 -134
  247. package/components/card/style.scss +0 -175
  248. package/components/card/theming.scss +0 -43
  249. package/components/common/dom.js +0 -51
  250. package/components/common/functions.scss +0 -174
  251. package/components/common/mixins.scss +0 -122
  252. package/components/common/motion.scss +0 -36
  253. package/components/common/type.scss +0 -104
  254. package/components/common/variables.scss +0 -46
  255. package/components/datatable/style.scss +0 -257
  256. package/components/datatable/theming.scss +0 -119
  257. package/components/dialog/style.scss +0 -159
  258. package/components/dialog/theming.scss +0 -29
  259. package/components/divider/style.scss +0 -7
  260. package/components/divider/theming.scss +0 -20
  261. package/components/elevation/style.scss +0 -32
  262. package/components/layout/style.scss +0 -223
  263. package/components/list/style.scss +0 -358
  264. package/components/list/theming.scss +0 -83
  265. package/components/menu/style.scss +0 -280
  266. package/components/menu/theming.scss +0 -80
  267. package/components/navdrawer/index.js +0 -200
  268. package/components/navdrawer/style.scss +0 -595
  269. package/components/navdrawer/theming.scss +0 -62
  270. package/components/progress/style.scss +0 -136
  271. package/components/ripple/index.js +0 -63
  272. package/components/ripple/ripple.scss +0 -122
  273. package/components/selection/style.scss +0 -320
  274. package/components/selection/theming.scss +0 -98
  275. package/components/snackbar/style.scss +0 -212
  276. package/components/switch/style.scss +0 -3
  277. package/components/tab/style.scss +0 -275
  278. package/components/tab/theming.scss +0 -34
  279. package/components/template/theming.scss +0 -31
  280. package/components/textfield/style.scss +0 -795
  281. package/components/textfield/theming.scss +0 -256
  282. package/components/theming/globals.scss +0 -25
  283. package/components/theming/theming.scss +0 -559
  284. package/components/toolbar/style.scss +0 -190
  285. package/components/toolbar/theming.scss +0 -32
  286. package/components/tooltip/style.scss +0 -135
  287. package/components/type/style.scss +0 -167
  288. package/components/type/theming.scss +0 -25
  289. package/docs/bottomnav.html +0 -1
  290. package/docs/bottomnav.min.js +0 -2
  291. package/docs/bottomnav.min.js.map +0 -1
  292. package/docs/button.html +0 -1
  293. package/docs/button.min.js +0 -2
  294. package/docs/button.min.js.map +0 -1
  295. package/docs/card.html +0 -1
  296. package/docs/card.min.js +0 -2
  297. package/docs/card.min.js.map +0 -1
  298. package/docs/components.min.css +0 -1
  299. package/docs/components.min.js +0 -2
  300. package/docs/components.min.js.map +0 -1
  301. package/docs/datatable.html +0 -1
  302. package/docs/datatable.min.js +0 -2
  303. package/docs/datatable.min.js.map +0 -1
  304. package/docs/dialog.html +0 -1
  305. package/docs/dialog.min.js +0 -2
  306. package/docs/dialog.min.js.map +0 -1
  307. package/docs/docs.min.css +0 -1
  308. package/docs/docs.min.js +0 -2
  309. package/docs/docs.min.js.map +0 -1
  310. package/docs/elevation.html +0 -1
  311. package/docs/elevation.min.js +0 -2
  312. package/docs/elevation.min.js.map +0 -1
  313. package/docs/fab.html +0 -1
  314. package/docs/fab.min.js +0 -2
  315. package/docs/fab.min.js.map +0 -1
  316. package/docs/index.html +0 -1
  317. package/docs/index.min.js +0 -2
  318. package/docs/index.min.js.map +0 -1
  319. package/docs/layout.html +0 -1
  320. package/docs/layout.min.js +0 -2
  321. package/docs/layout.min.js.map +0 -1
  322. package/docs/list.html +0 -1
  323. package/docs/list.min.js +0 -2
  324. package/docs/list.min.js.map +0 -1
  325. package/docs/menu.html +0 -1
  326. package/docs/menu.min.js +0 -2
  327. package/docs/menu.min.js.map +0 -1
  328. package/docs/navdrawer.html +0 -1
  329. package/docs/navdrawer.min.js +0 -2
  330. package/docs/navdrawer.min.js.map +0 -1
  331. package/docs/prerender.min.js +0 -2
  332. package/docs/prerender.min.js.map +0 -1
  333. package/docs/progress.html +0 -1
  334. package/docs/progress.min.js +0 -2
  335. package/docs/progress.min.js.map +0 -1
  336. package/docs/search.html +0 -1
  337. package/docs/search.min.js +0 -2
  338. package/docs/search.min.js.map +0 -1
  339. package/docs/selection.html +0 -1
  340. package/docs/selection.min.js +0 -2
  341. package/docs/selection.min.js.map +0 -1
  342. package/docs/slider.html +0 -1
  343. package/docs/slider.min.js +0 -2
  344. package/docs/slider.min.js.map +0 -1
  345. package/docs/snackbar.html +0 -1
  346. package/docs/snackbar.min.js +0 -2
  347. package/docs/snackbar.min.js.map +0 -1
  348. package/docs/src/components/bottomnav.js +0 -16
  349. package/docs/src/components/bottomnav.pug +0 -112
  350. package/docs/src/components/button.js +0 -156
  351. package/docs/src/components/button.pug +0 -194
  352. package/docs/src/components/card.js +0 -136
  353. package/docs/src/components/card.pug +0 -133
  354. package/docs/src/components/datatable.js +0 -183
  355. package/docs/src/components/datatable.pug +0 -324
  356. package/docs/src/components/dialog.pug +0 -138
  357. package/docs/src/components/elevation.js +0 -3
  358. package/docs/src/components/elevation.pug +0 -17
  359. package/docs/src/components/fab.pug +0 -84
  360. package/docs/src/components/layout.js +0 -116
  361. package/docs/src/components/layout.pug +0 -104
  362. package/docs/src/components/list.js +0 -15
  363. package/docs/src/components/list.pug +0 -293
  364. package/docs/src/components/menu.pug +0 -292
  365. package/docs/src/components/navdrawer.js +0 -112
  366. package/docs/src/components/navdrawer.pug +0 -113
  367. package/docs/src/components/progress.pug +0 -17
  368. package/docs/src/components/search.js +0 -206
  369. package/docs/src/components/search.pug +0 -149
  370. package/docs/src/components/selection.js +0 -6
  371. package/docs/src/components/selection.pug +0 -116
  372. package/docs/src/components/slider.js +0 -3
  373. package/docs/src/components/slider.pug +0 -19
  374. package/docs/src/components/snackbar.pug +0 -145
  375. package/docs/src/components/tab.js +0 -137
  376. package/docs/src/components/tab.pug +0 -329
  377. package/docs/src/components/textfield.pug +0 -416
  378. package/docs/src/components/toolbar.js +0 -6
  379. package/docs/src/components/toolbar.pug +0 -86
  380. package/docs/src/components/tooltip.js +0 -6
  381. package/docs/src/components/tooltip.pug +0 -76
  382. package/docs/src/components/type.js +0 -6
  383. package/docs/src/components/type.pug +0 -34
  384. package/docs/src/components.scss +0 -1
  385. package/docs/src/docs.scss +0 -284
  386. package/docs/src/index.js +0 -3
  387. package/docs/src/index.pug +0 -6
  388. package/docs/src/menuoptions.js +0 -136
  389. package/docs/src/mixins.pug +0 -139
  390. package/docs/src/prerender.js +0 -26
  391. package/docs/src/sample-utils.js +0 -108
  392. package/docs/src/targetHandler.js +0 -50
  393. package/docs/src/theming.ie11.scss +0 -18
  394. package/docs/src/theming.scss +0 -18
  395. package/docs/tab.html +0 -1
  396. package/docs/tab.min.js +0 -2
  397. package/docs/tab.min.js.map +0 -1
  398. package/docs/textfield.html +0 -2
  399. package/docs/textfield.min.js +0 -2
  400. package/docs/textfield.min.js.map +0 -1
  401. package/docs/theming.ie11.min.css +0 -1
  402. package/docs/theming.ie11.min.js +0 -2
  403. package/docs/theming.ie11.min.js.map +0 -1
  404. package/docs/theming.min.css +0 -1
  405. package/docs/theming.min.js +0 -2
  406. package/docs/theming.min.js.map +0 -1
  407. package/docs/toolbar.html +0 -1
  408. package/docs/toolbar.min.js +0 -2
  409. package/docs/toolbar.min.js.map +0 -1
  410. package/docs/tooltip.html +0 -1
  411. package/docs/tooltip.min.js +0 -2
  412. package/docs/tooltip.min.js.map +0 -1
  413. package/docs/type.html +0 -1
  414. package/docs/type.min.js +0 -2
  415. package/docs/type.min.js.map +0 -1
  416. package/index.js +0 -16
package/docs/pwa/_dialogs.eta ADDED
@@ -0,0 +1,143 @@
1
+ <% var T = '../../templates/index.eta' %>
2
+ <div class="mdw-dialog" id="dialog-alert" mdw-width-units="5">
3
+ <div class="mdw-dialog__popup mdw-theme" mdw-surface="card">
4
+ <div class="mdw-dialog__title">Alert Dialog</div>
5
+ <div class="mdw-dialog__body mdw-theme" mdw-ink="medium">Alert dialog body text.</div>
6
+ <div class="mdw-dialog__button-area">
7
+ <%~ includeFile(T, { button: { ink:'secondary', attributes:{'mdw-autofocus':true}, text:'OK' }}) %>
8
+ </div>
9
+ </div>
10
+ </div>
11
+ <div class="mdw-dialog" id="dialog-confirm" mdw-width-units="5">
12
+ <div class="mdw-dialog__popup mdw-theme" mdw-surface="card">
13
+ <div class="mdw-dialog__title">Confirm Dialog</div>
14
+ <div class="mdw-dialog__body mdw-theme" mdw-ink="medium">Confirm dialog body text.</div>
15
+ <div class="mdw-dialog__button-area">
16
+ <%~ includeFile(T, { button: { ink:'secondary', attributes:{'mdw-autofocus':true}, text:'Yes' }}) %>
17
+ <%~ includeFile(T, { button: { ink:'secondary', text:'No' }}) %>
18
+ </div>
19
+ </div>
20
+ </div>
21
+ <div class="mdw-dialog" id="dialog-autohide-options">
22
+ <div class="mdw-dialog__popup mdw-theme" mdw-surface="card">
23
+ <div class="mdw-dialog__header">
24
+ <div class="mdw-dialog__title">App Bar Auto Hide</div>
25
+ </div>
26
+ <ul class="mdw-dialog__scrolling mdw-list mdw-selection__radio-group" role="radiogroup">
27
+ <li class="mdw-list__item">
28
+ <a class="mdw-list__content mdw-selection" aria-checked="false" data-name="appbar-autohide" data-value="mobile">
29
+ <div class="mdw-list__text mdw-selection__label">
30
+ <div class="mdw-list__text-line">Mobile Only</div>
31
+ <div class="mdw-list__text-line mdw-theme" mdw-ink="medium">[mdw-autohide="mobile"]</div>
32
+ </div>
33
+ <div class="mdw-selection__icon mdw-theme" mdw-ink="secondary" mdw-radio></div>
34
+ </a>
35
+ </li>
36
+ <li class="mdw-list__item">
37
+ <a class="mdw-list__content mdw-selection" aria-checked="false" data-name="appbar-autohide" data-value="tablet">
38
+ <div class="mdw-list__text mdw-selection__label">
39
+ <div class="mdw-list__text-line">Tablet Only</div>
40
+ <div class="mdw-list__text-line mdw-theme" mdw-ink="medium">[mdw-autohide="tablet"]</div>
41
+ </div>
42
+ <div class="mdw-selection__icon mdw-theme" mdw-ink="secondary" mdw-radio></div>
43
+ </a>
44
+ </li>
45
+ <li class="mdw-list__item">
46
+ <a class="mdw-list__content mdw-selection" aria-checked="true" data-name="appbar-autohide" data-value="mobile tablet">
47
+ <div class="mdw-list__text mdw-selection__label">
48
+ <div class="mdw-list__text-line">Mobile and Tablet</div>
49
+ <div class="mdw-list__text-line mdw-theme" mdw-ink="medium">[mdw-autohide="mobile tablet"]</div>
50
+ </div>
51
+ <div class="mdw-selection__icon mdw-theme" mdw-ink="secondary" mdw-radio></div>
52
+ </a>
53
+ </li>
54
+ <li class="mdw-list__item">
55
+ <a class="mdw-list__content mdw-selection" aria-checked="false" data-name="appbar-autohide" data-value="">
56
+ <div class="mdw-list__text mdw-selection__label">
57
+ <div class="mdw-list__text-line">All Devices</div>
58
+ <div class="mdw-list__text-line mdw-theme" mdw-ink="medium">[mdw-autohide=""]</div>
59
+ </div>
60
+ <div class="mdw-selection__icon mdw-theme" mdw-ink="secondary" mdw-radio></div>
61
+ </a>
62
+ </li>
63
+ </ul>
64
+ <!-- While it is possible to close on CHECK_EVENT, this would cause accessibility issues for keyboard users-->
65
+ <div class="mdw-dialog__button-area">
66
+ <%~ includeFile(T, { button: { ink:'secondary', attributes:{'mdw-autofocus':true}, text:'Change' }}) %>
67
+ <%~ includeFile(T, { button: { ink:'secondary', text:'Keep' }}) %>
68
+ </div>
69
+ </div>
70
+ </div>
71
+ <div class="mdw-dialog" id="dialog-fabmobile-options">
72
+ <div class="mdw-dialog__popup mdw-theme" mdw-surface="card">
73
+ <div class="mdw-dialog__header">
74
+ <div class="mdw-dialog__title">Mobile Fab Option</div>
75
+ </div>
76
+ <ul class="mdw-dialog__scrolling mdw-list mdw-selection__radio-group" role="radiogroup">
77
+ <li class="mdw-list__item">
78
+ <a class="mdw-list__content mdw-selection" aria-checked="false" data-name="fab-mobile" data-value="">
79
+ <div class="mdw-selection__label mdw-list__text">
80
+ <div class="mdw-list__text-line">End</div>
81
+ <div class="mdw-list__text-line mdw-theme" mdw-ink="medium">[mdw-fab-mobile=""]</div>
82
+ </div>
83
+ <div class="mdw-selection__icon mdw-theme" mdw-ink="secondary" mdw-radio></div>
84
+ </a>
85
+ </li>
86
+ <li class="mdw-list__item">
87
+ <a class="mdw-list__content mdw-selection" aria-checked="true" data-name="fab-mobile" data-value="center">
88
+ <div class="mdw-selection__label mdw-list__text">
89
+ <div class="mdw-list__text-line">Center</div>
90
+ <div class="mdw-list__text-line mdw-theme" mdw-ink="medium">[mdw-fab-mobile="center"]</div>
91
+ </div>
92
+ <div class="mdw-selection__icon mdw-theme" mdw-ink="secondary" mdw-radio></div>
93
+ </a>
94
+ </li>
95
+ <li class="mdw-list__item">
96
+ <a class="mdw-list__content mdw-selection" aria-checked="false" data-name="fab-mobile" data-value="full">
97
+ <div class="mdw-selection__label mdw-list__text">
98
+ <div class="mdw-list__text-line">Full</div>
99
+ <div class="mdw-list__text-line mdw-theme" mdw-ink="medium">[mdw-fab-mobile="full"]</div>
100
+ </div>
101
+ <div class="mdw-selection__icon mdw-theme" mdw-ink="secondary" mdw-radio></div>
102
+ </a>
103
+ </li>
104
+ </ul>
105
+ <!-- While it is possible to close on CHECK_EVENT, this would cause accessibility issues for keyboard users-->
106
+ <div class="mdw-dialog__button-area">
107
+ <%~ includeFile(T, { button: { ink:'secondary', attributes:{'mdw-autofocus':true}, text:'Change' }}) %>
108
+ <%~ includeFile(T, { button: { ink:'secondary', text:'Keep' }}) %>
109
+ </div>
110
+ </div>
111
+ </div>
112
+ <div class="mdw-dialog" id="dialog-fabdesktop-options">
113
+ <div class="mdw-dialog__popup mdw-theme" mdw-surface="card">
114
+ <div class="mdw-dialog__header">
115
+ <div class="mdw-dialog__title">Mobile Fab Option</div>
116
+ </div>
117
+ <ul class="mdw-dialog__scrolling mdw-list mdw-selection__radio-group" role="radiogroup">
118
+ <li class="mdw-list__item">
119
+ <a class="mdw-list__content mdw-selection" aria-checked="true" data-name="fab-desktop" data-value="">
120
+ <div class="mdw-selection__label mdw-list__text">
121
+ <div class="mdw-list__text-line">End</div>
122
+ <div class="mdw-list__text-line mdw-theme" mdw-ink="medium">[fab-desktop=""]</div>
123
+ </div>
124
+ <div class="mdw-selection__icon mdw-theme" mdw-ink="secondary" mdw-radio></div>
125
+ </a>
126
+ </li>
127
+ <li class="mdw-list__item">
128
+ <a class="mdw-list__content mdw-selection" aria-checked="false" data-name="fab-desktop" data-value="appbar">
129
+ <div class="mdw-selection__label mdw-list__text">
130
+ <div class="mdw-list__text-line">App Bar</div>
131
+ <div class="mdw-list__text-line mdw-theme" mdw-ink="medium">[fab-desktop="appbar"]</div>
132
+ </div>
133
+ <div class="mdw-selection__icon mdw-theme" mdw-ink="secondary" mdw-radio></div>
134
+ </a>
135
+ </li>
136
+ </ul>
137
+ <!-- While it is possible to close on CHECK_EVENT, this would cause accessibility issues for keyboard users-->
138
+ <div class="mdw-dialog__button-area">
139
+ <%~ includeFile(T, { button: { ink:'secondary', attributes:{'mdw-autofocus':true}, text:'Change' }}) %>
140
+ <%~ includeFile(T, { button: { ink:'secondary', text:'Keep' }}) %>
141
+ </div>
142
+ </div>
143
+ </div>
package/docs/pwa/_menus.eta ADDED
@@ -0,0 +1,16 @@
1
+ <div class="mdw-menu" id="sample-menu" mdw-width-units="4">
2
+ <div class="mdw-menu__popup mdw-theme" mdw-surface="card">
3
+ <div class="mdw-menu__item" data-action="connect">
4
+ <div class="mdw-menu__icon mdw-theme material-icons" mdw-ink="medium">&#xE61D;</div>
5
+ <div class="mdw-menu__text">Connect</div>
6
+ </div>
7
+ <div class="mdw-menu__item" data-action="hold">
8
+ <div class="mdw-menu__icon mdw-theme material-icons" mdw-ink="medium">&#xE620;</div>
9
+ <div class="mdw-menu__text">Hold</div>
10
+ </div>
11
+ <div class="mdw-menu__item" data-action="disconnect">
12
+ <div class="mdw-menu__icon mdw-theme material-icons" mdw-ink="medium">&#xE0B1;</div>
13
+ <div class="mdw-menu__text">Disconnect</div>
14
+ </div>
15
+ </div>
16
+ </div>
package/docs/pwa/pwa-prerender.js ADDED
@@ -0,0 +1,3 @@
1
+ import * as Document from '../../core/document/index.js';
2
+
3
+ Document.onPrerender();