@shortfuse/materialdesignweb 0.2.0 → 0.5.0

package/docs/src/components/datatable.js

@@ -1,183 +0,0 @@
-import { Button } from '../../../components/button/index';
-import { DataTable } from '../../../components/datatable/index';
-import { Menu } from '../../../components/menu/index';
-import { setupMenuOptions } from '../menuoptions';
-import { DataTableAdapter } from '../../../adapters/datatable/index';
-
-/** @return {void} */
-function initializeMdwComponents() {
-  let components;
-  components = document.querySelectorAll('.mdw-datatable');
-  for (let i = 0; i < components.length; i += 1) {
-    DataTable.attach(components.item(i));
-  }
-  components = document.querySelectorAll('.mdw-button');
-  for (let i = 0; i < components.length; i += 1) {
-    Button.attach(components.item(i));
-  }
-  components = document.querySelectorAll('.mdw-menu');
-  for (let i = 0; i < components.length; i += 1) {
-    Menu.attach(components.item(i));
-  }
-}
-
-
-/** @type {DataTableAdapter} */
-let dynamicTableAdapter = null;
-/** @return {void} */
-function buildDynamicTable() {
-  const datasource = [];
-  let count = 1;
-  const addDatasourceObject = () => {
-    datasource.push({
-      text: Math.random().toString(36).substring(2),
-      text2: Math.random().toString(36).substring(2),
-      check1: Math.random() > 0.5,
-      increment: count,
-      random: Math.floor(Math.random() * 99999),
-    });
-    count += 1;
-  };
-  for (let i = 0; i < 256; i += 1) {
-    addDatasourceObject();
-  }
-
-  const datatable = document.getElementById('dynamic-table');
-  dynamicTableAdapter = new DataTableAdapter({ datatable, datasource });
-  dynamicTableAdapter.addColumn({
-    key: 'selected',
-    type: 'checkbox',
-    rowSelector: true,
-  });
-  dynamicTableAdapter.addColumn({
-    key: 'text',
-    name: 'Primary Column (full-width)',
-    primaryColumn: true,
-    sortable: true,
-    type: 'text',
-  });
-  dynamicTableAdapter.addColumn({
-    key: 'text2',
-    name: 'Text field',
-    sortable: true,
-    type: 'text',
-  });
-  dynamicTableAdapter.addColumn({
-    key: 'check1',
-    name: 'bool',
-    type: 'checkbox',
-    tooltip: 'Non-selection boolean value',
-    sortable: true,
-  });
-  dynamicTableAdapter.addColumn({
-    key: 'increment',
-    name: 'Increment',
-    type: 'number',
-    sortable: true,
-  });
-  dynamicTableAdapter.addColumn({
-    key: 'random',
-    name: 'Random',
-    sortable: true,
-    type: 'number',
-  });
-  dynamicTableAdapter.setUseLazyRendering(true);
-  dynamicTableAdapter.setPagination();
-  dynamicTableAdapter.refresh();
-  const buttons = dynamicTableAdapter.element.querySelectorAll('.mdw-datatable__header-controls .mdw-button');
-  const filterButton = buttons[0];
-  const optionsButton = buttons[1];
-  const menus = dynamicTableAdapter.element.querySelectorAll('.mdw-datatable__header-controls .mdw-menu');
-  const filterMenu = menus[0];
-  const optionsMenu = menus[1];
-
-  filterButton.addEventListener('click', (event) => {
-    Menu.show(filterMenu, event);
-  });
-  const filterMenuItems = filterMenu.querySelectorAll('.mdw-menu__item');
-  const noFilterMenuItem = filterMenuItems[0];
-  const mdFilterMenuItem = filterMenuItems[1];
-  const randomDivBy9MenuItem = filterMenuItems[2];
-  const checkedFilterMenuItem = filterMenuItems[3];
-
-  /**
-   * @param {NodeListOf<Element>} menuItems
-   * @param {number} checkedIndex
-   * @return {void}
-   */
-  function setMenuChecked(menuItems, checkedIndex) {
-    for (let i = 0; i < menuItems.length; i += 1) {
-      const menuItem = menuItems.item(i);
-      if (checkedIndex === i) {
-        menuItem.setAttribute('mdw-checked', '');
-      } else {
-        menuItem.removeAttribute('mdw-checked');
-      }
-    }
-  }
-  noFilterMenuItem.addEventListener('click', () => {
-    dynamicTableAdapter.setFilter(null);
-    dynamicTableAdapter.refresh();
-    Menu.hide(filterMenu);
-    setMenuChecked(filterMenuItems, 0);
-    filterButton.setAttribute('mdw-inactive', '');
-    filterButton.removeAttribute('mdw-active');
-  });
-  mdFilterMenuItem.addEventListener('click', () => {
-    dynamicTableAdapter.setFilter(data => data.text.indexOf('md') !== -1 || data.text2.indexOf('md') !== -1);
-    dynamicTableAdapter.refresh();
-    Menu.hide(filterMenu);
-    setMenuChecked(filterMenuItems, 1);
-    filterButton.setAttribute('mdw-active', '');
-    filterButton.removeAttribute('mdw-inactive');
-  });
-  randomDivBy9MenuItem.addEventListener('click', () => {
-    dynamicTableAdapter.setFilter(data => data.random % 9 === 0);
-    dynamicTableAdapter.refresh();
-    Menu.hide(filterMenu);
-    setMenuChecked(filterMenuItems, 2);
-    filterButton.setAttribute('mdw-active', '');
-    filterButton.removeAttribute('mdw-inactive');
-  });
-  checkedFilterMenuItem.addEventListener('click', () => {
-    dynamicTableAdapter.setFilter(data => data.check1);
-    dynamicTableAdapter.refresh();
-    Menu.hide(filterMenu);
-    setMenuChecked(filterMenuItems, 3);
-    filterButton.setAttribute('mdw-active', '');
-    filterButton.removeAttribute('mdw-inactive');
-  });
-
-  const menuItems = optionsMenu.querySelectorAll('.mdw-menu__item');
-  const throttleMenuItem = menuItems[0];
-  const paginateMenuItem = menuItems[1];
-  optionsButton.addEventListener('click', (event) => {
-    Menu.show(optionsMenu, event);
-  });
-  throttleMenuItem.addEventListener('click', () => {
-    if (throttleMenuItem.hasAttribute('mdw-checked')) {
-      dynamicTableAdapter.setUseLazyRendering(false);
-      throttleMenuItem.removeAttribute('mdw-checked');
-    } else {
-      dynamicTableAdapter.setUseLazyRendering(true);
-      throttleMenuItem.setAttribute('mdw-checked', '');
-    }
-    Menu.hide(optionsMenu);
-    dynamicTableAdapter.refresh();
-  });
-  paginateMenuItem.addEventListener('click', () => {
-    if (paginateMenuItem.hasAttribute('mdw-checked')) {
-      dynamicTableAdapter.setPagination({ disabled: true });
-      paginateMenuItem.removeAttribute('mdw-checked');
-    } else {
-      dynamicTableAdapter.setPagination();
-      paginateMenuItem.setAttribute('mdw-checked', '');
-    }
-    Menu.hide(optionsMenu);
-    dynamicTableAdapter.refresh();
-  });
-}
-
-initializeMdwComponents();
-setupMenuOptions();
-buildDynamicTable();

package/docs/src/components/datatable.pug

@@ -1,324 +0,0 @@
-include ../mixins.pug
-
-+header()
-  +navdrawer("datatable")
-    div(display="flex" flex-direction="column").mdw-theme-toolbar.js
-      .mdw-card.mdw-datatable(mdw-theme-color="primary" style="margin:16px")
-        table
-          caption Standard HTML Table
-          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-card.mdw-datatable(mdw-theme-color="primary" style="margin:16px" mdw-cell-focusable)
-        .mdw-datatable__header
-          .mdw-datatable__header-text Customized HTML Table
-        table
-          thead
-            tr
-              th(data-type="checkbox" mdw-selector)
-                label.mdw-selection
-                  input.mdw-selection__input(type="checkbox")
-                  .mdw-selection__icon
-              th(mdw-sortable data-type="text" mdw-primary-column)
-                .mdw-datatable__sort-icon.material-icons arrow_downward
-                span Dessert (100g serving)
-              th(mdw-sortable data-type="number" mdw-sorted='')
-                .mdw-datatable__sort-icon.material-icons arrow_downward
-                span.mdw-tooltip__wrapper
-                  span.mdw-tooltip__target Calories
-                  .mdw-tooltip The total amount of food energy in the given serving size.
-              th(mdw-sortable data-type="number")
-                .mdw-datatable__sort-icon.material-icons arrow_downward
-                span Fat (g)
-              th(mdw-sortable data-type="number")
-                .mdw-datatable__sort-icon.material-icons arrow_downward
-                span Carbs (g)
-              th(mdw-sortable data-type="number")
-                .mdw-datatable__sort-icon.material-icons arrow_downward
-                span Protein (g)
-              th(mdw-sortable data-type="number")
-                .mdw-datatable__sort-icon.material-icons arrow_downward
-                span Sodium (mg)
-              th(mdw-sortable data-type="number")
-                .mdw-datatable__sort-icon.material-icons arrow_downward
-                span.mdw-tooltip__wrapper
-                  span.mdw-tooltip__target Calcium (%)
-                  .mdw-tooltip The amount of calcium as a percentage of the recommended daily amount.
-              th(mdw-sortable data-type="number")
-                .mdw-datatable__sort-icon.material-icons arrow_downward
-                span Iron (%)
-          tbody
-            tr
-              td(data-type="checkbox" mdw-selector)
-                label.mdw-selection
-                  input.mdw-selection__input(type="checkbox")
-                  .mdw-selection__icon
-              td(data-type="text" mdw-primary-column) Frozen Yogurt
-              td(data-type="number") 159
-              td(data-type="number") 6.0
-              td(data-type="number") 24
-              td(data-type="number") 4.0
-              td(data-type="number") 87
-              td(data-type="number") 14%
-              td(data-type="number") 1%
-            tr
-              td(data-type="checkbox" mdw-selector)
-                label.mdw-selection
-                  input.mdw-selection__input(type="checkbox")
-                  .mdw-selection__icon
-              td(data-type="text" mdw-primary-column) Ice cream sandwich
-              td(data-type="number") 237
-              td(data-type="number") 9.0
-              td(data-type="number") 37
-              td(data-type="number") 4.3
-              td(data-type="number") 129
-              td(data-type="number") 8%
-              td(data-type="number") 1%
-            tr
-              td(data-type="checkbox" mdw-selector)
-                label.mdw-selection
-                  input.mdw-selection__input(type="checkbox")
-                  .mdw-selection__icon
-              td(data-type="text" mdw-primary-column) Eclair
-              td(data-type="number") 262
-              td(data-type="number") 16.0
-              td(data-type="number") 24
-              td(data-type="number") 6.0
-              td(data-type="number") 337
-              td(data-type="number") 6%
-              td(data-type="number") 7%
-            tr
-              td(data-type="checkbox" mdw-selector)
-                label.mdw-selection
-                  input.mdw-selection__input(type="checkbox")
-                  .mdw-selection__icon
-              td(data-type="text" mdw-primary-column) Cupcake
-              td(data-type="number") 305
-              td(data-type="number") 3.7
-              td(data-type="number") 67
-              td(data-type="number") 4.3
-              td(data-type="number") 413
-              td(data-type="number") 3%
-              td(data-type="number") 8%
-            tr
-              td(data-type="checkbox" mdw-selector)
-                label.mdw-selection
-                  input.mdw-selection__input(type="checkbox")
-                  .mdw-selection__icon
-              td(data-type="text" mdw-primary-column) Gingerbread
-              td(data-type="number") 356
-              td(data-type="number") 16.0
-              td(data-type="number") 49
-              td(data-type="number") 3.9
-              td(data-type="number") 327
-              td(data-type="number") 7%
-              td(data-type="number") 16%
-            tr
-              td(data-type="checkbox" mdw-selector)
-                label.mdw-selection
-                  input.mdw-selection__input(type="checkbox")
-                  .mdw-selection__icon
-              td(data-type="text" mdw-primary-column) Jelly bean
-              td(data-type="number") 375
-              td(data-type="number") 0.0
-              td(data-type="number") 94
-              td(data-type="number") 0.0
-              td(data-type="number") 50
-              td(data-type="number") 0%
-              td(data-type="number") 0%
-            tr
-              td(data-type="checkbox" mdw-selector)
-                label.mdw-selection
-                  input.mdw-selection__input(type="checkbox")
-                  .mdw-selection__icon
-              td(data-type="text" mdw-primary-column) Lollipop
-              td(data-type="number") 392
-              td(data-type="number") 0.2
-              td(data-type="number") 98
-              td(data-type="number") 0
-              td(data-type="number") 38
-              td(data-type="number") 0%
-              td(data-type="number") 2%
-            tr
-              td(data-type="checkbox" mdw-selector)
-                label.mdw-selection
-                  input.mdw-selection__input(type="checkbox")
-                  .mdw-selection__icon
-              td(data-type="text" mdw-primary-column) Honeycomb
-              td(data-type="number") 408
-              td(data-type="number") 3.2
-              td(data-type="number") 87
-              td(data-type="number") 6.5
-              td(data-type="number") 562
-              td(data-type="number") 0%
-              td(data-type="number") 45%
-            tr
-              td(data-type="checkbox" mdw-selector)
-                label.mdw-selection
-                  input.mdw-selection__input(type="checkbox")
-                  .mdw-selection__icon
-              td(data-type="text" mdw-primary-column) Donut
-              td(data-type="number") 452
-              td(data-type="number") 25.0
-              td(data-type="number") 51
-              td(data-type="number") 4.9
-              td(data-type="number") 326
-              td(data-type="number") 2%
-              td(data-type="number") 22%
-            tr
-              td(data-type="checkbox" mdw-selector)
-                label.mdw-selection
-                  input.mdw-selection__input(type="checkbox")
-                  .mdw-selection__icon
-              td(data-type="text" mdw-primary-column) Kitkat
-              td(data-type="number") 518
-              td(data-type="number") 26.0
-              td(data-type="number") 65
-              td(data-type="number") 7
-              td(data-type="number") 54
-              td(data-type="number") 12%
-              td(data-type="number") 6%
-        .mdw-datatable__footer
-          .mdw-datatable__footer-options
-              span Rows per page
-              label.mdw-textfield(mdw-solo)
-                select.mdw-textfield__input
-                  option(value="10") 10
-                  option(value="25") 25
-                  option(value="50") 50
-                  option(value="100") 100
-                .mdw-textfield__icon(mdw-dropdown)
-          .mdw-datatable__footer-details 1-10 of 10
-          .mdw-datatable__footer-controls
-            button.mdw-button.material-icons(mdw-icon disabled) chevron_left
-            button.mdw-button.material-icons(mdw-icon disabled) chevron_right
-      .mdw-card.mdw-datatable#dynamic-table(mdw-theme-color="primary" mdw-row-focusable
-      style="margin:16px;max-height:800px;overflow-y:auto")
-        .mdw-datatable__header
-          .mdw-datatable__header-text Dynamic Table
-          .mdw-datatable__header-controls
-            .mdw-menu__wrapper
-              button.mdw-button.material-icons(mdw-icon mdw-inactive mdw-theme-color="primary") filter_list
-              .mdw-menu(mdw-position="end")
-                .mdw-menu__popup
-                  .mdw-menu__item(mdw-checked)
-                    .mdw-menu__check.material-icons check
-                    .mdw-menu__text No filter
-                  .mdw-menu__item
-                    .mdw-menu__check.material-icons check
-                    .mdw-menu__text Contains 'md'
-                  .mdw-menu__item
-                    .mdw-menu__check.material-icons check
-                    .mdw-menu__text Random divisible by 9
-                  .mdw-menu__item
-                    .mdw-menu__check.material-icons check
-                    .mdw-menu__text bool is checked
-            .mdw-menu__wrapper
-              button.mdw-button.material-icons(mdw-icon) more_vert
-              .mdw-menu(mdw-position="end")
-                .mdw-menu__popup
-                  .mdw-menu__item(mdw-checked)
-                    .mdw-menu__check.material-icons check
-                    .mdw-menu__text Throttle
-                  .mdw-menu__item(mdw-checked)
-                    .mdw-menu__check.material-icons check
-                    .mdw-menu__text Paginate
-  script(src='datatable.min.js')

package/docs/src/components/dialog.pug

@@ -1,138 +0,0 @@
-include ../mixins.pug
-
-+header()
-  +navdrawer("dialog")
-    .mdw-layout(mdw-margin-top mdw-margin-bottom)
-      .mdw-layout__item(mdw-colspan="100%")
-        div
-          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-layout__item(mdw-colspan="4")
-        .component-sample
-          .component-sample__container
-            a.mdw-button(href="#sample-dialog") Open
-            .mdw-dialog#sample-dialog
-              a.mdw-dialog__close(href="#")
-              .mdw-dialog__popup
-                .mdw-dialog__title Sample title
-                .mdw-dialog__body Sample body text
-                .mdw-dialog__button-area
-                  a.mdw-button(mdw-theme-color="accent" href="#") Agree
-                  a.mdw-button(mdw-theme-color="accent" href="#") Disagree
-      .mdw-layout__item(mdw-colspan="8")
-        div
-          .mdw-type(mdw-style="subtitle") Javascript
-          div
-            label.mdw-selection(mdw-theme-color="accent" style="margin:16px 8px")
-              input.mdw-selection__input(type="radio" name="javascript" value="required")
-              .mdw-selection__icon
-              .mdw-selection__label Required
-            label.mdw-selection(mdw-theme-color="accent" style="margin:16px 8px")
-              input.mdw-selection__input(type="radio" name="javascript" value="optional" checked)
-              .mdw-selection__icon
-              .mdw-selection__label Optional
-            label.mdw-selection(mdw-theme-color="accent" style="margin:16px 8px")
-              input.mdw-selection__input(type="radio" name="javascript" value="none")
-              .mdw-selection__icon
-              .mdw-selection__label None
-          .mdw-type(mdw-style="subtitle") Options
-          div
-            label.mdw-selection(mdw-theme-color="accent" style="margin:16px 8px")
-              input.mdw-selection__input(type="checkbox" name="stacked-buttons")
-              .mdw-selection__icon
-              .mdw-selection__label Stacked Buttons
-          .mdw-type(mdw-style="subtitle") Width Units
-          div
-            label.mdw-selection(mdw-theme-color="accent" style="margin:16px 8px")
-              input.mdw-selection__input(type="radio" name="width" value="auto" checked)
-              .mdw-selection__icon
-              .mdw-selection__label Auto
-            label.mdw-selection(mdw-theme-color="accent" style="margin:16px 8px")
-              input.mdw-selection__input(type="radio" name="width" value="3")
-              .mdw-selection__icon
-              .mdw-selection__label 3
-            label.mdw-selection(mdw-theme-color="accent" style="margin:16px 8px")
-              input.mdw-selection__input(type="radio" name="width" value="4")
-              .mdw-selection__icon
-              .mdw-selection__label 4
-            label.mdw-selection(mdw-theme-color="accent" style="margin:16px 8px")
-              input.mdw-selection__input(type="radio" name="width" value="5")
-              .mdw-selection__icon
-              .mdw-selection__label 5
-            label.mdw-selection(mdw-theme-color="accent" style="margin:16px 8px")
-              input.mdw-selection__input(type="radio" name="width" value="6")
-              .mdw-selection__icon
-              .mdw-selection__label 6
-            label.mdw-selection(mdw-theme-color="accent" style="margin:16px 8px")
-              input.mdw-selection__input(type="radio" name="width" value="7")
-              .mdw-selection__icon
-              .mdw-selection__label 7
-      .mdw-layout__item(mdw-colspan="100%" style="max-height:0")
-      .mdw-layout__item(mdw-colspan="100%")
-        .display-flex(flex-column)
-          h6.mdw-type HTML Code
-          .mdw-card.component-code.component-html
-      .mdw-layout__item(mdw-colspan="100%")
-        .display-flex(flex-column)
-          h6.mdw-type Javascript Code
-          .mdw-card.component-code.component-js
-      .mdw-layout__item(mdw-colspan="100%")
-        h6.mdw-type Samples
-      .mdw-layout__item.display-flex(mdw-colspan="4" flex-justify-content="center")
-        .render
-          div.display-flex.flex-1(flex-column style="position:relative")
-            +androidstatusbar('primary-700 dark')
-            .mdw-toolbar(mdw-theme-fill="primary-500 dark")
-              .mdw-toolbar__action
-                .mdw-toolbar__start
-                  .mdw-tooltip__wrapper
-                    .mdw-tooltip__target.mdw-button(mdw-icon).material-icons menu
-                    .mdw-tooltip Menu
-                .mdw-toolbar__end
-                  .mdw-tooltip__wrapper
-                    .mdw-tooltip__target.mdw-button(mdw-icon mdw-more-button).material-icons more_vert
-                    .mdw-tooltip Options
-            .content(style="padding:16px 8px;")
-              a.mdw-button(mdw-theme-fill="primary dark" mdw-raised href="#confirmdialog-titled") Titled
-              a.mdw-button(mdw-theme-fill="primary dark" mdw-raised href="#confirmdialog-text") Text
-              a.mdw-button(mdw-theme-fill="primary dark" mdw-raised href="#dialog-scrolling") Scrolling
-              .display-flex(style="padding:16px 0").js
-                button.mdw-button(mdw-theme-fill="primary dark" mdw-raised) JS
-            .mdw-dialog#confirmdialog-titled
-              a.mdw-dialog__close(href="#")
-              .mdw-dialog__popup
-                .mdw-dialog__title Use Google's location service?
-                .mdw-dialog__body Let Google help apps determine location. This means sending anonymous location data to Google, even when no apps are running.
-                .mdw-dialog__button-area
-                  a.mdw-button(mdw-theme-color="accent" href="#") Agree
-                  a.mdw-button(mdw-theme-color="accent" href="#") Disagree
-            .mdw-dialog#dialog-scrolling
-              a.mdw-dialog__close(href="#")
-              .mdw-dialog__popup
-                .mdw-dialog__header
-                  .mdw-dialog__title Dialog header
-                .mdw-divider
-                .mdw-dialog__scrolling
-                  .mdw-list
-                    .mdw-list__item Item 1
-                    .mdw-list__item Item 2
-                    .mdw-list__item Item 3
-                    .mdw-list__item Item 4
-                    .mdw-list__item Item 5
-                    .mdw-list__item Item 6
-                    .mdw-list__item Item 7
-                    .mdw-list__item Item 8
-                    .mdw-list__item Item 9
-                .mdw-divider
-                .mdw-dialog__button-area
-                  a.mdw-button(mdw-theme-color="accent" href="#") Agree
-                  a.mdw-button(mdw-theme-color="accent" href="#") Disagree
-            .mdw-dialog#confirmdialog-text
-              a.mdw-dialog__close(href="#")
-              .mdw-dialog__popup
-                .mdw-dialog__body Discard draft?
-                .mdw-dialog__button-area
-                  a.mdw-button(mdw-theme-color="accent" href="#") Discard
-                  a.mdw-button(mdw-theme-color="accent" href="#") Cancel
-          +androidnavbar
-  script(src='dialog.min.js')

package/docs/src/components/elevation.js

@@ -1,3 +0,0 @@
-import { setupMenuOptions } from '../menuoptions';
-
-setupMenuOptions();

package/docs/src/components/elevation.pug

@@ -1,17 +0,0 @@
-include ../mixins.pug
-
-+header()
-  +navdrawer("elevation")
-    .comparison
-      .display-flex.flex-wrap.flex-1(flex-justify-content="center" flex-align-items="center")
-        div(style="margin:32px;padding:24px" mdw-elevation=1) 1dp elevation
-        div(style="margin:32px;padding:24px" mdw-elevation=2) 2dp elevation
-        div(style="margin:32px;padding:24px" mdw-elevation=3) 3dp elevation
-        div(style="margin:32px;padding:24px" mdw-elevation=4) 4dp elevation
-        div(style="margin:32px;padding:24px" mdw-elevation=6) 6dp elevation
-        div(style="margin:32px;padding:24px" mdw-elevation=8) 8dp elevation
-        div(style="margin:32px;padding:24px" mdw-elevation=9) 9dp elevation
-        div(style="margin:32px;padding:24px" mdw-elevation=12) 12dp elevation
-        div(style="margin:32px;padding:24px" mdw-elevation=16) 16dp elevation
-        div(style="margin:32px;padding:24px" mdw-elevation=24) 24dp elevation
-  script(src='elevation.min.js')