@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
@@ -1 +0,0 @@
1
- <!DOCTYPE html><html lang="en"><head><title>Material Design Web</title><meta charset="utf-8"><meta content="IE=edge" http-equiv="X-UA-Compatible"><meta content="" name="description"><meta content="width=device-width, initial-scale=1, viewport-fit=cover" name="viewport"><meta name="theme-color" content="#E91E63"><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"><meta name="apple-mobile-web-app-capable" content="yes"><link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"><link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:300,400,500,700"><link rel="stylesheet" href="docs.min.css"><link rel="stylesheet" href="components.min.css"><link rel="stylesheet" href="theming.min.css"><link rel="stylesheet" href="theming.ie11.min.css" media="screen and (-ms-high-contrast: active), (-ms-high-contrast: none)"><script src="prerender.min.js"></script></head><body class="mdw-type"><div class="mdw-navdrawer" id="docs-navdrawer"><a class="mdw-navdrawer__scrim" href="#"></a><div class="mdw-navdrawer__toolbar"><div class="mdw-toolbar" mdw-theme-fill="accent-500 dark" mdw-app-bar><div class="mdw-toolbar__action"><div class="mdw-toolbar__start"><div class="mdw-tooltip__wrapper"><a class="mdw-tooltip__target mdw-button material-icons" mdw-icon href="#docs-navdrawer">menu</a><div class="mdw-tooltip">Menu</div></div></div><div class="mdw-toolbar__title">selection</div><div class="mdw-toolbar__end" id="docs-menu-buttons"><div class="mdw-tooltip__wrapper"><div class="mdw-tooltip__target mdw-button docs-rtl" mdw-inactive>RTL</div><div class="mdw-tooltip">Right-to-Left</div></div><div class="mdw-tooltip__wrapper"><div class="mdw-tooltip__target mdw-button material-icons" mdw-icon mdw-inactive>brightness_3</div><div class="mdw-tooltip">Dark Mode</div></div><div class="mdw-tooltip__wrapper"><div class="mdw-tooltip__target mdw-button material-icons" mdw-icon mdw-inactive>format_size</div><div class="mdw-tooltip">Large Font</div></div></div></div></div></div><div class="mdw-navdrawer__drawer"><div class="mdw-list"><a class="mdw-list__item" href="index.html" mdw-theme-color="primary"><div class="mdw-list__text">Home</div></a><div class="mdw-list__subheader">Components</div><a class="mdw-list__item" href="bottomnav.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">call_to_action</div><div class="mdw-list__text">Bottom Navigation</div></a><a class="mdw-list__item" href="button.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">crop_landscape</div><div class="mdw-list__text">Button</div></a><a class="mdw-list__item" href="card.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">crop_square</div><div class="mdw-list__text">Card</div></a><a class="mdw-list__item" href="dialog.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">select_all</div><div class="mdw-list__text">Dialog</div></a><a class="mdw-list__item" href="datatable.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">format_align_justify</div><div class="mdw-list__text">Data Table</div></a><a class="mdw-list__item" href="elevation.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">layers</div><div class="mdw-list__text">Elevation</div></a><a class="mdw-list__item" href="fab.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">add_circle</div><div class="mdw-list__text">Floating Action Button</div></a><a class="mdw-list__item" href="layout.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">view_compact</div><div class="mdw-list__text">Layout</div></a><a class="mdw-list__item" href="list.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">view_list</div><div class="mdw-list__text">List</div></a><a class="mdw-list__item" href="menu.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">picture_in_picture</div><div class="mdw-list__text">Menu</div></a><a class="mdw-list__item" href="navdrawer.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">menu</div><div class="mdw-list__text">Navigation Drawer</div></a><a class="mdw-list__item" href="progress.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">timelapse</div><div class="mdw-list__text">Progress</div></a><a class="mdw-list__item" href="search.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">search</div><div class="mdw-list__text">Search</div></a><a class="mdw-list__item" mdw-selected href="selection.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">toggle_on</div><div class="mdw-list__text">Selection</div></a><a class="mdw-list__item" href="slider.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">tune</div><div class="mdw-list__text">Slider</div></a><a class="mdw-list__item" href="snackbar.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">video_label</div><div class="mdw-list__text">Snackbar</div></a><a class="mdw-list__item" href="tab.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">tab</div><div class="mdw-list__text">Tab</div></a><a class="mdw-list__item" href="textfield.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">text_fields</div><div class="mdw-list__text">Text Field</div></a><a class="mdw-list__item" href="toolbar.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">web_asset</div><div class="mdw-list__text">Toolbar</div></a><a class="mdw-list__item" href="tooltip.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">info</div><div class="mdw-list__text">Tooltip</div></a><a class="mdw-list__item" href="type.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">font_download</div><div class="mdw-list__text">Typography</div></a></div></div><div class="mdw-navdrawer__content" style="padding-bottom:24px"><div id="horizontalLine"></div><div id="verticalLineLeft"></div><div id="verticalLineRight"></div><div class="comparison mdw-theme-selection"><div class="render"><div class="androidstatusbar" mdw-theme-fill="accent-700 dark"><div>12:30</div><i class="material-icons" style="letter-spacing:2px;padding:0 2px">&#xE1BA;&#xE1C8;&#xE1A4;</i></div><div class="mdw-toolbar" mdw-theme-fill="accent-500 dark"><div class="mdw-toolbar__action"><div class="mdw-toolbar__title">Title</div></div></div><div class="content" style="padding-top:7px"><ul class="mdw-list"><li class="mdw-list__subheader">Switch</li><label class="mdw-list__item" mdw-ripple><div class="mdw-ripple"><div class="mdw-ripple__inner"></div></div><div class="mdw-list__text">Android Switch On</div><div class="mdw-list__secondary"><div class="mdw-selection" mdw-theme-color="accent" mdw-switch><input class="mdw-selection__input" type="checkbox" checked><div class="mdw-selection__icon"></div></div></div></label><label class="mdw-list__item" mdw-ripple><div class="mdw-ripple"><div class="mdw-ripple__inner"></div></div><div class="mdw-list__text">Android Switch Off</div><div class="mdw-list__secondary"><div class="mdw-selection" mdw-theme-color="accent-200" mdw-switch><input class="mdw-selection__input" type="checkbox"><div class="mdw-selection__icon"></div></div></div></label></ul><ul class="mdw-list"><li class="mdw-list__subheader">Single check</li><label class="mdw-list__item" mdw-ripple><div class="mdw-ripple"><div class="mdw-ripple__inner"></div></div><div class="mdw-list__text">Option 1</div><div class="mdw-list__secondary"><div class="mdw-selection" mdw-theme-color="accent-700"><input class="mdw-selection__input" type="radio" name="selectiontest" checked><div class="mdw-selection__icon"></div></div></div></label><label class="mdw-list__item" mdw-ripple><div class="mdw-ripple"><div class="mdw-ripple__inner"></div></div><div class="mdw-list__text">Option 2</div><div class="mdw-list__secondary"><div class="mdw-selection" mdw-theme-color="primary-700"><input class="mdw-selection__input" type="radio" name="selectiontest"><div class="mdw-selection__icon"></div></div></div></label></ul><ul class="mdw-list"><li class="mdw-list__subheader">Multiple check</li><label class="mdw-list__item" mdw-ripple><div class="mdw-ripple"><div class="mdw-ripple__inner"></div></div><div class="mdw-list__text">Option 1</div><div class="mdw-list__secondary"><div class="mdw-selection" mdw-theme-color="accent-A400"><input class="mdw-selection__input" type="checkbox" checked><div class="mdw-selection__icon"></div></div></div></label><label class="mdw-list__item" mdw-ripple><div class="mdw-ripple"><div class="mdw-ripple__inner"></div></div><div class="mdw-list__text">Option 2</div><div class="mdw-list__secondary"><div class="mdw-selection" mdw-theme-color="primary-700"><input class="mdw-selection__input" type="checkbox" checked><div class="mdw-selection__icon"></div></div></div></label><label class="mdw-list__item" mdw-ripple><div class="mdw-ripple"><div class="mdw-ripple__inner"></div></div><div class="mdw-list__text">Option 3</div><div class="mdw-list__secondary"><div class="mdw-selection" mdw-theme-color="warn"><input class="mdw-selection__input" type="checkbox"><div class="mdw-selection__icon"></div></div></div></label></ul></div></div><div class="target" style="background-image: url(https://storage.googleapis.com/material-design/publish/material_v_12/assets/0B57Y8yNEHsZPQXRHTEpLc0JXVnM/material-design.platform-adaptation-control-1.png)"></div></div><div class="comparison mdw-theme-selection"><div class="render"><div class="androidstatusbar" mdw-theme-fill="accent-700 dark"><div>12:30</div><i class="material-icons" style="letter-spacing:2px;padding:0 2px">&#xE1BA;&#xE1C8;&#xE1A4;</i></div><div class="mdw-toolbar" mdw-theme-fill="accent-500 dark"><div class="mdw-toolbar__action"><div class="mdw-toolbar__title">Title</div></div></div><div class="content"><div class="display-flex" style="padding:16px"><label class="mdw-selection" mdw-theme-color="primary-700"><input class="mdw-selection__input" type="checkbox" checked><div class="mdw-selection__label">Prefixed</div><div class="mdw-selection__icon"></div></label></div><div class="display-flex" style="padding:16px"><label class="mdw-selection" mdw-theme-color="accent-A700"><input class="mdw-selection__input" type="checkbox" checked><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Suffixed</div></label></div><div class="display-flex" style="padding:16px"><label class="mdw-selection" mdw-theme-color="accent-A700"><input class="mdw-selection__input" type="checkbox" checked disabled><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Disabled</div></label></div><div class="display-flex" style="padding:16px"><label class="mdw-selection" mdw-theme-color="accent-A700"><input class="mdw-selection__input" type="radio" name="test" checked><div class="mdw-selection__icon"></div><div class="mdw-selection__label">A</div></label></div><div class="display-flex" style="padding:16px"><label class="mdw-selection" mdw-theme-color="accent-A700"><input class="mdw-selection__input" type="radio" name="test"><div class="mdw-selection__icon"></div><div class="mdw-selection__label">B</div></label></div><div class="display-flex" style="padding:16px"><label class="mdw-selection" mdw-theme-color="accent-A700"><input class="mdw-selection__input" type="radio" name="test" disabled><div class="mdw-selection__icon"></div><div class="mdw-selection__label">C</div></label></div></div></div></div></div></div><script src="selection.min.js"></script></body></html>
@@ -1,2 +0,0 @@
1
- !function(t){var e={};function n(o){if(e[o])return e[o].exports;var r=e[o]={i:o,l:!1,exports:{}};return t[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}n.m=t,n.c=e,n.d=function(t,e,o){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:o})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var r in t)n.d(o,r,function(e){return t[e]}.bind(null,r));return o},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=56)}({0:function(t,e,n){"use strict";function o(t){return window.localStorage?localStorage.getItem(t):null}function r(t,e){window.localStorage&&localStorage.setItem(t,e)}function c(t){window.localStorage&&localStorage.removeItem(t)}n.d(e,"a",function(){return o}),n.d(e,"c",function(){return r}),n.d(e,"b",function(){return c})},2:function(t,e,n){"use strict";n.d(e,"c",function(){return u}),n.d(e,"a",function(){return i}),n.d(e,"b",function(){return l}),n.d(e,"d",function(){return d});var o=n(0),r="black dark",c="white light";function u(t,e){t?(document.documentElement.setAttribute("dir","rtl"),e&&e.removeAttribute("mdw-inactive"),Object(o.c)("rtlmode","true")):(document.documentElement.removeAttribute("dir"),e&&e.setAttribute("mdw-inactive",""),Object(o.b)("rtlmode"))}function i(t,e){t?(document.documentElement.setAttribute("mdw-theme-fill",r),e&&e.removeAttribute("mdw-inactive")):(document.documentElement.setAttribute("mdw-theme-fill",c),e&&e.setAttribute("mdw-inactive","")),Object(o.c)("darkmode",t?"true":"false")}function l(t,e){t?(document.documentElement.style.setProperty("font-size",t),e&&e.removeAttribute("mdw-inactive"),Object(o.c)("fontsize",t)):(document.documentElement.style.removeProperty("font-size"),e&&e.setAttribute("mdw-inactive",""),Object(o.b)("fontsize"))}function d(){var t=document.getElementById("docs-menu-buttons").getElementsByClassName("mdw-button"),e=t[0],n=t[1],c=t[2];!function(t){"true"===Object(o.a)("rtlmode")&&u(!0,t),t.addEventListener("click",function(){"rtl"===document.documentElement.getAttribute("dir")?u(!1,t):u(!0,t)})}(e),function(t){"true"===Object(o.a)("darkmode")&&i(!0,t),t.addEventListener("click",function(){document.documentElement.getAttribute("mdw-theme-fill")===r?i(!1,t):i(!0,t)})}(n),function(t){l(Object(o.a)("fontsize"),t),t.addEventListener("click",function(){document.documentElement.style.getPropertyValue("font-size")?l(null,t):l("125%",t)})}(c)}},56:function(t,e,n){n(57),t.exports=n(58)},57:function(t,e,n){"use strict";n.r(e);var o=n(6),r=n(2);Object(r.d)(),Object(o.a)()},58:function(t,e,n){t.exports=n.p+"selection.html"},6:function(t,e,n){"use strict";var o={},r=0,c=0;function u(t){document.getElementById("horizontalLine").style.top="".concat(t.clientY,"px"),document.getElementById("verticalLineLeft").style.left="".concat(t.layerX,"px"),document.getElementById("verticalLineRight").style.left="".concat(t.clientX,"px")}Object.defineProperty(o,"vOffset",{enumerable:!0,configurable:!1,get:function(){return r},set:function(t){r=t,document.getElementById("verticalLineLeft").style.left="".concat(t,"px"),document.getElementById("verticalLineRight").style.left="".concat(t,"px")}}),Object.defineProperty(o,"hOffset",{enumerable:!0,configurable:!1,get:function(){return c},set:function(t){c=t,document.getElementById("horizontalLine").style.top="".concat(t,"px")}}),e.a=function(){for(var t=document.getElementsByClassName("target"),e=0;e<t.length;e+=1)t[e].addEventListener("click",u)}}});
2
- //# sourceMappingURL=selection.min.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./docs/src/storage.js","webpack:///./docs/src/menuoptions.js","webpack:///./docs/src/components/selection.js","webpack:///./docs/src/components/selection.pug","webpack:///./docs/src/targetHandler.js"],"names":["installedModules","__webpack_require__","moduleId","exports","module","i","l","modules","call","m","c","d","name","getter","o","Object","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","default","object","property","prototype","hasOwnProperty","p","s","0","e","getStorageItem","window","localStorage","getItem","setStorageItem","setItem","removeStorageItem","removeItem","__webpack_exports__","setRTLMode","setDarkMode","setFontSize","setupMenuOptions","_storage__WEBPACK_IMPORTED_MODULE_0__","darkAttribute","lightAttribute","button","document","documentElement","setAttribute","removeAttribute","style","setProperty","removeProperty","buttons","getElementById","getElementsByClassName","buttonRTLMode","buttonDarkMode","largeFontMode","element","addEventListener","getAttribute","getPropertyValue","_targetHandler__WEBPACK_IMPORTED_MODULE_0__","_menuoptions__WEBPACK_IMPORTED_MODULE_1__","setupImageTargets","6","crosshairs","vOffset","hOffset","onTemplateImageClick","event","top","concat","clientY","left","layerX","clientX","configurable","set","val","targets","length"],"mappings":"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","file":"selection.min.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 56);\n","/**\n * @param {string} key\n * @return {string}\n */\nexport function getStorageItem(key) {\n if (!window.localStorage) {\n return null;\n }\n return localStorage.getItem(key);\n}\n\n/**\n * @param {string} key\n * @param {string} value\n * @return {void}\n */\nexport function setStorageItem(key, value) {\n if (!window.localStorage) {\n return;\n }\n localStorage.setItem(key, value);\n}\n\n/**\n * @param {string} key\n * @return {void}\n */\nexport function removeStorageItem(key) {\n if (!window.localStorage) {\n return;\n }\n localStorage.removeItem(key);\n}\n","import { setStorageItem, removeStorageItem, getStorageItem } from './storage';\n\nconst darkAttribute = 'black dark';\nconst lightAttribute = 'white light';\n\n/**\n * @param {boolean} value\n * @param {Element=} button\n * @return {void}\n */\nexport function setRTLMode(value, button) {\n if (value) {\n document.documentElement.setAttribute('dir', 'rtl');\n if (button) {\n button.removeAttribute('mdw-inactive');\n }\n // element.setAttribute('mdw-active', '');\n // Poor visibility even though spec says 70% opacity\n setStorageItem('rtlmode', 'true');\n } else {\n document.documentElement.removeAttribute('dir');\n if (button) {\n button.setAttribute('mdw-inactive', '');\n }\n // element.removeAttribute('mdw-active');\n removeStorageItem('rtlmode');\n }\n}\n\n/**\n * @param {boolean} value\n * @param {Element=} button\n * @return {void}\n */\nexport function setDarkMode(value, button) {\n if (value) {\n document.documentElement.setAttribute('mdw-theme-fill', darkAttribute);\n if (button) {\n button.removeAttribute('mdw-inactive');\n }\n // element.setAttribute('mdw-active', '');\n // Poor visibility even though spec says 70% opacity\n } else {\n document.documentElement.setAttribute('mdw-theme-fill', lightAttribute);\n if (button) {\n button.setAttribute('mdw-inactive', '');\n }\n // element.removeAttribute('mdw-active');\n }\n setStorageItem('darkmode', value ? 'true' : 'false');\n}\n\n/**\n * @param {string} value\n * @param {Element=} button\n * @return {void}\n */\nexport function setFontSize(value, button) {\n if (value) {\n document.documentElement.style.setProperty('font-size', value);\n if (button) {\n button.removeAttribute('mdw-inactive');\n }\n // element.setAttribute('mdw-active', '');\n // Poor visibility even though spec says 70% opacity\n setStorageItem('fontsize', value);\n } else {\n document.documentElement.style.removeProperty('font-size');\n if (button) {\n button.setAttribute('mdw-inactive', '');\n }\n // element.removeAttribute('mdw-active');\n removeStorageItem('fontsize');\n }\n}\n\n/**\n * @param {Element} element\n * @return {void}\n */\nfunction setupRTLMode(element) {\n if (getStorageItem('rtlmode') === 'true') {\n setRTLMode(true, element);\n }\n element.addEventListener('click', () => {\n if (document.documentElement.getAttribute('dir') === 'rtl') {\n setRTLMode(false, element);\n } else {\n setRTLMode(true, element);\n }\n });\n}\n\n/**\n * @param {Element} element\n * @return {void}\n */\nfunction setupDarkMode(element) {\n if (getStorageItem('darkmode') === 'true') {\n setDarkMode(true, element);\n }\n element.addEventListener('click', () => {\n if (document.documentElement.getAttribute('mdw-theme-fill') === darkAttribute) {\n setDarkMode(false, element);\n } else {\n setDarkMode(true, element);\n }\n });\n}\n\n/**\n * @param {Element} element\n * @return {void}\n */\nfunction setupLargeFontMode(element) {\n const fontsize = getStorageItem('fontsize');\n setFontSize(fontsize, element);\n element.addEventListener('click', () => {\n if (document.documentElement.style.getPropertyValue('font-size')) {\n setFontSize(null, element);\n } else {\n setFontSize('125%', element);\n }\n });\n}\n\n/** @return {void} */\nexport function setupMenuOptions() {\n const buttons = document.getElementById('docs-menu-buttons').getElementsByClassName('mdw-button');\n const buttonRTLMode = buttons[0];\n const buttonDarkMode = buttons[1];\n const largeFontMode = buttons[2];\n setupRTLMode(buttonRTLMode);\n setupDarkMode(buttonDarkMode);\n setupLargeFontMode(largeFontMode);\n}\n","import setupImageTargets from '../targetHandler';\nimport { setupMenuOptions } from '../menuoptions';\n\nsetupMenuOptions();\nsetupImageTargets();\n\n","module.exports = __webpack_public_path__ + \"selection.html\";","const crosshairs = {\n};\nlet vOffset = 0;\nlet hOffset = 0;\n\nObject.defineProperty(crosshairs, 'vOffset', {\n enumerable: true,\n configurable: false,\n get() {\n return vOffset;\n },\n set(val) {\n vOffset = val;\n document.getElementById('verticalLineLeft').style.left = `${val}px`;\n document.getElementById('verticalLineRight').style.left = `${val}px`;\n },\n});\n\n\nObject.defineProperty(crosshairs, 'hOffset', {\n enumerable: true,\n configurable: false,\n get() {\n return hOffset;\n },\n set(val) {\n hOffset = val;\n document.getElementById('horizontalLine').style.top = `${val}px`;\n },\n});\n\n/**\n * @param {MouseEvent} event\n * @return {void}\n */\nfunction onTemplateImageClick(event) {\n document.getElementById('horizontalLine').style.top = `${event.clientY}px`;\n document.getElementById('verticalLineLeft').style.left = `${event.layerX}px`;\n document.getElementById('verticalLineRight').style.left = `${event.clientX}px`;\n}\n\n/** @return {void} */\nfunction setupImageTargets() {\n const targets = document.getElementsByClassName('target');\n for (let i = 0; i < targets.length; i += 1) {\n targets[i].addEventListener('click', onTemplateImageClick);\n }\n}\n\nexport default setupImageTargets;\n"],"sourceRoot":""}
package/docs/slider.html DELETED
@@ -1 +0,0 @@
1
- <!DOCTYPE html><html lang="en"><head><title>Material Design Web</title><meta charset="utf-8"><meta content="IE=edge" http-equiv="X-UA-Compatible"><meta content="" name="description"><meta content="width=device-width, initial-scale=1, viewport-fit=cover" name="viewport"><meta name="theme-color" content="#E91E63"><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"><meta name="apple-mobile-web-app-capable" content="yes"><link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"><link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:300,400,500,700"><link rel="stylesheet" href="docs.min.css"><link rel="stylesheet" href="components.min.css"><link rel="stylesheet" href="theming.min.css"><link rel="stylesheet" href="theming.ie11.min.css" media="screen and (-ms-high-contrast: active), (-ms-high-contrast: none)"><script src="prerender.min.js"></script></head><body class="mdw-type"><div class="mdw-navdrawer" id="docs-navdrawer"><a class="mdw-navdrawer__scrim" href="#"></a><div class="mdw-navdrawer__toolbar"><div class="mdw-toolbar" mdw-theme-fill="accent-500 dark" mdw-app-bar><div class="mdw-toolbar__action"><div class="mdw-toolbar__start"><div class="mdw-tooltip__wrapper"><a class="mdw-tooltip__target mdw-button material-icons" mdw-icon href="#docs-navdrawer">menu</a><div class="mdw-tooltip">Menu</div></div></div><div class="mdw-toolbar__title">slider</div><div class="mdw-toolbar__end" id="docs-menu-buttons"><div class="mdw-tooltip__wrapper"><div class="mdw-tooltip__target mdw-button docs-rtl" mdw-inactive>RTL</div><div class="mdw-tooltip">Right-to-Left</div></div><div class="mdw-tooltip__wrapper"><div class="mdw-tooltip__target mdw-button material-icons" mdw-icon mdw-inactive>brightness_3</div><div class="mdw-tooltip">Dark Mode</div></div><div class="mdw-tooltip__wrapper"><div class="mdw-tooltip__target mdw-button material-icons" mdw-icon mdw-inactive>format_size</div><div class="mdw-tooltip">Large Font</div></div></div></div></div></div><div class="mdw-navdrawer__drawer"><div class="mdw-list"><a class="mdw-list__item" href="index.html" mdw-theme-color="primary"><div class="mdw-list__text">Home</div></a><div class="mdw-list__subheader">Components</div><a class="mdw-list__item" href="bottomnav.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">call_to_action</div><div class="mdw-list__text">Bottom Navigation</div></a><a class="mdw-list__item" href="button.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">crop_landscape</div><div class="mdw-list__text">Button</div></a><a class="mdw-list__item" href="card.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">crop_square</div><div class="mdw-list__text">Card</div></a><a class="mdw-list__item" href="dialog.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">select_all</div><div class="mdw-list__text">Dialog</div></a><a class="mdw-list__item" href="datatable.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">format_align_justify</div><div class="mdw-list__text">Data Table</div></a><a class="mdw-list__item" href="elevation.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">layers</div><div class="mdw-list__text">Elevation</div></a><a class="mdw-list__item" href="fab.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">add_circle</div><div class="mdw-list__text">Floating Action Button</div></a><a class="mdw-list__item" href="layout.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">view_compact</div><div class="mdw-list__text">Layout</div></a><a class="mdw-list__item" href="list.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">view_list</div><div class="mdw-list__text">List</div></a><a class="mdw-list__item" href="menu.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">picture_in_picture</div><div class="mdw-list__text">Menu</div></a><a class="mdw-list__item" href="navdrawer.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">menu</div><div class="mdw-list__text">Navigation Drawer</div></a><a class="mdw-list__item" href="progress.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">timelapse</div><div class="mdw-list__text">Progress</div></a><a class="mdw-list__item" href="search.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">search</div><div class="mdw-list__text">Search</div></a><a class="mdw-list__item" href="selection.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">toggle_on</div><div class="mdw-list__text">Selection</div></a><a class="mdw-list__item" mdw-selected href="slider.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">tune</div><div class="mdw-list__text">Slider</div></a><a class="mdw-list__item" href="snackbar.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">video_label</div><div class="mdw-list__text">Snackbar</div></a><a class="mdw-list__item" href="tab.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">tab</div><div class="mdw-list__text">Tab</div></a><a class="mdw-list__item" href="textfield.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">text_fields</div><div class="mdw-list__text">Text Field</div></a><a class="mdw-list__item" href="toolbar.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">web_asset</div><div class="mdw-list__text">Toolbar</div></a><a class="mdw-list__item" href="tooltip.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">info</div><div class="mdw-list__text">Tooltip</div></a><a class="mdw-list__item" href="type.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">font_download</div><div class="mdw-list__text">Typography</div></a></div></div><div class="mdw-navdrawer__content" style="padding-bottom:24px"><div class="mdw-layout" mdw-margin-top mdw-margin-bottom><div class="mdw-layout__item" mdw-colspan="100%"><div><h5 class="mdw-type" mdw-baseline-next="36">Sliders allow users to make selections from a range of values.</h5><p class="mdw-type">Sliders reflect a range of values along a bar, from which users may select a single value. They are ideal for adjusting settings such as volume, brightness, or applying image filters.</p></div></div><div class="mdw-layout__item" mdw-colspan="4"><div class="component-sample"><div class="component-sample__container"><label class="mdw-slider" mdw-theme-color="accent"><input class="mdw-slider__input" type="range" list="sample-list"><datalist id="sample-list"> <option value="0" label="None"></option><option value="50" label="Half"></option><option value="100" label="All"></option></datalist></label></div></div></div></div></div></div><script src="slider.min.js"></script></body></html>
@@ -1,2 +0,0 @@
1
- !function(t){var e={};function n(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=t,n.c=e,n.d=function(t,e,r){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:r})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)n.d(r,o,function(e){return t[e]}.bind(null,o));return r},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=59)}({0:function(t,e,n){"use strict";function r(t){return window.localStorage?localStorage.getItem(t):null}function o(t,e){window.localStorage&&localStorage.setItem(t,e)}function u(t){window.localStorage&&localStorage.removeItem(t)}n.d(e,"a",function(){return r}),n.d(e,"c",function(){return o}),n.d(e,"b",function(){return u})},2:function(t,e,n){"use strict";n.d(e,"c",function(){return c}),n.d(e,"a",function(){return i}),n.d(e,"b",function(){return d}),n.d(e,"d",function(){return l});var r=n(0),o="black dark",u="white light";function c(t,e){t?(document.documentElement.setAttribute("dir","rtl"),e&&e.removeAttribute("mdw-inactive"),Object(r.c)("rtlmode","true")):(document.documentElement.removeAttribute("dir"),e&&e.setAttribute("mdw-inactive",""),Object(r.b)("rtlmode"))}function i(t,e){t?(document.documentElement.setAttribute("mdw-theme-fill",o),e&&e.removeAttribute("mdw-inactive")):(document.documentElement.setAttribute("mdw-theme-fill",u),e&&e.setAttribute("mdw-inactive","")),Object(r.c)("darkmode",t?"true":"false")}function d(t,e){t?(document.documentElement.style.setProperty("font-size",t),e&&e.removeAttribute("mdw-inactive"),Object(r.c)("fontsize",t)):(document.documentElement.style.removeProperty("font-size"),e&&e.setAttribute("mdw-inactive",""),Object(r.b)("fontsize"))}function l(){var t=document.getElementById("docs-menu-buttons").getElementsByClassName("mdw-button"),e=t[0],n=t[1],u=t[2];!function(t){"true"===Object(r.a)("rtlmode")&&c(!0,t),t.addEventListener("click",function(){"rtl"===document.documentElement.getAttribute("dir")?c(!1,t):c(!0,t)})}(e),function(t){"true"===Object(r.a)("darkmode")&&i(!0,t),t.addEventListener("click",function(){document.documentElement.getAttribute("mdw-theme-fill")===o?i(!1,t):i(!0,t)})}(n),function(t){d(Object(r.a)("fontsize"),t),t.addEventListener("click",function(){document.documentElement.style.getPropertyValue("font-size")?d(null,t):d("125%",t)})}(u)}},59:function(t,e,n){n(60),t.exports=n(61)},60:function(t,e,n){"use strict";n.r(e);var r=n(2);Object(r.d)()},61:function(t,e,n){t.exports=n.p+"slider.html"}});
2
- //# sourceMappingURL=slider.min.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./docs/src/storage.js","webpack:///./docs/src/menuoptions.js","webpack:///./docs/src/components/slider.js","webpack:///./docs/src/components/slider.pug"],"names":["installedModules","__webpack_require__","moduleId","exports","module","i","l","modules","call","m","c","d","name","getter","o","Object","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","default","object","property","prototype","hasOwnProperty","p","s","0","e","getStorageItem","window","localStorage","getItem","setStorageItem","setItem","removeStorageItem","removeItem","__webpack_exports__","setRTLMode","setDarkMode","setFontSize","setupMenuOptions","_storage__WEBPACK_IMPORTED_MODULE_0__","darkAttribute","lightAttribute","button","document","documentElement","setAttribute","removeAttribute","style","setProperty","removeProperty","buttons","getElementById","getElementsByClassName","buttonRTLMode","buttonDarkMode","largeFontMode","element","addEventListener","getAttribute","getPropertyValue","_menuoptions__WEBPACK_IMPORTED_MODULE_0__"],"mappings":"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","file":"slider.min.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 59);\n","/**\n * @param {string} key\n * @return {string}\n */\nexport function getStorageItem(key) {\n if (!window.localStorage) {\n return null;\n }\n return localStorage.getItem(key);\n}\n\n/**\n * @param {string} key\n * @param {string} value\n * @return {void}\n */\nexport function setStorageItem(key, value) {\n if (!window.localStorage) {\n return;\n }\n localStorage.setItem(key, value);\n}\n\n/**\n * @param {string} key\n * @return {void}\n */\nexport function removeStorageItem(key) {\n if (!window.localStorage) {\n return;\n }\n localStorage.removeItem(key);\n}\n","import { setStorageItem, removeStorageItem, getStorageItem } from './storage';\n\nconst darkAttribute = 'black dark';\nconst lightAttribute = 'white light';\n\n/**\n * @param {boolean} value\n * @param {Element=} button\n * @return {void}\n */\nexport function setRTLMode(value, button) {\n if (value) {\n document.documentElement.setAttribute('dir', 'rtl');\n if (button) {\n button.removeAttribute('mdw-inactive');\n }\n // element.setAttribute('mdw-active', '');\n // Poor visibility even though spec says 70% opacity\n setStorageItem('rtlmode', 'true');\n } else {\n document.documentElement.removeAttribute('dir');\n if (button) {\n button.setAttribute('mdw-inactive', '');\n }\n // element.removeAttribute('mdw-active');\n removeStorageItem('rtlmode');\n }\n}\n\n/**\n * @param {boolean} value\n * @param {Element=} button\n * @return {void}\n */\nexport function setDarkMode(value, button) {\n if (value) {\n document.documentElement.setAttribute('mdw-theme-fill', darkAttribute);\n if (button) {\n button.removeAttribute('mdw-inactive');\n }\n // element.setAttribute('mdw-active', '');\n // Poor visibility even though spec says 70% opacity\n } else {\n document.documentElement.setAttribute('mdw-theme-fill', lightAttribute);\n if (button) {\n button.setAttribute('mdw-inactive', '');\n }\n // element.removeAttribute('mdw-active');\n }\n setStorageItem('darkmode', value ? 'true' : 'false');\n}\n\n/**\n * @param {string} value\n * @param {Element=} button\n * @return {void}\n */\nexport function setFontSize(value, button) {\n if (value) {\n document.documentElement.style.setProperty('font-size', value);\n if (button) {\n button.removeAttribute('mdw-inactive');\n }\n // element.setAttribute('mdw-active', '');\n // Poor visibility even though spec says 70% opacity\n setStorageItem('fontsize', value);\n } else {\n document.documentElement.style.removeProperty('font-size');\n if (button) {\n button.setAttribute('mdw-inactive', '');\n }\n // element.removeAttribute('mdw-active');\n removeStorageItem('fontsize');\n }\n}\n\n/**\n * @param {Element} element\n * @return {void}\n */\nfunction setupRTLMode(element) {\n if (getStorageItem('rtlmode') === 'true') {\n setRTLMode(true, element);\n }\n element.addEventListener('click', () => {\n if (document.documentElement.getAttribute('dir') === 'rtl') {\n setRTLMode(false, element);\n } else {\n setRTLMode(true, element);\n }\n });\n}\n\n/**\n * @param {Element} element\n * @return {void}\n */\nfunction setupDarkMode(element) {\n if (getStorageItem('darkmode') === 'true') {\n setDarkMode(true, element);\n }\n element.addEventListener('click', () => {\n if (document.documentElement.getAttribute('mdw-theme-fill') === darkAttribute) {\n setDarkMode(false, element);\n } else {\n setDarkMode(true, element);\n }\n });\n}\n\n/**\n * @param {Element} element\n * @return {void}\n */\nfunction setupLargeFontMode(element) {\n const fontsize = getStorageItem('fontsize');\n setFontSize(fontsize, element);\n element.addEventListener('click', () => {\n if (document.documentElement.style.getPropertyValue('font-size')) {\n setFontSize(null, element);\n } else {\n setFontSize('125%', element);\n }\n });\n}\n\n/** @return {void} */\nexport function setupMenuOptions() {\n const buttons = document.getElementById('docs-menu-buttons').getElementsByClassName('mdw-button');\n const buttonRTLMode = buttons[0];\n const buttonDarkMode = buttons[1];\n const largeFontMode = buttons[2];\n setupRTLMode(buttonRTLMode);\n setupDarkMode(buttonDarkMode);\n setupLargeFontMode(largeFontMode);\n}\n","import { setupMenuOptions } from '../menuoptions';\n\nsetupMenuOptions();\n","module.exports = __webpack_public_path__ + \"slider.html\";"],"sourceRoot":""}
@@ -1 +0,0 @@
1
- <!DOCTYPE html><html lang="en"><head><title>Material Design Web</title><meta charset="utf-8"><meta content="IE=edge" http-equiv="X-UA-Compatible"><meta content="" name="description"><meta content="width=device-width, initial-scale=1, viewport-fit=cover" name="viewport"><meta name="theme-color" content="#E91E63"><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"><meta name="apple-mobile-web-app-capable" content="yes"><link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"><link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:300,400,500,700"><link rel="stylesheet" href="docs.min.css"><link rel="stylesheet" href="components.min.css"><link rel="stylesheet" href="theming.min.css"><link rel="stylesheet" href="theming.ie11.min.css" media="screen and (-ms-high-contrast: active), (-ms-high-contrast: none)"><script src="prerender.min.js"></script></head><body class="mdw-type"><div class="mdw-navdrawer" id="docs-navdrawer"><a class="mdw-navdrawer__scrim" href="#"></a><div class="mdw-navdrawer__toolbar"><div class="mdw-toolbar" mdw-theme-fill="accent-500 dark" mdw-app-bar><div class="mdw-toolbar__action"><div class="mdw-toolbar__start"><div class="mdw-tooltip__wrapper"><a class="mdw-tooltip__target mdw-button material-icons" mdw-icon href="#docs-navdrawer">menu</a><div class="mdw-tooltip">Menu</div></div></div><div class="mdw-toolbar__title">snackbar</div><div class="mdw-toolbar__end" id="docs-menu-buttons"><div class="mdw-tooltip__wrapper"><div class="mdw-tooltip__target mdw-button docs-rtl" mdw-inactive>RTL</div><div class="mdw-tooltip">Right-to-Left</div></div><div class="mdw-tooltip__wrapper"><div class="mdw-tooltip__target mdw-button material-icons" mdw-icon mdw-inactive>brightness_3</div><div class="mdw-tooltip">Dark Mode</div></div><div class="mdw-tooltip__wrapper"><div class="mdw-tooltip__target mdw-button material-icons" mdw-icon mdw-inactive>format_size</div><div class="mdw-tooltip">Large Font</div></div></div></div></div></div><div class="mdw-navdrawer__drawer"><div class="mdw-list"><a class="mdw-list__item" href="index.html" mdw-theme-color="primary"><div class="mdw-list__text">Home</div></a><div class="mdw-list__subheader">Components</div><a class="mdw-list__item" href="bottomnav.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">call_to_action</div><div class="mdw-list__text">Bottom Navigation</div></a><a class="mdw-list__item" href="button.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">crop_landscape</div><div class="mdw-list__text">Button</div></a><a class="mdw-list__item" href="card.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">crop_square</div><div class="mdw-list__text">Card</div></a><a class="mdw-list__item" href="dialog.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">select_all</div><div class="mdw-list__text">Dialog</div></a><a class="mdw-list__item" href="datatable.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">format_align_justify</div><div class="mdw-list__text">Data Table</div></a><a class="mdw-list__item" href="elevation.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">layers</div><div class="mdw-list__text">Elevation</div></a><a class="mdw-list__item" href="fab.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">add_circle</div><div class="mdw-list__text">Floating Action Button</div></a><a class="mdw-list__item" href="layout.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">view_compact</div><div class="mdw-list__text">Layout</div></a><a class="mdw-list__item" href="list.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">view_list</div><div class="mdw-list__text">List</div></a><a class="mdw-list__item" href="menu.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">picture_in_picture</div><div class="mdw-list__text">Menu</div></a><a class="mdw-list__item" href="navdrawer.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">menu</div><div class="mdw-list__text">Navigation Drawer</div></a><a class="mdw-list__item" href="progress.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">timelapse</div><div class="mdw-list__text">Progress</div></a><a class="mdw-list__item" href="search.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">search</div><div class="mdw-list__text">Search</div></a><a class="mdw-list__item" href="selection.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">toggle_on</div><div class="mdw-list__text">Selection</div></a><a class="mdw-list__item" href="slider.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">tune</div><div class="mdw-list__text">Slider</div></a><a class="mdw-list__item" mdw-selected href="snackbar.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">video_label</div><div class="mdw-list__text">Snackbar</div></a><a class="mdw-list__item" href="tab.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">tab</div><div class="mdw-list__text">Tab</div></a><a class="mdw-list__item" href="textfield.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">text_fields</div><div class="mdw-list__text">Text Field</div></a><a class="mdw-list__item" href="toolbar.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">web_asset</div><div class="mdw-list__text">Toolbar</div></a><a class="mdw-list__item" href="tooltip.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">info</div><div class="mdw-list__text">Tooltip</div></a><a class="mdw-list__item" href="type.html" mdw-theme-color="accent"><div class="mdw-list__icon material-icons">font_download</div><div class="mdw-list__text">Typography</div></a></div></div><div class="mdw-navdrawer__content" style="padding-bottom:24px"><div class="mdw-layout" mdw-margin-top mdw-margin-bottom><div class="mdw-layout__item" mdw-colspan="100%"><div><h5 class="mdw-type" mdw-baseline-next="36">Snackbars provide brief messages about app processes at the bottom of the screen.</h5><p class="mdw-type">Snackbars inform users of a process that an app has performed or will perform. They appear temporarily, towards the bottom of the screen. They shouldn’t interrupt the user experience, and they don’t require user input to disappear.</p></div></div><div class="mdw-layout__item" mdw-colspan="100%"><div class="component-sample" style="padding:0"><div class="mdw-layout" style="width:100%;height:100%"><div class="mdw-layout__item" mdw-colspan="100%"><div><button class="mdw-button" mdw-theme-color="accent">Create New</button></div></div><div class="mdw-layout__item" mdw-colspan="100%"><div class="mdw-snackbar__wrapper"><div class="mdw-snackbar__container"><div class="mdw-snackbar"><span>Short message snackbar.</span></div></div></div></div><div class="mdw-layout__item" mdw-colspan="100%"><div class="mdw-snackbar__wrapper"><div class="mdw-snackbar__container js-sample"></div></div></div></div></div></div><div class="mdw-layout__item" mdw-colspan="4"><div><div class="mdw-type" mdw-style="subtitle">Javascript</div><div><label class="mdw-selection" mdw-theme-color="accent" style="margin:16px 8px"><input class="mdw-selection__input" type="radio" name="javascript" value="required" disabled><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Required</div></label><label class="mdw-selection" mdw-theme-color="accent" style="margin:16px 8px"><input class="mdw-selection__input" type="radio" name="javascript" value="optional" checked><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Optional</div></label><label class="mdw-selection" mdw-theme-color="accent" style="margin:16px 8px"><input class="mdw-selection__input" type="radio" name="javascript" value="none"><div class="mdw-selection__icon"></div><div class="mdw-selection__label">None</div></label></div><div class="mdw-type" mdw-style="subtitle">Text</div><div><label class="mdw-selection" mdw-theme-color="accent" style="margin:16px 8px"><input class="mdw-selection__input" type="radio" name="text" value="short" checked><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Short</div></label><label class="mdw-selection" mdw-theme-color="accent" style="margin:16px 8px"><input class="mdw-selection__input" type="radio" name="text" value="long"><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Long</div></label><label class="mdw-selection" mdw-theme-color="accent" style="margin:16px 8px"><input class="mdw-selection__input" type="radio" name="text" value="line-break"><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Explicit line-break</div></label></div><div class="mdw-type" mdw-style="subtitle">Button</div><div><label class="mdw-selection" mdw-theme-color="accent" style="margin:16px 8px"><input class="mdw-selection__input" type="radio" name="button" value="none" checked><div class="mdw-selection__icon"></div><div class="mdw-selection__label">None</div></label><label class="mdw-selection" mdw-theme-color="accent" style="margin:16px 8px"><input class="mdw-selection__input" type="radio" name="button" value="short"><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Short</div></label><label class="mdw-selection" mdw-theme-color="accent" style="margin:16px 8px"><input class="mdw-selection__input" type="radio" name="button" value="long"><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Long</div></label></div><div class="mdw-type" mdw-style="subtitle">Visibility</div><div><label class="mdw-selection" mdw-theme-color="accent" style="margin:16px 8px"><input class="mdw-selection__input" type="radio" name="visibility" value="auto" checked><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Auto</div></label><label class="mdw-selection" mdw-theme-color="accent" style="margin:16px 8px"><input class="mdw-selection__input" type="radio" name="visibility" value="show"><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Show</div></label><label class="mdw-selection" mdw-theme-color="accent" style="margin:16px 8px"><input class="mdw-selection__input" type="radio" name="visibility" value="hide"><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Hide</div></label></div><div class="mdw-type" mdw-style="subtitle">Position</div><div><label class="mdw-selection" mdw-theme-color="accent" style="margin:16px 8px"><input class="mdw-selection__input" type="radio" name="position" value="auto" checked><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Start (Default)</div></label><label class="mdw-selection" mdw-theme-color="accent" style="margin:16px 8px"><input class="mdw-selection__input" type="radio" name="position" value="center"><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Center</div></label><label class="mdw-selection" mdw-theme-color="accent" style="margin:16px 8px"><input class="mdw-selection__input" type="radio" name="position" value="end"><div class="mdw-selection__icon"></div><div class="mdw-selection__label">End</div></label></div><div class="mdw-type" mdw-style="subtitle">Auto-Hide Time (Seconds)</div><div><label class="mdw-selection" mdw-theme-color="accent" style="margin:16px 8px"><input class="mdw-selection__input" type="radio" name="autohide" value="none" checked><div class="mdw-selection__icon"></div><div class="mdw-selection__label">None</div></label><label class="mdw-selection" mdw-theme-color="accent" style="margin:16px 8px"><input class="mdw-selection__input" type="radio" name="autohide" value="4"><div class="mdw-selection__icon"></div><div class="mdw-selection__label">4</div></label><label class="mdw-selection" mdw-theme-color="accent" style="margin:16px 8px"><input class="mdw-selection__input" type="radio" name="autohide" value="5"><div class="mdw-selection__icon"></div><div class="mdw-selection__label">5</div></label><label class="mdw-selection" mdw-theme-color="accent" style="margin:16px 8px"><input class="mdw-selection__input" type="radio" name="autohide" value="6"><div class="mdw-selection__icon"></div><div class="mdw-selection__label">6</div></label><label class="mdw-selection" mdw-theme-color="accent" style="margin:16px 8px"><input class="mdw-selection__input" type="radio" name="autohide" value="7"><div class="mdw-selection__icon"></div><div class="mdw-selection__label">7</div></label><label class="mdw-selection" mdw-theme-color="accent" style="margin:16px 8px"><input class="mdw-selection__input" type="radio" name="autohide" value="8"><div class="mdw-selection__icon"></div><div class="mdw-selection__label">8</div></label><label class="mdw-selection" mdw-theme-color="accent" style="margin:16px 8px"><input class="mdw-selection__input" type="radio" name="autohide" value="9"><div class="mdw-selection__icon"></div><div class="mdw-selection__label">9</div></label><label class="mdw-selection" mdw-theme-color="accent" style="margin:16px 8px"><input class="mdw-selection__input" type="radio" name="autohide" value="10"><div class="mdw-selection__icon"></div><div class="mdw-selection__label">10</div></label></div><div class="mdw-type" mdw-style="subtitle">Options</div><div><label class="mdw-selection" mdw-theme-color="accent" style="margin:16px 8px"><input class="mdw-selection__input" type="checkbox" name="stacked"><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Stacked</div></label></div></div></div><div class="mdw-layout__item" mdw-colspan="100%" style="max-height:0"></div><div class="mdw-layout__item" mdw-colspan="6"><div class="display-flex" flex-column><h6 class="mdw-type">HTML Code</h6><div class="mdw-card component-code component-html"></div></div></div><div class="mdw-layout__item" mdw-colspan="2"><div class="display-flex" flex-column><h6 class="mdw-type">Javascript Code</h6><div class="mdw-card component-code component-js"></div></div></div></div></div></div><script src="snackbar.min.js"></script></body></html>
@@ -1,2 +0,0 @@
1
- !function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=62)}({0:function(e,t,n){"use strict";function r(e){return window.localStorage?localStorage.getItem(e):null}function o(e,t){window.localStorage&&localStorage.setItem(e,t)}function i(e){window.localStorage&&localStorage.removeItem(e)}n.d(t,"a",function(){return r}),n.d(t,"c",function(){return o}),n.d(t,"b",function(){return i})},1:function(e,t,n){"use strict";function r(e,t){var n=e.getElementsByClassName(t)[0];return n&&n.parentElement!==e?null:n}function o(e,t,n){var r;for(r=!1===n?e.parentElement:e;null!=r&&!r.classList.contains(t);)r=r.parentElement;return r}function i(){return document.documentElement.hasAttribute("dir")&&"rtl"===document.documentElement.getAttribute("dir").toLowerCase()}function a(e,t){var n=document.createEvent("Event");return n.initEvent(t,!0,!0),e.dispatchEvent(n)}n.d(t,"c",function(){return r}),n.d(t,"b",function(){return o}),n.d(t,"d",function(){return i}),n.d(t,"a",function(){return a}),n.d(t,"e",function(){return c});var c=window.requestAnimationFrame||function(e){return setTimeout(e,17)}},2:function(e,t,n){"use strict";n.d(t,"c",function(){return a}),n.d(t,"a",function(){return c}),n.d(t,"b",function(){return u}),n.d(t,"d",function(){return d});var r=n(0),o="black dark",i="white light";function a(e,t){e?(document.documentElement.setAttribute("dir","rtl"),t&&t.removeAttribute("mdw-inactive"),Object(r.c)("rtlmode","true")):(document.documentElement.removeAttribute("dir"),t&&t.setAttribute("mdw-inactive",""),Object(r.b)("rtlmode"))}function c(e,t){e?(document.documentElement.setAttribute("mdw-theme-fill",o),t&&t.removeAttribute("mdw-inactive")):(document.documentElement.setAttribute("mdw-theme-fill",i),t&&t.setAttribute("mdw-inactive","")),Object(r.c)("darkmode",e?"true":"false")}function u(e,t){e?(document.documentElement.style.setProperty("font-size",e),t&&t.removeAttribute("mdw-inactive"),Object(r.c)("fontsize",e)):(document.documentElement.style.removeProperty("font-size"),t&&t.setAttribute("mdw-inactive",""),Object(r.b)("fontsize"))}function d(){var e=document.getElementById("docs-menu-buttons").getElementsByClassName("mdw-button"),t=e[0],n=e[1],i=e[2];!function(e){"true"===Object(r.a)("rtlmode")&&a(!0,e),e.addEventListener("click",function(){"rtl"===document.documentElement.getAttribute("dir")?a(!1,e):a(!0,e)})}(t),function(e){"true"===Object(r.a)("darkmode")&&c(!0,e),e.addEventListener("click",function(){document.documentElement.getAttribute("mdw-theme-fill")===o?c(!1,e):c(!0,e)})}(n),function(e){u(Object(r.a)("fontsize"),e),e.addEventListener("click",function(){document.documentElement.style.getPropertyValue("font-size")?u(null,e):u("125%",e)})}(i)}},3:function(e,t,n){"use strict";n.d(t,"a",function(){return i});var r=n(1);function o(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}var i=function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e)}return function(e,t,n){n&&o(e,n)}(e,0,[{key:"attach",value:function(t){var n=Object(r.c)(t,"mdw-ripple");n||((n=document.createElement("div")).classList.add("mdw-ripple"),t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n));var o=Object(r.c)(n,"mdw-ripple__inner");o||((o=document.createElement("div")).classList.add("mdw-ripple__inner"),n.appendChild(o)),t.setAttribute("mdw-ripple",""),n.addEventListener("click",e.onClick)}},{key:"onClick",value:function(e){var t=e.currentTarget,n=Object(r.c)(t,"mdw-ripple__inner");if(n){if(!e.pointerType&&!e.detail)return n.style.removeProperty("left"),void n.style.removeProperty("top");n.style.setProperty("left","".concat(e.offsetX,"px")),n.style.setProperty("top","".concat(e.offsetY,"px"))}}},{key:"detach",value:function(t){var n=Object(r.c)(t,"mdw-ripple");n&&t.removeChild(n),t.removeAttribute("mdw-ripple"),t.removeEventListener("click",e.onClick)}}]),e}()},4:function(e,t,n){"use strict";function r(e){for(var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=e.tagName.toLowerCase(),o=[],i=0;i<e.attributes.length;i+=1){var a=e.attributes.item(i);a.value.length?o.push("".concat(a.name,'="').concat(a.value,'"')):o.push(a.name)}o.sort();for(var c=[n,o.join(" ")],u="<".concat(c.filter(function(e){return e}).join(" ").trim(),">"),d="</".concat(n,">"),s=[u],l=[],m=!0,f=0;f<e.childNodes.length;f+=1){var b=e.childNodes.item(f),h=void 0;b instanceof HTMLElement?(h=r(b," ".concat(t))).trim()&&(m=!1):b.nodeValue&&(h=" ".concat(b.nodeValue)),h&&h.trim()&&l.push(h)}return m?t+s.join("")+l.join("").trim()+d:(l.filter(function(e){return e.trim()}).forEach(function(e){return s.push(e)}),s.push(t+d),t+s.join("\n"))}function o(e,t,n){var r;r=e instanceof Element?[r]:e;for(var o=0;o<r.length;o+=1)r[o].addEventListener(t,n)}function i(e){for(var t=0;t<e.childNodes.length;t+=1){var n=e.childNodes[t];if(n.nodeType===Node.TEXT_NODE)return n}var r=document.createTextNode("");return e.appendChild(r),r}function a(e,t){for(var n=document.createElement(t),r=e.attributes.length-1;r>=0;r-=1){var o=e.attributes.item(r);n.attributes.setNamedItem(o.cloneNode())}for(;e.firstChild;)n.appendChild(e.firstChild);return e.parentElement.replaceChild(n,e),n}n.d(t,"c",function(){return r}),n.d(t,"a",function(){return o}),n.d(t,"d",function(){return i}),n.d(t,"b",function(){return a})},5:function(e,t,n){"use strict";n.d(t,"a",function(){return i});var r=n(3);function o(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}var i=function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e)}return function(e,t,n){n&&o(e,n)}(e,0,[{key:"attach",value:function(t){t.setAttribute("mdw-js",""),t.hasAttribute("mdw-icon")||r.a.attach(t),t instanceof HTMLButtonElement==0&&t instanceof HTMLInputElement==0&&t.addEventListener("keydown",e.onKeyDown)}},{key:"detach",value:function(t){t.removeEventListener("keydown",e.onKeyDown),t.removeAttribute("mdw-js"),r.a.detach(t)}},{key:"onKeyDown",value:function(e){if("Enter"===e.key||"Spacebar"===e.key||" "===e.key){var t=e.currentTarget;if(t){e.stopPropagation(),e.preventDefault();var n=document.createEvent("Event");n.initEvent("click",!0,!0),t.dispatchEvent(n)}}}}]),e}()},62:function(e,t,n){n(81),e.exports=n(63)},63:function(e,t,n){e.exports=n.p+"snackbar.html"},81:function(e,t,n){"use strict";n.r(t);var r=n(2),o=n(4),i=n(5),a=n(1);function c(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function u(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function d(e,t,n){return t&&u(e.prototype,t),n&&u(e,n),e}var s,l=function(){function e(t){c(this,e),this.element=t,this.hideTimeout=null}return d(e,[{key:"clearHideTimeout",value:function(){this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=null)}}]),e}(),m=[],f=function(){function e(){c(this,e)}return d(e,null,[{key:"attach",value:function(t){var n=t.getElementsByClassName("mdw-button")[0];n&&(i.a.attach(n),n.addEventListener("click",e.onButtonClick)),t.setAttribute("mdw-js","")}},{key:"detach",value:function(t){var n=t.getElementsByClassName("mdw-button")[0];n&&(i.a.detach(n),n.removeEventListener("click",e.onButtonClick)),m.slice().reverse().forEach(function(e,n,r){if(e.element===t){e.clearHideTimeout();var o=r.length-n-1;m.splice(o,1)}}),t.removeAttribute("mdw-js")}},{key:"onButtonClick",value:function(t){t&&t.currentTarget instanceof HTMLAnchorElement&&t.preventDefault();var n=Object(a.b)(t.currentTarget,"mdw-snackbar");e.hide(n)}},{key:"getNextSnackbarStack",value:function(){var e=m[0];return!e||e.element&&e.element.parentElement?e:(m.splice(0,1),this.getNextSnackbarStack())}},{key:"hide",value:function(t){if(t.hasAttribute("mdw-hide"))return!1;if(!Object(a.a)(t,"mdw:hide"))return!1;t.setAttribute("mdw-hide","");var n=-1;m.some(function(e,r){return e.element===t&&(n=r,e.clearHideTimeout(),!0)}),-1!==n&&m.splice(n,1),t.hasAttribute("mdw-autodestroy")&&setTimeout(function(){t.parentElement&&Object(a.a)(t,"mdw:destroy")&&t.parentElement.removeChild(t)},1e3);var r=e.getNextSnackbarStack();return r&&(r.element.setAttribute("mdw-consecutive",""),e.show(r.element)),!0}},{key:"show",value:function(t){if(!t.hasAttribute("mdw-hide")&&t.hasAttribute("mdw-show"))return!1;if(!Object(a.a)(t,"mdw:show"))return!1;var n,r=-1;if(m.some(function(e,o){return e.element===t&&(n=e,r=o,!0)}),r>0)return!0;if(!n&&(n=new l(t),m.push(n),1!==m.length))return!0;if(t.removeAttribute("mdw-hide"),t.setAttribute("mdw-show",""),e.attach(t),n.clearHideTimeout(),t.hasAttribute("mdw-autohide")){var o=parseInt(t.getAttribute("mdw-autohide"),10)||4;o>0&&(n.hideTimeout=setTimeout(function(){e.hide(t)},1e3*o))}return!0}},{key:"create",value:function(t){var n=document.createElement("div");n.classList.add("mdw-snackbar"),n.setAttribute("role","alert"),n.setAttribute("mdw-hide","");var r,o=document.createElement("span");if(o.textContent=t.text,n.appendChild(o),t.buttonText){var i=document.createElement("button");i.classList.add("mdw-button"),void 0===t.buttonThemeColor?i.setAttribute("mdw-theme-color","primary"):"string"==typeof t.buttonThemeColor&&i.setAttribute("mdw-theme-color",t.buttonThemeColor),n.appendChild(i)}if(t.stacked&&n.setAttribute("mdw-stacked",""),!1!==t.autoHide&&(r=!0===t.autoHide?4:null==t.autoHide?4:t.autoHide)>0&&n.setAttribute("mdw-autohide",r.toString()),!1!==t.autoDestroy&&n.setAttribute("mdw-autodestroy",""),t.parent&&(t.parent.appendChild(n),t.show)){var a=function(){e.show(n)};window.requestAnimationFrame?window.requestAnimationFrame(function(){window.requestAnimationFrame(a)}):setTimeout(a,2/60)}return n}}]),e}();function b(){var e=document.querySelector('input[name="javascript"][value="required"]').checked,t=document.querySelector('input[name="javascript"][value="optional"]').checked,n=e||t;f.detach(s),document.getElementsByClassName("component-html")[0].textContent=Object(o.c)(s),n&&f.attach(s),document.getElementsByClassName("component-js")[0].textContent=["Snackbar.show(snackBarElement);"].join("\n")}!function(){for(var e=document.querySelectorAll(".js .mdw-snackbar"),t=0;t<e.length;t+=1)f.attach(e.item(t))}(),Object(r.d)(),s=document.querySelector(".component-sample .mdw-snackbar__container"),document.querySelector(".component-sample button.mdw-button").addEventListener("click",function(){f.create({text:"Snackbar created at: ".concat((new Date).toLocaleTimeString()),parent:document.querySelector(".js-sample"),show:!0})}),Object(o.a)(document.querySelectorAll("input[name]"),"change",function(e){var t=e.target,n=t.name,r=t.value,o=t.checked,i=s.getElementsByClassName("mdw-snackbar")[0],a=s.getElementsByTagName("span")[0],c=s.getElementsByClassName("mdw-button")[0];switch(n){case"stacked":o?i.setAttribute("mdw-stacked",""):i.removeAttribute("mdw-stacked");break;case"text":switch(r){case"short":a.textContent="Short message snackbar.";break;case"long":a.textContent="Long message snackbar that wraps text on smaller screens.";break;case"line-break":a.textContent="Two-line message\n with explicit line break."}break;case"visibility":switch(r){default:case"auto":i.removeAttribute("mdw-hide"),i.removeAttribute("mdw-show");break;case"show":i.removeAttribute("mdw-hide"),i.setAttribute("mdw-show","");break;case"hide":i.setAttribute("mdw-hide",""),i.removeAttribute("mdw-show")}break;case"autohide":switch(r){case"none":i.removeAttribute("mdw-autohide");break;case"4":i.setAttribute("mdw-autohide","");break;default:i.setAttribute("mdw-autohide",r)}break;case"position":switch(r){default:case"start":s.removeAttribute("mdw-position");break;case"center":s.setAttribute("mdw-position","center");break;case"end":s.setAttribute("mdw-position","end")}break;case"button":if("none"===r){c&&c.parentElement.removeChild(c);break}switch(c||((c=document.createElement("button")).classList.add("mdw-button"),c.setAttribute("mdw-theme-color","accent"),i.appendChild(c)),r){case"short":c.textContent="Action";break;case"long":c.textContent="Longer Action Text"}}b()}),b()}});
2
- //# sourceMappingURL=snackbar.min.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./docs/src/storage.js","webpack:///./components/common/dom.js","webpack:///./docs/src/menuoptions.js","webpack:///./components/ripple/index.js","webpack:///./docs/src/sample-utils.js","webpack:///./components/button/index.js","webpack:///./docs/src/components/snackbar.pug","webpack:///./components/snackbar/index.js","webpack:///./docs/src/components/snackbar.js"],"names":["installedModules","__webpack_require__","moduleId","exports","module","i","l","modules","call","m","c","d","name","getter","o","Object","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","default","object","property","prototype","hasOwnProperty","p","s","0","e","getStorageItem","window","localStorage","getItem","setStorageItem","setItem","removeStorageItem","removeItem","__webpack_exports__","getChildElementByClass","element","className","child","getElementsByClassName","parentElement","findElementParentByClassName","includeSelf","el","classList","contains","isRtl","document","documentElement","hasAttribute","getAttribute","toLowerCase","dispatchDomEvent","type","event","createEvent","initEvent","dispatchEvent","nextTick","requestAnimationFrame","cb","setTimeout","2","setRTLMode","setDarkMode","setFontSize","setupMenuOptions","_storage__WEBPACK_IMPORTED_MODULE_0__","darkAttribute","lightAttribute","button","setAttribute","removeAttribute","style","setProperty","removeProperty","buttons","getElementById","buttonRTLMode","buttonDarkMode","largeFontMode","addEventListener","getPropertyValue","Ripple","ripple","createElement","add","firstChild","insertBefore","appendChild","rippleInner","onClick","currentTarget","pointerType","detail","concat","offsetX","offsetY","removeChild","removeEventListener","convertElementToCode","linePrefix","arguments","length","htmlType","tagName","attributes","attribute","item","push","sort","syntaxItems","join","openingHTMLLine","filter","trim","closingHTMLLine","lines","innerLines","onlyText","childNodes","lineText","HTMLElement","nodeValue","line","forEach","attachEventListener","elements","listener","elementList","Element","getChildTextNode","node","childNode","nodeType","Node","TEXT_NODE","textNode","createTextNode","changeElementTagName","tagname","newElement","attr","setNamedItem","cloneNode","replaceChild","Button","attach","HTMLButtonElement","HTMLInputElement","onKeyDown","detach","buttonElement","stopPropagation","preventDefault","newEvent","81","a","u","TypeError","configurable","writable","sampleComponent","SnackbarStack","_classCallCheck","this","hideTimeout","clearTimeout","OPEN_SNACKBARS","Snackbar","snackbarElement","onButtonClick","slice","reverse","stack","reverseIndex","array","clearHideTimeout","index","splice","HTMLAnchorElement","hide","nextSnackbar","getNextSnackbarStack","stackIndex","some","show","snackbarStack","snackbarStackIndex","timeInSeconds","parseInt","options","span","textContent","text","buttonText","buttonThemeColor","stacked","autoHide","toString","autoDestroy","parent","onDrawCallback","updateSampleCode","jsRequired","querySelector","checked","jsOptional","useJS","snackbars","querySelectorAll","Date","toLocaleTimeString","_event$target","target","snackbar","getElementsByTagName"],"mappings":"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","file":"snackbar.min.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 62);\n","/**\n * @param {string} key\n * @return {string}\n */\nexport function getStorageItem(key) {\n if (!window.localStorage) {\n return null;\n }\n return localStorage.getItem(key);\n}\n\n/**\n * @param {string} key\n * @param {string} value\n * @return {void}\n */\nexport function setStorageItem(key, value) {\n if (!window.localStorage) {\n return;\n }\n localStorage.setItem(key, value);\n}\n\n/**\n * @param {string} key\n * @return {void}\n */\nexport function removeStorageItem(key) {\n if (!window.localStorage) {\n return;\n }\n localStorage.removeItem(key);\n}\n","/**\n * @param {Element} element\n * @param {string} className\n * @return {Element}\n */\nexport function getChildElementByClass(element, className) {\n const child = element.getElementsByClassName(className)[0];\n if (child && child.parentElement !== element) {\n return null;\n }\n return child;\n}\n\n/**\n * @param {Element} element\n * @param {string} className\n * @param {boolean=} [includeSelf=true]\n * @return {Element}\n */\nexport function findElementParentByClassName(element, className, includeSelf) {\n /** @type {Element} */\n let el;\n if (includeSelf === false) {\n el = element.parentElement;\n } else {\n el = element;\n }\n while (el != null && !el.classList.contains(className)) {\n el = el.parentElement;\n }\n return el;\n}\n\n/** @return {boolean} */\nexport function isRtl() {\n return document.documentElement.hasAttribute('dir')\n && document.documentElement.getAttribute('dir').toLowerCase() === 'rtl';\n}\n\n/**\n * @param {Element} element\n * @param {string} type\n * @return {boolean}\n */\nexport function dispatchDomEvent(element, type) {\n const event = document.createEvent('Event');\n event.initEvent(type, true, true);\n return element.dispatchEvent(event);\n}\n\nexport const nextTick = window.requestAnimationFrame || (cb => setTimeout(cb, 17));\n","import { setStorageItem, removeStorageItem, getStorageItem } from './storage';\n\nconst darkAttribute = 'black dark';\nconst lightAttribute = 'white light';\n\n/**\n * @param {boolean} value\n * @param {Element=} button\n * @return {void}\n */\nexport function setRTLMode(value, button) {\n if (value) {\n document.documentElement.setAttribute('dir', 'rtl');\n if (button) {\n button.removeAttribute('mdw-inactive');\n }\n // element.setAttribute('mdw-active', '');\n // Poor visibility even though spec says 70% opacity\n setStorageItem('rtlmode', 'true');\n } else {\n document.documentElement.removeAttribute('dir');\n if (button) {\n button.setAttribute('mdw-inactive', '');\n }\n // element.removeAttribute('mdw-active');\n removeStorageItem('rtlmode');\n }\n}\n\n/**\n * @param {boolean} value\n * @param {Element=} button\n * @return {void}\n */\nexport function setDarkMode(value, button) {\n if (value) {\n document.documentElement.setAttribute('mdw-theme-fill', darkAttribute);\n if (button) {\n button.removeAttribute('mdw-inactive');\n }\n // element.setAttribute('mdw-active', '');\n // Poor visibility even though spec says 70% opacity\n } else {\n document.documentElement.setAttribute('mdw-theme-fill', lightAttribute);\n if (button) {\n button.setAttribute('mdw-inactive', '');\n }\n // element.removeAttribute('mdw-active');\n }\n setStorageItem('darkmode', value ? 'true' : 'false');\n}\n\n/**\n * @param {string} value\n * @param {Element=} button\n * @return {void}\n */\nexport function setFontSize(value, button) {\n if (value) {\n document.documentElement.style.setProperty('font-size', value);\n if (button) {\n button.removeAttribute('mdw-inactive');\n }\n // element.setAttribute('mdw-active', '');\n // Poor visibility even though spec says 70% opacity\n setStorageItem('fontsize', value);\n } else {\n document.documentElement.style.removeProperty('font-size');\n if (button) {\n button.setAttribute('mdw-inactive', '');\n }\n // element.removeAttribute('mdw-active');\n removeStorageItem('fontsize');\n }\n}\n\n/**\n * @param {Element} element\n * @return {void}\n */\nfunction setupRTLMode(element) {\n if (getStorageItem('rtlmode') === 'true') {\n setRTLMode(true, element);\n }\n element.addEventListener('click', () => {\n if (document.documentElement.getAttribute('dir') === 'rtl') {\n setRTLMode(false, element);\n } else {\n setRTLMode(true, element);\n }\n });\n}\n\n/**\n * @param {Element} element\n * @return {void}\n */\nfunction setupDarkMode(element) {\n if (getStorageItem('darkmode') === 'true') {\n setDarkMode(true, element);\n }\n element.addEventListener('click', () => {\n if (document.documentElement.getAttribute('mdw-theme-fill') === darkAttribute) {\n setDarkMode(false, element);\n } else {\n setDarkMode(true, element);\n }\n });\n}\n\n/**\n * @param {Element} element\n * @return {void}\n */\nfunction setupLargeFontMode(element) {\n const fontsize = getStorageItem('fontsize');\n setFontSize(fontsize, element);\n element.addEventListener('click', () => {\n if (document.documentElement.style.getPropertyValue('font-size')) {\n setFontSize(null, element);\n } else {\n setFontSize('125%', element);\n }\n });\n}\n\n/** @return {void} */\nexport function setupMenuOptions() {\n const buttons = document.getElementById('docs-menu-buttons').getElementsByClassName('mdw-button');\n const buttonRTLMode = buttons[0];\n const buttonDarkMode = buttons[1];\n const largeFontMode = buttons[2];\n setupRTLMode(buttonRTLMode);\n setupDarkMode(buttonDarkMode);\n setupLargeFontMode(largeFontMode);\n}\n","import { getChildElementByClass } from '../common/dom';\n\nclass Ripple {\n /**\n * @param {Element} element\n * @return {void}\n */\n static attach(element) {\n let ripple = getChildElementByClass(element, 'mdw-ripple');\n if (!ripple) {\n ripple = document.createElement('div');\n ripple.classList.add('mdw-ripple');\n if (element.firstChild) {\n element.insertBefore(ripple, element.firstChild);\n } else {\n element.appendChild(ripple);\n }\n }\n\n let rippleInner = getChildElementByClass(ripple, 'mdw-ripple__inner');\n if (!rippleInner) {\n rippleInner = document.createElement('div');\n rippleInner.classList.add('mdw-ripple__inner');\n ripple.appendChild(rippleInner);\n }\n element.setAttribute('mdw-ripple', '');\n ripple.addEventListener('click', Ripple.onClick);\n }\n\n /**\n * @param {PointerEvent|MouseEvent} event\n * @return {void}\n */\n static onClick(event) {\n /** @type {HTMLElement} */\n const el = event.currentTarget;\n const rippleInner = getChildElementByClass(el, 'mdw-ripple__inner');\n if (!rippleInner) {\n return;\n }\n if (!event.pointerType && !event.detail) {\n // Ripple from center\n rippleInner.style.removeProperty('left');\n rippleInner.style.removeProperty('top');\n return;\n }\n rippleInner.style.setProperty('left', `${event.offsetX}px`);\n rippleInner.style.setProperty('top', `${event.offsetY}px`);\n }\n\n static detach(element) {\n const ripple = getChildElementByClass(element, 'mdw-ripple');\n if (ripple) {\n element.removeChild(ripple);\n }\n element.removeAttribute('mdw-ripple');\n element.removeEventListener('click', Ripple.onClick);\n }\n}\n\nexport {\n Ripple,\n};\n","/**\n * @param {HTMLElement} element\n * @param {string=} linePrefix\n * @return {string}\n */\nfunction convertElementToCode(element, linePrefix = '') {\n const htmlType = element.tagName.toLowerCase();\n const attributes = [];\n for (let i = 0; i < element.attributes.length; i += 1) {\n const attribute = element.attributes.item(i);\n if (attribute.value.length) {\n attributes.push(`${attribute.name}=\"${attribute.value}\"`);\n } else {\n attributes.push(attribute.name);\n }\n }\n attributes.sort();\n const syntaxItems = [htmlType, attributes.join(' ')];\n const openingHTMLLine = `<${syntaxItems.filter(item => item).join(' ').trim()}>`;\n const closingHTMLLine = `</${htmlType}>`;\n const lines = [openingHTMLLine];\n const innerLines = [];\n let onlyText = true;\n for (let i = 0; i < element.childNodes.length; i += 1) {\n const child = element.childNodes.item(i);\n let lineText;\n if (child instanceof HTMLElement) {\n lineText = convertElementToCode(child, ` ${linePrefix}`);\n if (lineText.trim()) {\n onlyText = false;\n }\n } else if (child.nodeValue) {\n lineText = ` ${child.nodeValue}`;\n }\n if (lineText && lineText.trim()) {\n innerLines.push(lineText);\n }\n }\n if (onlyText) {\n return linePrefix + lines.join('') + innerLines.join('').trim() + closingHTMLLine;\n }\n innerLines\n .filter(line => line.trim())\n .forEach(line => lines.push(line));\n lines.push(linePrefix + closingHTMLLine);\n return linePrefix + lines.join('\\n');\n}\n\n/**\n * @param {Element|NodeListOf<Element>} elements\n * @param {string} event\n * @param {Function} listener\n * @return {void}\n */\nfunction attachEventListener(elements, event, listener) {\n let elementList;\n if (elements instanceof Element) {\n elementList = [elementList];\n } else {\n elementList = elements;\n }\n for (let i = 0; i < elementList.length; i += 1) {\n const el = elementList[i];\n el.addEventListener(event, listener);\n }\n}\n\n/**\n * @param {Element} node\n * @return {Node}\n */\nfunction getChildTextNode(node) {\n for (let i = 0; i < node.childNodes.length; i += 1) {\n const childNode = node.childNodes[i];\n if (childNode.nodeType === Node.TEXT_NODE) {\n return childNode;\n }\n }\n const textNode = document.createTextNode('');\n node.appendChild(textNode);\n return textNode;\n}\n\n/**\n * @param {Element} element\n * @param {string} tagname\n * @return {Element}\n */\nfunction changeElementTagName(element, tagname) {\n const newElement = document.createElement(tagname);\n for (let i = element.attributes.length - 1; i >= 0; i -= 1) {\n const attr = element.attributes.item(i);\n newElement.attributes.setNamedItem(attr.cloneNode());\n }\n while (element.firstChild) {\n newElement.appendChild(element.firstChild);\n }\n\n element.parentElement.replaceChild(newElement, element);\n return newElement;\n}\n\nexport {\n convertElementToCode,\n attachEventListener,\n getChildTextNode,\n changeElementTagName,\n};\n","\n// https://www.w3.org/TR/wai-aria-practices/#button\n\nimport { Ripple } from '../ripple/index';\n\nclass Button {\n /**\n * @param {Element} element\n * @return {void}\n */\n static attach(element) {\n element.setAttribute('mdw-js', '');\n if (!element.hasAttribute('mdw-icon')) {\n Ripple.attach(element);\n }\n if (element instanceof HTMLButtonElement === false\n && element instanceof HTMLInputElement === false) {\n element.addEventListener('keydown', Button.onKeyDown);\n }\n }\n\n /**\n * @param {Element} element\n * @return {void}\n */\n static detach(element) {\n element.removeEventListener('keydown', Button.onKeyDown);\n element.removeAttribute('mdw-js');\n Ripple.detach(element);\n }\n\n /**\n * @param {KeyboardEvent} event\n * @return {void}\n */\n static onKeyDown(event) {\n if (event.key !== 'Enter' && event.key !== 'Spacebar' && event.key !== ' ') {\n return;\n }\n const buttonElement = event.currentTarget;\n if (!buttonElement) {\n return;\n }\n event.stopPropagation();\n event.preventDefault();\n const newEvent = document.createEvent('Event');\n newEvent.initEvent('click', true, true);\n buttonElement.dispatchEvent(newEvent);\n }\n}\n\nexport {\n Button,\n};\n","module.exports = __webpack_public_path__ + \"snackbar.html\";","// https://www.w3.org/TR/wai-aria-practices/#alert\n\nimport { Button } from '../button/index';\nimport { findElementParentByClassName, dispatchDomEvent } from '../common/dom';\n\n// Time to wait until hide animation finishes before destroying element\nconst SNACKBAR_DESTROY_TIMEOUT_MS = 1000;\n\nclass SnackbarStack {\n /**\n * @param {Element} element\n */\n constructor(element) {\n this.element = element;\n this.hideTimeout = null;\n }\n\n /** @return {void} */\n clearHideTimeout() {\n if (this.hideTimeout) {\n clearTimeout(this.hideTimeout);\n this.hideTimeout = null;\n }\n }\n}\n\n/** @type {SnackbarStack[]} */\nconst OPEN_SNACKBARS = [];\nclass Snackbar {\n /**\n * @param {Element} snackbarElement\n * @return {void}\n */\n static attach(snackbarElement) {\n const button = snackbarElement.getElementsByClassName('mdw-button')[0];\n if (button) {\n Button.attach(button);\n button.addEventListener('click', Snackbar.onButtonClick);\n }\n snackbarElement.setAttribute('mdw-js', '');\n }\n\n static detach(snackbarElement) {\n const button = snackbarElement.getElementsByClassName('mdw-button')[0];\n if (button) {\n Button.detach(button);\n button.removeEventListener('click', Snackbar.onButtonClick);\n }\n // Remove timeouts and stacks\n OPEN_SNACKBARS.slice().reverse().forEach((stack, reverseIndex, array) => {\n if (stack.element === snackbarElement) {\n stack.clearHideTimeout();\n const index = array.length - reverseIndex - 1;\n OPEN_SNACKBARS.splice(index, 1);\n }\n });\n snackbarElement.removeAttribute('mdw-js');\n }\n\n static onButtonClick(event) {\n if (event && event.currentTarget instanceof HTMLAnchorElement) {\n event.preventDefault();\n }\n const snackbarElement = findElementParentByClassName(event.currentTarget, 'mdw-snackbar');\n Snackbar.hide(snackbarElement);\n }\n\n /** @return {SnackbarStack} */\n static getNextSnackbarStack() {\n const nextSnackbar = OPEN_SNACKBARS[0];\n if (nextSnackbar && (!nextSnackbar.element || !nextSnackbar.element.parentElement)) {\n // Item was removed from DOM externally\n OPEN_SNACKBARS.splice(0, 1);\n return this.getNextSnackbarStack();\n }\n return nextSnackbar;\n }\n\n /**\n * @param {Element} snackbarElement\n * @return {boolean} handled\n */\n static hide(snackbarElement) {\n if (snackbarElement.hasAttribute('mdw-hide')) {\n return false;\n }\n if (!dispatchDomEvent(snackbarElement, 'mdw:hide')) {\n return false;\n }\n snackbarElement.setAttribute('mdw-hide', '');\n let stackIndex = -1;\n OPEN_SNACKBARS.some((stack, index) => {\n if (stack.element === snackbarElement) {\n stackIndex = index;\n stack.clearHideTimeout();\n return true;\n }\n return false;\n });\n if (stackIndex !== -1) {\n OPEN_SNACKBARS.splice(stackIndex, 1);\n }\n if (snackbarElement.hasAttribute('mdw-autodestroy')) {\n setTimeout(() => {\n if (!snackbarElement.parentElement) {\n return;\n }\n if (!dispatchDomEvent(snackbarElement, 'mdw:destroy')) {\n return;\n }\n snackbarElement.parentElement.removeChild(snackbarElement);\n }, SNACKBAR_DESTROY_TIMEOUT_MS);\n }\n const nextSnackbar = Snackbar.getNextSnackbarStack();\n if (nextSnackbar) {\n nextSnackbar.element.setAttribute('mdw-consecutive', '');\n Snackbar.show(nextSnackbar.element);\n }\n return true;\n }\n\n /**\n * @param {Element} snackbarElement\n * @return {boolean} handled\n */\n static show(snackbarElement) {\n if (!snackbarElement.hasAttribute('mdw-hide') && snackbarElement.hasAttribute('mdw-show')) {\n // Already shown\n return false;\n }\n if (!dispatchDomEvent(snackbarElement, 'mdw:show')) {\n // Event was canceled\n return false;\n }\n let snackbarStackIndex = -1;\n let snackbarStack;\n OPEN_SNACKBARS.some((stack, index) => {\n if (stack.element === snackbarElement) {\n snackbarStack = stack;\n snackbarStackIndex = index;\n return true;\n }\n return false;\n });\n if (snackbarStackIndex > 0) {\n // Stacked for later\n return true;\n }\n if (!snackbarStack) {\n snackbarStack = new SnackbarStack(snackbarElement);\n OPEN_SNACKBARS.push(snackbarStack);\n if (OPEN_SNACKBARS.length !== 1) {\n // Not first, show later\n return true;\n }\n }\n snackbarElement.removeAttribute('mdw-hide');\n snackbarElement.setAttribute('mdw-show', '');\n Snackbar.attach(snackbarElement);\n snackbarStack.clearHideTimeout();\n if (snackbarElement.hasAttribute('mdw-autohide')) {\n const timeInSeconds = parseInt(snackbarElement.getAttribute('mdw-autohide'), 10) || 4;\n if (timeInSeconds > 0) {\n snackbarStack.hideTimeout = setTimeout(() => {\n Snackbar.hide(snackbarElement);\n }, timeInSeconds * 1000);\n }\n }\n return true;\n }\n\n /**\n * @typedef SnackbarCreateOptions\n * @property {!string} text\n * @property {!string=} buttonText\n * @property {string=} [buttonThemeColor='primary']\n * @property {boolean} [stacked=false]\n * @property {number|boolean} [autoHide=4] Auto hide time in seconds\n * @property {boolean} [autoDestroy=true] Destroy element after hide\n * @property {HTMLElement=} parent Parent element to which to append\n * @property {boolean=} show Show element after creation\n */\n\n /**\n * @param {SnackbarCreateOptions} options\n * @return {HTMLElement}\n */\n static create(options) {\n const element = document.createElement('div');\n element.classList.add('mdw-snackbar');\n element.setAttribute('role', 'alert');\n element.setAttribute('mdw-hide', '');\n\n const span = document.createElement('span');\n span.textContent = options.text;\n element.appendChild(span);\n\n if (options.buttonText) {\n const button = document.createElement('button');\n button.classList.add('mdw-button');\n if (typeof options.buttonThemeColor === 'undefined') {\n button.setAttribute('mdw-theme-color', 'primary');\n } else if (typeof options.buttonThemeColor === 'string') {\n button.setAttribute('mdw-theme-color', options.buttonThemeColor);\n } else {\n // Don't set attribute if null is passed\n }\n element.appendChild(button);\n }\n if (options.stacked) {\n element.setAttribute('mdw-stacked', '');\n }\n if (options.autoHide !== false) {\n let timeInSeconds;\n if (options.autoHide === true) {\n timeInSeconds = 4;\n } else if (options.autoHide == null) {\n timeInSeconds = 4;\n } else {\n timeInSeconds = options.autoHide;\n }\n if (timeInSeconds > 0) {\n element.setAttribute('mdw-autohide', timeInSeconds.toString());\n }\n }\n if (options.autoDestroy !== false) {\n element.setAttribute('mdw-autodestroy', '');\n }\n if (options.parent) {\n options.parent.appendChild(element);\n if (options.show) {\n // Wait two frames before calling for, allowing animation to occur\n const onDrawCallback = () => {\n Snackbar.show(element);\n };\n if (window.requestAnimationFrame) {\n window.requestAnimationFrame(() => {\n window.requestAnimationFrame(onDrawCallback);\n });\n } else {\n setTimeout(onDrawCallback, 2 / 60);\n }\n }\n }\n return element;\n }\n}\n\nexport {\n Snackbar,\n};\n","import { setupMenuOptions } from '../menuoptions';\nimport { convertElementToCode, attachEventListener } from '../sample-utils';\nimport { Snackbar } from '../../../components/snackbar/index';\n\n/** @return {void} */\nfunction initializeSampleComponents() {\n const snackbars = document.querySelectorAll('.js .mdw-snackbar');\n for (let i = 0; i < snackbars.length; i += 1) {\n Snackbar.attach(snackbars.item(i));\n }\n}\n\n/** @type {HTMLElement} */\nlet sampleComponent;\n\n/** @return {void} */\nfunction updateSampleCode() {\n const jsRequired = document.querySelector('input[name=\"javascript\"][value=\"required\"]').checked;\n const jsOptional = document.querySelector('input[name=\"javascript\"][value=\"optional\"]').checked;\n const useJS = jsRequired || jsOptional;\n\n // Strip JS related elements and attributes\n Snackbar.detach(sampleComponent);\n\n const htmlCodeElement = document.getElementsByClassName('component-html')[0];\n htmlCodeElement.textContent = convertElementToCode(sampleComponent);\n\n // Reattach JS if requested\n if (useJS) {\n Snackbar.attach(sampleComponent);\n }\n\n const jsCodeElement = document.getElementsByClassName('component-js')[0];\n jsCodeElement.textContent = [\n 'Snackbar.show(snackBarElement);',\n ].join('\\n');\n}\n\n/**\n * @param {Event} event\n * @return {void}\n */\nfunction onOptionChange(event) {\n const { name, value, checked } = event.target;\n const snackbar = sampleComponent.getElementsByClassName('mdw-snackbar')[0];\n const span = sampleComponent.getElementsByTagName('span')[0];\n let buttonElement = sampleComponent.getElementsByClassName('mdw-button')[0];\n switch (name) {\n case 'stacked':\n if (checked) {\n snackbar.setAttribute('mdw-stacked', '');\n } else {\n snackbar.removeAttribute('mdw-stacked');\n }\n break;\n case 'text':\n switch (value) {\n case 'short':\n span.textContent = 'Short message snackbar.';\n break;\n case 'long':\n span.textContent = 'Long message snackbar that wraps text on smaller screens.';\n break;\n case 'line-break':\n span.textContent = 'Two-line message\\n with explicit line break.';\n break;\n default:\n }\n break;\n case 'visibility':\n switch (value) {\n default:\n case 'auto':\n snackbar.removeAttribute('mdw-hide');\n snackbar.removeAttribute('mdw-show');\n break;\n case 'show':\n snackbar.removeAttribute('mdw-hide');\n snackbar.setAttribute('mdw-show', '');\n break;\n case 'hide':\n snackbar.setAttribute('mdw-hide', '');\n snackbar.removeAttribute('mdw-show');\n break;\n }\n break;\n case 'autohide':\n switch (value) {\n case 'none':\n snackbar.removeAttribute('mdw-autohide');\n break;\n case '4':\n snackbar.setAttribute('mdw-autohide', '');\n break;\n default:\n snackbar.setAttribute('mdw-autohide', value);\n break;\n }\n break;\n case 'position':\n switch (value) {\n default:\n case 'start':\n sampleComponent.removeAttribute('mdw-position');\n break;\n case 'center':\n sampleComponent.setAttribute('mdw-position', 'center');\n break;\n case 'end':\n sampleComponent.setAttribute('mdw-position', 'end');\n break;\n }\n break;\n case 'button':\n if (value === 'none') {\n if (buttonElement) {\n buttonElement.parentElement.removeChild(buttonElement);\n }\n break;\n }\n if (!buttonElement) {\n buttonElement = document.createElement('button');\n buttonElement.classList.add('mdw-button');\n buttonElement.setAttribute('mdw-theme-color', 'accent');\n snackbar.appendChild(buttonElement);\n }\n switch (value) {\n case 'short':\n buttonElement.textContent = 'Action';\n break;\n case 'long':\n buttonElement.textContent = 'Longer Action Text';\n break;\n default:\n }\n break;\n default:\n }\n updateSampleCode();\n}\n\n/** @return {void} */\nfunction setupComponentOptions() {\n sampleComponent = document.querySelector('.component-sample .mdw-snackbar__container');\n document.querySelector('.component-sample button.mdw-button').addEventListener('click', () => {\n Snackbar.create({\n text: `Snackbar created at: ${new Date().toLocaleTimeString()}`,\n parent: document.querySelector('.js-sample'),\n show: true,\n });\n });\n attachEventListener(\n document.querySelectorAll('input[name]'),\n 'change',\n onOptionChange\n );\n}\n\ninitializeSampleComponents();\nsetupMenuOptions();\nsetupComponentOptions();\nupdateSampleCode();\n"],"sourceRoot":""}
@@ -1,16 +0,0 @@
1
- import setupImageTargets from '../targetHandler';
2
- import { Bottomnav } from '../../../components/bottomnav/index';
3
- import { setupMenuOptions } from '../menuoptions';
4
-
5
- /** @return {void} */
6
- function initializeMdwComponents() {
7
- const bottomnavs = document.querySelectorAll('.js .mdw-bottomnav');
8
- for (let i = 0; i < bottomnavs.length; i += 1) {
9
- Bottomnav.attach(bottomnavs.item(i));
10
- }
11
- }
12
-
13
- initializeMdwComponents();
14
- setupMenuOptions();
15
- setupImageTargets();
16
-
@@ -1,112 +0,0 @@
1
- include ../mixins.pug
2
-
3
- +header()
4
- +navdrawer("bottomnav")
5
- #horizontalLine
6
- #verticalLineLeft
7
- #verticalLineRight
8
- .comparison.clipped-300
9
- .render.mdw-theme-bottomnav
10
- .content.display-flex
11
- .flex-1
12
- ul
13
- li CSS-Only
14
- li Keyboard support
15
- li Radio buttons
16
- li Badges
17
- form.mdw-bottomnav(mdw-theme-color="primary")
18
- label.mdw-bottomnav__item
19
- input.mdw-bottomnav__input(type="radio" name="bottomnav" value="recents")
20
- .mdw-bottomnav__icon.material-icons history
21
- .mdw-bottomnav__label Recents
22
- label.mdw-bottomnav__item(mdw-badge="")
23
- input.mdw-bottomnav__input(type="radio" name="bottomnav" value="favorites" checked)
24
- .mdw-bottomnav__icon.material-icons favorite
25
- .mdw-bottomnav__label Favorites
26
- label.mdw-bottomnav__item
27
- input.mdw-bottomnav__input(type="radio" name="bottomnav" value="nearby")
28
- .mdw-bottomnav__icon.material-icons near_me
29
- .mdw-bottomnav__label Nearby
30
- +androidnavbar
31
- +target('https://storage.googleapis.com/material-design/publish/material_v_12/assets/0B3321sZLoP_HZjN1eld5MjRXb2s/components-bottomnavigation-usage1.png')
32
-
33
- .comparison.clipped-300
34
- .render.mdw-theme-bottomnav
35
- .content.display-flex
36
- .flex-1
37
- ul
38
- li CSS-Only
39
- li Keyboard support
40
- li Disappearing Labels
41
- li Radio buttons
42
- li Badges
43
- form.mdw-bottomnav(mdw-theme-fill="primary-700 dark" mdw-shifting)
44
- input.mdw-bottomnav__input(type="radio" name="shiftingbottomnav" value="movies" id='value1')
45
- label.mdw-bottomnav__item(for='value1')
46
- .mdw-bottomnav__icon.material-icons tv
47
- .mdw-bottomnav__label Movies
48
- input.mdw-bottomnav__input(type="radio" name="shiftingbottomnav" value="music" id='value2' checked )
49
- label.mdw-bottomnav__item(for='value2' mdw-badge)
50
- .mdw-bottomnav__icon.material-icons music_note
51
- .mdw-bottomnav__label Music
52
- input.mdw-bottomnav__input(type="radio" name="shiftingbottomnav" value="books" id='value3')
53
- label.mdw-bottomnav__item(for='value3' mdw-badge="88")
54
- .mdw-bottomnav__icon.material-icons book
55
- .mdw-bottomnav__label Books
56
- input.mdw-bottomnav__input(type="radio" name="shiftingbottomnav" value="newsstand" id='value4')
57
- label.mdw-bottomnav__item(for='value4' mdw-badge="888+")
58
- .mdw-bottomnav__icon.material-icons assignment
59
- .mdw-bottomnav__label Newsstand
60
- +androidnavbar
61
- +target('https://storage.googleapis.com/material-design/publish/material_v_12/assets/0B3321sZLoP_HZHA1UVAyRFpMVDQ/components-bottomnavigation-usage5.png')
62
-
63
- .comparison.clipped-300
64
- .render.mdw-theme-bottomnav
65
- .content.display-flex
66
- .flex-1
67
- ul
68
- li CSS-Only
69
- li Keyboard support
70
- li Disappearing Labels
71
- li ID-less Radio buttons
72
- form.mdw-bottomnav(mdw-theme-fill="primary-700 dark" mdw-shifting)
73
- label.mdw-bottomnav__item
74
- input.mdw-bottomnav__input(type="radio" name="shiftingbottomnav" value="movies")
75
- .mdw-bottomnav__icon.material-icons tv
76
- .mdw-bottomnav__label Movies
77
- label.mdw-bottomnav__item
78
- input.mdw-bottomnav__input(type="radio" name="shiftingbottomnav" value="music" checked)
79
- .mdw-bottomnav__icon.material-icons music_note
80
- .mdw-bottomnav__label Music
81
- label.mdw-bottomnav__item
82
- input.mdw-bottomnav__input(type="radio" name="shiftingbottomnav" value="books")
83
- .mdw-bottomnav__icon.material-icons book
84
- .mdw-bottomnav__label Books
85
- label.mdw-bottomnav__item
86
- input.mdw-bottomnav__input(type="radio" name="shiftingbottomnav" value="newsstand")
87
- .mdw-bottomnav__icon.material-icons assignment
88
- .mdw-bottomnav__label Newsstand
89
- +androidnavbar
90
- +target('https://storage.googleapis.com/material-design/publish/material_v_12/assets/0B3321sZLoP_HZHA1UVAyRFpMVDQ/components-bottomnavigation-usage5.png')
91
-
92
- .comparison.clipped-300.js
93
- .render.mdw-theme-bottomnav
94
- .content.display-flex
95
- .flex-1
96
- ul
97
- li Javascript-based
98
- li No radio buttons
99
- li Badges
100
- .mdw-bottomnav(mdw-theme-color="primary")
101
- .mdw-bottomnav__item(mdw-badge)
102
- .mdw-bottomnav__icon.material-icons history
103
- .mdw-bottomnav__label Recents
104
- .mdw-bottomnav__item(mdw-selected)
105
- .mdw-bottomnav__icon.material-icons favorite
106
- .mdw-bottomnav__label Favorites
107
- .mdw-bottomnav__item(mdw-badge="12")
108
- .mdw-bottomnav__icon.material-icons near_me
109
- .mdw-bottomnav__label Nearby
110
- +androidnavbar
111
- +target('https://storage.googleapis.com/material-design/publish/material_v_12/assets/0B3321sZLoP_HZHA1UVAyRFpMVDQ/components-bottomnavigation-usage5.png')
112
- script(src='bottomnav.min.js')