|
|
@@ -0,0 +1,28038 @@
|
|
|
+/*!
|
|
|
+ Material Components for the Web
|
|
|
+ Copyright (c) 2018 Google Inc.
|
|
|
+ License: MIT
|
|
|
+*/
|
|
|
+(function webpackUniversalModuleDefinition(root, factory) {
|
|
|
+ if(typeof exports === 'object' && typeof module === 'object')
|
|
|
+ module.exports = factory();
|
|
|
+ else if(typeof define === 'function' && define.amd)
|
|
|
+ define([], factory);
|
|
|
+ else if(typeof exports === 'object')
|
|
|
+ exports["mdc"] = factory();
|
|
|
+ else
|
|
|
+ root["mdc"] = factory();
|
|
|
+})(this, function() {
|
|
|
+return /******/ (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 = 63);
|
|
|
+/******/ })
|
|
|
+/************************************************************************/
|
|
|
+/******/ ([
|
|
|
+/* 0 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+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"); } }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2016 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/**
|
|
|
+ * @template A
|
|
|
+ */
|
|
|
+var MDCFoundation = function () {
|
|
|
+ _createClass(MDCFoundation, null, [{
|
|
|
+ key: "cssClasses",
|
|
|
+
|
|
|
+ /** @return enum{cssClasses} */
|
|
|
+ get: function get() {
|
|
|
+ // Classes extending MDCFoundation should implement this method to return an object which exports every
|
|
|
+ // CSS class the foundation class needs as a property. e.g. {ACTIVE: 'mdc-component--active'}
|
|
|
+ return {};
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return enum{strings} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "strings",
|
|
|
+ get: function get() {
|
|
|
+ // Classes extending MDCFoundation should implement this method to return an object which exports all
|
|
|
+ // semantic strings as constants. e.g. {ARIA_ROLE: 'tablist'}
|
|
|
+ return {};
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return enum{numbers} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "numbers",
|
|
|
+ get: function get() {
|
|
|
+ // Classes extending MDCFoundation should implement this method to return an object which exports all
|
|
|
+ // of its semantic numbers as constants. e.g. {ANIMATION_DELAY_MS: 350}
|
|
|
+ return {};
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return {!Object} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "defaultAdapter",
|
|
|
+ get: function get() {
|
|
|
+ // Classes extending MDCFoundation may choose to implement this getter in order to provide a convenient
|
|
|
+ // way of viewing the necessary methods of an adapter. In the future, this could also be used for adapter
|
|
|
+ // validation.
|
|
|
+ return {};
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {A=} adapter
|
|
|
+ */
|
|
|
+
|
|
|
+ }]);
|
|
|
+
|
|
|
+ function MDCFoundation() {
|
|
|
+ var adapter = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
|
+
|
|
|
+ _classCallCheck(this, MDCFoundation);
|
|
|
+
|
|
|
+ /** @protected {!A} */
|
|
|
+ this.adapter_ = adapter;
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCFoundation, [{
|
|
|
+ key: "init",
|
|
|
+ value: function init() {
|
|
|
+ // Subclasses should override this method to perform initialization routines (registering events, etc.)
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: "destroy",
|
|
|
+ value: function destroy() {
|
|
|
+ // Subclasses should override this method to perform de-initialization routines (de-registering events, etc.)
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCFoundation;
|
|
|
+}();
|
|
|
+
|
|
|
+/* harmony default export */ __webpack_exports__["a"] = (MDCFoundation);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 1 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__foundation__ = __webpack_require__(0);
|
|
|
+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"); } }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2016 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/**
|
|
|
+ * @template F
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCComponent = function () {
|
|
|
+ _createClass(MDCComponent, null, [{
|
|
|
+ key: 'attachTo',
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!Element} root
|
|
|
+ * @return {!MDCComponent}
|
|
|
+ */
|
|
|
+ value: function attachTo(root) {
|
|
|
+ // Subclasses which extend MDCBase should provide an attachTo() method that takes a root element and
|
|
|
+ // returns an instantiated component with its root set to that element. Also note that in the cases of
|
|
|
+ // subclasses, an explicit foundation class will not have to be passed in; it will simply be initialized
|
|
|
+ // from getDefaultFoundation().
|
|
|
+ return new MDCComponent(root, new __WEBPACK_IMPORTED_MODULE_0__foundation__["a" /* default */]());
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!Element} root
|
|
|
+ * @param {F=} foundation
|
|
|
+ * @param {...?} args
|
|
|
+ */
|
|
|
+
|
|
|
+ }]);
|
|
|
+
|
|
|
+ function MDCComponent(root) {
|
|
|
+ var foundation = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
|
|
|
+
|
|
|
+ _classCallCheck(this, MDCComponent);
|
|
|
+
|
|
|
+ /** @protected {!Element} */
|
|
|
+ this.root_ = root;
|
|
|
+
|
|
|
+ for (var _len = arguments.length, args = Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
|
|
|
+ args[_key - 2] = arguments[_key];
|
|
|
+ }
|
|
|
+
|
|
|
+ this.initialize.apply(this, args);
|
|
|
+ // Note that we initialize foundation here and not within the constructor's default param so that
|
|
|
+ // this.root_ is defined and can be used within the foundation class.
|
|
|
+ /** @protected {!F} */
|
|
|
+ this.foundation_ = foundation === undefined ? this.getDefaultFoundation() : foundation;
|
|
|
+ this.foundation_.init();
|
|
|
+ this.initialSyncWithDOM();
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCComponent, [{
|
|
|
+ key: 'initialize',
|
|
|
+ value: function initialize() /* ...args */{}
|
|
|
+ // Subclasses can override this to do any additional setup work that would be considered part of a
|
|
|
+ // "constructor". Essentially, it is a hook into the parent constructor before the foundation is
|
|
|
+ // initialized. Any additional arguments besides root and foundation will be passed in here.
|
|
|
+
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {!F} foundation
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getDefaultFoundation',
|
|
|
+ value: function getDefaultFoundation() {
|
|
|
+ // Subclasses must override this method to return a properly configured foundation class for the
|
|
|
+ // component.
|
|
|
+ throw new Error('Subclasses must override getDefaultFoundation to return a properly configured ' + 'foundation class');
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'initialSyncWithDOM',
|
|
|
+ value: function initialSyncWithDOM() {
|
|
|
+ // Subclasses should override this method if they need to perform work to synchronize with a host DOM
|
|
|
+ // object. An example of this would be a form control wrapper that needs to synchronize its internal state
|
|
|
+ // to some property or attribute of the host DOM. Please note: this is *not* the place to perform DOM
|
|
|
+ // reads/writes that would cause layout / paint, as this is called synchronously from within the constructor.
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'destroy',
|
|
|
+ value: function destroy() {
|
|
|
+ // Subclasses may implement this method to release any resources / deregister any listeners they have
|
|
|
+ // attached. An example of this might be deregistering a resize event from the window object.
|
|
|
+ this.foundation_.destroy();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Wrapper method to add an event listener to the component's root element. This is most useful when
|
|
|
+ * listening for custom events.
|
|
|
+ * @param {string} evtType
|
|
|
+ * @param {!Function} handler
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'listen',
|
|
|
+ value: function listen(evtType, handler) {
|
|
|
+ this.root_.addEventListener(evtType, handler);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Wrapper method to remove an event listener to the component's root element. This is most useful when
|
|
|
+ * unlistening for custom events.
|
|
|
+ * @param {string} evtType
|
|
|
+ * @param {!Function} handler
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'unlisten',
|
|
|
+ value: function unlisten(evtType, handler) {
|
|
|
+ this.root_.removeEventListener(evtType, handler);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Fires a cross-browser-compatible custom event from the component root of the given type,
|
|
|
+ * with the given data.
|
|
|
+ * @param {string} evtType
|
|
|
+ * @param {!Object} evtData
|
|
|
+ * @param {boolean=} shouldBubble
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'emit',
|
|
|
+ value: function emit(evtType, evtData) {
|
|
|
+ var shouldBubble = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
|
+
|
|
|
+ var evt = void 0;
|
|
|
+ if (typeof CustomEvent === 'function') {
|
|
|
+ evt = new CustomEvent(evtType, {
|
|
|
+ detail: evtData,
|
|
|
+ bubbles: shouldBubble
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ evt = document.createEvent('CustomEvent');
|
|
|
+ evt.initCustomEvent(evtType, shouldBubble, false, evtData);
|
|
|
+ }
|
|
|
+
|
|
|
+ this.root_.dispatchEvent(evt);
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCComponent;
|
|
|
+}();
|
|
|
+
|
|
|
+/* harmony default export */ __webpack_exports__["a"] = (MDCComponent);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 2 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCRipple", function() { return MDCRipple; });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "RippleCapableSurface", function() { return RippleCapableSurface; });
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_component__ = __webpack_require__(1);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(29);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__foundation__ = __webpack_require__(66);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__util__ = __webpack_require__(6);
|
|
|
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCRippleFoundation", function() { return __WEBPACK_IMPORTED_MODULE_2__foundation__["a"]; });
|
|
|
+/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "util", function() { return __WEBPACK_IMPORTED_MODULE_3__util__; });
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2016 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends MDCComponent<!MDCRippleFoundation>
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCRipple = function (_MDCComponent) {
|
|
|
+ _inherits(MDCRipple, _MDCComponent);
|
|
|
+
|
|
|
+ /** @param {...?} args */
|
|
|
+ function MDCRipple() {
|
|
|
+ var _ref;
|
|
|
+
|
|
|
+ _classCallCheck(this, MDCRipple);
|
|
|
+
|
|
|
+ for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
|
|
+ args[_key] = arguments[_key];
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @type {boolean} */
|
|
|
+ var _this = _possibleConstructorReturn(this, (_ref = MDCRipple.__proto__ || Object.getPrototypeOf(MDCRipple)).call.apply(_ref, [this].concat(args)));
|
|
|
+
|
|
|
+ _this.disabled = false;
|
|
|
+
|
|
|
+ /** @private {boolean} */
|
|
|
+ _this.unbounded_;
|
|
|
+ return _this;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!Element} root
|
|
|
+ * @param {{isUnbounded: (boolean|undefined)}=} options
|
|
|
+ * @return {!MDCRipple}
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+ _createClass(MDCRipple, [{
|
|
|
+ key: 'setUnbounded_',
|
|
|
+
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Closure Compiler throws an access control error when directly accessing a
|
|
|
+ * protected or private property inside a getter/setter, like unbounded above.
|
|
|
+ * By accessing the protected property inside a method, we solve that problem.
|
|
|
+ * That's why this function exists.
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+ value: function setUnbounded_() {
|
|
|
+ this.foundation_.setUnbounded(this.unbounded_);
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'activate',
|
|
|
+ value: function activate() {
|
|
|
+ this.foundation_.activate();
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'deactivate',
|
|
|
+ value: function deactivate() {
|
|
|
+ this.foundation_.deactivate();
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'layout',
|
|
|
+ value: function layout() {
|
|
|
+ this.foundation_.layout();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {!MDCRippleFoundation}
|
|
|
+ * @override
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getDefaultFoundation',
|
|
|
+ value: function getDefaultFoundation() {
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */](MDCRipple.createAdapter(this));
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @override */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'initialSyncWithDOM',
|
|
|
+ value: function initialSyncWithDOM() {
|
|
|
+ this.unbounded = 'mdcRippleIsUnbounded' in this.root_.dataset;
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'unbounded',
|
|
|
+
|
|
|
+
|
|
|
+ /** @return {boolean} */
|
|
|
+ get: function get() {
|
|
|
+ return this.unbounded_;
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @param {boolean} unbounded */
|
|
|
+ ,
|
|
|
+ set: function set(unbounded) {
|
|
|
+ this.unbounded_ = Boolean(unbounded);
|
|
|
+ this.setUnbounded_();
|
|
|
+ }
|
|
|
+ }], [{
|
|
|
+ key: 'attachTo',
|
|
|
+ value: function attachTo(root) {
|
|
|
+ var _ref2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
|
|
|
+ _ref2$isUnbounded = _ref2.isUnbounded,
|
|
|
+ isUnbounded = _ref2$isUnbounded === undefined ? undefined : _ref2$isUnbounded;
|
|
|
+
|
|
|
+ var ripple = new MDCRipple(root);
|
|
|
+ // Only override unbounded behavior if option is explicitly specified
|
|
|
+ if (isUnbounded !== undefined) {
|
|
|
+ ripple.unbounded = /** @type {boolean} */isUnbounded;
|
|
|
+ }
|
|
|
+ return ripple;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!RippleCapableSurface} instance
|
|
|
+ * @return {!MDCRippleAdapter}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'createAdapter',
|
|
|
+ value: function createAdapter(instance) {
|
|
|
+ var MATCHES = __WEBPACK_IMPORTED_MODULE_3__util__["getMatchesProperty"](HTMLElement.prototype);
|
|
|
+
|
|
|
+ return {
|
|
|
+ browserSupportsCssVars: function browserSupportsCssVars() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_3__util__["supportsCssVariables"](window);
|
|
|
+ },
|
|
|
+ isUnbounded: function isUnbounded() {
|
|
|
+ return instance.unbounded;
|
|
|
+ },
|
|
|
+ isSurfaceActive: function isSurfaceActive() {
|
|
|
+ return instance.root_[MATCHES](':active');
|
|
|
+ },
|
|
|
+ isSurfaceDisabled: function isSurfaceDisabled() {
|
|
|
+ return instance.disabled;
|
|
|
+ },
|
|
|
+ addClass: function addClass(className) {
|
|
|
+ return instance.root_.classList.add(className);
|
|
|
+ },
|
|
|
+ removeClass: function removeClass(className) {
|
|
|
+ return instance.root_.classList.remove(className);
|
|
|
+ },
|
|
|
+ containsEventTarget: function containsEventTarget(target) {
|
|
|
+ return instance.root_.contains(target);
|
|
|
+ },
|
|
|
+ registerInteractionHandler: function registerInteractionHandler(evtType, handler) {
|
|
|
+ return instance.root_.addEventListener(evtType, handler, __WEBPACK_IMPORTED_MODULE_3__util__["applyPassive"]());
|
|
|
+ },
|
|
|
+ deregisterInteractionHandler: function deregisterInteractionHandler(evtType, handler) {
|
|
|
+ return instance.root_.removeEventListener(evtType, handler, __WEBPACK_IMPORTED_MODULE_3__util__["applyPassive"]());
|
|
|
+ },
|
|
|
+ registerDocumentInteractionHandler: function registerDocumentInteractionHandler(evtType, handler) {
|
|
|
+ return document.documentElement.addEventListener(evtType, handler, __WEBPACK_IMPORTED_MODULE_3__util__["applyPassive"]());
|
|
|
+ },
|
|
|
+ deregisterDocumentInteractionHandler: function deregisterDocumentInteractionHandler(evtType, handler) {
|
|
|
+ return document.documentElement.removeEventListener(evtType, handler, __WEBPACK_IMPORTED_MODULE_3__util__["applyPassive"]());
|
|
|
+ },
|
|
|
+ registerResizeHandler: function registerResizeHandler(handler) {
|
|
|
+ return window.addEventListener('resize', handler);
|
|
|
+ },
|
|
|
+ deregisterResizeHandler: function deregisterResizeHandler(handler) {
|
|
|
+ return window.removeEventListener('resize', handler);
|
|
|
+ },
|
|
|
+ updateCssVariable: function updateCssVariable(varName, value) {
|
|
|
+ return instance.root_.style.setProperty(varName, value);
|
|
|
+ },
|
|
|
+ computeBoundingRect: function computeBoundingRect() {
|
|
|
+ return instance.root_.getBoundingClientRect();
|
|
|
+ },
|
|
|
+ getWindowPageOffset: function getWindowPageOffset() {
|
|
|
+ return { x: window.pageXOffset, y: window.pageYOffset };
|
|
|
+ }
|
|
|
+ };
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCRipple;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_component__["a" /* default */]);
|
|
|
+
|
|
|
+/**
|
|
|
+ * See Material Design spec for more details on when to use ripples.
|
|
|
+ * https://material.io/guidelines/motion/choreography.html#choreography-creation
|
|
|
+ * @record
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+var RippleCapableSurface = function RippleCapableSurface() {
|
|
|
+ _classCallCheck(this, RippleCapableSurface);
|
|
|
+};
|
|
|
+
|
|
|
+/** @protected {!Element} */
|
|
|
+
|
|
|
+
|
|
|
+RippleCapableSurface.prototype.root_;
|
|
|
+
|
|
|
+/**
|
|
|
+ * Whether or not the ripple bleeds out of the bounds of the element.
|
|
|
+ * @type {boolean|undefined}
|
|
|
+ */
|
|
|
+RippleCapableSurface.prototype.unbounded;
|
|
|
+
|
|
|
+/**
|
|
|
+ * Whether or not the ripple is attached to a disabled component.
|
|
|
+ * @type {boolean|undefined}
|
|
|
+ */
|
|
|
+RippleCapableSurface.prototype.disabled;
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 3 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__foundation__ = __webpack_require__(0);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__component__ = __webpack_require__(1);
|
|
|
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCFoundation", function() { return __WEBPACK_IMPORTED_MODULE_0__foundation__["a"]; });
|
|
|
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCComponent", function() { return __WEBPACK_IMPORTED_MODULE_1__component__["a"]; });
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2016 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 4 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCSelectionControlState", function() { return MDCSelectionControlState; });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCSelectionControl", function() { return MDCSelectionControl; });
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_ripple_index__ = __webpack_require__(2);
|
|
|
+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"); } }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2017 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/* eslint-disable no-unused-vars */
|
|
|
+
|
|
|
+/* eslint-enable no-unused-vars */
|
|
|
+
|
|
|
+/**
|
|
|
+ * @typedef {{
|
|
|
+ * checked: boolean,
|
|
|
+ * indeterminate: boolean,
|
|
|
+ * disabled: boolean,
|
|
|
+ * value: ?string
|
|
|
+ * }}
|
|
|
+ */
|
|
|
+var MDCSelectionControlState = void 0;
|
|
|
+
|
|
|
+/**
|
|
|
+ * @record
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCSelectionControl = function () {
|
|
|
+ function MDCSelectionControl() {
|
|
|
+ _classCallCheck(this, MDCSelectionControl);
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCSelectionControl, [{
|
|
|
+ key: 'ripple',
|
|
|
+
|
|
|
+ /** @return {?MDCRipple} */
|
|
|
+ get: function get() {}
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCSelectionControl;
|
|
|
+}();
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 5 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* unused harmony export MDCTabScrollerAnimation */
|
|
|
+/* unused harmony export MDCTabScrollerHorizontalEdges */
|
|
|
+/* unused harmony export MDCTabScrollerAdapter */
|
|
|
+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"); } }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/* eslint no-unused-vars: [2, {"args": "none"}] */
|
|
|
+
|
|
|
+/**
|
|
|
+ * MDCTabScrollerAnimation contains the values required for animating from the
|
|
|
+ * current scroll position to the new scroll position. The "finalScrollPosition"
|
|
|
+ * value represents the new scroll position while the "scrollDelta" value is the
|
|
|
+ * corresponding transformation that is applied to the scroll content. Together,
|
|
|
+ * they create the animation by first updating the scroll value then applying
|
|
|
+ * the transformation and animating the transition. Both pieces are necessary
|
|
|
+ * for the scroll animation to work. The values are used as-is by the tab
|
|
|
+ * scroller animation method, ensuring that all logic for determining scroll
|
|
|
+ * position or transformation is abstracted away from the animation method.
|
|
|
+ * @typedef {{finalScrollPosition: number, scrollDelta: number}}
|
|
|
+ */
|
|
|
+var MDCTabScrollerAnimation = void 0;
|
|
|
+
|
|
|
+/**
|
|
|
+ * MDCTabScrollerHorizontalEdges represents the left and right edges of the
|
|
|
+ * scroll content. These values vary depending on how scrolling in RTL is
|
|
|
+ * implemented by the browser. One value is always 0 and one value is always
|
|
|
+ * the max scrollable value as either a positive or negative integer.
|
|
|
+ * @typedef {{left: number, right: number}}
|
|
|
+ */
|
|
|
+var MDCTabScrollerHorizontalEdges = void 0;
|
|
|
+
|
|
|
+/**
|
|
|
+ * Adapter for MDC Tab Scroller.
|
|
|
+ *
|
|
|
+ * Defines the shape of the adapter expected by the foundation. Implement this
|
|
|
+ * adapter to integrate the Tab into your framework. See
|
|
|
+ * https://github.com/material-components/material-components-web/blob/master/docs/authoring-components.md
|
|
|
+ * for more information.
|
|
|
+ *
|
|
|
+ * @record
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCTabScrollerAdapter = function () {
|
|
|
+ function MDCTabScrollerAdapter() {
|
|
|
+ _classCallCheck(this, MDCTabScrollerAdapter);
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCTabScrollerAdapter, [{
|
|
|
+ key: "addClass",
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Adds the given className to the root element.
|
|
|
+ * @param {string} className The className to add
|
|
|
+ */
|
|
|
+ value: function addClass(className) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Removes the given className from the root element.
|
|
|
+ * @param {string} className The className to remove
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "removeClass",
|
|
|
+ value: function removeClass(className) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Adds the given className to the scroll area element.
|
|
|
+ * @param {string} className The className to add
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "addScrollAreaClass",
|
|
|
+ value: function addScrollAreaClass(className) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns whether the event target matches given className.
|
|
|
+ * @param {EventTarget} evtTarget The event target
|
|
|
+ * @param {string} selector The selector to check
|
|
|
+ * @return {boolean}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "eventTargetMatchesSelector",
|
|
|
+ value: function eventTargetMatchesSelector(evtTarget, selector) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets a style property of the area element to the passed value.
|
|
|
+ * @param {string} propName The style property name to set
|
|
|
+ * @param {string} value The style property value
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "setScrollAreaStyleProperty",
|
|
|
+ value: function setScrollAreaStyleProperty(propName, value) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets a style property of the content element to the passed value.
|
|
|
+ * @param {string} propName The style property name to set
|
|
|
+ * @param {string} value The style property value
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "setScrollContentStyleProperty",
|
|
|
+ value: function setScrollContentStyleProperty(propName, value) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns the scroll content element's computed style value of the given css property `propertyName`.
|
|
|
+ * We achieve this via `getComputedStyle(...).getPropertyValue(propertyName)`.
|
|
|
+ * @param {string} propertyName
|
|
|
+ * @return {string}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "getScrollContentStyleValue",
|
|
|
+ value: function getScrollContentStyleValue(propertyName) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets the scrollLeft value of the scroll area element to the passed value.
|
|
|
+ * @param {number} scrollLeft The new scrollLeft value
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "setScrollAreaScrollLeft",
|
|
|
+ value: function setScrollAreaScrollLeft(scrollLeft) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns the scrollLeft value of the scroll area element.
|
|
|
+ * @return {number}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "getScrollAreaScrollLeft",
|
|
|
+ value: function getScrollAreaScrollLeft() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns the offsetWidth of the scroll content element.
|
|
|
+ * @return {number}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "getScrollContentOffsetWidth",
|
|
|
+ value: function getScrollContentOffsetWidth() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns the offsetWitdth of the scroll area element.
|
|
|
+ * @return {number}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "getScrollAreaOffsetWidth",
|
|
|
+ value: function getScrollAreaOffsetWidth() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns the bounding client rect of the scroll area element.
|
|
|
+ * @return {!ClientRect}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "computeScrollAreaClientRect",
|
|
|
+ value: function computeScrollAreaClientRect() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns the bounding client rect of the scroll content element.
|
|
|
+ * @return {!ClientRect}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "computeScrollContentClientRect",
|
|
|
+ value: function computeScrollContentClientRect() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns the height of the browser's horizontal scrollbars (in px).
|
|
|
+ * @return {number}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "computeHorizontalScrollbarHeight",
|
|
|
+ value: function computeHorizontalScrollbarHeight() {}
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCTabScrollerAdapter;
|
|
|
+}();
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 6 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "supportsCssVariables", function() { return supportsCssVariables; });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "applyPassive", function() { return applyPassive; });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getMatchesProperty", function() { return getMatchesProperty; });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getNormalizedEventCoords", function() { return getNormalizedEventCoords; });
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2016 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/**
|
|
|
+ * Stores result from supportsCssVariables to avoid redundant processing to detect CSS custom variable support.
|
|
|
+ * @private {boolean|undefined}
|
|
|
+ */
|
|
|
+var supportsCssVariables_ = void 0;
|
|
|
+
|
|
|
+/**
|
|
|
+ * Stores result from applyPassive to avoid redundant processing to detect passive event listener support.
|
|
|
+ * @private {boolean|undefined}
|
|
|
+ */
|
|
|
+var supportsPassive_ = void 0;
|
|
|
+
|
|
|
+/**
|
|
|
+ * @param {!Window} windowObj
|
|
|
+ * @return {boolean}
|
|
|
+ */
|
|
|
+function detectEdgePseudoVarBug(windowObj) {
|
|
|
+ // Detect versions of Edge with buggy var() support
|
|
|
+ // See: https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/11495448/
|
|
|
+ var document = windowObj.document;
|
|
|
+ var node = document.createElement('div');
|
|
|
+ node.className = 'mdc-ripple-surface--test-edge-var-bug';
|
|
|
+ document.body.appendChild(node);
|
|
|
+
|
|
|
+ // The bug exists if ::before style ends up propagating to the parent element.
|
|
|
+ // Additionally, getComputedStyle returns null in iframes with display: "none" in Firefox,
|
|
|
+ // but Firefox is known to support CSS custom properties correctly.
|
|
|
+ // See: https://bugzilla.mozilla.org/show_bug.cgi?id=548397
|
|
|
+ var computedStyle = windowObj.getComputedStyle(node);
|
|
|
+ var hasPseudoVarBug = computedStyle !== null && computedStyle.borderTopStyle === 'solid';
|
|
|
+ node.remove();
|
|
|
+ return hasPseudoVarBug;
|
|
|
+}
|
|
|
+
|
|
|
+/**
|
|
|
+ * @param {!Window} windowObj
|
|
|
+ * @param {boolean=} forceRefresh
|
|
|
+ * @return {boolean|undefined}
|
|
|
+ */
|
|
|
+
|
|
|
+function supportsCssVariables(windowObj) {
|
|
|
+ var forceRefresh = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
|
+
|
|
|
+ var supportsCssVariables = supportsCssVariables_;
|
|
|
+ if (typeof supportsCssVariables_ === 'boolean' && !forceRefresh) {
|
|
|
+ return supportsCssVariables;
|
|
|
+ }
|
|
|
+
|
|
|
+ var supportsFunctionPresent = windowObj.CSS && typeof windowObj.CSS.supports === 'function';
|
|
|
+ if (!supportsFunctionPresent) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ var explicitlySupportsCssVars = windowObj.CSS.supports('--css-vars', 'yes');
|
|
|
+ // See: https://bugs.webkit.org/show_bug.cgi?id=154669
|
|
|
+ // See: README section on Safari
|
|
|
+ var weAreFeatureDetectingSafari10plus = windowObj.CSS.supports('(--css-vars: yes)') && windowObj.CSS.supports('color', '#00000000');
|
|
|
+
|
|
|
+ if (explicitlySupportsCssVars || weAreFeatureDetectingSafari10plus) {
|
|
|
+ supportsCssVariables = !detectEdgePseudoVarBug(windowObj);
|
|
|
+ } else {
|
|
|
+ supportsCssVariables = false;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (!forceRefresh) {
|
|
|
+ supportsCssVariables_ = supportsCssVariables;
|
|
|
+ }
|
|
|
+ return supportsCssVariables;
|
|
|
+}
|
|
|
+
|
|
|
+//
|
|
|
+/**
|
|
|
+ * Determine whether the current browser supports passive event listeners, and if so, use them.
|
|
|
+ * @param {!Window=} globalObj
|
|
|
+ * @param {boolean=} forceRefresh
|
|
|
+ * @return {boolean|!EventListenerOptions}
|
|
|
+ */
|
|
|
+function applyPassive() {
|
|
|
+ var globalObj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window;
|
|
|
+ var forceRefresh = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
|
+
|
|
|
+ if (supportsPassive_ === undefined || forceRefresh) {
|
|
|
+ var isSupported = false;
|
|
|
+ try {
|
|
|
+ globalObj.document.addEventListener('test', null, { get passive() {
|
|
|
+ isSupported = true;
|
|
|
+ return isSupported;
|
|
|
+ } });
|
|
|
+ } catch (e) {}
|
|
|
+
|
|
|
+ supportsPassive_ = isSupported;
|
|
|
+ }
|
|
|
+
|
|
|
+ return supportsPassive_ ? /** @type {!EventListenerOptions} */{ passive: true } : false;
|
|
|
+}
|
|
|
+
|
|
|
+/**
|
|
|
+ * @param {!Object} HTMLElementPrototype
|
|
|
+ * @return {string}
|
|
|
+ */
|
|
|
+function getMatchesProperty(HTMLElementPrototype) {
|
|
|
+ /**
|
|
|
+ * Order is important because we return the first existing method we find.
|
|
|
+ * Do not change the order of the items in the below array.
|
|
|
+ */
|
|
|
+ var matchesMethods = ['matches', 'webkitMatchesSelector', 'msMatchesSelector'];
|
|
|
+ var method = 'matches';
|
|
|
+ for (var i = 0; i < matchesMethods.length; i++) {
|
|
|
+ var matchesMethod = matchesMethods[i];
|
|
|
+ if (matchesMethod in HTMLElementPrototype) {
|
|
|
+ method = matchesMethod;
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ return method;
|
|
|
+}
|
|
|
+
|
|
|
+/**
|
|
|
+ * @param {!Event} ev
|
|
|
+ * @param {{x: number, y: number}} pageOffset
|
|
|
+ * @param {!ClientRect} clientRect
|
|
|
+ * @return {{x: number, y: number}}
|
|
|
+ */
|
|
|
+function getNormalizedEventCoords(ev, pageOffset, clientRect) {
|
|
|
+ var x = pageOffset.x,
|
|
|
+ y = pageOffset.y;
|
|
|
+
|
|
|
+ var documentX = x + clientRect.left;
|
|
|
+ var documentY = y + clientRect.top;
|
|
|
+
|
|
|
+ var normalizedX = void 0;
|
|
|
+ var normalizedY = void 0;
|
|
|
+ // Determine touch point relative to the ripple container.
|
|
|
+ if (ev.type === 'touchstart') {
|
|
|
+ ev = /** @type {!TouchEvent} */ev;
|
|
|
+ normalizedX = ev.changedTouches[0].pageX - documentX;
|
|
|
+ normalizedY = ev.changedTouches[0].pageY - documentY;
|
|
|
+ } else {
|
|
|
+ ev = /** @type {!MouseEvent} */ev;
|
|
|
+ normalizedX = ev.pageX - documentX;
|
|
|
+ normalizedY = ev.pageY - documentY;
|
|
|
+ }
|
|
|
+
|
|
|
+ return { x: normalizedX, y: normalizedY };
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 7 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+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"); } }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/* eslint no-unused-vars: [2, {"args": "none"}] */
|
|
|
+
|
|
|
+/**
|
|
|
+ * Adapter for MDC Top App Bar
|
|
|
+ *
|
|
|
+ * Defines the shape of the adapter expected by the foundation. Implement this
|
|
|
+ * adapter to integrate the Top App Bar into your framework. See
|
|
|
+ * https://github.com/material-components/material-components-web/blob/master/docs/authoring-components.md
|
|
|
+ * for more information.
|
|
|
+ *
|
|
|
+ * @record
|
|
|
+ */
|
|
|
+var MDCTopAppBarAdapter = function () {
|
|
|
+ function MDCTopAppBarAdapter() {
|
|
|
+ _classCallCheck(this, MDCTopAppBarAdapter);
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCTopAppBarAdapter, [{
|
|
|
+ key: "addClass",
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Adds a class to the root Element.
|
|
|
+ * @param {string} className
|
|
|
+ */
|
|
|
+ value: function addClass(className) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Removes a class from the root Element.
|
|
|
+ * @param {string} className
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "removeClass",
|
|
|
+ value: function removeClass(className) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns true if the root Element contains the given class.
|
|
|
+ * @param {string} className
|
|
|
+ * @return {boolean}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "hasClass",
|
|
|
+ value: function hasClass(className) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets the specified inline style property on the root Element to the given value.
|
|
|
+ * @param {string} property
|
|
|
+ * @param {string} value
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "setStyle",
|
|
|
+ value: function setStyle(property, value) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Gets the height of the top app bar.
|
|
|
+ * @return {number}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "getTopAppBarHeight",
|
|
|
+ value: function getTopAppBarHeight() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Registers an event handler on the navigation icon element for a given event.
|
|
|
+ * @param {string} type
|
|
|
+ * @param {function(!Event): undefined} handler
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "registerNavigationIconInteractionHandler",
|
|
|
+ value: function registerNavigationIconInteractionHandler(type, handler) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Deregisters an event handler on the navigation icon element for a given event.
|
|
|
+ * @param {string} type
|
|
|
+ * @param {function(!Event): undefined} handler
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "deregisterNavigationIconInteractionHandler",
|
|
|
+ value: function deregisterNavigationIconInteractionHandler(type, handler) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Emits an event when the navigation icon is clicked.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "notifyNavigationIconClicked",
|
|
|
+ value: function notifyNavigationIconClicked() {}
|
|
|
+
|
|
|
+ /** @param {function(!Event)} handler */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "registerScrollHandler",
|
|
|
+ value: function registerScrollHandler(handler) {}
|
|
|
+
|
|
|
+ /** @param {function(!Event)} handler */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "deregisterScrollHandler",
|
|
|
+ value: function deregisterScrollHandler(handler) {}
|
|
|
+
|
|
|
+ /** @param {function(!Event)} handler */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "registerResizeHandler",
|
|
|
+ value: function registerResizeHandler(handler) {}
|
|
|
+
|
|
|
+ /** @param {function(!Event)} handler */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "deregisterResizeHandler",
|
|
|
+ value: function deregisterResizeHandler(handler) {}
|
|
|
+
|
|
|
+ /** @return {number} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "getViewportScrollY",
|
|
|
+ value: function getViewportScrollY() {}
|
|
|
+
|
|
|
+ /** @return {number} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "getTotalActionItems",
|
|
|
+ value: function getTotalActionItems() {}
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCTopAppBarAdapter;
|
|
|
+}();
|
|
|
+
|
|
|
+/* unused harmony default export */ var _unused_webpack_default_export = (MDCTopAppBarAdapter);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 8 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return strings; });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return cssClasses; });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return numbers; });
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/** @enum {string} */
|
|
|
+var cssClasses = {
|
|
|
+ FIXED_CLASS: 'mdc-top-app-bar--fixed',
|
|
|
+ FIXED_SCROLLED_CLASS: 'mdc-top-app-bar--fixed-scrolled',
|
|
|
+ SHORT_CLASS: 'mdc-top-app-bar--short',
|
|
|
+ SHORT_HAS_ACTION_ITEM_CLASS: 'mdc-top-app-bar--short-has-action-item',
|
|
|
+ SHORT_COLLAPSED_CLASS: 'mdc-top-app-bar--short-collapsed'
|
|
|
+};
|
|
|
+
|
|
|
+/** @enum {number} */
|
|
|
+var numbers = {
|
|
|
+ DEBOUNCE_THROTTLE_RESIZE_TIME_MS: 100,
|
|
|
+ MAX_TOP_APP_BAR_HEIGHT: 128
|
|
|
+};
|
|
|
+
|
|
|
+/** @enum {string} */
|
|
|
+var strings = {
|
|
|
+ ACTION_ITEM_SELECTOR: '.mdc-top-app-bar__action-item',
|
|
|
+ NAVIGATION_EVENT: 'MDCTopAppBar:nav',
|
|
|
+ NAVIGATION_ICON_SELECTOR: '.mdc-top-app-bar__navigation-icon',
|
|
|
+ ROOT_SELECTOR: '.mdc-top-app-bar',
|
|
|
+ TITLE_SELECTOR: '.mdc-top-app-bar__title'
|
|
|
+};
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 9 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return transformStyleProperties; });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return getCorrectEventName; });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return getCorrectPropertyName; });
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2016 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/**
|
|
|
+ * @typedef {{
|
|
|
+ * noPrefix: string,
|
|
|
+ * webkitPrefix: string,
|
|
|
+ * styleProperty: string
|
|
|
+ * }}
|
|
|
+ */
|
|
|
+var VendorPropertyMapType = void 0;
|
|
|
+
|
|
|
+/** @const {Object<string, !VendorPropertyMapType>} */
|
|
|
+var eventTypeMap = {
|
|
|
+ 'animationstart': {
|
|
|
+ noPrefix: 'animationstart',
|
|
|
+ webkitPrefix: 'webkitAnimationStart',
|
|
|
+ styleProperty: 'animation'
|
|
|
+ },
|
|
|
+ 'animationend': {
|
|
|
+ noPrefix: 'animationend',
|
|
|
+ webkitPrefix: 'webkitAnimationEnd',
|
|
|
+ styleProperty: 'animation'
|
|
|
+ },
|
|
|
+ 'animationiteration': {
|
|
|
+ noPrefix: 'animationiteration',
|
|
|
+ webkitPrefix: 'webkitAnimationIteration',
|
|
|
+ styleProperty: 'animation'
|
|
|
+ },
|
|
|
+ 'transitionend': {
|
|
|
+ noPrefix: 'transitionend',
|
|
|
+ webkitPrefix: 'webkitTransitionEnd',
|
|
|
+ styleProperty: 'transition'
|
|
|
+ }
|
|
|
+};
|
|
|
+
|
|
|
+/** @const {Object<string, !VendorPropertyMapType>} */
|
|
|
+var cssPropertyMap = {
|
|
|
+ 'animation': {
|
|
|
+ noPrefix: 'animation',
|
|
|
+ webkitPrefix: '-webkit-animation'
|
|
|
+ },
|
|
|
+ 'transform': {
|
|
|
+ noPrefix: 'transform',
|
|
|
+ webkitPrefix: '-webkit-transform'
|
|
|
+ },
|
|
|
+ 'transition': {
|
|
|
+ noPrefix: 'transition',
|
|
|
+ webkitPrefix: '-webkit-transition'
|
|
|
+ }
|
|
|
+};
|
|
|
+
|
|
|
+/**
|
|
|
+ * @param {!Object} windowObj
|
|
|
+ * @return {boolean}
|
|
|
+ */
|
|
|
+function hasProperShape(windowObj) {
|
|
|
+ return windowObj['document'] !== undefined && typeof windowObj['document']['createElement'] === 'function';
|
|
|
+}
|
|
|
+
|
|
|
+/**
|
|
|
+ * @param {string} eventType
|
|
|
+ * @return {boolean}
|
|
|
+ */
|
|
|
+function eventFoundInMaps(eventType) {
|
|
|
+ return eventType in eventTypeMap || eventType in cssPropertyMap;
|
|
|
+}
|
|
|
+
|
|
|
+/**
|
|
|
+ * @param {string} eventType
|
|
|
+ * @param {!Object<string, !VendorPropertyMapType>} map
|
|
|
+ * @param {!Element} el
|
|
|
+ * @return {string}
|
|
|
+ */
|
|
|
+function getJavaScriptEventName(eventType, map, el) {
|
|
|
+ return map[eventType].styleProperty in el.style ? map[eventType].noPrefix : map[eventType].webkitPrefix;
|
|
|
+}
|
|
|
+
|
|
|
+/**
|
|
|
+ * Helper function to determine browser prefix for CSS3 animation events
|
|
|
+ * and property names.
|
|
|
+ * @param {!Object} windowObj
|
|
|
+ * @param {string} eventType
|
|
|
+ * @return {string}
|
|
|
+ */
|
|
|
+function getAnimationName(windowObj, eventType) {
|
|
|
+ if (!hasProperShape(windowObj) || !eventFoundInMaps(eventType)) {
|
|
|
+ return eventType;
|
|
|
+ }
|
|
|
+
|
|
|
+ var map = /** @type {!Object<string, !VendorPropertyMapType>} */eventType in eventTypeMap ? eventTypeMap : cssPropertyMap;
|
|
|
+ var el = windowObj['document']['createElement']('div');
|
|
|
+ var eventName = '';
|
|
|
+
|
|
|
+ if (map === eventTypeMap) {
|
|
|
+ eventName = getJavaScriptEventName(eventType, map, el);
|
|
|
+ } else {
|
|
|
+ eventName = map[eventType].noPrefix in el.style ? map[eventType].noPrefix : map[eventType].webkitPrefix;
|
|
|
+ }
|
|
|
+
|
|
|
+ return eventName;
|
|
|
+}
|
|
|
+
|
|
|
+// Public functions to access getAnimationName() for JavaScript events or CSS
|
|
|
+// property names.
|
|
|
+
|
|
|
+var transformStyleProperties = ['transform', 'WebkitTransform', 'MozTransform', 'OTransform', 'MSTransform'];
|
|
|
+
|
|
|
+/**
|
|
|
+ * @param {!Object} windowObj
|
|
|
+ * @param {string} eventType
|
|
|
+ * @return {string}
|
|
|
+ */
|
|
|
+function getCorrectEventName(windowObj, eventType) {
|
|
|
+ return getAnimationName(windowObj, eventType);
|
|
|
+}
|
|
|
+
|
|
|
+/**
|
|
|
+ * @param {!Object} windowObj
|
|
|
+ * @param {string} eventType
|
|
|
+ * @return {string}
|
|
|
+ */
|
|
|
+function getCorrectPropertyName(windowObj, eventType) {
|
|
|
+ return getAnimationName(windowObj, eventType);
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 10 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* unused harmony export MDCTabDimensions */
|
|
|
+/* unused harmony export MDCTabAdapter */
|
|
|
+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"); } }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/* eslint no-unused-vars: [2, {"args": "none"}] */
|
|
|
+
|
|
|
+/**
|
|
|
+ * MDCTabDimensions provides details about the left and right edges of the Tab
|
|
|
+ * root element and the Tab content element. These values are used to determine
|
|
|
+ * the visual position of the Tab with respect it's parent container.
|
|
|
+ * @typedef {{rootLeft: number, rootRight: number, contentLeft: number, contentRight: number}}
|
|
|
+ */
|
|
|
+var MDCTabDimensions = void 0;
|
|
|
+
|
|
|
+/**
|
|
|
+ * Adapter for MDC Tab.
|
|
|
+ *
|
|
|
+ * Defines the shape of the adapter expected by the foundation. Implement this
|
|
|
+ * adapter to integrate the Tab into your framework. See
|
|
|
+ * https://github.com/material-components/material-components-web/blob/master/docs/authoring-components.md
|
|
|
+ * for more information.
|
|
|
+ *
|
|
|
+ * @record
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCTabAdapter = function () {
|
|
|
+ function MDCTabAdapter() {
|
|
|
+ _classCallCheck(this, MDCTabAdapter);
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCTabAdapter, [{
|
|
|
+ key: "addClass",
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Adds the given className to the root element.
|
|
|
+ * @param {string} className The className to add
|
|
|
+ */
|
|
|
+ value: function addClass(className) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Removes the given className from the root element.
|
|
|
+ * @param {string} className The className to remove
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "removeClass",
|
|
|
+ value: function removeClass(className) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns whether the root element has the given className.
|
|
|
+ * @param {string} className The className to remove
|
|
|
+ * @return {boolean}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "hasClass",
|
|
|
+ value: function hasClass(className) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets the given attrName of the root element to the given value.
|
|
|
+ * @param {string} attr The attribute name to set
|
|
|
+ * @param {string} value The value so give the attribute
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "setAttr",
|
|
|
+ value: function setAttr(attr, value) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Activates the indicator element.
|
|
|
+ * @param {!ClientRect=} previousIndicatorClientRect The client rect of the previously activated indicator
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "activateIndicator",
|
|
|
+ value: function activateIndicator(previousIndicatorClientRect) {}
|
|
|
+
|
|
|
+ /** Deactivates the indicator. */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "deactivateIndicator",
|
|
|
+ value: function deactivateIndicator() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Emits the MDCTab:interacted event for use by parent components
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "notifyInteracted",
|
|
|
+ value: function notifyInteracted() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns the offsetLeft value of the root element.
|
|
|
+ * @return {number}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "getOffsetLeft",
|
|
|
+ value: function getOffsetLeft() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns the offsetWidth value of the root element.
|
|
|
+ * @return {number}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "getOffsetWidth",
|
|
|
+ value: function getOffsetWidth() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns the offsetLeft of the content element.
|
|
|
+ * @return {number}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "getContentOffsetLeft",
|
|
|
+ value: function getContentOffsetLeft() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns the offsetWidth of the content element.
|
|
|
+ * @return {number}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "getContentOffsetWidth",
|
|
|
+ value: function getContentOffsetWidth() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Applies focus to the root element
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "focus",
|
|
|
+ value: function focus() {}
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCTabAdapter;
|
|
|
+}();
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 11 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__adapter__ = __webpack_require__(5);
|
|
|
+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"); } }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/* eslint no-unused-vars: [2, {"args": "none"}] */
|
|
|
+
|
|
|
+/* eslint-disable no-unused-vars */
|
|
|
+
|
|
|
+/* eslint-enable no-unused-vars */
|
|
|
+
|
|
|
+/**
|
|
|
+ * @abstract
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCTabScrollerRTL = function () {
|
|
|
+ /** @param {!MDCTabScrollerAdapter} adapter */
|
|
|
+ function MDCTabScrollerRTL(adapter) {
|
|
|
+ _classCallCheck(this, MDCTabScrollerRTL);
|
|
|
+
|
|
|
+ /** @private */
|
|
|
+ this.adapter_ = adapter;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {number} translateX The current translateX position
|
|
|
+ * @return {number}
|
|
|
+ * @abstract
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+ _createClass(MDCTabScrollerRTL, [{
|
|
|
+ key: 'getScrollPositionRTL',
|
|
|
+ value: function getScrollPositionRTL(translateX) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {number} scrollX
|
|
|
+ * @return {!MDCTabScrollerAnimation}
|
|
|
+ * @abstract
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'scrollToRTL',
|
|
|
+ value: function scrollToRTL(scrollX) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {number} scrollX
|
|
|
+ * @return {!MDCTabScrollerAnimation}
|
|
|
+ * @abstract
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'incrementScrollRTL',
|
|
|
+ value: function incrementScrollRTL(scrollX) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {number} scrollX The current scrollX position
|
|
|
+ * @param {number} translateX The current translateX position
|
|
|
+ * @return {number}
|
|
|
+ * @abstract
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getAnimatingScrollPosition',
|
|
|
+ value: function getAnimatingScrollPosition(scrollX, translateX) {}
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCTabScrollerRTL;
|
|
|
+}();
|
|
|
+
|
|
|
+/* harmony default export */ __webpack_exports__["a"] = (MDCTabScrollerRTL);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 12 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__constants__ = __webpack_require__(8);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(7);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__material_base_foundation__ = __webpack_require__(0);
|
|
|
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
|
+
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends {MDCFoundation<!MDCTopAppBarAdapter>}
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCTopAppBarBaseFoundation = function (_MDCFoundation) {
|
|
|
+ _inherits(MDCTopAppBarBaseFoundation, _MDCFoundation);
|
|
|
+
|
|
|
+ _createClass(MDCTopAppBarBaseFoundation, null, [{
|
|
|
+ key: 'strings',
|
|
|
+
|
|
|
+ /** @return enum {string} */
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_0__constants__["c" /* strings */];
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return enum {string} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'cssClasses',
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_0__constants__["a" /* cssClasses */];
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return enum {number} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'numbers',
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_0__constants__["b" /* numbers */];
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * {@see MDCTopAppBarAdapter} for typing information on parameters and return
|
|
|
+ * types.
|
|
|
+ * @return {!MDCTopAppBarAdapter}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'defaultAdapter',
|
|
|
+ get: function get() {
|
|
|
+ return (/** @type {!MDCTopAppBarAdapter} */{
|
|
|
+ hasClass: function hasClass() /* className: string */{},
|
|
|
+ addClass: function addClass() /* className: string */{},
|
|
|
+ removeClass: function removeClass() /* className: string */{},
|
|
|
+ setStyle: function setStyle() /* property: string, value: string */{},
|
|
|
+ getTopAppBarHeight: function getTopAppBarHeight() {},
|
|
|
+ registerNavigationIconInteractionHandler: function registerNavigationIconInteractionHandler() /* type: string, handler: EventListener */{},
|
|
|
+ deregisterNavigationIconInteractionHandler: function deregisterNavigationIconInteractionHandler() /* type: string, handler: EventListener */{},
|
|
|
+ notifyNavigationIconClicked: function notifyNavigationIconClicked() {},
|
|
|
+ registerScrollHandler: function registerScrollHandler() /* handler: EventListener */{},
|
|
|
+ deregisterScrollHandler: function deregisterScrollHandler() /* handler: EventListener */{},
|
|
|
+ registerResizeHandler: function registerResizeHandler() /* handler: EventListener */{},
|
|
|
+ deregisterResizeHandler: function deregisterResizeHandler() /* handler: EventListener */{},
|
|
|
+ getViewportScrollY: function getViewportScrollY() {
|
|
|
+ return (/* number */0
|
|
|
+ );
|
|
|
+ },
|
|
|
+ getTotalActionItems: function getTotalActionItems() {
|
|
|
+ return (/* number */0
|
|
|
+ );
|
|
|
+ }
|
|
|
+ }
|
|
|
+ );
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!MDCTopAppBarAdapter} adapter
|
|
|
+ */
|
|
|
+
|
|
|
+ }]);
|
|
|
+
|
|
|
+ function MDCTopAppBarBaseFoundation( /** @type {!MDCTopAppBarAdapter} */adapter) {
|
|
|
+ _classCallCheck(this, MDCTopAppBarBaseFoundation);
|
|
|
+
|
|
|
+ var _this = _possibleConstructorReturn(this, (MDCTopAppBarBaseFoundation.__proto__ || Object.getPrototypeOf(MDCTopAppBarBaseFoundation)).call(this, _extends(MDCTopAppBarBaseFoundation.defaultAdapter, adapter)));
|
|
|
+
|
|
|
+ _this.navClickHandler_ = function () {
|
|
|
+ return _this.adapter_.notifyNavigationIconClicked();
|
|
|
+ };
|
|
|
+
|
|
|
+ _this.scrollHandler_ = function () {};
|
|
|
+ return _this;
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCTopAppBarBaseFoundation, [{
|
|
|
+ key: 'init',
|
|
|
+ value: function init() {
|
|
|
+ this.adapter_.registerNavigationIconInteractionHandler('click', this.navClickHandler_);
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'destroy',
|
|
|
+ value: function destroy() {
|
|
|
+ this.adapter_.deregisterNavigationIconInteractionHandler('click', this.navClickHandler_);
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'initScrollHandler',
|
|
|
+ value: function initScrollHandler() {
|
|
|
+ this.adapter_.registerScrollHandler(this.scrollHandler_);
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'destroyScrollHandler',
|
|
|
+ value: function destroyScrollHandler() {
|
|
|
+ this.adapter_.deregisterScrollHandler(this.scrollHandler_);
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCTopAppBarBaseFoundation;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_2__material_base_foundation__["a" /* default */]);
|
|
|
+
|
|
|
+/* harmony default export */ __webpack_exports__["a"] = (MDCTopAppBarBaseFoundation);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 13 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "closest", function() { return closest; });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "matches", function() { return matches; });
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/**
|
|
|
+ * @fileoverview A "ponyfill" is a polyfill that doesn't modify the global prototype chain.
|
|
|
+ * This makes ponyfills safer than traditional polyfills, especially for libraries like MDC.
|
|
|
+ */
|
|
|
+
|
|
|
+/**
|
|
|
+ * @param {!Element} element
|
|
|
+ * @param {string} selector
|
|
|
+ * @return {?Element}
|
|
|
+ */
|
|
|
+function closest(element, selector) {
|
|
|
+ if (element.closest) {
|
|
|
+ return element.closest(selector);
|
|
|
+ }
|
|
|
+
|
|
|
+ var el = element;
|
|
|
+ while (el) {
|
|
|
+ if (matches(el, selector)) {
|
|
|
+ return el;
|
|
|
+ }
|
|
|
+ el = el.parentElement;
|
|
|
+ }
|
|
|
+ return null;
|
|
|
+}
|
|
|
+
|
|
|
+/**
|
|
|
+ * @param {!Element} element
|
|
|
+ * @param {string} selector
|
|
|
+ * @return {boolean}
|
|
|
+ */
|
|
|
+function matches(element, selector) {
|
|
|
+ var nativeMatches = element.matches || element.webkitMatchesSelector || element.msMatchesSelector;
|
|
|
+ return nativeMatches.call(element, selector);
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 14 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+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"); } }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/* eslint no-unused-vars: [2, {"args": "none"}] */
|
|
|
+
|
|
|
+/**
|
|
|
+ * Adapter for MDC Drawer
|
|
|
+ *
|
|
|
+ * Defines the shape of the adapter expected by the foundation. Implement this
|
|
|
+ * adapter to integrate the Drawer into your framework. See
|
|
|
+ * https://github.com/material-components/material-components-web/blob/master/docs/authoring-components.md
|
|
|
+ * for more information.
|
|
|
+ *
|
|
|
+ * @record
|
|
|
+ */
|
|
|
+var MDCDrawerAdapter = function () {
|
|
|
+ function MDCDrawerAdapter() {
|
|
|
+ _classCallCheck(this, MDCDrawerAdapter);
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCDrawerAdapter, [{
|
|
|
+ key: "addClass",
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Adds a class to the root Element.
|
|
|
+ * @param {string} className
|
|
|
+ */
|
|
|
+ value: function addClass(className) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Removes a class from the root Element.
|
|
|
+ * @param {string} className
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "removeClass",
|
|
|
+ value: function removeClass(className) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns true if the root Element contains the given class.
|
|
|
+ * @param {string} className
|
|
|
+ * @return {boolean}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "hasClass",
|
|
|
+ value: function hasClass(className) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!Element} element target element to verify class name
|
|
|
+ * @param {string} className class name
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "elementHasClass",
|
|
|
+ value: function elementHasClass(element, className) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Saves the focus of currently active element.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "saveFocus",
|
|
|
+ value: function saveFocus() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Restores focus to element previously saved with 'saveFocus'.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "restoreFocus",
|
|
|
+ value: function restoreFocus() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Focuses the active / selected navigation item.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "focusActiveNavigationItem",
|
|
|
+ value: function focusActiveNavigationItem() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Emits a custom event "MDCDrawer:closed" denoting the drawer has closed.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "notifyClose",
|
|
|
+ value: function notifyClose() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Emits a custom event "MDCDrawer:opened" denoting the drawer has opened.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "notifyOpen",
|
|
|
+ value: function notifyOpen() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Traps focus on root element and focuses the active navigation element.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "trapFocus",
|
|
|
+ value: function trapFocus() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Releases focus trap from root element which was set by `trapFocus`
|
|
|
+ * and restores focus to where it was prior to calling `trapFocus`.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "releaseFocus",
|
|
|
+ value: function releaseFocus() {}
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCDrawerAdapter;
|
|
|
+}();
|
|
|
+
|
|
|
+/* unused harmony default export */ var _unused_webpack_default_export = (MDCDrawerAdapter);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 15 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCList", function() { return MDCList; });
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_component__ = __webpack_require__(1);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__foundation__ = __webpack_require__(16);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__adapter__ = __webpack_require__(38);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__material_dom_ponyfill__ = __webpack_require__(13);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__constants__ = __webpack_require__(39);
|
|
|
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCListFoundation", function() { return __WEBPACK_IMPORTED_MODULE_1__foundation__["a"]; });
|
|
|
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
|
+
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends MDCComponent<!MDCListFoundation>
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCList = function (_MDCComponent) {
|
|
|
+ _inherits(MDCList, _MDCComponent);
|
|
|
+
|
|
|
+ /** @param {...?} args */
|
|
|
+ function MDCList() {
|
|
|
+ var _ref;
|
|
|
+
|
|
|
+ _classCallCheck(this, MDCList);
|
|
|
+
|
|
|
+ for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
|
|
+ args[_key] = arguments[_key];
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @private {!Function} */
|
|
|
+ var _this = _possibleConstructorReturn(this, (_ref = MDCList.__proto__ || Object.getPrototypeOf(MDCList)).call.apply(_ref, [this].concat(args)));
|
|
|
+
|
|
|
+ _this.handleKeydown_;
|
|
|
+ /** @private {!Function} */
|
|
|
+ _this.handleClick_;
|
|
|
+ /** @private {!Function} */
|
|
|
+ _this.focusInEventListener_;
|
|
|
+ /** @private {!Function} */
|
|
|
+ _this.focusOutEventListener_;
|
|
|
+ return _this;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!Element} root
|
|
|
+ * @return {!MDCList}
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+ _createClass(MDCList, [{
|
|
|
+ key: 'destroy',
|
|
|
+ value: function destroy() {
|
|
|
+ this.root_.removeEventListener('keydown', this.handleKeydown_);
|
|
|
+ this.root_.removeEventListener('click', this.handleClick_);
|
|
|
+ this.root_.removeEventListener('focusin', this.focusInEventListener_);
|
|
|
+ this.root_.removeEventListener('focusout', this.focusOutEventListener_);
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'initialSyncWithDOM',
|
|
|
+ value: function initialSyncWithDOM() {
|
|
|
+ this.handleClick_ = this.handleClickEvent_.bind(this);
|
|
|
+ this.handleKeydown_ = this.handleKeydownEvent_.bind(this);
|
|
|
+ this.focusInEventListener_ = this.handleFocusInEvent_.bind(this);
|
|
|
+ this.focusOutEventListener_ = this.handleFocusOutEvent_.bind(this);
|
|
|
+ this.root_.addEventListener('keydown', this.handleKeydown_);
|
|
|
+ this.root_.addEventListener('focusin', this.focusInEventListener_);
|
|
|
+ this.root_.addEventListener('focusout', this.focusOutEventListener_);
|
|
|
+ this.root_.addEventListener('click', this.handleClick_);
|
|
|
+ this.layout();
|
|
|
+ this.initializeListType();
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'layout',
|
|
|
+ value: function layout() {
|
|
|
+ var direction = this.root_.getAttribute(__WEBPACK_IMPORTED_MODULE_4__constants__["b" /* strings */].ARIA_ORIENTATION);
|
|
|
+ this.vertical = direction !== __WEBPACK_IMPORTED_MODULE_4__constants__["b" /* strings */].ARIA_ORIENTATION_HORIZONTAL;
|
|
|
+
|
|
|
+ // List items need to have at least tabindex=-1 to be focusable.
|
|
|
+ [].slice.call(this.root_.querySelectorAll('.mdc-list-item:not([tabindex])')).forEach(function (ele) {
|
|
|
+ ele.setAttribute('tabindex', -1);
|
|
|
+ });
|
|
|
+
|
|
|
+ // Child button/a elements are not tabbable until the list item is focused.
|
|
|
+ [].slice.call(this.root_.querySelectorAll(__WEBPACK_IMPORTED_MODULE_4__constants__["b" /* strings */].FOCUSABLE_CHILD_ELEMENTS)).forEach(function (ele) {
|
|
|
+ return ele.setAttribute('tabindex', -1);
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Used to figure out which list item this event is targetting. Or returns -1 if
|
|
|
+ * there is no list item
|
|
|
+ * @param {Event} evt
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getListItemIndex_',
|
|
|
+ value: function getListItemIndex_(evt) {
|
|
|
+ var eventTarget = /** @type {HTMLElement} */evt.target;
|
|
|
+ var index = -1;
|
|
|
+
|
|
|
+ // Find the first ancestor that is a list item or the list.
|
|
|
+ while (!eventTarget.classList.contains(__WEBPACK_IMPORTED_MODULE_4__constants__["a" /* cssClasses */].LIST_ITEM_CLASS) && !eventTarget.classList.contains(__WEBPACK_IMPORTED_MODULE_4__constants__["a" /* cssClasses */].ROOT)) {
|
|
|
+ eventTarget = eventTarget.parentElement;
|
|
|
+ }
|
|
|
+
|
|
|
+ // Get the index of the element if it is a list item.
|
|
|
+ if (eventTarget.classList.contains(__WEBPACK_IMPORTED_MODULE_4__constants__["a" /* cssClasses */].LIST_ITEM_CLASS)) {
|
|
|
+ index = this.listElements.indexOf(eventTarget);
|
|
|
+ }
|
|
|
+
|
|
|
+ return index;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Used to figure out which element was clicked before sending the event to the foundation.
|
|
|
+ * @param {Event} evt
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'handleFocusInEvent_',
|
|
|
+ value: function handleFocusInEvent_(evt) {
|
|
|
+ var index = this.getListItemIndex_(evt);
|
|
|
+ this.foundation_.handleFocusIn(evt, index);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Used to figure out which element was clicked before sending the event to the foundation.
|
|
|
+ * @param {Event} evt
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'handleFocusOutEvent_',
|
|
|
+ value: function handleFocusOutEvent_(evt) {
|
|
|
+ var index = this.getListItemIndex_(evt);
|
|
|
+ this.foundation_.handleFocusOut(evt, index);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Used to figure out which element was focused when keydown event occurred before sending the event to the
|
|
|
+ * foundation.
|
|
|
+ * @param {Event} evt
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'handleKeydownEvent_',
|
|
|
+ value: function handleKeydownEvent_(evt) {
|
|
|
+ var index = this.getListItemIndex_(evt);
|
|
|
+
|
|
|
+ if (index >= 0) {
|
|
|
+ this.foundation_.handleKeydown(evt, evt.target.classList.contains(__WEBPACK_IMPORTED_MODULE_4__constants__["a" /* cssClasses */].LIST_ITEM_CLASS), index);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Used to figure out which element was clicked before sending the event to the foundation.
|
|
|
+ * @param {Event} evt
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'handleClickEvent_',
|
|
|
+ value: function handleClickEvent_(evt) {
|
|
|
+ var index = this.getListItemIndex_(evt);
|
|
|
+
|
|
|
+ // Toggle the checkbox only if it's not the target of the event, or the checkbox will have 2 change events.
|
|
|
+ var toggleCheckbox = !Object(__WEBPACK_IMPORTED_MODULE_3__material_dom_ponyfill__["matches"])( /** @type {!Element} */evt.target, __WEBPACK_IMPORTED_MODULE_4__constants__["b" /* strings */].CHECKBOX_RADIO_SELECTOR);
|
|
|
+ this.foundation_.handleClick(index, toggleCheckbox);
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'initializeListType',
|
|
|
+ value: function initializeListType() {
|
|
|
+ // Automatically set single selection if selected/activated classes are present.
|
|
|
+ var preselectedElement = this.root_.querySelector('.' + __WEBPACK_IMPORTED_MODULE_4__constants__["a" /* cssClasses */].LIST_ITEM_ACTIVATED_CLASS + ', .' + __WEBPACK_IMPORTED_MODULE_4__constants__["a" /* cssClasses */].LIST_ITEM_SELECTED_CLASS);
|
|
|
+
|
|
|
+ if (preselectedElement) {
|
|
|
+ if (preselectedElement.classList.contains(__WEBPACK_IMPORTED_MODULE_4__constants__["a" /* cssClasses */].LIST_ITEM_ACTIVATED_CLASS)) {
|
|
|
+ this.foundation_.setUseActivatedClass(true);
|
|
|
+ }
|
|
|
+
|
|
|
+ this.singleSelection = true;
|
|
|
+ this.selectedIndex = this.listElements.indexOf(preselectedElement);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @param {boolean} value */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getDefaultFoundation',
|
|
|
+
|
|
|
+
|
|
|
+ /** @return {!MDCListFoundation} */
|
|
|
+ value: function getDefaultFoundation() {
|
|
|
+ var _this2 = this;
|
|
|
+
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */]( /** @type {!MDCListAdapter} */_extends({
|
|
|
+ getListItemCount: function getListItemCount() {
|
|
|
+ return _this2.listElements.length;
|
|
|
+ },
|
|
|
+ getFocusedElementIndex: function getFocusedElementIndex() {
|
|
|
+ return _this2.listElements.indexOf(document.activeElement);
|
|
|
+ },
|
|
|
+ setAttributeForElementIndex: function setAttributeForElementIndex(index, attr, value) {
|
|
|
+ var element = _this2.listElements[index];
|
|
|
+ if (element) {
|
|
|
+ element.setAttribute(attr, value);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ removeAttributeForElementIndex: function removeAttributeForElementIndex(index, attr) {
|
|
|
+ var element = _this2.listElements[index];
|
|
|
+ if (element) {
|
|
|
+ element.removeAttribute(attr);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ addClassForElementIndex: function addClassForElementIndex(index, className) {
|
|
|
+ var element = _this2.listElements[index];
|
|
|
+ if (element) {
|
|
|
+ element.classList.add(className);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ removeClassForElementIndex: function removeClassForElementIndex(index, className) {
|
|
|
+ var element = _this2.listElements[index];
|
|
|
+ if (element) {
|
|
|
+ element.classList.remove(className);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ focusItemAtIndex: function focusItemAtIndex(index) {
|
|
|
+ var element = _this2.listElements[index];
|
|
|
+ if (element) {
|
|
|
+ element.focus();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ setTabIndexForListItemChildren: function setTabIndexForListItemChildren(listItemIndex, tabIndexValue) {
|
|
|
+ var element = _this2.listElements[listItemIndex];
|
|
|
+ var listItemChildren = [].slice.call(element.querySelectorAll(__WEBPACK_IMPORTED_MODULE_4__constants__["b" /* strings */].CHILD_ELEMENTS_TO_TOGGLE_TABINDEX));
|
|
|
+ listItemChildren.forEach(function (ele) {
|
|
|
+ return ele.setAttribute('tabindex', tabIndexValue);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ followHref: function followHref(index) {
|
|
|
+ var listItem = _this2.listElements[index];
|
|
|
+ if (listItem && listItem.href) {
|
|
|
+ listItem.click();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ toggleCheckbox: function toggleCheckbox(index) {
|
|
|
+ var checkboxOrRadioExists = false;
|
|
|
+ var listItem = _this2.listElements[index];
|
|
|
+ var elementsToToggle = [].slice.call(listItem.querySelectorAll(__WEBPACK_IMPORTED_MODULE_4__constants__["b" /* strings */].CHECKBOX_RADIO_SELECTOR));
|
|
|
+ elementsToToggle.forEach(function (element) {
|
|
|
+ var event = document.createEvent('Event');
|
|
|
+ event.initEvent('change', true, true);
|
|
|
+
|
|
|
+ if (!element.checked || element.type !== 'radio') {
|
|
|
+ element.checked = !element.checked;
|
|
|
+ element.dispatchEvent(event);
|
|
|
+ }
|
|
|
+ checkboxOrRadioExists = true;
|
|
|
+ });
|
|
|
+ return checkboxOrRadioExists;
|
|
|
+ }
|
|
|
+ }));
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'vertical',
|
|
|
+ set: function set(value) {
|
|
|
+ this.foundation_.setVerticalOrientation(value);
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return Array<!Element>*/
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'listElements',
|
|
|
+ get: function get() {
|
|
|
+ return [].slice.call(this.root_.querySelectorAll(__WEBPACK_IMPORTED_MODULE_4__constants__["b" /* strings */].ENABLED_ITEMS_SELECTOR));
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @param {boolean} value */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'wrapFocus',
|
|
|
+ set: function set(value) {
|
|
|
+ this.foundation_.setWrapFocus(value);
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @param {boolean} isSingleSelectionList */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'singleSelection',
|
|
|
+ set: function set(isSingleSelectionList) {
|
|
|
+ this.foundation_.setSingleSelection(isSingleSelectionList);
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @param {number} index */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'selectedIndex',
|
|
|
+ set: function set(index) {
|
|
|
+ this.foundation_.setSelectedIndex(index);
|
|
|
+ }
|
|
|
+ }], [{
|
|
|
+ key: 'attachTo',
|
|
|
+ value: function attachTo(root) {
|
|
|
+ return new MDCList(root);
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCList;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_component__["a" /* default */]);
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 16 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_foundation__ = __webpack_require__(0);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(38);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(39);
|
|
|
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
|
+
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+var ELEMENTS_KEY_ALLOWED_IN = ['input', 'button', 'textarea', 'select'];
|
|
|
+
|
|
|
+var MDCListFoundation = function (_MDCFoundation) {
|
|
|
+ _inherits(MDCListFoundation, _MDCFoundation);
|
|
|
+
|
|
|
+ _createClass(MDCListFoundation, null, [{
|
|
|
+ key: 'strings',
|
|
|
+
|
|
|
+ /** @return enum {string} */
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */];
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return enum {string} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'cssClasses',
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */];
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * {@see MDCListAdapter} for typing information on parameters and return
|
|
|
+ * types.
|
|
|
+ * @return {!MDCListAdapter}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'defaultAdapter',
|
|
|
+ get: function get() {
|
|
|
+ return (/** @type {!MDCListAdapter} */{
|
|
|
+ getListItemCount: function getListItemCount() {},
|
|
|
+ getFocusedElementIndex: function getFocusedElementIndex() {},
|
|
|
+ setAttributeForElementIndex: function setAttributeForElementIndex() {},
|
|
|
+ removeAttributeForElementIndex: function removeAttributeForElementIndex() {},
|
|
|
+ addClassForElementIndex: function addClassForElementIndex() {},
|
|
|
+ removeClassForElementIndex: function removeClassForElementIndex() {},
|
|
|
+ focusItemAtIndex: function focusItemAtIndex() {},
|
|
|
+ setTabIndexForListItemChildren: function setTabIndexForListItemChildren() {},
|
|
|
+ followHref: function followHref() {},
|
|
|
+ toggleCheckbox: function toggleCheckbox() {}
|
|
|
+ }
|
|
|
+ );
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!MDCListAdapter=} adapter
|
|
|
+ */
|
|
|
+
|
|
|
+ }]);
|
|
|
+
|
|
|
+ function MDCListFoundation(adapter) {
|
|
|
+ _classCallCheck(this, MDCListFoundation);
|
|
|
+
|
|
|
+ /** {boolean} */
|
|
|
+ var _this = _possibleConstructorReturn(this, (MDCListFoundation.__proto__ || Object.getPrototypeOf(MDCListFoundation)).call(this, _extends(MDCListFoundation.defaultAdapter, adapter)));
|
|
|
+
|
|
|
+ _this.wrapFocus_ = false;
|
|
|
+ /** {boolean} */
|
|
|
+ _this.isVertical_ = true;
|
|
|
+ /** {boolean} */
|
|
|
+ _this.isSingleSelectionList_ = false;
|
|
|
+ /** {number} */
|
|
|
+ _this.selectedIndex_ = -1;
|
|
|
+ /** {boolean} */
|
|
|
+ _this.useActivatedClass_ = false;
|
|
|
+ return _this;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets the private wrapFocus_ variable.
|
|
|
+ * @param {boolean} value
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+ _createClass(MDCListFoundation, [{
|
|
|
+ key: 'setWrapFocus',
|
|
|
+ value: function setWrapFocus(value) {
|
|
|
+ this.wrapFocus_ = value;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets the isVertical_ private variable.
|
|
|
+ * @param {boolean} value
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setVerticalOrientation',
|
|
|
+ value: function setVerticalOrientation(value) {
|
|
|
+ this.isVertical_ = value;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets the isSingleSelectionList_ private variable.
|
|
|
+ * @param {boolean} value
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setSingleSelection',
|
|
|
+ value: function setSingleSelection(value) {
|
|
|
+ this.isSingleSelectionList_ = value;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets the useActivatedClass_ private variable.
|
|
|
+ * @param {boolean} useActivated
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setUseActivatedClass',
|
|
|
+ value: function setUseActivatedClass(useActivated) {
|
|
|
+ this.useActivatedClass_ = useActivated;
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @param {number} index */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setSelectedIndex',
|
|
|
+ value: function setSelectedIndex(index) {
|
|
|
+ if (index === this.selectedIndex_) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ var className = this.useActivatedClass_ ? __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].LIST_ITEM_ACTIVATED_CLASS : __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].LIST_ITEM_SELECTED_CLASS;
|
|
|
+
|
|
|
+ if (this.selectedIndex_ >= 0) {
|
|
|
+ this.adapter_.removeAttributeForElementIndex(this.selectedIndex_, __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */].ARIA_SELECTED);
|
|
|
+ this.adapter_.removeClassForElementIndex(this.selectedIndex_, className);
|
|
|
+ this.adapter_.setAttributeForElementIndex(this.selectedIndex_, 'tabindex', -1);
|
|
|
+ }
|
|
|
+
|
|
|
+ if (index >= 0 && this.adapter_.getListItemCount() > index) {
|
|
|
+ this.selectedIndex_ = index;
|
|
|
+ this.adapter_.setAttributeForElementIndex(this.selectedIndex_, __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */].ARIA_SELECTED, true);
|
|
|
+ this.adapter_.addClassForElementIndex(this.selectedIndex_, className);
|
|
|
+ this.adapter_.setAttributeForElementIndex(this.selectedIndex_, 'tabindex', 0);
|
|
|
+
|
|
|
+ if (this.selectedIndex_ !== 0) {
|
|
|
+ this.adapter_.setAttributeForElementIndex(0, 'tabindex', -1);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Focus in handler for the list items.
|
|
|
+ * @param evt
|
|
|
+ * @param {number} listItemIndex
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'handleFocusIn',
|
|
|
+ value: function handleFocusIn(evt, listItemIndex) {
|
|
|
+ if (listItemIndex >= 0) {
|
|
|
+ this.adapter_.setTabIndexForListItemChildren(listItemIndex, 0);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Focus out handler for the list items.
|
|
|
+ * @param {Event} evt
|
|
|
+ * @param {number} listItemIndex
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'handleFocusOut',
|
|
|
+ value: function handleFocusOut(evt, listItemIndex) {
|
|
|
+ if (listItemIndex >= 0) {
|
|
|
+ this.adapter_.setTabIndexForListItemChildren(listItemIndex, -1);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Key handler for the list.
|
|
|
+ * @param {Event} evt
|
|
|
+ * @param {boolean} isRootListItem
|
|
|
+ * @param {number} listItemIndex
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'handleKeydown',
|
|
|
+ value: function handleKeydown(evt, isRootListItem, listItemIndex) {
|
|
|
+ var arrowLeft = evt.key === 'ArrowLeft' || evt.keyCode === 37;
|
|
|
+ var arrowUp = evt.key === 'ArrowUp' || evt.keyCode === 38;
|
|
|
+ var arrowRight = evt.key === 'ArrowRight' || evt.keyCode === 39;
|
|
|
+ var arrowDown = evt.key === 'ArrowDown' || evt.keyCode === 40;
|
|
|
+ var isHome = evt.key === 'Home' || evt.keyCode === 36;
|
|
|
+ var isEnd = evt.key === 'End' || evt.keyCode === 35;
|
|
|
+ var isEnter = evt.key === 'Enter' || evt.keyCode === 13;
|
|
|
+ var isSpace = evt.key === 'Space' || evt.keyCode === 32;
|
|
|
+
|
|
|
+ var currentIndex = this.adapter_.getFocusedElementIndex();
|
|
|
+ if (currentIndex === -1) {
|
|
|
+ currentIndex = listItemIndex;
|
|
|
+ if (currentIndex < 0) {
|
|
|
+ // If this event doesn't have a mdc-list-item ancestor from the
|
|
|
+ // current list (not from a sublist), return early.
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ if (this.isVertical_ && arrowDown || !this.isVertical_ && arrowRight) {
|
|
|
+ this.preventDefaultEvent_(evt);
|
|
|
+ this.focusNextElement(currentIndex);
|
|
|
+ } else if (this.isVertical_ && arrowUp || !this.isVertical_ && arrowLeft) {
|
|
|
+ this.preventDefaultEvent_(evt);
|
|
|
+ this.focusPrevElement(currentIndex);
|
|
|
+ } else if (isHome) {
|
|
|
+ this.preventDefaultEvent_(evt);
|
|
|
+ this.focusFirstElement();
|
|
|
+ } else if (isEnd) {
|
|
|
+ this.preventDefaultEvent_(evt);
|
|
|
+ this.focusLastElement();
|
|
|
+ } else if (isEnter || isSpace) {
|
|
|
+ if (isRootListItem) {
|
|
|
+ if (this.isSingleSelectionList_) {
|
|
|
+ // Check if the space key was pressed on the list item or a child element.
|
|
|
+ this.setSelectedIndex(currentIndex);
|
|
|
+ this.preventDefaultEvent_(evt);
|
|
|
+ }
|
|
|
+
|
|
|
+ // Explicitly activate links, since we're preventing default on Enter, and Space doesn't activate them.
|
|
|
+ this.adapter_.followHref(currentIndex);
|
|
|
+ }
|
|
|
+
|
|
|
+ var checkboxFound = this.adapter_.toggleCheckbox(listItemIndex);
|
|
|
+
|
|
|
+ if (checkboxFound) {
|
|
|
+ this.preventDefaultEvent_(evt);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Click handler for the list.
|
|
|
+ * @param {number} index
|
|
|
+ * @param {boolean} toggleCheckbox
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'handleClick',
|
|
|
+ value: function handleClick(index, toggleCheckbox) {
|
|
|
+ if (index === -1) return;
|
|
|
+
|
|
|
+ if (toggleCheckbox) {
|
|
|
+ this.adapter_.toggleCheckbox(index);
|
|
|
+ }
|
|
|
+
|
|
|
+ if (this.isSingleSelectionList_) {
|
|
|
+ this.setSelectedIndex(index);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Ensures that preventDefault is only called if the containing element doesn't
|
|
|
+ * consume the event, and it will cause an unintended scroll.
|
|
|
+ * @param {Event} evt
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'preventDefaultEvent_',
|
|
|
+ value: function preventDefaultEvent_(evt) {
|
|
|
+ var tagName = ('' + evt.target.tagName).toLowerCase();
|
|
|
+ if (ELEMENTS_KEY_ALLOWED_IN.indexOf(tagName) === -1) {
|
|
|
+ evt.preventDefault();
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Focuses the next element on the list.
|
|
|
+ * @param {number} index
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'focusNextElement',
|
|
|
+ value: function focusNextElement(index) {
|
|
|
+ var count = this.adapter_.getListItemCount();
|
|
|
+ var nextIndex = index + 1;
|
|
|
+ if (nextIndex >= count) {
|
|
|
+ if (this.wrapFocus_) {
|
|
|
+ nextIndex = 0;
|
|
|
+ } else {
|
|
|
+ // Return early because last item is already focused.
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.adapter_.focusItemAtIndex(nextIndex);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Focuses the previous element on the list.
|
|
|
+ * @param {number} index
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'focusPrevElement',
|
|
|
+ value: function focusPrevElement(index) {
|
|
|
+ var prevIndex = index - 1;
|
|
|
+ if (prevIndex < 0) {
|
|
|
+ if (this.wrapFocus_) {
|
|
|
+ prevIndex = this.adapter_.getListItemCount() - 1;
|
|
|
+ } else {
|
|
|
+ // Return early because first item is already focused.
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.adapter_.focusItemAtIndex(prevIndex);
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'focusFirstElement',
|
|
|
+ value: function focusFirstElement() {
|
|
|
+ if (this.adapter_.getListItemCount() > 0) {
|
|
|
+ this.adapter_.focusItemAtIndex(0);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'focusLastElement',
|
|
|
+ value: function focusLastElement() {
|
|
|
+ var lastIndex = this.adapter_.getListItemCount() - 1;
|
|
|
+ if (lastIndex >= 0) {
|
|
|
+ this.adapter_.focusItemAtIndex(lastIndex);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCListFoundation;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
|
|
|
+
|
|
|
+/* harmony default export */ __webpack_exports__["a"] = (MDCListFoundation);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 17 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCFloatingLabel", function() { return MDCFloatingLabel; });
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_component__ = __webpack_require__(1);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(41);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__foundation__ = __webpack_require__(87);
|
|
|
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCFloatingLabelFoundation", function() { return __WEBPACK_IMPORTED_MODULE_2__foundation__["a"]; });
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2016 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends {MDCComponent<!MDCFloatingLabelFoundation>}
|
|
|
+ * @final
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCFloatingLabel = function (_MDCComponent) {
|
|
|
+ _inherits(MDCFloatingLabel, _MDCComponent);
|
|
|
+
|
|
|
+ function MDCFloatingLabel() {
|
|
|
+ _classCallCheck(this, MDCFloatingLabel);
|
|
|
+
|
|
|
+ return _possibleConstructorReturn(this, (MDCFloatingLabel.__proto__ || Object.getPrototypeOf(MDCFloatingLabel)).apply(this, arguments));
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCFloatingLabel, [{
|
|
|
+ key: 'shake',
|
|
|
+
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Styles the label to produce the label shake for errors.
|
|
|
+ * @param {boolean} shouldShake styles the label to shake by adding shake class
|
|
|
+ * if true, otherwise will stop shaking by removing shake class.
|
|
|
+ */
|
|
|
+ value: function shake(shouldShake) {
|
|
|
+ this.foundation_.shake(shouldShake);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Styles label to float/dock.
|
|
|
+ * @param {boolean} shouldFloat styles the label to float by adding float class
|
|
|
+ * if true, otherwise docks the label by removing the float class.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'float',
|
|
|
+ value: function float(shouldFloat) {
|
|
|
+ this.foundation_.float(shouldFloat);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {number}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getWidth',
|
|
|
+ value: function getWidth() {
|
|
|
+ return this.foundation_.getWidth();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {!MDCFloatingLabelFoundation}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getDefaultFoundation',
|
|
|
+ value: function getDefaultFoundation() {
|
|
|
+ var _this2 = this;
|
|
|
+
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */]({
|
|
|
+ addClass: function addClass(className) {
|
|
|
+ return _this2.root_.classList.add(className);
|
|
|
+ },
|
|
|
+ removeClass: function removeClass(className) {
|
|
|
+ return _this2.root_.classList.remove(className);
|
|
|
+ },
|
|
|
+ getWidth: function getWidth() {
|
|
|
+ return _this2.root_.offsetWidth;
|
|
|
+ },
|
|
|
+ registerInteractionHandler: function registerInteractionHandler(evtType, handler) {
|
|
|
+ return _this2.root_.addEventListener(evtType, handler);
|
|
|
+ },
|
|
|
+ deregisterInteractionHandler: function deregisterInteractionHandler(evtType, handler) {
|
|
|
+ return _this2.root_.removeEventListener(evtType, handler);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }], [{
|
|
|
+ key: 'attachTo',
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!Element} root
|
|
|
+ * @return {!MDCFloatingLabel}
|
|
|
+ */
|
|
|
+ value: function attachTo(root) {
|
|
|
+ return new MDCFloatingLabel(root);
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCFloatingLabel;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_component__["a" /* default */]);
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 18 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCLineRipple", function() { return MDCLineRipple; });
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_component__ = __webpack_require__(1);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(42);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__foundation__ = __webpack_require__(107);
|
|
|
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCLineRippleFoundation", function() { return __WEBPACK_IMPORTED_MODULE_2__foundation__["a"]; });
|
|
|
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
|
+
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends {MDCComponent<!MDCLineRippleFoundation>}
|
|
|
+ * @final
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCLineRipple = function (_MDCComponent) {
|
|
|
+ _inherits(MDCLineRipple, _MDCComponent);
|
|
|
+
|
|
|
+ function MDCLineRipple() {
|
|
|
+ _classCallCheck(this, MDCLineRipple);
|
|
|
+
|
|
|
+ return _possibleConstructorReturn(this, (MDCLineRipple.__proto__ || Object.getPrototypeOf(MDCLineRipple)).apply(this, arguments));
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCLineRipple, [{
|
|
|
+ key: 'activate',
|
|
|
+
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Activates the line ripple
|
|
|
+ */
|
|
|
+ value: function activate() {
|
|
|
+ this.foundation_.activate();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Deactivates the line ripple
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'deactivate',
|
|
|
+ value: function deactivate() {
|
|
|
+ this.foundation_.deactivate();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets the transform origin given a user's click location. The `rippleCenter` is the
|
|
|
+ * x-coordinate of the middle of the ripple.
|
|
|
+ * @param {number} xCoordinate
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setRippleCenter',
|
|
|
+ value: function setRippleCenter(xCoordinate) {
|
|
|
+ this.foundation_.setRippleCenter(xCoordinate);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {!MDCLineRippleFoundation}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getDefaultFoundation',
|
|
|
+ value: function getDefaultFoundation() {
|
|
|
+ var _this2 = this;
|
|
|
+
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */]( /** @type {!MDCLineRippleAdapter} */_extends({
|
|
|
+ addClass: function addClass(className) {
|
|
|
+ return _this2.root_.classList.add(className);
|
|
|
+ },
|
|
|
+ removeClass: function removeClass(className) {
|
|
|
+ return _this2.root_.classList.remove(className);
|
|
|
+ },
|
|
|
+ hasClass: function hasClass(className) {
|
|
|
+ return _this2.root_.classList.contains(className);
|
|
|
+ },
|
|
|
+ setStyle: function setStyle(propertyName, value) {
|
|
|
+ return _this2.root_.style[propertyName] = value;
|
|
|
+ },
|
|
|
+ registerEventHandler: function registerEventHandler(evtType, handler) {
|
|
|
+ return _this2.root_.addEventListener(evtType, handler);
|
|
|
+ },
|
|
|
+ deregisterEventHandler: function deregisterEventHandler(evtType, handler) {
|
|
|
+ return _this2.root_.removeEventListener(evtType, handler);
|
|
|
+ }
|
|
|
+ }));
|
|
|
+ }
|
|
|
+ }], [{
|
|
|
+ key: 'attachTo',
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!Element} root
|
|
|
+ * @return {!MDCLineRipple}
|
|
|
+ */
|
|
|
+ value: function attachTo(root) {
|
|
|
+ return new MDCLineRipple(root);
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCLineRipple;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_component__["a" /* default */]);
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 19 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return cssClasses; });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return strings; });
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/** @enum {string} */
|
|
|
+var cssClasses = {
|
|
|
+ ROOT: 'mdc-menu',
|
|
|
+ MENU_SELECTED_LIST_ITEM: 'mdc-menu-item--selected',
|
|
|
+ MENU_SELECTION_GROUP: 'mdc-menu__selection-group'
|
|
|
+};
|
|
|
+
|
|
|
+/** @enum {string} */
|
|
|
+var strings = {
|
|
|
+ SELECTED_EVENT: 'MDCMenu:selected',
|
|
|
+ ARIA_SELECTED_ATTR: 'aria-selected',
|
|
|
+ LIST_SELECTOR: '.mdc-list',
|
|
|
+ CHECKBOX_SELECTOR: 'input[type="checkbox"]'
|
|
|
+};
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 20 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return MDCMenuSurfaceFoundation; });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return AnchorMargin; });
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_foundation__ = __webpack_require__(0);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(44);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(21);
|
|
|
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
|
+
|
|
|
+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 _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
|
+
|
|
|
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/**
|
|
|
+ * @typedef {{
|
|
|
+ * top: number,
|
|
|
+ * right: number,
|
|
|
+ * bottom: number,
|
|
|
+ * left: number
|
|
|
+ * }}
|
|
|
+ */
|
|
|
+var AnchorMargin = void 0;
|
|
|
+
|
|
|
+/* eslint-disable no-unused-vars */
|
|
|
+/**
|
|
|
+ * @typedef {{
|
|
|
+ * viewport: { width: number, height: number },
|
|
|
+ * viewportDistance: {top: number, right: number, bottom: number, left: number},
|
|
|
+ * anchorHeight: number,
|
|
|
+ * anchorWidth: number,
|
|
|
+ * surfaceHeight: number,
|
|
|
+ * surfaceWidth: number,
|
|
|
+ * bodyDimensions,
|
|
|
+ * windowScroll,
|
|
|
+ * }}
|
|
|
+ */
|
|
|
+var AutoLayoutMeasurements = void 0;
|
|
|
+/* eslint-enable no-unused-vars */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends {MDCFoundation<!MDCMenuSurfaceAdapter>}
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCMenuSurfaceFoundation = function (_MDCFoundation) {
|
|
|
+ _inherits(MDCMenuSurfaceFoundation, _MDCFoundation);
|
|
|
+
|
|
|
+ _createClass(MDCMenuSurfaceFoundation, null, [{
|
|
|
+ key: 'cssClasses',
|
|
|
+
|
|
|
+ /** @return enum{cssClasses} */
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_2__constants__["c" /* cssClasses */];
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return enum{string} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'strings',
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_2__constants__["e" /* strings */];
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return enum {number} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'numbers',
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_2__constants__["d" /* numbers */];
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return enum{number} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'Corner',
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* Corner */];
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * {@see MDCMenuSurfaceAdapter} for typing information on parameters and return
|
|
|
+ * types.
|
|
|
+ * @return {!MDCMenuSurfaceAdapter}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'defaultAdapter',
|
|
|
+ get: function get() {
|
|
|
+ return (/** @type {!MDCMenuSurfaceAdapter} */{
|
|
|
+ addClass: function addClass() {},
|
|
|
+ removeClass: function removeClass() {},
|
|
|
+ hasClass: function hasClass() {
|
|
|
+ return false;
|
|
|
+ },
|
|
|
+ hasAnchor: function hasAnchor() {
|
|
|
+ return false;
|
|
|
+ },
|
|
|
+ notifyClose: function notifyClose() {},
|
|
|
+ notifyOpen: function notifyOpen() {},
|
|
|
+ isElementInContainer: function isElementInContainer() {
|
|
|
+ return false;
|
|
|
+ },
|
|
|
+ isRtl: function isRtl() {
|
|
|
+ return false;
|
|
|
+ },
|
|
|
+ setTransformOrigin: function setTransformOrigin() {},
|
|
|
+ isFocused: function isFocused() {
|
|
|
+ return false;
|
|
|
+ },
|
|
|
+ saveFocus: function saveFocus() {},
|
|
|
+ restoreFocus: function restoreFocus() {},
|
|
|
+ isFirstElementFocused: function isFirstElementFocused() {},
|
|
|
+ isLastElementFocused: function isLastElementFocused() {},
|
|
|
+ focusFirstElement: function focusFirstElement() {},
|
|
|
+ focusLastElement: function focusLastElement() {},
|
|
|
+ getInnerDimensions: function getInnerDimensions() {
|
|
|
+ return {};
|
|
|
+ },
|
|
|
+ getAnchorDimensions: function getAnchorDimensions() {
|
|
|
+ return {};
|
|
|
+ },
|
|
|
+ getWindowDimensions: function getWindowDimensions() {
|
|
|
+ return {};
|
|
|
+ },
|
|
|
+ getBodyDimensions: function getBodyDimensions() {
|
|
|
+ return {};
|
|
|
+ },
|
|
|
+ getWindowScroll: function getWindowScroll() {
|
|
|
+ return {};
|
|
|
+ },
|
|
|
+ setPosition: function setPosition() {},
|
|
|
+ setMaxHeight: function setMaxHeight() {}
|
|
|
+ }
|
|
|
+ );
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @param {!MDCMenuSurfaceAdapter} adapter */
|
|
|
+
|
|
|
+ }]);
|
|
|
+
|
|
|
+ function MDCMenuSurfaceFoundation(adapter) {
|
|
|
+ _classCallCheck(this, MDCMenuSurfaceFoundation);
|
|
|
+
|
|
|
+ /** @private {boolean} */
|
|
|
+ var _this = _possibleConstructorReturn(this, (MDCMenuSurfaceFoundation.__proto__ || Object.getPrototypeOf(MDCMenuSurfaceFoundation)).call(this, _extends(MDCMenuSurfaceFoundation.defaultAdapter, adapter)));
|
|
|
+
|
|
|
+ _this.isOpen_ = false;
|
|
|
+ /** @private {number} */
|
|
|
+ _this.openAnimationEndTimerId_ = 0;
|
|
|
+ /** @private {number} */
|
|
|
+ _this.closeAnimationEndTimerId_ = 0;
|
|
|
+ /** @private {number} */
|
|
|
+ _this.animationRequestId_ = 0;
|
|
|
+ /** @private {!{ width: number, height: number }} */
|
|
|
+ _this.dimensions_;
|
|
|
+ /** @private {!Corner} */
|
|
|
+ _this.anchorCorner_ = __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* Corner */].TOP_START;
|
|
|
+ /** @private {!AnchorMargin} */
|
|
|
+ _this.anchorMargin_ = { top: 0, right: 0, bottom: 0, left: 0 };
|
|
|
+ /** @private {?AutoLayoutMeasurements} */
|
|
|
+ _this.measures_ = null;
|
|
|
+ /** @private {boolean} */
|
|
|
+ _this.quickOpen_ = false;
|
|
|
+ /** @private {boolean} */
|
|
|
+ _this.hoistedElement_ = false;
|
|
|
+ /** @private {boolean} */
|
|
|
+ _this.isFixedPosition_ = false;
|
|
|
+ /** @private {!{x: number, y: number}} */
|
|
|
+ _this.position_ = { x: 0, y: 0 };
|
|
|
+ return _this;
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCMenuSurfaceFoundation, [{
|
|
|
+ key: 'init',
|
|
|
+ value: function init() {
|
|
|
+ var _MDCMenuSurfaceFounda = MDCMenuSurfaceFoundation.cssClasses,
|
|
|
+ ROOT = _MDCMenuSurfaceFounda.ROOT,
|
|
|
+ OPEN = _MDCMenuSurfaceFounda.OPEN;
|
|
|
+
|
|
|
+
|
|
|
+ if (!this.adapter_.hasClass(ROOT)) {
|
|
|
+ throw new Error(ROOT + ' class required in root element.');
|
|
|
+ }
|
|
|
+
|
|
|
+ if (this.adapter_.hasClass(OPEN)) {
|
|
|
+ this.isOpen_ = true;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'destroy',
|
|
|
+ value: function destroy() {
|
|
|
+ clearTimeout(this.openAnimationEndTimerId_);
|
|
|
+ clearTimeout(this.closeAnimationEndTimerId_);
|
|
|
+ // Cancel any currently running animations.
|
|
|
+ cancelAnimationFrame(this.animationRequestId_);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!Corner} corner Default anchor corner alignment of top-left menu surface corner.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setAnchorCorner',
|
|
|
+ value: function setAnchorCorner(corner) {
|
|
|
+ this.anchorCorner_ = corner;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!AnchorMargin} margin set of margin values from anchor.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setAnchorMargin',
|
|
|
+ value: function setAnchorMargin(margin) {
|
|
|
+ this.anchorMargin_.top = typeof margin.top === 'number' ? margin.top : 0;
|
|
|
+ this.anchorMargin_.right = typeof margin.right === 'number' ? margin.right : 0;
|
|
|
+ this.anchorMargin_.bottom = typeof margin.bottom === 'number' ? margin.bottom : 0;
|
|
|
+ this.anchorMargin_.left = typeof margin.left === 'number' ? margin.left : 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Used to indicate if the menu-surface is hoisted to the body.
|
|
|
+ * @param {boolean} isHoisted
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setIsHoisted',
|
|
|
+ value: function setIsHoisted(isHoisted) {
|
|
|
+ this.hoistedElement_ = isHoisted;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Used to set the menu-surface calculations based on a fixed position menu.
|
|
|
+ * @param {boolean} isFixedPosition
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setFixedPosition',
|
|
|
+ value: function setFixedPosition(isFixedPosition) {
|
|
|
+ this.isFixedPosition_ = isFixedPosition;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets the menu-surface position on the page.
|
|
|
+ * @param {number} x
|
|
|
+ * @param {number} y
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setAbsolutePosition',
|
|
|
+ value: function setAbsolutePosition(x, y) {
|
|
|
+ this.position_.x = this.typeCheckisFinite_(x) ? x : 0;
|
|
|
+ this.position_.y = this.typeCheckisFinite_(y) ? y : 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @param {boolean} quickOpen */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setQuickOpen',
|
|
|
+ value: function setQuickOpen(quickOpen) {
|
|
|
+ this.quickOpen_ = quickOpen;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Handle clicks and close if not within menu-surface element.
|
|
|
+ * @param {!Event} evt
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'handleBodyClick',
|
|
|
+ value: function handleBodyClick(evt) {
|
|
|
+ var el = evt.target;
|
|
|
+
|
|
|
+ if (this.adapter_.isElementInContainer(el)) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ this.close();
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'handleKeydown',
|
|
|
+
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Handle keys that close the surface.
|
|
|
+ * @param {!Event} evt
|
|
|
+ */
|
|
|
+ value: function handleKeydown(evt) {
|
|
|
+ var keyCode = evt.keyCode,
|
|
|
+ key = evt.key,
|
|
|
+ shiftKey = evt.shiftKey;
|
|
|
+
|
|
|
+
|
|
|
+ var isEscape = key === 'Escape' || keyCode === 27;
|
|
|
+ var isTab = key === 'Tab' || keyCode === 9;
|
|
|
+
|
|
|
+ if (isEscape) {
|
|
|
+ this.close();
|
|
|
+ } else if (isTab) {
|
|
|
+ if (this.adapter_.isLastElementFocused() && !shiftKey) {
|
|
|
+ this.adapter_.focusFirstElement();
|
|
|
+ evt.preventDefault();
|
|
|
+ } else if (this.adapter_.isFirstElementFocused() && shiftKey) {
|
|
|
+ this.adapter_.focusLastElement();
|
|
|
+ evt.preventDefault();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {!AutoLayoutMeasurements} Measurements used to position menu surface popup.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getAutoLayoutMeasurements_',
|
|
|
+ value: function getAutoLayoutMeasurements_() {
|
|
|
+ var anchorRect = this.adapter_.getAnchorDimensions();
|
|
|
+ var viewport = this.adapter_.getWindowDimensions();
|
|
|
+ var bodyDimensions = this.adapter_.getBodyDimensions();
|
|
|
+ var windowScroll = this.adapter_.getWindowScroll();
|
|
|
+
|
|
|
+ if (!anchorRect) {
|
|
|
+ anchorRect = /** @type {ClientRect} */{
|
|
|
+ x: this.position_.x,
|
|
|
+ y: this.position_.y,
|
|
|
+ top: this.position_.y,
|
|
|
+ bottom: this.position_.y,
|
|
|
+ left: this.position_.x,
|
|
|
+ right: this.position_.x,
|
|
|
+ height: 0,
|
|
|
+ width: 0
|
|
|
+ };
|
|
|
+ }
|
|
|
+
|
|
|
+ return {
|
|
|
+ viewport: viewport,
|
|
|
+ bodyDimensions: bodyDimensions,
|
|
|
+ windowScroll: windowScroll,
|
|
|
+ viewportDistance: {
|
|
|
+ top: anchorRect.top,
|
|
|
+ right: viewport.width - anchorRect.right,
|
|
|
+ left: anchorRect.left,
|
|
|
+ bottom: viewport.height - anchorRect.bottom
|
|
|
+ },
|
|
|
+ anchorHeight: anchorRect.height,
|
|
|
+ anchorWidth: anchorRect.width,
|
|
|
+ surfaceHeight: this.dimensions_.height,
|
|
|
+ surfaceWidth: this.dimensions_.width
|
|
|
+ };
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Computes the corner of the anchor from which to animate and position the menu surface.
|
|
|
+ * @return {!Corner}
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getOriginCorner_',
|
|
|
+ value: function getOriginCorner_() {
|
|
|
+ // Defaults: open from the top left.
|
|
|
+ var corner = __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* Corner */].TOP_LEFT;
|
|
|
+
|
|
|
+ var _measures_ = this.measures_,
|
|
|
+ viewportDistance = _measures_.viewportDistance,
|
|
|
+ anchorHeight = _measures_.anchorHeight,
|
|
|
+ anchorWidth = _measures_.anchorWidth,
|
|
|
+ surfaceHeight = _measures_.surfaceHeight,
|
|
|
+ surfaceWidth = _measures_.surfaceWidth;
|
|
|
+
|
|
|
+ var isBottomAligned = Boolean(this.anchorCorner_ & __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* CornerBit */].BOTTOM);
|
|
|
+ var availableTop = isBottomAligned ? viewportDistance.top + anchorHeight + this.anchorMargin_.bottom : viewportDistance.top + this.anchorMargin_.top;
|
|
|
+ var availableBottom = isBottomAligned ? viewportDistance.bottom - this.anchorMargin_.bottom : viewportDistance.bottom + anchorHeight - this.anchorMargin_.top;
|
|
|
+
|
|
|
+ var topOverflow = surfaceHeight - availableTop;
|
|
|
+ var bottomOverflow = surfaceHeight - availableBottom;
|
|
|
+ if (bottomOverflow > 0 && topOverflow < bottomOverflow) {
|
|
|
+ corner |= __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* CornerBit */].BOTTOM;
|
|
|
+ }
|
|
|
+
|
|
|
+ var isRtl = this.adapter_.isRtl();
|
|
|
+ var isFlipRtl = Boolean(this.anchorCorner_ & __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* CornerBit */].FLIP_RTL);
|
|
|
+ var avoidHorizontalOverlap = Boolean(this.anchorCorner_ & __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* CornerBit */].RIGHT);
|
|
|
+ var isAlignedRight = avoidHorizontalOverlap && !isRtl || !avoidHorizontalOverlap && isFlipRtl && isRtl;
|
|
|
+ var availableLeft = isAlignedRight ? viewportDistance.left + anchorWidth + this.anchorMargin_.right : viewportDistance.left + this.anchorMargin_.left;
|
|
|
+ var availableRight = isAlignedRight ? viewportDistance.right - this.anchorMargin_.right : viewportDistance.right + anchorWidth - this.anchorMargin_.left;
|
|
|
+
|
|
|
+ var leftOverflow = surfaceWidth - availableLeft;
|
|
|
+ var rightOverflow = surfaceWidth - availableRight;
|
|
|
+
|
|
|
+ if (leftOverflow < 0 && isAlignedRight && isRtl || avoidHorizontalOverlap && !isAlignedRight && leftOverflow < 0 || rightOverflow > 0 && leftOverflow < rightOverflow) {
|
|
|
+ corner |= __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* CornerBit */].RIGHT;
|
|
|
+ }
|
|
|
+
|
|
|
+ return (/** @type {Corner} */corner
|
|
|
+ );
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!Corner} corner Origin corner of the menu surface.
|
|
|
+ * @return {number} Horizontal offset of menu surface origin corner from corresponding anchor corner.
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getHorizontalOriginOffset_',
|
|
|
+ value: function getHorizontalOriginOffset_(corner) {
|
|
|
+ var anchorWidth = this.measures_.anchorWidth;
|
|
|
+ // isRightAligned corresponds to using the 'right' property on the surface.
|
|
|
+
|
|
|
+ var isRightAligned = Boolean(corner & __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* CornerBit */].RIGHT);
|
|
|
+ var avoidHorizontalOverlap = Boolean(this.anchorCorner_ & __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* CornerBit */].RIGHT);
|
|
|
+
|
|
|
+ if (isRightAligned) {
|
|
|
+ var rightOffset = avoidHorizontalOverlap ? anchorWidth - this.anchorMargin_.left : this.anchorMargin_.right;
|
|
|
+
|
|
|
+ // For hoisted or fixed elements, adjust the offset by the difference between viewport width and body width so
|
|
|
+ // when we calculate the right value (`adjustPositionForHoistedElement_`) based on the element position,
|
|
|
+ // the right property is correct.
|
|
|
+ if (this.hoistedElement_ || this.isFixedPosition_) {
|
|
|
+ return rightOffset - (this.measures_.viewport.width - this.measures_.bodyDimensions.width);
|
|
|
+ }
|
|
|
+
|
|
|
+ return rightOffset;
|
|
|
+ }
|
|
|
+
|
|
|
+ return avoidHorizontalOverlap ? anchorWidth - this.anchorMargin_.right : this.anchorMargin_.left;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!Corner} corner Origin corner of the menu surface.
|
|
|
+ * @return {number} Vertical offset of menu surface origin corner from corresponding anchor corner.
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getVerticalOriginOffset_',
|
|
|
+ value: function getVerticalOriginOffset_(corner) {
|
|
|
+ var anchorHeight = this.measures_.anchorHeight;
|
|
|
+
|
|
|
+ var isBottomAligned = Boolean(corner & __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* CornerBit */].BOTTOM);
|
|
|
+ var avoidVerticalOverlap = Boolean(this.anchorCorner_ & __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* CornerBit */].BOTTOM);
|
|
|
+ var y = 0;
|
|
|
+
|
|
|
+ if (isBottomAligned) {
|
|
|
+ y = avoidVerticalOverlap ? anchorHeight - this.anchorMargin_.top : -this.anchorMargin_.bottom;
|
|
|
+ } else {
|
|
|
+ y = avoidVerticalOverlap ? anchorHeight + this.anchorMargin_.bottom : this.anchorMargin_.top;
|
|
|
+ }
|
|
|
+ return y;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!Corner} corner Origin corner of the menu surface.
|
|
|
+ * @return {number} Maximum height of the menu surface, based on available space. 0 indicates should not be set.
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getMenuSurfaceMaxHeight_',
|
|
|
+ value: function getMenuSurfaceMaxHeight_(corner) {
|
|
|
+ var maxHeight = 0;
|
|
|
+ var viewportDistance = this.measures_.viewportDistance;
|
|
|
+
|
|
|
+ var isBottomAligned = Boolean(corner & __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* CornerBit */].BOTTOM);
|
|
|
+ var MARGIN_TO_EDGE = MDCMenuSurfaceFoundation.numbers.MARGIN_TO_EDGE;
|
|
|
+
|
|
|
+ // When maximum height is not specified, it is handled from css.
|
|
|
+
|
|
|
+ if (isBottomAligned) {
|
|
|
+ maxHeight = viewportDistance.top + this.anchorMargin_.top - MARGIN_TO_EDGE;
|
|
|
+ if (!(this.anchorCorner_ & __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* CornerBit */].BOTTOM)) {
|
|
|
+ maxHeight += this.measures_.anchorHeight;
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ maxHeight = viewportDistance.bottom - this.anchorMargin_.bottom + this.measures_.anchorHeight - MARGIN_TO_EDGE;
|
|
|
+ if (this.anchorCorner_ & __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* CornerBit */].BOTTOM) {
|
|
|
+ maxHeight -= this.measures_.anchorHeight;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ return maxHeight;
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @private */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'autoPosition_',
|
|
|
+ value: function autoPosition_() {
|
|
|
+ var _position;
|
|
|
+
|
|
|
+ // Compute measurements for autoposition methods reuse.
|
|
|
+ this.measures_ = this.getAutoLayoutMeasurements_();
|
|
|
+
|
|
|
+ var corner = this.getOriginCorner_();
|
|
|
+ var maxMenuSurfaceHeight = this.getMenuSurfaceMaxHeight_(corner);
|
|
|
+ var verticalAlignment = corner & __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* CornerBit */].BOTTOM ? 'bottom' : 'top';
|
|
|
+ var horizontalAlignment = corner & __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* CornerBit */].RIGHT ? 'right' : 'left';
|
|
|
+ var horizontalOffset = this.getHorizontalOriginOffset_(corner);
|
|
|
+ var verticalOffset = this.getVerticalOriginOffset_(corner);
|
|
|
+ var position = (_position = {}, _defineProperty(_position, horizontalAlignment, horizontalOffset ? horizontalOffset : '0'), _defineProperty(_position, verticalAlignment, verticalOffset ? verticalOffset : '0'), _position);
|
|
|
+ var _measures_2 = this.measures_,
|
|
|
+ anchorWidth = _measures_2.anchorWidth,
|
|
|
+ surfaceWidth = _measures_2.surfaceWidth;
|
|
|
+ // Center align when anchor width is comparable or greater than menu surface, otherwise keep corner.
|
|
|
+
|
|
|
+ if (anchorWidth / surfaceWidth > __WEBPACK_IMPORTED_MODULE_2__constants__["d" /* numbers */].ANCHOR_TO_MENU_SURFACE_WIDTH_RATIO) {
|
|
|
+ horizontalAlignment = 'center';
|
|
|
+ }
|
|
|
+
|
|
|
+ // If the menu-surface has been hoisted to the body, it's no longer relative to the anchor element
|
|
|
+ if (this.hoistedElement_ || this.isFixedPosition_) {
|
|
|
+ position = this.adjustPositionForHoistedElement_(position);
|
|
|
+ }
|
|
|
+
|
|
|
+ for (var prop in position) {
|
|
|
+ if (position.hasOwnProperty(prop) && position[prop] !== '0') {
|
|
|
+ position[prop] = parseInt(position[prop], 10) + 'px';
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ this.adapter_.setTransformOrigin(horizontalAlignment + ' ' + verticalAlignment);
|
|
|
+ this.adapter_.setPosition(position);
|
|
|
+ this.adapter_.setMaxHeight(maxMenuSurfaceHeight ? maxMenuSurfaceHeight + 'px' : '');
|
|
|
+
|
|
|
+ // Clear measures after positioning is complete.
|
|
|
+ this.measures_ = null;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Calculates the offsets for positioning the menu-surface when the menu-surface has been
|
|
|
+ * hoisted to the body.
|
|
|
+ * @param {!{
|
|
|
+ * top: (string|undefined),
|
|
|
+ * right: (string|undefined),
|
|
|
+ * bottom: (string|undefined),
|
|
|
+ * left: (string|undefined)
|
|
|
+ * }} position
|
|
|
+ * @return {!{
|
|
|
+ * top: (string|undefined),
|
|
|
+ * right: (string|undefined),
|
|
|
+ * bottom: (string|undefined),
|
|
|
+ * left: (string|undefined)
|
|
|
+ * }} position
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'adjustPositionForHoistedElement_',
|
|
|
+ value: function adjustPositionForHoistedElement_(position) {
|
|
|
+ var _measures_3 = this.measures_,
|
|
|
+ windowScroll = _measures_3.windowScroll,
|
|
|
+ viewportDistance = _measures_3.viewportDistance;
|
|
|
+
|
|
|
+
|
|
|
+ for (var prop in position) {
|
|
|
+ if (position.hasOwnProperty(prop)) {
|
|
|
+ // Hoisted surfaces need to have the anchor elements location on the page added to the
|
|
|
+ // position properties for proper alignment on the body.
|
|
|
+ if (viewportDistance.hasOwnProperty(prop)) {
|
|
|
+ position[prop] = parseInt(position[prop], 10) + viewportDistance[prop];
|
|
|
+ }
|
|
|
+
|
|
|
+ // Surfaces that are absolutely positioned need to have additional calculations for scroll
|
|
|
+ // and bottom positioning.
|
|
|
+ if (!this.isFixedPosition_) {
|
|
|
+ if (prop === 'top') {
|
|
|
+ position[prop] = parseInt(position[prop], 10) + windowScroll.y;
|
|
|
+ } else if (prop === 'bottom') {
|
|
|
+ position[prop] = parseInt(position[prop], 10) - windowScroll.y;
|
|
|
+ } else if (prop === 'left') {
|
|
|
+ position[prop] = parseInt(position[prop], 10) + windowScroll.x;
|
|
|
+ } else if (prop === 'right') {
|
|
|
+ position[prop] = parseInt(position[prop], 10) - windowScroll.x;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ return position;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Open the menu surface.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'open',
|
|
|
+ value: function open() {
|
|
|
+ var _this2 = this;
|
|
|
+
|
|
|
+ this.adapter_.saveFocus();
|
|
|
+
|
|
|
+ if (!this.quickOpen_) {
|
|
|
+ this.adapter_.addClass(MDCMenuSurfaceFoundation.cssClasses.ANIMATING_OPEN);
|
|
|
+ }
|
|
|
+
|
|
|
+ this.animationRequestId_ = requestAnimationFrame(function () {
|
|
|
+ _this2.adapter_.addClass(MDCMenuSurfaceFoundation.cssClasses.OPEN);
|
|
|
+ _this2.dimensions_ = _this2.adapter_.getInnerDimensions();
|
|
|
+ _this2.autoPosition_();
|
|
|
+ if (_this2.quickOpen_) {
|
|
|
+ _this2.adapter_.notifyOpen();
|
|
|
+ } else {
|
|
|
+ _this2.openAnimationEndTimerId_ = setTimeout(function () {
|
|
|
+ _this2.openAnimationEndTimerId_ = 0;
|
|
|
+ _this2.adapter_.removeClass(MDCMenuSurfaceFoundation.cssClasses.ANIMATING_OPEN);
|
|
|
+ _this2.adapter_.notifyOpen();
|
|
|
+ }, __WEBPACK_IMPORTED_MODULE_2__constants__["d" /* numbers */].TRANSITION_OPEN_DURATION);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ this.isOpen_ = true;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Closes the menu surface.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'close',
|
|
|
+ value: function close() {
|
|
|
+ var _this3 = this;
|
|
|
+
|
|
|
+ if (!this.quickOpen_) {
|
|
|
+ this.adapter_.addClass(MDCMenuSurfaceFoundation.cssClasses.ANIMATING_CLOSED);
|
|
|
+ }
|
|
|
+
|
|
|
+ requestAnimationFrame(function () {
|
|
|
+ _this3.adapter_.removeClass(MDCMenuSurfaceFoundation.cssClasses.OPEN);
|
|
|
+ if (_this3.quickOpen_) {
|
|
|
+ _this3.adapter_.notifyClose();
|
|
|
+ } else {
|
|
|
+ _this3.closeAnimationEndTimerId_ = setTimeout(function () {
|
|
|
+ _this3.closeAnimationEndTimerId_ = 0;
|
|
|
+ _this3.adapter_.removeClass(MDCMenuSurfaceFoundation.cssClasses.ANIMATING_CLOSED);
|
|
|
+ _this3.adapter_.notifyClose();
|
|
|
+ }, __WEBPACK_IMPORTED_MODULE_2__constants__["d" /* numbers */].TRANSITION_CLOSE_DURATION);
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ this.isOpen_ = false;
|
|
|
+ this.maybeRestoreFocus_();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * The last focused element when the menu surface was opened should regain focus, if the user is
|
|
|
+ * focused on or within the menu surface when it is closed.
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'maybeRestoreFocus_',
|
|
|
+ value: function maybeRestoreFocus_() {
|
|
|
+ if (this.adapter_.isFocused() || this.adapter_.isElementInContainer(document.activeElement)) {
|
|
|
+ this.adapter_.restoreFocus();
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return {boolean} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'isOpen',
|
|
|
+ value: function isOpen() {
|
|
|
+ return this.isOpen_;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * isFinite that doesn't force conversion to number type.
|
|
|
+ * Equivalent to Number.isFinite in ES2015, but is not included in IE11.
|
|
|
+ * @param {number} num
|
|
|
+ * @return {boolean}
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'typeCheckisFinite_',
|
|
|
+ value: function typeCheckisFinite_(num) {
|
|
|
+ return typeof num === 'number' && isFinite(num);
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCMenuSurfaceFoundation;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 21 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return cssClasses; });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return strings; });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return numbers; });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return CornerBit; });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Corner; });
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/** @enum {string} */
|
|
|
+var cssClasses = {
|
|
|
+ ANCHOR: 'mdc-menu-surface--anchor',
|
|
|
+ ANIMATING_CLOSED: 'mdc-menu-surface--animating-closed',
|
|
|
+ ANIMATING_OPEN: 'mdc-menu-surface--animating-open',
|
|
|
+ FIXED: 'mdc-menu-surface--fixed',
|
|
|
+ OPEN: 'mdc-menu-surface--open',
|
|
|
+ ROOT: 'mdc-menu-surface'
|
|
|
+};
|
|
|
+
|
|
|
+/** @enum {string} */
|
|
|
+var strings = {
|
|
|
+ CLOSED_EVENT: 'MDCMenuSurface:closed',
|
|
|
+ OPENED_EVENT: 'MDCMenuSurface:opened',
|
|
|
+ FOCUSABLE_ELEMENTS: 'button:not(:disabled), [href]:not([aria-disabled="true"]), input:not(:disabled), ' + 'select:not(:disabled), textarea:not(:disabled), [tabindex]:not([tabindex="-1"]):not([aria-disabled="true"])'
|
|
|
+};
|
|
|
+
|
|
|
+/** @enum {number} */
|
|
|
+var numbers = {
|
|
|
+ // Total duration of menu-surface open animation.
|
|
|
+ TRANSITION_OPEN_DURATION: 120,
|
|
|
+ // Total duration of menu-surface close animation.
|
|
|
+ TRANSITION_CLOSE_DURATION: 75,
|
|
|
+ // Margin left to the edge of the viewport when menu-surface is at maximum possible height.
|
|
|
+ MARGIN_TO_EDGE: 32,
|
|
|
+ // Ratio of anchor width to menu-surface width for switching from corner positioning to center positioning.
|
|
|
+ ANCHOR_TO_MENU_SURFACE_WIDTH_RATIO: 0.67
|
|
|
+};
|
|
|
+
|
|
|
+/**
|
|
|
+ * Enum for bits in the {@see Corner) bitmap.
|
|
|
+ * @enum {number}
|
|
|
+ */
|
|
|
+var CornerBit = {
|
|
|
+ BOTTOM: 1,
|
|
|
+ CENTER: 2,
|
|
|
+ RIGHT: 4,
|
|
|
+ FLIP_RTL: 8
|
|
|
+};
|
|
|
+
|
|
|
+/**
|
|
|
+ * Enum for representing an element corner for positioning the menu-surface.
|
|
|
+ *
|
|
|
+ * The START constants map to LEFT if element directionality is left
|
|
|
+ * to right and RIGHT if the directionality is right to left.
|
|
|
+ * Likewise END maps to RIGHT or LEFT depending on the directionality.
|
|
|
+ *
|
|
|
+ * @enum {number}
|
|
|
+ */
|
|
|
+var Corner = {
|
|
|
+ TOP_LEFT: 0,
|
|
|
+ TOP_RIGHT: CornerBit.RIGHT,
|
|
|
+ BOTTOM_LEFT: CornerBit.BOTTOM,
|
|
|
+ BOTTOM_RIGHT: CornerBit.BOTTOM | CornerBit.RIGHT,
|
|
|
+ TOP_START: CornerBit.FLIP_RTL,
|
|
|
+ TOP_END: CornerBit.FLIP_RTL | CornerBit.RIGHT,
|
|
|
+ BOTTOM_START: CornerBit.BOTTOM | CornerBit.FLIP_RTL,
|
|
|
+ BOTTOM_END: CornerBit.BOTTOM | CornerBit.RIGHT | CornerBit.FLIP_RTL
|
|
|
+};
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 22 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCNotchedOutline", function() { return MDCNotchedOutline; });
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_component__ = __webpack_require__(1);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(46);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__foundation__ = __webpack_require__(112);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__constants__ = __webpack_require__(47);
|
|
|
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCNotchedOutlineFoundation", function() { return __WEBPACK_IMPORTED_MODULE_2__foundation__["a"]; });
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2017 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends {MDCComponent<!MDCNotchedOutlineFoundation>}
|
|
|
+ * @final
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCNotchedOutline = function (_MDCComponent) {
|
|
|
+ _inherits(MDCNotchedOutline, _MDCComponent);
|
|
|
+
|
|
|
+ function MDCNotchedOutline() {
|
|
|
+ _classCallCheck(this, MDCNotchedOutline);
|
|
|
+
|
|
|
+ return _possibleConstructorReturn(this, (MDCNotchedOutline.__proto__ || Object.getPrototypeOf(MDCNotchedOutline)).apply(this, arguments));
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCNotchedOutline, [{
|
|
|
+ key: 'notch',
|
|
|
+
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Updates outline selectors and SVG path to open notch.
|
|
|
+ * @param {number} notchWidth The notch width in the outline.
|
|
|
+ * @param {boolean=} isRtl Determines if outline is rtl. If rtl is true, notch
|
|
|
+ * will be right justified in outline path, otherwise left justified.
|
|
|
+ */
|
|
|
+ value: function notch(notchWidth, isRtl) {
|
|
|
+ this.foundation_.notch(notchWidth, isRtl);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Updates the outline selectors to close notch and return it to idle state.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'closeNotch',
|
|
|
+ value: function closeNotch() {
|
|
|
+ this.foundation_.closeNotch();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {!MDCNotchedOutlineFoundation}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getDefaultFoundation',
|
|
|
+ value: function getDefaultFoundation() {
|
|
|
+ var _this2 = this;
|
|
|
+
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */]({
|
|
|
+ getWidth: function getWidth() {
|
|
|
+ return _this2.root_.offsetWidth;
|
|
|
+ },
|
|
|
+ getHeight: function getHeight() {
|
|
|
+ return _this2.root_.offsetHeight;
|
|
|
+ },
|
|
|
+ addClass: function addClass(className) {
|
|
|
+ return _this2.root_.classList.add(className);
|
|
|
+ },
|
|
|
+ removeClass: function removeClass(className) {
|
|
|
+ return _this2.root_.classList.remove(className);
|
|
|
+ },
|
|
|
+ setOutlinePathAttr: function setOutlinePathAttr(value) {
|
|
|
+ var path = _this2.root_.querySelector(__WEBPACK_IMPORTED_MODULE_3__constants__["c" /* strings */].PATH_SELECTOR);
|
|
|
+ path.setAttribute('d', value);
|
|
|
+ },
|
|
|
+ getIdleOutlineStyleValue: function getIdleOutlineStyleValue(propertyName) {
|
|
|
+ var idleOutlineElement = _this2.root_.parentNode.querySelector(__WEBPACK_IMPORTED_MODULE_3__constants__["c" /* strings */].IDLE_OUTLINE_SELECTOR);
|
|
|
+ return window.getComputedStyle(idleOutlineElement).getPropertyValue(propertyName);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }], [{
|
|
|
+ key: 'attachTo',
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!Element} root
|
|
|
+ * @return {!MDCNotchedOutline}
|
|
|
+ */
|
|
|
+ value: function attachTo(root) {
|
|
|
+ return new MDCNotchedOutline(root);
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCNotchedOutline;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_component__["a" /* default */]);
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 23 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MDCSelectIcon; });
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_component__ = __webpack_require__(1);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(49);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__foundation__ = __webpack_require__(119);
|
|
|
+/* unused harmony reexport MDCSelectIconFoundation */
|
|
|
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
|
+
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends {MDCComponent<!MDCSelectIconFoundation>}
|
|
|
+ * @final
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCSelectIcon = function (_MDCComponent) {
|
|
|
+ _inherits(MDCSelectIcon, _MDCComponent);
|
|
|
+
|
|
|
+ function MDCSelectIcon() {
|
|
|
+ _classCallCheck(this, MDCSelectIcon);
|
|
|
+
|
|
|
+ return _possibleConstructorReturn(this, (MDCSelectIcon.__proto__ || Object.getPrototypeOf(MDCSelectIcon)).apply(this, arguments));
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCSelectIcon, [{
|
|
|
+ key: 'getDefaultFoundation',
|
|
|
+
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {!MDCSelectIconFoundation}
|
|
|
+ */
|
|
|
+ value: function getDefaultFoundation() {
|
|
|
+ var _this2 = this;
|
|
|
+
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */]( /** @type {!MDCSelectIconAdapter} */_extends({
|
|
|
+ getAttr: function getAttr(attr) {
|
|
|
+ return _this2.root_.getAttribute(attr);
|
|
|
+ },
|
|
|
+ setAttr: function setAttr(attr, value) {
|
|
|
+ return _this2.root_.setAttribute(attr, value);
|
|
|
+ },
|
|
|
+ removeAttr: function removeAttr(attr) {
|
|
|
+ return _this2.root_.removeAttribute(attr);
|
|
|
+ },
|
|
|
+ setContent: function setContent(content) {
|
|
|
+ _this2.root_.textContent = content;
|
|
|
+ },
|
|
|
+ registerInteractionHandler: function registerInteractionHandler(evtType, handler) {
|
|
|
+ return _this2.root_.addEventListener(evtType, handler);
|
|
|
+ },
|
|
|
+ deregisterInteractionHandler: function deregisterInteractionHandler(evtType, handler) {
|
|
|
+ return _this2.root_.removeEventListener(evtType, handler);
|
|
|
+ },
|
|
|
+ notifyIconAction: function notifyIconAction() {
|
|
|
+ return _this2.emit(__WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */].strings.ICON_EVENT, {} /* evtData */, true /* shouldBubble */);
|
|
|
+ }
|
|
|
+ }));
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'foundation',
|
|
|
+
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {!MDCSelectIconFoundation}
|
|
|
+ */
|
|
|
+ get: function get() {
|
|
|
+ return this.foundation_;
|
|
|
+ }
|
|
|
+ }], [{
|
|
|
+ key: 'attachTo',
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!Element} root
|
|
|
+ * @return {!MDCSelectIcon}
|
|
|
+ */
|
|
|
+ value: function attachTo(root) {
|
|
|
+ return new MDCSelectIcon(root);
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCSelectIcon;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_component__["a" /* default */]);
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 24 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MDCSelectHelperText; });
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_component__ = __webpack_require__(1);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(50);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__foundation__ = __webpack_require__(121);
|
|
|
+/* unused harmony reexport MDCSelectHelperTextFoundation */
|
|
|
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
|
+
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends {MDCComponent<!MDCSelectHelperTextFoundation>}
|
|
|
+ * @final
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCSelectHelperText = function (_MDCComponent) {
|
|
|
+ _inherits(MDCSelectHelperText, _MDCComponent);
|
|
|
+
|
|
|
+ function MDCSelectHelperText() {
|
|
|
+ _classCallCheck(this, MDCSelectHelperText);
|
|
|
+
|
|
|
+ return _possibleConstructorReturn(this, (MDCSelectHelperText.__proto__ || Object.getPrototypeOf(MDCSelectHelperText)).apply(this, arguments));
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCSelectHelperText, [{
|
|
|
+ key: 'getDefaultFoundation',
|
|
|
+
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {!MDCSelectHelperTextFoundation}
|
|
|
+ */
|
|
|
+ value: function getDefaultFoundation() {
|
|
|
+ var _this2 = this;
|
|
|
+
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */]( /** @type {!MDCSelectHelperTextAdapter} */_extends({
|
|
|
+ addClass: function addClass(className) {
|
|
|
+ return _this2.root_.classList.add(className);
|
|
|
+ },
|
|
|
+ removeClass: function removeClass(className) {
|
|
|
+ return _this2.root_.classList.remove(className);
|
|
|
+ },
|
|
|
+ hasClass: function hasClass(className) {
|
|
|
+ return _this2.root_.classList.contains(className);
|
|
|
+ },
|
|
|
+ setAttr: function setAttr(attr, value) {
|
|
|
+ return _this2.root_.setAttribute(attr, value);
|
|
|
+ },
|
|
|
+ removeAttr: function removeAttr(attr) {
|
|
|
+ return _this2.root_.removeAttribute(attr);
|
|
|
+ },
|
|
|
+ setContent: function setContent(content) {
|
|
|
+ _this2.root_.textContent = content;
|
|
|
+ }
|
|
|
+ }));
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'foundation',
|
|
|
+
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {!MDCSelectHelperTextFoundation}
|
|
|
+ */
|
|
|
+ get: function get() {
|
|
|
+ return this.foundation_;
|
|
|
+ }
|
|
|
+ }], [{
|
|
|
+ key: 'attachTo',
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!Element} root
|
|
|
+ * @return {!MDCSelectHelperText}
|
|
|
+ */
|
|
|
+ value: function attachTo(root) {
|
|
|
+ return new MDCSelectHelperText(root);
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCSelectHelperText;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_component__["a" /* default */]);
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 25 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCTab", function() { return MDCTab; });
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_component__ = __webpack_require__(1);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_ripple_index__ = __webpack_require__(2);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__material_tab_indicator_index__ = __webpack_require__(54);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__adapter__ = __webpack_require__(10);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__foundation__ = __webpack_require__(135);
|
|
|
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCTabFoundation", function() { return __WEBPACK_IMPORTED_MODULE_4__foundation__["a"]; });
|
|
|
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
|
+
|
|
|
+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; }; }();
|
|
|
+
|
|
|
+var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
|
|
|
+
|
|
|
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/* eslint-disable no-unused-vars */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/* eslint-enable no-unused-vars */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends {MDCComponent<!MDCTabFoundation>}
|
|
|
+ * @final
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCTab = function (_MDCComponent) {
|
|
|
+ _inherits(MDCTab, _MDCComponent);
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {...?} args
|
|
|
+ */
|
|
|
+ function MDCTab() {
|
|
|
+ var _ref;
|
|
|
+
|
|
|
+ _classCallCheck(this, MDCTab);
|
|
|
+
|
|
|
+ for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
|
|
+ args[_key] = arguments[_key];
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @private {?MDCRipple} */
|
|
|
+ var _this = _possibleConstructorReturn(this, (_ref = MDCTab.__proto__ || Object.getPrototypeOf(MDCTab)).call.apply(_ref, [this].concat(args)));
|
|
|
+
|
|
|
+ _this.ripple_;
|
|
|
+ /** @private {?MDCTabIndicator} */
|
|
|
+ _this.tabIndicator_;
|
|
|
+ /** @private {?Element} */
|
|
|
+ _this.content_;
|
|
|
+
|
|
|
+ /** @private {?Function} */
|
|
|
+ _this.handleClick_;
|
|
|
+ return _this;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!Element} root
|
|
|
+ * @return {!MDCTab}
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+ _createClass(MDCTab, [{
|
|
|
+ key: 'initialize',
|
|
|
+ value: function initialize() {
|
|
|
+ var rippleFactory = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : function (el, foundation) {
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_1__material_ripple_index__["MDCRipple"](el, foundation);
|
|
|
+ };
|
|
|
+ var tabIndicatorFactory = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function (el) {
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_2__material_tab_indicator_index__["MDCTabIndicator"](el);
|
|
|
+ };
|
|
|
+
|
|
|
+ var rippleSurface = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_4__foundation__["a" /* default */].strings.RIPPLE_SELECTOR);
|
|
|
+ var rippleAdapter = _extends(__WEBPACK_IMPORTED_MODULE_1__material_ripple_index__["MDCRipple"].createAdapter( /** @type {!RippleCapableSurface} */this), {
|
|
|
+ addClass: function addClass(className) {
|
|
|
+ return rippleSurface.classList.add(className);
|
|
|
+ },
|
|
|
+ removeClass: function removeClass(className) {
|
|
|
+ return rippleSurface.classList.remove(className);
|
|
|
+ },
|
|
|
+ updateCssVariable: function updateCssVariable(varName, value) {
|
|
|
+ return rippleSurface.style.setProperty(varName, value);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ var rippleFoundation = new __WEBPACK_IMPORTED_MODULE_1__material_ripple_index__["MDCRippleFoundation"](rippleAdapter);
|
|
|
+ this.ripple_ = rippleFactory(this.root_, rippleFoundation);
|
|
|
+
|
|
|
+ var tabIndicatorElement = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_4__foundation__["a" /* default */].strings.TAB_INDICATOR_SELECTOR);
|
|
|
+ this.tabIndicator_ = tabIndicatorFactory(tabIndicatorElement);
|
|
|
+
|
|
|
+ this.content_ = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_4__foundation__["a" /* default */].strings.CONTENT_SELECTOR);
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'initialSyncWithDOM',
|
|
|
+ value: function initialSyncWithDOM() {
|
|
|
+ this.handleClick_ = this.foundation_.handleClick.bind(this.foundation_);
|
|
|
+ this.listen('click', this.handleClick_);
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'destroy',
|
|
|
+ value: function destroy() {
|
|
|
+ this.unlisten('click', /** @type {!Function} */this.handleClick_);
|
|
|
+ this.ripple_.destroy();
|
|
|
+ _get(MDCTab.prototype.__proto__ || Object.getPrototypeOf(MDCTab.prototype), 'destroy', this).call(this);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {!MDCTabFoundation}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getDefaultFoundation',
|
|
|
+ value: function getDefaultFoundation() {
|
|
|
+ var _this2 = this;
|
|
|
+
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_4__foundation__["a" /* default */](
|
|
|
+ /** @type {!MDCTabAdapter} */{
|
|
|
+ setAttr: function setAttr(attr, value) {
|
|
|
+ return _this2.root_.setAttribute(attr, value);
|
|
|
+ },
|
|
|
+ addClass: function addClass(className) {
|
|
|
+ return _this2.root_.classList.add(className);
|
|
|
+ },
|
|
|
+ removeClass: function removeClass(className) {
|
|
|
+ return _this2.root_.classList.remove(className);
|
|
|
+ },
|
|
|
+ hasClass: function hasClass(className) {
|
|
|
+ return _this2.root_.classList.contains(className);
|
|
|
+ },
|
|
|
+ activateIndicator: function activateIndicator(previousIndicatorClientRect) {
|
|
|
+ return _this2.tabIndicator_.activate(previousIndicatorClientRect);
|
|
|
+ },
|
|
|
+ deactivateIndicator: function deactivateIndicator() {
|
|
|
+ return _this2.tabIndicator_.deactivate();
|
|
|
+ },
|
|
|
+ notifyInteracted: function notifyInteracted() {
|
|
|
+ return _this2.emit(__WEBPACK_IMPORTED_MODULE_4__foundation__["a" /* default */].strings.INTERACTED_EVENT, { tab: _this2 }, true /* bubble */);
|
|
|
+ },
|
|
|
+ getOffsetLeft: function getOffsetLeft() {
|
|
|
+ return _this2.root_.offsetLeft;
|
|
|
+ },
|
|
|
+ getOffsetWidth: function getOffsetWidth() {
|
|
|
+ return _this2.root_.offsetWidth;
|
|
|
+ },
|
|
|
+ getContentOffsetLeft: function getContentOffsetLeft() {
|
|
|
+ return _this2.content_.offsetLeft;
|
|
|
+ },
|
|
|
+ getContentOffsetWidth: function getContentOffsetWidth() {
|
|
|
+ return _this2.content_.offsetWidth;
|
|
|
+ },
|
|
|
+ focus: function focus() {
|
|
|
+ return _this2.root_.focus();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Getter for the active state of the tab
|
|
|
+ * @return {boolean}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'activate',
|
|
|
+
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Activates the tab
|
|
|
+ * @param {!ClientRect=} computeIndicatorClientRect
|
|
|
+ */
|
|
|
+ value: function activate(computeIndicatorClientRect) {
|
|
|
+ this.foundation_.activate(computeIndicatorClientRect);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Deactivates the tab
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'deactivate',
|
|
|
+ value: function deactivate() {
|
|
|
+ this.foundation_.deactivate();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns the indicator's client rect
|
|
|
+ * @return {!ClientRect}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'computeIndicatorClientRect',
|
|
|
+ value: function computeIndicatorClientRect() {
|
|
|
+ return this.tabIndicator_.computeContentClientRect();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {!MDCTabDimensions}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'computeDimensions',
|
|
|
+ value: function computeDimensions() {
|
|
|
+ return this.foundation_.computeDimensions();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Focuses the tab
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'focus',
|
|
|
+ value: function focus() {
|
|
|
+ this.root_.focus();
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'active',
|
|
|
+ get: function get() {
|
|
|
+ return this.foundation_.isActive();
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'focusOnActivate',
|
|
|
+ set: function set(focusOnActivate) {
|
|
|
+ this.foundation_.setFocusOnActivate(focusOnActivate);
|
|
|
+ }
|
|
|
+ }], [{
|
|
|
+ key: 'attachTo',
|
|
|
+ value: function attachTo(root) {
|
|
|
+ return new MDCTab(root);
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCTab;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_component__["a" /* default */]);
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 26 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_foundation__ = __webpack_require__(0);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(55);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(132);
|
|
|
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
|
+
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends {MDCFoundation<!MDCTabIndicatorAdapter>}
|
|
|
+ * @abstract
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCTabIndicatorFoundation = function (_MDCFoundation) {
|
|
|
+ _inherits(MDCTabIndicatorFoundation, _MDCFoundation);
|
|
|
+
|
|
|
+ _createClass(MDCTabIndicatorFoundation, null, [{
|
|
|
+ key: 'cssClasses',
|
|
|
+
|
|
|
+ /** @return enum {string} */
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */];
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return enum {string} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'strings',
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */];
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @see MDCTabIndicatorAdapter for typing information
|
|
|
+ * @return {!MDCTabIndicatorAdapter}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'defaultAdapter',
|
|
|
+ get: function get() {
|
|
|
+ return (/** @type {!MDCTabIndicatorAdapter} */{
|
|
|
+ addClass: function addClass() {},
|
|
|
+ removeClass: function removeClass() {},
|
|
|
+ computeContentClientRect: function computeContentClientRect() {},
|
|
|
+ setContentStyleProperty: function setContentStyleProperty() {}
|
|
|
+ }
|
|
|
+ );
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @param {!MDCTabIndicatorAdapter} adapter */
|
|
|
+
|
|
|
+ }]);
|
|
|
+
|
|
|
+ function MDCTabIndicatorFoundation(adapter) {
|
|
|
+ _classCallCheck(this, MDCTabIndicatorFoundation);
|
|
|
+
|
|
|
+ return _possibleConstructorReturn(this, (MDCTabIndicatorFoundation.__proto__ || Object.getPrototypeOf(MDCTabIndicatorFoundation)).call(this, _extends(MDCTabIndicatorFoundation.defaultAdapter, adapter)));
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return {!ClientRect} */
|
|
|
+
|
|
|
+
|
|
|
+ _createClass(MDCTabIndicatorFoundation, [{
|
|
|
+ key: 'computeContentClientRect',
|
|
|
+ value: function computeContentClientRect() {
|
|
|
+ return this.adapter_.computeContentClientRect();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Activates the indicator
|
|
|
+ * @param {!ClientRect=} previousIndicatorClientRect
|
|
|
+ * @abstract
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'activate',
|
|
|
+ value: function activate(previousIndicatorClientRect) {} // eslint-disable-line no-unused-vars
|
|
|
+
|
|
|
+ /** @abstract */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'deactivate',
|
|
|
+ value: function deactivate() {}
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCTabIndicatorFoundation;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
|
|
|
+
|
|
|
+/* harmony default export */ __webpack_exports__["a"] = (MDCTabIndicatorFoundation);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 27 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_foundation__ = __webpack_require__(0);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(61);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(146);
|
|
|
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
|
+
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2017 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends {MDCFoundation<!MDCTextFieldHelperTextAdapter>}
|
|
|
+ * @final
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCTextFieldHelperTextFoundation = function (_MDCFoundation) {
|
|
|
+ _inherits(MDCTextFieldHelperTextFoundation, _MDCFoundation);
|
|
|
+
|
|
|
+ _createClass(MDCTextFieldHelperTextFoundation, null, [{
|
|
|
+ key: 'cssClasses',
|
|
|
+
|
|
|
+ /** @return enum {string} */
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */];
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return enum {string} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'strings',
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */];
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * {@see MDCTextFieldHelperTextAdapter} for typing information on parameters and return
|
|
|
+ * types.
|
|
|
+ * @return {!MDCTextFieldHelperTextAdapter}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'defaultAdapter',
|
|
|
+ get: function get() {
|
|
|
+ return (/** @type {!MDCTextFieldHelperTextAdapter} */{
|
|
|
+ addClass: function addClass() {},
|
|
|
+ removeClass: function removeClass() {},
|
|
|
+ hasClass: function hasClass() {},
|
|
|
+ setAttr: function setAttr() {},
|
|
|
+ removeAttr: function removeAttr() {},
|
|
|
+ setContent: function setContent() {}
|
|
|
+ }
|
|
|
+ );
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!MDCTextFieldHelperTextAdapter} adapter
|
|
|
+ */
|
|
|
+
|
|
|
+ }]);
|
|
|
+
|
|
|
+ function MDCTextFieldHelperTextFoundation(adapter) {
|
|
|
+ _classCallCheck(this, MDCTextFieldHelperTextFoundation);
|
|
|
+
|
|
|
+ return _possibleConstructorReturn(this, (MDCTextFieldHelperTextFoundation.__proto__ || Object.getPrototypeOf(MDCTextFieldHelperTextFoundation)).call(this, _extends(MDCTextFieldHelperTextFoundation.defaultAdapter, adapter)));
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets the content of the helper text field.
|
|
|
+ * @param {string} content
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+ _createClass(MDCTextFieldHelperTextFoundation, [{
|
|
|
+ key: 'setContent',
|
|
|
+ value: function setContent(content) {
|
|
|
+ this.adapter_.setContent(content);
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @param {boolean} isPersistent Sets the persistency of the helper text. */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setPersistent',
|
|
|
+ value: function setPersistent(isPersistent) {
|
|
|
+ if (isPersistent) {
|
|
|
+ this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].HELPER_TEXT_PERSISTENT);
|
|
|
+ } else {
|
|
|
+ this.adapter_.removeClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].HELPER_TEXT_PERSISTENT);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {boolean} isValidation True to make the helper text act as an
|
|
|
+ * error validation message.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setValidation',
|
|
|
+ value: function setValidation(isValidation) {
|
|
|
+ if (isValidation) {
|
|
|
+ this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].HELPER_TEXT_VALIDATION_MSG);
|
|
|
+ } else {
|
|
|
+ this.adapter_.removeClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].HELPER_TEXT_VALIDATION_MSG);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /** Makes the helper text visible to the screen reader. */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'showToScreenReader',
|
|
|
+ value: function showToScreenReader() {
|
|
|
+ this.adapter_.removeAttr(__WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */].ARIA_HIDDEN);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets the validity of the helper text based on the input validity.
|
|
|
+ * @param {boolean} inputIsValid
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setValidity',
|
|
|
+ value: function setValidity(inputIsValid) {
|
|
|
+ var helperTextIsPersistent = this.adapter_.hasClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].HELPER_TEXT_PERSISTENT);
|
|
|
+ var helperTextIsValidationMsg = this.adapter_.hasClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].HELPER_TEXT_VALIDATION_MSG);
|
|
|
+ var validationMsgNeedsDisplay = helperTextIsValidationMsg && !inputIsValid;
|
|
|
+
|
|
|
+ if (validationMsgNeedsDisplay) {
|
|
|
+ this.adapter_.setAttr(__WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */].ROLE, 'alert');
|
|
|
+ } else {
|
|
|
+ this.adapter_.removeAttr(__WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */].ROLE);
|
|
|
+ }
|
|
|
+
|
|
|
+ if (!helperTextIsPersistent && !validationMsgNeedsDisplay) {
|
|
|
+ this.hide_();
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Hides the help text from screen readers.
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'hide_',
|
|
|
+ value: function hide_() {
|
|
|
+ this.adapter_.setAttr(__WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */].ARIA_HIDDEN, 'true');
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCTextFieldHelperTextFoundation;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
|
|
|
+
|
|
|
+/* harmony default export */ __webpack_exports__["a"] = (MDCTextFieldHelperTextFoundation);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 28 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_foundation__ = __webpack_require__(0);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(62);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(147);
|
|
|
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
|
+
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2017 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends {MDCFoundation<!MDCTextFieldIconAdapter>}
|
|
|
+ * @final
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCTextFieldIconFoundation = function (_MDCFoundation) {
|
|
|
+ _inherits(MDCTextFieldIconFoundation, _MDCFoundation);
|
|
|
+
|
|
|
+ _createClass(MDCTextFieldIconFoundation, null, [{
|
|
|
+ key: 'strings',
|
|
|
+
|
|
|
+ /** @return enum {string} */
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* strings */];
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * {@see MDCTextFieldIconAdapter} for typing information on parameters and return
|
|
|
+ * types.
|
|
|
+ * @return {!MDCTextFieldIconAdapter}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'defaultAdapter',
|
|
|
+ get: function get() {
|
|
|
+ return (/** @type {!MDCTextFieldIconAdapter} */{
|
|
|
+ getAttr: function getAttr() {},
|
|
|
+ setAttr: function setAttr() {},
|
|
|
+ removeAttr: function removeAttr() {},
|
|
|
+ setContent: function setContent() {},
|
|
|
+ registerInteractionHandler: function registerInteractionHandler() {},
|
|
|
+ deregisterInteractionHandler: function deregisterInteractionHandler() {},
|
|
|
+ notifyIconAction: function notifyIconAction() {}
|
|
|
+ }
|
|
|
+ );
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!MDCTextFieldIconAdapter} adapter
|
|
|
+ */
|
|
|
+
|
|
|
+ }]);
|
|
|
+
|
|
|
+ function MDCTextFieldIconFoundation(adapter) {
|
|
|
+ _classCallCheck(this, MDCTextFieldIconFoundation);
|
|
|
+
|
|
|
+ /** @private {string?} */
|
|
|
+ var _this = _possibleConstructorReturn(this, (MDCTextFieldIconFoundation.__proto__ || Object.getPrototypeOf(MDCTextFieldIconFoundation)).call(this, _extends(MDCTextFieldIconFoundation.defaultAdapter, adapter)));
|
|
|
+
|
|
|
+ _this.savedTabIndex_ = null;
|
|
|
+
|
|
|
+ /** @private {function(!Event): undefined} */
|
|
|
+ _this.interactionHandler_ = function (evt) {
|
|
|
+ return _this.handleInteraction(evt);
|
|
|
+ };
|
|
|
+ return _this;
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCTextFieldIconFoundation, [{
|
|
|
+ key: 'init',
|
|
|
+ value: function init() {
|
|
|
+ var _this2 = this;
|
|
|
+
|
|
|
+ this.savedTabIndex_ = this.adapter_.getAttr('tabindex');
|
|
|
+
|
|
|
+ ['click', 'keydown'].forEach(function (evtType) {
|
|
|
+ _this2.adapter_.registerInteractionHandler(evtType, _this2.interactionHandler_);
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'destroy',
|
|
|
+ value: function destroy() {
|
|
|
+ var _this3 = this;
|
|
|
+
|
|
|
+ ['click', 'keydown'].forEach(function (evtType) {
|
|
|
+ _this3.adapter_.deregisterInteractionHandler(evtType, _this3.interactionHandler_);
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @param {boolean} disabled */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setDisabled',
|
|
|
+ value: function setDisabled(disabled) {
|
|
|
+ if (!this.savedTabIndex_) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (disabled) {
|
|
|
+ this.adapter_.setAttr('tabindex', '-1');
|
|
|
+ this.adapter_.removeAttr('role');
|
|
|
+ } else {
|
|
|
+ this.adapter_.setAttr('tabindex', this.savedTabIndex_);
|
|
|
+ this.adapter_.setAttr('role', __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* strings */].ICON_ROLE);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @param {string} label */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setAriaLabel',
|
|
|
+ value: function setAriaLabel(label) {
|
|
|
+ this.adapter_.setAttr('aria-label', label);
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @param {string} content */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setContent',
|
|
|
+ value: function setContent(content) {
|
|
|
+ this.adapter_.setContent(content);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Handles an interaction event
|
|
|
+ * @param {!Event} evt
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'handleInteraction',
|
|
|
+ value: function handleInteraction(evt) {
|
|
|
+ if (evt.type === 'click' || evt.key === 'Enter' || evt.keyCode === 13) {
|
|
|
+ this.adapter_.notifyIconAction();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCTextFieldIconFoundation;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
|
|
|
+
|
|
|
+/* harmony default export */ __webpack_exports__["a"] = (MDCTextFieldIconFoundation);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 29 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+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"); } }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2016 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/* eslint no-unused-vars: [2, {"args": "none"}] */
|
|
|
+
|
|
|
+/**
|
|
|
+ * Adapter for MDC Ripple. Provides an interface for managing
|
|
|
+ * - classes
|
|
|
+ * - dom
|
|
|
+ * - CSS variables
|
|
|
+ * - position
|
|
|
+ * - dimensions
|
|
|
+ * - scroll position
|
|
|
+ * - event handlers
|
|
|
+ * - unbounded, active and disabled states
|
|
|
+ *
|
|
|
+ * Additionally, provides type information for the adapter to the Closure
|
|
|
+ * compiler.
|
|
|
+ *
|
|
|
+ * Implement this adapter for your framework of choice to delegate updates to
|
|
|
+ * the component in your framework of choice. See architecture documentation
|
|
|
+ * for more details.
|
|
|
+ * https://github.com/material-components/material-components-web/blob/master/docs/code/architecture.md
|
|
|
+ *
|
|
|
+ * @record
|
|
|
+ */
|
|
|
+var MDCRippleAdapter = function () {
|
|
|
+ function MDCRippleAdapter() {
|
|
|
+ _classCallCheck(this, MDCRippleAdapter);
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCRippleAdapter, [{
|
|
|
+ key: "browserSupportsCssVars",
|
|
|
+
|
|
|
+ /** @return {boolean} */
|
|
|
+ value: function browserSupportsCssVars() {}
|
|
|
+
|
|
|
+ /** @return {boolean} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "isUnbounded",
|
|
|
+ value: function isUnbounded() {}
|
|
|
+
|
|
|
+ /** @return {boolean} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "isSurfaceActive",
|
|
|
+ value: function isSurfaceActive() {}
|
|
|
+
|
|
|
+ /** @return {boolean} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "isSurfaceDisabled",
|
|
|
+ value: function isSurfaceDisabled() {}
|
|
|
+
|
|
|
+ /** @param {string} className */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "addClass",
|
|
|
+ value: function addClass(className) {}
|
|
|
+
|
|
|
+ /** @param {string} className */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "removeClass",
|
|
|
+ value: function removeClass(className) {}
|
|
|
+
|
|
|
+ /** @param {!EventTarget} target */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "containsEventTarget",
|
|
|
+ value: function containsEventTarget(target) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {string} evtType
|
|
|
+ * @param {!Function} handler
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "registerInteractionHandler",
|
|
|
+ value: function registerInteractionHandler(evtType, handler) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {string} evtType
|
|
|
+ * @param {!Function} handler
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "deregisterInteractionHandler",
|
|
|
+ value: function deregisterInteractionHandler(evtType, handler) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {string} evtType
|
|
|
+ * @param {!Function} handler
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "registerDocumentInteractionHandler",
|
|
|
+ value: function registerDocumentInteractionHandler(evtType, handler) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {string} evtType
|
|
|
+ * @param {!Function} handler
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "deregisterDocumentInteractionHandler",
|
|
|
+ value: function deregisterDocumentInteractionHandler(evtType, handler) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!Function} handler
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "registerResizeHandler",
|
|
|
+ value: function registerResizeHandler(handler) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!Function} handler
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "deregisterResizeHandler",
|
|
|
+ value: function deregisterResizeHandler(handler) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {string} varName
|
|
|
+ * @param {?number|string} value
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "updateCssVariable",
|
|
|
+ value: function updateCssVariable(varName, value) {}
|
|
|
+
|
|
|
+ /** @return {!ClientRect} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "computeBoundingRect",
|
|
|
+ value: function computeBoundingRect() {}
|
|
|
+
|
|
|
+ /** @return {{x: number, y: number}} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "getWindowPageOffset",
|
|
|
+ value: function getWindowPageOffset() {}
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCRippleAdapter;
|
|
|
+}();
|
|
|
+
|
|
|
+/* unused harmony default export */ var _unused_webpack_default_export = (MDCRippleAdapter);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 30 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MDCChip; });
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_component__ = __webpack_require__(1);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_ripple_index__ = __webpack_require__(2);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__adapter__ = __webpack_require__(31);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__foundation__ = __webpack_require__(32);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__constants__ = __webpack_require__(33);
|
|
|
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return __WEBPACK_IMPORTED_MODULE_3__foundation__["a"]; });
|
|
|
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
|
+
|
|
|
+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; }; }();
|
|
|
+
|
|
|
+var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
|
|
|
+
|
|
|
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2016 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+var INTERACTION_EVENTS = ['click', 'keydown'];
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends {MDCComponent<!MDCChipFoundation>}
|
|
|
+ * @final
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCChip = function (_MDCComponent) {
|
|
|
+ _inherits(MDCChip, _MDCComponent);
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {...?} args
|
|
|
+ */
|
|
|
+ function MDCChip() {
|
|
|
+ var _ref;
|
|
|
+
|
|
|
+ _classCallCheck(this, MDCChip);
|
|
|
+
|
|
|
+ for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
|
|
+ args[_key] = arguments[_key];
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @type {string} */
|
|
|
+ var _this = _possibleConstructorReturn(this, (_ref = MDCChip.__proto__ || Object.getPrototypeOf(MDCChip)).call.apply(_ref, [this].concat(args)));
|
|
|
+
|
|
|
+ _this.id;
|
|
|
+ /** @private {?Element} */
|
|
|
+ _this.leadingIcon_;
|
|
|
+ /** @private {?Element} */
|
|
|
+ _this.trailingIcon_;
|
|
|
+ /** @private {!MDCRipple} */
|
|
|
+ _this.ripple_;
|
|
|
+
|
|
|
+ /** @private {?function(?Event): undefined} */
|
|
|
+ _this.handleInteraction_;
|
|
|
+ /** @private {?function(!Event): undefined} */
|
|
|
+ _this.handleTransitionEnd_;
|
|
|
+ /** @private {function(!Event): undefined} */
|
|
|
+ _this.handleTrailingIconInteraction_;
|
|
|
+ return _this;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!Element} root
|
|
|
+ * @return {!MDCChip}
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+ _createClass(MDCChip, [{
|
|
|
+ key: 'initialize',
|
|
|
+ value: function initialize() {
|
|
|
+ var _this2 = this;
|
|
|
+
|
|
|
+ var rippleFactory = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : function (el, foundation) {
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_1__material_ripple_index__["MDCRipple"](el, foundation);
|
|
|
+ };
|
|
|
+
|
|
|
+ this.id = this.root_.id;
|
|
|
+ this.leadingIcon_ = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_4__constants__["b" /* strings */].LEADING_ICON_SELECTOR);
|
|
|
+ this.trailingIcon_ = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_4__constants__["b" /* strings */].TRAILING_ICON_SELECTOR);
|
|
|
+
|
|
|
+ // Adjust ripple size for chips with animated growing width. This applies when filter chips without
|
|
|
+ // a leading icon are selected, and a leading checkmark will cause the chip width to expand.
|
|
|
+ var checkmarkEl = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_4__constants__["b" /* strings */].CHECKMARK_SELECTOR);
|
|
|
+ if (checkmarkEl && !this.leadingIcon_) {
|
|
|
+ var adapter = _extends(__WEBPACK_IMPORTED_MODULE_1__material_ripple_index__["MDCRipple"].createAdapter(this), {
|
|
|
+ computeBoundingRect: function computeBoundingRect() {
|
|
|
+ var height = _this2.root_.getBoundingClientRect().height;
|
|
|
+ // The checkmark's width is initially set to 0, so use the checkmark's height as a proxy since the
|
|
|
+ // checkmark should always be square.
|
|
|
+ var width = _this2.root_.getBoundingClientRect().width + checkmarkEl.getBoundingClientRect().height;
|
|
|
+ return { height: height, width: width };
|
|
|
+ }
|
|
|
+ });
|
|
|
+ this.ripple_ = rippleFactory(this.root_, new __WEBPACK_IMPORTED_MODULE_1__material_ripple_index__["MDCRippleFoundation"](adapter));
|
|
|
+ } else {
|
|
|
+ this.ripple_ = rippleFactory(this.root_);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'initialSyncWithDOM',
|
|
|
+ value: function initialSyncWithDOM() {
|
|
|
+ var _this3 = this;
|
|
|
+
|
|
|
+ this.handleInteraction_ = function (evt) {
|
|
|
+ return _this3.foundation_.handleInteraction(evt);
|
|
|
+ };
|
|
|
+ this.handleTransitionEnd_ = function (evt) {
|
|
|
+ return _this3.foundation_.handleTransitionEnd(evt);
|
|
|
+ };
|
|
|
+ this.handleTrailingIconInteraction_ = function (evt) {
|
|
|
+ return _this3.foundation_.handleTrailingIconInteraction(evt);
|
|
|
+ };
|
|
|
+
|
|
|
+ INTERACTION_EVENTS.forEach(function (evtType) {
|
|
|
+ _this3.root_.addEventListener(evtType, _this3.handleInteraction_);
|
|
|
+ });
|
|
|
+ this.root_.addEventListener('transitionend', this.handleTransitionEnd_);
|
|
|
+
|
|
|
+ if (this.trailingIcon_) {
|
|
|
+ INTERACTION_EVENTS.forEach(function (evtType) {
|
|
|
+ _this3.trailingIcon_.addEventListener(evtType, _this3.handleTrailingIconInteraction_);
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'destroy',
|
|
|
+ value: function destroy() {
|
|
|
+ var _this4 = this;
|
|
|
+
|
|
|
+ this.ripple_.destroy();
|
|
|
+
|
|
|
+ INTERACTION_EVENTS.forEach(function (evtType) {
|
|
|
+ _this4.root_.removeEventListener(evtType, _this4.handleInteraction_);
|
|
|
+ });
|
|
|
+ this.root_.removeEventListener('transitionend', this.handleTransitionEnd_);
|
|
|
+
|
|
|
+ if (this.trailingIcon_) {
|
|
|
+ INTERACTION_EVENTS.forEach(function (evtType) {
|
|
|
+ _this4.trailingIcon_.removeEventListener(evtType, _this4.handleTrailingIconInteraction_);
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ _get(MDCChip.prototype.__proto__ || Object.getPrototypeOf(MDCChip.prototype), 'destroy', this).call(this);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns whether the chip is selected.
|
|
|
+ * @return {boolean}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'beginExit',
|
|
|
+
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Begins the exit animation which leads to removal of the chip.
|
|
|
+ */
|
|
|
+ value: function beginExit() {
|
|
|
+ this.foundation_.beginExit();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {!MDCChipFoundation}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getDefaultFoundation',
|
|
|
+ value: function getDefaultFoundation() {
|
|
|
+ var _this5 = this;
|
|
|
+
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_3__foundation__["a" /* MDCChipFoundation */]( /** @type {!MDCChipAdapter} */_extends({
|
|
|
+ addClass: function addClass(className) {
|
|
|
+ return _this5.root_.classList.add(className);
|
|
|
+ },
|
|
|
+ removeClass: function removeClass(className) {
|
|
|
+ return _this5.root_.classList.remove(className);
|
|
|
+ },
|
|
|
+ hasClass: function hasClass(className) {
|
|
|
+ return _this5.root_.classList.contains(className);
|
|
|
+ },
|
|
|
+ addClassToLeadingIcon: function addClassToLeadingIcon(className) {
|
|
|
+ if (_this5.leadingIcon_) {
|
|
|
+ _this5.leadingIcon_.classList.add(className);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ removeClassFromLeadingIcon: function removeClassFromLeadingIcon(className) {
|
|
|
+ if (_this5.leadingIcon_) {
|
|
|
+ _this5.leadingIcon_.classList.remove(className);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ eventTargetHasClass: function eventTargetHasClass(target, className) {
|
|
|
+ return target.classList.contains(className);
|
|
|
+ },
|
|
|
+ notifyInteraction: function notifyInteraction() {
|
|
|
+ return _this5.emit(__WEBPACK_IMPORTED_MODULE_4__constants__["b" /* strings */].INTERACTION_EVENT, { chipId: _this5.id }, true /* shouldBubble */);
|
|
|
+ },
|
|
|
+ notifySelection: function notifySelection(selected) {
|
|
|
+ return _this5.emit(__WEBPACK_IMPORTED_MODULE_4__constants__["b" /* strings */].SELECTION_EVENT, { chipId: _this5.id, selected: selected }, true /* shouldBubble */);
|
|
|
+ },
|
|
|
+ notifyTrailingIconInteraction: function notifyTrailingIconInteraction() {
|
|
|
+ return _this5.emit(__WEBPACK_IMPORTED_MODULE_4__constants__["b" /* strings */].TRAILING_ICON_INTERACTION_EVENT, { chipId: _this5.id }, true /* shouldBubble */);
|
|
|
+ },
|
|
|
+ notifyRemoval: function notifyRemoval() {
|
|
|
+ return _this5.emit(__WEBPACK_IMPORTED_MODULE_4__constants__["b" /* strings */].REMOVAL_EVENT, { chipId: _this5.id, root: _this5.root_ }, true /* shouldBubble */);
|
|
|
+ },
|
|
|
+ getComputedStyleValue: function getComputedStyleValue(propertyName) {
|
|
|
+ return window.getComputedStyle(_this5.root_).getPropertyValue(propertyName);
|
|
|
+ },
|
|
|
+ setStyleProperty: function setStyleProperty(propertyName, value) {
|
|
|
+ return _this5.root_.style.setProperty(propertyName, value);
|
|
|
+ }
|
|
|
+ }));
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return {!MDCRipple} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'selected',
|
|
|
+ get: function get() {
|
|
|
+ return this.foundation_.isSelected();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets selected state on the chip.
|
|
|
+ * @param {boolean} selected
|
|
|
+ */
|
|
|
+ ,
|
|
|
+ set: function set(selected) {
|
|
|
+ this.foundation_.setSelected(selected);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns whether a trailing icon click should trigger exit/removal of the chip.
|
|
|
+ * @return {boolean}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'shouldRemoveOnTrailingIconClick',
|
|
|
+ get: function get() {
|
|
|
+ return this.foundation_.getShouldRemoveOnTrailingIconClick();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets whether a trailing icon click should trigger exit/removal of the chip.
|
|
|
+ * @param {boolean} shouldRemove
|
|
|
+ */
|
|
|
+ ,
|
|
|
+ set: function set(shouldRemove) {
|
|
|
+ this.foundation_.setShouldRemoveOnTrailingIconClick(shouldRemove);
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'ripple',
|
|
|
+ get: function get() {
|
|
|
+ return this.ripple_;
|
|
|
+ }
|
|
|
+ }], [{
|
|
|
+ key: 'attachTo',
|
|
|
+ value: function attachTo(root) {
|
|
|
+ return new MDCChip(root);
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCChip;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_component__["a" /* default */]);
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 31 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+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"); } }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2017 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/* eslint no-unused-vars: [2, {"args": "none"}] */
|
|
|
+
|
|
|
+/**
|
|
|
+ * Adapter for MDC Chip.
|
|
|
+ *
|
|
|
+ * Defines the shape of the adapter expected by the foundation. Implement this
|
|
|
+ * adapter to integrate the Chip into your framework. See
|
|
|
+ * https://github.com/material-components/material-components-web/blob/master/docs/authoring-components.md
|
|
|
+ * for more information.
|
|
|
+ *
|
|
|
+ * @record
|
|
|
+ */
|
|
|
+var MDCChipAdapter = function () {
|
|
|
+ function MDCChipAdapter() {
|
|
|
+ _classCallCheck(this, MDCChipAdapter);
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCChipAdapter, [{
|
|
|
+ key: "addClass",
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Adds a class to the root element.
|
|
|
+ * @param {string} className
|
|
|
+ */
|
|
|
+ value: function addClass(className) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Removes a class from the root element.
|
|
|
+ * @param {string} className
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "removeClass",
|
|
|
+ value: function removeClass(className) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns true if the root element contains the given class.
|
|
|
+ * @param {string} className
|
|
|
+ * @return {boolean}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "hasClass",
|
|
|
+ value: function hasClass(className) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Adds a class to the leading icon element.
|
|
|
+ * @param {string} className
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "addClassToLeadingIcon",
|
|
|
+ value: function addClassToLeadingIcon(className) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Removes a class from the leading icon element.
|
|
|
+ * @param {string} className
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "removeClassFromLeadingIcon",
|
|
|
+ value: function removeClassFromLeadingIcon(className) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns true if target has className, false otherwise.
|
|
|
+ * @param {!EventTarget} target
|
|
|
+ * @param {string} className
|
|
|
+ * @return {boolean}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "eventTargetHasClass",
|
|
|
+ value: function eventTargetHasClass(target, className) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Emits a custom "MDCChip:interaction" event denoting the chip has been
|
|
|
+ * interacted with (typically on click or keydown).
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "notifyInteraction",
|
|
|
+ value: function notifyInteraction() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Emits a custom "MDCChip:selection" event denoting the chip has been selected or deselected.
|
|
|
+ * @param {boolean} selected
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "notifySelection",
|
|
|
+ value: function notifySelection(selected) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Emits a custom "MDCChip:trailingIconInteraction" event denoting the trailing icon has been
|
|
|
+ * interacted with (typically on click or keydown).
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "notifyTrailingIconInteraction",
|
|
|
+ value: function notifyTrailingIconInteraction() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Emits a custom event "MDCChip:removal" denoting the chip will be removed.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "notifyRemoval",
|
|
|
+ value: function notifyRemoval() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns the computed property value of the given style property on the root element.
|
|
|
+ * @param {string} propertyName
|
|
|
+ * @return {string}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "getComputedStyleValue",
|
|
|
+ value: function getComputedStyleValue(propertyName) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets the property value of the given style property on the root element.
|
|
|
+ * @param {string} propertyName
|
|
|
+ * @param {string} value
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "setStyleProperty",
|
|
|
+ value: function setStyleProperty(propertyName, value) {}
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCChipAdapter;
|
|
|
+}();
|
|
|
+
|
|
|
+/* unused harmony default export */ var _unused_webpack_default_export = (MDCChipAdapter);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 32 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MDCChipFoundation; });
|
|
|
+/* unused harmony export MDCChipInteractionEventType */
|
|
|
+/* unused harmony export MDCChipSelectionEventType */
|
|
|
+/* unused harmony export MDCChipRemovalEventType */
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_foundation__ = __webpack_require__(0);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(31);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(33);
|
|
|
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
|
+
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2016 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends {MDCFoundation<!MDCChipAdapter>}
|
|
|
+ * @final
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCChipFoundation = function (_MDCFoundation) {
|
|
|
+ _inherits(MDCChipFoundation, _MDCFoundation);
|
|
|
+
|
|
|
+ _createClass(MDCChipFoundation, null, [{
|
|
|
+ key: 'strings',
|
|
|
+
|
|
|
+ /** @return enum {string} */
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */];
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return enum {string} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'cssClasses',
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */];
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * {@see MDCChipAdapter} for typing information on parameters and return
|
|
|
+ * types.
|
|
|
+ * @return {!MDCChipAdapter}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'defaultAdapter',
|
|
|
+ get: function get() {
|
|
|
+ return (/** @type {!MDCChipAdapter} */{
|
|
|
+ addClass: function addClass() {},
|
|
|
+ removeClass: function removeClass() {},
|
|
|
+ hasClass: function hasClass() {},
|
|
|
+ addClassToLeadingIcon: function addClassToLeadingIcon() {},
|
|
|
+ removeClassFromLeadingIcon: function removeClassFromLeadingIcon() {},
|
|
|
+ eventTargetHasClass: function eventTargetHasClass() {},
|
|
|
+ notifyInteraction: function notifyInteraction() {},
|
|
|
+ notifySelection: function notifySelection() {},
|
|
|
+ notifyTrailingIconInteraction: function notifyTrailingIconInteraction() {},
|
|
|
+ notifyRemoval: function notifyRemoval() {},
|
|
|
+ getComputedStyleValue: function getComputedStyleValue() {},
|
|
|
+ setStyleProperty: function setStyleProperty() {}
|
|
|
+ }
|
|
|
+ );
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!MDCChipAdapter} adapter
|
|
|
+ */
|
|
|
+
|
|
|
+ }]);
|
|
|
+
|
|
|
+ function MDCChipFoundation(adapter) {
|
|
|
+ _classCallCheck(this, MDCChipFoundation);
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Whether a trailing icon click should immediately trigger exit/removal of the chip.
|
|
|
+ * @private {boolean}
|
|
|
+ * */
|
|
|
+ var _this = _possibleConstructorReturn(this, (MDCChipFoundation.__proto__ || Object.getPrototypeOf(MDCChipFoundation)).call(this, _extends(MDCChipFoundation.defaultAdapter, adapter)));
|
|
|
+
|
|
|
+ _this.shouldRemoveOnTrailingIconClick_ = true;
|
|
|
+ return _this;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {boolean}
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+ _createClass(MDCChipFoundation, [{
|
|
|
+ key: 'isSelected',
|
|
|
+ value: function isSelected() {
|
|
|
+ return this.adapter_.hasClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].SELECTED);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {boolean} selected
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setSelected',
|
|
|
+ value: function setSelected(selected) {
|
|
|
+ if (selected) {
|
|
|
+ this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].SELECTED);
|
|
|
+ } else {
|
|
|
+ this.adapter_.removeClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].SELECTED);
|
|
|
+ }
|
|
|
+ this.adapter_.notifySelection(selected);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {boolean}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getShouldRemoveOnTrailingIconClick',
|
|
|
+ value: function getShouldRemoveOnTrailingIconClick() {
|
|
|
+ return this.shouldRemoveOnTrailingIconClick_;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {boolean} shouldRemove
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setShouldRemoveOnTrailingIconClick',
|
|
|
+ value: function setShouldRemoveOnTrailingIconClick(shouldRemove) {
|
|
|
+ this.shouldRemoveOnTrailingIconClick_ = shouldRemove;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Begins the exit animation which leads to removal of the chip.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'beginExit',
|
|
|
+ value: function beginExit() {
|
|
|
+ this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].CHIP_EXIT);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Handles an interaction event on the root element.
|
|
|
+ * @param {!Event} evt
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'handleInteraction',
|
|
|
+ value: function handleInteraction(evt) {
|
|
|
+ if (evt.type === 'click' || evt.key === 'Enter' || evt.keyCode === 13) {
|
|
|
+ this.adapter_.notifyInteraction();
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Handles a transition end event on the root element.
|
|
|
+ * @param {!Event} evt
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'handleTransitionEnd',
|
|
|
+ value: function handleTransitionEnd(evt) {
|
|
|
+ var _this2 = this;
|
|
|
+
|
|
|
+ // Handle transition end event on the chip when it is about to be removed.
|
|
|
+ if (this.adapter_.eventTargetHasClass( /** @type {!EventTarget} */evt.target, __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].CHIP_EXIT)) {
|
|
|
+ if (evt.propertyName === 'width') {
|
|
|
+ this.adapter_.notifyRemoval();
|
|
|
+ } else if (evt.propertyName === 'opacity') {
|
|
|
+ // See: https://css-tricks.com/using-css-transitions-auto-dimensions/#article-header-id-5
|
|
|
+ var chipWidth = this.adapter_.getComputedStyleValue('width');
|
|
|
+
|
|
|
+ // On the next frame (once we get the computed width), explicitly set the chip's width
|
|
|
+ // to its current pixel width, so we aren't transitioning out of 'auto'.
|
|
|
+ requestAnimationFrame(function () {
|
|
|
+ _this2.adapter_.setStyleProperty('width', chipWidth);
|
|
|
+
|
|
|
+ // To mitigate jitter, start transitioning padding and margin before width.
|
|
|
+ _this2.adapter_.setStyleProperty('padding', '0');
|
|
|
+ _this2.adapter_.setStyleProperty('margin', '0');
|
|
|
+
|
|
|
+ // On the next frame (once width is explicitly set), transition width to 0.
|
|
|
+ requestAnimationFrame(function () {
|
|
|
+ _this2.adapter_.setStyleProperty('width', '0');
|
|
|
+ });
|
|
|
+ });
|
|
|
+ }
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ // Handle a transition end event on the leading icon or checkmark, since the transition end event bubbles.
|
|
|
+ if (evt.propertyName !== 'opacity') {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (this.adapter_.eventTargetHasClass( /** @type {!EventTarget} */evt.target, __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].LEADING_ICON) && this.adapter_.hasClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].SELECTED)) {
|
|
|
+ this.adapter_.addClassToLeadingIcon(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].HIDDEN_LEADING_ICON);
|
|
|
+ } else if (this.adapter_.eventTargetHasClass( /** @type {!EventTarget} */evt.target, __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].CHECKMARK) && !this.adapter_.hasClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].SELECTED)) {
|
|
|
+ this.adapter_.removeClassFromLeadingIcon(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].HIDDEN_LEADING_ICON);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Handles an interaction event on the trailing icon element. This is used to
|
|
|
+ * prevent the ripple from activating on interaction with the trailing icon.
|
|
|
+ * @param {!Event} evt
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'handleTrailingIconInteraction',
|
|
|
+ value: function handleTrailingIconInteraction(evt) {
|
|
|
+ evt.stopPropagation();
|
|
|
+ if (evt.type === 'click' || evt.key === 'Enter' || evt.keyCode === 13) {
|
|
|
+ this.adapter_.notifyTrailingIconInteraction();
|
|
|
+ if (this.shouldRemoveOnTrailingIconClick_) {
|
|
|
+ this.beginExit();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCChipFoundation;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
|
|
|
+
|
|
|
+/**
|
|
|
+ * @typedef {{
|
|
|
+ * detail: {
|
|
|
+ * chipId: string,
|
|
|
+ * },
|
|
|
+ * bubbles: boolean,
|
|
|
+ * }}
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+var MDCChipInteractionEventType = void 0;
|
|
|
+
|
|
|
+/**
|
|
|
+ * @typedef {{
|
|
|
+ * detail: {
|
|
|
+ * chipId: string,
|
|
|
+ * selected: boolean,
|
|
|
+ * },
|
|
|
+ * bubbles: boolean,
|
|
|
+ * }}
|
|
|
+ */
|
|
|
+var MDCChipSelectionEventType = void 0;
|
|
|
+
|
|
|
+/**
|
|
|
+ * @typedef {{
|
|
|
+ * detail: {
|
|
|
+ * chipId: string,
|
|
|
+ * root: Element,
|
|
|
+ * },
|
|
|
+ * bubbles: boolean,
|
|
|
+ * }}
|
|
|
+ */
|
|
|
+var MDCChipRemovalEventType = void 0;
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 33 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return strings; });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return cssClasses; });
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2016 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/** @enum {string} */
|
|
|
+var strings = {
|
|
|
+ ENTRY_ANIMATION_NAME: 'mdc-chip-entry',
|
|
|
+ INTERACTION_EVENT: 'MDCChip:interaction',
|
|
|
+ SELECTION_EVENT: 'MDCChip:selection',
|
|
|
+ TRAILING_ICON_INTERACTION_EVENT: 'MDCChip:trailingIconInteraction',
|
|
|
+ REMOVAL_EVENT: 'MDCChip:removal',
|
|
|
+ CHECKMARK_SELECTOR: '.mdc-chip__checkmark',
|
|
|
+ LEADING_ICON_SELECTOR: '.mdc-chip__icon--leading',
|
|
|
+ TRAILING_ICON_SELECTOR: '.mdc-chip__icon--trailing'
|
|
|
+};
|
|
|
+
|
|
|
+/** @enum {string} */
|
|
|
+var cssClasses = {
|
|
|
+ CHECKMARK: 'mdc-chip__checkmark',
|
|
|
+ CHIP_EXIT: 'mdc-chip--exit',
|
|
|
+ HIDDEN_LEADING_ICON: 'mdc-chip__icon--leading-hidden',
|
|
|
+ LEADING_ICON: 'mdc-chip__icon--leading',
|
|
|
+ TRAILING_ICON: 'mdc-chip__icon--trailing',
|
|
|
+ SELECTED: 'mdc-chip--selected'
|
|
|
+};
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 34 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+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"); } }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2017 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/* eslint no-unused-vars: [2, {"args": "none"}] */
|
|
|
+
|
|
|
+/**
|
|
|
+ * Adapter for MDC Chip Set.
|
|
|
+ *
|
|
|
+ * Defines the shape of the adapter expected by the foundation. Implement this
|
|
|
+ * adapter to integrate the Chip Set into your framework. See
|
|
|
+ * https://github.com/material-components/material-components-web/blob/master/docs/authoring-components.md
|
|
|
+ * for more information.
|
|
|
+ *
|
|
|
+ * @record
|
|
|
+ */
|
|
|
+var MDCChipSetAdapter = function () {
|
|
|
+ function MDCChipSetAdapter() {
|
|
|
+ _classCallCheck(this, MDCChipSetAdapter);
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCChipSetAdapter, [{
|
|
|
+ key: "hasClass",
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns true if the root element contains the given class name.
|
|
|
+ * @param {string} className
|
|
|
+ * @return {boolean}
|
|
|
+ */
|
|
|
+ value: function hasClass(className) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Removes the chip with the given id from the chip set.
|
|
|
+ * @param {string} chipId
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "removeChip",
|
|
|
+ value: function removeChip(chipId) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets the selected state of the chip with the given id.
|
|
|
+ * @param {string} chipId
|
|
|
+ * @param {boolean} selected
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "setSelected",
|
|
|
+ value: function setSelected(chipId, selected) {}
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCChipSetAdapter;
|
|
|
+}();
|
|
|
+
|
|
|
+/* unused harmony default export */ var _unused_webpack_default_export = (MDCChipSetAdapter);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 35 */
|
|
|
+/***/ (function(module, exports, __webpack_require__) {
|
|
|
+
|
|
|
+var tabbable = __webpack_require__(80);
|
|
|
+
|
|
|
+var listeningFocusTrap = null;
|
|
|
+
|
|
|
+function focusTrap(element, userOptions) {
|
|
|
+ var tabbableNodes = [];
|
|
|
+ var nodeFocusedBeforeActivation = null;
|
|
|
+ var active = false;
|
|
|
+ var paused = false;
|
|
|
+
|
|
|
+ var container = (typeof element === 'string')
|
|
|
+ ? document.querySelector(element)
|
|
|
+ : element;
|
|
|
+
|
|
|
+ var config = userOptions || {};
|
|
|
+ config.returnFocusOnDeactivate = (userOptions && userOptions.returnFocusOnDeactivate !== undefined)
|
|
|
+ ? userOptions.returnFocusOnDeactivate
|
|
|
+ : true;
|
|
|
+ config.escapeDeactivates = (userOptions && userOptions.escapeDeactivates !== undefined)
|
|
|
+ ? userOptions.escapeDeactivates
|
|
|
+ : true;
|
|
|
+
|
|
|
+ var trap = {
|
|
|
+ activate: activate,
|
|
|
+ deactivate: deactivate,
|
|
|
+ pause: pause,
|
|
|
+ unpause: unpause,
|
|
|
+ };
|
|
|
+
|
|
|
+ return trap;
|
|
|
+
|
|
|
+ function activate(activateOptions) {
|
|
|
+ if (active) return;
|
|
|
+
|
|
|
+ var defaultedActivateOptions = {
|
|
|
+ onActivate: (activateOptions && activateOptions.onActivate !== undefined)
|
|
|
+ ? activateOptions.onActivate
|
|
|
+ : config.onActivate,
|
|
|
+ };
|
|
|
+
|
|
|
+ active = true;
|
|
|
+ paused = false;
|
|
|
+ nodeFocusedBeforeActivation = document.activeElement;
|
|
|
+
|
|
|
+ if (defaultedActivateOptions.onActivate) {
|
|
|
+ defaultedActivateOptions.onActivate();
|
|
|
+ }
|
|
|
+
|
|
|
+ addListeners();
|
|
|
+ return trap;
|
|
|
+ }
|
|
|
+
|
|
|
+ function deactivate(deactivateOptions) {
|
|
|
+ if (!active) return;
|
|
|
+
|
|
|
+ var defaultedDeactivateOptions = {
|
|
|
+ returnFocus: (deactivateOptions && deactivateOptions.returnFocus !== undefined)
|
|
|
+ ? deactivateOptions.returnFocus
|
|
|
+ : config.returnFocusOnDeactivate,
|
|
|
+ onDeactivate: (deactivateOptions && deactivateOptions.onDeactivate !== undefined)
|
|
|
+ ? deactivateOptions.onDeactivate
|
|
|
+ : config.onDeactivate,
|
|
|
+ };
|
|
|
+
|
|
|
+ removeListeners();
|
|
|
+
|
|
|
+ if (defaultedDeactivateOptions.onDeactivate) {
|
|
|
+ defaultedDeactivateOptions.onDeactivate();
|
|
|
+ }
|
|
|
+
|
|
|
+ if (defaultedDeactivateOptions.returnFocus) {
|
|
|
+ setTimeout(function () {
|
|
|
+ tryFocus(nodeFocusedBeforeActivation);
|
|
|
+ }, 0);
|
|
|
+ }
|
|
|
+
|
|
|
+ active = false;
|
|
|
+ paused = false;
|
|
|
+ return this;
|
|
|
+ }
|
|
|
+
|
|
|
+ function pause() {
|
|
|
+ if (paused || !active) return;
|
|
|
+ paused = true;
|
|
|
+ removeListeners();
|
|
|
+ }
|
|
|
+
|
|
|
+ function unpause() {
|
|
|
+ if (!paused || !active) return;
|
|
|
+ paused = false;
|
|
|
+ addListeners();
|
|
|
+ }
|
|
|
+
|
|
|
+ function addListeners() {
|
|
|
+ if (!active) return;
|
|
|
+
|
|
|
+ // There can be only one listening focus trap at a time
|
|
|
+ if (listeningFocusTrap) {
|
|
|
+ listeningFocusTrap.pause();
|
|
|
+ }
|
|
|
+ listeningFocusTrap = trap;
|
|
|
+
|
|
|
+ updateTabbableNodes();
|
|
|
+ tryFocus(firstFocusNode());
|
|
|
+ document.addEventListener('focus', checkFocus, true);
|
|
|
+ document.addEventListener('click', checkClick, true);
|
|
|
+ document.addEventListener('mousedown', checkPointerDown, true);
|
|
|
+ document.addEventListener('touchstart', checkPointerDown, true);
|
|
|
+ document.addEventListener('keydown', checkKey, true);
|
|
|
+
|
|
|
+ return trap;
|
|
|
+ }
|
|
|
+
|
|
|
+ function removeListeners() {
|
|
|
+ if (!active || listeningFocusTrap !== trap) return;
|
|
|
+
|
|
|
+ document.removeEventListener('focus', checkFocus, true);
|
|
|
+ document.removeEventListener('click', checkClick, true);
|
|
|
+ document.removeEventListener('mousedown', checkPointerDown, true);
|
|
|
+ document.removeEventListener('touchstart', checkPointerDown, true);
|
|
|
+ document.removeEventListener('keydown', checkKey, true);
|
|
|
+
|
|
|
+ listeningFocusTrap = null;
|
|
|
+
|
|
|
+ return trap;
|
|
|
+ }
|
|
|
+
|
|
|
+ function getNodeForOption(optionName) {
|
|
|
+ var optionValue = config[optionName];
|
|
|
+ var node = optionValue;
|
|
|
+ if (!optionValue) {
|
|
|
+ return null;
|
|
|
+ }
|
|
|
+ if (typeof optionValue === 'string') {
|
|
|
+ node = document.querySelector(optionValue);
|
|
|
+ if (!node) {
|
|
|
+ throw new Error('`' + optionName + '` refers to no known node');
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (typeof optionValue === 'function') {
|
|
|
+ node = optionValue();
|
|
|
+ if (!node) {
|
|
|
+ throw new Error('`' + optionName + '` did not return a node');
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return node;
|
|
|
+ }
|
|
|
+
|
|
|
+ function firstFocusNode() {
|
|
|
+ var node;
|
|
|
+ if (getNodeForOption('initialFocus') !== null) {
|
|
|
+ node = getNodeForOption('initialFocus');
|
|
|
+ } else if (container.contains(document.activeElement)) {
|
|
|
+ node = document.activeElement;
|
|
|
+ } else {
|
|
|
+ node = tabbableNodes[0] || getNodeForOption('fallbackFocus');
|
|
|
+ }
|
|
|
+
|
|
|
+ if (!node) {
|
|
|
+ throw new Error('You can\'t have a focus-trap without at least one focusable element');
|
|
|
+ }
|
|
|
+
|
|
|
+ return node;
|
|
|
+ }
|
|
|
+
|
|
|
+ // This needs to be done on mousedown and touchstart instead of click
|
|
|
+ // so that it precedes the focus event
|
|
|
+ function checkPointerDown(e) {
|
|
|
+ if (config.clickOutsideDeactivates && !container.contains(e.target)) {
|
|
|
+ deactivate({ returnFocus: false });
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ function checkClick(e) {
|
|
|
+ if (config.clickOutsideDeactivates) return;
|
|
|
+ if (container.contains(e.target)) return;
|
|
|
+ e.preventDefault();
|
|
|
+ e.stopImmediatePropagation();
|
|
|
+ }
|
|
|
+
|
|
|
+ function checkFocus(e) {
|
|
|
+ if (container.contains(e.target)) return;
|
|
|
+ e.preventDefault();
|
|
|
+ e.stopImmediatePropagation();
|
|
|
+ // Checking for a blur method here resolves a Firefox issue (#15)
|
|
|
+ if (typeof e.target.blur === 'function') e.target.blur();
|
|
|
+ }
|
|
|
+
|
|
|
+ function checkKey(e) {
|
|
|
+ if (e.key === 'Tab' || e.keyCode === 9) {
|
|
|
+ handleTab(e);
|
|
|
+ }
|
|
|
+
|
|
|
+ if (config.escapeDeactivates !== false && isEscapeEvent(e)) {
|
|
|
+ deactivate();
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ function handleTab(e) {
|
|
|
+ e.preventDefault();
|
|
|
+ updateTabbableNodes();
|
|
|
+ var currentFocusIndex = tabbableNodes.indexOf(e.target);
|
|
|
+ var lastTabbableNode = tabbableNodes[tabbableNodes.length - 1];
|
|
|
+ var firstTabbableNode = tabbableNodes[0];
|
|
|
+
|
|
|
+ if (e.shiftKey) {
|
|
|
+ if (e.target === firstTabbableNode || tabbableNodes.indexOf(e.target) === -1) {
|
|
|
+ return tryFocus(lastTabbableNode);
|
|
|
+ }
|
|
|
+ return tryFocus(tabbableNodes[currentFocusIndex - 1]);
|
|
|
+ }
|
|
|
+
|
|
|
+ if (e.target === lastTabbableNode) return tryFocus(firstTabbableNode);
|
|
|
+
|
|
|
+ tryFocus(tabbableNodes[currentFocusIndex + 1]);
|
|
|
+ }
|
|
|
+
|
|
|
+ function updateTabbableNodes() {
|
|
|
+ tabbableNodes = tabbable(container);
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+function isEscapeEvent(e) {
|
|
|
+ return e.key === 'Escape' || e.key === 'Esc' || e.keyCode === 27;
|
|
|
+}
|
|
|
+
|
|
|
+function tryFocus(node) {
|
|
|
+ if (!node || !node.focus) return;
|
|
|
+ node.focus();
|
|
|
+ if (node.tagName.toLowerCase() === 'input') {
|
|
|
+ node.select();
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+module.exports = focusTrap;
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 36 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__adapter__ = __webpack_require__(14);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_base_foundation__ = __webpack_require__(0);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(37);
|
|
|
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
|
+
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends {MDCFoundation<!MDCDrawerAdapter>}
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCDismissibleDrawerFoundation = function (_MDCFoundation) {
|
|
|
+ _inherits(MDCDismissibleDrawerFoundation, _MDCFoundation);
|
|
|
+
|
|
|
+ _createClass(MDCDismissibleDrawerFoundation, null, [{
|
|
|
+ key: 'strings',
|
|
|
+
|
|
|
+ /** @return enum {string} */
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */];
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return enum {string} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'cssClasses',
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */];
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'defaultAdapter',
|
|
|
+ get: function get() {
|
|
|
+ return (/** @type {!MDCDrawerAdapter} */{
|
|
|
+ addClass: function addClass() /* className: string */{},
|
|
|
+ removeClass: function removeClass() /* className: string */{},
|
|
|
+ hasClass: function hasClass() /* className: string */{},
|
|
|
+ elementHasClass: function elementHasClass() /* element: !Element, className: string */{},
|
|
|
+ notifyClose: function notifyClose() {},
|
|
|
+ notifyOpen: function notifyOpen() {},
|
|
|
+ saveFocus: function saveFocus() {},
|
|
|
+ restoreFocus: function restoreFocus() {},
|
|
|
+ focusActiveNavigationItem: function focusActiveNavigationItem() {},
|
|
|
+ trapFocus: function trapFocus() {},
|
|
|
+ releaseFocus: function releaseFocus() {}
|
|
|
+ }
|
|
|
+ );
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ function MDCDismissibleDrawerFoundation(adapter) {
|
|
|
+ _classCallCheck(this, MDCDismissibleDrawerFoundation);
|
|
|
+
|
|
|
+ /** @private {number} */
|
|
|
+ var _this = _possibleConstructorReturn(this, (MDCDismissibleDrawerFoundation.__proto__ || Object.getPrototypeOf(MDCDismissibleDrawerFoundation)).call(this, _extends(MDCDismissibleDrawerFoundation.defaultAdapter, adapter)));
|
|
|
+
|
|
|
+ _this.animationFrame_ = 0;
|
|
|
+
|
|
|
+ /** @private {number} */
|
|
|
+ _this.animationTimer_ = 0;
|
|
|
+ return _this;
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCDismissibleDrawerFoundation, [{
|
|
|
+ key: 'destroy',
|
|
|
+ value: function destroy() {
|
|
|
+ if (this.animationFrame_) {
|
|
|
+ cancelAnimationFrame(this.animationFrame_);
|
|
|
+ }
|
|
|
+ if (this.animationTimer_) {
|
|
|
+ clearTimeout(this.animationTimer_);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Function to open the drawer.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'open',
|
|
|
+ value: function open() {
|
|
|
+ var _this2 = this;
|
|
|
+
|
|
|
+ if (this.isOpen() || this.isOpening() || this.isClosing()) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].OPEN);
|
|
|
+ this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].ANIMATE);
|
|
|
+
|
|
|
+ // Wait a frame once display is no longer "none", to establish basis for animation
|
|
|
+ this.runNextAnimationFrame_(function () {
|
|
|
+ _this2.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].OPENING);
|
|
|
+ });
|
|
|
+
|
|
|
+ this.adapter_.saveFocus();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Function to close the drawer.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'close',
|
|
|
+ value: function close() {
|
|
|
+ if (!this.isOpen() || this.isOpening() || this.isClosing()) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].CLOSING);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Extension point for when drawer finishes open animation.
|
|
|
+ * @protected
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'opened',
|
|
|
+ value: function opened() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Extension point for when drawer finishes close animation.
|
|
|
+ * @protected
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'closed',
|
|
|
+ value: function closed() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns true if drawer is in open state.
|
|
|
+ * @return {boolean}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'isOpen',
|
|
|
+ value: function isOpen() {
|
|
|
+ return this.adapter_.hasClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].OPEN);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns true if drawer is animating open.
|
|
|
+ * @return {boolean}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'isOpening',
|
|
|
+ value: function isOpening() {
|
|
|
+ return this.adapter_.hasClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].OPENING);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns true if drawer is animating closed.
|
|
|
+ * @return {boolean}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'isClosing',
|
|
|
+ value: function isClosing() {
|
|
|
+ return this.adapter_.hasClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].CLOSING);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Keydown handler to close drawer when key is escape.
|
|
|
+ * @param evt
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'handleKeydown',
|
|
|
+ value: function handleKeydown(evt) {
|
|
|
+ var keyCode = evt.keyCode,
|
|
|
+ key = evt.key;
|
|
|
+
|
|
|
+
|
|
|
+ var isEscape = key === 'Escape' || keyCode === 27;
|
|
|
+ if (isEscape) {
|
|
|
+ this.close();
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Handles a transition end event on the root element.
|
|
|
+ * @param {!Event} evt
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'handleTransitionEnd',
|
|
|
+ value: function handleTransitionEnd(evt) {
|
|
|
+ var OPENING = __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].OPENING,
|
|
|
+ CLOSING = __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].CLOSING,
|
|
|
+ OPEN = __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].OPEN,
|
|
|
+ ANIMATE = __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].ANIMATE,
|
|
|
+ ROOT = __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].ROOT;
|
|
|
+
|
|
|
+ // In Edge, transitionend on ripple pseudo-elements yields a target without classList, so check for Element first.
|
|
|
+
|
|
|
+ var isElement = evt.target instanceof Element;
|
|
|
+ if (!isElement || !this.adapter_.elementHasClass( /** @type {!Element} */evt.target, ROOT)) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (this.isClosing()) {
|
|
|
+ this.adapter_.removeClass(OPEN);
|
|
|
+ this.adapter_.restoreFocus();
|
|
|
+ this.closed();
|
|
|
+ this.adapter_.notifyClose();
|
|
|
+ } else {
|
|
|
+ this.adapter_.focusActiveNavigationItem();
|
|
|
+ this.opened();
|
|
|
+ this.adapter_.notifyOpen();
|
|
|
+ }
|
|
|
+
|
|
|
+ this.adapter_.removeClass(ANIMATE);
|
|
|
+ this.adapter_.removeClass(OPENING);
|
|
|
+ this.adapter_.removeClass(CLOSING);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Runs the given logic on the next animation frame, using setTimeout to factor in Firefox reflow behavior.
|
|
|
+ * @param {Function} callback
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'runNextAnimationFrame_',
|
|
|
+ value: function runNextAnimationFrame_(callback) {
|
|
|
+ var _this3 = this;
|
|
|
+
|
|
|
+ cancelAnimationFrame(this.animationFrame_);
|
|
|
+ this.animationFrame_ = requestAnimationFrame(function () {
|
|
|
+ _this3.animationFrame_ = 0;
|
|
|
+ clearTimeout(_this3.animationTimer_);
|
|
|
+ _this3.animationTimer_ = setTimeout(callback, 0);
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCDismissibleDrawerFoundation;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_1__material_base_foundation__["a" /* default */]);
|
|
|
+
|
|
|
+/* harmony default export */ __webpack_exports__["a"] = (MDCDismissibleDrawerFoundation);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 37 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return cssClasses; });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return strings; });
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2016 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+/** @enum {string} */
|
|
|
+var cssClasses = {
|
|
|
+ ROOT: 'mdc-drawer',
|
|
|
+ DISMISSIBLE: 'mdc-drawer--dismissible',
|
|
|
+ MODAL: 'mdc-drawer--modal',
|
|
|
+ OPEN: 'mdc-drawer--open',
|
|
|
+ ANIMATE: 'mdc-drawer--animate',
|
|
|
+ OPENING: 'mdc-drawer--opening',
|
|
|
+ CLOSING: 'mdc-drawer--closing'
|
|
|
+};
|
|
|
+
|
|
|
+/** @enum {string} */
|
|
|
+var strings = {
|
|
|
+ APP_CONTENT_SELECTOR: '.mdc-drawer-app-content',
|
|
|
+ SCRIM_SELECTOR: '.mdc-drawer-scrim',
|
|
|
+ CLOSE_EVENT: 'MDCDrawer:closed',
|
|
|
+ OPEN_EVENT: 'MDCDrawer:opened'
|
|
|
+};
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 38 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+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"); } }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/* eslint no-unused-vars: [2, {"args": "none"}] */
|
|
|
+
|
|
|
+/**
|
|
|
+ * Adapter for MDC List. Provides an interface for managing focus.
|
|
|
+ *
|
|
|
+ * Additionally, provides type information for the adapter to the Closure
|
|
|
+ * compiler.
|
|
|
+ *
|
|
|
+ * Implement this adapter for your framework of choice to delegate updates to
|
|
|
+ * the component in your framework of choice. See architecture documentation
|
|
|
+ * for more details.
|
|
|
+ * https://github.com/material-components/material-components-web/blob/master/docs/code/architecture.md
|
|
|
+ *
|
|
|
+ * @record
|
|
|
+ */
|
|
|
+var MDCListAdapter = function () {
|
|
|
+ function MDCListAdapter() {
|
|
|
+ _classCallCheck(this, MDCListAdapter);
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCListAdapter, [{
|
|
|
+ key: "getListItemCount",
|
|
|
+
|
|
|
+ /** @return {number} */
|
|
|
+ value: function getListItemCount() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {number} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "getFocusedElementIndex",
|
|
|
+ value: function getFocusedElementIndex() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {number} index
|
|
|
+ * @param {string} attribute
|
|
|
+ * @param {string} value
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "setAttributeForElementIndex",
|
|
|
+ value: function setAttributeForElementIndex(index, attribute, value) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {number} index
|
|
|
+ * @param {string} attribute
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "removeAttributeForElementIndex",
|
|
|
+ value: function removeAttributeForElementIndex(index, attribute) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {number} index
|
|
|
+ * @param {string} className
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "addClassForElementIndex",
|
|
|
+ value: function addClassForElementIndex(index, className) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {number} index
|
|
|
+ * @param {string} className
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "removeClassForElementIndex",
|
|
|
+ value: function removeClassForElementIndex(index, className) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Focuses list item at the index specified.
|
|
|
+ * @param {number} index
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "focusItemAtIndex",
|
|
|
+ value: function focusItemAtIndex(index) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets the tabindex to the value specified for all button/a element children of
|
|
|
+ * the list item at the index specified.
|
|
|
+ * @param {number} listItemIndex
|
|
|
+ * @param {number} tabIndexValue
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "setTabIndexForListItemChildren",
|
|
|
+ value: function setTabIndexForListItemChildren(listItemIndex, tabIndexValue) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * If the given element has an href, follows the link.
|
|
|
+ * @param {!Element} ele
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "followHref",
|
|
|
+ value: function followHref(ele) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Toggles the checkbox or radio button within a list item.
|
|
|
+ * @param {number} index
|
|
|
+ * @return {boolean} true if a radio button or checkbox was present.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "toggleCheckbox",
|
|
|
+ value: function toggleCheckbox(index) {}
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCListAdapter;
|
|
|
+}();
|
|
|
+
|
|
|
+/* unused harmony default export */ var _unused_webpack_default_export = (MDCListAdapter);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 39 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return strings; });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return cssClasses; });
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/** @enum {string} */
|
|
|
+var cssClasses = {
|
|
|
+ ROOT: 'mdc-list',
|
|
|
+ LIST_ITEM_CLASS: 'mdc-list-item',
|
|
|
+ LIST_ITEM_SELECTED_CLASS: 'mdc-list-item--selected',
|
|
|
+ LIST_ITEM_ACTIVATED_CLASS: 'mdc-list-item--activated'
|
|
|
+};
|
|
|
+
|
|
|
+/** @enum {string} */
|
|
|
+var strings = {
|
|
|
+ ARIA_ORIENTATION: 'aria-orientation',
|
|
|
+ ARIA_ORIENTATION_HORIZONTAL: 'horizontal',
|
|
|
+ ARIA_SELECTED: 'aria-selected',
|
|
|
+ CHECKBOX_RADIO_SELECTOR: 'input[type="checkbox"]:not(:disabled), input[type="radio"]:not(:disabled)',
|
|
|
+ CHILD_ELEMENTS_TO_TOGGLE_TABINDEX: '.' + cssClasses.LIST_ITEM_CLASS + ' button:not(:disabled),\n .' + cssClasses.LIST_ITEM_CLASS + ' a',
|
|
|
+ FOCUSABLE_CHILD_ELEMENTS: '.' + cssClasses.LIST_ITEM_CLASS + ' button:not(:disabled), .' + cssClasses.LIST_ITEM_CLASS + ' a,\n .' + cssClasses.LIST_ITEM_CLASS + ' input[type="radio"]:not(:disabled),\n .' + cssClasses.LIST_ITEM_CLASS + ' input[type="checkbox"]:not(:disabled)',
|
|
|
+ ENABLED_ITEMS_SELECTOR: '.mdc-list-item:not(.mdc-list-item--disabled)'
|
|
|
+};
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 40 */
|
|
|
+/***/ (function(module, exports, __webpack_require__) {
|
|
|
+
|
|
|
+var tabbable = __webpack_require__(85);
|
|
|
+var xtend = __webpack_require__(86);
|
|
|
+
|
|
|
+var listeningFocusTrap = null;
|
|
|
+
|
|
|
+function focusTrap(element, userOptions) {
|
|
|
+ var doc = document;
|
|
|
+ var container =
|
|
|
+ typeof element === 'string' ? doc.querySelector(element) : element;
|
|
|
+
|
|
|
+ var config = xtend(
|
|
|
+ {
|
|
|
+ returnFocusOnDeactivate: true,
|
|
|
+ escapeDeactivates: true
|
|
|
+ },
|
|
|
+ userOptions
|
|
|
+ );
|
|
|
+
|
|
|
+ var state = {
|
|
|
+ firstTabbableNode: null,
|
|
|
+ lastTabbableNode: null,
|
|
|
+ nodeFocusedBeforeActivation: null,
|
|
|
+ mostRecentlyFocusedNode: null,
|
|
|
+ active: false,
|
|
|
+ paused: false
|
|
|
+ };
|
|
|
+
|
|
|
+ var trap = {
|
|
|
+ activate: activate,
|
|
|
+ deactivate: deactivate,
|
|
|
+ pause: pause,
|
|
|
+ unpause: unpause
|
|
|
+ };
|
|
|
+
|
|
|
+ return trap;
|
|
|
+
|
|
|
+ function activate(activateOptions) {
|
|
|
+ if (state.active) return;
|
|
|
+
|
|
|
+ updateTabbableNodes();
|
|
|
+
|
|
|
+ state.active = true;
|
|
|
+ state.paused = false;
|
|
|
+ state.nodeFocusedBeforeActivation = doc.activeElement;
|
|
|
+
|
|
|
+ var onActivate =
|
|
|
+ activateOptions && activateOptions.onActivate
|
|
|
+ ? activateOptions.onActivate
|
|
|
+ : config.onActivate;
|
|
|
+ if (onActivate) {
|
|
|
+ onActivate();
|
|
|
+ }
|
|
|
+
|
|
|
+ addListeners();
|
|
|
+ return trap;
|
|
|
+ }
|
|
|
+
|
|
|
+ function deactivate(deactivateOptions) {
|
|
|
+ if (!state.active) return;
|
|
|
+
|
|
|
+ removeListeners();
|
|
|
+ state.active = false;
|
|
|
+ state.paused = false;
|
|
|
+
|
|
|
+ var onDeactivate =
|
|
|
+ deactivateOptions && deactivateOptions.onDeactivate !== undefined
|
|
|
+ ? deactivateOptions.onDeactivate
|
|
|
+ : config.onDeactivate;
|
|
|
+ if (onDeactivate) {
|
|
|
+ onDeactivate();
|
|
|
+ }
|
|
|
+
|
|
|
+ var returnFocus =
|
|
|
+ deactivateOptions && deactivateOptions.returnFocus !== undefined
|
|
|
+ ? deactivateOptions.returnFocus
|
|
|
+ : config.returnFocusOnDeactivate;
|
|
|
+ if (returnFocus) {
|
|
|
+ delay(function() {
|
|
|
+ tryFocus(state.nodeFocusedBeforeActivation);
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ return trap;
|
|
|
+ }
|
|
|
+
|
|
|
+ function pause() {
|
|
|
+ if (state.paused || !state.active) return;
|
|
|
+ state.paused = true;
|
|
|
+ removeListeners();
|
|
|
+ }
|
|
|
+
|
|
|
+ function unpause() {
|
|
|
+ if (!state.paused || !state.active) return;
|
|
|
+ state.paused = false;
|
|
|
+ addListeners();
|
|
|
+ }
|
|
|
+
|
|
|
+ function addListeners() {
|
|
|
+ if (!state.active) return;
|
|
|
+
|
|
|
+ // There can be only one listening focus trap at a time
|
|
|
+ if (listeningFocusTrap) {
|
|
|
+ listeningFocusTrap.pause();
|
|
|
+ }
|
|
|
+ listeningFocusTrap = trap;
|
|
|
+
|
|
|
+ updateTabbableNodes();
|
|
|
+
|
|
|
+ // Delay ensures that the focused element doesn't capture the event
|
|
|
+ // that caused the focus trap activation.
|
|
|
+ delay(function() {
|
|
|
+ tryFocus(getInitialFocusNode());
|
|
|
+ });
|
|
|
+ doc.addEventListener('focusin', checkFocusIn, true);
|
|
|
+ doc.addEventListener('mousedown', checkPointerDown, true);
|
|
|
+ doc.addEventListener('touchstart', checkPointerDown, true);
|
|
|
+ doc.addEventListener('click', checkClick, true);
|
|
|
+ doc.addEventListener('keydown', checkKey, true);
|
|
|
+
|
|
|
+ return trap;
|
|
|
+ }
|
|
|
+
|
|
|
+ function removeListeners() {
|
|
|
+ if (!state.active || listeningFocusTrap !== trap) return;
|
|
|
+
|
|
|
+ doc.removeEventListener('focusin', checkFocusIn, true);
|
|
|
+ doc.removeEventListener('mousedown', checkPointerDown, true);
|
|
|
+ doc.removeEventListener('touchstart', checkPointerDown, true);
|
|
|
+ doc.removeEventListener('click', checkClick, true);
|
|
|
+ doc.removeEventListener('keydown', checkKey, true);
|
|
|
+
|
|
|
+ listeningFocusTrap = null;
|
|
|
+
|
|
|
+ return trap;
|
|
|
+ }
|
|
|
+
|
|
|
+ function getNodeForOption(optionName) {
|
|
|
+ var optionValue = config[optionName];
|
|
|
+ var node = optionValue;
|
|
|
+ if (!optionValue) {
|
|
|
+ return null;
|
|
|
+ }
|
|
|
+ if (typeof optionValue === 'string') {
|
|
|
+ node = doc.querySelector(optionValue);
|
|
|
+ if (!node) {
|
|
|
+ throw new Error('`' + optionName + '` refers to no known node');
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (typeof optionValue === 'function') {
|
|
|
+ node = optionValue();
|
|
|
+ if (!node) {
|
|
|
+ throw new Error('`' + optionName + '` did not return a node');
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return node;
|
|
|
+ }
|
|
|
+
|
|
|
+ function getInitialFocusNode() {
|
|
|
+ var node;
|
|
|
+ if (getNodeForOption('initialFocus') !== null) {
|
|
|
+ node = getNodeForOption('initialFocus');
|
|
|
+ } else if (container.contains(doc.activeElement)) {
|
|
|
+ node = doc.activeElement;
|
|
|
+ } else {
|
|
|
+ node = state.firstTabbableNode || getNodeForOption('fallbackFocus');
|
|
|
+ }
|
|
|
+
|
|
|
+ if (!node) {
|
|
|
+ throw new Error(
|
|
|
+ "You can't have a focus-trap without at least one focusable element"
|
|
|
+ );
|
|
|
+ }
|
|
|
+
|
|
|
+ return node;
|
|
|
+ }
|
|
|
+
|
|
|
+ // This needs to be done on mousedown and touchstart instead of click
|
|
|
+ // so that it precedes the focus event.
|
|
|
+ function checkPointerDown(e) {
|
|
|
+ if (container.contains(e.target)) return;
|
|
|
+ if (config.clickOutsideDeactivates) {
|
|
|
+ deactivate({
|
|
|
+ returnFocus: !tabbable.isFocusable(e.target)
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ e.preventDefault();
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // In case focus escapes the trap for some strange reason, pull it back in.
|
|
|
+ function checkFocusIn(e) {
|
|
|
+ // In Firefox when you Tab out of an iframe the Document is briefly focused.
|
|
|
+ if (container.contains(e.target) || e.target instanceof Document) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ e.stopImmediatePropagation();
|
|
|
+ tryFocus(state.mostRecentlyFocusedNode || getInitialFocusNode());
|
|
|
+ }
|
|
|
+
|
|
|
+ function checkKey(e) {
|
|
|
+ if (config.escapeDeactivates !== false && isEscapeEvent(e)) {
|
|
|
+ e.preventDefault();
|
|
|
+ deactivate();
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (isTabEvent(e)) {
|
|
|
+ checkTab(e);
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // Hijack Tab events on the first and last focusable nodes of the trap,
|
|
|
+ // in order to prevent focus from escaping. If it escapes for even a
|
|
|
+ // moment it can end up scrolling the page and causing confusion so we
|
|
|
+ // kind of need to capture the action at the keydown phase.
|
|
|
+ function checkTab(e) {
|
|
|
+ updateTabbableNodes();
|
|
|
+ if (e.shiftKey && e.target === state.firstTabbableNode) {
|
|
|
+ e.preventDefault();
|
|
|
+ tryFocus(state.lastTabbableNode);
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (!e.shiftKey && e.target === state.lastTabbableNode) {
|
|
|
+ e.preventDefault();
|
|
|
+ tryFocus(state.firstTabbableNode);
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ function checkClick(e) {
|
|
|
+ if (config.clickOutsideDeactivates) return;
|
|
|
+ if (container.contains(e.target)) return;
|
|
|
+ e.preventDefault();
|
|
|
+ e.stopImmediatePropagation();
|
|
|
+ }
|
|
|
+
|
|
|
+ function updateTabbableNodes() {
|
|
|
+ var tabbableNodes = tabbable(container);
|
|
|
+ state.firstTabbableNode = tabbableNodes[0] || getInitialFocusNode();
|
|
|
+ state.lastTabbableNode =
|
|
|
+ tabbableNodes[tabbableNodes.length - 1] || getInitialFocusNode();
|
|
|
+ }
|
|
|
+
|
|
|
+ function tryFocus(node) {
|
|
|
+ if (node === doc.activeElement) return;
|
|
|
+ if (!node || !node.focus) {
|
|
|
+ tryFocus(getInitialFocusNode());
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ node.focus();
|
|
|
+ state.mostRecentlyFocusedNode = node;
|
|
|
+ if (isSelectableInput(node)) {
|
|
|
+ node.select();
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+function isSelectableInput(node) {
|
|
|
+ return (
|
|
|
+ node.tagName &&
|
|
|
+ node.tagName.toLowerCase() === 'input' &&
|
|
|
+ typeof node.select === 'function'
|
|
|
+ );
|
|
|
+}
|
|
|
+
|
|
|
+function isEscapeEvent(e) {
|
|
|
+ return e.key === 'Escape' || e.key === 'Esc' || e.keyCode === 27;
|
|
|
+}
|
|
|
+
|
|
|
+function isTabEvent(e) {
|
|
|
+ return e.key === 'Tab' || e.keyCode === 9;
|
|
|
+}
|
|
|
+
|
|
|
+function delay(fn) {
|
|
|
+ return setTimeout(fn, 0);
|
|
|
+}
|
|
|
+
|
|
|
+module.exports = focusTrap;
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 41 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+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"); } }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2017 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/* eslint no-unused-vars: [2, {"args": "none"}] */
|
|
|
+
|
|
|
+/**
|
|
|
+ * Adapter for MDC Floating Label.
|
|
|
+ *
|
|
|
+ * Defines the shape of the adapter expected by the foundation. Implement this
|
|
|
+ * adapter to integrate the floating label into your framework. See
|
|
|
+ * https://github.com/material-components/material-components-web/blob/master/docs/authoring-components.md
|
|
|
+ * for more information.
|
|
|
+ *
|
|
|
+ * @record
|
|
|
+ */
|
|
|
+var MDCFloatingLabelAdapter = function () {
|
|
|
+ function MDCFloatingLabelAdapter() {
|
|
|
+ _classCallCheck(this, MDCFloatingLabelAdapter);
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCFloatingLabelAdapter, [{
|
|
|
+ key: "addClass",
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Adds a class to the label element.
|
|
|
+ * @param {string} className
|
|
|
+ */
|
|
|
+ value: function addClass(className) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Removes a class from the label element.
|
|
|
+ * @param {string} className
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "removeClass",
|
|
|
+ value: function removeClass(className) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns the width of the label element.
|
|
|
+ * @return {number}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "getWidth",
|
|
|
+ value: function getWidth() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Registers an event listener on the root element for a given event.
|
|
|
+ * @param {string} evtType
|
|
|
+ * @param {function(!Event): undefined} handler
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "registerInteractionHandler",
|
|
|
+ value: function registerInteractionHandler(evtType, handler) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Deregisters an event listener on the root element for a given event.
|
|
|
+ * @param {string} evtType
|
|
|
+ * @param {function(!Event): undefined} handler
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "deregisterInteractionHandler",
|
|
|
+ value: function deregisterInteractionHandler(evtType, handler) {}
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCFloatingLabelAdapter;
|
|
|
+}();
|
|
|
+
|
|
|
+/* unused harmony default export */ var _unused_webpack_default_export = (MDCFloatingLabelAdapter);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 42 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+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"); } }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/* eslint no-unused-vars: [2, {"args": "none"}] */
|
|
|
+
|
|
|
+/**
|
|
|
+ * Adapter for MDC TextField Line Ripple.
|
|
|
+ *
|
|
|
+ * Defines the shape of the adapter expected by the foundation. Implement this
|
|
|
+ * adapter to integrate the line ripple into your framework. See
|
|
|
+ * https://github.com/material-components/material-components-web/blob/master/docs/authoring-components.md
|
|
|
+ * for more information.
|
|
|
+ *
|
|
|
+ * @record
|
|
|
+ */
|
|
|
+var MDCLineRippleAdapter = function () {
|
|
|
+ function MDCLineRippleAdapter() {
|
|
|
+ _classCallCheck(this, MDCLineRippleAdapter);
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCLineRippleAdapter, [{
|
|
|
+ key: "addClass",
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Adds a class to the line ripple element.
|
|
|
+ * @param {string} className
|
|
|
+ */
|
|
|
+ value: function addClass(className) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Removes a class from the line ripple element.
|
|
|
+ * @param {string} className
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "removeClass",
|
|
|
+ value: function removeClass(className) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {string} className
|
|
|
+ * @return {boolean}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "hasClass",
|
|
|
+ value: function hasClass(className) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets the style property with propertyName to value on the root element.
|
|
|
+ * @param {string} propertyName
|
|
|
+ * @param {string} value
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "setStyle",
|
|
|
+ value: function setStyle(propertyName, value) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Registers an event listener on the line ripple element for a given event.
|
|
|
+ * @param {string} evtType
|
|
|
+ * @param {function(!Event): undefined} handler
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "registerEventHandler",
|
|
|
+ value: function registerEventHandler(evtType, handler) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Deregisters an event listener on the line ripple element for a given event.
|
|
|
+ * @param {string} evtType
|
|
|
+ * @param {function(!Event): undefined} handler
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "deregisterEventHandler",
|
|
|
+ value: function deregisterEventHandler(evtType, handler) {}
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCLineRippleAdapter;
|
|
|
+}();
|
|
|
+
|
|
|
+/* unused harmony default export */ var _unused_webpack_default_export = (MDCLineRippleAdapter);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 43 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCMenu", function() { return MDCMenu; });
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_component__ = __webpack_require__(1);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__foundation__ = __webpack_require__(109);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(19);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__material_menu_surface_index__ = __webpack_require__(45);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__material_menu_surface_foundation__ = __webpack_require__(20);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__material_list_index__ = __webpack_require__(15);
|
|
|
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCMenuFoundation", function() { return __WEBPACK_IMPORTED_MODULE_1__foundation__["a"]; });
|
|
|
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "AnchorMargin", function() { return __WEBPACK_IMPORTED_MODULE_4__material_menu_surface_foundation__["a"]; });
|
|
|
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "Corner", function() { return __WEBPACK_IMPORTED_MODULE_3__material_menu_surface_index__["Corner"]; });
|
|
|
+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; }; }();
|
|
|
+
|
|
|
+var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
|
|
|
+
|
|
|
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends MDCComponent<!MDCMenuFoundation>
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCMenu = function (_MDCComponent) {
|
|
|
+ _inherits(MDCMenu, _MDCComponent);
|
|
|
+
|
|
|
+ /** @param {...?} args */
|
|
|
+ function MDCMenu() {
|
|
|
+ var _ref;
|
|
|
+
|
|
|
+ _classCallCheck(this, MDCMenu);
|
|
|
+
|
|
|
+ for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
|
|
+ args[_key] = arguments[_key];
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @private {!MDCMenuSurface} */
|
|
|
+ var _this = _possibleConstructorReturn(this, (_ref = MDCMenu.__proto__ || Object.getPrototypeOf(MDCMenu)).call.apply(_ref, [this].concat(args)));
|
|
|
+
|
|
|
+ _this.menuSurface_;
|
|
|
+ /** @private {!MDCList} */
|
|
|
+ _this.list_;
|
|
|
+ /** @private {!Function} */
|
|
|
+ _this.handleKeydown_;
|
|
|
+ /** @private {!Function} */
|
|
|
+ _this.handleClick_;
|
|
|
+ /** @private {!Function} */
|
|
|
+ _this.afterOpenedCallback_;
|
|
|
+ return _this;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!HTMLElement} root
|
|
|
+ * @return {!MDCMenu}
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+ _createClass(MDCMenu, [{
|
|
|
+ key: 'initialize',
|
|
|
+ value: function initialize() {
|
|
|
+ var menuSurfaceFactory = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : function (el) {
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_3__material_menu_surface_index__["MDCMenuSurface"](el);
|
|
|
+ };
|
|
|
+ var listFactory = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function (el) {
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_5__material_list_index__["MDCList"](el);
|
|
|
+ };
|
|
|
+
|
|
|
+ this.menuSurface_ = menuSurfaceFactory(this.root_);
|
|
|
+
|
|
|
+ var list = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */].LIST_SELECTOR);
|
|
|
+ if (list) {
|
|
|
+ this.list_ = listFactory(list);
|
|
|
+ this.list_.wrapFocus = true;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'initialSyncWithDOM',
|
|
|
+ value: function initialSyncWithDOM() {
|
|
|
+ var _this2 = this;
|
|
|
+
|
|
|
+ this.afterOpenedCallback_ = function () {
|
|
|
+ return _this2.handleAfterOpened_();
|
|
|
+ };
|
|
|
+ this.handleKeydown_ = function (evt) {
|
|
|
+ return _this2.foundation_.handleKeydown(evt);
|
|
|
+ };
|
|
|
+ this.handleClick_ = function (evt) {
|
|
|
+ return _this2.foundation_.handleClick(evt);
|
|
|
+ };
|
|
|
+
|
|
|
+ this.menuSurface_.listen(__WEBPACK_IMPORTED_MODULE_4__material_menu_surface_foundation__["b" /* MDCMenuSurfaceFoundation */].strings.OPENED_EVENT, this.afterOpenedCallback_);
|
|
|
+ this.listen('keydown', this.handleKeydown_);
|
|
|
+ this.listen('click', this.handleClick_);
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'destroy',
|
|
|
+ value: function destroy() {
|
|
|
+ if (this.list_) {
|
|
|
+ this.list_.destroy();
|
|
|
+ }
|
|
|
+
|
|
|
+ this.menuSurface_.destroy();
|
|
|
+ this.menuSurface_.unlisten(__WEBPACK_IMPORTED_MODULE_4__material_menu_surface_foundation__["b" /* MDCMenuSurfaceFoundation */].strings.OPENED_EVENT, this.afterOpenedCallback_);
|
|
|
+ this.unlisten('keydown', this.handleKeydown_);
|
|
|
+ this.unlisten('click', this.handleClick_);
|
|
|
+ _get(MDCMenu.prototype.__proto__ || Object.getPrototypeOf(MDCMenu.prototype), 'destroy', this).call(this);
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return {boolean} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setAnchorCorner',
|
|
|
+
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!Corner} corner Default anchor corner alignment of top-left
|
|
|
+ * menu corner.
|
|
|
+ */
|
|
|
+ value: function setAnchorCorner(corner) {
|
|
|
+ this.menuSurface_.setAnchorCorner(corner);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!AnchorMargin} margin
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setAnchorMargin',
|
|
|
+ value: function setAnchorMargin(margin) {
|
|
|
+ this.menuSurface_.setAnchorMargin(margin);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Return the items within the menu. Note that this only contains the set of elements within
|
|
|
+ * the items container that are proper list items, and not supplemental / presentational DOM
|
|
|
+ * elements.
|
|
|
+ * @return {!Array<!HTMLElement>}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getOptionByIndex',
|
|
|
+
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Return the item within the menu at the index specified.
|
|
|
+ * @param {number} index
|
|
|
+ * @return {?HTMLElement}
|
|
|
+ */
|
|
|
+ value: function getOptionByIndex(index) {
|
|
|
+ var items = this.items;
|
|
|
+
|
|
|
+ if (index < items.length) {
|
|
|
+ return this.items[index];
|
|
|
+ } else {
|
|
|
+ return null;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @param {boolean} quickOpen */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setFixedPosition',
|
|
|
+
|
|
|
+
|
|
|
+ /** @param {boolean} isFixed */
|
|
|
+ value: function setFixedPosition(isFixed) {
|
|
|
+ this.menuSurface_.setFixedPosition(isFixed);
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'hoistMenuToBody',
|
|
|
+ value: function hoistMenuToBody() {
|
|
|
+ this.menuSurface_.hoistMenuToBody();
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @param {boolean} isHoisted */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setIsHoisted',
|
|
|
+ value: function setIsHoisted(isHoisted) {
|
|
|
+ this.menuSurface_.setIsHoisted(isHoisted);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {number} x
|
|
|
+ * @param {number} y
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setAbsolutePosition',
|
|
|
+ value: function setAbsolutePosition(x, y) {
|
|
|
+ this.menuSurface_.setAbsolutePosition(x, y);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets the element that the menu-surface is anchored to.
|
|
|
+ * @param {!HTMLElement} element
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setAnchorElement',
|
|
|
+ value: function setAnchorElement(element) {
|
|
|
+ this.menuSurface_.anchorElement = element;
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'handleAfterOpened_',
|
|
|
+ value: function handleAfterOpened_() {
|
|
|
+ var list = this.items;
|
|
|
+ if (list.length > 0) {
|
|
|
+ list[0].focus();
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return {!MDCMenuFoundation} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getDefaultFoundation',
|
|
|
+ value: function getDefaultFoundation() {
|
|
|
+ var _this3 = this;
|
|
|
+
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* MDCMenuFoundation */]({
|
|
|
+ addClassToElementAtIndex: function addClassToElementAtIndex(index, className) {
|
|
|
+ var list = _this3.items;
|
|
|
+ list[index].classList.add(className);
|
|
|
+ },
|
|
|
+ removeClassFromElementAtIndex: function removeClassFromElementAtIndex(index, className) {
|
|
|
+ var list = _this3.items;
|
|
|
+ list[index].classList.remove(className);
|
|
|
+ },
|
|
|
+ addAttributeToElementAtIndex: function addAttributeToElementAtIndex(index, attr, value) {
|
|
|
+ var list = _this3.items;
|
|
|
+ list[index].setAttribute(attr, value);
|
|
|
+ },
|
|
|
+ removeAttributeFromElementAtIndex: function removeAttributeFromElementAtIndex(index, attr) {
|
|
|
+ var list = _this3.items;
|
|
|
+ list[index].removeAttribute(attr);
|
|
|
+ },
|
|
|
+ elementContainsClass: function elementContainsClass(element, className) {
|
|
|
+ return element.classList.contains(className);
|
|
|
+ },
|
|
|
+ closeSurface: function closeSurface() {
|
|
|
+ return _this3.open = false;
|
|
|
+ },
|
|
|
+ getElementIndex: function getElementIndex(element) {
|
|
|
+ return _this3.items.indexOf(element);
|
|
|
+ },
|
|
|
+ getParentElement: function getParentElement(element) {
|
|
|
+ return element.parentElement;
|
|
|
+ },
|
|
|
+ getSelectedElementIndex: function getSelectedElementIndex(selectionGroup) {
|
|
|
+ return _this3.items.indexOf(selectionGroup.querySelector('.' + __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].MENU_SELECTED_LIST_ITEM));
|
|
|
+ },
|
|
|
+ notifySelected: function notifySelected(evtData) {
|
|
|
+ return _this3.emit(__WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */].SELECTED_EVENT, {
|
|
|
+ index: evtData.index,
|
|
|
+ item: _this3.items[evtData.index]
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'open',
|
|
|
+ get: function get() {
|
|
|
+ return this.menuSurface_.open;
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @param {boolean} value */
|
|
|
+ ,
|
|
|
+ set: function set(value) {
|
|
|
+ this.menuSurface_.open = value;
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'items',
|
|
|
+ get: function get() {
|
|
|
+ return this.list_.listElements;
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'quickOpen',
|
|
|
+ set: function set(quickOpen) {
|
|
|
+ this.menuSurface_.quickOpen = quickOpen;
|
|
|
+ }
|
|
|
+ }], [{
|
|
|
+ key: 'attachTo',
|
|
|
+ value: function attachTo(root) {
|
|
|
+ return new MDCMenu(root);
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCMenu;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_component__["a" /* default */]);
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 44 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* unused harmony export MDCMenuSurfaceAdapter */
|
|
|
+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"); } }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/* eslint no-unused-vars: [2, {"args": "none"}] */
|
|
|
+
|
|
|
+/**
|
|
|
+ * Adapter for MDCMenuSurface. Provides an interface for managing
|
|
|
+ * - classes
|
|
|
+ * - dom
|
|
|
+ * - focus
|
|
|
+ * - position
|
|
|
+ * - dimensions
|
|
|
+ * - event handlers
|
|
|
+ *
|
|
|
+ * Additionally, provides type information for the adapter to the Closure
|
|
|
+ * compiler.
|
|
|
+ *
|
|
|
+ * Implement this adapter for your framework of choice to delegate updates to
|
|
|
+ * the component in your framework of choice. See architecture documentation
|
|
|
+ * for more details.
|
|
|
+ * https://github.com/material-components/material-components-web/blob/master/docs/code/architecture.md
|
|
|
+ *
|
|
|
+ * @record
|
|
|
+ */
|
|
|
+var MDCMenuSurfaceAdapter = function () {
|
|
|
+ function MDCMenuSurfaceAdapter() {
|
|
|
+ _classCallCheck(this, MDCMenuSurfaceAdapter);
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCMenuSurfaceAdapter, [{
|
|
|
+ key: "addClass",
|
|
|
+
|
|
|
+ /** @param {string} className */
|
|
|
+ value: function addClass(className) {}
|
|
|
+
|
|
|
+ /** @param {string} className */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "removeClass",
|
|
|
+ value: function removeClass(className) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {string} className
|
|
|
+ * @return {boolean}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "hasClass",
|
|
|
+ value: function hasClass(className) {}
|
|
|
+
|
|
|
+ /** @return {boolean} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "hasAnchor",
|
|
|
+ value: function hasAnchor() {}
|
|
|
+
|
|
|
+ /** Emits an event when the menu surface is closed. */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "notifyClose",
|
|
|
+ value: function notifyClose() {}
|
|
|
+
|
|
|
+ /** Emits an event when the menu surface is opened. */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "notifyOpen",
|
|
|
+ value: function notifyOpen() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {boolean}
|
|
|
+ * @param {EventTarget} el
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "isElementInContainer",
|
|
|
+ value: function isElementInContainer(el) {}
|
|
|
+
|
|
|
+ /** @return {boolean} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "isRtl",
|
|
|
+ value: function isRtl() {}
|
|
|
+
|
|
|
+ /** @param {string} origin */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "setTransformOrigin",
|
|
|
+ value: function setTransformOrigin(origin) {}
|
|
|
+
|
|
|
+ /** @return {boolean} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "isFocused",
|
|
|
+ value: function isFocused() {}
|
|
|
+
|
|
|
+ /** Saves the element that was focused before the menu surface was opened. */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "saveFocus",
|
|
|
+ value: function saveFocus() {}
|
|
|
+
|
|
|
+ /** Restores focus to the element that was focused before the menu surface was opened. */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "restoreFocus",
|
|
|
+ value: function restoreFocus() {}
|
|
|
+
|
|
|
+ /** @return {boolean} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "isFirstElementFocused",
|
|
|
+ value: function isFirstElementFocused() {}
|
|
|
+
|
|
|
+ /** @return {boolean} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "isLastElementFocused",
|
|
|
+ value: function isLastElementFocused() {}
|
|
|
+
|
|
|
+ /** Focuses the first focusable element in the menu-surface. */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "focusFirstElement",
|
|
|
+ value: function focusFirstElement() {}
|
|
|
+
|
|
|
+ /** Focuses the first focusable element in the menu-surface. */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "focusLastElement",
|
|
|
+ value: function focusLastElement() {}
|
|
|
+
|
|
|
+ /** @return {!{width: number, height: number}} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "getInnerDimensions",
|
|
|
+ value: function getInnerDimensions() {}
|
|
|
+
|
|
|
+ /** @return {!{width: number, height: number, top: number, right: number, bottom: number, left: number}} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "getAnchorDimensions",
|
|
|
+ value: function getAnchorDimensions() {}
|
|
|
+
|
|
|
+ /** @return {!{ width: number, height: number }} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "getWindowDimensions",
|
|
|
+ value: function getWindowDimensions() {}
|
|
|
+
|
|
|
+ /** @return {!{ width: number, height: number }} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "getBodyDimensions",
|
|
|
+ value: function getBodyDimensions() {}
|
|
|
+
|
|
|
+ /** @return {!{ width: number, height: number }} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "getWindowScroll",
|
|
|
+ value: function getWindowScroll() {}
|
|
|
+
|
|
|
+ /** @param {!{
|
|
|
+ * top: (string|undefined),
|
|
|
+ * right: (string|undefined),
|
|
|
+ * bottom: (string|undefined),
|
|
|
+ * left: (string|undefined)
|
|
|
+ * }} position */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "setPosition",
|
|
|
+ value: function setPosition(position) {}
|
|
|
+
|
|
|
+ /** @param {string} height */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "setMaxHeight",
|
|
|
+ value: function setMaxHeight(height) {}
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCMenuSurfaceAdapter;
|
|
|
+}();
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 45 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCMenuSurface", function() { return MDCMenuSurface; });
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_component__ = __webpack_require__(1);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__util__ = __webpack_require__(111);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__foundation__ = __webpack_require__(20);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__adapter__ = __webpack_require__(44);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__constants__ = __webpack_require__(21);
|
|
|
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCMenuSurfaceFoundation", function() { return __WEBPACK_IMPORTED_MODULE_2__foundation__["b"]; });
|
|
|
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "AnchorMargin", function() { return __WEBPACK_IMPORTED_MODULE_2__foundation__["a"]; });
|
|
|
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "Corner", function() { return __WEBPACK_IMPORTED_MODULE_4__constants__["a"]; });
|
|
|
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "CornerBit", function() { return __WEBPACK_IMPORTED_MODULE_4__constants__["b"]; });
|
|
|
+/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "util", function() { return __WEBPACK_IMPORTED_MODULE_1__util__; });
|
|
|
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
|
+
|
|
|
+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; }; }();
|
|
|
+
|
|
|
+var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
|
|
|
+
|
|
|
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends MDCComponent<!MDCMenuSurfaceFoundation>
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCMenuSurface = function (_MDCComponent) {
|
|
|
+ _inherits(MDCMenuSurface, _MDCComponent);
|
|
|
+
|
|
|
+ /** @param {...?} args */
|
|
|
+ function MDCMenuSurface() {
|
|
|
+ var _ref;
|
|
|
+
|
|
|
+ _classCallCheck(this, MDCMenuSurface);
|
|
|
+
|
|
|
+ for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
|
|
+ args[_key] = arguments[_key];
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @private {!Element} */
|
|
|
+ var _this = _possibleConstructorReturn(this, (_ref = MDCMenuSurface.__proto__ || Object.getPrototypeOf(MDCMenuSurface)).call.apply(_ref, [this].concat(args)));
|
|
|
+
|
|
|
+ _this.previousFocus_;
|
|
|
+ /** @private {!Element} */
|
|
|
+ _this.anchorElement;
|
|
|
+ /** @private {Element} */
|
|
|
+ _this.firstFocusableElement_;
|
|
|
+ /** @private {Element} */
|
|
|
+ _this.lastFocusableElement_;
|
|
|
+ /** @private {!Function} */
|
|
|
+ _this.handleKeydown_;
|
|
|
+ /** @private {!Function} */
|
|
|
+ _this.handleBodyClick_;
|
|
|
+ /** @private {!Function} */
|
|
|
+ _this.registerBodyClickListener_;
|
|
|
+ /** @private {!Function} */
|
|
|
+ _this.deregisterBodyClickListener_;
|
|
|
+ return _this;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!Element} root
|
|
|
+ * @return {!MDCMenuSurface}
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+ _createClass(MDCMenuSurface, [{
|
|
|
+ key: 'initialSyncWithDOM',
|
|
|
+ value: function initialSyncWithDOM() {
|
|
|
+ var _this2 = this;
|
|
|
+
|
|
|
+ if (this.root_.parentElement && this.root_.parentElement.classList.contains(__WEBPACK_IMPORTED_MODULE_4__constants__["c" /* cssClasses */].ANCHOR)) {
|
|
|
+ this.anchorElement = this.root_.parentElement;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (this.root_.classList.contains(__WEBPACK_IMPORTED_MODULE_4__constants__["c" /* cssClasses */].FIXED)) {
|
|
|
+ this.setFixedPosition(true);
|
|
|
+ }
|
|
|
+
|
|
|
+ this.handleKeydown_ = function (evt) {
|
|
|
+ return _this2.foundation_.handleKeydown(evt);
|
|
|
+ };
|
|
|
+ this.handleBodyClick_ = function (evt) {
|
|
|
+ return _this2.foundation_.handleBodyClick(evt);
|
|
|
+ };
|
|
|
+
|
|
|
+ this.registerBodyClickListener_ = function () {
|
|
|
+ return document.body.addEventListener('click', _this2.handleBodyClick_);
|
|
|
+ };
|
|
|
+ this.deregisterBodyClickListener_ = function () {
|
|
|
+ return document.body.removeEventListener('click', _this2.handleBodyClick_);
|
|
|
+ };
|
|
|
+
|
|
|
+ this.root_.addEventListener('keydown', this.handleKeydown_);
|
|
|
+ this.root_.addEventListener(__WEBPACK_IMPORTED_MODULE_4__constants__["e" /* strings */].OPENED_EVENT, this.registerBodyClickListener_);
|
|
|
+ this.root_.addEventListener(__WEBPACK_IMPORTED_MODULE_4__constants__["e" /* strings */].CLOSED_EVENT, this.deregisterBodyClickListener_);
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'destroy',
|
|
|
+ value: function destroy() {
|
|
|
+ this.root_.removeEventListener('keydown', this.handleKeydown_);
|
|
|
+ this.root_.removeEventListener(__WEBPACK_IMPORTED_MODULE_4__constants__["e" /* strings */].OPENED_EVENT, this.registerBodyClickListener_);
|
|
|
+ this.root_.removeEventListener(__WEBPACK_IMPORTED_MODULE_4__constants__["e" /* strings */].CLOSED_EVENT, this.deregisterBodyClickListener_);
|
|
|
+ _get(MDCMenuSurface.prototype.__proto__ || Object.getPrototypeOf(MDCMenuSurface.prototype), 'destroy', this).call(this);
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return {boolean} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'hoistMenuToBody',
|
|
|
+
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Removes the menu-surface from it's current location and appends it to the
|
|
|
+ * body to overcome any overflow:hidden issues.
|
|
|
+ */
|
|
|
+ value: function hoistMenuToBody() {
|
|
|
+ document.body.appendChild(this.root_.parentElement.removeChild(this.root_));
|
|
|
+ this.setIsHoisted(true);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets the foundation to use page offsets for an positioning when the menu
|
|
|
+ * is hoisted to the body.
|
|
|
+ * @param {boolean} isHoisted
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setIsHoisted',
|
|
|
+ value: function setIsHoisted(isHoisted) {
|
|
|
+ this.foundation_.setIsHoisted(isHoisted);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets the element that the menu-surface is anchored to.
|
|
|
+ * @param {!Element} element
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setMenuSurfaceAnchorElement',
|
|
|
+ value: function setMenuSurfaceAnchorElement(element) {
|
|
|
+ this.anchorElement = element;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets the menu-surface to position: fixed.
|
|
|
+ * @param {boolean} isFixed
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setFixedPosition',
|
|
|
+ value: function setFixedPosition(isFixed) {
|
|
|
+ if (isFixed) {
|
|
|
+ this.root_.classList.add(__WEBPACK_IMPORTED_MODULE_4__constants__["c" /* cssClasses */].FIXED);
|
|
|
+ } else {
|
|
|
+ this.root_.classList.remove(__WEBPACK_IMPORTED_MODULE_4__constants__["c" /* cssClasses */].FIXED);
|
|
|
+ }
|
|
|
+
|
|
|
+ this.foundation_.setFixedPosition(isFixed);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets the absolute x/y position to position based on. Requires the menu to be hoisted.
|
|
|
+ * @param {number} x
|
|
|
+ * @param {number} y
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setAbsolutePosition',
|
|
|
+ value: function setAbsolutePosition(x, y) {
|
|
|
+ this.foundation_.setAbsolutePosition(x, y);
|
|
|
+ this.setIsHoisted(true);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!Corner} corner Default anchor corner alignment of top-left
|
|
|
+ * surface corner.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setAnchorCorner',
|
|
|
+ value: function setAnchorCorner(corner) {
|
|
|
+ this.foundation_.setAnchorCorner(corner);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!AnchorMargin} margin
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setAnchorMargin',
|
|
|
+ value: function setAnchorMargin(margin) {
|
|
|
+ this.foundation_.setAnchorMargin(margin);
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @param {boolean} quickOpen */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getDefaultFoundation',
|
|
|
+
|
|
|
+
|
|
|
+ /** @return {!MDCMenuSurfaceFoundation} */
|
|
|
+ value: function getDefaultFoundation() {
|
|
|
+ var _this3 = this;
|
|
|
+
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_2__foundation__["b" /* MDCMenuSurfaceFoundation */](
|
|
|
+ /** @type {!MDCMenuSurfaceAdapter} */_extends({
|
|
|
+ addClass: function addClass(className) {
|
|
|
+ return _this3.root_.classList.add(className);
|
|
|
+ },
|
|
|
+ removeClass: function removeClass(className) {
|
|
|
+ return _this3.root_.classList.remove(className);
|
|
|
+ },
|
|
|
+ hasClass: function hasClass(className) {
|
|
|
+ return _this3.root_.classList.contains(className);
|
|
|
+ },
|
|
|
+ hasAnchor: function hasAnchor() {
|
|
|
+ return !!_this3.anchorElement;
|
|
|
+ },
|
|
|
+ notifyClose: function notifyClose() {
|
|
|
+ return _this3.emit(__WEBPACK_IMPORTED_MODULE_2__foundation__["b" /* MDCMenuSurfaceFoundation */].strings.CLOSED_EVENT, {});
|
|
|
+ },
|
|
|
+ notifyOpen: function notifyOpen() {
|
|
|
+ return _this3.emit(__WEBPACK_IMPORTED_MODULE_2__foundation__["b" /* MDCMenuSurfaceFoundation */].strings.OPENED_EVENT, {});
|
|
|
+ },
|
|
|
+ isElementInContainer: function isElementInContainer(el) {
|
|
|
+ return _this3.root_ === el || _this3.root_.contains(el);
|
|
|
+ },
|
|
|
+ isRtl: function isRtl() {
|
|
|
+ return getComputedStyle(_this3.root_).getPropertyValue('direction') === 'rtl';
|
|
|
+ },
|
|
|
+ setTransformOrigin: function setTransformOrigin(origin) {
|
|
|
+ _this3.root_.style[__WEBPACK_IMPORTED_MODULE_1__util__["getTransformPropertyName"](window) + '-origin'] = origin;
|
|
|
+ }
|
|
|
+ }, this.getFocusAdapterMethods_(), this.getDimensionAdapterMethods_()));
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {!{
|
|
|
+ * isFocused: function(): boolean,
|
|
|
+ * saveFocus: function(),
|
|
|
+ * restoreFocus: function(),
|
|
|
+ * isFirstElementFocused: function(): boolean,
|
|
|
+ * isLastElementFocused: function(): boolean,
|
|
|
+ * focusFirstElement: function(),
|
|
|
+ * focusLastElement: function(),
|
|
|
+ * }}
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getFocusAdapterMethods_',
|
|
|
+ value: function getFocusAdapterMethods_() {
|
|
|
+ var _this4 = this;
|
|
|
+
|
|
|
+ return {
|
|
|
+ isFocused: function isFocused() {
|
|
|
+ return document.activeElement === _this4.root_;
|
|
|
+ },
|
|
|
+ saveFocus: function saveFocus() {
|
|
|
+ _this4.previousFocus_ = document.activeElement;
|
|
|
+ },
|
|
|
+ restoreFocus: function restoreFocus() {
|
|
|
+ if (_this4.root_.contains(document.activeElement)) {
|
|
|
+ if (_this4.previousFocus_ && _this4.previousFocus_.focus) {
|
|
|
+ _this4.previousFocus_.focus();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ isFirstElementFocused: function isFirstElementFocused() {
|
|
|
+ return _this4.firstFocusableElement_ && _this4.firstFocusableElement_ === document.activeElement;
|
|
|
+ },
|
|
|
+ isLastElementFocused: function isLastElementFocused() {
|
|
|
+ return _this4.lastFocusableElement_ && _this4.lastFocusableElement_ === document.activeElement;
|
|
|
+ },
|
|
|
+ focusFirstElement: function focusFirstElement() {
|
|
|
+ return _this4.firstFocusableElement_ && _this4.firstFocusableElement_.focus && _this4.firstFocusableElement_.focus();
|
|
|
+ },
|
|
|
+ focusLastElement: function focusLastElement() {
|
|
|
+ return _this4.lastFocusableElement_ && _this4.lastFocusableElement_.focus && _this4.lastFocusableElement_.focus();
|
|
|
+ }
|
|
|
+ };
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {!{
|
|
|
+ * getInnerDimensions: function(),
|
|
|
+ * getAnchorDimensions: function(): (HTMLElement | null | * | ClientRect),
|
|
|
+ * getWindowDimensions: function(),
|
|
|
+ * setPosition: function(*),
|
|
|
+ * setMaxHeight: function(string)}}
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getDimensionAdapterMethods_',
|
|
|
+ value: function getDimensionAdapterMethods_() {
|
|
|
+ var _this5 = this;
|
|
|
+
|
|
|
+ return {
|
|
|
+ getInnerDimensions: function getInnerDimensions() {
|
|
|
+ return { width: _this5.root_.offsetWidth, height: _this5.root_.offsetHeight };
|
|
|
+ },
|
|
|
+ getAnchorDimensions: function getAnchorDimensions() {
|
|
|
+ return _this5.anchorElement && _this5.anchorElement.getBoundingClientRect();
|
|
|
+ },
|
|
|
+ getWindowDimensions: function getWindowDimensions() {
|
|
|
+ return { width: window.innerWidth, height: window.innerHeight };
|
|
|
+ },
|
|
|
+ getBodyDimensions: function getBodyDimensions() {
|
|
|
+ return { width: document.body.clientWidth, height: document.body.clientHeight };
|
|
|
+ },
|
|
|
+ getWindowScroll: function getWindowScroll() {
|
|
|
+ return { x: window.pageXOffset, y: window.pageYOffset };
|
|
|
+ },
|
|
|
+ setPosition: function setPosition(position) {
|
|
|
+ _this5.root_.style.left = 'left' in position ? position.left : null;
|
|
|
+ _this5.root_.style.right = 'right' in position ? position.right : null;
|
|
|
+ _this5.root_.style.top = 'top' in position ? position.top : null;
|
|
|
+ _this5.root_.style.bottom = 'bottom' in position ? position.bottom : null;
|
|
|
+ },
|
|
|
+ setMaxHeight: function setMaxHeight(height) {
|
|
|
+ _this5.root_.style.maxHeight = height;
|
|
|
+ }
|
|
|
+ };
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'open',
|
|
|
+ get: function get() {
|
|
|
+ return this.foundation_.isOpen();
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @param {boolean} value */
|
|
|
+ ,
|
|
|
+ set: function set(value) {
|
|
|
+ if (value) {
|
|
|
+ var focusableElements = this.root_.querySelectorAll(__WEBPACK_IMPORTED_MODULE_4__constants__["e" /* strings */].FOCUSABLE_ELEMENTS);
|
|
|
+ this.firstFocusableElement_ = focusableElements.length > 0 ? focusableElements[0] : null;
|
|
|
+ this.lastFocusableElement_ = focusableElements.length > 0 ? focusableElements[focusableElements.length - 1] : null;
|
|
|
+ this.foundation_.open();
|
|
|
+ } else {
|
|
|
+ this.foundation_.close();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'quickOpen',
|
|
|
+ set: function set(quickOpen) {
|
|
|
+ this.foundation_.setQuickOpen(quickOpen);
|
|
|
+ }
|
|
|
+ }], [{
|
|
|
+ key: 'attachTo',
|
|
|
+ value: function attachTo(root) {
|
|
|
+ return new MDCMenuSurface(root);
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCMenuSurface;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_component__["a" /* default */]);
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 46 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+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"); } }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2017 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/* eslint no-unused-vars: [2, {"args": "none"}] */
|
|
|
+
|
|
|
+/**
|
|
|
+ * Adapter for MDC Notched Outline.
|
|
|
+ *
|
|
|
+ * Defines the shape of the adapter expected by the foundation. Implement this
|
|
|
+ * adapter to integrate the Notched Outline into your framework. See
|
|
|
+ * https://github.com/material-components/material-components-web/blob/master/docs/authoring-components.md
|
|
|
+ * for more information.
|
|
|
+ *
|
|
|
+ * @record
|
|
|
+ */
|
|
|
+var MDCNotchedOutlineAdapter = function () {
|
|
|
+ function MDCNotchedOutlineAdapter() {
|
|
|
+ _classCallCheck(this, MDCNotchedOutlineAdapter);
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCNotchedOutlineAdapter, [{
|
|
|
+ key: "getWidth",
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns the width of the root element.
|
|
|
+ * @return {number}
|
|
|
+ */
|
|
|
+ value: function getWidth() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns the height of the root element.
|
|
|
+ * @return {number}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "getHeight",
|
|
|
+ value: function getHeight() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Adds a class to the root element.
|
|
|
+ * @param {string} className
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "addClass",
|
|
|
+ value: function addClass(className) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Removes a class from the root element.
|
|
|
+ * @param {string} className
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "removeClass",
|
|
|
+ value: function removeClass(className) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets the "d" attribute of the outline element's SVG path.
|
|
|
+ * @param {string} value
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "setOutlinePathAttr",
|
|
|
+ value: function setOutlinePathAttr(value) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns the idle outline element's computed style value of the given css property `propertyName`.
|
|
|
+ * We achieve this via `getComputedStyle(...).getPropertyValue(propertyName)`.
|
|
|
+ * @param {string} propertyName
|
|
|
+ * @return {string}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "getIdleOutlineStyleValue",
|
|
|
+ value: function getIdleOutlineStyleValue(propertyName) {}
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCNotchedOutlineAdapter;
|
|
|
+}();
|
|
|
+
|
|
|
+/* unused harmony default export */ var _unused_webpack_default_export = (MDCNotchedOutlineAdapter);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 47 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return cssClasses; });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return strings; });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return numbers; });
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/** @enum {string} */
|
|
|
+var strings = {
|
|
|
+ PATH_SELECTOR: '.mdc-notched-outline__path',
|
|
|
+ IDLE_OUTLINE_SELECTOR: '.mdc-notched-outline__idle'
|
|
|
+};
|
|
|
+
|
|
|
+/** @enum {string} */
|
|
|
+var cssClasses = {
|
|
|
+ OUTLINE_NOTCHED: 'mdc-notched-outline--notched'
|
|
|
+};
|
|
|
+
|
|
|
+/** @enum {number} */
|
|
|
+var numbers = {
|
|
|
+ NOTCH_GUTTER_SIZE: 4,
|
|
|
+ MIN_LEADING_STROKE_EDGE_POSITION: 12
|
|
|
+};
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 48 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* unused harmony export MDCSelectAdapter */
|
|
|
+/* unused harmony export FoundationMapType */
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__icon_index__ = __webpack_require__(23);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__helper_text_index__ = __webpack_require__(24);
|
|
|
+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"); } }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/* eslint no-unused-vars: [2, {"args": "none"}] */
|
|
|
+/* eslint-disable no-unused-vars */
|
|
|
+
|
|
|
+
|
|
|
+/* eslint-enable no-unused-vars */
|
|
|
+
|
|
|
+/**
|
|
|
+ * @typedef {{
|
|
|
+ * leadingIcon: (!MDCSelectIconFoundation|undefined),
|
|
|
+ * helperText: (!MDCSelectHelperTextFoundation|undefined),
|
|
|
+ * }}
|
|
|
+ */
|
|
|
+var FoundationMapType = void 0;
|
|
|
+
|
|
|
+/**
|
|
|
+ * Adapter for MDC Select. Provides an interface for managing
|
|
|
+ * - classes
|
|
|
+ * - dom
|
|
|
+ * - event handlers
|
|
|
+ *
|
|
|
+ * Additionally, provides type information for the adapter to the Closure
|
|
|
+ * compiler.
|
|
|
+ *
|
|
|
+ * Implement this adapter for your framework of choice to delegate updates to
|
|
|
+ * the component in your framework of choice. See architecture documentation
|
|
|
+ * for more details.
|
|
|
+ * https://github.com/material-components/material-components-web/blob/master/docs/code/architecture.md
|
|
|
+ *
|
|
|
+ * @record
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCSelectAdapter = function () {
|
|
|
+ function MDCSelectAdapter() {
|
|
|
+ _classCallCheck(this, MDCSelectAdapter);
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCSelectAdapter, [{
|
|
|
+ key: 'addClass',
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Adds class to root element.
|
|
|
+ * @param {string} className
|
|
|
+ */
|
|
|
+ value: function addClass(className) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Removes a class from the root element.
|
|
|
+ * @param {string} className
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'removeClass',
|
|
|
+ value: function removeClass(className) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns true if the root element contains the given class name.
|
|
|
+ * @param {string} className
|
|
|
+ * @return {boolean}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'hasClass',
|
|
|
+ value: function hasClass(className) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Activates the bottom line, showing a focused state.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'activateBottomLine',
|
|
|
+ value: function activateBottomLine() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Deactivates the bottom line.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'deactivateBottomLine',
|
|
|
+ value: function deactivateBottomLine() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets the value of the select.
|
|
|
+ * @param {string} value
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setValue',
|
|
|
+ value: function setValue(value) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns the selected value of the select element.
|
|
|
+ * @return {string}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getValue',
|
|
|
+ value: function getValue() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns true if the direction of the root element is set to RTL.
|
|
|
+ * @return {boolean}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'isRtl',
|
|
|
+ value: function isRtl() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Floats label determined based off of the shouldFloat argument.
|
|
|
+ * @param {boolean} shouldFloat
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'floatLabel',
|
|
|
+ value: function floatLabel(shouldFloat) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns width of label in pixels, if the label exists.
|
|
|
+ * @return {number}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getLabelWidth',
|
|
|
+ value: function getLabelWidth() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns true if outline element exists, false if it doesn't.
|
|
|
+ * @return {boolean}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'hasOutline',
|
|
|
+ value: function hasOutline() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Updates SVG Path and outline element based on the
|
|
|
+ * label element width and RTL context, if the outline exists.
|
|
|
+ * @param {number} labelWidth
|
|
|
+ * @param {boolean=} isRtl
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'notchOutline',
|
|
|
+ value: function notchOutline(labelWidth, isRtl) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Closes notch in outline element, if the outline exists.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'closeOutline',
|
|
|
+ value: function closeOutline() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Opens the menu.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'openMenu',
|
|
|
+ value: function openMenu() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Closes the menu.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'closeMenu',
|
|
|
+ value: function closeMenu() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns true if the menu is currently open.
|
|
|
+ * @return {boolean}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'isMenuOpen',
|
|
|
+ value: function isMenuOpen() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets the selected index of the select to the index provided.
|
|
|
+ * @param {number} index
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setSelectedIndex',
|
|
|
+ value: function setSelectedIndex(index) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets the select to disabled.
|
|
|
+ * @param {boolean} isDisabled
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setDisabled',
|
|
|
+ value: function setDisabled(isDisabled) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets the line ripple transform origin center.
|
|
|
+ * @param {number} normalizedX
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setRippleCenter',
|
|
|
+ value: function setRippleCenter(normalizedX) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Emits a change event when an element is selected.
|
|
|
+ * @param {string} value
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'notifyChange',
|
|
|
+ value: function notifyChange(value) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Checks if the select is currently valid.
|
|
|
+ * @return {boolean} isValid
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'checkValidity',
|
|
|
+ value: function checkValidity() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Adds/Removes the invalid class.
|
|
|
+ * @param {boolean} isValid
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setValid',
|
|
|
+ value: function setValid(isValid) {}
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCSelectAdapter;
|
|
|
+}();
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 49 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+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"); } }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/* eslint no-unused-vars: [2, {"args": "none"}] */
|
|
|
+
|
|
|
+/**
|
|
|
+ * Adapter for MDC Select Icon.
|
|
|
+ *
|
|
|
+ * Defines the shape of the adapter expected by the foundation. Implement this
|
|
|
+ * adapter to integrate the select icon into your framework. See
|
|
|
+ * https://github.com/material-components/material-components-web/blob/master/docs/authoring-components.md
|
|
|
+ * for more information.
|
|
|
+ *
|
|
|
+ * @record
|
|
|
+ */
|
|
|
+var MDCSelectIconAdapter = function () {
|
|
|
+ function MDCSelectIconAdapter() {
|
|
|
+ _classCallCheck(this, MDCSelectIconAdapter);
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCSelectIconAdapter, [{
|
|
|
+ key: "getAttr",
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Gets the value of an attribute on the icon element.
|
|
|
+ * @param {string} attr
|
|
|
+ * @return {string}
|
|
|
+ */
|
|
|
+ value: function getAttr(attr) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets an attribute on the icon element.
|
|
|
+ * @param {string} attr
|
|
|
+ * @param {string} value
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "setAttr",
|
|
|
+ value: function setAttr(attr, value) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Removes an attribute from the icon element.
|
|
|
+ * @param {string} attr
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "removeAttr",
|
|
|
+ value: function removeAttr(attr) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets the text content of the icon element.
|
|
|
+ * @param {string} content
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "setContent",
|
|
|
+ value: function setContent(content) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Registers an event listener on the icon element for a given event.
|
|
|
+ * @param {string} evtType
|
|
|
+ * @param {function(!Event): undefined} handler
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "registerInteractionHandler",
|
|
|
+ value: function registerInteractionHandler(evtType, handler) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Deregisters an event listener on the icon element for a given event.
|
|
|
+ * @param {string} evtType
|
|
|
+ * @param {function(!Event): undefined} handler
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "deregisterInteractionHandler",
|
|
|
+ value: function deregisterInteractionHandler(evtType, handler) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Emits a custom event "MDCSelect:icon" denoting a user has clicked the icon.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "notifyIconAction",
|
|
|
+ value: function notifyIconAction() {}
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCSelectIconAdapter;
|
|
|
+}();
|
|
|
+
|
|
|
+/* unused harmony default export */ var _unused_webpack_default_export = (MDCSelectIconAdapter);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 50 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+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"); } }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/* eslint no-unused-vars: [2, {"args": "none"}] */
|
|
|
+
|
|
|
+/**
|
|
|
+ * Adapter for MDC Select Helper Text.
|
|
|
+ *
|
|
|
+ * Defines the shape of the adapter expected by the foundation. Implement this
|
|
|
+ * adapter to integrate the Select helper text into your framework. See
|
|
|
+ * https://github.com/material-components/material-components-web/blob/master/docs/authoring-components.md
|
|
|
+ * for more information.
|
|
|
+ *
|
|
|
+ * @record
|
|
|
+ */
|
|
|
+var MDCSelectHelperTextAdapter = function () {
|
|
|
+ function MDCSelectHelperTextAdapter() {
|
|
|
+ _classCallCheck(this, MDCSelectHelperTextAdapter);
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCSelectHelperTextAdapter, [{
|
|
|
+ key: "addClass",
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Adds a class to the helper text element.
|
|
|
+ * @param {string} className
|
|
|
+ */
|
|
|
+ value: function addClass(className) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Removes a class from the helper text element.
|
|
|
+ * @param {string} className
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "removeClass",
|
|
|
+ value: function removeClass(className) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns whether or not the helper text element contains the given class.
|
|
|
+ * @param {string} className
|
|
|
+ * @return {boolean}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "hasClass",
|
|
|
+ value: function hasClass(className) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets an attribute with a given value on the helper text element.
|
|
|
+ * @param {string} attr
|
|
|
+ * @param {string} value
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "setAttr",
|
|
|
+ value: function setAttr(attr, value) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Removes an attribute from the helper text element.
|
|
|
+ * @param {string} attr
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "removeAttr",
|
|
|
+ value: function removeAttr(attr) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets the text content for the helper text element.
|
|
|
+ * @param {string} content
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "setContent",
|
|
|
+ value: function setContent(content) {}
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCSelectHelperTextAdapter;
|
|
|
+}();
|
|
|
+
|
|
|
+/* unused harmony default export */ var _unused_webpack_default_export = (MDCSelectHelperTextAdapter);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 51 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return cssClasses; });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return strings; });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return numbers; });
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2016 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/** @enum {string} */
|
|
|
+var cssClasses = {
|
|
|
+ DISABLED: 'mdc-select--disabled',
|
|
|
+ ROOT: 'mdc-select',
|
|
|
+ OUTLINED: 'mdc-select--outlined',
|
|
|
+ FOCUSED: 'mdc-select--focused',
|
|
|
+ SELECTED_ITEM_CLASS: 'mdc-list-item--selected',
|
|
|
+ WITH_LEADING_ICON: 'mdc-select--with-leading-icon',
|
|
|
+ INVALID: 'mdc-select--invalid',
|
|
|
+ REQUIRED: 'mdc-select--required'
|
|
|
+};
|
|
|
+
|
|
|
+/** @enum {string} */
|
|
|
+var strings = {
|
|
|
+ ARIA_CONTROLS: 'aria-controls',
|
|
|
+ CHANGE_EVENT: 'MDCSelect:change',
|
|
|
+ SELECTED_ITEM_SELECTOR: '.' + cssClasses.SELECTED_ITEM_CLASS,
|
|
|
+ LEADING_ICON_SELECTOR: '.mdc-select__icon',
|
|
|
+ SELECTED_TEXT_SELECTOR: '.mdc-select__selected-text',
|
|
|
+ HIDDEN_INPUT_SELECTOR: 'input[type="hidden"]',
|
|
|
+ MENU_SELECTOR: '.mdc-select__menu',
|
|
|
+ LINE_RIPPLE_SELECTOR: '.mdc-line-ripple',
|
|
|
+ LABEL_SELECTOR: '.mdc-floating-label',
|
|
|
+ NATIVE_CONTROL_SELECTOR: '.mdc-select__native-control',
|
|
|
+ OUTLINE_SELECTOR: '.mdc-notched-outline',
|
|
|
+ ENHANCED_VALUE_ATTR: 'data-value',
|
|
|
+ ARIA_SELECTED_ATTR: 'aria-selected'
|
|
|
+};
|
|
|
+
|
|
|
+/** @enum {number} */
|
|
|
+var numbers = {
|
|
|
+ LABEL_SCALE: 0.75
|
|
|
+};
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 52 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return cssClasses; });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return strings; });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return numbers; });
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2017 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/** @enum {string} */
|
|
|
+var cssClasses = {
|
|
|
+ ACTIVE: 'mdc-slider--active',
|
|
|
+ DISABLED: 'mdc-slider--disabled',
|
|
|
+ DISCRETE: 'mdc-slider--discrete',
|
|
|
+ FOCUS: 'mdc-slider--focus',
|
|
|
+ IN_TRANSIT: 'mdc-slider--in-transit',
|
|
|
+ IS_DISCRETE: 'mdc-slider--discrete',
|
|
|
+ HAS_TRACK_MARKER: 'mdc-slider--display-markers'
|
|
|
+};
|
|
|
+
|
|
|
+/** @enum {string} */
|
|
|
+var strings = {
|
|
|
+ TRACK_SELECTOR: '.mdc-slider__track',
|
|
|
+ TRACK_MARKER_CONTAINER_SELECTOR: '.mdc-slider__track-marker-container',
|
|
|
+ LAST_TRACK_MARKER_SELECTOR: '.mdc-slider__track-marker:last-child',
|
|
|
+ THUMB_CONTAINER_SELECTOR: '.mdc-slider__thumb-container',
|
|
|
+ PIN_VALUE_MARKER_SELECTOR: '.mdc-slider__pin-value-marker',
|
|
|
+ ARIA_VALUEMIN: 'aria-valuemin',
|
|
|
+ ARIA_VALUEMAX: 'aria-valuemax',
|
|
|
+ ARIA_VALUENOW: 'aria-valuenow',
|
|
|
+ ARIA_DISABLED: 'aria-disabled',
|
|
|
+ STEP_DATA_ATTR: 'data-step',
|
|
|
+ CHANGE_EVENT: 'MDCSlider:change',
|
|
|
+ INPUT_EVENT: 'MDCSlider:input'
|
|
|
+};
|
|
|
+
|
|
|
+/** @enum {number} */
|
|
|
+var numbers = {
|
|
|
+ PAGE_FACTOR: 4
|
|
|
+};
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 53 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+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"); } }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2017 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/* eslint-disable no-unused-vars */
|
|
|
+
|
|
|
+/**
|
|
|
+ * Adapter for MDC Slider.
|
|
|
+ *
|
|
|
+ * Defines the shape of the adapter expected by the foundation. Implement this
|
|
|
+ * adapter to integrate the Slider into your framework. See
|
|
|
+ * https://github.com/material-components/material-components-web/blob/master/docs/authoring-components.md
|
|
|
+ * for more information.
|
|
|
+ *
|
|
|
+ * @record
|
|
|
+ */
|
|
|
+var MDCSliderAdapter = function () {
|
|
|
+ function MDCSliderAdapter() {
|
|
|
+ _classCallCheck(this, MDCSliderAdapter);
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCSliderAdapter, [{
|
|
|
+ key: "hasClass",
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns true if className exists for the slider Element
|
|
|
+ * @param {string} className
|
|
|
+ * @return {boolean}
|
|
|
+ */
|
|
|
+ value: function hasClass(className) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Adds a class to the slider Element
|
|
|
+ * @param {string} className
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "addClass",
|
|
|
+ value: function addClass(className) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Removes a class from the slider Element
|
|
|
+ * @param {string} className
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "removeClass",
|
|
|
+ value: function removeClass(className) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns a string if attribute name exists on the slider Element,
|
|
|
+ * otherwise returns null
|
|
|
+ * @param {string} name
|
|
|
+ * @return {?string}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "getAttribute",
|
|
|
+ value: function getAttribute(name) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets attribute name on slider Element to value
|
|
|
+ * @param {string} name
|
|
|
+ * @param {string} value
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "setAttribute",
|
|
|
+ value: function setAttribute(name, value) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Removes attribute name from slider Element
|
|
|
+ * @param {string} name
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "removeAttribute",
|
|
|
+ value: function removeAttribute(name) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns the bounding client rect for the slider Element
|
|
|
+ * @return {?ClientRect}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "computeBoundingRect",
|
|
|
+ value: function computeBoundingRect() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns the tab index of the slider Element
|
|
|
+ * @return {number}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "getTabIndex",
|
|
|
+ value: function getTabIndex() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Registers an event handler on the root element for a given event.
|
|
|
+ * @param {string} type
|
|
|
+ * @param {function(!Event): undefined} handler
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "registerInteractionHandler",
|
|
|
+ value: function registerInteractionHandler(type, handler) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Deregisters an event handler on the root element for a given event.
|
|
|
+ * @param {string} type
|
|
|
+ * @param {function(!Event): undefined} handler
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "deregisterInteractionHandler",
|
|
|
+ value: function deregisterInteractionHandler(type, handler) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Registers an event handler on the thumb container element for a given event.
|
|
|
+ * @param {string} type
|
|
|
+ * @param {function(!Event): undefined} handler
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "registerThumbContainerInteractionHandler",
|
|
|
+ value: function registerThumbContainerInteractionHandler(type, handler) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Deregisters an event handler on the thumb container element for a given event.
|
|
|
+ * @param {string} type
|
|
|
+ * @param {function(!Event): undefined} handler
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "deregisterThumbContainerInteractionHandler",
|
|
|
+ value: function deregisterThumbContainerInteractionHandler(type, handler) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Registers an event handler on the body for a given event.
|
|
|
+ * @param {string} type
|
|
|
+ * @param {function(!Event): undefined} handler
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "registerBodyInteractionHandler",
|
|
|
+ value: function registerBodyInteractionHandler(type, handler) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Deregisters an event handler on the body for a given event.
|
|
|
+ * @param {string} type
|
|
|
+ * @param {function(!Event): undefined} handler
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "deregisterBodyInteractionHandler",
|
|
|
+ value: function deregisterBodyInteractionHandler(type, handler) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Registers an event handler for the window resize event
|
|
|
+ * @param {function(!Event): undefined} handler
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "registerResizeHandler",
|
|
|
+ value: function registerResizeHandler(handler) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Deregisters an event handler for the window resize event
|
|
|
+ * @param {function(!Event): undefined} handler
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "deregisterResizeHandler",
|
|
|
+ value: function deregisterResizeHandler(handler) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Emits a custom event MDCSlider:input from the root
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "notifyInput",
|
|
|
+ value: function notifyInput() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Emits a custom event MDCSlider:change from the root
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "notifyChange",
|
|
|
+ value: function notifyChange() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets a style property of the thumb container element to the passed value
|
|
|
+ * @param {string} propertyName
|
|
|
+ * @param {string} value
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "setThumbContainerStyleProperty",
|
|
|
+ value: function setThumbContainerStyleProperty(propertyName, value) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets a style property of the track element to the passed value
|
|
|
+ * @param {string} propertyName
|
|
|
+ * @param {string} value
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "setTrackStyleProperty",
|
|
|
+ value: function setTrackStyleProperty(propertyName, value) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets the inner text of the pin marker to the passed value
|
|
|
+ * @param {number} value
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "setMarkerValue",
|
|
|
+ value: function setMarkerValue(value) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Appends the passed number of track markers to the track mark container element
|
|
|
+ * @param {number} numMarkers
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "appendTrackMarkers",
|
|
|
+ value: function appendTrackMarkers(numMarkers) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Removes all track markers fromt he track mark container element
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "removeTrackMarkers",
|
|
|
+ value: function removeTrackMarkers() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets a style property of the last track marker to the passed value
|
|
|
+ * @param {string} propertyName
|
|
|
+ * @param {string} value
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "setLastTrackMarkersStyleProperty",
|
|
|
+ value: function setLastTrackMarkersStyleProperty(propertyName, value) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns true if the root element is RTL, otherwise false
|
|
|
+ * @return {boolean}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "isRTL",
|
|
|
+ value: function isRTL() {}
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCSliderAdapter;
|
|
|
+}();
|
|
|
+
|
|
|
+/* unused harmony default export */ var _unused_webpack_default_export = (MDCSliderAdapter);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 54 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCTabIndicator", function() { return MDCTabIndicator; });
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_component__ = __webpack_require__(1);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(55);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__foundation__ = __webpack_require__(26);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__sliding_foundation__ = __webpack_require__(133);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__fading_foundation__ = __webpack_require__(134);
|
|
|
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCTabIndicatorFoundation", function() { return __WEBPACK_IMPORTED_MODULE_2__foundation__["a"]; });
|
|
|
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCSlidingTabIndicatorFoundation", function() { return __WEBPACK_IMPORTED_MODULE_3__sliding_foundation__["a"]; });
|
|
|
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCFadingTabIndicatorFoundation", function() { return __WEBPACK_IMPORTED_MODULE_4__fading_foundation__["a"]; });
|
|
|
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
|
+
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends {MDCComponent<!MDCTabIndicatorFoundation>}
|
|
|
+ * @final
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCTabIndicator = function (_MDCComponent) {
|
|
|
+ _inherits(MDCTabIndicator, _MDCComponent);
|
|
|
+
|
|
|
+ _createClass(MDCTabIndicator, null, [{
|
|
|
+ key: 'attachTo',
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!Element} root
|
|
|
+ * @return {!MDCTabIndicator}
|
|
|
+ */
|
|
|
+ value: function attachTo(root) {
|
|
|
+ return new MDCTabIndicator(root);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {...?} args
|
|
|
+ */
|
|
|
+
|
|
|
+ }]);
|
|
|
+
|
|
|
+ function MDCTabIndicator() {
|
|
|
+ var _ref;
|
|
|
+
|
|
|
+ _classCallCheck(this, MDCTabIndicator);
|
|
|
+
|
|
|
+ for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
|
|
+ args[_key] = arguments[_key];
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @type {?Element} */
|
|
|
+ var _this = _possibleConstructorReturn(this, (_ref = MDCTabIndicator.__proto__ || Object.getPrototypeOf(MDCTabIndicator)).call.apply(_ref, [this].concat(args)));
|
|
|
+
|
|
|
+ _this.content_;
|
|
|
+ return _this;
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCTabIndicator, [{
|
|
|
+ key: 'initialize',
|
|
|
+ value: function initialize() {
|
|
|
+ this.content_ = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */].strings.CONTENT_SELECTOR);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {!ClientRect}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'computeContentClientRect',
|
|
|
+ value: function computeContentClientRect() {
|
|
|
+ return this.foundation_.computeContentClientRect();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {!MDCTabIndicatorFoundation}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getDefaultFoundation',
|
|
|
+ value: function getDefaultFoundation() {
|
|
|
+ var _this2 = this;
|
|
|
+
|
|
|
+ var adapter = /** @type {!MDCTabIndicatorAdapter} */_extends({
|
|
|
+ addClass: function addClass(className) {
|
|
|
+ return _this2.root_.classList.add(className);
|
|
|
+ },
|
|
|
+ removeClass: function removeClass(className) {
|
|
|
+ return _this2.root_.classList.remove(className);
|
|
|
+ },
|
|
|
+ computeContentClientRect: function computeContentClientRect() {
|
|
|
+ return _this2.content_.getBoundingClientRect();
|
|
|
+ },
|
|
|
+ setContentStyleProperty: function setContentStyleProperty(prop, value) {
|
|
|
+ return _this2.content_.style.setProperty(prop, value);
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ if (this.root_.classList.contains(__WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */].cssClasses.FADE)) {
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_4__fading_foundation__["a" /* default */](adapter);
|
|
|
+ }
|
|
|
+
|
|
|
+ // Default to the sliding indicator
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_3__sliding_foundation__["a" /* default */](adapter);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!ClientRect=} previousIndicatorClientRect
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'activate',
|
|
|
+ value: function activate(previousIndicatorClientRect) {
|
|
|
+ this.foundation_.activate(previousIndicatorClientRect);
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'deactivate',
|
|
|
+ value: function deactivate() {
|
|
|
+ this.foundation_.deactivate();
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCTabIndicator;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_component__["a" /* default */]);
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 55 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+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"); } }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/* eslint no-unused-vars: [2, {"args": "none"}] */
|
|
|
+
|
|
|
+/**
|
|
|
+ * Adapter for MDC Tab Indicator.
|
|
|
+ *
|
|
|
+ * Defines the shape of the adapter expected by the foundation. Implement this
|
|
|
+ * adapter to integrate the Tab Indicator into your framework. See
|
|
|
+ * https://github.com/material-components/material-components-web/blob/master/docs/authoring-components.md
|
|
|
+ * for more information.
|
|
|
+ *
|
|
|
+ * @record
|
|
|
+ */
|
|
|
+var MDCTabIndicatorAdapter = function () {
|
|
|
+ function MDCTabIndicatorAdapter() {
|
|
|
+ _classCallCheck(this, MDCTabIndicatorAdapter);
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCTabIndicatorAdapter, [{
|
|
|
+ key: "addClass",
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Adds the given className to the root element.
|
|
|
+ * @param {string} className The className to add
|
|
|
+ */
|
|
|
+ value: function addClass(className) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Removes the given className from the root element.
|
|
|
+ * @param {string} className The className to remove
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "removeClass",
|
|
|
+ value: function removeClass(className) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns the client rect of the content element.
|
|
|
+ * @return {!ClientRect}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "computeContentClientRect",
|
|
|
+ value: function computeContentClientRect() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets a style property of the content element to the passed value
|
|
|
+ * @param {string} propName The style property name to set
|
|
|
+ * @param {string} value The style property value
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "setContentStyleProperty",
|
|
|
+ value: function setContentStyleProperty(propName, value) {}
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCTabIndicatorAdapter;
|
|
|
+}();
|
|
|
+
|
|
|
+/* unused harmony default export */ var _unused_webpack_default_export = (MDCTabIndicatorAdapter);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 56 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCTabScroller", function() { return MDCTabScroller; });
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_component__ = __webpack_require__(1);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(5);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__foundation__ = __webpack_require__(138);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__util__ = __webpack_require__(142);
|
|
|
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCTabScrollerFoundation", function() { return __WEBPACK_IMPORTED_MODULE_2__foundation__["a"]; });
|
|
|
+/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "util", function() { return __WEBPACK_IMPORTED_MODULE_3__util__; });
|
|
|
+var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
|
|
|
+
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends {MDCComponent<!MDCTabScrollerFoundation>}
|
|
|
+ * @final
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCTabScroller = function (_MDCComponent) {
|
|
|
+ _inherits(MDCTabScroller, _MDCComponent);
|
|
|
+
|
|
|
+ _createClass(MDCTabScroller, null, [{
|
|
|
+ key: 'attachTo',
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!Element} root
|
|
|
+ * @return {!MDCTabScroller}
|
|
|
+ */
|
|
|
+ value: function attachTo(root) {
|
|
|
+ return new MDCTabScroller(root);
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ function MDCTabScroller() {
|
|
|
+ var _ref;
|
|
|
+
|
|
|
+ _classCallCheck(this, MDCTabScroller);
|
|
|
+
|
|
|
+ for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
|
|
+ args[_key] = arguments[_key];
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @private {?Element} */
|
|
|
+ var _this = _possibleConstructorReturn(this, (_ref = MDCTabScroller.__proto__ || Object.getPrototypeOf(MDCTabScroller)).call.apply(_ref, [this].concat(args)));
|
|
|
+
|
|
|
+ _this.content_;
|
|
|
+
|
|
|
+ /** @private {?Element} */
|
|
|
+ _this.area_;
|
|
|
+
|
|
|
+ /** @private {?function(?Event): undefined} */
|
|
|
+ _this.handleInteraction_;
|
|
|
+
|
|
|
+ /** @private {?function(!Event): undefined} */
|
|
|
+ _this.handleTransitionEnd_;
|
|
|
+ return _this;
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCTabScroller, [{
|
|
|
+ key: 'initialize',
|
|
|
+ value: function initialize() {
|
|
|
+ this.area_ = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */].strings.AREA_SELECTOR);
|
|
|
+ this.content_ = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */].strings.CONTENT_SELECTOR);
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'initialSyncWithDOM',
|
|
|
+ value: function initialSyncWithDOM() {
|
|
|
+ var _this2 = this;
|
|
|
+
|
|
|
+ this.handleInteraction_ = function () {
|
|
|
+ return _this2.foundation_.handleInteraction();
|
|
|
+ };
|
|
|
+ this.handleTransitionEnd_ = function (evt) {
|
|
|
+ return _this2.foundation_.handleTransitionEnd(evt);
|
|
|
+ };
|
|
|
+
|
|
|
+ this.area_.addEventListener('wheel', this.handleInteraction_);
|
|
|
+ this.area_.addEventListener('touchstart', this.handleInteraction_);
|
|
|
+ this.area_.addEventListener('pointerdown', this.handleInteraction_);
|
|
|
+ this.area_.addEventListener('mousedown', this.handleInteraction_);
|
|
|
+ this.area_.addEventListener('keydown', this.handleInteraction_);
|
|
|
+ this.content_.addEventListener('transitionend', this.handleTransitionEnd_);
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'destroy',
|
|
|
+ value: function destroy() {
|
|
|
+ _get(MDCTabScroller.prototype.__proto__ || Object.getPrototypeOf(MDCTabScroller.prototype), 'destroy', this).call(this);
|
|
|
+
|
|
|
+ this.area_.removeEventListener('wheel', this.handleInteraction_);
|
|
|
+ this.area_.removeEventListener('touchstart', this.handleInteraction_);
|
|
|
+ this.area_.removeEventListener('pointerdown', this.handleInteraction_);
|
|
|
+ this.area_.removeEventListener('mousedown', this.handleInteraction_);
|
|
|
+ this.area_.removeEventListener('keydown', this.handleInteraction_);
|
|
|
+ this.content_.removeEventListener('transitionend', this.handleTransitionEnd_);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {!MDCTabScrollerFoundation}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getDefaultFoundation',
|
|
|
+ value: function getDefaultFoundation() {
|
|
|
+ var _this3 = this;
|
|
|
+
|
|
|
+ var adapter = /** @type {!MDCTabScrollerAdapter} */{
|
|
|
+ eventTargetMatchesSelector: function eventTargetMatchesSelector(evtTarget, selector) {
|
|
|
+ var MATCHES = __WEBPACK_IMPORTED_MODULE_3__util__["getMatchesProperty"](HTMLElement.prototype);
|
|
|
+ return evtTarget[MATCHES](selector);
|
|
|
+ },
|
|
|
+ addClass: function addClass(className) {
|
|
|
+ return _this3.root_.classList.add(className);
|
|
|
+ },
|
|
|
+ removeClass: function removeClass(className) {
|
|
|
+ return _this3.root_.classList.remove(className);
|
|
|
+ },
|
|
|
+ addScrollAreaClass: function addScrollAreaClass(className) {
|
|
|
+ return _this3.area_.classList.add(className);
|
|
|
+ },
|
|
|
+ setScrollAreaStyleProperty: function setScrollAreaStyleProperty(prop, value) {
|
|
|
+ return _this3.area_.style.setProperty(prop, value);
|
|
|
+ },
|
|
|
+ setScrollContentStyleProperty: function setScrollContentStyleProperty(prop, value) {
|
|
|
+ return _this3.content_.style.setProperty(prop, value);
|
|
|
+ },
|
|
|
+ getScrollContentStyleValue: function getScrollContentStyleValue(propName) {
|
|
|
+ return window.getComputedStyle(_this3.content_).getPropertyValue(propName);
|
|
|
+ },
|
|
|
+ setScrollAreaScrollLeft: function setScrollAreaScrollLeft(scrollX) {
|
|
|
+ return _this3.area_.scrollLeft = scrollX;
|
|
|
+ },
|
|
|
+ getScrollAreaScrollLeft: function getScrollAreaScrollLeft() {
|
|
|
+ return _this3.area_.scrollLeft;
|
|
|
+ },
|
|
|
+ getScrollContentOffsetWidth: function getScrollContentOffsetWidth() {
|
|
|
+ return _this3.content_.offsetWidth;
|
|
|
+ },
|
|
|
+ getScrollAreaOffsetWidth: function getScrollAreaOffsetWidth() {
|
|
|
+ return _this3.area_.offsetWidth;
|
|
|
+ },
|
|
|
+ computeScrollAreaClientRect: function computeScrollAreaClientRect() {
|
|
|
+ return _this3.area_.getBoundingClientRect();
|
|
|
+ },
|
|
|
+ computeScrollContentClientRect: function computeScrollContentClientRect() {
|
|
|
+ return _this3.content_.getBoundingClientRect();
|
|
|
+ },
|
|
|
+ computeHorizontalScrollbarHeight: function computeHorizontalScrollbarHeight() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_3__util__["computeHorizontalScrollbarHeight"](document);
|
|
|
+ }
|
|
|
+ };
|
|
|
+
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */](adapter);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns the current visual scroll position
|
|
|
+ * @return {number}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getScrollPosition',
|
|
|
+ value: function getScrollPosition() {
|
|
|
+ return this.foundation_.getScrollPosition();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns the width of the scroll content
|
|
|
+ * @return {number}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getScrollContentWidth',
|
|
|
+ value: function getScrollContentWidth() {
|
|
|
+ return this.content_.offsetWidth;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Increments the scroll value by the given amount
|
|
|
+ * @param {number} scrollXIncrement The pixel value by which to increment the scroll value
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'incrementScroll',
|
|
|
+ value: function incrementScroll(scrollXIncrement) {
|
|
|
+ this.foundation_.incrementScroll(scrollXIncrement);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Scrolls to the given pixel position
|
|
|
+ * @param {number} scrollX The pixel value to scroll to
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'scrollTo',
|
|
|
+ value: function scrollTo(scrollX) {
|
|
|
+ this.foundation_.scrollTo(scrollX);
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCTabScroller;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_component__["a" /* default */]);
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 57 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return cssClasses; });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return strings; });
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/** @enum {string} */
|
|
|
+var cssClasses = {
|
|
|
+ ANIMATING: 'mdc-tab-scroller--animating',
|
|
|
+ SCROLL_TEST: 'mdc-tab-scroller__test',
|
|
|
+ SCROLL_AREA_SCROLL: 'mdc-tab-scroller__scroll-area--scroll'
|
|
|
+};
|
|
|
+
|
|
|
+/** @enum {string} */
|
|
|
+var strings = {
|
|
|
+ AREA_SELECTOR: '.mdc-tab-scroller__scroll-area',
|
|
|
+ CONTENT_SELECTOR: '.mdc-tab-scroller__scroll-content'
|
|
|
+};
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 58 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_tab_adapter__ = __webpack_require__(10);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_tab_index__ = __webpack_require__(25);
|
|
|
+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"); } }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/* eslint no-unused-vars: [2, {"args": "none"}] */
|
|
|
+
|
|
|
+/* eslint-disable no-unused-vars */
|
|
|
+
|
|
|
+
|
|
|
+/* eslint-enable no-unused-vars */
|
|
|
+
|
|
|
+/**
|
|
|
+ * Adapter for MDC Tab Bar.
|
|
|
+ *
|
|
|
+ * Defines the shape of the adapter expected by the foundation. Implement this
|
|
|
+ * adapter to integrate the Tab Bar into your framework. See
|
|
|
+ * https://github.com/material-components/material-components-web/blob/master/docs/authoring-components.md
|
|
|
+ * for more information.
|
|
|
+ *
|
|
|
+ * @record
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCTabBarAdapter = function () {
|
|
|
+ function MDCTabBarAdapter() {
|
|
|
+ _classCallCheck(this, MDCTabBarAdapter);
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCTabBarAdapter, [{
|
|
|
+ key: 'scrollTo',
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Scrolls to the given position
|
|
|
+ * @param {number} scrollX The position to scroll to
|
|
|
+ */
|
|
|
+ value: function scrollTo(scrollX) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Increments the current scroll position by the given amount
|
|
|
+ * @param {number} scrollXIncrement The amount to increment scroll
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'incrementScroll',
|
|
|
+ value: function incrementScroll(scrollXIncrement) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns the current scroll position
|
|
|
+ * @return {number}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getScrollPosition',
|
|
|
+ value: function getScrollPosition() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns the width of the scroll content
|
|
|
+ * @return {number}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getScrollContentWidth',
|
|
|
+ value: function getScrollContentWidth() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns the root element's offsetWidth
|
|
|
+ * @return {number}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getOffsetWidth',
|
|
|
+ value: function getOffsetWidth() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns if the Tab Bar language direction is RTL
|
|
|
+ * @return {boolean}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'isRTL',
|
|
|
+ value: function isRTL() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets the tab at the given index to be activated
|
|
|
+ * @param {number} index The index of the tab to activate
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setActiveTab',
|
|
|
+ value: function setActiveTab(index) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Activates the tab at the given index with the given client rect
|
|
|
+ * @param {number} index The index of the tab to activate
|
|
|
+ * @param {!ClientRect} clientRect The client rect of the previously active Tab Indicator
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'activateTabAtIndex',
|
|
|
+ value: function activateTabAtIndex(index, clientRect) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Deactivates the tab at the given index
|
|
|
+ * @param {number} index The index of the tab to deactivate
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'deactivateTabAtIndex',
|
|
|
+ value: function deactivateTabAtIndex(index) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Focuses the tab at the given index
|
|
|
+ * @param {number} index The index of the tab to focus
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'focusTabAtIndex',
|
|
|
+ value: function focusTabAtIndex(index) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns the client rect of the tab's indicator
|
|
|
+ * @param {number} index The index of the tab
|
|
|
+ * @return {!ClientRect}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getTabIndicatorClientRectAtIndex',
|
|
|
+ value: function getTabIndicatorClientRectAtIndex(index) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns the tab dimensions of the tab at the given index
|
|
|
+ * @param {number} index The index of the tab
|
|
|
+ * @return {!MDCTabDimensions}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getTabDimensionsAtIndex',
|
|
|
+ value: function getTabDimensionsAtIndex(index) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns the length of the tab list
|
|
|
+ * @return {number}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getTabListLength',
|
|
|
+ value: function getTabListLength() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns the index of the previously active tab
|
|
|
+ * @return {number}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getPreviousActiveTabIndex',
|
|
|
+ value: function getPreviousActiveTabIndex() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns the index of the focused tab
|
|
|
+ * @return {number}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getFocusedTabIndex',
|
|
|
+ value: function getFocusedTabIndex() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns the index of the given tab
|
|
|
+ * @param {!MDCTab} tab The tab whose index to determin
|
|
|
+ * @return {number}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getIndexOfTab',
|
|
|
+ value: function getIndexOfTab(tab) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Emits the MDCTabBar:activated event
|
|
|
+ * @param {number} index The index of the activated tab
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'notifyTabActivated',
|
|
|
+ value: function notifyTabActivated(index) {}
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCTabBarAdapter;
|
|
|
+}();
|
|
|
+
|
|
|
+/* unused harmony default export */ var _unused_webpack_default_export = (MDCTabBarAdapter);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 59 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return cssClasses; });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return strings; });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return numbers; });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return VALIDATION_ATTR_WHITELIST; });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ALWAYS_FLOAT_TYPES; });
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2016 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/** @enum {string} */
|
|
|
+var strings = {
|
|
|
+ ARIA_CONTROLS: 'aria-controls',
|
|
|
+ INPUT_SELECTOR: '.mdc-text-field__input',
|
|
|
+ LABEL_SELECTOR: '.mdc-floating-label',
|
|
|
+ ICON_SELECTOR: '.mdc-text-field__icon',
|
|
|
+ OUTLINE_SELECTOR: '.mdc-notched-outline',
|
|
|
+ LINE_RIPPLE_SELECTOR: '.mdc-line-ripple'
|
|
|
+};
|
|
|
+
|
|
|
+/** @enum {string} */
|
|
|
+var cssClasses = {
|
|
|
+ ROOT: 'mdc-text-field',
|
|
|
+ DISABLED: 'mdc-text-field--disabled',
|
|
|
+ DENSE: 'mdc-text-field--dense',
|
|
|
+ FOCUSED: 'mdc-text-field--focused',
|
|
|
+ INVALID: 'mdc-text-field--invalid',
|
|
|
+ TEXTAREA: 'mdc-text-field--textarea',
|
|
|
+ OUTLINED: 'mdc-text-field--outlined',
|
|
|
+ WITH_LEADING_ICON: 'mdc-text-field--with-leading-icon'
|
|
|
+};
|
|
|
+
|
|
|
+/** @enum {number} */
|
|
|
+var numbers = {
|
|
|
+ LABEL_SCALE: 0.75,
|
|
|
+ DENSE_LABEL_SCALE: 0.923
|
|
|
+};
|
|
|
+
|
|
|
+// whitelist based off of https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5/Constraint_validation
|
|
|
+// under section: `Validation-related attributes`
|
|
|
+var VALIDATION_ATTR_WHITELIST = ['pattern', 'min', 'max', 'required', 'step', 'minlength', 'maxlength'];
|
|
|
+
|
|
|
+// Label should always float for these types as they show some UI even if value is empty.
|
|
|
+var ALWAYS_FLOAT_TYPES = ['color', 'date', 'datetime-local', 'month', 'range', 'time', 'week'];
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 60 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* unused harmony export MDCTextFieldAdapter */
|
|
|
+/* unused harmony export NativeInputType */
|
|
|
+/* unused harmony export FoundationMapType */
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__helper_text_foundation__ = __webpack_require__(27);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__icon_foundation__ = __webpack_require__(28);
|
|
|
+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"); } }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2017 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/* eslint-disable no-unused-vars */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/* eslint no-unused-vars: [2, {"args": "none"}] */
|
|
|
+
|
|
|
+/**
|
|
|
+ * @typedef {{
|
|
|
+ * value: string,
|
|
|
+ * disabled: boolean,
|
|
|
+ * badInput: boolean,
|
|
|
+ * validity: {
|
|
|
+ * badInput: boolean,
|
|
|
+ * valid: boolean,
|
|
|
+ * },
|
|
|
+ * }}
|
|
|
+ */
|
|
|
+var NativeInputType = void 0;
|
|
|
+
|
|
|
+/**
|
|
|
+ * @typedef {{
|
|
|
+ * helperText: (!MDCTextFieldHelperTextFoundation|undefined),
|
|
|
+ * leadingIcon: (!MDCTextFieldIconFoundation|undefined),
|
|
|
+ * trailingIcon: (!MDCTextFieldIconFoundation|undefined),
|
|
|
+ * }}
|
|
|
+ */
|
|
|
+var FoundationMapType = void 0;
|
|
|
+
|
|
|
+/**
|
|
|
+ * Adapter for MDC Text Field.
|
|
|
+ *
|
|
|
+ * Defines the shape of the adapter expected by the foundation. Implement this
|
|
|
+ * adapter to integrate the Text Field into your framework. See
|
|
|
+ * https://github.com/material-components/material-components-web/blob/master/docs/authoring-components.md
|
|
|
+ * for more information.
|
|
|
+ *
|
|
|
+ * @record
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCTextFieldAdapter = function () {
|
|
|
+ function MDCTextFieldAdapter() {
|
|
|
+ _classCallCheck(this, MDCTextFieldAdapter);
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCTextFieldAdapter, [{
|
|
|
+ key: 'addClass',
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Adds a class to the root Element.
|
|
|
+ * @param {string} className
|
|
|
+ */
|
|
|
+ value: function addClass(className) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Removes a class from the root Element.
|
|
|
+ * @param {string} className
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'removeClass',
|
|
|
+ value: function removeClass(className) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns true if the root element contains the given class name.
|
|
|
+ * @param {string} className
|
|
|
+ * @return {boolean}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'hasClass',
|
|
|
+ value: function hasClass(className) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Registers an event handler on the root element for a given event.
|
|
|
+ * @param {string} type
|
|
|
+ * @param {function(!Event): undefined} handler
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'registerTextFieldInteractionHandler',
|
|
|
+ value: function registerTextFieldInteractionHandler(type, handler) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Deregisters an event handler on the root element for a given event.
|
|
|
+ * @param {string} type
|
|
|
+ * @param {function(!Event): undefined} handler
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'deregisterTextFieldInteractionHandler',
|
|
|
+ value: function deregisterTextFieldInteractionHandler(type, handler) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Registers an event listener on the native input element for a given event.
|
|
|
+ * @param {string} evtType
|
|
|
+ * @param {function(!Event): undefined} handler
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'registerInputInteractionHandler',
|
|
|
+ value: function registerInputInteractionHandler(evtType, handler) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Deregisters an event listener on the native input element for a given event.
|
|
|
+ * @param {string} evtType
|
|
|
+ * @param {function(!Event): undefined} handler
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'deregisterInputInteractionHandler',
|
|
|
+ value: function deregisterInputInteractionHandler(evtType, handler) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Registers a validation attribute change listener on the input element.
|
|
|
+ * Handler accepts list of attribute names.
|
|
|
+ * @param {function(!Array<string>): undefined} handler
|
|
|
+ * @return {!MutationObserver}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'registerValidationAttributeChangeHandler',
|
|
|
+ value: function registerValidationAttributeChangeHandler(handler) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Disconnects a validation attribute observer on the input element.
|
|
|
+ * @param {!MutationObserver} observer
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'deregisterValidationAttributeChangeHandler',
|
|
|
+ value: function deregisterValidationAttributeChangeHandler(observer) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns an object representing the native text input element, with a
|
|
|
+ * similar API shape. The object returned should include the value, disabled
|
|
|
+ * and badInput properties, as well as the checkValidity() function. We never
|
|
|
+ * alter the value within our code, however we do update the disabled
|
|
|
+ * property, so if you choose to duck-type the return value for this method
|
|
|
+ * in your implementation it's important to keep this in mind. Also note that
|
|
|
+ * this method can return null, which the foundation will handle gracefully.
|
|
|
+ * @return {?Element|?NativeInputType}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getNativeInput',
|
|
|
+ value: function getNativeInput() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns true if the textfield is focused.
|
|
|
+ * We achieve this via `document.activeElement === this.root_`.
|
|
|
+ * @return {boolean}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'isFocused',
|
|
|
+ value: function isFocused() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns true if the direction of the root element is set to RTL.
|
|
|
+ * @return {boolean}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'isRtl',
|
|
|
+ value: function isRtl() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Activates the line ripple.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'activateLineRipple',
|
|
|
+ value: function activateLineRipple() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Deactivates the line ripple.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'deactivateLineRipple',
|
|
|
+ value: function deactivateLineRipple() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets the transform origin of the line ripple.
|
|
|
+ * @param {number} normalizedX
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setLineRippleTransformOrigin',
|
|
|
+ value: function setLineRippleTransformOrigin(normalizedX) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Only implement if label exists.
|
|
|
+ * Shakes label if shouldShake is true.
|
|
|
+ * @param {boolean} shouldShake
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'shakeLabel',
|
|
|
+ value: function shakeLabel(shouldShake) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Only implement if label exists.
|
|
|
+ * Floats the label above the input element if shouldFloat is true.
|
|
|
+ * @param {boolean} shouldFloat
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'floatLabel',
|
|
|
+ value: function floatLabel(shouldFloat) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns true if label element exists, false if it doesn't.
|
|
|
+ * @return {boolean}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'hasLabel',
|
|
|
+ value: function hasLabel() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Only implement if label exists.
|
|
|
+ * Returns width of label in pixels.
|
|
|
+ * @return {number}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getLabelWidth',
|
|
|
+ value: function getLabelWidth() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns true if outline element exists, false if it doesn't.
|
|
|
+ * @return {boolean}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'hasOutline',
|
|
|
+ value: function hasOutline() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Only implement if outline element exists.
|
|
|
+ * Updates SVG Path and outline element based on the
|
|
|
+ * label element width and RTL context.
|
|
|
+ * @param {number} labelWidth
|
|
|
+ * @param {boolean=} isRtl
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'notchOutline',
|
|
|
+ value: function notchOutline(labelWidth, isRtl) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Only implement if outline element exists.
|
|
|
+ * Closes notch in outline element.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'closeOutline',
|
|
|
+ value: function closeOutline() {}
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCTextFieldAdapter;
|
|
|
+}();
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 61 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+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"); } }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2017 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/* eslint no-unused-vars: [2, {"args": "none"}] */
|
|
|
+
|
|
|
+/**
|
|
|
+ * Adapter for MDC Text Field Helper Text.
|
|
|
+ *
|
|
|
+ * Defines the shape of the adapter expected by the foundation. Implement this
|
|
|
+ * adapter to integrate the TextField helper text into your framework. See
|
|
|
+ * https://github.com/material-components/material-components-web/blob/master/docs/authoring-components.md
|
|
|
+ * for more information.
|
|
|
+ *
|
|
|
+ * @record
|
|
|
+ */
|
|
|
+var MDCTextFieldHelperTextAdapter = function () {
|
|
|
+ function MDCTextFieldHelperTextAdapter() {
|
|
|
+ _classCallCheck(this, MDCTextFieldHelperTextAdapter);
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCTextFieldHelperTextAdapter, [{
|
|
|
+ key: "addClass",
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Adds a class to the helper text element.
|
|
|
+ * @param {string} className
|
|
|
+ */
|
|
|
+ value: function addClass(className) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Removes a class from the helper text element.
|
|
|
+ * @param {string} className
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "removeClass",
|
|
|
+ value: function removeClass(className) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns whether or not the helper text element contains the given class.
|
|
|
+ * @param {string} className
|
|
|
+ * @return {boolean}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "hasClass",
|
|
|
+ value: function hasClass(className) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets an attribute with a given value on the helper text element.
|
|
|
+ * @param {string} attr
|
|
|
+ * @param {string} value
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "setAttr",
|
|
|
+ value: function setAttr(attr, value) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Removes an attribute from the helper text element.
|
|
|
+ * @param {string} attr
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "removeAttr",
|
|
|
+ value: function removeAttr(attr) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets the text content for the helper text element.
|
|
|
+ * @param {string} content
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "setContent",
|
|
|
+ value: function setContent(content) {}
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCTextFieldHelperTextAdapter;
|
|
|
+}();
|
|
|
+
|
|
|
+/* unused harmony default export */ var _unused_webpack_default_export = (MDCTextFieldHelperTextAdapter);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 62 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+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"); } }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2017 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/* eslint no-unused-vars: [2, {"args": "none"}] */
|
|
|
+
|
|
|
+/**
|
|
|
+ * Adapter for MDC Text Field Icon.
|
|
|
+ *
|
|
|
+ * Defines the shape of the adapter expected by the foundation. Implement this
|
|
|
+ * adapter to integrate the text field icon into your framework. See
|
|
|
+ * https://github.com/material-components/material-components-web/blob/master/docs/authoring-components.md
|
|
|
+ * for more information.
|
|
|
+ *
|
|
|
+ * @record
|
|
|
+ */
|
|
|
+var MDCTextFieldIconAdapter = function () {
|
|
|
+ function MDCTextFieldIconAdapter() {
|
|
|
+ _classCallCheck(this, MDCTextFieldIconAdapter);
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCTextFieldIconAdapter, [{
|
|
|
+ key: "getAttr",
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Gets the value of an attribute on the icon element.
|
|
|
+ * @param {string} attr
|
|
|
+ * @return {string}
|
|
|
+ */
|
|
|
+ value: function getAttr(attr) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets an attribute on the icon element.
|
|
|
+ * @param {string} attr
|
|
|
+ * @param {string} value
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "setAttr",
|
|
|
+ value: function setAttr(attr, value) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Removes an attribute from the icon element.
|
|
|
+ * @param {string} attr
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "removeAttr",
|
|
|
+ value: function removeAttr(attr) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets the text content of the icon element.
|
|
|
+ * @param {string} content
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "setContent",
|
|
|
+ value: function setContent(content) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Registers an event listener on the icon element for a given event.
|
|
|
+ * @param {string} evtType
|
|
|
+ * @param {function(!Event): undefined} handler
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "registerInteractionHandler",
|
|
|
+ value: function registerInteractionHandler(evtType, handler) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Deregisters an event listener on the icon element for a given event.
|
|
|
+ * @param {string} evtType
|
|
|
+ * @param {function(!Event): undefined} handler
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "deregisterInteractionHandler",
|
|
|
+ value: function deregisterInteractionHandler(evtType, handler) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Emits a custom event "MDCTextField:icon" denoting a user has clicked the icon.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "notifyIconAction",
|
|
|
+ value: function notifyIconAction() {}
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCTextFieldIconAdapter;
|
|
|
+}();
|
|
|
+
|
|
|
+/* unused harmony default export */ var _unused_webpack_default_export = (MDCTextFieldIconAdapter);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 63 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_auto_init_index__ = __webpack_require__(64);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_base_index__ = __webpack_require__(3);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__material_checkbox_index__ = __webpack_require__(65);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__material_chips_index__ = __webpack_require__(71);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__material_dialog_index__ = __webpack_require__(75);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__material_dom_index__ = __webpack_require__(81);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__material_drawer_index__ = __webpack_require__(82);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__material_floating_label_index__ = __webpack_require__(17);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__material_form_field_index__ = __webpack_require__(89);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__material_grid_list_index__ = __webpack_require__(93);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__material_icon_button_index__ = __webpack_require__(96);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__material_icon_toggle_index__ = __webpack_require__(100);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__material_linear_progress_index__ = __webpack_require__(104);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_13__material_line_ripple_index__ = __webpack_require__(18);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_14__material_list_index__ = __webpack_require__(15);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_15__material_menu_index__ = __webpack_require__(43);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_16__material_menu_surface_index__ = __webpack_require__(45);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_17__material_notched_outline_index__ = __webpack_require__(22);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_18__material_radio_index__ = __webpack_require__(113);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_19__material_ripple_index__ = __webpack_require__(2);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_20__material_select_index__ = __webpack_require__(117);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_21__material_selection_control_index__ = __webpack_require__(4);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_22__material_slider_index__ = __webpack_require__(123);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_23__material_snackbar_index__ = __webpack_require__(125);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_24__material_switch_index__ = __webpack_require__(128);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_25__material_tab_index__ = __webpack_require__(25);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_26__material_tab_bar_index__ = __webpack_require__(137);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_27__material_tab_indicator_index__ = __webpack_require__(54);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_28__material_tab_scroller_index__ = __webpack_require__(56);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_29__material_textfield_index__ = __webpack_require__(145);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_30__material_toolbar_index__ = __webpack_require__(151);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_31__material_top_app_bar_index__ = __webpack_require__(154);
|
|
|
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "autoInit", function() { return __WEBPACK_IMPORTED_MODULE_0__material_auto_init_index__["a"]; });
|
|
|
+/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "base", function() { return __WEBPACK_IMPORTED_MODULE_1__material_base_index__; });
|
|
|
+/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "checkbox", function() { return __WEBPACK_IMPORTED_MODULE_2__material_checkbox_index__; });
|
|
|
+/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "chips", function() { return __WEBPACK_IMPORTED_MODULE_3__material_chips_index__; });
|
|
|
+/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "dialog", function() { return __WEBPACK_IMPORTED_MODULE_4__material_dialog_index__; });
|
|
|
+/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "dom", function() { return __WEBPACK_IMPORTED_MODULE_5__material_dom_index__; });
|
|
|
+/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "drawer", function() { return __WEBPACK_IMPORTED_MODULE_6__material_drawer_index__; });
|
|
|
+/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "floatingLabel", function() { return __WEBPACK_IMPORTED_MODULE_7__material_floating_label_index__; });
|
|
|
+/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "formField", function() { return __WEBPACK_IMPORTED_MODULE_8__material_form_field_index__; });
|
|
|
+/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "gridList", function() { return __WEBPACK_IMPORTED_MODULE_9__material_grid_list_index__; });
|
|
|
+/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "iconButton", function() { return __WEBPACK_IMPORTED_MODULE_10__material_icon_button_index__; });
|
|
|
+/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "iconToggle", function() { return __WEBPACK_IMPORTED_MODULE_11__material_icon_toggle_index__; });
|
|
|
+/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "lineRipple", function() { return __WEBPACK_IMPORTED_MODULE_13__material_line_ripple_index__; });
|
|
|
+/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "linearProgress", function() { return __WEBPACK_IMPORTED_MODULE_12__material_linear_progress_index__; });
|
|
|
+/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "list", function() { return __WEBPACK_IMPORTED_MODULE_14__material_list_index__; });
|
|
|
+/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "menu", function() { return __WEBPACK_IMPORTED_MODULE_15__material_menu_index__; });
|
|
|
+/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "menuSurface", function() { return __WEBPACK_IMPORTED_MODULE_16__material_menu_surface_index__; });
|
|
|
+/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "notchedOutline", function() { return __WEBPACK_IMPORTED_MODULE_17__material_notched_outline_index__; });
|
|
|
+/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "radio", function() { return __WEBPACK_IMPORTED_MODULE_18__material_radio_index__; });
|
|
|
+/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "ripple", function() { return __WEBPACK_IMPORTED_MODULE_19__material_ripple_index__; });
|
|
|
+/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "select", function() { return __WEBPACK_IMPORTED_MODULE_20__material_select_index__; });
|
|
|
+/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "selectionControl", function() { return __WEBPACK_IMPORTED_MODULE_21__material_selection_control_index__; });
|
|
|
+/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "slider", function() { return __WEBPACK_IMPORTED_MODULE_22__material_slider_index__; });
|
|
|
+/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "switchControl", function() { return __WEBPACK_IMPORTED_MODULE_24__material_switch_index__; });
|
|
|
+/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "snackbar", function() { return __WEBPACK_IMPORTED_MODULE_23__material_snackbar_index__; });
|
|
|
+/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "tab", function() { return __WEBPACK_IMPORTED_MODULE_25__material_tab_index__; });
|
|
|
+/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "tabBar", function() { return __WEBPACK_IMPORTED_MODULE_26__material_tab_bar_index__; });
|
|
|
+/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "tabIndicator", function() { return __WEBPACK_IMPORTED_MODULE_27__material_tab_indicator_index__; });
|
|
|
+/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "tabScroller", function() { return __WEBPACK_IMPORTED_MODULE_28__material_tab_scroller_index__; });
|
|
|
+/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "textField", function() { return __WEBPACK_IMPORTED_MODULE_29__material_textfield_index__; });
|
|
|
+/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "toolbar", function() { return __WEBPACK_IMPORTED_MODULE_30__material_toolbar_index__; });
|
|
|
+/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "topAppBar", function() { return __WEBPACK_IMPORTED_MODULE_31__material_top_app_bar_index__; });
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2016 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+// Register all components
|
|
|
+__WEBPACK_IMPORTED_MODULE_0__material_auto_init_index__["a" /* default */].register('MDCCheckbox', __WEBPACK_IMPORTED_MODULE_2__material_checkbox_index__["MDCCheckbox"]);
|
|
|
+__WEBPACK_IMPORTED_MODULE_0__material_auto_init_index__["a" /* default */].register('MDCChip', __WEBPACK_IMPORTED_MODULE_3__material_chips_index__["MDCChip"]);
|
|
|
+__WEBPACK_IMPORTED_MODULE_0__material_auto_init_index__["a" /* default */].register('MDCChipSet', __WEBPACK_IMPORTED_MODULE_3__material_chips_index__["MDCChipSet"]);
|
|
|
+__WEBPACK_IMPORTED_MODULE_0__material_auto_init_index__["a" /* default */].register('MDCDialog', __WEBPACK_IMPORTED_MODULE_4__material_dialog_index__["MDCDialog"]);
|
|
|
+__WEBPACK_IMPORTED_MODULE_0__material_auto_init_index__["a" /* default */].register('MDCDrawer', __WEBPACK_IMPORTED_MODULE_6__material_drawer_index__["MDCDrawer"]);
|
|
|
+__WEBPACK_IMPORTED_MODULE_0__material_auto_init_index__["a" /* default */].register('MDCFloatingLabel', __WEBPACK_IMPORTED_MODULE_7__material_floating_label_index__["MDCFloatingLabel"]);
|
|
|
+__WEBPACK_IMPORTED_MODULE_0__material_auto_init_index__["a" /* default */].register('MDCFormField', __WEBPACK_IMPORTED_MODULE_8__material_form_field_index__["MDCFormField"]);
|
|
|
+__WEBPACK_IMPORTED_MODULE_0__material_auto_init_index__["a" /* default */].register('MDCRipple', __WEBPACK_IMPORTED_MODULE_19__material_ripple_index__["MDCRipple"]);
|
|
|
+__WEBPACK_IMPORTED_MODULE_0__material_auto_init_index__["a" /* default */].register('MDCGridList', __WEBPACK_IMPORTED_MODULE_9__material_grid_list_index__["MDCGridList"]);
|
|
|
+__WEBPACK_IMPORTED_MODULE_0__material_auto_init_index__["a" /* default */].register('MDCIconButtonToggle', __WEBPACK_IMPORTED_MODULE_10__material_icon_button_index__["MDCIconButtonToggle"]);
|
|
|
+__WEBPACK_IMPORTED_MODULE_0__material_auto_init_index__["a" /* default */].register('MDCIconToggle', __WEBPACK_IMPORTED_MODULE_11__material_icon_toggle_index__["MDCIconToggle"]);
|
|
|
+__WEBPACK_IMPORTED_MODULE_0__material_auto_init_index__["a" /* default */].register('MDCLineRipple', __WEBPACK_IMPORTED_MODULE_13__material_line_ripple_index__["MDCLineRipple"]);
|
|
|
+__WEBPACK_IMPORTED_MODULE_0__material_auto_init_index__["a" /* default */].register('MDCLinearProgress', __WEBPACK_IMPORTED_MODULE_12__material_linear_progress_index__["MDCLinearProgress"]);
|
|
|
+__WEBPACK_IMPORTED_MODULE_0__material_auto_init_index__["a" /* default */].register('MDCList', __WEBPACK_IMPORTED_MODULE_14__material_list_index__["MDCList"]);
|
|
|
+__WEBPACK_IMPORTED_MODULE_0__material_auto_init_index__["a" /* default */].register('MDCNotchedOutline', __WEBPACK_IMPORTED_MODULE_17__material_notched_outline_index__["MDCNotchedOutline"]);
|
|
|
+__WEBPACK_IMPORTED_MODULE_0__material_auto_init_index__["a" /* default */].register('MDCRadio', __WEBPACK_IMPORTED_MODULE_18__material_radio_index__["MDCRadio"]);
|
|
|
+__WEBPACK_IMPORTED_MODULE_0__material_auto_init_index__["a" /* default */].register('MDCSnackbar', __WEBPACK_IMPORTED_MODULE_23__material_snackbar_index__["MDCSnackbar"]);
|
|
|
+__WEBPACK_IMPORTED_MODULE_0__material_auto_init_index__["a" /* default */].register('MDCTabBar', __WEBPACK_IMPORTED_MODULE_26__material_tab_bar_index__["MDCTabBar"]);
|
|
|
+__WEBPACK_IMPORTED_MODULE_0__material_auto_init_index__["a" /* default */].register('MDCTextField', __WEBPACK_IMPORTED_MODULE_29__material_textfield_index__["MDCTextField"]);
|
|
|
+__WEBPACK_IMPORTED_MODULE_0__material_auto_init_index__["a" /* default */].register('MDCMenu', __WEBPACK_IMPORTED_MODULE_15__material_menu_index__["MDCMenu"]);
|
|
|
+__WEBPACK_IMPORTED_MODULE_0__material_auto_init_index__["a" /* default */].register('MDCMenuSurface', __WEBPACK_IMPORTED_MODULE_16__material_menu_surface_index__["MDCMenuSurface"]);
|
|
|
+__WEBPACK_IMPORTED_MODULE_0__material_auto_init_index__["a" /* default */].register('MDCSelect', __WEBPACK_IMPORTED_MODULE_20__material_select_index__["MDCSelect"]);
|
|
|
+__WEBPACK_IMPORTED_MODULE_0__material_auto_init_index__["a" /* default */].register('MDCSlider', __WEBPACK_IMPORTED_MODULE_22__material_slider_index__["MDCSlider"]);
|
|
|
+__WEBPACK_IMPORTED_MODULE_0__material_auto_init_index__["a" /* default */].register('MDCSwitch', __WEBPACK_IMPORTED_MODULE_24__material_switch_index__["MDCSwitch"]);
|
|
|
+__WEBPACK_IMPORTED_MODULE_0__material_auto_init_index__["a" /* default */].register('MDCToolbar', __WEBPACK_IMPORTED_MODULE_30__material_toolbar_index__["MDCToolbar"]);
|
|
|
+__WEBPACK_IMPORTED_MODULE_0__material_auto_init_index__["a" /* default */].register('MDCTopAppBar', __WEBPACK_IMPORTED_MODULE_31__material_top_app_bar_index__["MDCTopAppBar"]);
|
|
|
+
|
|
|
+// Export all components.
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 64 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony export (immutable) */ __webpack_exports__["a"] = mdcAutoInit;
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2016 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+var registry = Object.create(null);
|
|
|
+
|
|
|
+var CONSOLE_WARN = console.warn.bind(console);
|
|
|
+
|
|
|
+function _emit(evtType, evtData) {
|
|
|
+ var shouldBubble = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
|
+
|
|
|
+ var evt = void 0;
|
|
|
+ if (typeof CustomEvent === 'function') {
|
|
|
+ evt = new CustomEvent(evtType, {
|
|
|
+ detail: evtData,
|
|
|
+ bubbles: shouldBubble
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ evt = document.createEvent('CustomEvent');
|
|
|
+ evt.initCustomEvent(evtType, shouldBubble, false, evtData);
|
|
|
+ }
|
|
|
+
|
|
|
+ document.dispatchEvent(evt);
|
|
|
+}
|
|
|
+
|
|
|
+/**
|
|
|
+ * Auto-initializes all mdc components on a page.
|
|
|
+ */
|
|
|
+function mdcAutoInit() {
|
|
|
+ var root = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : document;
|
|
|
+ var warn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : CONSOLE_WARN;
|
|
|
+
|
|
|
+ var components = [];
|
|
|
+ var nodes = root.querySelectorAll('[data-mdc-auto-init]');
|
|
|
+ for (var i = 0, node; node = nodes[i]; i++) {
|
|
|
+ var ctorName = node.dataset.mdcAutoInit;
|
|
|
+ if (!ctorName) {
|
|
|
+ throw new Error('(mdc-auto-init) Constructor name must be given.');
|
|
|
+ }
|
|
|
+
|
|
|
+ var Ctor = registry[ctorName];
|
|
|
+ if (typeof Ctor !== 'function') {
|
|
|
+ throw new Error('(mdc-auto-init) Could not find constructor in registry for ' + ctorName);
|
|
|
+ }
|
|
|
+
|
|
|
+ if (node[ctorName]) {
|
|
|
+ warn('(mdc-auto-init) Component already initialized for ' + node + '. Skipping...');
|
|
|
+ continue;
|
|
|
+ }
|
|
|
+
|
|
|
+ // TODO: Should we make an eslint rule for an attachTo() static method?
|
|
|
+ var component = Ctor.attachTo(node);
|
|
|
+ Object.defineProperty(node, ctorName, {
|
|
|
+ value: component,
|
|
|
+ writable: false,
|
|
|
+ enumerable: false,
|
|
|
+ configurable: true
|
|
|
+ });
|
|
|
+ components.push(component);
|
|
|
+ }
|
|
|
+
|
|
|
+ _emit('MDCAutoInit:End', {});
|
|
|
+ return components;
|
|
|
+}
|
|
|
+
|
|
|
+mdcAutoInit.register = function (componentName, Ctor) {
|
|
|
+ var warn = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : CONSOLE_WARN;
|
|
|
+
|
|
|
+ if (typeof Ctor !== 'function') {
|
|
|
+ throw new Error('(mdc-auto-init) Invalid Ctor value ' + Ctor + '. Expected function');
|
|
|
+ }
|
|
|
+ if (registry[componentName]) {
|
|
|
+ warn('(mdc-auto-init) Overriding registration for ' + componentName + ' with ' + Ctor + '. ' + ('Was: ' + registry[componentName]));
|
|
|
+ }
|
|
|
+ registry[componentName] = Ctor;
|
|
|
+};
|
|
|
+
|
|
|
+mdcAutoInit.deregister = function (componentName) {
|
|
|
+ delete registry[componentName];
|
|
|
+};
|
|
|
+
|
|
|
+mdcAutoInit.deregisterAll = function () {
|
|
|
+ Object.keys(registry).forEach(this.deregister, this);
|
|
|
+};
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 65 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCCheckbox", function() { return MDCCheckbox; });
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_animation_index__ = __webpack_require__(9);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_base_component__ = __webpack_require__(1);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__material_selection_control_index__ = __webpack_require__(4);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__foundation__ = __webpack_require__(68);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__material_ripple_index__ = __webpack_require__(2);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__material_ripple_util__ = __webpack_require__(6);
|
|
|
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCCheckboxFoundation", function() { return __WEBPACK_IMPORTED_MODULE_3__foundation__["a"]; });
|
|
|
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
|
+
|
|
|
+var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
|
|
|
+
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2016 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/* eslint-disable no-unused-vars */
|
|
|
+
|
|
|
+/* eslint-enable no-unused-vars */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends MDCComponent<!MDCCheckboxFoundation>
|
|
|
+ * @implements {MDCSelectionControl}
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCCheckbox = function (_MDCComponent) {
|
|
|
+ _inherits(MDCCheckbox, _MDCComponent);
|
|
|
+
|
|
|
+ _createClass(MDCCheckbox, [{
|
|
|
+ key: 'nativeCb_',
|
|
|
+
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns the state of the native control element, or null if the native control element is not present.
|
|
|
+ * @return {?MDCSelectionControlState}
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+ get: function get() {
|
|
|
+ var NATIVE_CONTROL_SELECTOR = __WEBPACK_IMPORTED_MODULE_3__foundation__["a" /* default */].strings.NATIVE_CONTROL_SELECTOR;
|
|
|
+
|
|
|
+ var cbEl = /** @type {?MDCSelectionControlState} */this.root_.querySelector(NATIVE_CONTROL_SELECTOR);
|
|
|
+ return cbEl;
|
|
|
+ }
|
|
|
+ }], [{
|
|
|
+ key: 'attachTo',
|
|
|
+ value: function attachTo(root) {
|
|
|
+ return new MDCCheckbox(root);
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ function MDCCheckbox() {
|
|
|
+ var _ref;
|
|
|
+
|
|
|
+ _classCallCheck(this, MDCCheckbox);
|
|
|
+
|
|
|
+ for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
|
|
+ args[_key] = arguments[_key];
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @private {!MDCRipple} */
|
|
|
+ var _this = _possibleConstructorReturn(this, (_ref = MDCCheckbox.__proto__ || Object.getPrototypeOf(MDCCheckbox)).call.apply(_ref, [this].concat(args)));
|
|
|
+
|
|
|
+ _this.ripple_ = _this.initRipple_();
|
|
|
+ /** @private {!Function} */
|
|
|
+ _this.handleChange_;
|
|
|
+ /** @private {!Function} */
|
|
|
+ _this.handleAnimationEnd_;
|
|
|
+ return _this;
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCCheckbox, [{
|
|
|
+ key: 'initialSyncWithDOM',
|
|
|
+ value: function initialSyncWithDOM() {
|
|
|
+ var _this2 = this;
|
|
|
+
|
|
|
+ this.handleChange_ = function () {
|
|
|
+ return _this2.foundation_.handleChange();
|
|
|
+ };
|
|
|
+ this.handleAnimationEnd_ = function () {
|
|
|
+ return _this2.foundation_.handleAnimationEnd();
|
|
|
+ };
|
|
|
+ this.nativeCb_.addEventListener('change', this.handleChange_);
|
|
|
+ this.listen(Object(__WEBPACK_IMPORTED_MODULE_0__material_animation_index__["a" /* getCorrectEventName */])(window, 'animationend'), this.handleAnimationEnd_);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {!MDCRipple}
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'initRipple_',
|
|
|
+ value: function initRipple_() {
|
|
|
+ var _this3 = this;
|
|
|
+
|
|
|
+ var MATCHES = Object(__WEBPACK_IMPORTED_MODULE_5__material_ripple_util__["getMatchesProperty"])(HTMLElement.prototype);
|
|
|
+ var adapter = _extends(__WEBPACK_IMPORTED_MODULE_4__material_ripple_index__["MDCRipple"].createAdapter(this), {
|
|
|
+ isUnbounded: function isUnbounded() {
|
|
|
+ return true;
|
|
|
+ },
|
|
|
+ isSurfaceActive: function isSurfaceActive() {
|
|
|
+ return _this3.nativeCb_[MATCHES](':active');
|
|
|
+ },
|
|
|
+ registerInteractionHandler: function registerInteractionHandler(type, handler) {
|
|
|
+ return _this3.nativeCb_.addEventListener(type, handler);
|
|
|
+ },
|
|
|
+ deregisterInteractionHandler: function deregisterInteractionHandler(type, handler) {
|
|
|
+ return _this3.nativeCb_.removeEventListener(type, handler);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ var foundation = new __WEBPACK_IMPORTED_MODULE_4__material_ripple_index__["MDCRippleFoundation"](adapter);
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_4__material_ripple_index__["MDCRipple"](this.root_, foundation);
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return {!MDCCheckboxFoundation} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getDefaultFoundation',
|
|
|
+ value: function getDefaultFoundation() {
|
|
|
+ var _this4 = this;
|
|
|
+
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_3__foundation__["a" /* default */]({
|
|
|
+ addClass: function addClass(className) {
|
|
|
+ return _this4.root_.classList.add(className);
|
|
|
+ },
|
|
|
+ removeClass: function removeClass(className) {
|
|
|
+ return _this4.root_.classList.remove(className);
|
|
|
+ },
|
|
|
+ setNativeControlAttr: function setNativeControlAttr(attr, value) {
|
|
|
+ return _this4.nativeCb_.setAttribute(attr, value);
|
|
|
+ },
|
|
|
+ removeNativeControlAttr: function removeNativeControlAttr(attr) {
|
|
|
+ return _this4.nativeCb_.removeAttribute(attr);
|
|
|
+ },
|
|
|
+ getNativeControl: function getNativeControl() {
|
|
|
+ return _this4.nativeCb_;
|
|
|
+ },
|
|
|
+ isIndeterminate: function isIndeterminate() {
|
|
|
+ return _this4.indeterminate;
|
|
|
+ },
|
|
|
+ isChecked: function isChecked() {
|
|
|
+ return _this4.checked;
|
|
|
+ },
|
|
|
+ hasNativeControl: function hasNativeControl() {
|
|
|
+ return !!_this4.nativeCb_;
|
|
|
+ },
|
|
|
+ setNativeControlDisabled: function setNativeControlDisabled(disabled) {
|
|
|
+ return _this4.nativeCb_.disabled = disabled;
|
|
|
+ },
|
|
|
+ forceLayout: function forceLayout() {
|
|
|
+ return _this4.root_.offsetWidth;
|
|
|
+ },
|
|
|
+ isAttachedToDOM: function isAttachedToDOM() {
|
|
|
+ return Boolean(_this4.root_.parentNode);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return {!MDCRipple} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'destroy',
|
|
|
+ value: function destroy() {
|
|
|
+ this.ripple_.destroy();
|
|
|
+ this.nativeCb_.removeEventListener('change', this.handleChange_);
|
|
|
+ this.unlisten(Object(__WEBPACK_IMPORTED_MODULE_0__material_animation_index__["a" /* getCorrectEventName */])(window, 'animationend'), this.handleAnimationEnd_);
|
|
|
+ _get(MDCCheckbox.prototype.__proto__ || Object.getPrototypeOf(MDCCheckbox.prototype), 'destroy', this).call(this);
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'ripple',
|
|
|
+ get: function get() {
|
|
|
+ return this.ripple_;
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return {boolean} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'checked',
|
|
|
+ get: function get() {
|
|
|
+ return this.nativeCb_.checked;
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @param {boolean} checked */
|
|
|
+ ,
|
|
|
+ set: function set(checked) {
|
|
|
+ this.nativeCb_.checked = checked;
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return {boolean} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'indeterminate',
|
|
|
+ get: function get() {
|
|
|
+ return this.nativeCb_.indeterminate;
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @param {boolean} indeterminate */
|
|
|
+ ,
|
|
|
+ set: function set(indeterminate) {
|
|
|
+ this.nativeCb_.indeterminate = indeterminate;
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return {boolean} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'disabled',
|
|
|
+ get: function get() {
|
|
|
+ return this.nativeCb_.disabled;
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @param {boolean} disabled */
|
|
|
+ ,
|
|
|
+ set: function set(disabled) {
|
|
|
+ this.foundation_.setDisabled(disabled);
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return {?string} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'value',
|
|
|
+ get: function get() {
|
|
|
+ return this.nativeCb_.value;
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @param {?string} value */
|
|
|
+ ,
|
|
|
+ set: function set(value) {
|
|
|
+ this.nativeCb_.value = value;
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCCheckbox;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_1__material_base_component__["a" /* default */]);
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 66 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_foundation__ = __webpack_require__(0);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(29);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(67);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__util__ = __webpack_require__(6);
|
|
|
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
|
+
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2016 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/**
|
|
|
+ * @typedef {{
|
|
|
+ * isActivated: (boolean|undefined),
|
|
|
+ * hasDeactivationUXRun: (boolean|undefined),
|
|
|
+ * wasActivatedByPointer: (boolean|undefined),
|
|
|
+ * wasElementMadeActive: (boolean|undefined),
|
|
|
+ * activationEvent: (!Event|undefined),
|
|
|
+ * isProgrammatic: (boolean|undefined)
|
|
|
+ * }}
|
|
|
+ */
|
|
|
+var ActivationStateType = void 0;
|
|
|
+
|
|
|
+/**
|
|
|
+ * @typedef {{
|
|
|
+ * activate: (string|undefined),
|
|
|
+ * deactivate: (string|undefined),
|
|
|
+ * focus: (string|undefined),
|
|
|
+ * blur: (string|undefined)
|
|
|
+ * }}
|
|
|
+ */
|
|
|
+var ListenerInfoType = void 0;
|
|
|
+
|
|
|
+/**
|
|
|
+ * @typedef {{
|
|
|
+ * activate: function(!Event),
|
|
|
+ * deactivate: function(!Event=),
|
|
|
+ * focus: function(),
|
|
|
+ * blur: function()
|
|
|
+ * }}
|
|
|
+ */
|
|
|
+var ListenersType = void 0;
|
|
|
+
|
|
|
+/**
|
|
|
+ * @typedef {{
|
|
|
+ * x: number,
|
|
|
+ * y: number
|
|
|
+ * }}
|
|
|
+ */
|
|
|
+var PointType = void 0;
|
|
|
+
|
|
|
+// Activation events registered on the root element of each instance for activation
|
|
|
+var ACTIVATION_EVENT_TYPES = ['touchstart', 'pointerdown', 'mousedown', 'keydown'];
|
|
|
+
|
|
|
+// Deactivation events registered on documentElement when a pointer-related down event occurs
|
|
|
+var POINTER_DEACTIVATION_EVENT_TYPES = ['touchend', 'pointerup', 'mouseup', 'contextmenu'];
|
|
|
+
|
|
|
+// Tracks activations that have occurred on the current frame, to avoid simultaneous nested activations
|
|
|
+/** @type {!Array<!EventTarget>} */
|
|
|
+var activatedTargets = [];
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends {MDCFoundation<!MDCRippleAdapter>}
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCRippleFoundation = function (_MDCFoundation) {
|
|
|
+ _inherits(MDCRippleFoundation, _MDCFoundation);
|
|
|
+
|
|
|
+ _createClass(MDCRippleFoundation, null, [{
|
|
|
+ key: 'cssClasses',
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */];
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'strings',
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_2__constants__["c" /* strings */];
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'numbers',
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* numbers */];
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'defaultAdapter',
|
|
|
+ get: function get() {
|
|
|
+ return {
|
|
|
+ browserSupportsCssVars: function browserSupportsCssVars() /* boolean - cached */{},
|
|
|
+ isUnbounded: function isUnbounded() /* boolean */{},
|
|
|
+ isSurfaceActive: function isSurfaceActive() /* boolean */{},
|
|
|
+ isSurfaceDisabled: function isSurfaceDisabled() /* boolean */{},
|
|
|
+ addClass: function addClass() /* className: string */{},
|
|
|
+ removeClass: function removeClass() /* className: string */{},
|
|
|
+ containsEventTarget: function containsEventTarget() /* target: !EventTarget */{},
|
|
|
+ registerInteractionHandler: function registerInteractionHandler() /* evtType: string, handler: EventListener */{},
|
|
|
+ deregisterInteractionHandler: function deregisterInteractionHandler() /* evtType: string, handler: EventListener */{},
|
|
|
+ registerDocumentInteractionHandler: function registerDocumentInteractionHandler() /* evtType: string, handler: EventListener */{},
|
|
|
+ deregisterDocumentInteractionHandler: function deregisterDocumentInteractionHandler() /* evtType: string, handler: EventListener */{},
|
|
|
+ registerResizeHandler: function registerResizeHandler() /* handler: EventListener */{},
|
|
|
+ deregisterResizeHandler: function deregisterResizeHandler() /* handler: EventListener */{},
|
|
|
+ updateCssVariable: function updateCssVariable() /* varName: string, value: string */{},
|
|
|
+ computeBoundingRect: function computeBoundingRect() /* ClientRect */{},
|
|
|
+ getWindowPageOffset: function getWindowPageOffset() /* {x: number, y: number} */{}
|
|
|
+ };
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ function MDCRippleFoundation(adapter) {
|
|
|
+ _classCallCheck(this, MDCRippleFoundation);
|
|
|
+
|
|
|
+ /** @private {number} */
|
|
|
+ var _this = _possibleConstructorReturn(this, (MDCRippleFoundation.__proto__ || Object.getPrototypeOf(MDCRippleFoundation)).call(this, _extends(MDCRippleFoundation.defaultAdapter, adapter)));
|
|
|
+
|
|
|
+ _this.layoutFrame_ = 0;
|
|
|
+
|
|
|
+ /** @private {!ClientRect} */
|
|
|
+ _this.frame_ = /** @type {!ClientRect} */{ width: 0, height: 0 };
|
|
|
+
|
|
|
+ /** @private {!ActivationStateType} */
|
|
|
+ _this.activationState_ = _this.defaultActivationState_();
|
|
|
+
|
|
|
+ /** @private {number} */
|
|
|
+ _this.initialSize_ = 0;
|
|
|
+
|
|
|
+ /** @private {number} */
|
|
|
+ _this.maxRadius_ = 0;
|
|
|
+
|
|
|
+ /** @private {function(!Event)} */
|
|
|
+ _this.activateHandler_ = function (e) {
|
|
|
+ return _this.activate_(e);
|
|
|
+ };
|
|
|
+
|
|
|
+ /** @private {function(!Event=)} */
|
|
|
+ _this.deactivateHandler_ = function () {
|
|
|
+ return _this.deactivate_();
|
|
|
+ };
|
|
|
+
|
|
|
+ /** @private {function(!Event=)} */
|
|
|
+ _this.focusHandler_ = function () {
|
|
|
+ return _this.handleFocus();
|
|
|
+ };
|
|
|
+
|
|
|
+ /** @private {function(!Event=)} */
|
|
|
+ _this.blurHandler_ = function () {
|
|
|
+ return _this.handleBlur();
|
|
|
+ };
|
|
|
+
|
|
|
+ /** @private {!Function} */
|
|
|
+ _this.resizeHandler_ = function () {
|
|
|
+ return _this.layout();
|
|
|
+ };
|
|
|
+
|
|
|
+ /** @private {{left: number, top:number}} */
|
|
|
+ _this.unboundedCoords_ = {
|
|
|
+ left: 0,
|
|
|
+ top: 0
|
|
|
+ };
|
|
|
+
|
|
|
+ /** @private {number} */
|
|
|
+ _this.fgScale_ = 0;
|
|
|
+
|
|
|
+ /** @private {number} */
|
|
|
+ _this.activationTimer_ = 0;
|
|
|
+
|
|
|
+ /** @private {number} */
|
|
|
+ _this.fgDeactivationRemovalTimer_ = 0;
|
|
|
+
|
|
|
+ /** @private {boolean} */
|
|
|
+ _this.activationAnimationHasEnded_ = false;
|
|
|
+
|
|
|
+ /** @private {!Function} */
|
|
|
+ _this.activationTimerCallback_ = function () {
|
|
|
+ _this.activationAnimationHasEnded_ = true;
|
|
|
+ _this.runDeactivationUXLogicIfReady_();
|
|
|
+ };
|
|
|
+
|
|
|
+ /** @private {!Event|undefined} */
|
|
|
+ _this.previousActivationEvent_;
|
|
|
+ return _this;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * We compute this property so that we are not querying information about the client
|
|
|
+ * until the point in time where the foundation requests it. This prevents scenarios where
|
|
|
+ * client-side feature-detection may happen too early, such as when components are rendered on the server
|
|
|
+ * and then initialized at mount time on the client.
|
|
|
+ * @return {boolean}
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+ _createClass(MDCRippleFoundation, [{
|
|
|
+ key: 'supportsPressRipple_',
|
|
|
+ value: function supportsPressRipple_() {
|
|
|
+ return this.adapter_.browserSupportsCssVars();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {!ActivationStateType}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'defaultActivationState_',
|
|
|
+ value: function defaultActivationState_() {
|
|
|
+ return {
|
|
|
+ isActivated: false,
|
|
|
+ hasDeactivationUXRun: false,
|
|
|
+ wasActivatedByPointer: false,
|
|
|
+ wasElementMadeActive: false,
|
|
|
+ activationEvent: undefined,
|
|
|
+ isProgrammatic: false
|
|
|
+ };
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @override */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'init',
|
|
|
+ value: function init() {
|
|
|
+ var _this2 = this;
|
|
|
+
|
|
|
+ var supportsPressRipple = this.supportsPressRipple_();
|
|
|
+
|
|
|
+ this.registerRootHandlers_(supportsPressRipple);
|
|
|
+
|
|
|
+ if (supportsPressRipple) {
|
|
|
+ var _MDCRippleFoundation$ = MDCRippleFoundation.cssClasses,
|
|
|
+ ROOT = _MDCRippleFoundation$.ROOT,
|
|
|
+ UNBOUNDED = _MDCRippleFoundation$.UNBOUNDED;
|
|
|
+
|
|
|
+ requestAnimationFrame(function () {
|
|
|
+ _this2.adapter_.addClass(ROOT);
|
|
|
+ if (_this2.adapter_.isUnbounded()) {
|
|
|
+ _this2.adapter_.addClass(UNBOUNDED);
|
|
|
+ // Unbounded ripples need layout logic applied immediately to set coordinates for both shade and ripple
|
|
|
+ _this2.layoutInternal_();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @override */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'destroy',
|
|
|
+ value: function destroy() {
|
|
|
+ var _this3 = this;
|
|
|
+
|
|
|
+ if (this.supportsPressRipple_()) {
|
|
|
+ if (this.activationTimer_) {
|
|
|
+ clearTimeout(this.activationTimer_);
|
|
|
+ this.activationTimer_ = 0;
|
|
|
+ this.adapter_.removeClass(MDCRippleFoundation.cssClasses.FG_ACTIVATION);
|
|
|
+ }
|
|
|
+
|
|
|
+ if (this.fgDeactivationRemovalTimer_) {
|
|
|
+ clearTimeout(this.fgDeactivationRemovalTimer_);
|
|
|
+ this.fgDeactivationRemovalTimer_ = 0;
|
|
|
+ this.adapter_.removeClass(MDCRippleFoundation.cssClasses.FG_DEACTIVATION);
|
|
|
+ }
|
|
|
+
|
|
|
+ var _MDCRippleFoundation$2 = MDCRippleFoundation.cssClasses,
|
|
|
+ ROOT = _MDCRippleFoundation$2.ROOT,
|
|
|
+ UNBOUNDED = _MDCRippleFoundation$2.UNBOUNDED;
|
|
|
+
|
|
|
+ requestAnimationFrame(function () {
|
|
|
+ _this3.adapter_.removeClass(ROOT);
|
|
|
+ _this3.adapter_.removeClass(UNBOUNDED);
|
|
|
+ _this3.removeCssVars_();
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ this.deregisterRootHandlers_();
|
|
|
+ this.deregisterDeactivationHandlers_();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {boolean} supportsPressRipple Passed from init to save a redundant function call
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'registerRootHandlers_',
|
|
|
+ value: function registerRootHandlers_(supportsPressRipple) {
|
|
|
+ var _this4 = this;
|
|
|
+
|
|
|
+ if (supportsPressRipple) {
|
|
|
+ ACTIVATION_EVENT_TYPES.forEach(function (type) {
|
|
|
+ _this4.adapter_.registerInteractionHandler(type, _this4.activateHandler_);
|
|
|
+ });
|
|
|
+ if (this.adapter_.isUnbounded()) {
|
|
|
+ this.adapter_.registerResizeHandler(this.resizeHandler_);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ this.adapter_.registerInteractionHandler('focus', this.focusHandler_);
|
|
|
+ this.adapter_.registerInteractionHandler('blur', this.blurHandler_);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!Event} e
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'registerDeactivationHandlers_',
|
|
|
+ value: function registerDeactivationHandlers_(e) {
|
|
|
+ var _this5 = this;
|
|
|
+
|
|
|
+ if (e.type === 'keydown') {
|
|
|
+ this.adapter_.registerInteractionHandler('keyup', this.deactivateHandler_);
|
|
|
+ } else {
|
|
|
+ POINTER_DEACTIVATION_EVENT_TYPES.forEach(function (type) {
|
|
|
+ _this5.adapter_.registerDocumentInteractionHandler(type, _this5.deactivateHandler_);
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @private */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'deregisterRootHandlers_',
|
|
|
+ value: function deregisterRootHandlers_() {
|
|
|
+ var _this6 = this;
|
|
|
+
|
|
|
+ ACTIVATION_EVENT_TYPES.forEach(function (type) {
|
|
|
+ _this6.adapter_.deregisterInteractionHandler(type, _this6.activateHandler_);
|
|
|
+ });
|
|
|
+ this.adapter_.deregisterInteractionHandler('focus', this.focusHandler_);
|
|
|
+ this.adapter_.deregisterInteractionHandler('blur', this.blurHandler_);
|
|
|
+
|
|
|
+ if (this.adapter_.isUnbounded()) {
|
|
|
+ this.adapter_.deregisterResizeHandler(this.resizeHandler_);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @private */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'deregisterDeactivationHandlers_',
|
|
|
+ value: function deregisterDeactivationHandlers_() {
|
|
|
+ var _this7 = this;
|
|
|
+
|
|
|
+ this.adapter_.deregisterInteractionHandler('keyup', this.deactivateHandler_);
|
|
|
+ POINTER_DEACTIVATION_EVENT_TYPES.forEach(function (type) {
|
|
|
+ _this7.adapter_.deregisterDocumentInteractionHandler(type, _this7.deactivateHandler_);
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @private */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'removeCssVars_',
|
|
|
+ value: function removeCssVars_() {
|
|
|
+ var _this8 = this;
|
|
|
+
|
|
|
+ var strings = MDCRippleFoundation.strings;
|
|
|
+
|
|
|
+ Object.keys(strings).forEach(function (k) {
|
|
|
+ if (k.indexOf('VAR_') === 0) {
|
|
|
+ _this8.adapter_.updateCssVariable(strings[k], null);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!Event=} e
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'activate_',
|
|
|
+ value: function activate_(e) {
|
|
|
+ var _this9 = this;
|
|
|
+
|
|
|
+ if (this.adapter_.isSurfaceDisabled()) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ var activationState = this.activationState_;
|
|
|
+ if (activationState.isActivated) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ // Avoid reacting to follow-on events fired by touch device after an already-processed user interaction
|
|
|
+ var previousActivationEvent = this.previousActivationEvent_;
|
|
|
+ var isSameInteraction = previousActivationEvent && e !== undefined && previousActivationEvent.type !== e.type;
|
|
|
+ if (isSameInteraction) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ activationState.isActivated = true;
|
|
|
+ activationState.isProgrammatic = e === undefined;
|
|
|
+ activationState.activationEvent = e;
|
|
|
+ activationState.wasActivatedByPointer = activationState.isProgrammatic ? false : e !== undefined && (e.type === 'mousedown' || e.type === 'touchstart' || e.type === 'pointerdown');
|
|
|
+
|
|
|
+ var hasActivatedChild = e !== undefined && activatedTargets.length > 0 && activatedTargets.some(function (target) {
|
|
|
+ return _this9.adapter_.containsEventTarget(target);
|
|
|
+ });
|
|
|
+ if (hasActivatedChild) {
|
|
|
+ // Immediately reset activation state, while preserving logic that prevents touch follow-on events
|
|
|
+ this.resetActivationState_();
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (e !== undefined) {
|
|
|
+ activatedTargets.push( /** @type {!EventTarget} */e.target);
|
|
|
+ this.registerDeactivationHandlers_(e);
|
|
|
+ }
|
|
|
+
|
|
|
+ activationState.wasElementMadeActive = this.checkElementMadeActive_(e);
|
|
|
+ if (activationState.wasElementMadeActive) {
|
|
|
+ this.animateActivation_();
|
|
|
+ }
|
|
|
+
|
|
|
+ requestAnimationFrame(function () {
|
|
|
+ // Reset array on next frame after the current event has had a chance to bubble to prevent ancestor ripples
|
|
|
+ activatedTargets = [];
|
|
|
+
|
|
|
+ if (!activationState.wasElementMadeActive && e !== undefined && (e.key === ' ' || e.keyCode === 32)) {
|
|
|
+ // If space was pressed, try again within an rAF call to detect :active, because different UAs report
|
|
|
+ // active states inconsistently when they're called within event handling code:
|
|
|
+ // - https://bugs.chromium.org/p/chromium/issues/detail?id=635971
|
|
|
+ // - https://bugzilla.mozilla.org/show_bug.cgi?id=1293741
|
|
|
+ // We try first outside rAF to support Edge, which does not exhibit this problem, but will crash if a CSS
|
|
|
+ // variable is set within a rAF callback for a submit button interaction (#2241).
|
|
|
+ activationState.wasElementMadeActive = _this9.checkElementMadeActive_(e);
|
|
|
+ if (activationState.wasElementMadeActive) {
|
|
|
+ _this9.animateActivation_();
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ if (!activationState.wasElementMadeActive) {
|
|
|
+ // Reset activation state immediately if element was not made active.
|
|
|
+ _this9.activationState_ = _this9.defaultActivationState_();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!Event=} e
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'checkElementMadeActive_',
|
|
|
+ value: function checkElementMadeActive_(e) {
|
|
|
+ return e !== undefined && e.type === 'keydown' ? this.adapter_.isSurfaceActive() : true;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!Event=} event Optional event containing position information.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'activate',
|
|
|
+ value: function activate(event) {
|
|
|
+ this.activate_(event);
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @private */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'animateActivation_',
|
|
|
+ value: function animateActivation_() {
|
|
|
+ var _this10 = this;
|
|
|
+
|
|
|
+ var _MDCRippleFoundation$3 = MDCRippleFoundation.strings,
|
|
|
+ VAR_FG_TRANSLATE_START = _MDCRippleFoundation$3.VAR_FG_TRANSLATE_START,
|
|
|
+ VAR_FG_TRANSLATE_END = _MDCRippleFoundation$3.VAR_FG_TRANSLATE_END;
|
|
|
+ var _MDCRippleFoundation$4 = MDCRippleFoundation.cssClasses,
|
|
|
+ FG_DEACTIVATION = _MDCRippleFoundation$4.FG_DEACTIVATION,
|
|
|
+ FG_ACTIVATION = _MDCRippleFoundation$4.FG_ACTIVATION;
|
|
|
+ var DEACTIVATION_TIMEOUT_MS = MDCRippleFoundation.numbers.DEACTIVATION_TIMEOUT_MS;
|
|
|
+
|
|
|
+
|
|
|
+ this.layoutInternal_();
|
|
|
+
|
|
|
+ var translateStart = '';
|
|
|
+ var translateEnd = '';
|
|
|
+
|
|
|
+ if (!this.adapter_.isUnbounded()) {
|
|
|
+ var _getFgTranslationCoor = this.getFgTranslationCoordinates_(),
|
|
|
+ startPoint = _getFgTranslationCoor.startPoint,
|
|
|
+ endPoint = _getFgTranslationCoor.endPoint;
|
|
|
+
|
|
|
+ translateStart = startPoint.x + 'px, ' + startPoint.y + 'px';
|
|
|
+ translateEnd = endPoint.x + 'px, ' + endPoint.y + 'px';
|
|
|
+ }
|
|
|
+
|
|
|
+ this.adapter_.updateCssVariable(VAR_FG_TRANSLATE_START, translateStart);
|
|
|
+ this.adapter_.updateCssVariable(VAR_FG_TRANSLATE_END, translateEnd);
|
|
|
+ // Cancel any ongoing activation/deactivation animations
|
|
|
+ clearTimeout(this.activationTimer_);
|
|
|
+ clearTimeout(this.fgDeactivationRemovalTimer_);
|
|
|
+ this.rmBoundedActivationClasses_();
|
|
|
+ this.adapter_.removeClass(FG_DEACTIVATION);
|
|
|
+
|
|
|
+ // Force layout in order to re-trigger the animation.
|
|
|
+ this.adapter_.computeBoundingRect();
|
|
|
+ this.adapter_.addClass(FG_ACTIVATION);
|
|
|
+ this.activationTimer_ = setTimeout(function () {
|
|
|
+ return _this10.activationTimerCallback_();
|
|
|
+ }, DEACTIVATION_TIMEOUT_MS);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @private
|
|
|
+ * @return {{startPoint: PointType, endPoint: PointType}}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getFgTranslationCoordinates_',
|
|
|
+ value: function getFgTranslationCoordinates_() {
|
|
|
+ var _activationState_ = this.activationState_,
|
|
|
+ activationEvent = _activationState_.activationEvent,
|
|
|
+ wasActivatedByPointer = _activationState_.wasActivatedByPointer;
|
|
|
+
|
|
|
+
|
|
|
+ var startPoint = void 0;
|
|
|
+ if (wasActivatedByPointer) {
|
|
|
+ startPoint = Object(__WEBPACK_IMPORTED_MODULE_3__util__["getNormalizedEventCoords"])(
|
|
|
+ /** @type {!Event} */activationEvent, this.adapter_.getWindowPageOffset(), this.adapter_.computeBoundingRect());
|
|
|
+ } else {
|
|
|
+ startPoint = {
|
|
|
+ x: this.frame_.width / 2,
|
|
|
+ y: this.frame_.height / 2
|
|
|
+ };
|
|
|
+ }
|
|
|
+ // Center the element around the start point.
|
|
|
+ startPoint = {
|
|
|
+ x: startPoint.x - this.initialSize_ / 2,
|
|
|
+ y: startPoint.y - this.initialSize_ / 2
|
|
|
+ };
|
|
|
+
|
|
|
+ var endPoint = {
|
|
|
+ x: this.frame_.width / 2 - this.initialSize_ / 2,
|
|
|
+ y: this.frame_.height / 2 - this.initialSize_ / 2
|
|
|
+ };
|
|
|
+
|
|
|
+ return { startPoint: startPoint, endPoint: endPoint };
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @private */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'runDeactivationUXLogicIfReady_',
|
|
|
+ value: function runDeactivationUXLogicIfReady_() {
|
|
|
+ var _this11 = this;
|
|
|
+
|
|
|
+ // This method is called both when a pointing device is released, and when the activation animation ends.
|
|
|
+ // The deactivation animation should only run after both of those occur.
|
|
|
+ var FG_DEACTIVATION = MDCRippleFoundation.cssClasses.FG_DEACTIVATION;
|
|
|
+ var _activationState_2 = this.activationState_,
|
|
|
+ hasDeactivationUXRun = _activationState_2.hasDeactivationUXRun,
|
|
|
+ isActivated = _activationState_2.isActivated;
|
|
|
+
|
|
|
+ var activationHasEnded = hasDeactivationUXRun || !isActivated;
|
|
|
+
|
|
|
+ if (activationHasEnded && this.activationAnimationHasEnded_) {
|
|
|
+ this.rmBoundedActivationClasses_();
|
|
|
+ this.adapter_.addClass(FG_DEACTIVATION);
|
|
|
+ this.fgDeactivationRemovalTimer_ = setTimeout(function () {
|
|
|
+ _this11.adapter_.removeClass(FG_DEACTIVATION);
|
|
|
+ }, __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* numbers */].FG_DEACTIVATION_MS);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @private */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'rmBoundedActivationClasses_',
|
|
|
+ value: function rmBoundedActivationClasses_() {
|
|
|
+ var FG_ACTIVATION = MDCRippleFoundation.cssClasses.FG_ACTIVATION;
|
|
|
+
|
|
|
+ this.adapter_.removeClass(FG_ACTIVATION);
|
|
|
+ this.activationAnimationHasEnded_ = false;
|
|
|
+ this.adapter_.computeBoundingRect();
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'resetActivationState_',
|
|
|
+ value: function resetActivationState_() {
|
|
|
+ var _this12 = this;
|
|
|
+
|
|
|
+ this.previousActivationEvent_ = this.activationState_.activationEvent;
|
|
|
+ this.activationState_ = this.defaultActivationState_();
|
|
|
+ // Touch devices may fire additional events for the same interaction within a short time.
|
|
|
+ // Store the previous event until it's safe to assume that subsequent events are for new interactions.
|
|
|
+ setTimeout(function () {
|
|
|
+ return _this12.previousActivationEvent_ = undefined;
|
|
|
+ }, MDCRippleFoundation.numbers.TAP_DELAY_MS);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'deactivate_',
|
|
|
+ value: function deactivate_() {
|
|
|
+ var _this13 = this;
|
|
|
+
|
|
|
+ var activationState = this.activationState_;
|
|
|
+ // This can happen in scenarios such as when you have a keyup event that blurs the element.
|
|
|
+ if (!activationState.isActivated) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ var state = /** @type {!ActivationStateType} */_extends({}, activationState);
|
|
|
+
|
|
|
+ if (activationState.isProgrammatic) {
|
|
|
+ requestAnimationFrame(function () {
|
|
|
+ return _this13.animateDeactivation_(state);
|
|
|
+ });
|
|
|
+ this.resetActivationState_();
|
|
|
+ } else {
|
|
|
+ this.deregisterDeactivationHandlers_();
|
|
|
+ requestAnimationFrame(function () {
|
|
|
+ _this13.activationState_.hasDeactivationUXRun = true;
|
|
|
+ _this13.animateDeactivation_(state);
|
|
|
+ _this13.resetActivationState_();
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'deactivate',
|
|
|
+ value: function deactivate() {
|
|
|
+ this.deactivate_();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!ActivationStateType} options
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'animateDeactivation_',
|
|
|
+ value: function animateDeactivation_(_ref) {
|
|
|
+ var wasActivatedByPointer = _ref.wasActivatedByPointer,
|
|
|
+ wasElementMadeActive = _ref.wasElementMadeActive;
|
|
|
+
|
|
|
+ if (wasActivatedByPointer || wasElementMadeActive) {
|
|
|
+ this.runDeactivationUXLogicIfReady_();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'layout',
|
|
|
+ value: function layout() {
|
|
|
+ var _this14 = this;
|
|
|
+
|
|
|
+ if (this.layoutFrame_) {
|
|
|
+ cancelAnimationFrame(this.layoutFrame_);
|
|
|
+ }
|
|
|
+ this.layoutFrame_ = requestAnimationFrame(function () {
|
|
|
+ _this14.layoutInternal_();
|
|
|
+ _this14.layoutFrame_ = 0;
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @private */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'layoutInternal_',
|
|
|
+ value: function layoutInternal_() {
|
|
|
+ var _this15 = this;
|
|
|
+
|
|
|
+ this.frame_ = this.adapter_.computeBoundingRect();
|
|
|
+ var maxDim = Math.max(this.frame_.height, this.frame_.width);
|
|
|
+
|
|
|
+ // Surface diameter is treated differently for unbounded vs. bounded ripples.
|
|
|
+ // Unbounded ripple diameter is calculated smaller since the surface is expected to already be padded appropriately
|
|
|
+ // to extend the hitbox, and the ripple is expected to meet the edges of the padded hitbox (which is typically
|
|
|
+ // square). Bounded ripples, on the other hand, are fully expected to expand beyond the surface's longest diameter
|
|
|
+ // (calculated based on the diagonal plus a constant padding), and are clipped at the surface's border via
|
|
|
+ // `overflow: hidden`.
|
|
|
+ var getBoundedRadius = function getBoundedRadius() {
|
|
|
+ var hypotenuse = Math.sqrt(Math.pow(_this15.frame_.width, 2) + Math.pow(_this15.frame_.height, 2));
|
|
|
+ return hypotenuse + MDCRippleFoundation.numbers.PADDING;
|
|
|
+ };
|
|
|
+
|
|
|
+ this.maxRadius_ = this.adapter_.isUnbounded() ? maxDim : getBoundedRadius();
|
|
|
+
|
|
|
+ // Ripple is sized as a fraction of the largest dimension of the surface, then scales up using a CSS scale transform
|
|
|
+ this.initialSize_ = Math.floor(maxDim * MDCRippleFoundation.numbers.INITIAL_ORIGIN_SCALE);
|
|
|
+ this.fgScale_ = this.maxRadius_ / this.initialSize_;
|
|
|
+
|
|
|
+ this.updateLayoutCssVars_();
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @private */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'updateLayoutCssVars_',
|
|
|
+ value: function updateLayoutCssVars_() {
|
|
|
+ var _MDCRippleFoundation$5 = MDCRippleFoundation.strings,
|
|
|
+ VAR_FG_SIZE = _MDCRippleFoundation$5.VAR_FG_SIZE,
|
|
|
+ VAR_LEFT = _MDCRippleFoundation$5.VAR_LEFT,
|
|
|
+ VAR_TOP = _MDCRippleFoundation$5.VAR_TOP,
|
|
|
+ VAR_FG_SCALE = _MDCRippleFoundation$5.VAR_FG_SCALE;
|
|
|
+
|
|
|
+
|
|
|
+ this.adapter_.updateCssVariable(VAR_FG_SIZE, this.initialSize_ + 'px');
|
|
|
+ this.adapter_.updateCssVariable(VAR_FG_SCALE, this.fgScale_);
|
|
|
+
|
|
|
+ if (this.adapter_.isUnbounded()) {
|
|
|
+ this.unboundedCoords_ = {
|
|
|
+ left: Math.round(this.frame_.width / 2 - this.initialSize_ / 2),
|
|
|
+ top: Math.round(this.frame_.height / 2 - this.initialSize_ / 2)
|
|
|
+ };
|
|
|
+
|
|
|
+ this.adapter_.updateCssVariable(VAR_LEFT, this.unboundedCoords_.left + 'px');
|
|
|
+ this.adapter_.updateCssVariable(VAR_TOP, this.unboundedCoords_.top + 'px');
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @param {boolean} unbounded */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setUnbounded',
|
|
|
+ value: function setUnbounded(unbounded) {
|
|
|
+ var UNBOUNDED = MDCRippleFoundation.cssClasses.UNBOUNDED;
|
|
|
+
|
|
|
+ if (unbounded) {
|
|
|
+ this.adapter_.addClass(UNBOUNDED);
|
|
|
+ } else {
|
|
|
+ this.adapter_.removeClass(UNBOUNDED);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'handleFocus',
|
|
|
+ value: function handleFocus() {
|
|
|
+ var _this16 = this;
|
|
|
+
|
|
|
+ requestAnimationFrame(function () {
|
|
|
+ return _this16.adapter_.addClass(MDCRippleFoundation.cssClasses.BG_FOCUSED);
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'handleBlur',
|
|
|
+ value: function handleBlur() {
|
|
|
+ var _this17 = this;
|
|
|
+
|
|
|
+ requestAnimationFrame(function () {
|
|
|
+ return _this17.adapter_.removeClass(MDCRippleFoundation.cssClasses.BG_FOCUSED);
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCRippleFoundation;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
|
|
|
+
|
|
|
+/* harmony default export */ __webpack_exports__["a"] = (MDCRippleFoundation);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 67 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return cssClasses; });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return strings; });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return numbers; });
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2016 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+var cssClasses = {
|
|
|
+ // Ripple is a special case where the "root" component is really a "mixin" of sorts,
|
|
|
+ // given that it's an 'upgrade' to an existing component. That being said it is the root
|
|
|
+ // CSS class that all other CSS classes derive from.
|
|
|
+ ROOT: 'mdc-ripple-upgraded',
|
|
|
+ UNBOUNDED: 'mdc-ripple-upgraded--unbounded',
|
|
|
+ BG_FOCUSED: 'mdc-ripple-upgraded--background-focused',
|
|
|
+ FG_ACTIVATION: 'mdc-ripple-upgraded--foreground-activation',
|
|
|
+ FG_DEACTIVATION: 'mdc-ripple-upgraded--foreground-deactivation'
|
|
|
+};
|
|
|
+
|
|
|
+var strings = {
|
|
|
+ VAR_LEFT: '--mdc-ripple-left',
|
|
|
+ VAR_TOP: '--mdc-ripple-top',
|
|
|
+ VAR_FG_SIZE: '--mdc-ripple-fg-size',
|
|
|
+ VAR_FG_SCALE: '--mdc-ripple-fg-scale',
|
|
|
+ VAR_FG_TRANSLATE_START: '--mdc-ripple-fg-translate-start',
|
|
|
+ VAR_FG_TRANSLATE_END: '--mdc-ripple-fg-translate-end'
|
|
|
+};
|
|
|
+
|
|
|
+var numbers = {
|
|
|
+ PADDING: 10,
|
|
|
+ INITIAL_ORIGIN_SCALE: 0.6,
|
|
|
+ DEACTIVATION_TIMEOUT_MS: 225, // Corresponds to $mdc-ripple-translate-duration (i.e. activation animation duration)
|
|
|
+ FG_DEACTIVATION_MS: 150, // Corresponds to $mdc-ripple-fade-out-duration (i.e. deactivation animation duration)
|
|
|
+ TAP_DELAY_MS: 300 };
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 68 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_foundation__ = __webpack_require__(0);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_selection_control_index__ = __webpack_require__(4);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__adapter__ = __webpack_require__(69);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__constants__ = __webpack_require__(70);
|
|
|
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
|
+
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2016 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+/* eslint-disable no-unused-vars */
|
|
|
+
|
|
|
+
|
|
|
+/* eslint-enable no-unused-vars */
|
|
|
+
|
|
|
+
|
|
|
+/** @const {!Array<string>} */
|
|
|
+var CB_PROTO_PROPS = ['checked', 'indeterminate'];
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends {MDCFoundation<!MDCCheckboxAdapter>}
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCCheckboxFoundation = function (_MDCFoundation) {
|
|
|
+ _inherits(MDCCheckboxFoundation, _MDCFoundation);
|
|
|
+
|
|
|
+ _createClass(MDCCheckboxFoundation, null, [{
|
|
|
+ key: 'cssClasses',
|
|
|
+
|
|
|
+ /** @return enum {cssClasses} */
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_3__constants__["a" /* cssClasses */];
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return enum {strings} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'strings',
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_3__constants__["c" /* strings */];
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return enum {numbers} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'numbers',
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_3__constants__["b" /* numbers */];
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return {!MDCCheckboxAdapter} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'defaultAdapter',
|
|
|
+ get: function get() {
|
|
|
+ return (/** @type {!MDCCheckboxAdapter} */{
|
|
|
+ addClass: function addClass() /* className: string */{},
|
|
|
+ removeClass: function removeClass() /* className: string */{},
|
|
|
+ setNativeControlAttr: function setNativeControlAttr() /* attr: string, value: string */{},
|
|
|
+ removeNativeControlAttr: function removeNativeControlAttr() /* attr: string */{},
|
|
|
+ getNativeControl: function getNativeControl() /* !MDCSelectionControlState */{},
|
|
|
+ forceLayout: function forceLayout() {},
|
|
|
+ isAttachedToDOM: function isAttachedToDOM() /* boolean */{},
|
|
|
+ isIndeterminate: function isIndeterminate() /* boolean */{},
|
|
|
+ isChecked: function isChecked() /* boolean */{},
|
|
|
+ hasNativeControl: function hasNativeControl() /* boolean */{},
|
|
|
+ setNativeControlDisabled: function setNativeControlDisabled() /* disabled: boolean */{}
|
|
|
+ }
|
|
|
+ );
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ function MDCCheckboxFoundation(adapter) {
|
|
|
+ _classCallCheck(this, MDCCheckboxFoundation);
|
|
|
+
|
|
|
+ /** @private {string} */
|
|
|
+ var _this = _possibleConstructorReturn(this, (MDCCheckboxFoundation.__proto__ || Object.getPrototypeOf(MDCCheckboxFoundation)).call(this, _extends(MDCCheckboxFoundation.defaultAdapter, adapter)));
|
|
|
+
|
|
|
+ _this.currentCheckState_ = __WEBPACK_IMPORTED_MODULE_3__constants__["c" /* strings */].TRANSITION_STATE_INIT;
|
|
|
+
|
|
|
+ /** @private {string} */
|
|
|
+ _this.currentAnimationClass_ = '';
|
|
|
+
|
|
|
+ /** @private {number} */
|
|
|
+ _this.animEndLatchTimer_ = 0;
|
|
|
+
|
|
|
+ /** @private {boolean} */
|
|
|
+ _this.enableAnimationEndHandler_ = false;
|
|
|
+ return _this;
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @override */
|
|
|
+
|
|
|
+
|
|
|
+ _createClass(MDCCheckboxFoundation, [{
|
|
|
+ key: 'init',
|
|
|
+ value: function init() {
|
|
|
+ this.currentCheckState_ = this.determineCheckState_();
|
|
|
+ this.updateAriaChecked_();
|
|
|
+ this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_3__constants__["a" /* cssClasses */].UPGRADED);
|
|
|
+ this.installPropertyChangeHooks_();
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @override */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'destroy',
|
|
|
+ value: function destroy() {
|
|
|
+ this.uninstallPropertyChangeHooks_();
|
|
|
+ clearTimeout(this.animEndLatchTimer_);
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @param {boolean} disabled */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setDisabled',
|
|
|
+ value: function setDisabled(disabled) {
|
|
|
+ this.adapter_.setNativeControlDisabled(disabled);
|
|
|
+ if (disabled) {
|
|
|
+ this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_3__constants__["a" /* cssClasses */].DISABLED);
|
|
|
+ } else {
|
|
|
+ this.adapter_.removeClass(__WEBPACK_IMPORTED_MODULE_3__constants__["a" /* cssClasses */].DISABLED);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Handles the animationend event for the checkbox
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'handleAnimationEnd',
|
|
|
+ value: function handleAnimationEnd() {
|
|
|
+ var _this2 = this;
|
|
|
+
|
|
|
+ if (!this.enableAnimationEndHandler_) return;
|
|
|
+
|
|
|
+ clearTimeout(this.animEndLatchTimer_);
|
|
|
+
|
|
|
+ this.animEndLatchTimer_ = setTimeout(function () {
|
|
|
+ _this2.adapter_.removeClass(_this2.currentAnimationClass_);
|
|
|
+ _this2.enableAnimationEndHandler_ = false;
|
|
|
+ }, __WEBPACK_IMPORTED_MODULE_3__constants__["b" /* numbers */].ANIM_END_LATCH_MS);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Handles the change event for the checkbox
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'handleChange',
|
|
|
+ value: function handleChange() {
|
|
|
+ this.transitionCheckState_();
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @private */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'installPropertyChangeHooks_',
|
|
|
+ value: function installPropertyChangeHooks_() {
|
|
|
+ var _this3 = this;
|
|
|
+
|
|
|
+ var nativeCb = this.getNativeControl_();
|
|
|
+ var cbProto = Object.getPrototypeOf(nativeCb);
|
|
|
+
|
|
|
+ CB_PROTO_PROPS.forEach(function (controlState) {
|
|
|
+ var desc = Object.getOwnPropertyDescriptor(cbProto, controlState);
|
|
|
+ // We have to check for this descriptor, since some browsers (Safari) don't support its return.
|
|
|
+ // See: https://bugs.webkit.org/show_bug.cgi?id=49739
|
|
|
+ if (validDescriptor(desc)) {
|
|
|
+ var nativeCbDesc = /** @type {!ObjectPropertyDescriptor} */{
|
|
|
+ get: desc.get,
|
|
|
+ set: function set(state) {
|
|
|
+ desc.set.call(nativeCb, state);
|
|
|
+ _this3.transitionCheckState_();
|
|
|
+ },
|
|
|
+ configurable: desc.configurable,
|
|
|
+ enumerable: desc.enumerable
|
|
|
+ };
|
|
|
+ Object.defineProperty(nativeCb, controlState, nativeCbDesc);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @private */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'uninstallPropertyChangeHooks_',
|
|
|
+ value: function uninstallPropertyChangeHooks_() {
|
|
|
+ var nativeCb = this.getNativeControl_();
|
|
|
+ var cbProto = Object.getPrototypeOf(nativeCb);
|
|
|
+
|
|
|
+ CB_PROTO_PROPS.forEach(function (controlState) {
|
|
|
+ var desc = /** @type {!ObjectPropertyDescriptor} */Object.getOwnPropertyDescriptor(cbProto, controlState);
|
|
|
+ if (validDescriptor(desc)) {
|
|
|
+ Object.defineProperty(nativeCb, controlState, desc);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @private */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'transitionCheckState_',
|
|
|
+ value: function transitionCheckState_() {
|
|
|
+ if (!this.adapter_.hasNativeControl()) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ var oldState = this.currentCheckState_;
|
|
|
+ var newState = this.determineCheckState_();
|
|
|
+
|
|
|
+ if (oldState === newState) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ this.updateAriaChecked_();
|
|
|
+
|
|
|
+ // Check to ensure that there isn't a previously existing animation class, in case for example
|
|
|
+ // the user interacted with the checkbox before the animation was finished.
|
|
|
+ if (this.currentAnimationClass_.length > 0) {
|
|
|
+ clearTimeout(this.animEndLatchTimer_);
|
|
|
+ this.adapter_.forceLayout();
|
|
|
+ this.adapter_.removeClass(this.currentAnimationClass_);
|
|
|
+ }
|
|
|
+
|
|
|
+ this.currentAnimationClass_ = this.getTransitionAnimationClass_(oldState, newState);
|
|
|
+ this.currentCheckState_ = newState;
|
|
|
+
|
|
|
+ // Check for parentNode so that animations are only run when the element is attached
|
|
|
+ // to the DOM.
|
|
|
+ if (this.adapter_.isAttachedToDOM() && this.currentAnimationClass_.length > 0) {
|
|
|
+ this.adapter_.addClass(this.currentAnimationClass_);
|
|
|
+ this.enableAnimationEndHandler_ = true;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {string}
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'determineCheckState_',
|
|
|
+ value: function determineCheckState_() {
|
|
|
+ var TRANSITION_STATE_INDETERMINATE = __WEBPACK_IMPORTED_MODULE_3__constants__["c" /* strings */].TRANSITION_STATE_INDETERMINATE,
|
|
|
+ TRANSITION_STATE_CHECKED = __WEBPACK_IMPORTED_MODULE_3__constants__["c" /* strings */].TRANSITION_STATE_CHECKED,
|
|
|
+ TRANSITION_STATE_UNCHECKED = __WEBPACK_IMPORTED_MODULE_3__constants__["c" /* strings */].TRANSITION_STATE_UNCHECKED;
|
|
|
+
|
|
|
+
|
|
|
+ if (this.adapter_.isIndeterminate()) {
|
|
|
+ return TRANSITION_STATE_INDETERMINATE;
|
|
|
+ }
|
|
|
+ return this.adapter_.isChecked() ? TRANSITION_STATE_CHECKED : TRANSITION_STATE_UNCHECKED;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {string} oldState
|
|
|
+ * @param {string} newState
|
|
|
+ * @return {string}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getTransitionAnimationClass_',
|
|
|
+ value: function getTransitionAnimationClass_(oldState, newState) {
|
|
|
+ var TRANSITION_STATE_INIT = __WEBPACK_IMPORTED_MODULE_3__constants__["c" /* strings */].TRANSITION_STATE_INIT,
|
|
|
+ TRANSITION_STATE_CHECKED = __WEBPACK_IMPORTED_MODULE_3__constants__["c" /* strings */].TRANSITION_STATE_CHECKED,
|
|
|
+ TRANSITION_STATE_UNCHECKED = __WEBPACK_IMPORTED_MODULE_3__constants__["c" /* strings */].TRANSITION_STATE_UNCHECKED;
|
|
|
+ var _MDCCheckboxFoundatio = MDCCheckboxFoundation.cssClasses,
|
|
|
+ ANIM_UNCHECKED_CHECKED = _MDCCheckboxFoundatio.ANIM_UNCHECKED_CHECKED,
|
|
|
+ ANIM_UNCHECKED_INDETERMINATE = _MDCCheckboxFoundatio.ANIM_UNCHECKED_INDETERMINATE,
|
|
|
+ ANIM_CHECKED_UNCHECKED = _MDCCheckboxFoundatio.ANIM_CHECKED_UNCHECKED,
|
|
|
+ ANIM_CHECKED_INDETERMINATE = _MDCCheckboxFoundatio.ANIM_CHECKED_INDETERMINATE,
|
|
|
+ ANIM_INDETERMINATE_CHECKED = _MDCCheckboxFoundatio.ANIM_INDETERMINATE_CHECKED,
|
|
|
+ ANIM_INDETERMINATE_UNCHECKED = _MDCCheckboxFoundatio.ANIM_INDETERMINATE_UNCHECKED;
|
|
|
+
|
|
|
+
|
|
|
+ switch (oldState) {
|
|
|
+ case TRANSITION_STATE_INIT:
|
|
|
+ if (newState === TRANSITION_STATE_UNCHECKED) {
|
|
|
+ return '';
|
|
|
+ }
|
|
|
+ // fallthrough
|
|
|
+ case TRANSITION_STATE_UNCHECKED:
|
|
|
+ return newState === TRANSITION_STATE_CHECKED ? ANIM_UNCHECKED_CHECKED : ANIM_UNCHECKED_INDETERMINATE;
|
|
|
+ case TRANSITION_STATE_CHECKED:
|
|
|
+ return newState === TRANSITION_STATE_UNCHECKED ? ANIM_CHECKED_UNCHECKED : ANIM_CHECKED_INDETERMINATE;
|
|
|
+ // TRANSITION_STATE_INDETERMINATE
|
|
|
+ default:
|
|
|
+ return newState === TRANSITION_STATE_CHECKED ? ANIM_INDETERMINATE_CHECKED : ANIM_INDETERMINATE_UNCHECKED;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'updateAriaChecked_',
|
|
|
+ value: function updateAriaChecked_() {
|
|
|
+ // Ensure aria-checked is set to mixed if checkbox is in indeterminate state.
|
|
|
+ if (this.adapter_.isIndeterminate()) {
|
|
|
+ this.adapter_.setNativeControlAttr(__WEBPACK_IMPORTED_MODULE_3__constants__["c" /* strings */].ARIA_CHECKED_ATTR, __WEBPACK_IMPORTED_MODULE_3__constants__["c" /* strings */].ARIA_CHECKED_INDETERMINATE_VALUE);
|
|
|
+ } else {
|
|
|
+ // The on/off state does not need to keep track of aria-checked, since
|
|
|
+ // the screenreader uses the checked property on the checkbox element.
|
|
|
+ this.adapter_.removeNativeControlAttr(__WEBPACK_IMPORTED_MODULE_3__constants__["c" /* strings */].ARIA_CHECKED_ATTR);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {!MDCSelectionControlState}
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getNativeControl_',
|
|
|
+ value: function getNativeControl_() {
|
|
|
+ return this.adapter_.getNativeControl() || {
|
|
|
+ checked: false,
|
|
|
+ indeterminate: false,
|
|
|
+ disabled: false,
|
|
|
+ value: null
|
|
|
+ };
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCCheckboxFoundation;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
|
|
|
+
|
|
|
+/**
|
|
|
+ * @param {ObjectPropertyDescriptor|undefined} inputPropDesc
|
|
|
+ * @return {boolean}
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+function validDescriptor(inputPropDesc) {
|
|
|
+ return !!inputPropDesc && typeof inputPropDesc.set === 'function';
|
|
|
+}
|
|
|
+
|
|
|
+/* harmony default export */ __webpack_exports__["a"] = (MDCCheckboxFoundation);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 69 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_selection_control_index__ = __webpack_require__(4);
|
|
|
+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"); } }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2016 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/* eslint-disable no-unused-vars */
|
|
|
+
|
|
|
+
|
|
|
+/* eslint no-unused-vars: [2, {"args": "none"}] */
|
|
|
+
|
|
|
+/**
|
|
|
+ * Adapter for MDC Checkbox. Provides an interface for managing
|
|
|
+ * - classes
|
|
|
+ * - dom
|
|
|
+ * - event handlers
|
|
|
+ *
|
|
|
+ * Additionally, provides type information for the adapter to the Closure
|
|
|
+ * compiler.
|
|
|
+ *
|
|
|
+ * Implement this adapter for your framework of choice to delegate updates to
|
|
|
+ * the component in your framework of choice. See architecture documentation
|
|
|
+ * for more details.
|
|
|
+ * https://github.com/material-components/material-components-web/blob/master/docs/code/architecture.md
|
|
|
+ *
|
|
|
+ * @record
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCCheckboxAdapter = function () {
|
|
|
+ function MDCCheckboxAdapter() {
|
|
|
+ _classCallCheck(this, MDCCheckboxAdapter);
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCCheckboxAdapter, [{
|
|
|
+ key: 'addClass',
|
|
|
+
|
|
|
+ /** @param {string} className */
|
|
|
+ value: function addClass(className) {}
|
|
|
+
|
|
|
+ /** @param {string} className */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'removeClass',
|
|
|
+ value: function removeClass(className) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets an attribute with a given value on the input element.
|
|
|
+ * @param {string} attr
|
|
|
+ * @param {string} value
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setNativeControlAttr',
|
|
|
+ value: function setNativeControlAttr(attr, value) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Removes an attribute from the input element.
|
|
|
+ * @param {string} attr
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'removeNativeControlAttr',
|
|
|
+ value: function removeNativeControlAttr(attr) {}
|
|
|
+
|
|
|
+ /** @return {!MDCSelectionControlState} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getNativeControl',
|
|
|
+ value: function getNativeControl() {}
|
|
|
+ }, {
|
|
|
+ key: 'forceLayout',
|
|
|
+ value: function forceLayout() {}
|
|
|
+
|
|
|
+ /** @return {boolean} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'isAttachedToDOM',
|
|
|
+ value: function isAttachedToDOM() {}
|
|
|
+
|
|
|
+ /** @return {boolean} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'isIndeterminate',
|
|
|
+ value: function isIndeterminate() {}
|
|
|
+
|
|
|
+ /** @return {boolean} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'isChecked',
|
|
|
+ value: function isChecked() {}
|
|
|
+
|
|
|
+ /** @return {boolean} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'hasNativeControl',
|
|
|
+ value: function hasNativeControl() {}
|
|
|
+
|
|
|
+ /** @param {boolean} disabled */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setNativeControlDisabled',
|
|
|
+ value: function setNativeControlDisabled(disabled) {}
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCCheckboxAdapter;
|
|
|
+}();
|
|
|
+
|
|
|
+/* unused harmony default export */ var _unused_webpack_default_export = (MDCCheckboxAdapter);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 70 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return cssClasses; });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return strings; });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return numbers; });
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2016 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/** @const {string} */
|
|
|
+var ROOT = 'mdc-checkbox';
|
|
|
+
|
|
|
+/** @enum {string} */
|
|
|
+var cssClasses = {
|
|
|
+ UPGRADED: 'mdc-checkbox--upgraded',
|
|
|
+ CHECKED: 'mdc-checkbox--checked',
|
|
|
+ INDETERMINATE: 'mdc-checkbox--indeterminate',
|
|
|
+ DISABLED: 'mdc-checkbox--disabled',
|
|
|
+ ANIM_UNCHECKED_CHECKED: 'mdc-checkbox--anim-unchecked-checked',
|
|
|
+ ANIM_UNCHECKED_INDETERMINATE: 'mdc-checkbox--anim-unchecked-indeterminate',
|
|
|
+ ANIM_CHECKED_UNCHECKED: 'mdc-checkbox--anim-checked-unchecked',
|
|
|
+ ANIM_CHECKED_INDETERMINATE: 'mdc-checkbox--anim-checked-indeterminate',
|
|
|
+ ANIM_INDETERMINATE_CHECKED: 'mdc-checkbox--anim-indeterminate-checked',
|
|
|
+ ANIM_INDETERMINATE_UNCHECKED: 'mdc-checkbox--anim-indeterminate-unchecked'
|
|
|
+};
|
|
|
+
|
|
|
+/** @enum {string} */
|
|
|
+var strings = {
|
|
|
+ NATIVE_CONTROL_SELECTOR: '.' + ROOT + '__native-control',
|
|
|
+ TRANSITION_STATE_INIT: 'init',
|
|
|
+ TRANSITION_STATE_CHECKED: 'checked',
|
|
|
+ TRANSITION_STATE_UNCHECKED: 'unchecked',
|
|
|
+ TRANSITION_STATE_INDETERMINATE: 'indeterminate',
|
|
|
+ ARIA_CHECKED_ATTR: 'aria-checked',
|
|
|
+ ARIA_CHECKED_INDETERMINATE_VALUE: 'mixed'
|
|
|
+};
|
|
|
+
|
|
|
+/** @enum {number} */
|
|
|
+var numbers = {
|
|
|
+ ANIM_END_LATCH_MS: 250
|
|
|
+};
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 71 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__chip_index__ = __webpack_require__(30);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__chip_set_index__ = __webpack_require__(72);
|
|
|
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCChipFoundation", function() { return __WEBPACK_IMPORTED_MODULE_0__chip_index__["b"]; });
|
|
|
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCChip", function() { return __WEBPACK_IMPORTED_MODULE_0__chip_index__["a"]; });
|
|
|
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCChipSetFoundation", function() { return __WEBPACK_IMPORTED_MODULE_1__chip_set_index__["b"]; });
|
|
|
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCChipSet", function() { return __WEBPACK_IMPORTED_MODULE_1__chip_set_index__["a"]; });
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2017 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 72 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MDCChipSet; });
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_component__ = __webpack_require__(1);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(34);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__foundation__ = __webpack_require__(73);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__chip_index__ = __webpack_require__(30);
|
|
|
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return __WEBPACK_IMPORTED_MODULE_2__foundation__["a"]; });
|
|
|
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
|
+
|
|
|
+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; }; }();
|
|
|
+
|
|
|
+var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
|
|
|
+
|
|
|
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2016 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+var idCounter = 0;
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends {MDCComponent<!MDCChipSetFoundation>}
|
|
|
+ * @final
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCChipSet = function (_MDCComponent) {
|
|
|
+ _inherits(MDCChipSet, _MDCComponent);
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {...?} args
|
|
|
+ */
|
|
|
+ function MDCChipSet() {
|
|
|
+ var _ref;
|
|
|
+
|
|
|
+ _classCallCheck(this, MDCChipSet);
|
|
|
+
|
|
|
+ for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
|
|
+ args[_key] = arguments[_key];
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @type {!Array<!MDCChip>} */
|
|
|
+ var _this = _possibleConstructorReturn(this, (_ref = MDCChipSet.__proto__ || Object.getPrototypeOf(MDCChipSet)).call.apply(_ref, [this].concat(args)));
|
|
|
+
|
|
|
+ _this.chips;
|
|
|
+ /** @private {(function(!Element): !MDCChip)} */
|
|
|
+ _this.chipFactory_;
|
|
|
+
|
|
|
+ /** @private {?function(?Event): undefined} */
|
|
|
+ _this.handleChipInteraction_;
|
|
|
+ /** @private {?function(?Event): undefined} */
|
|
|
+ _this.handleChipSelection_;
|
|
|
+ /** @private {?function(?Event): undefined} */
|
|
|
+ _this.handleChipRemoval_;
|
|
|
+ return _this;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!Element} root
|
|
|
+ * @return {!MDCChipSet}
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+ _createClass(MDCChipSet, [{
|
|
|
+ key: 'initialize',
|
|
|
+
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {(function(!Element): !MDCChip)=} chipFactory A function which
|
|
|
+ * creates a new MDCChip.
|
|
|
+ */
|
|
|
+ value: function initialize() {
|
|
|
+ var chipFactory = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : function (el) {
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_3__chip_index__["a" /* MDCChip */](el);
|
|
|
+ };
|
|
|
+
|
|
|
+ this.chipFactory_ = chipFactory;
|
|
|
+ this.chips = this.instantiateChips_(this.chipFactory_);
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'initialSyncWithDOM',
|
|
|
+ value: function initialSyncWithDOM() {
|
|
|
+ var _this2 = this;
|
|
|
+
|
|
|
+ this.chips.forEach(function (chip) {
|
|
|
+ if (chip.selected) {
|
|
|
+ _this2.foundation_.select(chip.id);
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ this.handleChipInteraction_ = function (evt) {
|
|
|
+ return _this2.foundation_.handleChipInteraction(evt.detail.chipId);
|
|
|
+ };
|
|
|
+ this.handleChipSelection_ = function (evt) {
|
|
|
+ return _this2.foundation_.handleChipSelection(evt.detail.chipId, evt.detail.selected);
|
|
|
+ };
|
|
|
+ this.handleChipRemoval_ = function (evt) {
|
|
|
+ return _this2.foundation_.handleChipRemoval(evt.detail.chipId);
|
|
|
+ };
|
|
|
+ this.root_.addEventListener(__WEBPACK_IMPORTED_MODULE_3__chip_index__["b" /* MDCChipFoundation */].strings.INTERACTION_EVENT, this.handleChipInteraction_);
|
|
|
+ this.root_.addEventListener(__WEBPACK_IMPORTED_MODULE_3__chip_index__["b" /* MDCChipFoundation */].strings.SELECTION_EVENT, this.handleChipSelection_);
|
|
|
+ this.root_.addEventListener(__WEBPACK_IMPORTED_MODULE_3__chip_index__["b" /* MDCChipFoundation */].strings.REMOVAL_EVENT, this.handleChipRemoval_);
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'destroy',
|
|
|
+ value: function destroy() {
|
|
|
+ this.chips.forEach(function (chip) {
|
|
|
+ chip.destroy();
|
|
|
+ });
|
|
|
+
|
|
|
+ this.root_.removeEventListener(__WEBPACK_IMPORTED_MODULE_3__chip_index__["b" /* MDCChipFoundation */].strings.INTERACTION_EVENT, this.handleChipInteraction_);
|
|
|
+ this.root_.removeEventListener(__WEBPACK_IMPORTED_MODULE_3__chip_index__["b" /* MDCChipFoundation */].strings.SELECTION_EVENT, this.handleChipSelection_);
|
|
|
+ this.root_.removeEventListener(__WEBPACK_IMPORTED_MODULE_3__chip_index__["b" /* MDCChipFoundation */].strings.REMOVAL_EVENT, this.handleChipRemoval_);
|
|
|
+
|
|
|
+ _get(MDCChipSet.prototype.__proto__ || Object.getPrototypeOf(MDCChipSet.prototype), 'destroy', this).call(this);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Adds a new chip object to the chip set from the given chip element.
|
|
|
+ * @param {!Element} chipEl
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'addChip',
|
|
|
+ value: function addChip(chipEl) {
|
|
|
+ chipEl.id = chipEl.id || 'mdc-chip-' + ++idCounter;
|
|
|
+ this.chips.push(this.chipFactory_(chipEl));
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns an array of the IDs of all selected chips.
|
|
|
+ * @return {!Array<string>}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getDefaultFoundation',
|
|
|
+
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {!MDCChipSetFoundation}
|
|
|
+ */
|
|
|
+ value: function getDefaultFoundation() {
|
|
|
+ var _this3 = this;
|
|
|
+
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */]( /** @type {!MDCChipSetAdapter} */_extends({
|
|
|
+ hasClass: function hasClass(className) {
|
|
|
+ return _this3.root_.classList.contains(className);
|
|
|
+ },
|
|
|
+ removeChip: function removeChip(chipId) {
|
|
|
+ var index = _this3.findChipIndex_(chipId);
|
|
|
+ if (index >= 0) {
|
|
|
+ _this3.chips[index].destroy();
|
|
|
+ _this3.chips.splice(index, 1);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ setSelected: function setSelected(chipId, selected) {
|
|
|
+ var index = _this3.findChipIndex_(chipId);
|
|
|
+ if (index >= 0) {
|
|
|
+ _this3.chips[index].selected = selected;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }));
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Instantiates chip components on all of the chip set's child chip elements.
|
|
|
+ * @param {(function(!Element): !MDCChip)} chipFactory
|
|
|
+ * @return {!Array<!MDCChip>}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'instantiateChips_',
|
|
|
+ value: function instantiateChips_(chipFactory) {
|
|
|
+ var chipElements = [].slice.call(this.root_.querySelectorAll(__WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */].strings.CHIP_SELECTOR));
|
|
|
+ return chipElements.map(function (el) {
|
|
|
+ el.id = el.id || 'mdc-chip-' + ++idCounter;
|
|
|
+ return chipFactory(el);
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns the index of the chip with the given id, or -1 if the chip does not exist.
|
|
|
+ * @param {string} chipId
|
|
|
+ * @return {number}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'findChipIndex_',
|
|
|
+ value: function findChipIndex_(chipId) {
|
|
|
+ for (var i = 0; i < this.chips.length; i++) {
|
|
|
+ if (this.chips[i].id === chipId) {
|
|
|
+ return i;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return -1;
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'selectedChipIds',
|
|
|
+ get: function get() {
|
|
|
+ return this.foundation_.getSelectedChipIds();
|
|
|
+ }
|
|
|
+ }], [{
|
|
|
+ key: 'attachTo',
|
|
|
+ value: function attachTo(root) {
|
|
|
+ return new MDCChipSet(root);
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCChipSet;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_component__["a" /* default */]);
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 73 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_foundation__ = __webpack_require__(0);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(34);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__chip_foundation__ = __webpack_require__(32);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__constants__ = __webpack_require__(74);
|
|
|
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
|
+
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2017 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+// eslint-disable-next-line no-unused-vars
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends {MDCFoundation<!MDCChipSetAdapter>}
|
|
|
+ * @final
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCChipSetFoundation = function (_MDCFoundation) {
|
|
|
+ _inherits(MDCChipSetFoundation, _MDCFoundation);
|
|
|
+
|
|
|
+ _createClass(MDCChipSetFoundation, null, [{
|
|
|
+ key: 'strings',
|
|
|
+
|
|
|
+ /** @return enum {string} */
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_3__constants__["b" /* strings */];
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return enum {string} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'cssClasses',
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_3__constants__["a" /* cssClasses */];
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * {@see MDCChipSetAdapter} for typing information on parameters and return
|
|
|
+ * types.
|
|
|
+ * @return {!MDCChipSetAdapter}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'defaultAdapter',
|
|
|
+ get: function get() {
|
|
|
+ return (/** @type {!MDCChipSetAdapter} */{
|
|
|
+ hasClass: function hasClass() {},
|
|
|
+ removeChip: function removeChip() {},
|
|
|
+ setSelected: function setSelected() {}
|
|
|
+ }
|
|
|
+ );
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!MDCChipSetAdapter} adapter
|
|
|
+ */
|
|
|
+
|
|
|
+ }]);
|
|
|
+
|
|
|
+ function MDCChipSetFoundation(adapter) {
|
|
|
+ _classCallCheck(this, MDCChipSetFoundation);
|
|
|
+
|
|
|
+ /**
|
|
|
+ * The ids of the selected chips in the set. Only used for choice chip set or filter chip set.
|
|
|
+ * @private {!Array<string>}
|
|
|
+ */
|
|
|
+ var _this = _possibleConstructorReturn(this, (MDCChipSetFoundation.__proto__ || Object.getPrototypeOf(MDCChipSetFoundation)).call(this, _extends(MDCChipSetFoundation.defaultAdapter, adapter)));
|
|
|
+
|
|
|
+ _this.selectedChipIds_ = [];
|
|
|
+ return _this;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns an array of the IDs of all selected chips.
|
|
|
+ * @return {!Array<string>}
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+ _createClass(MDCChipSetFoundation, [{
|
|
|
+ key: 'getSelectedChipIds',
|
|
|
+ value: function getSelectedChipIds() {
|
|
|
+ return this.selectedChipIds_;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Toggles selection of the chip with the given id.
|
|
|
+ * @private
|
|
|
+ * @param {string} chipId
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'toggleSelect_',
|
|
|
+ value: function toggleSelect_(chipId) {
|
|
|
+ if (this.selectedChipIds_.indexOf(chipId) >= 0) {
|
|
|
+ this.deselect_(chipId);
|
|
|
+ } else {
|
|
|
+ this.select(chipId);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Selects the chip with the given id. Deselects all other chips if the chip set is of the choice variant.
|
|
|
+ * @param {string} chipId
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'select',
|
|
|
+ value: function select(chipId) {
|
|
|
+ if (this.selectedChipIds_.indexOf(chipId) >= 0) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (this.adapter_.hasClass(__WEBPACK_IMPORTED_MODULE_3__constants__["a" /* cssClasses */].CHOICE) && this.selectedChipIds_.length > 0) {
|
|
|
+ var previouslySelectedChip = this.selectedChipIds_[0];
|
|
|
+ this.selectedChipIds_.length = 0;
|
|
|
+ this.adapter_.setSelected(previouslySelectedChip, false);
|
|
|
+ }
|
|
|
+ this.selectedChipIds_.push(chipId);
|
|
|
+ this.adapter_.setSelected(chipId, true);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Deselects the chip with the given id.
|
|
|
+ * @private
|
|
|
+ * @param {string} chipId
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'deselect_',
|
|
|
+ value: function deselect_(chipId) {
|
|
|
+ var index = this.selectedChipIds_.indexOf(chipId);
|
|
|
+ if (index >= 0) {
|
|
|
+ this.selectedChipIds_.splice(index, 1);
|
|
|
+ this.adapter_.setSelected(chipId, false);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Handles a chip interaction event
|
|
|
+ * @param {string} chipId
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'handleChipInteraction',
|
|
|
+ value: function handleChipInteraction(chipId) {
|
|
|
+ if (this.adapter_.hasClass(__WEBPACK_IMPORTED_MODULE_3__constants__["a" /* cssClasses */].CHOICE) || this.adapter_.hasClass(__WEBPACK_IMPORTED_MODULE_3__constants__["a" /* cssClasses */].FILTER)) {
|
|
|
+ this.toggleSelect_(chipId);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Handles a chip selection event, used to handle discrepancy when selection state is set directly on the Chip.
|
|
|
+ * @param {string} chipId
|
|
|
+ * @param {boolean} selected
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'handleChipSelection',
|
|
|
+ value: function handleChipSelection(chipId, selected) {
|
|
|
+ var chipIsSelected = this.selectedChipIds_.indexOf(chipId) >= 0;
|
|
|
+ if (selected && !chipIsSelected) {
|
|
|
+ this.select(chipId);
|
|
|
+ } else if (!selected && chipIsSelected) {
|
|
|
+ this.deselect_(chipId);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Handles the event when a chip is removed.
|
|
|
+ * @param {string} chipId
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'handleChipRemoval',
|
|
|
+ value: function handleChipRemoval(chipId) {
|
|
|
+ this.deselect_(chipId);
|
|
|
+ this.adapter_.removeChip(chipId);
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCChipSetFoundation;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
|
|
|
+
|
|
|
+/* harmony default export */ __webpack_exports__["a"] = (MDCChipSetFoundation);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 74 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return strings; });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return cssClasses; });
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2016 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/** @enum {string} */
|
|
|
+var strings = {
|
|
|
+ CHIP_SELECTOR: '.mdc-chip'
|
|
|
+};
|
|
|
+
|
|
|
+/** @enum {string} */
|
|
|
+var cssClasses = {
|
|
|
+ CHOICE: 'mdc-chip-set--choice',
|
|
|
+ FILTER: 'mdc-chip-set--filter'
|
|
|
+};
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 75 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCDialog", function() { return MDCDialog; });
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_index__ = __webpack_require__(3);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_ripple_index__ = __webpack_require__(2);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__foundation__ = __webpack_require__(76);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__util__ = __webpack_require__(79);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__material_dom_ponyfill__ = __webpack_require__(13);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_focus_trap__ = __webpack_require__(35);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_focus_trap___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_focus_trap__);
|
|
|
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCDialogFoundation", function() { return __WEBPACK_IMPORTED_MODULE_2__foundation__["a"]; });
|
|
|
+/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "util", function() { return __WEBPACK_IMPORTED_MODULE_3__util__; });
|
|
|
+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; }; }();
|
|
|
+
|
|
|
+var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
|
|
|
+
|
|
|
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2017 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+var strings = __WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */].strings;
|
|
|
+
|
|
|
+var MDCDialog = function (_MDCComponent) {
|
|
|
+ _inherits(MDCDialog, _MDCComponent);
|
|
|
+
|
|
|
+ function MDCDialog() {
|
|
|
+ var _ref;
|
|
|
+
|
|
|
+ _classCallCheck(this, MDCDialog);
|
|
|
+
|
|
|
+ for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
|
|
+ args[_key] = arguments[_key];
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @type {!Array<!MDCRipple>}
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+ var _this = _possibleConstructorReturn(this, (_ref = MDCDialog.__proto__ || Object.getPrototypeOf(MDCDialog)).call.apply(_ref, [this].concat(args)));
|
|
|
+
|
|
|
+ _this.buttonRipples_;
|
|
|
+
|
|
|
+ /** @private {!Array<!Element>} */
|
|
|
+ _this.buttons_;
|
|
|
+
|
|
|
+ /** @private {?Element} */
|
|
|
+ _this.defaultButton_;
|
|
|
+
|
|
|
+ /** @private {!Element} */
|
|
|
+ _this.container_;
|
|
|
+
|
|
|
+ /** @private {?Element} */
|
|
|
+ _this.content_;
|
|
|
+
|
|
|
+ /** @private {?Element} */
|
|
|
+ _this.initialFocusEl_;
|
|
|
+
|
|
|
+ /** @private {!Function} */
|
|
|
+ _this.focusTrapFactory_;
|
|
|
+
|
|
|
+ /** @private {!FocusTrapInstance} */
|
|
|
+ _this.focusTrap_;
|
|
|
+
|
|
|
+ /** @private {!Function} */
|
|
|
+ _this.handleInteraction_;
|
|
|
+
|
|
|
+ /** @private {!Function} */
|
|
|
+ _this.handleDocumentKeydown_;
|
|
|
+
|
|
|
+ /** @private {!Function} */
|
|
|
+ _this.handleOpening_;
|
|
|
+
|
|
|
+ /** @private {!Function} */
|
|
|
+ _this.handleClosing_;
|
|
|
+
|
|
|
+ /** @private {Function} */
|
|
|
+ _this.layout_;
|
|
|
+ return _this;
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCDialog, [{
|
|
|
+ key: 'initialize',
|
|
|
+ value: function initialize() {
|
|
|
+ var focusTrapFactory = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : __WEBPACK_IMPORTED_MODULE_5_focus_trap___default.a;
|
|
|
+ var initialFocusEl = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
|
|
|
+
|
|
|
+ this.container_ = /** @type {!Element} */this.root_.querySelector(strings.CONTAINER_SELECTOR);
|
|
|
+ this.content_ = this.root_.querySelector(strings.CONTENT_SELECTOR);
|
|
|
+ this.buttons_ = [].slice.call(this.root_.querySelectorAll(strings.BUTTON_SELECTOR));
|
|
|
+ this.defaultButton_ = this.root_.querySelector(strings.DEFAULT_BUTTON_SELECTOR);
|
|
|
+ this.buttonRipples_ = [];
|
|
|
+ this.focusTrapFactory_ = focusTrapFactory;
|
|
|
+ this.initialFocusEl_ = initialFocusEl;
|
|
|
+
|
|
|
+ for (var i = 0, buttonEl; buttonEl = this.buttons_[i]; i++) {
|
|
|
+ this.buttonRipples_.push(new __WEBPACK_IMPORTED_MODULE_1__material_ripple_index__["MDCRipple"](buttonEl));
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'initialSyncWithDOM',
|
|
|
+ value: function initialSyncWithDOM() {
|
|
|
+ var _this2 = this;
|
|
|
+
|
|
|
+ this.focusTrap_ = __WEBPACK_IMPORTED_MODULE_3__util__["createFocusTrapInstance"](this.container_, this.focusTrapFactory_, this.initialFocusEl_);
|
|
|
+
|
|
|
+ this.handleInteraction_ = this.foundation_.handleInteraction.bind(this.foundation_);
|
|
|
+ this.handleDocumentKeydown_ = this.foundation_.handleDocumentKeydown.bind(this.foundation_);
|
|
|
+ this.layout_ = this.layout.bind(this);
|
|
|
+
|
|
|
+ var LAYOUT_EVENTS = ['resize', 'orientationchange'];
|
|
|
+ this.handleOpening_ = function () {
|
|
|
+ LAYOUT_EVENTS.forEach(function (type) {
|
|
|
+ return window.addEventListener(type, _this2.layout_);
|
|
|
+ });
|
|
|
+ document.addEventListener('keydown', _this2.handleDocumentKeydown_);
|
|
|
+ };
|
|
|
+ this.handleClosing_ = function () {
|
|
|
+ LAYOUT_EVENTS.forEach(function (type) {
|
|
|
+ return window.removeEventListener(type, _this2.layout_);
|
|
|
+ });
|
|
|
+ document.removeEventListener('keydown', _this2.handleDocumentKeydown_);
|
|
|
+ };
|
|
|
+
|
|
|
+ this.listen('click', this.handleInteraction_);
|
|
|
+ this.listen('keydown', this.handleInteraction_);
|
|
|
+ this.listen(strings.OPENING_EVENT, this.handleOpening_);
|
|
|
+ this.listen(strings.CLOSING_EVENT, this.handleClosing_);
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'destroy',
|
|
|
+ value: function destroy() {
|
|
|
+ this.unlisten('click', this.handleInteraction_);
|
|
|
+ this.unlisten('keydown', this.handleInteraction_);
|
|
|
+ this.unlisten(strings.OPENING_EVENT, this.handleOpening_);
|
|
|
+ this.unlisten(strings.CLOSING_EVENT, this.handleClosing_);
|
|
|
+ this.handleClosing_();
|
|
|
+
|
|
|
+ this.buttonRipples_.forEach(function (ripple) {
|
|
|
+ return ripple.destroy();
|
|
|
+ });
|
|
|
+ _get(MDCDialog.prototype.__proto__ || Object.getPrototypeOf(MDCDialog.prototype), 'destroy', this).call(this);
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'layout',
|
|
|
+ value: function layout() {
|
|
|
+ this.foundation_.layout();
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'open',
|
|
|
+ value: function open() {
|
|
|
+ this.foundation_.open();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {string=} action
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'close',
|
|
|
+ value: function close() {
|
|
|
+ var action = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
|
+
|
|
|
+ this.foundation_.close(action);
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'getDefaultFoundation',
|
|
|
+ value: function getDefaultFoundation() {
|
|
|
+ var _this3 = this;
|
|
|
+
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */]({
|
|
|
+ addClass: function addClass(className) {
|
|
|
+ return _this3.root_.classList.add(className);
|
|
|
+ },
|
|
|
+ removeClass: function removeClass(className) {
|
|
|
+ return _this3.root_.classList.remove(className);
|
|
|
+ },
|
|
|
+ hasClass: function hasClass(className) {
|
|
|
+ return _this3.root_.classList.contains(className);
|
|
|
+ },
|
|
|
+ addBodyClass: function addBodyClass(className) {
|
|
|
+ return document.body.classList.add(className);
|
|
|
+ },
|
|
|
+ removeBodyClass: function removeBodyClass(className) {
|
|
|
+ return document.body.classList.remove(className);
|
|
|
+ },
|
|
|
+ eventTargetMatches: function eventTargetMatches(target, selector) {
|
|
|
+ return Object(__WEBPACK_IMPORTED_MODULE_4__material_dom_ponyfill__["matches"])(target, selector);
|
|
|
+ },
|
|
|
+ trapFocus: function trapFocus() {
|
|
|
+ return _this3.focusTrap_.activate();
|
|
|
+ },
|
|
|
+ releaseFocus: function releaseFocus() {
|
|
|
+ return _this3.focusTrap_.deactivate();
|
|
|
+ },
|
|
|
+ isContentScrollable: function isContentScrollable() {
|
|
|
+ return !!_this3.content_ && __WEBPACK_IMPORTED_MODULE_3__util__["isScrollable"]( /** @type {!Element} */_this3.content_);
|
|
|
+ },
|
|
|
+ areButtonsStacked: function areButtonsStacked() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_3__util__["areTopsMisaligned"](_this3.buttons_);
|
|
|
+ },
|
|
|
+ getActionFromEvent: function getActionFromEvent(event) {
|
|
|
+ var element = Object(__WEBPACK_IMPORTED_MODULE_4__material_dom_ponyfill__["closest"])(event.target, '[' + strings.ACTION_ATTRIBUTE + ']');
|
|
|
+ return element && element.getAttribute(strings.ACTION_ATTRIBUTE);
|
|
|
+ },
|
|
|
+ clickDefaultButton: function clickDefaultButton() {
|
|
|
+ if (_this3.defaultButton_) {
|
|
|
+ _this3.defaultButton_.click();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ reverseButtons: function reverseButtons() {
|
|
|
+ _this3.buttons_.reverse();
|
|
|
+ _this3.buttons_.forEach(function (button) {
|
|
|
+ return button.parentElement.appendChild(button);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ notifyOpening: function notifyOpening() {
|
|
|
+ return _this3.emit(strings.OPENING_EVENT, {});
|
|
|
+ },
|
|
|
+ notifyOpened: function notifyOpened() {
|
|
|
+ return _this3.emit(strings.OPENED_EVENT, {});
|
|
|
+ },
|
|
|
+ notifyClosing: function notifyClosing(action) {
|
|
|
+ return _this3.emit(strings.CLOSING_EVENT, action ? { action: action } : {});
|
|
|
+ },
|
|
|
+ notifyClosed: function notifyClosed(action) {
|
|
|
+ return _this3.emit(strings.CLOSED_EVENT, action ? { action: action } : {});
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'isOpen',
|
|
|
+ get: function get() {
|
|
|
+ return this.foundation_.isOpen();
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'escapeKeyAction',
|
|
|
+ get: function get() {
|
|
|
+ return this.foundation_.getEscapeKeyAction();
|
|
|
+ },
|
|
|
+ set: function set(action) {
|
|
|
+ this.foundation_.setEscapeKeyAction(action);
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'scrimClickAction',
|
|
|
+ get: function get() {
|
|
|
+ return this.foundation_.getScrimClickAction();
|
|
|
+ },
|
|
|
+ set: function set(action) {
|
|
|
+ this.foundation_.setScrimClickAction(action);
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'autoStackButtons',
|
|
|
+ get: function get() {
|
|
|
+ return this.foundation_.getAutoStackButtons();
|
|
|
+ },
|
|
|
+ set: function set(autoStack) {
|
|
|
+ this.foundation_.setAutoStackButtons(autoStack);
|
|
|
+ }
|
|
|
+ }], [{
|
|
|
+ key: 'attachTo',
|
|
|
+ value: function attachTo(root) {
|
|
|
+ return new MDCDialog(root);
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCDialog;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_index__["MDCComponent"]);
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 76 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_index__ = __webpack_require__(3);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(77);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(78);
|
|
|
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
|
+
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2017 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+var MDCDialogFoundation = function (_MDCFoundation) {
|
|
|
+ _inherits(MDCDialogFoundation, _MDCFoundation);
|
|
|
+
|
|
|
+ _createClass(MDCDialogFoundation, null, [{
|
|
|
+ key: 'cssClasses',
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */];
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'strings',
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_2__constants__["c" /* strings */];
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'numbers',
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* numbers */];
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'defaultAdapter',
|
|
|
+ get: function get() {
|
|
|
+ return (/** @type {!MDCDialogAdapter} */{
|
|
|
+ addClass: function addClass() /* className: string */{},
|
|
|
+ removeClass: function removeClass() /* className: string */{},
|
|
|
+ hasClass: function hasClass() /* className: string */{},
|
|
|
+ addBodyClass: function addBodyClass() /* className: string */{},
|
|
|
+ removeBodyClass: function removeBodyClass() /* className: string */{},
|
|
|
+ eventTargetMatches: function eventTargetMatches() /* target: !EventTarget, selector: string */{},
|
|
|
+ trapFocus: function trapFocus() {},
|
|
|
+ releaseFocus: function releaseFocus() {},
|
|
|
+ isContentScrollable: function isContentScrollable() {},
|
|
|
+ areButtonsStacked: function areButtonsStacked() {},
|
|
|
+ getActionFromEvent: function getActionFromEvent() /* event: !Event */{},
|
|
|
+ clickDefaultButton: function clickDefaultButton() {},
|
|
|
+ reverseButtons: function reverseButtons() {},
|
|
|
+ notifyOpening: function notifyOpening() {},
|
|
|
+ notifyOpened: function notifyOpened() {},
|
|
|
+ notifyClosing: function notifyClosing() /* action: ?string */{},
|
|
|
+ notifyClosed: function notifyClosed() /* action: ?string */{}
|
|
|
+ }
|
|
|
+ );
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!MDCDialogAdapter=} adapter
|
|
|
+ */
|
|
|
+
|
|
|
+ }]);
|
|
|
+
|
|
|
+ function MDCDialogFoundation(adapter) {
|
|
|
+ _classCallCheck(this, MDCDialogFoundation);
|
|
|
+
|
|
|
+ /** @private {boolean} */
|
|
|
+ var _this = _possibleConstructorReturn(this, (MDCDialogFoundation.__proto__ || Object.getPrototypeOf(MDCDialogFoundation)).call(this, _extends(MDCDialogFoundation.defaultAdapter, adapter)));
|
|
|
+
|
|
|
+ _this.isOpen_ = false;
|
|
|
+
|
|
|
+ /** @private {number} */
|
|
|
+ _this.animationFrame_ = 0;
|
|
|
+
|
|
|
+ /** @private {number} */
|
|
|
+ _this.animationTimer_ = 0;
|
|
|
+
|
|
|
+ /** @private {number} */
|
|
|
+ _this.layoutFrame_ = 0;
|
|
|
+
|
|
|
+ /** @private {string} */
|
|
|
+ _this.escapeKeyAction_ = __WEBPACK_IMPORTED_MODULE_2__constants__["c" /* strings */].CLOSE_ACTION;
|
|
|
+
|
|
|
+ /** @private {string} */
|
|
|
+ _this.scrimClickAction_ = __WEBPACK_IMPORTED_MODULE_2__constants__["c" /* strings */].CLOSE_ACTION;
|
|
|
+
|
|
|
+ /** @private {boolean} */
|
|
|
+ _this.autoStackButtons_ = true;
|
|
|
+
|
|
|
+ /** @private {boolean} */
|
|
|
+ _this.areButtonsStacked_ = false;
|
|
|
+ return _this;
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCDialogFoundation, [{
|
|
|
+ key: 'init',
|
|
|
+ value: function init() {
|
|
|
+ if (this.adapter_.hasClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].STACKED)) {
|
|
|
+ this.setAutoStackButtons(false);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'destroy',
|
|
|
+ value: function destroy() {
|
|
|
+ if (this.isOpen_) {
|
|
|
+ this.close(__WEBPACK_IMPORTED_MODULE_2__constants__["c" /* strings */].DESTROY_ACTION);
|
|
|
+ }
|
|
|
+
|
|
|
+ if (this.animationFrame_) {
|
|
|
+ cancelAnimationFrame(this.animationFrame_);
|
|
|
+ }
|
|
|
+
|
|
|
+ if (this.animationTimer_) {
|
|
|
+ clearTimeout(this.animationTimer_);
|
|
|
+ this.handleAnimationTimerEnd_();
|
|
|
+ }
|
|
|
+
|
|
|
+ if (this.layoutFrame_) {
|
|
|
+ cancelAnimationFrame(this.layoutFrame_);
|
|
|
+ this.layoutFrame_ = 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'open',
|
|
|
+ value: function open() {
|
|
|
+ var _this2 = this;
|
|
|
+
|
|
|
+ this.isOpen_ = true;
|
|
|
+ this.adapter_.notifyOpening();
|
|
|
+ this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].OPENING);
|
|
|
+
|
|
|
+ // Wait a frame once display is no longer "none", to establish basis for animation
|
|
|
+ this.runNextAnimationFrame_(function () {
|
|
|
+ _this2.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].OPEN);
|
|
|
+ _this2.adapter_.addBodyClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].SCROLL_LOCK);
|
|
|
+
|
|
|
+ _this2.layout();
|
|
|
+
|
|
|
+ _this2.animationTimer_ = setTimeout(function () {
|
|
|
+ _this2.handleAnimationTimerEnd_();
|
|
|
+ _this2.adapter_.trapFocus();
|
|
|
+ _this2.adapter_.notifyOpened();
|
|
|
+ }, __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* numbers */].DIALOG_ANIMATION_OPEN_TIME_MS);
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {string=} action
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'close',
|
|
|
+ value: function close() {
|
|
|
+ var _this3 = this;
|
|
|
+
|
|
|
+ var action = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
|
+
|
|
|
+ if (!this.isOpen_) {
|
|
|
+ // Avoid redundant close calls (and events), e.g. from keydown on elements that inherently emit click
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ this.isOpen_ = false;
|
|
|
+ this.adapter_.notifyClosing(action);
|
|
|
+ this.adapter_.releaseFocus();
|
|
|
+ this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].CLOSING);
|
|
|
+ this.adapter_.removeClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].OPEN);
|
|
|
+ this.adapter_.removeBodyClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].SCROLL_LOCK);
|
|
|
+
|
|
|
+ clearTimeout(this.animationTimer_);
|
|
|
+ this.animationTimer_ = setTimeout(function () {
|
|
|
+ _this3.handleAnimationTimerEnd_();
|
|
|
+ _this3.adapter_.notifyClosed(action);
|
|
|
+ }, __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* numbers */].DIALOG_ANIMATION_CLOSE_TIME_MS);
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'isOpen',
|
|
|
+ value: function isOpen() {
|
|
|
+ return this.isOpen_;
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return {string} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getEscapeKeyAction',
|
|
|
+ value: function getEscapeKeyAction() {
|
|
|
+ return this.escapeKeyAction_;
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @param {string} action */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setEscapeKeyAction',
|
|
|
+ value: function setEscapeKeyAction(action) {
|
|
|
+ this.escapeKeyAction_ = action;
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return {string} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getScrimClickAction',
|
|
|
+ value: function getScrimClickAction() {
|
|
|
+ return this.scrimClickAction_;
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @param {string} action */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setScrimClickAction',
|
|
|
+ value: function setScrimClickAction(action) {
|
|
|
+ this.scrimClickAction_ = action;
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return {boolean} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getAutoStackButtons',
|
|
|
+ value: function getAutoStackButtons() {
|
|
|
+ return this.autoStackButtons_;
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @param {boolean} autoStack */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setAutoStackButtons',
|
|
|
+ value: function setAutoStackButtons(autoStack) {
|
|
|
+ this.autoStackButtons_ = autoStack;
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'layout',
|
|
|
+ value: function layout() {
|
|
|
+ var _this4 = this;
|
|
|
+
|
|
|
+ if (this.layoutFrame_) {
|
|
|
+ cancelAnimationFrame(this.layoutFrame_);
|
|
|
+ }
|
|
|
+ this.layoutFrame_ = requestAnimationFrame(function () {
|
|
|
+ _this4.layoutInternal_();
|
|
|
+ _this4.layoutFrame_ = 0;
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'layoutInternal_',
|
|
|
+ value: function layoutInternal_() {
|
|
|
+ if (this.autoStackButtons_) {
|
|
|
+ this.detectStackedButtons_();
|
|
|
+ }
|
|
|
+ this.detectScrollableContent_();
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @private */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'detectStackedButtons_',
|
|
|
+ value: function detectStackedButtons_() {
|
|
|
+ // Remove the class first to let us measure the buttons' natural positions.
|
|
|
+ this.adapter_.removeClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].STACKED);
|
|
|
+
|
|
|
+ var areButtonsStacked = this.adapter_.areButtonsStacked();
|
|
|
+
|
|
|
+ if (areButtonsStacked) {
|
|
|
+ this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].STACKED);
|
|
|
+ }
|
|
|
+
|
|
|
+ if (areButtonsStacked !== this.areButtonsStacked_) {
|
|
|
+ this.adapter_.reverseButtons();
|
|
|
+ this.areButtonsStacked_ = areButtonsStacked;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @private */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'detectScrollableContent_',
|
|
|
+ value: function detectScrollableContent_() {
|
|
|
+ // Remove the class first to let us measure the natural height of the content.
|
|
|
+ this.adapter_.removeClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].SCROLLABLE);
|
|
|
+ if (this.adapter_.isContentScrollable()) {
|
|
|
+ this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].SCROLLABLE);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!Event} evt
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'handleInteraction',
|
|
|
+ value: function handleInteraction(evt) {
|
|
|
+ var isClick = evt.type === 'click';
|
|
|
+ var isEnter = evt.key === 'Enter' || evt.keyCode === 13;
|
|
|
+
|
|
|
+ // Check for scrim click first since it doesn't require querying ancestors
|
|
|
+ if (isClick && this.adapter_.eventTargetMatches(evt.target, __WEBPACK_IMPORTED_MODULE_2__constants__["c" /* strings */].SCRIM_SELECTOR) && this.scrimClickAction_ !== '') {
|
|
|
+ this.close(this.scrimClickAction_);
|
|
|
+ } else if (isClick || evt.key === 'Space' || evt.keyCode === 32 || isEnter) {
|
|
|
+ var action = this.adapter_.getActionFromEvent(evt);
|
|
|
+ if (action) {
|
|
|
+ this.close(action);
|
|
|
+ } else if (isEnter && !this.adapter_.eventTargetMatches(evt.target, __WEBPACK_IMPORTED_MODULE_2__constants__["c" /* strings */].SUPPRESS_DEFAULT_PRESS_SELECTOR)) {
|
|
|
+ this.adapter_.clickDefaultButton();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!KeyboardEvent} evt
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'handleDocumentKeydown',
|
|
|
+ value: function handleDocumentKeydown(evt) {
|
|
|
+ if ((evt.key === 'Escape' || evt.keyCode === 27) && this.escapeKeyAction_ !== '') {
|
|
|
+ this.close(this.escapeKeyAction_);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @private */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'handleAnimationTimerEnd_',
|
|
|
+ value: function handleAnimationTimerEnd_() {
|
|
|
+ this.animationTimer_ = 0;
|
|
|
+ this.adapter_.removeClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].OPENING);
|
|
|
+ this.adapter_.removeClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].CLOSING);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Runs the given logic on the next animation frame, using setTimeout to factor in Firefox reflow behavior.
|
|
|
+ * @param {Function} callback
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'runNextAnimationFrame_',
|
|
|
+ value: function runNextAnimationFrame_(callback) {
|
|
|
+ var _this5 = this;
|
|
|
+
|
|
|
+ cancelAnimationFrame(this.animationFrame_);
|
|
|
+ this.animationFrame_ = requestAnimationFrame(function () {
|
|
|
+ _this5.animationFrame_ = 0;
|
|
|
+ clearTimeout(_this5.animationTimer_);
|
|
|
+ _this5.animationTimer_ = setTimeout(callback, 0);
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCDialogFoundation;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_index__["MDCFoundation"]);
|
|
|
+
|
|
|
+/* harmony default export */ __webpack_exports__["a"] = (MDCDialogFoundation);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 77 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+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"); } }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/* eslint no-unused-vars: [2, {"args": "none"}] */
|
|
|
+
|
|
|
+/**
|
|
|
+ * Adapter for MDC Dialog. Provides an interface for managing:
|
|
|
+ * - CSS classes
|
|
|
+ * - DOM
|
|
|
+ * - Event handlers
|
|
|
+ *
|
|
|
+ * Additionally, provides type information for the adapter to the Closure
|
|
|
+ * compiler.
|
|
|
+ *
|
|
|
+ * Implement this adapter for your framework of choice to delegate updates to
|
|
|
+ * the component in your framework of choice. See architecture documentation
|
|
|
+ * for more details.
|
|
|
+ * https://github.com/material-components/material-components-web/blob/master/docs/code/architecture.md
|
|
|
+ *
|
|
|
+ * @record
|
|
|
+ */
|
|
|
+var MDCDialogAdapter = function () {
|
|
|
+ function MDCDialogAdapter() {
|
|
|
+ _classCallCheck(this, MDCDialogAdapter);
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCDialogAdapter, [{
|
|
|
+ key: "addClass",
|
|
|
+
|
|
|
+ /** @param {string} className */
|
|
|
+ value: function addClass(className) {}
|
|
|
+
|
|
|
+ /** @param {string} className */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "removeClass",
|
|
|
+ value: function removeClass(className) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {string} className
|
|
|
+ * @return {boolean}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "hasClass",
|
|
|
+ value: function hasClass(className) {}
|
|
|
+
|
|
|
+ /** @param {string} className */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "addBodyClass",
|
|
|
+ value: function addBodyClass(className) {}
|
|
|
+
|
|
|
+ /** @param {string} className */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "removeBodyClass",
|
|
|
+ value: function removeBodyClass(className) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!EventTarget} target
|
|
|
+ * @param {string} selector
|
|
|
+ * @return {boolean}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "eventTargetMatches",
|
|
|
+ value: function eventTargetMatches(target, selector) {}
|
|
|
+ }, {
|
|
|
+ key: "trapFocus",
|
|
|
+ value: function trapFocus() {}
|
|
|
+ }, {
|
|
|
+ key: "releaseFocus",
|
|
|
+ value: function releaseFocus() {}
|
|
|
+
|
|
|
+ /** @return {boolean} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "isContentScrollable",
|
|
|
+ value: function isContentScrollable() {}
|
|
|
+
|
|
|
+ /** @return {boolean} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "areButtonsStacked",
|
|
|
+ value: function areButtonsStacked() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!Event} event
|
|
|
+ * @return {?string}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "getActionFromEvent",
|
|
|
+ value: function getActionFromEvent(event) {}
|
|
|
+ }, {
|
|
|
+ key: "clickDefaultButton",
|
|
|
+ value: function clickDefaultButton() {}
|
|
|
+ }, {
|
|
|
+ key: "reverseButtons",
|
|
|
+ value: function reverseButtons() {}
|
|
|
+ }, {
|
|
|
+ key: "notifyOpening",
|
|
|
+ value: function notifyOpening() {}
|
|
|
+ }, {
|
|
|
+ key: "notifyOpened",
|
|
|
+ value: function notifyOpened() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {string} action
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "notifyClosing",
|
|
|
+ value: function notifyClosing(action) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {string} action
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "notifyClosed",
|
|
|
+ value: function notifyClosed(action) {}
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCDialogAdapter;
|
|
|
+}();
|
|
|
+
|
|
|
+/* unused harmony default export */ var _unused_webpack_default_export = (MDCDialogAdapter);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 78 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return cssClasses; });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return strings; });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return numbers; });
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2016 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+var cssClasses = {
|
|
|
+ OPEN: 'mdc-dialog--open',
|
|
|
+ OPENING: 'mdc-dialog--opening',
|
|
|
+ CLOSING: 'mdc-dialog--closing',
|
|
|
+ SCROLLABLE: 'mdc-dialog--scrollable',
|
|
|
+ STACKED: 'mdc-dialog--stacked',
|
|
|
+ SCROLL_LOCK: 'mdc-dialog-scroll-lock'
|
|
|
+};
|
|
|
+
|
|
|
+var strings = {
|
|
|
+ SCRIM_SELECTOR: '.mdc-dialog__scrim',
|
|
|
+ CONTAINER_SELECTOR: '.mdc-dialog__container',
|
|
|
+ SURFACE_SELECTOR: '.mdc-dialog__surface',
|
|
|
+ CONTENT_SELECTOR: '.mdc-dialog__content',
|
|
|
+ BUTTON_SELECTOR: '.mdc-dialog__button',
|
|
|
+ DEFAULT_BUTTON_SELECTOR: '.mdc-dialog__button--default',
|
|
|
+ SUPPRESS_DEFAULT_PRESS_SELECTOR: ['textarea', '.mdc-menu .mdc-list-item'].join(', '),
|
|
|
+
|
|
|
+ OPENING_EVENT: 'MDCDialog:opening',
|
|
|
+ OPENED_EVENT: 'MDCDialog:opened',
|
|
|
+ CLOSING_EVENT: 'MDCDialog:closing',
|
|
|
+ CLOSED_EVENT: 'MDCDialog:closed',
|
|
|
+
|
|
|
+ ACTION_ATTRIBUTE: 'data-mdc-dialog-action',
|
|
|
+
|
|
|
+ CLOSE_ACTION: 'close',
|
|
|
+ DESTROY_ACTION: 'destroy'
|
|
|
+};
|
|
|
+
|
|
|
+var numbers = {
|
|
|
+ DIALOG_ANIMATION_OPEN_TIME_MS: 150,
|
|
|
+ DIALOG_ANIMATION_CLOSE_TIME_MS: 75
|
|
|
+};
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 79 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "createFocusTrapInstance", function() { return createFocusTrapInstance; });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isScrollable", function() { return isScrollable; });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "areTopsMisaligned", function() { return areTopsMisaligned; });
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_focus_trap__ = __webpack_require__(35);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_focus_trap___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_focus_trap__);
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2016 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/**
|
|
|
+ * @param {!Element} surfaceEl
|
|
|
+ * @param {?Element=} initialFocusEl
|
|
|
+ * @param {function(!Element, !FocusTrapCreateOptions): !FocusTrapInstance} focusTrapFactory
|
|
|
+ * @return {!FocusTrapInstance}
|
|
|
+ */
|
|
|
+function createFocusTrapInstance(surfaceEl) {
|
|
|
+ var focusTrapFactory = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : __WEBPACK_IMPORTED_MODULE_0_focus_trap___default.a;
|
|
|
+ var initialFocusEl = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
|
|
|
+
|
|
|
+ return focusTrapFactory(surfaceEl, {
|
|
|
+ initialFocus: initialFocusEl,
|
|
|
+ escapeDeactivates: false, // Dialog foundation handles escape key
|
|
|
+ clickOutsideDeactivates: true });
|
|
|
+}
|
|
|
+
|
|
|
+/**
|
|
|
+ * @param {!Element} el
|
|
|
+ * @return {boolean}
|
|
|
+ */
|
|
|
+function isScrollable(el) {
|
|
|
+ return el.scrollHeight > el.offsetHeight;
|
|
|
+}
|
|
|
+
|
|
|
+/**
|
|
|
+ * @param {!Array<!Element>|!NodeList} els
|
|
|
+ * @return {boolean}
|
|
|
+ */
|
|
|
+function areTopsMisaligned(els) {
|
|
|
+ var tops = new Set();
|
|
|
+ [].forEach.call(els, function (el) {
|
|
|
+ return tops.add(el.offsetTop);
|
|
|
+ });
|
|
|
+ return tops.size > 1;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 80 */
|
|
|
+/***/ (function(module, exports) {
|
|
|
+
|
|
|
+module.exports = function(el) {
|
|
|
+ var basicTabbables = [];
|
|
|
+ var orderedTabbables = [];
|
|
|
+
|
|
|
+ // A node is "available" if
|
|
|
+ // - it's computed style
|
|
|
+ var isUnavailable = createIsUnavailable();
|
|
|
+
|
|
|
+ var candidateSelectors = [
|
|
|
+ 'input',
|
|
|
+ 'select',
|
|
|
+ 'a[href]',
|
|
|
+ 'textarea',
|
|
|
+ 'button',
|
|
|
+ '[tabindex]',
|
|
|
+ ];
|
|
|
+
|
|
|
+ var candidates = el.querySelectorAll(candidateSelectors);
|
|
|
+
|
|
|
+ var candidate, candidateIndex;
|
|
|
+ for (var i = 0, l = candidates.length; i < l; i++) {
|
|
|
+ candidate = candidates[i];
|
|
|
+ candidateIndex = parseInt(candidate.getAttribute('tabindex'), 10) || candidate.tabIndex;
|
|
|
+
|
|
|
+ if (
|
|
|
+ candidateIndex < 0
|
|
|
+ || (candidate.tagName === 'INPUT' && candidate.type === 'hidden')
|
|
|
+ || candidate.disabled
|
|
|
+ || isUnavailable(candidate)
|
|
|
+ ) {
|
|
|
+ continue;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (candidateIndex === 0) {
|
|
|
+ basicTabbables.push(candidate);
|
|
|
+ } else {
|
|
|
+ orderedTabbables.push({
|
|
|
+ tabIndex: candidateIndex,
|
|
|
+ node: candidate,
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ var tabbableNodes = orderedTabbables
|
|
|
+ .sort(function(a, b) {
|
|
|
+ return a.tabIndex - b.tabIndex;
|
|
|
+ })
|
|
|
+ .map(function(a) {
|
|
|
+ return a.node
|
|
|
+ });
|
|
|
+
|
|
|
+ Array.prototype.push.apply(tabbableNodes, basicTabbables);
|
|
|
+
|
|
|
+ return tabbableNodes;
|
|
|
+}
|
|
|
+
|
|
|
+function createIsUnavailable() {
|
|
|
+ // Node cache must be refreshed on every check, in case
|
|
|
+ // the content of the element has changed
|
|
|
+ var isOffCache = [];
|
|
|
+
|
|
|
+ // "off" means `display: none;`, as opposed to "hidden",
|
|
|
+ // which means `visibility: hidden;`. getComputedStyle
|
|
|
+ // accurately reflects visiblity in context but not
|
|
|
+ // "off" state, so we need to recursively check parents.
|
|
|
+
|
|
|
+ function isOff(node, nodeComputedStyle) {
|
|
|
+ if (node === document.documentElement) return false;
|
|
|
+
|
|
|
+ // Find the cached node (Array.prototype.find not available in IE9)
|
|
|
+ for (var i = 0, length = isOffCache.length; i < length; i++) {
|
|
|
+ if (isOffCache[i][0] === node) return isOffCache[i][1];
|
|
|
+ }
|
|
|
+
|
|
|
+ nodeComputedStyle = nodeComputedStyle || window.getComputedStyle(node);
|
|
|
+
|
|
|
+ var result = false;
|
|
|
+
|
|
|
+ if (nodeComputedStyle.display === 'none') {
|
|
|
+ result = true;
|
|
|
+ } else if (node.parentNode) {
|
|
|
+ result = isOff(node.parentNode);
|
|
|
+ }
|
|
|
+
|
|
|
+ isOffCache.push([node, result]);
|
|
|
+
|
|
|
+ return result;
|
|
|
+ }
|
|
|
+
|
|
|
+ return function isUnavailable(node) {
|
|
|
+ if (node === document.documentElement) return false;
|
|
|
+
|
|
|
+ var computedStyle = window.getComputedStyle(node);
|
|
|
+
|
|
|
+ if (isOff(node, computedStyle)) return true;
|
|
|
+
|
|
|
+ return computedStyle.visibility === 'hidden';
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 81 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__ponyfill__ = __webpack_require__(13);
|
|
|
+/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "ponyfill", function() { return __WEBPACK_IMPORTED_MODULE_0__ponyfill__; });
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 82 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCDrawer", function() { return MDCDrawer; });
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_index__ = __webpack_require__(3);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__dismissible_foundation__ = __webpack_require__(36);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__modal_foundation__ = __webpack_require__(83);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__adapter__ = __webpack_require__(14);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__material_list_index__ = __webpack_require__(15);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__material_list_foundation__ = __webpack_require__(16);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__constants__ = __webpack_require__(37);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__util__ = __webpack_require__(84);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_focus_trap__ = __webpack_require__(40);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_focus_trap___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_8_focus_trap__);
|
|
|
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCDismissibleDrawerFoundation", function() { return __WEBPACK_IMPORTED_MODULE_1__dismissible_foundation__["a"]; });
|
|
|
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCModalDrawerFoundation", function() { return __WEBPACK_IMPORTED_MODULE_2__modal_foundation__["a"]; });
|
|
|
+/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "util", function() { return __WEBPACK_IMPORTED_MODULE_7__util__; });
|
|
|
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
|
+
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2016 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends {MDCComponent<!MDCDismissibleDrawerFoundation>}
|
|
|
+ * @final
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCDrawer = function (_MDCComponent) {
|
|
|
+ _inherits(MDCDrawer, _MDCComponent);
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {...?} args
|
|
|
+ */
|
|
|
+ function MDCDrawer() {
|
|
|
+ var _ref;
|
|
|
+
|
|
|
+ _classCallCheck(this, MDCDrawer);
|
|
|
+
|
|
|
+ for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
|
|
+ args[_key] = arguments[_key];
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @private {!Element} */
|
|
|
+ var _this = _possibleConstructorReturn(this, (_ref = MDCDrawer.__proto__ || Object.getPrototypeOf(MDCDrawer)).call.apply(_ref, [this].concat(args)));
|
|
|
+
|
|
|
+ _this.previousFocus_;
|
|
|
+
|
|
|
+ /** @private {!Function} */
|
|
|
+ _this.handleKeydown_;
|
|
|
+
|
|
|
+ /** @private {!Function} */
|
|
|
+ _this.handleTransitionEnd_;
|
|
|
+
|
|
|
+ /** @private {!Function} */
|
|
|
+ _this.focusTrapFactory_;
|
|
|
+
|
|
|
+ /** @private {!FocusTrapInstance} */
|
|
|
+ _this.focusTrap_;
|
|
|
+
|
|
|
+ /** @private {?Element} */
|
|
|
+ _this.scrim_;
|
|
|
+
|
|
|
+ /** @private {?Function} */
|
|
|
+ _this.handleScrimClick_;
|
|
|
+
|
|
|
+ /** @private {?MDCList} */
|
|
|
+ _this.list_;
|
|
|
+ return _this;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!Element} root
|
|
|
+ * @return {!MDCDrawer}
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+ _createClass(MDCDrawer, [{
|
|
|
+ key: 'initialize',
|
|
|
+ value: function initialize() {
|
|
|
+ var focusTrapFactory = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : __WEBPACK_IMPORTED_MODULE_8_focus_trap___default.a;
|
|
|
+ var listFactory = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function (el) {
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_4__material_list_index__["MDCList"](el);
|
|
|
+ };
|
|
|
+
|
|
|
+ var listEl = /** @type {!Element} */this.root_.querySelector('.' + __WEBPACK_IMPORTED_MODULE_5__material_list_foundation__["a" /* default */].cssClasses.ROOT);
|
|
|
+ if (listEl) {
|
|
|
+ this.list_ = listFactory(listEl);
|
|
|
+ this.list_.wrapFocus = true;
|
|
|
+ }
|
|
|
+ this.focusTrapFactory_ = focusTrapFactory;
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'initialSyncWithDOM',
|
|
|
+ value: function initialSyncWithDOM() {
|
|
|
+ var _this2 = this;
|
|
|
+
|
|
|
+ var MODAL = __WEBPACK_IMPORTED_MODULE_1__dismissible_foundation__["a" /* default */].cssClasses.MODAL;
|
|
|
+
|
|
|
+
|
|
|
+ if (this.root_.classList.contains(MODAL)) {
|
|
|
+ var SCRIM_SELECTOR = __WEBPACK_IMPORTED_MODULE_1__dismissible_foundation__["a" /* default */].strings.SCRIM_SELECTOR;
|
|
|
+
|
|
|
+ this.scrim_ = /** @type {!Element} */this.root_.parentElement.querySelector(SCRIM_SELECTOR);
|
|
|
+ this.handleScrimClick_ = function () {
|
|
|
+ return (/** @type {!MDCModalDrawerFoundation} */_this2.foundation_.handleScrimClick()
|
|
|
+ );
|
|
|
+ };
|
|
|
+ this.scrim_.addEventListener('click', this.handleScrimClick_);
|
|
|
+ this.focusTrap_ = __WEBPACK_IMPORTED_MODULE_7__util__["createFocusTrapInstance"](this.root_, this.focusTrapFactory_);
|
|
|
+ }
|
|
|
+
|
|
|
+ this.handleKeydown_ = function (evt) {
|
|
|
+ return _this2.foundation_.handleKeydown(evt);
|
|
|
+ };
|
|
|
+ this.handleTransitionEnd_ = function (evt) {
|
|
|
+ return _this2.foundation_.handleTransitionEnd(evt);
|
|
|
+ };
|
|
|
+
|
|
|
+ this.root_.addEventListener('keydown', this.handleKeydown_);
|
|
|
+ this.root_.addEventListener('transitionend', this.handleTransitionEnd_);
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'destroy',
|
|
|
+ value: function destroy() {
|
|
|
+ this.root_.removeEventListener('keydown', this.handleKeydown_);
|
|
|
+ this.root_.removeEventListener('transitionend', this.handleTransitionEnd_);
|
|
|
+
|
|
|
+ if (this.list_) {
|
|
|
+ this.list_.destroy();
|
|
|
+ }
|
|
|
+
|
|
|
+ var MODAL = __WEBPACK_IMPORTED_MODULE_1__dismissible_foundation__["a" /* default */].cssClasses.MODAL;
|
|
|
+
|
|
|
+ if (this.root_.classList.contains(MODAL)) {
|
|
|
+ this.scrim_.removeEventListener('click', /** @type {!Function} */this.handleScrimClick_);
|
|
|
+ // Ensure drawer is closed to hide scrim and release focus
|
|
|
+ this.open = false;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'getDefaultFoundation',
|
|
|
+ value: function getDefaultFoundation() {
|
|
|
+ var _this3 = this;
|
|
|
+
|
|
|
+ /** @type {!MDCDrawerAdapter} */
|
|
|
+ var adapter = /** @type {!MDCDrawerAdapter} */_extends({
|
|
|
+ addClass: function addClass(className) {
|
|
|
+ return _this3.root_.classList.add(className);
|
|
|
+ },
|
|
|
+ removeClass: function removeClass(className) {
|
|
|
+ return _this3.root_.classList.remove(className);
|
|
|
+ },
|
|
|
+ hasClass: function hasClass(className) {
|
|
|
+ return _this3.root_.classList.contains(className);
|
|
|
+ },
|
|
|
+ elementHasClass: function elementHasClass(element, className) {
|
|
|
+ return element.classList.contains(className);
|
|
|
+ },
|
|
|
+ saveFocus: function saveFocus() {
|
|
|
+ _this3.previousFocus_ = document.activeElement;
|
|
|
+ },
|
|
|
+ restoreFocus: function restoreFocus() {
|
|
|
+ var previousFocus = _this3.previousFocus_ && _this3.previousFocus_.focus;
|
|
|
+ if (_this3.root_.contains(document.activeElement) && previousFocus) {
|
|
|
+ _this3.previousFocus_.focus();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ focusActiveNavigationItem: function focusActiveNavigationItem() {
|
|
|
+ var activeNavItemEl = _this3.root_.querySelector('.' + __WEBPACK_IMPORTED_MODULE_5__material_list_foundation__["a" /* default */].cssClasses.LIST_ITEM_ACTIVATED_CLASS);
|
|
|
+ if (activeNavItemEl) {
|
|
|
+ activeNavItemEl.focus();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ notifyClose: function notifyClose() {
|
|
|
+ return _this3.emit(__WEBPACK_IMPORTED_MODULE_6__constants__["b" /* strings */].CLOSE_EVENT, {}, true /* shouldBubble */);
|
|
|
+ },
|
|
|
+ notifyOpen: function notifyOpen() {
|
|
|
+ return _this3.emit(__WEBPACK_IMPORTED_MODULE_6__constants__["b" /* strings */].OPEN_EVENT, {}, true /* shouldBubble */);
|
|
|
+ },
|
|
|
+ trapFocus: function trapFocus() {
|
|
|
+ return _this3.focusTrap_.activate();
|
|
|
+ },
|
|
|
+ releaseFocus: function releaseFocus() {
|
|
|
+ return _this3.focusTrap_.deactivate();
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ var _MDCDismissibleDrawer = __WEBPACK_IMPORTED_MODULE_1__dismissible_foundation__["a" /* default */].cssClasses,
|
|
|
+ DISMISSIBLE = _MDCDismissibleDrawer.DISMISSIBLE,
|
|
|
+ MODAL = _MDCDismissibleDrawer.MODAL;
|
|
|
+
|
|
|
+ if (this.root_.classList.contains(DISMISSIBLE)) {
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_1__dismissible_foundation__["a" /* default */](adapter);
|
|
|
+ } else if (this.root_.classList.contains(MODAL)) {
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_2__modal_foundation__["a" /* default */](adapter);
|
|
|
+ } else {
|
|
|
+ throw new Error('MDCDrawer: Failed to instantiate component. Supported variants are ' + DISMISSIBLE + ' and ' + MODAL + '.');
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'open',
|
|
|
+
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns true if drawer is in the open position.
|
|
|
+ * @return {boolean}
|
|
|
+ */
|
|
|
+ get: function get() {
|
|
|
+ return this.foundation_.isOpen();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Toggles the drawer open and closed.
|
|
|
+ * @param {boolean} isOpen
|
|
|
+ */
|
|
|
+ ,
|
|
|
+ set: function set(isOpen) {
|
|
|
+ if (isOpen) {
|
|
|
+ this.foundation_.open();
|
|
|
+ } else {
|
|
|
+ this.foundation_.close();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }], [{
|
|
|
+ key: 'attachTo',
|
|
|
+ value: function attachTo(root) {
|
|
|
+ return new MDCDrawer(root);
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCDrawer;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_index__["MDCComponent"]);
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 83 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__adapter__ = __webpack_require__(14);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__dismissible_foundation__ = __webpack_require__(36);
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends {MDCDismissibleDrawerFoundation}
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCModalDrawerFoundation = function (_MDCDismissibleDrawer) {
|
|
|
+ _inherits(MDCModalDrawerFoundation, _MDCDismissibleDrawer);
|
|
|
+
|
|
|
+ function MDCModalDrawerFoundation() {
|
|
|
+ _classCallCheck(this, MDCModalDrawerFoundation);
|
|
|
+
|
|
|
+ return _possibleConstructorReturn(this, (MDCModalDrawerFoundation.__proto__ || Object.getPrototypeOf(MDCModalDrawerFoundation)).apply(this, arguments));
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCModalDrawerFoundation, [{
|
|
|
+ key: 'opened',
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Called when drawer finishes open animation.
|
|
|
+ * @override
|
|
|
+ */
|
|
|
+ value: function opened() {
|
|
|
+ this.adapter_.trapFocus();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Called when drawer finishes close animation.
|
|
|
+ * @override
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'closed',
|
|
|
+ value: function closed() {
|
|
|
+ this.adapter_.releaseFocus();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Handles click event on scrim.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'handleScrimClick',
|
|
|
+ value: function handleScrimClick() {
|
|
|
+ this.close();
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCModalDrawerFoundation;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_1__dismissible_foundation__["a" /* default */]);
|
|
|
+
|
|
|
+/* harmony default export */ __webpack_exports__["a"] = (MDCModalDrawerFoundation);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 84 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "createFocusTrapInstance", function() { return createFocusTrapInstance; });
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_focus_trap__ = __webpack_require__(40);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_focus_trap___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_focus_trap__);
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2016 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/**
|
|
|
+ * @param {!Element} surfaceEl
|
|
|
+ * @param {!Function} focusTrapFactory
|
|
|
+ * @return {!FocusTrapInstance}
|
|
|
+ */
|
|
|
+function createFocusTrapInstance(surfaceEl) {
|
|
|
+ var focusTrapFactory = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : __WEBPACK_IMPORTED_MODULE_0_focus_trap___default.a;
|
|
|
+
|
|
|
+ return focusTrapFactory(surfaceEl, {
|
|
|
+ clickOutsideDeactivates: true,
|
|
|
+ initialFocus: false, // Navigation drawer handles focusing on active nav item.
|
|
|
+ escapeDeactivates: false, // Navigation drawer handles ESC.
|
|
|
+ returnFocusOnDeactivate: false });
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 85 */
|
|
|
+/***/ (function(module, exports) {
|
|
|
+
|
|
|
+var candidateSelectors = [
|
|
|
+ 'input',
|
|
|
+ 'select',
|
|
|
+ 'textarea',
|
|
|
+ 'a[href]',
|
|
|
+ 'button',
|
|
|
+ '[tabindex]',
|
|
|
+ 'audio[controls]',
|
|
|
+ 'video[controls]',
|
|
|
+ '[contenteditable]:not([contenteditable="false"])',
|
|
|
+];
|
|
|
+var candidateSelector = candidateSelectors.join(',');
|
|
|
+
|
|
|
+var matches = Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector;
|
|
|
+
|
|
|
+function tabbable(el, options) {
|
|
|
+ options = options || {};
|
|
|
+
|
|
|
+ var elementDocument = el.ownerDocument || el;
|
|
|
+ var regularTabbables = [];
|
|
|
+ var orderedTabbables = [];
|
|
|
+
|
|
|
+ var untouchabilityChecker = new UntouchabilityChecker(elementDocument);
|
|
|
+ var candidates = el.querySelectorAll(candidateSelector);
|
|
|
+
|
|
|
+ if (options.includeContainer) {
|
|
|
+ if (matches.call(el, candidateSelector)) {
|
|
|
+ candidates = Array.prototype.slice.apply(candidates);
|
|
|
+ candidates.unshift(el);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ var i, candidate, candidateTabindex;
|
|
|
+ for (i = 0; i < candidates.length; i++) {
|
|
|
+ candidate = candidates[i];
|
|
|
+
|
|
|
+ if (!isNodeMatchingSelectorTabbable(candidate, untouchabilityChecker)) continue;
|
|
|
+
|
|
|
+ candidateTabindex = getTabindex(candidate);
|
|
|
+ if (candidateTabindex === 0) {
|
|
|
+ regularTabbables.push(candidate);
|
|
|
+ } else {
|
|
|
+ orderedTabbables.push({
|
|
|
+ documentOrder: i,
|
|
|
+ tabIndex: candidateTabindex,
|
|
|
+ node: candidate,
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ var tabbableNodes = orderedTabbables
|
|
|
+ .sort(sortOrderedTabbables)
|
|
|
+ .map(function(a) { return a.node })
|
|
|
+ .concat(regularTabbables);
|
|
|
+
|
|
|
+ return tabbableNodes;
|
|
|
+}
|
|
|
+
|
|
|
+tabbable.isTabbable = isTabbable;
|
|
|
+tabbable.isFocusable = isFocusable;
|
|
|
+
|
|
|
+function isNodeMatchingSelectorTabbable(node, untouchabilityChecker) {
|
|
|
+ if (
|
|
|
+ !isNodeMatchingSelectorFocusable(node, untouchabilityChecker)
|
|
|
+ || isNonTabbableRadio(node)
|
|
|
+ || getTabindex(node) < 0
|
|
|
+ ) {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ return true;
|
|
|
+}
|
|
|
+
|
|
|
+function isTabbable(node, untouchabilityChecker) {
|
|
|
+ if (!node) throw new Error('No node provided');
|
|
|
+ if (matches.call(node, candidateSelector) === false) return false;
|
|
|
+ return isNodeMatchingSelectorTabbable(node, untouchabilityChecker);
|
|
|
+}
|
|
|
+
|
|
|
+function isNodeMatchingSelectorFocusable(node, untouchabilityChecker) {
|
|
|
+ untouchabilityChecker = untouchabilityChecker || new UntouchabilityChecker(node.ownerDocument || node);
|
|
|
+ if (
|
|
|
+ node.disabled
|
|
|
+ || isHiddenInput(node)
|
|
|
+ || untouchabilityChecker.isUntouchable(node)
|
|
|
+ ) {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ return true;
|
|
|
+}
|
|
|
+
|
|
|
+var focusableCandidateSelector = candidateSelectors.concat('iframe').join(',');
|
|
|
+function isFocusable(node, untouchabilityChecker) {
|
|
|
+ if (!node) throw new Error('No node provided');
|
|
|
+ if (matches.call(node, focusableCandidateSelector) === false) return false;
|
|
|
+ return isNodeMatchingSelectorFocusable(node, untouchabilityChecker);
|
|
|
+}
|
|
|
+
|
|
|
+function getTabindex(node) {
|
|
|
+ var tabindexAttr = parseInt(node.getAttribute('tabindex'), 10);
|
|
|
+ if (!isNaN(tabindexAttr)) return tabindexAttr;
|
|
|
+ // Browsers do not return `tabIndex` correctly for contentEditable nodes;
|
|
|
+ // so if they don't have a tabindex attribute specifically set, assume it's 0.
|
|
|
+ if (isContentEditable(node)) return 0;
|
|
|
+ return node.tabIndex;
|
|
|
+}
|
|
|
+
|
|
|
+function sortOrderedTabbables(a, b) {
|
|
|
+ return a.tabIndex === b.tabIndex ? a.documentOrder - b.documentOrder : a.tabIndex - b.tabIndex;
|
|
|
+}
|
|
|
+
|
|
|
+// Array.prototype.find not available in IE.
|
|
|
+function find(list, predicate) {
|
|
|
+ for (var i = 0, length = list.length; i < length; i++) {
|
|
|
+ if (predicate(list[i])) return list[i];
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+function isContentEditable(node) {
|
|
|
+ return node.contentEditable === 'true';
|
|
|
+}
|
|
|
+
|
|
|
+function isInput(node) {
|
|
|
+ return node.tagName === 'INPUT';
|
|
|
+}
|
|
|
+
|
|
|
+function isHiddenInput(node) {
|
|
|
+ return isInput(node) && node.type === 'hidden';
|
|
|
+}
|
|
|
+
|
|
|
+function isRadio(node) {
|
|
|
+ return isInput(node) && node.type === 'radio';
|
|
|
+}
|
|
|
+
|
|
|
+function isNonTabbableRadio(node) {
|
|
|
+ return isRadio(node) && !isTabbableRadio(node);
|
|
|
+}
|
|
|
+
|
|
|
+function getCheckedRadio(nodes) {
|
|
|
+ for (var i = 0; i < nodes.length; i++) {
|
|
|
+ if (nodes[i].checked) {
|
|
|
+ return nodes[i];
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+function isTabbableRadio(node) {
|
|
|
+ if (!node.name) return true;
|
|
|
+ // This won't account for the edge case where you have radio groups with the same
|
|
|
+ // in separate forms on the same page.
|
|
|
+ var radioSet = node.ownerDocument.querySelectorAll('input[type="radio"][name="' + node.name + '"]');
|
|
|
+ var checked = getCheckedRadio(radioSet);
|
|
|
+ return !checked || checked === node;
|
|
|
+}
|
|
|
+
|
|
|
+// An element is "untouchable" if *it or one of its ancestors* has
|
|
|
+// `visibility: hidden` or `display: none`.
|
|
|
+function UntouchabilityChecker(elementDocument) {
|
|
|
+ this.doc = elementDocument;
|
|
|
+ // Node cache must be refreshed on every check, in case
|
|
|
+ // the content of the element has changed. The cache contains tuples
|
|
|
+ // mapping nodes to their boolean result.
|
|
|
+ this.cache = [];
|
|
|
+}
|
|
|
+
|
|
|
+// getComputedStyle accurately reflects `visibility: hidden` of ancestors
|
|
|
+// but not `display: none`, so we need to recursively check parents.
|
|
|
+UntouchabilityChecker.prototype.hasDisplayNone = function hasDisplayNone(node, nodeComputedStyle) {
|
|
|
+ if (node === this.doc.documentElement) return false;
|
|
|
+
|
|
|
+ // Search for a cached result.
|
|
|
+ var cached = find(this.cache, function(item) {
|
|
|
+ return item === node;
|
|
|
+ });
|
|
|
+ if (cached) return cached[1];
|
|
|
+
|
|
|
+ nodeComputedStyle = nodeComputedStyle || this.doc.defaultView.getComputedStyle(node);
|
|
|
+
|
|
|
+ var result = false;
|
|
|
+
|
|
|
+ if (nodeComputedStyle.display === 'none') {
|
|
|
+ result = true;
|
|
|
+ } else if (node.parentNode) {
|
|
|
+ result = this.hasDisplayNone(node.parentNode);
|
|
|
+ }
|
|
|
+
|
|
|
+ this.cache.push([node, result]);
|
|
|
+
|
|
|
+ return result;
|
|
|
+}
|
|
|
+
|
|
|
+UntouchabilityChecker.prototype.isUntouchable = function isUntouchable(node) {
|
|
|
+ if (node === this.doc.documentElement) return false;
|
|
|
+ var computedStyle = this.doc.defaultView.getComputedStyle(node);
|
|
|
+ if (this.hasDisplayNone(node, computedStyle)) return true;
|
|
|
+ return computedStyle.visibility === 'hidden';
|
|
|
+}
|
|
|
+
|
|
|
+module.exports = tabbable;
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 86 */
|
|
|
+/***/ (function(module, exports) {
|
|
|
+
|
|
|
+module.exports = extend
|
|
|
+
|
|
|
+var hasOwnProperty = Object.prototype.hasOwnProperty;
|
|
|
+
|
|
|
+function extend() {
|
|
|
+ var target = {}
|
|
|
+
|
|
|
+ for (var i = 0; i < arguments.length; i++) {
|
|
|
+ var source = arguments[i]
|
|
|
+
|
|
|
+ for (var key in source) {
|
|
|
+ if (hasOwnProperty.call(source, key)) {
|
|
|
+ target[key] = source[key]
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ return target
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 87 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_foundation__ = __webpack_require__(0);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(41);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(88);
|
|
|
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
|
+
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2016 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends {MDCFoundation<!MDCFloatingLabelAdapter>}
|
|
|
+ * @final
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCFloatingLabelFoundation = function (_MDCFoundation) {
|
|
|
+ _inherits(MDCFloatingLabelFoundation, _MDCFoundation);
|
|
|
+
|
|
|
+ _createClass(MDCFloatingLabelFoundation, null, [{
|
|
|
+ key: 'cssClasses',
|
|
|
+
|
|
|
+ /** @return enum {string} */
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */];
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * {@see MDCFloatingLabelAdapter} for typing information on parameters and return
|
|
|
+ * types.
|
|
|
+ * @return {!MDCFloatingLabelAdapter}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'defaultAdapter',
|
|
|
+ get: function get() {
|
|
|
+ return (/** @type {!MDCFloatingLabelAdapter} */{
|
|
|
+ addClass: function addClass() {},
|
|
|
+ removeClass: function removeClass() {},
|
|
|
+ getWidth: function getWidth() {},
|
|
|
+ registerInteractionHandler: function registerInteractionHandler() {},
|
|
|
+ deregisterInteractionHandler: function deregisterInteractionHandler() {}
|
|
|
+ }
|
|
|
+ );
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!MDCFloatingLabelAdapter} adapter
|
|
|
+ */
|
|
|
+
|
|
|
+ }]);
|
|
|
+
|
|
|
+ function MDCFloatingLabelFoundation(adapter) {
|
|
|
+ _classCallCheck(this, MDCFloatingLabelFoundation);
|
|
|
+
|
|
|
+ /** @private {function(!Event): undefined} */
|
|
|
+ var _this = _possibleConstructorReturn(this, (MDCFloatingLabelFoundation.__proto__ || Object.getPrototypeOf(MDCFloatingLabelFoundation)).call(this, _extends(MDCFloatingLabelFoundation.defaultAdapter, adapter)));
|
|
|
+
|
|
|
+ _this.shakeAnimationEndHandler_ = function () {
|
|
|
+ return _this.handleShakeAnimationEnd_();
|
|
|
+ };
|
|
|
+ return _this;
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCFloatingLabelFoundation, [{
|
|
|
+ key: 'init',
|
|
|
+ value: function init() {
|
|
|
+ this.adapter_.registerInteractionHandler('animationend', this.shakeAnimationEndHandler_);
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'destroy',
|
|
|
+ value: function destroy() {
|
|
|
+ this.adapter_.deregisterInteractionHandler('animationend', this.shakeAnimationEndHandler_);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns the width of the label element.
|
|
|
+ * @return {number}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getWidth',
|
|
|
+ value: function getWidth() {
|
|
|
+ return this.adapter_.getWidth();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Styles the label to produce the label shake for errors.
|
|
|
+ * @param {boolean} shouldShake adds shake class if true,
|
|
|
+ * otherwise removes shake class.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'shake',
|
|
|
+ value: function shake(shouldShake) {
|
|
|
+ var LABEL_SHAKE = MDCFloatingLabelFoundation.cssClasses.LABEL_SHAKE;
|
|
|
+
|
|
|
+ if (shouldShake) {
|
|
|
+ this.adapter_.addClass(LABEL_SHAKE);
|
|
|
+ } else {
|
|
|
+ this.adapter_.removeClass(LABEL_SHAKE);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Styles the label to float or dock.
|
|
|
+ * @param {boolean} shouldFloat adds float class if true, otherwise remove
|
|
|
+ * float and shake class to dock label.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'float',
|
|
|
+ value: function float(shouldFloat) {
|
|
|
+ var _MDCFloatingLabelFoun = MDCFloatingLabelFoundation.cssClasses,
|
|
|
+ LABEL_FLOAT_ABOVE = _MDCFloatingLabelFoun.LABEL_FLOAT_ABOVE,
|
|
|
+ LABEL_SHAKE = _MDCFloatingLabelFoun.LABEL_SHAKE;
|
|
|
+
|
|
|
+ if (shouldFloat) {
|
|
|
+ this.adapter_.addClass(LABEL_FLOAT_ABOVE);
|
|
|
+ } else {
|
|
|
+ this.adapter_.removeClass(LABEL_FLOAT_ABOVE);
|
|
|
+ this.adapter_.removeClass(LABEL_SHAKE);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Handles an interaction event on the root element.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'handleShakeAnimationEnd_',
|
|
|
+ value: function handleShakeAnimationEnd_() {
|
|
|
+ var LABEL_SHAKE = MDCFloatingLabelFoundation.cssClasses.LABEL_SHAKE;
|
|
|
+
|
|
|
+ this.adapter_.removeClass(LABEL_SHAKE);
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCFloatingLabelFoundation;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
|
|
|
+
|
|
|
+/* harmony default export */ __webpack_exports__["a"] = (MDCFloatingLabelFoundation);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 88 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return cssClasses; });
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2016 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/** @enum {string} */
|
|
|
+var cssClasses = {
|
|
|
+ LABEL_FLOAT_ABOVE: 'mdc-floating-label--float-above',
|
|
|
+ LABEL_SHAKE: 'mdc-floating-label--shake'
|
|
|
+};
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 89 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCFormField", function() { return MDCFormField; });
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_component__ = __webpack_require__(1);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__foundation__ = __webpack_require__(90);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__material_selection_control_index__ = __webpack_require__(4);
|
|
|
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCFormFieldFoundation", function() { return __WEBPACK_IMPORTED_MODULE_1__foundation__["a"]; });
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2017 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/* eslint-disable no-unused-vars */
|
|
|
+
|
|
|
+/* eslint-enable no-unused-vars */
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends MDCComponent<!MDCFormFieldFoundation>
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCFormField = function (_MDCComponent) {
|
|
|
+ _inherits(MDCFormField, _MDCComponent);
|
|
|
+
|
|
|
+ _createClass(MDCFormField, [{
|
|
|
+ key: 'input',
|
|
|
+
|
|
|
+
|
|
|
+ /** @param {?MDCSelectionControl} input */
|
|
|
+ set: function set(input) {
|
|
|
+ this.input_ = input;
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return {?MDCSelectionControl} */
|
|
|
+ ,
|
|
|
+ get: function get() {
|
|
|
+ return this.input_;
|
|
|
+ }
|
|
|
+ }], [{
|
|
|
+ key: 'attachTo',
|
|
|
+ value: function attachTo(root) {
|
|
|
+ return new MDCFormField(root);
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ function MDCFormField() {
|
|
|
+ var _ref;
|
|
|
+
|
|
|
+ _classCallCheck(this, MDCFormField);
|
|
|
+
|
|
|
+ for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
|
|
+ args[_key] = arguments[_key];
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @private {?MDCSelectionControl} */
|
|
|
+ var _this = _possibleConstructorReturn(this, (_ref = MDCFormField.__proto__ || Object.getPrototypeOf(MDCFormField)).call.apply(_ref, [this].concat(args)));
|
|
|
+
|
|
|
+ _this.input_;
|
|
|
+ return _this;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {!Element}
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+ _createClass(MDCFormField, [{
|
|
|
+ key: 'getDefaultFoundation',
|
|
|
+
|
|
|
+
|
|
|
+ /** @return {!MDCFormFieldFoundation} */
|
|
|
+ value: function getDefaultFoundation() {
|
|
|
+ var _this2 = this;
|
|
|
+
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */]({
|
|
|
+ registerInteractionHandler: function registerInteractionHandler(type, handler) {
|
|
|
+ return _this2.label_.addEventListener(type, handler);
|
|
|
+ },
|
|
|
+ deregisterInteractionHandler: function deregisterInteractionHandler(type, handler) {
|
|
|
+ return _this2.label_.removeEventListener(type, handler);
|
|
|
+ },
|
|
|
+ activateInputRipple: function activateInputRipple() {
|
|
|
+ if (_this2.input_ && _this2.input_.ripple) {
|
|
|
+ _this2.input_.ripple.activate();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ deactivateInputRipple: function deactivateInputRipple() {
|
|
|
+ if (_this2.input_ && _this2.input_.ripple) {
|
|
|
+ _this2.input_.ripple.deactivate();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'label_',
|
|
|
+ get: function get() {
|
|
|
+ var LABEL_SELECTOR = __WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */].strings.LABEL_SELECTOR;
|
|
|
+
|
|
|
+ return (/** @type {!Element} */this.root_.querySelector(LABEL_SELECTOR)
|
|
|
+ );
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCFormField;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_component__["a" /* default */]);
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 90 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_foundation__ = __webpack_require__(0);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(91);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(92);
|
|
|
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
|
+
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2017 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends {MDCFoundation<!MDCFormFieldAdapter>}
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCFormFieldFoundation = function (_MDCFoundation) {
|
|
|
+ _inherits(MDCFormFieldFoundation, _MDCFoundation);
|
|
|
+
|
|
|
+ _createClass(MDCFormFieldFoundation, null, [{
|
|
|
+ key: 'cssClasses',
|
|
|
+
|
|
|
+ /** @return enum {cssClasses} */
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */];
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return enum {strings} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'strings',
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */];
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return {!MDCFormFieldAdapter} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'defaultAdapter',
|
|
|
+ get: function get() {
|
|
|
+ return {
|
|
|
+ registerInteractionHandler: function registerInteractionHandler() /* type: string, handler: EventListener */{},
|
|
|
+ deregisterInteractionHandler: function deregisterInteractionHandler() /* type: string, handler: EventListener */{},
|
|
|
+ activateInputRipple: function activateInputRipple() {},
|
|
|
+ deactivateInputRipple: function deactivateInputRipple() {}
|
|
|
+ };
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ function MDCFormFieldFoundation(adapter) {
|
|
|
+ _classCallCheck(this, MDCFormFieldFoundation);
|
|
|
+
|
|
|
+ /** @private {!EventListener} */
|
|
|
+ var _this = _possibleConstructorReturn(this, (MDCFormFieldFoundation.__proto__ || Object.getPrototypeOf(MDCFormFieldFoundation)).call(this, _extends(MDCFormFieldFoundation.defaultAdapter, adapter)));
|
|
|
+
|
|
|
+ _this.clickHandler_ = /** @type {!EventListener} */function () {
|
|
|
+ return _this.handleClick_();
|
|
|
+ };
|
|
|
+ return _this;
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCFormFieldFoundation, [{
|
|
|
+ key: 'init',
|
|
|
+ value: function init() {
|
|
|
+ this.adapter_.registerInteractionHandler('click', this.clickHandler_);
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'destroy',
|
|
|
+ value: function destroy() {
|
|
|
+ this.adapter_.deregisterInteractionHandler('click', this.clickHandler_);
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @private */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'handleClick_',
|
|
|
+ value: function handleClick_() {
|
|
|
+ var _this2 = this;
|
|
|
+
|
|
|
+ this.adapter_.activateInputRipple();
|
|
|
+ requestAnimationFrame(function () {
|
|
|
+ return _this2.adapter_.deactivateInputRipple();
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCFormFieldFoundation;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
|
|
|
+
|
|
|
+/* harmony default export */ __webpack_exports__["a"] = (MDCFormFieldFoundation);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 91 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+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"); } }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2016 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/* eslint no-unused-vars: [2, {"args": "none"}] */
|
|
|
+
|
|
|
+/**
|
|
|
+ * Adapter for MDC Form Field. Provides an interface for managing
|
|
|
+ * - event handlers
|
|
|
+ * - ripple activation
|
|
|
+ *
|
|
|
+ * Additionally, provides type information for the adapter to the Closure
|
|
|
+ * compiler.
|
|
|
+ *
|
|
|
+ * Implement this adapter for your framework of choice to delegate updates to
|
|
|
+ * the component in your framework of choice. See architecture documentation
|
|
|
+ * for more details.
|
|
|
+ * https://github.com/material-components/material-components-web/blob/master/docs/code/architecture.md
|
|
|
+ *
|
|
|
+ * @record
|
|
|
+ */
|
|
|
+var MDCFormFieldAdapter = function () {
|
|
|
+ function MDCFormFieldAdapter() {
|
|
|
+ _classCallCheck(this, MDCFormFieldAdapter);
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCFormFieldAdapter, [{
|
|
|
+ key: "registerInteractionHandler",
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {string} type
|
|
|
+ * @param {!EventListener} handler
|
|
|
+ */
|
|
|
+ value: function registerInteractionHandler(type, handler) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {string} type
|
|
|
+ * @param {!EventListener} handler
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "deregisterInteractionHandler",
|
|
|
+ value: function deregisterInteractionHandler(type, handler) {}
|
|
|
+ }, {
|
|
|
+ key: "activateInputRipple",
|
|
|
+ value: function activateInputRipple() {}
|
|
|
+ }, {
|
|
|
+ key: "deactivateInputRipple",
|
|
|
+ value: function deactivateInputRipple() {}
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCFormFieldAdapter;
|
|
|
+}();
|
|
|
+
|
|
|
+/* unused harmony default export */ var _unused_webpack_default_export = (MDCFormFieldAdapter);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 92 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return cssClasses; });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return strings; });
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2017 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/** @enum {string} */
|
|
|
+var cssClasses = {
|
|
|
+ ROOT: 'mdc-form-field'
|
|
|
+};
|
|
|
+
|
|
|
+/** @enum {string} */
|
|
|
+var strings = {
|
|
|
+ LABEL_SELECTOR: '.mdc-form-field > label'
|
|
|
+};
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 93 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCGridList", function() { return MDCGridList; });
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_index__ = __webpack_require__(3);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__foundation__ = __webpack_require__(94);
|
|
|
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCGridListFoundation", function() { return __WEBPACK_IMPORTED_MODULE_1__foundation__["a"]; });
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2016 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+var MDCGridList = function (_MDCComponent) {
|
|
|
+ _inherits(MDCGridList, _MDCComponent);
|
|
|
+
|
|
|
+ function MDCGridList() {
|
|
|
+ _classCallCheck(this, MDCGridList);
|
|
|
+
|
|
|
+ return _possibleConstructorReturn(this, (MDCGridList.__proto__ || Object.getPrototypeOf(MDCGridList)).apply(this, arguments));
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCGridList, [{
|
|
|
+ key: 'getDefaultFoundation',
|
|
|
+ value: function getDefaultFoundation() {
|
|
|
+ var _this2 = this;
|
|
|
+
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */]({
|
|
|
+ getOffsetWidth: function getOffsetWidth() {
|
|
|
+ return _this2.root_.offsetWidth;
|
|
|
+ },
|
|
|
+ getNumberOfTiles: function getNumberOfTiles() {
|
|
|
+ return _this2.root_.querySelectorAll(__WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */].strings.TILE_SELECTOR).length;
|
|
|
+ },
|
|
|
+ getOffsetWidthForTileAtIndex: function getOffsetWidthForTileAtIndex(index) {
|
|
|
+ return _this2.root_.querySelectorAll(__WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */].strings.TILE_SELECTOR)[index].offsetWidth;
|
|
|
+ },
|
|
|
+ setStyleForTilesElement: function setStyleForTilesElement(property, value) {
|
|
|
+ _this2.root_.querySelector(__WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */].strings.TILES_SELECTOR).style[property] = value;
|
|
|
+ },
|
|
|
+ registerResizeHandler: function registerResizeHandler(handler) {
|
|
|
+ return window.addEventListener('resize', handler);
|
|
|
+ },
|
|
|
+ deregisterResizeHandler: function deregisterResizeHandler(handler) {
|
|
|
+ return window.removeEventListener('resize', handler);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }], [{
|
|
|
+ key: 'attachTo',
|
|
|
+ value: function attachTo(root) {
|
|
|
+ return new MDCGridList(root);
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCGridList;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_index__["MDCComponent"]);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 94 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_index__ = __webpack_require__(3);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__constants__ = __webpack_require__(95);
|
|
|
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
|
+
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2016 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+var MDCGridListFoundation = function (_MDCFoundation) {
|
|
|
+ _inherits(MDCGridListFoundation, _MDCFoundation);
|
|
|
+
|
|
|
+ _createClass(MDCGridListFoundation, null, [{
|
|
|
+ key: 'strings',
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_1__constants__["a" /* strings */];
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'defaultAdapter',
|
|
|
+ get: function get() {
|
|
|
+ return {
|
|
|
+ getOffsetWidth: function getOffsetWidth() {
|
|
|
+ return (/* number */0
|
|
|
+ );
|
|
|
+ },
|
|
|
+ getNumberOfTiles: function getNumberOfTiles() {
|
|
|
+ return (/* number */0
|
|
|
+ );
|
|
|
+ },
|
|
|
+ getOffsetWidthForTileAtIndex: function getOffsetWidthForTileAtIndex() {
|
|
|
+ return (/* index: number */ /* number */0
|
|
|
+ );
|
|
|
+ },
|
|
|
+ setStyleForTilesElement: function setStyleForTilesElement() /* property: string, value: string */{},
|
|
|
+ registerResizeHandler: function registerResizeHandler() /* handler: EventListener */{},
|
|
|
+ deregisterResizeHandler: function deregisterResizeHandler() /* handler: EventListener */{}
|
|
|
+ };
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ function MDCGridListFoundation(adapter) {
|
|
|
+ _classCallCheck(this, MDCGridListFoundation);
|
|
|
+
|
|
|
+ var _this = _possibleConstructorReturn(this, (MDCGridListFoundation.__proto__ || Object.getPrototypeOf(MDCGridListFoundation)).call(this, _extends(MDCGridListFoundation.defaultAdapter, adapter)));
|
|
|
+
|
|
|
+ _this.resizeHandler_ = function () {
|
|
|
+ return _this.alignCenter();
|
|
|
+ };
|
|
|
+ _this.resizeFrame_ = 0;
|
|
|
+ return _this;
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCGridListFoundation, [{
|
|
|
+ key: 'init',
|
|
|
+ value: function init() {
|
|
|
+ this.alignCenter();
|
|
|
+ this.adapter_.registerResizeHandler(this.resizeHandler_);
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'destroy',
|
|
|
+ value: function destroy() {
|
|
|
+ this.adapter_.deregisterResizeHandler(this.resizeHandler_);
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'alignCenter',
|
|
|
+ value: function alignCenter() {
|
|
|
+ var _this2 = this;
|
|
|
+
|
|
|
+ if (this.resizeFrame_ !== 0) {
|
|
|
+ cancelAnimationFrame(this.resizeFrame_);
|
|
|
+ }
|
|
|
+ this.resizeFrame_ = requestAnimationFrame(function () {
|
|
|
+ _this2.alignCenter_();
|
|
|
+ _this2.resizeFrame_ = 0;
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'alignCenter_',
|
|
|
+ value: function alignCenter_() {
|
|
|
+ if (this.adapter_.getNumberOfTiles() == 0) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ var gridWidth = this.adapter_.getOffsetWidth();
|
|
|
+ var itemWidth = this.adapter_.getOffsetWidthForTileAtIndex(0);
|
|
|
+ var tilesWidth = itemWidth * Math.floor(gridWidth / itemWidth);
|
|
|
+ this.adapter_.setStyleForTilesElement('width', tilesWidth + 'px');
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCGridListFoundation;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_index__["MDCFoundation"]);
|
|
|
+
|
|
|
+/* harmony default export */ __webpack_exports__["a"] = (MDCGridListFoundation);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 95 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return strings; });
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2016 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+var strings = {
|
|
|
+ TILES_SELECTOR: '.mdc-grid-list__tiles',
|
|
|
+ TILE_SELECTOR: '.mdc-grid-tile'
|
|
|
+};
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 96 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCIconButtonToggle", function() { return MDCIconButtonToggle; });
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_component__ = __webpack_require__(1);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__foundation__ = __webpack_require__(97);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__material_ripple_index__ = __webpack_require__(2);
|
|
|
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCIconButtonToggleFoundation", function() { return __WEBPACK_IMPORTED_MODULE_1__foundation__["a"]; });
|
|
|
+var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
|
|
|
+
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends {MDCComponent<!MDCIconButtonToggleFoundation>}
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCIconButtonToggle = function (_MDCComponent) {
|
|
|
+ _inherits(MDCIconButtonToggle, _MDCComponent);
|
|
|
+
|
|
|
+ _createClass(MDCIconButtonToggle, null, [{
|
|
|
+ key: 'attachTo',
|
|
|
+ value: function attachTo(root) {
|
|
|
+ return new MDCIconButtonToggle(root);
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ function MDCIconButtonToggle() {
|
|
|
+ var _ref;
|
|
|
+
|
|
|
+ _classCallCheck(this, MDCIconButtonToggle);
|
|
|
+
|
|
|
+ for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
|
|
+ args[_key] = arguments[_key];
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @private {!MDCRipple} */
|
|
|
+ var _this = _possibleConstructorReturn(this, (_ref = MDCIconButtonToggle.__proto__ || Object.getPrototypeOf(MDCIconButtonToggle)).call.apply(_ref, [this].concat(args)));
|
|
|
+
|
|
|
+ _this.ripple_ = _this.initRipple_();
|
|
|
+ /** @private {!Function} */
|
|
|
+ _this.handleClick_;
|
|
|
+ return _this;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {!MDCRipple}
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+ _createClass(MDCIconButtonToggle, [{
|
|
|
+ key: 'initRipple_',
|
|
|
+ value: function initRipple_() {
|
|
|
+ var ripple = new __WEBPACK_IMPORTED_MODULE_2__material_ripple_index__["MDCRipple"](this.root_);
|
|
|
+ ripple.unbounded = true;
|
|
|
+ return ripple;
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'destroy',
|
|
|
+ value: function destroy() {
|
|
|
+ this.root_.removeEventListener('click', this.handleClick_);
|
|
|
+ this.ripple_.destroy();
|
|
|
+ _get(MDCIconButtonToggle.prototype.__proto__ || Object.getPrototypeOf(MDCIconButtonToggle.prototype), 'destroy', this).call(this);
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return {!MDCIconButtonToggleFoundation} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getDefaultFoundation',
|
|
|
+ value: function getDefaultFoundation() {
|
|
|
+ var _this2 = this;
|
|
|
+
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */]({
|
|
|
+ addClass: function addClass(className) {
|
|
|
+ return _this2.root_.classList.add(className);
|
|
|
+ },
|
|
|
+ removeClass: function removeClass(className) {
|
|
|
+ return _this2.root_.classList.remove(className);
|
|
|
+ },
|
|
|
+ hasClass: function hasClass(className) {
|
|
|
+ return _this2.root_.classList.contains(className);
|
|
|
+ },
|
|
|
+ setAttr: function setAttr(attrName, attrValue) {
|
|
|
+ return _this2.root_.setAttribute(attrName, attrValue);
|
|
|
+ },
|
|
|
+ notifyChange: function notifyChange(evtData) {
|
|
|
+ return _this2.emit(__WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */].strings.CHANGE_EVENT, evtData);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'initialSyncWithDOM',
|
|
|
+ value: function initialSyncWithDOM() {
|
|
|
+ this.handleClick_ = this.foundation_.handleClick.bind(this.foundation_);
|
|
|
+ this.root_.addEventListener('click', this.handleClick_);
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return {!MDCRipple} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'ripple',
|
|
|
+ get: function get() {
|
|
|
+ return this.ripple_;
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return {boolean} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'on',
|
|
|
+ get: function get() {
|
|
|
+ return this.foundation_.isOn();
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @param {boolean} isOn */
|
|
|
+ ,
|
|
|
+ set: function set(isOn) {
|
|
|
+ this.foundation_.toggle(isOn);
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCIconButtonToggle;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_component__["a" /* default */]);
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 97 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_foundation__ = __webpack_require__(0);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(98);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(99);
|
|
|
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
|
+
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+/* eslint-disable no-unused-vars */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends {MDCFoundation<!MDCIconButtonToggleAdapter>}
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCIconButtonToggleFoundation = function (_MDCFoundation) {
|
|
|
+ _inherits(MDCIconButtonToggleFoundation, _MDCFoundation);
|
|
|
+
|
|
|
+ _createClass(MDCIconButtonToggleFoundation, null, [{
|
|
|
+ key: 'cssClasses',
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */];
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'strings',
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */];
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'defaultAdapter',
|
|
|
+ get: function get() {
|
|
|
+ return {
|
|
|
+ addClass: function addClass() {},
|
|
|
+ removeClass: function removeClass() {},
|
|
|
+ hasClass: function hasClass() {},
|
|
|
+ setAttr: function setAttr() {},
|
|
|
+ notifyChange: function notifyChange() {}
|
|
|
+ };
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ function MDCIconButtonToggleFoundation(adapter) {
|
|
|
+ _classCallCheck(this, MDCIconButtonToggleFoundation);
|
|
|
+
|
|
|
+ /** @private {boolean} */
|
|
|
+ var _this = _possibleConstructorReturn(this, (MDCIconButtonToggleFoundation.__proto__ || Object.getPrototypeOf(MDCIconButtonToggleFoundation)).call(this, _extends(MDCIconButtonToggleFoundation.defaultAdapter, adapter)));
|
|
|
+
|
|
|
+ _this.disabled_ = false;
|
|
|
+ return _this;
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCIconButtonToggleFoundation, [{
|
|
|
+ key: 'init',
|
|
|
+ value: function init() {
|
|
|
+ this.adapter_.setAttr(__WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */].ARIA_PRESSED, '' + this.isOn());
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'handleClick',
|
|
|
+ value: function handleClick() {
|
|
|
+ this.toggle();
|
|
|
+ this.adapter_.notifyChange( /** @type {!IconButtonToggleEvent} */{ isOn: this.isOn() });
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return {boolean} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'isOn',
|
|
|
+ value: function isOn() {
|
|
|
+ return this.adapter_.hasClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].ICON_BUTTON_ON);
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @param {boolean=} isOn */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'toggle',
|
|
|
+ value: function toggle() {
|
|
|
+ var isOn = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !this.isOn();
|
|
|
+
|
|
|
+ if (isOn) {
|
|
|
+ this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].ICON_BUTTON_ON);
|
|
|
+ } else {
|
|
|
+ this.adapter_.removeClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].ICON_BUTTON_ON);
|
|
|
+ }
|
|
|
+
|
|
|
+ this.adapter_.setAttr(__WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */].ARIA_PRESSED, '' + isOn);
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCIconButtonToggleFoundation;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
|
|
|
+
|
|
|
+/** @record */
|
|
|
+
|
|
|
+
|
|
|
+var IconButtonToggleState = function IconButtonToggleState() {
|
|
|
+ _classCallCheck(this, IconButtonToggleState);
|
|
|
+};
|
|
|
+
|
|
|
+/* harmony default export */ __webpack_exports__["a"] = (MDCIconButtonToggleFoundation);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 98 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* unused harmony export MDCIconButtonToggleAdapter */
|
|
|
+/* unused harmony export IconButtonToggleEvent */
|
|
|
+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"); } }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/* eslint no-unused-vars: [2, {"args": "none"}] */
|
|
|
+
|
|
|
+/**
|
|
|
+ * Adapter for MDC Icon Button Toggle. Provides an interface for managing
|
|
|
+ * - classes
|
|
|
+ * - dom
|
|
|
+ * - inner text
|
|
|
+ * - event handlers
|
|
|
+ * - event dispatch
|
|
|
+ *
|
|
|
+ * Additionally, provides type information for the adapter to the Closure
|
|
|
+ * compiler.
|
|
|
+ *
|
|
|
+ * Implement this adapter for your framework of choice to delegate updates to
|
|
|
+ * the component in your framework of choice. See architecture documentation
|
|
|
+ * for more details.
|
|
|
+ * https://github.com/material-components/material-components-web/blob/master/docs/code/architecture.md
|
|
|
+ *
|
|
|
+ * @record
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCIconButtonToggleAdapter = function () {
|
|
|
+ function MDCIconButtonToggleAdapter() {
|
|
|
+ _classCallCheck(this, MDCIconButtonToggleAdapter);
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCIconButtonToggleAdapter, [{
|
|
|
+ key: "addClass",
|
|
|
+
|
|
|
+ /** @param {string} className */
|
|
|
+ value: function addClass(className) {}
|
|
|
+
|
|
|
+ /** @param {string} className */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "removeClass",
|
|
|
+ value: function removeClass(className) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {string} className
|
|
|
+ * @return {boolean}
|
|
|
+ * */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "hasClass",
|
|
|
+ value: function hasClass(className) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {string} attrName
|
|
|
+ * @param {string} attrValue
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "setAttr",
|
|
|
+ value: function setAttr(attrName, attrValue) {}
|
|
|
+
|
|
|
+ /** @param {!IconButtonToggleEvent} evtData */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "notifyChange",
|
|
|
+ value: function notifyChange(evtData) {}
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCIconButtonToggleAdapter;
|
|
|
+}();
|
|
|
+
|
|
|
+/**
|
|
|
+ * @typedef {{
|
|
|
+ * isOn: boolean,
|
|
|
+ * }}
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+var IconButtonToggleEvent = void 0;
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 99 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return cssClasses; });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return strings; });
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/** @enum {string} */
|
|
|
+var cssClasses = {
|
|
|
+ ROOT: 'mdc-icon-button',
|
|
|
+ ICON_BUTTON_ON: 'mdc-icon-button--on'
|
|
|
+};
|
|
|
+
|
|
|
+/** @enum {string} */
|
|
|
+var strings = {
|
|
|
+ ARIA_PRESSED: 'aria-pressed',
|
|
|
+ CHANGE_EVENT: 'MDCIconButtonToggle:change'
|
|
|
+};
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 100 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCIconToggle", function() { return MDCIconToggle; });
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_component__ = __webpack_require__(1);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__foundation__ = __webpack_require__(101);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__material_ripple_index__ = __webpack_require__(2);
|
|
|
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCIconToggleFoundation", function() { return __WEBPACK_IMPORTED_MODULE_1__foundation__["a"]; });
|
|
|
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
|
+
|
|
|
+var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
|
|
|
+
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2016 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends {MDCComponent<!MDCIconToggleFoundation>}
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCIconToggle = function (_MDCComponent) {
|
|
|
+ _inherits(MDCIconToggle, _MDCComponent);
|
|
|
+
|
|
|
+ _createClass(MDCIconToggle, null, [{
|
|
|
+ key: 'attachTo',
|
|
|
+ value: function attachTo(root) {
|
|
|
+ return new MDCIconToggle(root);
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ function MDCIconToggle() {
|
|
|
+ var _ref;
|
|
|
+
|
|
|
+ _classCallCheck(this, MDCIconToggle);
|
|
|
+
|
|
|
+ for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
|
|
+ args[_key] = arguments[_key];
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @private {!MDCRipple} */
|
|
|
+ var _this = _possibleConstructorReturn(this, (_ref = MDCIconToggle.__proto__ || Object.getPrototypeOf(MDCIconToggle)).call.apply(_ref, [this].concat(args)));
|
|
|
+
|
|
|
+ _this.ripple_ = _this.initRipple_();
|
|
|
+ return _this;
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return {!Element} */
|
|
|
+
|
|
|
+
|
|
|
+ _createClass(MDCIconToggle, [{
|
|
|
+ key: 'initRipple_',
|
|
|
+
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {!MDCRipple}
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+ value: function initRipple_() {
|
|
|
+ var _this2 = this;
|
|
|
+
|
|
|
+ var adapter = _extends(__WEBPACK_IMPORTED_MODULE_2__material_ripple_index__["MDCRipple"].createAdapter(this), {
|
|
|
+ isUnbounded: function isUnbounded() {
|
|
|
+ return true;
|
|
|
+ },
|
|
|
+ isSurfaceActive: function isSurfaceActive() {
|
|
|
+ return _this2.foundation_.isKeyboardActivated();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ var foundation = new __WEBPACK_IMPORTED_MODULE_2__material_ripple_index__["MDCRippleFoundation"](adapter);
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_2__material_ripple_index__["MDCRipple"](this.root_, foundation);
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'destroy',
|
|
|
+ value: function destroy() {
|
|
|
+ this.ripple_.destroy();
|
|
|
+ _get(MDCIconToggle.prototype.__proto__ || Object.getPrototypeOf(MDCIconToggle.prototype), 'destroy', this).call(this);
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return {!MDCIconToggleFoundation} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getDefaultFoundation',
|
|
|
+ value: function getDefaultFoundation() {
|
|
|
+ var _this3 = this;
|
|
|
+
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */]({
|
|
|
+ addClass: function addClass(className) {
|
|
|
+ return _this3.iconEl_.classList.add(className);
|
|
|
+ },
|
|
|
+ removeClass: function removeClass(className) {
|
|
|
+ return _this3.iconEl_.classList.remove(className);
|
|
|
+ },
|
|
|
+ registerInteractionHandler: function registerInteractionHandler(type, handler) {
|
|
|
+ return _this3.root_.addEventListener(type, handler);
|
|
|
+ },
|
|
|
+ deregisterInteractionHandler: function deregisterInteractionHandler(type, handler) {
|
|
|
+ return _this3.root_.removeEventListener(type, handler);
|
|
|
+ },
|
|
|
+ setText: function setText(text) {
|
|
|
+ return _this3.iconEl_.textContent = text;
|
|
|
+ },
|
|
|
+ getTabIndex: function getTabIndex() {
|
|
|
+ return (/* number */_this3.root_.tabIndex
|
|
|
+ );
|
|
|
+ },
|
|
|
+ setTabIndex: function setTabIndex(tabIndex) {
|
|
|
+ return _this3.root_.tabIndex = tabIndex;
|
|
|
+ },
|
|
|
+ getAttr: function getAttr(name, value) {
|
|
|
+ return _this3.root_.getAttribute(name, value);
|
|
|
+ },
|
|
|
+ setAttr: function setAttr(name, value) {
|
|
|
+ return _this3.root_.setAttribute(name, value);
|
|
|
+ },
|
|
|
+ rmAttr: function rmAttr(name) {
|
|
|
+ return _this3.root_.removeAttribute(name);
|
|
|
+ },
|
|
|
+ notifyChange: function notifyChange(evtData) {
|
|
|
+ return _this3.emit(__WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */].strings.CHANGE_EVENT, evtData);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'initialSyncWithDOM',
|
|
|
+ value: function initialSyncWithDOM() {
|
|
|
+ this.on = this.root_.getAttribute(__WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */].strings.ARIA_PRESSED) === 'true';
|
|
|
+ this.disabled = this.root_.getAttribute(__WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */].strings.ARIA_DISABLED) === 'true';
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return {!MDCRipple} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'refreshToggleData',
|
|
|
+ value: function refreshToggleData() {
|
|
|
+ this.foundation_.refreshToggleData();
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'iconEl_',
|
|
|
+ get: function get() {
|
|
|
+ var sel = this.root_.dataset['iconInnerSelector'];
|
|
|
+
|
|
|
+ return sel ?
|
|
|
+ /** @type {!Element} */this.root_.querySelector(sel) : this.root_;
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'ripple',
|
|
|
+ get: function get() {
|
|
|
+ return this.ripple_;
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return {boolean} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'on',
|
|
|
+ get: function get() {
|
|
|
+ return this.foundation_.isOn();
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @param {boolean} isOn */
|
|
|
+ ,
|
|
|
+ set: function set(isOn) {
|
|
|
+ this.foundation_.toggle(isOn);
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return {boolean} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'disabled',
|
|
|
+ get: function get() {
|
|
|
+ return this.foundation_.isDisabled();
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @param {boolean} isDisabled */
|
|
|
+ ,
|
|
|
+ set: function set(isDisabled) {
|
|
|
+ this.foundation_.setDisabled(isDisabled);
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCIconToggle;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_component__["a" /* default */]);
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 101 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_foundation__ = __webpack_require__(0);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(102);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(103);
|
|
|
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
|
+
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2016 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+/* eslint-disable no-unused-vars */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends {MDCFoundation<!MDCIconToggleAdapter>}
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCIconToggleFoundation = function (_MDCFoundation) {
|
|
|
+ _inherits(MDCIconToggleFoundation, _MDCFoundation);
|
|
|
+
|
|
|
+ _createClass(MDCIconToggleFoundation, null, [{
|
|
|
+ key: 'cssClasses',
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */];
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'strings',
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */];
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'defaultAdapter',
|
|
|
+ get: function get() {
|
|
|
+ return {
|
|
|
+ addClass: function addClass() /* className: string */{},
|
|
|
+ removeClass: function removeClass() /* className: string */{},
|
|
|
+ registerInteractionHandler: function registerInteractionHandler() /* type: string, handler: EventListener */{},
|
|
|
+ deregisterInteractionHandler: function deregisterInteractionHandler() /* type: string, handler: EventListener */{},
|
|
|
+ setText: function setText() /* text: string */{},
|
|
|
+ getTabIndex: function getTabIndex() {
|
|
|
+ return (/* number */0
|
|
|
+ );
|
|
|
+ },
|
|
|
+ setTabIndex: function setTabIndex() /* tabIndex: number */{},
|
|
|
+ getAttr: function getAttr() {
|
|
|
+ return (/* name: string */ /* string */''
|
|
|
+ );
|
|
|
+ },
|
|
|
+ setAttr: function setAttr() /* name: string, value: string */{},
|
|
|
+ rmAttr: function rmAttr() /* name: string */{},
|
|
|
+ notifyChange: function notifyChange() /* evtData: IconToggleEvent */{}
|
|
|
+ };
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ function MDCIconToggleFoundation(adapter) {
|
|
|
+ _classCallCheck(this, MDCIconToggleFoundation);
|
|
|
+
|
|
|
+ /** @private {boolean} */
|
|
|
+ var _this = _possibleConstructorReturn(this, (MDCIconToggleFoundation.__proto__ || Object.getPrototypeOf(MDCIconToggleFoundation)).call(this, _extends(MDCIconToggleFoundation.defaultAdapter, adapter)));
|
|
|
+
|
|
|
+ _this.on_ = false;
|
|
|
+
|
|
|
+ /** @private {boolean} */
|
|
|
+ _this.disabled_ = false;
|
|
|
+
|
|
|
+ /** @private {number} */
|
|
|
+ _this.savedTabIndex_ = -1;
|
|
|
+
|
|
|
+ /** @private {?IconToggleState} */
|
|
|
+ _this.toggleOnData_ = null;
|
|
|
+
|
|
|
+ /** @private {?IconToggleState} */
|
|
|
+ _this.toggleOffData_ = null;
|
|
|
+
|
|
|
+ _this.clickHandler_ = /** @private {!EventListener} */function () {
|
|
|
+ return _this.toggleFromEvt_();
|
|
|
+ };
|
|
|
+
|
|
|
+ /** @private {boolean} */
|
|
|
+ _this.isHandlingKeydown_ = false;
|
|
|
+
|
|
|
+ _this.keydownHandler_ = /** @private {!EventListener} */function ( /** @type {!KeyboardKey} */evt) {
|
|
|
+ if (isSpace(evt)) {
|
|
|
+ _this.isHandlingKeydown_ = true;
|
|
|
+ return evt.preventDefault();
|
|
|
+ }
|
|
|
+ };
|
|
|
+
|
|
|
+ _this.keyupHandler_ = /** @private {!EventListener} */function ( /** @type {!KeyboardKey} */evt) {
|
|
|
+ if (isSpace(evt)) {
|
|
|
+ _this.isHandlingKeydown_ = false;
|
|
|
+ _this.toggleFromEvt_();
|
|
|
+ }
|
|
|
+ };
|
|
|
+ return _this;
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCIconToggleFoundation, [{
|
|
|
+ key: 'init',
|
|
|
+ value: function init() {
|
|
|
+ this.refreshToggleData();
|
|
|
+ this.savedTabIndex_ = this.adapter_.getTabIndex();
|
|
|
+ this.adapter_.registerInteractionHandler('click', this.clickHandler_);
|
|
|
+ this.adapter_.registerInteractionHandler('keydown', this.keydownHandler_);
|
|
|
+ this.adapter_.registerInteractionHandler('keyup', this.keyupHandler_);
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'refreshToggleData',
|
|
|
+ value: function refreshToggleData() {
|
|
|
+ var _MDCIconToggleFoundat = MDCIconToggleFoundation.strings,
|
|
|
+ DATA_TOGGLE_ON = _MDCIconToggleFoundat.DATA_TOGGLE_ON,
|
|
|
+ DATA_TOGGLE_OFF = _MDCIconToggleFoundat.DATA_TOGGLE_OFF;
|
|
|
+
|
|
|
+ this.toggleOnData_ = this.parseJsonDataAttr_(DATA_TOGGLE_ON);
|
|
|
+ this.toggleOffData_ = this.parseJsonDataAttr_(DATA_TOGGLE_OFF);
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'destroy',
|
|
|
+ value: function destroy() {
|
|
|
+ this.adapter_.deregisterInteractionHandler('click', this.clickHandler_);
|
|
|
+ this.adapter_.deregisterInteractionHandler('keydown', this.keydownHandler_);
|
|
|
+ this.adapter_.deregisterInteractionHandler('keyup', this.keyupHandler_);
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @private */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'toggleFromEvt_',
|
|
|
+ value: function toggleFromEvt_() {
|
|
|
+ this.toggle();
|
|
|
+ var isOn = this.on_;
|
|
|
+
|
|
|
+ this.adapter_.notifyChange( /** @type {!IconToggleEvent} */{ isOn: isOn });
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return {boolean} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'isOn',
|
|
|
+ value: function isOn() {
|
|
|
+ return this.on_;
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @param {boolean=} isOn */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'toggle',
|
|
|
+ value: function toggle() {
|
|
|
+ var isOn = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !this.on_;
|
|
|
+
|
|
|
+ this.on_ = isOn;
|
|
|
+
|
|
|
+ var _MDCIconToggleFoundat2 = MDCIconToggleFoundation.strings,
|
|
|
+ ARIA_LABEL = _MDCIconToggleFoundat2.ARIA_LABEL,
|
|
|
+ ARIA_PRESSED = _MDCIconToggleFoundat2.ARIA_PRESSED;
|
|
|
+
|
|
|
+
|
|
|
+ if (this.on_) {
|
|
|
+ this.adapter_.setAttr(ARIA_PRESSED, 'true');
|
|
|
+ } else {
|
|
|
+ this.adapter_.setAttr(ARIA_PRESSED, 'false');
|
|
|
+ }
|
|
|
+
|
|
|
+ var _ref = this.on_ ? this.toggleOffData_ : this.toggleOnData_,
|
|
|
+ classToRemove = _ref.cssClass;
|
|
|
+
|
|
|
+ if (classToRemove) {
|
|
|
+ this.adapter_.removeClass(classToRemove);
|
|
|
+ }
|
|
|
+
|
|
|
+ var _ref2 = this.on_ ? this.toggleOnData_ : this.toggleOffData_,
|
|
|
+ content = _ref2.content,
|
|
|
+ label = _ref2.label,
|
|
|
+ cssClass = _ref2.cssClass;
|
|
|
+
|
|
|
+ if (cssClass) {
|
|
|
+ this.adapter_.addClass(cssClass);
|
|
|
+ }
|
|
|
+ if (content) {
|
|
|
+ this.adapter_.setText(content);
|
|
|
+ }
|
|
|
+ if (label) {
|
|
|
+ this.adapter_.setAttr(ARIA_LABEL, label);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {string} dataAttr
|
|
|
+ * @return {!IconToggleState}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'parseJsonDataAttr_',
|
|
|
+ value: function parseJsonDataAttr_(dataAttr) {
|
|
|
+ var val = this.adapter_.getAttr(dataAttr);
|
|
|
+ if (!val) {
|
|
|
+ return {};
|
|
|
+ }
|
|
|
+ return (/** @type {!IconToggleState} */JSON.parse(val)
|
|
|
+ );
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return {boolean} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'isDisabled',
|
|
|
+ value: function isDisabled() {
|
|
|
+ return this.disabled_;
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @param {boolean} isDisabled */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setDisabled',
|
|
|
+ value: function setDisabled(isDisabled) {
|
|
|
+ this.disabled_ = isDisabled;
|
|
|
+
|
|
|
+ var DISABLED = MDCIconToggleFoundation.cssClasses.DISABLED;
|
|
|
+ var ARIA_DISABLED = MDCIconToggleFoundation.strings.ARIA_DISABLED;
|
|
|
+
|
|
|
+
|
|
|
+ if (this.disabled_) {
|
|
|
+ this.savedTabIndex_ = this.adapter_.getTabIndex();
|
|
|
+ this.adapter_.setTabIndex(-1);
|
|
|
+ this.adapter_.setAttr(ARIA_DISABLED, 'true');
|
|
|
+ this.adapter_.addClass(DISABLED);
|
|
|
+ } else {
|
|
|
+ this.adapter_.setTabIndex(this.savedTabIndex_);
|
|
|
+ this.adapter_.rmAttr(ARIA_DISABLED);
|
|
|
+ this.adapter_.removeClass(DISABLED);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return {boolean} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'isKeyboardActivated',
|
|
|
+ value: function isKeyboardActivated() {
|
|
|
+ return this.isHandlingKeydown_;
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCIconToggleFoundation;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
|
|
|
+
|
|
|
+/**
|
|
|
+ * @typedef {{
|
|
|
+ * key: string,
|
|
|
+ * keyCode: number
|
|
|
+ * }}
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+var KeyboardKey = void 0;
|
|
|
+
|
|
|
+/**
|
|
|
+ * @param {!KeyboardKey} keyboardKey
|
|
|
+ * @return {boolean}
|
|
|
+ */
|
|
|
+function isSpace(keyboardKey) {
|
|
|
+ return keyboardKey.key === 'Space' || keyboardKey.keyCode === 32;
|
|
|
+}
|
|
|
+
|
|
|
+/** @record */
|
|
|
+
|
|
|
+var IconToggleState = function IconToggleState() {
|
|
|
+ _classCallCheck(this, IconToggleState);
|
|
|
+};
|
|
|
+
|
|
|
+/**
|
|
|
+ * The aria-label value of the icon toggle, or undefined if there is no aria-label.
|
|
|
+ * @export {string|undefined}
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+IconToggleState.prototype.label;
|
|
|
+
|
|
|
+/**
|
|
|
+ * The text for the icon toggle, or undefined if there is no text.
|
|
|
+ * @export {string|undefined}
|
|
|
+ */
|
|
|
+IconToggleState.prototype.content;
|
|
|
+
|
|
|
+/**
|
|
|
+ * The CSS class to add to the icon toggle, or undefined if there is no CSS class.
|
|
|
+ * @export {string|undefined}
|
|
|
+ */
|
|
|
+IconToggleState.prototype.cssClass;
|
|
|
+
|
|
|
+/* harmony default export */ __webpack_exports__["a"] = (MDCIconToggleFoundation);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 102 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* unused harmony export MDCIconToggleAdapter */
|
|
|
+/* unused harmony export IconToggleEvent */
|
|
|
+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"); } }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2017 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/* eslint no-unused-vars: [2, {"args": "none"}] */
|
|
|
+
|
|
|
+/**
|
|
|
+ * Adapter for MDC Icon Toggle. Provides an interface for managing
|
|
|
+ * - classes
|
|
|
+ * - dom
|
|
|
+ * - inner text
|
|
|
+ * - event handlers
|
|
|
+ * - event dispatch
|
|
|
+ *
|
|
|
+ * Additionally, provides type information for the adapter to the Closure
|
|
|
+ * compiler.
|
|
|
+ *
|
|
|
+ * Implement this adapter for your framework of choice to delegate updates to
|
|
|
+ * the component in your framework of choice. See architecture documentation
|
|
|
+ * for more details.
|
|
|
+ * https://github.com/material-components/material-components-web/blob/master/docs/code/architecture.md
|
|
|
+ *
|
|
|
+ * @record
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCIconToggleAdapter = function () {
|
|
|
+ function MDCIconToggleAdapter() {
|
|
|
+ _classCallCheck(this, MDCIconToggleAdapter);
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCIconToggleAdapter, [{
|
|
|
+ key: "addClass",
|
|
|
+
|
|
|
+ /** @param {string} className */
|
|
|
+ value: function addClass(className) {}
|
|
|
+
|
|
|
+ /** @param {string} className */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "removeClass",
|
|
|
+ value: function removeClass(className) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {string} type
|
|
|
+ * @param {!EventListener} handler
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "registerInteractionHandler",
|
|
|
+ value: function registerInteractionHandler(type, handler) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {string} type
|
|
|
+ * @param {!EventListener} handler
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "deregisterInteractionHandler",
|
|
|
+ value: function deregisterInteractionHandler(type, handler) {}
|
|
|
+
|
|
|
+ /** @param {string} text */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "setText",
|
|
|
+ value: function setText(text) {}
|
|
|
+
|
|
|
+ /** @return {number} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "getTabIndex",
|
|
|
+ value: function getTabIndex() {}
|
|
|
+
|
|
|
+ /** @param {number} tabIndex */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "setTabIndex",
|
|
|
+ value: function setTabIndex(tabIndex) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {string} name
|
|
|
+ * @return {string}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "getAttr",
|
|
|
+ value: function getAttr(name) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {string} name
|
|
|
+ * @param {string} value
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "setAttr",
|
|
|
+ value: function setAttr(name, value) {}
|
|
|
+
|
|
|
+ /** @param {string} name */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "rmAttr",
|
|
|
+ value: function rmAttr(name) {}
|
|
|
+
|
|
|
+ /** @param {!IconToggleEvent} evtData */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "notifyChange",
|
|
|
+ value: function notifyChange(evtData) {}
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCIconToggleAdapter;
|
|
|
+}();
|
|
|
+
|
|
|
+/**
|
|
|
+ * @typedef {{
|
|
|
+ * isOn: boolean,
|
|
|
+ * }}
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+var IconToggleEvent = void 0;
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 103 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return cssClasses; });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return strings; });
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2016 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/** @enum {string} */
|
|
|
+var cssClasses = {
|
|
|
+ ROOT: 'mdc-icon-toggle',
|
|
|
+ DISABLED: 'mdc-icon-toggle--disabled'
|
|
|
+};
|
|
|
+
|
|
|
+/** @enum {string} */
|
|
|
+var strings = {
|
|
|
+ DATA_TOGGLE_ON: 'data-toggle-on',
|
|
|
+ DATA_TOGGLE_OFF: 'data-toggle-off',
|
|
|
+ ARIA_PRESSED: 'aria-pressed',
|
|
|
+ ARIA_DISABLED: 'aria-disabled',
|
|
|
+ ARIA_LABEL: 'aria-label',
|
|
|
+ CHANGE_EVENT: 'MDCIconToggle:change'
|
|
|
+};
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 104 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCLinearProgress", function() { return MDCLinearProgress; });
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_index__ = __webpack_require__(3);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__foundation__ = __webpack_require__(105);
|
|
|
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCLinearProgressFoundation", function() { return __WEBPACK_IMPORTED_MODULE_1__foundation__["a"]; });
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2017 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+var MDCLinearProgress = function (_MDCComponent) {
|
|
|
+ _inherits(MDCLinearProgress, _MDCComponent);
|
|
|
+
|
|
|
+ function MDCLinearProgress() {
|
|
|
+ _classCallCheck(this, MDCLinearProgress);
|
|
|
+
|
|
|
+ return _possibleConstructorReturn(this, (MDCLinearProgress.__proto__ || Object.getPrototypeOf(MDCLinearProgress)).apply(this, arguments));
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCLinearProgress, [{
|
|
|
+ key: 'open',
|
|
|
+ value: function open() {
|
|
|
+ this.foundation_.open();
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'close',
|
|
|
+ value: function close() {
|
|
|
+ this.foundation_.close();
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'getDefaultFoundation',
|
|
|
+ value: function getDefaultFoundation() {
|
|
|
+ var _this2 = this;
|
|
|
+
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */]({
|
|
|
+ addClass: function addClass(className) {
|
|
|
+ return _this2.root_.classList.add(className);
|
|
|
+ },
|
|
|
+ getPrimaryBar: function getPrimaryBar() {
|
|
|
+ return _this2.root_.querySelector(__WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */].strings.PRIMARY_BAR_SELECTOR);
|
|
|
+ },
|
|
|
+ getBuffer: function getBuffer() {
|
|
|
+ return _this2.root_.querySelector(__WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */].strings.BUFFER_SELECTOR);
|
|
|
+ },
|
|
|
+ hasClass: function hasClass(className) {
|
|
|
+ return _this2.root_.classList.contains(className);
|
|
|
+ },
|
|
|
+ removeClass: function removeClass(className) {
|
|
|
+ return _this2.root_.classList.remove(className);
|
|
|
+ },
|
|
|
+ setStyle: function setStyle(el, styleProperty, value) {
|
|
|
+ return el.style[styleProperty] = value;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'determinate',
|
|
|
+ set: function set(value) {
|
|
|
+ this.foundation_.setDeterminate(value);
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'progress',
|
|
|
+ set: function set(value) {
|
|
|
+ this.foundation_.setProgress(value);
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'buffer',
|
|
|
+ set: function set(value) {
|
|
|
+ this.foundation_.setBuffer(value);
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'reverse',
|
|
|
+ set: function set(value) {
|
|
|
+ this.foundation_.setReverse(value);
|
|
|
+ }
|
|
|
+ }], [{
|
|
|
+ key: 'attachTo',
|
|
|
+ value: function attachTo(root) {
|
|
|
+ return new MDCLinearProgress(root);
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCLinearProgress;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_index__["MDCComponent"]);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 105 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_index__ = __webpack_require__(3);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_animation_index__ = __webpack_require__(9);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(106);
|
|
|
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
|
+
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2017 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+var MDCLinearProgressFoundation = function (_MDCFoundation) {
|
|
|
+ _inherits(MDCLinearProgressFoundation, _MDCFoundation);
|
|
|
+
|
|
|
+ _createClass(MDCLinearProgressFoundation, null, [{
|
|
|
+ key: 'cssClasses',
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */];
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'strings',
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */];
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'defaultAdapter',
|
|
|
+ get: function get() {
|
|
|
+ return {
|
|
|
+ addClass: function addClass() /* className: string */{},
|
|
|
+ getPrimaryBar: function getPrimaryBar() /* el: Element */{},
|
|
|
+ getBuffer: function getBuffer() /* el: Element */{},
|
|
|
+ hasClass: function hasClass() {
|
|
|
+ return (/* className: string */false
|
|
|
+ );
|
|
|
+ },
|
|
|
+ removeClass: function removeClass() /* className: string */{},
|
|
|
+ setStyle: function setStyle() /* el: Element, styleProperty: string, value: string */{}
|
|
|
+ };
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ function MDCLinearProgressFoundation(adapter) {
|
|
|
+ _classCallCheck(this, MDCLinearProgressFoundation);
|
|
|
+
|
|
|
+ return _possibleConstructorReturn(this, (MDCLinearProgressFoundation.__proto__ || Object.getPrototypeOf(MDCLinearProgressFoundation)).call(this, _extends(MDCLinearProgressFoundation.defaultAdapter, adapter)));
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCLinearProgressFoundation, [{
|
|
|
+ key: 'init',
|
|
|
+ value: function init() {
|
|
|
+ this.determinate_ = !this.adapter_.hasClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].INDETERMINATE_CLASS);
|
|
|
+ this.reverse_ = this.adapter_.hasClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].REVERSED_CLASS);
|
|
|
+ this.progress_ = 0;
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'setDeterminate',
|
|
|
+ value: function setDeterminate(isDeterminate) {
|
|
|
+ this.determinate_ = isDeterminate;
|
|
|
+ if (this.determinate_) {
|
|
|
+ this.adapter_.removeClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].INDETERMINATE_CLASS);
|
|
|
+ this.setScale_(this.adapter_.getPrimaryBar(), this.progress_);
|
|
|
+ } else {
|
|
|
+ this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].INDETERMINATE_CLASS);
|
|
|
+ this.setScale_(this.adapter_.getPrimaryBar(), 1);
|
|
|
+ this.setScale_(this.adapter_.getBuffer(), 1);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'setProgress',
|
|
|
+ value: function setProgress(value) {
|
|
|
+ this.progress_ = value;
|
|
|
+ if (this.determinate_) {
|
|
|
+ this.setScale_(this.adapter_.getPrimaryBar(), value);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'setBuffer',
|
|
|
+ value: function setBuffer(value) {
|
|
|
+ if (this.determinate_) {
|
|
|
+ this.setScale_(this.adapter_.getBuffer(), value);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'setReverse',
|
|
|
+ value: function setReverse(isReversed) {
|
|
|
+ this.reverse_ = isReversed;
|
|
|
+ if (this.reverse_) {
|
|
|
+ this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].REVERSED_CLASS);
|
|
|
+ } else {
|
|
|
+ this.adapter_.removeClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].REVERSED_CLASS);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'open',
|
|
|
+ value: function open() {
|
|
|
+ this.adapter_.removeClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].CLOSED_CLASS);
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'close',
|
|
|
+ value: function close() {
|
|
|
+ this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].CLOSED_CLASS);
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'setScale_',
|
|
|
+ value: function setScale_(el, scaleValue) {
|
|
|
+ var _this2 = this;
|
|
|
+
|
|
|
+ var value = 'scaleX(' + scaleValue + ')';
|
|
|
+ __WEBPACK_IMPORTED_MODULE_1__material_animation_index__["c" /* transformStyleProperties */].forEach(function (transformStyleProperty) {
|
|
|
+ _this2.adapter_.setStyle(el, transformStyleProperty, value);
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCLinearProgressFoundation;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_index__["MDCFoundation"]);
|
|
|
+
|
|
|
+/* harmony default export */ __webpack_exports__["a"] = (MDCLinearProgressFoundation);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 106 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return cssClasses; });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return strings; });
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2017 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+var cssClasses = {
|
|
|
+ CLOSED_CLASS: 'mdc-linear-progress--closed',
|
|
|
+ INDETERMINATE_CLASS: 'mdc-linear-progress--indeterminate',
|
|
|
+ REVERSED_CLASS: 'mdc-linear-progress--reversed'
|
|
|
+};
|
|
|
+
|
|
|
+var strings = {
|
|
|
+ PRIMARY_BAR_SELECTOR: '.mdc-linear-progress__primary-bar',
|
|
|
+ BUFFER_SELECTOR: '.mdc-linear-progress__buffer'
|
|
|
+};
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 107 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_foundation__ = __webpack_require__(0);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(42);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(108);
|
|
|
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
|
+
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends {MDCFoundation<!MDCLineRippleAdapter>}
|
|
|
+ * @final
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCLineRippleFoundation = function (_MDCFoundation) {
|
|
|
+ _inherits(MDCLineRippleFoundation, _MDCFoundation);
|
|
|
+
|
|
|
+ _createClass(MDCLineRippleFoundation, null, [{
|
|
|
+ key: 'cssClasses',
|
|
|
+
|
|
|
+ /** @return enum {string} */
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */];
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * {@see MDCLineRippleAdapter} for typing information on parameters and return
|
|
|
+ * types.
|
|
|
+ * @return {!MDCLineRippleAdapter}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'defaultAdapter',
|
|
|
+ get: function get() {
|
|
|
+ return (/** @type {!MDCLineRippleAdapter} */{
|
|
|
+ addClass: function addClass() {},
|
|
|
+ removeClass: function removeClass() {},
|
|
|
+ hasClass: function hasClass() {},
|
|
|
+ setStyle: function setStyle() {},
|
|
|
+ registerEventHandler: function registerEventHandler() {},
|
|
|
+ deregisterEventHandler: function deregisterEventHandler() {}
|
|
|
+ }
|
|
|
+ );
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!MDCLineRippleAdapter=} adapter
|
|
|
+ */
|
|
|
+
|
|
|
+ }]);
|
|
|
+
|
|
|
+ function MDCLineRippleFoundation(adapter) {
|
|
|
+ _classCallCheck(this, MDCLineRippleFoundation);
|
|
|
+
|
|
|
+ /** @private {function(!Event): undefined} */
|
|
|
+ var _this = _possibleConstructorReturn(this, (MDCLineRippleFoundation.__proto__ || Object.getPrototypeOf(MDCLineRippleFoundation)).call(this, _extends(MDCLineRippleFoundation.defaultAdapter, adapter)));
|
|
|
+
|
|
|
+ _this.transitionEndHandler_ = function (evt) {
|
|
|
+ return _this.handleTransitionEnd(evt);
|
|
|
+ };
|
|
|
+ return _this;
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCLineRippleFoundation, [{
|
|
|
+ key: 'init',
|
|
|
+ value: function init() {
|
|
|
+ this.adapter_.registerEventHandler('transitionend', this.transitionEndHandler_);
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'destroy',
|
|
|
+ value: function destroy() {
|
|
|
+ this.adapter_.deregisterEventHandler('transitionend', this.transitionEndHandler_);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Activates the line ripple
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'activate',
|
|
|
+ value: function activate() {
|
|
|
+ this.adapter_.removeClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].LINE_RIPPLE_DEACTIVATING);
|
|
|
+ this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].LINE_RIPPLE_ACTIVE);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets the center of the ripple animation to the given X coordinate.
|
|
|
+ * @param {number} xCoordinate
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setRippleCenter',
|
|
|
+ value: function setRippleCenter(xCoordinate) {
|
|
|
+ this.adapter_.setStyle('transform-origin', xCoordinate + 'px center');
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Deactivates the line ripple
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'deactivate',
|
|
|
+ value: function deactivate() {
|
|
|
+ this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].LINE_RIPPLE_DEACTIVATING);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Handles a transition end event
|
|
|
+ * @param {!Event} evt
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'handleTransitionEnd',
|
|
|
+ value: function handleTransitionEnd(evt) {
|
|
|
+ // Wait for the line ripple to be either transparent or opaque
|
|
|
+ // before emitting the animation end event
|
|
|
+ var isDeactivating = this.adapter_.hasClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].LINE_RIPPLE_DEACTIVATING);
|
|
|
+
|
|
|
+ if (evt.propertyName === 'opacity') {
|
|
|
+ if (isDeactivating) {
|
|
|
+ this.adapter_.removeClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].LINE_RIPPLE_ACTIVE);
|
|
|
+ this.adapter_.removeClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].LINE_RIPPLE_DEACTIVATING);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCLineRippleFoundation;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
|
|
|
+
|
|
|
+/* harmony default export */ __webpack_exports__["a"] = (MDCLineRippleFoundation);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 108 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return cssClasses; });
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/** @enum {string} */
|
|
|
+var cssClasses = {
|
|
|
+ LINE_RIPPLE_ACTIVE: 'mdc-line-ripple--active',
|
|
|
+ LINE_RIPPLE_DEACTIVATING: 'mdc-line-ripple--deactivating'
|
|
|
+};
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 109 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MDCMenuFoundation; });
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_foundation__ = __webpack_require__(0);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(110);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(19);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__material_menu_surface_foundation__ = __webpack_require__(20);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__material_list_foundation__ = __webpack_require__(16);
|
|
|
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
|
+
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+var ELEMENTS_KEY_ALLOWED_IN = ['input', 'button', 'textarea', 'select', 'a'];
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends {MDCFoundation<!MDCMenuAdapter>}
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCMenuFoundation = function (_MDCFoundation) {
|
|
|
+ _inherits(MDCMenuFoundation, _MDCFoundation);
|
|
|
+
|
|
|
+ _createClass(MDCMenuFoundation, null, [{
|
|
|
+ key: 'cssClasses',
|
|
|
+
|
|
|
+ /** @return enum{cssClasses} */
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */];
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return enum{strings} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'strings',
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */];
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * {@see MDCMenuAdapter} for typing information on parameters and return
|
|
|
+ * types.
|
|
|
+ * @return {!MDCMenuAdapter}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'defaultAdapter',
|
|
|
+ get: function get() {
|
|
|
+ return (/** @type {!MDCMenuAdapter} */{
|
|
|
+ addClassToElementAtIndex: function addClassToElementAtIndex() {},
|
|
|
+ removeClassFromElementAtIndex: function removeClassFromElementAtIndex() {},
|
|
|
+ addAttributeToElementAtIndex: function addAttributeToElementAtIndex() {},
|
|
|
+ removeAttributeFromElementAtIndex: function removeAttributeFromElementAtIndex() {},
|
|
|
+ elementContainsClass: function elementContainsClass() {},
|
|
|
+ closeSurface: function closeSurface() {},
|
|
|
+ getElementIndex: function getElementIndex() {},
|
|
|
+ getParentElement: function getParentElement() {},
|
|
|
+ getSelectedElementIndex: function getSelectedElementIndex() {},
|
|
|
+ notifySelected: function notifySelected() {}
|
|
|
+ }
|
|
|
+ );
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @param {!MDCMenuAdapter} adapter */
|
|
|
+
|
|
|
+ }]);
|
|
|
+
|
|
|
+ function MDCMenuFoundation(adapter) {
|
|
|
+ _classCallCheck(this, MDCMenuFoundation);
|
|
|
+
|
|
|
+ /** @type {number} */
|
|
|
+ var _this = _possibleConstructorReturn(this, (MDCMenuFoundation.__proto__ || Object.getPrototypeOf(MDCMenuFoundation)).call(this, _extends(MDCMenuFoundation.defaultAdapter, adapter)));
|
|
|
+
|
|
|
+ _this.closeAnimationEndTimerId_ = 0;
|
|
|
+ return _this;
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCMenuFoundation, [{
|
|
|
+ key: 'destroy',
|
|
|
+ value: function destroy() {
|
|
|
+ if (this.closeAnimationEndTimerId_) {
|
|
|
+ clearTimeout(this.closeAnimationEndTimerId_);
|
|
|
+ }
|
|
|
+
|
|
|
+ this.adapter_.closeSurface();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Handler function for the keydown events.
|
|
|
+ * @param {!Event} evt
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'handleKeydown',
|
|
|
+ value: function handleKeydown(evt) {
|
|
|
+ var key = evt.key,
|
|
|
+ keyCode = evt.keyCode;
|
|
|
+
|
|
|
+
|
|
|
+ var isSpace = key === 'Space' || keyCode === 32;
|
|
|
+ var isEnter = key === 'Enter' || keyCode === 13;
|
|
|
+ var isTab = key === 'Tab' || keyCode === 9;
|
|
|
+
|
|
|
+ if (isSpace || isEnter) {
|
|
|
+ this.handleAction_(evt);
|
|
|
+ } else if (isTab) {
|
|
|
+ this.adapter_.closeSurface();
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Handler function for the click events.
|
|
|
+ * @param {!Event} evt
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'handleClick',
|
|
|
+ value: function handleClick(evt) {
|
|
|
+ this.handleAction_(evt);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Combined action handling for click/keypress events.
|
|
|
+ * @param {!Event} evt
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'handleAction_',
|
|
|
+ value: function handleAction_(evt) {
|
|
|
+ var listItem = this.getListItem_( /** @type {HTMLElement} */evt.target);
|
|
|
+ if (listItem) {
|
|
|
+ this.handleSelection(listItem);
|
|
|
+ this.preventDefaultEvent_(evt);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Handler for a selected list item.
|
|
|
+ * @param {?HTMLElement} listItem
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'handleSelection',
|
|
|
+ value: function handleSelection(listItem) {
|
|
|
+ var _this2 = this;
|
|
|
+
|
|
|
+ var index = this.adapter_.getElementIndex(listItem);
|
|
|
+ if (index < 0) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ this.adapter_.notifySelected({ index: index });
|
|
|
+ this.adapter_.closeSurface();
|
|
|
+
|
|
|
+ // Wait for the menu to close before adding/removing classes that affect styles.
|
|
|
+ this.closeAnimationEndTimerId_ = setTimeout(function () {
|
|
|
+ var selectionGroup = _this2.getSelectionGroup_(listItem);
|
|
|
+
|
|
|
+ if (selectionGroup !== null) {
|
|
|
+ _this2.handleSelectionGroup_( /** @type {!HTMLElement} */selectionGroup, index);
|
|
|
+ }
|
|
|
+ }, __WEBPACK_IMPORTED_MODULE_3__material_menu_surface_foundation__["b" /* MDCMenuSurfaceFoundation */].numbers.TRANSITION_CLOSE_DURATION);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Handles toggling the selected classes in a selection group when a
|
|
|
+ * selection is made.
|
|
|
+ * @param {!HTMLElement} selectionGroup
|
|
|
+ * @param {number} index The selected index value
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'handleSelectionGroup_',
|
|
|
+ value: function handleSelectionGroup_(selectionGroup, index) {
|
|
|
+ // De-select the previous selection in this group.
|
|
|
+ var selectedIndex = this.adapter_.getSelectedElementIndex(selectionGroup);
|
|
|
+ if (selectedIndex >= 0) {
|
|
|
+ this.adapter_.removeAttributeFromElementAtIndex(selectedIndex, __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */].ARIA_SELECTED_ATTR);
|
|
|
+ this.adapter_.removeClassFromElementAtIndex(selectedIndex, __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].MENU_SELECTED_LIST_ITEM);
|
|
|
+ }
|
|
|
+ // Select the new list item in this group.
|
|
|
+ this.adapter_.addClassToElementAtIndex(index, __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].MENU_SELECTED_LIST_ITEM);
|
|
|
+ this.adapter_.addAttributeToElementAtIndex(index, __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */].ARIA_SELECTED_ATTR, 'true');
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns the parent selection group of an element if one exists.
|
|
|
+ * @param listItem
|
|
|
+ * @return {?HTMLElement} parent selection group element or null.
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getSelectionGroup_',
|
|
|
+ value: function getSelectionGroup_(listItem) {
|
|
|
+ var parent = this.adapter_.getParentElement(listItem);
|
|
|
+ var isGroup = this.adapter_.elementContainsClass(parent, __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].MENU_SELECTION_GROUP);
|
|
|
+
|
|
|
+ // Iterate through ancestors until we find the group or get to the list.
|
|
|
+ while (!isGroup && !this.adapter_.elementContainsClass(parent, __WEBPACK_IMPORTED_MODULE_4__material_list_foundation__["a" /* default */].cssClasses.ROOT)) {
|
|
|
+ parent = this.adapter_.getParentElement(parent);
|
|
|
+ isGroup = this.adapter_.elementContainsClass(parent, __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].MENU_SELECTION_GROUP);
|
|
|
+ }
|
|
|
+
|
|
|
+ if (isGroup) {
|
|
|
+ return parent;
|
|
|
+ } else {
|
|
|
+ return null;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Find the first ancestor with the mdc-list-item class.
|
|
|
+ * @param {?HTMLElement} target
|
|
|
+ * @return {?HTMLElement}
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getListItem_',
|
|
|
+ value: function getListItem_(target) {
|
|
|
+ var isListItem = this.adapter_.elementContainsClass(target, __WEBPACK_IMPORTED_MODULE_4__material_list_foundation__["a" /* default */].cssClasses.LIST_ITEM_CLASS);
|
|
|
+
|
|
|
+ while (!isListItem) {
|
|
|
+ target = this.adapter_.getParentElement(target);
|
|
|
+ if (target) {
|
|
|
+ isListItem = this.adapter_.elementContainsClass(target, __WEBPACK_IMPORTED_MODULE_4__material_list_foundation__["a" /* default */].cssClasses.LIST_ITEM_CLASS);
|
|
|
+ } else {
|
|
|
+ // target has no parent element.
|
|
|
+ return null;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ return target;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Ensures that preventDefault is only called if the containing element doesn't
|
|
|
+ * consume the event, and it will cause an unintended scroll.
|
|
|
+ * @param {!Event} evt
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'preventDefaultEvent_',
|
|
|
+ value: function preventDefaultEvent_(evt) {
|
|
|
+ var target = /** @type {!HTMLElement} */evt.target;
|
|
|
+ var tagName = ('' + target.tagName).toLowerCase();
|
|
|
+ if (ELEMENTS_KEY_ALLOWED_IN.indexOf(tagName) === -1) {
|
|
|
+ evt.preventDefault();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCMenuFoundation;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 110 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* unused harmony export MDCMenuAdapter */
|
|
|
+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"); } }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/* eslint no-unused-vars: [2, {"args": "none"}] */
|
|
|
+
|
|
|
+/**
|
|
|
+ * Adapter for MDC Menu. Provides an interface for managing
|
|
|
+ * - selected element classes
|
|
|
+ * - get focused elements
|
|
|
+ * - toggling a checkbox inside a list item
|
|
|
+ *
|
|
|
+ * Additionally, provides type information for the adapter to the Closure
|
|
|
+ * compiler.
|
|
|
+ *
|
|
|
+ * Implement this adapter for your framework of choice to delegate updates to
|
|
|
+ * the component in your framework of choice. See architecture documentation
|
|
|
+ * for more details.
|
|
|
+ * https://github.com/material-components/material-components-web/blob/master/docs/code/architecture.md
|
|
|
+ *
|
|
|
+ * @record
|
|
|
+ */
|
|
|
+var MDCMenuAdapter = function () {
|
|
|
+ function MDCMenuAdapter() {
|
|
|
+ _classCallCheck(this, MDCMenuAdapter);
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCMenuAdapter, [{
|
|
|
+ key: "addClassToElementAtIndex",
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Adds a class to the element at the index provided.
|
|
|
+ * @param {number} index
|
|
|
+ * @param {string} className
|
|
|
+ */
|
|
|
+ value: function addClassToElementAtIndex(index, className) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Removes a class from the element at the index provided
|
|
|
+ * @param {number} index
|
|
|
+ * @param {string} className
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "removeClassFromElementAtIndex",
|
|
|
+ value: function removeClassFromElementAtIndex(index, className) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Adds an attribute, with value, to the element at the index provided.
|
|
|
+ * @param {number} index
|
|
|
+ * @param {string} attr
|
|
|
+ * @param {string} value
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "addAttributeToElementAtIndex",
|
|
|
+ value: function addAttributeToElementAtIndex(index, attr, value) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Removes an attribute from an element at the index provided.
|
|
|
+ * @param {number} index
|
|
|
+ * @param {string} attr
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "removeAttributeFromElementAtIndex",
|
|
|
+ value: function removeAttributeFromElementAtIndex(index, attr) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns true if the element contains the className.
|
|
|
+ * @param {?HTMLElement} element
|
|
|
+ * @param {string} className
|
|
|
+ * @return {boolean} true if the element contains the className
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "elementContainsClass",
|
|
|
+ value: function elementContainsClass(element, className) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Closes the menu-surface.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "closeSurface",
|
|
|
+ value: function closeSurface() {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns the index for the element provided.
|
|
|
+ * @param {?HTMLElement} element
|
|
|
+ * @return {number} index of the element in the list or -1 if it is not in the list.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "getElementIndex",
|
|
|
+ value: function getElementIndex(element) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns the parentElement of the provided element.
|
|
|
+ * @param {?HTMLElement} element
|
|
|
+ * @return {?HTMLElement} parentElement of the element provided.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "getParentElement",
|
|
|
+ value: function getParentElement(element) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns the element within the selectionGroup containing the selected element class.
|
|
|
+ * @param {!HTMLElement} selectionGroup
|
|
|
+ * @return {number} element within the selectionGroup that contains the selected element class.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "getSelectedElementIndex",
|
|
|
+ value: function getSelectedElementIndex(selectionGroup) {}
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Emits an event using the evtData.
|
|
|
+ * @param {{
|
|
|
+ * index: number
|
|
|
+ * }} evtData
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "notifySelected",
|
|
|
+ value: function notifySelected(evtData) {}
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCMenuAdapter;
|
|
|
+}();
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 111 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getTransformPropertyName", function() { return getTransformPropertyName; });
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/** @type {string|undefined} */
|
|
|
+var storedTransformPropertyName_ = void 0;
|
|
|
+
|
|
|
+/**
|
|
|
+ * Returns the name of the correct transform property to use on the current browser.
|
|
|
+ * @param {!Window} globalObj
|
|
|
+ * @param {boolean=} forceRefresh
|
|
|
+ * @return {string}
|
|
|
+ */
|
|
|
+function getTransformPropertyName(globalObj) {
|
|
|
+ var forceRefresh = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
|
+
|
|
|
+ if (storedTransformPropertyName_ === undefined || forceRefresh) {
|
|
|
+ var el = globalObj.document.createElement('div');
|
|
|
+ var transformPropertyName = 'transform' in el.style ? 'transform' : 'webkitTransform';
|
|
|
+ storedTransformPropertyName_ = transformPropertyName;
|
|
|
+ }
|
|
|
+
|
|
|
+ return storedTransformPropertyName_;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 112 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_foundation__ = __webpack_require__(0);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(46);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(47);
|
|
|
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
|
+
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2017 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends {MDCFoundation<!MDCNotchedOutlineAdapter>}
|
|
|
+ * @final
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCNotchedOutlineFoundation = function (_MDCFoundation) {
|
|
|
+ _inherits(MDCNotchedOutlineFoundation, _MDCFoundation);
|
|
|
+
|
|
|
+ _createClass(MDCNotchedOutlineFoundation, null, [{
|
|
|
+ key: 'strings',
|
|
|
+
|
|
|
+ /** @return enum {string} */
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_2__constants__["c" /* strings */];
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return enum {string} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'cssClasses',
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */];
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return enum {number} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'numbers',
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* numbers */];
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * {@see MDCNotchedOutlineAdapter} for typing information on parameters and return
|
|
|
+ * types.
|
|
|
+ * @return {!MDCNotchedOutlineAdapter}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'defaultAdapter',
|
|
|
+ get: function get() {
|
|
|
+ return (/** @type {!MDCNotchedOutlineAdapter} */{
|
|
|
+ getWidth: function getWidth() {},
|
|
|
+ getHeight: function getHeight() {},
|
|
|
+ addClass: function addClass() {},
|
|
|
+ removeClass: function removeClass() {},
|
|
|
+ setOutlinePathAttr: function setOutlinePathAttr() {},
|
|
|
+ getIdleOutlineStyleValue: function getIdleOutlineStyleValue() {}
|
|
|
+ }
|
|
|
+ );
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!MDCNotchedOutlineAdapter} adapter
|
|
|
+ */
|
|
|
+
|
|
|
+ }]);
|
|
|
+
|
|
|
+ function MDCNotchedOutlineFoundation(adapter) {
|
|
|
+ _classCallCheck(this, MDCNotchedOutlineFoundation);
|
|
|
+
|
|
|
+ return _possibleConstructorReturn(this, (MDCNotchedOutlineFoundation.__proto__ || Object.getPrototypeOf(MDCNotchedOutlineFoundation)).call(this, _extends(MDCNotchedOutlineFoundation.defaultAdapter, adapter)));
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Adds the outline notched selector and updates the notch width
|
|
|
+ * calculated based off of notchWidth and isRtl.
|
|
|
+ * @param {number} notchWidth
|
|
|
+ * @param {boolean=} isRtl
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+ _createClass(MDCNotchedOutlineFoundation, [{
|
|
|
+ key: 'notch',
|
|
|
+ value: function notch(notchWidth) {
|
|
|
+ var isRtl = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
|
+ var OUTLINE_NOTCHED = MDCNotchedOutlineFoundation.cssClasses.OUTLINE_NOTCHED;
|
|
|
+
|
|
|
+ this.adapter_.addClass(OUTLINE_NOTCHED);
|
|
|
+ this.updateSvgPath_(notchWidth, isRtl);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Removes notched outline selector to close the notch in the outline.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'closeNotch',
|
|
|
+ value: function closeNotch() {
|
|
|
+ var OUTLINE_NOTCHED = MDCNotchedOutlineFoundation.cssClasses.OUTLINE_NOTCHED;
|
|
|
+
|
|
|
+ this.adapter_.removeClass(OUTLINE_NOTCHED);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Updates the SVG path of the focus outline element based on the notchWidth
|
|
|
+ * and the RTL context.
|
|
|
+ * @param {number} notchWidth
|
|
|
+ * @param {boolean=} isRtl
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'updateSvgPath_',
|
|
|
+ value: function updateSvgPath_(notchWidth, isRtl) {
|
|
|
+ // Fall back to reading a specific corner's style because Firefox doesn't report the style on border-radius.
|
|
|
+ var radiusStyleValue = this.adapter_.getIdleOutlineStyleValue('border-radius') || this.adapter_.getIdleOutlineStyleValue('border-top-left-radius');
|
|
|
+ var radius = parseFloat(radiusStyleValue);
|
|
|
+ var width = this.adapter_.getWidth();
|
|
|
+ var height = this.adapter_.getHeight();
|
|
|
+ var cornerWidth = radius + 1.2;
|
|
|
+ var leadingStrokeLength = Math.max(0, __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* numbers */].MIN_LEADING_STROKE_EDGE_POSITION - radius - 1.2);
|
|
|
+
|
|
|
+ // If the notchWidth is 0, the the notched outline doesn't need to add padding.
|
|
|
+ var paddedNotchWidth = 0;
|
|
|
+ if (notchWidth > 0) {
|
|
|
+ paddedNotchWidth = notchWidth + 2 * __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* numbers */].NOTCH_GUTTER_SIZE;
|
|
|
+ }
|
|
|
+
|
|
|
+ // The right, bottom, and left sides of the outline follow the same SVG path.
|
|
|
+ var pathMiddle = 'a' + radius + ',' + radius + ' 0 0 1 ' + radius + ',' + radius + 'v' + (height - 2 * cornerWidth) + 'a' + radius + ',' + radius + ' 0 0 1 ' + -radius + ',' + radius + 'h' + (-width + 2 * cornerWidth) + 'a' + radius + ',' + radius + ' 0 0 1 ' + -radius + ',' + -radius + 'v' + (-height + 2 * cornerWidth) + 'a' + radius + ',' + radius + ' 0 0 1 ' + radius + ',' + -radius;
|
|
|
+
|
|
|
+ var path = void 0;
|
|
|
+ if (!isRtl) {
|
|
|
+ path = 'M' + (cornerWidth + leadingStrokeLength + paddedNotchWidth) + ',' + 1 + 'h' + (width - 2 * cornerWidth - paddedNotchWidth - leadingStrokeLength) + pathMiddle + 'h' + leadingStrokeLength;
|
|
|
+ } else {
|
|
|
+ path = 'M' + (width - cornerWidth - leadingStrokeLength) + ',' + 1 + 'h' + leadingStrokeLength + pathMiddle + 'h' + (width - 2 * cornerWidth - paddedNotchWidth - leadingStrokeLength);
|
|
|
+ }
|
|
|
+
|
|
|
+ this.adapter_.setOutlinePathAttr(path);
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCNotchedOutlineFoundation;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
|
|
|
+
|
|
|
+/* harmony default export */ __webpack_exports__["a"] = (MDCNotchedOutlineFoundation);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 113 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCRadio", function() { return MDCRadio; });
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_component__ = __webpack_require__(1);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_selection_control_index__ = __webpack_require__(4);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__foundation__ = __webpack_require__(114);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__material_ripple_index__ = __webpack_require__(2);
|
|
|
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCRadioFoundation", function() { return __WEBPACK_IMPORTED_MODULE_2__foundation__["a"]; });
|
|
|
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
|
+
|
|
|
+var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
|
|
|
+
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2016 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+/* eslint-disable no-unused-vars */
|
|
|
+
|
|
|
+/* eslint-enable no-unused-vars */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends MDCComponent<!MDCRadioFoundation>
|
|
|
+ * @implements {MDCSelectionControl}
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCRadio = function (_MDCComponent) {
|
|
|
+ _inherits(MDCRadio, _MDCComponent);
|
|
|
+
|
|
|
+ _createClass(MDCRadio, [{
|
|
|
+ key: 'checked',
|
|
|
+
|
|
|
+
|
|
|
+ /** @return {boolean} */
|
|
|
+ get: function get() {
|
|
|
+ return this.nativeControl_.checked;
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @param {boolean} checked */
|
|
|
+ ,
|
|
|
+ set: function set(checked) {
|
|
|
+ this.nativeControl_.checked = checked;
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return {boolean} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'disabled',
|
|
|
+ get: function get() {
|
|
|
+ return this.nativeControl_.disabled;
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @param {boolean} disabled */
|
|
|
+ ,
|
|
|
+ set: function set(disabled) {
|
|
|
+ this.foundation_.setDisabled(disabled);
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return {?string} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'value',
|
|
|
+ get: function get() {
|
|
|
+ return this.nativeControl_.value;
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @param {?string} value */
|
|
|
+ ,
|
|
|
+ set: function set(value) {
|
|
|
+ this.nativeControl_.value = value;
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return {!MDCRipple} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'ripple',
|
|
|
+ get: function get() {
|
|
|
+ return this.ripple_;
|
|
|
+ }
|
|
|
+ }], [{
|
|
|
+ key: 'attachTo',
|
|
|
+ value: function attachTo(root) {
|
|
|
+ return new MDCRadio(root);
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ function MDCRadio() {
|
|
|
+ var _ref;
|
|
|
+
|
|
|
+ _classCallCheck(this, MDCRadio);
|
|
|
+
|
|
|
+ for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
|
|
+ args[_key] = arguments[_key];
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @private {!MDCRipple} */
|
|
|
+ var _this = _possibleConstructorReturn(this, (_ref = MDCRadio.__proto__ || Object.getPrototypeOf(MDCRadio)).call.apply(_ref, [this].concat(args)));
|
|
|
+
|
|
|
+ _this.ripple_ = _this.initRipple_();
|
|
|
+ return _this;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {!MDCRipple}
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+ _createClass(MDCRadio, [{
|
|
|
+ key: 'initRipple_',
|
|
|
+ value: function initRipple_() {
|
|
|
+ var _this2 = this;
|
|
|
+
|
|
|
+ var adapter = _extends(__WEBPACK_IMPORTED_MODULE_3__material_ripple_index__["MDCRipple"].createAdapter(this), {
|
|
|
+ isUnbounded: function isUnbounded() {
|
|
|
+ return true;
|
|
|
+ },
|
|
|
+ // Radio buttons technically go "active" whenever there is *any* keyboard interaction. This is not the
|
|
|
+ // UI we desire.
|
|
|
+ isSurfaceActive: function isSurfaceActive() {
|
|
|
+ return false;
|
|
|
+ },
|
|
|
+ registerInteractionHandler: function registerInteractionHandler(type, handler) {
|
|
|
+ return _this2.nativeControl_.addEventListener(type, handler);
|
|
|
+ },
|
|
|
+ deregisterInteractionHandler: function deregisterInteractionHandler(type, handler) {
|
|
|
+ return _this2.nativeControl_.removeEventListener(type, handler);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ var foundation = new __WEBPACK_IMPORTED_MODULE_3__material_ripple_index__["MDCRippleFoundation"](adapter);
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_3__material_ripple_index__["MDCRipple"](this.root_, foundation);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns the state of the native control element, or null if the native control element is not present.
|
|
|
+ * @return {?MDCSelectionControlState}
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'destroy',
|
|
|
+ value: function destroy() {
|
|
|
+ this.ripple_.destroy();
|
|
|
+ _get(MDCRadio.prototype.__proto__ || Object.getPrototypeOf(MDCRadio.prototype), 'destroy', this).call(this);
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return {!MDCRadioFoundation} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getDefaultFoundation',
|
|
|
+ value: function getDefaultFoundation() {
|
|
|
+ var _this3 = this;
|
|
|
+
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */]({
|
|
|
+ addClass: function addClass(className) {
|
|
|
+ return _this3.root_.classList.add(className);
|
|
|
+ },
|
|
|
+ removeClass: function removeClass(className) {
|
|
|
+ return _this3.root_.classList.remove(className);
|
|
|
+ },
|
|
|
+ setNativeControlDisabled: function setNativeControlDisabled(disabled) {
|
|
|
+ return _this3.nativeControl_.disabled = disabled;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'nativeControl_',
|
|
|
+ get: function get() {
|
|
|
+ var NATIVE_CONTROL_SELECTOR = __WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */].strings.NATIVE_CONTROL_SELECTOR;
|
|
|
+
|
|
|
+ var el = /** @type {?MDCSelectionControlState} */this.root_.querySelector(NATIVE_CONTROL_SELECTOR);
|
|
|
+ return el;
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCRadio;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_component__["a" /* default */]);
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 114 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_foundation__ = __webpack_require__(0);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_selection_control_index__ = __webpack_require__(4);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__adapter__ = __webpack_require__(115);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__constants__ = __webpack_require__(116);
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2016 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+/* eslint-disable no-unused-vars */
|
|
|
+
|
|
|
+
|
|
|
+/* eslint-enable no-unused-vars */
|
|
|
+
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends {MDCFoundation<!MDCRadioAdapter>}
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCRadioFoundation = function (_MDCFoundation) {
|
|
|
+ _inherits(MDCRadioFoundation, _MDCFoundation);
|
|
|
+
|
|
|
+ function MDCRadioFoundation() {
|
|
|
+ _classCallCheck(this, MDCRadioFoundation);
|
|
|
+
|
|
|
+ return _possibleConstructorReturn(this, (MDCRadioFoundation.__proto__ || Object.getPrototypeOf(MDCRadioFoundation)).apply(this, arguments));
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCRadioFoundation, [{
|
|
|
+ key: 'setDisabled',
|
|
|
+
|
|
|
+
|
|
|
+ /** @param {boolean} disabled */
|
|
|
+ value: function setDisabled(disabled) {
|
|
|
+ var DISABLED = MDCRadioFoundation.cssClasses.DISABLED;
|
|
|
+
|
|
|
+ this.adapter_.setNativeControlDisabled(disabled);
|
|
|
+ if (disabled) {
|
|
|
+ this.adapter_.addClass(DISABLED);
|
|
|
+ } else {
|
|
|
+ this.adapter_.removeClass(DISABLED);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }], [{
|
|
|
+ key: 'cssClasses',
|
|
|
+
|
|
|
+ /** @return enum {cssClasses} */
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_3__constants__["a" /* cssClasses */];
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return enum {strings} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'strings',
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_3__constants__["b" /* strings */];
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return {!MDCRadioAdapter} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'defaultAdapter',
|
|
|
+ get: function get() {
|
|
|
+ return (/** @type {!MDCRadioAdapter} */{
|
|
|
+ addClass: function addClass() /* className: string */{},
|
|
|
+ removeClass: function removeClass() /* className: string */{},
|
|
|
+ setNativeControlDisabled: function setNativeControlDisabled() /* disabled: boolean */{}
|
|
|
+ }
|
|
|
+ );
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCRadioFoundation;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
|
|
|
+
|
|
|
+/* harmony default export */ __webpack_exports__["a"] = (MDCRadioFoundation);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 115 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_selection_control_index__ = __webpack_require__(4);
|
|
|
+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"); } }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2016 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/* eslint-disable no-unused-vars */
|
|
|
+
|
|
|
+
|
|
|
+/* eslint no-unused-vars: [2, {"args": "none"}] */
|
|
|
+
|
|
|
+/**
|
|
|
+ * Adapter for MDC Radio. Provides an interface for managing
|
|
|
+ * - classes
|
|
|
+ * - dom
|
|
|
+ *
|
|
|
+ * Additionally, provides type information for the adapter to the Closure
|
|
|
+ * compiler.
|
|
|
+ *
|
|
|
+ * Implement this adapter for your framework of choice to delegate updates to
|
|
|
+ * the component in your framework of choice. See architecture documentation
|
|
|
+ * for more details.
|
|
|
+ * https://github.com/material-components/material-components-web/blob/master/docs/code/architecture.md
|
|
|
+ *
|
|
|
+ * @record
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCRadioAdapter = function () {
|
|
|
+ function MDCRadioAdapter() {
|
|
|
+ _classCallCheck(this, MDCRadioAdapter);
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCRadioAdapter, [{
|
|
|
+ key: 'addClass',
|
|
|
+
|
|
|
+ /** @param {string} className */
|
|
|
+ value: function addClass(className) {}
|
|
|
+
|
|
|
+ /** @param {string} className */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'removeClass',
|
|
|
+ value: function removeClass(className) {}
|
|
|
+
|
|
|
+ /** @param {boolean} disabled */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setNativeControlDisabled',
|
|
|
+ value: function setNativeControlDisabled(disabled) {}
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCRadioAdapter;
|
|
|
+}();
|
|
|
+
|
|
|
+/* unused harmony default export */ var _unused_webpack_default_export = (MDCRadioAdapter);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 116 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return strings; });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return cssClasses; });
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2016 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/** @enum {string} */
|
|
|
+var strings = {
|
|
|
+ NATIVE_CONTROL_SELECTOR: '.mdc-radio__native-control'
|
|
|
+};
|
|
|
+
|
|
|
+/** @enum {string} */
|
|
|
+var cssClasses = {
|
|
|
+ ROOT: 'mdc-radio',
|
|
|
+ DISABLED: 'mdc-radio--disabled'
|
|
|
+};
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 117 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCSelect", function() { return MDCSelect; });
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_index__ = __webpack_require__(3);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_floating_label_index__ = __webpack_require__(17);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__material_line_ripple_index__ = __webpack_require__(18);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__material_menu_index__ = __webpack_require__(43);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__material_ripple_index__ = __webpack_require__(2);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__material_notched_outline_index__ = __webpack_require__(22);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__foundation__ = __webpack_require__(118);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__constants__ = __webpack_require__(51);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__adapter__ = __webpack_require__(48);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__icon_index__ = __webpack_require__(23);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__helper_text_index__ = __webpack_require__(24);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__material_menu_surface_constants__ = __webpack_require__(21);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__material_menu_constants__ = __webpack_require__(19);
|
|
|
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCSelectFoundation", function() { return __WEBPACK_IMPORTED_MODULE_6__foundation__["a"]; });
|
|
|
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
|
+
|
|
|
+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; }; }();
|
|
|
+
|
|
|
+var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
|
|
|
+
|
|
|
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2016 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/* eslint-disable no-unused-vars */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/* eslint-enable no-unused-vars */
|
|
|
+
|
|
|
+// Closure has issues with {this as that} syntax.
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+var VALIDATION_ATTR_WHITELIST = ['required', 'aria-required'];
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends MDCComponent<!MDCSelectFoundation>
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCSelect = function (_MDCComponent) {
|
|
|
+ _inherits(MDCSelect, _MDCComponent);
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {...?} args
|
|
|
+ */
|
|
|
+ function MDCSelect() {
|
|
|
+ var _ref;
|
|
|
+
|
|
|
+ _classCallCheck(this, MDCSelect);
|
|
|
+
|
|
|
+ for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
|
|
+ args[_key] = arguments[_key];
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @private {?Element} */
|
|
|
+ var _this = _possibleConstructorReturn(this, (_ref = MDCSelect.__proto__ || Object.getPrototypeOf(MDCSelect)).call.apply(_ref, [this].concat(args)));
|
|
|
+
|
|
|
+ _this.nativeControl_;
|
|
|
+ /** @private {?Element} */
|
|
|
+ _this.selectedText_;
|
|
|
+ /** @private {?Element} */
|
|
|
+ _this.hiddenInput_;
|
|
|
+ /** @private {?MDCSelectIcon} */
|
|
|
+ _this.leadingIcon_;
|
|
|
+ /** @private {?MDCSelectHelperText} */
|
|
|
+ _this.helperText_;
|
|
|
+ /** @private {?Element} */
|
|
|
+ _this.menuElement_;
|
|
|
+ /** @type {?MDCMenu} */
|
|
|
+ _this.menu_;
|
|
|
+ /** @type {?MDCRipple} */
|
|
|
+ _this.ripple;
|
|
|
+ /** @private {?MDCLineRipple} */
|
|
|
+ _this.lineRipple_;
|
|
|
+ /** @private {?MDCFloatingLabel} */
|
|
|
+ _this.label_;
|
|
|
+ /** @private {?MDCNotchedOutline} */
|
|
|
+ _this.outline_;
|
|
|
+ /** @private {!Function} */
|
|
|
+ _this.handleChange_;
|
|
|
+ /** @private {!Function} */
|
|
|
+ _this.handleFocus_;
|
|
|
+ /** @private {!Function} */
|
|
|
+ _this.handleBlur_;
|
|
|
+ /** @private {!Function} */
|
|
|
+ _this.handleClick_;
|
|
|
+ /** @private {!Function} */
|
|
|
+ _this.handleKeydown_;
|
|
|
+ /** @private {!Function} */
|
|
|
+ _this.handleMenuOpened_;
|
|
|
+ /** @private {!Function} */
|
|
|
+ _this.handleMenuClosed_;
|
|
|
+ /** @private {!Function} */
|
|
|
+ _this.handleMenuSelected_;
|
|
|
+ /** @private {boolean} */
|
|
|
+ _this.menuOpened_ = false;
|
|
|
+ /** @private {!MutationObserver} */
|
|
|
+ _this.validationObserver_;
|
|
|
+ return _this;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!Element} root
|
|
|
+ * @return {!MDCSelect}
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+ _createClass(MDCSelect, [{
|
|
|
+ key: 'layout',
|
|
|
+
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Recomputes the outline SVG path for the outline element.
|
|
|
+ */
|
|
|
+ value: function layout() {
|
|
|
+ this.foundation_.layout();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {(function(!Element): !MDCLineRipple)=} lineRippleFactory A function which creates a new MDCLineRipple.
|
|
|
+ * @param {(function(!Element): !MDCFloatingLabel)=} labelFactory A function which creates a new MDCFloatingLabel.
|
|
|
+ * @param {(function(!Element): !MDCNotchedOutline)=} outlineFactory A function which creates a new MDCNotchedOutline.
|
|
|
+ * @param {(function(!Element): !MDCMenu)=} menuFactory A function which creates a new MDCMenu.
|
|
|
+ * @param {(function(!Element): !MDCSelectIcon)=} iconFactory A function which creates a new MDCSelectIcon.
|
|
|
+ * @param {(function(!Element): !MDCSelectHelperText)=} helperTextFactory A function which creates a new
|
|
|
+ * MDCSelectHelperText.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'initialize',
|
|
|
+ value: function initialize() {
|
|
|
+ var labelFactory = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : function (el) {
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_1__material_floating_label_index__["MDCFloatingLabel"](el);
|
|
|
+ };
|
|
|
+ var lineRippleFactory = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function (el) {
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_2__material_line_ripple_index__["MDCLineRipple"](el);
|
|
|
+ };
|
|
|
+ var outlineFactory = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : function (el) {
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_5__material_notched_outline_index__["MDCNotchedOutline"](el);
|
|
|
+ };
|
|
|
+ var menuFactory = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : function (el) {
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_3__material_menu_index__["MDCMenu"](el);
|
|
|
+ };
|
|
|
+ var iconFactory = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : function (el) {
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_9__icon_index__["a" /* MDCSelectIcon */](el);
|
|
|
+ };
|
|
|
+ var helperTextFactory = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : function (el) {
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_10__helper_text_index__["a" /* MDCSelectHelperText */](el);
|
|
|
+ };
|
|
|
+
|
|
|
+ this.nativeControl_ = /** @type {HTMLElement} */this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_7__constants__["c" /* strings */].NATIVE_CONTROL_SELECTOR);
|
|
|
+ this.selectedText_ = /** @type {HTMLElement} */this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_7__constants__["c" /* strings */].SELECTED_TEXT_SELECTOR);
|
|
|
+
|
|
|
+ if (this.selectedText_) {
|
|
|
+ this.enhancedSelectSetup_(menuFactory);
|
|
|
+ }
|
|
|
+
|
|
|
+ var labelElement = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_7__constants__["c" /* strings */].LABEL_SELECTOR);
|
|
|
+ if (labelElement) {
|
|
|
+ this.label_ = labelFactory(labelElement);
|
|
|
+ }
|
|
|
+ var lineRippleElement = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_7__constants__["c" /* strings */].LINE_RIPPLE_SELECTOR);
|
|
|
+ if (lineRippleElement) {
|
|
|
+ this.lineRipple_ = lineRippleFactory(lineRippleElement);
|
|
|
+ }
|
|
|
+ var outlineElement = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_7__constants__["c" /* strings */].OUTLINE_SELECTOR);
|
|
|
+ if (outlineElement) {
|
|
|
+ this.outline_ = outlineFactory(outlineElement);
|
|
|
+ }
|
|
|
+
|
|
|
+ var leadingIcon = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_7__constants__["c" /* strings */].LEADING_ICON_SELECTOR);
|
|
|
+ if (leadingIcon) {
|
|
|
+ this.root_.classList.add(__WEBPACK_IMPORTED_MODULE_7__constants__["a" /* cssClasses */].WITH_LEADING_ICON);
|
|
|
+ this.leadingIcon_ = iconFactory(leadingIcon);
|
|
|
+
|
|
|
+ if (this.menuElement_) {
|
|
|
+ this.menuElement_.classList.add(__WEBPACK_IMPORTED_MODULE_7__constants__["a" /* cssClasses */].WITH_LEADING_ICON);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ var element = this.nativeControl_ ? this.nativeControl_ : this.selectedText_;
|
|
|
+ if (element.hasAttribute(__WEBPACK_IMPORTED_MODULE_7__constants__["c" /* strings */].ARIA_CONTROLS)) {
|
|
|
+ var helperTextElement = document.getElementById(element.getAttribute(__WEBPACK_IMPORTED_MODULE_7__constants__["c" /* strings */].ARIA_CONTROLS));
|
|
|
+ if (helperTextElement) {
|
|
|
+ this.helperText_ = helperTextFactory(helperTextElement);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ if (!this.root_.classList.contains(__WEBPACK_IMPORTED_MODULE_7__constants__["a" /* cssClasses */].OUTLINED)) {
|
|
|
+ this.ripple = this.initRipple_();
|
|
|
+ }
|
|
|
+
|
|
|
+ // The required state needs to be sync'd before the mutation observer is added.
|
|
|
+ this.initialSyncRequiredState_();
|
|
|
+ this.addMutationObserverForRequired_();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Handles setup for the enhanced menu.
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'enhancedSelectSetup_',
|
|
|
+ value: function enhancedSelectSetup_(menuFactory) {
|
|
|
+ var isDisabled = this.root_.classList.contains(__WEBPACK_IMPORTED_MODULE_7__constants__["a" /* cssClasses */].DISABLED);
|
|
|
+ this.selectedText_.setAttribute('tabindex', isDisabled ? '-1' : '0');
|
|
|
+ this.hiddenInput_ = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_7__constants__["c" /* strings */].HIDDEN_INPUT_SELECTOR);
|
|
|
+ this.menuElement_ = /** @type {HTMLElement} */this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_7__constants__["c" /* strings */].MENU_SELECTOR);
|
|
|
+ this.menu_ = menuFactory(this.menuElement_);
|
|
|
+ this.menu_.hoistMenuToBody();
|
|
|
+ this.menu_.setAnchorElement( /** @type {!HTMLElement} */this.root_);
|
|
|
+ this.menu_.setAnchorCorner(__WEBPACK_IMPORTED_MODULE_11__material_menu_surface_constants__["a" /* Corner */].BOTTOM_START);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @private
|
|
|
+ * @return {!MDCRipple}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'initRipple_',
|
|
|
+ value: function initRipple_() {
|
|
|
+ var element = this.nativeControl_ ? this.nativeControl_ : this.selectedText_;
|
|
|
+ var adapter = _extends(__WEBPACK_IMPORTED_MODULE_4__material_ripple_index__["MDCRipple"].createAdapter(this), {
|
|
|
+ registerInteractionHandler: function registerInteractionHandler(type, handler) {
|
|
|
+ return element.addEventListener(type, handler);
|
|
|
+ },
|
|
|
+ deregisterInteractionHandler: function deregisterInteractionHandler(type, handler) {
|
|
|
+ return element.removeEventListener(type, handler);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ var foundation = new __WEBPACK_IMPORTED_MODULE_4__material_ripple_index__["MDCRippleFoundation"](adapter);
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_4__material_ripple_index__["MDCRipple"](this.root_, foundation);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Initializes the select's event listeners and internal state based
|
|
|
+ * on the environment's state.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'initialSyncWithDOM',
|
|
|
+ value: function initialSyncWithDOM() {
|
|
|
+ var _this2 = this;
|
|
|
+
|
|
|
+ this.handleChange_ = function () {
|
|
|
+ return _this2.foundation_.handleChange( /* didChange */true);
|
|
|
+ };
|
|
|
+ this.handleFocus_ = function () {
|
|
|
+ return _this2.foundation_.handleFocus();
|
|
|
+ };
|
|
|
+ this.handleBlur_ = function () {
|
|
|
+ return _this2.foundation_.handleBlur();
|
|
|
+ };
|
|
|
+ this.handleClick_ = function (evt) {
|
|
|
+ if (_this2.selectedText_) _this2.selectedText_.focus();
|
|
|
+ _this2.foundation_.handleClick(_this2.getNormalizedXCoordinate_(evt));
|
|
|
+ };
|
|
|
+ this.handleKeydown_ = function (evt) {
|
|
|
+ return _this2.foundation_.handleKeydown(evt);
|
|
|
+ };
|
|
|
+ this.handleMenuSelected_ = function (evtData) {
|
|
|
+ return _this2.selectedIndex = evtData.detail.index;
|
|
|
+ };
|
|
|
+ this.handleMenuOpened_ = function () {
|
|
|
+ // Menu should open to the last selected element.
|
|
|
+ if (_this2.selectedIndex >= 0) {
|
|
|
+ _this2.menu_.items[_this2.selectedIndex].focus();
|
|
|
+ }
|
|
|
+ };
|
|
|
+ this.handleMenuClosed_ = function () {
|
|
|
+ // menuOpened_ is used to track the state of the menu opening or closing since the menu.open function
|
|
|
+ // will return false if the menu is still closing and this method listens to the closed event which
|
|
|
+ // occurs after the menu is already closed.
|
|
|
+ _this2.menuOpened_ = false;
|
|
|
+ _this2.selectedText_.removeAttribute('aria-expanded');
|
|
|
+ if (document.activeElement !== _this2.selectedText_) {
|
|
|
+ _this2.foundation_.handleBlur();
|
|
|
+ }
|
|
|
+ };
|
|
|
+
|
|
|
+ var element = this.nativeControl_ ? this.nativeControl_ : this.selectedText_;
|
|
|
+
|
|
|
+ element.addEventListener('change', this.handleChange_);
|
|
|
+ element.addEventListener('focus', this.handleFocus_);
|
|
|
+ element.addEventListener('blur', this.handleBlur_);
|
|
|
+
|
|
|
+ ['mousedown', 'touchstart'].forEach(function (evtType) {
|
|
|
+ element.addEventListener(evtType, _this2.handleClick_);
|
|
|
+ });
|
|
|
+
|
|
|
+ if (this.menuElement_) {
|
|
|
+ this.selectedText_.addEventListener('keydown', this.handleKeydown_);
|
|
|
+ this.menu_.listen(__WEBPACK_IMPORTED_MODULE_11__material_menu_surface_constants__["e" /* strings */].CLOSED_EVENT, this.handleMenuClosed_);
|
|
|
+ this.menu_.listen(__WEBPACK_IMPORTED_MODULE_11__material_menu_surface_constants__["e" /* strings */].OPENED_EVENT, this.handleMenuOpened_);
|
|
|
+ this.menu_.listen(__WEBPACK_IMPORTED_MODULE_12__material_menu_constants__["b" /* strings */].SELECTED_EVENT, this.handleMenuSelected_);
|
|
|
+
|
|
|
+ if (this.hiddenInput_ && this.hiddenInput_.value) {
|
|
|
+ // If the hidden input already has a value, use it to restore the select's value.
|
|
|
+ // This can happen e.g. if the user goes back or (in some browsers) refreshes the page.
|
|
|
+ var enhancedAdapterMethods = this.getEnhancedSelectAdapterMethods_();
|
|
|
+ enhancedAdapterMethods.setValue(this.hiddenInput_.value);
|
|
|
+ } else if (this.menuElement_.querySelector(__WEBPACK_IMPORTED_MODULE_7__constants__["c" /* strings */].SELECTED_ITEM_SELECTOR)) {
|
|
|
+ // If an element is selected, the select should set the initial selected text.
|
|
|
+ var _enhancedAdapterMethods = this.getEnhancedSelectAdapterMethods_();
|
|
|
+ _enhancedAdapterMethods.setValue(_enhancedAdapterMethods.getValue());
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // Initially sync floating label
|
|
|
+ this.foundation_.handleChange( /* didChange */false);
|
|
|
+
|
|
|
+ if (this.root_.classList.contains(__WEBPACK_IMPORTED_MODULE_7__constants__["a" /* cssClasses */].DISABLED) || this.nativeControl_ && this.nativeControl_.disabled) {
|
|
|
+ this.disabled = true;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'destroy',
|
|
|
+ value: function destroy() {
|
|
|
+ var _this3 = this;
|
|
|
+
|
|
|
+ var element = this.nativeControl_ ? this.nativeControl_ : this.selectedText_;
|
|
|
+
|
|
|
+ element.removeEventListener('change', this.handleChange_);
|
|
|
+ element.removeEventListener('focus', this.handleFocus_);
|
|
|
+ element.removeEventListener('blur', this.handleBlur_);
|
|
|
+ element.removeEventListener('keydown', this.handleKeydown_);
|
|
|
+ ['mousedown', 'touchstart'].forEach(function (evtType) {
|
|
|
+ element.removeEventListener(evtType, _this3.handleClick_);
|
|
|
+ });
|
|
|
+
|
|
|
+ if (this.menu_) {
|
|
|
+ this.menu_.unlisten(__WEBPACK_IMPORTED_MODULE_11__material_menu_surface_constants__["e" /* strings */].CLOSED_EVENT, this.handleMenuClosed_);
|
|
|
+ this.menu_.unlisten(__WEBPACK_IMPORTED_MODULE_11__material_menu_surface_constants__["e" /* strings */].OPENED_EVENT, this.handleMenuOpened_);
|
|
|
+ this.menu_.unlisten(__WEBPACK_IMPORTED_MODULE_12__material_menu_constants__["b" /* strings */].SELECTED_EVENT, this.handleMenuSelected_);
|
|
|
+ this.menu_.destroy();
|
|
|
+ }
|
|
|
+
|
|
|
+ if (this.ripple) {
|
|
|
+ this.ripple.destroy();
|
|
|
+ }
|
|
|
+ if (this.outline_) {
|
|
|
+ this.outline_.destroy();
|
|
|
+ }
|
|
|
+ if (this.leadingIcon_) {
|
|
|
+ this.leadingIcon_.destroy();
|
|
|
+ }
|
|
|
+ if (this.helperText_) {
|
|
|
+ this.helperText_.destroy();
|
|
|
+ }
|
|
|
+ if (this.validationObserver_) {
|
|
|
+ this.validationObserver_.disconnect();
|
|
|
+ }
|
|
|
+
|
|
|
+ _get(MDCSelect.prototype.__proto__ || Object.getPrototypeOf(MDCSelect.prototype), 'destroy', this).call(this);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {!MDCSelectFoundation}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getDefaultFoundation',
|
|
|
+ value: function getDefaultFoundation() {
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_6__foundation__["a" /* default */](
|
|
|
+ /** @type {!MDCSelectAdapter} */_extends(this.nativeControl_ ? this.getNativeSelectAdapterMethods_() : this.getEnhancedSelectAdapterMethods_(), this.getCommonAdapterMethods_(), this.getOutlineAdapterMethods_(), this.getLabelAdapterMethods_()), this.getFoundationMap_());
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {!{
|
|
|
+ * getValue: function(): string,
|
|
|
+ * setValue: function(string): string,
|
|
|
+ * openMenu: function(): void,
|
|
|
+ * closeMenu: function(): void,
|
|
|
+ * isMenuOpen: function(): boolean,
|
|
|
+ * setSelectedIndex: function(number): void,
|
|
|
+ * setDisabled: function(boolean): void
|
|
|
+ * }}
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getNativeSelectAdapterMethods_',
|
|
|
+ value: function getNativeSelectAdapterMethods_() {
|
|
|
+ var _this4 = this;
|
|
|
+
|
|
|
+ return {
|
|
|
+ getValue: function getValue() {
|
|
|
+ return _this4.nativeControl_.value;
|
|
|
+ },
|
|
|
+ setValue: function setValue(value) {
|
|
|
+ return _this4.nativeControl_.value = value;
|
|
|
+ },
|
|
|
+ openMenu: function openMenu() {},
|
|
|
+ closeMenu: function closeMenu() {},
|
|
|
+ isMenuOpen: function isMenuOpen() {
|
|
|
+ return false;
|
|
|
+ },
|
|
|
+ setSelectedIndex: function setSelectedIndex(index) {
|
|
|
+ _this4.nativeControl_.selectedIndex = index;
|
|
|
+ },
|
|
|
+ setDisabled: function setDisabled(isDisabled) {
|
|
|
+ return _this4.nativeControl_.disabled = isDisabled;
|
|
|
+ },
|
|
|
+ setValid: function setValid(isValid) {
|
|
|
+ isValid ? _this4.root_.classList.remove(__WEBPACK_IMPORTED_MODULE_7__constants__["a" /* cssClasses */].INVALID) : _this4.root_.classList.add(__WEBPACK_IMPORTED_MODULE_7__constants__["a" /* cssClasses */].INVALID);
|
|
|
+ },
|
|
|
+ checkValidity: function checkValidity() {
|
|
|
+ return _this4.nativeControl_.checkValidity();
|
|
|
+ }
|
|
|
+ };
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {!{
|
|
|
+ * getValue: function(): string,
|
|
|
+ * setValue: function(string): string,
|
|
|
+ * openMenu: function(): void,
|
|
|
+ * closeMenu: function(): void,
|
|
|
+ * isMenuOpen: function(): boolean,
|
|
|
+ * setSelectedIndex: function(number): void,
|
|
|
+ * setDisabled: function(boolean): void
|
|
|
+ * }}
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getEnhancedSelectAdapterMethods_',
|
|
|
+ value: function getEnhancedSelectAdapterMethods_() {
|
|
|
+ var _this5 = this;
|
|
|
+
|
|
|
+ return {
|
|
|
+ getValue: function getValue() {
|
|
|
+ var listItem = _this5.menuElement_.querySelector(__WEBPACK_IMPORTED_MODULE_7__constants__["c" /* strings */].SELECTED_ITEM_SELECTOR);
|
|
|
+ if (listItem && listItem.hasAttribute(__WEBPACK_IMPORTED_MODULE_7__constants__["c" /* strings */].ENHANCED_VALUE_ATTR)) {
|
|
|
+ return listItem.getAttribute(__WEBPACK_IMPORTED_MODULE_7__constants__["c" /* strings */].ENHANCED_VALUE_ATTR);
|
|
|
+ }
|
|
|
+ return '';
|
|
|
+ },
|
|
|
+ setValue: function setValue(value) {
|
|
|
+ var element =
|
|
|
+ /** @type {HTMLElement} */_this5.menuElement_.querySelector('[' + __WEBPACK_IMPORTED_MODULE_7__constants__["c" /* strings */].ENHANCED_VALUE_ATTR + '="' + value + '"]');
|
|
|
+ _this5.setEnhancedSelectedIndex_(element ? _this5.menu_.items.indexOf(element) : -1);
|
|
|
+ },
|
|
|
+ openMenu: function openMenu() {
|
|
|
+ if (_this5.menu_ && !_this5.menu_.open) {
|
|
|
+ _this5.menu_.open = true;
|
|
|
+ _this5.menuOpened_ = true;
|
|
|
+ _this5.selectedText_.setAttribute('aria-expanded', 'true');
|
|
|
+ }
|
|
|
+ },
|
|
|
+ closeMenu: function closeMenu() {
|
|
|
+ if (_this5.menu_ && _this5.menu_.open) {
|
|
|
+ _this5.menu_.open = false;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ isMenuOpen: function isMenuOpen() {
|
|
|
+ return _this5.menu_ && _this5.menuOpened_;
|
|
|
+ },
|
|
|
+ setSelectedIndex: function setSelectedIndex(index) {
|
|
|
+ _this5.setEnhancedSelectedIndex_(index);
|
|
|
+ },
|
|
|
+ setDisabled: function setDisabled(isDisabled) {
|
|
|
+ _this5.selectedText_.setAttribute('tabindex', isDisabled ? '-1' : '0');
|
|
|
+ _this5.selectedText_.setAttribute('aria-disabled', isDisabled.toString());
|
|
|
+ if (_this5.hiddenInput_) {
|
|
|
+ _this5.hiddenInput_.disabled = isDisabled;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ checkValidity: function checkValidity() {
|
|
|
+ var classList = _this5.root_.classList;
|
|
|
+ if (classList.contains(__WEBPACK_IMPORTED_MODULE_7__constants__["a" /* cssClasses */].REQUIRED) && !classList.contains(__WEBPACK_IMPORTED_MODULE_7__constants__["a" /* cssClasses */].DISABLED)) {
|
|
|
+ // See notes for required attribute under https://www.w3.org/TR/html52/sec-forms.html#the-select-element
|
|
|
+ // TL;DR: Invalid if no index is selected, or if the first index is selected and has an empty value.
|
|
|
+ return _this5.selectedIndex !== -1 && (_this5.selectedIndex !== 0 || _this5.value);
|
|
|
+ } else {
|
|
|
+ return true;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ setValid: function setValid(isValid) {
|
|
|
+ _this5.selectedText_.setAttribute('aria-invalid', (!isValid).toString());
|
|
|
+ isValid ? _this5.root_.classList.remove(__WEBPACK_IMPORTED_MODULE_7__constants__["a" /* cssClasses */].INVALID) : _this5.root_.classList.add(__WEBPACK_IMPORTED_MODULE_7__constants__["a" /* cssClasses */].INVALID);
|
|
|
+ }
|
|
|
+ };
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {!{
|
|
|
+ * addClass: function(string): void,
|
|
|
+ * removeClass: function(string): void,
|
|
|
+ * hasClass: function(string): void,
|
|
|
+ * isRtl: function(): boolean,
|
|
|
+ * setRippleCenter: function(number): void,
|
|
|
+ * activateBottomLine: function(): void,
|
|
|
+ * deactivateBottomLine: function(): void,
|
|
|
+ * notifyChange: function(string): void
|
|
|
+ * }}
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getCommonAdapterMethods_',
|
|
|
+ value: function getCommonAdapterMethods_() {
|
|
|
+ var _this6 = this;
|
|
|
+
|
|
|
+ return {
|
|
|
+ addClass: function addClass(className) {
|
|
|
+ return _this6.root_.classList.add(className);
|
|
|
+ },
|
|
|
+ removeClass: function removeClass(className) {
|
|
|
+ return _this6.root_.classList.remove(className);
|
|
|
+ },
|
|
|
+ hasClass: function hasClass(className) {
|
|
|
+ return _this6.root_.classList.contains(className);
|
|
|
+ },
|
|
|
+ isRtl: function isRtl() {
|
|
|
+ return window.getComputedStyle(_this6.root_).getPropertyValue('direction') === 'rtl';
|
|
|
+ },
|
|
|
+ setRippleCenter: function setRippleCenter(normalizedX) {
|
|
|
+ return _this6.lineRipple_ && _this6.lineRipple_.setRippleCenter(normalizedX);
|
|
|
+ },
|
|
|
+ activateBottomLine: function activateBottomLine() {
|
|
|
+ return _this6.lineRipple_ && _this6.lineRipple_.activate();
|
|
|
+ },
|
|
|
+ deactivateBottomLine: function deactivateBottomLine() {
|
|
|
+ return _this6.lineRipple_ && _this6.lineRipple_.deactivate();
|
|
|
+ },
|
|
|
+ notifyChange: function notifyChange(value) {
|
|
|
+ var index = _this6.selectedIndex;
|
|
|
+ _this6.emit(__WEBPACK_IMPORTED_MODULE_7__constants__["c" /* strings */].CHANGE_EVENT, { value: value, index: index }, true /* shouldBubble */);
|
|
|
+ }
|
|
|
+ };
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {!{
|
|
|
+ * hasOutline: function(): boolean,
|
|
|
+ * notchOutline: function(number, boolean): undefined,
|
|
|
+ * closeOutline: function(): undefined,
|
|
|
+ * }}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getOutlineAdapterMethods_',
|
|
|
+ value: function getOutlineAdapterMethods_() {
|
|
|
+ var _this7 = this;
|
|
|
+
|
|
|
+ return {
|
|
|
+ hasOutline: function hasOutline() {
|
|
|
+ return !!_this7.outline_;
|
|
|
+ },
|
|
|
+ notchOutline: function notchOutline(labelWidth, isRtl) {
|
|
|
+ if (_this7.outline_) {
|
|
|
+ _this7.outline_.notch(labelWidth, isRtl);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ closeOutline: function closeOutline() {
|
|
|
+ if (_this7.outline_) {
|
|
|
+ _this7.outline_.closeNotch();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ };
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {!{
|
|
|
+ * floatLabel: function(boolean): undefined,
|
|
|
+ * getLabelWidth: function(): number,
|
|
|
+ * }}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getLabelAdapterMethods_',
|
|
|
+ value: function getLabelAdapterMethods_() {
|
|
|
+ var _this8 = this;
|
|
|
+
|
|
|
+ return {
|
|
|
+ floatLabel: function floatLabel(shouldFloat) {
|
|
|
+ if (_this8.label_) {
|
|
|
+ _this8.label_.float(shouldFloat);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ getLabelWidth: function getLabelWidth() {
|
|
|
+ return _this8.label_ ? _this8.label_.getWidth() : 0;
|
|
|
+ }
|
|
|
+ };
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Calculates where the line ripple should start based on the x coordinate within the component.
|
|
|
+ * @param {!(MouseEvent|TouchEvent)} evt
|
|
|
+ * @return {number} normalizedX
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getNormalizedXCoordinate_',
|
|
|
+ value: function getNormalizedXCoordinate_(evt) {
|
|
|
+ var targetClientRect = evt.target.getBoundingClientRect();
|
|
|
+ var xCoordinate = evt.clientX;
|
|
|
+ return xCoordinate - targetClientRect.left;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns a map of all subcomponents to subfoundations.
|
|
|
+ * @return {!FoundationMapType}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getFoundationMap_',
|
|
|
+ value: function getFoundationMap_() {
|
|
|
+ return {
|
|
|
+ leadingIcon: this.leadingIcon_ ? this.leadingIcon_.foundation : undefined,
|
|
|
+ helperText: this.helperText_ ? this.helperText_.foundation : undefined
|
|
|
+ };
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets the selected index of the enhanced menu.
|
|
|
+ * @param {number} index
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setEnhancedSelectedIndex_',
|
|
|
+ value: function setEnhancedSelectedIndex_(index) {
|
|
|
+ var selectedItem = this.menu_.items[index];
|
|
|
+ this.selectedText_.textContent = selectedItem ? selectedItem.textContent.trim() : '';
|
|
|
+ var previouslySelected = this.menuElement_.querySelector(__WEBPACK_IMPORTED_MODULE_7__constants__["c" /* strings */].SELECTED_ITEM_SELECTOR);
|
|
|
+
|
|
|
+ if (previouslySelected) {
|
|
|
+ previouslySelected.classList.remove(__WEBPACK_IMPORTED_MODULE_7__constants__["a" /* cssClasses */].SELECTED_ITEM_CLASS);
|
|
|
+ previouslySelected.removeAttribute(__WEBPACK_IMPORTED_MODULE_7__constants__["c" /* strings */].ARIA_SELECTED_ATTR);
|
|
|
+ }
|
|
|
+
|
|
|
+ if (selectedItem) {
|
|
|
+ selectedItem.classList.add(__WEBPACK_IMPORTED_MODULE_7__constants__["a" /* cssClasses */].SELECTED_ITEM_CLASS);
|
|
|
+ selectedItem.setAttribute(__WEBPACK_IMPORTED_MODULE_7__constants__["c" /* strings */].ARIA_SELECTED_ATTR, 'true');
|
|
|
+ }
|
|
|
+
|
|
|
+ // Synchronize hidden input's value with data-value attribute of selected item.
|
|
|
+ // This code path is also followed when setting value directly, so this covers all cases.
|
|
|
+ if (this.hiddenInput_) {
|
|
|
+ this.hiddenInput_.value = selectedItem ? selectedItem.getAttribute(__WEBPACK_IMPORTED_MODULE_7__constants__["c" /* strings */].ENHANCED_VALUE_ATTR) || '' : '';
|
|
|
+ }
|
|
|
+
|
|
|
+ this.layout();
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'initialSyncRequiredState_',
|
|
|
+ value: function initialSyncRequiredState_() {
|
|
|
+ var element = this.nativeControl_ ? this.nativeControl_ : this.selectedText_;
|
|
|
+ var isRequired = element.required || element.getAttribute('aria-required') === 'true' || this.root_.classList.contains(__WEBPACK_IMPORTED_MODULE_7__constants__["a" /* cssClasses */].REQUIRED);
|
|
|
+ if (isRequired) {
|
|
|
+ if (this.nativeControl_) {
|
|
|
+ this.nativeControl_.required = true;
|
|
|
+ } else {
|
|
|
+ this.selectedText_.setAttribute('aria-required', 'true');
|
|
|
+ }
|
|
|
+ this.root_.classList.add(__WEBPACK_IMPORTED_MODULE_7__constants__["a" /* cssClasses */].REQUIRED);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'addMutationObserverForRequired_',
|
|
|
+ value: function addMutationObserverForRequired_() {
|
|
|
+ var _this9 = this;
|
|
|
+
|
|
|
+ var observerHandler = function observerHandler(attributesList) {
|
|
|
+ attributesList.some(function (attributeName) {
|
|
|
+ if (VALIDATION_ATTR_WHITELIST.indexOf(attributeName) > -1) {
|
|
|
+ if (_this9.selectedText_) {
|
|
|
+ if (_this9.selectedText_.getAttribute('aria-required') === 'true') {
|
|
|
+ _this9.root_.classList.add(__WEBPACK_IMPORTED_MODULE_7__constants__["a" /* cssClasses */].REQUIRED);
|
|
|
+ } else {
|
|
|
+ _this9.root_.classList.remove(__WEBPACK_IMPORTED_MODULE_7__constants__["a" /* cssClasses */].REQUIRED);
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ if (_this9.nativeControl_.required) {
|
|
|
+ _this9.root_.classList.add(__WEBPACK_IMPORTED_MODULE_7__constants__["a" /* cssClasses */].REQUIRED);
|
|
|
+ } else {
|
|
|
+ _this9.root_.classList.remove(__WEBPACK_IMPORTED_MODULE_7__constants__["a" /* cssClasses */].REQUIRED);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return true;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ };
|
|
|
+
|
|
|
+ var getAttributesList = function getAttributesList(mutationsList) {
|
|
|
+ return mutationsList.map(function (mutation) {
|
|
|
+ return mutation.attributeName;
|
|
|
+ });
|
|
|
+ };
|
|
|
+ var observer = new MutationObserver(function (mutationsList) {
|
|
|
+ return observerHandler(getAttributesList(mutationsList));
|
|
|
+ });
|
|
|
+ var element = this.nativeControl_ ? this.nativeControl_ : this.selectedText_;
|
|
|
+ observer.observe(element, { attributes: true });
|
|
|
+ this.validationObserver_ = observer;
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'value',
|
|
|
+
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {string} The value of the select.
|
|
|
+ */
|
|
|
+ get: function get() {
|
|
|
+ return this.foundation_.getValue();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {string} value The value to set on the select.
|
|
|
+ */
|
|
|
+ ,
|
|
|
+ set: function set(value) {
|
|
|
+ this.foundation_.setValue(value);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {number} The selected index of the select.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'selectedIndex',
|
|
|
+ get: function get() {
|
|
|
+ var selectedIndex = void 0;
|
|
|
+ if (this.menuElement_) {
|
|
|
+ var selectedEl = /** @type {!HTMLElement} */this.menuElement_.querySelector(__WEBPACK_IMPORTED_MODULE_7__constants__["c" /* strings */].SELECTED_ITEM_SELECTOR);
|
|
|
+ selectedIndex = this.menu_.items.indexOf(selectedEl);
|
|
|
+ } else {
|
|
|
+ selectedIndex = this.nativeControl_.selectedIndex;
|
|
|
+ }
|
|
|
+ return selectedIndex;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {number} selectedIndex The index of the option to be set on the select.
|
|
|
+ */
|
|
|
+ ,
|
|
|
+ set: function set(selectedIndex) {
|
|
|
+ this.foundation_.setSelectedIndex(selectedIndex);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {boolean} True if the select is disabled.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'disabled',
|
|
|
+ get: function get() {
|
|
|
+ return this.root_.classList.contains(__WEBPACK_IMPORTED_MODULE_7__constants__["a" /* cssClasses */].DISABLED) || (this.nativeControl_ ? this.nativeControl_.disabled : false);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {boolean} disabled Sets the select disabled or enabled.
|
|
|
+ */
|
|
|
+ ,
|
|
|
+ set: function set(disabled) {
|
|
|
+ this.foundation_.setDisabled(disabled);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets the aria label of the leading icon.
|
|
|
+ * @param {string} label
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'leadingIconAriaLabel',
|
|
|
+ set: function set(label) {
|
|
|
+ this.foundation_.setLeadingIconAriaLabel(label);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets the text content of the leading icon.
|
|
|
+ * @param {string} content
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'leadingIconContent',
|
|
|
+ set: function set(content) {
|
|
|
+ this.foundation_.setLeadingIconContent(content);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets the text content of the helper text.
|
|
|
+ * @param {string} content
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'helperTextContent',
|
|
|
+ set: function set(content) {
|
|
|
+ this.foundation_.setHelperTextContent(content);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets the current invalid state of the select.
|
|
|
+ * @param {boolean} isValid
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'valid',
|
|
|
+ set: function set(isValid) {
|
|
|
+ this.foundation_.setValid(isValid);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Checks if the select is in a valid state.
|
|
|
+ * @return {boolean}
|
|
|
+ */
|
|
|
+ ,
|
|
|
+ get: function get() {
|
|
|
+ return this.foundation_.isValid();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets the control to the required state.
|
|
|
+ * @param {boolean} isRequired
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'required',
|
|
|
+ set: function set(isRequired) {
|
|
|
+ if (this.nativeControl_) {
|
|
|
+ this.nativeControl_.required = isRequired;
|
|
|
+ } else {
|
|
|
+ if (isRequired) {
|
|
|
+ this.selectedText_.setAttribute('aria-required', isRequired.toString());
|
|
|
+ } else {
|
|
|
+ this.selectedText_.removeAttribute('aria-required');
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns whether the select is required.
|
|
|
+ * @return {boolean}
|
|
|
+ */
|
|
|
+ ,
|
|
|
+ get: function get() {
|
|
|
+ if (this.nativeControl_) {
|
|
|
+ return this.nativeControl_.required;
|
|
|
+ } else {
|
|
|
+ return this.selectedText_.getAttribute('aria-required') === 'true';
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }], [{
|
|
|
+ key: 'attachTo',
|
|
|
+ value: function attachTo(root) {
|
|
|
+ return new MDCSelect(root);
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCSelect;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_index__["MDCComponent"]);
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 118 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_index__ = __webpack_require__(3);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(48);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__icon_index__ = __webpack_require__(23);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__helper_text_index__ = __webpack_require__(24);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__constants__ = __webpack_require__(51);
|
|
|
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
|
+
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2016 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+/* eslint-disable no-unused-vars */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/* eslint-enable no-unused-vars */
|
|
|
+
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends {MDCFoundation<!MDCSelectAdapter>}
|
|
|
+ * @final
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCSelectFoundation = function (_MDCFoundation) {
|
|
|
+ _inherits(MDCSelectFoundation, _MDCFoundation);
|
|
|
+
|
|
|
+ _createClass(MDCSelectFoundation, null, [{
|
|
|
+ key: 'cssClasses',
|
|
|
+
|
|
|
+ /** @return enum {string} */
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_4__constants__["a" /* cssClasses */];
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return enum {number} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'numbers',
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_4__constants__["b" /* numbers */];
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return enum {string} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'strings',
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_4__constants__["c" /* strings */];
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * {@see MDCSelectAdapter} for typing information on parameters and return
|
|
|
+ * types.
|
|
|
+ * @return {!MDCSelectAdapter}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'defaultAdapter',
|
|
|
+ get: function get() {
|
|
|
+ return (/** @type {!MDCSelectAdapter} */{
|
|
|
+ addClass: function addClass() /* className: string */{},
|
|
|
+ removeClass: function removeClass() /* className: string */{},
|
|
|
+ hasClass: function hasClass() {
|
|
|
+ return (/* className: string */false
|
|
|
+ );
|
|
|
+ },
|
|
|
+ activateBottomLine: function activateBottomLine() {},
|
|
|
+ deactivateBottomLine: function deactivateBottomLine() {},
|
|
|
+ setValue: function setValue() {},
|
|
|
+ getValue: function getValue() {},
|
|
|
+ isRtl: function isRtl() {
|
|
|
+ return false;
|
|
|
+ },
|
|
|
+ floatLabel: function floatLabel() /* value: boolean */{},
|
|
|
+ getLabelWidth: function getLabelWidth() {},
|
|
|
+ hasOutline: function hasOutline() {
|
|
|
+ return false;
|
|
|
+ },
|
|
|
+ notchOutline: function notchOutline() /* labelWidth: number, isRtl: boolean */{},
|
|
|
+ closeOutline: function closeOutline() {},
|
|
|
+ openMenu: function openMenu() {},
|
|
|
+ closeMenu: function closeMenu() {},
|
|
|
+ isMenuOpen: function isMenuOpen() {},
|
|
|
+ setSelectedIndex: function setSelectedIndex() {},
|
|
|
+ setDisabled: function setDisabled() {},
|
|
|
+ setRippleCenter: function setRippleCenter() {},
|
|
|
+ notifyChange: function notifyChange() {},
|
|
|
+ checkValidity: function checkValidity() {},
|
|
|
+ setValid: function setValid() {}
|
|
|
+ }
|
|
|
+ );
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!MDCSelectAdapter} adapter
|
|
|
+ * @param {!FoundationMapType=} foundationMap Map from subcomponent names to their subfoundations.
|
|
|
+ */
|
|
|
+
|
|
|
+ }]);
|
|
|
+
|
|
|
+ function MDCSelectFoundation(adapter) {
|
|
|
+ var foundationMap = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : /** @type {!FoundationMapType} */{};
|
|
|
+
|
|
|
+ _classCallCheck(this, MDCSelectFoundation);
|
|
|
+
|
|
|
+ /** @type {!MDCSelectIconFoundation|undefined} */
|
|
|
+ var _this = _possibleConstructorReturn(this, (MDCSelectFoundation.__proto__ || Object.getPrototypeOf(MDCSelectFoundation)).call(this, _extends(MDCSelectFoundation.defaultAdapter, adapter)));
|
|
|
+
|
|
|
+ _this.leadingIcon_ = foundationMap.leadingIcon;
|
|
|
+ /** @type {!MDCSelectHelperTextFoundation|undefined} */
|
|
|
+ _this.helperText_ = foundationMap.helperText;
|
|
|
+ return _this;
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCSelectFoundation, [{
|
|
|
+ key: 'setSelectedIndex',
|
|
|
+ value: function setSelectedIndex(index) {
|
|
|
+ this.adapter_.setSelectedIndex(index);
|
|
|
+ this.adapter_.closeMenu();
|
|
|
+ var didChange = true;
|
|
|
+ this.handleChange(didChange);
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'setValue',
|
|
|
+ value: function setValue(value) {
|
|
|
+ this.adapter_.setValue(value);
|
|
|
+ var didChange = true;
|
|
|
+ this.handleChange(didChange);
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'getValue',
|
|
|
+ value: function getValue() {
|
|
|
+ return this.adapter_.getValue();
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'setDisabled',
|
|
|
+ value: function setDisabled(isDisabled) {
|
|
|
+ isDisabled ? this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_4__constants__["a" /* cssClasses */].DISABLED) : this.adapter_.removeClass(__WEBPACK_IMPORTED_MODULE_4__constants__["a" /* cssClasses */].DISABLED);
|
|
|
+ this.adapter_.setDisabled(isDisabled);
|
|
|
+ this.adapter_.closeMenu();
|
|
|
+
|
|
|
+ if (this.leadingIcon_) {
|
|
|
+ this.leadingIcon_.setDisabled(isDisabled);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {string} content Sets the content of the helper text.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setHelperTextContent',
|
|
|
+ value: function setHelperTextContent(content) {
|
|
|
+ if (this.helperText_) {
|
|
|
+ this.helperText_.setContent(content);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'layout',
|
|
|
+ value: function layout() {
|
|
|
+ var openNotch = this.getValue().length > 0;
|
|
|
+ this.notchOutline(openNotch);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Handles value changes, via change event or programmatic updates.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'handleChange',
|
|
|
+ value: function handleChange() {
|
|
|
+ var didChange = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
|
|
|
+
|
|
|
+ var value = this.getValue();
|
|
|
+ var optionHasValue = value.length > 0;
|
|
|
+ var isRequired = this.adapter_.hasClass(__WEBPACK_IMPORTED_MODULE_4__constants__["a" /* cssClasses */].REQUIRED);
|
|
|
+
|
|
|
+ this.notchOutline(optionHasValue);
|
|
|
+
|
|
|
+ if (!this.adapter_.hasClass(__WEBPACK_IMPORTED_MODULE_4__constants__["a" /* cssClasses */].FOCUSED)) {
|
|
|
+ this.adapter_.floatLabel(optionHasValue);
|
|
|
+ }
|
|
|
+
|
|
|
+ if (didChange) {
|
|
|
+ this.adapter_.notifyChange(value);
|
|
|
+
|
|
|
+ if (isRequired) {
|
|
|
+ this.setValid(this.isValid());
|
|
|
+ if (this.helperText_) {
|
|
|
+ this.helperText_.setValidity(this.isValid());
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Handles focus events from select element.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'handleFocus',
|
|
|
+ value: function handleFocus() {
|
|
|
+ this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_4__constants__["a" /* cssClasses */].FOCUSED);
|
|
|
+ this.adapter_.floatLabel(true);
|
|
|
+ this.notchOutline(true);
|
|
|
+ this.adapter_.activateBottomLine();
|
|
|
+ if (this.helperText_) {
|
|
|
+ this.helperText_.showToScreenReader();
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Handles blur events from select element.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'handleBlur',
|
|
|
+ value: function handleBlur() {
|
|
|
+ if (this.adapter_.isMenuOpen()) return;
|
|
|
+ this.adapter_.removeClass(__WEBPACK_IMPORTED_MODULE_4__constants__["a" /* cssClasses */].FOCUSED);
|
|
|
+ this.handleChange(false);
|
|
|
+ this.adapter_.deactivateBottomLine();
|
|
|
+
|
|
|
+ var isRequired = this.adapter_.hasClass(__WEBPACK_IMPORTED_MODULE_4__constants__["a" /* cssClasses */].REQUIRED);
|
|
|
+
|
|
|
+ if (isRequired) {
|
|
|
+ this.setValid(this.isValid());
|
|
|
+ if (this.helperText_) {
|
|
|
+ this.helperText_.setValidity(this.isValid());
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'handleClick',
|
|
|
+ value: function handleClick(normalizedX) {
|
|
|
+ if (this.adapter_.isMenuOpen()) return;
|
|
|
+ this.adapter_.setRippleCenter(normalizedX);
|
|
|
+
|
|
|
+ this.adapter_.openMenu();
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'handleKeydown',
|
|
|
+ value: function handleKeydown(event) {
|
|
|
+ if (this.adapter_.isMenuOpen()) return;
|
|
|
+
|
|
|
+ var isEnter = event.key === 'Enter' || event.keyCode === 13;
|
|
|
+ var isSpace = event.key === 'Space' || event.keyCode === 32;
|
|
|
+ var arrowUp = event.key === 'ArrowUp' || event.keyCode === 38;
|
|
|
+ var arrowDown = event.key === 'ArrowDown' || event.keyCode === 40;
|
|
|
+
|
|
|
+ if (this.adapter_.hasClass(__WEBPACK_IMPORTED_MODULE_4__constants__["a" /* cssClasses */].FOCUSED) && (isEnter || isSpace || arrowUp || arrowDown)) {
|
|
|
+ this.adapter_.openMenu();
|
|
|
+ event.preventDefault();
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Opens/closes the notched outline.
|
|
|
+ * @param {boolean} openNotch
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'notchOutline',
|
|
|
+ value: function notchOutline(openNotch) {
|
|
|
+ if (!this.adapter_.hasOutline()) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ var isFocused = this.adapter_.hasClass(__WEBPACK_IMPORTED_MODULE_4__constants__["a" /* cssClasses */].FOCUSED);
|
|
|
+
|
|
|
+ if (openNotch) {
|
|
|
+ var labelScale = __WEBPACK_IMPORTED_MODULE_4__constants__["b" /* numbers */].LABEL_SCALE;
|
|
|
+ var labelWidth = this.adapter_.getLabelWidth() * labelScale;
|
|
|
+ var isRtl = this.adapter_.isRtl();
|
|
|
+ this.adapter_.notchOutline(labelWidth, isRtl);
|
|
|
+ } else if (!isFocused) {
|
|
|
+ this.adapter_.closeOutline();
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets the aria label of the leading icon.
|
|
|
+ * @param {string} label
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setLeadingIconAriaLabel',
|
|
|
+ value: function setLeadingIconAriaLabel(label) {
|
|
|
+ if (this.leadingIcon_) {
|
|
|
+ this.leadingIcon_.setAriaLabel(label);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets the text content of the leading icon.
|
|
|
+ * @param {string} content
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setLeadingIconContent',
|
|
|
+ value: function setLeadingIconContent(content) {
|
|
|
+ if (this.leadingIcon_) {
|
|
|
+ this.leadingIcon_.setContent(content);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'setValid',
|
|
|
+ value: function setValid(isValid) {
|
|
|
+ this.adapter_.setValid(isValid);
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'isValid',
|
|
|
+ value: function isValid() {
|
|
|
+ return this.adapter_.checkValidity();
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCSelectFoundation;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_index__["MDCFoundation"]);
|
|
|
+
|
|
|
+/* harmony default export */ __webpack_exports__["a"] = (MDCSelectFoundation);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 119 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_foundation__ = __webpack_require__(0);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(49);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(120);
|
|
|
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
|
+
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends {MDCFoundation<!MDCSelectIconAdapter>}
|
|
|
+ * @final
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCSelectIconFoundation = function (_MDCFoundation) {
|
|
|
+ _inherits(MDCSelectIconFoundation, _MDCFoundation);
|
|
|
+
|
|
|
+ _createClass(MDCSelectIconFoundation, null, [{
|
|
|
+ key: 'strings',
|
|
|
+
|
|
|
+ /** @return enum {string} */
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* strings */];
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * {@see MDCSelectIconAdapter} for typing information on parameters and return
|
|
|
+ * types.
|
|
|
+ * @return {!MDCSelectIconAdapter}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'defaultAdapter',
|
|
|
+ get: function get() {
|
|
|
+ return (/** @type {!MDCSelectIconAdapter} */{
|
|
|
+ getAttr: function getAttr() {},
|
|
|
+ setAttr: function setAttr() {},
|
|
|
+ removeAttr: function removeAttr() {},
|
|
|
+ setContent: function setContent() {},
|
|
|
+ registerInteractionHandler: function registerInteractionHandler() {},
|
|
|
+ deregisterInteractionHandler: function deregisterInteractionHandler() {},
|
|
|
+ notifyIconAction: function notifyIconAction() {}
|
|
|
+ }
|
|
|
+ );
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!MDCSelectIconAdapter} adapter
|
|
|
+ */
|
|
|
+
|
|
|
+ }]);
|
|
|
+
|
|
|
+ function MDCSelectIconFoundation(adapter) {
|
|
|
+ _classCallCheck(this, MDCSelectIconFoundation);
|
|
|
+
|
|
|
+ /** @private {string?} */
|
|
|
+ var _this = _possibleConstructorReturn(this, (MDCSelectIconFoundation.__proto__ || Object.getPrototypeOf(MDCSelectIconFoundation)).call(this, _extends(MDCSelectIconFoundation.defaultAdapter, adapter)));
|
|
|
+
|
|
|
+ _this.savedTabIndex_ = null;
|
|
|
+
|
|
|
+ /** @private {function(!Event): undefined} */
|
|
|
+ _this.interactionHandler_ = function (evt) {
|
|
|
+ return _this.handleInteraction(evt);
|
|
|
+ };
|
|
|
+ return _this;
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCSelectIconFoundation, [{
|
|
|
+ key: 'init',
|
|
|
+ value: function init() {
|
|
|
+ var _this2 = this;
|
|
|
+
|
|
|
+ this.savedTabIndex_ = this.adapter_.getAttr('tabindex');
|
|
|
+
|
|
|
+ ['click', 'keydown'].forEach(function (evtType) {
|
|
|
+ _this2.adapter_.registerInteractionHandler(evtType, _this2.interactionHandler_);
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'destroy',
|
|
|
+ value: function destroy() {
|
|
|
+ var _this3 = this;
|
|
|
+
|
|
|
+ ['click', 'keydown'].forEach(function (evtType) {
|
|
|
+ _this3.adapter_.deregisterInteractionHandler(evtType, _this3.interactionHandler_);
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @param {boolean} disabled */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setDisabled',
|
|
|
+ value: function setDisabled(disabled) {
|
|
|
+ if (!this.savedTabIndex_) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (disabled) {
|
|
|
+ this.adapter_.setAttr('tabindex', '-1');
|
|
|
+ this.adapter_.removeAttr('role');
|
|
|
+ } else {
|
|
|
+ this.adapter_.setAttr('tabindex', this.savedTabIndex_);
|
|
|
+ this.adapter_.setAttr('role', __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* strings */].ICON_ROLE);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @param {string} label */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setAriaLabel',
|
|
|
+ value: function setAriaLabel(label) {
|
|
|
+ this.adapter_.setAttr('aria-label', label);
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @param {string} content */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setContent',
|
|
|
+ value: function setContent(content) {
|
|
|
+ this.adapter_.setContent(content);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Handles an interaction event
|
|
|
+ * @param {!Event} evt
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'handleInteraction',
|
|
|
+ value: function handleInteraction(evt) {
|
|
|
+ if (evt.type === 'click' || evt.key === 'Enter' || evt.keyCode === 13) {
|
|
|
+ this.adapter_.notifyIconAction();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCSelectIconFoundation;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
|
|
|
+
|
|
|
+/* harmony default export */ __webpack_exports__["a"] = (MDCSelectIconFoundation);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 120 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return strings; });
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/** @enum {string} */
|
|
|
+var strings = {
|
|
|
+ ICON_EVENT: 'MDCSelect:icon',
|
|
|
+ ICON_ROLE: 'button'
|
|
|
+};
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 121 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_foundation__ = __webpack_require__(0);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(50);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(122);
|
|
|
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
|
+
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends {MDCFoundation<!MDCSelectHelperTextAdapter>}
|
|
|
+ * @final
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCSelectHelperTextFoundation = function (_MDCFoundation) {
|
|
|
+ _inherits(MDCSelectHelperTextFoundation, _MDCFoundation);
|
|
|
+
|
|
|
+ _createClass(MDCSelectHelperTextFoundation, null, [{
|
|
|
+ key: 'cssClasses',
|
|
|
+
|
|
|
+ /** @return enum {string} */
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */];
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return enum {string} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'strings',
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */];
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * {@see MDCSelectHelperTextAdapter} for typing information on parameters and return
|
|
|
+ * types.
|
|
|
+ * @return {!MDCSelectHelperTextAdapter}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'defaultAdapter',
|
|
|
+ get: function get() {
|
|
|
+ return (/** @type {!MDCSelectHelperTextAdapter} */{
|
|
|
+ addClass: function addClass() {},
|
|
|
+ removeClass: function removeClass() {},
|
|
|
+ hasClass: function hasClass() {},
|
|
|
+ setAttr: function setAttr() {},
|
|
|
+ removeAttr: function removeAttr() {},
|
|
|
+ setContent: function setContent() {}
|
|
|
+ }
|
|
|
+ );
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!MDCSelectHelperTextAdapter} adapter
|
|
|
+ */
|
|
|
+
|
|
|
+ }]);
|
|
|
+
|
|
|
+ function MDCSelectHelperTextFoundation(adapter) {
|
|
|
+ _classCallCheck(this, MDCSelectHelperTextFoundation);
|
|
|
+
|
|
|
+ return _possibleConstructorReturn(this, (MDCSelectHelperTextFoundation.__proto__ || Object.getPrototypeOf(MDCSelectHelperTextFoundation)).call(this, _extends(MDCSelectHelperTextFoundation.defaultAdapter, adapter)));
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets the content of the helper text field.
|
|
|
+ * @param {string} content
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+ _createClass(MDCSelectHelperTextFoundation, [{
|
|
|
+ key: 'setContent',
|
|
|
+ value: function setContent(content) {
|
|
|
+ this.adapter_.setContent(content);
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @param {boolean} isPersistent Sets the persistency of the helper text. */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setPersistent',
|
|
|
+ value: function setPersistent(isPersistent) {
|
|
|
+ if (isPersistent) {
|
|
|
+ this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].HELPER_TEXT_PERSISTENT);
|
|
|
+ } else {
|
|
|
+ this.adapter_.removeClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].HELPER_TEXT_PERSISTENT);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {boolean} isValidation True to make the helper text act as an
|
|
|
+ * error validation message.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setValidation',
|
|
|
+ value: function setValidation(isValidation) {
|
|
|
+ if (isValidation) {
|
|
|
+ this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].HELPER_TEXT_VALIDATION_MSG);
|
|
|
+ } else {
|
|
|
+ this.adapter_.removeClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].HELPER_TEXT_VALIDATION_MSG);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /** Makes the helper text visible to the screen reader. */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'showToScreenReader',
|
|
|
+ value: function showToScreenReader() {
|
|
|
+ this.adapter_.removeAttr(__WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */].ARIA_HIDDEN);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets the validity of the helper text based on the select validity.
|
|
|
+ * @param {boolean} selectIsValid
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setValidity',
|
|
|
+ value: function setValidity(selectIsValid) {
|
|
|
+ var helperTextIsPersistent = this.adapter_.hasClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].HELPER_TEXT_PERSISTENT);
|
|
|
+ var helperTextIsValidationMsg = this.adapter_.hasClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].HELPER_TEXT_VALIDATION_MSG);
|
|
|
+ var validationMsgNeedsDisplay = helperTextIsValidationMsg && !selectIsValid;
|
|
|
+
|
|
|
+ if (validationMsgNeedsDisplay) {
|
|
|
+ this.adapter_.setAttr(__WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */].ROLE, 'alert');
|
|
|
+ } else {
|
|
|
+ this.adapter_.removeAttr(__WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */].ROLE);
|
|
|
+ }
|
|
|
+
|
|
|
+ if (!helperTextIsPersistent && !validationMsgNeedsDisplay) {
|
|
|
+ this.hide_();
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Hides the help text from screen readers.
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'hide_',
|
|
|
+ value: function hide_() {
|
|
|
+ this.adapter_.setAttr(__WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */].ARIA_HIDDEN, 'true');
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCSelectHelperTextFoundation;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
|
|
|
+
|
|
|
+/* harmony default export */ __webpack_exports__["a"] = (MDCSelectHelperTextFoundation);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 122 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return strings; });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return cssClasses; });
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/** @enum {string} */
|
|
|
+var strings = {
|
|
|
+ ARIA_HIDDEN: 'aria-hidden',
|
|
|
+ ROLE: 'role'
|
|
|
+};
|
|
|
+
|
|
|
+/** @enum {string} */
|
|
|
+var cssClasses = {
|
|
|
+ HELPER_TEXT_PERSISTENT: 'mdc-select-helper-text--persistent',
|
|
|
+ HELPER_TEXT_VALIDATION_MSG: 'mdc-select-helper-text--validation-msg'
|
|
|
+};
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 123 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCSlider", function() { return MDCSlider; });
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_component__ = __webpack_require__(1);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__constants__ = __webpack_require__(52);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__adapter__ = __webpack_require__(53);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__foundation__ = __webpack_require__(124);
|
|
|
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCSliderFoundation", function() { return __WEBPACK_IMPORTED_MODULE_3__foundation__["a"]; });
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2017 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends MDCComponent<!MDCSliderFoundation>
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCSlider = function (_MDCComponent) {
|
|
|
+ _inherits(MDCSlider, _MDCComponent);
|
|
|
+
|
|
|
+ _createClass(MDCSlider, null, [{
|
|
|
+ key: 'attachTo',
|
|
|
+ value: function attachTo(root) {
|
|
|
+ return new MDCSlider(root);
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ function MDCSlider() {
|
|
|
+ var _ref;
|
|
|
+
|
|
|
+ _classCallCheck(this, MDCSlider);
|
|
|
+
|
|
|
+ for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
|
|
+ args[_key] = arguments[_key];
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @type {?Element} */
|
|
|
+ var _this = _possibleConstructorReturn(this, (_ref = MDCSlider.__proto__ || Object.getPrototypeOf(MDCSlider)).call.apply(_ref, [this].concat(args)));
|
|
|
+
|
|
|
+ _this.thumbContainer_;
|
|
|
+ /** @type {?Element} */
|
|
|
+ _this.track_;
|
|
|
+ /** @type {?Element} */
|
|
|
+ _this.pinValueMarker_;
|
|
|
+ /** @type {?Element} */
|
|
|
+ _this.trackMarkerContainer_;
|
|
|
+ return _this;
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return {number} */
|
|
|
+
|
|
|
+
|
|
|
+ _createClass(MDCSlider, [{
|
|
|
+ key: 'initialize',
|
|
|
+ value: function initialize() {
|
|
|
+ this.thumbContainer_ = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_1__constants__["c" /* strings */].THUMB_CONTAINER_SELECTOR);
|
|
|
+ this.track_ = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_1__constants__["c" /* strings */].TRACK_SELECTOR);
|
|
|
+ this.pinValueMarker_ = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_1__constants__["c" /* strings */].PIN_VALUE_MARKER_SELECTOR);
|
|
|
+ this.trackMarkerContainer_ = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_1__constants__["c" /* strings */].TRACK_MARKER_CONTAINER_SELECTOR);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {!MDCSliderFoundation}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getDefaultFoundation',
|
|
|
+ value: function getDefaultFoundation() {
|
|
|
+ var _this2 = this;
|
|
|
+
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_3__foundation__["a" /* default */](
|
|
|
+ /** @type {!MDCSliderAdapter} */{
|
|
|
+ hasClass: function hasClass(className) {
|
|
|
+ return _this2.root_.classList.contains(className);
|
|
|
+ },
|
|
|
+ addClass: function addClass(className) {
|
|
|
+ return _this2.root_.classList.add(className);
|
|
|
+ },
|
|
|
+ removeClass: function removeClass(className) {
|
|
|
+ return _this2.root_.classList.remove(className);
|
|
|
+ },
|
|
|
+ getAttribute: function getAttribute(name) {
|
|
|
+ return _this2.root_.getAttribute(name);
|
|
|
+ },
|
|
|
+ setAttribute: function setAttribute(name, value) {
|
|
|
+ return _this2.root_.setAttribute(name, value);
|
|
|
+ },
|
|
|
+ removeAttribute: function removeAttribute(name) {
|
|
|
+ return _this2.root_.removeAttribute(name);
|
|
|
+ },
|
|
|
+ computeBoundingRect: function computeBoundingRect() {
|
|
|
+ return _this2.root_.getBoundingClientRect();
|
|
|
+ },
|
|
|
+ getTabIndex: function getTabIndex() {
|
|
|
+ return _this2.root_.tabIndex;
|
|
|
+ },
|
|
|
+ registerInteractionHandler: function registerInteractionHandler(type, handler) {
|
|
|
+ _this2.root_.addEventListener(type, handler);
|
|
|
+ },
|
|
|
+ deregisterInteractionHandler: function deregisterInteractionHandler(type, handler) {
|
|
|
+ _this2.root_.removeEventListener(type, handler);
|
|
|
+ },
|
|
|
+ registerThumbContainerInteractionHandler: function registerThumbContainerInteractionHandler(type, handler) {
|
|
|
+ _this2.thumbContainer_.addEventListener(type, handler);
|
|
|
+ },
|
|
|
+ deregisterThumbContainerInteractionHandler: function deregisterThumbContainerInteractionHandler(type, handler) {
|
|
|
+ _this2.thumbContainer_.removeEventListener(type, handler);
|
|
|
+ },
|
|
|
+ registerBodyInteractionHandler: function registerBodyInteractionHandler(type, handler) {
|
|
|
+ document.body.addEventListener(type, handler);
|
|
|
+ },
|
|
|
+ deregisterBodyInteractionHandler: function deregisterBodyInteractionHandler(type, handler) {
|
|
|
+ document.body.removeEventListener(type, handler);
|
|
|
+ },
|
|
|
+ registerResizeHandler: function registerResizeHandler(handler) {
|
|
|
+ window.addEventListener('resize', handler);
|
|
|
+ },
|
|
|
+ deregisterResizeHandler: function deregisterResizeHandler(handler) {
|
|
|
+ window.removeEventListener('resize', handler);
|
|
|
+ },
|
|
|
+ notifyInput: function notifyInput() {
|
|
|
+ _this2.emit(__WEBPACK_IMPORTED_MODULE_1__constants__["c" /* strings */].INPUT_EVENT, _this2);
|
|
|
+ },
|
|
|
+ notifyChange: function notifyChange() {
|
|
|
+ _this2.emit(__WEBPACK_IMPORTED_MODULE_1__constants__["c" /* strings */].CHANGE_EVENT, _this2);
|
|
|
+ },
|
|
|
+ setThumbContainerStyleProperty: function setThumbContainerStyleProperty(propertyName, value) {
|
|
|
+ _this2.thumbContainer_.style.setProperty(propertyName, value);
|
|
|
+ },
|
|
|
+ setTrackStyleProperty: function setTrackStyleProperty(propertyName, value) {
|
|
|
+ _this2.track_.style.setProperty(propertyName, value);
|
|
|
+ },
|
|
|
+ setMarkerValue: function setMarkerValue(value) {
|
|
|
+ _this2.pinValueMarker_.innerText = value;
|
|
|
+ },
|
|
|
+ appendTrackMarkers: function appendTrackMarkers(numMarkers) {
|
|
|
+ var frag = document.createDocumentFragment();
|
|
|
+ for (var i = 0; i < numMarkers; i++) {
|
|
|
+ var marker = document.createElement('div');
|
|
|
+ marker.classList.add('mdc-slider__track-marker');
|
|
|
+ frag.appendChild(marker);
|
|
|
+ }
|
|
|
+ _this2.trackMarkerContainer_.appendChild(frag);
|
|
|
+ },
|
|
|
+ removeTrackMarkers: function removeTrackMarkers() {
|
|
|
+ while (_this2.trackMarkerContainer_.firstChild) {
|
|
|
+ _this2.trackMarkerContainer_.removeChild(_this2.trackMarkerContainer_.firstChild);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ setLastTrackMarkersStyleProperty: function setLastTrackMarkersStyleProperty(propertyName, value) {
|
|
|
+ // We remove and append new nodes, thus, the last track marker must be dynamically found.
|
|
|
+ var lastTrackMarker = _this2.root_.querySelector(__WEBPACK_IMPORTED_MODULE_1__constants__["c" /* strings */].LAST_TRACK_MARKER_SELECTOR);
|
|
|
+ lastTrackMarker.style.setProperty(propertyName, value);
|
|
|
+ },
|
|
|
+ isRTL: function isRTL() {
|
|
|
+ return getComputedStyle(_this2.root_).direction === 'rtl';
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'initialSyncWithDOM',
|
|
|
+ value: function initialSyncWithDOM() {
|
|
|
+ var origValueNow = parseFloat(this.root_.getAttribute(__WEBPACK_IMPORTED_MODULE_1__constants__["c" /* strings */].ARIA_VALUENOW));
|
|
|
+ this.min = parseFloat(this.root_.getAttribute(__WEBPACK_IMPORTED_MODULE_1__constants__["c" /* strings */].ARIA_VALUEMIN)) || this.min;
|
|
|
+ this.max = parseFloat(this.root_.getAttribute(__WEBPACK_IMPORTED_MODULE_1__constants__["c" /* strings */].ARIA_VALUEMAX)) || this.max;
|
|
|
+ this.step = parseFloat(this.root_.getAttribute(__WEBPACK_IMPORTED_MODULE_1__constants__["c" /* strings */].STEP_DATA_ATTR)) || this.step;
|
|
|
+ this.value = origValueNow || this.value;
|
|
|
+ this.disabled = this.root_.hasAttribute(__WEBPACK_IMPORTED_MODULE_1__constants__["c" /* strings */].ARIA_DISABLED) && this.root_.getAttribute(__WEBPACK_IMPORTED_MODULE_1__constants__["c" /* strings */].ARIA_DISABLED) !== 'false';
|
|
|
+ this.foundation_.setupTrackMarker();
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'layout',
|
|
|
+ value: function layout() {
|
|
|
+ this.foundation_.layout();
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @param {number=} amount */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'stepUp',
|
|
|
+ value: function stepUp() {
|
|
|
+ var amount = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.step || 1;
|
|
|
+
|
|
|
+ this.value += amount;
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @param {number=} amount */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'stepDown',
|
|
|
+ value: function stepDown() {
|
|
|
+ var amount = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.step || 1;
|
|
|
+
|
|
|
+ this.value -= amount;
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'value',
|
|
|
+ get: function get() {
|
|
|
+ return this.foundation_.getValue();
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @param {number} value */
|
|
|
+ ,
|
|
|
+ set: function set(value) {
|
|
|
+ this.foundation_.setValue(value);
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return {number} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'min',
|
|
|
+ get: function get() {
|
|
|
+ return this.foundation_.getMin();
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @param {number} min */
|
|
|
+ ,
|
|
|
+ set: function set(min) {
|
|
|
+ this.foundation_.setMin(min);
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return {number} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'max',
|
|
|
+ get: function get() {
|
|
|
+ return this.foundation_.getMax();
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @param {number} max */
|
|
|
+ ,
|
|
|
+ set: function set(max) {
|
|
|
+ this.foundation_.setMax(max);
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return {number} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'step',
|
|
|
+ get: function get() {
|
|
|
+ return this.foundation_.getStep();
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @param {number} step */
|
|
|
+ ,
|
|
|
+ set: function set(step) {
|
|
|
+ this.foundation_.setStep(step);
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return {boolean} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'disabled',
|
|
|
+ get: function get() {
|
|
|
+ return this.foundation_.isDisabled();
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @param {boolean} disabled */
|
|
|
+ ,
|
|
|
+ set: function set(disabled) {
|
|
|
+ this.foundation_.setDisabled(disabled);
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCSlider;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_component__["a" /* default */]);
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 124 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__constants__ = __webpack_require__(52);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(53);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__material_animation_index__ = __webpack_require__(9);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__material_base_foundation__ = __webpack_require__(0);
|
|
|
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
|
+
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2017 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/** @enum {string} */
|
|
|
+var KEY_IDS = {
|
|
|
+ ARROW_LEFT: 'ArrowLeft',
|
|
|
+ ARROW_RIGHT: 'ArrowRight',
|
|
|
+ ARROW_UP: 'ArrowUp',
|
|
|
+ ARROW_DOWN: 'ArrowDown',
|
|
|
+ HOME: 'Home',
|
|
|
+ END: 'End',
|
|
|
+ PAGE_UP: 'PageUp',
|
|
|
+ PAGE_DOWN: 'PageDown'
|
|
|
+};
|
|
|
+
|
|
|
+/** @enum {string} */
|
|
|
+var MOVE_EVENT_MAP = {
|
|
|
+ 'mousedown': 'mousemove',
|
|
|
+ 'touchstart': 'touchmove',
|
|
|
+ 'pointerdown': 'pointermove'
|
|
|
+};
|
|
|
+
|
|
|
+var DOWN_EVENTS = ['mousedown', 'pointerdown', 'touchstart'];
|
|
|
+var UP_EVENTS = ['mouseup', 'pointerup', 'touchend'];
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends {MDCFoundation<!MDCSliderAdapter>}
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCSliderFoundation = function (_MDCFoundation) {
|
|
|
+ _inherits(MDCSliderFoundation, _MDCFoundation);
|
|
|
+
|
|
|
+ _createClass(MDCSliderFoundation, null, [{
|
|
|
+ key: 'cssClasses',
|
|
|
+
|
|
|
+ /** @return enum {cssClasses} */
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_0__constants__["a" /* cssClasses */];
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return enum {strings} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'strings',
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_0__constants__["c" /* strings */];
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return enum {numbers} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'numbers',
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_0__constants__["b" /* numbers */];
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return {!MDCSliderAdapter} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'defaultAdapter',
|
|
|
+ get: function get() {
|
|
|
+ return (/** @type {!MDCSliderAdapter} */{
|
|
|
+ hasClass: function hasClass() {
|
|
|
+ return (/* className: string */ /* boolean */false
|
|
|
+ );
|
|
|
+ },
|
|
|
+ addClass: function addClass() /* className: string */{},
|
|
|
+ removeClass: function removeClass() /* className: string */{},
|
|
|
+ getAttribute: function getAttribute() {
|
|
|
+ return (/* name: string */ /* string|null */null
|
|
|
+ );
|
|
|
+ },
|
|
|
+ setAttribute: function setAttribute() /* name: string, value: string */{},
|
|
|
+ removeAttribute: function removeAttribute() /* name: string */{},
|
|
|
+ computeBoundingRect: function computeBoundingRect() {
|
|
|
+ return (/* ClientRect */{
|
|
|
+ top: 0, right: 0, bottom: 0, left: 0, width: 0, height: 0
|
|
|
+ }
|
|
|
+ );
|
|
|
+ },
|
|
|
+ getTabIndex: function getTabIndex() {
|
|
|
+ return (/* number */0
|
|
|
+ );
|
|
|
+ },
|
|
|
+ registerInteractionHandler: function registerInteractionHandler() /* type: string, handler: EventListener */{},
|
|
|
+ deregisterInteractionHandler: function deregisterInteractionHandler() /* type: string, handler: EventListener */{},
|
|
|
+ registerThumbContainerInteractionHandler: function registerThumbContainerInteractionHandler() /* type: string, handler: EventListener */{},
|
|
|
+ deregisterThumbContainerInteractionHandler: function deregisterThumbContainerInteractionHandler() /* type: string, handler: EventListener */{},
|
|
|
+ registerBodyInteractionHandler: function registerBodyInteractionHandler() /* type: string, handler: EventListener */{},
|
|
|
+ deregisterBodyInteractionHandler: function deregisterBodyInteractionHandler() /* type: string, handler: EventListener */{},
|
|
|
+ registerResizeHandler: function registerResizeHandler() /* handler: EventListener */{},
|
|
|
+ deregisterResizeHandler: function deregisterResizeHandler() /* handler: EventListener */{},
|
|
|
+ notifyInput: function notifyInput() {},
|
|
|
+ notifyChange: function notifyChange() {},
|
|
|
+ setThumbContainerStyleProperty: function setThumbContainerStyleProperty() /* propertyName: string, value: string */{},
|
|
|
+ setTrackStyleProperty: function setTrackStyleProperty() /* propertyName: string, value: string */{},
|
|
|
+ setMarkerValue: function setMarkerValue() /* value: number */{},
|
|
|
+ appendTrackMarkers: function appendTrackMarkers() /* numMarkers: number */{},
|
|
|
+ removeTrackMarkers: function removeTrackMarkers() {},
|
|
|
+ setLastTrackMarkersStyleProperty: function setLastTrackMarkersStyleProperty() /* propertyName: string, value: string */{},
|
|
|
+ isRTL: function isRTL() {
|
|
|
+ return (/* boolean */false
|
|
|
+ );
|
|
|
+ }
|
|
|
+ }
|
|
|
+ );
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Creates a new instance of MDCSliderFoundation
|
|
|
+ * @param {?MDCSliderAdapter} adapter
|
|
|
+ */
|
|
|
+
|
|
|
+ }]);
|
|
|
+
|
|
|
+ function MDCSliderFoundation(adapter) {
|
|
|
+ _classCallCheck(this, MDCSliderFoundation);
|
|
|
+
|
|
|
+ /** @private {?ClientRect} */
|
|
|
+ var _this = _possibleConstructorReturn(this, (MDCSliderFoundation.__proto__ || Object.getPrototypeOf(MDCSliderFoundation)).call(this, _extends(MDCSliderFoundation.defaultAdapter, adapter)));
|
|
|
+
|
|
|
+ _this.rect_ = null;
|
|
|
+ // We set this to NaN since we want it to be a number, but we can't use '0' or '-1'
|
|
|
+ // because those could be valid tabindices set by the client code.
|
|
|
+ _this.savedTabIndex_ = NaN;
|
|
|
+ _this.active_ = false;
|
|
|
+ _this.inTransit_ = false;
|
|
|
+ _this.isDiscrete_ = false;
|
|
|
+ _this.hasTrackMarker_ = false;
|
|
|
+ _this.handlingThumbTargetEvt_ = false;
|
|
|
+ _this.min_ = 0;
|
|
|
+ _this.max_ = 100;
|
|
|
+ _this.step_ = 0;
|
|
|
+ _this.value_ = 0;
|
|
|
+ _this.disabled_ = false;
|
|
|
+ _this.preventFocusState_ = false;
|
|
|
+ _this.updateUIFrame_ = 0;
|
|
|
+ _this.thumbContainerPointerHandler_ = function () {
|
|
|
+ _this.handlingThumbTargetEvt_ = true;
|
|
|
+ };
|
|
|
+ _this.interactionStartHandler_ = function (evt) {
|
|
|
+ return _this.handleDown_(evt);
|
|
|
+ };
|
|
|
+ _this.keydownHandler_ = function (evt) {
|
|
|
+ return _this.handleKeydown_(evt);
|
|
|
+ };
|
|
|
+ _this.focusHandler_ = function () {
|
|
|
+ return _this.handleFocus_();
|
|
|
+ };
|
|
|
+ _this.blurHandler_ = function () {
|
|
|
+ return _this.handleBlur_();
|
|
|
+ };
|
|
|
+ _this.resizeHandler_ = function () {
|
|
|
+ return _this.layout();
|
|
|
+ };
|
|
|
+ return _this;
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCSliderFoundation, [{
|
|
|
+ key: 'init',
|
|
|
+ value: function init() {
|
|
|
+ var _this2 = this;
|
|
|
+
|
|
|
+ this.isDiscrete_ = this.adapter_.hasClass(__WEBPACK_IMPORTED_MODULE_0__constants__["a" /* cssClasses */].IS_DISCRETE);
|
|
|
+ this.hasTrackMarker_ = this.adapter_.hasClass(__WEBPACK_IMPORTED_MODULE_0__constants__["a" /* cssClasses */].HAS_TRACK_MARKER);
|
|
|
+ DOWN_EVENTS.forEach(function (evtName) {
|
|
|
+ return _this2.adapter_.registerInteractionHandler(evtName, _this2.interactionStartHandler_);
|
|
|
+ });
|
|
|
+ this.adapter_.registerInteractionHandler('keydown', this.keydownHandler_);
|
|
|
+ this.adapter_.registerInteractionHandler('focus', this.focusHandler_);
|
|
|
+ this.adapter_.registerInteractionHandler('blur', this.blurHandler_);
|
|
|
+ DOWN_EVENTS.forEach(function (evtName) {
|
|
|
+ _this2.adapter_.registerThumbContainerInteractionHandler(evtName, _this2.thumbContainerPointerHandler_);
|
|
|
+ });
|
|
|
+ this.adapter_.registerResizeHandler(this.resizeHandler_);
|
|
|
+ this.layout();
|
|
|
+ // At last step, provide a reasonable default value to discrete slider
|
|
|
+ if (this.isDiscrete_ && this.getStep() == 0) {
|
|
|
+ this.step_ = 1;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'destroy',
|
|
|
+ value: function destroy() {
|
|
|
+ var _this3 = this;
|
|
|
+
|
|
|
+ DOWN_EVENTS.forEach(function (evtName) {
|
|
|
+ _this3.adapter_.deregisterInteractionHandler(evtName, _this3.interactionStartHandler_);
|
|
|
+ });
|
|
|
+ this.adapter_.deregisterInteractionHandler('keydown', this.keydownHandler_);
|
|
|
+ this.adapter_.deregisterInteractionHandler('focus', this.focusHandler_);
|
|
|
+ this.adapter_.deregisterInteractionHandler('blur', this.blurHandler_);
|
|
|
+ DOWN_EVENTS.forEach(function (evtName) {
|
|
|
+ _this3.adapter_.deregisterThumbContainerInteractionHandler(evtName, _this3.thumbContainerPointerHandler_);
|
|
|
+ });
|
|
|
+ this.adapter_.deregisterResizeHandler(this.resizeHandler_);
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'setupTrackMarker',
|
|
|
+ value: function setupTrackMarker() {
|
|
|
+ if (this.isDiscrete_ && this.hasTrackMarker_ && this.getStep() != 0) {
|
|
|
+ var min = this.getMin();
|
|
|
+ var max = this.getMax();
|
|
|
+ var step = this.getStep();
|
|
|
+ var numMarkers = (max - min) / step;
|
|
|
+
|
|
|
+ // In case distance between max & min is indivisible to step,
|
|
|
+ // we place the secondary to last marker proportionally at where thumb
|
|
|
+ // could reach and place the last marker at max value
|
|
|
+ var indivisible = Math.ceil(numMarkers) !== numMarkers;
|
|
|
+ if (indivisible) {
|
|
|
+ numMarkers = Math.ceil(numMarkers);
|
|
|
+ }
|
|
|
+
|
|
|
+ this.adapter_.removeTrackMarkers();
|
|
|
+ this.adapter_.appendTrackMarkers(numMarkers);
|
|
|
+
|
|
|
+ if (indivisible) {
|
|
|
+ var lastStepRatio = (max - numMarkers * step) / step + 1;
|
|
|
+ var flex = Object(__WEBPACK_IMPORTED_MODULE_2__material_animation_index__["b" /* getCorrectPropertyName */])(window, 'flex');
|
|
|
+ this.adapter_.setLastTrackMarkersStyleProperty(flex, String(lastStepRatio));
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'layout',
|
|
|
+ value: function layout() {
|
|
|
+ this.rect_ = this.adapter_.computeBoundingRect();
|
|
|
+ this.updateUIForCurrentValue_();
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return {number} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getValue',
|
|
|
+ value: function getValue() {
|
|
|
+ return this.value_;
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @param {number} value */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setValue',
|
|
|
+ value: function setValue(value) {
|
|
|
+ this.setValue_(value, false);
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return {number} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getMax',
|
|
|
+ value: function getMax() {
|
|
|
+ return this.max_;
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @param {number} max */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setMax',
|
|
|
+ value: function setMax(max) {
|
|
|
+ if (max < this.min_) {
|
|
|
+ throw new Error('Cannot set max to be less than the slider\'s minimum value');
|
|
|
+ }
|
|
|
+ this.max_ = max;
|
|
|
+ this.setValue_(this.value_, false, true);
|
|
|
+ this.adapter_.setAttribute(__WEBPACK_IMPORTED_MODULE_0__constants__["c" /* strings */].ARIA_VALUEMAX, String(this.max_));
|
|
|
+ this.setupTrackMarker();
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return {number} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getMin',
|
|
|
+ value: function getMin() {
|
|
|
+ return this.min_;
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @param {number} min */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setMin',
|
|
|
+ value: function setMin(min) {
|
|
|
+ if (min > this.max_) {
|
|
|
+ throw new Error('Cannot set min to be greater than the slider\'s maximum value');
|
|
|
+ }
|
|
|
+ this.min_ = min;
|
|
|
+ this.setValue_(this.value_, false, true);
|
|
|
+ this.adapter_.setAttribute(__WEBPACK_IMPORTED_MODULE_0__constants__["c" /* strings */].ARIA_VALUEMIN, String(this.min_));
|
|
|
+ this.setupTrackMarker();
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return {number} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getStep',
|
|
|
+ value: function getStep() {
|
|
|
+ return this.step_;
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @param {number} step */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setStep',
|
|
|
+ value: function setStep(step) {
|
|
|
+ if (step < 0) {
|
|
|
+ throw new Error('Step cannot be set to a negative number');
|
|
|
+ }
|
|
|
+ if (this.isDiscrete_ && (typeof step !== 'number' || step < 1)) {
|
|
|
+ step = 1;
|
|
|
+ }
|
|
|
+ this.step_ = step;
|
|
|
+ this.setValue_(this.value_, false, true);
|
|
|
+ this.setupTrackMarker();
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return {boolean} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'isDisabled',
|
|
|
+ value: function isDisabled() {
|
|
|
+ return this.disabled_;
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @param {boolean} disabled */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setDisabled',
|
|
|
+ value: function setDisabled(disabled) {
|
|
|
+ this.disabled_ = disabled;
|
|
|
+ this.toggleClass_(__WEBPACK_IMPORTED_MODULE_0__constants__["a" /* cssClasses */].DISABLED, this.disabled_);
|
|
|
+ if (this.disabled_) {
|
|
|
+ this.savedTabIndex_ = this.adapter_.getTabIndex();
|
|
|
+ this.adapter_.setAttribute(__WEBPACK_IMPORTED_MODULE_0__constants__["c" /* strings */].ARIA_DISABLED, 'true');
|
|
|
+ this.adapter_.removeAttribute('tabindex');
|
|
|
+ } else {
|
|
|
+ this.adapter_.removeAttribute(__WEBPACK_IMPORTED_MODULE_0__constants__["c" /* strings */].ARIA_DISABLED);
|
|
|
+ if (!isNaN(this.savedTabIndex_)) {
|
|
|
+ this.adapter_.setAttribute('tabindex', String(this.savedTabIndex_));
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Called when the user starts interacting with the slider
|
|
|
+ * @param {!Event} evt
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'handleDown_',
|
|
|
+ value: function handleDown_(evt) {
|
|
|
+ var _this4 = this;
|
|
|
+
|
|
|
+ if (this.disabled_) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ this.preventFocusState_ = true;
|
|
|
+ this.setInTransit_(!this.handlingThumbTargetEvt_);
|
|
|
+ this.handlingThumbTargetEvt_ = false;
|
|
|
+ this.setActive_(true);
|
|
|
+
|
|
|
+ var moveHandler = function moveHandler(evt) {
|
|
|
+ _this4.handleMove_(evt);
|
|
|
+ };
|
|
|
+
|
|
|
+ // Note: upHandler is [de]registered on ALL potential pointer-related release event types, since some browsers
|
|
|
+ // do not always fire these consistently in pairs.
|
|
|
+ // (See https://github.com/material-components/material-components-web/issues/1192)
|
|
|
+ var upHandler = function upHandler() {
|
|
|
+ _this4.handleUp_();
|
|
|
+ _this4.adapter_.deregisterBodyInteractionHandler(MOVE_EVENT_MAP[evt.type], moveHandler);
|
|
|
+ UP_EVENTS.forEach(function (evtName) {
|
|
|
+ return _this4.adapter_.deregisterBodyInteractionHandler(evtName, upHandler);
|
|
|
+ });
|
|
|
+ };
|
|
|
+
|
|
|
+ this.adapter_.registerBodyInteractionHandler(MOVE_EVENT_MAP[evt.type], moveHandler);
|
|
|
+ UP_EVENTS.forEach(function (evtName) {
|
|
|
+ return _this4.adapter_.registerBodyInteractionHandler(evtName, upHandler);
|
|
|
+ });
|
|
|
+ this.setValueFromEvt_(evt);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Called when the user moves the slider
|
|
|
+ * @param {!Event} evt
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'handleMove_',
|
|
|
+ value: function handleMove_(evt) {
|
|
|
+ evt.preventDefault();
|
|
|
+ this.setValueFromEvt_(evt);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Called when the user's interaction with the slider ends
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'handleUp_',
|
|
|
+ value: function handleUp_() {
|
|
|
+ this.setActive_(false);
|
|
|
+ this.adapter_.notifyChange();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns the pageX of the event
|
|
|
+ * @param {!Event} evt
|
|
|
+ * @return {number}
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getPageX_',
|
|
|
+ value: function getPageX_(evt) {
|
|
|
+ if (evt.targetTouches && evt.targetTouches.length > 0) {
|
|
|
+ return evt.targetTouches[0].pageX;
|
|
|
+ }
|
|
|
+ return evt.pageX;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets the slider value from an event
|
|
|
+ * @param {!Event} evt
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setValueFromEvt_',
|
|
|
+ value: function setValueFromEvt_(evt) {
|
|
|
+ var pageX = this.getPageX_(evt);
|
|
|
+ var value = this.computeValueFromPageX_(pageX);
|
|
|
+ this.setValue_(value, true);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Computes the new value from the pageX position
|
|
|
+ * @param {number} pageX
|
|
|
+ * @return {number}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'computeValueFromPageX_',
|
|
|
+ value: function computeValueFromPageX_(pageX) {
|
|
|
+ var max = this.max_,
|
|
|
+ min = this.min_;
|
|
|
+
|
|
|
+ var xPos = pageX - this.rect_.left;
|
|
|
+ var pctComplete = xPos / this.rect_.width;
|
|
|
+ if (this.adapter_.isRTL()) {
|
|
|
+ pctComplete = 1 - pctComplete;
|
|
|
+ }
|
|
|
+ // Fit the percentage complete between the range [min,max]
|
|
|
+ // by remapping from [0, 1] to [min, min+(max-min)].
|
|
|
+ return min + pctComplete * (max - min);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Handles keydown events
|
|
|
+ * @param {!Event} evt
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'handleKeydown_',
|
|
|
+ value: function handleKeydown_(evt) {
|
|
|
+ var keyId = this.getKeyId_(evt);
|
|
|
+ var value = this.getValueForKeyId_(keyId);
|
|
|
+ if (isNaN(value)) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ // Prevent page from scrolling due to key presses that would normally scroll the page
|
|
|
+ evt.preventDefault();
|
|
|
+ this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_0__constants__["a" /* cssClasses */].FOCUS);
|
|
|
+ this.setValue_(value, true);
|
|
|
+ this.adapter_.notifyChange();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns the computed name of the event
|
|
|
+ * @param {!Event} kbdEvt
|
|
|
+ * @return {string}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getKeyId_',
|
|
|
+ value: function getKeyId_(kbdEvt) {
|
|
|
+ if (kbdEvt.key === KEY_IDS.ARROW_LEFT || kbdEvt.keyCode === 37) {
|
|
|
+ return KEY_IDS.ARROW_LEFT;
|
|
|
+ }
|
|
|
+ if (kbdEvt.key === KEY_IDS.ARROW_RIGHT || kbdEvt.keyCode === 39) {
|
|
|
+ return KEY_IDS.ARROW_RIGHT;
|
|
|
+ }
|
|
|
+ if (kbdEvt.key === KEY_IDS.ARROW_UP || kbdEvt.keyCode === 38) {
|
|
|
+ return KEY_IDS.ARROW_UP;
|
|
|
+ }
|
|
|
+ if (kbdEvt.key === KEY_IDS.ARROW_DOWN || kbdEvt.keyCode === 40) {
|
|
|
+ return KEY_IDS.ARROW_DOWN;
|
|
|
+ }
|
|
|
+ if (kbdEvt.key === KEY_IDS.HOME || kbdEvt.keyCode === 36) {
|
|
|
+ return KEY_IDS.HOME;
|
|
|
+ }
|
|
|
+ if (kbdEvt.key === KEY_IDS.END || kbdEvt.keyCode === 35) {
|
|
|
+ return KEY_IDS.END;
|
|
|
+ }
|
|
|
+ if (kbdEvt.key === KEY_IDS.PAGE_UP || kbdEvt.keyCode === 33) {
|
|
|
+ return KEY_IDS.PAGE_UP;
|
|
|
+ }
|
|
|
+ if (kbdEvt.key === KEY_IDS.PAGE_DOWN || kbdEvt.keyCode === 34) {
|
|
|
+ return KEY_IDS.PAGE_DOWN;
|
|
|
+ }
|
|
|
+
|
|
|
+ return '';
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Computes the value given a keyboard key ID
|
|
|
+ * @param {string} keyId
|
|
|
+ * @return {number}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getValueForKeyId_',
|
|
|
+ value: function getValueForKeyId_(keyId) {
|
|
|
+ var max = this.max_,
|
|
|
+ min = this.min_,
|
|
|
+ step = this.step_;
|
|
|
+
|
|
|
+ var delta = step || (max - min) / 100;
|
|
|
+ var valueNeedsToBeFlipped = this.adapter_.isRTL() && (keyId === KEY_IDS.ARROW_LEFT || keyId === KEY_IDS.ARROW_RIGHT);
|
|
|
+ if (valueNeedsToBeFlipped) {
|
|
|
+ delta = -delta;
|
|
|
+ }
|
|
|
+
|
|
|
+ switch (keyId) {
|
|
|
+ case KEY_IDS.ARROW_LEFT:
|
|
|
+ case KEY_IDS.ARROW_DOWN:
|
|
|
+ return this.value_ - delta;
|
|
|
+ case KEY_IDS.ARROW_RIGHT:
|
|
|
+ case KEY_IDS.ARROW_UP:
|
|
|
+ return this.value_ + delta;
|
|
|
+ case KEY_IDS.HOME:
|
|
|
+ return this.min_;
|
|
|
+ case KEY_IDS.END:
|
|
|
+ return this.max_;
|
|
|
+ case KEY_IDS.PAGE_UP:
|
|
|
+ return this.value_ + delta * __WEBPACK_IMPORTED_MODULE_0__constants__["b" /* numbers */].PAGE_FACTOR;
|
|
|
+ case KEY_IDS.PAGE_DOWN:
|
|
|
+ return this.value_ - delta * __WEBPACK_IMPORTED_MODULE_0__constants__["b" /* numbers */].PAGE_FACTOR;
|
|
|
+ default:
|
|
|
+ return NaN;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'handleFocus_',
|
|
|
+ value: function handleFocus_() {
|
|
|
+ if (this.preventFocusState_) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_0__constants__["a" /* cssClasses */].FOCUS);
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'handleBlur_',
|
|
|
+ value: function handleBlur_() {
|
|
|
+ this.preventFocusState_ = false;
|
|
|
+ this.adapter_.removeClass(__WEBPACK_IMPORTED_MODULE_0__constants__["a" /* cssClasses */].FOCUS);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets the value of the slider
|
|
|
+ * @param {number} value
|
|
|
+ * @param {boolean} shouldFireInput
|
|
|
+ * @param {boolean=} force
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setValue_',
|
|
|
+ value: function setValue_(value, shouldFireInput) {
|
|
|
+ var force = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
|
+
|
|
|
+ if (value === this.value_ && !force) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ var min = this.min_,
|
|
|
+ max = this.max_;
|
|
|
+
|
|
|
+ var valueSetToBoundary = value === min || value === max;
|
|
|
+ if (this.step_ && !valueSetToBoundary) {
|
|
|
+ value = this.quantize_(value);
|
|
|
+ }
|
|
|
+ if (value < min) {
|
|
|
+ value = min;
|
|
|
+ } else if (value > max) {
|
|
|
+ value = max;
|
|
|
+ }
|
|
|
+ this.value_ = value;
|
|
|
+ this.adapter_.setAttribute(__WEBPACK_IMPORTED_MODULE_0__constants__["c" /* strings */].ARIA_VALUENOW, String(this.value_));
|
|
|
+ this.updateUIForCurrentValue_();
|
|
|
+
|
|
|
+ if (shouldFireInput) {
|
|
|
+ this.adapter_.notifyInput();
|
|
|
+ if (this.isDiscrete_) {
|
|
|
+ this.adapter_.setMarkerValue(value);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Calculates the quantized value
|
|
|
+ * @param {number} value
|
|
|
+ * @return {number}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'quantize_',
|
|
|
+ value: function quantize_(value) {
|
|
|
+ var numSteps = Math.round(value / this.step_);
|
|
|
+ var quantizedVal = numSteps * this.step_;
|
|
|
+ return quantizedVal;
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'updateUIForCurrentValue_',
|
|
|
+ value: function updateUIForCurrentValue_() {
|
|
|
+ var _this5 = this;
|
|
|
+
|
|
|
+ var max = this.max_,
|
|
|
+ min = this.min_,
|
|
|
+ value = this.value_;
|
|
|
+
|
|
|
+ var pctComplete = (value - min) / (max - min);
|
|
|
+ var translatePx = pctComplete * this.rect_.width;
|
|
|
+ if (this.adapter_.isRTL()) {
|
|
|
+ translatePx = this.rect_.width - translatePx;
|
|
|
+ }
|
|
|
+
|
|
|
+ var transformProp = Object(__WEBPACK_IMPORTED_MODULE_2__material_animation_index__["b" /* getCorrectPropertyName */])(window, 'transform');
|
|
|
+ var transitionendEvtName = Object(__WEBPACK_IMPORTED_MODULE_2__material_animation_index__["a" /* getCorrectEventName */])(window, 'transitionend');
|
|
|
+
|
|
|
+ if (this.inTransit_) {
|
|
|
+ var onTransitionEnd = function onTransitionEnd() {
|
|
|
+ _this5.setInTransit_(false);
|
|
|
+ _this5.adapter_.deregisterThumbContainerInteractionHandler(transitionendEvtName, onTransitionEnd);
|
|
|
+ };
|
|
|
+ this.adapter_.registerThumbContainerInteractionHandler(transitionendEvtName, onTransitionEnd);
|
|
|
+ }
|
|
|
+
|
|
|
+ this.updateUIFrame_ = requestAnimationFrame(function () {
|
|
|
+ // NOTE(traviskaufman): It would be nice to use calc() here,
|
|
|
+ // but IE cannot handle calcs in transforms correctly.
|
|
|
+ // See: https://goo.gl/NC2itk
|
|
|
+ // Also note that the -50% offset is used to center the slider thumb.
|
|
|
+ _this5.adapter_.setThumbContainerStyleProperty(transformProp, 'translateX(' + translatePx + 'px) translateX(-50%)');
|
|
|
+ _this5.adapter_.setTrackStyleProperty(transformProp, 'scaleX(' + pctComplete + ')');
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Toggles the active state of the slider
|
|
|
+ * @param {boolean} active
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setActive_',
|
|
|
+ value: function setActive_(active) {
|
|
|
+ this.active_ = active;
|
|
|
+ this.toggleClass_(__WEBPACK_IMPORTED_MODULE_0__constants__["a" /* cssClasses */].ACTIVE, this.active_);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Toggles the inTransit state of the slider
|
|
|
+ * @param {boolean} inTransit
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setInTransit_',
|
|
|
+ value: function setInTransit_(inTransit) {
|
|
|
+ this.inTransit_ = inTransit;
|
|
|
+ this.toggleClass_(__WEBPACK_IMPORTED_MODULE_0__constants__["a" /* cssClasses */].IN_TRANSIT, this.inTransit_);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Conditionally adds or removes a class based on shouldBePresent
|
|
|
+ * @param {string} className
|
|
|
+ * @param {boolean} shouldBePresent
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'toggleClass_',
|
|
|
+ value: function toggleClass_(className, shouldBePresent) {
|
|
|
+ if (shouldBePresent) {
|
|
|
+ this.adapter_.addClass(className);
|
|
|
+ } else {
|
|
|
+ this.adapter_.removeClass(className);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCSliderFoundation;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_3__material_base_foundation__["a" /* default */]);
|
|
|
+
|
|
|
+/* harmony default export */ __webpack_exports__["a"] = (MDCSliderFoundation);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 125 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCSnackbar", function() { return MDCSnackbar; });
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_index__ = __webpack_require__(3);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__foundation__ = __webpack_require__(126);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__material_animation_index__ = __webpack_require__(9);
|
|
|
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCSnackbarFoundation", function() { return __WEBPACK_IMPORTED_MODULE_1__foundation__["a"]; });
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2016 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+var MDCSnackbar = function (_MDCComponent) {
|
|
|
+ _inherits(MDCSnackbar, _MDCComponent);
|
|
|
+
|
|
|
+ function MDCSnackbar() {
|
|
|
+ _classCallCheck(this, MDCSnackbar);
|
|
|
+
|
|
|
+ return _possibleConstructorReturn(this, (MDCSnackbar.__proto__ || Object.getPrototypeOf(MDCSnackbar)).apply(this, arguments));
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCSnackbar, [{
|
|
|
+ key: 'show',
|
|
|
+ value: function show(data) {
|
|
|
+ this.foundation_.show(data);
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'getDefaultFoundation',
|
|
|
+ value: function getDefaultFoundation() {
|
|
|
+ var _this2 = this;
|
|
|
+
|
|
|
+ var _MDCSnackbarFoundatio = __WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */].strings,
|
|
|
+ TEXT_SELECTOR = _MDCSnackbarFoundatio.TEXT_SELECTOR,
|
|
|
+ ACTION_BUTTON_SELECTOR = _MDCSnackbarFoundatio.ACTION_BUTTON_SELECTOR;
|
|
|
+
|
|
|
+ var getText = function getText() {
|
|
|
+ return _this2.root_.querySelector(TEXT_SELECTOR);
|
|
|
+ };
|
|
|
+ var getActionButton = function getActionButton() {
|
|
|
+ return _this2.root_.querySelector(ACTION_BUTTON_SELECTOR);
|
|
|
+ };
|
|
|
+
|
|
|
+ /* eslint brace-style: "off" */
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */]({
|
|
|
+ addClass: function addClass(className) {
|
|
|
+ return _this2.root_.classList.add(className);
|
|
|
+ },
|
|
|
+ removeClass: function removeClass(className) {
|
|
|
+ return _this2.root_.classList.remove(className);
|
|
|
+ },
|
|
|
+ setAriaHidden: function setAriaHidden() {
|
|
|
+ return _this2.root_.setAttribute('aria-hidden', 'true');
|
|
|
+ },
|
|
|
+ unsetAriaHidden: function unsetAriaHidden() {
|
|
|
+ return _this2.root_.removeAttribute('aria-hidden');
|
|
|
+ },
|
|
|
+ setActionAriaHidden: function setActionAriaHidden() {
|
|
|
+ return getActionButton().setAttribute('aria-hidden', 'true');
|
|
|
+ },
|
|
|
+ unsetActionAriaHidden: function unsetActionAriaHidden() {
|
|
|
+ return getActionButton().removeAttribute('aria-hidden');
|
|
|
+ },
|
|
|
+ setActionText: function setActionText(text) {
|
|
|
+ getActionButton().textContent = text;
|
|
|
+ },
|
|
|
+ setMessageText: function setMessageText(text) {
|
|
|
+ getText().textContent = text;
|
|
|
+ },
|
|
|
+ setFocus: function setFocus() {
|
|
|
+ return getActionButton().focus();
|
|
|
+ },
|
|
|
+ isFocused: function isFocused() {
|
|
|
+ return document.activeElement === getActionButton();
|
|
|
+ },
|
|
|
+ visibilityIsHidden: function visibilityIsHidden() {
|
|
|
+ return document.hidden;
|
|
|
+ },
|
|
|
+ registerCapturedBlurHandler: function registerCapturedBlurHandler(handler) {
|
|
|
+ return getActionButton().addEventListener('blur', handler, true);
|
|
|
+ },
|
|
|
+ deregisterCapturedBlurHandler: function deregisterCapturedBlurHandler(handler) {
|
|
|
+ return getActionButton().removeEventListener('blur', handler, true);
|
|
|
+ },
|
|
|
+ registerVisibilityChangeHandler: function registerVisibilityChangeHandler(handler) {
|
|
|
+ return document.addEventListener('visibilitychange', handler);
|
|
|
+ },
|
|
|
+ deregisterVisibilityChangeHandler: function deregisterVisibilityChangeHandler(handler) {
|
|
|
+ return document.removeEventListener('visibilitychange', handler);
|
|
|
+ },
|
|
|
+ registerCapturedInteractionHandler: function registerCapturedInteractionHandler(evt, handler) {
|
|
|
+ return document.body.addEventListener(evt, handler, true);
|
|
|
+ },
|
|
|
+ deregisterCapturedInteractionHandler: function deregisterCapturedInteractionHandler(evt, handler) {
|
|
|
+ return document.body.removeEventListener(evt, handler, true);
|
|
|
+ },
|
|
|
+ registerActionClickHandler: function registerActionClickHandler(handler) {
|
|
|
+ return getActionButton().addEventListener('click', handler);
|
|
|
+ },
|
|
|
+ deregisterActionClickHandler: function deregisterActionClickHandler(handler) {
|
|
|
+ return getActionButton().removeEventListener('click', handler);
|
|
|
+ },
|
|
|
+ registerTransitionEndHandler: function registerTransitionEndHandler(handler) {
|
|
|
+ return _this2.root_.addEventListener(Object(__WEBPACK_IMPORTED_MODULE_2__material_animation_index__["a" /* getCorrectEventName */])(window, 'transitionend'), handler);
|
|
|
+ },
|
|
|
+ deregisterTransitionEndHandler: function deregisterTransitionEndHandler(handler) {
|
|
|
+ return _this2.root_.removeEventListener(Object(__WEBPACK_IMPORTED_MODULE_2__material_animation_index__["a" /* getCorrectEventName */])(window, 'transitionend'), handler);
|
|
|
+ },
|
|
|
+ notifyShow: function notifyShow() {
|
|
|
+ return _this2.emit(__WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */].strings.SHOW_EVENT);
|
|
|
+ },
|
|
|
+ notifyHide: function notifyHide() {
|
|
|
+ return _this2.emit(__WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */].strings.HIDE_EVENT);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'dismissesOnAction',
|
|
|
+ get: function get() {
|
|
|
+ return this.foundation_.dismissesOnAction();
|
|
|
+ },
|
|
|
+ set: function set(dismissesOnAction) {
|
|
|
+ this.foundation_.setDismissOnAction(dismissesOnAction);
|
|
|
+ }
|
|
|
+ }], [{
|
|
|
+ key: 'attachTo',
|
|
|
+ value: function attachTo(root) {
|
|
|
+ return new MDCSnackbar(root);
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCSnackbar;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_index__["MDCComponent"]);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 126 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_index__ = __webpack_require__(3);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__constants__ = __webpack_require__(127);
|
|
|
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
|
+
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2016 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+var MDCSnackbarFoundation = function (_MDCFoundation) {
|
|
|
+ _inherits(MDCSnackbarFoundation, _MDCFoundation);
|
|
|
+
|
|
|
+ _createClass(MDCSnackbarFoundation, [{
|
|
|
+ key: 'active',
|
|
|
+ get: function get() {
|
|
|
+ return this.active_;
|
|
|
+ }
|
|
|
+ }], [{
|
|
|
+ key: 'cssClasses',
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */];
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'strings',
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_1__constants__["c" /* strings */];
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'defaultAdapter',
|
|
|
+ get: function get() {
|
|
|
+ return {
|
|
|
+ addClass: function addClass() /* className: string */{},
|
|
|
+ removeClass: function removeClass() /* className: string */{},
|
|
|
+ setAriaHidden: function setAriaHidden() {},
|
|
|
+ unsetAriaHidden: function unsetAriaHidden() {},
|
|
|
+ setActionAriaHidden: function setActionAriaHidden() {},
|
|
|
+ unsetActionAriaHidden: function unsetActionAriaHidden() {},
|
|
|
+ setActionText: function setActionText() /* actionText: string */{},
|
|
|
+ setMessageText: function setMessageText() /* message: string */{},
|
|
|
+ setFocus: function setFocus() {},
|
|
|
+ isFocused: function isFocused() {
|
|
|
+ return (/* boolean */false
|
|
|
+ );
|
|
|
+ },
|
|
|
+ visibilityIsHidden: function visibilityIsHidden() {
|
|
|
+ return (/* boolean */false
|
|
|
+ );
|
|
|
+ },
|
|
|
+ registerCapturedBlurHandler: function registerCapturedBlurHandler() /* handler: EventListener */{},
|
|
|
+ deregisterCapturedBlurHandler: function deregisterCapturedBlurHandler() /* handler: EventListener */{},
|
|
|
+ registerVisibilityChangeHandler: function registerVisibilityChangeHandler() /* handler: EventListener */{},
|
|
|
+ deregisterVisibilityChangeHandler: function deregisterVisibilityChangeHandler() /* handler: EventListener */{},
|
|
|
+ registerCapturedInteractionHandler: function registerCapturedInteractionHandler() /* evtType: string, handler: EventListener */{},
|
|
|
+ deregisterCapturedInteractionHandler: function deregisterCapturedInteractionHandler() /* evtType: string, handler: EventListener */{},
|
|
|
+ registerActionClickHandler: function registerActionClickHandler() /* handler: EventListener */{},
|
|
|
+ deregisterActionClickHandler: function deregisterActionClickHandler() /* handler: EventListener */{},
|
|
|
+ registerTransitionEndHandler: function registerTransitionEndHandler() /* handler: EventListener */{},
|
|
|
+ deregisterTransitionEndHandler: function deregisterTransitionEndHandler() /* handler: EventListener */{},
|
|
|
+ notifyShow: function notifyShow() {},
|
|
|
+ notifyHide: function notifyHide() {}
|
|
|
+ };
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ function MDCSnackbarFoundation(adapter) {
|
|
|
+ _classCallCheck(this, MDCSnackbarFoundation);
|
|
|
+
|
|
|
+ var _this = _possibleConstructorReturn(this, (MDCSnackbarFoundation.__proto__ || Object.getPrototypeOf(MDCSnackbarFoundation)).call(this, _extends(MDCSnackbarFoundation.defaultAdapter, adapter)));
|
|
|
+
|
|
|
+ _this.active_ = false;
|
|
|
+ _this.actionWasClicked_ = false;
|
|
|
+ _this.dismissOnAction_ = true;
|
|
|
+ _this.firstFocus_ = true;
|
|
|
+ _this.pointerDownRecognized_ = false;
|
|
|
+ _this.snackbarHasFocus_ = false;
|
|
|
+ _this.snackbarData_ = null;
|
|
|
+ _this.queue_ = [];
|
|
|
+ _this.actionClickHandler_ = function () {
|
|
|
+ _this.actionWasClicked_ = true;
|
|
|
+ _this.invokeAction_();
|
|
|
+ };
|
|
|
+ _this.visibilitychangeHandler_ = function () {
|
|
|
+ clearTimeout(_this.timeoutId_);
|
|
|
+ _this.snackbarHasFocus_ = true;
|
|
|
+
|
|
|
+ if (!_this.adapter_.visibilityIsHidden()) {
|
|
|
+ setTimeout(_this.cleanup_.bind(_this), _this.snackbarData_.timeout || __WEBPACK_IMPORTED_MODULE_1__constants__["b" /* numbers */].MESSAGE_TIMEOUT);
|
|
|
+ }
|
|
|
+ };
|
|
|
+ _this.interactionHandler_ = function (evt) {
|
|
|
+ if (evt.type === 'focus' && !_this.adapter_.isFocused()) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (evt.type === 'touchstart' || evt.type === 'mousedown') {
|
|
|
+ _this.pointerDownRecognized_ = true;
|
|
|
+ }
|
|
|
+ _this.handlePossibleTabKeyboardFocus_(evt);
|
|
|
+
|
|
|
+ if (evt.type === 'focus') {
|
|
|
+ _this.pointerDownRecognized_ = false;
|
|
|
+ }
|
|
|
+ };
|
|
|
+ _this.blurHandler_ = function () {
|
|
|
+ clearTimeout(_this.timeoutId_);
|
|
|
+ _this.snackbarHasFocus_ = false;
|
|
|
+ _this.timeoutId_ = setTimeout(_this.cleanup_.bind(_this), _this.snackbarData_.timeout || __WEBPACK_IMPORTED_MODULE_1__constants__["b" /* numbers */].MESSAGE_TIMEOUT);
|
|
|
+ };
|
|
|
+ return _this;
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCSnackbarFoundation, [{
|
|
|
+ key: 'init',
|
|
|
+ value: function init() {
|
|
|
+ this.adapter_.registerActionClickHandler(this.actionClickHandler_);
|
|
|
+ this.adapter_.setAriaHidden();
|
|
|
+ this.adapter_.setActionAriaHidden();
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'destroy',
|
|
|
+ value: function destroy() {
|
|
|
+ var _this2 = this;
|
|
|
+
|
|
|
+ this.adapter_.deregisterActionClickHandler(this.actionClickHandler_);
|
|
|
+ this.adapter_.deregisterCapturedBlurHandler(this.blurHandler_);
|
|
|
+ this.adapter_.deregisterVisibilityChangeHandler(this.visibilitychangeHandler_);
|
|
|
+ ['touchstart', 'mousedown', 'focus'].forEach(function (evtType) {
|
|
|
+ _this2.adapter_.deregisterCapturedInteractionHandler(evtType, _this2.interactionHandler_);
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'dismissesOnAction',
|
|
|
+ value: function dismissesOnAction() {
|
|
|
+ return this.dismissOnAction_;
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'setDismissOnAction',
|
|
|
+ value: function setDismissOnAction(dismissOnAction) {
|
|
|
+ this.dismissOnAction_ = !!dismissOnAction;
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'show',
|
|
|
+ value: function show(data) {
|
|
|
+ var _this3 = this;
|
|
|
+
|
|
|
+ if (!data) {
|
|
|
+ throw new Error('Please provide a data object with at least a message to display.');
|
|
|
+ }
|
|
|
+ if (!data.message) {
|
|
|
+ throw new Error('Please provide a message to be displayed.');
|
|
|
+ }
|
|
|
+ if (data.actionHandler && !data.actionText) {
|
|
|
+ throw new Error('Please provide action text with the handler.');
|
|
|
+ }
|
|
|
+ if (this.active) {
|
|
|
+ this.queue_.push(data);
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ clearTimeout(this.timeoutId_);
|
|
|
+ this.snackbarData_ = data;
|
|
|
+ this.firstFocus_ = true;
|
|
|
+ this.adapter_.registerVisibilityChangeHandler(this.visibilitychangeHandler_);
|
|
|
+ this.adapter_.registerCapturedBlurHandler(this.blurHandler_);
|
|
|
+ ['touchstart', 'mousedown', 'focus'].forEach(function (evtType) {
|
|
|
+ _this3.adapter_.registerCapturedInteractionHandler(evtType, _this3.interactionHandler_);
|
|
|
+ });
|
|
|
+
|
|
|
+ var ACTIVE = __WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */].ACTIVE,
|
|
|
+ MULTILINE = __WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */].MULTILINE,
|
|
|
+ ACTION_ON_BOTTOM = __WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */].ACTION_ON_BOTTOM;
|
|
|
+
|
|
|
+
|
|
|
+ this.adapter_.setMessageText(this.snackbarData_.message);
|
|
|
+
|
|
|
+ if (this.snackbarData_.multiline) {
|
|
|
+ this.adapter_.addClass(MULTILINE);
|
|
|
+ if (this.snackbarData_.actionOnBottom) {
|
|
|
+ this.adapter_.addClass(ACTION_ON_BOTTOM);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ if (this.snackbarData_.actionHandler) {
|
|
|
+ this.adapter_.setActionText(this.snackbarData_.actionText);
|
|
|
+ this.actionHandler_ = this.snackbarData_.actionHandler;
|
|
|
+ this.setActionHidden_(false);
|
|
|
+ } else {
|
|
|
+ this.setActionHidden_(true);
|
|
|
+ this.actionHandler_ = null;
|
|
|
+ this.adapter_.setActionText(null);
|
|
|
+ }
|
|
|
+
|
|
|
+ this.active_ = true;
|
|
|
+ this.adapter_.addClass(ACTIVE);
|
|
|
+ this.adapter_.unsetAriaHidden();
|
|
|
+ this.adapter_.notifyShow();
|
|
|
+
|
|
|
+ this.timeoutId_ = setTimeout(this.cleanup_.bind(this), this.snackbarData_.timeout || __WEBPACK_IMPORTED_MODULE_1__constants__["b" /* numbers */].MESSAGE_TIMEOUT);
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'handlePossibleTabKeyboardFocus_',
|
|
|
+ value: function handlePossibleTabKeyboardFocus_() {
|
|
|
+ var hijackFocus = this.firstFocus_ && !this.pointerDownRecognized_;
|
|
|
+
|
|
|
+ if (hijackFocus) {
|
|
|
+ this.setFocusOnAction_();
|
|
|
+ }
|
|
|
+
|
|
|
+ this.firstFocus_ = false;
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'setFocusOnAction_',
|
|
|
+ value: function setFocusOnAction_() {
|
|
|
+ this.adapter_.setFocus();
|
|
|
+ this.snackbarHasFocus_ = true;
|
|
|
+ this.firstFocus_ = false;
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'invokeAction_',
|
|
|
+ value: function invokeAction_() {
|
|
|
+ try {
|
|
|
+ if (!this.actionHandler_) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ this.actionHandler_();
|
|
|
+ } finally {
|
|
|
+ if (this.dismissOnAction_) {
|
|
|
+ this.cleanup_();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'cleanup_',
|
|
|
+ value: function cleanup_() {
|
|
|
+ var _this4 = this;
|
|
|
+
|
|
|
+ var allowDismissal = !this.snackbarHasFocus_ || this.actionWasClicked_;
|
|
|
+
|
|
|
+ if (allowDismissal) {
|
|
|
+ var ACTIVE = __WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */].ACTIVE,
|
|
|
+ MULTILINE = __WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */].MULTILINE,
|
|
|
+ ACTION_ON_BOTTOM = __WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */].ACTION_ON_BOTTOM;
|
|
|
+
|
|
|
+
|
|
|
+ this.adapter_.removeClass(ACTIVE);
|
|
|
+
|
|
|
+ var handler = function handler() {
|
|
|
+ clearTimeout(_this4.timeoutId_);
|
|
|
+ _this4.adapter_.deregisterTransitionEndHandler(handler);
|
|
|
+ _this4.adapter_.removeClass(MULTILINE);
|
|
|
+ _this4.adapter_.removeClass(ACTION_ON_BOTTOM);
|
|
|
+ _this4.setActionHidden_(true);
|
|
|
+ _this4.adapter_.setAriaHidden();
|
|
|
+ _this4.active_ = false;
|
|
|
+ _this4.snackbarHasFocus_ = false;
|
|
|
+ _this4.adapter_.notifyHide();
|
|
|
+ _this4.showNext_();
|
|
|
+ };
|
|
|
+
|
|
|
+ this.adapter_.registerTransitionEndHandler(handler);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'showNext_',
|
|
|
+ value: function showNext_() {
|
|
|
+ if (!this.queue_.length) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.show(this.queue_.shift());
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'setActionHidden_',
|
|
|
+ value: function setActionHidden_(isHidden) {
|
|
|
+ if (isHidden) {
|
|
|
+ this.adapter_.setActionAriaHidden();
|
|
|
+ } else {
|
|
|
+ this.adapter_.unsetActionAriaHidden();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCSnackbarFoundation;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_index__["MDCFoundation"]);
|
|
|
+
|
|
|
+/* harmony default export */ __webpack_exports__["a"] = (MDCSnackbarFoundation);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 127 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return cssClasses; });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return strings; });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return numbers; });
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2016 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+var cssClasses = {
|
|
|
+ ROOT: 'mdc-snackbar',
|
|
|
+ TEXT: 'mdc-snackbar__text',
|
|
|
+ ACTION_WRAPPER: 'mdc-snackbar__action-wrapper',
|
|
|
+ ACTION_BUTTON: 'mdc-snackbar__action-button',
|
|
|
+ ACTIVE: 'mdc-snackbar--active',
|
|
|
+ MULTILINE: 'mdc-snackbar--multiline',
|
|
|
+ ACTION_ON_BOTTOM: 'mdc-snackbar--action-on-bottom'
|
|
|
+};
|
|
|
+
|
|
|
+var strings = {
|
|
|
+ TEXT_SELECTOR: '.mdc-snackbar__text',
|
|
|
+ ACTION_WRAPPER_SELECTOR: '.mdc-snackbar__action-wrapper',
|
|
|
+ ACTION_BUTTON_SELECTOR: '.mdc-snackbar__action-button',
|
|
|
+ SHOW_EVENT: 'MDCSnackbar:show',
|
|
|
+ HIDE_EVENT: 'MDCSnackbar:hide'
|
|
|
+};
|
|
|
+
|
|
|
+var numbers = {
|
|
|
+ MESSAGE_TIMEOUT: 2750
|
|
|
+};
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 128 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCSwitch", function() { return MDCSwitch; });
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_component__ = __webpack_require__(1);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_selection_control_index__ = __webpack_require__(4);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__foundation__ = __webpack_require__(129);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__material_ripple_index__ = __webpack_require__(2);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__material_ripple_util__ = __webpack_require__(6);
|
|
|
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCSwitchFoundation", function() { return __WEBPACK_IMPORTED_MODULE_2__foundation__["a"]; });
|
|
|
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
|
+
|
|
|
+var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
|
|
|
+
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+/* eslint-disable no-unused-vars */
|
|
|
+
|
|
|
+/* eslint-enable no-unused-vars */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends MDCComponent<!MDCSwitchFoundation>
|
|
|
+ * @implements {MDCSelectionControl}
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCSwitch = function (_MDCComponent) {
|
|
|
+ _inherits(MDCSwitch, _MDCComponent);
|
|
|
+
|
|
|
+ _createClass(MDCSwitch, null, [{
|
|
|
+ key: 'attachTo',
|
|
|
+ value: function attachTo(root) {
|
|
|
+ return new MDCSwitch(root);
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ function MDCSwitch() {
|
|
|
+ var _ref;
|
|
|
+
|
|
|
+ _classCallCheck(this, MDCSwitch);
|
|
|
+
|
|
|
+ for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
|
|
+ args[_key] = arguments[_key];
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @private {!MDCRipple} */
|
|
|
+ var _this = _possibleConstructorReturn(this, (_ref = MDCSwitch.__proto__ || Object.getPrototypeOf(MDCSwitch)).call.apply(_ref, [this].concat(args)));
|
|
|
+
|
|
|
+ _this.ripple_ = _this.initRipple_();
|
|
|
+
|
|
|
+ /** @private {!Function} */
|
|
|
+ _this.changeHandler_;
|
|
|
+ return _this;
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCSwitch, [{
|
|
|
+ key: 'destroy',
|
|
|
+ value: function destroy() {
|
|
|
+ _get(MDCSwitch.prototype.__proto__ || Object.getPrototypeOf(MDCSwitch.prototype), 'destroy', this).call(this);
|
|
|
+ this.ripple_.destroy();
|
|
|
+ this.nativeControl_.removeEventListener('change', this.changeHandler_);
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'initialSyncWithDOM',
|
|
|
+ value: function initialSyncWithDOM() {
|
|
|
+ this.changeHandler_ = this.foundation_.handleChange.bind(this.foundation_);
|
|
|
+ this.nativeControl_.addEventListener('change', this.changeHandler_);
|
|
|
+
|
|
|
+ // Sometimes the checked state of the input element is saved in the history.
|
|
|
+ // The switch styling should match the checked state of the input element.
|
|
|
+ // Do an initial sync between the native control and the foundation.
|
|
|
+ this.checked = this.checked;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns the state of the native control element, or null if the native control element is not present.
|
|
|
+ * @return {?MDCSelectionControlState}
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'initRipple_',
|
|
|
+
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {!MDCRipple}
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+ value: function initRipple_() {
|
|
|
+ var _this2 = this;
|
|
|
+
|
|
|
+ var RIPPLE_SURFACE_SELECTOR = __WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */].strings.RIPPLE_SURFACE_SELECTOR;
|
|
|
+
|
|
|
+ var rippleSurface = /** @type {!Element} */this.root_.querySelector(RIPPLE_SURFACE_SELECTOR);
|
|
|
+
|
|
|
+ var MATCHES = Object(__WEBPACK_IMPORTED_MODULE_4__material_ripple_util__["getMatchesProperty"])(HTMLElement.prototype);
|
|
|
+ var adapter = _extends(__WEBPACK_IMPORTED_MODULE_3__material_ripple_index__["MDCRipple"].createAdapter(this), {
|
|
|
+ isUnbounded: function isUnbounded() {
|
|
|
+ return true;
|
|
|
+ },
|
|
|
+ isSurfaceActive: function isSurfaceActive() {
|
|
|
+ return _this2.nativeControl_[MATCHES](':active');
|
|
|
+ },
|
|
|
+ addClass: function addClass(className) {
|
|
|
+ return rippleSurface.classList.add(className);
|
|
|
+ },
|
|
|
+ removeClass: function removeClass(className) {
|
|
|
+ return rippleSurface.classList.remove(className);
|
|
|
+ },
|
|
|
+ registerInteractionHandler: function registerInteractionHandler(type, handler) {
|
|
|
+ return _this2.nativeControl_.addEventListener(type, handler);
|
|
|
+ },
|
|
|
+ deregisterInteractionHandler: function deregisterInteractionHandler(type, handler) {
|
|
|
+ return _this2.nativeControl_.removeEventListener(type, handler);
|
|
|
+ },
|
|
|
+ updateCssVariable: function updateCssVariable(varName, value) {
|
|
|
+ return rippleSurface.style.setProperty(varName, value);
|
|
|
+ },
|
|
|
+ computeBoundingRect: function computeBoundingRect() {
|
|
|
+ return rippleSurface.getBoundingClientRect();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ var foundation = new __WEBPACK_IMPORTED_MODULE_3__material_ripple_index__["MDCRippleFoundation"](adapter);
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_3__material_ripple_index__["MDCRipple"](this.root_, foundation);
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return {!MDCSwitchFoundation} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getDefaultFoundation',
|
|
|
+ value: function getDefaultFoundation() {
|
|
|
+ var _this3 = this;
|
|
|
+
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */]({
|
|
|
+ addClass: function addClass(className) {
|
|
|
+ return _this3.root_.classList.add(className);
|
|
|
+ },
|
|
|
+ removeClass: function removeClass(className) {
|
|
|
+ return _this3.root_.classList.remove(className);
|
|
|
+ },
|
|
|
+ setNativeControlChecked: function setNativeControlChecked(checked) {
|
|
|
+ return _this3.nativeControl_.checked = checked;
|
|
|
+ },
|
|
|
+ setNativeControlDisabled: function setNativeControlDisabled(disabled) {
|
|
|
+ return _this3.nativeControl_.disabled = disabled;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return {!MDCRipple} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'nativeControl_',
|
|
|
+ get: function get() {
|
|
|
+ var NATIVE_CONTROL_SELECTOR = __WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */].strings.NATIVE_CONTROL_SELECTOR;
|
|
|
+
|
|
|
+ var el = /** @type {?MDCSelectionControlState} */this.root_.querySelector(NATIVE_CONTROL_SELECTOR);
|
|
|
+ return el;
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'ripple',
|
|
|
+ get: function get() {
|
|
|
+ return this.ripple_;
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return {boolean} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'checked',
|
|
|
+ get: function get() {
|
|
|
+ return this.nativeControl_.checked;
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @param {boolean} checked */
|
|
|
+ ,
|
|
|
+ set: function set(checked) {
|
|
|
+ this.foundation_.setChecked(checked);
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return {boolean} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'disabled',
|
|
|
+ get: function get() {
|
|
|
+ return this.nativeControl_.disabled;
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @param {boolean} disabled */
|
|
|
+ ,
|
|
|
+ set: function set(disabled) {
|
|
|
+ this.foundation_.setDisabled(disabled);
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCSwitch;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_component__["a" /* default */]);
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 129 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_foundation__ = __webpack_require__(0);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(130);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(131);
|
|
|
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
|
+
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/* eslint-enable no-unused-vars */
|
|
|
+
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends {MDCFoundation<!MDCSwitchAdapter>}
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCSwitchFoundation = function (_MDCFoundation) {
|
|
|
+ _inherits(MDCSwitchFoundation, _MDCFoundation);
|
|
|
+
|
|
|
+ _createClass(MDCSwitchFoundation, null, [{
|
|
|
+ key: 'strings',
|
|
|
+
|
|
|
+ /** @return enum {string} */
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */];
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return enum {string} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'cssClasses',
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */];
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return {!MDCSwitchAdapter} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'defaultAdapter',
|
|
|
+ get: function get() {
|
|
|
+ return (/** @type {!MDCSwitchAdapter} */{
|
|
|
+ addClass: function addClass() /* className: string */{},
|
|
|
+ removeClass: function removeClass() /* className: string */{},
|
|
|
+ setNativeControlChecked: function setNativeControlChecked() /* checked: boolean */{},
|
|
|
+ setNativeControlDisabled: function setNativeControlDisabled() /* disabled: boolean */{}
|
|
|
+ }
|
|
|
+ );
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ function MDCSwitchFoundation(adapter) {
|
|
|
+ _classCallCheck(this, MDCSwitchFoundation);
|
|
|
+
|
|
|
+ return _possibleConstructorReturn(this, (MDCSwitchFoundation.__proto__ || Object.getPrototypeOf(MDCSwitchFoundation)).call(this, _extends(MDCSwitchFoundation.defaultAdapter, adapter)));
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @param {boolean} checked */
|
|
|
+
|
|
|
+
|
|
|
+ _createClass(MDCSwitchFoundation, [{
|
|
|
+ key: 'setChecked',
|
|
|
+ value: function setChecked(checked) {
|
|
|
+ this.adapter_.setNativeControlChecked(checked);
|
|
|
+ this.updateCheckedStyling_(checked);
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @param {boolean} disabled */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setDisabled',
|
|
|
+ value: function setDisabled(disabled) {
|
|
|
+ this.adapter_.setNativeControlDisabled(disabled);
|
|
|
+ if (disabled) {
|
|
|
+ this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].DISABLED);
|
|
|
+ } else {
|
|
|
+ this.adapter_.removeClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].DISABLED);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Handles the change event for the switch native control.
|
|
|
+ * @param {!Event} evt
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'handleChange',
|
|
|
+ value: function handleChange(evt) {
|
|
|
+ this.updateCheckedStyling_(evt.target.checked);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Updates the styling of the switch based on its checked state.
|
|
|
+ * @param {boolean} checked
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'updateCheckedStyling_',
|
|
|
+ value: function updateCheckedStyling_(checked) {
|
|
|
+ if (checked) {
|
|
|
+ this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].CHECKED);
|
|
|
+ } else {
|
|
|
+ this.adapter_.removeClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].CHECKED);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCSwitchFoundation;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
|
|
|
+
|
|
|
+/* harmony default export */ __webpack_exports__["a"] = (MDCSwitchFoundation);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 130 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+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"); } }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/* eslint no-unused-vars: [2, {"args": "none"}] */
|
|
|
+
|
|
|
+/**
|
|
|
+ * Adapter for MDC Switch. Provides an interface for managing
|
|
|
+ * - classes
|
|
|
+ * - dom
|
|
|
+ *
|
|
|
+ * Additionally, provides type information for the adapter to the Closure
|
|
|
+ * compiler.
|
|
|
+ *
|
|
|
+ * Implement this adapter for your framework of choice to delegate updates to
|
|
|
+ * the component in your framework of choice. See architecture documentation
|
|
|
+ * for more details.
|
|
|
+ * https://github.com/material-components/material-components-web/blob/master/docs/code/architecture.md
|
|
|
+ *
|
|
|
+ * @record
|
|
|
+ */
|
|
|
+var MDCSwitchAdapter = function () {
|
|
|
+ function MDCSwitchAdapter() {
|
|
|
+ _classCallCheck(this, MDCSwitchAdapter);
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCSwitchAdapter, [{
|
|
|
+ key: "addClass",
|
|
|
+
|
|
|
+ /** @param {string} className */
|
|
|
+ value: function addClass(className) {}
|
|
|
+
|
|
|
+ /** @param {string} className */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "removeClass",
|
|
|
+ value: function removeClass(className) {}
|
|
|
+
|
|
|
+ /** @param {boolean} checked */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "setNativeControlChecked",
|
|
|
+ value: function setNativeControlChecked(checked) {}
|
|
|
+
|
|
|
+ /** @param {boolean} disabled */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: "setNativeControlDisabled",
|
|
|
+ value: function setNativeControlDisabled(disabled) {}
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCSwitchAdapter;
|
|
|
+}();
|
|
|
+
|
|
|
+/* unused harmony default export */ var _unused_webpack_default_export = (MDCSwitchAdapter);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 131 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return cssClasses; });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return strings; });
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/** @enum {string} */
|
|
|
+var cssClasses = {
|
|
|
+ CHECKED: 'mdc-switch--checked',
|
|
|
+ DISABLED: 'mdc-switch--disabled'
|
|
|
+};
|
|
|
+
|
|
|
+/** @enum {string} */
|
|
|
+var strings = {
|
|
|
+ NATIVE_CONTROL_SELECTOR: '.mdc-switch__native-control',
|
|
|
+ RIPPLE_SURFACE_SELECTOR: '.mdc-switch__thumb-underlay'
|
|
|
+};
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 132 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return cssClasses; });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return strings; });
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/** @enum {string} */
|
|
|
+var cssClasses = {
|
|
|
+ ACTIVE: 'mdc-tab-indicator--active',
|
|
|
+ FADE: 'mdc-tab-indicator--fade',
|
|
|
+ NO_TRANSITION: 'mdc-tab-indicator--no-transition'
|
|
|
+};
|
|
|
+
|
|
|
+/** @enum {string} */
|
|
|
+var strings = {
|
|
|
+ CONTENT_SELECTOR: '.mdc-tab-indicator__content'
|
|
|
+};
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 133 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__foundation__ = __webpack_require__(26);
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends {MDCTabIndicatorFoundation}
|
|
|
+ * @final
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCSlidingTabIndicatorFoundation = function (_MDCTabIndicatorFound) {
|
|
|
+ _inherits(MDCSlidingTabIndicatorFoundation, _MDCTabIndicatorFound);
|
|
|
+
|
|
|
+ function MDCSlidingTabIndicatorFoundation() {
|
|
|
+ _classCallCheck(this, MDCSlidingTabIndicatorFoundation);
|
|
|
+
|
|
|
+ return _possibleConstructorReturn(this, (MDCSlidingTabIndicatorFoundation.__proto__ || Object.getPrototypeOf(MDCSlidingTabIndicatorFoundation)).apply(this, arguments));
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCSlidingTabIndicatorFoundation, [{
|
|
|
+ key: 'activate',
|
|
|
+
|
|
|
+ /** @param {!ClientRect=} previousIndicatorClientRect */
|
|
|
+ value: function activate(previousIndicatorClientRect) {
|
|
|
+ // Early exit if no indicator is present to handle cases where an indicator
|
|
|
+ // may be activated without a prior indicator state
|
|
|
+ if (!previousIndicatorClientRect) {
|
|
|
+ this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_0__foundation__["a" /* default */].cssClasses.ACTIVE);
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ // This animation uses the FLIP approach. You can read more about it at the link below:
|
|
|
+ // https://aerotwist.com/blog/flip-your-animations/
|
|
|
+
|
|
|
+ // Calculate the dimensions based on the dimensions of the previous indicator
|
|
|
+ var currentClientRect = this.computeContentClientRect();
|
|
|
+ var widthDelta = previousIndicatorClientRect.width / currentClientRect.width;
|
|
|
+ var xPosition = previousIndicatorClientRect.left - currentClientRect.left;
|
|
|
+ this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_0__foundation__["a" /* default */].cssClasses.NO_TRANSITION);
|
|
|
+ this.adapter_.setContentStyleProperty('transform', 'translateX(' + xPosition + 'px) scaleX(' + widthDelta + ')');
|
|
|
+
|
|
|
+ // Force repaint before updating classes and transform to ensure the transform properly takes effect
|
|
|
+ this.computeContentClientRect();
|
|
|
+
|
|
|
+ this.adapter_.removeClass(__WEBPACK_IMPORTED_MODULE_0__foundation__["a" /* default */].cssClasses.NO_TRANSITION);
|
|
|
+ this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_0__foundation__["a" /* default */].cssClasses.ACTIVE);
|
|
|
+ this.adapter_.setContentStyleProperty('transform', '');
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'deactivate',
|
|
|
+ value: function deactivate() {
|
|
|
+ this.adapter_.removeClass(__WEBPACK_IMPORTED_MODULE_0__foundation__["a" /* default */].cssClasses.ACTIVE);
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCSlidingTabIndicatorFoundation;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__foundation__["a" /* default */]);
|
|
|
+
|
|
|
+/* harmony default export */ __webpack_exports__["a"] = (MDCSlidingTabIndicatorFoundation);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 134 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__foundation__ = __webpack_require__(26);
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends {MDCTabIndicatorFoundation}
|
|
|
+ * @final
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCFadingTabIndicatorFoundation = function (_MDCTabIndicatorFound) {
|
|
|
+ _inherits(MDCFadingTabIndicatorFoundation, _MDCTabIndicatorFound);
|
|
|
+
|
|
|
+ function MDCFadingTabIndicatorFoundation() {
|
|
|
+ _classCallCheck(this, MDCFadingTabIndicatorFoundation);
|
|
|
+
|
|
|
+ return _possibleConstructorReturn(this, (MDCFadingTabIndicatorFoundation.__proto__ || Object.getPrototypeOf(MDCFadingTabIndicatorFoundation)).apply(this, arguments));
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCFadingTabIndicatorFoundation, [{
|
|
|
+ key: 'activate',
|
|
|
+ value: function activate() {
|
|
|
+ this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_0__foundation__["a" /* default */].cssClasses.ACTIVE);
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'deactivate',
|
|
|
+ value: function deactivate() {
|
|
|
+ this.adapter_.removeClass(__WEBPACK_IMPORTED_MODULE_0__foundation__["a" /* default */].cssClasses.ACTIVE);
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCFadingTabIndicatorFoundation;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__foundation__["a" /* default */]);
|
|
|
+
|
|
|
+/* harmony default export */ __webpack_exports__["a"] = (MDCFadingTabIndicatorFoundation);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 135 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_foundation__ = __webpack_require__(0);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(10);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(136);
|
|
|
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
|
+
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/* eslint-disable no-unused-vars */
|
|
|
+
|
|
|
+/* eslint-enable no-unused-vars */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends {MDCFoundation<!MDCTabAdapter>}
|
|
|
+ * @final
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCTabFoundation = function (_MDCFoundation) {
|
|
|
+ _inherits(MDCTabFoundation, _MDCFoundation);
|
|
|
+
|
|
|
+ _createClass(MDCTabFoundation, null, [{
|
|
|
+ key: 'cssClasses',
|
|
|
+
|
|
|
+ /** @return enum {string} */
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */];
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return enum {string} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'strings',
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */];
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @see MDCTabAdapter for typing information
|
|
|
+ * @return {!MDCTabAdapter}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'defaultAdapter',
|
|
|
+ get: function get() {
|
|
|
+ return (/** @type {!MDCTabAdapter} */{
|
|
|
+ addClass: function addClass() {},
|
|
|
+ removeClass: function removeClass() {},
|
|
|
+ hasClass: function hasClass() {},
|
|
|
+ setAttr: function setAttr() {},
|
|
|
+ activateIndicator: function activateIndicator() {},
|
|
|
+ deactivateIndicator: function deactivateIndicator() {},
|
|
|
+ notifyInteracted: function notifyInteracted() {},
|
|
|
+ getOffsetLeft: function getOffsetLeft() {},
|
|
|
+ getOffsetWidth: function getOffsetWidth() {},
|
|
|
+ getContentOffsetLeft: function getContentOffsetLeft() {},
|
|
|
+ getContentOffsetWidth: function getContentOffsetWidth() {},
|
|
|
+ focus: function focus() {}
|
|
|
+ }
|
|
|
+ );
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @param {!MDCTabAdapter} adapter */
|
|
|
+
|
|
|
+ }]);
|
|
|
+
|
|
|
+ function MDCTabFoundation(adapter) {
|
|
|
+ _classCallCheck(this, MDCTabFoundation);
|
|
|
+
|
|
|
+ /** @private {boolean} */
|
|
|
+ var _this = _possibleConstructorReturn(this, (MDCTabFoundation.__proto__ || Object.getPrototypeOf(MDCTabFoundation)).call(this, _extends(MDCTabFoundation.defaultAdapter, adapter)));
|
|
|
+
|
|
|
+ _this.focusOnActivate_ = true;
|
|
|
+ return _this;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Handles the "click" event
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+ _createClass(MDCTabFoundation, [{
|
|
|
+ key: 'handleClick',
|
|
|
+ value: function handleClick() {
|
|
|
+ // It's up to the parent component to keep track of the active Tab and
|
|
|
+ // ensure we don't activate a Tab that's already active.
|
|
|
+ this.adapter_.notifyInteracted();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns the Tab's active state
|
|
|
+ * @return {boolean}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'isActive',
|
|
|
+ value: function isActive() {
|
|
|
+ return this.adapter_.hasClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].ACTIVE);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets whether the tab should focus itself when activated
|
|
|
+ * @param {boolean} focusOnActivate
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setFocusOnActivate',
|
|
|
+ value: function setFocusOnActivate(focusOnActivate) {
|
|
|
+ this.focusOnActivate_ = focusOnActivate;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Activates the Tab
|
|
|
+ * @param {!ClientRect=} previousIndicatorClientRect
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'activate',
|
|
|
+ value: function activate(previousIndicatorClientRect) {
|
|
|
+ this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].ACTIVE);
|
|
|
+ this.adapter_.setAttr(__WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */].ARIA_SELECTED, 'true');
|
|
|
+ this.adapter_.setAttr(__WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */].TABINDEX, '0');
|
|
|
+ this.adapter_.activateIndicator(previousIndicatorClientRect);
|
|
|
+ if (this.focusOnActivate_) {
|
|
|
+ this.adapter_.focus();
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Deactivates the Tab
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'deactivate',
|
|
|
+ value: function deactivate() {
|
|
|
+ // Early exit
|
|
|
+ if (!this.isActive()) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ this.adapter_.removeClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].ACTIVE);
|
|
|
+ this.adapter_.setAttr(__WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */].ARIA_SELECTED, 'false');
|
|
|
+ this.adapter_.setAttr(__WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */].TABINDEX, '-1');
|
|
|
+ this.adapter_.deactivateIndicator();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns the dimensions of the Tab
|
|
|
+ * @return {!MDCTabDimensions}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'computeDimensions',
|
|
|
+ value: function computeDimensions() {
|
|
|
+ var rootWidth = this.adapter_.getOffsetWidth();
|
|
|
+ var rootLeft = this.adapter_.getOffsetLeft();
|
|
|
+ var contentWidth = this.adapter_.getContentOffsetWidth();
|
|
|
+ var contentLeft = this.adapter_.getContentOffsetLeft();
|
|
|
+
|
|
|
+ return {
|
|
|
+ rootLeft: rootLeft,
|
|
|
+ rootRight: rootLeft + rootWidth,
|
|
|
+ contentLeft: rootLeft + contentLeft,
|
|
|
+ contentRight: rootLeft + contentLeft + contentWidth
|
|
|
+ };
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCTabFoundation;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
|
|
|
+
|
|
|
+/* harmony default export */ __webpack_exports__["a"] = (MDCTabFoundation);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 136 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return cssClasses; });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return strings; });
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/** @enum {string} */
|
|
|
+var cssClasses = {
|
|
|
+ ACTIVE: 'mdc-tab--active'
|
|
|
+};
|
|
|
+
|
|
|
+/** @enum {string} */
|
|
|
+var strings = {
|
|
|
+ ARIA_SELECTED: 'aria-selected',
|
|
|
+ RIPPLE_SELECTOR: '.mdc-tab__ripple',
|
|
|
+ CONTENT_SELECTOR: '.mdc-tab__content',
|
|
|
+ TAB_INDICATOR_SELECTOR: '.mdc-tab-indicator',
|
|
|
+ TABINDEX: 'tabIndex',
|
|
|
+ INTERACTED_EVENT: 'MDCTab:interacted'
|
|
|
+};
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 137 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCTabBar", function() { return MDCTabBar; });
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_component__ = __webpack_require__(1);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_tab_index__ = __webpack_require__(25);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__material_tab_scroller_index__ = __webpack_require__(56);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__adapter__ = __webpack_require__(58);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__foundation__ = __webpack_require__(143);
|
|
|
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCTabBarFoundation", function() { return __WEBPACK_IMPORTED_MODULE_4__foundation__["a"]; });
|
|
|
+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; }; }();
|
|
|
+
|
|
|
+var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
|
|
|
+
|
|
|
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends {MDCComponent<!MDCTabBarFoundation>}
|
|
|
+ * @final
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCTabBar = function (_MDCComponent) {
|
|
|
+ _inherits(MDCTabBar, _MDCComponent);
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {...?} args
|
|
|
+ */
|
|
|
+ function MDCTabBar() {
|
|
|
+ var _ref;
|
|
|
+
|
|
|
+ _classCallCheck(this, MDCTabBar);
|
|
|
+
|
|
|
+ for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
|
|
+ args[_key] = arguments[_key];
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @private {!Array<!MDCTab>} */
|
|
|
+ var _this = _possibleConstructorReturn(this, (_ref = MDCTabBar.__proto__ || Object.getPrototypeOf(MDCTabBar)).call.apply(_ref, [this].concat(args)));
|
|
|
+
|
|
|
+ _this.tabList_;
|
|
|
+
|
|
|
+ /** @type {(function(!Element): !MDCTab)} */
|
|
|
+ _this.tabFactory_;
|
|
|
+
|
|
|
+ /** @private {?MDCTabScroller} */
|
|
|
+ _this.tabScroller_;
|
|
|
+
|
|
|
+ /** @type {(function(!Element): !MDCTabScroller)} */
|
|
|
+ _this.tabScrollerFactory_;
|
|
|
+
|
|
|
+ /** @private {?function(?Event): undefined} */
|
|
|
+ _this.handleTabInteraction_;
|
|
|
+
|
|
|
+ /** @private {?function(?Event): undefined} */
|
|
|
+ _this.handleKeyDown_;
|
|
|
+ return _this;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!Element} root
|
|
|
+ * @return {!MDCTabBar}
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+ _createClass(MDCTabBar, [{
|
|
|
+ key: 'initialize',
|
|
|
+
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {(function(!Element): !MDCTab)=} tabFactory A function which creates a new MDCTab
|
|
|
+ * @param {(function(!Element): !MDCTabScroller)=} tabScrollerFactory A function which creates a new MDCTabScroller
|
|
|
+ */
|
|
|
+ value: function initialize() {
|
|
|
+ var _this2 = this;
|
|
|
+
|
|
|
+ var tabFactory = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : function (el) {
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_1__material_tab_index__["MDCTab"](el);
|
|
|
+ };
|
|
|
+ var tabScrollerFactory = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function (el) {
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_2__material_tab_scroller_index__["MDCTabScroller"](el);
|
|
|
+ };
|
|
|
+
|
|
|
+ this.tabFactory_ = tabFactory;
|
|
|
+ this.tabScrollerFactory_ = tabScrollerFactory;
|
|
|
+
|
|
|
+ this.tabList_ = this.getTabElements_().map(function (el) {
|
|
|
+ return _this2.tabFactory_(el);
|
|
|
+ });
|
|
|
+
|
|
|
+ var tabScrollerElement = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_4__foundation__["a" /* default */].strings.TAB_SCROLLER_SELECTOR);
|
|
|
+ if (tabScrollerElement) {
|
|
|
+ this.tabScroller_ = this.tabScrollerFactory_(tabScrollerElement);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'initialSyncWithDOM',
|
|
|
+ value: function initialSyncWithDOM() {
|
|
|
+ var _this3 = this;
|
|
|
+
|
|
|
+ this.handleTabInteraction_ = function (evt) {
|
|
|
+ return _this3.foundation_.handleTabInteraction(evt);
|
|
|
+ };
|
|
|
+ this.handleKeyDown_ = function (evt) {
|
|
|
+ return _this3.foundation_.handleKeyDown(evt);
|
|
|
+ };
|
|
|
+
|
|
|
+ this.root_.addEventListener(__WEBPACK_IMPORTED_MODULE_1__material_tab_index__["MDCTabFoundation"].strings.INTERACTED_EVENT, this.handleTabInteraction_);
|
|
|
+ this.root_.addEventListener('keydown', this.handleKeyDown_);
|
|
|
+
|
|
|
+ for (var i = 0; i < this.tabList_.length; i++) {
|
|
|
+ if (this.tabList_[i].active) {
|
|
|
+ this.scrollIntoView(i);
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'destroy',
|
|
|
+ value: function destroy() {
|
|
|
+ _get(MDCTabBar.prototype.__proto__ || Object.getPrototypeOf(MDCTabBar.prototype), 'destroy', this).call(this);
|
|
|
+ this.root_.removeEventListener(__WEBPACK_IMPORTED_MODULE_1__material_tab_index__["MDCTabFoundation"].strings.INTERACTED_EVENT, this.handleTabInteraction_);
|
|
|
+ this.root_.removeEventListener('keydown', this.handleKeyDown_);
|
|
|
+ this.tabList_.forEach(function (tab) {
|
|
|
+ return tab.destroy();
|
|
|
+ });
|
|
|
+ this.tabScroller_.destroy();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {!MDCTabBarFoundation}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getDefaultFoundation',
|
|
|
+ value: function getDefaultFoundation() {
|
|
|
+ var _this4 = this;
|
|
|
+
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_4__foundation__["a" /* default */](
|
|
|
+ /** @type {!MDCTabBarAdapter} */{
|
|
|
+ scrollTo: function scrollTo(scrollX) {
|
|
|
+ return _this4.tabScroller_.scrollTo(scrollX);
|
|
|
+ },
|
|
|
+ incrementScroll: function incrementScroll(scrollXIncrement) {
|
|
|
+ return _this4.tabScroller_.incrementScroll(scrollXIncrement);
|
|
|
+ },
|
|
|
+ getScrollPosition: function getScrollPosition() {
|
|
|
+ return _this4.tabScroller_.getScrollPosition();
|
|
|
+ },
|
|
|
+ getScrollContentWidth: function getScrollContentWidth() {
|
|
|
+ return _this4.tabScroller_.getScrollContentWidth();
|
|
|
+ },
|
|
|
+ getOffsetWidth: function getOffsetWidth() {
|
|
|
+ return _this4.root_.offsetWidth;
|
|
|
+ },
|
|
|
+ isRTL: function isRTL() {
|
|
|
+ return window.getComputedStyle(_this4.root_).getPropertyValue('direction') === 'rtl';
|
|
|
+ },
|
|
|
+ setActiveTab: function setActiveTab(index) {
|
|
|
+ return _this4.foundation_.activateTab(index);
|
|
|
+ },
|
|
|
+ activateTabAtIndex: function activateTabAtIndex(index, clientRect) {
|
|
|
+ return _this4.tabList_[index].activate(clientRect);
|
|
|
+ },
|
|
|
+ deactivateTabAtIndex: function deactivateTabAtIndex(index) {
|
|
|
+ return _this4.tabList_[index].deactivate();
|
|
|
+ },
|
|
|
+ focusTabAtIndex: function focusTabAtIndex(index) {
|
|
|
+ return _this4.tabList_[index].focus();
|
|
|
+ },
|
|
|
+ getTabIndicatorClientRectAtIndex: function getTabIndicatorClientRectAtIndex(index) {
|
|
|
+ return _this4.tabList_[index].computeIndicatorClientRect();
|
|
|
+ },
|
|
|
+ getTabDimensionsAtIndex: function getTabDimensionsAtIndex(index) {
|
|
|
+ return _this4.tabList_[index].computeDimensions();
|
|
|
+ },
|
|
|
+ getPreviousActiveTabIndex: function getPreviousActiveTabIndex() {
|
|
|
+ for (var i = 0; i < _this4.tabList_.length; i++) {
|
|
|
+ if (_this4.tabList_[i].active) {
|
|
|
+ return i;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return -1;
|
|
|
+ },
|
|
|
+ getFocusedTabIndex: function getFocusedTabIndex() {
|
|
|
+ var tabElements = _this4.getTabElements_();
|
|
|
+ var activeElement = document.activeElement;
|
|
|
+ return tabElements.indexOf(activeElement);
|
|
|
+ },
|
|
|
+ getIndexOfTab: function getIndexOfTab(tabToFind) {
|
|
|
+ return _this4.tabList_.indexOf(tabToFind);
|
|
|
+ },
|
|
|
+ getTabListLength: function getTabListLength() {
|
|
|
+ return _this4.tabList_.length;
|
|
|
+ },
|
|
|
+ notifyTabActivated: function notifyTabActivated(index) {
|
|
|
+ return _this4.emit(__WEBPACK_IMPORTED_MODULE_4__foundation__["a" /* default */].strings.TAB_ACTIVATED_EVENT, { index: index }, true);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Activates the tab at the given index
|
|
|
+ * @param {number} index The index of the tab
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'activateTab',
|
|
|
+ value: function activateTab(index) {
|
|
|
+ this.foundation_.activateTab(index);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Scrolls the tab at the given index into view
|
|
|
+ * @param {number} index THe index of the tab
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'scrollIntoView',
|
|
|
+ value: function scrollIntoView(index) {
|
|
|
+ this.foundation_.scrollIntoView(index);
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'getTabElements_',
|
|
|
+ value: function getTabElements_() {
|
|
|
+ return [].slice.call(this.root_.querySelectorAll(__WEBPACK_IMPORTED_MODULE_4__foundation__["a" /* default */].strings.TAB_SELECTOR));
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'focusOnActivate',
|
|
|
+ set: function set(focusOnActivate) {
|
|
|
+ this.tabList_.forEach(function (tab) {
|
|
|
+ return tab.focusOnActivate = focusOnActivate;
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'useAutomaticActivation',
|
|
|
+ set: function set(useAutomaticActivation) {
|
|
|
+ this.foundation_.setUseAutomaticActivation(useAutomaticActivation);
|
|
|
+ }
|
|
|
+ }], [{
|
|
|
+ key: 'attachTo',
|
|
|
+ value: function attachTo(root) {
|
|
|
+ return new MDCTabBar(root);
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCTabBar;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_component__["a" /* default */]);
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 138 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_foundation__ = __webpack_require__(0);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__constants__ = __webpack_require__(57);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__adapter__ = __webpack_require__(5);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__rtl_scroller__ = __webpack_require__(11);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__rtl_default_scroller__ = __webpack_require__(139);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__rtl_negative_scroller__ = __webpack_require__(140);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__rtl_reverse_scroller__ = __webpack_require__(141);
|
|
|
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
|
+
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/* eslint-disable no-unused-vars */
|
|
|
+
|
|
|
+
|
|
|
+/* eslint-enable no-unused-vars */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends {MDCFoundation<!MDCTabScrollerAdapter>}
|
|
|
+ * @final
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCTabScrollerFoundation = function (_MDCFoundation) {
|
|
|
+ _inherits(MDCTabScrollerFoundation, _MDCFoundation);
|
|
|
+
|
|
|
+ _createClass(MDCTabScrollerFoundation, null, [{
|
|
|
+ key: 'cssClasses',
|
|
|
+
|
|
|
+ /** @return enum {string} */
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */];
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return enum {string} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'strings',
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_1__constants__["b" /* strings */];
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @see MDCTabScrollerAdapter for typing information
|
|
|
+ * @return {!MDCTabScrollerAdapter}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'defaultAdapter',
|
|
|
+ get: function get() {
|
|
|
+ return (/** @type {!MDCTabScrollerAdapter} */{
|
|
|
+ eventTargetMatchesSelector: function eventTargetMatchesSelector() {},
|
|
|
+ addClass: function addClass() {},
|
|
|
+ removeClass: function removeClass() {},
|
|
|
+ addScrollAreaClass: function addScrollAreaClass() {},
|
|
|
+ setScrollAreaStyleProperty: function setScrollAreaStyleProperty() {},
|
|
|
+ setScrollContentStyleProperty: function setScrollContentStyleProperty() {},
|
|
|
+ getScrollContentStyleValue: function getScrollContentStyleValue() {},
|
|
|
+ setScrollAreaScrollLeft: function setScrollAreaScrollLeft() {},
|
|
|
+ getScrollAreaScrollLeft: function getScrollAreaScrollLeft() {},
|
|
|
+ getScrollContentOffsetWidth: function getScrollContentOffsetWidth() {},
|
|
|
+ getScrollAreaOffsetWidth: function getScrollAreaOffsetWidth() {},
|
|
|
+ computeScrollAreaClientRect: function computeScrollAreaClientRect() {},
|
|
|
+ computeScrollContentClientRect: function computeScrollContentClientRect() {},
|
|
|
+ computeHorizontalScrollbarHeight: function computeHorizontalScrollbarHeight() {}
|
|
|
+ }
|
|
|
+ );
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @param {!MDCTabScrollerAdapter} adapter */
|
|
|
+
|
|
|
+ }]);
|
|
|
+
|
|
|
+ function MDCTabScrollerFoundation(adapter) {
|
|
|
+ _classCallCheck(this, MDCTabScrollerFoundation);
|
|
|
+
|
|
|
+ /**
|
|
|
+ * This boolean controls whether we should handle the transitionend and interaction events during the animation.
|
|
|
+ * @private {boolean}
|
|
|
+ */
|
|
|
+ var _this = _possibleConstructorReturn(this, (MDCTabScrollerFoundation.__proto__ || Object.getPrototypeOf(MDCTabScrollerFoundation)).call(this, _extends(MDCTabScrollerFoundation.defaultAdapter, adapter)));
|
|
|
+
|
|
|
+ _this.isAnimating_ = false;
|
|
|
+
|
|
|
+ /**
|
|
|
+ * The MDCTabScrollerRTL instance varies per browser and allows us to encapsulate the peculiar browser behavior
|
|
|
+ * of RTL scrolling in it's own class.
|
|
|
+ * @private {?MDCTabScrollerRTL}
|
|
|
+ */
|
|
|
+ _this.rtlScrollerInstance_;
|
|
|
+ return _this;
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCTabScrollerFoundation, [{
|
|
|
+ key: 'init',
|
|
|
+ value: function init() {
|
|
|
+ // Compute horizontal scrollbar height on scroller with overflow initially hidden, then update overflow to scroll
|
|
|
+ // and immediately adjust bottom margin to avoid the scrollbar initially appearing before JS runs.
|
|
|
+ var horizontalScrollbarHeight = this.adapter_.computeHorizontalScrollbarHeight();
|
|
|
+ this.adapter_.setScrollAreaStyleProperty('margin-bottom', -horizontalScrollbarHeight + 'px');
|
|
|
+ this.adapter_.addScrollAreaClass(MDCTabScrollerFoundation.cssClasses.SCROLL_AREA_SCROLL);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Computes the current visual scroll position
|
|
|
+ * @return {number}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getScrollPosition',
|
|
|
+ value: function getScrollPosition() {
|
|
|
+ if (this.isRTL_()) {
|
|
|
+ return this.computeCurrentScrollPositionRTL_();
|
|
|
+ }
|
|
|
+
|
|
|
+ var currentTranslateX = this.calculateCurrentTranslateX_();
|
|
|
+ var scrollLeft = this.adapter_.getScrollAreaScrollLeft();
|
|
|
+ return scrollLeft - currentTranslateX;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Handles interaction events that occur during transition
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'handleInteraction',
|
|
|
+ value: function handleInteraction() {
|
|
|
+ // Early exit if we aren't animating
|
|
|
+ if (!this.isAnimating_) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ // Prevent other event listeners from handling this event
|
|
|
+ this.stopScrollAnimation_();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Handles the transitionend event
|
|
|
+ * @param {!Event} evt
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'handleTransitionEnd',
|
|
|
+ value: function handleTransitionEnd(evt) {
|
|
|
+ // Early exit if we aren't animating or the event was triggered by a different element.
|
|
|
+ if (!this.isAnimating_ || !this.adapter_.eventTargetMatchesSelector(evt.target, MDCTabScrollerFoundation.strings.CONTENT_SELECTOR)) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ this.isAnimating_ = false;
|
|
|
+ this.adapter_.removeClass(MDCTabScrollerFoundation.cssClasses.ANIMATING);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Increment the scroll value by the scrollXIncrement
|
|
|
+ * @param {number} scrollXIncrement The value by which to increment the scroll position
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'incrementScroll',
|
|
|
+ value: function incrementScroll(scrollXIncrement) {
|
|
|
+ // Early exit for non-operational increment values
|
|
|
+ if (scrollXIncrement === 0) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (this.isRTL_()) {
|
|
|
+ return this.incrementScrollRTL_(scrollXIncrement);
|
|
|
+ }
|
|
|
+
|
|
|
+ this.incrementScroll_(scrollXIncrement);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Scrolls to the given scrollX value
|
|
|
+ * @param {number} scrollX
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'scrollTo',
|
|
|
+ value: function scrollTo(scrollX) {
|
|
|
+ if (this.isRTL_()) {
|
|
|
+ return this.scrollToRTL_(scrollX);
|
|
|
+ }
|
|
|
+
|
|
|
+ this.scrollTo_(scrollX);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns the appropriate version of the MDCTabScrollerRTL
|
|
|
+ * @return {!MDCTabScrollerRTL}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getRTLScroller',
|
|
|
+ value: function getRTLScroller() {
|
|
|
+ if (!this.rtlScrollerInstance_) {
|
|
|
+ this.rtlScrollerInstance_ = this.rtlScrollerFactory_();
|
|
|
+ }
|
|
|
+
|
|
|
+ return this.rtlScrollerInstance_;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns the translateX value from a CSS matrix transform function string
|
|
|
+ * @return {number}
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'calculateCurrentTranslateX_',
|
|
|
+ value: function calculateCurrentTranslateX_() {
|
|
|
+ var transformValue = this.adapter_.getScrollContentStyleValue('transform');
|
|
|
+ // Early exit if no transform is present
|
|
|
+ if (transformValue === 'none') {
|
|
|
+ return 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ // The transform value comes back as a matrix transformation in the form
|
|
|
+ // of `matrix(a, b, c, d, tx, ty)`. We only care about tx (translateX) so
|
|
|
+ // we're going to grab all the parenthesized values, strip out tx, and
|
|
|
+ // parse it.
|
|
|
+ var results = /\((.+)\)/.exec(transformValue)[1];
|
|
|
+ var parts = results.split(',');
|
|
|
+ return parseFloat(parts[4]);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Calculates a safe scroll value that is > 0 and < the max scroll value
|
|
|
+ * @param {number} scrollX The distance to scroll
|
|
|
+ * @return {number}
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'clampScrollValue_',
|
|
|
+ value: function clampScrollValue_(scrollX) {
|
|
|
+ var edges = this.calculateScrollEdges_();
|
|
|
+ return Math.min(Math.max(edges.left, scrollX), edges.right);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {number}
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'computeCurrentScrollPositionRTL_',
|
|
|
+ value: function computeCurrentScrollPositionRTL_() {
|
|
|
+ var translateX = this.calculateCurrentTranslateX_();
|
|
|
+ return this.getRTLScroller().getScrollPositionRTL(translateX);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {!MDCTabScrollerHorizontalEdges}
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'calculateScrollEdges_',
|
|
|
+ value: function calculateScrollEdges_() {
|
|
|
+ var contentWidth = this.adapter_.getScrollContentOffsetWidth();
|
|
|
+ var rootWidth = this.adapter_.getScrollAreaOffsetWidth();
|
|
|
+ return (/** @type {!MDCTabScrollerHorizontalEdges} */{
|
|
|
+ left: 0,
|
|
|
+ right: contentWidth - rootWidth
|
|
|
+ }
|
|
|
+ );
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Internal scroll method
|
|
|
+ * @param {number} scrollX The new scroll position
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'scrollTo_',
|
|
|
+ value: function scrollTo_(scrollX) {
|
|
|
+ var currentScrollX = this.getScrollPosition();
|
|
|
+ var safeScrollX = this.clampScrollValue_(scrollX);
|
|
|
+ var scrollDelta = safeScrollX - currentScrollX;
|
|
|
+ this.animate_( /** @type {!MDCTabScrollerAnimation} */{
|
|
|
+ finalScrollPosition: safeScrollX,
|
|
|
+ scrollDelta: scrollDelta
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Internal RTL scroll method
|
|
|
+ * @param {number} scrollX The new scroll position
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'scrollToRTL_',
|
|
|
+ value: function scrollToRTL_(scrollX) {
|
|
|
+ var animation = this.getRTLScroller().scrollToRTL(scrollX);
|
|
|
+ this.animate_(animation);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Internal increment scroll method
|
|
|
+ * @param {number} scrollX The new scroll position increment
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'incrementScroll_',
|
|
|
+ value: function incrementScroll_(scrollX) {
|
|
|
+ var currentScrollX = this.getScrollPosition();
|
|
|
+ var targetScrollX = scrollX + currentScrollX;
|
|
|
+ var safeScrollX = this.clampScrollValue_(targetScrollX);
|
|
|
+ var scrollDelta = safeScrollX - currentScrollX;
|
|
|
+ this.animate_( /** @type {!MDCTabScrollerAnimation} */{
|
|
|
+ finalScrollPosition: safeScrollX,
|
|
|
+ scrollDelta: scrollDelta
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Internal incremenet scroll RTL method
|
|
|
+ * @param {number} scrollX The new scroll position RTL increment
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'incrementScrollRTL_',
|
|
|
+ value: function incrementScrollRTL_(scrollX) {
|
|
|
+ var animation = this.getRTLScroller().incrementScrollRTL(scrollX);
|
|
|
+ this.animate_(animation);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Animates the tab scrolling
|
|
|
+ * @param {!MDCTabScrollerAnimation} animation The animation to apply
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'animate_',
|
|
|
+ value: function animate_(animation) {
|
|
|
+ var _this2 = this;
|
|
|
+
|
|
|
+ // Early exit if translateX is 0, which means there's no animation to perform
|
|
|
+ if (animation.scrollDelta === 0) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ this.stopScrollAnimation_();
|
|
|
+ // This animation uses the FLIP approach.
|
|
|
+ // Read more here: https://aerotwist.com/blog/flip-your-animations/
|
|
|
+ this.adapter_.setScrollAreaScrollLeft(animation.finalScrollPosition);
|
|
|
+ this.adapter_.setScrollContentStyleProperty('transform', 'translateX(' + animation.scrollDelta + 'px)');
|
|
|
+ // Force repaint
|
|
|
+ this.adapter_.computeScrollAreaClientRect();
|
|
|
+
|
|
|
+ requestAnimationFrame(function () {
|
|
|
+ _this2.adapter_.addClass(MDCTabScrollerFoundation.cssClasses.ANIMATING);
|
|
|
+ _this2.adapter_.setScrollContentStyleProperty('transform', 'none');
|
|
|
+ });
|
|
|
+
|
|
|
+ this.isAnimating_ = true;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Stops scroll animation
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'stopScrollAnimation_',
|
|
|
+ value: function stopScrollAnimation_() {
|
|
|
+ this.isAnimating_ = false;
|
|
|
+ var currentScrollPosition = this.getAnimatingScrollPosition_();
|
|
|
+ this.adapter_.removeClass(MDCTabScrollerFoundation.cssClasses.ANIMATING);
|
|
|
+ this.adapter_.setScrollContentStyleProperty('transform', 'translateX(0px)');
|
|
|
+ this.adapter_.setScrollAreaScrollLeft(currentScrollPosition);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Gets the current scroll position during animation
|
|
|
+ * @return {number}
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getAnimatingScrollPosition_',
|
|
|
+ value: function getAnimatingScrollPosition_() {
|
|
|
+ var currentTranslateX = this.calculateCurrentTranslateX_();
|
|
|
+ var scrollLeft = this.adapter_.getScrollAreaScrollLeft();
|
|
|
+ if (this.isRTL_()) {
|
|
|
+ return this.getRTLScroller().getAnimatingScrollPosition(scrollLeft, currentTranslateX);
|
|
|
+ }
|
|
|
+
|
|
|
+ return scrollLeft - currentTranslateX;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Determines the RTL Scroller to use
|
|
|
+ * @return {!MDCTabScrollerRTL}
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'rtlScrollerFactory_',
|
|
|
+ value: function rtlScrollerFactory_() {
|
|
|
+ // Browsers have three different implementations of scrollLeft in RTL mode,
|
|
|
+ // dependent on the browser. The behavior is based off the max LTR
|
|
|
+ // scrollleft value and 0.
|
|
|
+ //
|
|
|
+ // * Default scrolling in RTL *
|
|
|
+ // - Left-most value: 0
|
|
|
+ // - Right-most value: Max LTR scrollLeft value
|
|
|
+ //
|
|
|
+ // * Negative scrolling in RTL *
|
|
|
+ // - Left-most value: Negated max LTR scrollLeft value
|
|
|
+ // - Right-most value: 0
|
|
|
+ //
|
|
|
+ // * Reverse scrolling in RTL *
|
|
|
+ // - Left-most value: Max LTR scrollLeft value
|
|
|
+ // - Right-most value: 0
|
|
|
+ //
|
|
|
+ // We use those principles below to determine which RTL scrollLeft
|
|
|
+ // behavior is implemented in the current browser.
|
|
|
+ var initialScrollLeft = this.adapter_.getScrollAreaScrollLeft();
|
|
|
+ this.adapter_.setScrollAreaScrollLeft(initialScrollLeft - 1);
|
|
|
+ var newScrollLeft = this.adapter_.getScrollAreaScrollLeft();
|
|
|
+
|
|
|
+ // If the newScrollLeft value is negative,then we know that the browser has
|
|
|
+ // implemented negative RTL scrolling, since all other implementations have
|
|
|
+ // only positive values.
|
|
|
+ if (newScrollLeft < 0) {
|
|
|
+ // Undo the scrollLeft test check
|
|
|
+ this.adapter_.setScrollAreaScrollLeft(initialScrollLeft);
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_5__rtl_negative_scroller__["a" /* default */](this.adapter_);
|
|
|
+ }
|
|
|
+
|
|
|
+ var rootClientRect = this.adapter_.computeScrollAreaClientRect();
|
|
|
+ var contentClientRect = this.adapter_.computeScrollContentClientRect();
|
|
|
+ var rightEdgeDelta = Math.round(contentClientRect.right - rootClientRect.right);
|
|
|
+ // Undo the scrollLeft test check
|
|
|
+ this.adapter_.setScrollAreaScrollLeft(initialScrollLeft);
|
|
|
+
|
|
|
+ // By calculating the clientRect of the root element and the clientRect of
|
|
|
+ // the content element, we can determine how much the scroll value changed
|
|
|
+ // when we performed the scrollLeft subtraction above.
|
|
|
+ if (rightEdgeDelta === newScrollLeft) {
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_6__rtl_reverse_scroller__["a" /* default */](this.adapter_);
|
|
|
+ }
|
|
|
+
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_4__rtl_default_scroller__["a" /* default */](this.adapter_);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {boolean}
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'isRTL_',
|
|
|
+ value: function isRTL_() {
|
|
|
+ return this.adapter_.getScrollContentStyleValue('direction') === 'rtl';
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCTabScrollerFoundation;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
|
|
|
+
|
|
|
+/* harmony default export */ __webpack_exports__["a"] = (MDCTabScrollerFoundation);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 139 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__rtl_scroller__ = __webpack_require__(11);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(5);
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/* eslint-disable no-unused-vars */
|
|
|
+
|
|
|
+/* eslint-enable no-unused-vars */
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends {MDCTabScrollerRTL}
|
|
|
+ * @final
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCTabScrollerRTLDefault = function (_MDCTabScrollerRTL) {
|
|
|
+ _inherits(MDCTabScrollerRTLDefault, _MDCTabScrollerRTL);
|
|
|
+
|
|
|
+ function MDCTabScrollerRTLDefault() {
|
|
|
+ _classCallCheck(this, MDCTabScrollerRTLDefault);
|
|
|
+
|
|
|
+ return _possibleConstructorReturn(this, (MDCTabScrollerRTLDefault.__proto__ || Object.getPrototypeOf(MDCTabScrollerRTLDefault)).apply(this, arguments));
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCTabScrollerRTLDefault, [{
|
|
|
+ key: 'getScrollPositionRTL',
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {number}
|
|
|
+ */
|
|
|
+ value: function getScrollPositionRTL() {
|
|
|
+ var currentScrollLeft = this.adapter_.getScrollAreaScrollLeft();
|
|
|
+
|
|
|
+ var _calculateScrollEdges = this.calculateScrollEdges_(),
|
|
|
+ right = _calculateScrollEdges.right;
|
|
|
+ // Scroll values on most browsers are ints instead of floats so we round
|
|
|
+
|
|
|
+
|
|
|
+ return Math.round(right - currentScrollLeft);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {number} scrollX
|
|
|
+ * @return {!MDCTabScrollerAnimation}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'scrollToRTL',
|
|
|
+ value: function scrollToRTL(scrollX) {
|
|
|
+ var edges = this.calculateScrollEdges_();
|
|
|
+ var currentScrollLeft = this.adapter_.getScrollAreaScrollLeft();
|
|
|
+ var clampedScrollLeft = this.clampScrollValue_(edges.right - scrollX);
|
|
|
+ return (/** @type {!MDCTabScrollerAnimation} */{
|
|
|
+ finalScrollPosition: clampedScrollLeft,
|
|
|
+ scrollDelta: clampedScrollLeft - currentScrollLeft
|
|
|
+ }
|
|
|
+ );
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {number} scrollX
|
|
|
+ * @return {!MDCTabScrollerAnimation}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'incrementScrollRTL',
|
|
|
+ value: function incrementScrollRTL(scrollX) {
|
|
|
+ var currentScrollLeft = this.adapter_.getScrollAreaScrollLeft();
|
|
|
+ var clampedScrollLeft = this.clampScrollValue_(currentScrollLeft - scrollX);
|
|
|
+ return (/** @type {!MDCTabScrollerAnimation} */{
|
|
|
+ finalScrollPosition: clampedScrollLeft,
|
|
|
+ scrollDelta: clampedScrollLeft - currentScrollLeft
|
|
|
+ }
|
|
|
+ );
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {number} scrollX
|
|
|
+ * @return {number}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getAnimatingScrollPosition',
|
|
|
+ value: function getAnimatingScrollPosition(scrollX) {
|
|
|
+ return scrollX;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {!MDCTabScrollerHorizontalEdges}
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'calculateScrollEdges_',
|
|
|
+ value: function calculateScrollEdges_() {
|
|
|
+ var contentWidth = this.adapter_.getScrollContentOffsetWidth();
|
|
|
+ var rootWidth = this.adapter_.getScrollAreaOffsetWidth();
|
|
|
+ return (/** @type {!MDCTabScrollerHorizontalEdges} */{
|
|
|
+ left: 0,
|
|
|
+ right: contentWidth - rootWidth
|
|
|
+ }
|
|
|
+ );
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {number} scrollX
|
|
|
+ * @return {number}
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'clampScrollValue_',
|
|
|
+ value: function clampScrollValue_(scrollX) {
|
|
|
+ var edges = this.calculateScrollEdges_();
|
|
|
+ return Math.min(Math.max(edges.left, scrollX), edges.right);
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCTabScrollerRTLDefault;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__rtl_scroller__["a" /* default */]);
|
|
|
+
|
|
|
+/* harmony default export */ __webpack_exports__["a"] = (MDCTabScrollerRTLDefault);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 140 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__rtl_scroller__ = __webpack_require__(11);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(5);
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/* eslint-disable no-unused-vars */
|
|
|
+
|
|
|
+/* eslint-enable no-unused-vars */
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends {MDCTabScrollerRTL}
|
|
|
+ * @final
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCTabScrollerRTLNegative = function (_MDCTabScrollerRTL) {
|
|
|
+ _inherits(MDCTabScrollerRTLNegative, _MDCTabScrollerRTL);
|
|
|
+
|
|
|
+ function MDCTabScrollerRTLNegative() {
|
|
|
+ _classCallCheck(this, MDCTabScrollerRTLNegative);
|
|
|
+
|
|
|
+ return _possibleConstructorReturn(this, (MDCTabScrollerRTLNegative.__proto__ || Object.getPrototypeOf(MDCTabScrollerRTLNegative)).apply(this, arguments));
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCTabScrollerRTLNegative, [{
|
|
|
+ key: 'getScrollPositionRTL',
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {number} translateX The current translateX position
|
|
|
+ * @return {number}
|
|
|
+ */
|
|
|
+ value: function getScrollPositionRTL(translateX) {
|
|
|
+ var currentScrollLeft = this.adapter_.getScrollAreaScrollLeft();
|
|
|
+ return Math.round(translateX - currentScrollLeft);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {number} scrollX
|
|
|
+ * @return {!MDCTabScrollerAnimation}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'scrollToRTL',
|
|
|
+ value: function scrollToRTL(scrollX) {
|
|
|
+ var currentScrollLeft = this.adapter_.getScrollAreaScrollLeft();
|
|
|
+ var clampedScrollLeft = this.clampScrollValue_(-scrollX);
|
|
|
+ return (/** @type {!MDCTabScrollerAnimation} */{
|
|
|
+ finalScrollPosition: clampedScrollLeft,
|
|
|
+ scrollDelta: clampedScrollLeft - currentScrollLeft
|
|
|
+ }
|
|
|
+ );
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {number} scrollX
|
|
|
+ * @return {!MDCTabScrollerAnimation}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'incrementScrollRTL',
|
|
|
+ value: function incrementScrollRTL(scrollX) {
|
|
|
+ var currentScrollLeft = this.adapter_.getScrollAreaScrollLeft();
|
|
|
+ var clampedScrollLeft = this.clampScrollValue_(currentScrollLeft - scrollX);
|
|
|
+ return (/** @type {!MDCTabScrollerAnimation} */{
|
|
|
+ finalScrollPosition: clampedScrollLeft,
|
|
|
+ scrollDelta: clampedScrollLeft - currentScrollLeft
|
|
|
+ }
|
|
|
+ );
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {number} scrollX
|
|
|
+ * @param {number} translateX
|
|
|
+ * @return {number}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getAnimatingScrollPosition',
|
|
|
+ value: function getAnimatingScrollPosition(scrollX, translateX) {
|
|
|
+ return scrollX - translateX;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {!MDCTabScrollerHorizontalEdges}
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'calculateScrollEdges_',
|
|
|
+ value: function calculateScrollEdges_() {
|
|
|
+ var contentWidth = this.adapter_.getScrollContentOffsetWidth();
|
|
|
+ var rootWidth = this.adapter_.getScrollAreaOffsetWidth();
|
|
|
+ return (/** @type {!MDCTabScrollerHorizontalEdges} */{
|
|
|
+ left: rootWidth - contentWidth,
|
|
|
+ right: 0
|
|
|
+ }
|
|
|
+ );
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {number} scrollX
|
|
|
+ * @return {number}
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'clampScrollValue_',
|
|
|
+ value: function clampScrollValue_(scrollX) {
|
|
|
+ var edges = this.calculateScrollEdges_();
|
|
|
+ return Math.max(Math.min(edges.right, scrollX), edges.left);
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCTabScrollerRTLNegative;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__rtl_scroller__["a" /* default */]);
|
|
|
+
|
|
|
+/* harmony default export */ __webpack_exports__["a"] = (MDCTabScrollerRTLNegative);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 141 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__rtl_scroller__ = __webpack_require__(11);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(5);
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/* eslint-disable no-unused-vars */
|
|
|
+
|
|
|
+/* eslint-enable no-unused-vars */
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends {MDCTabScrollerRTL}
|
|
|
+ * @final
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCTabScrollerRTLReverse = function (_MDCTabScrollerRTL) {
|
|
|
+ _inherits(MDCTabScrollerRTLReverse, _MDCTabScrollerRTL);
|
|
|
+
|
|
|
+ function MDCTabScrollerRTLReverse() {
|
|
|
+ _classCallCheck(this, MDCTabScrollerRTLReverse);
|
|
|
+
|
|
|
+ return _possibleConstructorReturn(this, (MDCTabScrollerRTLReverse.__proto__ || Object.getPrototypeOf(MDCTabScrollerRTLReverse)).apply(this, arguments));
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCTabScrollerRTLReverse, [{
|
|
|
+ key: 'getScrollPositionRTL',
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {number} translateX
|
|
|
+ * @return {number}
|
|
|
+ */
|
|
|
+ value: function getScrollPositionRTL(translateX) {
|
|
|
+ var currentScrollLeft = this.adapter_.getScrollAreaScrollLeft();
|
|
|
+ // Scroll values on most browsers are ints instead of floats so we round
|
|
|
+ return Math.round(currentScrollLeft - translateX);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {number} scrollX
|
|
|
+ * @return {!MDCTabScrollerAnimation}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'scrollToRTL',
|
|
|
+ value: function scrollToRTL(scrollX) {
|
|
|
+ var currentScrollLeft = this.adapter_.getScrollAreaScrollLeft();
|
|
|
+ var clampedScrollLeft = this.clampScrollValue_(scrollX);
|
|
|
+ return (/** @type {!MDCTabScrollerAnimation} */{
|
|
|
+ finalScrollPosition: clampedScrollLeft,
|
|
|
+ scrollDelta: currentScrollLeft - clampedScrollLeft
|
|
|
+ }
|
|
|
+ );
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {number} scrollX
|
|
|
+ * @return {!MDCTabScrollerAnimation}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'incrementScrollRTL',
|
|
|
+ value: function incrementScrollRTL(scrollX) {
|
|
|
+ var currentScrollLeft = this.adapter_.getScrollAreaScrollLeft();
|
|
|
+ var clampedScrollLeft = this.clampScrollValue_(currentScrollLeft + scrollX);
|
|
|
+ return (/** @type {!MDCTabScrollerAnimation} */{
|
|
|
+ finalScrollPosition: clampedScrollLeft,
|
|
|
+ scrollDelta: currentScrollLeft - clampedScrollLeft
|
|
|
+ }
|
|
|
+ );
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {number} scrollX
|
|
|
+ * @return {number}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getAnimatingScrollPosition',
|
|
|
+ value: function getAnimatingScrollPosition(scrollX, translateX) {
|
|
|
+ return scrollX + translateX;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {!MDCTabScrollerHorizontalEdges}
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'calculateScrollEdges_',
|
|
|
+ value: function calculateScrollEdges_() {
|
|
|
+ var contentWidth = this.adapter_.getScrollContentOffsetWidth();
|
|
|
+ var rootWidth = this.adapter_.getScrollAreaOffsetWidth();
|
|
|
+ return (/** @type {!MDCTabScrollerHorizontalEdges} */{
|
|
|
+ left: contentWidth - rootWidth,
|
|
|
+ right: 0
|
|
|
+ }
|
|
|
+ );
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {number} scrollX
|
|
|
+ * @return {number}
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'clampScrollValue_',
|
|
|
+ value: function clampScrollValue_(scrollX) {
|
|
|
+ var edges = this.calculateScrollEdges_();
|
|
|
+ return Math.min(Math.max(edges.right, scrollX), edges.left);
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCTabScrollerRTLReverse;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__rtl_scroller__["a" /* default */]);
|
|
|
+
|
|
|
+/* harmony default export */ __webpack_exports__["a"] = (MDCTabScrollerRTLReverse);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 142 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "computeHorizontalScrollbarHeight", function() { return computeHorizontalScrollbarHeight; });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getMatchesProperty", function() { return getMatchesProperty; });
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__constants__ = __webpack_require__(57);
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/**
|
|
|
+ * Stores result from computeHorizontalScrollbarHeight to avoid redundant processing.
|
|
|
+ * @private {number|undefined}
|
|
|
+ */
|
|
|
+var horizontalScrollbarHeight_ = void 0;
|
|
|
+
|
|
|
+/**
|
|
|
+ * Computes the height of browser-rendered horizontal scrollbars using a self-created test element.
|
|
|
+ * May return 0 (e.g. on OS X browsers under default configuration).
|
|
|
+ * @param {!Document} documentObj
|
|
|
+ * @param {boolean=} shouldCacheResult
|
|
|
+ * @return {number}
|
|
|
+ */
|
|
|
+function computeHorizontalScrollbarHeight(documentObj) {
|
|
|
+ var shouldCacheResult = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
|
|
|
+
|
|
|
+ if (shouldCacheResult && typeof horizontalScrollbarHeight_ !== 'undefined') {
|
|
|
+ return horizontalScrollbarHeight_;
|
|
|
+ }
|
|
|
+
|
|
|
+ var el = documentObj.createElement('div');
|
|
|
+ el.classList.add(__WEBPACK_IMPORTED_MODULE_0__constants__["a" /* cssClasses */].SCROLL_TEST);
|
|
|
+ documentObj.body.appendChild(el);
|
|
|
+
|
|
|
+ var horizontalScrollbarHeight = el.offsetHeight - el.clientHeight;
|
|
|
+ documentObj.body.removeChild(el);
|
|
|
+
|
|
|
+ if (shouldCacheResult) {
|
|
|
+ horizontalScrollbarHeight_ = horizontalScrollbarHeight;
|
|
|
+ }
|
|
|
+ return horizontalScrollbarHeight;
|
|
|
+}
|
|
|
+
|
|
|
+/**
|
|
|
+ * @param {!Object} HTMLElementPrototype
|
|
|
+ * @return {!Array<string>}
|
|
|
+ */
|
|
|
+function getMatchesProperty(HTMLElementPrototype) {
|
|
|
+ return ['msMatchesSelector', 'matches'].filter(function (p) {
|
|
|
+ return p in HTMLElementPrototype;
|
|
|
+ }).pop();
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 143 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_foundation__ = __webpack_require__(0);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__constants__ = __webpack_require__(144);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__adapter__ = __webpack_require__(58);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__material_tab_adapter__ = __webpack_require__(10);
|
|
|
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
|
+
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/* eslint-disable no-unused-vars */
|
|
|
+
|
|
|
+/* eslint-enable no-unused-vars */
|
|
|
+
|
|
|
+/**
|
|
|
+ * @type {Set<string>}
|
|
|
+ */
|
|
|
+var ACCEPTABLE_KEYS = new Set();
|
|
|
+// IE11 has no support for new Set with iterable so we need to initialize this by hand
|
|
|
+ACCEPTABLE_KEYS.add(__WEBPACK_IMPORTED_MODULE_1__constants__["b" /* strings */].ARROW_LEFT_KEY);
|
|
|
+ACCEPTABLE_KEYS.add(__WEBPACK_IMPORTED_MODULE_1__constants__["b" /* strings */].ARROW_RIGHT_KEY);
|
|
|
+ACCEPTABLE_KEYS.add(__WEBPACK_IMPORTED_MODULE_1__constants__["b" /* strings */].END_KEY);
|
|
|
+ACCEPTABLE_KEYS.add(__WEBPACK_IMPORTED_MODULE_1__constants__["b" /* strings */].HOME_KEY);
|
|
|
+ACCEPTABLE_KEYS.add(__WEBPACK_IMPORTED_MODULE_1__constants__["b" /* strings */].ENTER_KEY);
|
|
|
+ACCEPTABLE_KEYS.add(__WEBPACK_IMPORTED_MODULE_1__constants__["b" /* strings */].SPACE_KEY);
|
|
|
+
|
|
|
+/**
|
|
|
+ * @type {Map<number, string>}
|
|
|
+ */
|
|
|
+var KEYCODE_MAP = new Map();
|
|
|
+// IE11 has no support for new Map with iterable so we need to initialize this by hand
|
|
|
+KEYCODE_MAP.set(__WEBPACK_IMPORTED_MODULE_1__constants__["a" /* numbers */].ARROW_LEFT_KEYCODE, __WEBPACK_IMPORTED_MODULE_1__constants__["b" /* strings */].ARROW_LEFT_KEY);
|
|
|
+KEYCODE_MAP.set(__WEBPACK_IMPORTED_MODULE_1__constants__["a" /* numbers */].ARROW_RIGHT_KEYCODE, __WEBPACK_IMPORTED_MODULE_1__constants__["b" /* strings */].ARROW_RIGHT_KEY);
|
|
|
+KEYCODE_MAP.set(__WEBPACK_IMPORTED_MODULE_1__constants__["a" /* numbers */].END_KEYCODE, __WEBPACK_IMPORTED_MODULE_1__constants__["b" /* strings */].END_KEY);
|
|
|
+KEYCODE_MAP.set(__WEBPACK_IMPORTED_MODULE_1__constants__["a" /* numbers */].HOME_KEYCODE, __WEBPACK_IMPORTED_MODULE_1__constants__["b" /* strings */].HOME_KEY);
|
|
|
+KEYCODE_MAP.set(__WEBPACK_IMPORTED_MODULE_1__constants__["a" /* numbers */].ENTER_KEYCODE, __WEBPACK_IMPORTED_MODULE_1__constants__["b" /* strings */].ENTER_KEY);
|
|
|
+KEYCODE_MAP.set(__WEBPACK_IMPORTED_MODULE_1__constants__["a" /* numbers */].SPACE_KEYCODE, __WEBPACK_IMPORTED_MODULE_1__constants__["b" /* strings */].SPACE_KEY);
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends {MDCFoundation<!MDCTabBarAdapter>}
|
|
|
+ * @final
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCTabBarFoundation = function (_MDCFoundation) {
|
|
|
+ _inherits(MDCTabBarFoundation, _MDCFoundation);
|
|
|
+
|
|
|
+ _createClass(MDCTabBarFoundation, null, [{
|
|
|
+ key: 'strings',
|
|
|
+
|
|
|
+ /** @return enum {string} */
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_1__constants__["b" /* strings */];
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return enum {number} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'numbers',
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_1__constants__["a" /* numbers */];
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @see MDCTabBarAdapter for typing information
|
|
|
+ * @return {!MDCTabBarAdapter}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'defaultAdapter',
|
|
|
+ get: function get() {
|
|
|
+ return (/** @type {!MDCTabBarAdapter} */{
|
|
|
+ scrollTo: function scrollTo() {},
|
|
|
+ incrementScroll: function incrementScroll() {},
|
|
|
+ getScrollPosition: function getScrollPosition() {},
|
|
|
+ getScrollContentWidth: function getScrollContentWidth() {},
|
|
|
+ getOffsetWidth: function getOffsetWidth() {},
|
|
|
+ isRTL: function isRTL() {},
|
|
|
+ setActiveTab: function setActiveTab() {},
|
|
|
+ activateTabAtIndex: function activateTabAtIndex() {},
|
|
|
+ deactivateTabAtIndex: function deactivateTabAtIndex() {},
|
|
|
+ focusTabAtIndex: function focusTabAtIndex() {},
|
|
|
+ getTabIndicatorClientRectAtIndex: function getTabIndicatorClientRectAtIndex() {},
|
|
|
+ getTabDimensionsAtIndex: function getTabDimensionsAtIndex() {},
|
|
|
+ getPreviousActiveTabIndex: function getPreviousActiveTabIndex() {},
|
|
|
+ getFocusedTabIndex: function getFocusedTabIndex() {},
|
|
|
+ getIndexOfTab: function getIndexOfTab() {},
|
|
|
+ getTabListLength: function getTabListLength() {},
|
|
|
+ notifyTabActivated: function notifyTabActivated() {}
|
|
|
+ }
|
|
|
+ );
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!MDCTabBarAdapter} adapter
|
|
|
+ * */
|
|
|
+
|
|
|
+ }]);
|
|
|
+
|
|
|
+ function MDCTabBarFoundation(adapter) {
|
|
|
+ _classCallCheck(this, MDCTabBarFoundation);
|
|
|
+
|
|
|
+ /** @private {boolean} */
|
|
|
+ var _this = _possibleConstructorReturn(this, (MDCTabBarFoundation.__proto__ || Object.getPrototypeOf(MDCTabBarFoundation)).call(this, _extends(MDCTabBarFoundation.defaultAdapter, adapter)));
|
|
|
+
|
|
|
+ _this.useAutomaticActivation_ = false;
|
|
|
+ return _this;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Switches between automatic and manual activation modes.
|
|
|
+ * See https://www.w3.org/TR/wai-aria-practices/#tabpanel for examples.
|
|
|
+ * @param {boolean} useAutomaticActivation
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+ _createClass(MDCTabBarFoundation, [{
|
|
|
+ key: 'setUseAutomaticActivation',
|
|
|
+ value: function setUseAutomaticActivation(useAutomaticActivation) {
|
|
|
+ this.useAutomaticActivation_ = useAutomaticActivation;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Activates the tab at the given index
|
|
|
+ * @param {number} index
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'activateTab',
|
|
|
+ value: function activateTab(index) {
|
|
|
+ var previousActiveIndex = this.adapter_.getPreviousActiveTabIndex();
|
|
|
+ if (!this.indexIsInRange_(index) || index === previousActiveIndex) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ this.adapter_.deactivateTabAtIndex(previousActiveIndex);
|
|
|
+ this.adapter_.activateTabAtIndex(index, this.adapter_.getTabIndicatorClientRectAtIndex(previousActiveIndex));
|
|
|
+ this.scrollIntoView(index);
|
|
|
+
|
|
|
+ this.adapter_.notifyTabActivated(index);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Handles the keydown event
|
|
|
+ * @param {!Event} evt
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'handleKeyDown',
|
|
|
+ value: function handleKeyDown(evt) {
|
|
|
+ // Get the key from the event
|
|
|
+ var key = this.getKeyFromEvent_(evt);
|
|
|
+
|
|
|
+ // Early exit if the event key isn't one of the keyboard navigation keys
|
|
|
+ if (key === undefined) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ // Prevent default behavior for movement keys, but not for activation keys, since :active is used to apply ripple
|
|
|
+ if (!this.isActivationKey_(key)) {
|
|
|
+ evt.preventDefault();
|
|
|
+ }
|
|
|
+
|
|
|
+ if (this.useAutomaticActivation_) {
|
|
|
+ if (this.isActivationKey_(key)) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ var index = this.determineTargetFromKey_(this.adapter_.getPreviousActiveTabIndex(), key);
|
|
|
+ this.adapter_.setActiveTab(index);
|
|
|
+ this.scrollIntoView(index);
|
|
|
+ } else {
|
|
|
+ var focusedTabIndex = this.adapter_.getFocusedTabIndex();
|
|
|
+ if (this.isActivationKey_(key)) {
|
|
|
+ this.adapter_.setActiveTab(focusedTabIndex);
|
|
|
+ } else {
|
|
|
+ var _index = this.determineTargetFromKey_(focusedTabIndex, key);
|
|
|
+ this.adapter_.focusTabAtIndex(_index);
|
|
|
+ this.scrollIntoView(_index);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Handles the MDCTab:interacted event
|
|
|
+ * @param {!Event} evt
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'handleTabInteraction',
|
|
|
+ value: function handleTabInteraction(evt) {
|
|
|
+ this.adapter_.setActiveTab(this.adapter_.getIndexOfTab(evt.detail.tab));
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Scrolls the tab at the given index into view
|
|
|
+ * @param {number} index The tab index to make visible
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'scrollIntoView',
|
|
|
+ value: function scrollIntoView(index) {
|
|
|
+ // Early exit if the index is out of range
|
|
|
+ if (!this.indexIsInRange_(index)) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ // Always scroll to 0 if scrolling to the 0th index
|
|
|
+ if (index === 0) {
|
|
|
+ return this.adapter_.scrollTo(0);
|
|
|
+ }
|
|
|
+
|
|
|
+ // Always scroll to the max value if scrolling to the Nth index
|
|
|
+ // MDCTabScroller.scrollTo() will never scroll past the max possible value
|
|
|
+ if (index === this.adapter_.getTabListLength() - 1) {
|
|
|
+ return this.adapter_.scrollTo(this.adapter_.getScrollContentWidth());
|
|
|
+ }
|
|
|
+
|
|
|
+ if (this.isRTL_()) {
|
|
|
+ return this.scrollIntoViewRTL_(index);
|
|
|
+ }
|
|
|
+
|
|
|
+ this.scrollIntoView_(index);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Private method for determining the index of the destination tab based on what key was pressed
|
|
|
+ * @param {number} origin The original index from which to determine the destination
|
|
|
+ * @param {string} key The name of the key
|
|
|
+ * @return {number}
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'determineTargetFromKey_',
|
|
|
+ value: function determineTargetFromKey_(origin, key) {
|
|
|
+ var isRTL = this.isRTL_();
|
|
|
+ var maxIndex = this.adapter_.getTabListLength() - 1;
|
|
|
+ var shouldGoToEnd = key === __WEBPACK_IMPORTED_MODULE_1__constants__["b" /* strings */].END_KEY;
|
|
|
+ var shouldDecrement = key === __WEBPACK_IMPORTED_MODULE_1__constants__["b" /* strings */].ARROW_LEFT_KEY && !isRTL || key === __WEBPACK_IMPORTED_MODULE_1__constants__["b" /* strings */].ARROW_RIGHT_KEY && isRTL;
|
|
|
+ var shouldIncrement = key === __WEBPACK_IMPORTED_MODULE_1__constants__["b" /* strings */].ARROW_RIGHT_KEY && !isRTL || key === __WEBPACK_IMPORTED_MODULE_1__constants__["b" /* strings */].ARROW_LEFT_KEY && isRTL;
|
|
|
+ var index = origin;
|
|
|
+
|
|
|
+ if (shouldGoToEnd) {
|
|
|
+ index = maxIndex;
|
|
|
+ } else if (shouldDecrement) {
|
|
|
+ index -= 1;
|
|
|
+ } else if (shouldIncrement) {
|
|
|
+ index += 1;
|
|
|
+ } else {
|
|
|
+ index = 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (index < 0) {
|
|
|
+ index = maxIndex;
|
|
|
+ } else if (index > maxIndex) {
|
|
|
+ index = 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ return index;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Calculates the scroll increment that will make the tab at the given index visible
|
|
|
+ * @param {number} index The index of the tab
|
|
|
+ * @param {number} nextIndex The index of the next tab
|
|
|
+ * @param {number} scrollPosition The current scroll position
|
|
|
+ * @param {number} barWidth The width of the Tab Bar
|
|
|
+ * @return {number}
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'calculateScrollIncrement_',
|
|
|
+ value: function calculateScrollIncrement_(index, nextIndex, scrollPosition, barWidth) {
|
|
|
+ var nextTabDimensions = this.adapter_.getTabDimensionsAtIndex(nextIndex);
|
|
|
+ var relativeContentLeft = nextTabDimensions.contentLeft - scrollPosition - barWidth;
|
|
|
+ var relativeContentRight = nextTabDimensions.contentRight - scrollPosition;
|
|
|
+ var leftIncrement = relativeContentRight - __WEBPACK_IMPORTED_MODULE_1__constants__["a" /* numbers */].EXTRA_SCROLL_AMOUNT;
|
|
|
+ var rightIncrement = relativeContentLeft + __WEBPACK_IMPORTED_MODULE_1__constants__["a" /* numbers */].EXTRA_SCROLL_AMOUNT;
|
|
|
+
|
|
|
+ if (nextIndex < index) {
|
|
|
+ return Math.min(leftIncrement, 0);
|
|
|
+ }
|
|
|
+
|
|
|
+ return Math.max(rightIncrement, 0);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Calculates the scroll increment that will make the tab at the given index visible in RTL
|
|
|
+ * @param {number} index The index of the tab
|
|
|
+ * @param {number} nextIndex The index of the next tab
|
|
|
+ * @param {number} scrollPosition The current scroll position
|
|
|
+ * @param {number} barWidth The width of the Tab Bar
|
|
|
+ * @param {number} scrollContentWidth The width of the scroll content
|
|
|
+ * @return {number}
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'calculateScrollIncrementRTL_',
|
|
|
+ value: function calculateScrollIncrementRTL_(index, nextIndex, scrollPosition, barWidth, scrollContentWidth) {
|
|
|
+ var nextTabDimensions = this.adapter_.getTabDimensionsAtIndex(nextIndex);
|
|
|
+ var relativeContentLeft = scrollContentWidth - nextTabDimensions.contentLeft - scrollPosition;
|
|
|
+ var relativeContentRight = scrollContentWidth - nextTabDimensions.contentRight - scrollPosition - barWidth;
|
|
|
+ var leftIncrement = relativeContentRight + __WEBPACK_IMPORTED_MODULE_1__constants__["a" /* numbers */].EXTRA_SCROLL_AMOUNT;
|
|
|
+ var rightIncrement = relativeContentLeft - __WEBPACK_IMPORTED_MODULE_1__constants__["a" /* numbers */].EXTRA_SCROLL_AMOUNT;
|
|
|
+
|
|
|
+ if (nextIndex > index) {
|
|
|
+ return Math.max(leftIncrement, 0);
|
|
|
+ }
|
|
|
+
|
|
|
+ return Math.min(rightIncrement, 0);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Determines the index of the adjacent tab closest to either edge of the Tab Bar
|
|
|
+ * @param {number} index The index of the tab
|
|
|
+ * @param {!MDCTabDimensions} tabDimensions The dimensions of the tab
|
|
|
+ * @param {number} scrollPosition The current scroll position
|
|
|
+ * @param {number} barWidth The width of the tab bar
|
|
|
+ * @return {number}
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'findAdjacentTabIndexClosestToEdge_',
|
|
|
+ value: function findAdjacentTabIndexClosestToEdge_(index, tabDimensions, scrollPosition, barWidth) {
|
|
|
+ /**
|
|
|
+ * Tabs are laid out in the Tab Scroller like this:
|
|
|
+ *
|
|
|
+ * Scroll Position
|
|
|
+ * +---+
|
|
|
+ * | | Bar Width
|
|
|
+ * | +-----------------------------------+
|
|
|
+ * | | |
|
|
|
+ * | V V
|
|
|
+ * | +-----------------------------------+
|
|
|
+ * V | Tab Scroller |
|
|
|
+ * +------------+--------------+-------------------+
|
|
|
+ * | Tab | Tab | Tab |
|
|
|
+ * +------------+--------------+-------------------+
|
|
|
+ * | |
|
|
|
+ * +-----------------------------------+
|
|
|
+ *
|
|
|
+ * To determine the next adjacent index, we look at the Tab root left and
|
|
|
+ * Tab root right, both relative to the scroll position. If the Tab root
|
|
|
+ * left is less than 0, then we know it's out of view to the left. If the
|
|
|
+ * Tab root right minus the bar width is greater than 0, we know the Tab is
|
|
|
+ * out of view to the right. From there, we either increment or decrement
|
|
|
+ * the index.
|
|
|
+ */
|
|
|
+ var relativeRootLeft = tabDimensions.rootLeft - scrollPosition;
|
|
|
+ var relativeRootRight = tabDimensions.rootRight - scrollPosition - barWidth;
|
|
|
+ var relativeRootDelta = relativeRootLeft + relativeRootRight;
|
|
|
+ var leftEdgeIsCloser = relativeRootLeft < 0 || relativeRootDelta < 0;
|
|
|
+ var rightEdgeIsCloser = relativeRootRight > 0 || relativeRootDelta > 0;
|
|
|
+
|
|
|
+ if (leftEdgeIsCloser) {
|
|
|
+ return index - 1;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (rightEdgeIsCloser) {
|
|
|
+ return index + 1;
|
|
|
+ }
|
|
|
+
|
|
|
+ return -1;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Determines the index of the adjacent tab closest to either edge of the Tab Bar in RTL
|
|
|
+ * @param {number} index The index of the tab
|
|
|
+ * @param {!MDCTabDimensions} tabDimensions The dimensions of the tab
|
|
|
+ * @param {number} scrollPosition The current scroll position
|
|
|
+ * @param {number} barWidth The width of the tab bar
|
|
|
+ * @param {number} scrollContentWidth The width of the scroller content
|
|
|
+ * @return {number}
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'findAdjacentTabIndexClosestToEdgeRTL_',
|
|
|
+ value: function findAdjacentTabIndexClosestToEdgeRTL_(index, tabDimensions, scrollPosition, barWidth, scrollContentWidth) {
|
|
|
+ var rootLeft = scrollContentWidth - tabDimensions.rootLeft - barWidth - scrollPosition;
|
|
|
+ var rootRight = scrollContentWidth - tabDimensions.rootRight - scrollPosition;
|
|
|
+ var rootDelta = rootLeft + rootRight;
|
|
|
+ var leftEdgeIsCloser = rootLeft > 0 || rootDelta > 0;
|
|
|
+ var rightEdgeIsCloser = rootRight < 0 || rootDelta < 0;
|
|
|
+
|
|
|
+ if (leftEdgeIsCloser) {
|
|
|
+ return index + 1;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (rightEdgeIsCloser) {
|
|
|
+ return index - 1;
|
|
|
+ }
|
|
|
+
|
|
|
+ return -1;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns the key associated with a keydown event
|
|
|
+ * @param {!Event} evt The keydown event
|
|
|
+ * @return {string}
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getKeyFromEvent_',
|
|
|
+ value: function getKeyFromEvent_(evt) {
|
|
|
+ if (ACCEPTABLE_KEYS.has(evt.key)) {
|
|
|
+ return evt.key;
|
|
|
+ }
|
|
|
+
|
|
|
+ return KEYCODE_MAP.get(evt.keyCode);
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'isActivationKey_',
|
|
|
+ value: function isActivationKey_(key) {
|
|
|
+ return key === __WEBPACK_IMPORTED_MODULE_1__constants__["b" /* strings */].SPACE_KEY || key === __WEBPACK_IMPORTED_MODULE_1__constants__["b" /* strings */].ENTER_KEY;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns whether a given index is inclusively between the ends
|
|
|
+ * @param {number} index The index to test
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'indexIsInRange_',
|
|
|
+ value: function indexIsInRange_(index) {
|
|
|
+ return index >= 0 && index < this.adapter_.getTabListLength();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns the view's RTL property
|
|
|
+ * @return {boolean}
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'isRTL_',
|
|
|
+ value: function isRTL_() {
|
|
|
+ return this.adapter_.isRTL();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Scrolls the tab at the given index into view for left-to-right useragents
|
|
|
+ * @param {number} index The index of the tab to scroll into view
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'scrollIntoView_',
|
|
|
+ value: function scrollIntoView_(index) {
|
|
|
+ var scrollPosition = this.adapter_.getScrollPosition();
|
|
|
+ var barWidth = this.adapter_.getOffsetWidth();
|
|
|
+ var tabDimensions = this.adapter_.getTabDimensionsAtIndex(index);
|
|
|
+ var nextIndex = this.findAdjacentTabIndexClosestToEdge_(index, tabDimensions, scrollPosition, barWidth);
|
|
|
+
|
|
|
+ if (!this.indexIsInRange_(nextIndex)) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ var scrollIncrement = this.calculateScrollIncrement_(index, nextIndex, scrollPosition, barWidth);
|
|
|
+ this.adapter_.incrementScroll(scrollIncrement);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Scrolls the tab at the given index into view in RTL
|
|
|
+ * @param {number} index The tab index to make visible
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'scrollIntoViewRTL_',
|
|
|
+ value: function scrollIntoViewRTL_(index) {
|
|
|
+ var scrollPosition = this.adapter_.getScrollPosition();
|
|
|
+ var barWidth = this.adapter_.getOffsetWidth();
|
|
|
+ var tabDimensions = this.adapter_.getTabDimensionsAtIndex(index);
|
|
|
+ var scrollWidth = this.adapter_.getScrollContentWidth();
|
|
|
+ var nextIndex = this.findAdjacentTabIndexClosestToEdgeRTL_(index, tabDimensions, scrollPosition, barWidth, scrollWidth);
|
|
|
+
|
|
|
+ if (!this.indexIsInRange_(nextIndex)) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ var scrollIncrement = this.calculateScrollIncrementRTL_(index, nextIndex, scrollPosition, barWidth, scrollWidth);
|
|
|
+ this.adapter_.incrementScroll(scrollIncrement);
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCTabBarFoundation;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
|
|
|
+
|
|
|
+/* harmony default export */ __webpack_exports__["a"] = (MDCTabBarFoundation);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 144 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return numbers; });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return strings; });
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/** @enum {string} */
|
|
|
+var strings = {
|
|
|
+ TAB_ACTIVATED_EVENT: 'MDCTabBar:activated',
|
|
|
+ TAB_SCROLLER_SELECTOR: '.mdc-tab-scroller',
|
|
|
+ TAB_SELECTOR: '.mdc-tab',
|
|
|
+ ARROW_LEFT_KEY: 'ArrowLeft',
|
|
|
+ ARROW_RIGHT_KEY: 'ArrowRight',
|
|
|
+ END_KEY: 'End',
|
|
|
+ HOME_KEY: 'Home',
|
|
|
+ ENTER_KEY: 'Enter',
|
|
|
+ SPACE_KEY: 'Space'
|
|
|
+};
|
|
|
+
|
|
|
+/** @enum {number} */
|
|
|
+var numbers = {
|
|
|
+ EXTRA_SCROLL_AMOUNT: 20,
|
|
|
+ ARROW_LEFT_KEYCODE: 37,
|
|
|
+ ARROW_RIGHT_KEYCODE: 39,
|
|
|
+ END_KEYCODE: 35,
|
|
|
+ HOME_KEYCODE: 36,
|
|
|
+ ENTER_KEYCODE: 13,
|
|
|
+ SPACE_KEYCODE: 32
|
|
|
+};
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 145 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCTextField", function() { return MDCTextField; });
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_component__ = __webpack_require__(1);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_ripple_index__ = __webpack_require__(2);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__material_ripple_util__ = __webpack_require__(6);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__constants__ = __webpack_require__(59);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__adapter__ = __webpack_require__(60);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__foundation__ = __webpack_require__(148);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__material_line_ripple_index__ = __webpack_require__(18);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__helper_text_index__ = __webpack_require__(149);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__icon_index__ = __webpack_require__(150);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__material_floating_label_index__ = __webpack_require__(17);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__material_notched_outline_index__ = __webpack_require__(22);
|
|
|
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCTextFieldFoundation", function() { return __WEBPACK_IMPORTED_MODULE_5__foundation__["a"]; });
|
|
|
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCTextFieldHelperText", function() { return __WEBPACK_IMPORTED_MODULE_7__helper_text_index__["a"]; });
|
|
|
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCTextFieldHelperTextFoundation", function() { return __WEBPACK_IMPORTED_MODULE_7__helper_text_index__["b"]; });
|
|
|
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCTextFieldIcon", function() { return __WEBPACK_IMPORTED_MODULE_8__icon_index__["a"]; });
|
|
|
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCTextFieldIconFoundation", function() { return __WEBPACK_IMPORTED_MODULE_8__icon_index__["b"]; });
|
|
|
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
|
+
|
|
|
+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; }; }();
|
|
|
+
|
|
|
+var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
|
|
|
+
|
|
|
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2016 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+/* eslint-disable no-unused-vars */
|
|
|
+
|
|
|
+/* eslint-enable no-unused-vars */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/* eslint-disable no-unused-vars */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/* eslint-enable no-unused-vars */
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends {MDCComponent<!MDCTextFieldFoundation>}
|
|
|
+ * @final
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCTextField = function (_MDCComponent) {
|
|
|
+ _inherits(MDCTextField, _MDCComponent);
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {...?} args
|
|
|
+ */
|
|
|
+ function MDCTextField() {
|
|
|
+ var _ref;
|
|
|
+
|
|
|
+ _classCallCheck(this, MDCTextField);
|
|
|
+
|
|
|
+ for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
|
|
+ args[_key] = arguments[_key];
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @private {?Element} */
|
|
|
+ var _this = _possibleConstructorReturn(this, (_ref = MDCTextField.__proto__ || Object.getPrototypeOf(MDCTextField)).call.apply(_ref, [this].concat(args)));
|
|
|
+
|
|
|
+ _this.input_;
|
|
|
+ /** @type {?MDCRipple} */
|
|
|
+ _this.ripple;
|
|
|
+ /** @private {?MDCLineRipple} */
|
|
|
+ _this.lineRipple_;
|
|
|
+ /** @private {?MDCTextFieldHelperText} */
|
|
|
+ _this.helperText_;
|
|
|
+ /** @private {?MDCTextFieldIcon} */
|
|
|
+ _this.leadingIcon_;
|
|
|
+ /** @private {?MDCTextFieldIcon} */
|
|
|
+ _this.trailingIcon_;
|
|
|
+ /** @private {?MDCFloatingLabel} */
|
|
|
+ _this.label_;
|
|
|
+ /** @private {?MDCNotchedOutline} */
|
|
|
+ _this.outline_;
|
|
|
+ return _this;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!Element} root
|
|
|
+ * @return {!MDCTextField}
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+ _createClass(MDCTextField, [{
|
|
|
+ key: 'initialize',
|
|
|
+
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {(function(!Element): !MDCRipple)=} rippleFactory A function which
|
|
|
+ * creates a new MDCRipple.
|
|
|
+ * @param {(function(!Element): !MDCLineRipple)=} lineRippleFactory A function which
|
|
|
+ * creates a new MDCLineRipple.
|
|
|
+ * @param {(function(!Element): !MDCTextFieldHelperText)=} helperTextFactory A function which
|
|
|
+ * creates a new MDCTextFieldHelperText.
|
|
|
+ * @param {(function(!Element): !MDCTextFieldIcon)=} iconFactory A function which
|
|
|
+ * creates a new MDCTextFieldIcon.
|
|
|
+ * @param {(function(!Element): !MDCFloatingLabel)=} labelFactory A function which
|
|
|
+ * creates a new MDCFloatingLabel.
|
|
|
+ * @param {(function(!Element): !MDCNotchedOutline)=} outlineFactory A function which
|
|
|
+ * creates a new MDCNotchedOutline.
|
|
|
+ */
|
|
|
+ value: function initialize() {
|
|
|
+ var rippleFactory = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : function (el, foundation) {
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_1__material_ripple_index__["MDCRipple"](el, foundation);
|
|
|
+ };
|
|
|
+ var lineRippleFactory = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function (el) {
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_6__material_line_ripple_index__["MDCLineRipple"](el);
|
|
|
+ };
|
|
|
+ var helperTextFactory = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : function (el) {
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_7__helper_text_index__["a" /* MDCTextFieldHelperText */](el);
|
|
|
+ };
|
|
|
+ var iconFactory = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : function (el) {
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_8__icon_index__["a" /* MDCTextFieldIcon */](el);
|
|
|
+ };
|
|
|
+
|
|
|
+ var _this2 = this;
|
|
|
+
|
|
|
+ var labelFactory = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : function (el) {
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_9__material_floating_label_index__["MDCFloatingLabel"](el);
|
|
|
+ };
|
|
|
+ var outlineFactory = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : function (el) {
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_10__material_notched_outline_index__["MDCNotchedOutline"](el);
|
|
|
+ };
|
|
|
+
|
|
|
+ this.input_ = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_3__constants__["e" /* strings */].INPUT_SELECTOR);
|
|
|
+ var labelElement = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_3__constants__["e" /* strings */].LABEL_SELECTOR);
|
|
|
+ if (labelElement) {
|
|
|
+ this.label_ = labelFactory(labelElement);
|
|
|
+ }
|
|
|
+ var lineRippleElement = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_3__constants__["e" /* strings */].LINE_RIPPLE_SELECTOR);
|
|
|
+ if (lineRippleElement) {
|
|
|
+ this.lineRipple_ = lineRippleFactory(lineRippleElement);
|
|
|
+ }
|
|
|
+ var outlineElement = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_3__constants__["e" /* strings */].OUTLINE_SELECTOR);
|
|
|
+ if (outlineElement) {
|
|
|
+ this.outline_ = outlineFactory(outlineElement);
|
|
|
+ }
|
|
|
+ if (this.input_.hasAttribute(__WEBPACK_IMPORTED_MODULE_3__constants__["e" /* strings */].ARIA_CONTROLS)) {
|
|
|
+ var helperTextElement = document.getElementById(this.input_.getAttribute(__WEBPACK_IMPORTED_MODULE_3__constants__["e" /* strings */].ARIA_CONTROLS));
|
|
|
+ if (helperTextElement) {
|
|
|
+ this.helperText_ = helperTextFactory(helperTextElement);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ var iconElements = this.root_.querySelectorAll(__WEBPACK_IMPORTED_MODULE_3__constants__["e" /* strings */].ICON_SELECTOR);
|
|
|
+ if (iconElements.length > 0) {
|
|
|
+ if (iconElements.length > 1) {
|
|
|
+ // Has both icons.
|
|
|
+ this.leadingIcon_ = iconFactory(iconElements[0]);
|
|
|
+ this.trailingIcon_ = iconFactory(iconElements[1]);
|
|
|
+ } else {
|
|
|
+ if (this.root_.classList.contains(__WEBPACK_IMPORTED_MODULE_3__constants__["c" /* cssClasses */].WITH_LEADING_ICON)) {
|
|
|
+ this.leadingIcon_ = iconFactory(iconElements[0]);
|
|
|
+ } else {
|
|
|
+ this.trailingIcon_ = iconFactory(iconElements[0]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ this.ripple = null;
|
|
|
+ if (!this.root_.classList.contains(__WEBPACK_IMPORTED_MODULE_3__constants__["c" /* cssClasses */].TEXTAREA) && !this.root_.classList.contains(__WEBPACK_IMPORTED_MODULE_3__constants__["c" /* cssClasses */].OUTLINED)) {
|
|
|
+ var MATCHES = Object(__WEBPACK_IMPORTED_MODULE_2__material_ripple_util__["getMatchesProperty"])(HTMLElement.prototype);
|
|
|
+ var adapter = _extends(__WEBPACK_IMPORTED_MODULE_1__material_ripple_index__["MDCRipple"].createAdapter( /** @type {!RippleCapableSurface} */this), {
|
|
|
+ isSurfaceActive: function isSurfaceActive() {
|
|
|
+ return _this2.input_[MATCHES](':active');
|
|
|
+ },
|
|
|
+ registerInteractionHandler: function registerInteractionHandler(type, handler) {
|
|
|
+ return _this2.input_.addEventListener(type, handler);
|
|
|
+ },
|
|
|
+ deregisterInteractionHandler: function deregisterInteractionHandler(type, handler) {
|
|
|
+ return _this2.input_.removeEventListener(type, handler);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ var foundation = new __WEBPACK_IMPORTED_MODULE_1__material_ripple_index__["MDCRippleFoundation"](adapter);
|
|
|
+ this.ripple = rippleFactory(this.root_, foundation);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'destroy',
|
|
|
+ value: function destroy() {
|
|
|
+ if (this.ripple) {
|
|
|
+ this.ripple.destroy();
|
|
|
+ }
|
|
|
+ if (this.lineRipple_) {
|
|
|
+ this.lineRipple_.destroy();
|
|
|
+ }
|
|
|
+ if (this.helperText_) {
|
|
|
+ this.helperText_.destroy();
|
|
|
+ }
|
|
|
+ if (this.leadingIcon_) {
|
|
|
+ this.leadingIcon_.destroy();
|
|
|
+ }
|
|
|
+ if (this.trailingIcon_) {
|
|
|
+ this.trailingIcon_.destroy();
|
|
|
+ }
|
|
|
+ if (this.label_) {
|
|
|
+ this.label_.destroy();
|
|
|
+ }
|
|
|
+ if (this.outline_) {
|
|
|
+ this.outline_.destroy();
|
|
|
+ }
|
|
|
+ _get(MDCTextField.prototype.__proto__ || Object.getPrototypeOf(MDCTextField.prototype), 'destroy', this).call(this);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Initiliazes the Text Field's internal state based on the environment's
|
|
|
+ * state.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'initialSyncWithDom',
|
|
|
+ value: function initialSyncWithDom() {
|
|
|
+ this.disabled = this.input_.disabled;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {string} The value of the input.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'layout',
|
|
|
+
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Recomputes the outline SVG path for the outline element.
|
|
|
+ */
|
|
|
+ value: function layout() {
|
|
|
+ var openNotch = this.foundation_.shouldFloat;
|
|
|
+ this.foundation_.notchOutline(openNotch);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {!MDCTextFieldFoundation}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getDefaultFoundation',
|
|
|
+ value: function getDefaultFoundation() {
|
|
|
+ var _this3 = this;
|
|
|
+
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_5__foundation__["a" /* default */](
|
|
|
+ /** @type {!MDCTextFieldAdapter} */_extends({
|
|
|
+ addClass: function addClass(className) {
|
|
|
+ return _this3.root_.classList.add(className);
|
|
|
+ },
|
|
|
+ removeClass: function removeClass(className) {
|
|
|
+ return _this3.root_.classList.remove(className);
|
|
|
+ },
|
|
|
+ hasClass: function hasClass(className) {
|
|
|
+ return _this3.root_.classList.contains(className);
|
|
|
+ },
|
|
|
+ registerTextFieldInteractionHandler: function registerTextFieldInteractionHandler(evtType, handler) {
|
|
|
+ return _this3.root_.addEventListener(evtType, handler);
|
|
|
+ },
|
|
|
+ deregisterTextFieldInteractionHandler: function deregisterTextFieldInteractionHandler(evtType, handler) {
|
|
|
+ return _this3.root_.removeEventListener(evtType, handler);
|
|
|
+ },
|
|
|
+ registerValidationAttributeChangeHandler: function registerValidationAttributeChangeHandler(handler) {
|
|
|
+ var getAttributesList = function getAttributesList(mutationsList) {
|
|
|
+ return mutationsList.map(function (mutation) {
|
|
|
+ return mutation.attributeName;
|
|
|
+ });
|
|
|
+ };
|
|
|
+ var observer = new MutationObserver(function (mutationsList) {
|
|
|
+ return handler(getAttributesList(mutationsList));
|
|
|
+ });
|
|
|
+ var targetNode = _this3.root_.querySelector(__WEBPACK_IMPORTED_MODULE_3__constants__["e" /* strings */].INPUT_SELECTOR);
|
|
|
+ var config = { attributes: true };
|
|
|
+ observer.observe(targetNode, config);
|
|
|
+ return observer;
|
|
|
+ },
|
|
|
+ deregisterValidationAttributeChangeHandler: function deregisterValidationAttributeChangeHandler(observer) {
|
|
|
+ return observer.disconnect();
|
|
|
+ },
|
|
|
+ isFocused: function isFocused() {
|
|
|
+ return document.activeElement === _this3.root_.querySelector(__WEBPACK_IMPORTED_MODULE_3__constants__["e" /* strings */].INPUT_SELECTOR);
|
|
|
+ },
|
|
|
+ isRtl: function isRtl() {
|
|
|
+ return window.getComputedStyle(_this3.root_).getPropertyValue('direction') === 'rtl';
|
|
|
+ }
|
|
|
+ }, this.getInputAdapterMethods_(), this.getLabelAdapterMethods_(), this.getLineRippleAdapterMethods_(), this.getOutlineAdapterMethods_()), this.getFoundationMap_());
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {!{
|
|
|
+ * shakeLabel: function(boolean): undefined,
|
|
|
+ * floatLabel: function(boolean): undefined,
|
|
|
+ * hasLabel: function(): boolean,
|
|
|
+ * getLabelWidth: function(): number,
|
|
|
+ * }}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getLabelAdapterMethods_',
|
|
|
+ value: function getLabelAdapterMethods_() {
|
|
|
+ var _this4 = this;
|
|
|
+
|
|
|
+ return {
|
|
|
+ shakeLabel: function shakeLabel(shouldShake) {
|
|
|
+ return _this4.label_.shake(shouldShake);
|
|
|
+ },
|
|
|
+ floatLabel: function floatLabel(shouldFloat) {
|
|
|
+ return _this4.label_.float(shouldFloat);
|
|
|
+ },
|
|
|
+ hasLabel: function hasLabel() {
|
|
|
+ return !!_this4.label_;
|
|
|
+ },
|
|
|
+ getLabelWidth: function getLabelWidth() {
|
|
|
+ return _this4.label_.getWidth();
|
|
|
+ }
|
|
|
+ };
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {!{
|
|
|
+ * activateLineRipple: function(): undefined,
|
|
|
+ * deactivateLineRipple: function(): undefined,
|
|
|
+ * setLineRippleTransformOrigin: function(number): undefined,
|
|
|
+ * }}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getLineRippleAdapterMethods_',
|
|
|
+ value: function getLineRippleAdapterMethods_() {
|
|
|
+ var _this5 = this;
|
|
|
+
|
|
|
+ return {
|
|
|
+ activateLineRipple: function activateLineRipple() {
|
|
|
+ if (_this5.lineRipple_) {
|
|
|
+ _this5.lineRipple_.activate();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ deactivateLineRipple: function deactivateLineRipple() {
|
|
|
+ if (_this5.lineRipple_) {
|
|
|
+ _this5.lineRipple_.deactivate();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ setLineRippleTransformOrigin: function setLineRippleTransformOrigin(normalizedX) {
|
|
|
+ if (_this5.lineRipple_) {
|
|
|
+ _this5.lineRipple_.setRippleCenter(normalizedX);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ };
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {!{
|
|
|
+ * notchOutline: function(number, boolean): undefined,
|
|
|
+ * hasOutline: function(): boolean,
|
|
|
+ * }}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getOutlineAdapterMethods_',
|
|
|
+ value: function getOutlineAdapterMethods_() {
|
|
|
+ var _this6 = this;
|
|
|
+
|
|
|
+ return {
|
|
|
+ notchOutline: function notchOutline(labelWidth, isRtl) {
|
|
|
+ return _this6.outline_.notch(labelWidth, isRtl);
|
|
|
+ },
|
|
|
+ closeOutline: function closeOutline() {
|
|
|
+ return _this6.outline_.closeNotch();
|
|
|
+ },
|
|
|
+ hasOutline: function hasOutline() {
|
|
|
+ return !!_this6.outline_;
|
|
|
+ }
|
|
|
+ };
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {!{
|
|
|
+ * registerInputInteractionHandler: function(string, function()): undefined,
|
|
|
+ * deregisterInputInteractionHandler: function(string, function()): undefined,
|
|
|
+ * getNativeInput: function(): ?Element,
|
|
|
+ * }}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getInputAdapterMethods_',
|
|
|
+ value: function getInputAdapterMethods_() {
|
|
|
+ var _this7 = this;
|
|
|
+
|
|
|
+ return {
|
|
|
+ registerInputInteractionHandler: function registerInputInteractionHandler(evtType, handler) {
|
|
|
+ return _this7.input_.addEventListener(evtType, handler);
|
|
|
+ },
|
|
|
+ deregisterInputInteractionHandler: function deregisterInputInteractionHandler(evtType, handler) {
|
|
|
+ return _this7.input_.removeEventListener(evtType, handler);
|
|
|
+ },
|
|
|
+ getNativeInput: function getNativeInput() {
|
|
|
+ return _this7.input_;
|
|
|
+ }
|
|
|
+ };
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Returns a map of all subcomponents to subfoundations.
|
|
|
+ * @return {!FoundationMapType}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getFoundationMap_',
|
|
|
+ value: function getFoundationMap_() {
|
|
|
+ return {
|
|
|
+ helperText: this.helperText_ ? this.helperText_.foundation : undefined,
|
|
|
+ leadingIcon: this.leadingIcon_ ? this.leadingIcon_.foundation : undefined,
|
|
|
+ trailingIcon: this.trailingIcon_ ? this.trailingIcon_.foundation : undefined
|
|
|
+ };
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'value',
|
|
|
+ get: function get() {
|
|
|
+ return this.foundation_.getValue();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {string} value The value to set on the input.
|
|
|
+ */
|
|
|
+ ,
|
|
|
+ set: function set(value) {
|
|
|
+ this.foundation_.setValue(value);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {boolean} True if the Text Field is disabled.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'disabled',
|
|
|
+ get: function get() {
|
|
|
+ return this.foundation_.isDisabled();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {boolean} disabled Sets the Text Field disabled or enabled.
|
|
|
+ */
|
|
|
+ ,
|
|
|
+ set: function set(disabled) {
|
|
|
+ this.foundation_.setDisabled(disabled);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {boolean} valid True if the Text Field is valid.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'valid',
|
|
|
+ get: function get() {
|
|
|
+ return this.foundation_.isValid();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {boolean} valid Sets the Text Field valid or invalid.
|
|
|
+ */
|
|
|
+ ,
|
|
|
+ set: function set(valid) {
|
|
|
+ this.foundation_.setValid(valid);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {boolean} True if the Text Field is required.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'required',
|
|
|
+ get: function get() {
|
|
|
+ return this.input_.required;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {boolean} required Sets the Text Field to required.
|
|
|
+ */
|
|
|
+ ,
|
|
|
+ set: function set(required) {
|
|
|
+ this.input_.required = required;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {string} The input element's validation pattern.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'pattern',
|
|
|
+ get: function get() {
|
|
|
+ return this.input_.pattern;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {string} pattern Sets the input element's validation pattern.
|
|
|
+ */
|
|
|
+ ,
|
|
|
+ set: function set(pattern) {
|
|
|
+ this.input_.pattern = pattern;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {number} The input element's minLength.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'minLength',
|
|
|
+ get: function get() {
|
|
|
+ return this.input_.minLength;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {number} minLength Sets the input element's minLength.
|
|
|
+ */
|
|
|
+ ,
|
|
|
+ set: function set(minLength) {
|
|
|
+ this.input_.minLength = minLength;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {number} The input element's maxLength.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'maxLength',
|
|
|
+ get: function get() {
|
|
|
+ return this.input_.maxLength;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {number} maxLength Sets the input element's maxLength.
|
|
|
+ */
|
|
|
+ ,
|
|
|
+ set: function set(maxLength) {
|
|
|
+ // Chrome throws exception if maxLength is set < 0
|
|
|
+ if (maxLength < 0) {
|
|
|
+ this.input_.removeAttribute('maxLength');
|
|
|
+ } else {
|
|
|
+ this.input_.maxLength = maxLength;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {string} The input element's min.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'min',
|
|
|
+ get: function get() {
|
|
|
+ return this.input_.min;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {string} min Sets the input element's min.
|
|
|
+ */
|
|
|
+ ,
|
|
|
+ set: function set(min) {
|
|
|
+ this.input_.min = min;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {string} The input element's max.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'max',
|
|
|
+ get: function get() {
|
|
|
+ return this.input_.max;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {string} max Sets the input element's max.
|
|
|
+ */
|
|
|
+ ,
|
|
|
+ set: function set(max) {
|
|
|
+ this.input_.max = max;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {string} The input element's step.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'step',
|
|
|
+ get: function get() {
|
|
|
+ return this.input_.step;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {string} step Sets the input element's step.
|
|
|
+ */
|
|
|
+ ,
|
|
|
+ set: function set(step) {
|
|
|
+ this.input_.step = step;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets the helper text element content.
|
|
|
+ * @param {string} content
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'helperTextContent',
|
|
|
+ set: function set(content) {
|
|
|
+ this.foundation_.setHelperTextContent(content);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets the aria label of the leading icon.
|
|
|
+ * @param {string} label
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'leadingIconAriaLabel',
|
|
|
+ set: function set(label) {
|
|
|
+ this.foundation_.setLeadingIconAriaLabel(label);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets the text content of the leading icon.
|
|
|
+ * @param {string} content
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'leadingIconContent',
|
|
|
+ set: function set(content) {
|
|
|
+ this.foundation_.setLeadingIconContent(content);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets the aria label of the trailing icon.
|
|
|
+ * @param {string} label
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'trailingIconAriaLabel',
|
|
|
+ set: function set(label) {
|
|
|
+ this.foundation_.setTrailingIconAriaLabel(label);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets the text content of the trailing icon.
|
|
|
+ * @param {string} content
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'trailingIconContent',
|
|
|
+ set: function set(content) {
|
|
|
+ this.foundation_.setTrailingIconContent(content);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Enables or disables the use of native validation. Use this for custom validation.
|
|
|
+ * @param {boolean} useNativeValidation Set this to false to ignore native input validation.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'useNativeValidation',
|
|
|
+ set: function set(useNativeValidation) {
|
|
|
+ this.foundation_.setUseNativeValidation(useNativeValidation);
|
|
|
+ }
|
|
|
+ }], [{
|
|
|
+ key: 'attachTo',
|
|
|
+ value: function attachTo(root) {
|
|
|
+ return new MDCTextField(root);
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCTextField;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_component__["a" /* default */]);
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 146 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return strings; });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return cssClasses; });
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2016 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/** @enum {string} */
|
|
|
+var strings = {
|
|
|
+ ARIA_HIDDEN: 'aria-hidden',
|
|
|
+ ROLE: 'role'
|
|
|
+};
|
|
|
+
|
|
|
+/** @enum {string} */
|
|
|
+var cssClasses = {
|
|
|
+ HELPER_TEXT_PERSISTENT: 'mdc-text-field-helper-text--persistent',
|
|
|
+ HELPER_TEXT_VALIDATION_MSG: 'mdc-text-field-helper-text--validation-msg'
|
|
|
+};
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 147 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return strings; });
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2016 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+/** @enum {string} */
|
|
|
+var strings = {
|
|
|
+ ICON_EVENT: 'MDCTextField:icon',
|
|
|
+ ICON_ROLE: 'button'
|
|
|
+};
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 148 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_foundation__ = __webpack_require__(0);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__helper_text_foundation__ = __webpack_require__(27);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__icon_foundation__ = __webpack_require__(28);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__adapter__ = __webpack_require__(60);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__constants__ = __webpack_require__(59);
|
|
|
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
|
+
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2016 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+/* eslint-disable no-unused-vars */
|
|
|
+
|
|
|
+
|
|
|
+/* eslint-enable no-unused-vars */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends {MDCFoundation<!MDCTextFieldAdapter>}
|
|
|
+ * @final
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCTextFieldFoundation = function (_MDCFoundation) {
|
|
|
+ _inherits(MDCTextFieldFoundation, _MDCFoundation);
|
|
|
+
|
|
|
+ _createClass(MDCTextFieldFoundation, [{
|
|
|
+ key: 'shouldShake',
|
|
|
+
|
|
|
+
|
|
|
+ /** @return {boolean} */
|
|
|
+ get: function get() {
|
|
|
+ return !this.isValid() && !this.isFocused_ && !!this.getValue();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {boolean}
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'shouldAlwaysFloat_',
|
|
|
+ get: function get() {
|
|
|
+ var type = this.getNativeInput_().type;
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_4__constants__["a" /* ALWAYS_FLOAT_TYPES */].indexOf(type) >= 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return {boolean} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'shouldFloat',
|
|
|
+ get: function get() {
|
|
|
+ return this.shouldAlwaysFloat_ || this.isFocused_ || !!this.getValue() || this.isBadInput_();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * {@see MDCTextFieldAdapter} for typing information on parameters and return
|
|
|
+ * types.
|
|
|
+ * @return {!MDCTextFieldAdapter}
|
|
|
+ */
|
|
|
+
|
|
|
+ }], [{
|
|
|
+ key: 'cssClasses',
|
|
|
+
|
|
|
+ /** @return enum {string} */
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_4__constants__["c" /* cssClasses */];
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return enum {string} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'strings',
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_4__constants__["e" /* strings */];
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @return enum {string} */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'numbers',
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_4__constants__["d" /* numbers */];
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'defaultAdapter',
|
|
|
+ get: function get() {
|
|
|
+ return (/** @type {!MDCTextFieldAdapter} */{
|
|
|
+ addClass: function addClass() {},
|
|
|
+ removeClass: function removeClass() {},
|
|
|
+ hasClass: function hasClass() {},
|
|
|
+ registerTextFieldInteractionHandler: function registerTextFieldInteractionHandler() {},
|
|
|
+ deregisterTextFieldInteractionHandler: function deregisterTextFieldInteractionHandler() {},
|
|
|
+ registerInputInteractionHandler: function registerInputInteractionHandler() {},
|
|
|
+ deregisterInputInteractionHandler: function deregisterInputInteractionHandler() {},
|
|
|
+ registerValidationAttributeChangeHandler: function registerValidationAttributeChangeHandler() {},
|
|
|
+ deregisterValidationAttributeChangeHandler: function deregisterValidationAttributeChangeHandler() {},
|
|
|
+ getNativeInput: function getNativeInput() {},
|
|
|
+ isFocused: function isFocused() {},
|
|
|
+ isRtl: function isRtl() {},
|
|
|
+ activateLineRipple: function activateLineRipple() {},
|
|
|
+ deactivateLineRipple: function deactivateLineRipple() {},
|
|
|
+ setLineRippleTransformOrigin: function setLineRippleTransformOrigin() {},
|
|
|
+ shakeLabel: function shakeLabel() {},
|
|
|
+ floatLabel: function floatLabel() {},
|
|
|
+ hasLabel: function hasLabel() {},
|
|
|
+ getLabelWidth: function getLabelWidth() {},
|
|
|
+ hasOutline: function hasOutline() {},
|
|
|
+ notchOutline: function notchOutline() {},
|
|
|
+ closeOutline: function closeOutline() {}
|
|
|
+ }
|
|
|
+ );
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!MDCTextFieldAdapter} adapter
|
|
|
+ * @param {!FoundationMapType=} foundationMap Map from subcomponent names to their subfoundations.
|
|
|
+ */
|
|
|
+
|
|
|
+ }]);
|
|
|
+
|
|
|
+ function MDCTextFieldFoundation(adapter) {
|
|
|
+ var foundationMap = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : /** @type {!FoundationMapType} */{};
|
|
|
+
|
|
|
+ _classCallCheck(this, MDCTextFieldFoundation);
|
|
|
+
|
|
|
+ /** @type {!MDCTextFieldHelperTextFoundation|undefined} */
|
|
|
+ var _this = _possibleConstructorReturn(this, (MDCTextFieldFoundation.__proto__ || Object.getPrototypeOf(MDCTextFieldFoundation)).call(this, _extends(MDCTextFieldFoundation.defaultAdapter, adapter)));
|
|
|
+
|
|
|
+ _this.helperText_ = foundationMap.helperText;
|
|
|
+ /** @type {!MDCTextFieldIconFoundation|undefined} */
|
|
|
+ _this.leadingIcon_ = foundationMap.leadingIcon;
|
|
|
+ /** @type {!MDCTextFieldIconFoundation|undefined} */
|
|
|
+ _this.trailingIcon_ = foundationMap.trailingIcon;
|
|
|
+
|
|
|
+ /** @private {boolean} */
|
|
|
+ _this.isFocused_ = false;
|
|
|
+ /** @private {boolean} */
|
|
|
+ _this.receivedUserInput_ = false;
|
|
|
+ /** @private {boolean} */
|
|
|
+ _this.useCustomValidityChecking_ = false;
|
|
|
+ /** @private {boolean} */
|
|
|
+ _this.isValid_ = true;
|
|
|
+
|
|
|
+ /** @private {boolean} */
|
|
|
+ _this.useNativeValidation_ = true;
|
|
|
+
|
|
|
+ /** @private {function(): undefined} */
|
|
|
+ _this.inputFocusHandler_ = function () {
|
|
|
+ return _this.activateFocus();
|
|
|
+ };
|
|
|
+ /** @private {function(): undefined} */
|
|
|
+ _this.inputBlurHandler_ = function () {
|
|
|
+ return _this.deactivateFocus();
|
|
|
+ };
|
|
|
+ /** @private {function(): undefined} */
|
|
|
+ _this.inputInputHandler_ = function () {
|
|
|
+ return _this.autoCompleteFocus();
|
|
|
+ };
|
|
|
+ /** @private {function(!Event): undefined} */
|
|
|
+ _this.setPointerXOffset_ = function (evt) {
|
|
|
+ return _this.setTransformOrigin(evt);
|
|
|
+ };
|
|
|
+ /** @private {function(!Event): undefined} */
|
|
|
+ _this.textFieldInteractionHandler_ = function () {
|
|
|
+ return _this.handleTextFieldInteraction();
|
|
|
+ };
|
|
|
+ /** @private {function(!Array): undefined} */
|
|
|
+ _this.validationAttributeChangeHandler_ = function (attributesList) {
|
|
|
+ return _this.handleValidationAttributeChange(attributesList);
|
|
|
+ };
|
|
|
+
|
|
|
+ /** @private {!MutationObserver} */
|
|
|
+ _this.validationObserver_;
|
|
|
+ return _this;
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCTextFieldFoundation, [{
|
|
|
+ key: 'init',
|
|
|
+ value: function init() {
|
|
|
+ var _this2 = this;
|
|
|
+
|
|
|
+ if (this.adapter_.isFocused()) {
|
|
|
+ this.inputFocusHandler_();
|
|
|
+ } else if (this.adapter_.hasLabel() && this.shouldFloat) {
|
|
|
+ this.notchOutline(true);
|
|
|
+ this.adapter_.floatLabel(true);
|
|
|
+ }
|
|
|
+
|
|
|
+ this.adapter_.registerInputInteractionHandler('focus', this.inputFocusHandler_);
|
|
|
+ this.adapter_.registerInputInteractionHandler('blur', this.inputBlurHandler_);
|
|
|
+ this.adapter_.registerInputInteractionHandler('input', this.inputInputHandler_);
|
|
|
+ ['mousedown', 'touchstart'].forEach(function (evtType) {
|
|
|
+ _this2.adapter_.registerInputInteractionHandler(evtType, _this2.setPointerXOffset_);
|
|
|
+ });
|
|
|
+ ['click', 'keydown'].forEach(function (evtType) {
|
|
|
+ _this2.adapter_.registerTextFieldInteractionHandler(evtType, _this2.textFieldInteractionHandler_);
|
|
|
+ });
|
|
|
+ this.validationObserver_ = this.adapter_.registerValidationAttributeChangeHandler(this.validationAttributeChangeHandler_);
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'destroy',
|
|
|
+ value: function destroy() {
|
|
|
+ var _this3 = this;
|
|
|
+
|
|
|
+ this.adapter_.deregisterInputInteractionHandler('focus', this.inputFocusHandler_);
|
|
|
+ this.adapter_.deregisterInputInteractionHandler('blur', this.inputBlurHandler_);
|
|
|
+ this.adapter_.deregisterInputInteractionHandler('input', this.inputInputHandler_);
|
|
|
+ ['mousedown', 'touchstart'].forEach(function (evtType) {
|
|
|
+ _this3.adapter_.deregisterInputInteractionHandler(evtType, _this3.setPointerXOffset_);
|
|
|
+ });
|
|
|
+ ['click', 'keydown'].forEach(function (evtType) {
|
|
|
+ _this3.adapter_.deregisterTextFieldInteractionHandler(evtType, _this3.textFieldInteractionHandler_);
|
|
|
+ });
|
|
|
+ this.adapter_.deregisterValidationAttributeChangeHandler(this.validationObserver_);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Handles user interactions with the Text Field.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'handleTextFieldInteraction',
|
|
|
+ value: function handleTextFieldInteraction() {
|
|
|
+ if (this.adapter_.getNativeInput().disabled) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.receivedUserInput_ = true;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Handles validation attribute changes
|
|
|
+ * @param {!Array<string>} attributesList
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'handleValidationAttributeChange',
|
|
|
+ value: function handleValidationAttributeChange(attributesList) {
|
|
|
+ var _this4 = this;
|
|
|
+
|
|
|
+ attributesList.some(function (attributeName) {
|
|
|
+ if (__WEBPACK_IMPORTED_MODULE_4__constants__["b" /* VALIDATION_ATTR_WHITELIST */].indexOf(attributeName) > -1) {
|
|
|
+ _this4.styleValidity_(true);
|
|
|
+ return true;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Opens/closes the notched outline.
|
|
|
+ * @param {boolean} openNotch
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'notchOutline',
|
|
|
+ value: function notchOutline(openNotch) {
|
|
|
+ if (!this.adapter_.hasOutline()) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (openNotch) {
|
|
|
+ var isDense = this.adapter_.hasClass(__WEBPACK_IMPORTED_MODULE_4__constants__["c" /* cssClasses */].DENSE);
|
|
|
+ var labelScale = isDense ? __WEBPACK_IMPORTED_MODULE_4__constants__["d" /* numbers */].DENSE_LABEL_SCALE : __WEBPACK_IMPORTED_MODULE_4__constants__["d" /* numbers */].LABEL_SCALE;
|
|
|
+ var labelWidth = this.adapter_.getLabelWidth() * labelScale;
|
|
|
+ var isRtl = this.adapter_.isRtl();
|
|
|
+ this.adapter_.notchOutline(labelWidth, isRtl);
|
|
|
+ } else {
|
|
|
+ this.adapter_.closeOutline();
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Activates the text field focus state.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'activateFocus',
|
|
|
+ value: function activateFocus() {
|
|
|
+ this.isFocused_ = true;
|
|
|
+ this.styleFocused_(this.isFocused_);
|
|
|
+ this.adapter_.activateLineRipple();
|
|
|
+ if (this.adapter_.hasLabel()) {
|
|
|
+ this.notchOutline(this.shouldFloat);
|
|
|
+ this.adapter_.floatLabel(this.shouldFloat);
|
|
|
+ this.adapter_.shakeLabel(this.shouldShake);
|
|
|
+ }
|
|
|
+ if (this.helperText_) {
|
|
|
+ this.helperText_.showToScreenReader();
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets the line ripple's transform origin, so that the line ripple activate
|
|
|
+ * animation will animate out from the user's click location.
|
|
|
+ * @param {!Event} evt
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setTransformOrigin',
|
|
|
+ value: function setTransformOrigin(evt) {
|
|
|
+ var targetClientRect = evt.target.getBoundingClientRect();
|
|
|
+ var evtCoords = { x: evt.clientX, y: evt.clientY };
|
|
|
+ var normalizedX = evtCoords.x - targetClientRect.left;
|
|
|
+ this.adapter_.setLineRippleTransformOrigin(normalizedX);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Activates the Text Field's focus state in cases when the input value
|
|
|
+ * changes without user input (e.g. programatically).
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'autoCompleteFocus',
|
|
|
+ value: function autoCompleteFocus() {
|
|
|
+ if (!this.receivedUserInput_) {
|
|
|
+ this.activateFocus();
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Deactivates the Text Field's focus state.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'deactivateFocus',
|
|
|
+ value: function deactivateFocus() {
|
|
|
+ this.isFocused_ = false;
|
|
|
+ this.adapter_.deactivateLineRipple();
|
|
|
+ var isValid = this.isValid();
|
|
|
+ this.styleValidity_(isValid);
|
|
|
+ this.styleFocused_(this.isFocused_);
|
|
|
+ if (this.adapter_.hasLabel()) {
|
|
|
+ this.notchOutline(this.shouldFloat);
|
|
|
+ this.adapter_.floatLabel(this.shouldFloat);
|
|
|
+ this.adapter_.shakeLabel(this.shouldShake);
|
|
|
+ }
|
|
|
+ if (!this.shouldFloat) {
|
|
|
+ this.receivedUserInput_ = false;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {string} The value of the input Element.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getValue',
|
|
|
+ value: function getValue() {
|
|
|
+ return this.getNativeInput_().value;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {string} value The value to set on the input Element.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setValue',
|
|
|
+ value: function setValue(value) {
|
|
|
+ this.getNativeInput_().value = value;
|
|
|
+ var isValid = this.isValid();
|
|
|
+ this.styleValidity_(isValid);
|
|
|
+ if (this.adapter_.hasLabel()) {
|
|
|
+ this.notchOutline(this.shouldFloat);
|
|
|
+ this.adapter_.floatLabel(this.shouldFloat);
|
|
|
+ this.adapter_.shakeLabel(this.shouldShake);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {boolean} If a custom validity is set, returns that value.
|
|
|
+ * Otherwise, returns the result of native validity checks.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'isValid',
|
|
|
+ value: function isValid() {
|
|
|
+ return this.useNativeValidation_ ? this.isNativeInputValid_() : this.isValid_;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {boolean} isValid Sets the validity state of the Text Field.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setValid',
|
|
|
+ value: function setValid(isValid) {
|
|
|
+ this.isValid_ = isValid;
|
|
|
+ this.styleValidity_(isValid);
|
|
|
+
|
|
|
+ var shouldShake = !isValid && !this.isFocused_;
|
|
|
+ if (this.adapter_.hasLabel()) {
|
|
|
+ this.adapter_.shakeLabel(shouldShake);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Enables or disables the use of native validation. Use this for custom validation.
|
|
|
+ * @param {boolean} useNativeValidation Set this to false to ignore native input validation.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setUseNativeValidation',
|
|
|
+ value: function setUseNativeValidation(useNativeValidation) {
|
|
|
+ this.useNativeValidation_ = useNativeValidation;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {boolean} True if the Text Field is disabled.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'isDisabled',
|
|
|
+ value: function isDisabled() {
|
|
|
+ return this.getNativeInput_().disabled;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {boolean} disabled Sets the text-field disabled or enabled.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setDisabled',
|
|
|
+ value: function setDisabled(disabled) {
|
|
|
+ this.getNativeInput_().disabled = disabled;
|
|
|
+ this.styleDisabled_(disabled);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {string} content Sets the content of the helper text.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setHelperTextContent',
|
|
|
+ value: function setHelperTextContent(content) {
|
|
|
+ if (this.helperText_) {
|
|
|
+ this.helperText_.setContent(content);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets the aria label of the leading icon.
|
|
|
+ * @param {string} label
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setLeadingIconAriaLabel',
|
|
|
+ value: function setLeadingIconAriaLabel(label) {
|
|
|
+ if (this.leadingIcon_) {
|
|
|
+ this.leadingIcon_.setAriaLabel(label);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets the text content of the leading icon.
|
|
|
+ * @param {string} content
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setLeadingIconContent',
|
|
|
+ value: function setLeadingIconContent(content) {
|
|
|
+ if (this.leadingIcon_) {
|
|
|
+ this.leadingIcon_.setContent(content);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets the aria label of the trailing icon.
|
|
|
+ * @param {string} label
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setTrailingIconAriaLabel',
|
|
|
+ value: function setTrailingIconAriaLabel(label) {
|
|
|
+ if (this.trailingIcon_) {
|
|
|
+ this.trailingIcon_.setAriaLabel(label);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Sets the text content of the trailing icon.
|
|
|
+ * @param {string} content
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'setTrailingIconContent',
|
|
|
+ value: function setTrailingIconContent(content) {
|
|
|
+ if (this.trailingIcon_) {
|
|
|
+ this.trailingIcon_.setContent(content);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {boolean} True if the Text Field input fails in converting the
|
|
|
+ * user-supplied value.
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'isBadInput_',
|
|
|
+ value: function isBadInput_() {
|
|
|
+ return this.getNativeInput_().validity.badInput;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {boolean} The result of native validity checking
|
|
|
+ * (ValidityState.valid).
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'isNativeInputValid_',
|
|
|
+ value: function isNativeInputValid_() {
|
|
|
+ return this.getNativeInput_().validity.valid;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Styles the component based on the validity state.
|
|
|
+ * @param {boolean} isValid
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'styleValidity_',
|
|
|
+ value: function styleValidity_(isValid) {
|
|
|
+ var INVALID = MDCTextFieldFoundation.cssClasses.INVALID;
|
|
|
+
|
|
|
+ if (isValid) {
|
|
|
+ this.adapter_.removeClass(INVALID);
|
|
|
+ } else {
|
|
|
+ this.adapter_.addClass(INVALID);
|
|
|
+ }
|
|
|
+ if (this.helperText_) {
|
|
|
+ this.helperText_.setValidity(isValid);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Styles the component based on the focused state.
|
|
|
+ * @param {boolean} isFocused
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'styleFocused_',
|
|
|
+ value: function styleFocused_(isFocused) {
|
|
|
+ var FOCUSED = MDCTextFieldFoundation.cssClasses.FOCUSED;
|
|
|
+
|
|
|
+ if (isFocused) {
|
|
|
+ this.adapter_.addClass(FOCUSED);
|
|
|
+ } else {
|
|
|
+ this.adapter_.removeClass(FOCUSED);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Styles the component based on the disabled state.
|
|
|
+ * @param {boolean} isDisabled
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'styleDisabled_',
|
|
|
+ value: function styleDisabled_(isDisabled) {
|
|
|
+ var _MDCTextFieldFoundati = MDCTextFieldFoundation.cssClasses,
|
|
|
+ DISABLED = _MDCTextFieldFoundati.DISABLED,
|
|
|
+ INVALID = _MDCTextFieldFoundati.INVALID;
|
|
|
+
|
|
|
+ if (isDisabled) {
|
|
|
+ this.adapter_.addClass(DISABLED);
|
|
|
+ this.adapter_.removeClass(INVALID);
|
|
|
+ } else {
|
|
|
+ this.adapter_.removeClass(DISABLED);
|
|
|
+ }
|
|
|
+
|
|
|
+ if (this.leadingIcon_) {
|
|
|
+ this.leadingIcon_.setDisabled(isDisabled);
|
|
|
+ }
|
|
|
+
|
|
|
+ if (this.trailingIcon_) {
|
|
|
+ this.trailingIcon_.setDisabled(isDisabled);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {!Element|!NativeInputType} The native text input from the
|
|
|
+ * host environment, or a dummy if none exists.
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getNativeInput_',
|
|
|
+ value: function getNativeInput_() {
|
|
|
+ return this.adapter_.getNativeInput() ||
|
|
|
+ /** @type {!NativeInputType} */{
|
|
|
+ value: '',
|
|
|
+ disabled: false,
|
|
|
+ validity: {
|
|
|
+ badInput: false,
|
|
|
+ valid: true
|
|
|
+ }
|
|
|
+ };
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCTextFieldFoundation;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
|
|
|
+
|
|
|
+/* harmony default export */ __webpack_exports__["a"] = (MDCTextFieldFoundation);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 149 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MDCTextFieldHelperText; });
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_component__ = __webpack_require__(1);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(61);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__foundation__ = __webpack_require__(27);
|
|
|
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return __WEBPACK_IMPORTED_MODULE_2__foundation__["a"]; });
|
|
|
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
|
+
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2017 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends {MDCComponent<!MDCTextFieldHelperTextFoundation>}
|
|
|
+ * @final
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCTextFieldHelperText = function (_MDCComponent) {
|
|
|
+ _inherits(MDCTextFieldHelperText, _MDCComponent);
|
|
|
+
|
|
|
+ function MDCTextFieldHelperText() {
|
|
|
+ _classCallCheck(this, MDCTextFieldHelperText);
|
|
|
+
|
|
|
+ return _possibleConstructorReturn(this, (MDCTextFieldHelperText.__proto__ || Object.getPrototypeOf(MDCTextFieldHelperText)).apply(this, arguments));
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCTextFieldHelperText, [{
|
|
|
+ key: 'getDefaultFoundation',
|
|
|
+
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {!MDCTextFieldHelperTextFoundation}
|
|
|
+ */
|
|
|
+ value: function getDefaultFoundation() {
|
|
|
+ var _this2 = this;
|
|
|
+
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */]( /** @type {!MDCTextFieldHelperTextAdapter} */_extends({
|
|
|
+ addClass: function addClass(className) {
|
|
|
+ return _this2.root_.classList.add(className);
|
|
|
+ },
|
|
|
+ removeClass: function removeClass(className) {
|
|
|
+ return _this2.root_.classList.remove(className);
|
|
|
+ },
|
|
|
+ hasClass: function hasClass(className) {
|
|
|
+ return _this2.root_.classList.contains(className);
|
|
|
+ },
|
|
|
+ setAttr: function setAttr(attr, value) {
|
|
|
+ return _this2.root_.setAttribute(attr, value);
|
|
|
+ },
|
|
|
+ removeAttr: function removeAttr(attr) {
|
|
|
+ return _this2.root_.removeAttribute(attr);
|
|
|
+ },
|
|
|
+ setContent: function setContent(content) {
|
|
|
+ _this2.root_.textContent = content;
|
|
|
+ }
|
|
|
+ }));
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'foundation',
|
|
|
+
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {!MDCTextFieldHelperTextFoundation}
|
|
|
+ */
|
|
|
+ get: function get() {
|
|
|
+ return this.foundation_;
|
|
|
+ }
|
|
|
+ }], [{
|
|
|
+ key: 'attachTo',
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!Element} root
|
|
|
+ * @return {!MDCTextFieldHelperText}
|
|
|
+ */
|
|
|
+ value: function attachTo(root) {
|
|
|
+ return new MDCTextFieldHelperText(root);
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCTextFieldHelperText;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_component__["a" /* default */]);
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 150 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MDCTextFieldIcon; });
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_component__ = __webpack_require__(1);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(62);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__foundation__ = __webpack_require__(28);
|
|
|
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return __WEBPACK_IMPORTED_MODULE_2__foundation__["a"]; });
|
|
|
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
|
+
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2017 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends {MDCComponent<!MDCTextFieldIconFoundation>}
|
|
|
+ * @final
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCTextFieldIcon = function (_MDCComponent) {
|
|
|
+ _inherits(MDCTextFieldIcon, _MDCComponent);
|
|
|
+
|
|
|
+ function MDCTextFieldIcon() {
|
|
|
+ _classCallCheck(this, MDCTextFieldIcon);
|
|
|
+
|
|
|
+ return _possibleConstructorReturn(this, (MDCTextFieldIcon.__proto__ || Object.getPrototypeOf(MDCTextFieldIcon)).apply(this, arguments));
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCTextFieldIcon, [{
|
|
|
+ key: 'getDefaultFoundation',
|
|
|
+
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {!MDCTextFieldIconFoundation}
|
|
|
+ */
|
|
|
+ value: function getDefaultFoundation() {
|
|
|
+ var _this2 = this;
|
|
|
+
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */]( /** @type {!MDCTextFieldIconAdapter} */_extends({
|
|
|
+ getAttr: function getAttr(attr) {
|
|
|
+ return _this2.root_.getAttribute(attr);
|
|
|
+ },
|
|
|
+ setAttr: function setAttr(attr, value) {
|
|
|
+ return _this2.root_.setAttribute(attr, value);
|
|
|
+ },
|
|
|
+ removeAttr: function removeAttr(attr) {
|
|
|
+ return _this2.root_.removeAttribute(attr);
|
|
|
+ },
|
|
|
+ setContent: function setContent(content) {
|
|
|
+ _this2.root_.textContent = content;
|
|
|
+ },
|
|
|
+ registerInteractionHandler: function registerInteractionHandler(evtType, handler) {
|
|
|
+ return _this2.root_.addEventListener(evtType, handler);
|
|
|
+ },
|
|
|
+ deregisterInteractionHandler: function deregisterInteractionHandler(evtType, handler) {
|
|
|
+ return _this2.root_.removeEventListener(evtType, handler);
|
|
|
+ },
|
|
|
+ notifyIconAction: function notifyIconAction() {
|
|
|
+ return _this2.emit(__WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */].strings.ICON_EVENT, {} /* evtData */, true /* shouldBubble */);
|
|
|
+ }
|
|
|
+ }));
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'foundation',
|
|
|
+
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {!MDCTextFieldIconFoundation}
|
|
|
+ */
|
|
|
+ get: function get() {
|
|
|
+ return this.foundation_;
|
|
|
+ }
|
|
|
+ }], [{
|
|
|
+ key: 'attachTo',
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!Element} root
|
|
|
+ * @return {!MDCTextFieldIcon}
|
|
|
+ */
|
|
|
+ value: function attachTo(root) {
|
|
|
+ return new MDCTextFieldIcon(root);
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCTextFieldIcon;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_component__["a" /* default */]);
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 151 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCToolbar", function() { return MDCToolbar; });
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_index__ = __webpack_require__(3);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_ripple_index__ = __webpack_require__(2);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__foundation__ = __webpack_require__(152);
|
|
|
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCToolbarFoundation", function() { return __WEBPACK_IMPORTED_MODULE_2__foundation__["a"]; });
|
|
|
+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; }; }();
|
|
|
+
|
|
|
+var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
|
|
|
+
|
|
|
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2017 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+var MDCToolbar = function (_MDCComponent) {
|
|
|
+ _inherits(MDCToolbar, _MDCComponent);
|
|
|
+
|
|
|
+ function MDCToolbar() {
|
|
|
+ _classCallCheck(this, MDCToolbar);
|
|
|
+
|
|
|
+ return _possibleConstructorReturn(this, (MDCToolbar.__proto__ || Object.getPrototypeOf(MDCToolbar)).apply(this, arguments));
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCToolbar, [{
|
|
|
+ key: 'initialize',
|
|
|
+ value: function initialize() {
|
|
|
+ this.ripples_ = [].map.call(this.root_.querySelectorAll(__WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */].strings.ICON_SELECTOR), function (icon) {
|
|
|
+ var ripple = __WEBPACK_IMPORTED_MODULE_1__material_ripple_index__["MDCRipple"].attachTo(icon);
|
|
|
+ ripple.unbounded = true;
|
|
|
+ return ripple;
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'destroy',
|
|
|
+ value: function destroy() {
|
|
|
+ this.ripples_.forEach(function (ripple) {
|
|
|
+ ripple.destroy();
|
|
|
+ });
|
|
|
+ _get(MDCToolbar.prototype.__proto__ || Object.getPrototypeOf(MDCToolbar.prototype), 'destroy', this).call(this);
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'getDefaultFoundation',
|
|
|
+ value: function getDefaultFoundation() {
|
|
|
+ var _this2 = this;
|
|
|
+
|
|
|
+ return new __WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */]({
|
|
|
+ hasClass: function hasClass(className) {
|
|
|
+ return _this2.root_.classList.contains(className);
|
|
|
+ },
|
|
|
+ addClass: function addClass(className) {
|
|
|
+ return _this2.root_.classList.add(className);
|
|
|
+ },
|
|
|
+ removeClass: function removeClass(className) {
|
|
|
+ return _this2.root_.classList.remove(className);
|
|
|
+ },
|
|
|
+ registerScrollHandler: function registerScrollHandler(handler) {
|
|
|
+ return window.addEventListener('scroll', handler);
|
|
|
+ },
|
|
|
+ deregisterScrollHandler: function deregisterScrollHandler(handler) {
|
|
|
+ return window.removeEventListener('scroll', handler);
|
|
|
+ },
|
|
|
+ registerResizeHandler: function registerResizeHandler(handler) {
|
|
|
+ return window.addEventListener('resize', handler);
|
|
|
+ },
|
|
|
+ deregisterResizeHandler: function deregisterResizeHandler(handler) {
|
|
|
+ return window.removeEventListener('resize', handler);
|
|
|
+ },
|
|
|
+ getViewportWidth: function getViewportWidth() {
|
|
|
+ return window.innerWidth;
|
|
|
+ },
|
|
|
+ getViewportScrollY: function getViewportScrollY() {
|
|
|
+ return window.pageYOffset;
|
|
|
+ },
|
|
|
+ getOffsetHeight: function getOffsetHeight() {
|
|
|
+ return _this2.root_.offsetHeight;
|
|
|
+ },
|
|
|
+ getFirstRowElementOffsetHeight: function getFirstRowElementOffsetHeight() {
|
|
|
+ return _this2.firstRowElement_.offsetHeight;
|
|
|
+ },
|
|
|
+ notifyChange: function notifyChange(evtData) {
|
|
|
+ return _this2.emit(__WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */].strings.CHANGE_EVENT, evtData);
|
|
|
+ },
|
|
|
+ setStyle: function setStyle(property, value) {
|
|
|
+ return _this2.root_.style.setProperty(property, value);
|
|
|
+ },
|
|
|
+ setStyleForTitleElement: function setStyleForTitleElement(property, value) {
|
|
|
+ return _this2.titleElement_.style.setProperty(property, value);
|
|
|
+ },
|
|
|
+ setStyleForFlexibleRowElement: function setStyleForFlexibleRowElement(property, value) {
|
|
|
+ return _this2.firstRowElement_.style.setProperty(property, value);
|
|
|
+ },
|
|
|
+ setStyleForFixedAdjustElement: function setStyleForFixedAdjustElement(property, value) {
|
|
|
+ if (_this2.fixedAdjustElement) {
|
|
|
+ _this2.fixedAdjustElement.style.setProperty(property, value);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'firstRowElement_',
|
|
|
+ get: function get() {
|
|
|
+ return this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */].strings.FIRST_ROW_SELECTOR);
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'titleElement_',
|
|
|
+ get: function get() {
|
|
|
+ return this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */].strings.TITLE_SELECTOR);
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'fixedAdjustElement',
|
|
|
+ set: function set(fixedAdjustElement) {
|
|
|
+ this.fixedAdjustElement_ = fixedAdjustElement;
|
|
|
+ this.foundation_.updateAdjustElementStyles();
|
|
|
+ },
|
|
|
+ get: function get() {
|
|
|
+ return this.fixedAdjustElement_;
|
|
|
+ }
|
|
|
+ }], [{
|
|
|
+ key: 'attachTo',
|
|
|
+ value: function attachTo(root) {
|
|
|
+ return new MDCToolbar(root);
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCToolbar;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_index__["MDCComponent"]);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 152 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_foundation__ = __webpack_require__(0);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__constants__ = __webpack_require__(153);
|
|
|
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
|
+
|
|
|
+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"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2017 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+var MDCToolbarFoundation = function (_MDCFoundation) {
|
|
|
+ _inherits(MDCToolbarFoundation, _MDCFoundation);
|
|
|
+
|
|
|
+ _createClass(MDCToolbarFoundation, null, [{
|
|
|
+ key: 'cssClasses',
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */];
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'strings',
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_1__constants__["c" /* strings */];
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'numbers',
|
|
|
+ get: function get() {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_1__constants__["b" /* numbers */];
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'defaultAdapter',
|
|
|
+ get: function get() {
|
|
|
+ return {
|
|
|
+ hasClass: function hasClass() {
|
|
|
+ return (/* className: string */ /* boolean */false
|
|
|
+ );
|
|
|
+ },
|
|
|
+ addClass: function addClass() /* className: string */{},
|
|
|
+ removeClass: function removeClass() /* className: string */{},
|
|
|
+ registerScrollHandler: function registerScrollHandler() /* handler: EventListener */{},
|
|
|
+ deregisterScrollHandler: function deregisterScrollHandler() /* handler: EventListener */{},
|
|
|
+ registerResizeHandler: function registerResizeHandler() /* handler: EventListener */{},
|
|
|
+ deregisterResizeHandler: function deregisterResizeHandler() /* handler: EventListener */{},
|
|
|
+ getViewportWidth: function getViewportWidth() {
|
|
|
+ return (/* number */0
|
|
|
+ );
|
|
|
+ },
|
|
|
+ getViewportScrollY: function getViewportScrollY() {
|
|
|
+ return (/* number */0
|
|
|
+ );
|
|
|
+ },
|
|
|
+ getOffsetHeight: function getOffsetHeight() {
|
|
|
+ return (/* number */0
|
|
|
+ );
|
|
|
+ },
|
|
|
+ getFirstRowElementOffsetHeight: function getFirstRowElementOffsetHeight() {
|
|
|
+ return (/* number */0
|
|
|
+ );
|
|
|
+ },
|
|
|
+ notifyChange: function notifyChange() /* evtData: {flexibleExpansionRatio: number} */{},
|
|
|
+ setStyle: function setStyle() /* property: string, value: string */{},
|
|
|
+ setStyleForTitleElement: function setStyleForTitleElement() /* property: string, value: string */{},
|
|
|
+ setStyleForFlexibleRowElement: function setStyleForFlexibleRowElement() /* property: string, value: string */{},
|
|
|
+ setStyleForFixedAdjustElement: function setStyleForFixedAdjustElement() /* property: string, value: string */{}
|
|
|
+ };
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ function MDCToolbarFoundation(adapter) {
|
|
|
+ _classCallCheck(this, MDCToolbarFoundation);
|
|
|
+
|
|
|
+ var _this = _possibleConstructorReturn(this, (MDCToolbarFoundation.__proto__ || Object.getPrototypeOf(MDCToolbarFoundation)).call(this, _extends(MDCToolbarFoundation.defaultAdapter, adapter)));
|
|
|
+
|
|
|
+ _this.resizeHandler_ = function () {
|
|
|
+ return _this.checkRowHeight_();
|
|
|
+ };
|
|
|
+ _this.scrollHandler_ = function () {
|
|
|
+ return _this.updateToolbarStyles_();
|
|
|
+ };
|
|
|
+ _this.checkRowHeightFrame_ = 0;
|
|
|
+ _this.scrollFrame_ = 0;
|
|
|
+ _this.executedLastChange_ = false;
|
|
|
+
|
|
|
+ _this.calculations_ = {
|
|
|
+ toolbarRowHeight: 0,
|
|
|
+ // Calculated Height ratio. We use ratio to calculate corresponding heights in resize event.
|
|
|
+ toolbarRatio: 0, // The ratio of toolbar height to row height
|
|
|
+ flexibleExpansionRatio: 0, // The ratio of flexible space height to row height
|
|
|
+ maxTranslateYRatio: 0, // The ratio of max toolbar move up distance to row height
|
|
|
+ scrollThresholdRatio: 0, // The ratio of max scrollTop that we should listen to to row height
|
|
|
+ // Derived Heights based on the above key ratios.
|
|
|
+ toolbarHeight: 0,
|
|
|
+ flexibleExpansionHeight: 0, // Flexible row minus toolbar height (derived)
|
|
|
+ maxTranslateYDistance: 0, // When toolbar only fix last row (derived)
|
|
|
+ scrollThreshold: 0
|
|
|
+ };
|
|
|
+ // Toolbar fixed behavior
|
|
|
+ // If toolbar is fixed
|
|
|
+ _this.fixed_ = false;
|
|
|
+ // If fixed is targeted only at the last row
|
|
|
+ _this.fixedLastrow_ = false;
|
|
|
+ // Toolbar flexible behavior
|
|
|
+ // If the first row is flexible
|
|
|
+ _this.hasFlexibleRow_ = false;
|
|
|
+ // If use the default behavior
|
|
|
+ _this.useFlexDefaultBehavior_ = false;
|
|
|
+ return _this;
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCToolbarFoundation, [{
|
|
|
+ key: 'init',
|
|
|
+ value: function init() {
|
|
|
+ this.fixed_ = this.adapter_.hasClass(MDCToolbarFoundation.cssClasses.FIXED);
|
|
|
+ this.fixedLastrow_ = this.adapter_.hasClass(MDCToolbarFoundation.cssClasses.FIXED_LASTROW) & this.fixed_;
|
|
|
+ this.hasFlexibleRow_ = this.adapter_.hasClass(MDCToolbarFoundation.cssClasses.TOOLBAR_ROW_FLEXIBLE);
|
|
|
+ if (this.hasFlexibleRow_) {
|
|
|
+ this.useFlexDefaultBehavior_ = this.adapter_.hasClass(MDCToolbarFoundation.cssClasses.FLEXIBLE_DEFAULT_BEHAVIOR);
|
|
|
+ }
|
|
|
+ this.initKeyRatio_();
|
|
|
+ this.setKeyHeights_();
|
|
|
+ this.adapter_.registerResizeHandler(this.resizeHandler_);
|
|
|
+ this.adapter_.registerScrollHandler(this.scrollHandler_);
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'destroy',
|
|
|
+ value: function destroy() {
|
|
|
+ this.adapter_.deregisterResizeHandler(this.resizeHandler_);
|
|
|
+ this.adapter_.deregisterScrollHandler(this.scrollHandler_);
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'updateAdjustElementStyles',
|
|
|
+ value: function updateAdjustElementStyles() {
|
|
|
+ if (this.fixed_) {
|
|
|
+ this.adapter_.setStyleForFixedAdjustElement('margin-top', this.calculations_.toolbarHeight + 'px');
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'getFlexibleExpansionRatio_',
|
|
|
+ value: function getFlexibleExpansionRatio_(scrollTop) {
|
|
|
+ // To prevent division by zero when there is no flexibleExpansionHeight
|
|
|
+ var delta = 0.0001;
|
|
|
+ return Math.max(0, 1 - scrollTop / (this.calculations_.flexibleExpansionHeight + delta));
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'checkRowHeight_',
|
|
|
+ value: function checkRowHeight_() {
|
|
|
+ var _this2 = this;
|
|
|
+
|
|
|
+ cancelAnimationFrame(this.checkRowHeightFrame_);
|
|
|
+ this.checkRowHeightFrame_ = requestAnimationFrame(function () {
|
|
|
+ return _this2.setKeyHeights_();
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'setKeyHeights_',
|
|
|
+ value: function setKeyHeights_() {
|
|
|
+ var newToolbarRowHeight = this.getRowHeight_();
|
|
|
+ if (newToolbarRowHeight !== this.calculations_.toolbarRowHeight) {
|
|
|
+ this.calculations_.toolbarRowHeight = newToolbarRowHeight;
|
|
|
+ this.calculations_.toolbarHeight = this.calculations_.toolbarRatio * this.calculations_.toolbarRowHeight;
|
|
|
+ this.calculations_.flexibleExpansionHeight = this.calculations_.flexibleExpansionRatio * this.calculations_.toolbarRowHeight;
|
|
|
+ this.calculations_.maxTranslateYDistance = this.calculations_.maxTranslateYRatio * this.calculations_.toolbarRowHeight;
|
|
|
+ this.calculations_.scrollThreshold = this.calculations_.scrollThresholdRatio * this.calculations_.toolbarRowHeight;
|
|
|
+ this.updateAdjustElementStyles();
|
|
|
+ this.updateToolbarStyles_();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'updateToolbarStyles_',
|
|
|
+ value: function updateToolbarStyles_() {
|
|
|
+ var _this3 = this;
|
|
|
+
|
|
|
+ cancelAnimationFrame(this.scrollFrame_);
|
|
|
+ this.scrollFrame_ = requestAnimationFrame(function () {
|
|
|
+ var scrollTop = _this3.adapter_.getViewportScrollY();
|
|
|
+ var hasScrolledOutOfThreshold = _this3.scrolledOutOfThreshold_(scrollTop);
|
|
|
+
|
|
|
+ if (hasScrolledOutOfThreshold && _this3.executedLastChange_) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ var flexibleExpansionRatio = _this3.getFlexibleExpansionRatio_(scrollTop);
|
|
|
+
|
|
|
+ _this3.updateToolbarFlexibleState_(flexibleExpansionRatio);
|
|
|
+ if (_this3.fixedLastrow_) {
|
|
|
+ _this3.updateToolbarFixedState_(scrollTop);
|
|
|
+ }
|
|
|
+ if (_this3.hasFlexibleRow_) {
|
|
|
+ _this3.updateFlexibleRowElementStyles_(flexibleExpansionRatio);
|
|
|
+ }
|
|
|
+ _this3.executedLastChange_ = hasScrolledOutOfThreshold;
|
|
|
+ _this3.adapter_.notifyChange({ flexibleExpansionRatio: flexibleExpansionRatio });
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'scrolledOutOfThreshold_',
|
|
|
+ value: function scrolledOutOfThreshold_(scrollTop) {
|
|
|
+ return scrollTop > this.calculations_.scrollThreshold;
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'initKeyRatio_',
|
|
|
+ value: function initKeyRatio_() {
|
|
|
+ var toolbarRowHeight = this.getRowHeight_();
|
|
|
+ var firstRowMaxRatio = this.adapter_.getFirstRowElementOffsetHeight() / toolbarRowHeight;
|
|
|
+ this.calculations_.toolbarRatio = this.adapter_.getOffsetHeight() / toolbarRowHeight;
|
|
|
+ this.calculations_.flexibleExpansionRatio = firstRowMaxRatio - 1;
|
|
|
+ this.calculations_.maxTranslateYRatio = this.fixedLastrow_ ? this.calculations_.toolbarRatio - firstRowMaxRatio : 0;
|
|
|
+ this.calculations_.scrollThresholdRatio = (this.fixedLastrow_ ? this.calculations_.toolbarRatio : firstRowMaxRatio) - 1;
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'getRowHeight_',
|
|
|
+ value: function getRowHeight_() {
|
|
|
+ var breakpoint = MDCToolbarFoundation.numbers.TOOLBAR_MOBILE_BREAKPOINT;
|
|
|
+ return this.adapter_.getViewportWidth() < breakpoint ? MDCToolbarFoundation.numbers.TOOLBAR_ROW_MOBILE_HEIGHT : MDCToolbarFoundation.numbers.TOOLBAR_ROW_HEIGHT;
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'updateToolbarFlexibleState_',
|
|
|
+ value: function updateToolbarFlexibleState_(flexibleExpansionRatio) {
|
|
|
+ this.adapter_.removeClass(MDCToolbarFoundation.cssClasses.FLEXIBLE_MAX);
|
|
|
+ this.adapter_.removeClass(MDCToolbarFoundation.cssClasses.FLEXIBLE_MIN);
|
|
|
+ if (flexibleExpansionRatio === 1) {
|
|
|
+ this.adapter_.addClass(MDCToolbarFoundation.cssClasses.FLEXIBLE_MAX);
|
|
|
+ } else if (flexibleExpansionRatio === 0) {
|
|
|
+ this.adapter_.addClass(MDCToolbarFoundation.cssClasses.FLEXIBLE_MIN);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'updateToolbarFixedState_',
|
|
|
+ value: function updateToolbarFixedState_(scrollTop) {
|
|
|
+ var translateDistance = Math.max(0, Math.min(scrollTop - this.calculations_.flexibleExpansionHeight, this.calculations_.maxTranslateYDistance));
|
|
|
+ this.adapter_.setStyle('transform', 'translateY(' + -translateDistance + 'px)');
|
|
|
+
|
|
|
+ if (translateDistance === this.calculations_.maxTranslateYDistance) {
|
|
|
+ this.adapter_.addClass(MDCToolbarFoundation.cssClasses.FIXED_AT_LAST_ROW);
|
|
|
+ } else {
|
|
|
+ this.adapter_.removeClass(MDCToolbarFoundation.cssClasses.FIXED_AT_LAST_ROW);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'updateFlexibleRowElementStyles_',
|
|
|
+ value: function updateFlexibleRowElementStyles_(flexibleExpansionRatio) {
|
|
|
+ if (this.fixed_) {
|
|
|
+ var height = this.calculations_.flexibleExpansionHeight * flexibleExpansionRatio;
|
|
|
+ this.adapter_.setStyleForFlexibleRowElement('height', height + this.calculations_.toolbarRowHeight + 'px');
|
|
|
+ }
|
|
|
+ if (this.useFlexDefaultBehavior_) {
|
|
|
+ this.updateElementStylesDefaultBehavior_(flexibleExpansionRatio);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'updateElementStylesDefaultBehavior_',
|
|
|
+ value: function updateElementStylesDefaultBehavior_(flexibleExpansionRatio) {
|
|
|
+ var maxTitleSize = MDCToolbarFoundation.numbers.MAX_TITLE_SIZE;
|
|
|
+ var minTitleSize = MDCToolbarFoundation.numbers.MIN_TITLE_SIZE;
|
|
|
+ var currentTitleSize = (maxTitleSize - minTitleSize) * flexibleExpansionRatio + minTitleSize;
|
|
|
+
|
|
|
+ this.adapter_.setStyleForTitleElement('font-size', currentTitleSize + 'rem');
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCToolbarFoundation;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
|
|
|
+
|
|
|
+/* harmony default export */ __webpack_exports__["a"] = (MDCToolbarFoundation);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 153 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return cssClasses; });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return strings; });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return numbers; });
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2017 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+var cssClasses = {
|
|
|
+ FIXED: 'mdc-toolbar--fixed',
|
|
|
+ FIXED_LASTROW: 'mdc-toolbar--fixed-lastrow-only',
|
|
|
+ FIXED_AT_LAST_ROW: 'mdc-toolbar--fixed-at-last-row',
|
|
|
+ TOOLBAR_ROW_FLEXIBLE: 'mdc-toolbar--flexible',
|
|
|
+ FLEXIBLE_DEFAULT_BEHAVIOR: 'mdc-toolbar--flexible-default-behavior',
|
|
|
+ FLEXIBLE_MAX: 'mdc-toolbar--flexible-space-maximized',
|
|
|
+ FLEXIBLE_MIN: 'mdc-toolbar--flexible-space-minimized'
|
|
|
+};
|
|
|
+
|
|
|
+var strings = {
|
|
|
+ TITLE_SELECTOR: '.mdc-toolbar__title',
|
|
|
+ ICON_SELECTOR: '.mdc-toolbar__icon',
|
|
|
+ FIRST_ROW_SELECTOR: '.mdc-toolbar__row:first-child',
|
|
|
+ CHANGE_EVENT: 'MDCToolbar:change'
|
|
|
+};
|
|
|
+
|
|
|
+var numbers = {
|
|
|
+ MAX_TITLE_SIZE: 2.125,
|
|
|
+ MIN_TITLE_SIZE: 1.25,
|
|
|
+ TOOLBAR_ROW_HEIGHT: 64,
|
|
|
+ TOOLBAR_ROW_MOBILE_HEIGHT: 56,
|
|
|
+ TOOLBAR_MOBILE_BREAKPOINT: 600
|
|
|
+};
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 154 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
|
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCTopAppBar", function() { return MDCTopAppBar; });
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__adapter__ = __webpack_require__(7);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_base_component__ = __webpack_require__(1);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__material_ripple_index__ = __webpack_require__(2);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__constants__ = __webpack_require__(8);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__foundation__ = __webpack_require__(12);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__fixed_foundation__ = __webpack_require__(155);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__short_foundation__ = __webpack_require__(156);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__standard_foundation__ = __webpack_require__(157);
|
|
|
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCTopAppBarBaseFoundation", function() { return __WEBPACK_IMPORTED_MODULE_4__foundation__["a"]; });
|
|
|
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCTopAppBarFoundation", function() { return __WEBPACK_IMPORTED_MODULE_7__standard_foundation__["a"]; });
|
|
|
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCFixedTopAppBarFoundation", function() { return __WEBPACK_IMPORTED_MODULE_5__fixed_foundation__["a"]; });
|
|
|
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCShortTopAppBarFoundation", function() { return __WEBPACK_IMPORTED_MODULE_6__short_foundation__["a"]; });
|
|
|
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
|
+
|
|
|
+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; }; }();
|
|
|
+
|
|
|
+var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
|
|
|
+
|
|
|
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends {MDCComponent<!MDCTopAppBarBaseFoundation>}
|
|
|
+ * @final
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCTopAppBar = function (_MDCComponent) {
|
|
|
+ _inherits(MDCTopAppBar, _MDCComponent);
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {...?} args
|
|
|
+ */
|
|
|
+ function MDCTopAppBar() {
|
|
|
+ var _ref;
|
|
|
+
|
|
|
+ _classCallCheck(this, MDCTopAppBar);
|
|
|
+
|
|
|
+ for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
|
|
+ args[_key] = arguments[_key];
|
|
|
+ }
|
|
|
+
|
|
|
+ /** @private {?Element} */
|
|
|
+ var _this = _possibleConstructorReturn(this, (_ref = MDCTopAppBar.__proto__ || Object.getPrototypeOf(MDCTopAppBar)).call.apply(_ref, [this].concat(args)));
|
|
|
+
|
|
|
+ _this.navIcon_;
|
|
|
+ /** @type {?Array<MDCRipple>} */
|
|
|
+ _this.iconRipples_;
|
|
|
+ /** @type {Object} */
|
|
|
+ _this.scrollTarget_;
|
|
|
+ return _this;
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCTopAppBar, [{
|
|
|
+ key: 'initialize',
|
|
|
+ value: function initialize() {
|
|
|
+ var rippleFactory = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : function (el) {
|
|
|
+ return __WEBPACK_IMPORTED_MODULE_2__material_ripple_index__["MDCRipple"].attachTo(el);
|
|
|
+ };
|
|
|
+
|
|
|
+ this.navIcon_ = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_3__constants__["c" /* strings */].NAVIGATION_ICON_SELECTOR);
|
|
|
+
|
|
|
+ // Get all icons in the toolbar and instantiate the ripples
|
|
|
+ var icons = [].slice.call(this.root_.querySelectorAll(__WEBPACK_IMPORTED_MODULE_3__constants__["c" /* strings */].ACTION_ITEM_SELECTOR));
|
|
|
+ if (this.navIcon_) {
|
|
|
+ icons.push(this.navIcon_);
|
|
|
+ }
|
|
|
+
|
|
|
+ this.iconRipples_ = icons.map(function (icon) {
|
|
|
+ var ripple = rippleFactory(icon);
|
|
|
+ ripple.unbounded = true;
|
|
|
+ return ripple;
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'destroy',
|
|
|
+ value: function destroy() {
|
|
|
+ this.iconRipples_.forEach(function (iconRipple) {
|
|
|
+ return iconRipple.destroy();
|
|
|
+ });
|
|
|
+ _get(MDCTopAppBar.prototype.__proto__ || Object.getPrototypeOf(MDCTopAppBar.prototype), 'destroy', this).call(this);
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'setScrollTarget',
|
|
|
+ value: function setScrollTarget(target) {
|
|
|
+ this.foundation_.destroyScrollHandler();
|
|
|
+ this.scrollTarget_ = target;
|
|
|
+ this.foundation_.initScrollHandler();
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!Element} root
|
|
|
+ * @return {!MDCTopAppBar}
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'getDefaultFoundation',
|
|
|
+
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @return {!MDCTopAppBarBaseFoundation}
|
|
|
+ */
|
|
|
+ value: function getDefaultFoundation() {
|
|
|
+ var _this2 = this;
|
|
|
+
|
|
|
+ /** @type {!MDCTopAppBarAdapter} */
|
|
|
+ var adapter = /** @type {!MDCTopAppBarAdapter} */_extends({
|
|
|
+ hasClass: function hasClass(className) {
|
|
|
+ return _this2.root_.classList.contains(className);
|
|
|
+ },
|
|
|
+ addClass: function addClass(className) {
|
|
|
+ return _this2.root_.classList.add(className);
|
|
|
+ },
|
|
|
+ removeClass: function removeClass(className) {
|
|
|
+ return _this2.root_.classList.remove(className);
|
|
|
+ },
|
|
|
+ setStyle: function setStyle(property, value) {
|
|
|
+ return _this2.root_.style.setProperty(property, value);
|
|
|
+ },
|
|
|
+ getTopAppBarHeight: function getTopAppBarHeight() {
|
|
|
+ return _this2.root_.clientHeight;
|
|
|
+ },
|
|
|
+ registerNavigationIconInteractionHandler: function registerNavigationIconInteractionHandler(evtType, handler) {
|
|
|
+ if (_this2.navIcon_) {
|
|
|
+ _this2.navIcon_.addEventListener(evtType, handler);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ deregisterNavigationIconInteractionHandler: function deregisterNavigationIconInteractionHandler(evtType, handler) {
|
|
|
+ if (_this2.navIcon_) {
|
|
|
+ _this2.navIcon_.removeEventListener(evtType, handler);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ notifyNavigationIconClicked: function notifyNavigationIconClicked() {
|
|
|
+ _this2.emit(__WEBPACK_IMPORTED_MODULE_3__constants__["c" /* strings */].NAVIGATION_EVENT, {});
|
|
|
+ },
|
|
|
+ registerScrollHandler: function registerScrollHandler(handler) {
|
|
|
+ return _this2.scrollTarget_.addEventListener('scroll', handler);
|
|
|
+ },
|
|
|
+ deregisterScrollHandler: function deregisterScrollHandler(handler) {
|
|
|
+ return _this2.scrollTarget_.removeEventListener('scroll', handler);
|
|
|
+ },
|
|
|
+ registerResizeHandler: function registerResizeHandler(handler) {
|
|
|
+ return window.addEventListener('resize', handler);
|
|
|
+ },
|
|
|
+ deregisterResizeHandler: function deregisterResizeHandler(handler) {
|
|
|
+ return window.removeEventListener('resize', handler);
|
|
|
+ },
|
|
|
+ getViewportScrollY: function getViewportScrollY() {
|
|
|
+ return _this2.scrollTarget_[_this2.scrollTarget_ === window ? 'pageYOffset' : 'scrollTop'];
|
|
|
+ },
|
|
|
+ getTotalActionItems: function getTotalActionItems() {
|
|
|
+ return _this2.root_.querySelectorAll(__WEBPACK_IMPORTED_MODULE_3__constants__["c" /* strings */].ACTION_ITEM_SELECTOR).length;
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ this.scrollTarget_ = window;
|
|
|
+
|
|
|
+ /** @type {!MDCTopAppBarBaseFoundation} */
|
|
|
+ var foundation = void 0;
|
|
|
+ if (this.root_.classList.contains(__WEBPACK_IMPORTED_MODULE_3__constants__["a" /* cssClasses */].SHORT_CLASS)) {
|
|
|
+ foundation = new __WEBPACK_IMPORTED_MODULE_6__short_foundation__["a" /* default */](adapter);
|
|
|
+ } else if (this.root_.classList.contains(__WEBPACK_IMPORTED_MODULE_3__constants__["a" /* cssClasses */].FIXED_CLASS)) {
|
|
|
+ foundation = new __WEBPACK_IMPORTED_MODULE_5__fixed_foundation__["a" /* default */](adapter);
|
|
|
+ } else {
|
|
|
+ foundation = new __WEBPACK_IMPORTED_MODULE_7__standard_foundation__["a" /* default */](adapter);
|
|
|
+ }
|
|
|
+
|
|
|
+ return foundation;
|
|
|
+ }
|
|
|
+ }], [{
|
|
|
+ key: 'attachTo',
|
|
|
+ value: function attachTo(root) {
|
|
|
+ return new MDCTopAppBar(root);
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCTopAppBar;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_1__material_base_component__["a" /* default */]);
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 155 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__constants__ = __webpack_require__(8);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(7);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__foundation__ = __webpack_require__(12);
|
|
|
+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; }; }();
|
|
|
+
|
|
|
+var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
|
|
|
+
|
|
|
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends {MDCTopAppBarFoundation<!MDCFixedTopAppBarFoundation>}
|
|
|
+ * @final
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCFixedTopAppBarFoundation = function (_MDCTopAppBarFoundati) {
|
|
|
+ _inherits(MDCFixedTopAppBarFoundation, _MDCTopAppBarFoundati);
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!MDCTopAppBarAdapter} adapter
|
|
|
+ */
|
|
|
+ function MDCFixedTopAppBarFoundation(adapter) {
|
|
|
+ _classCallCheck(this, MDCFixedTopAppBarFoundation);
|
|
|
+
|
|
|
+ /** State variable for the previous scroll iteration top app bar state */
|
|
|
+ var _this = _possibleConstructorReturn(this, (MDCFixedTopAppBarFoundation.__proto__ || Object.getPrototypeOf(MDCFixedTopAppBarFoundation)).call(this, adapter));
|
|
|
+
|
|
|
+ _this.wasScrolled_ = false;
|
|
|
+
|
|
|
+ _this.scrollHandler_ = function () {
|
|
|
+ return _this.fixedScrollHandler_();
|
|
|
+ };
|
|
|
+ return _this;
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCFixedTopAppBarFoundation, [{
|
|
|
+ key: 'init',
|
|
|
+ value: function init() {
|
|
|
+ _get(MDCFixedTopAppBarFoundation.prototype.__proto__ || Object.getPrototypeOf(MDCFixedTopAppBarFoundation.prototype), 'init', this).call(this);
|
|
|
+ this.adapter_.registerScrollHandler(this.scrollHandler_);
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'destroy',
|
|
|
+ value: function destroy() {
|
|
|
+ _get(MDCFixedTopAppBarFoundation.prototype.__proto__ || Object.getPrototypeOf(MDCFixedTopAppBarFoundation.prototype), 'destroy', this).call(this);
|
|
|
+ this.adapter_.deregisterScrollHandler(this.scrollHandler_);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Scroll handler for applying/removing the modifier class
|
|
|
+ * on the fixed top app bar.
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'fixedScrollHandler_',
|
|
|
+ value: function fixedScrollHandler_() {
|
|
|
+ var currentScroll = this.adapter_.getViewportScrollY();
|
|
|
+
|
|
|
+ if (currentScroll <= 0) {
|
|
|
+ if (this.wasScrolled_) {
|
|
|
+ this.adapter_.removeClass(__WEBPACK_IMPORTED_MODULE_0__constants__["a" /* cssClasses */].FIXED_SCROLLED_CLASS);
|
|
|
+ this.wasScrolled_ = false;
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ if (!this.wasScrolled_) {
|
|
|
+ this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_0__constants__["a" /* cssClasses */].FIXED_SCROLLED_CLASS);
|
|
|
+ this.wasScrolled_ = true;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCFixedTopAppBarFoundation;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */]);
|
|
|
+
|
|
|
+/* harmony default export */ __webpack_exports__["a"] = (MDCFixedTopAppBarFoundation);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 156 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__adapter__ = __webpack_require__(7);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__foundation__ = __webpack_require__(12);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(8);
|
|
|
+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; }; }();
|
|
|
+
|
|
|
+var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
|
|
|
+
|
|
|
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/**
|
|
|
+ * @extends {MDCTopAppBarBaseFoundation<!MDCShortTopAppBarFoundation>}
|
|
|
+ * @final
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCShortTopAppBarFoundation = function (_MDCTopAppBarBaseFoun) {
|
|
|
+ _inherits(MDCShortTopAppBarFoundation, _MDCTopAppBarBaseFoun);
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!MDCTopAppBarAdapter} adapter
|
|
|
+ */
|
|
|
+ function MDCShortTopAppBarFoundation(adapter) {
|
|
|
+ _classCallCheck(this, MDCShortTopAppBarFoundation);
|
|
|
+
|
|
|
+ // State variable for the current top app bar state
|
|
|
+ var _this = _possibleConstructorReturn(this, (MDCShortTopAppBarFoundation.__proto__ || Object.getPrototypeOf(MDCShortTopAppBarFoundation)).call(this, adapter));
|
|
|
+
|
|
|
+ _this.isCollapsed = false;
|
|
|
+
|
|
|
+ _this.scrollHandler_ = function () {
|
|
|
+ return _this.shortAppBarScrollHandler_();
|
|
|
+ };
|
|
|
+ return _this;
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCShortTopAppBarFoundation, [{
|
|
|
+ key: 'init',
|
|
|
+ value: function init() {
|
|
|
+ _get(MDCShortTopAppBarFoundation.prototype.__proto__ || Object.getPrototypeOf(MDCShortTopAppBarFoundation.prototype), 'init', this).call(this);
|
|
|
+ var isAlwaysCollapsed = this.adapter_.hasClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].SHORT_COLLAPSED_CLASS);
|
|
|
+
|
|
|
+ if (this.adapter_.getTotalActionItems() > 0) {
|
|
|
+ this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].SHORT_HAS_ACTION_ITEM_CLASS);
|
|
|
+ }
|
|
|
+
|
|
|
+ if (!isAlwaysCollapsed) {
|
|
|
+ this.adapter_.registerScrollHandler(this.scrollHandler_);
|
|
|
+ this.shortAppBarScrollHandler_();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'destroy',
|
|
|
+ value: function destroy() {
|
|
|
+ _get(MDCShortTopAppBarFoundation.prototype.__proto__ || Object.getPrototypeOf(MDCShortTopAppBarFoundation.prototype), 'destroy', this).call(this);
|
|
|
+ this.adapter_.deregisterScrollHandler(this.scrollHandler_);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Scroll handler for applying/removing the collapsed modifier class
|
|
|
+ * on the short top app bar.
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'shortAppBarScrollHandler_',
|
|
|
+ value: function shortAppBarScrollHandler_() {
|
|
|
+ var currentScroll = this.adapter_.getViewportScrollY();
|
|
|
+
|
|
|
+ if (currentScroll <= 0) {
|
|
|
+ if (this.isCollapsed) {
|
|
|
+ this.adapter_.removeClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].SHORT_COLLAPSED_CLASS);
|
|
|
+ this.isCollapsed = false;
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ if (!this.isCollapsed) {
|
|
|
+ this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].SHORT_COLLAPSED_CLASS);
|
|
|
+ this.isCollapsed = true;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCShortTopAppBarFoundation;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */]);
|
|
|
+
|
|
|
+/* harmony default export */ __webpack_exports__["a"] = (MDCShortTopAppBarFoundation);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+/* 157 */
|
|
|
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
+
|
|
|
+"use strict";
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__adapter__ = __webpack_require__(7);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__foundation__ = __webpack_require__(12);
|
|
|
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(8);
|
|
|
+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; }; }();
|
|
|
+
|
|
|
+var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
|
|
|
+
|
|
|
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
|
+
|
|
|
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
|
|
+
|
|
|
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
|
|
+
|
|
|
+/**
|
|
|
+ * @license
|
|
|
+ * Copyright 2018 Google Inc.
|
|
|
+ *
|
|
|
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
|
+ * of this software and associated documentation files (the "Software"), to deal
|
|
|
+ * in the Software without restriction, including without limitation the rights
|
|
|
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
|
+ * copies of the Software, and to permit persons to whom the Software is
|
|
|
+ * furnished to do so, subject to the following conditions:
|
|
|
+ *
|
|
|
+ * The above copyright notice and this permission notice shall be included in
|
|
|
+ * all copies or substantial portions of the Software.
|
|
|
+ *
|
|
|
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
|
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
|
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
|
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
|
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
|
+ * THE SOFTWARE.
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+var INITIAL_VALUE = 0;
|
|
|
+/**
|
|
|
+ * @extends {MDCTopAppBarBaseFoundation<!MDCTopAppBarFoundation>}
|
|
|
+ * @final
|
|
|
+ */
|
|
|
+
|
|
|
+var MDCTopAppBarFoundation = function (_MDCTopAppBarBaseFoun) {
|
|
|
+ _inherits(MDCTopAppBarFoundation, _MDCTopAppBarBaseFoun);
|
|
|
+
|
|
|
+ /**
|
|
|
+ * @param {!MDCTopAppBarAdapter} adapter
|
|
|
+ */
|
|
|
+ function MDCTopAppBarFoundation(adapter) {
|
|
|
+ _classCallCheck(this, MDCTopAppBarFoundation);
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Used for diffs of current scroll position vs previous scroll position
|
|
|
+ * @private {number}
|
|
|
+ */
|
|
|
+ var _this = _possibleConstructorReturn(this, (MDCTopAppBarFoundation.__proto__ || Object.getPrototypeOf(MDCTopAppBarFoundation)).call(this, adapter));
|
|
|
+
|
|
|
+ _this.lastScrollPosition_ = _this.adapter_.getViewportScrollY();
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Used to verify when the top app bar is completely showing or completely hidden
|
|
|
+ * @private {number}
|
|
|
+ */
|
|
|
+ _this.topAppBarHeight_ = _this.adapter_.getTopAppBarHeight();
|
|
|
+
|
|
|
+ /**
|
|
|
+ * wasDocked_ is used to indicate if the top app bar was docked in the previous
|
|
|
+ * scroll handler iteration.
|
|
|
+ * @private {boolean}
|
|
|
+ */
|
|
|
+ _this.wasDocked_ = true;
|
|
|
+
|
|
|
+ /**
|
|
|
+ * isDockedShowing_ is used to indicate if the top app bar is docked in the fully
|
|
|
+ * shown position.
|
|
|
+ * @private {boolean}
|
|
|
+ */
|
|
|
+ _this.isDockedShowing_ = true;
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Variable for current scroll position of the top app bar
|
|
|
+ * @private {number}
|
|
|
+ */
|
|
|
+ _this.currentAppBarOffsetTop_ = 0;
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Used to prevent the top app bar from being scrolled out of view during resize events
|
|
|
+ * @private {boolean} */
|
|
|
+ _this.isCurrentlyBeingResized_ = false;
|
|
|
+
|
|
|
+ /**
|
|
|
+ * The timeout that's used to throttle the resize events
|
|
|
+ * @private {number}
|
|
|
+ */
|
|
|
+ _this.resizeThrottleId_ = INITIAL_VALUE;
|
|
|
+
|
|
|
+ /**
|
|
|
+ * The timeout that's used to debounce toggling the isCurrentlyBeingResized_ variable after a resize
|
|
|
+ * @private {number}
|
|
|
+ */
|
|
|
+ _this.resizeDebounceId_ = INITIAL_VALUE;
|
|
|
+
|
|
|
+ _this.scrollHandler_ = function () {
|
|
|
+ return _this.topAppBarScrollHandler_();
|
|
|
+ };
|
|
|
+ _this.resizeHandler_ = function () {
|
|
|
+ return _this.topAppBarResizeHandler_();
|
|
|
+ };
|
|
|
+ return _this;
|
|
|
+ }
|
|
|
+
|
|
|
+ _createClass(MDCTopAppBarFoundation, [{
|
|
|
+ key: 'init',
|
|
|
+ value: function init() {
|
|
|
+ _get(MDCTopAppBarFoundation.prototype.__proto__ || Object.getPrototypeOf(MDCTopAppBarFoundation.prototype), 'init', this).call(this);
|
|
|
+ this.adapter_.registerScrollHandler(this.scrollHandler_);
|
|
|
+ this.adapter_.registerResizeHandler(this.resizeHandler_);
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ key: 'destroy',
|
|
|
+ value: function destroy() {
|
|
|
+ _get(MDCTopAppBarFoundation.prototype.__proto__ || Object.getPrototypeOf(MDCTopAppBarFoundation.prototype), 'destroy', this).call(this);
|
|
|
+ this.adapter_.deregisterScrollHandler(this.scrollHandler_);
|
|
|
+ this.adapter_.deregisterResizeHandler(this.resizeHandler_);
|
|
|
+ this.adapter_.setStyle('top', '');
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Function to determine if the DOM needs to update.
|
|
|
+ * @return {boolean}
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'checkForUpdate_',
|
|
|
+ value: function checkForUpdate_() {
|
|
|
+ var offscreenBoundaryTop = -this.topAppBarHeight_;
|
|
|
+ var hasAnyPixelsOffscreen = this.currentAppBarOffsetTop_ < 0;
|
|
|
+ var hasAnyPixelsOnscreen = this.currentAppBarOffsetTop_ > offscreenBoundaryTop;
|
|
|
+ var partiallyShowing = hasAnyPixelsOffscreen && hasAnyPixelsOnscreen;
|
|
|
+
|
|
|
+ // If it's partially showing, it can't be docked.
|
|
|
+ if (partiallyShowing) {
|
|
|
+ this.wasDocked_ = false;
|
|
|
+ } else {
|
|
|
+ // Not previously docked and not partially showing, it's now docked.
|
|
|
+ if (!this.wasDocked_) {
|
|
|
+ this.wasDocked_ = true;
|
|
|
+ return true;
|
|
|
+ } else if (this.isDockedShowing_ !== hasAnyPixelsOnscreen) {
|
|
|
+ this.isDockedShowing_ = hasAnyPixelsOnscreen;
|
|
|
+ return true;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ return partiallyShowing;
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Function to move the top app bar if needed.
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'moveTopAppBar_',
|
|
|
+ value: function moveTopAppBar_() {
|
|
|
+ if (this.checkForUpdate_()) {
|
|
|
+ // Once the top app bar is fully hidden we use the max potential top app bar height as our offset
|
|
|
+ // so the top app bar doesn't show if the window resizes and the new height > the old height.
|
|
|
+ var offset = this.currentAppBarOffsetTop_;
|
|
|
+ if (Math.abs(offset) >= this.topAppBarHeight_) {
|
|
|
+ offset = -__WEBPACK_IMPORTED_MODULE_2__constants__["b" /* numbers */].MAX_TOP_APP_BAR_HEIGHT;
|
|
|
+ }
|
|
|
+
|
|
|
+ this.adapter_.setStyle('top', offset + 'px');
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Scroll handler for the default scroll behavior of the top app bar.
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'topAppBarScrollHandler_',
|
|
|
+ value: function topAppBarScrollHandler_() {
|
|
|
+ var currentScrollPosition = Math.max(this.adapter_.getViewportScrollY(), 0);
|
|
|
+ var diff = currentScrollPosition - this.lastScrollPosition_;
|
|
|
+ this.lastScrollPosition_ = currentScrollPosition;
|
|
|
+
|
|
|
+ // If the window is being resized the lastScrollPosition_ needs to be updated but the
|
|
|
+ // current scroll of the top app bar should stay in the same position.
|
|
|
+ if (!this.isCurrentlyBeingResized_) {
|
|
|
+ this.currentAppBarOffsetTop_ -= diff;
|
|
|
+
|
|
|
+ if (this.currentAppBarOffsetTop_ > 0) {
|
|
|
+ this.currentAppBarOffsetTop_ = 0;
|
|
|
+ } else if (Math.abs(this.currentAppBarOffsetTop_) > this.topAppBarHeight_) {
|
|
|
+ this.currentAppBarOffsetTop_ = -this.topAppBarHeight_;
|
|
|
+ }
|
|
|
+
|
|
|
+ this.moveTopAppBar_();
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Top app bar resize handler that throttle/debounce functions that execute updates.
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'topAppBarResizeHandler_',
|
|
|
+ value: function topAppBarResizeHandler_() {
|
|
|
+ var _this2 = this;
|
|
|
+
|
|
|
+ // Throttle resize events 10 p/s
|
|
|
+ if (!this.resizeThrottleId_) {
|
|
|
+ this.resizeThrottleId_ = setTimeout(function () {
|
|
|
+ _this2.resizeThrottleId_ = INITIAL_VALUE;
|
|
|
+ _this2.throttledResizeHandler_();
|
|
|
+ }, __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* numbers */].DEBOUNCE_THROTTLE_RESIZE_TIME_MS);
|
|
|
+ }
|
|
|
+
|
|
|
+ this.isCurrentlyBeingResized_ = true;
|
|
|
+
|
|
|
+ if (this.resizeDebounceId_) {
|
|
|
+ clearTimeout(this.resizeDebounceId_);
|
|
|
+ }
|
|
|
+
|
|
|
+ this.resizeDebounceId_ = setTimeout(function () {
|
|
|
+ _this2.topAppBarScrollHandler_();
|
|
|
+ _this2.isCurrentlyBeingResized_ = false;
|
|
|
+ _this2.resizeDebounceId_ = INITIAL_VALUE;
|
|
|
+ }, __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* numbers */].DEBOUNCE_THROTTLE_RESIZE_TIME_MS);
|
|
|
+ }
|
|
|
+
|
|
|
+ /**
|
|
|
+ * Throttled function that updates the top app bar scrolled values if the
|
|
|
+ * top app bar height changes.
|
|
|
+ * @private
|
|
|
+ */
|
|
|
+
|
|
|
+ }, {
|
|
|
+ key: 'throttledResizeHandler_',
|
|
|
+ value: function throttledResizeHandler_() {
|
|
|
+ var currentHeight = this.adapter_.getTopAppBarHeight();
|
|
|
+ if (this.topAppBarHeight_ !== currentHeight) {
|
|
|
+ this.wasDocked_ = false;
|
|
|
+
|
|
|
+ // Since the top app bar has a different height depending on the screen width, this
|
|
|
+ // will ensure that the top app bar remains in the correct location if
|
|
|
+ // completely hidden and a resize makes the top app bar a different height.
|
|
|
+ this.currentAppBarOffsetTop_ -= this.topAppBarHeight_ - currentHeight;
|
|
|
+ this.topAppBarHeight_ = currentHeight;
|
|
|
+ }
|
|
|
+ this.topAppBarScrollHandler_();
|
|
|
+ }
|
|
|
+ }]);
|
|
|
+
|
|
|
+ return MDCTopAppBarFoundation;
|
|
|
+}(__WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */]);
|
|
|
+
|
|
|
+/* harmony default export */ __webpack_exports__["a"] = (MDCTopAppBarFoundation);
|
|
|
+
|
|
|
+/***/ })
|
|
|
+/******/ ]);
|
|
|
+});
|
|
|
+//# sourceMappingURL=material-components-web.js.map
|
