@shortfuse/materialdesignweb 0.0.9 → 0.4.0

package/docs/src/core/list.pug

@@ -1,246 +0,0 @@
-include ../mixins.pug
-
-+header()
-  +navdrawer("list")
-    #horizontalLine
-    #verticalLineLeft
-    #verticalLineRight
-    .comparison.mdw-theme-list
-      .render
-        +androidstatusbar('primary-700 dark')
-        +toolbar('primary-500 dark', ['menu'], ['more_vert']) Topics
-        .content(mdw-theme-fill="background-50 light" style="padding-top:2px")
-          ul.mdw-list
-            li.mdw-list__item Attractions
-            li.mdw-list__item Dining
-            li.mdw-list__item Education
-            li.mdw-list__item Family
-            li.mdw-list__item Health
-            li.mdw-list__item Office
-            li.mdw-list__item Promotions
-            li.mdw-list__item Radio
-            li.mdw-list__item Recipes
-            li.mdw-list__item Sports
-            li.mdw-list__item Travel
-        +androidnavbar
-      +target('https://storage.googleapis.com/material-design/publish/material_v_12/assets/0Bzhp5Z4wHba3V2tZaHMwSXZuS2s/components-lists-keylines-single3.png')
-
-    .comparison.mdw-theme-list
-      .render
-        +androidstatusbar('primary-700 dark')
-        +toolbar('primary-500 dark', ['menu'], ['more_vert']) Topics
-        .content(mdw-theme-fill="background-50 light" style="padding-top:2px")
-          ul.mdw-list(mdw-divider)
-            li.mdw-list__item
-              .mdw-list__text Attractions
-            li.mdw-list__item
-              .mdw-list__text Dining
-            li.mdw-list__item
-              .mdw-list__text Education
-            li.mdw-list__item 
-              .mdw-list__text Family
-            li.mdw-list__item 
-              .mdw-list__text Health
-            li.mdw-list__item 
-              .mdw-list__text Office
-            li.mdw-list__item 
-              .mdw-list__text Promotions
-            li.mdw-list__item 
-              .mdw-list__text Radio
-            li.mdw-list__item 
-              .mdw-list__text Recipes
-            li.mdw-list__item 
-              .mdw-list__text Sports
-            li.mdw-list__item 
-              .mdw-list__text Travel
-        +androidnavbar
-      +target('https://storage.googleapis.com/material-design/publish/material_v_12/assets/0Bzhp5Z4wHba3V2tZaHMwSXZuS2s/components-lists-keylines-single3.png')
-
-
-    .comparison.mdw-theme-list
-      .render
-        +androidstatusbar('primary-700 dark')
-        +toolbar('primary-500 dark', ['menu'], ['more_vert']) Topics
-        .content(mdw-theme-fill="background-50 light" style="padding-top:2px")
-          ul.mdw-list
-            li.mdw-list__item Attractions
-              .mdw-list__icon.material-icons local_activity
-            li.mdw-list__item Dining
-              .mdw-list__icon.material-icons local_dining
-            li.mdw-list__item Education
-              .mdw-list__icon.material-icons school
-            li.mdw-list__item Family
-              .mdw-list__icon.material-icons people
-            li.mdw-list__item Health
-              .mdw-list__icon.material-icons healing
-            li.mdw-list__item Office
-              .mdw-list__icon.material-icons business
-            li.mdw-list__item Promotions
-              .mdw-list__icon.material-icons local_offer
-            li.mdw-list__item Radio
-              .mdw-list__icon.material-icons radio
-            li.mdw-list__item Recipes
-              .mdw-list__icon.material-icons book
-            li.mdw-list__item Sports
-              .mdw-list__icon.material-icons stars
-            li.mdw-list__item Travel
-              .mdw-list__icon.material-icons local_airport
-        +androidnavbar
-      +target('https://storage.googleapis.com/material-design/publish/material_v_12/assets/0Bzhp5Z4wHba3ZnVLdzRHZ3FsSjQ/components-lists-keylines-single6.png')
-
-    .comparison.mdw-theme-list
-      .render
-        +androidstatusbar('accent-700 dark')
-        +toolbar('accent-500 dark', ['menu'], ['search']) Inbox
-        .content(mdw-theme-fill="background-50 light")
-          ul.mdw-list(mdw-divider)
-            li.mdw-list__subheader Today
-            li.mdw-list__item
-              .mdw-list__avatar.material-icons(style="font-size:48px") 
-              .mdw-list__text
-                .mdw-list__text-line Brunch this weekend?
-                .mdw-list__text-line Ali Connors 
-                  span  — I'll be in your neighborhood doing errands this weekend. Do you want to meet?
-            li.mdw-list__item
-              .mdw-list__avatar.material-icons(style="font-size:48px") 
-              .mdw-list__text
-                .mdw-list__text-line Summer BBQ
-                  span  4
-                .mdw-list__text-line to Alex, Scott, Jennifer
-                  span  — Wish I could come. but I'm out of town this weekend.
-            li.mdw-list__item
-              .mdw-list__avatar.material-icons(style="font-size:48px") 
-              .mdw-list__text
-                .mdw-list__text-line Oui oui
-                .mdw-list__text-line Sandra Adams
-                  span  — Do you have Paris recommendations? Have you ever been?
-            li.mdw-list__item
-              .mdw-list__avatar.material-icons(style="font-size:48px") 
-              .mdw-list__text
-                .mdw-list__text-line Birthday gift
-                .mdw-list__text-line Trevor Hansen
-                  span  — Have any ideas about what we should get Heidi for her birthday?
-            li.mdw-list__item
-              .mdw-list__avatar.material-icons(style="font-size:48px") 
-              .mdw-list__text
-                .mdw-list__text-line Recipe to try
-                .mdw-list__text-line Britta Holt
-                  span  — We should eat this: Grated Squash, Corn, and tomatillo Tacos J
-            li.mdw-list__item
-              .mdw-list__avatar.material-icons(style="font-size:48px") 
-              .mdw-list__text
-                .mdw-list__text-line Giants game
-                .mdw-list__text-line David Park
-                  span  — Any interest in seeing
-            li.mdw-list__item
-              .mdw-list__avatar.material-icons(style="font-size:48px") 
-              .mdw-list__text
-                .mdw-list__text-line Montauk weekend
-                .mdw-list__text-line -----
-        +androidnavbar
-      +target('https://storage.googleapis.com/material-design/publish/material_v_12/assets/0B6Okdz75tqQsWGQ4OWVWREpLNkU/components-lists-keylines-two8.png')
-
-    .comparison.mdw-theme-list
-      .render
-        +androidstatusbar('accent-700 dark')
-        +toolbar('accent-500 dark', ['menu'], ['search']) Inbox
-        .content(mdw-theme-fill="background-50 light")
-          ul.mdw-list(mdw-divider mdw-rows=3)
-            li.mdw-list__subheader Today
-            li.mdw-list__item
-              .mdw-list__avatar.material-icons(style="font-size:48px") 
-              .mdw-list__text
-                .mdw-list__text-line Brunch this weekend?
-                .mdw-list__text-block Ali Connors 
-                  span  — I'll be in your neighborhood doing errands this weekend. Do you want to meet?
-            li.mdw-list__item
-              .mdw-list__avatar.material-icons(style="font-size:48px") 
-              .mdw-list__text
-                .mdw-list__text-line Summer BBQ
-                  span  4
-                .mdw-list__text-block to Alex, Scott, Jennifer
-                  span  — Wish I could come. but I'm out of town this weekend.
-            li.mdw-list__item
-              .mdw-list__avatar.material-icons(style="font-size:48px") 
-              .mdw-list__text
-                .mdw-list__text-line Oui oui
-                .mdw-list__text-block Sandra Adams
-                  span  — Do you have Paris recommendations? Have you ever been?
-            li.mdw-list__item
-              .mdw-list__avatar.material-icons(style="font-size:48px") 
-              .mdw-list__text
-                .mdw-list__text-line Birthday gift
-                .mdw-list__text-block Trevor Hansen
-                  span  — Have any ideas about what we should get Heidi for her birthday?
-            li.mdw-list__item
-              .mdw-list__avatar.material-icons(style="font-size:48px") 
-              .mdw-list__text
-                .mdw-list__text-line Recipe to try
-                .mdw-list__text-block Britta Holt
-                  span  — We should eat this: Grated Squash, Corn, and tomatillo Tacos J
-            li.mdw-list__item
-              .mdw-list__avatar.material-icons(style="font-size:48px") 
-              .mdw-list__text
-                .mdw-list__text-line Giants game
-                .mdw-list__text-block David Park
-                  span  — Any interest in seeing
-            li.mdw-list__item
-              .mdw-list__avatar.material-icons(style="font-size:48px") 
-              .mdw-list__text
-                .mdw-list__text-line Montauk weekend
-                .mdw-list__text-block -----
-        +androidnavbar
-      +target('https://storage.googleapis.com/material-design/publish/material_v_12/assets/0B6Okdz75tqQsTll3U0dBTFByeUU/components-lists-keylines6.png')
-
-
-    .comparison.mdw-theme-list.js
-      .render
-        +androidstatusbar('warn-700 dark')
-        +toolbar('warn-500 dark', ['menu'], ['search', 'check_circle']) Inbox (with JS)
-        .content(mdw-theme-fill="background-50 light")
-          ul.mdw-list(mdw-divider mdw-rows=3)
-            li.mdw-list__item
-              .mdw-list__avatar.material-icons(style="font-size:48px") 
-              .mdw-list__text
-                .mdw-list__text-line Ali Connors
-                .mdw-list__text-line Brunch this weekend?
-                .mdw-list__text-line I'll be in your neighborhood doing errands this weekend. Do you want to meet?
-            li.mdw-list__item
-              .mdw-list__avatar.material-icons(style="font-size:48px") 
-              .mdw-list__text
-                .mdw-list__text-line me, Scott, Jennifer
-                .mdw-list__text-line Summer BBQ
-                .mdw-list__text-line Wish I could come. but I'm out of town this weekend.
-            li.mdw-list__item
-              .mdw-list__avatar.material-icons(style="font-size:48px") 
-              .mdw-list__text
-                .mdw-list__text-line Sandra Adams
-                .mdw-list__text-line Oui oui
-                .mdw-list__text-line Do you have Paris recommendations? Have you ever been?
-            li.mdw-list__item
-              .mdw-list__avatar.material-icons(style="font-size:48px") 
-              .mdw-list__text
-                .mdw-list__text-line Trevor Hansen
-                .mdw-list__text-line Order Confirmation
-                .mdw-list__text-line Thank you for your recent order from Google.
-            li.mdw-list__item
-              .mdw-list__avatar.material-icons(style="font-size:48px") 
-              .mdw-list__text
-                .mdw-list__text-line Britta Holt
-                .mdw-list__text-line Recipe to try
-                .mdw-list__text-line We should eat this: Grated Squash, Corn, and tomatillo Tacos J
-            li.mdw-list__item
-              .mdw-list__avatar.material-icons(style="font-size:48px") 
-              .mdw-list__text
-                .mdw-list__text-line David Park
-                .mdw-list__text-line Giants game
-                .mdw-list__text-line Any interest in seeing
-            li.mdw-list__item
-              .mdw-list__avatar.material-icons(style="font-size:48px") 
-              .mdw-list__text
-                .mdw-list__text-line Montauk weekend
-                .mdw-list__text-line -----
-                .mdw-list__text-line -----
-        +androidnavbar
-      +target('https://storage.googleapis.com/material-design/publish/material_v_12/assets/0B6Okdz75tqQsdFNSZ1kzeXBfR1U/components-lists-keylines-three11.png')
-  script(src='list.min.js')

package/docs/src/core/menu.js

@@ -1,33 +0,0 @@
-import setupImageTargets from '../targetHandler';
-import { Menu, MenuItem } from '../../../components/core/menu/index';
-
-const componentMap = new WeakMap();
-
-/** @return {void} */
-function initializeMdwComponents() {
-  let components;
-  components = document.querySelectorAll('.js .mdw-menu');
-  for (let i = 0; i < components.length; i += 1) {
-    componentMap.set(components[i], new Menu(components[i]));
-  }
-
-  components = document.querySelectorAll('.js .mdw-menu__item');
-  for (let i = 0; i < components.length; i += 1) {
-    componentMap.set(components[i], new MenuItem(components[i]));
-  }
-}
-
-/** @return {void} */
-function setupJSButton() {
-  const button = document.querySelector('.js .mdw-button');
-  const menu = document.querySelector('.js .mdw-menu');
-  button.addEventListener('click', () => {
-    const mdwMenu = componentMap.get(menu);
-    mdwMenu.show();
-  });
-}
-
-initializeMdwComponents();
-setupImageTargets();
-setupJSButton();
-

package/docs/src/core/menu.pug

@@ -1,108 +0,0 @@
-include ../mixins.pug
-
-+header()
-  +navdrawer("menu")
-    #horizontalLine
-    #verticalLineLeft
-    #verticalLineRight
-    .comparison
-      .render
-        +androidstatusbar('primary-700 dark')
-        .mdw-toolbar(mdw-theme-fill="primary-500 dark")
-          .mdw-toolbar__action
-            .mdw-toolbar__start
-              .mdw-tooltip__wrapper
-                .mdw-button(mdw-icon).material-icons menu
-                .mdw-tooltip Menu
-            .mdw-toolbar__end
-              .mdw-tooltip__wrapper.mdw-menu__wrapper
-                a.mdw-button(mdw-icon mdw-more-button href="#moremenu").material-icons more_vert
-                .mdw-menu#moremenu(mdw-position="top right" mdw-width-units="3" mdw-theme-fill="light")
-                  a.mdw-menu__close(href="#")
-                  .mdw-menu__text Refresh
-                  .mdw-menu__text Settings
-                  .mdw-menu__text Send feedback
-                  .mdw-menu__text Help
-                  .mdw-menu__text Signout
-                .mdw-tooltip Options
-        .content(mdw-theme-fill="background-50 light" style="padding:16px 8px")
-          .mdw-menu__wrapper
-            a.mdw-button(mdw-theme-fill="primary dark" mdw-raised href="#textmenu") Text
-            .mdw-menu#textmenu
-              a.mdw-menu__close(href="#")
-              .mdw-menu__text Maps
-              .mdw-menu__text Books
-              .mdw-menu__text Flights
-              .mdw-menu__text Apps
-          .mdw-menu__wrapper
-            a.mdw-button(mdw-theme-fill="primary dark" mdw-raised href="#checkmenu") Checks
-            .mdw-menu#checkmenu
-              a.mdw-menu__close(href="#")
-              .mdw-menu__item
-                .mdw-menu__check
-                .mdw-menu__text Maps
-              .mdw-menu__item
-                .mdw-menu__check(checked)
-                .mdw-menu__text Books
-              .mdw-menu__item
-                .mdw-menu__check(checked)
-                .mdw-menu__text Flights
-              .mdw-menu__item
-                .mdw-menu__check
-                .mdw-menu__text Apps
-          div(style="height:400px")
-          .mdw-menu__wrapper
-            a.mdw-button(mdw-theme-fill="primary dark" mdw-raised href="#infomenu") Info
-            .mdw-menu#infomenu(mdw-width-units=4 mdw-position="bottom")
-              a.mdw-menu__close(href="#")
-              .mdw-menu__item
-                .mdw-menu__check
-                .mdw-menu__text Bold
-                .mdw-menu__info ⌘B
-              .mdw-menu__item
-                .mdw-menu__check(checked)
-                .mdw-menu__text Italic
-                .mdw-menu__info ⌘I
-              .mdw-menu__item
-                .mdw-menu__check(checked)
-                .mdw-menu__text Underline
-                .mdw-menu__info ⌘U
-              .mdw-menu__item
-                .mdw-menu__check(checked)
-                .mdw-menu__text Flights
-              .mdw-menu__item
-                .mdw-menu__check
-                .mdw-menu__text Apps
-          .mdw-menu__wrapper
-            a.mdw-button(mdw-theme-fill="primary dark" mdw-raised href="#iconmenu") Icons
-            .mdw-menu#iconmenu(mdw-width-units=4 mdw-position="bottom")
-              a.mdw-menu__close(href="#")
-              .mdw-menu__item
-                .mdw-menu__icon.material-icons format_bold
-                .mdw-menu__text Bold
-                .mdw-menu__info ⌘B
-              .mdw-menu__item
-                .mdw-menu__icon.material-icons format_italic
-                .mdw-menu__text Italic
-                .mdw-menu__info ⌘I
-              .mdw-menu__item
-                .mdw-menu__icon.material-icons format_underline
-                .mdw-menu__text Underline
-                .mdw-menu__info ⌘U
-          .mdw-menu__wrapper.js
-            .mdw-button(mdw-theme-fill="primary dark" mdw-raised) JS
-            .mdw-menu#iconmenu(mdw-width-units=4 mdw-position="bottom end")
-              .mdw-menu__item
-                .mdw-menu__icon.material-icons format_bold
-                .mdw-menu__text Bold
-                .mdw-menu__info ⌘B
-              .mdw-menu__item
-                .mdw-menu__icon.material-icons format_italic
-                .mdw-menu__text Italic
-                .mdw-menu__info ⌘I
-              .mdw-menu__item
-                .mdw-menu__icon.material-icons format_underline
-                .mdw-menu__text Underline
-                .mdw-menu__info ⌘U
-      +target('https://storage.googleapis.com/material-design/publish/material_v_12/assets/0Bzhp5Z4wHba3RktrSGVxbkhFaTg/components-menus-usage2.png')
-  script(src='menu.min.js')

package/docs/src/core/progress.js

@@ -1,11 +0,0 @@
-import { ProgressCircle } from '../../../components/core/progress/index';
-
-/** @return {void} */
-function setupProgressCircleInterval() {
-  const sampleProgressCircle = new ProgressCircle(document.querySelector('.mdw-progress-circle[mdw-determinate]'));
-  setInterval(() => {
-    sampleProgressCircle.setValue(Math.random() * 100);
-  }, 2500);
-}
-
-setupProgressCircleInterval();

package/docs/src/core/progress.pug

@@ -1,17 +0,0 @@
-include ../mixins.pug
-
-+header()
-  +navdrawer("progress")
-    .comparison.clipped-300.js
-      .render.mdw-theme-progress
-        .content.display-flex(mdw-theme-fill="background-100 light")
-          .flex-1.display-flex(flex-justify-content="center" flex-align-items="center")
-            .mdw-progress-circle(mdw-theme-color="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-color="accent-A700" 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/src/core/selection.js

@@ -1,4 +0,0 @@
-import setupImageTargets from '../targetHandler';
-
-setupImageTargets();
-

package/docs/src/core/selection.pug

@@ -1,92 +0,0 @@
-include ../mixins.pug
-
-+header()
-  +navdrawer("selection")
-    #horizontalLine
-    #verticalLineLeft
-    #verticalLineRight
-    .comparison.mdw-theme-selection
-      .render
-        +androidstatusbar('accent-700 dark')
-        .mdw-toolbar(mdw-theme-fill="accent-500 dark")
-          .mdw-toolbar__action
-            .mdw-toolbar__title Title
-        .content(mdw-theme-fill="background-50 light" style="padding-top:7px")
-          ul.mdw-list
-            li.mdw-list__subheader Switch
-            li.mdw-list__item
-              .mdw-list__text Android Switch On
-              .mdw-list__secondary
-                label.mdw-switch
-                  input(type="checkbox")
-                  .mdw-switch__icon
-            li.mdw-list__item
-              .mdw-list__text Android Switch Off
-              .mdw-list__secondary
-                label.mdw-switch
-                  input.mdw-switch__input(type="checkbox")
-                  .mdw-switch__icon
-          ul.mdw-list
-            li.mdw-list__subheader Single check
-            label.mdw-list__item(mdw-ripple)
-              .mdw-ripple
-                .mdw-ripple__inner
-              .mdw-list__text Option 1
-              .mdw-list__secondary
-                .mdw-selection(mdw-theme-color="accent-700")
-                  input.mdw-selection__input(type="radio" name="selectiontest" checked)
-                  .mdw-selection__icon
-            label.mdw-list__item(mdw-ripple)
-              .mdw-ripple
-                .mdw-ripple__inner
-              .mdw-list__text Option 2
-              .mdw-list__secondary
-                .mdw-selection(mdw-theme-color="primary-700")
-                  input.mdw-selection__input(type="radio" name="selectiontest")
-                  .mdw-selection__icon
-          ul.mdw-list
-            li.mdw-list__subheader Multiple check
-            label.mdw-list__item(mdw-ripple)
-              .mdw-ripple
-                .mdw-ripple__inner
-              .mdw-list__text Option 1
-              .mdw-list__secondary
-                .mdw-selection(mdw-theme-color="accent-A400")
-                  input.mdw-selection__input(type="checkbox" checked)
-                  .mdw-selection__icon
-            label.mdw-list__item(mdw-ripple)
-              .mdw-ripple
-                .mdw-ripple__inner
-              .mdw-list__text Option 2
-              .mdw-list__secondary
-                .mdw-selection(mdw-theme-color="primary-700")
-                  input.mdw-selection__input(type="checkbox" checked)
-                  .mdw-selection__icon
-            label.mdw-list__item(mdw-ripple)
-              .mdw-ripple
-                .mdw-ripple__inner
-              .mdw-list__text Option 3
-              .mdw-list__secondary
-                .mdw-selection(mdw-theme-color="warn")
-                  input.mdw-selection__input(type="checkbox")
-                  .mdw-selection__icon
-      +target('https://storage.googleapis.com/material-design/publish/material_v_12/assets/0B57Y8yNEHsZPQXRHTEpLc0JXVnM/material-design.platform-adaptation-control-1.png')
-
-    .comparison.mdw-theme-selection
-      .render
-        +androidstatusbar('accent-700 dark')
-        .mdw-toolbar(mdw-theme-fill="accent-500 dark")
-          .mdw-toolbar__action
-            .mdw-toolbar__title Title
-        .content(mdw-theme-fill="background-50 light")
-          div.display-flex(style="padding:16px")
-            label.mdw-selection(mdw-theme-color="primary-700")
-              .mdw-selection__label Prefixed
-              input.mdw-selection__input(type="checkbox" checked)
-              .mdw-selection__icon
-          div.display-flex(style="padding:16px")
-            label.mdw-selection(mdw-theme-color="accent-A700")
-              input.mdw-selection__input(type="checkbox" checked)
-              .mdw-selection__icon
-              .mdw-selection__label Suffixed
-  script(src='selection.min.js')

package/docs/src/core/tab.js

@@ -1,21 +0,0 @@
-import setupImageTargets from '../targetHandler';
-import { Tab, TabItem } from '../../../components/core/tab/index';
-
-const componentMap = new WeakMap();
-
-/** @return {void} */
-function initializeMdwComponents() {
-  let components;
-  components = document.querySelectorAll('.js .mdw-tab');
-  for (let i = 0; i < components.length; i += 1) {
-    componentMap.set(components[i], new Tab(components[i]));
-  }
-
-  components = document.querySelectorAll('.js .mdw-tab__item');
-  for (let i = 0; i < components.length; i += 1) {
-    componentMap.set(components[i], new TabItem(components[i]));
-  }
-}
-
-initializeMdwComponents();
-setupImageTargets();