@shortfuse/materialdesignweb 0.3.0 → 0.4.0

package/core/theme/_builder.scss

@@ -1,116 +0,0 @@
-@import './_palettes.scss';
-
-$mdw-theme__tone-list: ("50", "100", "200", "300", "400", "500", "600", "700", "800", "900", "A100", "A200", "A400", "A700") !default;
-
-@function __mdwGetThemeValue($component, $colorMap, $key, $type) {
-  @if ($type == 'var') {
-    @return var(--#{$component}__#{$key});
-  }
-  $item: __mdwGetThemeMapItem($colorMap, $key, $type);
-  $length: length($item);
-  @if ($length == 1) {
-    @return $item;
-  } @else if ($length == 2) {
-    $color: nth($item, 1);
-    $opacity: nth($item, 2);
-    @if (type_of($color) == string) {
-      $color: mdwGetThemeParamColor($color, null, $type);
-    }
-    @return rgba($color, $opacity);
-  } @else {
-    $color: nth($item, 1);
-    $tone: nth($item, 2);
-    $opacity: nth($item, 3);
-    $value: mdwGetThemeParamColor($color, $tone, $type);
-    @if ($opacity == null) {
-      $opacity: 1.0;
-    }
-    @return rgba($value, $opacity);
-  }
-  @return null;
-}
-
-@mixin __mdw-theme__add-variables($component, $map, $lightness, $rgbOnly: false) {
-  @each $key in map-keys($map) {
-    $item: __mdwGetThemeMapItem($map, $key, $lightness);
-    $value: null;
-    $length: length($item);
-    @if ($length == 1) {
-      @if ($rgbOnly and type_of(item) == color) {
-        $value: red($item),green($item),blue($item);
-      } @else {
-        $value: $item;
-      }
-    } @else if ($length == 2) {
-      $color: nth($item, 1);
-      $opacity: nth($item, 2);
-      @if (type_of($color) == string) {
-        @if ($rgbOnly) {
-          $value: var(--#{$color}-color);
-        } @else {
-          $value: RGBA(var(--#{$color}-color),#{$opacity});
-        }
-      } @else {
-        @if ($rgbOnly) {
-          $value: red($color),green($color),blue($color);
-        } @else {
-          $value: rgba($color,$opacity);
-        }
-      }
-    } @else {
-      $color: nth($item, 1);
-      $tone: nth($item, 2);
-      $opacity: nth($item, 3);
-      @if ($tone == null) {
-        @error '$tone cannot be null';
-      }
-      @if ($rgbOnly) {
-        $value: var(--#{$color}-#{$tone}-color);
-      } @else {
-        $value: RGBA(var(--#{$color}-#{$tone}-color),#{$opacity});
-      }
-    }
-    --#{$component}__#{$key}: #{$value};
-  }
-}
-
-@function __mdwGetThemeMapItem($colorMap, $key, $lightness) {
-  $list: map-get($colorMap, $key);
-  $length: length($list);
-
-  @if ($lightness == 'dark') {
-    @if ($length > 1) {
-      @return nth($list, 2);
-    } @else {
-      @error 'Variable not found' $key;
-    }
-  }
-  @return nth($list, 1);
-}
-
-@mixin __mdw-theme__add-component-variable-rules($component, $values, $rgbOnly: false) {
-  :root,
-  .mdw-theme[mdw-light] {
-    @include __mdw-theme__add-variables($component, $values, 'light', $rgbOnly);
-  }
-
-  .mdw-theme[mdw-dark] {
-    @include __mdw-theme__add-variables($component, $values, 'dark', $rgbOnly);
-  }
-}
-
-@mixin __mdw-theme__fallbacks($scope) {
-  @if ($scope == 'global') {
-    @content;
-  } @else if ($scope == 'light') {
-    .mdw-theme[mdw-light],
-    .mdw-theme[mdw-dark] .mdw-theme[mdw-light] {
-      @content;
-    }
-  } @else if ($scope == 'dark') {
-    .mdw-theme[mdw-dark],
-    .mdw-theme[mdw-light] .mdw-theme[mdw-dark] {
-      @content;
-    }
-  }
-}

package/core/theme/index.scss

@@ -1,68 +0,0 @@
-@import '../_platform.scss';
-@import './_palettes.scss';
-@import './_builder.scss';
-@import './_variables.scss';
-
-@mixin mdw-theme__add-component-variable-rules($component, $values, $rgbOnly: false) {
-  @if ($mdw-theme__variables == 'supports') {
-    @supports(--v:v) {
-      @include __mdw-theme__add-component-variable-rules($component, $values, $rgbOnly);
-      @content;
-    }
-  } @else if ($mdw-theme__variables != false) {
-    @include __mdw-theme__add-component-variable-rules($component, $values, $rgbOnly);
-    @content;
-  }
-}
-
-@mixin mdw-theme__add-component-fallback-rules($lightness) {
-  @if ($mdw-theme__fallbacks == 'ieonly') {
-    @include mdw-platform__ie() {
-      @include __mdw-theme__fallbacks($lightness) {
-        @content;
-      }
-    }
-  } @else if ($mdw-theme__fallbacks != false) {
-    @include __mdw-theme__fallbacks($lightness) {
-      @content;
-    }
-  }
-}
-
-@function mdwGetThemeValue($component, $colorMap, $key, $type) {
-  @return __mdwGetThemeValue($component, $colorMap, $key, $type);
-}
-
-@function mdwGetThemeParamValue($param) {
-  @if ($param == 'primary') {
-    @return map-get($mdw-theme__palettes, $mdw-theme__primary);
-  } @else if ($param == 'secondary') {
-    @return map-get($mdw-theme__palettes, $mdw-theme__secondary);
-  } @else if ($param == 'warn') {
-    @return map-get($mdw-theme__palettes, $mdw-theme__warn);
-  } @else if ($param == 'background') {
-    @return map-get($mdw-theme__palettes, $mdw-theme__background);
-  } @else if ($param == 'foreground-light') {
-    @return $mdw-theme__foreground-light;
-  } @else if ($param == 'foreground-dark') {
-    @return $mdw-theme__foreground-dark;
-  }
-}
-
-@function mdwGetThemeParamColor($param, $tone, $type) {
-  @if ($type == 'var' or ($type == null)) {
-    @if ($tone == null) {
-      @return var(--#{$param}-color);
-    }
-    @return var(--#{$param}-#{$tone}-color);
-  }
-  @if ($tone == null) {
-    $tone: '500';
-  }
-
-  $paramValue: mdwGetThemeParamValue($param);
-  @if (($param == 'foreground-light') or ($param == 'foreground-dark')) {
-    @return $paramValue;
-  }
-  @return map-get($paramValue, $tone);
-}

package/docs/appbar.html

@@ -1 +0,0 @@
-<!DOCTYPE html><html class="mdw-layout mdw-theme" lang="en"><head><title>Material Design Web</title><meta charset="utf-8"><meta content="IE=edge" http-equiv="X-UA-Compatible"><meta content="Material Design Web - CSS/JS Framework" name="description"><meta content="width=device-width, initial-scale=1, viewport-fit=cover" name="viewport"><meta name="theme-color" content="#C2185B"><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"><link rel="stylesheet" href="//fonts.googleapis.com/css?family=Merriweather:300,400,500"><link rel="stylesheet" href="docs.min.css"><link rel="stylesheet" href="spec.min.css"><link rel="stylesheet" href="theme-default.min.css"><link rel="stylesheet" href="theme-default-fallbacks.min.css" media="screen and (-ms-high-contrast: active), (-ms-high-contrast: none)"><link rel="stylesheet" disabled href="theme-colored.min.css" title="alt"><link rel="stylesheet" disabled href="theme-colored-fallbacks.min.css" media="screen and (-ms-high-contrast: active), (-ms-high-contrast: none)" title="alt"><script src="prerender.common.min.js"></script><script src="prerender.min.js"></script></head><body class="mdw-layout__body mdw-theme" mdw-surface="background" mdw-sidesheet-toggle="dismissible" mdw-sidesheet-style="modal"><div class="mdw-layout__menus"></div><div class="mdw-layout__dialogs"></div><nav class="mdw-layout__navdrawer"><div class="mdw-layout__sheet-content mdw-theme" mdw-surface="background" mdw-border-ink><ul class="mdw-list" role="tree"><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" href="index.html" mdw-ink="default"><div class="mdw-list__text">Home</div></a></li><li class="mdw-list__expander mdw-theme" aria-expanded="true"><span class="mdw-list__expander-content mdw-list__subheader"><div class="mdw-list__text mdw-theme" mdw-ink="medium">Core</div><div class="mdw-list__secondary mdw-theme material-icons" mdw-ink="medium">expand_more</div></span><ul class="mdw-list__item-group" role="group"><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="color.html" mdw-ink="primary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">compare</div><div class="mdw-list__text"><div class="mdw-list__text-block">Color</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="overlay.html" mdw-ink="primary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">tonality</div><div class="mdw-list__text"><div class="mdw-list__text-block">Overlay</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="ripple.html" mdw-ink="primary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">center_focus_strong</div><div class="mdw-list__text"><div class="mdw-list__text-block">Ripple</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="transition.html" mdw-ink="primary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">open_in_new</div><div class="mdw-list__text"><div class="mdw-list__text-block">Transition</div></div></a></li></ul></li><li class="mdw-list__expander mdw-theme" aria-expanded="true"><span class="mdw-list__expander-content mdw-list__subheader"><div class="mdw-list__text mdw-theme" mdw-ink="medium">Components</div><div class="mdw-list__secondary mdw-theme material-icons" mdw-ink="medium">expand_more</div></span><ul class="mdw-list__item-group" role="group"><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-current="page" aria-selected="true" href="appbar.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">web_asset</div><div class="mdw-list__text"><div class="mdw-list__text-block">App Bar</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="bottomnav.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">call_to_action</div><div class="mdw-list__text"><div class="mdw-list__text-block">Bottom Navigation</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="button.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">crop_landscape</div><div class="mdw-list__text"><div class="mdw-list__text-block">Button</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="card.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">crop_square</div><div class="mdw-list__text"><div class="mdw-list__text-block">Card</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="chip.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">check_circle</div><div class="mdw-list__text"><div class="mdw-list__text-block">Chip</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="datatable.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">format_align_justify</div><div class="mdw-list__text"><div class="mdw-list__text-block">Data Table</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="dialog.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">select_all</div><div class="mdw-list__text"><div class="mdw-list__text-block">Dialog</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="elevation.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">layers</div><div class="mdw-list__text"><div class="mdw-list__text-block">Elevation</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="fab.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">add_circle</div><div class="mdw-list__text"><div class="mdw-list__text-block">Floating Action Button</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="grid.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">view_compact</div><div class="mdw-list__text"><div class="mdw-list__text-block">Grid</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="layout.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">view_quilt</div><div class="mdw-list__text"><div class="mdw-list__text-block">Layout</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="list.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">view_list</div><div class="mdw-list__text"><div class="mdw-list__text-block">List</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="menu.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">picture_in_picture</div><div class="mdw-list__text"><div class="mdw-list__text-block">Menu</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="progress.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">timelapse</div><div class="mdw-list__text"><div class="mdw-list__text-block">Progress</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="search.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">search</div><div class="mdw-list__text"><div class="mdw-list__text-block">Search</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="selection.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">toggle_on</div><div class="mdw-list__text"><div class="mdw-list__text-block">Selection</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="slider.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">tune</div><div class="mdw-list__text"><div class="mdw-list__text-block">Slider</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="snackbar.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">video_label</div><div class="mdw-list__text"><div class="mdw-list__text-block">Snackbar</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="tab.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">tab</div><div class="mdw-list__text"><div class="mdw-list__text-block">Tab</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="textfield.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">text_fields</div><div class="mdw-list__text"><div class="mdw-list__text-block">Text Field</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="tooltip.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">info</div><div class="mdw-list__text"><div class="mdw-list__text-block">Tooltip</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="type.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">font_download</div><div class="mdw-list__text"><div class="mdw-list__text-block">Typography</div></div></a></li></ul></li></ul></div></nav><div class="mdw-layout__scrim"></div><div class="mdw-layout__appbar mdw-appbar mdw-theme" mdw-autohide="mobile tablet" mdw-surface="secondary 500" mdw-dark><div class="mdw-layout__appbar-shape"></div><div class="mdw-appbar__action"><div class="mdw-appbar__start"><div class="mdw-tooltip__wrapper"><a class="mdw-button mdw-overlay mdw-ripple mdw-tooltip__target material-icons mdw-layout__navdrawer-toggle" mdw-icon="" tabindex="0" href="#docs-navdrawer">menu</a><div class="mdw-tooltip mdw-theme" mdw-surface="background 700" mdw-dark mdw-align="start">Menu</div></div></div><div class="mdw-appbar__title">appbar</div><div class="mdw-appbar__end" id="docs-menu-buttons"><div class="mdw-tooltip__wrapper"><a class="mdw-button mdw-overlay mdw-ripple mdw-tooltip__target material-icons" mdw-icon="" tabindex="0" id="altThemeButton" mdw-overlay-default="medium" mdw-overlay-activated="off" aria-pressed="false">palette</a><div class="mdw-tooltip mdw-theme" mdw-surface="background 700" mdw-dark mdw-align="end">Alt Theme</div></div><div class="mdw-tooltip__wrapper"><a class="mdw-button mdw-overlay mdw-ripple mdw-tooltip__target material-icons" mdw-icon="" tabindex="0" id="darkModeButton" mdw-overlay-default="medium" mdw-overlay-activated="off" aria-pressed="false">brightness_3</a><div class="mdw-tooltip mdw-theme" mdw-surface="background 700" mdw-dark mdw-align="end">Dark Mode</div></div><div class="mdw-tooltip__wrapper"><a class="mdw-button mdw-overlay mdw-ripple mdw-tooltip__target material-icons" mdw-icon="" tabindex="0" id="rtlButton" mdw-overlay-default="medium" mdw-overlay-activated="off" aria-pressed="false">format_align_right</a><div class="mdw-tooltip mdw-theme" mdw-surface="background 700" mdw-dark mdw-align="end">Right-to-Left</div></div><div class="mdw-tooltip__wrapper"><a class="mdw-button mdw-overlay mdw-ripple mdw-tooltip__target material-icons" mdw-icon="" tabindex="0" id="largeFontButton" mdw-overlay-default="medium" mdw-overlay-activated="off" aria-pressed="false">format_size</a><div class="mdw-tooltip mdw-theme" mdw-surface="background 700" mdw-dark mdw-align="end">200% Text</div></div></div></div></div><div class="mdw-layout__fab"></div><div class="mdw-layout__snackbar"></div><div class="mdw-layout__content"><div class="mdw-layout__content-page"><div class="comparison clipped"><div class="render"><div class="androidstatusbar mdw-theme" mdw-surface="background 400" mdw-light=""><div>12:30</div><i class="material-icons" style="letter-spacing:2px;padding:0 2px">&#xE1BA;&#xE1C8;&#xE1A4;</i></div><div class="mdw-appbar mdw-theme" mdw-surface="background 50" mdw-light=""><div class="mdw-appbar__action"><div class="mdw-appbar__start"><a class="mdw-button mdw-overlay mdw-ripple material-icons" mdw-icon="" tabindex="0">menu</a></div><div class="mdw-appbar__title">Title</div><div class="mdw-appbar__end"><a class="mdw-button mdw-overlay mdw-ripple material-icons" mdw-icon="" tabindex="0">search</a><a class="mdw-button mdw-overlay mdw-ripple material-icons" mdw-icon="" tabindex="0">favorite</a><a class="mdw-button mdw-overlay mdw-ripple material-icons" mdw-icon="" tabindex="0" mdw-more-button="mdw-more-button">more_vert</a></div></div></div><div class="content mdw-theme" mdw-surface="background 300" mdw-light></div></div><div class="target" style="background-image: url(https://storage.googleapis.com/material-design/publish/material_v_12/assets/0B6Okdz75tqQsU1FwTUx3cmRUNG8/layout-structure-appbar-structure2.png)"></div></div><div class="comparison clipped"><div class="render"><div class="androidstatusbar mdw-theme" mdw-surface="black" mdw-dark=""><div>12:30</div><i class="material-icons" style="letter-spacing:2px;padding:0 2px">&#xE1BA;&#xE1C8;&#xE1A4;</i></div><div class="mdw-appbar mdw-theme" mdw-surface="background 900" mdw-dark=""><div class="mdw-appbar__action"><div class="mdw-appbar__start"><a class="mdw-button mdw-overlay mdw-ripple material-icons" mdw-icon="" tabindex="0">menu</a></div><div class="mdw-appbar__title">Title</div><div class="mdw-appbar__end"><a class="mdw-button mdw-overlay mdw-ripple material-icons" mdw-icon="" tabindex="0">search</a><a class="mdw-button mdw-overlay mdw-ripple material-icons" mdw-icon="" tabindex="0">favorite</a><a class="mdw-button mdw-overlay mdw-ripple material-icons" mdw-icon="" tabindex="0" mdw-more-button="mdw-more-button">more_vert</a></div></div></div><div class="content mdw-theme" mdw-surface="background 300" mdw-light></div></div><div class="target" style="background-image: url(https://storage.googleapis.com/material-design/publish/material_v_12/assets/0B6Okdz75tqQsbGREMW9BdDdnSUk/layout-structure-appbar-structure3.png)"></div></div><div class="comparison clipped"><div class="render"><div class="androidstatusbar mdw-theme" mdw-surface="blue 800" mdw-dark=""><div>12:30</div><i class="material-icons" style="letter-spacing:2px;padding:0 2px">&#xE1BA;&#xE1C8;&#xE1A4;</i></div><div class="mdw-appbar mdw-theme" mdw-surface="blue A200" mdw-dark=""><div class="mdw-appbar__action"><div class="mdw-appbar__start"><a class="mdw-button mdw-overlay mdw-ripple material-icons" mdw-icon="" tabindex="0">menu</a></div><div class="mdw-appbar__title">Title</div><div class="mdw-appbar__end"><a class="mdw-button mdw-overlay mdw-ripple material-icons" mdw-icon="" tabindex="0">search</a><a class="mdw-button mdw-overlay mdw-ripple material-icons" mdw-icon="" tabindex="0">favorite</a><a class="mdw-button mdw-overlay mdw-ripple material-icons" mdw-icon="" tabindex="0" mdw-more-button="mdw-more-button">more_vert</a></div></div></div><div class="content mdw-theme" mdw-surface="background 300" mdw-light></div></div><div class="target" style="background-image: url(https://storage.googleapis.com/material-design/publish/material_v_12/assets/0B6Okdz75tqQsZF9VZDhtQlF5RGM/layout-structure-appbar-structure4.png)"></div></div><div class="comparison clipped-304"><div class="render"><div class="androidstatusbar mdw-theme"><div>12:30</div><i class="material-icons" style="letter-spacing:2px;padding:0 2px">&#xE1BA;&#xE1C8;&#xE1A4;</i></div><div class="mdw-appbar" mdw-dense><div class="mdw-appbar__action"><div class="mdw-appbar__start"><a class="mdw-button mdw-overlay mdw-ripple material-icons" mdw-icon="" tabindex="0">menu</a></div><div class="mdw-appbar__title">Dense (Desktop)</div><div class="mdw-appbar__end"><a class="mdw-button mdw-overlay mdw-ripple material-icons" mdw-icon="" tabindex="0">more_vert</a></div></div></div><div class="content mdw-theme" mdw-surface="background 300" mdw-light></div></div><div class="target" style="background-image: url(https://storage.googleapis.com/material-design/publish/material_v_12/assets/0B6Okdz75tqQsLUFJUnFlRHVhUVU/layout-structure-appbar-metrics1.png)"></div></div><div class="comparison clipped-304"><div class="render"><div class="androidstatusbar mdw-theme"><div>12:30</div><i class="material-icons" style="letter-spacing:2px;padding:0 2px">&#xE1BA;&#xE1C8;&#xE1A4;</i></div><div class="mdw-appbar" mdw-prominent mdw-dense><div class="mdw-appbar__action"><div class="mdw-appbar__start"><a class="mdw-button mdw-overlay mdw-ripple material-icons" mdw-icon="" tabindex="0">menu</a></div><div class="mdw-appbar__title">Prominent Dense</div><div class="mdw-appbar__end"><a class="mdw-button mdw-overlay mdw-ripple material-icons" mdw-icon="" tabindex="0">search</a><a class="mdw-button mdw-overlay mdw-ripple material-icons" mdw-icon="" tabindex="0">more_vert</a></div></div></div><div class="content mdw-theme" mdw-surface="background 300" mdw-light></div></div><div class="target" style="background-image: url(https://storage.googleapis.com/material-design/publish/material_v_12/assets/0B6Okdz75tqQsSDBhX3BwSURRc1U/layout-structure-appbar-metrics3.png)"></div></div><div class="comparison clipped-304"><div class="render"><div class="androidstatusbar mdw-theme"><div>12:30</div><i class="material-icons" style="letter-spacing:2px;padding:0 2px">&#xE1BA;&#xE1C8;&#xE1A4;</i></div><div class="mdw-appbar"><div class="mdw-appbar__action"><div class="mdw-appbar__start"><div class="mdw-tooltip__wrapper"><a class="mdw-button mdw-overlay mdw-ripple mdw-tooltip__target material-icons" mdw-icon="" tabindex="0">arrow_back</a><div class="mdw-tooltip mdw-theme" mdw-surface="background 700" mdw-dark>Back</div></div></div><div class="mdw-appbar__end"><div class="mdw-tooltip__wrapper"><a class="mdw-button mdw-overlay mdw-ripple mdw-tooltip__target material-icons" mdw-icon="" tabindex="0" mdw-more-button="mdw-more-button">more_vert</a><div class="mdw-tooltip mdw-theme" mdw-surface="background 700" mdw-dark>More</div></div></div></div><div class="mdw-appbar__content"><label class="mdw-textfield mdw-theme" mdw-ink="primary" style="font-size: 1.5rem"><input class="mdw-textfield__input" value="Project Properties" placeholder=" "><div class="mdw-textfield__border"><div class="mdw-textfield__outline-gap"><div class="mdw-textfield__label">Title</div></div></div></label><div style="height:8px"></div><label class="mdw-textfield"><input class="mdw-textfield__input" value="Sync with the team abo" placeholder=" "><div class="mdw-textfield__border"><div class="mdw-textfield__outline-gap"><div class="mdw-textfield__label">Description</div></div></div></label><div style="height:24px"><!-- Spec says 16dp, but it's actually 24dp--></div></div></div><div class="content mdw-theme" mdw-surface="background 300" mdw-light></div></div><div class="target" style="background-image: url(https://storage.googleapis.com/material-design/publish/material_v_12/assets/0B6Okdz75tqQsTW1zb2x5WWg5cDA/layout-structure-appbar-metrics5.png)"></div></div><script src="appbar.min.js"></script></div></div></body><script src="default.common.min.js"></script></html>

package/docs/appbar.min.js

@@ -1,2 +0,0 @@
-!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=41)}({41:function(e,t,n){n(42),e.exports=n(43)},42:function(e,t){},43:function(e,t,n){e.exports=n.p+"appbar.html"}});
-//# sourceMappingURL=appbar.min.js.map

package/docs/appbar.min.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./components/appbar.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","object","property","prototype","hasOwnProperty","p","s"],"mappings":"aACA,IAAAA,EAAA,GAGA,SAAAC,EAAAC,GAGA,GAAAF,EAAAE,GACA,OAAAF,EAAAE,GAAAC,QAGA,IAAAC,EAAAJ,EAAAE,GAAA,CACAG,EAAAH,EACAI,GAAA,EACAH,QAAA,IAUA,OANAI,EAAAL,GAAAM,KAAAJ,EAAAD,QAAAC,IAAAD,QAAAF,GAGAG,EAAAE,GAAA,EAGAF,EAAAD,QAKAF,EAAAQ,EAAAF,EAGAN,EAAAS,EAAAV,EAGAC,EAAAU,EAAA,SAAAR,EAAAS,EAAAC,GACAZ,EAAAa,EAAAX,EAAAS,IACAG,OAAAC,eAAAb,EAAAS,EAAA,CAA0CK,YAAA,EAAAC,IAAAL,KAK1CZ,EAAAkB,EAAA,SAAAhB,GACA,oBAAAiB,eAAAC,aACAN,OAAAC,eAAAb,EAAAiB,OAAAC,YAAA,CAAwDC,MAAA,WAExDP,OAAAC,eAAAb,EAAA,cAAiDmB,OAAA,KAQjDrB,EAAAsB,EAAA,SAAAD,EAAAE,GAEA,GADA,EAAAA,IAAAF,EAAArB,EAAAqB,IACA,EAAAE,EAAA,OAAAF,EACA,KAAAE,GAAA,iBAAAF,QAAAG,WAAA,OAAAH,EACA,IAAAI,EAAAX,OAAAY,OAAA,MAGA,GAFA1B,EAAAkB,EAAAO,GACAX,OAAAC,eAAAU,EAAA,WAAyCT,YAAA,EAAAK,UACzC,EAAAE,GAAA,iBAAAF,EAAA,QAAAM,KAAAN,EAAArB,EAAAU,EAAAe,EAAAE,EAAA,SAAAA,GAAgH,OAAAN,EAAAM,IAAqBC,KAAA,KAAAD,IACrI,OAAAF,GAIAzB,EAAA6B,EAAA,SAAA1B,GACA,IAAAS,EAAAT,KAAAqB,WACA,WAA2B,OAAArB,EAAA,SAC3B,WAAiC,OAAAA,GAEjC,OADAH,EAAAU,EAAAE,EAAA,IAAAA,GACAA,GAIAZ,EAAAa,EAAA,SAAAiB,EAAAC,GAAsD,OAAAjB,OAAAkB,UAAAC,eAAA1B,KAAAuB,EAAAC,IAGtD/B,EAAAkC,EAAA,GAIAlC,IAAAmC,EAAA,sFClFAhC,EAAAD,QAAiBF,EAAAkC,EAAuB","file":"appbar.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 = 41);\n","module.exports = __webpack_public_path__ + \"appbar.html\";"],"sourceRoot":""}

package/docs/bottomnav.html

@@ -1 +0,0 @@
-<!DOCTYPE html><html class="mdw-layout mdw-theme" lang="en"><head><title>Material Design Web</title><meta charset="utf-8"><meta content="IE=edge" http-equiv="X-UA-Compatible"><meta content="Material Design Web - CSS/JS Framework" name="description"><meta content="width=device-width, initial-scale=1, viewport-fit=cover" name="viewport"><meta name="theme-color" content="#C2185B"><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"><link rel="stylesheet" href="//fonts.googleapis.com/css?family=Merriweather:300,400,500"><link rel="stylesheet" href="docs.min.css"><link rel="stylesheet" href="spec.min.css"><link rel="stylesheet" href="theme-default.min.css"><link rel="stylesheet" href="theme-default-fallbacks.min.css" media="screen and (-ms-high-contrast: active), (-ms-high-contrast: none)"><link rel="stylesheet" disabled href="theme-colored.min.css" title="alt"><link rel="stylesheet" disabled href="theme-colored-fallbacks.min.css" media="screen and (-ms-high-contrast: active), (-ms-high-contrast: none)" title="alt"><script src="prerender.common.min.js"></script><script src="prerender.min.js"></script></head><body class="mdw-layout__body mdw-theme" mdw-surface="background" mdw-sidesheet-toggle="dismissible" mdw-sidesheet-style="modal"><div class="mdw-layout__menus"></div><div class="mdw-layout__dialogs"></div><nav class="mdw-layout__navdrawer"><div class="mdw-layout__sheet-content mdw-theme" mdw-surface="background" mdw-border-ink><ul class="mdw-list" role="tree"><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" href="index.html" mdw-ink="default"><div class="mdw-list__text">Home</div></a></li><li class="mdw-list__expander mdw-theme" aria-expanded="true"><span class="mdw-list__expander-content mdw-list__subheader"><div class="mdw-list__text mdw-theme" mdw-ink="medium">Core</div><div class="mdw-list__secondary mdw-theme material-icons" mdw-ink="medium">expand_more</div></span><ul class="mdw-list__item-group" role="group"><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="color.html" mdw-ink="primary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">compare</div><div class="mdw-list__text"><div class="mdw-list__text-block">Color</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="overlay.html" mdw-ink="primary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">tonality</div><div class="mdw-list__text"><div class="mdw-list__text-block">Overlay</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="ripple.html" mdw-ink="primary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">center_focus_strong</div><div class="mdw-list__text"><div class="mdw-list__text-block">Ripple</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="transition.html" mdw-ink="primary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">open_in_new</div><div class="mdw-list__text"><div class="mdw-list__text-block">Transition</div></div></a></li></ul></li><li class="mdw-list__expander mdw-theme" aria-expanded="true"><span class="mdw-list__expander-content mdw-list__subheader"><div class="mdw-list__text mdw-theme" mdw-ink="medium">Components</div><div class="mdw-list__secondary mdw-theme material-icons" mdw-ink="medium">expand_more</div></span><ul class="mdw-list__item-group" role="group"><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="appbar.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">web_asset</div><div class="mdw-list__text"><div class="mdw-list__text-block">App Bar</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-current="page" aria-selected="true" href="bottomnav.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">call_to_action</div><div class="mdw-list__text"><div class="mdw-list__text-block">Bottom Navigation</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="button.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">crop_landscape</div><div class="mdw-list__text"><div class="mdw-list__text-block">Button</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="card.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">crop_square</div><div class="mdw-list__text"><div class="mdw-list__text-block">Card</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="chip.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">check_circle</div><div class="mdw-list__text"><div class="mdw-list__text-block">Chip</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="datatable.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">format_align_justify</div><div class="mdw-list__text"><div class="mdw-list__text-block">Data Table</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="dialog.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">select_all</div><div class="mdw-list__text"><div class="mdw-list__text-block">Dialog</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="elevation.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">layers</div><div class="mdw-list__text"><div class="mdw-list__text-block">Elevation</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="fab.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">add_circle</div><div class="mdw-list__text"><div class="mdw-list__text-block">Floating Action Button</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="grid.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">view_compact</div><div class="mdw-list__text"><div class="mdw-list__text-block">Grid</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="layout.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">view_quilt</div><div class="mdw-list__text"><div class="mdw-list__text-block">Layout</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="list.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">view_list</div><div class="mdw-list__text"><div class="mdw-list__text-block">List</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="menu.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">picture_in_picture</div><div class="mdw-list__text"><div class="mdw-list__text-block">Menu</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="progress.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">timelapse</div><div class="mdw-list__text"><div class="mdw-list__text-block">Progress</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="search.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">search</div><div class="mdw-list__text"><div class="mdw-list__text-block">Search</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="selection.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">toggle_on</div><div class="mdw-list__text"><div class="mdw-list__text-block">Selection</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="slider.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">tune</div><div class="mdw-list__text"><div class="mdw-list__text-block">Slider</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="snackbar.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">video_label</div><div class="mdw-list__text"><div class="mdw-list__text-block">Snackbar</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="tab.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">tab</div><div class="mdw-list__text"><div class="mdw-list__text-block">Tab</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="textfield.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">text_fields</div><div class="mdw-list__text"><div class="mdw-list__text-block">Text Field</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="tooltip.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">info</div><div class="mdw-list__text"><div class="mdw-list__text-block">Tooltip</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="type.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">font_download</div><div class="mdw-list__text"><div class="mdw-list__text-block">Typography</div></div></a></li></ul></li></ul></div></nav><div class="mdw-layout__scrim"></div><div class="mdw-layout__appbar mdw-appbar mdw-theme" mdw-autohide="mobile tablet" mdw-surface="secondary 500" mdw-dark><div class="mdw-layout__appbar-shape"></div><div class="mdw-appbar__action"><div class="mdw-appbar__start"><div class="mdw-tooltip__wrapper"><a class="mdw-button mdw-overlay mdw-ripple mdw-tooltip__target material-icons mdw-layout__navdrawer-toggle" mdw-icon="" tabindex="0" href="#docs-navdrawer">menu</a><div class="mdw-tooltip mdw-theme" mdw-surface="background 700" mdw-dark mdw-align="start">Menu</div></div></div><div class="mdw-appbar__title">bottomnav</div><div class="mdw-appbar__end" id="docs-menu-buttons"><div class="mdw-tooltip__wrapper"><a class="mdw-button mdw-overlay mdw-ripple mdw-tooltip__target material-icons" mdw-icon="" tabindex="0" id="altThemeButton" mdw-overlay-default="medium" mdw-overlay-activated="off" aria-pressed="false">palette</a><div class="mdw-tooltip mdw-theme" mdw-surface="background 700" mdw-dark mdw-align="end">Alt Theme</div></div><div class="mdw-tooltip__wrapper"><a class="mdw-button mdw-overlay mdw-ripple mdw-tooltip__target material-icons" mdw-icon="" tabindex="0" id="darkModeButton" mdw-overlay-default="medium" mdw-overlay-activated="off" aria-pressed="false">brightness_3</a><div class="mdw-tooltip mdw-theme" mdw-surface="background 700" mdw-dark mdw-align="end">Dark Mode</div></div><div class="mdw-tooltip__wrapper"><a class="mdw-button mdw-overlay mdw-ripple mdw-tooltip__target material-icons" mdw-icon="" tabindex="0" id="rtlButton" mdw-overlay-default="medium" mdw-overlay-activated="off" aria-pressed="false">format_align_right</a><div class="mdw-tooltip mdw-theme" mdw-surface="background 700" mdw-dark mdw-align="end">Right-to-Left</div></div><div class="mdw-tooltip__wrapper"><a class="mdw-button mdw-overlay mdw-ripple mdw-tooltip__target material-icons" mdw-icon="" tabindex="0" id="largeFontButton" mdw-overlay-default="medium" mdw-overlay-activated="off" aria-pressed="false">format_size</a><div class="mdw-tooltip mdw-theme" mdw-surface="background 700" mdw-dark mdw-align="end">200% Text</div></div></div></div></div><div class="mdw-layout__fab"></div><div class="mdw-layout__snackbar"></div><div class="mdw-layout__content"><div class="mdw-layout__content-page"><div class="mdw-grid" mdw-margin-top mdw-margin-bottom mdw-stretch><div class="mdw-grid__item" mdw-colspan="100%"><h5 class="mdw-type" mdw-baseline-next="36">Bottom navigation bars allow movement between primary destinations in an app.</h5><p class="mdw-typeBottom">navigation bars display three to five destinations at the bottom of a screen. Each destination is represented by an icon and an optional text label. When a bottom navigation icon is tapped, the user is taken to the top-level navigation destination associated with that icon.</p></div><div class="mdw-grid__item" mdw-colspan="6"><div class="mdw-grid__content component-sample"><div class="render-fill"><div class="androidstatusbar mdw-theme" mdw-surface="background 900" mdw-dark=""><div>12:30</div><i class="material-icons" style="letter-spacing:2px;padding:0 2px">&#xE1BA;&#xE1C8;&#xE1A4;</i></div><div class="mdw-appbar mdw-theme" mdw-surface="background 800" mdw-dark=""><div class="mdw-appbar__action"><div class="mdw-appbar__start"></div><div class="mdw-appbar__title">Bottom Navigation</div><div class="mdw-appbar__end"></div></div></div><div class="content"></div><nav class="mdw-bottomnav"><a class="mdw-bottomnav__item mdw-theme" mdw-ink="primary" aria-selected="true"><div class="mdw-bottomnav__icon"><i class="material-icons">history</i></div><div class="mdw-bottomnav__label">Recents</div></a><a class="mdw-bottomnav__item mdw-theme" mdw-ink="primary" aria-selected="false"><div class="mdw-bottomnav__icon"><div class="mdw-bottomnav__badge mdw-theme" mdw-surface="warn 500" mdw-ink="white" mdw-badge=""></div><i class="material-icons">favorite</i></div><div class="mdw-bottomnav__label">Favorites</div></a><a class="mdw-bottomnav__item mdw-theme" mdw-ink="primary" aria-selected="false"><div class="mdw-bottomnav__icon"><div class="mdw-bottomnav__badge mdw-theme" mdw-surface="warn 500" mdw-ink="white" mdw-badge="99+"></div><i class="material-icons">near_me</i></div><div class="mdw-bottomnav__label">Nearby</div></a></nav><div class="androidnavbar"><i class="material-icons back-button">&#xE3C8;</i><i class="material-icons">&#xE836;</i><i class="material-icons">&#xE835;</i></div></div></div></div><div class="mdw-grid__item" mdw-colspan="4"><div class="mdw-type" mdw-style="subtitle">Javascript</div><div class="docs-option-list"><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="radio" checked="" name="javascript" value="required"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Required</div></label><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="radio" disabled="" aria-disabled="true" name="javascript" value="optional"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Optional</div></label><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="radio" disabled="" aria-disabled="true" 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">Ink</div><div class="docs-option-list"><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="radio" name="ink" value="default"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Default</div></label><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="radio" checked="" name="ink" value="primary"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Primary</div></label><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="radio" name="ink" value="secondary"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Secondary</div></label><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="radio" name="ink" value="warn"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Warn</div></label><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="radio" name="ink" value="purple A400"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Purple A400</div></label></div><div class="mdw-type" mdw-style="subtitle">Surface</div><div class="docs-option-list"><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="radio" checked="" name="surface" value="none"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">None</div></label><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="radio" name="surface" value="card"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Card</div></label><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="radio" name="surface" value="primary 500 dark"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Primary 500 (Dark)</div></label><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="radio" name="surface" value="secondary 100 light"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Secondary 100 (Light)</div></label><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="radio" name="surface" value="warn 200 light"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Warn 200 (Light)</div></label><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="radio" name="surface" value="green 700 dark"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Green 700 (Dark)</div></label></div></div><div class="mdw-grid__item" mdw-colspan="100%"></div><div class="mdw-grid__item" mdw-colspan="6"><h6 class="mdw-type">HTML Code</h6><div class="mdw-card mdw-theme component-code component-html" mdw-surface="card" mdw-border-ink><a class="mdw-button mdw-overlay mdw-ripple mdw-theme" mdw-ink="secondary" mdw-icon="" tabindex="0" id="usePug" aria-pressed="false" mdw-overlay-off="activated">PUG</a></div></div><div class="mdw-grid__item" mdw-colspan="4"><h6 class="mdw-type">Javascript Code</h6><div class="mdw-card mdw-theme component-code component-js" mdw-surface="card" mdw-border-ink></div></div><div class="mdw-grid__item" mdw-colspan="100%"><h6 class="mdw-type">Samples</h6></div><div class="mdw-grid__item display-flex" mdw-colspan="6"><div class="render-fill mdw-theme" mdw-surface="white" mdw-light><div class="androidstatusbar mdw-theme"><div>12:30</div><i class="material-icons" style="letter-spacing:2px;padding:0 2px">&#xE1BA;&#xE1C8;&#xE1A4;</i></div><div class="mdw-appbar mdw-theme"><div class="mdw-appbar__action"><div class="mdw-appbar__start"></div><div class="mdw-appbar__title">Light Theme</div><div class="mdw-appbar__end"></div></div></div><div class="content" style="padding: 16px 0"><ul><li>Radio buttons</li><li>Badges</li></ul></div><nav class="mdw-bottomnav mdw-theme" mdw-ink="primary medium"><a class="mdw-bottomnav__item" aria-selected="true"><div class="mdw-bottomnav__icon material-icons">history</div><div class="mdw-bottomnav__label">Recents</div></a><a class="mdw-bottomnav__item" aria-selected="false"><div class="mdw-bottomnav__icon"><div class="mdw-bottomnav__badge mdw-theme" mdw-surface="warn 500" mdw-ink="white" mdw-badge=""></div><div class="material-icons">favorite</div></div><div class="mdw-bottomnav__label">Favorites</div></a><a class="mdw-bottomnav__item" aria-selected="false"><div class="mdw-bottomnav__icon material-icons">near_me</div><div class="mdw-bottomnav__label">Nearby</div></a></nav><div class="androidnavbar"><i class="material-icons back-button">&#xE3C8;</i><i class="material-icons">&#xE836;</i><i class="material-icons">&#xE835;</i></div></div></div><div class="mdw-grid__item display-flex" mdw-colspan="6"><div class="render-fill js mdw-theme" mdw-surface="black" mdw-dark><div class="androidstatusbar mdw-theme"><div>12:30</div><i class="material-icons" style="letter-spacing:2px;padding:0 2px">&#xE1BA;&#xE1C8;&#xE1A4;</i></div><div class="mdw-appbar mdw-theme"><div class="mdw-appbar__action"><div class="mdw-appbar__start"></div><div class="mdw-appbar__title">Dark Theme</div><div class="mdw-appbar__end"></div></div></div><div class="content" style="padding: 16px 0"><ul><li>Disappearing Labels</li><li>Badges</li><li>Shifting labels</li></ul></div><nav class="mdw-bottomnav" mdw-shifting><a class="mdw-bottomnav__item"><div class="mdw-bottomnav__icon material-icons">tv</div><div class="mdw-bottomnav__label">Movies</div></a><a class="mdw-bottomnav__item" aria-selected="true"><div class="mdw-bottomnav__icon"><div class="mdw-bottomnav__badge mdw-theme" mdw-surface="warn 500" mdw-ink="white" mdw-badge></div><div class="material-icons">music_note</div></div><div class="mdw-bottomnav__label">Music</div></a><a class="mdw-bottomnav__item" aria-selected="false"><div class="mdw-bottomnav__icon"><div class="mdw-bottomnav__badge mdw-theme" mdw-surface="warn 500" mdw-ink="white" mdw-badge="88"></div><div class="material-icons">book</div></div><div class="mdw-bottomnav__label">Books</div></a><a class="mdw-bottomnav__item" aria-selected="false"><div class="mdw-bottomnav__icon"><div class="mdw-bottomnav__badge mdw-theme" mdw-surface="warn 500" mdw-ink="white" mdw-badge="888+"></div><div class="material-icons">assignment</div></div><div class="mdw-bottomnav__label">Newsstand</div></a></nav><div class="androidnavbar"><i class="material-icons back-button">&#xE3C8;</i><i class="material-icons">&#xE836;</i><i class="material-icons">&#xE835;</i></div></div></div><div class="mdw-grid__item display-flex" mdw-colspan="6"><div class="render-fill js mdw-theme"><div class="androidstatusbar mdw-theme"><div>12:30</div><i class="material-icons" style="letter-spacing:2px;padding:0 2px">&#xE1BA;&#xE1C8;&#xE1A4;</i></div><div class="mdw-appbar mdw-theme"><div class="mdw-appbar__action"><div class="mdw-appbar__start"></div><div class="mdw-appbar__title">Tablet</div><div class="mdw-appbar__end"></div></div></div><div class="content" style="padding: 16px 0"><ul><li>Disappearing Labels</li><li>Badges</li></ul></div><nav class="mdw-bottomnav mdw-theme" mdw-surface="teal 700" mdw-dark mdw-shifting><a class="mdw-bottomnav__item" aria-selected="true"><div class="mdw-bottomnav__icon"><div class="mdw-bottomnav__badge mdw-theme" mdw-surface="warn 500" mdw-ink="white" mdw-badge="4"></div><div class="material-icons">tv</div></div><div class="mdw-bottomnav__label">Movies</div></a><a class="mdw-bottomnav__item" aria-selected="false"><div class="mdw-bottomnav__icon"><div class="mdw-bottomnav__badge mdw-theme" mdw-surface="warn 500" mdw-ink="white" mdw-badge></div><div class="material-icons">music_note</div></div><div class="mdw-bottomnav__label">Music</div></a><a class="mdw-bottomnav__item" aria-selected="false"><div class="mdw-bottomnav__icon material-icons">book</div><div class="mdw-bottomnav__label">Books</div></a><a class="mdw-bottomnav__item" aria-selected="false"><div class="mdw-bottomnav__icon material-icons">assignment</div><div class="mdw-bottomnav__label">Newsstand</div></a></nav><div class="androidnavbar"><i class="material-icons back-button">&#xE3C8;</i><i class="material-icons">&#xE836;</i><i class="material-icons">&#xE835;</i></div></div></div></div><script src="bottomnav.min.js"></script></div></div></body><script src="default.common.min.js"></script></html>

package/docs/bottomnav.min.js

@@ -1,2 +0,0 @@
-!function(e){function t(t){for(var n,i,u=t[0],s=t[1],l=t[2],m=0,d=[];m<u.length;m++)i=u[m],a[i]&&d.push(a[i][0]),a[i]=0;for(n in s)Object.prototype.hasOwnProperty.call(s,n)&&(e[n]=s[n]);for(c&&c(t);d.length;)d.shift()();return o.push.apply(o,l||[]),r()}function r(){for(var e,t=0;t<o.length;t++){for(var r=o[t],n=!0,u=1;u<r.length;u++){var s=r[u];0!==a[s]&&(n=!1)}n&&(o.splice(t--,1),e=i(i.s=r[0]))}return e}var n={},a={3:0},o=[];function i(t){if(n[t])return n[t].exports;var r=n[t]={i:t,l:!1,exports:{}};return e[t].call(r.exports,r,r.exports,i),r.l=!0,r.exports}i.m=e,i.c=n,i.d=function(e,t,r){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(i.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)i.d(r,n,function(t){return e[t]}.bind(null,n));return r},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="";var u=window.webpackJsonp=window.webpackJsonp||[],s=u.push.bind(u);u.push=t,u=u.slice();for(var l=0;l<u.length;l++)t(u[l]);var c=s;o.push([44,1,0]),r()}({110:function(e,t,r){"use strict";r.r(t);var n=r(0),a=r(9),o=r(2),i=r(14),u=r(4),s=r(1);function l(e){e.classList.add("mdw-overlay"),e.hasAttribute("mdw-overlay-off")||e.setAttribute("mdw-overlay-off","selected"),e.hasAttribute("mdw-overlay-default")||e.setAttribute("mdw-overlay-default","medium"),u.a(e),e.classList.add("mdw-ripple"),s.a(e),function(e){!function(e){i.a(e),Object(n.h)(e.getElementsByClassName("mdw-bottomnav__icon"),function(e){return e.setAttribute("aria-hidden","true")})}(e)}(e)}function c(e){!function(e){i.b(e)}(e),s.b(e),u.b(e)}function m(e){e.classList.add("mdw-overlay__group"),Object(n.h)(e.getElementsByClassName("mdw-bottomnav__item"),l),e.addEventListener(a.a,v),function(e){if(e.hasAttribute("mdw-no-aria"))return;e.setAttribute("role","tablist"),e.setAttribute("aria-multiselectable","false"),e.setAttribute("aria-orientation","horizontal")}(e),o.h(e,'[role="tab"]'),e.addEventListener(o.b,b),e.addEventListener(o.a,f),e.addEventListener(o.c,d)}function d(e){e.stopPropagation();var t=e.currentTarget,r=e.target;o.e(t.querySelectorAll('[role="tab"]'),[r])}function b(e){e.stopPropagation();var t=e.currentTarget;o.f(t.querySelectorAll('[role="tab"]'))}function f(e){e.stopPropagation();var t=e.currentTarget;o.g(t.querySelectorAll('[role="tab"]'))}function v(e){var t=e.target;if("true"===t.getAttribute("aria-selected")){var r=e.currentTarget;Object(n.h)(r.querySelectorAll('[role="tab"]'),function(e){e!==t&&e.setAttribute("aria-selected","false")})}}var p,g,h=r(3),w=r(6);function y(){var e;e=p,Object(n.h)(e.getElementsByClassName("mdw-bottomnav__item"),c),e.removeEventListener(a.a,v),o.d(e,'[role="tab"]'),e.removeEventListener(o.b,b),e.removeEventListener(o.a,f),e.removeEventListener(o.c,d),p.removeAttribute("role"),Object(n.h)(p.getElementsByClassName("mdw-bottomnav__item"),function(e){c(e),e.classList.remove("mdw-ripple"),e.classList.remove("mdw-overlay"),e.removeAttribute("mdw-overlay-off"),e.removeAttribute("role")});var t=document.getElementsByClassName("component-html")[0];Object(n.m)(t,Object(w.a)(p,"true"===document.getElementById("usePug").getAttribute("aria-pressed"))),m(p),document.getElementsByClassName("component-js")[0].textContent="mdw.BottomNav.attach(bottomNavElement);"}function A(e){var t=e.target,r=t.name,a=t.value;t.checked;switch(r){case"ink":switch(a){case"default":Object(n.h)(p.getElementsByClassName("mdw-bottomnav__item"),function(e){return e.removeAttribute("mdw-ink")});break;default:Object(n.h)(p.getElementsByClassName("mdw-bottomnav__item"),function(e){return e.setAttribute("mdw-ink",a)})}break;case"surface":switch(a){case"none":p.removeAttribute("mdw-surface"),p.removeAttribute("mdw-light"),p.removeAttribute("mdw-dark");break;default:p.setAttribute("mdw-surface",a.replace(/ (light|dark)/,"")),-1===a.indexOf(" light")?p.removeAttribute("mdw-light"):p.setAttribute("mdw-light",""),-1===a.indexOf(" dark")?p.removeAttribute("mdw-dark"):p.setAttribute("mdw-dark",""),"none"===a?p.classList.remove("mdw-theme"):p.classList.add("mdw-theme")}}y()}Object(n.h)(document.querySelectorAll(".mdw-bottomnav"),m),m(p=document.querySelector(".component-sample .mdw-bottomnav")),Object(n.h)(document.querySelectorAll("input[name]"),function(e){e.addEventListener("change",A)}),g=document.getElementById("usePug"),h.a(g),g.addEventListener("click",function(){"true"===g.getAttribute("aria-pressed")?g.setAttribute("aria-pressed","false"):g.setAttribute("aria-pressed","true"),y()}),y()},44:function(e,t,r){r(110),e.exports=r(45)},45:function(e,t,r){e.exports=r.p+"bottomnav.html"}});
-//# sourceMappingURL=bottomnav.min.js.map

package/docs/bottomnav.min.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///../components/bottomnav/item.js","webpack:///../components/bottomnav/index.js","webpack:///./components/bottomnav.js","webpack:///./components/bottomnav.pug"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","installedChunks","push","Object","prototype","hasOwnProperty","call","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","depId","splice","__webpack_require__","s","installedModules","3","exports","module","l","m","c","d","name","getter","o","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","p","jsonpArray","window","oldJsonpFunction","slice","attach","element","classList","add","hasAttribute","setAttribute","Overlay","Ripple","AriaTab","iterateArrayLike","getElementsByClassName","el","attachAria","attachCore","detach","detachCore","bottomnavElement","BottomNavItem","addEventListener","AriaAttributes","onSelectedChangedEvent","setupARIA","RovingTabIndex","onForwardsRequested","onBackwardsRequested","onTabIndexZeroed","event","stopPropagation","currentTarget","currentItem","target","querySelectorAll","itemElement","getAttribute","item","sampleComponent","pugButton","updateSampleCode","removeEventListener","removeAttribute","remove","htmlCodeElement","document","setTextNode","convertElementToCode","getElementById","BottomNav","textContent","onOptionChange","_event$target","checked","replace","indexOf","querySelector","Button"],"mappings":"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","file":"bottomnav.min.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tfunction webpackJsonpCallback(data) {\n \t\tvar chunkIds = data[0];\n \t\tvar moreModules = data[1];\n \t\tvar executeModules = data[2];\n\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(data);\n\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n\n \t\t// add entry modules from loaded chunk to deferred list\n \t\tdeferredModules.push.apply(deferredModules, executeModules || []);\n\n \t\t// run deferred modules when all chunks ready\n \t\treturn checkDeferredModules();\n \t};\n \tfunction checkDeferredModules() {\n \t\tvar result;\n \t\tfor(var i = 0; i < deferredModules.length; i++) {\n \t\t\tvar deferredModule = deferredModules[i];\n \t\t\tvar fulfilled = true;\n \t\t\tfor(var j = 1; j < deferredModule.length; j++) {\n \t\t\t\tvar depId = deferredModule[j];\n \t\t\t\tif(installedChunks[depId] !== 0) fulfilled = false;\n \t\t\t}\n \t\t\tif(fulfilled) {\n \t\t\t\tdeferredModules.splice(i--, 1);\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = deferredModule[0]);\n \t\t\t}\n \t\t}\n \t\treturn result;\n \t}\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded and loading chunks\n \t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n \t// Promise = chunk loading, 0 = chunk loaded\n \tvar installedChunks = {\n \t\t3: 0\n \t};\n\n \tvar deferredModules = [];\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 \tvar jsonpArray = window[\"webpackJsonp\"] = window[\"webpackJsonp\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// add entry module to deferred list\n \tdeferredModules.push([44,1,0]);\n \t// run deferred modules when ready\n \treturn checkDeferredModules();\n","// https://www.w3.org/TR/wai-aria-1.1/#tab\n\nimport * as AriaTab from '../../core/aria/tab';\nimport { iterateArrayLike } from '../../core/dom';\nimport * as Overlay from '../../core/overlay/index';\nimport * as Ripple from '../../core/ripple/index';\n\n/**\n * @param {Element} element\n * @return {void}\n */\nexport function attach(element) {\n  element.classList.add('mdw-overlay');\n  if (!element.hasAttribute('mdw-overlay-off')) {\n    element.setAttribute('mdw-overlay-off', 'selected');\n  }\n  if (!element.hasAttribute('mdw-overlay-default')) {\n    element.setAttribute('mdw-overlay-default', 'medium');\n  }\n  Overlay.attach(element);\n\n  element.classList.add('mdw-ripple');\n  Ripple.attach(element);\n\n  attachCore(element);\n}\n\n/**\n * @param {Element} element\n * @return {void}\n */\nexport function attachCore(element) {\n  attachAria(element);\n}\n\n/**\n * @param {Element} element\n * @return {void}\n */\nexport function attachAria(element) {\n  AriaTab.attach(element);\n  iterateArrayLike(element.getElementsByClassName('mdw-bottomnav__icon'),\n    el => el.setAttribute('aria-hidden', 'true'));\n}\n\n/**\n * @param {Element} element\n * @return {void}\n */\nexport function detachAria(element) {\n  AriaTab.attach(element);\n}\n\n/**\n * @param {Element} element\n * @return {void}\n */\nexport function detachCore(element) {\n  AriaTab.detach(element);\n}\n\n/**\n * @param {Element} element\n * @return {void}\n */\nexport function detach(element) {\n  detachCore(element);\n  Ripple.detach(element);\n  Overlay.detach(element);\n}\n","// https://www.w3.org/TR/wai-aria-practices/#tabpanel\n\nimport { iterateArrayLike } from '../../core/dom';\n\nimport * as AriaAttributes from '../../core/aria/attributes';\nimport * as RovingTabIndex from '../../core/aria/rovingtabindex';\nimport * as BottomNavItem from './item';\n\n/**\n * @param {Element} bottomnavElement\n * @return {void}\n */\nexport function attach(bottomnavElement) {\n  bottomnavElement.classList.add('mdw-overlay__group');\n  iterateArrayLike(bottomnavElement.getElementsByClassName('mdw-bottomnav__item'), BottomNavItem.attach);\n  bottomnavElement.addEventListener(AriaAttributes.SELECTED_CHANGED_EVENT, onSelectedChangedEvent);\n  setupARIA(bottomnavElement);\n  RovingTabIndex.setupTabIndexes(bottomnavElement, '[role=\"tab\"]');\n  bottomnavElement.addEventListener(RovingTabIndex.FORWARDS_REQUESTED, onForwardsRequested);\n  bottomnavElement.addEventListener(RovingTabIndex.BACKWARDS_REQUESTED, onBackwardsRequested);\n  bottomnavElement.addEventListener(RovingTabIndex.TABINDEX_ZEROED, onTabIndexZeroed);\n}\n\n/**\n * @param {Event} event\n * @return {void}\n */\nfunction onTabIndexZeroed(event) {\n  event.stopPropagation();\n  /** @type {HTMLElement} */\n  const bottomnavElement = (event.currentTarget);\n  /** @type {HTMLElement} */\n  const currentItem = (event.target);\n  RovingTabIndex.removeTabIndex(bottomnavElement.querySelectorAll('[role=\"tab\"]'), [currentItem]);\n}\n/**\n * @param {Event} event\n * @return {void}\n */\nfunction onForwardsRequested(event) {\n  event.stopPropagation();\n  /** @type {HTMLElement} */\n  const bottomnavElement = (event.currentTarget);\n  RovingTabIndex.selectNext(bottomnavElement.querySelectorAll('[role=\"tab\"]'));\n}\n\n/**\n * @param {Event} event\n * @return {void}\n */\nfunction onBackwardsRequested(event) {\n  event.stopPropagation();\n  /** @type {HTMLElement} */\n  const bottomnavElement = (event.currentTarget);\n  RovingTabIndex.selectPrevious(bottomnavElement.querySelectorAll('[role=\"tab\"]'));\n}\n\n/**\n * @param {Element} bottomnavElement\n * @return {void}\n */\nexport function setupARIA(bottomnavElement) {\n  if (bottomnavElement.hasAttribute('mdw-no-aria')) {\n    return;\n  }\n  bottomnavElement.setAttribute('role', 'tablist');\n  bottomnavElement.setAttribute('aria-multiselectable', 'false');\n  bottomnavElement.setAttribute('aria-orientation', 'horizontal');\n}\n\n/**\n * @param {Element} bottomnavElement\n * @return {void}\n */\nexport function detach(bottomnavElement) {\n  iterateArrayLike(bottomnavElement.getElementsByClassName('mdw-bottomnav__item'), BottomNavItem.detach);\n  bottomnavElement.removeEventListener(AriaAttributes.SELECTED_CHANGED_EVENT, onSelectedChangedEvent);\n  RovingTabIndex.detach(bottomnavElement, '[role=\"tab\"]');\n  bottomnavElement.removeEventListener(RovingTabIndex.FORWARDS_REQUESTED, onForwardsRequested);\n  bottomnavElement.removeEventListener(RovingTabIndex.BACKWARDS_REQUESTED, onBackwardsRequested);\n  bottomnavElement.removeEventListener(RovingTabIndex.TABINDEX_ZEROED, onTabIndexZeroed);\n}\n\n\n/**\n * @param {Element} bottomnavElement\n * @return {void}\n */\nexport function removeSelection(bottomnavElement) {\n  return iterateArrayLike(\n    bottomnavElement.querySelectorAll('mdw-bottomnav__item[aria-selected=\"true\"]'),\n    item => item.setAttribute('aria-selected', 'false')\n  );\n}\n\n/**\n * @param {Event} event\n * @return {void}\n */\nexport function onSelectedChangedEvent(event) {\n  /** @type {HTMLElement} */\n  const itemElement = (event.target);\n  if (itemElement.getAttribute('aria-selected') !== 'true') {\n    return;\n  }\n  /** @type {HTMLElement} */\n  const bottomnavElement = (event.currentTarget);\n  iterateArrayLike(bottomnavElement.querySelectorAll('[role=\"tab\"]'), (item) => {\n    if (item !== itemElement) {\n      item.setAttribute('aria-selected', 'false');\n    }\n  });\n}\n","import * as BottomNav from '../../components/bottomnav/index';\nimport * as BottomNavItem from '../../components/bottomnav/item';\nimport * as Button from '../../components/button/index';\nimport { convertElementToCode } from '../_sample-utils';\nimport { iterateArrayLike, setTextNode } from '../../core/dom';\n\n\n/** @return {void} */\nfunction initializeSampleComponents() {\n  iterateArrayLike(document.querySelectorAll('.mdw-bottomnav'), BottomNav.attach);\n}\n\n/** @return {void} */\nfunction setupPugButton() {\n  const pugButton = document.getElementById('usePug');\n  Button.attach(pugButton);\n  pugButton.addEventListener('click', () => {\n    if (pugButton.getAttribute('aria-pressed') === 'true') {\n      pugButton.setAttribute('aria-pressed', 'false');\n    } else {\n      pugButton.setAttribute('aria-pressed', 'true');\n    }\n    updateSampleCode();\n  });\n}\n\n/** @type {HTMLElement} */\nlet sampleComponent;\n\n/** @return {void} */\nfunction updateSampleCode() {\n  // Strip JS related elements and attributes\n  BottomNav.detach(sampleComponent);\n  sampleComponent.removeAttribute('role');\n  iterateArrayLike(sampleComponent.getElementsByClassName('mdw-bottomnav__item'), (item) => {\n    BottomNavItem.detach(item);\n    item.classList.remove('mdw-ripple');\n    item.classList.remove('mdw-overlay');\n    item.removeAttribute('mdw-overlay-off');\n    item.removeAttribute('role');\n  });\n\n  const htmlCodeElement = document.getElementsByClassName('component-html')[0];\n  setTextNode(htmlCodeElement, convertElementToCode(sampleComponent,\n    document.getElementById('usePug').getAttribute('aria-pressed') === 'true'));\n\n  // Reattach JS if requested\n  BottomNav.attach(sampleComponent);\n\n  const jsCodeElement = document.getElementsByClassName('component-js')[0];\n  jsCodeElement.textContent = 'mdw.BottomNav.attach(bottomNavElement);';\n}\n\n/**\n * @param {Event} event\n * @return {void}\n */\nfunction onOptionChange(event) {\n  const { name, value, checked } = event.target;\n  let newElement;\n  switch (name) {\n    case 'ink':\n      switch (value) {\n        case 'default':\n          iterateArrayLike(sampleComponent.getElementsByClassName('mdw-bottomnav__item'), el => el.removeAttribute('mdw-ink'));\n          break;\n        default:\n          iterateArrayLike(sampleComponent.getElementsByClassName('mdw-bottomnav__item'), el => el.setAttribute('mdw-ink', value));\n          break;\n      }\n      break;\n    case 'surface':\n      switch (value) {\n        case 'none':\n          sampleComponent.removeAttribute('mdw-surface');\n          sampleComponent.removeAttribute('mdw-light');\n          sampleComponent.removeAttribute('mdw-dark');\n          break;\n        default:\n          sampleComponent.setAttribute('mdw-surface', value.replace(/ (light|dark)/, ''));\n          if (value.indexOf(' light') === -1) {\n            sampleComponent.removeAttribute('mdw-light');\n          } else {\n            sampleComponent.setAttribute('mdw-light', '');\n          }\n          if (value.indexOf(' dark') === -1) {\n            sampleComponent.removeAttribute('mdw-dark');\n          } else {\n            sampleComponent.setAttribute('mdw-dark', '');\n          }\n          if (value === 'none') {\n            sampleComponent.classList.remove('mdw-theme');\n          } else {\n            sampleComponent.classList.add('mdw-theme');\n          }\n          break;\n      }\n      break;\n    default:\n  }\n  updateSampleCode();\n}\n\n/** @return {void} */\nfunction setupComponentOptions() {\n  sampleComponent = document.querySelector('.component-sample .mdw-bottomnav');\n  BottomNav.attach(sampleComponent);\n  iterateArrayLike(document.querySelectorAll('input[name]'), (el) => {\n    el.addEventListener('change', onOptionChange);\n  });\n}\n\ninitializeSampleComponents();\nsetupComponentOptions();\nsetupPugButton();\nupdateSampleCode();\n","module.exports = __webpack_public_path__ + \"bottomnav.html\";"],"sourceRoot":""}

package/docs/button.html

@@ -1 +0,0 @@
-<!DOCTYPE html><html class="mdw-layout mdw-theme" lang="en"><head><title>Material Design Web</title><meta charset="utf-8"><meta content="IE=edge" http-equiv="X-UA-Compatible"><meta content="Material Design Web - CSS/JS Framework" name="description"><meta content="width=device-width, initial-scale=1, viewport-fit=cover" name="viewport"><meta name="theme-color" content="#C2185B"><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"><link rel="stylesheet" href="//fonts.googleapis.com/css?family=Merriweather:300,400,500"><link rel="stylesheet" href="docs.min.css"><link rel="stylesheet" href="spec.min.css"><link rel="stylesheet" href="theme-default.min.css"><link rel="stylesheet" href="theme-default-fallbacks.min.css" media="screen and (-ms-high-contrast: active), (-ms-high-contrast: none)"><link rel="stylesheet" disabled href="theme-colored.min.css" title="alt"><link rel="stylesheet" disabled href="theme-colored-fallbacks.min.css" media="screen and (-ms-high-contrast: active), (-ms-high-contrast: none)" title="alt"><script src="prerender.common.min.js"></script><script src="prerender.min.js"></script></head><body class="mdw-layout__body mdw-theme" mdw-surface="background" mdw-sidesheet-toggle="dismissible" mdw-sidesheet-style="modal"><div class="mdw-layout__menus"></div><div class="mdw-layout__dialogs"></div><nav class="mdw-layout__navdrawer"><div class="mdw-layout__sheet-content mdw-theme" mdw-surface="background" mdw-border-ink><ul class="mdw-list" role="tree"><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" href="index.html" mdw-ink="default"><div class="mdw-list__text">Home</div></a></li><li class="mdw-list__expander mdw-theme" aria-expanded="true"><span class="mdw-list__expander-content mdw-list__subheader"><div class="mdw-list__text mdw-theme" mdw-ink="medium">Core</div><div class="mdw-list__secondary mdw-theme material-icons" mdw-ink="medium">expand_more</div></span><ul class="mdw-list__item-group" role="group"><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="color.html" mdw-ink="primary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">compare</div><div class="mdw-list__text"><div class="mdw-list__text-block">Color</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="overlay.html" mdw-ink="primary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">tonality</div><div class="mdw-list__text"><div class="mdw-list__text-block">Overlay</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="ripple.html" mdw-ink="primary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">center_focus_strong</div><div class="mdw-list__text"><div class="mdw-list__text-block">Ripple</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="transition.html" mdw-ink="primary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">open_in_new</div><div class="mdw-list__text"><div class="mdw-list__text-block">Transition</div></div></a></li></ul></li><li class="mdw-list__expander mdw-theme" aria-expanded="true"><span class="mdw-list__expander-content mdw-list__subheader"><div class="mdw-list__text mdw-theme" mdw-ink="medium">Components</div><div class="mdw-list__secondary mdw-theme material-icons" mdw-ink="medium">expand_more</div></span><ul class="mdw-list__item-group" role="group"><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="appbar.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">web_asset</div><div class="mdw-list__text"><div class="mdw-list__text-block">App Bar</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="bottomnav.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">call_to_action</div><div class="mdw-list__text"><div class="mdw-list__text-block">Bottom Navigation</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-current="page" aria-selected="true" href="button.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">crop_landscape</div><div class="mdw-list__text"><div class="mdw-list__text-block">Button</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="card.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">crop_square</div><div class="mdw-list__text"><div class="mdw-list__text-block">Card</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="chip.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">check_circle</div><div class="mdw-list__text"><div class="mdw-list__text-block">Chip</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="datatable.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">format_align_justify</div><div class="mdw-list__text"><div class="mdw-list__text-block">Data Table</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="dialog.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">select_all</div><div class="mdw-list__text"><div class="mdw-list__text-block">Dialog</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="elevation.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">layers</div><div class="mdw-list__text"><div class="mdw-list__text-block">Elevation</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="fab.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">add_circle</div><div class="mdw-list__text"><div class="mdw-list__text-block">Floating Action Button</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="grid.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">view_compact</div><div class="mdw-list__text"><div class="mdw-list__text-block">Grid</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="layout.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">view_quilt</div><div class="mdw-list__text"><div class="mdw-list__text-block">Layout</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="list.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">view_list</div><div class="mdw-list__text"><div class="mdw-list__text-block">List</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="menu.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">picture_in_picture</div><div class="mdw-list__text"><div class="mdw-list__text-block">Menu</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="progress.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">timelapse</div><div class="mdw-list__text"><div class="mdw-list__text-block">Progress</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="search.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">search</div><div class="mdw-list__text"><div class="mdw-list__text-block">Search</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="selection.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">toggle_on</div><div class="mdw-list__text"><div class="mdw-list__text-block">Selection</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="slider.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">tune</div><div class="mdw-list__text"><div class="mdw-list__text-block">Slider</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="snackbar.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">video_label</div><div class="mdw-list__text"><div class="mdw-list__text-block">Snackbar</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="tab.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">tab</div><div class="mdw-list__text"><div class="mdw-list__text-block">Tab</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="textfield.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">text_fields</div><div class="mdw-list__text"><div class="mdw-list__text-block">Text Field</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="tooltip.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">info</div><div class="mdw-list__text"><div class="mdw-list__text-block">Tooltip</div></div></a></li><li class="mdw-list__item"><a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" aria-selected="false" href="type.html" mdw-ink="secondary contrast"><div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium">font_download</div><div class="mdw-list__text"><div class="mdw-list__text-block">Typography</div></div></a></li></ul></li></ul></div></nav><div class="mdw-layout__scrim"></div><div class="mdw-layout__appbar mdw-appbar mdw-theme" mdw-autohide="mobile tablet" mdw-surface="secondary 500" mdw-dark><div class="mdw-layout__appbar-shape"></div><div class="mdw-appbar__action"><div class="mdw-appbar__start"><div class="mdw-tooltip__wrapper"><a class="mdw-button mdw-overlay mdw-ripple mdw-tooltip__target material-icons mdw-layout__navdrawer-toggle" mdw-icon="" tabindex="0" href="#docs-navdrawer">menu</a><div class="mdw-tooltip mdw-theme" mdw-surface="background 700" mdw-dark mdw-align="start">Menu</div></div></div><div class="mdw-appbar__title">button</div><div class="mdw-appbar__end" id="docs-menu-buttons"><div class="mdw-tooltip__wrapper"><a class="mdw-button mdw-overlay mdw-ripple mdw-tooltip__target material-icons" mdw-icon="" tabindex="0" id="altThemeButton" mdw-overlay-default="medium" mdw-overlay-activated="off" aria-pressed="false">palette</a><div class="mdw-tooltip mdw-theme" mdw-surface="background 700" mdw-dark mdw-align="end">Alt Theme</div></div><div class="mdw-tooltip__wrapper"><a class="mdw-button mdw-overlay mdw-ripple mdw-tooltip__target material-icons" mdw-icon="" tabindex="0" id="darkModeButton" mdw-overlay-default="medium" mdw-overlay-activated="off" aria-pressed="false">brightness_3</a><div class="mdw-tooltip mdw-theme" mdw-surface="background 700" mdw-dark mdw-align="end">Dark Mode</div></div><div class="mdw-tooltip__wrapper"><a class="mdw-button mdw-overlay mdw-ripple mdw-tooltip__target material-icons" mdw-icon="" tabindex="0" id="rtlButton" mdw-overlay-default="medium" mdw-overlay-activated="off" aria-pressed="false">format_align_right</a><div class="mdw-tooltip mdw-theme" mdw-surface="background 700" mdw-dark mdw-align="end">Right-to-Left</div></div><div class="mdw-tooltip__wrapper"><a class="mdw-button mdw-overlay mdw-ripple mdw-tooltip__target material-icons" mdw-icon="" tabindex="0" id="largeFontButton" mdw-overlay-default="medium" mdw-overlay-activated="off" aria-pressed="false">format_size</a><div class="mdw-tooltip mdw-theme" mdw-surface="background 700" mdw-dark mdw-align="end">200% Text</div></div></div></div></div><div class="mdw-layout__fab"></div><div class="mdw-layout__snackbar"></div><div class="mdw-layout__content"><div class="mdw-layout__content-page"><div class="mdw-grid" mdw-margin-top mdw-margin-bottom mdw-stretch><div class="mdw-grid__item" mdw-colspan="100%"><div class="mdw-grid__content"><h5 class="mdw-type" mdw-baseline-next="36">Buttons communicate the action that will occur when the user touches them.</h5><p class="mdw-type">Material buttons trigger an ink reaction on press. They may display text, imagery, or both.</p></div></div><div class="mdw-grid__item" mdw-colspan="6"><div class="mdw-grid__content"><div class="component-sample"><div class="display-flex"><a class="mdw-button mdw-theme" mdw-ink="secondary A200">Button</a></div></div></div></div><div class="mdw-grid__item" mdw-colspan="6"><div class="mdw-grid__content"><div class="mdw-type" mdw-style="subtitle">Javascript</div><div class="docs-option-list"><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="radio" disabled="" aria-disabled="true" name="javascript" value="required"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Required</div></label><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="radio" checked="" name="javascript" value="optional"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Optional</div></label><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" 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">Overlay</div><div class="docs-option-list"><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="checkbox" checked="" name="overlay-hover"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Hover</div></label><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="checkbox" checked="" name="overlay-focus"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Focus</div></label><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="checkbox" checked="" name="overlay-activated"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Activated</div></label></div><div class="mdw-type" mdw-style="subtitle">Options</div><div class="docs-option-list"><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="checkbox" name="icon"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Icon</div></label><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="checkbox" name="raised"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Raised</div></label><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="checkbox" checked="" name="ripple"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Ripple</div></label><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="checkbox" name="disabled"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Disabled</div></label></div><div class="mdw-type" mdw-style="subtitle">Outline</div><div class="docs-option-list"><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="radio" checked="" name="outline" value="none"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">None</div></label><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="radio" name="outline" value="default"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Default</div></label><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="radio" name="outline" value=""/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Ink</div></label></div><div class="mdw-type" mdw-style="subtitle">Activated Toggle</div><div class="docs-option-list"><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="radio" checked="" name="toggle" value=""/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">None</div></label><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="radio" name="toggle" value="false"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Off</div></label><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="radio" name="toggle" value="true"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">On</div></label></div><div class="mdw-type" mdw-style="subtitle">Ink</div><div class="docs-option-list"><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="radio" name="ink" value="default"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Default</div></label><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="radio" name="ink" value="primary"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Primary</div></label><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="radio" checked="" name="ink" value="secondary"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Secondary</div></label><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="radio" name="ink" value="warn alt"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Warn Alt</div></label><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="radio" name="ink" value="purple A400"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Purple A400</div></label></div><div class="mdw-type" mdw-style="subtitle">Surface</div><div class="docs-option-list"><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="radio" checked="" name="surface" value="none"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Default</div></label><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="radio" name="surface" value="primary 500 dark"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Primary (Dark)</div></label><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="radio" name="surface" value="secondary 100 light"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Secondary (Light)</div></label><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="radio" name="surface" value="warn 200 light"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Warn 200 (Light)</div></label><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="radio" name="surface" value="green 700 dark"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">Green 700 (Dark)</div></label></div><div class="mdw-type" mdw-style="subtitle">HTML Element Type</div><div class="docs-option-list"><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="radio" checked="" name="htmltype" value="a"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">HTMLAnchorElement</div></label><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="radio" name="htmltype" value="button"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">HTMLButtonElement</div></label><label class="mdw-selection mdw-theme" mdw-ink="secondary"><input class="mdw-selection__input mdw-overlay" type="radio" name="htmltype" value="div"/><div class="mdw-selection__icon"></div><div class="mdw-selection__label">HTMLDivElement</div></label></div></div></div><div class="mdw-grid__item" mdw-colspan="100%" style="max-height:0"></div><div class="mdw-grid__item" mdw-colspan="6"><div class="mdw-grid__content"><h6 class="mdw-type">HTML Code</h6><div class="mdw-card mdw-theme component-code component-html" mdw-surface="card" mdw-border-ink><a class="mdw-button mdw-overlay mdw-ripple mdw-theme" mdw-ink="secondary" mdw-icon="" tabindex="0" id="usePug" aria-pressed="false" mdw-overlay-off="activated">PUG</a></div></div></div><div class="mdw-grid__item" mdw-colspan="6"><div class="mdw-grid__content"><h6 class="mdw-type">Javascript Code</h6><div class="mdw-card mdw-theme component-code component-js" mdw-surface="card" mdw-border-ink></div></div></div><div class="mdw-grid__item" mdw-colspan="100%"><div class="mdw-grid__content"><h6 class="mdw-type">Samples</h6></div></div><div class="mdw-grid__item" mdw-colspan="6"><div class="mdw-grid__content"><div class="render-fill mdw-theme" mdw-surface="white" mdw-light><div class="androidstatusbar mdw-theme"><div>12:30</div><i class="material-icons" style="letter-spacing:2px;padding:0 2px">&#xE1BA;&#xE1C8;&#xE1A4;</i></div><div class="mdw-appbar mdw-theme"><div class="mdw-appbar__action"><div class="mdw-appbar__start"></div><div class="mdw-appbar__title">CSS Only</div><div class="mdw-appbar__end"></div></div></div><div class="content" style="padding: 16px 0"><div><div class="display-flex flex-wrap"><a class="mdw-button mdw-overlay mdw-ripple" tabindex="0">Text</a><a class="mdw-button mdw-overlay mdw-ripple" mdw-raised="" tabindex="0">Contained</a><a class="mdw-button mdw-overlay mdw-ripple" mdw-raised="" disabled="" aria-disabled="true" tabindex="0">Disabled</a><a class="mdw-button mdw-overlay mdw-ripple mdw-theme" mdw-border-ink="default" tabindex="0">Outlined</a></div><div style="height:24px"></div><div class="display-flex flex-wrap"><a class="mdw-button mdw-overlay mdw-ripple mdw-theme" mdw-ink="primary" tabindex="0">Text</a><a class="mdw-button mdw-overlay mdw-ripple mdw-theme" mdw-ink="primary" mdw-raised="" tabindex="0">Contained</a><a class="mdw-button mdw-overlay mdw-ripple mdw-theme" mdw-ink="primary" mdw-raised="" disabled="" aria-disabled="true" tabindex="0">Disabled</a><a class="mdw-button mdw-overlay mdw-ripple mdw-theme" mdw-ink="secondary" tabindex="0">Secondary</a><a class="mdw-button mdw-overlay mdw-ripple mdw-theme" mdw-ink="secondary" mdw-border-ink="" tabindex="0">Outlined</a></div><div style="height:24px"></div><div class="display-flex flex-wrap"><a class="mdw-button mdw-overlay mdw-ripple mdw-theme" mdw-surface="primary 500" mdw-dark="" tabindex="0">Text</a><a class="mdw-button mdw-overlay mdw-ripple mdw-theme" mdw-surface="primary 500" mdw-dark="" mdw-raised="" tabindex="0">Contained</a><a class="mdw-button mdw-overlay mdw-ripple mdw-theme" mdw-surface="primary 500" mdw-dark="" mdw-raised="" disabled="" aria-disabled="true" tabindex="0">Disabled</a><a class="mdw-button mdw-overlay mdw-ripple mdw-theme" mdw-surface="secondary 100" mdw-light="" mdw-raised="" tabindex="0">Outlined</a></div><div style="height:24px"></div><div class="display-flex flex-wrap"><a class="mdw-button mdw-overlay mdw-ripple material-icons" mdw-icon="" tabindex="0">favorite</a><a class="mdw-button mdw-overlay mdw-ripple mdw-theme material-icons" mdw-ink="warn" mdw-dark="" mdw-icon="" tabindex="0">favorite</a><a class="mdw-button mdw-overlay mdw-ripple mdw-theme material-icons" mdw-surface="warn 500" mdw-dark="" mdw-icon="" tabindex="0">favorite</a><a class="mdw-button mdw-overlay mdw-ripple mdw-theme material-icons" mdw-surface="warn 500" mdw-dark="" mdw-icon="" mdw-raised="" tabindex="0">favorite</a><a class="mdw-button mdw-overlay mdw-ripple mdw-theme material-icons" mdw-surface="warn 500" mdw-dark="" mdw-icon="" mdw-raised="" disabled="" aria-disabled="true" tabindex="0">favorite</a><a class="mdw-button mdw-overlay mdw-ripple material-icons" mdw-icon="" disabled="" aria-disabled="true" tabindex="0">favorite</a></div></div></div><div class="androidnavbar"><i class="material-icons back-button">&#xE3C8;</i><i class="material-icons">&#xE836;</i><i class="material-icons">&#xE835;</i></div></div></div></div><div class="mdw-grid__item" mdw-colspan="6"><div class="mdw-grid__content"><div class="render-fill js mdw-theme" mdw-surface="black" mdw-dark><div class="androidstatusbar mdw-theme"><div>12:30</div><i class="material-icons" style="letter-spacing:2px;padding:0 2px">&#xE1BA;&#xE1C8;&#xE1A4;</i></div><div class="mdw-appbar mdw-theme"><div class="mdw-appbar__action"><div class="mdw-appbar__start"></div><div class="mdw-appbar__title">Javascript Version</div><div class="mdw-appbar__end"></div></div></div><div class="content" style="padding: 16px 0"><div><div class="display-flex flex-wrap"><a class="mdw-button mdw-overlay mdw-ripple" tabindex="0">Text</a><a class="mdw-button mdw-overlay mdw-ripple" mdw-raised="" tabindex="0">Contained</a><a class="mdw-button mdw-overlay mdw-ripple" mdw-raised="" disabled="" aria-disabled="true" tabindex="0">Disabled</a><a class="mdw-button mdw-overlay mdw-ripple mdw-theme" mdw-border-ink="default" tabindex="0">Outlined</a></div><div style="height:24px"></div><div class="display-flex flex-wrap"><a class="mdw-button mdw-overlay mdw-ripple mdw-theme" mdw-ink="primary" tabindex="0">Text</a><a class="mdw-button mdw-overlay mdw-ripple mdw-theme" mdw-ink="primary" mdw-raised="" tabindex="0">Contained</a><a class="mdw-button mdw-overlay mdw-ripple mdw-theme" mdw-ink="primary" mdw-raised="" disabled="" aria-disabled="true" tabindex="0">Disabled</a><a class="mdw-button mdw-overlay mdw-ripple mdw-theme" mdw-ink="secondary" tabindex="0">Secondary</a><a class="mdw-button mdw-overlay mdw-ripple mdw-theme" mdw-ink="secondary" mdw-border-ink="" tabindex="0">Outlined</a></div><div style="height:24px"></div><div class="display-flex flex-wrap"><a class="mdw-button mdw-overlay mdw-ripple mdw-theme" mdw-surface="primary 500" mdw-dark="" tabindex="0">Text</a><a class="mdw-button mdw-overlay mdw-ripple mdw-theme" mdw-surface="primary 500" mdw-dark="" mdw-raised="" tabindex="0">Contained</a><a class="mdw-button mdw-overlay mdw-ripple mdw-theme" mdw-surface="primary 500" mdw-dark="" mdw-raised="" disabled="" aria-disabled="true" tabindex="0">Disabled</a><a class="mdw-button mdw-overlay mdw-ripple mdw-theme" mdw-surface="secondary 100" mdw-light="" mdw-raised="" tabindex="0">Outlined</a></div><div style="height:24px"></div><div class="display-flex flex-wrap"><a class="mdw-button mdw-overlay mdw-ripple material-icons" mdw-icon="" tabindex="0">favorite</a><a class="mdw-button mdw-overlay mdw-ripple mdw-theme material-icons" mdw-ink="warn" mdw-dark="" mdw-icon="" tabindex="0">favorite</a><a class="mdw-button mdw-overlay mdw-ripple mdw-theme material-icons" mdw-surface="warn 500" mdw-dark="" mdw-icon="" tabindex="0">favorite</a><a class="mdw-button mdw-overlay mdw-ripple mdw-theme material-icons" mdw-surface="warn 500" mdw-dark="" mdw-icon="" mdw-raised="" tabindex="0">favorite</a><a class="mdw-button mdw-overlay mdw-ripple mdw-theme material-icons" mdw-surface="warn 500" mdw-dark="" mdw-icon="" mdw-raised="" disabled="" aria-disabled="true" tabindex="0">favorite</a><a class="mdw-button mdw-overlay mdw-ripple material-icons" mdw-icon="" disabled="" aria-disabled="true" tabindex="0">favorite</a></div></div></div><div class="androidnavbar"><i class="material-icons back-button">&#xE3C8;</i><i class="material-icons">&#xE836;</i><i class="material-icons">&#xE835;</i></div></div></div></div></div><script src="button.min.js"></script></div></div></body><script src="default.common.min.js"></script></html>

package/docs/button.min.js

@@ -1,2 +0,0 @@
-!function(e){function t(t){for(var a,o,s=t[0],c=t[1],u=t[2],l=0,m=[];l<s.length;l++)o=s[l],i[o]&&m.push(i[o][0]),i[o]=0;for(a in c)Object.prototype.hasOwnProperty.call(c,a)&&(e[a]=c[a]);for(d&&d(t);m.length;)m.shift()();return n.push.apply(n,u||[]),r()}function r(){for(var e,t=0;t<n.length;t++){for(var r=n[t],a=!0,s=1;s<r.length;s++){var c=r[s];0!==i[c]&&(a=!1)}a&&(n.splice(t--,1),e=o(o.s=r[0]))}return e}var a={},i={4:0},n=[];function o(t){if(a[t])return a[t].exports;var r=a[t]={i:t,l:!1,exports:{}};return e[t].call(r.exports,r,r.exports,o),r.l=!0,r.exports}o.m=e,o.c=a,o.d=function(e,t,r){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(o.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)o.d(r,a,function(t){return e[t]}.bind(null,a));return r},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="";var s=window.webpackJsonp=window.webpackJsonp||[],c=s.push.bind(s);s.push=t,s=s.slice();for(var u=0;u<s.length;u++)t(s[u]);var d=c;n.push([46,1,0]),r()}({46:function(e,t,r){r(47),e.exports=r(48)},47:function(e,t,r){"use strict";r.r(t);var a,i,n=r(3),o=r(4),s=r(1),c=r(6),u=r(0);function d(){var e=document.querySelector('input[name="javascript"][value="required"]').checked,t=document.querySelector('input[name="javascript"][value="optional"]').checked,r=e||t;n.c(a);var i=document.getElementsByClassName("component-html")[0];Object(u.m)(i,Object(c.a)(a,"true"===document.getElementById("usePug").getAttribute("aria-pressed"))),r&&(n.b(a),a.classList.contains("mdw-ripple")&&s.a(a),a.classList.contains("mdw-overlay")&&o.a(a)),document.getElementsByClassName("component-js")[0].textContent="mdw.Button.attach(buttonElement);"}function l(e){var t,r=e.target,i=r.name,n=r.value,o=r.checked;switch(i){case"raised":o?a.setAttribute("mdw-raised",""):a.removeAttribute("mdw-raised");break;case"outline":switch(n){case"none":a.removeAttribute("mdw-border-ink");break;default:a.setAttribute("mdw-border-ink",n)}break;case"activated":o?a.setAttribute("mdw-activated",""):a.removeAttribute("mdw-activated");break;case"active":o?a.setAttribute("mdw-active",""):a.removeAttribute("mdw-active");break;case"toggle":n?a.setAttribute("aria-pressed",n):a.removeAttribute("aria-pressed");break;case"disabled":o?a.setAttribute("aria-disabled","true"):a.removeAttribute("aria-disabled");break;case"icon":o?(a.setAttribute("mdw-icon",""),a.classList.add("material-icons"),Object(u.m)(a,"favorite")):(a.removeAttribute("mdw-icon"),a.classList.remove("material-icons"),Object(u.m)(a,"Button"));break;case"ink":switch(n){case"default":a.removeAttribute("mdw-ink");break;default:a.setAttribute("mdw-ink",n)}break;case"ripple":o?a.classList.add("mdw-ripple"):a.classList.remove("mdw-ripple");break;case"overlay-hover":case"overlay-focus":case"overlay-activated":!function(e,t){var r=a.getAttribute("mdw-overlay-off")||"";if(r)if(t){if(-1!==r.indexOf(e))return;a.setAttribute("mdw-overlay-off","".concat(r," ").concat(e))}else-1!==r.indexOf(e)&&a.setAttribute("mdw-overlay-off",r.replace(e,"").trim());else{if(!t)return;a.setAttribute("mdw-overlay-off",e)}}(i.replace("overlay-",""),!o);break;case"surface":switch(n){case"none":a.removeAttribute("mdw-surface"),a.removeAttribute("mdw-light"),a.removeAttribute("mdw-dark");break;default:a.setAttribute("mdw-surface",n.replace(/ (light|dark)/,"")),-1===n.indexOf(" light")?a.removeAttribute("mdw-light"):a.setAttribute("mdw-light",""),-1===n.indexOf(" dark")?a.removeAttribute("mdw-dark"):a.setAttribute("mdw-dark",""),"none"===n?a.classList.remove("mdw-theme"):a.classList.add("mdw-theme")}break;case"htmltype":for(t=document.createElement(n);a.firstChild;)t.appendChild(a.firstChild);Object(u.h)(a.attributes,function(e){t.attributes.setNamedItem(e.cloneNode())}),a.parentElement.replaceChild(t,a),a=t}d()}Object(u.h)(document.querySelectorAll(".js .mdw-button"),n.a),a=document.querySelector(".component-sample .mdw-button"),n.a(a),Object(u.h)(document.querySelectorAll("input[name]"),function(e){e.addEventListener("change",l)}),i=document.getElementById("usePug"),n.a(i),i.addEventListener("click",function(){"true"===i.getAttribute("aria-pressed")?i.setAttribute("aria-pressed","false"):i.setAttribute("aria-pressed","true"),d()}),d()},48:function(e,t,r){e.exports=r.p+"button.html"}});
-//# sourceMappingURL=button.min.js.map