@shortfuse/materialdesignweb 0.4.0 → 0.5.0

package/docs/pages/chip.pug

@@ -1,91 +0,0 @@
-include ../_mixins.pug
-
-+header("chip")
-  .mdw-grid(mdw-margin-top mdw-margin-bottom mdw-stretch).docs-chip
-    .mdw-grid__item(mdw-colspan="100%")
-      h5.mdw-type(mdw-baseline-next="36") Chips are compact elements that represent an input, attribute, or action.
-      p.mdw-type Chips allow users to enter information, make selections, filter content, or trigger actions. Chips should appear dynamically as a group of multiple interactive elements. Unlike buttons, which should be a consistent and familiar call to action, one that a user expects to appear as the same action in the same general area.
-    .mdw-grid__item(mdw-colspan="6")
-      .mdw-grid__content.component-sample
-        .component-sample__container
-          div
-            p Action
-              .mdw-chip(mdw-type="action")
-                .mdw-chip__item
-                  .mdw-chip__input
-                  .mdw-chip__text Send Message
-                .mdw-chip__item
-                  .mdw-chip__input
-                  .mdw-chip__text Call
-            p Input
-            .mdw-chip(mdw-type="input")
-              .mdw-chip__item
-                .mdw-chip__input
-                .mdw-chip__text Portland
-                .mdw-chip__thumbnail.material-icons place
-                .mdw-chip__remove.material-icons cancel
-              .mdw-chip__item
-                .mdw-chip__input
-                .mdw-chip__text Biking
-                .mdw-chip__thumbnail.material-icons directions_bike
-                .mdw-chip__remove.material-icons cancel
-            p Choice
-            form.mdw-chip.mdw-theme(mdw-type="choice" mdw-ink="secondary")
-              label.mdw-chip__item
-                input.mdw-chip__input(type="radio" name="sample" value="a")
-                .mdw-chip__text Apple
-              label.mdw-chip__item
-                input.mdw-chip__input(type="radio" name="sample" value="b")
-                .mdw-chip__text Banana
-              label.mdw-chip__item
-                input.mdw-chip__input(type="radio" name="sample" value="c")
-                .mdw-chip__text Cranberry
-              label.mdw-chip__item
-                input.mdw-chip__input(type="radio" name="sample" value="d")
-                .mdw-chip__text Dragon Fruit
-            p Filter
-            div
-              .mdw-chip(mdw-type="filter")
-                label.mdw-chip__item
-                  input.mdw-chip__input(type="checkbox")
-                  .mdw-chip__text Elevator
-                  .mdw-chip__checkmark.material-icons check
-                label.mdw-chip__item
-                  input.mdw-chip__input(type="checkbox")
-                  .mdw-chip__text Washer/Dryer
-                  .mdw-chip__checkmark.material-icons check
-                label.mdw-chip__item
-                  input.mdw-chip__input(type="checkbox")
-                  .mdw-chip__text Fireplace
-                  .mdw-chip__checkmark.material-icons check
-                label.mdw-chip__item
-                  input.mdw-chip__input(type="checkbox")
-                  .mdw-chip__text Wheelchair access
-                  .mdw-chip__checkmark.material-icons check
-                label.mdw-chip__item
-                  input.mdw-chip__input(type="checkbox")
-                  .mdw-chip__text Dogs ok
-                  .mdw-chip__checkmark.material-icons check
-                label.mdw-chip__item
-                  input.mdw-chip__input(type="checkbox")
-                  .mdw-chip__text Cats ok
-                  .mdw-chip__checkmark.material-icons check
-    .mdw-grid__item(mdw-colspan="4").demo-options
-      .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") Options
-      .docs-option-list
-        +mdwSelection({ink:'secondary', name:'outlined'}) Outlined
-    .mdw-grid__item(mdw-colspan="100%" style="max-height:0")
-    .mdw-grid__item(mdw-colspan="6")
-      h6.mdw-type HTML Code
-      .mdw-card.mdw-theme.component-code.component-html(mdw-surface="card" mdw-border-ink)
-    .mdw-grid__item(mdw-colspan="100%")
-      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
-  script(src='chip.min.js')

package/docs/pages/color.pug

@@ -1,121 +0,0 @@
-include ../_mixins.pug
-
-+header("color")
-  .mdw-grid(mdw-margin-top mdw-margin-bottom mdw-columns="4")#color-page-options
-    .mdw-grid__item(mdw-colspan="4")
-      .mdw-grid__content.mdw-theme(mdw-elevation="8")
-        #color-sample-area
-          a#sample-button.demo-core-item.mdw-overlay.mdw-elevation.mdw-ripple.mdw-theme(tabindex="0" mdw-elevation="1" mdw-surface="binary" mdw-ink="secondary contrast") Enabled
-          a#sample-button__selected.demo-core-item.mdw-overlay.mdw-elevation.mdw-ripple.mdw-theme(tabindex="0" mdw-elevation="1" mdw-surface="binary" mdw-ink="secondary contrast" aria-selected="true") Selected
-          a#sample-button__activated.demo-core-item.mdw-overlay.mdw-elevation.mdw-ripple.mdw-theme(tabindex="0" mdw-elevation="1" mdw-surface="binary" mdw-ink="secondary contrast" aria-pressed="true") Activated
-          div(style="margin:8px")
-            p.mdw-type Surface:
-              span#sample-surface.mdw-theme(mdw-ink="medium")   test
-            p.mdw-type Ink:
-              span#sample-ink.mdw-theme(mdw-ink="medium")   test
-          div(style="margin:8px")
-            p.mdw-type Text Contrast:
-              span#sample-contrast__text.mdw-theme(mdw-ink="medium")   test
-              span  / 4.5
-            p.mdw-type Selected Contrast:
-              span#sample-contrast__selected.mdw-theme(mdw-ink="medium")   test
-              span  / 4.5
-            p.mdw-type Activated Contrast:
-              span#sample-contrast__activated.mdw-theme(mdw-ink="medium")   test
-              span  / 4.5
-    .mdw-grid__item(mdw-colspan="2")
-      .mdw-grid__content
-        .mdw-type(mdw-style="subtitle") Ink
-        div
-          label.mdw-textfield.mdw-theme(mdw-ink="secondary" mdw-outlined)
-            select.mdw-textfield__input(name="ink-color")
-              option.mdw-theme(mdw-surface="card" value="default") Default
-              option.mdw-theme(mdw-surface="card" value="black") Black
-              option.mdw-theme(mdw-surface="card" value="white") White
-              option.mdw-theme(mdw-surface="card" value="primary") Primary
-              option.mdw-theme(mdw-surface="card" value="secondary" selected) Secondary
-              option.mdw-theme(mdw-surface="card" value="warn") Warn
-              option.mdw-theme(mdw-surface="card" value="amber") Amber
-              option.mdw-theme(mdw-surface="card" value="blue") Blue
-              option.mdw-theme(mdw-surface="card" value="cyan") Cyan
-              option.mdw-theme(mdw-surface="card" value="red") Red
-              option.mdw-theme(mdw-surface="card" value="green") Green
-              option.mdw-theme(mdw-surface="card" value="deeppurple") Deeppurple
-              option.mdw-theme(mdw-surface="card" value="purple") Purple
-              option.mdw-theme(mdw-surface="card" value="yellow") Yellow
-              option.mdw-theme(mdw-surface="card" value="teal") Teal
-            .mdw-textfield__icon(mdw-dropdown)
-            .mdw-textfield__border
-              .mdw-textfield__outline-gap
-                .mdw-textfield__label Color
-          label.mdw-textfield.mdw-theme(mdw-ink="secondary" mdw-outlined)
-            select.mdw-textfield__input(name="ink-tone")
-              option.mdw-theme(mdw-surface="card" value="" selected) Auto
-              option.mdw-theme(mdw-surface="card" value="light") Light
-              option.mdw-theme(mdw-surface="card" value="contrast" selected) Contrast
-              option.mdw-theme(mdw-surface="card" value="A100") A100
-              option.mdw-theme(mdw-surface="card" value="A200") A200
-              option.mdw-theme(mdw-surface="card" value="A400") A400
-              option.mdw-theme(mdw-surface="card" value="A700") A700
-            .mdw-textfield__icon(mdw-dropdown)
-            .mdw-textfield__border
-              .mdw-textfield__outline-gap
-                .mdw-textfield__label Tone
-          label.mdw-textfield.mdw-theme(mdw-ink="secondary" mdw-outlined)
-            select.mdw-textfield__input(name="ink-opacity")
-              option.mdw-theme(mdw-surface="card" value="" selected) Auto
-              option.mdw-theme(mdw-surface="card" value="solid") Solid
-              option.mdw-theme(mdw-surface="card" value="high") High
-              option.mdw-theme(mdw-surface="card" value="medium") Medium
-              option.mdw-theme(mdw-surface="card" value="inactive") Inactive
-              option.mdw-theme(mdw-surface="card" value="divider") Divider
-            .mdw-textfield__icon(mdw-dropdown)
-            .mdw-textfield__border
-              .mdw-textfield__outline-gap
-                .mdw-textfield__label Opacity
-    .mdw-grid__item(mdw-colspan="2")
-      .mdw-grid__content
-        .mdw-type(mdw-style="subtitle") Surface
-        #color-page-options
-          label.mdw-textfield.mdw-theme(mdw-ink="secondary" mdw-outlined)
-            select.mdw-textfield__input(name="surface-color")
-              option.mdw-theme(mdw-surface="card" value="card") Card
-              option.mdw-theme(mdw-surface="card" value="binary" selected) Binary
-              option.mdw-theme(mdw-surface="card" value="black") Black
-              option.mdw-theme(mdw-surface="card" value="white") White
-              option.mdw-theme(mdw-surface="card" value="background") Background
-              option.mdw-theme(mdw-surface="card" value="primary") Primary
-              option.mdw-theme(mdw-surface="card" value="secondary") Secondary
-              option.mdw-theme(mdw-surface="card" value="warn") Warn
-              option.mdw-theme(mdw-surface="card" value="amber") Amber
-              option.mdw-theme(mdw-surface="card" value="blue") Blue
-              option.mdw-theme(mdw-surface="card" value="cyan") Cyan
-              option.mdw-theme(mdw-surface="card" value="red") Red
-              option.mdw-theme(mdw-surface="card" value="green") Green
-              option.mdw-theme(mdw-surface="card" value="deeppurple") Deeppurple
-              option.mdw-theme(mdw-surface="card" value="purple") Purple
-              option.mdw-theme(mdw-surface="card" value="yellow") Yellow
-              option.mdw-theme(mdw-surface="card" value="teal") Teal
-            .mdw-textfield__icon(mdw-dropdown)
-            .mdw-textfield__border
-              .mdw-textfield__outline-gap
-                .mdw-textfield__label Color
-          label.mdw-textfield.mdw-theme(mdw-ink="secondary" mdw-outlined)
-            select.mdw-textfield__input(name="surface-tone")
-              option.mdw-theme(mdw-surface="card" value="" selected) Default
-              option.mdw-theme(mdw-surface="card" value="alt") Alternate
-              option.mdw-theme(mdw-surface="card" value="50") 50
-              option.mdw-theme(mdw-surface="card" value="100") 100
-              option.mdw-theme(mdw-surface="card" value="200") 200
-              option.mdw-theme(mdw-surface="card" value="300") 300
-              option.mdw-theme(mdw-surface="card" value="400") 400
-              option.mdw-theme(mdw-surface="card" value="500") 500
-              option.mdw-theme(mdw-surface="card" value="600") 600
-              option.mdw-theme(mdw-surface="card" value="700") 700
-              option.mdw-theme(mdw-surface="card" value="800") 800
-              option.mdw-theme(mdw-surface="card" value="900") 900
-            .mdw-textfield__icon(mdw-dropdown)
-            .mdw-textfield__border
-              .mdw-textfield__outline-gap
-                .mdw-textfield__label Tone
-  script(src='color.min.js')

package/docs/pages/datatable.pug

@@ -1,283 +0,0 @@
-include ../_mixins.pug
-
-+header("datatable")
-  .mdw-grid(mdw-margin-top mdw-margin-bottom)
-    .mdw-grid__item(mdw-colspan="100%")
-      .mdw-card.mdw-theme(mdw-surface="card" mdw-border-ink)
-        .mdw-datatable.mdw-theme(mdw-ink="primary" style="overflow-x:auto")
-          table
-            caption Standard HTML Table (CSS Only)
-            thead
-              tr
-                th Dessert (100g serving)
-                th Calories
-                th Fat (g)
-                th Carbs (g)
-                th Protein (g)
-                th Sodium (mg)
-                th Calcium (%)
-                th Iron (%)
-            tbody
-              tr
-                td Frozen Yogurt
-                td 159
-                td 6.0
-                td 24
-                td 4.0
-                td 87
-                td 14%
-                td 1%
-              tr
-                td Ice cream sandwich
-                td 237
-                td 9.0
-                td 37
-                td 4.3
-                td 129
-                td 8%
-                td 1%
-              tr
-                td Eclair
-                td 262
-                td 16.0
-                td 24
-                td 6.0
-                td 337
-                td 6%
-                td 7%
-              tr
-                td Cupcake
-                td 305
-                td 3.7
-                td 67
-                td 4.3
-                td 413
-                td 3%
-                td 8%
-              tr
-                td Gingerbread
-                td 356
-                td 16.0
-                td 49
-                td 3.9
-                td 327
-                td 7%
-                td 16%
-              tr
-                td Jelly bean
-                td 375
-                td 0.0
-                td 94
-                td 0.0
-                td 50
-                td 0%
-                td 0%
-              tr
-                td Lollipop
-                td 392
-                td 0.2
-                td 98
-                td 0
-                td 38
-                td 0%
-                td 2%
-              tr
-                td Honeycomb
-                td 408
-                td 3.2
-                td 87
-                td 6.5
-                td 562
-                td 0%
-                td 45%
-              tr
-                td Donut
-                td 452
-                td 25.0
-                td 51
-                td 4.9
-                td 326
-                td 2%
-                td 22%
-              tr
-                td Kitkat
-                td 518
-                td 26.0
-                td 65
-                td 7
-                td 54
-                td 12%
-                td 6%
-    .mdw-grid__item(mdw-colspan="100%")
-      .mdw-card.mdw-theme(mdw-surface="card" mdw-border-ink)
-        .mdw-datatable.js.mdw-theme(mdw-ink="primary" mdw-cell-focusable)
-          .mdw-datatable__header
-            .mdw-datatable__header-text Customized HTML Table
-          .mdw-datatable__scroller
-            table
-              thead
-                tr
-                  th(aria-sort="none" mdw-text mdw-primary-column)
-                    span.mdw-datatable__sort-icon.material-icons arrow_downward
-                    span Dessert (100g serving)
-                  th(aria-sort="ascending" mdw-number)
-                    span.mdw-datatable__sort-icon.material-icons arrow_downward
-                    span.mdw-tooltip__wrapper
-                      span.mdw-tooltip__target Calories
-                      .mdw-tooltip.mdw-theme(mdw-surface="background 700" mdw-dark) The total amount of food energy in the given serving size.
-                  th(aria-sort="none" mdw-number)
-                    span.mdw-datatable__sort-icon.material-icons arrow_downward
-                    span Fat (g)
-                  th(aria-sort="none" mdw-number)
-                    span.mdw-datatable__sort-icon.material-icons arrow_downward
-                    span Carbs (g)
-                  th(aria-sort="none" mdw-number)
-                    span.mdw-datatable__sort-icon.material-icons arrow_downward
-                    span Protein (g)
-                  th(aria-sort="none" mdw-number)
-                    span.mdw-datatable__sort-icon.material-icons arrow_downward
-                    span Sodium (mg)
-                  th(aria-sort="none" mdw-number)
-                    span.mdw-datatable__sort-icon.material-icons arrow_downward
-                    span Calcium (%)
-                  th(aria-sort="none" mdw-number)
-                    span.mdw-datatable__sort-icon.material-icons arrow_downward
-                    span Iron (%)
-              tbody
-                tr
-                  td(mdw-text mdw-primary-column) Frozen Yogurt
-                  td(mdw-number) 159
-                  td(mdw-number) 6.0
-                  td(mdw-number) 24
-                  td(mdw-number) 4.0
-                  td(mdw-number) 87
-                  td(mdw-number) 14%
-                  td(mdw-number) 1%
-                tr
-                  td(mdw-text mdw-primary-column) Ice cream sandwich
-                  td(mdw-number) 237
-                  td(mdw-number) 9.0
-                  td(mdw-number) 37
-                  td(mdw-number) 4.3
-                  td(mdw-number) 129
-                  td(mdw-number) 8%
-                  td(mdw-number) 1%
-                tr
-                  td(mdw-text mdw-primary-column) Eclair
-                  td(mdw-number) 262
-                  td(mdw-number) 16.0
-                  td(mdw-number) 24
-                  td(mdw-number) 6.0
-                  td(mdw-number) 337
-                  td(mdw-number) 6%
-                  td(mdw-number) 7%
-                tr
-                  td(mdw-text mdw-primary-column) Cupcake
-                  td(mdw-number) 305
-                  td(mdw-number) 3.7
-                  td(mdw-number) 67
-                  td(mdw-number) 4.3
-                  td(mdw-number) 413
-                  td(mdw-number) 3%
-                  td(mdw-number) 8%
-                tr
-                  td(mdw-text mdw-primary-column) Gingerbread
-                  td(mdw-number) 356
-                  td(mdw-number) 16.0
-                  td(mdw-number) 49
-                  td(mdw-number) 3.9
-                  td(mdw-number) 327
-                  td(mdw-number) 7%
-                  td(mdw-number) 16%
-                tr
-                  td(mdw-text mdw-primary-column) Jelly bean
-                  td(mdw-number) 375
-                  td(mdw-number) 0.0
-                  td(mdw-number) 94
-                  td(mdw-number) 0.0
-                  td(mdw-number) 50
-                  td(mdw-number) 0%
-                  td(mdw-number) 0%
-                tr
-                  td(mdw-text mdw-primary-column) Lollipop
-                  td(mdw-number) 392
-                  td(mdw-number) 0.2
-                  td(mdw-number) 98
-                  td(mdw-number) 0
-                  td(mdw-number) 38
-                  td(mdw-number) 0%
-                  td(mdw-number) 2%
-                tr
-                  td(mdw-text mdw-primary-column) Honeycomb
-                  td(mdw-number) 408
-                  td(mdw-number) 3.2
-                  td(mdw-number) 87
-                  td(mdw-number) 6.5
-                  td(mdw-number) 562
-                  td(mdw-number) 0%
-                  td(mdw-number) 45%
-                tr
-                  td(mdw-text mdw-primary-column) Donut
-                  td(mdw-number) 452
-                  td(mdw-number) 25.0
-                  td(mdw-number) 51
-                  td(mdw-number) 4.9
-                  td(mdw-number) 326
-                  td(mdw-number) 2%
-                  td(mdw-number) 22%
-                tr
-                  td(mdw-text mdw-primary-column) Kitkat
-                  td(mdw-number) 518
-                  td(mdw-number) 26.0
-                  td(mdw-number) 65
-                  td(mdw-number) 7
-                  td(mdw-number) 54
-                  td(mdw-number) 12%
-                  td(mdw-number) 6%
-          .mdw-datatable__footer
-            .mdw-datatable__footer-options
-                span Rows per page
-                label.mdw-textfield(mdw-solo)
-                  select.mdw-textfield__input
-                    option.mdw-theme(mdw-surface="card" value="10") 10
-                    option.mdw-theme(mdw-surface="card" value="25") 25
-                    option.mdw-theme(mdw-surface="card" value="50") 50
-                    option.mdw-theme(mdw-surface="card" value="100") 100
-                  .mdw-textfield__icon(mdw-dropdown)
-            .mdw-datatable__footer-details 1-10 of 10
-            .mdw-datatable__footer-controls
-              +mdwButton({ icon:true, disabled:true }).material-icons chevron_left
-              +mdwButton({ icon: true, disabled:true }).material-icons chevron_right
-    .mdw-grid__item(mdw-colspan="100%")
-      .mdw-card.mdw-theme(mdw-surface="card" mdw-border-ink)
-        .mdw-datatable.js#dynamic-table.mdw-theme(mdw-ink="primary" mdw-row-focusable style="max-height:80vh")
-          .mdw-datatable__header
-            .mdw-datatable__header-text Data Table Adapter
-            .mdw-datatable__header-controls
-              .mdw-menu__wrapper
-                +mdwButton({ icon:true, ink:'primary' }).material-icons(mdw-overlay-default="medium" aria-pressed="false") filter_list
-                .mdw-menu(mdw-position="end")
-                  .mdw-menu__popup.mdw-theme(mdw-surface="card")
-                    .mdw-menu__item(aria-checked="true" data-filter="none")
-                      .mdw-menu__radio.mdw-theme.material-icons(mdw-ink="medium") check
-                      .mdw-menu__text No filter
-                    .mdw-menu__item(data-filter="md")
-                      .mdw-menu__radio.mdw-theme.material-icons(mdw-ink="medium") check
-                      .mdw-menu__text Contains 'md'
-                    .mdw-menu__item(data-filter="div9")
-                      .mdw-menu__radio.mdw-theme.material-icons(mdw-ink="medium") check
-                      .mdw-menu__text Random divisible by 9
-                    .mdw-menu__item(data-filter="bool")
-                      .mdw-menu__radio.mdw-theme.material-icons(mdw-ink="medium") check
-                      .mdw-menu__text bool is checked
-              .mdw-menu__wrapper
-                +mdwButton({ icon:true, ink:'medium' }).material-icons more_vert
-                .mdw-menu(mdw-position="end")
-                  .mdw-menu__popup.mdw-theme(mdw-surface="card")
-                    .mdw-menu__item(aria-checked="true" data-option="throttle")
-                      .mdw-menu__check.mdw-theme.material-icons(mdw-ink="medium") check
-                      .mdw-menu__text Throttle
-                    .mdw-menu__item(aria-checked="true" data-option="paginate")
-                      .mdw-menu__check.mdw-theme.material-icons(mdw-ink="medium") check
-                      .mdw-menu__text Paginate
-  script(src='datatable.min.js')

package/docs/pages/dialog.pug

@@ -1,132 +0,0 @@
-include ../../templates/index.pug
-include ../_mixins.pug
-
-+header("dialog")
-  .mdw-grid(mdw-margin-top mdw-margin-bottom mdw-stretch)
-    .mdw-grid__item(mdw-colspan="100%")
-      h5.mdw-type(mdw-baseline-next="36") Dialogs inform users about a specific task and may contain critical information, require decisions, or involve multiple tasks.
-      p.mdw-type Dialogs contain text and UI controls. They retain focus until dismissed or a required action has been taken. Use dialogs sparingly because they are interruptive.
-    .mdw-grid__item(mdw-colspan="4")
-      .mdw-grid__content
-        .component-sample
-          .component-sample__container
-            +mdwButton()(href="#sample-dialog") Open
-            .mdw-dialog#sample-dialog
-              a.mdw-dialog__close(href="#")
-              .mdw-dialog__popup.mdw-theme(mdw-surface="card")
-                .mdw-dialog__title Sample title
-                .mdw-dialog__body.mdw-theme(mdw-ink="medium") Sample body text
-                .mdw-dialog__button-area
-                  +mdwButton({ ink:'secondary' })(href="#") Agree
-                  +mdwButton({ ink:'secondary' })(href="#") Disagree
-    .mdw-grid__item(mdw-colspan="8")
-      .mdw-type(mdw-style="subtitle") Javascript
-      .docs-option-list
-        +mdwSelection({ink:'secondary', name:'javascript', type:'radio', value:'required'}) 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") Options
-      .docs-option-list
-        +mdwSelection({ink:'secondary', name:'stacked-buttons'}) Stacked Buttons
-      .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="100%")
-      h6.mdw-type HTML Code
-      .mdw-card.mdw-theme.component-code.component-html(mdw-surface="card" mdw-border-ink)
-    .mdw-grid__item(mdw-colspan="100%")
-      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")
-      .render
-        .display-flex.flex-1(flex-column style="position:relative")
-          +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
-                  +mdwButton({ icon:true }).mdw-tooltip__target.material-icons(mdw-more-button) more_vert
-                  .mdw-tooltip.mdw-theme(mdw-surface="background 700" mdw-dark) Options
-          .content(style="padding:16px 8px;")
-            h6.mdw-type Javascript
-            .display-flex(style="padding:16px 0").js
-              +mdwButton({ surface:'primary 500', dark:true, raised:true }) Chained
-              +mdwButton({ surface:'primary 500', dark:true, raised:true }) Input Autofocus
-            h6.mdw-type CSS-Only
-            .display-flex(style="padding:16px 0").js
-              +mdwButton({ surface:'primary 500', dark:true, raised:true })(href="#confirmdialog-titled")#titled-button Titled
-              +mdwButton({ surface:'primary 500', dark:true, raised:true })(href="#confirmdialog-text")#text-button Text
-              +mdwButton({ surface:'primary 500', dark:true, raised:true })(href="#dialog-scrolling")#scrolling-button Scrolling
-          .mdw-dialog#confirmdialog-titled
-            a.mdw-dialog__close(href="#titled-button")
-            .mdw-dialog__popup.mdw-theme(mdw-surface="card")
-              .mdw-dialog__title Use Google's location service?
-              .mdw-dialog__body.mdw-theme(mdw-ink="medium") Let Google help apps determine location. This means sending anonymous location data to Google, even when no apps are running.
-              .mdw-dialog__button-area
-                +mdwButton({ ink:'secondary' })(href="#titled-button") Agree
-                +mdwButton({ ink:'secondary' })(href="#titled-button") Disagree
-          .mdw-dialog#dialog-scrolling
-            a.mdw-dialog__close(href="#scrolling-button")
-            .mdw-dialog__popup.mdw-theme(mdw-surface="card")
-              .mdw-dialog__header
-                .mdw-dialog__title Dialog header
-              .mdw-divider.mdw-theme(mdw-border-ink="divider")
-              .mdw-dialog__scrolling
-                ul.mdw-list
-                  li.mdw-list__item
-                    a.mdw-list__content.mdw-overlay.mdw-ripple.mdw-theme(href='#scrolling-button' mdw-ink="default") Item 1
-                  li.mdw-list__item
-                    a.mdw-list__content.mdw-overlay.mdw-ripple.mdw-theme(href='#scrolling-button' mdw-ink="default") Item 2
-                  li.mdw-list__item
-                    a.mdw-list__content.mdw-overlay.mdw-ripple.mdw-theme(href='#scrolling-button' mdw-ink="default") Item 3
-                  li.mdw-list__item
-                    a.mdw-list__content.mdw-overlay.mdw-ripple.mdw-theme(href='#scrolling-button' mdw-ink="default") Item 4
-                  li.mdw-list__item
-                    a.mdw-list__content.mdw-overlay.mdw-ripple.mdw-theme(href='#scrolling-button' mdw-ink="default") Item 5
-                  li.mdw-list__item
-                    a.mdw-list__content.mdw-overlay.mdw-ripple.mdw-theme(href='#scrolling-button' mdw-ink="default") Item 6
-                  li.mdw-list__item
-                    a.mdw-list__content.mdw-overlay.mdw-ripple.mdw-theme(href='#scrolling-button' mdw-ink="default") Item 7
-                  li.mdw-list__item
-                    a.mdw-list__content.mdw-overlay.mdw-ripple.mdw-theme(href='#scrolling-button' mdw-ink="default") Item 8
-                  li.mdw-list__item
-                    a.mdw-list__content.mdw-overlay.mdw-ripple.mdw-theme(href='#scrolling-button' mdw-ink="default") Item 9
-              .mdw-divider.mdw-theme(mdw-border-ink="divider")
-              .mdw-dialog__button-area
-                +mdwButton({ ink:'secondary' })(href="#scrolling-button") Agree
-                +mdwButton({ ink:'secondary' })(href="#scrolling-button") Disagree
-          .mdw-dialog#confirmdialog-text
-            a.mdw-dialog__close(href="#text-button")
-            .mdw-dialog__popup.mdw-theme(mdw-surface="card")
-              .mdw-dialog__body.mdw-theme(mdw-ink="medium") Discard draft?
-              .mdw-dialog__button-area
-                +mdwButton({ ink:'secondary' })(href="#text-button") Discard
-                +mdwButton({ ink:'secondary' })(href="#text-button") Cancel
-          #dialog-textfield.mdw-dialog(mdw-width-units="5")
-            form.mdw-dialog__popup.mdw-theme(mdw-surface="card")
-              .mdw-dialog__header
-                .mdw-dialog__title Dialog Title
-              label.mdw-textfield.mdw-theme(mdw-ink="secondary" style="padding:0 24px")
-                .mdw-textfield__signifier.material-icons security
-                input.mdw-textfield__input(placeholder=" " name="input" mdw-autofocus)
-                .mdw-textfield__border
-                  .mdw-textfield__outline-gap
-                    .mdw-textfield__label Text Field Label
-                .mdw-textfield__error-text This field is required
-              .mdw-dialog__button-area
-                button.mdw-button.mdw-theme(mdw-ink="secondary" tabindex="0" type="submit") Change
-                button.mdw-button.mdw-theme(mdw-ink="secondary" tabindex="0" type="button") Cancel
-        +androidnavbar
-  script(src='dialog.min.js')

package/docs/pages/dom.pug

@@ -1,22 +0,0 @@
-include ../_mixins.pug
-
-+header("dom")
-  .mdw-grid(mdw-margin-top mdw-margin-bottom mdw-stretch)
-    .mdw-grid__item(mdw-colspan="6")
-      .mdw-grid__content.component-sample
-        .display-flex(style="flex:1;height:400px;max-height:400px;overflow-y:auto")
-          ul.mdw-list.mdw-theme(style="flex:1;width:100%;" mdw-surface="primary alt")
-
-    .mdw-grid__item(mdw-colspan="100%")
-      .mdw-type(mdw-style="subtitle") Optimizations
-      .docs-option-list
-        +mdwSelection({ink:'secondary', name:'fastMeasure', checked:true}) Fast Measure
-        +mdwSelection({ink:'secondary', name:'block', checked:true}) Block-level
-        +mdwSelection({ink:'secondary', name:'deferRender', checked:true}) Defer Render
-        +mdwSelection({ink:'secondary', name:'equalSize', checked:false}) Equal Size
-      .mdw-type(mdw-style="subtitle") Test Options
-      +mdwButton() Reset
-      +mdwButton() Remove #10
-      +mdwButton() Increment #50
-      +mdwButton() Resize #80
-  script(src='dom.min.js')