@shortfuse/materialdesignweb 0.4.0 → 0.5.0

package/docs/pages/menu.pug

@@ -1,205 +0,0 @@
-include ../_mixins.pug
-
-+header("menu")
-  .mdw-grid(mdw-margin-top mdw-margin-bottom mdw-stretch)
-    .mdw-grid__item(mdw-colspan="100%")
-      .mdw-grid__content
-        h5.mdw-type(mdw-baseline-next="36") Menus display a list of choices on a transient sheet of material.
-        p.mdw-type(mdw-baseline-next="36") Menus appear upon interaction with a button, action, or other control. They display a list of choices, with one choice per line.
-        p.mdw-type Menu items may be disabled if not applicable to a certain context. Contextual menus dynamically change their available menu items based on the current state of the app.
-    .mdw-grid__item(mdw-colspan="4")
-      .mdw-grid__content
-        .component-sample
-          .component-sample__container
-            .mdw-menu__wrapper
-              +mdwButton Open
-              .mdw-menu
-                .mdw-menu__popup.mdw-theme(mdw-surface="card")
-                  .mdw-menu__item
-                    .mdw-menu__icon.mdw-theme.material-icons(mdw-ink="medium") format_bold
-                    .mdw-menu__text Bold
-                    .mdw-menu__info ⌘B
-                  .mdw-menu__item(aria-disabled="true")
-                    .mdw-menu__icon.mdw-theme.material-icons(mdw-ink="medium") format_italic
-                    .mdw-menu__text Italic
-                    .mdw-menu__info ⌘I
-                  .mdw-menu__item
-                    .mdw-menu__icon.mdw-theme.material-icons(mdw-ink="medium") format_underline
-                    .mdw-menu__text Underline
-                    .mdw-menu__info ⌘U
-                  .mdw-divider.mdw-theme(mdw-ink="divider")
-                  .mdw-menu__item(aria-checked="true")
-                    .mdw-menu__check.mdw-theme.material-icons(mdw-ink="medium") check
-                    .mdw-menu__text Flights
-                  .mdw-menu__item
-                    .mdw-menu__check.mdw-theme.material-icons(mdw-ink="medium") check
-                    .mdw-menu__text Apps
-    .mdw-grid__item(mdw-colspan="8")
-      .mdw-grid__content
-        .mdw-type(mdw-style="subtitle") Javascript
-        .docs-option-list
-          +mdwSelection({ink:'secondary', name:'javascript', type:'radio', value:'required', checked:true}) Required
-          +mdwSelection({ink:'secondary', name:'javascript', type:'radio', value:'optional'}) Optional
-          +mdwSelection({ink:'secondary', name:'javascript', type:'radio', value:'none' }) None
-        .mdw-type(mdw-style="subtitle") Vertical Position
-        .docs-option-list
-          +mdwSelection({ink:'secondary', name:'vposition', type:'radio', value:'auto', checked:true}) Auto
-          +mdwSelection({ink:'secondary', name:'vposition', type:'radio', value:'bottom'}) Bottom
-          +mdwSelection({ink:'secondary', name:'vposition', type:'radio', value:'top' }) Top
-          +mdwSelection({ink:'secondary', name:'vposition', type:'radio', value:'vcenter' }) Center
-        .mdw-type(mdw-style="subtitle") Horizontal Position
-        .docs-option-list
-          +mdwSelection({ink:'secondary', name:'hposition', type:'radio', value:'auto', checked:true}) Auto
-          +mdwSelection({ink:'secondary', name:'hposition', type:'radio', value:'start'}) Start
-          +mdwSelection({ink:'secondary', name:'hposition', type:'radio', value:'end' }) End
-          +mdwSelection({ink:'secondary', name:'hposition', type:'radio', value:'left' }) Left
-          +mdwSelection({ink:'secondary', name:'hposition', type:'radio', value:'right' }) Right
-          +mdwSelection({ink:'secondary', name:'hposition', type:'radio', value:'hcenter' }) Center
-        .mdw-type(mdw-style="subtitle") Vertical Direction
-        .docs-option-list
-          +mdwSelection({ink:'secondary', name:'vdirection', type:'radio', value:'auto', checked:true}) Auto
-          +mdwSelection({ink:'secondary', name:'vdirection', type:'radio', value:'down'}) Down
-          +mdwSelection({ink:'secondary', name:'vdirection', type:'radio', value:'up' }) Up
-          +mdwSelection({ink:'secondary', name:'vdirection', type:'radio', value:'vcenter' }) Center
-        .mdw-type(mdw-style="subtitle") Horizontal Direction
-        .docs-option-list
-          +mdwSelection({ink:'secondary', name:'hdirection', type:'radio', value:'auto', checked:true}) Auto
-          +mdwSelection({ink:'secondary', name:'hdirection', type:'radio', value:'normal'}) Normal
-          +mdwSelection({ink:'secondary', name:'hdirection', type:'radio', value:'reverse' }) Reverse
-          +mdwSelection({ink:'secondary', name:'hdirection', type:'radio', value:'ltr'}) Left-to-Right
-          +mdwSelection({ink:'secondary', name:'hdirection', type:'radio', value:'rtl' }) Right-to-Left
-          +mdwSelection({ink:'secondary', name:'hdirection', type:'radio', value:'hcenter' }) Center
-        .mdw-type(mdw-style="subtitle") Width Units
-        .docs-option-list
-          +mdwSelection({ink:'secondary', name:'width', type:'radio', value:'auto', checked:true}) Auto
-          +mdwSelection({ink:'secondary', name:'width', type:'radio', value:'3' }) 3
-          +mdwSelection({ink:'secondary', name:'width', type:'radio', value:'4' }) 4
-          +mdwSelection({ink:'secondary', name:'width', type:'radio', value:'5' }) 5
-          +mdwSelection({ink:'secondary', name:'width', type:'radio', value:'6' }) 6
-          +mdwSelection({ink:'secondary', name:'width', type:'radio', value:'7' }) 7
-    .mdw-grid__item(mdw-colspan="100%" style="max-height:0")
-    .mdw-grid__item(mdw-colspan="6")
-      .mdw-grid__content
-        h6.mdw-type HTML Code
-        .mdw-card.mdw-theme.component-code.component-html(mdw-surface="card" mdw-border-ink)
-    .mdw-grid__item(mdw-colspan="6")
-      .mdw-grid__content
-        h6.mdw-type Javascript Code
-        .mdw-card.mdw-theme.component-code.component-js(mdw-surface="card" mdw-border-ink)
-    .mdw-grid__item(mdw-colspan="100%")
-      h6.mdw-type Samples
-    .mdw-grid__item.display-flex(mdw-colspan="4" flex-justify-content="center")
-      .mdw-grid__content
-        .render-fill
-          +androidstatusbar('primary 700', 'dark')
-          .mdw-appbar.mdw-theme(mdw-surface="primary 500" mdw-dark)
-            .mdw-appbar__action
-              .mdw-appbar__start
-                .mdw-tooltip__wrapper
-                  +mdwButton({ icon:true }).mdw-tooltip__target.material-icons menu
-                  .mdw-tooltip.mdw-theme(mdw-surface="background 700" mdw-dark) Menu
-              .mdw-appbar__end
-                .mdw-tooltip__wrapper.mdw-menu__wrapper
-                  +mdwButton({ icon:true }).mdw-tooltip__target.material-icons(mdw-more-button href="#moremenu") more_vert
-                  .mdw-tooltip.mdw-theme(mdw-surface="background 700" mdw-dark).mdw-tooltip Options
-                  .mdw-menu#moremenu(mdw-direction="reverse" mdw-position="end" mdw-width-units="3")
-                    a.mdw-menu__close(href="#")
-                    .mdw-menu__popup.mdw-theme(mdw-surface="card")
-                      .mdw-menu__text Refresh
-                      .mdw-menu__text Settings
-                      .mdw-menu__text Send feedback
-                      .mdw-menu__text Help
-                      .mdw-menu__text Signout
-          .content(style="padding:16px 8px")
-            .mdw-menu__wrapper
-              +mdwButton({ surface:'primary 500', dark:true, raised:true })#textmenu-button(href="#textmenu") Text
-              .mdw-menu#textmenu
-                a.mdw-menu__close(href="#textmenu-button")
-                .mdw-menu__popup.mdw-theme(mdw-surface="card")
-                  .mdw-menu__item.mdw-overlay.mdw-ripple Maps
-                  .mdw-menu__item.mdw-overlay.mdw-ripple Books
-                  .mdw-menu__item.mdw-overlay.mdw-ripple Flights
-                  .mdw-menu__item.mdw-overlay.mdw-ripple Apps
-            .mdw-menu__wrapper
-              +mdwButton({ surface:'primary 500', dark:true, raised:true })#checkmenu-button(href="#checkmenu") Checks
-              .mdw-menu#checkmenu
-                a.mdw-menu__close(href="#checkmenu-button")
-                .mdw-menu__popup.mdw-theme(mdw-surface="card")
-                  .mdw-menu__item.mdw-overlay.mdw-ripple
-                    .mdw-menu__check.mdw-theme.material-icons(mdw-ink="medium") check
-                    .mdw-menu__text Maps
-                  .mdw-menu__item.mdw-overlay.mdw-ripple(aria-checked="true")
-                    .mdw-menu__check.mdw-theme.material-icons(mdw-ink="medium") check
-                    .mdw-menu__text Books
-                  .mdw-menu__item.mdw-overlay.mdw-ripple(aria-checked="true")
-                    .mdw-menu__check.mdw-theme.material-icons(mdw-ink="medium") check
-                    .mdw-menu__text Flights
-                  .mdw-menu__item.mdw-overlay.mdw-ripple
-                    .mdw-menu__check.mdw-theme.material-icons(mdw-ink="medium") check
-                    .mdw-menu__text Apps
-            div(style="height:400px")
-            .mdw-menu__wrapper
-              +mdwButton({ surface:'primary 500', dark:true, raised:true })#infomenu-button(href="#infomenu") Info
-              .mdw-menu#infomenu(mdw-width-units=4 mdw-direction="up" mdw-position="top")
-                a.mdw-menu__close(href="#infomenu-button")
-                .mdw-menu__popup.mdw-theme(mdw-surface="card")
-                  .mdw-menu__item.mdw-overlay.mdw-ripple(aria-disabled="true")
-                    .mdw-menu__check.mdw-theme.material-icons(mdw-ink="medium") check
-                    .mdw-menu__text Bold
-                    .mdw-menu__info ⌘B
-                  .mdw-menu__item.mdw-overlay.mdw-ripple(aria-checked="true")
-                    .mdw-menu__check.mdw-theme.material-icons(mdw-ink="medium") check
-                    .mdw-menu__text Italic
-                    .mdw-menu__info ⌘I
-                  .mdw-menu__item.mdw-overlay.mdw-ripple(aria-checked="true")
-                    .mdw-menu__check.mdw-theme.material-icons(mdw-ink="medium") check
-                    .mdw-menu__text Underline
-                    .mdw-menu__info ⌘U
-                  .mdw-divider.mdw-theme(mdw-ink="divider")
-                  .mdw-menu__item.mdw-overlay.mdw-ripple(aria-checked="true")
-                    .mdw-menu__check.mdw-theme.material-icons(mdw-ink="medium") check
-                    .mdw-menu__text Flights
-                  .mdw-menu__item.mdw-overlay.mdw-ripple
-                    .mdw-menu__check.mdw-theme.material-icons(mdw-ink="medium") check
-                    .mdw-menu__text Apps
-            .mdw-menu__wrapper
-              +mdwButton({ surface:'primary 500', dark:true, raised:true })#iconmenu-button(href="#iconmenu") Icons
-              .mdw-menu#iconmenu(mdw-width-units=4 mdw-direction="up" mdw-position="top")
-                a.mdw-menu__close(href="#iconmenu-button")
-                .mdw-menu__popup.mdw-theme(mdw-surface="card")
-                  .mdw-menu__item.mdw-overlay.mdw-ripple
-                    .mdw-menu__icon.mdw-theme.material-icons(mdw-ink="medium") format_bold
-                    .mdw-menu__text Bold
-                    .mdw-menu__info ⌘B
-                  .mdw-menu__item.mdw-overlay.mdw-ripple
-                    .mdw-menu__icon.mdw-theme.material-icons(mdw-ink="medium") format_italic
-                    .mdw-menu__text Italic
-                    .mdw-menu__info ⌘I
-                  .mdw-menu__item.mdw-overlay.mdw-ripple
-                    .mdw-menu__icon.mdw-theme.material-icons(mdw-ink="medium") format_underline
-                    .mdw-menu__text Underline
-                    .mdw-menu__info ⌘U
-            .mdw-menu__wrapper.js
-              +mdwButton({ surface:'primary 500', dark:true, raised: true }) JS
-              .mdw-menu(mdw-width-units=4 mdw-direction="reverse")
-                .mdw-menu__popup.mdw-theme(mdw-surface="card")
-                  .mdw-menu__item
-                    .mdw-menu__icon.mdw-theme.material-icons(mdw-ink="medium") format_bold
-                    .mdw-menu__text Bold
-                    .mdw-menu__info ⌘B
-                  .mdw-menu__item(aria-disabled="true")
-                    .mdw-menu__icon.mdw-theme.material-icons(mdw-ink="medium") format_italic
-                    .mdw-menu__text Italic
-                    .mdw-menu__info ⌘I
-                  .mdw-menu__item
-                    .mdw-menu__icon.mdw-theme.material-icons(mdw-ink="medium") format_underline
-                    .mdw-menu__text Underline
-                    .mdw-menu__info ⌘U
-                  .mdw-divider.mdw-theme(mdw-ink="divider")
-                  .mdw-menu__item(aria-checked="true")
-                    .mdw-menu__check.mdw-theme.material-icons(mdw-ink="medium") check
-                    .mdw-menu__text Flights
-                  .mdw-menu__item
-                    .mdw-menu__check.mdw-theme.material-icons(mdw-ink="medium") check
-                    .mdw-menu__text Apps
-  script(src='menu.min.js')

package/docs/pages/overlay.pug

@@ -1,55 +0,0 @@
-include ../_mixins.pug
-
-+header("overlay")
-  .mdw-grid(mdw-margin-top mdw-margin-bottom mdw-stretch)
-    .mdw-grid__item(mdw-colspan="100%")
-      .mdw-grid__content
-        h2.mdw-type JS
-        p.mdw-type No hover or focus overlay on touch
-    .mdw-grid__item(mdw-colspan="4")
-      .mdw-grid__content
-        h6.mdw-type Default Ink
-        .display-flex.flex-column.js
-          .demo-core-item.mdw-elevation.mdw-overlay.mdw-theme(mdw-elevation="1" tabindex="0" mdw-raised mdw-ink="default" mdw-surface="binary") Normal
-          .demo-core-item.mdw-elevation.mdw-overlay.mdw-theme(mdw-elevation="1" tabindex="0" mdw-raised mdw-ink="default" mdw-surface="binary" aria-selected="false") [aria-selected="false"]
-          .demo-core-item.mdw-elevation.mdw-overlay.mdw-theme(mdw-elevation="1" tabindex="0" mdw-raised mdw-ink="default" mdw-surface="binary" aria-selected="true") [aria-selected="true"]
-          .demo-core-item.mdw-elevation.mdw-overlay.mdw-theme(mdw-elevation="1" tabindex="0" mdw-raised mdw-ink="default" mdw-surface="binary" aria-pressed="false") [aria-pressed="false"]
-          .demo-core-item.mdw-elevation.mdw-overlay.mdw-theme(mdw-elevation="1" tabindex="0" mdw-raised mdw-ink="default" mdw-surface="binary" aria-pressed="true") [aria-pressed="true"]
-          .demo-core-item.mdw-elevation.mdw-overlay.mdw-theme(mdw-elevation="1" tabindex="0" mdw-raised mdw-ink="default" mdw-surface="binary" aria-current="true") [aria-current]
-          .demo-core-item.mdw-elevation.mdw-overlay.mdw-theme(mdw-elevation="1" tabindex="0" mdw-raised mdw-ink="default" mdw-surface="binary" aria-selected="true" aria-current="true") [aria-selected="true"][aria-current]
-    .mdw-grid__item(mdw-colspan="4")
-      .mdw-grid__content
-        h6.mdw-type Secondary Ink
-        .display-flex.flex-column.js
-          .demo-core-item.mdw-elevation.mdw-overlay.mdw-theme(mdw-elevation="1" tabindex="0" mdw-raised mdw-ink="secondary" mdw-surface="binary") Normal
-          .demo-core-item.mdw-elevation.mdw-overlay.mdw-theme(mdw-elevation="1" tabindex="0" mdw-raised mdw-ink="secondary" mdw-surface="binary" aria-selected="false") [aria-selected="false"]
-          .demo-core-item.mdw-elevation.mdw-overlay.mdw-theme(mdw-elevation="1" tabindex="0" mdw-raised mdw-ink="secondary" mdw-surface="binary" aria-selected="true") [aria-selected="true"]
-          .demo-core-item.mdw-elevation.mdw-overlay.mdw-theme(mdw-elevation="1" tabindex="0" mdw-raised mdw-ink="secondary" mdw-surface="binary" aria-pressed="false") [aria-pressed="false"]
-          .demo-core-item.mdw-elevation.mdw-overlay.mdw-theme(mdw-elevation="1" tabindex="0" mdw-raised mdw-ink="secondary" mdw-surface="binary" aria-pressed="true") [aria-pressed="true"]
-          .demo-core-item.mdw-elevation.mdw-overlay.mdw-theme(mdw-elevation="1" tabindex="0" mdw-raised mdw-ink="secondary" mdw-surface="binary" aria-current="true") [aria-current]
-          .demo-core-item.mdw-elevation.mdw-overlay.mdw-theme(mdw-elevation="1" tabindex="0" mdw-raised mdw-ink="secondary" mdw-surface="binary" aria-selected="true" aria-current="true") [aria-selected="true"][aria-current]
-    .mdw-grid__item(mdw-colspan="100%")
-      .mdw-grid__content
-        h2.mdw-type CSS Only
-        p.mdw-type No touch detection
-    .mdw-grid__item(mdw-colspan="4")
-      .mdw-grid__content
-        h6.mdw-type Default Ink
-        .display-flex.flex-column
-          .demo-core-item.mdw-elevation.mdw-overlay.mdw-theme(mdw-elevation="1" tabindex="0" mdw-raised mdw-ink="default" mdw-surface="binary") Normal
-          .demo-core-item.mdw-elevation.mdw-overlay.mdw-theme(mdw-elevation="1" tabindex="0" mdw-raised mdw-ink="default" mdw-surface="binary" aria-selected="false") [aria-selected="false"]
-          .demo-core-item.mdw-elevation.mdw-overlay.mdw-theme(mdw-elevation="1" tabindex="0" mdw-raised mdw-ink="default" mdw-surface="binary" aria-pressed="false") [aria-pressed="false"]
-          .demo-core-item.mdw-elevation.mdw-overlay.mdw-theme(mdw-elevation="1" tabindex="0" mdw-raised mdw-ink="default" mdw-surface="binary" aria-selected="true") [aria-selected="true"]
-          .demo-core-item.mdw-elevation.mdw-overlay.mdw-theme(mdw-elevation="1" tabindex="0" mdw-raised mdw-ink="default" mdw-surface="binary" aria-pressed="true") [aria-pressed="true"]
-    .mdw-grid__item(mdw-colspan="4")
-      .mdw-grid__content
-        h6.mdw-type Secondary Ink
-        .display-flex.flex-column
-          .demo-core-item.mdw-elevation.mdw-overlay.mdw-theme(mdw-elevation="1" tabindex="0" mdw-raised mdw-ink="secondary" mdw-surface="binary") Normal
-          .demo-core-item.mdw-elevation.mdw-overlay.mdw-theme(mdw-elevation="1" tabindex="0" mdw-raised mdw-ink="secondary" mdw-surface="binary" aria-selected="false") [aria-selected="false"]
-          .demo-core-item.mdw-elevation.mdw-overlay.mdw-theme(mdw-elevation="1" tabindex="0" mdw-raised mdw-ink="secondary" mdw-surface="binary" aria-pressed="false") [aria-pressed="false"]
-          .demo-core-item.mdw-elevation.mdw-overlay.mdw-theme(mdw-elevation="1" tabindex="0" mdw-raised mdw-ink="secondary" mdw-surface="binary" aria-selected="true") [aria-selected="true"]
-          .demo-core-item.mdw-elevation.mdw-overlay.mdw-theme(mdw-elevation="1" tabindex="0" mdw-raised mdw-ink="secondary" mdw-surface="binary" aria-pressed="true") [aria-pressed="true"]
-      
-
-  script(src='overlay.min.js')

package/docs/pages/progress.pug

@@ -1,16 +0,0 @@
-include ../_mixins.pug
-
-+header("progress")
-  .comparison.clipped-300.js
-    .render
-      .content.display-flex
-        .flex-1.display-flex(flex-justify-content="center" flex-align-items="center")
-          .mdw-progress-circle.mdw-theme(mdw-ink="primary")
-            svg(viewBox="0 0 24 24")
-              path(d="M12 3.25A8.75 8.75 0 1 1 3.25 12")
-              path(d="M12 3.25A8.75 8.75 0 1 1 3.25 12 A 8.75 8.75 0 0 1 12 3.25")
-          .mdw-progress-circle.mdw-theme(mdw-ink="secondary" mdw-determinate)
-            svg(viewBox="0 0 24 24")
-              path(d="M12 3.25A8.75 8.75 0 1 1 3.25 12")
-              path(d="M12 3.25A8.75 8.75 0 1 1 3.25 12 A 8.75 8.75 0 0 1 12 3.25")
-  script(src='progress.min.js')

package/docs/pages/ripple.pug

@@ -1,21 +0,0 @@
-include ../_mixins.pug
-
-+header("ripple")
-  .mdw-grid(mdw-margin-top mdw-margin-bottom mdw-stretch)
-    .mdw-grid__item(mdw-colspan="4")
-      .mdw-grid__content
-        h6.mdw-type Javascript
-        .display-flex.flex-column.js
-          .demo-core-item.mdw-elevation.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="default" mdw-surface="binary") Default Ink
-          .demo-core-item.mdw-elevation.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="primary" mdw-surface="binary") Primary Ink
-          .demo-core-item.mdw-elevation.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="secondary" mdw-surface="binary") Secondary Ink
-          .demo-core-item.mdw-elevation.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="warn" mdw-surface="binary") Warn Ink
-    .mdw-grid__item(mdw-colspan="4")
-      .mdw-grid__content
-        h6.mdw-type CSS Only
-        .display-flex.flex-column
-          .demo-core-item.mdw-elevation.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="default" mdw-surface="binary") Default Ink
-          .demo-core-item.mdw-elevation.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="primary" mdw-surface="binary") Primary Ink
-          .demo-core-item.mdw-elevation.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="secondary" mdw-surface="binary") Secondary Ink
-          .demo-core-item.mdw-elevation.mdw-ripple.mdw-theme(mdw-elevation="1" mdw-ink="warn" mdw-surface="binary") Warn Ink
-  script(src='ripple.min.js')

package/docs/pages/search.pug

@@ -1,165 +0,0 @@
-include ../_mixins.pug
-
-+header("search")
-  .comparison.js
-    .render
-      .display-flex(style="padding:8px")
-        .flex-1.display-flex(flex-column)
-          p Text field dropdown with:
-          ul
-            li one-time search on first input
-            li startsWith text filter
-            li append input on selection
-          div
-            label.mdw-textfield#search-textfield-custom1.mdw-theme(mdw-ink="secondary")
-              input.mdw-textfield__input(placeholder=" ")
-              .mdw-textfield__border
-                .mdw-textfield__outline-gap
-                  .mdw-textfield__label Property
-              .mdw-textfield__dropdown.mdw-theme(mdw-surface="card" mdw-type="list" mdw-hide)
-                .custom-busy-indicator.display-flex(flex-align-items="center")
-                  .mdw-progress-circle
-                    svg(viewBox="0 0 24 24")
-                      path(d="M12 3.25A8.75 8.75 0 1 1 3.25 12")
-                      path(d="M12 3.25A8.75 8.75 0 1 1 3.25 12 A 8.75 8.75 0 0 1 12 3.25")
-                  span Searching...
-                .mdw-list#search-list-custom1
-          p Current Selection: 
-            span#search-result-custom1
-          p Text field dropdown with:
-          ul
-            li input-based search
-            li 300ms debounce
-            li replace input on selection
-            li disabled item filter
-          div
-            label.mdw-textfield#search-textfield-custom2.mdw-theme(mdw-ink="primary" mdw-outlined)
-              input.mdw-textfield__input(placeholder=" ")
-              .mdw-textfield__border
-                .mdw-textfield__outline-gap
-                  .mdw-textfield__label Property
-              .mdw-textfield__dropdown.mdw-theme(mdw-surface="card" mdw-type="list" mdw-hide)
-                .custom-busy-indicator.display-flex(flex-align-items="center")
-                  .mdw-progress-circle
-                    svg(viewBox="0 0 24 24")
-                      path(d="M12 3.25A8.75 8.75 0 1 1 3.25 12")
-                      path(d="M12 3.25A8.75 8.75 0 1 1 3.25 12 A 8.75 8.75 0 0 1 12 3.25")
-                  span Searching...
-                .custom-no-results-indicator.display-flex(flex-align-items="center" style="display:none")
-                  span No results found.
-                .mdw-list#search-list-custom2
-          p Current Selection: 
-            span#search-result-custom2
-  .comparison.js
-    .render
-      +androidstatusbar('primary 700', 'dark')
-      .mdw-appbar.mdw-theme(mdw-surface="primary 500" mdw-dark)
-        .mdw-appbar__action
-          .mdw-appbar__start
-            +mdwButton({ icon:true }).material-icons arrow_back
-          .mdw-appbar__title(mdw-custom)
-            .mdw-textfield#search-textfield-simple.mdw-theme(mdw-solo mdw-ink="secondary")
-              input.mdw-textfield__input(placeholder="Search")
-          .mdw-appbar__end
-            +mdwButton({ icon:true }).material-icons clear
-      .content
-        ul.mdw-list#search-list-simple
-          li.mdw-list__item
-            a.mdw-list__content Attractions
-          li.mdw-list__item
-            a.mdw-list__content Dining
-          li.mdw-list__item
-            a.mdw-list__content Education
-          li.mdw-list__item
-            a.mdw-list__content Family
-          li.mdw-list__item
-            a.mdw-list__content Health
-          li.mdw-list__item
-            a.mdw-list__content Office
-          li.mdw-list__item
-            a.mdw-list__content Promotions
-          li.mdw-list__item
-            a.mdw-list__content Radio
-          li.mdw-list__item
-            a.mdw-list__content Recipes
-          li.mdw-list__item
-            a.mdw-list__content Sports
-          li.mdw-list__item
-            a.mdw-list__content Travel
-      +androidnavbar
-
-  .comparison.js
-    .render
-      +androidstatusbar('primary 700', 'dark')
-      .mdw-appbar.mdw-theme(mdw-surface="primary 500" mdw-dark)
-        .mdw-appbar__action
-          .mdw-appbar__start
-            +mdwButton({ icon:true }).material-icons arrow_back
-          .mdw-appbar__title(mdw-custom)
-            .mdw-textfield#search-textfield-multiline.mdw-theme(mdw-solo mdw-ink="secondary")
-              input.mdw-textfield__input(placeholder="Search")
-          .mdw-appbar__end
-            +mdwButton({ icon:true}).material-icons clear
-      .content
-        ul.mdw-list#search-list-multiline
-          li.mdw-list__subheader.mdw-theme(mdw-ink="medium") Today
-          li.mdw-list__item
-            .mdw-list__content.mdw-overlay.mdw-ripple
-              .mdw-list__avatar
-                i.material-icons(style="font-size:40px") 
-              .mdw-list__text
-                .mdw-list__text-line Brunch this weekend?
-                .mdw-list__text-block Ali Connors
-                  span.mdw-theme(mdw-ink="medium")  — I'll be in your neighborhood doing errands this weekend. Do you want to meet?
-          li.mdw-list__item
-            .mdw-list__content
-              .mdw-list__avatar
-                i.material-icons(style="font-size:40px") 
-              .mdw-list__text
-                .mdw-list__text-line Summer BBQ
-                  span.mdw-theme(mdw-ink="medium")  4
-                .mdw-list__text-block to Alex, Scott, Jennifer
-                  span.mdw-theme(mdw-ink="medium")  — Wish I could come. but I'm out of town this weekend.
-          li.mdw-list__item
-            .mdw-list__content
-              .mdw-list__avatar
-                i.material-icons(style="font-size:40px") 
-              .mdw-list__text
-                .mdw-list__text-line Oui oui
-                .mdw-list__text-block Sandra Adams
-                  span.mdw-theme(mdw-ink="medium")  — Do you have Paris recommendations? Have you ever been?
-          li.mdw-list__item
-            .mdw-list__content
-              .mdw-list__avatar
-                i.material-icons(style="font-size:40px") 
-              .mdw-list__text
-                .mdw-list__text-line Birthday gift
-                .mdw-list__text-block Trevor Hansen
-                  span.mdw-theme(mdw-ink="medium")  — Have any ideas about what we should get Heidi for her birthday?
-          li.mdw-list__item
-            .mdw-list__content
-              .mdw-list__avatar
-                i.material-icons(style="font-size:40px") 
-              .mdw-list__text
-                .mdw-list__text-line Recipe to try
-                .mdw-list__text-block Britta Holt
-                  span.mdw-theme(mdw-ink="medium")  — We should eat this: Grated Squash, Corn, and tomatillo Tacos J
-          li.mdw-list__item
-            .mdw-list__content
-              .mdw-list__avatar
-                i.material-icons(style="font-size:40px") 
-              .mdw-list__text
-                .mdw-list__text-line Giants game
-                .mdw-list__text-block David Park
-                  span.mdw-theme(mdw-ink="medium")  — Any interest in seeing
-          li.mdw-list__item
-            .mdw-list__content
-              .mdw-list__avatar
-                i.material-icons(style="font-size:40px") 
-              .mdw-list__text
-                .mdw-list__text-line Montauk weekend
-                .mdw-list__text-block -----
-      +androidnavbar
-
-  
-  script(src='search.min.js')

package/docs/pages/selection.pug

@@ -1,74 +0,0 @@
-include ../_mixins.pug
-
-+header("selection")
-  .mdw-grid(mdw-stretch)
-    .mdw-grid__item(mdw-colspan="4")
-      .mdw-grid__content
-        .render-fill
-          +androidstatusbar('teal 700', 'dark')
-          .mdw-appbar.mdw-theme(mdw-surface="teal 500" mdw-dark)
-            .mdw-appbar__action
-              .mdw-appbar__title Styled HTMLInputElement
-          .content
-            .display-flex(style="padding:16px")
-              +mdwSelection({ink:'blue', checked:true, prefix:true, type:'switch' }) Switch
-            .display-flex(style="padding:16px")
-              +mdwSelection({ink:'blue', checked:true, prefix:true }) Prefixed
-            .display-flex(style="padding:16px")
-              +mdwSelection({ink:'teal', checked:true }) Suffixed
-            .display-flex(style="padding:16px")
-              +mdwSelection({ink:'teal', checked:true, disabled:true}) Disabled
-            .display-flex(style="padding:16px")
-              +mdwSelection({ink:'teal', type:'radio', name:'test', checked:true }) Option A
-            .display-flex(style="padding:16px")
-              +mdwSelection({ink:'teal', type:'radio', name:'test' }) Option B
-            .display-flex(style="padding:16px")
-              +mdwSelection({ink:'teal', type:'radio', name:'test', disabled:true }) Option C
-    .mdw-grid__item(mdw-colspan="4")
-      .mdw-grid__content
-        .render-fill
-          +androidstatusbar('teal 700', 'dark')
-          .mdw-appbar.mdw-theme(mdw-surface="teal 500" mdw-dark)
-            .mdw-appbar__action
-              .mdw-appbar__title aria-checked (JS)
-          .content
-            div#docs-selection-subheader1.mdw-list__subheader.mdw-theme(mdw-ink="medium") Switch
-            ul.mdw-list(role="listbox" aria-labelledby='docs-selection-subheader1')
-              li.mdw-list__item
-                a.mdw-list__content.mdw-selection.mdw-overlay(aria-checked="true")
-                  .mdw-list__text.mdw-selection__label Android Switch
-                  .mdw-list__secondary.mdw-selection__icon.mdw-theme(mdw-ink="teal" mdw-switch)
-              li.mdw-list__item
-                a.mdw-list__content.mdw-selection.mdw-overlay(aria-checked="false" aria-disabled="true")
-                  .mdw-list__text.mdw-selection__label Android Switch Disabled
-                  .mdw-list__secondary.mdw-selection__icon.mdw-theme(mdw-ink="teal contrast" mdw-switch)
-            .mdw-list__subheader.mdw-theme(mdw-ink="medium") .mdw-list[role="radiogroup"]
-            ul.mdw-list.mdw-selection__radio-group(role="radiogroup")
-              li.mdw-list__item
-                a.mdw-list__content.mdw-selection.mdw-overlay(aria-checked="true")
-                  .mdw-list__text.mdw-selection__label
-                    .mdw-list__text-line Option 1
-                    .mdw-list__text-line.mdw-theme(mdw-ink="medium") Description
-                  .mdw-list__secondary.mdw-selection__icon.mdw-theme(mdw-ink="teal" mdw-radio)
-              li.mdw-list__item
-                a.mdw-list__content.mdw-selection.mdw-overlay(aria-checked="false")
-                  .mdw-list__text.mdw-selection__label
-                    .mdw-list__text-line Option 2
-                    .mdw-list__text-line.mdw-theme(mdw-ink="medium") Description
-                  .mdw-list__secondary.mdw-selection__icon.mdw-theme(mdw-ink="blue" mdw-radio)
-            .mdw-list__subheader.mdw-theme(mdw-ink="medium") Multiple check
-            ul.mdw-list(role="listbox" aria-multiselectable="true")
-              li.mdw-list__item
-                a.mdw-list__content.mdw-selection.mdw-overlay(aria-checked="true")
-                  .mdw-list__text.mdw-selection__label Option 1
-                  .mdw-list__secondary.mdw-selection__icon.mdw-theme(mdw-ink="teal" mdw-checkbox)
-              li.mdw-list__item
-                a.mdw-list__content.mdw-selection.mdw-overlay(aria-checked="true")
-                  .mdw-list__text.mdw-selection__label Option 2
-                  .mdw-list__secondary.mdw-selection__icon.mdw-theme(mdw-ink="blue" mdw-checkbox)
-              li.mdw-list__item
-                a.mdw-list__content.mdw-selection.mdw-overlay(aria-checked="false")
-                  .mdw-list__text.mdw-selection__label Option 3
-                  .mdw-list__secondary.mdw-selection__icon.mdw-theme(mdw-ink="warn" mdw-checkbox)
-
-  script(src='selection.min.js')

package/docs/pages/slider.pug

@@ -1,17 +0,0 @@
-include ../_mixins.pug
-
-+header("slider")
-  .mdw-grid(mdw-margin-top mdw-margin-bottom mdw-stretch)
-    .mdw-grid__item(mdw-colspan="100%")
-      h5.mdw-type(mdw-baseline-next="36") Sliders allow users to make selections from a range of values.
-      p.mdw-type Sliders reflect a range of values along a bar, from which users may select a single value. They are ideal for adjusting settings such as volume, brightness, or applying image filters.
-    .mdw-grid__item(mdw-colspan="4")
-      .component-sample
-        .component-sample__container
-          label.mdw-slider.mdw-theme(mdw-ink="secondary")
-            input.mdw-slider__input(type="range" list="sample-list")
-            datalist#sample-list
-              option(value=0 label="None")
-              option(value=50 label="Half")
-              option(value=100 label="All")
-  script(src='slider.min.js')

package/docs/pages/snackbar.pug

@@ -1,60 +0,0 @@
-include ../_mixins.pug
-
-+header("snackbar")
-  .mdw-grid(mdw-margin-top mdw-margin-bottom)
-    .mdw-grid__item(mdw-colspan="100%")
-      h5.mdw-type(mdw-baseline-next="36") Snackbars provide brief messages about app processes at the bottom of the screen.
-      p.mdw-type Snackbars inform users of a process that an app has performed or will perform. They appear temporarily, towards the bottom of the screen. They shouldn’t interrupt the user experience, and they don’t require user input to disappear.
-    .mdw-grid__item(mdw-colspan="100%")
-      .mdw-grid__content.component-sample(style="padding:0")
-          .mdw-grid(style="width:100%;height:100%")
-            .mdw-grid__item(mdw-colspan="100%")
-              div
-                +mdwButton({ ink:'secondary' }) Create New
-            .mdw-grid__item(mdw-colspan="100%")
-              .mdw-snackbar__wrapper
-                .mdw-snackbar__container
-                  .mdw-snackbar.mdw-theme(aria-hidden="false" mdw-surface="background 900" mdw-dark)
-                    span Short message snackbar.
-                    +mdwButton({ink:'secondary'}) Action
-            .mdw-grid__item(mdw-colspan="100%")
-              .mdw-snackbar__wrapper
-                .mdw-snackbar__container.js-sample
-    .mdw-grid__item(mdw-colspan="4")
-      .mdw-type(mdw-style="subtitle") Javascript
-      .docs-option-list
-        +mdwSelection({ink:'secondary', name:'javascript', type:'radio', value:'required', disabled:true}) Required
-        +mdwSelection({ink:'secondary', name:'javascript', type:'radio', value:'optional', checked:true}) Optional
-        +mdwSelection({ink:'secondary', name:'javascript', type:'radio', value:'none' }) None
-      .mdw-type(mdw-style="subtitle") Text
-      .docs-option-list
-        +mdwSelection({ink:'secondary', name:'text', type:'radio', value:'short', checked:true}) Short
-        +mdwSelection({ink:'secondary', name:'text', type:'radio', value:'long'}) Long
-        +mdwSelection({ink:'secondary', name:'text', type:'radio', value:'line-break' }) Explicit line-break
-      .mdw-type(mdw-style="subtitle") Button
-      .docs-option-list
-        +mdwSelection({ink:'secondary', name:'button', type:'radio', value:'none'}) None
-        +mdwSelection({ink:'secondary', name:'button', type:'radio', value:'short', checked:true}) Short
-        +mdwSelection({ink:'secondary', name:'button', type:'radio', value:'long' }) Long
-      .mdw-type(mdw-style="subtitle") Visibility
-      .docs-option-list
-        +mdwSelection({ink:'secondary', name:'visibility', type:'radio', value:'show', checked:true}) Shos
-        +mdwSelection({ink:'secondary', name:'visibility', type:'radio', value:'hide'}) Hide
-      .mdw-type(mdw-style="subtitle") Position
-      .docs-option-list
-        +mdwSelection({ink:'secondary', name:'position', type:'radio', value:'auto', checked:true}) Start (Default)
-        +mdwSelection({ink:'secondary', name:'position', type:'radio', value:'center'}) Center
-        +mdwSelection({ink:'secondary', name:'position', type:'radio', value:'end'}) End
-      .mdw-type(mdw-style="subtitle") Options
-      .docs-option-list
-        +mdwSelection({ink:'secondary', name:'stacked'}) Stacked
-    .mdw-grid__item(mdw-colspan="100%" style="max-height:0")
-    .mdw-grid__item(mdw-colspan="6")
-      .display-flex(flex-column)
-        h6.mdw-type HTML Code
-        .mdw-card.mdw-theme.component-code.component-html(mdw-surface="card" mdw-border-ink)
-    .mdw-grid__item(mdw-colspan="6")
-      .display-flex(flex-column)
-        h6.mdw-type Javascript Code
-        .mdw-card.mdw-theme.component-code.component-js(mdw-surface="card" mdw-border-ink)
-  script(src='snackbar.min.js')