@shortfuse/materialdesignweb 0.4.0 → 0.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (452) hide show
  1. package/README.md +155 -79
  2. package/bin/generate-css.js +12 -0
  3. package/components/Badge.css +30 -0
  4. package/components/Badge.js +15 -0
  5. package/components/Body.css +14 -0
  6. package/components/Body.js +7 -0
  7. package/components/BottomAppBar.css +23 -0
  8. package/components/BottomAppBar.js +25 -0
  9. package/components/Box.css +31 -0
  10. package/components/Box.js +24 -0
  11. package/components/Button.css +146 -0
  12. package/components/Button.js +95 -0
  13. package/components/Button.md +61 -0
  14. package/components/Card.css +109 -0
  15. package/components/Card.js +82 -0
  16. package/components/Checkbox.css +77 -0
  17. package/components/Checkbox.js +59 -0
  18. package/components/CheckboxIcon.css +89 -0
  19. package/components/CheckboxIcon.js +41 -0
  20. package/components/Chip.css +35 -0
  21. package/components/Chip.js +22 -0
  22. package/components/Dialog.css +235 -0
  23. package/components/Dialog.js +327 -0
  24. package/components/DialogActions.js +13 -0
  25. package/components/Divider.css +41 -0
  26. package/components/Divider.js +13 -0
  27. package/components/ExtendedFab.css +24 -0
  28. package/components/ExtendedFab.js +11 -0
  29. package/components/Fab.css +23 -0
  30. package/components/Fab.js +26 -0
  31. package/components/FilterChip.css +80 -0
  32. package/components/FilterChip.js +51 -0
  33. package/components/Headline.css +14 -0
  34. package/components/Headline.js +33 -0
  35. package/components/Icon.css +76 -0
  36. package/components/Icon.js +174 -0
  37. package/components/IconButton.css +151 -0
  38. package/components/IconButton.js +65 -0
  39. package/components/Input.js +16 -0
  40. package/components/Label.css +14 -0
  41. package/components/Label.js +7 -0
  42. package/components/Layout.css +19 -0
  43. package/components/Layout.js +12 -0
  44. package/components/List.css +12 -0
  45. package/components/List.js +17 -0
  46. package/components/ListItem.css +224 -0
  47. package/components/ListItem.js +112 -0
  48. package/components/ListOption.css +34 -0
  49. package/components/ListOption.js +122 -0
  50. package/components/ListSelect.css +9 -0
  51. package/components/ListSelect.js +206 -0
  52. package/components/Menu.css +171 -0
  53. package/components/Menu.js +470 -0
  54. package/components/MenuItem.css +53 -0
  55. package/components/MenuItem.js +215 -0
  56. package/components/Nav.css +17 -0
  57. package/components/Nav.js +23 -0
  58. package/components/NavBar.css +34 -0
  59. package/components/NavBar.js +88 -0
  60. package/components/NavBarItem.css +41 -0
  61. package/components/NavBarItem.js +7 -0
  62. package/components/NavDrawer.css +31 -0
  63. package/components/NavDrawer.js +13 -0
  64. package/components/NavDrawerItem.css +42 -0
  65. package/components/NavDrawerItem.js +12 -0
  66. package/components/NavItem.css +181 -0
  67. package/components/NavItem.js +83 -0
  68. package/components/NavRail.css +47 -0
  69. package/components/NavRail.js +17 -0
  70. package/components/NavRailItem.css +25 -0
  71. package/components/NavRailItem.js +7 -0
  72. package/components/Option.js +91 -0
  73. package/components/Outline.css +138 -0
  74. package/components/Pane.css +261 -0
  75. package/components/Pane.js +21 -0
  76. package/components/Progress.css +74 -0
  77. package/components/Progress.js +67 -0
  78. package/components/ProgressCircle.css +226 -0
  79. package/components/ProgressLine.css +155 -0
  80. package/components/Radio.css +83 -0
  81. package/components/Radio.js +42 -0
  82. package/components/RadioIcon.css +73 -0
  83. package/components/RadioIcon.js +37 -0
  84. package/components/Ripple.css +74 -0
  85. package/components/Ripple.js +114 -0
  86. package/components/SegmentedButton.css +94 -0
  87. package/components/SegmentedButton.js +49 -0
  88. package/components/SegmentedButtonGroup.css +12 -0
  89. package/components/SegmentedButtonGroup.js +44 -0
  90. package/components/Select.css +52 -0
  91. package/components/Select.js +71 -0
  92. package/components/Shape.css +132 -0
  93. package/components/Shape.js +25 -0
  94. package/components/Slider.css +306 -0
  95. package/components/Slider.js +206 -0
  96. package/components/Snackbar.css +80 -0
  97. package/components/Snackbar.js +75 -0
  98. package/components/Surface.css +10 -0
  99. package/components/Surface.js +23 -0
  100. package/components/Switch.css +63 -0
  101. package/components/Switch.js +127 -0
  102. package/components/SwitchIcon.css +177 -0
  103. package/components/SwitchIcon.js +89 -0
  104. package/components/SwitchIconAnimations.css +89 -0
  105. package/components/Tab.css +85 -0
  106. package/components/Tab.js +103 -0
  107. package/components/TabContent.js +151 -0
  108. package/components/TabList.css +129 -0
  109. package/components/TabList.js +309 -0
  110. package/components/TabPanel.js +37 -0
  111. package/components/TextArea.css +93 -0
  112. package/components/TextArea.js +229 -0
  113. package/components/Title.css +14 -0
  114. package/components/Title.js +15 -0
  115. package/components/Tooltip.css +40 -0
  116. package/components/Tooltip.js +22 -0
  117. package/components/TopAppBar.css +209 -0
  118. package/components/TopAppBar.js +201 -0
  119. package/core/Composition.js +988 -0
  120. package/core/CustomElement.js +844 -0
  121. package/core/ICustomElement.d.ts +288 -0
  122. package/core/ICustomElement.js +1 -0
  123. package/core/css.js +51 -0
  124. package/core/customTypes.js +125 -0
  125. package/core/dom.js +56 -245
  126. package/core/identify.js +40 -0
  127. package/core/observe.js +410 -0
  128. package/core/template.js +121 -0
  129. package/core/typings.d.ts +135 -0
  130. package/core/typings.js +1 -0
  131. package/mixins/AriaReflectorMixin.js +42 -0
  132. package/mixins/AriaToolbarMixin.js +13 -0
  133. package/mixins/ControlMixin.css +57 -0
  134. package/mixins/ControlMixin.js +212 -0
  135. package/mixins/DensityMixin.css +40 -0
  136. package/mixins/DensityMixin.js +11 -0
  137. package/mixins/FlexableMixin.css +79 -0
  138. package/mixins/FlexableMixin.js +32 -0
  139. package/mixins/FormAssociatedMixin.js +170 -0
  140. package/mixins/InputMixin.js +335 -0
  141. package/mixins/KeyboardNavMixin.js +244 -0
  142. package/mixins/RTLObserverMixin.js +35 -0
  143. package/mixins/ResizeObserverMixin.js +38 -0
  144. package/mixins/RippleMixin.css +12 -0
  145. package/mixins/RippleMixin.js +115 -0
  146. package/mixins/ScrollListenerMixin.js +100 -0
  147. package/mixins/ShapeMixin.css +135 -0
  148. package/mixins/ShapeMixin.js +31 -0
  149. package/mixins/StateMixin.css +82 -0
  150. package/mixins/StateMixin.js +114 -0
  151. package/mixins/SurfaceMixin.css +150 -0
  152. package/mixins/SurfaceMixin.js +32 -0
  153. package/mixins/TextFieldMixin.css +657 -0
  154. package/mixins/TextFieldMixin.js +121 -0
  155. package/mixins/ThemableMixin.css +204 -0
  156. package/mixins/ThemableMixin.js +16 -0
  157. package/mixins/TooltipTriggerMixin.css +27 -0
  158. package/mixins/TooltipTriggerMixin.js +366 -0
  159. package/mixins/TouchTargetMixin.css +26 -0
  160. package/mixins/TouchTargetMixin.js +9 -0
  161. package/package.json +57 -41
  162. package/theming/index.js +594 -0
  163. package/theming/loader.js +24 -0
  164. package/utils/cli.js +11 -0
  165. package/utils/color_keywords.js +151 -0
  166. package/utils/hct/Cam16.js +298 -0
  167. package/utils/hct/CorePalette.js +84 -0
  168. package/utils/hct/Hct.js +172 -0
  169. package/utils/hct/Scheme.js +587 -0
  170. package/utils/hct/TonalPalette.js +68 -0
  171. package/utils/hct/ViewingConditions.js +136 -0
  172. package/utils/hct/blend.js +93 -0
  173. package/utils/hct/colorUtils.js +302 -0
  174. package/utils/hct/hctSolver.js +559 -0
  175. package/utils/hct/helper.js +182 -0
  176. package/utils/hct/mathUtils.js +153 -0
  177. package/utils/jsonMergePatch.js +100 -0
  178. package/utils/jsx-runtime.js +101 -0
  179. package/utils/popup.js +117 -0
  180. package/utils/svg.js +129 -0
  181. package/.browserslistrc +0 -3
  182. package/.eslintrc.json +0 -153
  183. package/.stylelintrc.json +0 -600
  184. package/.vscode/launch.json +0 -31
  185. package/.vscode/settings.json +0 -3
  186. package/.vscode/tasks.json +0 -32
  187. package/CHANGELOG.md +0 -24
  188. package/CODE_OF_CONDUCT.md +0 -46
  189. package/adapters/datatable/column.js +0 -203
  190. package/adapters/datatable/index.js +0 -972
  191. package/adapters/dom/index.js +0 -601
  192. package/adapters/list/index.js +0 -69
  193. package/adapters/search/index.js +0 -521
  194. package/components/appbar/_spec.scss +0 -225
  195. package/components/appbar/_theme.scss +0 -0
  196. package/components/appbar/index.scss +0 -2
  197. package/components/banner/_spec.scss +0 -118
  198. package/components/banner/_theme.scss +0 -0
  199. package/components/banner/index.scss +0 -2
  200. package/components/bottomnav/README.md +0 -85
  201. package/components/bottomnav/_spec.scss +0 -157
  202. package/components/bottomnav/_theme.scss +0 -0
  203. package/components/bottomnav/index.js +0 -122
  204. package/components/bottomnav/index.scss +0 -2
  205. package/components/bottomnav/item.js +0 -89
  206. package/components/button/README.md +0 -61
  207. package/components/button/_spec.scss +0 -161
  208. package/components/button/_theme.scss +0 -65
  209. package/components/button/index.eta +0 -32
  210. package/components/button/index.js +0 -43
  211. package/components/button/index.pug +0 -18
  212. package/components/button/index.scss +0 -2
  213. package/components/card/_spec.scss +0 -249
  214. package/components/card/_theme.scss +0 -0
  215. package/components/card/index.scss +0 -2
  216. package/components/chip/_spec.scss +0 -134
  217. package/components/chip/_theme.scss +0 -177
  218. package/components/chip/index.js +0 -21
  219. package/components/chip/index.scss +0 -2
  220. package/components/chip/item.js +0 -20
  221. package/components/datatable/_spec.scss +0 -288
  222. package/components/datatable/_theme.scss +0 -154
  223. package/components/datatable/cell.js +0 -45
  224. package/components/datatable/columnheader.js +0 -47
  225. package/components/datatable/index.js +0 -388
  226. package/components/datatable/index.scss +0 -2
  227. package/components/datatable/row.js +0 -49
  228. package/components/datatable/rowheader.js +0 -18
  229. package/components/dialog/_spec.scss +0 -213
  230. package/components/dialog/_theme.scss +0 -0
  231. package/components/dialog/index.js +0 -627
  232. package/components/dialog/index.scss +0 -2
  233. package/components/divider/_spec.scss +0 -13
  234. package/components/divider/_theme.scss +0 -0
  235. package/components/divider/index.scss +0 -2
  236. package/components/elevation/_spec.scss +0 -9
  237. package/components/elevation/_theme.scss +0 -0
  238. package/components/elevation/index.scss +0 -2
  239. package/components/fab/_spec.scss +0 -222
  240. package/components/fab/_theme.scss +0 -0
  241. package/components/fab/index.js +0 -103
  242. package/components/fab/index.scss +0 -2
  243. package/components/grid/_spec.scss +0 -312
  244. package/components/grid/_theme.scss +0 -0
  245. package/components/grid/index.scss +0 -2
  246. package/components/layout/_mixins.scss +0 -33
  247. package/components/layout/_spec.scss +0 -1012
  248. package/components/layout/_theme.scss +0 -44
  249. package/components/layout/index.js +0 -464
  250. package/components/layout/index.scss +0 -2
  251. package/components/list/_spec.scss +0 -397
  252. package/components/list/_theme.scss +0 -111
  253. package/components/list/content.js +0 -110
  254. package/components/list/index.js +0 -260
  255. package/components/list/index.scss +0 -2
  256. package/components/list/item.js +0 -170
  257. package/components/list/secondary.js +0 -46
  258. package/components/menu/_spec.scss +0 -362
  259. package/components/menu/_theme.scss +0 -0
  260. package/components/menu/index.js +0 -721
  261. package/components/menu/index.scss +0 -2
  262. package/components/menu/item.js +0 -239
  263. package/components/progress/_spec.scss +0 -147
  264. package/components/progress/_theme.scss +0 -0
  265. package/components/progress/index.js +0 -36
  266. package/components/progress/index.scss +0 -2
  267. package/components/selection/_spec.scss +0 -386
  268. package/components/selection/_theme.scss +0 -166
  269. package/components/selection/index.eta +0 -60
  270. package/components/selection/index.js +0 -76
  271. package/components/selection/index.pug +0 -30
  272. package/components/selection/index.scss +0 -2
  273. package/components/selection/input.js +0 -56
  274. package/components/selection/radiogroup.js +0 -47
  275. package/components/slider/_spec.scss +0 -64
  276. package/components/slider/_theme.scss +0 -0
  277. package/components/slider/index.scss +0 -2
  278. package/components/snackbar/_spec.scss +0 -195
  279. package/components/snackbar/_theme.scss +0 -0
  280. package/components/snackbar/index.js +0 -344
  281. package/components/snackbar/index.scss +0 -2
  282. package/components/tab/_spec.scss +0 -235
  283. package/components/tab/_theme.scss +0 -0
  284. package/components/tab/content.js +0 -205
  285. package/components/tab/index.js +0 -260
  286. package/components/tab/index.scss +0 -2
  287. package/components/tab/item.js +0 -89
  288. package/components/tab/list.js +0 -210
  289. package/components/tab/panel.js +0 -54
  290. package/components/template/_theme.scss +0 -27
  291. package/components/textfield/README.md +0 -179
  292. package/components/textfield/_mixins.scss +0 -52
  293. package/components/textfield/_spec.scss +0 -809
  294. package/components/textfield/_theme.scss +0 -299
  295. package/components/textfield/index.eta +0 -74
  296. package/components/textfield/index.js +0 -168
  297. package/components/textfield/index.pug +0 -30
  298. package/components/textfield/index.scss +0 -2
  299. package/components/tooltip/_spec.scss +0 -188
  300. package/components/tooltip/_theme.scss +0 -0
  301. package/components/tooltip/index.scss +0 -2
  302. package/components/type/_spec.scss +0 -224
  303. package/components/type/_theme.scss +0 -0
  304. package/components/type/index.scss +0 -2
  305. package/core/_breakpoint.scss +0 -189
  306. package/core/_elevation.scss +0 -38
  307. package/core/_length.scss +0 -9
  308. package/core/_motion.scss +0 -31
  309. package/core/_platform.scss +0 -34
  310. package/core/_type.scss +0 -127
  311. package/core/aria/attributes.js +0 -141
  312. package/core/aria/button.js +0 -50
  313. package/core/aria/keyboard.js +0 -93
  314. package/core/aria/rovingtabindex.js +0 -178
  315. package/core/aria/tab.js +0 -60
  316. package/core/color/_spec.scss +0 -0
  317. package/core/color/_theme.scss +0 -390
  318. package/core/color/index.scss +0 -2
  319. package/core/document/index.js +0 -39
  320. package/core/overlay/_spec.scss +0 -31
  321. package/core/overlay/_theme.scss +0 -171
  322. package/core/overlay/index.js +0 -108
  323. package/core/overlay/index.scss +0 -2
  324. package/core/ripple/_spec.scss +0 -197
  325. package/core/ripple/_theme.scss +0 -40
  326. package/core/ripple/index.js +0 -294
  327. package/core/ripple/index.scss +0 -2
  328. package/core/theme/_config.scss +0 -2
  329. package/core/theme/_mixins.scss +0 -172
  330. package/core/theme/_palettes.scss +0 -406
  331. package/core/theme/_variables.scss +0 -24
  332. package/core/theme/index.js +0 -50
  333. package/core/throttler.js +0 -42
  334. package/core/transition/index.js +0 -468
  335. package/docs/_flex.scss +0 -22
  336. package/docs/_menuoptions.js +0 -183
  337. package/docs/_mixins.pug +0 -155
  338. package/docs/_partials/_androidnavbar.eta +0 -5
  339. package/docs/_partials/_androidstatusbar.eta +0 -13
  340. package/docs/_partials/_appbar.eta +0 -29
  341. package/docs/_partials/_buttontest.eta +0 -31
  342. package/docs/_partials/_header.eta +0 -149
  343. package/docs/_partials/_navlistitem.eta +0 -16
  344. package/docs/_partials/_target.eta +0 -1
  345. package/docs/_sample-utils.js +0 -93
  346. package/docs/_storage.js +0 -33
  347. package/docs/docs.scss +0 -295
  348. package/docs/index.eta +0 -16
  349. package/docs/index.js +0 -0
  350. package/docs/pages/appbar.eta +0 -114
  351. package/docs/pages/appbar.js +0 -0
  352. package/docs/pages/appbar.pug +0 -78
  353. package/docs/pages/bottomnav.eta +0 -188
  354. package/docs/pages/bottomnav.js +0 -115
  355. package/docs/pages/bottomnav.pug +0 -137
  356. package/docs/pages/button.eta +0 -124
  357. package/docs/pages/button.js +0 -224
  358. package/docs/pages/button.pug +0 -121
  359. package/docs/pages/card.eta +0 -90
  360. package/docs/pages/card.js +0 -177
  361. package/docs/pages/card.pug +0 -74
  362. package/docs/pages/chip.eta +0 -122
  363. package/docs/pages/chip.js +0 -82
  364. package/docs/pages/chip.pug +0 -91
  365. package/docs/pages/color.eta +0 -143
  366. package/docs/pages/color.js +0 -262
  367. package/docs/pages/color.pug +0 -121
  368. package/docs/pages/datatable.eta +0 -323
  369. package/docs/pages/datatable.js +0 -164
  370. package/docs/pages/datatable.pug +0 -283
  371. package/docs/pages/dialog.eta +0 -186
  372. package/docs/pages/dialog.js +0 -177
  373. package/docs/pages/dialog.pug +0 -132
  374. package/docs/pages/dom.eta +0 -26
  375. package/docs/pages/dom.js +0 -143
  376. package/docs/pages/dom.pug +0 -22
  377. package/docs/pages/elevation.eta +0 -35
  378. package/docs/pages/elevation.js +0 -0
  379. package/docs/pages/elevation.pug +0 -25
  380. package/docs/pages/fab.eta +0 -99
  381. package/docs/pages/fab.js +0 -44
  382. package/docs/pages/fab.pug +0 -66
  383. package/docs/pages/grid.eta +0 -135
  384. package/docs/pages/grid.js +0 -128
  385. package/docs/pages/grid.pug +0 -95
  386. package/docs/pages/layout.eta +0 -8
  387. package/docs/pages/layout.js +0 -0
  388. package/docs/pages/layout.pug +0 -7
  389. package/docs/pages/list.eta +0 -465
  390. package/docs/pages/list.js +0 -9
  391. package/docs/pages/list.pug +0 -326
  392. package/docs/pages/menu.eta +0 -276
  393. package/docs/pages/menu.js +0 -217
  394. package/docs/pages/menu.pug +0 -205
  395. package/docs/pages/overlay.eta +0 -69
  396. package/docs/pages/overlay.js +0 -4
  397. package/docs/pages/overlay.pug +0 -55
  398. package/docs/pages/progress.eta +0 -23
  399. package/docs/pages/progress.js +0 -12
  400. package/docs/pages/progress.pug +0 -16
  401. package/docs/pages/ripple.eta +0 -27
  402. package/docs/pages/ripple.js +0 -4
  403. package/docs/pages/ripple.pug +0 -21
  404. package/docs/pages/search.eta +0 -246
  405. package/docs/pages/search.js +0 -243
  406. package/docs/pages/search.pug +0 -165
  407. package/docs/pages/selection.eta +0 -111
  408. package/docs/pages/selection.js +0 -13
  409. package/docs/pages/selection.pug +0 -74
  410. package/docs/pages/slider.eta +0 -23
  411. package/docs/pages/slider.js +0 -0
  412. package/docs/pages/slider.pug +0 -17
  413. package/docs/pages/snackbar.eta +0 -83
  414. package/docs/pages/snackbar.js +0 -158
  415. package/docs/pages/snackbar.pug +0 -60
  416. package/docs/pages/tab.eta +0 -421
  417. package/docs/pages/tab.js +0 -151
  418. package/docs/pages/tab.pug +0 -304
  419. package/docs/pages/textfield.eta +0 -486
  420. package/docs/pages/textfield.js +0 -254
  421. package/docs/pages/textfield.pug +0 -360
  422. package/docs/pages/tooltip.eta +0 -94
  423. package/docs/pages/tooltip.js +0 -0
  424. package/docs/pages/tooltip.pug +0 -78
  425. package/docs/pages/transition.eta +0 -117
  426. package/docs/pages/transition.js +0 -54
  427. package/docs/pages/transition.pug +0 -76
  428. package/docs/pages/type.eta +0 -31
  429. package/docs/pages/type.js +0 -0
  430. package/docs/pages/type.pug +0 -29
  431. package/docs/postrender.js +0 -39
  432. package/docs/prerender.js +0 -16
  433. package/docs/pwa/_dialogs.eta +0 -143
  434. package/docs/pwa/_dialogs.pug +0 -96
  435. package/docs/pwa/_menus.eta +0 -16
  436. package/docs/pwa/_menus.pug +0 -11
  437. package/docs/pwa/pwa-prerender.js +0 -3
  438. package/docs/pwa/pwa.eta +0 -480
  439. package/docs/pwa/pwa.js +0 -306
  440. package/docs/pwa/pwa.pug +0 -325
  441. package/docs/pwa/pwa.scss +0 -26
  442. package/docs/spec.scss +0 -26
  443. package/docs/themes/_component-themes.scss +0 -26
  444. package/docs/themes/theme-colored-fallbacks.scss +0 -17
  445. package/docs/themes/theme-colored.scss +0 -17
  446. package/docs/themes/theme-default-fallbacks.scss +0 -17
  447. package/docs/themes/theme-default.scss +0 -17
  448. package/jsconfig.json +0 -12
  449. package/scripts/deploy-docs.sh +0 -9
  450. package/templates/index.eta +0 -2
  451. package/templates/index.pug +0 -3
  452. package/webpack.config.cjs +0 -257
package/docs/pwa/_dialogs.eta DELETED
@@ -1,143 +0,0 @@
1
- <% var T = '../../templates/index.eta' %>
2
- <div class="mdw-dialog" id="dialog-alert" mdw-width-units="5">
3
- <div class="mdw-dialog__popup mdw-theme" mdw-surface="card">
4
- <div class="mdw-dialog__title">Alert Dialog</div>
5
- <div class="mdw-dialog__body mdw-theme" mdw-ink="medium">Alert dialog body text.</div>
6
- <div class="mdw-dialog__button-area">
7
- <%~ includeFile(T, { button: { ink:'secondary', attributes:{'mdw-autofocus':true}, text:'OK' }}) %>
8
- </div>
9
- </div>
10
- </div>
11
- <div class="mdw-dialog" id="dialog-confirm" mdw-width-units="5">
12
- <div class="mdw-dialog__popup mdw-theme" mdw-surface="card">
13
- <div class="mdw-dialog__title">Confirm Dialog</div>
14
- <div class="mdw-dialog__body mdw-theme" mdw-ink="medium">Confirm dialog body text.</div>
15
- <div class="mdw-dialog__button-area">
16
- <%~ includeFile(T, { button: { ink:'secondary', attributes:{'mdw-autofocus':true}, text:'Yes' }}) %>
17
- <%~ includeFile(T, { button: { ink:'secondary', text:'No' }}) %>
18
- </div>
19
- </div>
20
- </div>
21
- <div class="mdw-dialog" id="dialog-autohide-options">
22
- <div class="mdw-dialog__popup mdw-theme" mdw-surface="card">
23
- <div class="mdw-dialog__header">
24
- <div class="mdw-dialog__title">App Bar Auto Hide</div>
25
- </div>
26
- <ul class="mdw-dialog__scrolling mdw-list mdw-selection__radio-group" role="radiogroup">
27
- <li class="mdw-list__item">
28
- <a class="mdw-list__content mdw-selection" aria-checked="false" data-name="appbar-autohide" data-value="mobile">
29
- <div class="mdw-list__text mdw-selection__label">
30
- <div class="mdw-list__text-line">Mobile Only</div>
31
- <div class="mdw-list__text-line mdw-theme" mdw-ink="medium">[mdw-autohide="mobile"]</div>
32
- </div>
33
- <div class="mdw-selection__icon mdw-theme" mdw-ink="secondary" mdw-radio></div>
34
- </a>
35
- </li>
36
- <li class="mdw-list__item">
37
- <a class="mdw-list__content mdw-selection" aria-checked="false" data-name="appbar-autohide" data-value="tablet">
38
- <div class="mdw-list__text mdw-selection__label">
39
- <div class="mdw-list__text-line">Tablet Only</div>
40
- <div class="mdw-list__text-line mdw-theme" mdw-ink="medium">[mdw-autohide="tablet"]</div>
41
- </div>
42
- <div class="mdw-selection__icon mdw-theme" mdw-ink="secondary" mdw-radio></div>
43
- </a>
44
- </li>
45
- <li class="mdw-list__item">
46
- <a class="mdw-list__content mdw-selection" aria-checked="true" data-name="appbar-autohide" data-value="mobile tablet">
47
- <div class="mdw-list__text mdw-selection__label">
48
- <div class="mdw-list__text-line">Mobile and Tablet</div>
49
- <div class="mdw-list__text-line mdw-theme" mdw-ink="medium">[mdw-autohide="mobile tablet"]</div>
50
- </div>
51
- <div class="mdw-selection__icon mdw-theme" mdw-ink="secondary" mdw-radio></div>
52
- </a>
53
- </li>
54
- <li class="mdw-list__item">
55
- <a class="mdw-list__content mdw-selection" aria-checked="false" data-name="appbar-autohide" data-value="">
56
- <div class="mdw-list__text mdw-selection__label">
57
- <div class="mdw-list__text-line">All Devices</div>
58
- <div class="mdw-list__text-line mdw-theme" mdw-ink="medium">[mdw-autohide=""]</div>
59
- </div>
60
- <div class="mdw-selection__icon mdw-theme" mdw-ink="secondary" mdw-radio></div>
61
- </a>
62
- </li>
63
- </ul>
64
- <!-- While it is possible to close on CHECK_EVENT, this would cause accessibility issues for keyboard users-->
65
- <div class="mdw-dialog__button-area">
66
- <%~ includeFile(T, { button: { ink:'secondary', attributes:{'mdw-autofocus':true}, text:'Change' }}) %>
67
- <%~ includeFile(T, { button: { ink:'secondary', text:'Keep' }}) %>
68
- </div>
69
- </div>
70
- </div>
71
- <div class="mdw-dialog" id="dialog-fabmobile-options">
72
- <div class="mdw-dialog__popup mdw-theme" mdw-surface="card">
73
- <div class="mdw-dialog__header">
74
- <div class="mdw-dialog__title">Mobile Fab Option</div>
75
- </div>
76
- <ul class="mdw-dialog__scrolling mdw-list mdw-selection__radio-group" role="radiogroup">
77
- <li class="mdw-list__item">
78
- <a class="mdw-list__content mdw-selection" aria-checked="false" data-name="fab-mobile" data-value="">
79
- <div class="mdw-selection__label mdw-list__text">
80
- <div class="mdw-list__text-line">End</div>
81
- <div class="mdw-list__text-line mdw-theme" mdw-ink="medium">[mdw-fab-mobile=""]</div>
82
- </div>
83
- <div class="mdw-selection__icon mdw-theme" mdw-ink="secondary" mdw-radio></div>
84
- </a>
85
- </li>
86
- <li class="mdw-list__item">
87
- <a class="mdw-list__content mdw-selection" aria-checked="true" data-name="fab-mobile" data-value="center">
88
- <div class="mdw-selection__label mdw-list__text">
89
- <div class="mdw-list__text-line">Center</div>
90
- <div class="mdw-list__text-line mdw-theme" mdw-ink="medium">[mdw-fab-mobile="center"]</div>
91
- </div>
92
- <div class="mdw-selection__icon mdw-theme" mdw-ink="secondary" mdw-radio></div>
93
- </a>
94
- </li>
95
- <li class="mdw-list__item">
96
- <a class="mdw-list__content mdw-selection" aria-checked="false" data-name="fab-mobile" data-value="full">
97
- <div class="mdw-selection__label mdw-list__text">
98
- <div class="mdw-list__text-line">Full</div>
99
- <div class="mdw-list__text-line mdw-theme" mdw-ink="medium">[mdw-fab-mobile="full"]</div>
100
- </div>
101
- <div class="mdw-selection__icon mdw-theme" mdw-ink="secondary" mdw-radio></div>
102
- </a>
103
- </li>
104
- </ul>
105
- <!-- While it is possible to close on CHECK_EVENT, this would cause accessibility issues for keyboard users-->
106
- <div class="mdw-dialog__button-area">
107
- <%~ includeFile(T, { button: { ink:'secondary', attributes:{'mdw-autofocus':true}, text:'Change' }}) %>
108
- <%~ includeFile(T, { button: { ink:'secondary', text:'Keep' }}) %>
109
- </div>
110
- </div>
111
- </div>
112
- <div class="mdw-dialog" id="dialog-fabdesktop-options">
113
- <div class="mdw-dialog__popup mdw-theme" mdw-surface="card">
114
- <div class="mdw-dialog__header">
115
- <div class="mdw-dialog__title">Mobile Fab Option</div>
116
- </div>
117
- <ul class="mdw-dialog__scrolling mdw-list mdw-selection__radio-group" role="radiogroup">
118
- <li class="mdw-list__item">
119
- <a class="mdw-list__content mdw-selection" aria-checked="true" data-name="fab-desktop" data-value="">
120
- <div class="mdw-selection__label mdw-list__text">
121
- <div class="mdw-list__text-line">End</div>
122
- <div class="mdw-list__text-line mdw-theme" mdw-ink="medium">[fab-desktop=""]</div>
123
- </div>
124
- <div class="mdw-selection__icon mdw-theme" mdw-ink="secondary" mdw-radio></div>
125
- </a>
126
- </li>
127
- <li class="mdw-list__item">
128
- <a class="mdw-list__content mdw-selection" aria-checked="false" data-name="fab-desktop" data-value="appbar">
129
- <div class="mdw-selection__label mdw-list__text">
130
- <div class="mdw-list__text-line">App Bar</div>
131
- <div class="mdw-list__text-line mdw-theme" mdw-ink="medium">[fab-desktop="appbar"]</div>
132
- </div>
133
- <div class="mdw-selection__icon mdw-theme" mdw-ink="secondary" mdw-radio></div>
134
- </a>
135
- </li>
136
- </ul>
137
- <!-- While it is possible to close on CHECK_EVENT, this would cause accessibility issues for keyboard users-->
138
- <div class="mdw-dialog__button-area">
139
- <%~ includeFile(T, { button: { ink:'secondary', attributes:{'mdw-autofocus':true}, text:'Change' }}) %>
140
- <%~ includeFile(T, { button: { ink:'secondary', text:'Keep' }}) %>
141
- </div>
142
- </div>
143
- </div>
package/docs/pwa/_dialogs.pug DELETED
@@ -1,96 +0,0 @@
1
- include ../_mixins.pug
2
-
3
- #dialog-alert.mdw-dialog(mdw-width-units="5")
4
- .mdw-dialog__popup.mdw-theme(mdw-surface="card")
5
- .mdw-dialog__title Alert Dialog
6
- .mdw-dialog__body.mdw-theme(mdw-ink="medium") Alert dialog body text.
7
- .mdw-dialog__button-area
8
- +mdwButton({ ink:'secondary' })(mdw-autofocus) OK
9
- #dialog-confirm.mdw-dialog(mdw-width-units="5")
10
- .mdw-dialog__popup.mdw-theme(mdw-surface="card")
11
- .mdw-dialog__title Confirm Dialog
12
- .mdw-dialog__body.mdw-theme(mdw-ink="medium") Confirm dialog body text.
13
- .mdw-dialog__button-area
14
- +mdwButton({ ink:'secondary' })(mdw-autofocus) Yes
15
- +mdwButton({ ink:'secondary' }) No
16
- #dialog-autohide-options.mdw-dialog
17
- .mdw-dialog__popup.mdw-theme(mdw-surface="card")
18
- .mdw-dialog__header
19
- .mdw-dialog__title App Bar Auto Hide
20
- ul.mdw-dialog__scrolling.mdw-list.mdw-selection__radio-group(role="radiogroup")
21
- li.mdw-list__item
22
- a.mdw-list__content.mdw-selection(aria-checked="false" data-name="appbar-autohide" data-value="mobile")
23
- .mdw-list__text.mdw-selection__label
24
- .mdw-list__text-line Mobile Only
25
- .mdw-list__text-line.mdw-theme(mdw-ink="medium") [mdw-autohide="mobile"]
26
- .mdw-selection__icon.mdw-theme(mdw-ink="secondary" mdw-radio)
27
- li.mdw-list__item
28
- a.mdw-list__content.mdw-selection(aria-checked="false" data-name="appbar-autohide" data-value="tablet")
29
- .mdw-list__text.mdw-selection__label
30
- .mdw-list__text-line Tablet Only
31
- .mdw-list__text-line.mdw-theme(mdw-ink="medium") [mdw-autohide="tablet"]
32
- .mdw-selection__icon.mdw-theme(mdw-ink="secondary" mdw-radio)
33
- li.mdw-list__item
34
- a.mdw-list__content.mdw-selection(aria-checked="true" data-name="appbar-autohide" data-value="mobile tablet")
35
- .mdw-list__text.mdw-selection__label
36
- .mdw-list__text-line Mobile and Tablet
37
- .mdw-list__text-line.mdw-theme(mdw-ink="medium") [mdw-autohide="mobile tablet"]
38
- .mdw-selection__icon.mdw-theme(mdw-ink="secondary" mdw-radio)
39
- li.mdw-list__item
40
- a.mdw-list__content.mdw-selection(aria-checked="false" data-name="appbar-autohide" data-value="")
41
- .mdw-list__text.mdw-selection__label
42
- .mdw-list__text-line All Devices
43
- .mdw-list__text-line.mdw-theme(mdw-ink="medium") [mdw-autohide=""]
44
- .mdw-selection__icon.mdw-theme(mdw-ink="secondary" mdw-radio)
45
- // While it is possible to close on CHECK_EVENT, this would cause accessibility issues for keyboard users
46
- .mdw-dialog__button-area
47
- +mdwButton({ ink:'secondary' })(mdw-autofocus) Change
48
- +mdwButton({ ink:'secondary' }) Keep
49
- #dialog-fabmobile-options.mdw-dialog
50
- .mdw-dialog__popup.mdw-theme(mdw-surface="card")
51
- .mdw-dialog__header
52
- .mdw-dialog__title Mobile Fab Option
53
- ul.mdw-dialog__scrolling.mdw-list.mdw-selection__radio-group(role="radiogroup")
54
- li.mdw-list__item
55
- a.mdw-list__content.mdw-selection(aria-checked="false" data-name="fab-mobile" data-value="")
56
- .mdw-selection__label.mdw-list__text
57
- .mdw-list__text-line End
58
- .mdw-list__text-line.mdw-theme(mdw-ink="medium") [mdw-fab-mobile=""]
59
- .mdw-selection__icon.mdw-theme(mdw-ink="secondary" mdw-radio)
60
- li.mdw-list__item
61
- a.mdw-list__content.mdw-selection(aria-checked="true" data-name="fab-mobile" data-value="center")
62
- .mdw-selection__label.mdw-list__text
63
- .mdw-list__text-line Center
64
- .mdw-list__text-line.mdw-theme(mdw-ink="medium") [mdw-fab-mobile="center"]
65
- .mdw-selection__icon.mdw-theme(mdw-ink="secondary" mdw-radio)
66
- li.mdw-list__item
67
- a.mdw-list__content.mdw-selection(aria-checked="false" data-name="fab-mobile" data-value="full")
68
- .mdw-selection__label.mdw-list__text
69
- .mdw-list__text-line Full
70
- .mdw-list__text-line.mdw-theme(mdw-ink="medium") [mdw-fab-mobile="full"]
71
- .mdw-selection__icon.mdw-theme(mdw-ink="secondary" mdw-radio)
72
- // While it is possible to close on CHECK_EVENT, this would cause accessibility issues for keyboard users
73
- .mdw-dialog__button-area
74
- +mdwButton({ ink:'secondary' })(mdw-autofocus) Change
75
- +mdwButton({ ink:'secondary' }) Keep
76
- #dialog-fabdesktop-options.mdw-dialog
77
- .mdw-dialog__popup.mdw-theme(mdw-surface="card")
78
- .mdw-dialog__header
79
- .mdw-dialog__title Mobile Fab Option
80
- ul.mdw-dialog__scrolling.mdw-list.mdw-selection__radio-group(role="radiogroup")
81
- li.mdw-list__item
82
- a.mdw-list__content.mdw-selection(aria-checked="true" data-name="fab-desktop" data-value="")
83
- .mdw-selection__label.mdw-list__text
84
- .mdw-list__text-line End
85
- .mdw-list__text-line.mdw-theme(mdw-ink="medium") [fab-desktop=""]
86
- .mdw-selection__icon.mdw-theme(mdw-ink="secondary" mdw-radio)
87
- li.mdw-list__item
88
- a.mdw-list__content.mdw-selection(aria-checked="false" data-name="fab-desktop" data-value="appbar")
89
- .mdw-selection__label.mdw-list__text
90
- .mdw-list__text-line App Bar
91
- .mdw-list__text-line.mdw-theme(mdw-ink="medium") [fab-desktop="appbar"]
92
- .mdw-selection__icon.mdw-theme(mdw-ink="secondary" mdw-radio)
93
- // While it is possible to close on CHECK_EVENT, this would cause accessibility issues for keyboard users
94
- .mdw-dialog__button-area
95
- +mdwButton({ ink:'secondary' })(mdw-autofocus) Change
96
- +mdwButton({ ink:'secondary' }) Keep
package/docs/pwa/_menus.eta DELETED
@@ -1,16 +0,0 @@
1
- <div class="mdw-menu" id="sample-menu" mdw-width-units="4">
2
- <div class="mdw-menu__popup mdw-theme" mdw-surface="card">
3
- <div class="mdw-menu__item" data-action="connect">
4
- <div class="mdw-menu__icon mdw-theme material-icons" mdw-ink="medium">&#xE61D;</div>
5
- <div class="mdw-menu__text">Connect</div>
6
- </div>
7
- <div class="mdw-menu__item" data-action="hold">
8
- <div class="mdw-menu__icon mdw-theme material-icons" mdw-ink="medium">&#xE620;</div>
9
- <div class="mdw-menu__text">Hold</div>
10
- </div>
11
- <div class="mdw-menu__item" data-action="disconnect">
12
- <div class="mdw-menu__icon mdw-theme material-icons" mdw-ink="medium">&#xE0B1;</div>
13
- <div class="mdw-menu__text">Disconnect</div>
14
- </div>
15
- </div>
16
- </div>
package/docs/pwa/_menus.pug DELETED
@@ -1,11 +0,0 @@
1
- #sample-menu.mdw-menu(mdw-width-units="4")
2
- .mdw-menu__popup.mdw-theme(mdw-surface="card")
3
- .mdw-menu__item(data-action="connect")
4
- .mdw-menu__icon.mdw-theme.material-icons(mdw-ink="medium") &#xE61D;
5
- .mdw-menu__text Connect
6
- .mdw-menu__item(data-action="hold")
7
- .mdw-menu__icon.mdw-theme.material-icons(mdw-ink="medium") &#xE620;
8
- .mdw-menu__text Hold
9
- .mdw-menu__item(data-action="disconnect")
10
- .mdw-menu__icon.mdw-theme.material-icons(mdw-ink="medium") &#xE0B1;
11
- .mdw-menu__text Disconnect
package/docs/pwa/pwa-prerender.js DELETED
@@ -1,3 +0,0 @@
1
- import * as Document from '../../core/document/index.js';
2
-
3
- Document.onPrerender();