@shortfuse/materialdesignweb 0.0.9 → 0.4.0

package/docs/menu.min.js

@@ -1,370 +0,0 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, {
-/******/ 				configurable: false,
-/******/ 				enumerable: true,
-/******/ 				get: getter
-/******/ 			});
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "";
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 24);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ 0:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var crosshairs = {};
-var vOffset = 0;
-var hOffset = 0;
-
-Object.defineProperty(crosshairs, 'vOffset', {
-  enumerable: true,
-  configurable: false,
-  get: function get() {
-    return vOffset;
-  },
-  set: function set(val) {
-    vOffset = val;
-    document.getElementById('verticalLineLeft').style.left = val + 'px';
-    document.getElementById('verticalLineRight').style.left = val + 'px';
-  }
-});
-
-Object.defineProperty(crosshairs, 'hOffset', {
-  enumerable: true,
-  configurable: false,
-  get: function get() {
-    return hOffset;
-  },
-  set: function set(val) {
-    hOffset = val;
-    document.getElementById('horizontalLine').style.top = val + 'px';
-  }
-});
-
-/**
- * @param {MouseEvent} event
- * @return {void}
- */
-function onTemplateImageClick(event) {
-  document.getElementById('horizontalLine').style.top = event.clientY + 'px';
-  document.getElementById('verticalLineLeft').style.left = event.layerX + 'px';
-  document.getElementById('verticalLineRight').style.left = event.clientX + 'px';
-}
-
-/** @return {void} */
-function setupImageTargets() {
-  var targets = document.getElementsByClassName('target');
-  for (var i = 0; i < targets.length; i += 1) {
-    targets[i].addEventListener('click', onTemplateImageClick);
-  }
-}
-
-exports.default = setupImageTargets;
-
-/***/ }),
-
-/***/ 24:
-/***/ (function(module, exports, __webpack_require__) {
-
-__webpack_require__(25);
-module.exports = __webpack_require__(27);
-
-
-/***/ }),
-
-/***/ 25:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var _targetHandler = __webpack_require__(0);
-
-var _targetHandler2 = _interopRequireDefault(_targetHandler);
-
-var _index = __webpack_require__(26);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var componentMap = new WeakMap();
-
-/** @return {void} */
-function initializeMdwComponents() {
-  var components = void 0;
-  components = document.querySelectorAll('.js .mdw-menu');
-  for (var i = 0; i < components.length; i += 1) {
-    componentMap.set(components[i], new _index.Menu(components[i]));
-  }
-
-  components = document.querySelectorAll('.js .mdw-menu__item');
-  for (var _i = 0; _i < components.length; _i += 1) {
-    componentMap.set(components[_i], new _index.MenuItem(components[_i]));
-  }
-}
-
-/** @return {void} */
-function setupJSButton() {
-  var button = document.querySelector('.js .mdw-button');
-  var menu = document.querySelector('.js .mdw-menu');
-  button.addEventListener('click', function () {
-    var mdwMenu = componentMap.get(menu);
-    mdwMenu.show();
-  });
-}
-
-initializeMdwComponents();
-(0, _targetHandler2.default)();
-setupJSButton();
-
-/***/ }),
-
-/***/ 26:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }();
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-var Menu = function () {
-  /**
-   * @param {Element} element
-   */
-  function Menu(element) {
-    var _this = this;
-
-    _classCallCheck(this, Menu);
-
-    this.element = element;
-
-    var _element$getElementsB = this.element.getElementsByClassName('mdw-menu__close'),
-        _element$getElementsB2 = _slicedToArray(_element$getElementsB, 1),
-        menuCloser = _element$getElementsB2[0];
-
-    if (!menuCloser) {
-      menuCloser = document.createElement('div');
-      menuCloser.classList.add('mdw-menu__close');
-      this.element.appendChild(menuCloser);
-    }
-    this.menuCloser = menuCloser;
-    this.menuCloser.addEventListener('click', function () {
-      _this.hide();
-    });
-  }
-
-  _createClass(Menu, [{
-    key: 'detach',
-    value: function detach() {
-      this.element = null;
-    }
-
-    /** @return {boolean} handled */
-
-  }, {
-    key: 'show',
-    value: function show() {
-      var changed = false;
-      if (this.element.hasAttribute('mdw-hide')) {
-        this.element.removeAttribute('mdw-hide');
-        changed = true;
-      }
-      if (!this.element.hasAttribute('mdw-show')) {
-        this.element.setAttribute('mdw-show', '');
-        changed = true;
-      }
-      return changed;
-    }
-
-    /** @return {boolean} handled */
-
-  }, {
-    key: 'hide',
-    value: function hide() {
-      if (!this.element.hasAttribute('mdw-hide')) {
-        this.element.setAttribute('mdw-hide', '');
-        return true;
-      }
-      return false;
-    }
-
-    /**
-     * Clear and detach all children
-     * @param {WeakMap=} elementMap
-     * @return {void}
-     */
-
-  }, {
-    key: 'clear',
-    value: function clear(elementMap) {
-      var el = this.element;
-      if (!el) {
-        return;
-      }
-      while (el.firstChild) {
-        if (elementMap && elementMap.has(el.firstChild)) {
-          elementMap.get(el.firstChild).detach();
-          elementMap.delete(el.firstChild);
-        }
-        el.removeChild(el.firstChild);
-      }
-    }
-  }]);
-
-  return Menu;
-}();
-
-var MenuItem = function () {
-  /**
-   * @param {Element} element
-   */
-  function MenuItem(element) {
-    var _this2 = this;
-
-    _classCallCheck(this, MenuItem);
-
-    this.element = element;
-    var rippleElements = element.getElementsByClassName('mdw-ripple');
-    this.ripple = rippleElements && rippleElements[0];
-    if (!this.ripple) {
-      var ripple = document.createElement('div');
-      ripple.classList.add('mdw-ripple');
-      this.element.insertBefore(ripple, this.element.firstChild);
-      this.ripple = ripple;
-    }
-    var innerRippleElements = this.ripple.getElementsByClassName('mdw-ripple__inner');
-    this.rippleInner = innerRippleElements && innerRippleElements[0];
-    if (!this.rippleInner) {
-      var rippleInner = document.createElement('div');
-      rippleInner.classList.add('mdw-ripple__inner');
-      this.ripple.appendChild(rippleInner);
-      this.rippleInner = rippleInner;
-    }
-    this.element.setAttribute('mdw-ripple', '');
-    this.element.addEventListener('click', function (event) {
-      _this2.updateRipplePosition(event);
-    });
-  }
-
-  /**
-   * @param {MouseEvent|PointerEvent} event
-   * @return {void}
-   */
-
-
-  _createClass(MenuItem, [{
-    key: 'updateRipplePosition',
-    value: function updateRipplePosition(event) {
-      if (event.target !== this.element && event.target !== this.ripple) {
-        return;
-      }
-      if (!event.pointerType && !event.detail) {
-        // Ripple from center
-        this.rippleInner.style.removeProperty('left');
-        this.rippleInner.style.removeProperty('top');
-        return;
-      }
-      var x = event.offsetX;
-      var y = event.offsetY;
-      this.rippleInner.style.setProperty('left', x + 'px');
-      this.rippleInner.style.setProperty('top', y + 'px');
-    }
-
-    /**
-     * Destroys all HTMLElement references for garbage collection
-     * @return {void}
-     */
-
-  }, {
-    key: 'detach',
-    value: function detach() {
-      this.ripple = null;
-      this.element = null;
-    }
-  }]);
-
-  return MenuItem;
-}();
-
-exports.Menu = Menu;
-exports.MenuItem = MenuItem;
-
-/***/ }),
-
-/***/ 27:
-/***/ (function(module, exports) {
-
-// removed by extract-text-webpack-plugin
-
-/***/ })
-
-/******/ });

package/docs/navdrawer.html

@@ -1,199 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <title>Material Design Web</title>
-    <meta charset="utf-8">
-    <meta content="IE=edge" http-equiv="X-UA-Compatible">
-    <meta content="" name="description">
-    <meta content="width=device-width initial-scale=1" name="viewport">
-    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
-    <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:300,400,500,700">
-    <link rel="stylesheet" href="docs.min.css">
-    <link rel="stylesheet" href="components.min.css">
-    <link rel="stylesheet" href="theming.min.css">
-    <link rel="stylesheet" href="theming.ie11.min.css" media="screen and (-ms-high-contrast: active), (-ms-high-contrast: none)">
-  </head>
-  <body mdw-theme-fill="white light">
-    <div class="mdw-navdrawer" id="docs-navdrawer" mdw-theme-fill="background-100 light" mdw-floating="card"><a class="mdw-navdrawer__scrim" href="#"></a>
-      <div class="mdw-navdrawer__toolbar">
-        <div class="mdw-toolbar" mdw-theme-fill="accent-500 dark">
-          <div class="mdw-toolbar__action">
-            <div class="mdw-toolbar__start">
-              <div class="mdw-tooltip__wrapper"><a class="mdw-button material-icons" mdw-icon href="#docs-navdrawer">menu</a>
-                <div class="mdw-tooltip">Menu</div>
-              </div>
-            </div>
-            <div class="mdw-toolbar__title">navdrawer</div>
-          </div>
-        </div>
-      </div>
-      <div class="mdw-navdrawer__drawer">
-        <div class="mdw-list"><a class="mdw-list__item" href="index.html" mdw-theme-color="primary">
-            <div class="mdw-list__text">Home</div></a>
-          <div class="mdw-list__subheader">Core</div><a class="mdw-list__item" href="bottomnav.html" mdw-theme-color="primary">
-            <div class="mdw-list__text">bottomnav</div></a><a class="mdw-list__item" href="button.html" mdw-theme-color="primary">
-            <div class="mdw-list__text">button</div></a><a class="mdw-list__item" href="list.html" mdw-theme-color="primary">
-            <div class="mdw-list__text">list</div></a><a class="mdw-list__item" href="menu.html" mdw-theme-color="primary">
-            <div class="mdw-list__text">menu</div></a><a class="mdw-list__item" href="progress.html" mdw-theme-color="primary">
-            <div class="mdw-list__text">progress</div></a><a class="mdw-list__item" href="selection.html" mdw-theme-color="primary">
-            <div class="mdw-list__text">selection</div></a><a class="mdw-list__item" href="tab.html" mdw-theme-color="primary">
-            <div class="mdw-list__text">tab</div></a><a class="mdw-list__item" href="textfield.html" mdw-theme-color="primary">
-            <div class="mdw-list__text">textfield</div></a><a class="mdw-list__item" href="toolbar.html" mdw-theme-color="primary">
-            <div class="mdw-list__text">toolbar</div></a><a class="mdw-list__item" href="type.html" mdw-theme-color="primary">
-            <div class="mdw-list__text">type</div></a>
-          <div class="mdw-list__subheader">Complex</div><a class="mdw-list__item" href="dialog.html" mdw-theme-color="accent">
-            <div class="mdw-list__text">dialog</div></a><a class="mdw-list__item" selected href="navdrawer.html" mdw-theme-color="accent">
-            <div class="mdw-list__text">navdrawer</div></a><a class="mdw-list__item" href="search.html" mdw-theme-color="accent">
-            <div class="mdw-list__text">search</div></a>
-        </div>
-      </div>
-      <div class="mdw-navdrawer__content">
-        <div id="horizontalLine"></div>
-        <div id="verticalLineLeft"></div>
-        <div id="verticalLineRight"></div>
-        <div class="comparison">
-          <div class="render" style="min-width:640px;">
-            <div class="mdw-navdrawer" id="navdrawer" mdw-theme-fill="background-100 light"><a class="mdw-navdrawer__scrim" href="#"></a>
-              <div class="mdw-navdrawer__toolbar">
-                <div class="androidstatusbar" mdw-theme-fill="accent-700 dark">
-                  <div>12:30</div><i class="material-icons" style="letter-spacing:2px;">&#xE1BA;&#xE1C8;&#xE1A4;</i>
-                </div>
-                <div class="mdw-toolbar" mdw-theme-fill="accent-500 dark">
-                  <div class="mdw-toolbar__action">
-                    <div class="mdw-toolbar__start">
-                      <div class="mdw-tooltip__wrapper"><a class="mdw-button material-icons" mdw-icon href="#navdrawer">menu</a>
-                        <div class="mdw-tooltip">Menu</div>
-                      </div>
-                    </div>
-                    <div class="mdw-toolbar__title">Nav Test</div>
-                    <div class="mdw-toolbar__end">
-                      <div class="mdw-tooltip__wrapper">
-                        <div class="mdw-button material-icons" mdw-icon mdw-more-button>more_vert</div>
-                        <div class="mdw-tooltip">Options</div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <div class="mdw-navdrawer__drawer">
-                <div class="mdw-navdrawer__account">
-                  <div class="mdw-navdrawer__image"><img src="http://yesassets.okdk.co.uk/minititle/cache/minititle-5344-q90-h900-ml99-rz3-b75.jpg"></div>
-                  <div class="mdw-navdrawer__avatars">
-                    <div class="mdw-navdrawer__avatars-current">
-                      <div class="mdw-button" mdw-image><img src="https://i.imgur.com/4YkReKZ.png"></div>
-                    </div>
-                    <div class="mdw-navdrawer__avatars-others">
-                      <div class="mdw-button" mdw-image><img src="https://i.imgur.com/4YkReKZ.png"></div>
-                      <div class="mdw-button" mdw-image><img src="https://i.imgur.com/4YkReKZ.png"></div>
-                    </div>
-                  </div>
-                  <div class="mdw-button mdw-navdrawer__subtitle">
-                    <div class="mdw-navdrawer__name">Johnathan Lee</div>
-                    <div class="mdw-navdrawer__email">heyfromjonathan@gmail.com</div>
-                  </div><a class="mdw-navdrawer__close mdw-button material-icons" mdw-icon href="#">chevron_left</a>
-                </div>
-                <div class="mdw-list">
-                  <div class="mdw-list__item" selected mdw-theme-color="accent-A400 light">
-                    <div class="mdw-list__icon">
-                      <div class="material-icons">move_to_inbox</div>
-                    </div>
-                    <div class="mdw-list__text">Inbox</div>
-                  </div>
-                  <div class="mdw-list__item" mdw-theme-color="primary-500 dark">
-                    <div class="mdw-list__icon">
-                      <div class="material-icons">star</div>
-                    </div>
-                    <div class="mdw-list__text">Starred</div>
-                  </div>
-                  <div class="mdw-list__item" mdw-theme-color="warn-500 dark">
-                    <div class="mdw-list__icon">
-                      <div class="material-icons">send</div>
-                    </div>
-                    <div class="mdw-list__text">Sent</div>
-                  </div>
-                  <div class="mdw-list__item">
-                    <div class="mdw-list__icon">
-                      <div class="material-icons">drafts</div>
-                    </div>
-                    <div class="mdw-list__text">Drafts</div>
-                  </div>
-                </div>
-                <div class="mdw-list__divider"></div>
-                <div class="mdw-list">
-                  <div class="mdw-list__subheader">Subheader</div>
-                  <div class="mdw-list__item">
-                    <div class="mdw-list__icon">
-                      <div class="material-icons">mail</div>
-                    </div>
-                    <div class="mdw-list__text">All mail</div>
-                  </div>
-                  <div class="mdw-list__item">
-                    <div class="mdw-list__icon">
-                      <div class="material-icons">delete</div>
-                    </div>
-                    <div class="mdw-list__text">Trash</div>
-                  </div>
-                  <div class="mdw-list__item">
-                    <div class="mdw-list__icon">
-                      <div class="material-icons">report</div>
-                    </div>
-                    <div class="mdw-list__text">Spam</div>
-                  </div>
-                </div>
-              </div>
-              <div class="mdw-navdrawer__content" style="padding:16px 8px;">
-                <div><span>Desktop options</span>
-                  <div class="display-flex" style="padding:16px;">
-                    <label class="mdw-selection" mdw-theme-color="accent-A700 dark">
-                      <input class="mdw-selection__input" type="radio" checked name="mdw-navdrawer__style" value="fullheight">
-                      <div class="mdw-selection__icon"></div>
-                      <div class="mdw-selection__label">Full Height (default)</div>
-                    </label>
-                  </div>
-                  <div class="display-flex" style="padding:16px;">
-                    <label class="mdw-selection" mdw-theme-color="accent-A700 dark">
-                      <input class="mdw-selection__input" type="radio" name="mdw-navdrawer__style" value="temporary">
-                      <div class="mdw-selection__icon"></div>
-                      <div class="mdw-selection__label">Temporary</div>
-                    </label>
-                  </div>
-                  <div class="display-flex" style="padding:16px;">
-                    <label class="mdw-selection" mdw-theme-color="accent-A700 dark">
-                      <input class="mdw-selection__input" type="radio" name="mdw-navdrawer__style" value="clipped">
-                      <div class="mdw-selection__icon"></div>
-                      <div class="mdw-selection__label">Clipped</div>
-                    </label>
-                  </div>
-                  <div class="display-flex" style="padding:16px;">
-                    <label class="mdw-selection" mdw-theme-color="accent-A700 dark">
-                      <input class="mdw-selection__input" type="radio" name="mdw-navdrawer__style" value="floating">
-                      <div class="mdw-selection__icon"></div>
-                      <div class="mdw-selection__label">Floating</div>
-                    </label>
-                  </div>
-                  <div class="display-flex" style="padding:16px;">
-                    <label class="mdw-selection" mdw-theme-color="accent-A700 dark">
-                      <input class="mdw-selection__input" type="radio" name="mdw-navdrawer__style" value="floatingcard">
-                      <div class="mdw-selection__icon"></div>
-                      <div class="mdw-selection__label">Floating Card</div>
-                    </label>
-                  </div>
-                  <div class="display-flex" style="padding:16px;">
-                    <label class="mdw-selection" mdw-theme-color="accent-A700 dark">
-                      <input class="mdw-selection__input" type="checkbox" name="mdw-navdrawer__mini">
-                      <div class="mdw-selection__icon"></div>
-                      <div class="mdw-selection__label">Mini</div>
-                    </label>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="androidnavbar"><i class="material-icons back-button">&#xE3C8;</i><i class="material-icons">&#xE836;</i><i class="material-icons">&#xE835;</i></div>
-          </div>
-          <div class="target" style="background-image: url(https://storage.googleapis.com/material-design/publish/material_v_12/assets/0Bzhp5Z4wHba3eXV2RE1fQ0QtQzQ/patterns-navdrawer-metrics3.png);"></div>
-        </div>
-      </div>
-    </div>
-    <script src="navdrawer.min.js"></script>
-  </body>
-</html>