@shortfuse/materialdesignweb 0.5.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 (418) hide show
  1. package/README.md +155 -77
  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 -154
  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 +54 -49
  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 -4
  182. package/.eslintrc.json +0 -204
  183. package/.stylelintrc.json +0 -645
  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 -36
  188. package/CODE_OF_CONDUCT.md +0 -46
  189. package/adapters/datatable/column.js +0 -176
  190. package/adapters/datatable/index.js +0 -960
  191. package/adapters/dom/index.js +0 -586
  192. package/adapters/list/index.js +0 -69
  193. package/adapters/search/index.js +0 -495
  194. package/components/appbar/_spec.scss +0 -165
  195. package/components/appbar/_theme.scss +0 -0
  196. package/components/appbar/index.scss +0 -2
  197. package/components/banner/_spec.scss +0 -83
  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 -149
  202. package/components/bottomnav/_theme.scss +0 -0
  203. package/components/bottomnav/index.js +0 -117
  204. package/components/bottomnav/index.scss +0 -2
  205. package/components/bottomnav/item.js +0 -88
  206. package/components/button/README.md +0 -61
  207. package/components/button/_spec.scss +0 -162
  208. package/components/button/_theme.scss +0 -42
  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 -241
  214. package/components/card/_theme.scss +0 -0
  215. package/components/card/index.scss +0 -2
  216. package/components/chip/_spec.scss +0 -111
  217. package/components/chip/_theme.scss +0 -105
  218. package/components/chip/index.js +0 -23
  219. package/components/chip/index.scss +0 -2
  220. package/components/chip/item.js +0 -20
  221. package/components/datatable/_spec.scss +0 -225
  222. package/components/datatable/_theme.scss +0 -128
  223. package/components/datatable/cell.js +0 -44
  224. package/components/datatable/columnheader.js +0 -46
  225. package/components/datatable/index.js +0 -374
  226. package/components/datatable/index.scss +0 -2
  227. package/components/datatable/row.js +0 -48
  228. package/components/datatable/rowheader.js +0 -18
  229. package/components/dialog/_spec.scss +0 -203
  230. package/components/dialog/_theme.scss +0 -7
  231. package/components/dialog/index.js +0 -601
  232. package/components/dialog/index.scss +0 -2
  233. package/components/divider/_spec.scss +0 -11
  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 -210
  240. package/components/fab/_theme.scss +0 -0
  241. package/components/fab/index.js +0 -99
  242. package/components/fab/index.scss +0 -2
  243. package/components/grid/_spec.scss +0 -169
  244. package/components/grid/_theme.scss +0 -0
  245. package/components/grid/index.scss +0 -2
  246. package/components/layout/_mixins.scss +0 -11
  247. package/components/layout/_spec.scss +0 -916
  248. package/components/layout/_theme.scss +0 -19
  249. package/components/layout/index.js +0 -454
  250. package/components/layout/index.scss +0 -2
  251. package/components/list/_spec.scss +0 -363
  252. package/components/list/_theme.scss +0 -102
  253. package/components/list/content.js +0 -106
  254. package/components/list/index.js +0 -256
  255. package/components/list/index.scss +0 -2
  256. package/components/list/item.js +0 -167
  257. package/components/list/secondary.js +0 -45
  258. package/components/menu/_spec.scss +0 -329
  259. package/components/menu/_theme.scss +0 -0
  260. package/components/menu/index.js +0 -705
  261. package/components/menu/index.scss +0 -2
  262. package/components/menu/item.js +0 -231
  263. package/components/progress/_spec.scss +0 -156
  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 -376
  268. package/components/selection/_theme.scss +0 -134
  269. package/components/selection/index.eta +0 -60
  270. package/components/selection/index.js +0 -70
  271. package/components/selection/index.pug +0 -30
  272. package/components/selection/index.scss +0 -2
  273. package/components/selection/input.js +0 -54
  274. package/components/selection/radiogroup.js +0 -40
  275. package/components/slider/_spec.scss +0 -59
  276. package/components/slider/_theme.scss +0 -0
  277. package/components/slider/index.scss +0 -2
  278. package/components/snackbar/_spec.scss +0 -150
  279. package/components/snackbar/_theme.scss +0 -0
  280. package/components/snackbar/index.js +0 -338
  281. package/components/snackbar/index.scss +0 -2
  282. package/components/tab/_spec.scss +0 -220
  283. package/components/tab/_theme.scss +0 -0
  284. package/components/tab/content.js +0 -210
  285. package/components/tab/index.js +0 -257
  286. package/components/tab/index.scss +0 -2
  287. package/components/tab/item.js +0 -88
  288. package/components/tab/list.js +0 -196
  289. package/components/tab/panel.js +0 -54
  290. package/components/textfield/README.md +0 -179
  291. package/components/textfield/_spec.scss +0 -763
  292. package/components/textfield/_theme.scss +0 -264
  293. package/components/textfield/index.eta +0 -74
  294. package/components/textfield/index.js +0 -160
  295. package/components/textfield/index.pug +0 -30
  296. package/components/textfield/index.scss +0 -2
  297. package/components/tooltip/_spec.scss +0 -185
  298. package/components/tooltip/_theme.scss +0 -0
  299. package/components/tooltip/index.scss +0 -2
  300. package/components/type/_spec.scss +0 -227
  301. package/components/type/_theme.scss +0 -0
  302. package/components/type/index.scss +0 -2
  303. package/core/_breakpoint.scss +0 -189
  304. package/core/_elevation.scss +0 -78
  305. package/core/_length.scss +0 -8
  306. package/core/_motion.scss +0 -31
  307. package/core/_platform.scss +0 -12
  308. package/core/_type.scss +0 -128
  309. package/core/aria/attributes.js +0 -141
  310. package/core/aria/button.js +0 -49
  311. package/core/aria/keyboard.js +0 -92
  312. package/core/aria/rovingtabindex.js +0 -175
  313. package/core/aria/tab.js +0 -59
  314. package/core/document/index.js +0 -39
  315. package/core/overlay/_spec.scss +0 -28
  316. package/core/overlay/_theme.scss +0 -147
  317. package/core/overlay/index.js +0 -95
  318. package/core/overlay/index.scss +0 -2
  319. package/core/ripple/_spec.scss +0 -196
  320. package/core/ripple/_theme.scss +0 -20
  321. package/core/ripple/index.js +0 -286
  322. package/core/ripple/index.scss +0 -2
  323. package/core/theme/_aliases.scss +0 -15
  324. package/core/theme/_config.scss +0 -8
  325. package/core/theme/_functions.scss +0 -22
  326. package/core/theme/_palettes.scss +0 -405
  327. package/core/theme/_spec.scss +0 -0
  328. package/core/theme/_theme.scss +0 -268
  329. package/core/theme/index.js +0 -50
  330. package/core/theme/index.scss +0 -4
  331. package/core/throttler.js +0 -42
  332. package/core/transition/index.js +0 -465
  333. package/docs/_flex.scss +0 -28
  334. package/docs/_menuoptions.js +0 -183
  335. package/docs/_partials/_androidnavbar.eta +0 -5
  336. package/docs/_partials/_androidstatusbar.eta +0 -13
  337. package/docs/_partials/_appbar.eta +0 -27
  338. package/docs/_partials/_buttontest.eta +0 -31
  339. package/docs/_partials/_header.eta +0 -146
  340. package/docs/_partials/_navlistitem.eta +0 -16
  341. package/docs/_partials/_target.eta +0 -1
  342. package/docs/_sample-utils.js +0 -88
  343. package/docs/_storage.js +0 -33
  344. package/docs/docs.scss +0 -331
  345. package/docs/framework.scss +0 -26
  346. package/docs/index.eta +0 -12
  347. package/docs/index.js +0 -7
  348. package/docs/pages/appbar.eta +0 -108
  349. package/docs/pages/appbar.js +0 -0
  350. package/docs/pages/bottomnav.eta +0 -188
  351. package/docs/pages/bottomnav.js +0 -118
  352. package/docs/pages/button.eta +0 -124
  353. package/docs/pages/button.js +0 -224
  354. package/docs/pages/card.eta +0 -90
  355. package/docs/pages/card.js +0 -175
  356. package/docs/pages/chip.eta +0 -122
  357. package/docs/pages/chip.js +0 -80
  358. package/docs/pages/color.eta +0 -143
  359. package/docs/pages/color.js +0 -261
  360. package/docs/pages/datatable.eta +0 -323
  361. package/docs/pages/datatable.js +0 -160
  362. package/docs/pages/dialog.eta +0 -184
  363. package/docs/pages/dialog.js +0 -174
  364. package/docs/pages/dom.eta +0 -26
  365. package/docs/pages/dom.js +0 -140
  366. package/docs/pages/elevation.eta +0 -35
  367. package/docs/pages/elevation.js +0 -0
  368. package/docs/pages/fab.eta +0 -99
  369. package/docs/pages/fab.js +0 -43
  370. package/docs/pages/grid.eta +0 -135
  371. package/docs/pages/grid.js +0 -128
  372. package/docs/pages/layout.eta +0 -8
  373. package/docs/pages/layout.js +0 -0
  374. package/docs/pages/list.eta +0 -465
  375. package/docs/pages/list.js +0 -8
  376. package/docs/pages/menu.eta +0 -274
  377. package/docs/pages/menu.js +0 -213
  378. package/docs/pages/overlay.eta +0 -69
  379. package/docs/pages/overlay.js +0 -3
  380. package/docs/pages/progress.eta +0 -23
  381. package/docs/pages/progress.js +0 -12
  382. package/docs/pages/ripple.eta +0 -27
  383. package/docs/pages/ripple.js +0 -3
  384. package/docs/pages/search.eta +0 -242
  385. package/docs/pages/search.js +0 -226
  386. package/docs/pages/selection.eta +0 -107
  387. package/docs/pages/selection.js +0 -12
  388. package/docs/pages/slider.eta +0 -23
  389. package/docs/pages/slider.js +0 -0
  390. package/docs/pages/snackbar.eta +0 -83
  391. package/docs/pages/snackbar.js +0 -157
  392. package/docs/pages/tab.eta +0 -407
  393. package/docs/pages/tab.js +0 -152
  394. package/docs/pages/textfield.eta +0 -487
  395. package/docs/pages/textfield.js +0 -257
  396. package/docs/pages/tooltip.eta +0 -92
  397. package/docs/pages/tooltip.js +0 -0
  398. package/docs/pages/transition.eta +0 -117
  399. package/docs/pages/transition.js +0 -52
  400. package/docs/pages/type.eta +0 -31
  401. package/docs/pages/type.js +0 -0
  402. package/docs/postrender.js +0 -41
  403. package/docs/prerender.js +0 -16
  404. package/docs/pwa/_dialogs.eta +0 -143
  405. package/docs/pwa/_menus.eta +0 -16
  406. package/docs/pwa/pwa-prerender.js +0 -3
  407. package/docs/pwa/pwa.eta +0 -478
  408. package/docs/pwa/pwa.js +0 -298
  409. package/docs/pwa/pwa.scss +0 -31
  410. package/docs/themes/theme-colored.scss +0 -15
  411. package/docs/themes/theme-default.scss +0 -3
  412. package/index.scss +0 -27
  413. package/jsconfig.json +0 -16
  414. package/scripts/deploy-docs.sh +0 -9
  415. package/templates/index.eta +0 -2
  416. package/templates/index.pug +0 -3
  417. package/tsconfig.json +0 -16
  418. package/webpack.config.js +0 -304
package/docs/pwa/pwa.eta DELETED
@@ -1,478 +0,0 @@
1
- <% var T = '../../templates/index.eta' %>
2
- <!DOCTYPE html>
3
- <html class="mdw-layout mdw-theme" lang="en" mdw-light>
4
-
5
- <head>
6
- <title>MDW PWA</title>
7
- <meta charset="utf-8">
8
- <meta content="IE=edge" http-equiv="X-UA-Compatible">
9
- <meta content="MDW Web App" name="description">
10
- <meta content="width=device-width, initial-scale=1, viewport-fit=cover" name="viewport">
11
- <meta name="theme-color" content="#fff">
12
- <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
13
- <meta name="apple-mobile-web-app-capable" content="yes">
14
- <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
15
- <link rel="stylesheet" href="pwa.min.css">
16
- <script src="pwa-prerender.min.js"></script>
17
- </head>
18
-
19
- <body class="mdw-layout__body mdw-theme" mdw-surface="background" mdw-sidesheet-toggle="dismissible" mdw-sidesheet-style="clipped">
20
- <div class="mdw-layout__menus">
21
- <%~ includeFile('./_menus.eta') %>
22
- </div>
23
- <div class="mdw-layout__dialogs">
24
- <%~ includeFile('./_dialogs.eta') %>
25
- </div>
26
- <div class="mdw-layout__navdrawer">
27
- <div class="mdw-layout__sheet-content mdw-theme" mdw-surface="card" mdw-border-ink>
28
- <ul class="mdw-list" mdw-margin-top mdw-margin-bottom>
29
- <li class="mdw-list__item">
30
- <a class="mdw-list__content">
31
- <div class="mdw-list__text">Attractions</div>
32
- <div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">local_activity</div>
33
- </a>
34
- </li>
35
- <li class="mdw-list__item" role="none">
36
- <a class="mdw-list__content">
37
- <div class="mdw-list__text">Dining</div>
38
- <div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">local_dining</div>
39
- </a>
40
- </li>
41
- <li class="mdw-list__item" role="none">
42
- <a class="mdw-list__content">
43
- <div class="mdw-list__text">Education</div>
44
- <div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">edit</div>
45
- </a>
46
- </li>
47
- <li class="mdw-list__item" role="none">
48
- <a class="mdw-list__content">
49
- <div class="mdw-list__text">Family</div>
50
- <div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">people</div>
51
- </a>
52
- </li>
53
- <li class="mdw-list__item" role="none">
54
- <a class="mdw-list__content">
55
- <div class="mdw-list__text">Health</div>
56
- <div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">healing</div>
57
- </a>
58
- </li>
59
- <li class="mdw-list__item" role="none">
60
- <a class="mdw-list__content">
61
- <div class="mdw-list__text">Office</div>
62
- <div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">business</div>
63
- </a>
64
- </li>
65
- <li class="mdw-list__item" role="none">
66
- <a class="mdw-list__content">
67
- <div class="mdw-list__text">Promotions</div>
68
- <div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">local_offer</div>
69
- </a>
70
- </li>
71
- <li class="mdw-list__item" role="none">
72
- <a class="mdw-list__content">
73
- <div class="mdw-list__text">Radio</div>
74
- <div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">radio</div>
75
- </a>
76
- </li>
77
- <li class="mdw-list__item" role="none">
78
- <a class="mdw-list__content">
79
- <div class="mdw-list__text">Recipes</div>
80
- <div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">book</div>
81
- </a>
82
- </li>
83
- <li class="mdw-list__item" role="none">
84
- <a class="mdw-list__content">
85
- <div class="mdw-list__text">Sports</div>
86
- <div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">stars</div>
87
- </a>
88
- </li>
89
- <li class="mdw-list__item" role="none">
90
- <a class="mdw-list__content">
91
- <div class="mdw-list__text">Travel</div>
92
- <div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">local_airport</div>
93
- </a>
94
- </li>
95
- </ul>
96
- </div>
97
- </div>
98
- <div class="mdw-layout__sidesheet" mdw-toggle="dismissible" mdw-style="clipped">
99
- <div class="mdw-layout__sheet-content mdw-theme" mdw-surface="card" mdw-border-ink>
100
- <div>
101
- <span>
102
- <span class="mdw-type" mdw-style="h2">Info</span>
103
- <%~ includeFile(T, { button: { icon:true, class:'material-icons mdw-layout__sidesheet-hide mdw-layout__sidesheet-hide', text:'close' }}) %>
104
- </span>
105
- </div>
106
- </div>
107
- </div>
108
- <div class="mdw-layout__scrim"></div>
109
- <div class="mdw-layout__appbar mdw-appbar mdw-theme" mdw-autohide="mobile tablet" mdw-surface="card">
110
- <div class="mdw-layout__appbar-shape">
111
- <div class="mdw-layout__fab-cut-track">
112
- <svg shape-rendering="geometricPrecision">
113
- <mask id="fabMask" maskContentUnits="objectBoundingBox" x="0" y="0" width="1" height="1">
114
- <rect fill="white" x="0" y="0" width="1" height="1"></rect>
115
- <ellipse class="mdw-layout__fab-mask-shape" cx="0.5" cy="0" rx=".5" ry="1" fill="black" style="transform-origin:0.5px 0;"></ellipse>
116
- </mask>
117
- <rect x="0" y="36" width="100%" height="100%"></rect>
118
- <rect x="0" y="0" width="72" height="36" mask="url(#fabMask)"></rect>
119
- </svg>
120
- </div>
121
- </div>
122
- <div class="mdw-appbar__start">
123
- <%~ includeFile(T, { button: { icon:true, class:'mdw-layout__navdrawer-toggle material-icons', text:'menu' }}) %>
124
- </div>
125
- <div class="mdw-appbar__title">MDW PWA</div>
126
- <div class="mdw-appbar__end">
127
- <%~ includeFile(T, { button: { icon:true, class:'mdw-layout__sidesheet-toggle material-icons', text:'info' }}) %>
128
- </div>
129
- </div>
130
- <div class="mdw-layout__banner">
131
- <div class="mdw-banner mdw-theme" mdw-surface="card" mdw-border-ink>
132
- <div class="mdw-banner__container">
133
- <div class="mdw-banner__icon">
134
- <i class="material-icons" style="font-size:40px;">report_problem</i>
135
- </div>
136
- <div class="mdw-banner__text">
137
- Your internet connection was lost.
138
- We can't upload your photos.
139
- </div>
140
- <div class="mdw-banner__buttons">
141
- <%~ includeFile(T, { button: { text:'Fix it' }}) %>
142
- <%~ includeFile(T, { button: { text:'Learn more' }}) %>
143
- </div>
144
- </div>
145
- </div>
146
- </div>
147
- <!--
148
- <div class="mdw-layout__bottomnav">
149
- <div class="mdw-bottomnav mdw-theme" mdw-ink="primary">
150
- <div class="mdw-bottomnav__item" mdw-badge>
151
- <div class="mdw-bottomnav__icon material-icons">history</div>
152
- <div class="mdw-bottomnav__label">Recents</div>
153
- </div>
154
- <div class="mdw-bottomnav__item" mdw-selected>
155
- <div class="mdw-bottomnav__icon material-icons">favorite</div>
156
- <div class="mdw-bottomnav__label">Favorites</div>
157
- </div>
158
- <div class="mdw-bottomnav__item" mdw-badge="12">
159
- <div class="mdw-bottomnav__icon material-icons">near_me</div>
160
- <div class="mdw-bottomnav__label">Nearby</div>
161
- </div>
162
- </div>
163
- </div>
164
- -->
165
- <div class="mdw-layout__fab" mdw-mobile="center" mdw-desktop aria-hidden="false">
166
- <div class="mdw-layout__fab-anchor">
167
- <div class="mdw-fab">
168
- <%~ includeFile(T, { button: { surface:'secondary 500', dark:true, class:"mdw-fab__button", body: /* html */ `
169
- <div class="mdw-fab__icon">
170
- <div class="mdw-fab__hidden-icon material-icons">add</div>
171
- <div class="mdw-fab__shown-icon material-icons">clear</div>
172
- </div>
173
- <div class="mdw-fab__text">Add</div>
174
- `}}) %>
175
- </div>
176
- </div>
177
- </div>
178
- <div class="mdw-layout__snackbar">
179
- <div class="mdw-layout__snackbar-anchor">
180
- <div class="mdw-snackbar__container"></div>
181
- </div>
182
- </div>
183
- <div class="mdw-layout__content">
184
- <div class="mdw-layout__content-page">
185
- <div class="mdw-grid" mdw-margin-top mdw-margin-bottom mdw-stretch>
186
- <div class="mdw-grid__item" mdw-colspan="6">
187
- <div class="mdw-grid__content mdw-card mdw-theme" mdw-surface="card" mdw-border-ink>
188
- <div class="mdw-card__start">
189
- <div class="mdw-card__thumbnail material-icons" style="font-size:40px;">web_asset</div>
190
- </div>
191
- <h6 class="mdw-card__header" mdw-two-line>App Bar</h6>
192
- <div class="mdw-card__subheader">Informations and actions</div>
193
- <div class="mdw-divider mdw-theme" mdw-ink="divider"></div>
194
- <ul class="mdw-list" mdw-margin-top>
195
- <li class="mdw-list__item">
196
- <a class="mdw-list__content mdw-selection mdw-list__subheader" aria-checked="true" mdw-no-autocheck data-name="use-appbar-autohide">
197
- <div class="mdw-list__text">
198
- <div class="mdw-list__text-line">Auto Hide</div>
199
- <div class="mdw-list__text-line mdw-theme" mdw-ink="medium">Mobile and Tablet</div>
200
- </div>
201
- <div class="mdw-divider mdw-theme" mdw-vertical mdw-ink="divider"></div>
202
- <div class="mdw-list__secondary" mdw-action>
203
- <div class="mdw-selection__icon mdw-theme" mdw-ink="secondary" mdw-switch></div>
204
- </div>
205
- </a>
206
- </li>
207
- <li class="mdw-list__item">
208
- <a class="mdw-list__content mdw-selection" aria-checked="false" data-name="appbar-autoraise">
209
- <div class="mdw-selection__label mdw-list__text">
210
- <div class="mdw-list__text-line">Auto Raise</div>
211
- <div class="mdw-list__text-line mdw-theme" mdw-ink="medium">[mdw-autoraise]</div>
212
- </div>
213
- <div class="mdw-selection__icon mdw-theme" mdw-ink="secondary" mdw-switch></div>
214
- </a>
215
- </li>
216
- <li class="mdw-list__item">
217
- <a class="mdw-list__content mdw-selection" aria-checked="false" data-name="appbar-autoprominent">
218
- <div class="mdw-selection__label mdw-list__text">
219
- <div class="mdw-list__text-line">Auto Prominent</div>
220
- <div class="mdw-list__text-line mdw-theme" mdw-ink="medium">[mdw-autoprominent]</div>
221
- </div>
222
- <div class="mdw-selection__icon mdw-theme" mdw-ink="secondary" mdw-switch></div>
223
- </a>
224
- </li>
225
- </ul>
226
- <div class="mdw-list__subheader mdw-theme" mdw-ink="medium">Position (Mobile)</div>
227
- <ul class="mdw-list" mdw-margin-bottom>
228
- <li class="mdw-list__item">
229
- <a class="mdw-list__content mdw-selection" aria-checked="false" data-name="appbar-bottom" data-value="bottom">
230
- <div class="mdw-list__text mdw-selection__label">
231
- <div class="mdw-list__text-line">Bottom</div>
232
- <div class="mdw-list__text-line mdw-theme" mdw-ink="medium">[mdw-bottom]</div>
233
- </div>
234
- <div class="mdw-selection__icon mdw-theme" mdw-ink="secondary" mdw-switch></div>
235
- </a>
236
- </li>
237
- <li class="mdw-list__item">
238
- <a class="mdw-list__content mdw-selection" aria-checked="false" data-name="fab-cut" aria-disabled="true">
239
- <div class="mdw-selection__label mdw-list__text">
240
- <div class="mdw-list__text-line">FAB Cutout</div>
241
- <div class="mdw-list__text-line mdw-theme" mdw-ink="medium">[mdw-fab-cut]</div>
242
- </div>
243
- <div class="mdw-selection__icon mdw-theme" mdw-ink="secondary" mdw-checkbox></div>
244
- </a>
245
- </li>
246
- </ul>
247
- </div>
248
- </div>
249
- <div class="mdw-grid__item" mdw-colspan="6">
250
- <div class="mdw-grid__content mdw-card mdw-theme" mdw-surface="card" mdw-border-ink>
251
- <div class="mdw-card__start">
252
- <div class="mdw-card__thumbnail material-icons" style="font-size:40px;transform:scaleY(-1);">web_asset</div>
253
- </div>
254
- <h6 class="mdw-card__header" mdw-two-line>FAB</h6>
255
- <div class="mdw-card__subheader">Floating Action Button</div>
256
- <div class="mdw-divider mdw-theme" mdw-ink="divider"></div>
257
- <ul class="mdw-list" mdw-margin-top mdw-margin-bottom>
258
- <li class="mdw-list__item">
259
- <a class="mdw-list__content mdw-selection" aria-checked="true" data-name="fab-show">
260
- <div class="mdw-selection__label mdw-list__text">
261
- <div class="mdw-list__text-line">Visible</div>
262
- <div class="mdw-list__text-line mdw-theme" mdw-ink="medium">[mdw-fab-show]</div>
263
- </div>
264
- <div class="mdw-selection__icon mdw-theme" mdw-ink="secondary" mdw-switch></div>
265
- </a>
266
- </li>
267
- <li class="mdw-list__item">
268
- <a class="mdw-list__content mdw-selection" aria-checked="true" mdw-no-autocheck data-name="use-fab-mobile">
269
- <div class="mdw-selection__label mdw-list__text">
270
- <div class="mdw-list__text-line">Mobile</div>
271
- <div class="mdw-list__text-line mdw-theme" mdw-ink="medium">Center</div>
272
- </div>
273
- <div class="mdw-divider mdw-theme" mdw-vertical mdw-ink="divider"></div>
274
- <div class="mdw-list__secondary" mdw-action>
275
- <div class="mdw-selection__icon mdw-theme" mdw-ink="secondary" mdw-switch></div>
276
- </div>
277
- </a>
278
- </li>
279
- <li class="mdw-list__item">
280
- <a class="mdw-list__content mdw-selection" aria-checked="true" mdw-no-autocheck data-name="use-fab-desktop">
281
- <div class="mdw-selection__label mdw-list__text">
282
- <div class="mdw-list__text-line">Desktop</div>
283
- <div class="mdw-list__text-line mdw-theme" mdw-ink="medium">End</div>
284
- </div>
285
- <div class="mdw-divider mdw-theme" mdw-vertical mdw-ink="divider "></div>
286
- <div class="mdw-list__secondary" mdw-action>
287
- <div class="mdw-selection__icon mdw-theme" mdw-ink="secondary" mdw-switch></div>
288
- </div>
289
- </a>
290
- </li>
291
- </ul>
292
- </div>
293
- </div>
294
- <div class="mdw-grid__item" mdw-colspan="6">
295
- <div class="mdw-grid__content mdw-card mdw-theme" mdw-surface="card" mdw-border-ink>
296
- <div class="mdw-card__start">
297
- <div class="mdw-card__thumbnail material-icons mdw-theme" style="font-size:40px;">vertical_split</div>
298
- </div>
299
- <h6 class="mdw-card__header" mdw-two-line>Navigation Drawer</h6>
300
- <div class="mdw-card__subheader">App Destinations</div>
301
- <div class="mdw-divider mdw-theme" mdw-ink="divider"></div>
302
- <div class="mdw-list__subheader mdw-theme" mdw-ink="medium">Style (Desktop)</div>
303
- <ul class="mdw-list mdw-selection__radio-group" role="radiogroup">
304
- <li class="mdw-list__item">
305
- <a class="mdw-list__content mdw-selection" aria-checked="true" data-name="navdrawer-style" data-value="">
306
- <div class="mdw-list__text mdw-selection__label">Full-height</div>
307
- <div class="mdw-selection__icon mdw-theme" mdw-ink="secondary" mdw-radio></div>
308
- </a>
309
- </li>
310
- <li class="mdw-list__item">
311
- <a class="mdw-list__content mdw-selection" aria-checked="false" data-name="navdrawer-style" data-value="modal">
312
- <div class="mdw-list__text mdw-selection__label">Modal</div>
313
- <div class="mdw-selection__icon mdw-theme" mdw-ink="secondary" mdw-radio></div>
314
- </a>
315
- </li>
316
- <li class="mdw-list__item">
317
- <a class="mdw-list__content mdw-selection" aria-checked="false" data-name="navdrawer-style" data-value="clipped">
318
- <div class="mdw-list__text mdw-selection__label">Clipped</div>
319
- <div class="mdw-selection__icon mdw-theme" mdw-ink="secondary" mdw-radio></div>
320
- </a>
321
- </li>
322
- <li class="mdw-list__item">
323
- <a class="mdw-list__content mdw-selection" aria-checked="false" data-name="navdrawer-style" data-value="clipped floating">
324
- <div class="mdw-list__text mdw-selection__label">Clipped Floating</div>
325
- <div class="mdw-selection__icon mdw-theme" mdw-ink="secondary" mdw-radio></div>
326
- </a>
327
- </li>
328
- <li class="mdw-list__item">
329
- <a class="mdw-list__content mdw-selection" aria-checked="false" data-name="navdrawer-style" data-value="clipped floating card">
330
- <div class="mdw-list__text mdw-selection__label">Clipped Floating Card</div>
331
- <div class="mdw-selection__icon mdw-theme" mdw-ink="secondary" mdw-radio></div>
332
- </a>
333
- </li>
334
- </ul>
335
- <div class="mdw-list__subheader mdw-theme" mdw-ink="medium">Toggle (Desktop)</div>
336
- <ul class="mdw-list mdw-selection__radio-group" role="radiogroup" mdw-margin-bottom>
337
- <li class="mdw-list__item">
338
- <a class="mdw-list__content mdw-selection" aria-checked="true" data-name="navdrawer-toggle" data-value="">
339
- <div class="mdw-list__text mdw-selection__label">None (Perminent)</div>
340
- <div class="mdw-selection__icon mdw-theme" mdw-ink="secondary" mdw-radio></div>
341
- </a>
342
- <li class="mdw-list__item">
343
- <a class="mdw-list__content mdw-selection" aria-checked="false" data-name="navdrawer-toggle" data-value="dismissible">
344
- <div class="mdw-list__text mdw-selection__label">Dismissible</div>
345
- <div class="mdw-selection__icon mdw-theme" mdw-ink="secondary" mdw-radio></div>
346
- </a>
347
- </li>
348
- <li class="mdw-list__item">
349
- <a class="mdw-list__content mdw-selection" aria-checked="false" data-name="navdrawer-toggle" data-value="mini">
350
- <div class="mdw-list__text mdw-selection__label">Mini</div>
351
- <div class="mdw-selection__icon mdw-theme" mdw-ink="secondary" mdw-radio></div>
352
- </a>
353
- </li>
354
- </li>
355
- </ul>
356
- </div>
357
- </div>
358
- <div class="mdw-grid__item" mdw-colspan="6">
359
- <div class="mdw-grid__content mdw-card mdw-theme" mdw-surface="card" mdw-border-ink>
360
- <div class="mdw-card__start">
361
- <div class="mdw-card__thumbnail material-icons" style="font-size:40px;transform:scaleX(-1);">vertical_split</div>
362
- </div>
363
- <h6 class="mdw-card__header" mdw-two-line>Side Sheet</h6>
364
- <div class="mdw-card__subheader">Supplementary content</div>
365
- <div class="mdw-divider mdw-theme" mdw-ink="divider"></div>
366
- <div class="mdw-list__subheader mdw-theme" mdw-ink="medium">Style (Desktop)</div>
367
- <ul class="mdw-list mdw-selection__radio-group" role="radiogroup">
368
- <li class="mdw-list__item">
369
- <a class="mdw-list__content mdw-selection" aria-checked="false" data-name="sidesheet-style" data-value="">
370
- <div class="mdw-list__text mdw-selection__label">Full-height</div>
371
- <div class="mdw-selection__icon mdw-theme" mdw-ink="secondary" mdw-radio></div>
372
- </a>
373
- </li>
374
- <li class="mdw-list__item">
375
- <a class="mdw-list__content mdw-selection" aria-checked="false" data-name="sidesheet-style" data-value="modal">
376
- <div class="mdw-list__text mdw-selection__label">Modal</div>
377
- <div class="mdw-selection__icon mdw-theme" mdw-ink="secondary" mdw-radio></div>
378
- </a>
379
- </li>
380
- <li class="mdw-list__item">
381
- <a class="mdw-list__content mdw-selection" aria-checked="true" data-name="sidesheet-style" data-value="clipped">
382
- <div class="mdw-list__text mdw-selection__label">Clipped</div>
383
- <div class="mdw-selection__icon mdw-theme" mdw-ink="secondary" mdw-radio></div>
384
- </a>
385
- </li>
386
- <li class="mdw-list__item">
387
- <a class="mdw-list__content mdw-selection" aria-checked="false" data-name="sidesheet-style" data-value="clipped floating">
388
- <div class="mdw-list__text mdw-selection__label">Clipped Floating</div>
389
- <div class="mdw-selection__icon mdw-theme" mdw-ink="secondary" mdw-radio></div>
390
- </a>
391
- </li>
392
- <li class="mdw-list__item">
393
- <a class="mdw-list__content mdw-selection" aria-checked="false" data-name="sidesheet-style" data-value="clipped floating card">
394
- <div class="mdw-list__text mdw-selection__label">Clipped Floating Card</div>
395
- <div class="mdw-selection__icon mdw-theme" mdw-ink="secondary" mdw-radio></div>
396
- </a>
397
- </li>
398
- </ul>
399
- <div class="mdw-list__subheader mdw-theme" mdw-ink="medium">Toggle (Desktop)</div>
400
- <ul class="mdw-list mdw-selection__radio-group" role="radiogroup" mdw-margin-bottom>
401
- <li class="mdw-list__item">
402
- <a class="mdw-list__content mdw-selection" aria-checked="false" data-name="sidesheet-toggle" data-value="">
403
- <div class="mdw-list__text mdw-selection__label">None (Perminent)</div>
404
- <div class="mdw-selection__icon mdw-theme" mdw-ink="secondary" mdw-radio></div>
405
- </a>
406
- <li class="mdw-list__item">
407
- <a class="mdw-list__content mdw-selection" aria-checked="true" data-name="sidesheet-toggle" data-value="dismissible">
408
- <div class="mdw-list__text mdw-selection__label">Dismissible</div>
409
- <div class="mdw-selection__icon mdw-theme" mdw-ink="secondary" mdw-radio></div>
410
- </a>
411
- </li>
412
- <li class="mdw-list__item">
413
- <a class="mdw-list__content mdw-selection" aria-checked="false" data-name="sidesheet-toggle" data-value="mini">
414
- <div class="mdw-list__text mdw-selection__label">Mini</div>
415
- <div class="mdw-selection__icon mdw-theme" mdw-ink="secondary" mdw-radio></div>
416
- </a>
417
- </li>
418
- </li>
419
- </ul>
420
- </div>
421
- </div>
422
- <div class="mdw-grid__item" mdw-colspan="6">
423
- <div class="mdw-grid__content mdw-card mdw-theme" mdw-surface="card" mdw-border-ink>
424
- <div class="mdw-card__start">
425
- <div class="mdw-card__thumbnail material-icons" style="font-size:40px;transform:scaleX(-1);">vertical_split</div>
426
- </div>
427
- <h6 class="mdw-card__header" mdw-two-line>Dialogs</h6>
428
- <div class="mdw-card__subheader">Supplementary content</div>
429
- <div class="mdw-divider mdw-theme" mdw-ink="divider"></div>
430
- <div class="mdw-card__actions">
431
- <%~ includeFile(T, { button: { id:'dialog-alert-button', text: 'Alert' }}) %>
432
- <%~ includeFile(T, { button: { id:'dialog-confirm-button', text: 'Confirm' }}) %>
433
- </div>
434
- </div>
435
- </div>
436
- <div class="mdw-grid__item" mdw-colspan="6">
437
- <div class="mdw-grid__content mdw-card mdw-theme" mdw-surface="card" mdw-border-ink>
438
- <div class="mdw-card__start">
439
- <div class="mdw-card__thumbnail material-icons" style="font-size:40px;transform:scaleX(-1);">vertical_split</div>
440
- </div>
441
- <h6 class="mdw-card__header" mdw-two-line>Menus</h6>
442
- <div class="mdw-card__subheader">Supplementary content</div>
443
- <div class="mdw-divider mdw-theme" mdw-ink="divider"></div>
444
- <div class="mdw-card__actions">
445
- <%~ includeFile(T, { button: { id:'menu-button', text:'Show' }}) %>
446
- </div>
447
- </div>
448
- </div>
449
- <div class="mdw-grid__item" mdw-colspan="100%">
450
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eu vulputate turpis. Aliquam aliquet sagittis erat, non facilisis dolor auctor quis. Fusce risus diam, tincidunt in semper at, facilisis ut sapien. Integer dui tellus, condimentum rhoncus metus et, porttitor convallis erat. Proin eget dolor purus. Phasellus lorem odio, facilisis et commodo ut, aliquet non ligula. Aliquam erat volutpat. Pellentesque sollicitudin convallis dolor, non euismod ipsum maximus sit amet. Nullam sodales at tellus in rhoncus. Aliquam vel tempus nisl. Curabitur lacinia blandit orci quis pulvinar. Aliquam dignissim ex a diam volutpat, vitae vehicula tortor blandit. Aliquam laoreet mauris quis purus tempor mollis.</p>
451
- <p>Quisque finibus justo et urna rutrum mollis. Duis non blandit purus. Etiam nec ante et enim molestie interdum pharetra sed dui. Pellentesque turpis tortor, dictum at congue ut, pretium eu mauris. Sed tempor lorem ac quam elementum blandit id vitae neque. Curabitur accumsan dapibus diam. Ut egestas efficitur est. Morbi ultrices metus eget turpis porta pulvinar id et justo. Pellentesque ultrices aliquet ex, non commodo sapien feugiat eget. Donec sed tincidunt purus. Maecenas scelerisque risus fringilla, posuere erat vehicula, ornare risus. Pellentesque vitae fermentum purus, molestie sollicitudin nibh. Donec auctor, lacus sed imperdiet varius, eros nisl eleifend neque, tincidunt dictum nibh metus commodo elit. Nulla facilisi.</p>
452
- <p>Nam eu dui eu sem suscipit tristique. Nam in velit elementum, efficitur felis nec, aliquet mauris. Integer sit amet mattis turpis, nec ultricies elit. Mauris tristique, sem sit amet mollis egestas, purus diam luctus risus, ac dignissim diam eros ac leo. Phasellus at venenatis nisi. Sed feugiat turpis at dolor efficitur sagittis. Donec eget ornare leo, quis convallis justo. Mauris viverra, purus at sodales auctor, justo dolor semper nisl, a elementum nulla nulla vel ipsum. Mauris a dolor nec neque molestie auctor. Quisque maximus ultrices ornare. Maecenas ut fringilla dolor. </p>
453
- <p>Duis in lorem dignissim, venenatis nunc in, fringilla enim. Aliquam vel ex at augue dictum ultricies eu quis lacus. Integer sodales metus tincidunt purus tristique maximus. Morbi at ante risus. Praesent ligula leo, accumsan quis semper vel, venenatis non sapien. Nullam vulputate urna id sapien pulvinar, ac laoreet mi vulputate. Morbi malesuada vehicula molestie.</p>
454
- <p>Nunc aliquet ornare nulla eget vestibulum. Etiam tristique dignissim purus in sollicitudin. Aliquam a velit malesuada, fringilla justo id, tincidunt ligula. Mauris fermentum tincidunt tellus, nec scelerisque ligula pulvinar quis. Donec posuere viverra justo eu hendrerit. Nullam at vestibulum erat, eget pulvinar augue. Nunc efficitur tristique sem, lacinia tempus tortor rhoncus non. Mauris nec ligula ex. Aenean a neque nec dui commodo congue a ac risus. Nulla a dolor vel erat rutrum commodo. Fusce nec nisi suscipit, sollicitudin quam pulvinar, tristique felis. Maecenas congue suscipit massa, in imperdiet lacus dignissim non. In facilisis leo magna, at sodales dui tempus iaculis. Proin hendrerit lacinia nunc, vitae dignissim nulla cursus id. Donec in leo porttitor, accumsan dui sit amet, malesuada nunc.</p>
455
- <p>Sed id sapien quis tortor feugiat luctus in id nisi. Mauris egestas posuere luctus. Quisque in augue felis. Cras vitae dapibus ex. Nunc ac diam at justo interdum auctor eget nec tortor. Nulla ac nisi ut tellus viverra blandit. Nullam eu neque a metus ullamcorper convallis. Praesent maximus erat sed arcu egestas, ut porta tortor ullamcorper. Morbi eu sodales odio. Aenean gravida volutpat iaculis.</p>
456
- <p>Mauris ut imperdiet nisi. Nunc nunc metus, fringilla et felis id, porttitor feugiat magna. Morbi dignissim felis sem, non pharetra urna finibus feugiat. Maecenas quis eleifend leo, eu sagittis nulla. Quisque gravida sagittis cursus. Duis ornare, lacus nec semper posuere, eros ex rhoncus massa, eu semper purus turpis eu leo. Sed erat risus, faucibus eget condimentum vel, vestibulum sit amet elit. Nullam semper felis ac odio porttitor, ac pharetra mauris gravida. Sed convallis magna pulvinar est vestibulum commodo. Maecenas lobortis massa vel tempor gravida. Vivamus ac scelerisque orci. Ut vitae facilisis risus. Fusce imperdiet, risus at rutrum feugiat, felis dui hendrerit massa, eu feugiat leo odio quis massa. Vivamus sagittis risus quis felis volutpat, sit amet tristique orci sodales. Fusce ac iaculis ante. Phasellus facilisis, justo eget vestibulum blandit, risus mauris efficitur magna, euismod semper erat urna et eros.</p>
457
- <p>Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur semper elit orci. Vivamus vitae diam et nisi pellentesque mattis quis sit amet neque. Maecenas massa quam, eleifend nec dapibus at, tempor id sem. Vestibulum nec est a odio porttitor commodo dapibus a odio. Nam ornare quam nunc, eu aliquet ante finibus quis. Nam vulputate aliquam lorem non luctus. Sed maximus magna vitae rutrum porta.</p>
458
- <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc ac sollicitudin dolor, in placerat dui. Pellentesque tristique hendrerit erat. Duis tincidunt consequat dignissim. Aenean elementum arcu vel dolor dignissim gravida non sit amet nisl. Fusce ut finibus leo. Curabitur consequat semper suscipit. Proin ac metus ultrices, semper odio et, imperdiet leo. Fusce tellus ligula, laoreet et massa ut, pulvinar interdum quam. Integer pellentesque a eros sit amet sollicitudin. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vivamus arcu leo, lobortis vitae dapibus in, mollis ut dolor. Curabitur porta erat accumsan lacus consequat mollis. Aliquam eget semper diam, in dictum tellus. Cras vitae ante in felis molestie efficitur. Mauris in neque eleifend, iaculis quam eget, hendrerit ex.</p>
459
- <p>Proin ligula tortor, ullamcorper vel justo non, euismod consectetur augue. Sed sodales lacus id elit fermentum, non posuere dolor gravida. Nunc nec tincidunt tellus, in consequat enim. Praesent sem mauris, dictum in nisl et, mattis tincidunt quam. Sed ac dui in lacus faucibus consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sit amet magna dui. Vestibulum congue ultricies scelerisque.</p>
460
- <p>Mauris vel arcu euismod, aliquet purus vitae, consectetur felis. Sed nec tincidunt risus, venenatis auctor erat. Integer et sollicitudin nibh. Cras vestibulum faucibus ante, sit amet viverra nibh cursus non. Aenean eleifend dapibus urna, non dapibus purus dapibus a. Praesent sed nisl luctus est consequat congue. Fusce quis laoreet sapien. Integer sagittis ullamcorper ipsum, sed porttitor quam consequat vitae. Pellentesque ut erat ac mauris ullamcorper molestie.</p>
461
- <p>Etiam quis dolor et quam porta cursus. Ut est lacus, pellentesque sed malesuada vel, imperdiet quis lacus. Nullam sit amet ex luctus, semper nisi eget, condimentum ante. Duis nec augue varius, scelerisque dolor eget, porttitor lacus. Aliquam erat volutpat. Donec commodo, ligula et tincidunt dapibus, nunc enim ultrices augue, non placerat purus arcu eget nibh. Praesent convallis pulvinar ornare. Vivamus pellentesque tortor sit amet eros consectetur, sit amet cursus enim sodales. Vivamus quam odio, pulvinar ullamcorper molestie sit amet, interdum a nibh. Integer tristique, sapien eu facilisis interdum, nunc massa accumsan nisi, nec dictum sapien neque at neque. Proin lectus tortor, porta nec varius id, imperdiet id neque. Mauris fermentum mollis diam, vitae semper sapien egestas sit amet. In quis gravida purus. Nullam facilisis dapibus maximus. Nam maximus elit ac dapibus malesuada.</p>
462
- <p>Maecenas urna sem, mattis pretium nisi quis, pellentesque tincidunt dolor. Praesent semper, tellus porttitor semper ultricies, est urna tincidunt orci, in venenatis massa est ac quam. Donec vitae pellentesque ex, in tincidunt eros. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam lacus orci, ullamcorper nec viverra sit amet, blandit quis sem. Aliquam gravida varius nulla, eget lacinia nibh sagittis at. Pellentesque sapien libero, lacinia eu erat vel, euismod porttitor eros. Aenean a rhoncus nulla, id fringilla odio. Sed pellentesque gravida consectetur. Duis ut sapien purus. Donec ac sagittis velit.</p>
463
- <p>Suspendisse magna nibh, maximus in orci at, porta condimentum lacus. Aenean iaculis, risus sit amet sagittis luctus, lorem diam feugiat magna, sit amet blandit ante augue ut sapien. Curabitur tristique egestas nisi at ultricies. Nam euismod est sit amet magna ornare, at vulputate est sodales. Curabitur sed mollis turpis. Donec ultricies id justo id bibendum. Suspendisse convallis velit vitae purus vestibulum viverra. In ullamcorper volutpat gravida. Integer viverra pharetra volutpat. Morbi ut risus odio. In commodo lacinia volutpat. Maecenas imperdiet tellus at metus mollis suscipit. Cras maximus nisl eget metus placerat, eget tempor risus ornare. Pellentesque vitae elit aliquet, molestie ante in, suscipit sapien. Ut et auctor ex. Interdum et malesuada fames ac ante ipsum primis in faucibus.</p>
464
- <p>Donec cursus ex justo, at porta lacus ultricies eget. In hac habitasse platea dictumst. Aliquam erat volutpat. Sed a turpis dui. Praesent commodo, sem ut laoreet efficitur, neque mi ullamcorper nibh, elementum luctus mauris lacus et metus. Fusce accumsan lectus quis molestie accumsan. In iaculis lacus turpis, sed iaculis libero tempus commodo. Fusce dignissim viverra metus nec sollicitudin.</p>
465
- <p>Fusce maximus leo sem, ac iaculis urna dictum ac. Curabitur nec urna mauris. Aenean fringilla vehicula mauris at viverra. Proin commodo lorem ligula, in dapibus nibh sagittis id. Vestibulum fringilla eleifend nunc, id pharetra ipsum hendrerit vel. Ut iaculis lobortis eleifend. Phasellus ipsum tortor, vulputate id accumsan quis, faucibus ut magna. Nulla tincidunt pharetra mauris vel tincidunt. Integer convallis sed ante sed luctus. Aliquam fermentum elit eu fermentum cursus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla ac turpis nulla.</p>
466
- <p>Mauris lorem orci, pulvinar non arcu vitae, aliquam ornare nisi. Aliquam sed nunc non purus semper tincidunt et ultrices nibh. Pellentesque volutpat enim non arcu pulvinar viverra. Mauris commodo aliquam facilisis. Aliquam posuere, neque sed dignissim blandit, turpis nisi aliquet diam, ac bibendum risus odio vel dui. Mauris nisl turpis, volutpat eu augue ut, lacinia dignissim magna. Nulla in dui sit amet ligula iaculis semper. Morbi blandit eu sapien id sagittis. Fusce sit amet libero vitae lectus mattis rutrum. Duis feugiat ut justo in venenatis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
467
- <p>Vestibulum aliquam mi scelerisque quam congue lobortis non sit amet odio. Fusce dolor erat, sollicitudin sit amet lectus non, varius luctus magna. Nam commodo ante metus, at egestas nisl faucibus consequat. Nulla sed aliquet eros. Maecenas eu justo ipsum. Aliquam orci mauris, venenatis eget ligula ut, feugiat fringilla eros. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed blandit felis id mauris feugiat luctus. Nulla convallis ac mauris non fringilla.</p>
468
- <p>Nullam vitae luctus neque. Maecenas non ultricies ante. Nam ac dui cursus, interdum nulla ut, pharetra ante. Etiam eu ultrices libero. Fusce sed erat pellentesque, molestie odio eget, luctus elit. Vivamus ultricies tortor ut purus facilisis, sed porta mi aliquam. Integer posuere augue euismod nisl tempus, at efficitur lacus fringilla.</p>
469
- <p>Sed blandit diam nec nibh faucibus, a ultricies risus posuere. Vestibulum facilisis ultrices sem, eget aliquam libero fermentum id. Fusce imperdiet metus auctor feugiat tincidunt. Praesent sem elit, ullamcorper id bibendum ut, ullamcorper at diam. Ut non nulla euismod lorem facilisis eleifend et at leo. Mauris eget scelerisque libero, at porta eros. Ut vitae eros eu dui venenatis lacinia. Nulla ultricies tortor et ullamcorper ultricies. Integer placerat libero at ex euismod, vel vestibulum lacus accumsan. Suspendisse maximus id sapien et accumsan. Suspendisse porta enim tellus.</p>
470
- </div>
471
- </div>
472
- </div>
473
- </div>
474
- <script src="pwa.min.js"></script>
475
- <script src="entire-framework.min.js"></script>
476
- </body>
477
-
478
- </html>