@shortfuse/materialdesignweb 0.0.9 → 0.4.0

package/docs/list.min.js

@@ -1,312 +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 = 21);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ 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;
-
-/***/ }),
-
-/***/ 1:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-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 List = function () {
-  /**
-   * @param {Element} element
-   */
-  function List(element) {
-    _classCallCheck(this, List);
-
-    this.element = element;
-  }
-
-  _createClass(List, [{
-    key: 'detach',
-    value: function detach() {
-      this.element = null;
-    }
-
-    /**
-     * 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 List;
-}();
-
-var ListItem = function () {
-  /**
-   * @param {Element} element
-   */
-  function ListItem(element) {
-    var _this = this;
-
-    _classCallCheck(this, ListItem);
-
-    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) {
-      _this.updateRipplePosition(event);
-    });
-  }
-
-  /**
-   * @param {MouseEvent|PointerEvent} event
-   * @return {void}
-   */
-
-
-  _createClass(ListItem, [{
-    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 HTML Element references for garbage collection
-     * @return {void}
-     */
-
-  }, {
-    key: 'detach',
-    value: function detach() {
-      this.ripple = null;
-      this.element = null;
-    }
-  }]);
-
-  return ListItem;
-}();
-
-exports.List = List;
-exports.ListItem = ListItem;
-
-/***/ }),
-
-/***/ 21:
-/***/ (function(module, exports, __webpack_require__) {
-
-__webpack_require__(22);
-module.exports = __webpack_require__(23);
-
-
-/***/ }),
-
-/***/ 22:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var _targetHandler = __webpack_require__(0);
-
-var _targetHandler2 = _interopRequireDefault(_targetHandler);
-
-var _index = __webpack_require__(1);
-
-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-list');
-  for (var i = 0; i < components.length; i += 1) {
-    componentMap.set(components[i], new _index.List(components[i]));
-  }
-
-  components = document.querySelectorAll('.js .mdw-list__item');
-  for (var _i = 0; _i < components.length; _i += 1) {
-    componentMap.set(components[_i], new _index.ListItem(components[_i]));
-  }
-}
-
-initializeMdwComponents();
-(0, _targetHandler2.default)();
-
-/***/ }),
-
-/***/ 23:
-/***/ (function(module, exports) {
-
-// removed by extract-text-webpack-plugin
-
-/***/ })
-
-/******/ });

package/docs/menu.html

@@ -1,185 +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">menu</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" selected 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" 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">
-            <div class="androidstatusbar" mdw-theme-fill="primary-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="primary-500 dark">
-              <div class="mdw-toolbar__action">
-                <div class="mdw-toolbar__start">
-                  <div class="mdw-tooltip__wrapper">
-                    <div class="mdw-button material-icons" mdw-icon>menu</div>
-                    <div class="mdw-tooltip">Menu</div>
-                  </div>
-                </div>
-                <div class="mdw-toolbar__end">
-                  <div class="mdw-tooltip__wrapper mdw-menu__wrapper"><a class="mdw-button material-icons" mdw-icon mdw-more-button href="#moremenu">more_vert</a>
-                    <div class="mdw-menu" id="moremenu" mdw-position="top right" mdw-width-units="3" mdw-theme-fill="light"><a class="mdw-menu__close" href="#"></a>
-                      <div class="mdw-menu__text">Refresh</div>
-                      <div class="mdw-menu__text">Settings</div>
-                      <div class="mdw-menu__text">Send feedback</div>
-                      <div class="mdw-menu__text">Help</div>
-                      <div class="mdw-menu__text">Signout</div>
-                    </div>
-                    <div class="mdw-tooltip">Options</div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="content" mdw-theme-fill="background-50 light" style="padding:16px 8px;">
-              <div class="mdw-menu__wrapper"><a class="mdw-button" mdw-theme-fill="primary dark" mdw-raised href="#textmenu">Text</a>
-                <div class="mdw-menu" id="textmenu"><a class="mdw-menu__close" href="#"></a>
-                  <div class="mdw-menu__text">Maps</div>
-                  <div class="mdw-menu__text">Books</div>
-                  <div class="mdw-menu__text">Flights</div>
-                  <div class="mdw-menu__text">Apps</div>
-                </div>
-              </div>
-              <div class="mdw-menu__wrapper"><a class="mdw-button" mdw-theme-fill="primary dark" mdw-raised href="#checkmenu">Checks</a>
-                <div class="mdw-menu" id="checkmenu"><a class="mdw-menu__close" href="#"></a>
-                  <div class="mdw-menu__item">
-                    <div class="mdw-menu__check"></div>
-                    <div class="mdw-menu__text">Maps</div>
-                  </div>
-                  <div class="mdw-menu__item">
-                    <div class="mdw-menu__check" checked></div>
-                    <div class="mdw-menu__text">Books</div>
-                  </div>
-                  <div class="mdw-menu__item">
-                    <div class="mdw-menu__check" checked></div>
-                    <div class="mdw-menu__text">Flights</div>
-                  </div>
-                  <div class="mdw-menu__item">
-                    <div class="mdw-menu__check"></div>
-                    <div class="mdw-menu__text">Apps</div>
-                  </div>
-                </div>
-              </div>
-              <div style="height:400px;"></div>
-              <div class="mdw-menu__wrapper"><a class="mdw-button" mdw-theme-fill="primary dark" mdw-raised href="#infomenu">Info</a>
-                <div class="mdw-menu" id="infomenu" mdw-width-units="4" mdw-position="bottom"><a class="mdw-menu__close" href="#"></a>
-                  <div class="mdw-menu__item">
-                    <div class="mdw-menu__check"></div>
-                    <div class="mdw-menu__text">Bold</div>
-                    <div class="mdw-menu__info">⌘B</div>
-                  </div>
-                  <div class="mdw-menu__item">
-                    <div class="mdw-menu__check" checked></div>
-                    <div class="mdw-menu__text">Italic</div>
-                    <div class="mdw-menu__info">⌘I</div>
-                  </div>
-                  <div class="mdw-menu__item">
-                    <div class="mdw-menu__check" checked></div>
-                    <div class="mdw-menu__text">Underline</div>
-                    <div class="mdw-menu__info">⌘U</div>
-                  </div>
-                  <div class="mdw-menu__item">
-                    <div class="mdw-menu__check" checked></div>
-                    <div class="mdw-menu__text">Flights</div>
-                  </div>
-                  <div class="mdw-menu__item">
-                    <div class="mdw-menu__check"></div>
-                    <div class="mdw-menu__text">Apps</div>
-                  </div>
-                </div>
-              </div>
-              <div class="mdw-menu__wrapper"><a class="mdw-button" mdw-theme-fill="primary dark" mdw-raised href="#iconmenu">Icons</a>
-                <div class="mdw-menu" id="iconmenu" mdw-width-units="4" mdw-position="bottom"><a class="mdw-menu__close" href="#"></a>
-                  <div class="mdw-menu__item">
-                    <div class="mdw-menu__icon material-icons">format_bold</div>
-                    <div class="mdw-menu__text">Bold</div>
-                    <div class="mdw-menu__info">⌘B</div>
-                  </div>
-                  <div class="mdw-menu__item">
-                    <div class="mdw-menu__icon material-icons">format_italic</div>
-                    <div class="mdw-menu__text">Italic</div>
-                    <div class="mdw-menu__info">⌘I</div>
-                  </div>
-                  <div class="mdw-menu__item">
-                    <div class="mdw-menu__icon material-icons">format_underline</div>
-                    <div class="mdw-menu__text">Underline</div>
-                    <div class="mdw-menu__info">⌘U</div>
-                  </div>
-                </div>
-              </div>
-              <div class="mdw-menu__wrapper js">
-                <div class="mdw-button" mdw-theme-fill="primary dark" mdw-raised>JS</div>
-                <div class="mdw-menu" id="iconmenu" mdw-width-units="4" mdw-position="bottom end">
-                  <div class="mdw-menu__item">
-                    <div class="mdw-menu__icon material-icons">format_bold</div>
-                    <div class="mdw-menu__text">Bold</div>
-                    <div class="mdw-menu__info">⌘B</div>
-                  </div>
-                  <div class="mdw-menu__item">
-                    <div class="mdw-menu__icon material-icons">format_italic</div>
-                    <div class="mdw-menu__text">Italic</div>
-                    <div class="mdw-menu__info">⌘I</div>
-                  </div>
-                  <div class="mdw-menu__item">
-                    <div class="mdw-menu__icon material-icons">format_underline</div>
-                    <div class="mdw-menu__text">Underline</div>
-                    <div class="mdw-menu__info">⌘U</div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div class="target" style="background-image: url(https://storage.googleapis.com/material-design/publish/material_v_12/assets/0Bzhp5Z4wHba3RktrSGVxbkhFaTg/components-menus-usage2.png);"></div>
-        </div>
-      </div>
-    </div>
-    <script src="menu.min.js"></script>
-  </body>
-</html>