@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
- {"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/components/dialog.pug","webpack:///./docs/src/sample-utils.js","webpack:///./components/button/index.js","webpack:///./components/dialog/index.js","webpack:///./docs/src/components/dialog.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","4","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","OPEN_DIALOGS","Dialog","dialogCloser","onCancelClick","popup","querySelectorAll","foundConfirmButton","foundCancelButton","onCustomButtonClick","onConfirmClick","dialogElement","popupElement","HTMLAnchorElement","CANCEL_EVENT","hide","CONFIRM_EVENT","CUSTOM_EVENT","onEscapeKeyDown","handleTabKeyPress","cancel","state","lastOpenDialog","previousState","keys","every","title","getTitleText","history","pushState","titleElement","textContent","bodyElement","DISMISS_EVENT","stackIndex","some","stack","index","previousFocus","activeElement","focus","splice","hash","back","onPopState","changed","updateTransformOrigin","newState","Math","random","toString","substr","replaceState","dialogStack","DialogStack","_classCallCheck","this","focusElement","querySelector","focusableElements","foundTarget","candidate","target","shiftKey","content","DocumentFragment","lastChild","texts","buttonElements","body","insertAdjacentElement","options","updateTitle","updateBody","buttonArea","buttonText","custom","autofocus","stacked","parent","popupPageX","popupPageY","offsetLeft","scrollLeft","offsetTop","scrollTop","offsetParent","pageX","pageY","rect","getBoundingClientRect","width","x","y","height","transformOriginX","transformOriginY","dismiss","sampleComponent","onSampleButtonClick","show","updateSampleCode","jsRequired","checked","jsOptional","useJS","closer","dialogButtons","tabIndexElements","firstElementChild","htmlCodeElement","htmlCodeBlocks","htmlCode","nextElementSibling","confirmDialogElement","alertDialogElement","updateButtonText","_event$target"],"mappings":"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","file":"dialog.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 = 33);\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","module.exports = __webpack_public_path__ + \"dialog.html\";","/**\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","// https://www.w3.org/TR/wai-aria-practices/#dialog_modal\n\nimport { Button } from '../button/index';\nimport { getChildElementByClass, findElementParentByClassName, dispatchDomEvent } from '../common/dom';\n\nclass DialogStack {\n /**\n * @param {Element} element\n * @param {Element} previousFocus\n * @param {Object=} state\n * @param {Object=} previousState\n */\n constructor(element, previousFocus, state, previousState) {\n this.element = element;\n this.previousFocus = previousFocus;\n this.state = state;\n this.previousState = previousState;\n }\n}\n\n/** @type {DialogStack[]} */\nconst OPEN_DIALOGS = [];\nclass Dialog {\n static get CANCEL_EVENT() {\n return 'mdw:dialog-cancel';\n }\n\n static get CONFIRM_EVENT() {\n return 'mdw:dialog-confirm';\n }\n\n static get CUSTOM_EVENT() {\n return 'mdw:dialog-custom';\n }\n\n static get DISMISS_EVENT() {\n return 'mdw:dialog-dismiss';\n }\n\n /**\n * @param {Element} element\n * @return {void}\n */\n static attach(element) {\n let dialogCloser = getChildElementByClass(element, 'mdw-dialog__close');\n if (!dialogCloser) {\n dialogCloser = document.createElement('div');\n dialogCloser.classList.add('mdw-dialog__close');\n if (element.firstChild) {\n element.insertBefore(dialogCloser, element.firstChild);\n } else {\n element.appendChild(dialogCloser);\n }\n }\n dialogCloser.addEventListener('click', Dialog.onCancelClick);\n const popup = getChildElementByClass(element, 'mdw-dialog__popup');\n popup.addEventListener('keydown', Dialog.onKeyDown);\n const buttons = popup.querySelectorAll('.mdw-dialog__button-area .mdw-button');\n let foundConfirmButton = false;\n let foundCancelButton = false;\n for (let i = 0; i < buttons.length; i += 1) {\n const button = buttons.item(i);\n Button.attach(button);\n if (button.hasAttribute('mdw-custom')) {\n button.addEventListener('click', Dialog.onCustomButtonClick);\n } else if (!foundConfirmButton) {\n button.addEventListener('click', Dialog.onConfirmClick);\n foundConfirmButton = true;\n } else if (!foundCancelButton) {\n button.addEventListener('click', Dialog.onCancelClick);\n foundCancelButton = true;\n } else {\n button.addEventListener('click', Dialog.onCustomButtonClick);\n }\n }\n }\n\n static detach(dialogElement) {\n const dialogCloser = getChildElementByClass(dialogElement, 'mdw-dialog__close');\n if (dialogCloser) {\n dialogCloser.removeEventListener('click', Dialog.onCancelClick);\n }\n dialogElement.removeAttribute('mdw-js');\n dialogElement.removeAttribute('mdw-show');\n dialogElement.removeAttribute('mdw-hide');\n const popupElement = dialogElement.getElementsByClassName('mdw-dialog__popup')[0];\n if (popupElement) {\n popupElement.removeEventListener('keydown', Dialog.onKeyDown);\n popupElement.style.removeProperty('transform-origin');\n if (popupElement.hasAttribute('style') && !popupElement.getAttribute('style')) {\n popupElement.removeAttribute('style');\n }\n }\n const buttons = popupElement.querySelectorAll('.mdw-dialog__button-area .mdw-button');\n for (let i = 0; i < buttons.length; i += 1) {\n const button = buttons.item(i);\n Button.detach(button);\n button.removeEventListener('click', Dialog.onConfirmClick);\n button.removeEventListener('click', Dialog.onCancelClick);\n button.removeEventListener('click', Dialog.onCustomButtonClick);\n }\n }\n\n static onCancelClick(event) {\n if (event && event.currentTarget instanceof HTMLAnchorElement) {\n event.preventDefault();\n }\n if (dispatchDomEvent(event.currentTarget, Dialog.CANCEL_EVENT)) {\n const dialogElement = findElementParentByClassName(event.currentTarget, 'mdw-dialog');\n Dialog.hide(dialogElement);\n }\n }\n\n static onConfirmClick(event) {\n if (event && event.currentTarget instanceof HTMLAnchorElement) {\n event.preventDefault();\n }\n if (dispatchDomEvent(event.currentTarget, Dialog.CONFIRM_EVENT)) {\n const dialogElement = findElementParentByClassName(event.currentTarget, 'mdw-dialog');\n Dialog.hide(dialogElement);\n }\n }\n\n static onCustomButtonClick(event) {\n if (event && event.currentTarget instanceof HTMLAnchorElement) {\n event.preventDefault();\n }\n if (dispatchDomEvent(event.currentTarget, Dialog.CUSTOM_EVENT)) {\n const dialogElement = findElementParentByClassName(event.currentTarget, 'mdw-dialog');\n Dialog.hide(dialogElement);\n }\n }\n\n static onKeyDown(event) {\n if (event.key === 'Tab') {\n Dialog.handleTabKeyPress(event);\n return;\n }\n if (event.key === 'Escape' || event.key === 'Esc') {\n Dialog.onEscapeKeyDown(event);\n }\n }\n\n static onEscapeKeyDown(event) {\n event.stopPropagation();\n event.preventDefault();\n const dialogElement = findElementParentByClassName(event.currentTarget, 'mdw-dialog');\n Dialog.cancel(dialogElement);\n }\n\n /**\n * @param {PopStateEvent} event\n * @return {void}\n */\n static onPopState(event) {\n if (!event.state) {\n return;\n }\n const lastOpenDialog = OPEN_DIALOGS[OPEN_DIALOGS.length - 1];\n if (!lastOpenDialog || !lastOpenDialog.previousState) {\n return;\n }\n if ((lastOpenDialog.previousState === event.state) || Object.keys(event.state)\n .every(key => event.state[key] === lastOpenDialog.previousState[key])) {\n if (dispatchDomEvent(lastOpenDialog.element, Dialog.CANCEL_EVENT)) {\n Dialog.hide(lastOpenDialog.element);\n } else {\n // Revert pop state by pushing state again\n const title = Dialog.getTitleText(lastOpenDialog.element);\n window.history.pushState(lastOpenDialog.state, title);\n }\n }\n }\n\n /**\n * @param {Element} dialogElement\n * @return {void}\n */\n static cancel(dialogElement) {\n if (dispatchDomEvent(dialogElement, Dialog.CANCEL_EVENT)) {\n Dialog.hide(dialogElement);\n }\n }\n\n /**\n * @param {Element} dialogElement\n * @return {void}\n */\n static confirm(dialogElement) {\n if (dispatchDomEvent(dialogElement, Dialog.CONFIRM_EVENT)) {\n Dialog.hide(dialogElement);\n }\n }\n\n /**\n * @param {Element} dialogElement\n * @return {string}\n */\n static getTitleText(dialogElement) {\n let title = 'Dialog';\n const titleElement = dialogElement.getElementsByClassName('mdw-dialog__title')[0];\n if (titleElement) {\n title = titleElement.textContent;\n } else {\n const bodyElement = dialogElement.getElementsByClassName('mdw-dialog__body')[0];\n if (bodyElement) {\n title = bodyElement.textContent;\n }\n }\n return title;\n }\n\n /**\n * @param {Element} dialogElement\n * @return {boolean} handled\n */\n static hide(dialogElement) {\n if (dialogElement.hasAttribute('mdw-hide')) {\n return false;\n }\n if (!dispatchDomEvent(dialogElement, Dialog.DISMISS_EVENT)) {\n return false;\n }\n dialogElement.setAttribute('mdw-hide', '');\n let stackIndex = -1;\n OPEN_DIALOGS.some((stack, index) => {\n if (stack.element === dialogElement) {\n stackIndex = index;\n return true;\n }\n return false;\n });\n if (stackIndex !== -1) {\n const stack = OPEN_DIALOGS[stackIndex];\n if (stack.previousFocus) {\n if (findElementParentByClassName(document.activeElement, 'mdw-dialog') === dialogElement) {\n // Only pop focus back when hiding a dialog with focus within itself.\n stack.previousFocus.focus();\n }\n }\n OPEN_DIALOGS.splice(stackIndex, 1);\n if (stack.state && window.history && window.history.state) {\n // IE11 returns a cloned state object, not the original\n if (stack.state.hash === window.history.state.hash) {\n window.history.back();\n }\n }\n }\n if (!OPEN_DIALOGS.length) {\n window.removeEventListener('popstate', Dialog.onPopState);\n }\n return true;\n }\n\n /**\n * @param {Element} dialogElement\n * @param {(MouseEvent|KeyboardEvent|PointerEvent)=} event\n * @return {boolean} handled\n */\n static show(dialogElement, event) {\n if (event && event.currentTarget instanceof HTMLAnchorElement) {\n // Prevent anchor link\n event.preventDefault();\n }\n let changed = false;\n\n Dialog.updateTransformOrigin(dialogElement, event);\n if (dialogElement.hasAttribute('mdw-hide')) {\n dialogElement.removeAttribute('mdw-hide');\n changed = true;\n }\n if (!dialogElement.hasAttribute('mdw-show')) {\n dialogElement.setAttribute('mdw-show', '');\n changed = true;\n }\n if (changed) {\n Dialog.attach(dialogElement);\n const previousFocus = document.activeElement;\n const newState = { hash: Math.random().toString(36).substr(2, 16) };\n let previousState = null;\n if (window.history && window.history.pushState) {\n if (!window.history.state) {\n // Create new previous state\n window.history.replaceState({\n hash: Math.random().toString(36).substr(2, 16),\n }, document.title);\n }\n previousState = window.history.state;\n const title = Dialog.getTitleText(dialogElement);\n window.history.pushState(newState, title);\n window.addEventListener('popstate', Dialog.onPopState);\n }\n const dialogStack = new DialogStack(dialogElement, previousFocus, newState, previousState);\n OPEN_DIALOGS.push(dialogStack);\n const focusElement = dialogElement.querySelector('[mdw-autofocus]');\n if (focusElement) {\n focusElement.focus();\n } else {\n dialogElement.focus();\n }\n }\n return changed;\n }\n\n /**\n * @param {KeyboardEvent} event\n * @return {void}\n */\n static handleTabKeyPress(event) {\n const popupElement = event.currentTarget;\n const focusableElements = popupElement.querySelectorAll([\n 'button:not(:disabled):not([tabindex=\"-1\"])',\n '[href]:not(:disabled):not([tabindex=\"-1\"])',\n 'input:not(:disabled):not([tabindex=\"-1\"])',\n 'select:not(:disabled):not([tabindex=\"-1\"])',\n 'textarea:not(:disabled):not([tabindex=\"-1\"])',\n '[tabindex]:not([tabindex=\"-1\"])'].join(', '));\n let foundTarget = false;\n let candidate = null;\n for (let i = 0; i < focusableElements.length; i += 1) {\n const el = focusableElements.item(i);\n if (el === event.target) {\n foundTarget = true;\n if (event.shiftKey) {\n break;\n }\n } else if (event.shiftKey) {\n candidate = el;\n } else if (foundTarget) {\n candidate = el;\n break;\n }\n }\n if (!candidate) {\n if (event.shiftKey) {\n // Select last item\n candidate = focusableElements[focusableElements.length - 1];\n } else {\n // Select first item\n candidate = focusableElements[0];\n }\n }\n event.stopPropagation();\n event.preventDefault();\n if (candidate) {\n candidate.focus();\n }\n }\n\n /**\n * @param {Element} dialogElement\n * @param {(DocumentFragment|string)=} content\n * @return {void}\n */\n static updateTitle(dialogElement, content) {\n let title = dialogElement.getElementsByClassName('mdw-dialog__title')[0];\n if (!content) {\n if (!title) {\n // Nothing to be done\n return;\n }\n title.parentElement.removeChild(title);\n return;\n }\n if (!title) {\n title = document.createElement('div');\n title.classList.add('mdw-dialog__title');\n const popup = dialogElement.getElementsByClassName('mdw-dialog__popup')[0];\n popup.insertBefore(title, popup.firstChild);\n }\n if (content instanceof DocumentFragment) {\n while (title.lastChild) {\n title.removeChild(title.lastChild);\n }\n title.appendChild(content);\n } else {\n title.textContent = content;\n }\n }\n\n\n /**\n * @param {Element} dialogElement\n * @param {string[]} texts\n * @return {void}\n */\n static updateButtonText(dialogElement, texts) {\n const buttonElements = dialogElement.querySelectorAll('.mdw-dialog__button-area .mdw-button');\n for (let i = 0; i < buttonElements.length; i += 1) {\n const button = buttonElements.item(i);\n button.textContent = texts[i];\n }\n }\n\n /**\n * @param {Element} dialogElement\n * @param {(DocumentFragment|string)=} content\n * @return {void}\n */\n static updateBody(dialogElement, content) {\n let body = dialogElement.getElementsByClassName('mdw-dialog__body')[0];\n if (!content) {\n if (!body) {\n // Nothing to be done\n return;\n }\n body.parentElement.removeChild(body);\n return;\n }\n if (!body) {\n body = document.createElement('div');\n body.classList.add('mdw-dialog__body');\n const title = dialogElement.getElementsByClassName('mdw-dialog__title')[0];\n if (title) {\n title.insertAdjacentElement('afterend', body);\n } else {\n const popup = dialogElement.getElementsByClassName('mdw-dialog__popup')[0];\n popup.insertBefore(body, popup.firstChild);\n }\n }\n if (content instanceof DocumentFragment) {\n while (body.lastChild) {\n body.removeChild(body.lastChild);\n }\n body.appendChild(content);\n } else {\n body.textContent = content;\n }\n }\n\n /**\n * @param {Object} options\n * @param {(DocumentFragment|string)=} options.title\n * @param {(DocumentFragment|string)=} options.body\n * @param {string[]=} options.buttons\n * @param {boolean=} options.stacked\n * @param {Element=} options.parent\n * @param {boolean} [options.custom=false] Use custom button events\n * @param {(string|number)=} [options.autofocus=0] Autofocus button by index or text\n * @return {Element}\n */\n static create(options) {\n const element = document.createElement('div');\n element.classList.add('mdw-dialog');\n\n const popup = document.createElement('div');\n popup.classList.add('mdw-dialog__popup');\n element.appendChild(popup);\n\n Dialog.updateTitle(element, options.title);\n Dialog.updateBody(element, options.body);\n\n if (options.buttons) {\n const buttonArea = document.createElement('div');\n buttonArea.classList.add('mdw-dialog__button-area');\n let index = 0;\n options.buttons.forEach((buttonText) => {\n const button = document.createElement('div');\n button.classList.add('mdw-button');\n button.setAttribute('tabindex', '0');\n button.setAttribute('mdw-theme-color', 'accent');\n if (options.custom) {\n button.setAttribute('mdw-custom', '');\n }\n button.textContent = buttonText;\n buttonArea.appendChild(button);\n if ((options.autofocus == null && index === 0)\n || options.autofocus === index || options.autofocus === buttonText) {\n button.setAttribute('mdw-autofocus', '');\n }\n index += 1;\n });\n if (options.stacked) {\n buttonArea.setAttribute('mdw-stacked', '');\n }\n popup.appendChild(buttonArea);\n }\n if (options.parent) {\n options.parent.appendChild(element);\n }\n Dialog.attach(element);\n return element;\n }\n\n /**\n * @param {Element} dialogElement\n * @param {(MouseEvent|KeyboardEvent|PointerEvent)=} event\n * @return {void}\n */\n static updateTransformOrigin(dialogElement, event) {\n /** @type {HTMLElement} */\n const popup = getChildElementByClass(dialogElement, 'mdw-dialog__popup');\n popup.style.removeProperty('transform-origin');\n if (!event) {\n return;\n }\n let popupPageX = 0;\n let popupPageY = 0;\n let element = popup;\n while (element != null) {\n popupPageX += element.offsetLeft - element.scrollLeft;\n popupPageY += element.offsetTop - element.scrollTop;\n element = element.offsetParent;\n }\n let { pageX, pageY } = event;\n if (!pageX && !pageY) {\n const target = event.currentTarget || event.target;\n const rect = target.getBoundingClientRect();\n if (!rect.width && !rect.width && !rect.x && !rect.y) {\n return;\n }\n pageX = rect.x + (rect.width / 2);\n pageY = rect.y + (rect.height / 2);\n }\n const transformOriginX = `${pageX - popupPageX}px`;\n const transformOriginY = `${pageY - popupPageY}px`;\n popup.style.setProperty('transform-origin', `${transformOriginX} ${transformOriginY}`);\n }\n}\n\n// Aliases\nDialog.dismiss = Dialog.hide;\n\nexport {\n Dialog,\n};\n","import { Dialog } from '../../../components/dialog/index';\nimport { setupMenuOptions } from '../menuoptions';\nimport { changeElementTagName, convertElementToCode, attachEventListener } from '../sample-utils';\n\n\n/** @type {HTMLElement} */\nlet sampleComponent;\n\n/**\n * @param {MouseEvent} event\n * @return {void}\n */\nfunction onSampleButtonClick(event) {\n Dialog.show(sampleComponent, event);\n}\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 Dialog.detach(sampleComponent);\n let button = document.querySelector('.component-sample .mdw-button');\n let closer = document.querySelector('.component-sample .mdw-dialog__close');\n const dialogButtons = sampleComponent.querySelectorAll('.mdw-dialog__button-area .mdw-button');\n button.removeEventListener('click', onSampleButtonClick);\n const tabIndexElements = sampleComponent.querySelectorAll('[tabindex]');\n for (let i = 0; i < tabIndexElements.length; i += 1) {\n tabIndexElements.item(i).removeAttribute('tabindex');\n }\n\n if (closer) {\n if (jsRequired || (closer instanceof HTMLAnchorElement === false)) {\n closer.parentElement.removeChild(closer);\n closer = null;\n }\n }\n\n if (useJS) {\n dialogButtons[0].setAttribute('mdw-autofocus', '');\n } else {\n dialogButtons[0].removeAttribute('mdw-autofocus');\n }\n\n if (jsRequired) {\n sampleComponent.removeAttribute('id');\n button.removeAttribute('href');\n if (button instanceof HTMLAnchorElement) {\n button = changeElementTagName(button, 'button');\n }\n dialogButtons[0].removeAttribute('href');\n if (dialogButtons[0] instanceof HTMLAnchorElement) {\n changeElementTagName(dialogButtons[0], 'button');\n }\n dialogButtons[1].removeAttribute('href');\n if (dialogButtons[1] instanceof HTMLAnchorElement) {\n changeElementTagName(dialogButtons[1], 'button');\n }\n } else {\n sampleComponent.setAttribute('id', 'sample-dialog');\n button.setAttribute('href', '#sample-dialog');\n if (button instanceof HTMLButtonElement) {\n button = changeElementTagName(button, 'a');\n }\n dialogButtons[0].setAttribute('href', '#');\n if (dialogButtons[0] instanceof HTMLButtonElement) {\n changeElementTagName(dialogButtons[0], 'a');\n }\n dialogButtons[1].setAttribute('href', '#');\n if (dialogButtons[1] instanceof HTMLButtonElement) {\n changeElementTagName(dialogButtons[1], 'a');\n }\n if (!closer) {\n closer = document.createElement('a');\n closer.classList.add('mdw-dialog__close');\n closer.setAttribute('href', '#');\n sampleComponent.insertBefore(closer, sampleComponent.firstElementChild);\n }\n }\n\n\n const htmlCodeElement = document.getElementsByClassName('component-html')[0];\n const sampleContainer = document.querySelector('.component-sample__container');\n const htmlCodeBlocks = [];\n let el = sampleContainer.firstElementChild;\n while (el) {\n const htmlCode = convertElementToCode(el).trim();\n if (htmlCode) {\n htmlCodeBlocks.push(htmlCode);\n }\n el = el.nextElementSibling;\n }\n htmlCodeElement.textContent = htmlCodeBlocks.join('\\n');\n\n // Reattach JS if requested\n if (useJS) {\n Dialog.attach(sampleComponent);\n button.addEventListener('click', onSampleButtonClick);\n }\n\n const jsCodeElement = document.getElementsByClassName('component-js')[0];\n jsCodeElement.textContent = [\n \"buttonElement.addEventListener('click', (event) => {\",\n ' mdw.Dialog.show(dialogElement, event);',\n '});',\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 let mdwPosition = sampleComponent.getAttribute('mdw-position') || '';\n const buttonArea = sampleComponent.getElementsByClassName('mdw-dialog__button-area')[0]\n switch (name) {\n case 'stacked-buttons':\n if (checked) {\n buttonArea.setAttribute('mdw-stacked', '');\n } else {\n buttonArea.removeAttribute('mdw-stacked');\n }\n break;\n case 'width':\n switch (value) {\n case 'auto':\n sampleComponent.removeAttribute('mdw-width-units');\n break;\n default:\n sampleComponent.setAttribute('mdw-width-units', value);\n break;\n }\n break;\n default:\n }\n updateSampleCode();\n}\n\n/** @return {void} */\nfunction setupComponentOptions() {\n sampleComponent = document.querySelector('.component-sample .mdw-dialog');\n attachEventListener(\n document.querySelectorAll('input[name]'),\n 'change',\n onOptionChange\n );\n}\n\n/** @return {void} */\nfunction initializeSampleComponents() {\n const button = document.querySelector('.js .mdw-button');\n const confirmDialogElement = Dialog.create({\n title: 'Feedback',\n body: 'Are you enjoying this demo?',\n buttons: [\"It's great!\", 'Meh.'],\n parent: document.querySelector('.render div'),\n });\n const alertDialogElement = Dialog.create({\n body: 'placeholder',\n buttons: ['K'],\n parent: document.querySelector('.render div'),\n });\n confirmDialogElement.addEventListener(Dialog.CONFIRM_EVENT, () => {\n Dialog.updateBody(alertDialogElement, 'Thanks!');\n Dialog.updateButtonText(alertDialogElement, ['K']);\n Dialog.show(alertDialogElement);\n });\n confirmDialogElement.addEventListener(Dialog.CANCEL_EVENT, () => {\n Dialog.updateBody(alertDialogElement, 'Oh...');\n Dialog.updateButtonText(alertDialogElement, ['Sorry!']);\n Dialog.show(alertDialogElement);\n });\n button.addEventListener('click', (event) => {\n Dialog.show(confirmDialogElement, event);\n });\n}\n\ninitializeSampleComponents();\nsetupComponentOptions();\nupdateSampleCode();\n\n\nsetupMenuOptions();\n\n"],"sourceRoot":""}
package/docs/docs.min.css DELETED
@@ -1 +0,0 @@
1
- html{font:-apple-system-body;font-family:Roboto,sans-serif;height:100%}.material-icons{direction:inherit}body{display:flex;flex-direction:row;height:100%;margin:0}.nav{max-width:150px;min-width:150px}.comparison{display:flex;flex-direction:row;position:relative}.androidstatusbar{align-items:center;color:#fff;display:flex;flex-direction:row-reverse;font-size:14px;height:24px;padding:0 8px;z-index:1}[mdw-theme-fill~=light] .androidstatusbar:not([mdw-theme-fill]){background-color:#e0e0e0;color:rgba(0,0,0,.87)}[mdw-theme-fill~=dark] .androidstatusbar:not([mdw-theme-fill]){background-color:#000;color:#fff}.androidstatusbar .material-icons{font-size:18px}.content{-ms-overflow-style:-ms-autohiding-scrollbar;flex:1;flex-direction:column;overflow-y:auto}.render{border:1px solid #eee;box-sizing:border-box;max-height:640px;max-width:360px}[mdw-theme-fill~=light] .render{border-color:rgba(0,0,0,.12)}[mdw-theme-fill~=dark] .render{border-color:hsla(0,0%,100%,.12)}.render,.target{background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;height:640px;margin:8px;min-width:360px;position:relative}.clipped .render,.clipped .target{max-height:190px}.clipped-236 .render,.clipped-236 .target{max-height:236px}.clipped-300 .render,.clipped-300 .target{max-height:300px}.clipped-304 .render,.clipped-304 .target{max-height:304px}.horizontal-controls{display:inline-flex;width:100%}.horizontal-controls>:not(:last-child){margin-left:0;margin-right:16px}[dir=rtl] .horizontal-controls>:not(:last-child){margin-left:16px;margin-right:0}.display-flex{display:flex}[flex-column]{flex-direction:column}[flex-justify-content=center]{justify-content:center}[flex-align-items=center]{align-items:center}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.docs-render-overlay{bottom:0;flex-direction:row-reverse;left:0;position:absolute;right:0}.component-sample{align-items:center;border-radius:2px;border-style:solid;border-width:1px;display:flex;justify-content:center;min-height:360px;padding:24px;position:relative}[mdw-theme-fill~=light] .component-sample{border-color:rgba(0,0,0,.12)}[mdw-theme-fill~=dark] .component-sample{border-color:hsla(0,0%,100%,.12)}.component-sample__container{display:inline-flex}.component-code{align-items:flex-start;display:flex;flex-grow:1;font-family:monospace;justify-content:center;padding:24px;white-space:pre-wrap}.androidnavbar{align-items:center;background-color:#000;color:#fff;display:flex;flex-direction:row;height:48px;justify-content:space-around;min-height:48px;padding:0 30px}.androidnavbar .material-icons{font-size:20px}.androidnavbar .material-icons.back-button{transform:rotate(90deg)}#horizontalLine{background-color:#0ff;height:1px;left:0;pointer-events:none;position:fixed;width:100%;z-index:25}.custom-no-results-indicator{margin:8px;min-height:48px}#verticalLineLeft,#verticalLineRight{background-color:#0ff;height:100%;pointer-events:none;top:0;width:1px;z-index:25}#verticalLineLeft{margin-left:8px;position:absolute}#verticalLineRight{position:fixed}#Vintage50Input{font-size:sp(34)}.type-comparison .content{align-items:flex-start;display:flex;flex-direction:column;margin:8px}.type-comparison .target{background-position-x:-200px;height:568px;margin-top:42px;width:760px}.type-comparison .mdw-type{position:relative}.type-comparison-2 .target{height:208px;width:760px}.type-comparison-3 .target{height:300px;width:360px}.docs-layout .mdw-card{-webkit-tap-highlight-color:transparent;align-items:center;cursor:pointer;display:flex;justify-content:center;padding:16px 8px}.mdw-button.docs-rtl:not([mdw-icon]){border-radius:50%;box-sizing:content-box;font-size:14px;max-height:24px;max-width:24px;min-height:24px;min-width:24px;padding:8px}
package/docs/docs.min.js DELETED
@@ -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=15)}({15:function(e,t,n){e.exports=n(16)},16:function(e,t,n){e.exports=n.p+"docs.min.css"}});
2
- //# sourceMappingURL=docs.min.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./docs/src/docs.scss"],"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","15","e","16"],"mappings":"aACA,IAAAA,KAGA,SAAAC,EAAAC,GAGA,GAAAF,EAAAE,GACA,OAAAF,EAAAE,GAAAC,QAGA,IAAAC,EAAAJ,EAAAE,IACAG,EAAAH,EACAI,KACAH,YAUA,OANAI,EAAAL,GAAAM,KAAAJ,EAAAD,QAAAC,IAAAD,QAAAF,GAGAG,EAAAE,KAGAF,EAAAD,QAKAF,EAAAQ,EAAAF,EAGAN,EAAAS,EAAAV,EAGAC,EAAAU,EAAA,SAAAR,EAAAS,EAAAC,GACAZ,EAAAa,EAAAX,EAAAS,IACAG,OAAAC,eAAAb,EAAAS,GAA0CK,cAAAC,IAAAL,KAK1CZ,EAAAkB,EAAA,SAAAhB,GACA,oBAAAiB,eAAAC,aACAN,OAAAC,eAAAb,EAAAiB,OAAAC,aAAwDC,MAAA,WAExDP,OAAAC,eAAAb,EAAA,cAAiDmB,YAQjDrB,EAAAsB,EAAA,SAAAD,EAAAE,GAEA,GADA,EAAAA,IAAAF,EAAArB,EAAAqB,IACA,EAAAE,EAAA,OAAAF,EACA,KAAAE,GAAA,iBAAAF,QAAAG,WAAA,OAAAH,EACA,IAAAI,EAAAX,OAAAY,OAAA,MAGA,GAFA1B,EAAAkB,EAAAO,GACAX,OAAAC,eAAAU,EAAA,WAAyCT,cAAAK,UACzC,EAAAE,GAAA,iBAAAF,EAAA,QAAAM,KAAAN,EAAArB,EAAAU,EAAAe,EAAAE,EAAA,SAAAA,GAAgH,OAAAN,EAAAM,IAAqBC,KAAA,KAAAD,IACrI,OAAAF,GAIAzB,EAAA6B,EAAA,SAAA1B,GACA,IAAAS,EAAAT,KAAAqB,WACA,WAA2B,OAAArB,EAAA2B,SAC3B,WAAiC,OAAA3B,GAEjC,OADAH,EAAAU,EAAAE,EAAA,IAAAA,GACAA,GAIAZ,EAAAa,EAAA,SAAAkB,EAAAC,GAAsD,OAAAlB,OAAAmB,UAAAC,eAAA3B,KAAAwB,EAAAC,IAGtDhC,EAAAmC,EAAA,GAIAnC,IAAAoC,EAAA,MAAAC,GAAA,SAAAC,EAAAhB,EAAAO,GAAAS,EAAApC,QAAA2B,EAAA,KAAAU,GAAA,SAAAD,EAAAhB,EAAAO,GClFA1B,EAAAD,QAAiBF,EAAAmC,EAAuB","file":"docs.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 = 15);\n","module.exports = __webpack_public_path__ + \"docs.min.css\";"],"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">elevation</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" mdw-selected 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" 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="comparison"><div class="display-flex flex-wrap flex-1" flex-justify-content="center" flex-align-items="center"><div style="margin:32px;padding:24px" mdw-elevation="1">1dp elevation</div><div style="margin:32px;padding:24px" mdw-elevation="2">2dp elevation</div><div style="margin:32px;padding:24px" mdw-elevation="3">3dp elevation</div><div style="margin:32px;padding:24px" mdw-elevation="4">4dp elevation</div><div style="margin:32px;padding:24px" mdw-elevation="6">6dp elevation</div><div style="margin:32px;padding:24px" mdw-elevation="8">8dp elevation</div><div style="margin:32px;padding:24px" mdw-elevation="9">9dp elevation</div><div style="margin:32px;padding:24px" mdw-elevation="12">12dp elevation</div><div style="margin:32px;padding:24px" mdw-elevation="16">16dp elevation</div><div style="margin:32px;padding:24px" mdw-elevation="24">24dp elevation</div></div></div></div></div><script src="elevation.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=35)}({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 u(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 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 o=n(0),r="black dark",u="white light";function c(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",u),e&&e.setAttribute("mdw-inactive","")),Object(o.c)("darkmode",t?"true":"false")}function d(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 l(){var t=document.getElementById("docs-menu-buttons").getElementsByClassName("mdw-button"),e=t[0],n=t[1],u=t[2];!function(t){"true"===Object(o.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(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){d(Object(o.a)("fontsize"),t),t.addEventListener("click",function(){document.documentElement.style.getPropertyValue("font-size")?d(null,t):d("125%",t)})}(u)}},35:function(t,e,n){n(36),t.exports=n(37)},36:function(t,e,n){"use strict";n.r(e);var o=n(2);Object(o.d)()},37:function(t,e,n){t.exports=n.p+"elevation.html"}});
2
- //# sourceMappingURL=elevation.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/elevation.js","webpack:///./docs/src/components/elevation.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":"elevation.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 = 35);\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__ + \"elevation.html\";"],"sourceRoot":""}
package/docs/fab.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">fab</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" mdw-selected 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" 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 js"><div class="render"><div class="display-flex flex-1" flex-column style="position:relative"><div class="androidstatusbar" mdw-theme-fill="primary-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="primary-500 dark"><div class="mdw-toolbar__action"><div class="mdw-toolbar__start"><div class="mdw-button material-icons" mdw-icon="mdw-icon">menu</div></div><div class="mdw-toolbar__title">JS</div><div class="mdw-toolbar__end"><div class="mdw-button material-icons" mdw-icon="mdw-icon">search</div></div></div></div><div class="content" style="padding:16px 8px;"><div class="mdw-type" mdw-style="subtitle">Hover</div><div><label class="mdw-selection" mdw-theme-color="accent" style="margin:16px 8px"><input class="mdw-selection__input" type="checkbox" name="hover" value="hover"><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Open on Hover</div></label></div><div class="mdw-type" mdw-style="subtitle">Type</div><div><label class="mdw-selection" mdw-theme-color="accent" style="margin:16px 8px"><input class="mdw-selection__input" type="radio" name="type" value="regular" checked><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Regular (Default)</div></label><label class="mdw-selection" mdw-theme-color="accent" style="margin:16px 8px"><input class="mdw-selection__input" type="radio" name="type" value="mini"><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Mini</div></label><label class="mdw-selection" mdw-theme-color="accent" style="margin:16px 8px"><input class="mdw-selection__input" type="radio" name="type" value="extended"><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Extended</div></label><label class="mdw-selection" mdw-theme-color="accent" style="margin:16px 8px"><input class="mdw-selection__input" type="radio" name="type" value="extended-hover"><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Extended on Hover</div></label></div><div class="mdw-layout docs-render-overlay" mdw-margin-bottom><div class="mdw-layout__item"><div class="mdw-fab"><div class="mdw-fab__button mdw-button" mdw-theme-fill="accent dark"><div class="mdw-fab__icon"><div class="mdw-fab__hidden-icon material-icons">add</div><div class="mdw-fab__shown-icon material-icons">clear</div></div><div class="mdw-fab__text">Add</div></div><div class="mdw-fab__speed-dial"><div class="mdw-button mdw-fab__button" mdw-mini><div class="mdw-fab__icon material-icons">filter_1</div></div><div class="mdw-button mdw-fab__button" mdw-mini><div class="mdw-fab__icon material-icons">filter_2</div></div><div class="mdw-button mdw-fab__button" mdw-mini><div class="mdw-fab__icon material-icons">filter_3</div></div><div class="mdw-button mdw-fab__button" mdw-mini><div class="mdw-fab__icon material-icons">filter_4</div></div><div class="mdw-button mdw-fab__button" mdw-mini><div class="mdw-fab__icon material-icons">filter_5</div></div></div></div></div></div></div></div><div class="androidnavbar"><i class="material-icons back-button">&#xE3C8;</i><i class="material-icons">&#xE836;</i><i class="material-icons">&#xE835;</i></div></div></div><div class="comparison"><div class="render"><div class="display-flex flex-1" flex-column style="position:relative"><div class="androidstatusbar" mdw-theme-fill="primary-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="primary-500 dark"><div class="mdw-toolbar__action"><div class="mdw-toolbar__start"><div class="mdw-button material-icons" mdw-icon="mdw-icon">menu</div></div><div class="mdw-toolbar__title">CSS Only</div><div class="mdw-toolbar__end"><div class="mdw-button material-icons" mdw-icon="mdw-icon">search</div></div></div></div><div class="content" style="padding:16px 8px;"> <div class="mdw-layout docs-render-overlay" mdw-margin-bottom><div class="mdw-layout__item"><div class="mdw-fab" id="my-fab"><a class="mdw-fab__close" href="#"></a><a class="mdw-fab__button mdw-button" mdw-icon mdw-theme-fill="accent dark" href="#my-fab"><div class="mdw-fab__icon"><div class="mdw-fab__hidden-icon material-icons">add</div><div class="mdw-fab__shown-icon material-icons">clear</div></div></a><div class="mdw-fab__speed-dial"><div class="mdw-button mdw-fab__button" mdw-mini><div class="mdw-fab__icon material-icons">filter_1</div></div><div class="mdw-button mdw-fab__button" mdw-mini><div class="mdw-fab__icon material-icons">filter_2</div></div><div class="mdw-button mdw-fab__button" mdw-mini><div class="mdw-fab__icon material-icons">filter_3</div></div><div class="mdw-button mdw-fab__button" mdw-mini><div class="mdw-fab__icon material-icons">filter_4</div></div><div class="mdw-button mdw-fab__button" mdw-mini><div class="mdw-fab__icon material-icons">filter_5</div></div></div></div></div></div></div></div><div class="androidnavbar"><i class="material-icons back-button">&#xE3C8;</i><i class="material-icons">&#xE836;</i><i class="material-icons">&#xE835;</i></div></div></div></div></div><script src="fab.min.js"></script></body></html>
package/docs/fab.min.js DELETED
@@ -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=38)}({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 u(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 u})},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 u(){return document.documentElement.hasAttribute("dir")&&"rtl"===document.documentElement.getAttribute("dir").toLowerCase()}function i(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 u}),n.d(t,"a",function(){return i}),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 i}),n.d(t,"a",function(){return c}),n.d(t,"b",function(){return a}),n.d(t,"d",function(){return d});var r=n(0),o="black dark",u="white light";function i(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",u),t&&t.setAttribute("mdw-inactive","")),Object(r.c)("darkmode",e?"true":"false")}function a(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],u=e[2];!function(e){"true"===Object(r.a)("rtlmode")&&i(!0,e),e.addEventListener("click",function(){"rtl"===document.documentElement.getAttribute("dir")?i(!1,e):i(!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){a(Object(r.a)("fontsize"),e),e.addEventListener("click",function(){document.documentElement.style.getPropertyValue("font-size")?a(null,e):a("125%",e)})}(u)}},3:function(e,t,n){"use strict";n.d(t,"a",function(){return u});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 u=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}()},38:function(e,t,n){n(85),e.exports=n(39)},39:function(e,t,n){e.exports=n.p+"fab.html"},5:function(e,t,n){"use strict";n.d(t,"a",function(){return u});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 u=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}()},85:function(e,t,n){"use strict";n.r(t);var r=n(2),o=n(5),u=n(1);function i(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 c=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&&i(e,n)}(e,0,[{key:"attach",value:function(t){var n=t.getElementsByClassName("mdw-fab__close")[0];n||((n=document.createElement("div")).classList.add("mdw-fab__close"),t.appendChild(n)),n.addEventListener("click",e.onCloserClicked),t.getElementsByClassName("mdw-fab__button")[0].addEventListener("click",e.onFabButtonClicked)}},{key:"detach",value:function(t){t.getElementsByClassName("mdw-fab__button")[0].removeEventListener("click",e.onFabButtonClicked);var n=t.getElementsByClassName("mdw-fab__close")[0];n&&n.removeEventListener("click",e.onCloserClicked)}},{key:"onCloserClicked",value:function(t){var n=Object(u.b)(t.target,"mdw-fab");n&&e.hide(n)}},{key:"onFabButtonClicked",value:function(t){var n=Object(u.b)(t.target,"mdw-fab");n&&e.toggle(n)}},{key:"show",value:function(e){var t=!1;return e.hasAttribute("mdw-hide")&&(e.removeAttribute("mdw-hide"),t=!0),e.hasAttribute("mdw-show")||(e.setAttribute("mdw-show",""),t=!0),t}},{key:"hide",value:function(e){return!e.hasAttribute("mdw-hide")&&(e.setAttribute("mdw-hide",""),!!e.hasAttribute("mdw-show")&&(e.removeAttribute("mdw-show"),!0))}},{key:"toggle",value:function(t){e.hide(t)||e.show(t)}}]),e}();!function(){var e;e=document.querySelectorAll(".js .mdw-fab");for(var t=0;t<e.length;t+=1)c.attach(e.item(t));e=document.querySelectorAll(".js .mdw-button");for(var n=0;n<e.length;n+=1)o.a.attach(e.item(n));document.querySelector('input[name="hover"]').addEventListener("change",function(e){e.currentTarget.checked?document.querySelector(".js .mdw-fab__speed-dial").setAttribute("mdw-hover",""):document.querySelector(".js .mdw-fab__speed-dial").removeAttribute("mdw-hover")}),document.querySelector('input[name="type"][value="regular"]').addEventListener("change",function(e){e.currentTarget.checked&&(document.querySelector(".js .mdw-fab__button").removeAttribute("mdw-mini"),document.querySelector(".js .mdw-fab__button").removeAttribute("mdw-extended"))}),document.querySelector('input[name="type"][value="mini"]').addEventListener("change",function(e){e.currentTarget.checked&&(document.querySelector(".js .mdw-fab__button").setAttribute("mdw-mini",""),document.querySelector(".js .mdw-fab__button").removeAttribute("mdw-extended"))}),document.querySelector('input[name="type"][value="extended"]').addEventListener("change",function(e){e.currentTarget.checked&&(document.querySelector(".js .mdw-fab__button").removeAttribute("mdw-mini"),document.querySelector(".js .mdw-fab__button").setAttribute("mdw-extended",""))}),document.querySelector('input[name="type"][value="extended-hover"]').addEventListener("change",function(e){e.currentTarget.checked&&(document.querySelector(".js .mdw-fab__button").removeAttribute("mdw-mini"),document.querySelector(".js .mdw-fab__button").setAttribute("mdw-extended","hover"))})}(),Object(r.d)()}});
2
- //# sourceMappingURL=fab.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/components/fab.pug","webpack:///./components/button/index.js","webpack:///./components/fab/index.js","webpack:///./docs/src/components/fab.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","5","u","length","configurable","writable","Button","attach","HTMLButtonElement","HTMLInputElement","onKeyDown","detach","buttonElement","stopPropagation","preventDefault","newEvent","Fab","fabElement","closer","onCloserClicked","onFabButtonClicked","target","hide","toggle","changed","show","components","querySelectorAll","item","querySelector","checked"],"mappings":"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","file":"fab.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 = 38);\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","module.exports = __webpack_public_path__ + \"fab.html\";","\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","import { findElementParentByClassName } from '../common/dom';\n\nclass Fab {\n /**\n * @param {Element} fabElement\n * @return {void}\n */\n static attach(fabElement) {\n let closer = fabElement.getElementsByClassName('mdw-fab__close')[0];\n if (!closer) {\n closer = document.createElement('div');\n closer.classList.add('mdw-fab__close');\n fabElement.appendChild(closer);\n }\n closer.addEventListener('click', Fab.onCloserClicked);\n const fabButton = fabElement.getElementsByClassName('mdw-fab__button')[0];\n fabButton.addEventListener('click', Fab.onFabButtonClicked);\n }\n\n static detach(fabElement) {\n const fabButton = fabElement.getElementsByClassName('mdw-fab__button')[0];\n fabButton.removeEventListener('click', Fab.onFabButtonClicked);\n const closer = fabElement.getElementsByClassName('mdw-fab__close')[0];\n if (closer) {\n closer.removeEventListener('click', Fab.onCloserClicked);\n }\n }\n\n static onCloserClicked(event) {\n const fabElement = findElementParentByClassName(event.target, 'mdw-fab');\n if (!fabElement) {\n return;\n }\n Fab.hide(fabElement);\n }\n\n static onFabButtonClicked(event) {\n const fabElement = findElementParentByClassName(event.target, 'mdw-fab');\n if (!fabElement) {\n return;\n }\n Fab.toggle(fabElement);\n }\n\n /**\n * @param {Element} fabElement\n * @return {boolean} handled\n */\n static show(fabElement) {\n let changed = false;\n if (fabElement.hasAttribute('mdw-hide')) {\n fabElement.removeAttribute('mdw-hide');\n changed = true;\n }\n if (!fabElement.hasAttribute('mdw-show')) {\n fabElement.setAttribute('mdw-show', '');\n changed = true;\n }\n return changed;\n }\n\n /**\n * @param {Element} fabElement\n * @return {boolean} handled\n */\n static hide(fabElement) {\n if (!fabElement.hasAttribute('mdw-hide')) {\n fabElement.setAttribute('mdw-hide', '');\n } else {\n return false;\n }\n if (fabElement.hasAttribute('mdw-show')) {\n fabElement.removeAttribute('mdw-show');\n return true;\n }\n return false;\n }\n\n /**\n * @param {Element} fabElement\n * @return {void}\n */\n static toggle(fabElement) {\n if (Fab.hide(fabElement)) {\n return;\n }\n Fab.show(fabElement);\n }\n}\n\nexport {\n Fab,\n};\n","import { setupMenuOptions } from '../menuoptions';\nimport { Button } from '../../../components/button/index';\nimport { Fab } from '../../../components/fab/index';\n\n/** @return {void} */\nfunction initializeMdwComponents() {\n let components;\n components = document.querySelectorAll('.js .mdw-fab');\n for (let i = 0; i < components.length; i += 1) {\n Fab.attach(components.item(i));\n }\n components = document.querySelectorAll('.js .mdw-button');\n for (let i = 0; i < components.length; i += 1) {\n Button.attach(components.item(i));\n }\n document.querySelector('input[name=\"hover\"]').addEventListener('change', (event) => {\n if (event.currentTarget.checked) {\n document.querySelector('.js .mdw-fab__speed-dial').setAttribute('mdw-hover', '');\n } else {\n document.querySelector('.js .mdw-fab__speed-dial').removeAttribute('mdw-hover');\n }\n });\n document.querySelector('input[name=\"type\"][value=\"regular\"]').addEventListener('change', (event) => {\n if (event.currentTarget.checked) {\n document.querySelector('.js .mdw-fab__button').removeAttribute('mdw-mini');\n document.querySelector('.js .mdw-fab__button').removeAttribute('mdw-extended');\n }\n });\n document.querySelector('input[name=\"type\"][value=\"mini\"]').addEventListener('change', (event) => {\n if (event.currentTarget.checked) {\n document.querySelector('.js .mdw-fab__button').setAttribute('mdw-mini', '');\n document.querySelector('.js .mdw-fab__button').removeAttribute('mdw-extended');\n }\n });\n document.querySelector('input[name=\"type\"][value=\"extended\"]').addEventListener('change', (event) => {\n if (event.currentTarget.checked) {\n document.querySelector('.js .mdw-fab__button').removeAttribute('mdw-mini');\n document.querySelector('.js .mdw-fab__button').setAttribute('mdw-extended', '');\n }\n });\n document.querySelector('input[name=\"type\"][value=\"extended-hover\"]').addEventListener('change', (event) => {\n if (event.currentTarget.checked) {\n document.querySelector('.js .mdw-fab__button').removeAttribute('mdw-mini');\n document.querySelector('.js .mdw-fab__button').setAttribute('mdw-extended', 'hover');\n }\n });\n}\n\ninitializeMdwComponents();\nsetupMenuOptions();\n"],"sourceRoot":""}
package/docs/index.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">Home</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" mdw-selected 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" 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"><h1 class="mdw-type">Material Design Web</h1></div></div><script src="index.min.js"></script></body></html>
package/docs/index.min.js DELETED
@@ -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=12)}([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})},,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)}},,,,,,,,,,function(t,e,n){n(13),t.exports=n(14)},function(t,e,n){t.exports=n.p+"index.html"},function(t,e,n){"use strict";n.r(e);var r=n(2);Object(r.d)()}]);
2
- //# sourceMappingURL=index.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/index.pug","webpack:///./docs/src/index.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","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":"index.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 = 12);\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","module.exports = __webpack_public_path__ + \"index.html\";","import { setupMenuOptions } from './menuoptions';\n\nsetupMenuOptions();\n"],"sourceRoot":""}
package/docs/layout.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">layout</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" mdw-selected 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" 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"><p class="mdw-type" style="text-align:center" mdw-baseline-top="36">Click on an element to change colspan</p><div class="display-flex" style="padding:0 16px"><label class="mdw-selection" mdw-theme-color="accent" style="margin:16px 8px"><input class="mdw-selection__input" type="checkbox" name="default-margins" checked><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Default Margins and Gutters</div></label><label class="mdw-selection" mdw-theme-color="accent" style="margin:16px 8px"><input class="mdw-selection__input" type="checkbox" name="top-margin"><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Top Margin</div></label><label class="mdw-selection" mdw-theme-color="accent" style="margin:16px 8px"><input class="mdw-selection__input" type="checkbox" name="bottom-margin"><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Bottom Margin</div></label></div><div class="display-flex" style="padding:0 16px"><label class="mdw-selection" mdw-theme-color="accent" style="margin:16px 8px"><input class="mdw-selection__input" type="radio" name="style" value="flex" checked><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Flex</div></label><label class="mdw-selection" mdw-theme-color="accent" style="margin:16px 8px"><input class="mdw-selection__input" type="checkbox" name="stretch"><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Stretch</div></label><label class="mdw-selection" mdw-theme-color="accent" style="margin:16px 8px"><input class="mdw-selection__input" type="checkbox" name="center"><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Center</div></label></div><div class="display-flex" style="padding:0 16px"><label class="mdw-selection" mdw-theme-color="accent" style="margin:16px 8px"><input class="mdw-selection__input" type="radio" name="style" value="grid"><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Grid</div></label><label class="mdw-selection" mdw-theme-color="accent" style="margin:16px 8px"><input class="mdw-selection__input" type="checkbox" name="dense"><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Dense</div></label></div><div class="mdw-layout docs-layout"><div class="mdw-layout__item" mdw-rowspan="2"><div class="mdw-card" mdw-theme-fill="cyan-A100 light">1</div></div><div class="mdw-layout__item" mdw-colspan="50%"><div class="mdw-card">50%</div></div><div class="mdw-layout__item"><div class="mdw-card" mdw-theme-fill="cyan-A200 light">1</div></div><div class="mdw-layout__item"><div class="mdw-card">1</div></div><div class="mdw-layout__item"><div class="mdw-card" mdw-theme-fill="cyan-A400 dark">1</div></div><div class="mdw-layout__item" mdw-colspan="2"><div class="mdw-card">2</div></div><div class="mdw-layout__item"><div class="mdw-card" mdw-theme-fill="cyan-A700 dark">1</div></div><div class="mdw-layout__item" mdw-rowspan="3"><div class="mdw-card">1</div></div><div class="mdw-layout__item" mdw-colspan="5"><div class="mdw-card" mdw-theme-fill="red-A100 light">5</div></div><div class="mdw-layout__item"><div class="mdw-card">1</div></div><div class="mdw-layout__item"><div class="mdw-card" mdw-theme-fill="red-A200 light">1</div></div><div class="mdw-layout__item"><div class="mdw-card">1</div></div><div class="mdw-layout__item" mdw-colspan="75%"><div class="mdw-card" mdw-theme-fill="red-A400 dark">75%</div></div><div class="mdw-layout__item"><div class="mdw-card">1</div></div><div class="mdw-layout__item" mdw-rowspan="5"><div class="mdw-card" mdw-theme-fill="red-A700 dark">1</div></div><div class="mdw-layout__item" mdw-colspan="3"><div class="mdw-card">3</div></div><div class="mdw-layout__item"><div class="mdw-card" mdw-theme-fill="green-A100 light">1</div></div><div class="mdw-layout__item"><div class="mdw-card">1</div></div><div class="mdw-layout__item"><div class="mdw-card" mdw-theme-fill="green-A200 light">1</div></div><div class="mdw-layout__item" mdw-colspan="75%"><div class="mdw-card">75%</div></div><div class="mdw-layout__item"><div class="mdw-card" mdw-theme-fill="green-A400 dark">1</div></div><div class="mdw-layout__item"><div class="mdw-card">1</div></div><div class="mdw-layout__item"><div class="mdw-card" mdw-theme-fill="green-A700 dark">1</div></div><div class="mdw-layout__item"><div class="mdw-card">1</div></div><div class="mdw-layout__item"><div class="mdw-card" mdw-theme-fill="purple-A100 light">1</div></div><div class="mdw-layout__item" mdw-colspan="8"><div class="mdw-card">8</div></div><div class="mdw-layout__item"><div class="mdw-card" mdw-theme-fill="purple-A200 light">1</div></div><div class="mdw-layout__item"><div class="mdw-card">1</div></div><div class="mdw-layout__item"><div class="mdw-card" mdw-theme-fill="purple-A400 dark">1</div></div><div class="mdw-layout__item" mdw-colspan="2"><div class="mdw-card">2</div></div><div class="mdw-layout__item"><div class="mdw-card" mdw-theme-fill="purple-A700 dark">1</div></div></div></div></div><script src="layout.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=40)}({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 i(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 i})},2:function(t,e,n){"use strict";n.d(e,"c",function(){return u}),n.d(e,"a",function(){return c}),n.d(e,"b",function(){return m}),n.d(e,"d",function(){return d});var r=n(0),o="black dark",i="white light";function u(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 c(t,e){t?(document.documentElement.setAttribute("mdw-theme-fill",o),e&&e.removeAttribute("mdw-inactive")):(document.documentElement.setAttribute("mdw-theme-fill",i),e&&e.setAttribute("mdw-inactive","")),Object(r.c)("darkmode",t?"true":"false")}function m(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 d(){var t=document.getElementById("docs-menu-buttons").getElementsByClassName("mdw-button"),e=t[0],n=t[1],i=t[2];!function(t){"true"===Object(r.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(r.a)("darkmode")&&c(!0,t),t.addEventListener("click",function(){document.documentElement.getAttribute("mdw-theme-fill")===o?c(!1,t):c(!0,t)})}(n),function(t){m(Object(r.a)("fontsize"),t),t.addEventListener("click",function(){document.documentElement.style.getPropertyValue("font-size")?m(null,t):m("125%",t)})}(i)}},4:function(t,e,n){"use strict";function r(t){for(var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=t.tagName.toLowerCase(),o=[],i=0;i<t.attributes.length;i+=1){var u=t.attributes.item(i);u.value.length?o.push("".concat(u.name,'="').concat(u.value,'"')):o.push(u.name)}o.sort();for(var c=[n,o.join(" ")],m="<".concat(c.filter(function(t){return t}).join(" ").trim(),">"),d="</".concat(n,">"),a=[m],l=[],s=!0,f=0;f<t.childNodes.length;f+=1){var b=t.childNodes.item(f),v=void 0;b instanceof HTMLElement?(v=r(b," ".concat(e))).trim()&&(s=!1):b.nodeValue&&(v=" ".concat(b.nodeValue)),v&&v.trim()&&l.push(v)}return s?e+a.join("")+l.join("").trim()+d:(l.filter(function(t){return t.trim()}).forEach(function(t){return a.push(t)}),a.push(e+d),e+a.join("\n"))}function o(t,e,n){var r;r=t instanceof Element?[r]:t;for(var o=0;o<r.length;o+=1)r[o].addEventListener(e,n)}function i(t){for(var e=0;e<t.childNodes.length;e+=1){var n=t.childNodes[e];if(n.nodeType===Node.TEXT_NODE)return n}var r=document.createTextNode("");return t.appendChild(r),r}function u(t,e){for(var n=document.createElement(e),r=t.attributes.length-1;r>=0;r-=1){var o=t.attributes.item(r);n.attributes.setNamedItem(o.cloneNode())}for(;t.firstChild;)n.appendChild(t.firstChild);return t.parentElement.replaceChild(n,t),n}n.d(e,"c",function(){return r}),n.d(e,"a",function(){return o}),n.d(e,"d",function(){return i}),n.d(e,"b",function(){return u})},40:function(t,e,n){n(41),t.exports=n(42)},41:function(t,e,n){"use strict";n.r(e);var r=n(2),o=n(4),i=["1","25%","50%","75%","100%","2","3","4","5","6","7","8","9","10","11"];function u(t){var e=t.target,n=e.name,r=e.value,o=e.checked,i=document.querySelector(".mdw-layout.docs-layout");switch(n){case"default-margins":o?(i.removeAttribute("mdw-margin"),i.removeAttribute("mdw-gutter"),i.removeAttribute("mdw-margin-tablet"),i.removeAttribute("mdw-gutter-tablet"),i.removeAttribute("mdw-margin-mobile"),i.removeAttribute("mdw-gutter-mobile")):(i.setAttribute("mdw-margin","24"),i.setAttribute("mdw-gutter","24"),i.setAttribute("mdw-margin-tablet","16"),i.setAttribute("mdw-gutter-tablet","16"),i.setAttribute("mdw-margin-mobile","8"),i.setAttribute("mdw-gutter-mobile","8"));break;case"top-margin":o?i.setAttribute("mdw-margin-top",""):i.removeAttribute("mdw-margin-top");break;case"bottom-margin":o?i.setAttribute("mdw-margin-bottom",""):i.removeAttribute("mdw-margin-bottom");break;case"stretch":o?i.setAttribute("mdw-stretch",""):i.removeAttribute("mdw-stretch");break;case"center":o?i.setAttribute("mdw-center",""):i.removeAttribute("mdw-center");break;case"style":switch(r){case"grid":i.setAttribute("mdw-grid","");break;case"flex":i.removeAttribute("mdw-grid")}break;case"dense":o?i.setAttribute("mdw-dense",""):i.removeAttribute("mdw-dense")}}!function(){for(var t=document.getElementsByClassName("mdw-layout__item"),e=function(e){var n=t.item(e);n.addEventListener("click",function(){!function(t){var e=t.getAttribute("mdw-colspan")||"1",n=i.indexOf(e);e=i[n+1]||"1",t.setAttribute("mdw-colspan",e.toString()),t.firstElementChild.textContent=e.toString()}(n)})},n=0;n<t.length;n+=1)e(n);Object(o.a)(document.querySelectorAll("input[name]"),"change",u)}(),Object(r.d)()},42:function(t,e,n){t.exports=n.p+"layout.html"}});
2
- //# sourceMappingURL=layout.min.js.map