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