@shortfuse/materialdesignweb 0.0.9 → 0.4.0

package/docs/navdrawer.min.js

@@ -1,244 +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 = 54);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ 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;
-
-/***/ }),
-
-/***/ 54:
-/***/ (function(module, exports, __webpack_require__) {
-
-__webpack_require__(55);
-module.exports = __webpack_require__(56);
-
-
-/***/ }),
-
-/***/ 55:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var _targetHandler = __webpack_require__(0);
-
-var _targetHandler2 = _interopRequireDefault(_targetHandler);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/** @return {void} */
-function configureNavDrawer() {
-  var navElement = document.querySelector('#navdrawer');
-  /**
-   * @param {Event} event
-   * @return {void}
-   */
-  function onSelected(event) {
-    switch (event.target.value) {
-      case 'temporary':
-        navElement.removeAttribute('mdw-clipped');
-        navElement.removeAttribute('mdw-floating');
-        navElement.setAttribute('mdw-temporary', '');
-        return;
-      case 'clipped':
-        navElement.setAttribute('mdw-clipped', '');
-        navElement.removeAttribute('mdw-floating');
-        navElement.removeAttribute('mdw-temporary');
-        return;
-      case 'floating':
-        navElement.removeAttribute('mdw-clipped');
-        navElement.setAttribute('mdw-floating', '');
-        navElement.removeAttribute('mdw-temporary');
-        return;
-      case 'floatingcard':
-        navElement.removeAttribute('mdw-clipped');
-        navElement.setAttribute('mdw-floating', 'card');
-        navElement.removeAttribute('mdw-temporary');
-        return;
-      default:
-      case 'fullheight':
-        navElement.removeAttribute('mdw-clipped');
-        navElement.removeAttribute('mdw-floating');
-        navElement.removeAttribute('mdw-temporary');
-    }
-  }
-  var radioElements = document.querySelectorAll('input[name="mdw-navdrawer__style"]');
-  for (var i = 0; i < radioElements.length; i += 1) {
-    var element = radioElements[i];
-    element.addEventListener('change', onSelected);
-  }
-  document.querySelector('input[name="mdw-navdrawer__mini"]').addEventListener('change', function (event) {
-    if (event.target.checked) {
-      navElement.setAttribute('mdw-mini', '');
-    } else {
-      navElement.removeAttribute('mdw-mini');
-    }
-  });
-  var navdrawerDrawer = document.querySelector('#navdrawer .mdw-navdrawer__drawer');
-  var navdrawerDrawerListItems = navdrawerDrawer.getElementsByClassName('mdw-list__item');
-
-  /**
-   * @param {NodeListOf<Element>} items
-   * @return {Element}
-   */
-  function getSelectedListItem(items) {
-    for (var _i = 0; _i < items.length; _i += 1) {
-      if (items[_i].hasAttribute('selected')) {
-        return items[_i];
-      }
-    }
-    return null;
-  }
-
-  var _loop = function _loop(_i2) {
-    var item = navdrawerDrawerListItems[_i2];
-    item.addEventListener('click', function () {
-      if (item.hasAttribute('selected')) {
-        return;
-      }
-      var currentlySelected = getSelectedListItem(navdrawerDrawerListItems);
-      if (currentlySelected) {
-        currentlySelected.removeAttribute('selected');
-      }
-      item.setAttribute('selected', '');
-    });
-  };
-
-  for (var _i2 = 0; _i2 < navdrawerDrawerListItems.length; _i2 += 1) {
-    _loop(_i2);
-  }
-}
-
-configureNavDrawer();
-(0, _targetHandler2.default)();
-
-/***/ }),
-
-/***/ 56:
-/***/ (function(module, exports) {
-
-// removed by extract-text-webpack-plugin
-
-/***/ })
-
-/******/ });

package/docs/progress.html

@@ -1,75 +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">progress</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" selected 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 class="comparison clipped-300 js">
-          <div class="render mdw-theme-progress">
-            <div class="content display-flex" mdw-theme-fill="background-100 light">
-              <div class="flex-1 display-flex" flex-justify-content="center" flex-align-items="center">
-                <div class="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>
-                    <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"></path>
-                  </svg>
-                </div>
-                <div class="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>
-                    <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"></path>
-                  </svg>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <script src="progress.min.js"></script>
-  </body>
-</html>

package/docs/progress.min.js

@@ -1,162 +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 = 28);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ 28:
-/***/ (function(module, exports, __webpack_require__) {
-
-__webpack_require__(29);
-module.exports = __webpack_require__(31);
-
-
-/***/ }),
-
-/***/ 29:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var _index = __webpack_require__(30);
-
-/** @return {void} */
-function setupProgressCircleInterval() {
-  var sampleProgressCircle = new _index.ProgressCircle(document.querySelector('.mdw-progress-circle[mdw-determinate]'));
-  setInterval(function () {
-    sampleProgressCircle.setValue(Math.random() * 100);
-  }, 2500);
-}
-
-setupProgressCircleInterval();
-
-/***/ }),
-
-/***/ 30:
-/***/ (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 radius = 8.75;
-var circumference = 2 * Math.PI * radius;
-
-var ProgressCircle = function () {
-  /**
-   * @param {Element} element
-   */
-  function ProgressCircle(element) {
-    _classCallCheck(this, ProgressCircle);
-
-    this.element = element;
-    this.pathElements = this.element.getElementsByTagName('path');
-    // this.pathElement = pathElements[pathElements.length - 1];
-
-    // TODO: Upgrade IE/Edge browsers to animate with rAF
-  }
-
-  _createClass(ProgressCircle, [{
-    key: 'detach',
-    value: function detach() {
-      this.element = null;
-    }
-
-    /**
-     * Clear and detach all children
-     * @param {number} value Percentage value (0-100);
-     * @return {void}
-     */
-
-  }, {
-    key: 'setValue',
-    value: function setValue(value) {
-      var dashOffset = circumference * (3 - value / 100);
-      this.pathElements[this.pathElements.length - 1].style.setProperty('stroke-dashoffset', dashOffset.toString());
-    }
-  }]);
-
-  return ProgressCircle;
-}();
-
-exports.ProgressCircle = ProgressCircle;
-
-/***/ }),
-
-/***/ 31:
-/***/ (function(module, exports) {
-
-// removed by extract-text-webpack-plugin
-
-/***/ })
-
-/******/ });