material-components-web
Version:
Modular and customizable Material Design UI components for the web
14,285 lines • 565 kB
JavaScript
/*!
Material Components for the web
Copyright (c) 2017 Google Inc.
License: Apache-2.0
*/
(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 = "/assets/";
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = 23);
/******/ })
/************************************************************************/
/******/ ([
/* 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.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
* @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";
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__(2);
/* 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.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/***/ }),
/* 2 */
/***/ (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.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
* @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);
/***/ }),
/* 3 */
/***/ (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 import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_component__ = __webpack_require__(2);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(13);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__foundation__ = __webpack_require__(26);
/* 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. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
* @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: '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} */
}, {
key: 'getDefaultFoundation',
value: function getDefaultFoundation() {
return new __WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */](MDCRipple.createAdapter(this));
}
}, {
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) {
var UNBOUNDED = __WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */].cssClasses.UNBOUNDED;
this.unbounded_ = Boolean(unbounded);
if (this.unbounded_) {
this.root_.classList.add(UNBOUNDED);
} else {
this.root_.classList.remove(UNBOUNDED);
}
}
}], [{
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);
},
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"]());
},
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;
/***/ }),
/* 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__ = __webpack_require__(3);
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. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/* 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";
/* 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. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
* @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);
}
/***/ }),
/* 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. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
* 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;
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;
}
return supportsCssVariables_;
}
//
/**
* Determine whether the current browser supports passive event listeners, and if so, use them.
* @param {!Window=} globalObj
* @param {boolean=} forceRefresh
* @return {boolean|{passive: boolean}}
*/
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;
} });
} catch (e) {}
supportsPassive_ = isSupported;
}
return supportsPassive_ ? { passive: true } : false;
}
/**
* @param {!Object} HTMLElementPrototype
* @return {!Array<string>}
*/
function getMatchesProperty(HTMLElementPrototype) {
return ['webkitMatchesSelector', 'msMatchesSelector', 'matches'].filter(function (p) {
return p in HTMLElementPrototype;
}).pop();
}
/**
* @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') {
normalizedX = ev.changedTouches[0].pageX - documentX;
normalizedY = ev.changedTouches[0].pageY - documentY;
} else {
normalizedX = ev.pageX - documentX;
normalizedY = ev.pageY - documentY;
}
return { x: normalizedX, y: normalizedY };
}
/***/ }),
/* 7 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__constants__ = __webpack_require__(40);
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0__constants__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__foundation__ = __webpack_require__(41);
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return __WEBPACK_IMPORTED_MODULE_1__foundation__["a"]; });
/**
* Copyright 2016 Google Inc. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/***/ }),
/* 8 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
/* harmony export (immutable) */ __webpack_exports__["remapEvent"] = remapEvent;
/* harmony export (immutable) */ __webpack_exports__["getTransformPropertyName"] = getTransformPropertyName;
/* harmony export (immutable) */ __webpack_exports__["supportsCssCustomProperties"] = supportsCssCustomProperties;
/* harmony export (immutable) */ __webpack_exports__["applyPassive"] = applyPassive;
/* harmony export (immutable) */ __webpack_exports__["saveElementTabState"] = saveElementTabState;
/* harmony export (immutable) */ __webpack_exports__["restoreElementTabState"] = restoreElementTabState;
/**
* Copyright 2016 Google Inc. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
var TAB_DATA = 'data-mdc-tabindex';
var TAB_DATA_HANDLED = 'data-mdc-tabindex-handled';
var storedTransformPropertyName_ = void 0;
var supportsPassive_ = void 0;
// Remap touch events to pointer events, if the browser doesn't support touch events.
function remapEvent(eventName) {
var globalObj = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : window;
if (!('ontouchstart' in globalObj.document)) {
switch (eventName) {
case 'touchstart':
return 'pointerdown';
case 'touchmove':
return 'pointermove';
case 'touchend':
return 'pointerup';
default:
return eventName;
}
}
return eventName;
}
// Choose the correct transform property to use on the current browser.
function getTransformPropertyName() {
var globalObj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window;
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' : '-webkit-transform';
storedTransformPropertyName_ = transformPropertyName;
}
return storedTransformPropertyName_;
}
// Determine whether the current browser supports CSS properties.
function supportsCssCustomProperties() {
var globalObj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window;
if ('CSS' in globalObj) {
return globalObj.CSS.supports('(--color: red)');
}
return false;
}
// Determine whether the current browser supports passive event listeners, and if so, use them.
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;
} });
} catch (e) {}
supportsPassive_ = isSupported;
}
return supportsPassive_ ? { passive: true } : false;
}
// Save the tab state for an element.
function saveElementTabState(el) {
if (el.hasAttribute('tabindex')) {
el.setAttribute(TAB_DATA, el.getAttribute('tabindex'));
}
el.setAttribute(TAB_DATA_HANDLED, true);
}
// Restore the tab state for an element, if it was saved.
function restoreElementTabState(el) {
// Only modify elements we've already handled, in case anything was dynamically added since we saved state.
if (el.hasAttribute(TAB_DATA_HANDLED)) {
if (el.hasAttribute(TAB_DATA)) {
el.setAttribute('tabindex', el.getAttribute(TAB_DATA));
el.removeAttribute(TAB_DATA);
} else {
el.removeAttribute('tabindex');
}
el.removeAttribute(TAB_DATA_HANDLED);
}
}
/***/ }),
/* 9 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__util__ = __webpack_require__(10);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__simple__ = __webpack_require__(60);
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCSimpleMenu", function() { return __WEBPACK_IMPORTED_MODULE_1__simple__["a"]; });
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCSimpleMenuFoundation", function() { return __WEBPACK_IMPORTED_MODULE_1__simple__["b"]; });
/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "util", function() { return __WEBPACK_IMPORTED_MODULE_0__util__; });
/**
* @license
* Copyright 2016 Google Inc. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/***/ }),
/* 10 */
/***/ (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; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "clamp", function() { return clamp; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "bezierProgress", function() { return bezierProgress; });
/**
* Copyright 2016 Google Inc. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/** @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_;
}
/**
* Clamps a value between the minimum and the maximum, returning the clamped value.
* @param {number} value
* @param {number} min
* @param {number} max
* @return {number}
*/
function clamp(value) {
var min = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
var max = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
return Math.min(max, Math.max(min, value));
}
/**
* Returns the easing value to apply at time t, for a given cubic bezier curve.
* Control points P0 and P3 are assumed to be (0,0) and (1,1), respectively.
* Parameters are as follows:
* - time: The current time in the animation, scaled between 0 and 1.
* - x1: The x value of control point P1.
* - y1: The y value of control point P1.
* - x2: The x value of control point P2.
* - y2: The y value of control point P2.
* @param {number} time
* @param {number} x1
* @param {number} y1
* @param {number} x2
* @param {number} y2
* @return {number}
*/
function bezierProgress(time, x1, y1, x2, y2) {
return getBezierCoordinate_(solvePositionFromXValue_(time, x1, x2), y1, y2);
}
/**
* Compute a single coordinate at a position point between 0 and 1.
* c1 and c2 are the matching coordinate on control points P1 and P2, respectively.
* Control points P0 and P3 are assumed to be (0,0) and (1,1), respectively.
* Adapted from https://github.com/google/closure-library/blob/master/closure/goog/math/bezier.js.
* @param {number} t
* @param {number} c1
* @param {number} c2
* @return {number}
*/
function getBezierCoordinate_(t, c1, c2) {
// Special case start and end.
if (t === 0 || t === 1) {
return t;
}
// Step one - from 4 points to 3
var ic0 = t * c1;
var ic1 = c1 + t * (c2 - c1);
var ic2 = c2 + t * (1 - c2);
// Step two - from 3 points to 2
ic0 += t * (ic1 - ic0);
ic1 += t * (ic2 - ic1);
// Final step - last point
return ic0 + t * (ic1 - ic0);
}
/**
* Project a point onto the Bezier curve, from a given X. Calculates the position t along the curve.
* Adapted from https://github.com/google/closure-library/blob/master/closure/goog/math/bezier.js.
* @param {number} xVal
* @param {number} x1
* @param {number} x2
* @return {number}
*/
function solvePositionFromXValue_(xVal, x1, x2) {
var EPSILON = 1e-6;
var MAX_ITERATIONS = 8;
if (xVal <= 0) {
return 0;
} else if (xVal >= 1) {
return 1;
}
// Initial estimate of t using linear interpolation.
var t = xVal;
// Try gradient descent to solve for t. If it works, it is very fast.
var tMin = 0;
var tMax = 1;
var value = 0;
for (var i = 0; i < MAX_ITERATIONS; i++) {
value = getBezierCoordinate_(t, x1, x2);
var derivative = (getBezierCoordinate_(t + EPSILON, x1, x2) - value) / EPSILON;
if (Math.abs(value - xVal) < EPSILON) {
return t;
} else if (Math.abs(derivative) < EPSILON) {
break;
} else {
if (value < xVal) {
tMin = t;
} else {
tMax = t;
}
t -= (value - xVal) / derivative;
}
}
// If the gradient descent got stuck in a local minimum, e.g. because
// the derivative was close to 0, use a Dichotomy refinement instead.
// We limit the number of interations to 8.
for (var _i = 0; Math.abs(value - xVal) > EPSILON && _i < MAX_ITERATIONS; _i++) {
if (value < xVal) {
tMin = t;
t = (t + tMax) / 2;
} else {
tMax = t;
t = (t + tMin) / 2;
}
value = getBezierCoordinate_(t, x1, x2);
}
return t;
}
/***/ }),
/* 11 */
/***/ (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__(21);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(83);
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. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
* @extends {MDCFoundation<!MDCTextFieldBottomLineAdapter>}
* @final
*/
var MDCTextFieldBottomLineFoundation = function (_MDCFoundation) {
_inherits(MDCTextFieldBottomLineFoundation, _MDCFoundation);
_createClass(MDCTextFieldBottomLineFoundation, 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 MDCTextFieldBottomLineAdapter} for typing information on parameters and return
* types.
* @return {!MDCTextFieldBottomLineAdapter}
*/
}, {
key: 'defaultAdapter',
get: function get() {
return (/** @type {!MDCTextFieldBottomLineAdapter} */{
addClass: function addClass() {},
removeClass: function removeClass() {},
setAttr: function setAttr() {},
registerEventHandler: function registerEventHandler() {},
deregisterEventHandler: function deregisterEventHandler() {},
notifyAnimationEnd: function notifyAnimationEnd() {}
}
);
}
/**
* @param {!MDCTextFieldBottomLineAdapter=} adapter
*/
}]);
function MDCTextFieldBottomLineFoundation() {
var adapter = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : /** @type {!MDCTextFieldBottomLineAdapter} */{};
_classCallCheck(this, MDCTextFieldBottomLineFoundation);
/** @private {function(!Event): undefined} */
var _this = _possibleConstructorReturn(this, (MDCTextFieldBottomLineFoundation.__proto__ || Object.getPrototypeOf(MDCTextFieldBottomLineFoundation)).call(this, _extends(MDCTextFieldBottomLineFoundation.defaultAdapter, adapter)));
_this.transitionEndHandler_ = function (evt) {
return _this.handleTransitionEnd(evt);
};
return _this;
}
_createClass(MDCTextFieldBottomLineFoundation, [{
key: 'init',
value: function init() {
this.adapter_.registerEventHandler('transitionend', this.transitionEndHandler_);
}
}, {
key: 'destroy',
value: function destroy() {
this.adapter_.deregisterEventHandler('transitionend', this.transitionEndHandler_);
}
/**
* Activates the bottom line
*/
}, {
key: 'activate',
value: function activate() {
this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].BOTTOM_LINE_ACTIVE);
}
/**
* Sets the transform origin given a 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;
var attributeString = 'transform-origin: ' + normalizedX + 'px center';
this.adapter_.setAttr('style', attributeString);
}
/**
* Deactivates the bottom line
*/
}, {
key: 'deactivate',
value: function deactivate() {
this.adapter_.removeClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].BOTTOM_LINE_ACTIVE);
}
/**
* Handles a transition end event
* @param {!Event} evt
*/
}, {
key: 'handleTransitionEnd',
value: function handleTransitionEnd(evt) {
// Wait for the bottom line to be either transparent or opaque
// before emitting the animation end event
if (evt.propertyName === 'opacity') {
this.adapter_.notifyAnimationEnd();
}
}
}]);
return MDCTextFieldBottomLineFoundation;
}(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
/* harmony default export */ __webpack_exports__["a"] = (MDCTextFieldBottomLineFoundation);
/***/ }),
/* 12 */
/***/ (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__(22);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(84);
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. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
* @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() {
var adapter = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : /** @type {!MDCTextFieldHelperTextAdapter} */{};
_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);
}
/** 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);
/***/ }),
/* 13 */
/***/ (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. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/* 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/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 {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 {!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);
/***/ }),
/* 14 */
/***/ (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; });
/**
* Copyright 2016 Google Inc. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
var cssClasses = {
BOTTOM_LINE: 'mdc-select__bottom-line',
BOTTOM_LINE_ACTIVE: 'mdc-select__bottom-line--active',
BOX: 'mdc-select--box',
DISABLED: 'mdc-select--disabled',
LABEL_FLOAT_ABOVE: 'mdc-select__label--float-above',
OPEN: 'mdc-select--open',
ROOT: 'mdc-select',
SCROLL_LOCK: 'mdc-select-scroll-lock'
};
var strings = {
CHANGE_EVENT: 'MDCSelect:change',
BOTTOM_LINE_SELECTOR: '.mdc-select__bottom-line',
LABEL_SELECTOR: '.mdc-select__label',
MENU_SELECTOR: '.mdc-select__menu',
SURFACE_SELECTOR: '.mdc-select__surface',
SELECTED_TEXT_SELECTOR: '.mdc-select__selected-text'
};
/***/ }),
/* 15 */
/***/ (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; });
/**
* Copyright 2017 Google Inc. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
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'
};
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'
};
var numbers = {
PAGE_FACTOR: 4
};
/***/ }),
/* 16 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MDCTab; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_component__ = __webpack_require__(2);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_ripple__ = __webpack_require__(3);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(17);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__foundation__ = __webpack_require__(76);
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return __WEBPACK_IMPORTED_MODULE_3__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; }
/**
* Copyright 2017 Google Inc. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
var MDCTab = function (_MDCComponent) {
_inherits(MDCTab, _MDCComponent);
_createClass(MDCTab, [{
key: 'computedWidth',
get: function get() {
return this.foundation_.getComputedWidth();
}
}, {
key: 'computedLeft',
get: function get() {
return this.foundation_.getComputedLeft();
}
}, {
key: 'isActive',
get: function get() {
return this.foundation_.isActive();
},
set: function set(isActive) {
this.foundation_.setActive(isActive);
}
}, {
key: 'preventDefaultOnClick',
get: function get() {
return this.foundation_.preventsDefaultOnClick();
},
set: function set(preventDefaultOnClick) {
this.foundation_.setPreventDefaultOnClick(preventDefaultOnClick);
}
}], [{
key: 'attachTo',
value: function attachTo(root) {
return new MDCTab(root);
}
}]);
function MDCTab() {
var _ref;
_classCallCheck(this, MDCTab);
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
var _this = _possibleConstructorReturn(this, (_ref = MDCTab.__proto__ || Object.getPrototypeOf(MDCTab)).call.apply(_ref, [this].concat(args)));
_this.ripple_ = __WEBPACK_IMPORTED_MODULE_1__material_ripple__["MDCRipple"].attachTo(_this.root_);
return _this;
}
_createClass(MDCTab, [{
key: 'destroy',
value: function destroy() {
this.ripple_.destroy();
_get(MDCTab.prototype.__proto__ || Object.getPrototypeOf(MDCTab.prototype), 'destroy', this).call(this);
}
}, {
key: 'getDefaultFoundation',
value: function getDefaultFoundation() {
var _this2 = this;
return new __WEBPACK_IMPORTED_MODULE_3__foundation__["a" /* default */]({
addClass: function addClass(className) {
return _this2.root_.classList.add(className);
},
removeClass: function removeClass(className) {
return _this2.root_.classList.remove(className);
},
registerInteractionHandler: function registerInteractionHandler(type, handler) {
return _this2.root_.addEventListener(type, handler);
},
deregisterInteractionHandler: function deregisterInteractionHandler(type, handler) {
return _this2.root_.removeEventListener(type, handler);
},
getOffsetWidth: function getOffsetWidth() {
return _this2.root_.offsetWidth;
},
getOffsetLeft: function getOffsetLeft() {
return _this2.root_.offsetLeft;
},
notifySelected: function notifySelected() {
return _this2.emit(__WEBPACK_IMPORTED_MODULE_3__foundation__["a" /* default */].strings.SELECTED_EVENT, { tab: _this2 }, true);
}
});
}
}, {
key: 'initialSyncWithDOM',
value: function initialSyncWithDOM() {
this.isActive = this.root_.classList.contains(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].ACTIVE);
}
}, {
key: 'measureSelf',
value: function measureSelf() {
this.foundation_.measureSelf();
}
}]);
return MDCTab;
}(__WEBPACK_IMPORTED_MODULE_0__material_base_component__["a" /* default */]);
/***/ }),
/* 17 */
/***/ (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; });
/**
* Copyright 2017 Google Inc. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
var cssClasses = {
ACTIVE: 'mdc-tab--active'
};
var strings = {
SELECTED_EVENT: 'MDCTab:selected'
};
/***/ }),
/* 18 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MDCTabBar; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_component__ = __webpack_require__(2);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__tab__ = __webpack_require__(16);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__foundation__ = __webpack_require__(77);
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "b", 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; }
/**
* Copyright 2017 Google Inc. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
var MDCTabBar = function (_MDCComponent) {
_inherits(MDCTabBar, _MDCComponent);
function MDCTabBar() {
_classCallCheck(this, MDCTabBar);
return _possibleConstructorReturn(this, (MDCTabBar.__proto__ || Object.getPrototypeOf(MDCTabBar)).apply(this, arguments));
}
_createClass(MDCTabBar, [{
key: 'initialize',
value: function initialize() {
var _this2 = this;
var tabFactory = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : function (el) {
return new __WEBPACK_IMPORTED_MODULE_1__tab__["a" /* MDCTab */](el);
};
this.indicator_ = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */].strings.INDICATOR_SELECTOR);
this.tabs_ = this.gatherTabs_(tabFactory);
this.tabSelectedHandler_ = function (_ref) {
var detail = _ref.detail;
var tab = detail.tab;
_this2.setActiveTab_(tab, true);
};
}
}, {
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);
},
bindOnMDCTabSelectedEvent: function bindOnMDCTabSelectedEvent() {
return _this3.listen(__WEBPACK_IMPORTED_MODULE_1__tab__["b" /* MDCTabFoundation */].strings.SELECTED_EVENT, _this3.tabSelectedHandler_);
},
unbindOnMDCTabSelectedEvent: function unbindOnMDCTabSelectedEvent() {
return _this3.unlisten(__WEBPACK_IMPORTED_MODULE_1__tab__["b" /* MDCTabFoundation */].strings.SELECTED_EVENT, _this3.tabSelectedHandler_);
},
registerResizeHandler: function registerResizeHandler(handler) {
return window.addEventListener('resize', handler);
},
deregisterResizeHandler: function deregisterResizeHandler(handler) {
return window.removeEventListener('resize', handler);
},
getOffsetWidth: function getOffsetWidth() {
return _this3.root_.offsetWidth;
},
setStyleForIndicator: function setStyleForIndicator(propertyName, value) {
return _this3.indicator_.style.setProperty(propertyName, value);
},
getOffsetWidthForIndicator: function getOffsetWidthForIndicator() {
return _this3.indicator_.offsetWidth;
},
notifyChange: function notifyChange(evtData) {
return _this3.emit(__WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */].strings.CHANGE_EVENT, evtData);
},
getNumberOfTabs: function getNumberOfTabs() {
return _this3.tabs.length;
},
isTabActiveAtIndex: function isTabActiveAtIndex(index) {
return _this3.tabs[index].isActive;
},
setTabActiveAtIndex: function setTabActiveAtIndex(index, isActive) {
_this3.tabs[index].isActive = isActive;
},
isDefaultPreventedOnClickForTabAtIndex: function isDefaultPreventedOnClickForTabAtIndex(index) {
return _this3.tabs[index].preventDefaultOnClick;
},
setPreventDefaultOnClickForTabAtIndex: function setPreventDefaultOnClickForTabAtIndex(index, preventDefaultOnClick) {
_this3.tabs[index].preventDefaultOnClick = preventDefaultOnClick;
},
measureTabAtIndex: function measureTabAtIndex(index) {
return _this3.tabs[index].measureSelf();
},
getComputedWidthForTabAtIndex: function getComputedWidthForTabAtIndex(index) {
return _this3.tabs[index].computedWidth;
},
getComputedLeftForTabAtIndex: function getComputedLeftForTabAtIndex(index) {
return _this3.tabs[index].computedLeft;
}
});
}
}, {
key: 'gatherTabs_',
value: function gatherTabs_(tabFactory) {
var tabElements = [].slice.call(this.root_.querySelectorAll(__WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */].strings.TAB_SELECTOR));
return tabElements.map(function (el) {
return tabFactory(el);
});
}
}, {
key: 'setActiveTabIndex_',
value: function setActiveTabIndex_(activeTabIndex, notifyChange) {
this.foundation_.switchToTabAtIndex(activeTabIndex, notifyChange);
}
}, {
key: 'layout',
value: function layout() {
this.foundation_.layout();
}
}, {
key: 'setActiveTab_',
value: function setActiveTab_(activeTab, notifyChange) {
var indexOfTab = this.tabs.indexOf(activeTab);
if (indexOfTab < 0) {
throw new Error('Invalid tab component given as activeTab: Tab not found within this component\'s tab list');
}
this.setActiveTabIndex_(indexOfTab, notifyChange);
}
}, {
key: 'tabs',
get: function get() {
return this.tabs_;
}
}, {
key: 'activeTab',
get: function get() {
var activeIndex = this.foundation_.getActiveTabIndex();
return this.tabs[activeIndex];
},
set: function set(tab) {
this.setActiveTab_(tab, false);
}
}, {
key: 'activeTabIndex',
get: function get() {
return this.foundation_.getActiveTabIndex();
},
set: function set(index) {
this.setActiveTabIndex_(index, false);
}
}], [{
key: 'attachTo',
value: function attachTo(root) {
return new MDCTabBar(root);
}
}]);
return MDCTabBar;
}(__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 2016 Google Inc. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/** @enum {string} */
var strings = {
ARIA_CONTROLS: 'aria-controls',
INPUT_SELECTOR: '.mdc-text-field__input',
LABEL_SELECTOR: '.mdc-text-field__label',
ICON_SELECTOR: '.mdc-text-field__icon',
ICON_EVENT: 'MDCTextField:icon',
BOTTOM_LINE_SELECTOR: '.mdc-text-field__bottom-line'
};
/** @enum {string} */
var cssClasses = {
ROOT: 'mdc-text-field',
UPGRADED: 'mdc-text-field--upgraded',
DISABLED: 'mdc-text-field--disabled',
FOCUSED: 'mdc-text-field--focused',
INVALID: 'mdc-text-field--invalid',
LABEL_FLOAT_ABOVE: 'mdc-text-field__label--float-above',
LABEL_SHAKE: 'mdc-text-field__label--shake',
BOX: 'mdc-text-field--box',
TEXT_FIELD_ICON: 'mdc-text-field__icon',
TEXTAREA: 'mdc-text-field--textarea'
};
/***/ }),
/* 20 */
/***/ (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__bottom_line_foundation__ = __webpack_require__(11);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__helper_text_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; }; }();
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
/**
* @license
* Copyright 2017 Google Inc. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/* eslint-disable no-unused-vars */
/* eslint no-unused-vars: [2, {"args": "none"}] */
/**
* @typedef {{
* value: string,
* disabled: boolean,
* badInput: boolean,
* checkValidity: (function(): boolean)
* }}
*/
var NativeInputType = void 0;
/**
* @typedef {{
* bottomLine: (!MDCTextFieldBottomLineFoundation|undefined),
* helperText: (!MDCTextFieldHelperTextFoundation|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) {}
/**
* Adds a class to the label Element. We recommend you add a conditional
* check here, and in removeClassFromLabel for whether or not the label is
* present so that the JS component could be used with text fields that don't
* require a label, such as the full-width text field.
* @param {string} className
*/
}, {
key: 'addClassToLabel',
value: function addClassToLabel(className) {}
/**
* Removes a class from the label Element.
* @param {string} className
*/
}, {
key: 'removeClassFromLabel',
value: function removeClassFromLabel(className) {}
/**
* Sets an attribute on the icon Element.
* @param {string} name
* @param {string} value
*/
}, {
key: 'setIconAttr',
value: function setIconAttr(name, value) {}
/**
* Returns true if classname exists for a given target element.
* @param {?EventTarget} target
* @param {string} className
* @return {boolean}
*/
}, {
key: 'eventTargetHasClass',
value: function eventTargetHasClass(target, 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) {}
/**
* Emits a custom event "MDCTextField:icon" denoting a user has clicked the icon.
*/
}, {
key: 'notifyIconAction',
value: function notifyIconAction() {}
/**
* 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 an event listener on the bottom line element for a given event.
* @param {string} evtType
* @param {function(!Event): undefined} handler
*/
}, {
key: 'registerBottomLineEventHandler',
value: function registerBottomLineEventHandler(evtType, handler) {}
/**
* Deregisters an event listener on the bottom line element for a given event.
* @param {string} evtType
* @param {function(!Event): undefined} handler
*/
}, {
key: 'deregisterBottomLineEventHandler',
value: function deregisterBottomLineEventHandler(evtType, handler) {}
/**
* 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() {}
}]);
return MDCTextFieldAdapter;
}();
/***/ }),
/* 21 */
/***/ (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. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/* eslint no-unused-vars: [2, {"args": "none"}] */
/**
* Adapter for MDC TextField Bottom Line.
*
* Defines the shape of the adapter expected by the foundation. Implement this
* adapter to integrate the TextField bottom line into your framework. See
* https://github.com/material-components/material-components-web/blob/master/docs/authoring-components.md
* for more information.
*
* @record
*/
var MDCTextFieldBottomLineAdapter = function () {
function MDCTextFieldBottomLineAdapter() {
_classCallCheck(this, MDCTextFieldBottomLineAdapter);
}
_createClass(MDCTextFieldBottomLineAdapter, [{
key: "addClass",
/**
* Adds a class to the bottom line element.
* @param {string} className
*/
value: function addClass(className) {}
/**
* Removes a class from the bottom line element.
* @param {string} className
*/
}, {
key: "removeClass",
value: function removeClass(className) {}
/**
* Sets an attribute with a given value on the bottom line element.
* @param {string} attr
* @param {string} value
*/
}, {
key: "setAttr",
value: function setAttr(attr, value) {}
/**
* Registers an event listener on the bottom line 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 bottom line element for a given event.
* @param {string} evtType
* @param {function(!Event): undefined} handler
*/
}, {
key: "deregisterEventHandler",
value: function deregisterEventHandler(evtType, handler) {}
/**
* Emits a custom event "MDCTextFieldBottomLine:animation-end" denoting the
* bottom line has finished its animation; either the activate or
* deactivate animation
*/
}, {
key: "notifyAnimationEnd",
value: function notifyAnimationEnd() {}
}]);
return MDCTextFieldBottomLineAdapter;
}();
/* unused harmony default export */ var _unused_webpack_default_export = (MDCTextFieldBottomLineAdapter);
/***/ }),
/* 22 */
/***/ (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. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/* 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);
/***/ }),
/* 23 */
/***/ (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__ = __webpack_require__(24);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_base__ = __webpack_require__(1);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__material_checkbox__ = __webpack_require__(25);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__material_dialog__ = __webpack_require__(31);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__material_drawer__ = __webpack_require__(37);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__material_form_field__ = __webpack_require__(46);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__material_grid_list__ = __webpack_require__(50);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__material_icon_toggle__ = __webpack_require__(53);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__material_linear_progress__ = __webpack_require__(57);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__material_menu__ = __webpack_require__(9);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__material_radio__ = __webpack_require__(64);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__material_ripple__ = __webpack_require__(3);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__material_select__ = __webpack_require__(68);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_13__material_selection_control__ = __webpack_require__(4);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_14__material_slider__ = __webpack_require__(70);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_15__material_snackbar__ = __webpack_require__(72);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_16__material_tabs__ = __webpack_require__(75);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_17__material_textfield__ = __webpack_require__(82);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_18__material_toolbar__ = __webpack_require__(88);
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "autoInit", function() { return __WEBPACK_IMPORTED_MODULE_0__material_auto_init__["a"]; });
/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "base", function() { return __WEBPACK_IMPORTED_MODULE_1__material_base__; });
/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "checkbox", function() { return __WEBPACK_IMPORTED_MODULE_2__material_checkbox__; });
/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "dialog", function() { return __WEBPACK_IMPORTED_MODULE_3__material_dialog__; });
/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "drawer", function() { return __WEBPACK_IMPORTED_MODULE_4__material_drawer__; });
/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "formField", function() { return __WEBPACK_IMPORTED_MODULE_5__material_form_field__; });
/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "gridList", function() { return __WEBPACK_IMPORTED_MODULE_6__material_grid_list__; });
/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "iconToggle", function() { return __WEBPACK_IMPORTED_MODULE_7__material_icon_toggle__; });
/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "linearProgress", function() { return __WEBPACK_IMPORTED_MODULE_8__material_linear_progress__; });
/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "menu", function() { return __WEBPACK_IMPORTED_MODULE_9__material_menu__; });
/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "radio", function() { return __WEBPACK_IMPORTED_MODULE_10__material_radio__; });
/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "ripple", function() { return __WEBPACK_IMPORTED_MODULE_11__material_ripple__; });
/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "select", function() { return __WEBPACK_IMPORTED_MODULE_12__material_select__; });
/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "selectionControl", function() { return __WEBPACK_IMPORTED_MODULE_13__material_selection_control__; });
/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "slider", function() { return __WEBPACK_IMPORTED_MODULE_14__material_slider__; });
/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "snackbar", function() { return __WEBPACK_IMPORTED_MODULE_15__material_snackbar__; });
/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "tabs", function() { return __WEBPACK_IMPORTED_MODULE_16__material_tabs__; });
/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "textField", function() { return __WEBPACK_IMPORTED_MODULE_17__material_textfield__; });
/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "toolbar", function() { return __WEBPACK_IMPORTED_MODULE_18__material_toolbar__; });
/**
* Copyright 2016 Google Inc. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
// Register all components
__WEBPACK_IMPORTED_MODULE_0__material_auto_init__["a" /* default */].register('MDCCheckbox', __WEBPACK_IMPORTED_MODULE_2__material_checkbox__["MDCCheckbox"]);
__WEBPACK_IMPORTED_MODULE_0__material_auto_init__["a" /* default */].register('MDCDialog', __WEBPACK_IMPORTED_MODULE_3__material_dialog__["MDCDialog"]);
__WEBPACK_IMPORTED_MODULE_0__material_auto_init__["a" /* default */].register('MDCPersistentDrawer', __WEBPACK_IMPORTED_MODULE_4__material_drawer__["MDCPersistentDrawer"]);
__WEBPACK_IMPORTED_MODULE_0__material_auto_init__["a" /* default */].register('MDCTemporaryDrawer', __WEBPACK_IMPORTED_MODULE_4__material_drawer__["MDCTemporaryDrawer"]);
__WEBPACK_IMPORTED_MODULE_0__material_auto_init__["a" /* default */].register('MDCFormField', __WEBPACK_IMPORTED_MODULE_5__material_form_field__["MDCFormField"]);
__WEBPACK_IMPORTED_MODULE_0__material_auto_init__["a" /* default */].register('MDCRipple', __WEBPACK_IMPORTED_MODULE_11__material_ripple__["MDCRipple"]);
__WEBPACK_IMPORTED_MODULE_0__material_auto_init__["a" /* default */].register('MDCGridList', __WEBPACK_IMPORTED_MODULE_6__material_grid_list__["MDCGridList"]);
__WEBPACK_IMPORTED_MODULE_0__material_auto_init__["a" /* default */].register('MDCIconToggle', __WEBPACK_IMPORTED_MODULE_7__material_icon_toggle__["MDCIconToggle"]);
__WEBPACK_IMPORTED_MODULE_0__material_auto_init__["a" /* default */].register('MDCLinearProgress', __WEBPACK_IMPORTED_MODULE_8__material_linear_progress__["MDCLinearProgress"]);
__WEBPACK_IMPORTED_MODULE_0__material_auto_init__["a" /* default */].register('MDCRadio', __WEBPACK_IMPORTED_MODULE_10__material_radio__["MDCRadio"]);
__WEBPACK_IMPORTED_MODULE_0__material_auto_init__["a" /* default */].register('MDCSnackbar', __WEBPACK_IMPORTED_MODULE_15__material_snackbar__["MDCSnackbar"]);
__WEBPACK_IMPORTED_MODULE_0__material_auto_init__["a" /* default */].register('MDCTab', __WEBPACK_IMPORTED_MODULE_16__material_tabs__["MDCTab"]);
__WEBPACK_IMPORTED_MODULE_0__material_auto_init__["a" /* default */].register('MDCTabBar', __WEBPACK_IMPORTED_MODULE_16__material_tabs__["MDCTabBar"]);
__WEBPACK_IMPORTED_MODULE_0__material_auto_init__["a" /* default */].register('MDCTextField', __WEBPACK_IMPORTED_MODULE_17__material_textfield__["MDCTextField"]);
__WEBPACK_IMPORTED_MODULE_0__material_auto_init__["a" /* default */].register('MDCSimpleMenu', __WEBPACK_IMPORTED_MODULE_9__material_menu__["MDCSimpleMenu"]);
__WEBPACK_IMPORTED_MODULE_0__material_auto_init__["a" /* default */].register('MDCSelect', __WEBPACK_IMPORTED_MODULE_12__material_select__["MDCSelect"]);
__WEBPACK_IMPORTED_MODULE_0__material_auto_init__["a" /* default */].register('MDCSlider', __WEBPACK_IMPORTED_MODULE_14__material_slider__["MDCSlider"]);
__WEBPACK_IMPORTED_MODULE_0__material_auto_init__["a" /* default */].register('MDCToolbar', __WEBPACK_IMPORTED_MODULE_18__material_toolbar__["MDCToolbar"]);
// Export all components.
/***/ }),
/* 24 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (immutable) */ __webpack_exports__["a"] = mdcAutoInit;
/**
* Copyright 2016 Google Inc. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
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 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
});
}
_emit('MDCAutoInit:End', {});
}
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);
};
/***/ }),
/* 25 */
/***/ (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__ = __webpack_require__(5);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_base_component__ = __webpack_require__(2);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__material_selection_control__ = __webpack_require__(4);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__foundation__ = __webpack_require__(28);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__material_ripple__ = __webpack_require__(3);
/* 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. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/* 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_();
return _this;
}
/**
* @return {!MDCRipple}
* @private
*/
_createClass(MDCCheckbox, [{
key: 'initRipple_',
value: function initRipple_() {
var _this2 = this;
var MATCHES = Object(__WEBPACK_IMPORTED_MODULE_5__material_ripple_util__["getMatchesProperty"])(HTMLElement.prototype);
var adapter = _extends(__WEBPACK_IMPORTED_MODULE_4__material_ripple__["MDCRipple"].createAdapter(this), {
isUnbounded: function isUnbounded() {
return true;
},
isSurfaceActive: function isSurfaceActive() {
return _this2.nativeCb_[MATCHES](':active');
},
registerInteractionHandler: function registerInteractionHandler(type, handler) {
return _this2.nativeCb_.addEventListener(type, handler);
},
deregisterInteractionHandler: function deregisterInteractionHandler(type, handler) {
return _this2.nativeCb_.removeEventListener(type, handler);
},
computeBoundingRect: function computeBoundingRect() {
var _root_$getBoundingCli = _this2.root_.getBoundingClientRect(),
left = _root_$getBoundingCli.left,
top = _root_$getBoundingCli.top;
var DIM = 40;
return {
top: top,
left: left,
right: left + DIM,
bottom: top + DIM,
width: DIM,
height: DIM
};
}
});
var foundation = new __WEBPACK_IMPORTED_MODULE_4__material_ripple__["MDCRippleFoundation"](adapter);
return new __WEBPACK_IMPORTED_MODULE_4__material_ripple__["MDCRipple"](this.root_, foundation);
}
/** @return {!MDCCheckboxFoundation} */
}, {
key: 'getDefaultFoundation',
value: function getDefaultFoundation() {
var _this3 = this;
return new __WEBPACK_IMPORTED_MODULE_3__foundation__["a" /* default */]({
addClass: function addClass(className) {
return _this3.root_.classList.add(className);
},
removeClass: function removeClass(className) {
return _this3.root_.classList.remove(className);
},
registerAnimationEndHandler: function registerAnimationEndHandler(handler) {
return _this3.root_.addEventListener(Object(__WEBPACK_IMPORTED_MODULE_0__material_animation__["a" /* getCorrectEventName */])(window, 'animationend'), handler);
},
deregisterAnimationEndHandler: function deregisterAnimationEndHandler(handler) {
return _this3.root_.removeEventListener(Object(__WEBPACK_IMPORTED_MODULE_0__material_animation__["a" /* getCorrectEventName */])(window, 'animationend'), handler);
},
registerChangeHandler: function registerChangeHandler(handler) {
return _this3.nativeCb_.addEventListener('change', handler);
},
deregisterChangeHandler: function deregisterChangeHandler(handler) {
return _this3.nativeCb_.removeEventListener('change', handler);
},
getNativeControl: function getNativeControl() {
return _this3.nativeCb_;
},
forceLayout: function forceLayout() {
return _this3.root_.offsetWidth;
},
isAttachedToDOM: function isAttachedToDOM() {
return Boolean(_this3.root_.parentNode);
}
});
}
/** @return {!MDCRipple} */
}, {
key: 'destroy',
value: function destroy() {
this.ripple_.destroy();
_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.foundation_.isChecked();
}
/** @param {boolean} checked */
,
set: function set(checked) {
this.foundation_.setChecked(checked);
}
/** @return {boolean} */
}, {
key: 'indeterminate',
get: function get() {
return this.foundation_.isIndeterminate();
}
/** @param {boolean} indeterminate */
,
set: function set(indeterminate) {
this.foundation_.setIndeterminate(indeterminate);
}
/** @return {boolean} */
}, {
key: 'disabled',
get: function get() {
return this.foundation_.isDisabled();
}
/** @param {boolean} disabled */
,
set: function set(disabled) {
this.foundation_.setDisabled(disabled);
}
/** @return {?string} */
}, {
key: 'value',
get: function get() {
return this.foundation_.getValue();
}
/** @param {?string} value */
,
set: function set(value) {
this.foundation_.setValue(value);
}
}]);
return MDCCheckbox;
}(__WEBPACK_IMPORTED_MODULE_1__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__(13);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(27);
/* 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. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
* @typedef {!{
* isActivated: (boolean|undefined),
* hasDeactivationUXRun: (boolean|undefined),
* wasActivatedByPointer: (boolean|undefined),
* wasElementMadeActive: (boolean|undefined),
* activationStartTime: (number|undefined),
* activationEvent: Event,
* 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;
/**
* @enum {string}
*/
var DEACTIVATION_ACTIVATION_PAIRS = {
mouseup: 'mousedown',
pointerup: 'pointerdown',
touchend: 'touchstart',
keyup: 'keydown',
blur: 'focus'
};
/**
* @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 */{},
registerInteractionHandler: function registerInteractionHandler() /* evtType: string, handler: EventListener */{},
deregisterInteractionHandler: function deregisterInteractionHandler() /* 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.xfDuration_ = 0;
/** @private {number} */
_this.initialSize_ = 0;
/** @private {number} */
_this.maxRadius_ = 0;
/** @private {!Array<{ListenerInfoType}>} */
_this.listenerInfos_ = [{ activate: 'touchstart', deactivate: 'touchend' }, { activate: 'pointerdown', deactivate: 'pointerup' }, { activate: 'mousedown', deactivate: 'mouseup' }, { activate: 'keydown', deactivate: 'keyup' }, { focus: 'focus', blur: 'blur' }];
/** @private {!ListenersType} */
_this.listeners_ = {
activate: function activate(e) {
return _this.activate_(e);
},
deactivate: function deactivate(e) {
return _this.deactivate_(e);
},
focus: function focus() {
return requestAnimationFrame(function () {
return _this.adapter_.addClass(MDCRippleFoundation.cssClasses.BG_FOCUSED);
});
},
blur: function blur() {
return requestAnimationFrame(function () {
return _this.adapter_.removeClass(MDCRippleFoundation.cssClasses.BG_FOCUSED);
});
}
};
/** @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_();
};
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: 'isSupported_',
value: function isSupported_() {
return this.adapter_.browserSupportsCssVars();
}
/**
* @return {!ActivationStateType}
*/
}, {
key: 'defaultActivationState_',
value: function defaultActivationState_() {
return {
isActivated: false,
hasDeactivationUXRun: false,
wasActivatedByPointer: false,
wasElementMadeActive: false,
activationStartTime: 0,
activationEvent: null,
isProgrammatic: false
};
}
}, {
key: 'init',
value: function init() {
var _this2 = this;
if (!this.isSupported_()) {
return;
}
this.addEventListeners_();
var _MDCRippleFoundation$ = MDCRippleFoundation.cssClasses,
ROOT = _MDCRippleFoundation$.ROOT,
UNBOUNDED = _MDCRippleFoundation$.UNBOUNDED;
requestAnimationFrame(function () {
_this2.adapter_.addClass(ROOT);
if (_this2.adapter_.isUnbounded()) {
_this2.adapter_.addClass(UNBOUNDED);
}
_this2.layoutInternal_();
});
}
/** @private */
}, {
key: 'addEventListeners_',
value: function addEventListeners_() {
var _this3 = this;
this.listenerInfos_.forEach(function (info) {
Object.keys(info).forEach(function (k) {
_this3.adapter_.registerInteractionHandler(info[k], _this3.listeners_[k]);
});
});
this.adapter_.registerResizeHandler(this.resizeHandler_);
}
/**
* @param {Event} e
* @private
*/
}, {
key: 'activate_',
value: function activate_(e) {
var _this4 = this;
if (this.adapter_.isSurfaceDisabled()) {
return;
}
var activationState = this.activationState_;
if (activationState.isActivated) {
return;
}
activationState.isActivated = true;
activationState.isProgrammatic = e === null;
activationState.activationEvent = e;
activationState.wasActivatedByPointer = activationState.isProgrammatic ? false : e.type === 'mousedown' || e.type === 'touchstart' || e.type === 'pointerdown';
activationState.activationStartTime = Date.now();
requestAnimationFrame(function () {
// This needs to be wrapped in an rAF call b/c web browsers
// 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
activationState.wasElementMadeActive = e && e.type === 'keydown' ? _this4.adapter_.isSurfaceActive() : true;
if (activationState.wasElementMadeActive) {
_this4.animateActivation_();
} else {
// Reset activation state immediately if element was not made active.
_this4.activationState_ = _this4.defaultActivationState_();
}
});
}
/**
* @param {?Event=} event Optional event containing position information.
*/
}, {
key: 'activate',
value: function activate() {
var event = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
this.activate_(event);
}
/** @private */
}, {
key: 'animateActivation_',
value: function animateActivation_() {
var _this5 = this;
var _MDCRippleFoundation$2 = MDCRippleFoundation.strings,
VAR_FG_TRANSLATE_START = _MDCRippleFoundation$2.VAR_FG_TRANSLATE_START,
VAR_FG_TRANSLATE_END = _MDCRippleFoundation$2.VAR_FG_TRANSLATE_END;
var _MDCRippleFoundation$3 = MDCRippleFoundation.cssClasses,
BG_ACTIVE_FILL = _MDCRippleFoundation$3.BG_ACTIVE_FILL,
FG_DEACTIVATION = _MDCRippleFoundation$3.FG_DEACTIVATION,
FG_ACTIVATION = _MDCRippleFoundation$3.FG_ACTIVATION;
var DEACTIVATION_TIMEOUT_MS = MDCRippleFoundation.numbers.DEACTIVATION_TIMEOUT_MS;
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(BG_ACTIVE_FILL);
this.adapter_.addClass(FG_ACTIVATION);
this.activationTimer_ = setTimeout(function () {
return _this5.activationTimerCallback_();
}, DEACTIVATION_TIMEOUT_MS);
}
/**
* @private
* @return {{startPoint: PointType, endPoint: PointType}}
*/
}, {
key: 'getFgTranslationCoordinates_',
value: function getFgTranslationCoordinates_() {
var activationState = this.activationState_;
var 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 _this6 = this;
var FG_DEACTIVATION = MDCRippleFoundation.cssClasses.FG_DEACTIVATION;
var _activationState_ = this.activationState_,
hasDeactivationUXRun = _activationState_.hasDeactivationUXRun,
isActivated = _activationState_.isActivated;
var activationHasEnded = hasDeactivationUXRun || !isActivated;
if (activationHasEnded && this.activationAnimationHasEnded_) {
this.rmBoundedActivationClasses_();
this.adapter_.addClass(FG_DEACTIVATION);
this.fgDeactivationRemovalTimer_ = setTimeout(function () {
_this6.adapter_.removeClass(FG_DEACTIVATION);
}, __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* numbers */].FG_DEACTIVATION_MS);
}
}
/** @private */
}, {
key: 'rmBoundedActivationClasses_',
value: function rmBoundedActivationClasses_() {
var _MDCRippleFoundation$4 = MDCRippleFoundation.cssClasses,
BG_ACTIVE_FILL = _MDCRippleFoundation$4.BG_ACTIVE_FILL,
FG_ACTIVATION = _MDCRippleFoundation$4.FG_ACTIVATION;
this.adapter_.removeClass(BG_ACTIVE_FILL);
this.adapter_.removeClass(FG_ACTIVATION);
this.activationAnimationHasEnded_ = false;
this.adapter_.computeBoundingRect();
}
/**
* @param {Event} e
* @private
*/
}, {
key: 'deactivate_',
value: function deactivate_(e) {
var _this7 = 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;
}
// Programmatic deactivation.
if (activationState.isProgrammatic) {
var evtObject = null;
var _state = /** @type {!ActivationStateType} */_extends({}, activationState);
requestAnimationFrame(function () {
return _this7.animateDeactivation_(evtObject, _state);
});
this.activationState_ = this.defaultActivationState_();
return;
}
var actualActivationType = DEACTIVATION_ACTIVATION_PAIRS[e.type];
var expectedActivationType = activationState.activationEvent.type;
// NOTE: Pointer events are tricky - https://patrickhlauke.github.io/touch/tests/results/
// Essentially, what we need to do here is decouple the deactivation UX from the actual
// deactivation state itself. This way, touch/pointer events in sequence do not trample one
// another.
var needsDeactivationUX = actualActivationType === expectedActivationType;
var needsActualDeactivation = needsDeactivationUX;
if (activationState.wasActivatedByPointer) {
needsActualDeactivation = e.type === 'mouseup';
}
var state = /** @type {!ActivationStateType} */_extends({}, activationState);
requestAnimationFrame(function () {
if (needsDeactivationUX) {
_this7.activationState_.hasDeactivationUXRun = true;
_this7.animateDeactivation_(e, state);
}
if (needsActualDeactivation) {
_this7.activationState_ = _this7.defaultActivationState_();
}
});
}
/**
* @param {?Event=} event Optional event containing position information.
*/
}, {
key: 'deactivate',
value: function deactivate() {
var event = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
this.deactivate_(event);
}
/**
* @param {Event} e
* @param {!ActivationStateType} options
* @private
*/
}, {
key: 'animateDeactivation_',
value: function animateDeactivation_(e, _ref) {
var wasActivatedByPointer = _ref.wasActivatedByPointer,
wasElementMadeActive = _ref.wasElementMadeActive;
var BG_FOCUSED = MDCRippleFoundation.cssClasses.BG_FOCUSED;
if (wasActivatedByPointer || wasElementMadeActive) {
// Remove class left over by element being focused
this.adapter_.removeClass(BG_FOCUSED);
this.runDeactivationUXLogicIfReady_();
}
}
}, {
key: 'destroy',
value: function destroy() {
var _this8 = this;
if (!this.isSupported_()) {
return;
}
this.removeEventListeners_();
var _MDCRippleFoundation$5 = MDCRippleFoundation.cssClasses,
ROOT = _MDCRippleFoundation$5.ROOT,
UNBOUNDED = _MDCRippleFoundation$5.UNBOUNDED;
requestAnimationFrame(function () {
_this8.adapter_.removeClass(ROOT);
_this8.adapter_.removeClass(UNBOUNDED);
_this8.removeCssVars_();
});
}
/** @private */
}, {
key: 'removeEventListeners_',
value: function removeEventListeners_() {
var _this9 = this;
this.listenerInfos_.forEach(function (info) {
Object.keys(info).forEach(function (k) {
_this9.adapter_.deregisterInteractionHandler(info[k], _this9.listeners_[k]);
});
});
this.adapter_.deregisterResizeHandler(this.resizeHandler_);
}
/** @private */
}, {
key: 'removeCssVars_',
value: function removeCssVars_() {
var _this10 = this;
var strings = MDCRippleFoundation.strings;
Object.keys(strings).forEach(function (k) {
if (k.indexOf('VAR_') === 0) {
_this10.adapter_.updateCssVariable(strings[k], null);
}
});
}
}, {
key: 'layout',
value: function layout() {
var _this11 = this;
if (this.layoutFrame_) {
cancelAnimationFrame(this.layoutFrame_);
}
this.layoutFrame_ = requestAnimationFrame(function () {
_this11.layoutInternal_();
_this11.layoutFrame_ = 0;
});
}
/** @private */
}, {
key: 'layoutInternal_',
value: function layoutInternal_() {
this.frame_ = this.adapter_.computeBoundingRect();
var maxDim = Math.max(this.frame_.height, this.frame_.width);
var surfaceDiameter = Math.sqrt(Math.pow(this.frame_.width, 2) + Math.pow(this.frame_.height, 2));
// 60% of the largest dimension of the surface
this.initialSize_ = maxDim * MDCRippleFoundation.numbers.INITIAL_ORIGIN_SCALE;
// Diameter of the surface + 10px
this.maxRadius_ = surfaceDiameter + MDCRippleFoundation.numbers.PADDING;
this.fgScale_ = this.maxRadius_ / this.initialSize_;
this.xfDuration_ = 1000 * Math.sqrt(this.maxRadius_ / 1024);
this.updateLayoutCssVars_();
}
/** @private */
}, {
key: 'updateLayoutCssVars_',
value: function updateLayoutCssVars_() {
var _MDCRippleFoundation$6 = MDCRippleFoundation.strings,
VAR_FG_SIZE = _MDCRippleFoundation$6.VAR_FG_SIZE,
VAR_LEFT = _MDCRippleFoundation$6.VAR_LEFT,
VAR_TOP = _MDCRippleFoundation$6.VAR_TOP,
VAR_FG_SCALE = _MDCRippleFoundation$6.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');
}
}
}]);
return MDCRippleFoundation;
}(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
/* harmony default export */ __webpack_exports__["a"] = (MDCRippleFoundation);
/***/ }),
/* 27 */
/***/ (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. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
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',
BG_ACTIVE_FILL: 'mdc-ripple-upgraded--background-active-fill',
FG_ACTIVATION: 'mdc-ripple-upgraded--foreground-activation',
FG_DEACTIVATION: 'mdc-ripple-upgraded--foreground-deactivation'
};
var strings = {
VAR_FG_SIZE: '--mdc-ripple-fg-size',
VAR_LEFT: '--mdc-ripple-left',
VAR_TOP: '--mdc-ripple-top',
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 };
/***/ }),
/* 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__material_selection_control__ = __webpack_require__(4);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__adapter__ = __webpack_require__(29);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__constants__ = __webpack_require__(30);
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. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/* 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 */{},
registerAnimationEndHandler: function registerAnimationEndHandler() /* handler: EventListener */{},
deregisterAnimationEndHandler: function deregisterAnimationEndHandler() /* handler: EventListener */{},
registerChangeHandler: function registerChangeHandler() /* handler: EventListener */{},
deregisterChangeHandler: function deregisterChangeHandler() /* handler: EventListener */{},
getNativeControl: function getNativeControl() /* !MDCSelectionControlState */{},
forceLayout: function forceLayout() {},
isAttachedToDOM: function isAttachedToDOM() /* 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;
_this.animEndHandler_ = /** @private {!EventListener} */function () {
clearTimeout(_this.animEndLatchTimer_);
_this.animEndLatchTimer_ = setTimeout(function () {
_this.adapter_.removeClass(_this.currentAnimationClass_);
_this.adapter_.deregisterAnimationEndHandler(_this.animEndHandler_);
}, __WEBPACK_IMPORTED_MODULE_3__constants__["b" /* numbers */].ANIM_END_LATCH_MS);
};
_this.changeHandler_ = /** @private {!EventListener} */function () {
return _this.transitionCheckState_();
};
return _this;
}
_createClass(MDCCheckboxFoundation, [{
key: 'init',
value: function init() {
this.currentCheckState_ = this.determineCheckState_(this.getNativeControl_());
this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_3__constants__["a" /* cssClasses */].UPGRADED);
this.adapter_.registerChangeHandler(this.changeHandler_);
this.installPropertyChangeHooks_();
}
}, {
key: 'destroy',
value: function destroy() {
this.adapter_.deregisterChangeHandler(this.changeHandler_);
this.uninstallPropertyChangeHooks_();
}
/** @return {boolean} */
}, {
key: 'isChecked',
value: function isChecked() {
return this.getNativeControl_().checked;
}
/** @param {boolean} checked */
}, {
key: 'setChecked',
value: function setChecked(checked) {
this.getNativeControl_().checked = checked;
}
/** @return {boolean} */
}, {
key: 'isIndeterminate',
value: function isIndeterminate() {
return this.getNativeControl_().indeterminate;
}
/** @param {boolean} indeterminate */
}, {
key: 'setIndeterminate',
value: function setIndeterminate(indeterminate) {
this.getNativeControl_().indeterminate = indeterminate;
}
/** @return {boolean} */
}, {
key: 'isDisabled',
value: function isDisabled() {
return this.getNativeControl_().disabled;
}
/** @param {boolean} disabled */
}, {
key: 'setDisabled',
value: function setDisabled(disabled) {
this.getNativeControl_().disabled = 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);
}
}
/** @return {?string} */
}, {
key: 'getValue',
value: function getValue() {
return this.getNativeControl_().value;
}
/** @param {?string} value */
}, {
key: 'setValue',
value: function setValue(value) {
this.getNativeControl_().value = value;
}
/** @private */
}, {
key: 'installPropertyChangeHooks_',
value: function installPropertyChangeHooks_() {
var _this2 = 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);
_this2.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_() {
var nativeCb = this.adapter_.getNativeControl();
if (!nativeCb) {
return;
}
var oldState = this.currentCheckState_;
var newState = this.determineCheckState_(nativeCb);
if (oldState === newState) {
return;
}
// 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.adapter_.registerAnimationEndHandler(this.animEndHandler_);
}
}
/**
* @param {!MDCSelectionControlState} nativeCb
* @return {string}
* @private
*/
}, {
key: 'determineCheckState_',
value: function determineCheckState_(nativeCb) {
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 (nativeCb.indeterminate) {
return TRANSITION_STATE_INDETERMINATE;
}
return nativeCb.checked ? 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;
}
}
/**
* @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);
/***/ }),
/* 29 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_selection_control__ = __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. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/* 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/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) {}
/** @param {!EventListener} handler */
}, {
key: 'registerAnimationEndHandler',
value: function registerAnimationEndHandler(handler) {}
/** @param {!EventListener} handler */
}, {
key: 'deregisterAnimationEndHandler',
value: function deregisterAnimationEndHandler(handler) {}
/** @param {!EventListener} handler */
}, {
key: 'registerChangeHandler',
value: function registerChangeHandler(handler) {}
/** @param {!EventListener} handler */
}, {
key: 'deregisterChangeHandler',
value: function deregisterChangeHandler(handler) {}
/** @return {!MDCSelectionControlState} */
}, {
key: 'getNativeControl',
value: function getNativeControl() {}
}, {
key: 'forceLayout',
value: function forceLayout() {}
/** @return {boolean} */
}, {
key: 'isAttachedToDOM',
value: function isAttachedToDOM() {}
}]);
return MDCCheckboxAdapter;
}();
/* unused harmony default export */ var _unused_webpack_default_export = (MDCCheckboxAdapter);
/***/ }),
/* 30 */
/***/ (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. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/** @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'
};
/** @enum {number} */
var numbers = {
ANIM_END_LATCH_MS: 100
};
/***/ }),
/* 31 */
/***/ (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__ = __webpack_require__(1);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_ripple__ = __webpack_require__(3);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__foundation__ = __webpack_require__(32);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__util__ = __webpack_require__(34);
/* 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; }
/**
* Copyright 2017 Google Inc. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
var MDCDialog = function (_MDCComponent) {
_inherits(MDCDialog, _MDCComponent);
function MDCDialog() {
_classCallCheck(this, MDCDialog);
return _possibleConstructorReturn(this, (MDCDialog.__proto__ || Object.getPrototypeOf(MDCDialog)).apply(this, arguments));
}
_createClass(MDCDialog, [{
key: 'initialize',
value: function initialize() {
this.focusTrap_ = __WEBPACK_IMPORTED_MODULE_3__util__["createFocusTrapInstance"](this.dialogSurface_, this.acceptButton_);
this.footerBtnRipples_ = [];
var footerBtns = this.root_.querySelectorAll('.mdc-dialog__footer__button');
for (var i = 0, footerBtn; footerBtn = footerBtns[i]; i++) {
this.footerBtnRipples_.push(new __WEBPACK_IMPORTED_MODULE_1__material_ripple__["MDCRipple"](footerBtn));
}
}
}, {
key: 'destroy',
value: function destroy() {
this.footerBtnRipples_.forEach(function (ripple) {
return ripple.destroy();
});
_get(MDCDialog.prototype.__proto__ || Object.getPrototypeOf(MDCDialog.prototype), 'destroy', this).call(this);
}
}, {
key: 'show',
value: function show() {
this.foundation_.open();
}
}, {
key: 'close',
value: function close() {
this.foundation_.close();
}
}, {
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);
},
addBodyClass: function addBodyClass(className) {
return document.body.classList.add(className);
},
removeBodyClass: function removeBodyClass(className) {
return document.body.classList.remove(className);
},
eventTargetHasClass: function eventTargetHasClass(target, className) {
return target.classList.contains(className);
},
registerInteractionHandler: function registerInteractionHandler(evt, handler) {
return _this2.root_.addEventListener(evt, handler);
},
deregisterInteractionHandler: function deregisterInteractionHandler(evt, handler) {
return _this2.root_.removeEventListener(evt, handler);
},
registerSurfaceInteractionHandler: function registerSurfaceInteractionHandler(evt, handler) {
return _this2.dialogSurface_.addEventListener(evt, handler);
},
deregisterSurfaceInteractionHandler: function deregisterSurfaceInteractionHandler(evt, handler) {
return _this2.dialogSurface_.removeEventListener(evt, handler);
},
registerDocumentKeydownHandler: function registerDocumentKeydownHandler(handler) {
return document.addEventListener('keydown', handler);
},
deregisterDocumentKeydownHandler: function deregisterDocumentKeydownHandler(handler) {
return document.removeEventListener('keydown', handler);
},
registerTransitionEndHandler: function registerTransitionEndHandler(handler) {
return _this2.dialogSurface_.addEventListener('transitionend', handler);
},
deregisterTransitionEndHandler: function deregisterTransitionEndHandler(handler) {
return _this2.dialogSurface_.removeEventListener('transitionend', handler);
},
notifyAccept: function notifyAccept() {
return _this2.emit(__WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */].strings.ACCEPT_EVENT);
},
notifyCancel: function notifyCancel() {
return _this2.emit(__WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */].strings.CANCEL_EVENT);
},
trapFocusOnSurface: function trapFocusOnSurface() {
return _this2.focusTrap_.activate();
},
untrapFocusOnSurface: function untrapFocusOnSurface() {
return _this2.focusTrap_.deactivate();
},
isDialog: function isDialog(el) {
return el === _this2.dialogSurface_;
},
layoutFooterRipples: function layoutFooterRipples() {
return _this2.footerBtnRipples_.forEach(function (ripple) {
return ripple.layout();
});
}
});
}
}, {
key: 'open',
get: function get() {
return this.foundation_.isOpen();
}
}, {
key: 'acceptButton_',
get: function get() {
return this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */].strings.ACCEPT_SELECTOR);
}
}, {
key: 'dialogSurface_',
get: function get() {
return this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */].strings.DIALOG_SURFACE_SELECTOR);
}
}], [{
key: 'attachTo',
value: function attachTo(root) {
return new MDCDialog(root);
}
}]);
return MDCDialog;
}(__WEBPACK_IMPORTED_MODULE_0__material_base__["MDCComponent"]);
/***/ }),
/* 32 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base__ = __webpack_require__(1);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__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; }
/**
* Copyright 2017 Google Inc. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
var MDCDialogFoundation = function (_MDCFoundation) {
_inherits(MDCDialogFoundation, _MDCFoundation);
_createClass(MDCDialogFoundation, 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__["b" /* strings */];
}
}, {
key: 'defaultAdapter',
get: function get() {
return {
addClass: function addClass() /* className: string */{},
removeClass: function removeClass() /* className: string */{},
addBodyClass: function addBodyClass() /* className: string */{},
removeBodyClass: function removeBodyClass() /* className: string */{},
eventTargetHasClass: function eventTargetHasClass() {
return (/* target: EventTarget, className: string */ /* boolean */false
);
},
registerInteractionHandler: function registerInteractionHandler() /* evt: string, handler: EventListener */{},
deregisterInteractionHandler: function deregisterInteractionHandler() /* evt: string, handler: EventListener */{},
registerSurfaceInteractionHandler: function registerSurfaceInteractionHandler() /* evt: string, handler: EventListener */{},
deregisterSurfaceInteractionHandler: function deregisterSurfaceInteractionHandler() /* evt: string, handler: EventListener */{},
registerDocumentKeydownHandler: function registerDocumentKeydownHandler() /* handler: EventListener */{},
deregisterDocumentKeydownHandler: function deregisterDocumentKeydownHandler() /* handler: EventListener */{},
registerTransitionEndHandler: function registerTransitionEndHandler() /* handler: EventListener */{},
deregisterTransitionEndHandler: function deregisterTransitionEndHandler() /* handler: EventListener */{},
notifyAccept: function notifyAccept() {},
notifyCancel: function notifyCancel() {},
trapFocusOnSurface: function trapFocusOnSurface() {},
untrapFocusOnSurface: function untrapFocusOnSurface() {},
isDialog: function isDialog() {
return (/* el: Element */ /* boolean */false
);
},
layoutFooterRipples: function layoutFooterRipples() {}
};
}
}]);
function MDCDialogFoundation(adapter) {
_classCallCheck(this, MDCDialogFoundation);
var _this = _possibleConstructorReturn(this, (MDCDialogFoundation.__proto__ || Object.getPrototypeOf(MDCDialogFoundation)).call(this, _extends(MDCDialogFoundation.defaultAdapter, adapter)));
_this.isOpen_ = false;
_this.componentClickHandler_ = function (evt) {
if (_this.adapter_.eventTargetHasClass(evt.target, __WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */].BACKDROP)) {
_this.cancel(true);
}
};
_this.dialogClickHandler_ = function (evt) {
return _this.handleDialogClick_(evt);
};
_this.documentKeydownHandler_ = function (evt) {
if (evt.key && evt.key === 'Escape' || evt.keyCode === 27) {
_this.cancel(true);
}
};
_this.transitionEndHandler_ = function (evt) {
return _this.handleTransitionEnd_(evt);
};
return _this;
}
_createClass(MDCDialogFoundation, [{
key: 'destroy',
value: function destroy() {
// Ensure that dialog is cleaned up when destroyed
if (this.isOpen_) {
this.adapter_.deregisterSurfaceInteractionHandler('click', this.dialogClickHandler_);
this.adapter_.deregisterDocumentKeydownHandler(this.documentKeydownHandler_);
this.adapter_.deregisterInteractionHandler('click', this.componentClickHandler_);
this.adapter_.untrapFocusOnSurface();
this.adapter_.deregisterTransitionEndHandler(this.transitionEndHandler_);
this.adapter_.removeClass(MDCDialogFoundation.cssClasses.ANIMATING);
this.adapter_.removeClass(MDCDialogFoundation.cssClasses.OPEN);
this.enableScroll_();
}
}
}, {
key: 'open',
value: function open() {
this.isOpen_ = true;
this.disableScroll_();
this.adapter_.registerDocumentKeydownHandler(this.documentKeydownHandler_);
this.adapter_.registerSurfaceInteractionHandler('click', this.dialogClickHandler_);
this.adapter_.registerInteractionHandler('click', this.componentClickHandler_);
this.adapter_.registerTransitionEndHandler(this.transitionEndHandler_);
this.adapter_.addClass(MDCDialogFoundation.cssClasses.ANIMATING);
this.adapter_.addClass(MDCDialogFoundation.cssClasses.OPEN);
}
}, {
key: 'close',
value: function close() {
this.isOpen_ = false;
this.adapter_.deregisterSurfaceInteractionHandler('click', this.dialogClickHandler_);
this.adapter_.deregisterDocumentKeydownHandler(this.documentKeydownHandler_);
this.adapter_.deregisterInteractionHandler('click', this.componentClickHandler_);
this.adapter_.untrapFocusOnSurface();
this.adapter_.registerTransitionEndHandler(this.transitionEndHandler_);
this.adapter_.addClass(MDCDialogFoundation.cssClasses.ANIMATING);
this.adapter_.removeClass(MDCDialogFoundation.cssClasses.OPEN);
}
}, {
key: 'isOpen',
value: function isOpen() {
return this.isOpen_;
}
}, {
key: 'accept',
value: function accept(shouldNotify) {
if (shouldNotify) {
this.adapter_.notifyAccept();
}
this.close();
}
}, {
key: 'cancel',
value: function cancel(shouldNotify) {
if (shouldNotify) {
this.adapter_.notifyCancel();
}
this.close();
}
}, {
key: 'handleDialogClick_',
value: function handleDialogClick_(evt) {
var target = evt.target;
if (this.adapter_.eventTargetHasClass(target, __WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */].ACCEPT_BTN)) {
this.accept(true);
} else if (this.adapter_.eventTargetHasClass(target, __WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */].CANCEL_BTN)) {
this.cancel(true);
}
}
}, {
key: 'handleTransitionEnd_',
value: function handleTransitionEnd_(evt) {
if (this.adapter_.isDialog(evt.target)) {
this.adapter_.deregisterTransitionEndHandler(this.transitionEndHandler_);
this.adapter_.removeClass(MDCDialogFoundation.cssClasses.ANIMATING);
if (this.isOpen_) {
this.adapter_.trapFocusOnSurface();
this.adapter_.layoutFooterRipples();
} else {
this.enableScroll_();
};
};
}
}, {
key: 'disableScroll_',
value: function disableScroll_() {
this.adapter_.addBodyClass(__WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */].SCROLL_LOCK);
}
}, {
key: 'enableScroll_',
value: function enableScroll_() {
this.adapter_.removeBodyClass(__WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */].SCROLL_LOCK);
}
}]);
return MDCDialogFoundation;
}(__WEBPACK_IMPORTED_MODULE_0__material_base__["MDCFoundation"]);
/* harmony default export */ __webpack_exports__["a"] = (MDCDialogFoundation);
/***/ }),
/* 33 */
/***/ (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; });
/**
* Copyright 2016 Google Inc. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
var cssClasses = {
ROOT: 'mdc-dialog',
OPEN: 'mdc-dialog--open',
ANIMATING: 'mdc-dialog--animating',
BACKDROP: 'mdc-dialog__backdrop',
SCROLL_LOCK: 'mdc-dialog-scroll-lock',
ACCEPT_BTN: 'mdc-dialog__footer__button--accept',
CANCEL_BTN: 'mdc-dialog__footer__button--cancel'
};
var strings = {
OPEN_DIALOG_SELECTOR: '.mdc-dialog--open',
DIALOG_SURFACE_SELECTOR: '.mdc-dialog__surface',
ACCEPT_SELECTOR: '.mdc-dialog__footer__button--accept',
ACCEPT_EVENT: 'MDCDialog:accept',
CANCEL_EVENT: 'MDCDialog:cancel'
};
/***/ }),
/* 34 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
/* harmony export (immutable) */ __webpack_exports__["createFocusTrapInstance"] = createFocusTrapInstance;
/* 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__);
/**
* Copyright 2016 Google Inc. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
function createFocusTrapInstance(surfaceEl, acceptButtonEl) {
var focusTrapFactory = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : __WEBPACK_IMPORTED_MODULE_0_focus_trap___default.a;
return focusTrapFactory(surfaceEl, {
initialFocus: acceptButtonEl,
clickOutsideDeactivates: true
});
}
/***/ }),
/* 35 */
/***/ (function(module, exports, __webpack_require__) {
var tabbable = __webpack_require__(36);
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, 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';
}
}
/***/ }),
/* 37 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__util__ = __webpack_require__(8);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__temporary__ = __webpack_require__(38);
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCTemporaryDrawer", function() { return __WEBPACK_IMPORTED_MODULE_1__temporary__["a"]; });
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCTemporaryDrawerFoundation", function() { return __WEBPACK_IMPORTED_MODULE_1__temporary__["b"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__persistent__ = __webpack_require__(43);
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCPersistentDrawer", function() { return __WEBPACK_IMPORTED_MODULE_2__persistent__["a"]; });
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCPersistentDrawerFoundation", function() { return __WEBPACK_IMPORTED_MODULE_2__persistent__["b"]; });
/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "util", function() { return __WEBPACK_IMPORTED_MODULE_0__util__; });
/**
* Copyright 2016 Google Inc. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/***/ }),
/* 38 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MDCTemporaryDrawer; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base__ = __webpack_require__(1);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__foundation__ = __webpack_require__(39);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__util__ = __webpack_require__(8);
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return __WEBPACK_IMPORTED_MODULE_1__foundation__["a"]; });
/* unused harmony reexport 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; }
/**
* Copyright 2016 Google Inc. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
var MDCTemporaryDrawer = function (_MDCComponent) {
_inherits(MDCTemporaryDrawer, _MDCComponent);
function MDCTemporaryDrawer() {
_classCallCheck(this, MDCTemporaryDrawer);
return _possibleConstructorReturn(this, (MDCTemporaryDrawer.__proto__ || Object.getPrototypeOf(MDCTemporaryDrawer)).apply(this, arguments));
}
_createClass(MDCTemporaryDrawer, [{
key: 'getDefaultFoundation',
value: function getDefaultFoundation() {
var _this2 = this;
var _MDCTemporaryDrawerFo = __WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */].strings,
FOCUSABLE_ELEMENTS = _MDCTemporaryDrawerFo.FOCUSABLE_ELEMENTS,
OPACITY_VAR_NAME = _MDCTemporaryDrawerFo.OPACITY_VAR_NAME;
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);
},
addBodyClass: function addBodyClass(className) {
return document.body.classList.add(className);
},
removeBodyClass: function removeBodyClass(className) {
return document.body.classList.remove(className);
},
eventTargetHasClass: function eventTargetHasClass(target, className) {
return target.classList.contains(className);
},
hasNecessaryDom: function hasNecessaryDom() {
return Boolean(_this2.drawer);
},
registerInteractionHandler: function registerInteractionHandler(evt, handler) {
return _this2.root_.addEventListener(__WEBPACK_IMPORTED_MODULE_2__util__["remapEvent"](evt), handler, __WEBPACK_IMPORTED_MODULE_2__util__["applyPassive"]());
},
deregisterInteractionHandler: function deregisterInteractionHandler(evt, handler) {
return _this2.root_.removeEventListener(__WEBPACK_IMPORTED_MODULE_2__util__["remapEvent"](evt), handler, __WEBPACK_IMPORTED_MODULE_2__util__["applyPassive"]());
},
registerDrawerInteractionHandler: function registerDrawerInteractionHandler(evt, handler) {
return _this2.drawer.addEventListener(__WEBPACK_IMPORTED_MODULE_2__util__["remapEvent"](evt), handler);
},
deregisterDrawerInteractionHandler: function deregisterDrawerInteractionHandler(evt, handler) {
return _this2.drawer.removeEventListener(__WEBPACK_IMPORTED_MODULE_2__util__["remapEvent"](evt), handler);
},
registerTransitionEndHandler: function registerTransitionEndHandler(handler) {
return _this2.drawer.addEventListener('transitionend', handler);
},
deregisterTransitionEndHandler: function deregisterTransitionEndHandler(handler) {
return _this2.drawer.removeEventListener('transitionend', handler);
},
registerDocumentKeydownHandler: function registerDocumentKeydownHandler(handler) {
return document.addEventListener('keydown', handler);
},
deregisterDocumentKeydownHandler: function deregisterDocumentKeydownHandler(handler) {
return document.removeEventListener('keydown', handler);
},
getDrawerWidth: function getDrawerWidth() {
return _this2.drawer.offsetWidth;
},
setTranslateX: function setTranslateX(value) {
return _this2.drawer.style.setProperty(__WEBPACK_IMPORTED_MODULE_2__util__["getTransformPropertyName"](), value === null ? null : 'translateX(' + value + 'px)');
},
updateCssVariable: function updateCssVariable(value) {
if (__WEBPACK_IMPORTED_MODULE_2__util__["supportsCssCustomProperties"]()) {
_this2.root_.style.setProperty(OPACITY_VAR_NAME, value);
}
},
getFocusableElements: function getFocusableElements() {
return _this2.drawer.querySelectorAll(FOCUSABLE_ELEMENTS);
},
saveElementTabState: function saveElementTabState(el) {
return __WEBPACK_IMPORTED_MODULE_2__util__["saveElementTabState"](el);
},
restoreElementTabState: function restoreElementTabState(el) {
return __WEBPACK_IMPORTED_MODULE_2__util__["restoreElementTabState"](el);
},
makeElementUntabbable: function makeElementUntabbable(el) {
return el.setAttribute('tabindex', -1);
},
notifyOpen: function notifyOpen() {
return _this2.emit(__WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */].strings.OPEN_EVENT);
},
notifyClose: function notifyClose() {
return _this2.emit(__WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */].strings.CLOSE_EVENT);
},
isRtl: function isRtl() {
return getComputedStyle(_this2.root_).getPropertyValue('direction') === 'rtl';
},
isDrawer: function isDrawer(el) {
return el === _this2.drawer;
}
});
}
}, {
key: 'open',
get: function get() {
return this.foundation_.isOpen();
},
set: function set(value) {
if (value) {
this.foundation_.open();
} else {
this.foundation_.close();
}
}
/* Return the drawer element inside the component. */
}, {
key: 'drawer',
get: function get() {
return this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */].strings.DRAWER_SELECTOR);
}
}], [{
key: 'attachTo',
value: function attachTo(root) {
return new MDCTemporaryDrawer(root);
}
}]);
return MDCTemporaryDrawer;
}(__WEBPACK_IMPORTED_MODULE_0__material_base__["MDCComponent"]);
/***/ }),
/* 39 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__slidable__ = __webpack_require__(7);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__constants__ = __webpack_require__(42);
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; }
/**
* Copyright 2016 Google Inc. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
var MDCTemporaryDrawerFoundation = function (_MDCSlidableDrawerFou) {
_inherits(MDCTemporaryDrawerFoundation, _MDCSlidableDrawerFou);
_createClass(MDCTemporaryDrawerFoundation, 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__["b" /* strings */];
}
}, {
key: 'defaultAdapter',
get: function get() {
return _extends(__WEBPACK_IMPORTED_MODULE_0__slidable__["b" /* MDCSlidableDrawerFoundation */].defaultAdapter, {
addBodyClass: function addBodyClass() /* className: string */{},
removeBodyClass: function removeBodyClass() /* className: string */{},
isDrawer: function isDrawer() {
return false;
},
updateCssVariable: function updateCssVariable() /* value: string */{},
eventTargetHasClass: function eventTargetHasClass() {
return (/* target: EventTarget, className: string */ /* boolean */false
);
}
});
}
}]);
function MDCTemporaryDrawerFoundation(adapter) {
_classCallCheck(this, MDCTemporaryDrawerFoundation);
var _this = _possibleConstructorReturn(this, (MDCTemporaryDrawerFoundation.__proto__ || Object.getPrototypeOf(MDCTemporaryDrawerFoundation)).call(this, _extends(MDCTemporaryDrawerFoundation.defaultAdapter, adapter), MDCTemporaryDrawerFoundation.cssClasses.ROOT, MDCTemporaryDrawerFoundation.cssClasses.ANIMATING, MDCTemporaryDrawerFoundation.cssClasses.OPEN));
_this.componentClickHandler_ = function (evt) {
if (_this.adapter_.eventTargetHasClass(evt.target, __WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */].ROOT)) {
_this.close(true);
}
};
return _this;
}
_createClass(MDCTemporaryDrawerFoundation, [{
key: 'init',
value: function init() {
_get(MDCTemporaryDrawerFoundation.prototype.__proto__ || Object.getPrototypeOf(MDCTemporaryDrawerFoundation.prototype), 'init', this).call(this);
// Make browser aware of custom property being used in this element.
// Workaround for certain types of hard-to-reproduce heisenbugs.
this.adapter_.updateCssVariable(0);
this.adapter_.registerInteractionHandler('click', this.componentClickHandler_);
}
}, {
key: 'destroy',
value: function destroy() {
_get(MDCTemporaryDrawerFoundation.prototype.__proto__ || Object.getPrototypeOf(MDCTemporaryDrawerFoundation.prototype), 'destroy', this).call(this);
this.adapter_.deregisterInteractionHandler('click', this.componentClickHandler_);
this.enableScroll_();
}
}, {
key: 'open',
value: function open() {
this.disableScroll_();
// Make sure custom property values are cleared before starting.
this.adapter_.updateCssVariable('');
_get(MDCTemporaryDrawerFoundation.prototype.__proto__ || Object.getPrototypeOf(MDCTemporaryDrawerFoundation.prototype), 'open', this).call(this);
}
}, {
key: 'close',
value: function close() {
// Make sure custom property values are cleared before making any changes.
this.adapter_.updateCssVariable('');
_get(MDCTemporaryDrawerFoundation.prototype.__proto__ || Object.getPrototypeOf(MDCTemporaryDrawerFoundation.prototype), 'close', this).call(this);
}
}, {
key: 'prepareForTouchEnd_',
value: function prepareForTouchEnd_() {
_get(MDCTemporaryDrawerFoundation.prototype.__proto__ || Object.getPrototypeOf(MDCTemporaryDrawerFoundation.prototype), 'prepareForTouchEnd_', this).call(this);
this.adapter_.updateCssVariable('');
}
}, {
key: 'updateDrawer_',
value: function updateDrawer_() {
_get(MDCTemporaryDrawerFoundation.prototype.__proto__ || Object.getPrototypeOf(MDCTemporaryDrawerFoundation.prototype), 'updateDrawer_', this).call(this);
var newOpacity = Math.max(0, 1 + this.direction_ * (this.newPosition_ / this.drawerWidth_));
this.adapter_.updateCssVariable(newOpacity);
}
}, {
key: 'isRootTransitioningEventTarget_',
value: function isRootTransitioningEventTarget_(el) {
return this.adapter_.isDrawer(el);
}
}, {
key: 'handleTransitionEnd_',
value: function handleTransitionEnd_(evt) {
_get(MDCTemporaryDrawerFoundation.prototype.__proto__ || Object.getPrototypeOf(MDCTemporaryDrawerFoundation.prototype), 'handleTransitionEnd_', this).call(this, evt);
if (!this.isOpen_) {
this.enableScroll_();
}
}
}, {
key: 'disableScroll_',
value: function disableScroll_() {
this.adapter_.addBodyClass(__WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */].SCROLL_LOCK);
}
}, {
key: 'enableScroll_',
value: function enableScroll_() {
this.adapter_.removeBodyClass(__WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */].SCROLL_LOCK);
}
}]);
return MDCTemporaryDrawerFoundation;
}(__WEBPACK_IMPORTED_MODULE_0__slidable__["b" /* MDCSlidableDrawerFoundation */]);
/* harmony default export */ __webpack_exports__["a"] = (MDCTemporaryDrawerFoundation);
/***/ }),
/* 40 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return FOCUSABLE_ELEMENTS; });
/**
* Copyright 2016 Google Inc. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
var FOCUSABLE_ELEMENTS = 'a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), ' + 'button:not([disabled]), iframe, object, embed, [tabindex], [contenteditable]';
/***/ }),
/* 41 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MDCSlidableDrawerFoundation; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base__ = __webpack_require__(1);
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; }
/**
* Copyright 2016 Google Inc. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
var MDCSlidableDrawerFoundation = function (_MDCFoundation) {
_inherits(MDCSlidableDrawerFoundation, _MDCFoundation);
_createClass(MDCSlidableDrawerFoundation, null, [{
key: 'defaultAdapter',
get: function get() {
return {
addClass: function addClass() /* className: string */{},
removeClass: function removeClass() /* className: string */{},
hasClass: function hasClass() /* className: string */{},
hasNecessaryDom: function hasNecessaryDom() {
return (/* boolean */false
);
},
registerInteractionHandler: function registerInteractionHandler() /* evt: string, handler: EventListener */{},
deregisterInteractionHandler: function deregisterInteractionHandler() /* evt: string, handler: EventListener */{},
registerDrawerInteractionHandler: function registerDrawerInteractionHandler() /* evt: string, handler: EventListener */{},
deregisterDrawerInteractionHandler: function deregisterDrawerInteractionHandler() /* evt: string, handler: EventListener */{},
registerTransitionEndHandler: function registerTransitionEndHandler() /* handler: EventListener */{},
deregisterTransitionEndHandler: function deregisterTransitionEndHandler() /* handler: EventListener */{},
registerDocumentKeydownHandler: function registerDocumentKeydownHandler() /* handler: EventListener */{},
deregisterDocumentKeydownHandler: function deregisterDocumentKeydownHandler() /* handler: EventListener */{},
setTranslateX: function setTranslateX() /* value: number | null */{},
getFocusableElements: function getFocusableElements() /* NodeList */{},
saveElementTabState: function saveElementTabState() /* el: Element */{},
restoreElementTabState: function restoreElementTabState() /* el: Element */{},
makeElementUntabbable: function makeElementUntabbable() /* el: Element */{},
notifyOpen: function notifyOpen() {},
notifyClose: function notifyClose() {},
isRtl: function isRtl() {
return (/* boolean */false
);
},
getDrawerWidth: function getDrawerWidth() {
return (/* number */0
);
}
};
}
}]);
function MDCSlidableDrawerFoundation(adapter, rootCssClass, animatingCssClass, openCssClass) {
_classCallCheck(this, MDCSlidableDrawerFoundation);
var _this = _possibleConstructorReturn(this, (MDCSlidableDrawerFoundation.__proto__ || Object.getPrototypeOf(MDCSlidableDrawerFoundation)).call(this, _extends(MDCSlidableDrawerFoundation.defaultAdapter, adapter)));
_this.rootCssClass_ = rootCssClass;
_this.animatingCssClass_ = animatingCssClass;
_this.openCssClass_ = openCssClass;
_this.transitionEndHandler_ = function (evt) {
return _this.handleTransitionEnd_(evt);
};
_this.inert_ = false;
_this.componentTouchStartHandler_ = function (evt) {
return _this.handleTouchStart_(evt);
};
_this.componentTouchMoveHandler_ = function (evt) {
return _this.handleTouchMove_(evt);
};
_this.componentTouchEndHandler_ = function (evt) {
return _this.handleTouchEnd_(evt);
};
_this.documentKeydownHandler_ = function (evt) {
if (evt.key && evt.key === 'Escape' || evt.keyCode === 27) {
_this.close();
}
};
return _this;
}
_createClass(MDCSlidableDrawerFoundation, [{
key: 'init',
value: function init() {
var ROOT = this.rootCssClass_;
var OPEN = this.openCssClass_;
if (!this.adapter_.hasClass(ROOT)) {
throw new Error(ROOT + ' class required in root element.');
}
if (!this.adapter_.hasNecessaryDom()) {
throw new Error('Required DOM nodes missing in ' + ROOT + ' component.');
}
if (this.adapter_.hasClass(OPEN)) {
this.isOpen_ = true;
} else {
this.detabinate_();
this.isOpen_ = false;
}
this.adapter_.registerDrawerInteractionHandler('touchstart', this.componentTouchStartHandler_);
this.adapter_.registerInteractionHandler('touchmove', this.componentTouchMoveHandler_);
this.adapter_.registerInteractionHandler('touchend', this.componentTouchEndHandler_);
}
}, {
key: 'destroy',
value: function destroy() {
this.adapter_.deregisterDrawerInteractionHandler('touchstart', this.componentTouchStartHandler_);
this.adapter_.deregisterInteractionHandler('touchmove', this.componentTouchMoveHandler_);
this.adapter_.deregisterInteractionHandler('touchend', this.componentTouchEndHandler_);
// Deregister the document keydown handler just in case the component is destroyed while the menu is open.
this.adapter_.deregisterDocumentKeydownHandler(this.documentKeydownHandler_);
}
}, {
key: 'open',
value: function open() {
this.adapter_.registerTransitionEndHandler(this.transitionEndHandler_);
this.adapter_.registerDocumentKeydownHandler(this.documentKeydownHandler_);
this.adapter_.addClass(this.animatingCssClass_);
this.adapter_.addClass(this.openCssClass_);
this.retabinate_();
// Debounce multiple calls
if (!this.isOpen_) {
this.adapter_.notifyOpen();
}
this.isOpen_ = true;
}
}, {
key: 'close',
value: function close() {
this.adapter_.deregisterDocumentKeydownHandler(this.documentKeydownHandler_);
this.adapter_.registerTransitionEndHandler(this.transitionEndHandler_);
this.adapter_.addClass(this.animatingCssClass_);
this.adapter_.removeClass(this.openCssClass_);
this.detabinate_();
// Debounce multiple calls
if (this.isOpen_) {
this.adapter_.notifyClose();
}
this.isOpen_ = false;
}
}, {
key: 'isOpen',
value: function isOpen() {
return this.isOpen_;
}
/**
* Render all children of the drawer inert when it's closed.
*/
}, {
key: 'detabinate_',
value: function detabinate_() {
if (this.inert_) {
return;
}
var elements = this.adapter_.getFocusableElements();
if (elements) {
for (var i = 0; i < elements.length; i++) {
this.adapter_.saveElementTabState(elements[i]);
this.adapter_.makeElementUntabbable(elements[i]);
}
}
this.inert_ = true;
}
/**
* Make all children of the drawer tabbable again when it's open.
*/
}, {
key: 'retabinate_',
value: function retabinate_() {
if (!this.inert_) {
return;
}
var elements = this.adapter_.getFocusableElements();
if (elements) {
for (var i = 0; i < elements.length; i++) {
this.adapter_.restoreElementTabState(elements[i]);
}
}
this.inert_ = false;
}
}, {
key: 'handleTouchStart_',
value: function handleTouchStart_(evt) {
if (!this.adapter_.hasClass(this.openCssClass_)) {
return;
}
if (evt.pointerType && evt.pointerType !== 'touch') {
return;
}
this.direction_ = this.adapter_.isRtl() ? -1 : 1;
this.drawerWidth_ = this.adapter_.getDrawerWidth();
this.startX_ = evt.touches ? evt.touches[0].pageX : evt.pageX;
this.currentX_ = this.startX_;
this.updateRaf_ = requestAnimationFrame(this.updateDrawer_.bind(this));
}
}, {
key: 'handleTouchMove_',
value: function handleTouchMove_(evt) {
if (evt.pointerType && evt.pointerType !== 'touch') {
return;
}
this.currentX_ = evt.touches ? evt.touches[0].pageX : evt.pageX;
}
}, {
key: 'handleTouchEnd_',
value: function handleTouchEnd_(evt) {
if (evt.pointerType && evt.pointerType !== 'touch') {
return;
}
this.prepareForTouchEnd_();
// Did the user close the drawer by more than 50%?
if (Math.abs(this.newPosition_ / this.drawerWidth_) >= 0.5) {
this.close();
} else {
// Triggering an open here means we'll get a nice animation back to the fully open state.
this.open();
}
}
}, {
key: 'prepareForTouchEnd_',
value: function prepareForTouchEnd_() {
cancelAnimationFrame(this.updateRaf_);
this.adapter_.setTranslateX(null);
}
}, {
key: 'updateDrawer_',
value: function updateDrawer_() {
this.updateRaf_ = requestAnimationFrame(this.updateDrawer_.bind(this));
this.adapter_.setTranslateX(this.newPosition_);
}
}, {
key: 'isRootTransitioningEventTarget_',
value: function isRootTransitioningEventTarget_() {
// Classes extending MDCSlidableDrawerFoundation should implement this method to return true or false
// if the event target is the root event target currently transitioning.
return false;
}
}, {
key: 'handleTransitionEnd_',
value: function handleTransitionEnd_(evt) {
if (this.isRootTransitioningEventTarget_(evt.target)) {
this.adapter_.removeClass(this.animatingCssClass_);
this.adapter_.deregisterTransitionEndHandler(this.transitionEndHandler_);
}
}
}, {
key: 'newPosition_',
get: function get() {
var newPos = null;
if (this.direction_ === 1) {
newPos = Math.min(0, this.currentX_ - this.startX_);
} else {
newPos = Math.max(0, this.currentX_ - this.startX_);
}
return newPos;
}
}]);
return MDCSlidableDrawerFoundation;
}(__WEBPACK_IMPORTED_MODULE_0__material_base__["MDCFoundation"]);
/***/ }),
/* 42 */
/***/ (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; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__slidable__ = __webpack_require__(7);
/**
* Copyright 2016 Google Inc. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
var cssClasses = {
ROOT: 'mdc-temporary-drawer',
OPEN: 'mdc-temporary-drawer--open',
ANIMATING: 'mdc-temporary-drawer--animating',
SCROLL_LOCK: 'mdc-drawer-scroll-lock'
};
var strings = {
DRAWER_SELECTOR: '.mdc-temporary-drawer__drawer',
OPACITY_VAR_NAME: '--mdc-temporary-drawer-opacity',
FOCUSABLE_ELEMENTS: __WEBPACK_IMPORTED_MODULE_0__slidable__["a" /* FOCUSABLE_ELEMENTS */],
OPEN_EVENT: 'MDCTemporaryDrawer:open',
CLOSE_EVENT: 'MDCTemporaryDrawer:close'
};
/***/ }),
/* 43 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MDCPersistentDrawer; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base__ = __webpack_require__(1);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__foundation__ = __webpack_require__(44);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__util__ = __webpack_require__(8);
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return __WEBPACK_IMPORTED_MODULE_1__foundation__["a"]; });
/* unused harmony reexport 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; }
/**
* Copyright 2016 Google Inc. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
var MDCPersistentDrawer = function (_MDCComponent) {
_inherits(MDCPersistentDrawer, _MDCComponent);
function MDCPersistentDrawer() {
_classCallCheck(this, MDCPersistentDrawer);
return _possibleConstructorReturn(this, (MDCPersistentDrawer.__proto__ || Object.getPrototypeOf(MDCPersistentDrawer)).apply(this, arguments));
}
_createClass(MDCPersistentDrawer, [{
key: 'getDefaultFoundation',
value: function getDefaultFoundation() {
var _this2 = this;
var FOCUSABLE_ELEMENTS = __WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */].strings.FOCUSABLE_ELEMENTS;
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);
},
hasNecessaryDom: function hasNecessaryDom() {
return Boolean(_this2.drawer);
},
registerInteractionHandler: function registerInteractionHandler(evt, handler) {
return _this2.root_.addEventListener(__WEBPACK_IMPORTED_MODULE_2__util__["remapEvent"](evt), handler, __WEBPACK_IMPORTED_MODULE_2__util__["applyPassive"]());
},
deregisterInteractionHandler: function deregisterInteractionHandler(evt, handler) {
return _this2.root_.removeEventListener(__WEBPACK_IMPORTED_MODULE_2__util__["remapEvent"](evt), handler, __WEBPACK_IMPORTED_MODULE_2__util__["applyPassive"]());
},
registerDrawerInteractionHandler: function registerDrawerInteractionHandler(evt, handler) {
return _this2.drawer.addEventListener(__WEBPACK_IMPORTED_MODULE_2__util__["remapEvent"](evt), handler);
},
deregisterDrawerInteractionHandler: function deregisterDrawerInteractionHandler(evt, handler) {
return _this2.drawer.removeEventListener(__WEBPACK_IMPORTED_MODULE_2__util__["remapEvent"](evt), handler);
},
registerTransitionEndHandler: function registerTransitionEndHandler(handler) {
return _this2.root_.addEventListener('transitionend', handler);
},
deregisterTransitionEndHandler: function deregisterTransitionEndHandler(handler) {
return _this2.root_.removeEventListener('transitionend', handler);
},
registerDocumentKeydownHandler: function registerDocumentKeydownHandler(handler) {
return document.addEventListener('keydown', handler);
},
deregisterDocumentKeydownHandler: function deregisterDocumentKeydownHandler(handler) {
return document.removeEventListener('keydown', handler);
},
getDrawerWidth: function getDrawerWidth() {
return _this2.drawer.offsetWidth;
},
setTranslateX: function setTranslateX(value) {
return _this2.drawer.style.setProperty(__WEBPACK_IMPORTED_MODULE_2__util__["getTransformPropertyName"](), value === null ? null : 'translateX(' + value + 'px)');
},
getFocusableElements: function getFocusableElements() {
return _this2.drawer.querySelectorAll(FOCUSABLE_ELEMENTS);
},
saveElementTabState: function saveElementTabState(el) {
return __WEBPACK_IMPORTED_MODULE_2__util__["saveElementTabState"](el);
},
restoreElementTabState: function restoreElementTabState(el) {
return __WEBPACK_IMPORTED_MODULE_2__util__["restoreElementTabState"](el);
},
makeElementUntabbable: function makeElementUntabbable(el) {
return el.setAttribute('tabindex', -1);
},
notifyOpen: function notifyOpen() {
return _this2.emit(__WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */].strings.OPEN_EVENT);
},
notifyClose: function notifyClose() {
return _this2.emit(__WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */].strings.CLOSE_EVENT);
},
isRtl: function isRtl() {
return getComputedStyle(_this2.root_).getPropertyValue('direction') === 'rtl';
},
isDrawer: function isDrawer(el) {
return el === _this2.drawer;
}
});
}
}, {
key: 'open',
get: function get() {
return this.foundation_.isOpen();
},
set: function set(value) {
if (value) {
this.foundation_.open();
} else {
this.foundation_.close();
}
}
// Return the drawer element inside the component.
}, {
key: 'drawer',
get: function get() {
return this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */].strings.DRAWER_SELECTOR);
}
}], [{
key: 'attachTo',
value: function attachTo(root) {
return new MDCPersistentDrawer(root);
}
}]);
return MDCPersistentDrawer;
}(__WEBPACK_IMPORTED_MODULE_0__material_base__["MDCComponent"]);
/***/ }),
/* 44 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__slidable__ = __webpack_require__(7);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__constants__ = __webpack_require__(45);
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; }
/**
* Copyright 2016 Google Inc. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
var MDCPersistentDrawerFoundation = function (_MDCSlidableDrawerFou) {
_inherits(MDCPersistentDrawerFoundation, _MDCSlidableDrawerFou);
_createClass(MDCPersistentDrawerFoundation, 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__["b" /* strings */];
}
}, {
key: 'defaultAdapter',
get: function get() {
return _extends(__WEBPACK_IMPORTED_MODULE_0__slidable__["b" /* MDCSlidableDrawerFoundation */].defaultAdapter, {
isDrawer: function isDrawer() {
return false;
}
});
}
}]);
function MDCPersistentDrawerFoundation(adapter) {
_classCallCheck(this, MDCPersistentDrawerFoundation);
return _possibleConstructorReturn(this, (MDCPersistentDrawerFoundation.__proto__ || Object.getPrototypeOf(MDCPersistentDrawerFoundation)).call(this, _extends(MDCPersistentDrawerFoundation.defaultAdapter, adapter), MDCPersistentDrawerFoundation.cssClasses.ROOT, MDCPersistentDrawerFoundation.cssClasses.ANIMATING, MDCPersistentDrawerFoundation.cssClasses.OPEN));
}
_createClass(MDCPersistentDrawerFoundation, [{
key: 'isRootTransitioningEventTarget_',
value: function isRootTransitioningEventTarget_(el) {
return this.adapter_.isDrawer(el);
}
}]);
return MDCPersistentDrawerFoundation;
}(__WEBPACK_IMPORTED_MODULE_0__slidable__["b" /* MDCSlidableDrawerFoundation */]);
/* harmony default export */ __webpack_exports__["a"] = (MDCPersistentDrawerFoundation);
/***/ }),
/* 45 */
/***/ (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; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__slidable__ = __webpack_require__(7);
/**
* Copyright 2016 Google Inc. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
var cssClasses = {
ROOT: 'mdc-persistent-drawer',
OPEN: 'mdc-persistent-drawer--open',
ANIMATING: 'mdc-persistent-drawer--animating'
};
var strings = {
DRAWER_SELECTOR: '.mdc-persistent-drawer__drawer',
FOCUSABLE_ELEMENTS: __WEBPACK_IMPORTED_MODULE_0__slidable__["a" /* FOCUSABLE_ELEMENTS */],
OPEN_EVENT: 'MDCPersistentDrawer:open',
CLOSE_EVENT: 'MDCPersistentDrawer:close'
};
/***/ }),
/* 46 */
/***/ (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__(2);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__foundation__ = __webpack_require__(47);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__material_selection_control__ = __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. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/* 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 */]);
/***/ }),
/* 47 */
/***/ (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__(48);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(49);
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. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
* @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);
/***/ }),
/* 48 */
/***/ (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. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/* 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/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);
/***/ }),
/* 49 */
/***/ (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. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/** @enum {string} */
var cssClasses = {
ROOT: 'mdc-form-field'
};
/** @enum {string} */
var strings = {
LABEL_SELECTOR: '.mdc-form-field > label'
};
/***/ }),
/* 50 */
/***/ (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__ = __webpack_require__(1);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__foundation__ = __webpack_require__(51);
/* 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; }
/**
* Copyright 2016 Google Inc. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
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__["MDCComponent"]);
/***/ }),
/* 51 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base__ = __webpack_require__(1);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__constants__ = __webpack_require__(52);
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; }
/**
* Copyright 2016 Google Inc. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
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__["MDCFoundation"]);
/* harmony default export */ __webpack_exports__["a"] = (MDCGridListFoundation);
/***/ }),
/* 52 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return strings; });
/**
* Copyright 2016 Google Inc. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
var strings = {
TILES_SELECTOR: '.mdc-grid-list__tiles',
TILE_SELECTOR: '.mdc-grid-tile'
};
/***/ }),
/* 53 */
/***/ (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__(2);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__foundation__ = __webpack_require__(54);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__material_ripple__ = __webpack_require__(3);
/* 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. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
* @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__["MDCRipple"].createAdapter(this), {
isUnbounded: function isUnbounded() {
return true;
},
isSurfaceActive: function isSurfaceActive() {
return _this2.foundation_.isKeyboardActivated();
},
computeBoundingRect: function computeBoundingRect() {
var dim = 48;
var _root_$getBoundingCli = _this2.root_.getBoundingClientRect(),
left = _root_$getBoundingCli.left,
top = _root_$getBoundingCli.top;
return {
left: left,
top: top,
width: dim,
height: dim,
right: left + dim,
bottom: left + dim
};
}
});
var foundation = new __WEBPACK_IMPORTED_MODULE_2__material_ripple__["MDCRippleFoundation"](adapter);
return new __WEBPACK_IMPORTED_MODULE_2__material_ripple__["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 */]);
/***/ }),
/* 54 */
/***/ (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__(56);
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. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/* 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);
/***/ }),
/* 55 */
/***/ (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. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/* 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/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;
/***/ }),
/* 56 */
/***/ (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. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/** @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'
};
/***/ }),
/* 57 */
/***/ (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__ = __webpack_require__(1);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__foundation__ = __webpack_require__(58);
/* 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; }
/**
* Copyright 2017 Google Inc. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
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__["MDCComponent"]);
/***/ }),
/* 58 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base__ = __webpack_require__(1);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_animation__ = __webpack_require__(5);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__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; }
/**
* Copyright 2017 Google Inc. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
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: number */{}
};
}
}]);
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);
}
}, {
key: 'setDeterminate',
value: function setDeterminate(isDeterminate) {
this.determinate_ = isDeterminate;
if (this.determinate_) {
this.adapter_.removeClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].INDETERMINATE_CLASS);
} 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) {
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__["c" /* transformStyleProperties */].forEach(function (transformStyleProperty) {
_this2.adapter_.setStyle(el, transformStyleProperty, value);
});
}
}]);
return MDCLinearProgressFoundation;
}(__WEBPACK_IMPORTED_MODULE_0__material_base__["MDCFoundation"]);
/* harmony default export */ __webpack_exports__["a"] = (MDCLinearProgressFoundation);
/***/ }),
/* 59 */
/***/ (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; });
/**
* Copyright 2017 Google Inc. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
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'
};
/***/ }),
/* 60 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MDCSimpleMenu; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_component__ = __webpack_require__(2);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__foundation__ = __webpack_require__(61);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__util__ = __webpack_require__(10);
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "b", 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. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
* @extends MDCComponent<!MDCSimpleMenuFoundation>
*/
var MDCSimpleMenu = function (_MDCComponent) {
_inherits(MDCSimpleMenu, _MDCComponent);
/** @param {...?} args */
function MDCSimpleMenu() {
var _ref;
_classCallCheck(this, MDCSimpleMenu);
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
/** @private {!Element} */
var _this = _possibleConstructorReturn(this, (_ref = MDCSimpleMenu.__proto__ || Object.getPrototypeOf(MDCSimpleMenu)).call.apply(_ref, [this].concat(args)));
_this.previousFocus_;
return _this;
}
/**
* @param {!Element} root
* @return {!MDCSimpleMenu}
*/
_createClass(MDCSimpleMenu, [{
key: 'show',
/** @param {{focusIndex: ?number}=} options */
value: function show() {
var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
_ref2$focusIndex = _ref2.focusIndex,
focusIndex = _ref2$focusIndex === undefined ? null : _ref2$focusIndex;
this.foundation_.open({ focusIndex: focusIndex });
}
}, {
key: 'hide',
value: function hide() {
this.foundation_.close();
}
/**
* Return the item container element inside the component.
* @return {?Element}
*/
}, {
key: 'getDefaultFoundation',
/** @return {!MDCSimpleMenuFoundation} */
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);
},
hasNecessaryDom: function hasNecessaryDom() {
return Boolean(_this2.itemsContainer_);
},
getAttributeForEventTarget: function getAttributeForEventTarget(target, attributeName) {
return target.getAttribute(attributeName);
},
eventTargetHasClass: function eventTargetHasClass(target, className) {
return target.classList.contains(className);
},
getInnerDimensions: function getInnerDimensions() {
var itemsContainer = _this2.itemsContainer_;
return { width: itemsContainer.offsetWidth, height: itemsContainer.offsetHeight };
},
hasAnchor: function hasAnchor() {
return _this2.root_.parentElement && _this2.root_.parentElement.classList.contains('mdc-menu-anchor');
},
getAnchorDimensions: function getAnchorDimensions() {
return _this2.root_.parentElement.getBoundingClientRect();
},
getWindowDimensions: function getWindowDimensions() {
return { width: window.innerWidth, height: window.innerHeight };
},
setScale: function setScale(x, y) {
_this2.root_.style[Object(__WEBPACK_IMPORTED_MODULE_2__util__["getTransformPropertyName"])(window)] = 'scale(' + x + ', ' + y + ')';
},
setInnerScale: function setInnerScale(x, y) {
_this2.itemsContainer_.style[Object(__WEBPACK_IMPORTED_MODULE_2__util__["getTransformPropertyName"])(window)] = 'scale(' + x + ', ' + y + ')';
},
getNumberOfItems: function getNumberOfItems() {
return _this2.items.length;
},
registerInteractionHandler: function registerInteractionHandler(type, handler) {
return _this2.root_.addEventListener(type, handler);
},
deregisterInteractionHandler: function deregisterInteractionHandler(type, handler) {
return _this2.root_.removeEventListener(type, handler);
},
registerBodyClickHandler: function registerBodyClickHandler(handler) {
return document.body.addEventListener('click', handler);
},
deregisterBodyClickHandler: function deregisterBodyClickHandler(handler) {
return document.body.removeEventListener('click', handler);
},
getYParamsForItemAtIndex: function getYParamsForItemAtIndex(index) {
var _items$index = _this2.items[index],
top = _items$index.offsetTop,
height = _items$index.offsetHeight;
return { top: top, height: height };
},
setTransitionDelayForItemAtIndex: function setTransitionDelayForItemAtIndex(index, value) {
return _this2.items[index].style.setProperty('transition-delay', value);
},
getIndexForEventTarget: function getIndexForEventTarget(target) {
return _this2.items.indexOf(target);
},
notifySelected: function notifySelected(evtData) {
return _this2.emit(__WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */].strings.SELECTED_EVENT, {
index: evtData.index,
item: _this2.items[evtData.index]
});
},
notifyCancel: function notifyCancel() {
return _this2.emit(__WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */].strings.CANCEL_EVENT, {});
},
saveFocus: function saveFocus() {
_this2.previousFocus_ = document.activeElement;
},
restoreFocus: function restoreFocus() {
if (_this2.previousFocus_) {
_this2.previousFocus_.focus();
}
},
isFocused: function isFocused() {
return document.activeElement === _this2.root_;
},
focus: function focus() {
return _this2.root_.focus();
},
getFocusedItemIndex: function getFocusedItemIndex() {
return _this2.items.indexOf(document.activeElement);
},
focusItemAtIndex: function focusItemAtIndex(index) {
return _this2.items[index].focus();
},
isRtl: function isRtl() {
return getComputedStyle(_this2.root_).getPropertyValue('direction') === 'rtl';
},
setTransformOrigin: function setTransformOrigin(origin) {
_this2.root_.style[Object(__WEBPACK_IMPORTED_MODULE_2__util__["getTransformPropertyName"])(window) + '-origin'] = origin;
},
setPosition: function setPosition(position) {
_this2.root_.style.left = 'left' in position ? position.left : null;
_this2.root_.style.right = 'right' in position ? position.right : null;
_this2.root_.style.top = 'top' in position ? position.top : null;
_this2.root_.style.bottom = 'bottom' in position ? position.bottom : null;
},
getAccurateTime: function getAccurateTime() {
return window.performance.now();
}
});
}
}, {
key: 'open',
/** @return {boolean} */
get: function get() {
return this.foundation_.isOpen();
}
/** @param {boolean} value */
,
set: function set(value) {
if (value) {
this.foundation_.open();
} else {
this.foundation_.close();
}
}
}, {
key: 'itemsContainer_',
get: function get() {
return this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_1__foundation__["a" /* default */].strings.ITEMS_SELECTOR);
}
/**
* 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<!Element>}
*/
}, {
key: 'items',
get: function get() {
var itemsContainer = this.itemsContainer_;
return [].slice.call(itemsContainer.querySelectorAll('.mdc-list-item[role]'));
}
}], [{
key: 'attachTo',
value: function attachTo(root) {
return new MDCSimpleMenu(root);
}
}]);
return MDCSimpleMenu;
}(__WEBPACK_IMPORTED_MODULE_0__material_base_component__["a" /* default */]);
/***/ }),
/* 61 */
/***/ (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__(63);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__util__ = __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 _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 2016 Google Inc. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
* @extends {MDCFoundation<!MDCSimpleMenuAdapter>}
*/
var MDCSimpleMenuFoundation = function (_MDCFoundation) {
_inherits(MDCSimpleMenuFoundation, _MDCFoundation);
_createClass(MDCSimpleMenuFoundation, 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__["c" /* strings */];
}
/** @return enum{numbers} */
}, {
key: 'numbers',
get: function get() {
return __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* numbers */];
}
/**
* {@see MDCSimpleMenuAdapter} for typing information on parameters and return
* types.
* @return {!MDCSimpleMenuAdapter}
*/
}, {
key: 'defaultAdapter',
get: function get() {
return (/** @type {!MDCSimpleMenuAdapter} */{
addClass: function addClass() {},
removeClass: function removeClass() {},
hasClass: function hasClass() {
return false;
},
hasNecessaryDom: function hasNecessaryDom() {
return false;
},
getAttributeForEventTarget: function getAttributeForEventTarget() {},
eventTargetHasClass: function eventTargetHasClass() {},
getInnerDimensions: function getInnerDimensions() {
return {};
},
hasAnchor: function hasAnchor() {
return false;
},
getAnchorDimensions: function getAnchorDimensions() {
return {};
},
getWindowDimensions: function getWindowDimensions() {
return {};
},
setScale: function setScale() {},
setInnerScale: function setInnerScale() {},
getNumberOfItems: function getNumberOfItems() {
return 0;
},
registerInteractionHandler: function registerInteractionHandler() {},
deregisterInteractionHandler: function deregisterInteractionHandler() {},
registerBodyClickHandler: function registerBodyClickHandler() {},
deregisterBodyClickHandler: function deregisterBodyClickHandler() {},
getYParamsForItemAtIndex: function getYParamsForItemAtIndex() {
return {};
},
setTransitionDelayForItemAtIndex: function setTransitionDelayForItemAtIndex() {},
getIndexForEventTarget: function getIndexForEventTarget() {
return 0;
},
notifySelected: function notifySelected() {},
notifyCancel: function notifyCancel() {},
saveFocus: function saveFocus() {},
restoreFocus: function restoreFocus() {},
isFocused: function isFocused() {
return false;
},
focus: function focus() {},
getFocusedItemIndex: function getFocusedItemIndex() {
return -1;
},
focusItemAtIndex: function focusItemAtIndex() {},
isRtl: function isRtl() {
return false;
},
setTransformOrigin: function setTransformOrigin() {},
setPosition: function setPosition() {},
getAccurateTime: function getAccurateTime() {
return 0;
}
}
);
}
/** @param {!MDCSimpleMenuAdapter} adapter */
}]);
function MDCSimpleMenuFoundation(adapter) {
_classCallCheck(this, MDCSimpleMenuFoundation);
/** @private {function(!Event)} */
var _this = _possibleConstructorReturn(this, (MDCSimpleMenuFoundation.__proto__ || Object.getPrototypeOf(MDCSimpleMenuFoundation)).call(this, _extends(MDCSimpleMenuFoundation.defaultAdapter, adapter)));
_this.clickHandler_ = function (evt) {
return _this.handlePossibleSelected_(evt);
};
/** @private {function(!Event)} */
_this.keydownHandler_ = function (evt) {
return _this.handleKeyboardDown_(evt);
};
/** @private {function(!Event)} */
_this.keyupHandler_ = function (evt) {
return _this.handleKeyboardUp_(evt);
};
/** @private {function(!Event)} */
_this.documentClickHandler_ = function (evt) {
return _this.handleDocumentClick_(evt);
};
/** @private {boolean} */
_this.isOpen_ = false;
/** @private {number} */
_this.startScaleX_ = 0;
/** @private {number} */
_this.startScaleY_ = 0;
/** @private {number} */
_this.targetScale_ = 1;
/** @private {number} */
_this.scaleX_ = 0;
/** @private {number} */
_this.scaleY_ = 0;
/** @private {boolean} */
_this.running_ = false;
/** @private {number} */
_this.selectedTriggerTimerId_ = 0;
/** @private {number} */
_this.animationRequestId_ = 0;
/** @private {!{ width: number, height: number }} */
_this.dimensions_;
/** @private {number} */
_this.startTime_;
/** @private {number} */
_this.itemHeight_;
return _this;
}
_createClass(MDCSimpleMenuFoundation, [{
key: 'init',
value: function init() {
var _MDCSimpleMenuFoundat = MDCSimpleMenuFoundation.cssClasses,
ROOT = _MDCSimpleMenuFoundat.ROOT,
OPEN = _MDCSimpleMenuFoundat.OPEN;
if (!this.adapter_.hasClass(ROOT)) {
throw new Error(ROOT + ' class required in root element.');
}
if (!this.adapter_.hasNecessaryDom()) {
throw new Error('Required DOM nodes missing in ' + ROOT + ' component.');
}
if (this.adapter_.hasClass(OPEN)) {
this.isOpen_ = true;
}
this.adapter_.registerInteractionHandler('click', this.clickHandler_);
this.adapter_.registerInteractionHandler('keyup', this.keyupHandler_);
this.adapter_.registerInteractionHandler('keydown', this.keydownHandler_);
}
}, {
key: 'destroy',
value: function destroy() {
clearTimeout(this.selectedTriggerTimerId_);
// Cancel any currently running animations.
cancelAnimationFrame(this.animationRequestId_);
this.adapter_.deregisterInteractionHandler('click', this.clickHandler_);
this.adapter_.deregisterInteractionHandler('keyup', this.keyupHandler_);
this.adapter_.deregisterInteractionHandler('keydown', this.keydownHandler_);
this.adapter_.deregisterBodyClickHandler(this.documentClickHandler_);
}
/**
* Calculates transition delays for individual menu items, so that they fade in one at a time.
* @private
*/
}, {
key: 'applyTransitionDelays_',
value: function applyTransitionDelays_() {
var _MDCSimpleMenuFoundat2 = MDCSimpleMenuFoundation.cssClasses,
BOTTOM_LEFT = _MDCSimpleMenuFoundat2.BOTTOM_LEFT,
BOTTOM_RIGHT = _MDCSimpleMenuFoundat2.BOTTOM_RIGHT;
var numItems = this.adapter_.getNumberOfItems();
var height = this.dimensions_.height;
var transitionDuration = MDCSimpleMenuFoundation.numbers.TRANSITION_DURATION_MS / 1000;
var start = MDCSimpleMenuFoundation.numbers.TRANSITION_SCALE_ADJUSTMENT_Y;
for (var index = 0; index < numItems; index++) {
var _adapter_$getYParamsF = this.adapter_.getYParamsForItemAtIndex(index),
itemTop = _adapter_$getYParamsF.top,
itemHeight = _adapter_$getYParamsF.height;
this.itemHeight_ = itemHeight;
var itemDelayFraction = itemTop / height;
if (this.adapter_.hasClass(BOTTOM_LEFT) || this.adapter_.hasClass(BOTTOM_RIGHT)) {
itemDelayFraction = (height - itemTop - itemHeight) / height;
}
var itemDelay = (start + itemDelayFraction * (1 - start)) * transitionDuration;
// Use toFixed() here to normalize CSS unit precision across browsers
this.adapter_.setTransitionDelayForItemAtIndex(index, itemDelay.toFixed(3) + 's');
}
}
/**
* Removes transition delays from menu items.
* @private
*/
}, {
key: 'removeTransitionDelays_',
value: function removeTransitionDelays_() {
var numItems = this.adapter_.getNumberOfItems();
for (var i = 0; i < numItems; i++) {
this.adapter_.setTransitionDelayForItemAtIndex(i, null);
}
}
/**
* Animates menu opening or closing.
* @private
*/
}, {
key: 'animationLoop_',
value: function animationLoop_() {
var _this2 = this;
var time = this.adapter_.getAccurateTime();
var _MDCSimpleMenuFoundat3 = MDCSimpleMenuFoundation.numbers,
TRANSITION_DURATION_MS = _MDCSimpleMenuFoundat3.TRANSITION_DURATION_MS,
TRANSITION_X1 = _MDCSimpleMenuFoundat3.TRANSITION_X1,
TRANSITION_Y1 = _MDCSimpleMenuFoundat3.TRANSITION_Y1,
TRANSITION_X2 = _MDCSimpleMenuFoundat3.TRANSITION_X2,
TRANSITION_Y2 = _MDCSimpleMenuFoundat3.TRANSITION_Y2,
TRANSITION_SCALE_ADJUSTMENT_X = _MDCSimpleMenuFoundat3.TRANSITION_SCALE_ADJUSTMENT_X,
TRANSITION_SCALE_ADJUSTMENT_Y = _MDCSimpleMenuFoundat3.TRANSITION_SCALE_ADJUSTMENT_Y;
var currentTime = Object(__WEBPACK_IMPORTED_MODULE_3__util__["clamp"])((time - this.startTime_) / TRANSITION_DURATION_MS);
// Animate X axis very slowly, so that only the Y axis animation is visible during fade-out.
var currentTimeX = Object(__WEBPACK_IMPORTED_MODULE_3__util__["clamp"])((currentTime - TRANSITION_SCALE_ADJUSTMENT_X) / (1 - TRANSITION_SCALE_ADJUSTMENT_X));
// No time-shifting on the Y axis when closing.
var currentTimeY = currentTime;
var startScaleY = this.startScaleY_;
if (this.targetScale_ === 1) {
// Start with the menu at the height of a single item.
if (this.itemHeight_) {
startScaleY = Math.max(this.itemHeight_ / this.dimensions_.height, startScaleY);
}
// X axis moves faster, so time-shift forward.
currentTimeX = Object(__WEBPACK_IMPORTED_MODULE_3__util__["clamp"])(currentTime + TRANSITION_SCALE_ADJUSTMENT_X);
// Y axis moves slower, so time-shift backwards and adjust speed by the difference.
currentTimeY = Object(__WEBPACK_IMPORTED_MODULE_3__util__["clamp"])((currentTime - TRANSITION_SCALE_ADJUSTMENT_Y) / (1 - TRANSITION_SCALE_ADJUSTMENT_Y));
}
// Apply cubic bezier easing independently to each axis.
var easeX = Object(__WEBPACK_IMPORTED_MODULE_3__util__["bezierProgress"])(currentTimeX, TRANSITION_X1, TRANSITION_Y1, TRANSITION_X2, TRANSITION_Y2);
var easeY = Object(__WEBPACK_IMPORTED_MODULE_3__util__["bezierProgress"])(currentTimeY, TRANSITION_X1, TRANSITION_Y1, TRANSITION_X2, TRANSITION_Y2);
// Calculate the scales to apply to the outer container and inner container.
this.scaleX_ = this.startScaleX_ + (this.targetScale_ - this.startScaleX_) * easeX;
var invScaleX = 1 / (this.scaleX_ === 0 ? 1 : this.scaleX_);
this.scaleY_ = startScaleY + (this.targetScale_ - startScaleY) * easeY;
var invScaleY = 1 / (this.scaleY_ === 0 ? 1 : this.scaleY_);
// Apply scales.
this.adapter_.setScale(this.scaleX_, this.scaleY_);
this.adapter_.setInnerScale(invScaleX, invScaleY);
// Stop animation when we've covered the entire 0 - 1 range of time.
if (currentTime < 1) {
this.animationRequestId_ = requestAnimationFrame(function () {
return _this2.animationLoop_();
});
} else {
this.animationRequestId_ = 0;
this.running_ = false;
this.adapter_.removeClass(MDCSimpleMenuFoundation.cssClasses.ANIMATING);
}
}
/**
* Starts the open or close animation.
* @private
*/
}, {
key: 'animateMenu_',
value: function animateMenu_() {
var _this3 = this;
this.startTime_ = this.adapter_.getAccurateTime();
this.startScaleX_ = this.scaleX_;
this.startScaleY_ = this.scaleY_;
this.targetScale_ = this.isOpen_ ? 1 : 0;
if (!this.running_) {
this.running_ = true;
this.animationRequestId_ = requestAnimationFrame(function () {
return _this3.animationLoop_();
});
}
}
/**
* @param {?number} focusIndex
* @private
*/
}, {
key: 'focusOnOpen_',
value: function focusOnOpen_(focusIndex) {
if (focusIndex === null) {
// First, try focusing the menu.
this.adapter_.focus();
// If that doesn't work, focus first item instead.
if (!this.adapter_.isFocused()) {
this.adapter_.focusItemAtIndex(0);
}
} else {
this.adapter_.focusItemAtIndex(focusIndex);
}
}
/**
* Handle clicks and cancel the menu if not a list item
* @param {!Event} evt
* @private
*/
}, {
key: 'handleDocumentClick_',
value: function handleDocumentClick_(evt) {
var el = evt.target;
while (el && el !== document.documentElement) {
if (this.adapter_.eventTargetHasClass(el, __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].LIST_ITEM)) {
return;
}
el = el.parentNode;
}
this.adapter_.notifyCancel();
this.close(evt);
}
}, {
key: 'handleKeyboardDown_',
/**
* Handle keys that we want to repeat on hold (tab and arrows).
* @param {!Event} evt
* @return {boolean}
* @private
*/
value: function handleKeyboardDown_(evt) {
// Do nothing if Alt, Ctrl or Meta are pressed.
if (evt.altKey || evt.ctrlKey || evt.metaKey) {
return true;
}
var keyCode = evt.keyCode,
key = evt.key,
shiftKey = evt.shiftKey;
var isTab = key === 'Tab' || keyCode === 9;
var isArrowUp = key === 'ArrowUp' || keyCode === 38;
var isArrowDown = key === 'ArrowDown' || keyCode === 40;
var isSpace = key === 'Space' || keyCode === 32;
var focusedItemIndex = this.adapter_.getFocusedItemIndex();
var lastItemIndex = this.adapter_.getNumberOfItems() - 1;
if (shiftKey && isTab && focusedItemIndex === 0) {
this.adapter_.focusItemAtIndex(lastItemIndex);
evt.preventDefault();
return false;
}
if (!shiftKey && isTab && focusedItemIndex === lastItemIndex) {
this.adapter_.focusItemAtIndex(0);
evt.preventDefault();
return false;
}
// Ensure Arrow{Up,Down} and space do not cause inadvertent scrolling
if (isArrowUp || isArrowDown || isSpace) {
evt.preventDefault();
}
if (isArrowUp) {
if (focusedItemIndex === 0 || this.adapter_.isFocused()) {
this.adapter_.focusItemAtIndex(lastItemIndex);
} else {
this.adapter_.focusItemAtIndex(focusedItemIndex - 1);
}
} else if (isArrowDown) {
if (focusedItemIndex === lastItemIndex || this.adapter_.isFocused()) {
this.adapter_.focusItemAtIndex(0);
} else {
this.adapter_.focusItemAtIndex(focusedItemIndex + 1);
}
}
return true;
}
/**
* Handle keys that we don't want to repeat on hold (Enter, Space, Escape).
* @param {!Event} evt
* @return {boolean}
* @private
*/
}, {
key: 'handleKeyboardUp_',
value: function handleKeyboardUp_(evt) {
// Do nothing if Alt, Ctrl or Meta are pressed.
if (evt.altKey || evt.ctrlKey || evt.metaKey) {
return true;
}
var keyCode = evt.keyCode,
key = evt.key;
var isEnter = key === 'Enter' || keyCode === 13;
var isSpace = key === 'Space' || keyCode === 32;
var isEscape = key === 'Escape' || keyCode === 27;
if (isEnter || isSpace) {
this.handlePossibleSelected_(evt);
}
if (isEscape) {
this.adapter_.notifyCancel();
this.close();
}
return true;
}
/**
* @param {!Event} evt
* @private
*/
}, {
key: 'handlePossibleSelected_',
value: function handlePossibleSelected_(evt) {
var _this4 = this;
if (this.adapter_.getAttributeForEventTarget(evt.target, __WEBPACK_IMPORTED_MODULE_2__constants__["c" /* strings */].ARIA_DISABLED_ATTR) === 'true') {
return;
}
var targetIndex = this.adapter_.getIndexForEventTarget(evt.target);
if (targetIndex < 0) {
return;
}
// Debounce multiple selections
if (this.selectedTriggerTimerId_) {
return;
}
this.selectedTriggerTimerId_ = setTimeout(function () {
_this4.selectedTriggerTimerId_ = 0;
_this4.close();
_this4.adapter_.notifySelected({ index: targetIndex });
}, __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* numbers */].SELECTED_TRIGGER_DELAY);
}
/** @private */
}, {
key: 'autoPosition_',
value: function autoPosition_() {
var _position;
if (!this.adapter_.hasAnchor()) {
return;
}
// Defaults: open from the top left.
var vertical = 'top';
var horizontal = 'left';
var anchor = this.adapter_.getAnchorDimensions();
var windowDimensions = this.adapter_.getWindowDimensions();
var topOverflow = anchor.top + this.dimensions_.height - windowDimensions.height;
var bottomOverflow = this.dimensions_.height - anchor.bottom;
var extendsBeyondTopBounds = topOverflow > 0;
if (extendsBeyondTopBounds) {
if (bottomOverflow < topOverflow) {
vertical = 'bottom';
}
}
var leftOverflow = anchor.left + this.dimensions_.width - windowDimensions.width;
var rightOverflow = this.dimensions_.width - anchor.right;
var extendsBeyondLeftBounds = leftOverflow > 0;
var extendsBeyondRightBounds = rightOverflow > 0;
if (this.adapter_.isRtl()) {
// In RTL, we prefer to open from the right.
horizontal = 'right';
if (extendsBeyondRightBounds && leftOverflow < rightOverflow) {
horizontal = 'left';
}
} else if (extendsBeyondLeftBounds && rightOverflow < leftOverflow) {
horizontal = 'right';
}
var position = (_position = {}, _defineProperty(_position, horizontal, '0'), _defineProperty(_position, vertical, '0'), _position);
this.adapter_.setTransformOrigin(vertical + ' ' + horizontal);
this.adapter_.setPosition(position);
}
/**
* Open the menu.
* @param {{focusIndex: ?number}=} options
*/
}, {
key: 'open',
value: function open() {
var _this5 = this;
var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
_ref$focusIndex = _ref.focusIndex,
focusIndex = _ref$focusIndex === undefined ? null : _ref$focusIndex;
this.adapter_.saveFocus();
this.adapter_.addClass(MDCSimpleMenuFoundation.cssClasses.ANIMATING);
this.animationRequestId_ = requestAnimationFrame(function () {
_this5.dimensions_ = _this5.adapter_.getInnerDimensions();
_this5.applyTransitionDelays_();
_this5.autoPosition_();
_this5.animateMenu_();
_this5.adapter_.addClass(MDCSimpleMenuFoundation.cssClasses.OPEN);
_this5.focusOnOpen_(focusIndex);
_this5.adapter_.registerBodyClickHandler(_this5.documentClickHandler_);
});
this.isOpen_ = true;
}
/**
* Closes the menu.
* @param {Event=} evt
*/
}, {
key: 'close',
value: function close() {
var _this6 = this;
var evt = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
var targetIsDisabled = evt ? this.adapter_.getAttributeForEventTarget(evt.target, __WEBPACK_IMPORTED_MODULE_2__constants__["c" /* strings */].ARIA_DISABLED_ATTR) === 'true' : false;
if (targetIsDisabled) {
return;
}
this.adapter_.deregisterBodyClickHandler(this.documentClickHandler_);
this.adapter_.addClass(MDCSimpleMenuFoundation.cssClasses.ANIMATING);
requestAnimationFrame(function () {
_this6.removeTransitionDelays_();
_this6.animateMenu_();
_this6.adapter_.removeClass(MDCSimpleMenuFoundation.cssClasses.OPEN);
});
this.isOpen_ = false;
this.adapter_.restoreFocus();
}
/** @return {boolean} */
}, {
key: 'isOpen',
value: function isOpen() {
return this.isOpen_;
}
}]);
return MDCSimpleMenuFoundation;
}(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
/* harmony default export */ __webpack_exports__["a"] = (MDCSimpleMenuFoundation);
/***/ }),
/* 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 2016 Google Inc. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/* eslint no-unused-vars: [2, {"args": "none"}] */
/**
* Adapter for MDC Simple Menu. 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/architecture.md
*
* @record
*/
var MDCSimpleMenuAdapter = function () {
function MDCSimpleMenuAdapter() {
_classCallCheck(this, MDCSimpleMenuAdapter);
}
_createClass(MDCSimpleMenuAdapter, [{
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: "hasNecessaryDom",
value: function hasNecessaryDom() {}
/**
* @param {EventTarget} target
* @param {string} attributeName
* @return {string}
*/
}, {
key: "getAttributeForEventTarget",
value: function getAttributeForEventTarget(target, attributeName) {}
/**
* @param {EventTarget} target
* @param {string} className
* @return {boolean}
*/
}, {
key: "eventTargetHasClass",
value: function eventTargetHasClass(target, className) {}
/** @return {{ width: number, height: number }} */
}, {
key: "getInnerDimensions",
value: function getInnerDimensions() {}
/** @return {boolean} */
}, {
key: "hasAnchor",
value: function hasAnchor() {}
/** @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() {}
/**
* @param {number} x
* @param {number} y
*/
}, {
key: "setScale",
value: function setScale(x, y) {}
/**
* @param {number} x
* @param {number} y
*/
}, {
key: "setInnerScale",
value: function setInnerScale(x, y) {}
/** @return {number} */
}, {
key: "getNumberOfItems",
value: function getNumberOfItems() {}
/**
* @param {string} type
* @param {function(!Event)} handler
*/
}, {
key: "registerInteractionHandler",
value: function registerInteractionHandler(type, handler) {}
/**
* @param {string} type
* @param {function(!Event)} handler
*/
}, {
key: "deregisterInteractionHandler",
value: function deregisterInteractionHandler(type, handler) {}
/** @param {function(!Event)} handler */
}, {
key: "registerBodyClickHandler",
value: function registerBodyClickHandler(handler) {}
/** @param {function(!Event)} handler */
}, {
key: "deregisterBodyClickHandler",
value: function deregisterBodyClickHandler(handler) {}
/**
* @param {number} index
* @return {{top: number, height: number}}
*/
}, {
key: "getYParamsForItemAtIndex",
value: function getYParamsForItemAtIndex(index) {}
/**
* @param {number} index
* @param {string|null} value
*/
}, {
key: "setTransitionDelayForItemAtIndex",
value: function setTransitionDelayForItemAtIndex(index, value) {}
/**
* @param {EventTarget} target
* @return {number}
*/
}, {
key: "getIndexForEventTarget",
value: function getIndexForEventTarget(target) {}
/** @param {{index: number}} evtData */
}, {
key: "notifySelected",
value: function notifySelected(evtData) {}
}, {
key: "notifyCancel",
value: function notifyCancel() {}
}, {
key: "saveFocus",
value: function saveFocus() {}
}, {
key: "restoreFocus",
value: function restoreFocus() {}
/** @return {boolean} */
}, {
key: "isFocused",
value: function isFocused() {}
}, {
key: "focus",
value: function focus() {}
/** @return {number} */
}, {
key: "getFocusedItemIndex",
value: function getFocusedItemIndex() /* number */{}
/** @param {number} index */
}, {
key: "focusItemAtIndex",
value: function focusItemAtIndex(index) {}
/** @return {boolean} */
}, {
key: "isRtl",
value: function isRtl() {}
/** @param {string} origin */
}, {
key: "setTransformOrigin",
value: function setTransformOrigin(origin) {}
/** @param {{
* top: (string|undefined),
* right: (string|undefined),
* bottom: (string|undefined),
* left: (string|undefined)
* }} position */
}, {
key: "setPosition",
value: function setPosition(position) {}
/** @return {number} */
}, {
key: "getAccurateTime",
value: function getAccurateTime() {}
}]);
return MDCSimpleMenuAdapter;
}();
/* unused harmony default export */ var _unused_webpack_default_export = (MDCSimpleMenuAdapter);
/***/ }),
/* 63 */
/***/ (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. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/** @enum {string} */
var cssClasses = {
ROOT: 'mdc-simple-menu',
OPEN: 'mdc-simple-menu--open',
ANIMATING: 'mdc-simple-menu--animating',
TOP_RIGHT: 'mdc-simple-menu--open-from-top-right',
BOTTOM_LEFT: 'mdc-simple-menu--open-from-bottom-left',
BOTTOM_RIGHT: 'mdc-simple-menu--open-from-bottom-right',
LIST_ITEM: 'mdc-list-item'
};
/** @enum {string} */
var strings = {
ITEMS_SELECTOR: '.mdc-simple-menu__items',
SELECTED_EVENT: 'MDCSimpleMenu:selected',
CANCEL_EVENT: 'MDCSimpleMenu:cancel',
ARIA_DISABLED_ATTR: 'aria-disabled'
};
/** @enum {number} */
var numbers = {
// Amount of time to wait before triggering a selected event on the menu. Note that this time
// will most likely be bumped up once interactive lists are supported to allow for the ripple to
// animate before closing the menu
SELECTED_TRIGGER_DELAY: 50,
// Total duration of the menu animation.
TRANSITION_DURATION_MS: 300,
// The menu starts its open animation with the X axis at this time value (0 - 1).
TRANSITION_SCALE_ADJUSTMENT_X: 0.5,
// The time value the menu waits until the animation starts on the Y axis (0 - 1).
TRANSITION_SCALE_ADJUSTMENT_Y: 0.2,
// The cubic bezier control points for the animation (cubic-bezier(0, 0, 0.2, 1)).
TRANSITION_X1: 0,
TRANSITION_Y1: 0,
TRANSITION_X2: 0.2,
TRANSITION_Y2: 1
};
/***/ }),
/* 64 */
/***/ (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__(2);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_selection_control__ = __webpack_require__(4);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__foundation__ = __webpack_require__(65);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__material_ripple__ = __webpack_require__(3);
/* 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. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/* 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.foundation_.isChecked();
}
/** @param {boolean} checked */
,
set: function set(checked) {
this.foundation_.setChecked(checked);
}
/** @return {boolean} */
}, {
key: 'disabled',
get: function get() {
return this.foundation_.isDisabled();
}
/** @param {boolean} disabled */
,
set: function set(disabled) {
this.foundation_.setDisabled(disabled);
}
/** @return {?string} */
}, {
key: 'value',
get: function get() {
return this.foundation_.getValue();
}
/** @param {?string} value */
,
set: function set(value) {
this.foundation_.setValue(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__["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);
},
computeBoundingRect: function computeBoundingRect() {
var _root_$getBoundingCli = _this2.root_.getBoundingClientRect(),
left = _root_$getBoundingCli.left,
top = _root_$getBoundingCli.top;
var DIM = 40;
return {
top: top,
left: left,
right: left + DIM,
bottom: top + DIM,
width: DIM,
height: DIM
};
}
});
var foundation = new __WEBPACK_IMPORTED_MODULE_3__material_ripple__["MDCRippleFoundation"](adapter);
return new __WEBPACK_IMPORTED_MODULE_3__material_ripple__["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);
},
getNativeControl: function getNativeControl() {
return _this3.root_.querySelector(__WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */].strings.NATIVE_CONTROL_SELECTOR);
}
});
}
}, {
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 */]);
/***/ }),
/* 65 */
/***/ (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__ = __webpack_require__(4);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__adapter__ = __webpack_require__(66);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__constants__ = __webpack_require__(67);
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. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/* 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: 'isChecked',
/** @return {boolean} */
value: function isChecked() {
return this.getNativeControl_().checked;
}
/** @param {boolean} checked */
}, {
key: 'setChecked',
value: function setChecked(checked) {
this.getNativeControl_().checked = checked;
}
/** @return {boolean} */
}, {
key: 'isDisabled',
value: function isDisabled() {
return this.getNativeControl_().disabled;
}
/** @param {boolean} disabled */
}, {
key: 'setDisabled',
value: function setDisabled(disabled) {
var DISABLED = MDCRadioFoundation.cssClasses.DISABLED;
this.getNativeControl_().disabled = disabled;
if (disabled) {
this.adapter_.addClass(DISABLED);
} else {
this.adapter_.removeClass(DISABLED);
}
}
/** @return {?string} */
}, {
key: 'getValue',
value: function getValue() {
return this.getNativeControl_().value;
}
/** @param {?string} value */
}, {
key: 'setValue',
value: function setValue(value) {
this.getNativeControl_().value = value;
}
/**
* @return {!MDCSelectionControlState}
* @private
*/
}, {
key: 'getNativeControl_',
value: function getNativeControl_() {
return this.adapter_.getNativeControl() || {
checked: false,
disabled: false,
value: 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__["b" /* strings */];
}
/** @return {!MDCRadioAdapter} */
}, {
key: 'defaultAdapter',
get: function get() {
return (/** @type {!MDCRadioAdapter} */{
addClass: function addClass() /* className: string */{},
removeClass: function removeClass() /* className: string */{},
getNativeControl: function getNativeControl() /* !MDCSelectionControlState */{}
}
);
}
}]);
return MDCRadioFoundation;
}(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
/* harmony default export */ __webpack_exports__["a"] = (MDCRadioFoundation);
/***/ }),
/* 66 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_selection_control__ = __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. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/* 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/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) {}
/** @return {!MDCSelectionControlState} */
}, {
key: 'getNativeControl',
value: function getNativeControl() {}
}]);
return MDCRadioAdapter;
}();
/* unused harmony default export */ var _unused_webpack_default_export = (MDCRadioAdapter);
/***/ }),
/* 67 */
/***/ (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. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/** @enum {string} */
var strings = {
NATIVE_CONTROL_SELECTOR: '.mdc-radio__native-control'
};
/** @enum {string} */
var cssClasses = {
ROOT: 'mdc-radio',
DISABLED: 'mdc-radio--disabled'
};
/***/ }),
/* 68 */
/***/ (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__ = __webpack_require__(1);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_ripple__ = __webpack_require__(3);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__material_menu__ = __webpack_require__(9);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__foundation__ = __webpack_require__(69);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__constants__ = __webpack_require__(14);
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCSelectFoundation", 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; }
/**
* Copyright 2016 Google Inc. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
var MDCSelect = function (_MDCComponent) {
_inherits(MDCSelect, _MDCComponent);
function MDCSelect() {
_classCallCheck(this, MDCSelect);
return _possibleConstructorReturn(this, (MDCSelect.__proto__ || Object.getPrototypeOf(MDCSelect)).apply(this, arguments));
}
_createClass(MDCSelect, [{
key: 'item',
value: function item(index) {
return this.options[index] || null;
}
}, {
key: 'nameditem',
value: function nameditem(key) {
// NOTE: IE11 precludes us from using Array.prototype.find
for (var i = 0, options = this.options, option; option = options[i]; i++) {
if (option.id === key || option.getAttribute('name') === key) {
return option;
}
}
return null;
}
}, {
key: 'initialize',
value: function initialize() {
var menuFactory = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : function (el) {
return new __WEBPACK_IMPORTED_MODULE_2__material_menu__["MDCSimpleMenu"](el);
};
this.surface_ = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_4__constants__["b" /* strings */].SURFACE_SELECTOR);
this.label_ = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_4__constants__["b" /* strings */].LABEL_SELECTOR);
this.bottomLine_ = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_4__constants__["b" /* strings */].BOTTOM_LINE_SELECTOR);
this.selectedText_ = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_4__constants__["b" /* strings */].SELECTED_TEXT_SELECTOR);
this.menuEl_ = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_4__constants__["b" /* strings */].MENU_SELECTOR);
this.menu_ = menuFactory(this.menuEl_);
this.ripple = new __WEBPACK_IMPORTED_MODULE_1__material_ripple__["MDCRipple"](this.surface_);
}
}, {
key: 'getDefaultFoundation',
value: function getDefaultFoundation() {
var _this2 = this;
return new __WEBPACK_IMPORTED_MODULE_3__foundation__["a" /* default */]({
addClass: function addClass(className) {
return _this2.root_.classList.add(className);
},
removeClass: function removeClass(className) {
return _this2.root_.classList.remove(className);
},
addClassToLabel: function addClassToLabel(className) {
return _this2.label_.classList.add(className);
},
removeClassFromLabel: function removeClassFromLabel(className) {
return _this2.label_.classList.remove(className);
},
addClassToBottomLine: function addClassToBottomLine(className) {
return _this2.bottomLine_.classList.add(className);
},
removeClassFromBottomLine: function removeClassFromBottomLine(className) {
return _this2.bottomLine_.classList.remove(className);
},
setBottomLineAttr: function setBottomLineAttr(attr, value) {
return _this2.bottomLine_.setAttribute(attr, value);
},
setAttr: function setAttr(attr, value) {
return _this2.root_.setAttribute(attr, value);
},
rmAttr: function rmAttr(attr, value) {
return _this2.root_.removeAttribute(attr, value);
},
computeBoundingRect: function computeBoundingRect() {
return _this2.surface_.getBoundingClientRect();
},
registerInteractionHandler: function registerInteractionHandler(type, handler) {
return _this2.root_.addEventListener(type, handler);
},
deregisterInteractionHandler: function deregisterInteractionHandler(type, handler) {
return _this2.root_.removeEventListener(type, handler);
},
focus: function focus() {
return _this2.root_.focus();
},
makeTabbable: function makeTabbable() {
_this2.root_.tabIndex = 0;
},
makeUntabbable: function makeUntabbable() {
_this2.root_.tabIndex = -1;
},
getComputedStyleValue: function getComputedStyleValue(prop) {
return window.getComputedStyle(_this2.surface_).getPropertyValue(prop);
},
setStyle: function setStyle(propertyName, value) {
return _this2.surface_.style.setProperty(propertyName, value);
},
create2dRenderingContext: function create2dRenderingContext() {
return document.createElement('canvas').getContext('2d');
},
setMenuElStyle: function setMenuElStyle(propertyName, value) {
return _this2.menuEl_.style.setProperty(propertyName, value);
},
setMenuElAttr: function setMenuElAttr(attr, value) {
return _this2.menuEl_.setAttribute(attr, value);
},
rmMenuElAttr: function rmMenuElAttr(attr) {
return _this2.menuEl_.removeAttribute(attr);
},
getMenuElOffsetHeight: function getMenuElOffsetHeight() {
return _this2.menuEl_.offsetHeight;
},
openMenu: function openMenu(focusIndex) {
return _this2.menu_.show({ focusIndex: focusIndex });
},
isMenuOpen: function isMenuOpen() {
return _this2.menu_.open;
},
setSelectedTextContent: function setSelectedTextContent(selectedTextContent) {
_this2.selectedText_.textContent = selectedTextContent;
},
getNumberOfOptions: function getNumberOfOptions() {
return _this2.options.length;
},
getTextForOptionAtIndex: function getTextForOptionAtIndex(index) {
return _this2.options[index].textContent;
},
getValueForOptionAtIndex: function getValueForOptionAtIndex(index) {
return _this2.options[index].id || _this2.options[index].textContent;
},
setAttrForOptionAtIndex: function setAttrForOptionAtIndex(index, attr, value) {
return _this2.options[index].setAttribute(attr, value);
},
rmAttrForOptionAtIndex: function rmAttrForOptionAtIndex(index, attr) {
return _this2.options[index].removeAttribute(attr);
},
getOffsetTopForOptionAtIndex: function getOffsetTopForOptionAtIndex(index) {
return _this2.options[index].offsetTop;
},
registerMenuInteractionHandler: function registerMenuInteractionHandler(type, handler) {
return _this2.menu_.listen(type, handler);
},
deregisterMenuInteractionHandler: function deregisterMenuInteractionHandler(type, handler) {
return _this2.menu_.unlisten(type, handler);
},
notifyChange: function notifyChange() {
return _this2.emit(__WEBPACK_IMPORTED_MODULE_3__foundation__["a" /* default */].strings.CHANGE_EVENT, _this2);
},
getWindowInnerHeight: function getWindowInnerHeight() {
return window.innerHeight;
},
addBodyClass: function addBodyClass(className) {
return document.body.classList.add(className);
},
removeBodyClass: function removeBodyClass(className) {
return document.body.classList.remove(className);
}
});
}
}, {
key: 'initialSyncWithDOM',
value: function initialSyncWithDOM() {
var selectedOption = this.selectedOptions[0];
var idx = selectedOption ? this.options.indexOf(selectedOption) : -1;
if (idx >= 0) {
this.selectedIndex = idx;
}
if (this.root_.getAttribute('aria-disabled') === 'true') {
this.disabled = true;
}
}
}, {
key: 'value',
get: function get() {
return this.foundation_.getValue();
}
}, {
key: 'options',
get: function get() {
return this.menu_.items;
}
}, {
key: 'selectedOptions',
get: function get() {
return this.root_.querySelectorAll('[aria-selected]');
}
}, {
key: 'selectedIndex',
get: function get() {
return this.foundation_.getSelectedIndex();
},
set: function set(selectedIndex) {
this.foundation_.setSelectedIndex(selectedIndex);
}
}, {
key: 'disabled',
get: function get() {
return this.foundation_.isDisabled();
},
set: function set(disabled) {
this.foundation_.setDisabled(disabled);
}
}], [{
key: 'attachTo',
value: function attachTo(root) {
return new MDCSelect(root);
}
}]);
return MDCSelect;
}(__WEBPACK_IMPORTED_MODULE_0__material_base__["MDCComponent"]);
/***/ }),
/* 69 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base__ = __webpack_require__(1);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__constants__ = __webpack_require__(14);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__material_menu__ = __webpack_require__(9);
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; }
/**
* Copyright 2016 Google Inc. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
var OPENER_KEYS = [{ key: 'ArrowUp', keyCode: 38, forType: 'keydown' }, { key: 'ArrowDown', keyCode: 40, forType: 'keydown' }, { key: 'Space', keyCode: 32, forType: 'keyup' }];
var MDCSelectFoundation = function (_MDCFoundation) {
_inherits(MDCSelectFoundation, _MDCFoundation);
_createClass(MDCSelectFoundation, 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__["b" /* strings */];
}
}, {
key: 'defaultAdapter',
get: function get() {
return {
addClass: function addClass() /* className: string */{},
removeClass: function removeClass() /* className: string */{},
addClassToLabel: function addClassToLabel() /* className: string */{},
removeClassFromLabel: function removeClassFromLabel() /* className: string */{},
addClassToBottomLine: function addClassToBottomLine() /* className: string */{},
removeClassFromBottomLine: function removeClassFromBottomLine() /* className: string */{},
setBottomLineAttr: function setBottomLineAttr() /* attr: string, value: string */{},
addBodyClass: function addBodyClass() /* className: string */{},
removeBodyClass: function removeBodyClass() /* className: string */{},
setAttr: function setAttr() /* attr: string, value: string */{},
rmAttr: function rmAttr() /* attr: string */{},
computeBoundingRect: function computeBoundingRect() {
return (/* {left: number, top: number} */{ left: 0, top: 0 }
);
},
registerInteractionHandler: function registerInteractionHandler() /* type: string, handler: EventListener */{},
deregisterInteractionHandler: function deregisterInteractionHandler() /* type: string, handler: EventListener */{},
focus: function focus() {},
makeTabbable: function makeTabbable() {},
makeUntabbable: function makeUntabbable() {},
getComputedStyleValue: function getComputedStyleValue() {
return (/* propertyName: string */ /* string */''
);
},
setStyle: function setStyle() /* propertyName: string, value: string */{},
create2dRenderingContext: function create2dRenderingContext() {
return (/* {font: string, measureText: (string) => {width: number}} */{
font: '',
measureText: function measureText() {
return { width: 0 };
}
}
);
},
setMenuElStyle: function setMenuElStyle() /* propertyName: string, value: string */{},
setMenuElAttr: function setMenuElAttr() /* attr: string, value: string */{},
rmMenuElAttr: function rmMenuElAttr() /* attr: string */{},
getMenuElOffsetHeight: function getMenuElOffsetHeight() {
return (/* number */0
);
},
openMenu: function openMenu() /* focusIndex: number */{},
isMenuOpen: function isMenuOpen() {
return (/* boolean */false
);
},
setSelectedTextContent: function setSelectedTextContent() /* textContent: string */{},
getNumberOfOptions: function getNumberOfOptions() {
return (/* number */0
);
},
getTextForOptionAtIndex: function getTextForOptionAtIndex() {
return (/* index: number */ /* string */''
);
},
getValueForOptionAtIndex: function getValueForOptionAtIndex() {
return (/* index: number */ /* string */''
);
},
setAttrForOptionAtIndex: function setAttrForOptionAtIndex() /* index: number, attr: string, value: string */{},
rmAttrForOptionAtIndex: function rmAttrForOptionAtIndex() /* index: number, attr: string */{},
getOffsetTopForOptionAtIndex: function getOffsetTopForOptionAtIndex() {
return (/* index: number */ /* number */0
);
},
registerMenuInteractionHandler: function registerMenuInteractionHandler() /* type: string, handler: EventListener */{},
deregisterMenuInteractionHandler: function deregisterMenuInteractionHandler() /* type: string, handler: EventListener */{},
notifyChange: function notifyChange() {},
getWindowInnerHeight: function getWindowInnerHeight() {
return (/* number */0
);
}
};
}
}]);
function MDCSelectFoundation(adapter) {
_classCallCheck(this, MDCSelectFoundation);
var _this = _possibleConstructorReturn(this, (MDCSelectFoundation.__proto__ || Object.getPrototypeOf(MDCSelectFoundation)).call(this, _extends(MDCSelectFoundation.defaultAdapter, adapter)));
_this.ctx_ = null;
_this.selectedIndex_ = -1;
_this.disabled_ = false;
_this.isFocused_ = false;
_this.setPointerXOffset_ = function (evt) {
return _this.setBottomLineOrigin_(evt);
};
_this.displayHandler_ = function (evt) {
evt.preventDefault();
if (!_this.adapter_.isMenuOpen()) {
_this.open_();
}
};
_this.displayViaKeyboardHandler_ = function (evt) {
return _this.handleDisplayViaKeyboard_(evt);
};
_this.selectionHandler_ = function (_ref) {
var detail = _ref.detail;
var index = detail.index;
if (index !== _this.selectedIndex_) {
_this.setSelectedIndex(index);
_this.adapter_.notifyChange();
}
_this.close_();
};
_this.cancelHandler_ = function () {
_this.close_();
if (_this.selectedIndex_ === -1) {
_this.adapter_.removeClassFromLabel(__WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */].LABEL_FLOAT_ABOVE);
}
};
return _this;
}
_createClass(MDCSelectFoundation, [{
key: 'init',
value: function init() {
var _this2 = this;
this.ctx_ = this.adapter_.create2dRenderingContext();
this.adapter_.registerInteractionHandler('click', this.displayHandler_);
this.adapter_.registerInteractionHandler('keydown', this.displayViaKeyboardHandler_);
this.adapter_.registerInteractionHandler('keyup', this.displayViaKeyboardHandler_);
this.adapter_.registerMenuInteractionHandler(__WEBPACK_IMPORTED_MODULE_2__material_menu__["MDCSimpleMenuFoundation"].strings.SELECTED_EVENT, this.selectionHandler_);
this.adapter_.registerMenuInteractionHandler(__WEBPACK_IMPORTED_MODULE_2__material_menu__["MDCSimpleMenuFoundation"].strings.CANCEL_EVENT, this.cancelHandler_);
['mousedown', 'touchstart'].forEach(function (evtType) {
_this2.adapter_.registerInteractionHandler(evtType, _this2.setPointerXOffset_);
});
this.resize();
}
}, {
key: 'destroy',
value: function destroy() {
var _this3 = this;
// Drop reference to context object to prevent potential leaks
this.ctx_ = null;
this.adapter_.deregisterInteractionHandler('click', this.displayHandler_);
this.adapter_.deregisterInteractionHandler('keydown', this.displayViaKeyboardHandler_);
this.adapter_.deregisterInteractionHandler('keyup', this.displayViaKeyboardHandler_);
this.adapter_.deregisterMenuInteractionHandler(__WEBPACK_IMPORTED_MODULE_2__material_menu__["MDCSimpleMenuFoundation"].strings.SELECTED_EVENT, this.selectionHandler_);
this.adapter_.deregisterMenuInteractionHandler(__WEBPACK_IMPORTED_MODULE_2__material_menu__["MDCSimpleMenuFoundation"].strings.CANCEL_EVENT, this.cancelHandler_);
['mousedown', 'touchstart'].forEach(function (evtType) {
_this3.adapter_.deregisterInteractionHandler(evtType, _this3.setPointerXOffset_);
});
}
}, {
key: 'getValue',
value: function getValue() {
return this.selectedIndex_ >= 0 ? this.adapter_.getValueForOptionAtIndex(this.selectedIndex_) : '';
}
}, {
key: 'getSelectedIndex',
value: function getSelectedIndex() {
return this.selectedIndex_;
}
}, {
key: 'setSelectedIndex',
value: function setSelectedIndex(index) {
var prevSelectedIndex = this.selectedIndex_;
if (prevSelectedIndex >= 0) {
this.adapter_.rmAttrForOptionAtIndex(this.selectedIndex_, 'aria-selected');
}
this.selectedIndex_ = index >= 0 && index < this.adapter_.getNumberOfOptions() ? index : -1;
var selectedTextContent = '';
if (this.selectedIndex_ >= 0) {
selectedTextContent = this.adapter_.getTextForOptionAtIndex(this.selectedIndex_).trim();
this.adapter_.setAttrForOptionAtIndex(this.selectedIndex_, 'aria-selected', 'true');
}
this.adapter_.setSelectedTextContent(selectedTextContent);
}
}, {
key: 'isDisabled',
value: function isDisabled() {
return this.disabled_;
}
}, {
key: 'setDisabled',
value: function setDisabled(disabled) {
var DISABLED = MDCSelectFoundation.cssClasses.DISABLED;
this.disabled_ = disabled;
if (this.disabled_) {
this.adapter_.addClass(DISABLED);
this.adapter_.setAttr('aria-disabled', 'true');
this.adapter_.makeUntabbable();
} else {
this.adapter_.removeClass(DISABLED);
this.adapter_.rmAttr('aria-disabled');
this.adapter_.makeTabbable();
}
}
}, {
key: 'resize',
value: function resize() {
var font = this.adapter_.getComputedStyleValue('font');
var letterSpacing = parseFloat(this.adapter_.getComputedStyleValue('letter-spacing'));
if (font) {
this.ctx_.font = font;
} else {
var primaryFontFamily = this.adapter_.getComputedStyleValue('font-family').split(',')[0];
var fontSize = this.adapter_.getComputedStyleValue('font-size');
this.ctx_.font = fontSize + ' ' + primaryFontFamily;
}
var maxTextLength = 0;
for (var i = 0, l = this.adapter_.getNumberOfOptions(); i < l; i++) {
var surfacePaddingRight = parseInt(this.adapter_.getComputedStyleValue('padding-right'), 10);
var surfacePaddingLeft = parseInt(this.adapter_.getComputedStyleValue('padding-left'), 10);
var selectBoxAddedPadding = surfacePaddingRight + surfacePaddingLeft;
var txt = this.adapter_.getTextForOptionAtIndex(i).trim();
var _ctx_$measureText = this.ctx_.measureText(txt),
width = _ctx_$measureText.width;
var addedSpace = letterSpacing * txt.length;
maxTextLength = Math.max(maxTextLength, Math.ceil(width + addedSpace + selectBoxAddedPadding));
}
this.adapter_.setStyle('width', maxTextLength + 'px');
}
}, {
key: 'open_',
value: function open_() {
this.disableScroll_();
var OPEN = MDCSelectFoundation.cssClasses.OPEN;
var focusIndex = this.selectedIndex_ < 0 ? 0 : this.selectedIndex_;
this.setMenuStylesForOpenAtIndex_(focusIndex);
this.adapter_.addClassToLabel(__WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */].LABEL_FLOAT_ABOVE);
this.adapter_.addClassToBottomLine(__WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */].BOTTOM_LINE_ACTIVE);
this.adapter_.addClass(OPEN);
this.adapter_.openMenu(focusIndex);
this.isFocused_ = true;
}
}, {
key: 'setBottomLineOrigin_',
value: function setBottomLineOrigin_(evt) {
var targetClientRect = evt.target.getBoundingClientRect();
var evtCoords = { x: evt.clientX, y: evt.clientY };
var normalizedX = evtCoords.x - targetClientRect.left;
var attributeString = 'transform-origin: ' + normalizedX + 'px bottom';
this.adapter_.setBottomLineAttr('style', attributeString);
}
}, {
key: 'setMenuStylesForOpenAtIndex_',
value: function setMenuStylesForOpenAtIndex_(index) {
var innerHeight = this.adapter_.getWindowInnerHeight();
var _adapter_$computeBoun = this.adapter_.computeBoundingRect(),
left = _adapter_$computeBoun.left,
top = _adapter_$computeBoun.top;
this.adapter_.setMenuElAttr('aria-hidden', 'true');
this.adapter_.setMenuElStyle('display', 'block');
var menuHeight = this.adapter_.getMenuElOffsetHeight();
var itemOffsetTop = this.adapter_.getOffsetTopForOptionAtIndex(index);
this.adapter_.setMenuElStyle('display', '');
this.adapter_.rmMenuElAttr('aria-hidden');
var adjustedTop = top - itemOffsetTop;
var overflowsTop = adjustedTop < 0;
var overflowsBottom = adjustedTop + menuHeight > innerHeight;
if (overflowsTop) {
adjustedTop = 0;
} else if (overflowsBottom) {
adjustedTop = Math.max(0, innerHeight - menuHeight);
};
this.adapter_.setMenuElStyle('left', left + 'px');
this.adapter_.setMenuElStyle('top', adjustedTop + 'px');
this.adapter_.setMenuElStyle('transform-origin', 'center ' + itemOffsetTop + 'px');
}
}, {
key: 'close_',
value: function close_() {
var OPEN = MDCSelectFoundation.cssClasses.OPEN;
this.adapter_.removeClass(OPEN);
this.adapter_.removeClassFromBottomLine(__WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */].BOTTOM_LINE_ACTIVE);
this.adapter_.focus();
this.enableScroll_();
}
}, {
key: 'handleDisplayViaKeyboard_',
value: function handleDisplayViaKeyboard_(evt) {
// We use a hard-coded 2 instead of Event.AT_TARGET to avoid having to reference a browser
// global.
var EVENT_PHASE_AT_TARGET = 2;
if (evt.eventPhase !== EVENT_PHASE_AT_TARGET) {
return;
}
// Prevent pressing space down from scrolling the page
var isSpaceDown = evt.type === 'keydown' && (evt.key === 'Space' || evt.keyCode === 32);
if (isSpaceDown) {
evt.preventDefault();
}
var isOpenerKey = OPENER_KEYS.some(function (_ref2) {
var key = _ref2.key,
keyCode = _ref2.keyCode,
forType = _ref2.forType;
return evt.type === forType && (evt.key === key || evt.keyCode === keyCode);
});
if (isOpenerKey) {
this.displayHandler_(evt);
}
}
}, {
key: 'disableScroll_',
value: function disableScroll_() {
this.adapter_.addBodyClass(__WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */].SCROLL_LOCK);
}
}, {
key: 'enableScroll_',
value: function enableScroll_() {
this.adapter_.removeBodyClass(__WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */].SCROLL_LOCK);
}
}]);
return MDCSelectFoundation;
}(__WEBPACK_IMPORTED_MODULE_0__material_base__["MDCFoundation"]);
/* harmony default export */ __webpack_exports__["a"] = (MDCSelectFoundation);
/***/ }),
/* 70 */
/***/ (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__(2);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__constants__ = __webpack_require__(15);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__foundation__ = __webpack_require__(71);
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCSliderFoundation", 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; }
/**
* Copyright 2017 Google Inc. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
var MDCSlider = function (_MDCComponent) {
_inherits(MDCSlider, _MDCComponent);
function MDCSlider() {
_classCallCheck(this, MDCSlider);
return _possibleConstructorReturn(this, (MDCSlider.__proto__ || Object.getPrototypeOf(MDCSlider)).apply(this, arguments));
}
_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);
}
}, {
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);
},
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();
}
}, {
key: 'stepUp',
value: function stepUp() {
var amount = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.step || 1;
this.value += 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();
},
set: function set(value) {
this.foundation_.setValue(value);
}
}, {
key: 'min',
get: function get() {
return this.foundation_.getMin();
},
set: function set(min) {
this.foundation_.setMin(min);
}
}, {
key: 'max',
get: function get() {
return this.foundation_.getMax();
},
set: function set(max) {
this.foundation_.setMax(max);
}
}, {
key: 'step',
get: function get() {
return this.foundation_.getStep();
},
set: function set(step) {
this.foundation_.setStep(step);
}
}, {
key: 'disabled',
get: function get() {
return this.foundation_.isDisabled();
},
set: function set(disabled) {
this.foundation_.setDisabled(disabled);
}
}], [{
key: 'attachTo',
value: function attachTo(root) {
return new MDCSlider(root);
}
}]);
return MDCSlider;
}(__WEBPACK_IMPORTED_MODULE_0__material_base_component__["a" /* default */]);
/***/ }),
/* 71 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__constants__ = __webpack_require__(15);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_animation__ = __webpack_require__(5);
/* 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; }
/**
* Copyright 2017 Google Inc. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
*you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
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'
};
// Events that can constitute the user releasing drag on a slider
var UP_EVENTS = ['mouseup', 'pointerup', 'touchend'];
var MDCSliderFoundation = function (_MDCFoundation) {
_inherits(MDCSliderFoundation, _MDCFoundation);
_createClass(MDCSliderFoundation, null, [{
key: 'cssClasses',
get: function get() {
return __WEBPACK_IMPORTED_MODULE_0__constants__["a" /* cssClasses */];
}
}, {
key: 'strings',
get: function get() {
return __WEBPACK_IMPORTED_MODULE_0__constants__["c" /* strings */];
}
}, {
key: 'numbers',
get: function get() {
return __WEBPACK_IMPORTED_MODULE_0__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 */{},
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
);
}
};
}
}]);
function MDCSliderFoundation() {
var adapter = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
_classCallCheck(this, MDCSliderFoundation);
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.mousedownHandler_ = _this.createDownHandler_('mousemove');
_this.pointerdownHandler_ = _this.createDownHandler_('pointermove');
_this.touchstartHandler_ = _this.createDownHandler_('touchmove', function (_ref) {
var targetTouches = _ref.targetTouches;
return targetTouches[0].pageX;
});
_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);
this.adapter_.registerInteractionHandler('mousedown', this.mousedownHandler_);
this.adapter_.registerInteractionHandler('pointerdown', this.pointerdownHandler_);
this.adapter_.registerInteractionHandler('touchstart', this.touchstartHandler_);
this.adapter_.registerInteractionHandler('keydown', this.keydownHandler_);
this.adapter_.registerInteractionHandler('focus', this.focusHandler_);
this.adapter_.registerInteractionHandler('blur', this.blurHandler_);
['mousedown', 'pointerdown', 'touchstart'].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;
this.adapter_.deregisterInteractionHandler('mousedown', this.mousedownHandler_);
this.adapter_.deregisterInteractionHandler('pointerdown', this.pointerdownHandler_);
this.adapter_.deregisterInteractionHandler('touchstart', this.touchstartHandler_);
this.adapter_.deregisterInteractionHandler('keydown', this.keydownHandler_);
this.adapter_.deregisterInteractionHandler('focus', this.focusHandler_);
this.adapter_.deregisterInteractionHandler('blur', this.blurHandler_);
['mousedown', 'pointerdown', 'touchstart'].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_1__material_animation__["b" /* getCorrectPropertyName */])(window, 'flex');
this.adapter_.setLastTrackMarkersStyleProperty(flex, lastStepRatio);
}
}
}
}, {
key: 'layout',
value: function layout() {
this.rect_ = this.adapter_.computeBoundingRect();
this.updateUIForCurrentValue_();
}
}, {
key: 'getValue',
value: function getValue() {
return this.value_;
}
}, {
key: 'setValue',
value: function setValue(value) {
this.setValue_(value, false);
}
}, {
key: 'getMax',
value: function getMax() {
return this.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();
}
}, {
key: 'getMin',
value: function getMin() {
return this.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();
}
}, {
key: 'getStep',
value: function getStep() {
return this.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();
}
}, {
key: 'isDisabled',
value: function isDisabled() {
return this.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_));
}
}
}
}, {
key: 'createDownHandler_',
value: function createDownHandler_(moveEvt) {
var _this4 = this;
var getPageX = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function (_ref2) {
var pageX = _ref2.pageX;
return pageX;
};
var moveHandler = function moveHandler(evt) {
evt.preventDefault();
_this4.setValueFromEvt_(evt, getPageX);
};
// 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.setActive_(false);
_this4.adapter_.deregisterBodyInteractionHandler(moveEvt, moveHandler);
UP_EVENTS.forEach(function (type) {
return _this4.adapter_.deregisterBodyInteractionHandler(type, upHandler);
});
_this4.adapter_.notifyChange();
};
var downHandler = function downHandler(evt) {
if (_this4.disabled_) {
return;
}
_this4.preventFocusState_ = true;
_this4.setInTransit_(!_this4.handlingThumbTargetEvt_);
_this4.handlingThumbTargetEvt_ = false;
_this4.setActive_(true);
_this4.adapter_.registerBodyInteractionHandler(moveEvt, moveHandler);
UP_EVENTS.forEach(function (type) {
return _this4.adapter_.registerBodyInteractionHandler(type, upHandler);
});
_this4.setValueFromEvt_(evt, getPageX);
};
return downHandler;
}
}, {
key: 'setValueFromEvt_',
value: function setValueFromEvt_(evt, getPageX) {
var pageX = getPageX(evt);
var value = this.computeValueFromPageX_(pageX);
this.setValue_(value, true);
}
}, {
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);
}
}, {
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();
}
}, {
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 '';
}
}, {
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);
}
}, {
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);
}
}
}
}, {
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_1__material_animation__["b" /* getCorrectPropertyName */])(window, 'transform');
var transitionendEvtName = Object(__WEBPACK_IMPORTED_MODULE_1__material_animation__["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 + ')');
});
}
}, {
key: 'setActive_',
value: function setActive_(active) {
this.active_ = active;
this.toggleClass_(__WEBPACK_IMPORTED_MODULE_0__constants__["a" /* cssClasses */].ACTIVE, this.active_);
}
}, {
key: 'setInTransit_',
value: function setInTransit_(inTransit) {
this.inTransit_ = inTransit;
this.toggleClass_(__WEBPACK_IMPORTED_MODULE_0__constants__["a" /* cssClasses */].IN_TRANSIT, this.inTransit_);
}
}, {
key: 'toggleClass_',
value: function toggleClass_(className, shouldBePresent) {
if (shouldBePresent) {
this.adapter_.addClass(className);
} else {
this.adapter_.removeClass(className);
}
}
}]);
return MDCSliderFoundation;
}(__WEBPACK_IMPORTED_MODULE_2__material_base_foundation__["a" /* default */]);
/* harmony default export */ __webpack_exports__["a"] = (MDCSliderFoundation);
/***/ }),
/* 72 */
/***/ (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__ = __webpack_require__(1);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__foundation__ = __webpack_require__(73);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__material_animation__ = __webpack_require__(5);
/* 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; }
/**
* Copyright 2016 Google Inc. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
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();
},
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__["a" /* getCorrectEventName */])(window, 'transitionend'), handler);
},
deregisterTransitionEndHandler: function deregisterTransitionEndHandler(handler) {
return _this2.root_.removeEventListener(Object(__WEBPACK_IMPORTED_MODULE_2__material_animation__["a" /* getCorrectEventName */])(window, 'transitionend'), handler);
}
});
}
}, {
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__["MDCComponent"]);
/***/ }),
/* 73 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base__ = __webpack_require__(1);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__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; }
/**
* Copyright 2016 Google Inc. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
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() {},
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 */{}
};
}
}]);
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 == '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.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.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__["MDCFoundation"]);
/* harmony default export */ __webpack_exports__["a"] = (MDCSnackbarFoundation);
/***/ }),
/* 74 */
/***/ (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; });
/**
* Copyright 2016 Google Inc. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
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'
};
var numbers = {
MESSAGE_TIMEOUT: 2750
};
/***/ }),
/* 75 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__tab__ = __webpack_require__(16);
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCTabFoundation", function() { return __WEBPACK_IMPORTED_MODULE_0__tab__["b"]; });
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCTab", function() { return __WEBPACK_IMPORTED_MODULE_0__tab__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__tab_bar__ = __webpack_require__(18);
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCTabBarFoundation", function() { return __WEBPACK_IMPORTED_MODULE_1__tab_bar__["b"]; });
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCTabBar", function() { return __WEBPACK_IMPORTED_MODULE_1__tab_bar__["a"]; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__tab_bar_scroller__ = __webpack_require__(79);
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCTabBarScrollerFoundation", function() { return __WEBPACK_IMPORTED_MODULE_2__tab_bar_scroller__["b"]; });
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCTabBarScroller", function() { return __WEBPACK_IMPORTED_MODULE_2__tab_bar_scroller__["a"]; });
/**
* Copyright 2017 Google Inc. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/***/ }),
/* 76 */
/***/ (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__(17);
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; }
/**
* Copyright 2017 Google Inc. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
var MDCTabFoundation = function (_MDCFoundation) {
_inherits(MDCTabFoundation, _MDCFoundation);
_createClass(MDCTabFoundation, 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__["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 */{},
getOffsetWidth: function getOffsetWidth() {
return (/* number */0
);
},
getOffsetLeft: function getOffsetLeft() {
return (/* number */0
);
},
notifySelected: function notifySelected() {}
};
}
}]);
function MDCTabFoundation() {
var adapter = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
_classCallCheck(this, MDCTabFoundation);
var _this = _possibleConstructorReturn(this, (MDCTabFoundation.__proto__ || Object.getPrototypeOf(MDCTabFoundation)).call(this, _extends(MDCTabFoundation.defaultAdapter, adapter)));
_this.computedWidth_ = 0;
_this.computedLeft_ = 0;
_this.isActive_ = false;
_this.preventDefaultOnClick_ = false;
_this.clickHandler_ = function (evt) {
if (_this.preventDefaultOnClick_) {
evt.preventDefault();
}
_this.adapter_.notifySelected();
};
_this.keydownHandler_ = function (evt) {
if (evt.key && evt.key === 'Enter' || evt.keyCode === 13) {
_this.adapter_.notifySelected();
}
};
return _this;
}
_createClass(MDCTabFoundation, [{
key: 'init',
value: function init() {
this.adapter_.registerInteractionHandler('click', this.clickHandler_);
this.adapter_.registerInteractionHandler('keydown', this.keydownHandler_);
}
}, {
key: 'destroy',
value: function destroy() {
this.adapter_.deregisterInteractionHandler('click', this.clickHandler_);
this.adapter_.deregisterInteractionHandler('keydown', this.keydownHandler_);
}
}, {
key: 'getComputedWidth',
value: function getComputedWidth() {
return this.computedWidth_;
}
}, {
key: 'getComputedLeft',
value: function getComputedLeft() {
return this.computedLeft_;
}
}, {
key: 'isActive',
value: function isActive() {
return this.isActive_;
}
}, {
key: 'setActive',
value: function setActive(isActive) {
this.isActive_ = isActive;
if (this.isActive_) {
this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */].ACTIVE);
} else {
this.adapter_.removeClass(__WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */].ACTIVE);
}
}
}, {
key: 'preventsDefaultOnClick',
value: function preventsDefaultOnClick() {
return this.preventDefaultOnClick_;
}
}, {
key: 'setPreventDefaultOnClick',
value: function setPreventDefaultOnClick(preventDefaultOnClick) {
this.preventDefaultOnClick_ = preventDefaultOnClick;
}
}, {
key: 'measureSelf',
value: function measureSelf() {
this.computedWidth_ = this.adapter_.getOffsetWidth();
this.computedLeft_ = this.adapter_.getOffsetLeft();
}
}]);
return MDCTabFoundation;
}(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
/* harmony default export */ __webpack_exports__["a"] = (MDCTabFoundation);
/***/ }),
/* 77 */
/***/ (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_animation__ = __webpack_require__(5);
/* 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; }
/**
* Copyright 2017 Google Inc. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
var MDCTabBarFoundation = function (_MDCFoundation) {
_inherits(MDCTabBarFoundation, _MDCFoundation);
_createClass(MDCTabBarFoundation, 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 */{},
bindOnMDCTabSelectedEvent: function bindOnMDCTabSelectedEvent() {},
unbindOnMDCTabSelectedEvent: function unbindOnMDCTabSelectedEvent() {},
registerResizeHandler: function registerResizeHandler() /* handler: EventListener */{},
deregisterResizeHandler: function deregisterResizeHandler() /* handler: EventListener */{},
getOffsetWidth: function getOffsetWidth() {
return (/* number */0
);
},
setStyleForIndicator: function setStyleForIndicator() /* propertyName: string, value: string */{},
getOffsetWidthForIndicator: function getOffsetWidthForIndicator() {
return (/* number */0
);
},
notifyChange: function notifyChange() /* evtData: {activeTabIndex: number} */{},
getNumberOfTabs: function getNumberOfTabs() {
return (/* number */0
);
},
isTabActiveAtIndex: function isTabActiveAtIndex() {
return (/* index: number */ /* boolean */false
);
},
setTabActiveAtIndex: function setTabActiveAtIndex() /* index: number, isActive: true */{},
isDefaultPreventedOnClickForTabAtIndex: function isDefaultPreventedOnClickForTabAtIndex() {
return (/* index: number */ /* boolean */false
);
},
setPreventDefaultOnClickForTabAtIndex: function setPreventDefaultOnClickForTabAtIndex() /* index: number, preventDefaultOnClick: boolean */{},
measureTabAtIndex: function measureTabAtIndex() /* index: number */{},
getComputedWidthForTabAtIndex: function getComputedWidthForTabAtIndex() {
return (/* index: number */ /* number */0
);
},
getComputedLeftForTabAtIndex: function getComputedLeftForTabAtIndex() {
return (/* index: number */ /* number */0
);
}
};
}
}]);
function MDCTabBarFoundation(adapter) {
_classCallCheck(this, MDCTabBarFoundation);
var _this = _possibleConstructorReturn(this, (MDCTabBarFoundation.__proto__ || Object.getPrototypeOf(MDCTabBarFoundation)).call(this, _extends(MDCTabBarFoundation.defaultAdapter, adapter)));
_this.isIndicatorShown_ = false;
_this.computedWidth_ = 0;
_this.computedLeft_ = 0;
_this.activeTabIndex_ = 0;
_this.layoutFrame_ = 0;
_this.resizeHandler_ = function () {
return _this.layout();
};
return _this;
}
_createClass(MDCTabBarFoundation, [{
key: 'init',
value: function init() {
this.adapter_.addClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].UPGRADED);
this.adapter_.bindOnMDCTabSelectedEvent();
this.adapter_.registerResizeHandler(this.resizeHandler_);
var activeTabIndex = this.findActiveTabIndex_();
if (activeTabIndex >= 0) {
this.activeTabIndex_ = activeTabIndex;
}
this.layout();
}
}, {
key: 'destroy',
value: function destroy() {
this.adapter_.removeClass(__WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */].UPGRADED);
this.adapter_.unbindOnMDCTabSelectedEvent();
this.adapter_.deregisterResizeHandler(this.resizeHandler_);
}
}, {
key: 'layoutInternal_',
value: function layoutInternal_() {
var _this2 = this;
this.forEachTabIndex_(function (index) {
return _this2.adapter_.measureTabAtIndex(index);
});
this.computedWidth_ = this.adapter_.getOffsetWidth();
this.layoutIndicator_();
}
}, {
key: 'layoutIndicator_',
value: function layoutIndicator_() {
var isIndicatorFirstRender = !this.isIndicatorShown_;
// Ensure that indicator appears in the right position immediately for correct first render.
if (isIndicatorFirstRender) {
this.adapter_.setStyleForIndicator('transition', 'none');
}
var translateAmtForActiveTabLeft = this.adapter_.getComputedLeftForTabAtIndex(this.activeTabIndex_);
var scaleAmtForActiveTabWidth = this.adapter_.getComputedWidthForTabAtIndex(this.activeTabIndex_) / this.adapter_.getOffsetWidth();
var transformValue = 'translateX(' + translateAmtForActiveTabLeft + 'px) scale(' + scaleAmtForActiveTabWidth + ', 1)';
this.adapter_.setStyleForIndicator(Object(__WEBPACK_IMPORTED_MODULE_1__material_animation__["b" /* getCorrectPropertyName */])(window, 'transform'), transformValue);
if (isIndicatorFirstRender) {
// Force layout so that transform styles to take effect.
this.adapter_.getOffsetWidthForIndicator();
this.adapter_.setStyleForIndicator('transition', '');
this.adapter_.setStyleForIndicator('visibility', 'visible');
this.isIndicatorShown_ = true;
}
}
}, {
key: 'findActiveTabIndex_',
value: function findActiveTabIndex_() {
var _this3 = this;
var activeTabIndex = -1;
this.forEachTabIndex_(function (index) {
if (_this3.adapter_.isTabActiveAtIndex(index)) {
activeTabIndex = index;
return true;
}
});
return activeTabIndex;
}
}, {
key: 'forEachTabIndex_',
value: function forEachTabIndex_(iterator) {
var numTabs = this.adapter_.getNumberOfTabs();
for (var index = 0; index < numTabs; index++) {
var shouldBreak = iterator(index);
if (shouldBreak) {
break;
}
}
}
}, {
key: 'layout',
value: function layout() {
var _this4 = this;
if (this.layoutFrame_) {
cancelAnimationFrame(this.layoutFrame_);
}
this.layoutFrame_ = requestAnimationFrame(function () {
_this4.layoutInternal_();
_this4.layoutFrame_ = 0;
});
}
}, {
key: 'switchToTabAtIndex',
value: function switchToTabAtIndex(index, shouldNotify) {
var _this5 = this;
if (index === this.activeTabIndex_) {
return;
}
if (index < 0 || index >= this.adapter_.getNumberOfTabs()) {
throw new Error('Out of bounds index specified for tab: ' + index);
}
var prevActiveTabIndex = this.activeTabIndex_;
this.activeTabIndex_ = index;
requestAnimationFrame(function () {
if (prevActiveTabIndex >= 0) {
_this5.adapter_.setTabActiveAtIndex(prevActiveTabIndex, false);
}
_this5.adapter_.setTabActiveAtIndex(_this5.activeTabIndex_, true);
_this5.layoutIndicator_();
if (shouldNotify) {
_this5.adapter_.notifyChange({ activeTabIndex: _this5.activeTabIndex_ });
}
});
}
}, {
key: 'getActiveTabIndex',
value: function getActiveTabIndex() {
return this.findActiveTabIndex_();
}
}]);
return MDCTabBarFoundation;
}(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
/* harmony default export */ __webpack_exports__["a"] = (MDCTabBarFoundation);
/***/ }),
/* 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__, "b", function() { return strings; });
/**
* Copyright 2017 Google Inc. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
var cssClasses = {
UPGRADED: 'mdc-tab-bar-upgraded'
};
var strings = {
TAB_SELECTOR: '.mdc-tab',
INDICATOR_SELECTOR: '.mdc-tab-bar__indicator',
CHANGE_EVENT: 'MDCTabBar:change'
};
/***/ }),
/* 79 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MDCTabBarScroller; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_animation__ = __webpack_require__(5);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_base_component__ = __webpack_require__(2);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__tab_bar__ = __webpack_require__(18);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__foundation__ = __webpack_require__(80);
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "b", 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; }
/**
* Copyright 2017 Google Inc. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
var MDCTabBarScroller = function (_MDCComponent) {
_inherits(MDCTabBarScroller, _MDCComponent);
function MDCTabBarScroller() {
_classCallCheck(this, MDCTabBarScroller);
return _possibleConstructorReturn(this, (MDCTabBarScroller.__proto__ || Object.getPrototypeOf(MDCTabBarScroller)).apply(this, arguments));
}
_createClass(MDCTabBarScroller, [{
key: 'initialize',
value: function initialize() {
var tabBarFactory = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : function (root) {
return new __WEBPACK_IMPORTED_MODULE_2__tab_bar__["a" /* MDCTabBar */](root);
};
this.scrollFrame_ = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_3__foundation__["a" /* default */].strings.FRAME_SELECTOR);
this.tabBarEl_ = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_3__foundation__["a" /* default */].strings.TABS_SELECTOR);
this.forwardIndicator_ = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_3__foundation__["a" /* default */].strings.INDICATOR_FORWARD_SELECTOR);
this.backIndicator_ = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_3__foundation__["a" /* default */].strings.INDICATOR_BACK_SELECTOR);
this.tabBar_ = tabBarFactory(this.tabBarEl_);
}
}, {
key: 'getDefaultFoundation',
value: function getDefaultFoundation() {
var _this2 = this;
return new __WEBPACK_IMPORTED_MODULE_3__foundation__["a" /* default */]({
addClass: function addClass(className) {
return _this2.root_.classList.add(className);
},
removeClass: function removeClass(className) {
return _this2.root_.classList.remove(className);
},
eventTargetHasClass: function eventTargetHasClass(target, className) {
return target.classList.contains(className);
},
addClassToForwardIndicator: function addClassToForwardIndicator(className) {
return _this2.forwardIndicator_.classList.add(className);
},
removeClassFromForwardIndicator: function removeClassFromForwardIndicator(className) {
return _this2.forwardIndicator_.classList.remove(className);
},
addClassToBackIndicator: function addClassToBackIndicator(className) {
return _this2.backIndicator_.classList.add(className);
},
removeClassFromBackIndicator: function removeClassFromBackIndicator(className) {
return _this2.backIndicator_.classList.remove(className);
},
isRTL: function isRTL() {
return getComputedStyle(_this2.root_).getPropertyValue('direction') === 'rtl';
},
registerBackIndicatorClickHandler: function registerBackIndicatorClickHandler(handler) {
return _this2.backIndicator_.addEventListener('click', handler);
},
deregisterBackIndicatorClickHandler: function deregisterBackIndicatorClickHandler(handler) {
return _this2.backIndicator_.removeEventListener('click', handler);
},
registerForwardIndicatorClickHandler: function registerForwardIndicatorClickHandler(handler) {
return _this2.forwardIndicator_.addEventListener('click', handler);
},
deregisterForwardIndicatorClickHandler: function deregisterForwardIndicatorClickHandler(handler) {
return _this2.forwardIndicator_.removeEventListener('click', handler);
},
registerCapturedInteractionHandler: function registerCapturedInteractionHandler(evt, handler) {
return _this2.root_.addEventListener(evt, handler, true);
},
deregisterCapturedInteractionHandler: function deregisterCapturedInteractionHandler(evt, handler) {
return _this2.root_.removeEventListener(evt, handler, true);
},
registerWindowResizeHandler: function registerWindowResizeHandler(handler) {
return window.addEventListener('resize', handler);
},
deregisterWindowResizeHandler: function deregisterWindowResizeHandler(handler) {
return window.removeEventListener('resize', handler);
},
getNumberOfTabs: function getNumberOfTabs() {
return _this2.tabBar.tabs.length;
},
getComputedWidthForTabAtIndex: function getComputedWidthForTabAtIndex(index) {
return _this2.tabBar.tabs[index].computedWidth;
},
getComputedLeftForTabAtIndex: function getComputedLeftForTabAtIndex(index) {
return _this2.tabBar.tabs[index].computedLeft;
},
getOffsetWidthForScrollFrame: function getOffsetWidthForScrollFrame() {
return _this2.scrollFrame_.offsetWidth;
},
getScrollLeftForScrollFrame: function getScrollLeftForScrollFrame() {
return _this2.scrollFrame_.scrollLeft;
},
setScrollLeftForScrollFrame: function setScrollLeftForScrollFrame(scrollLeftAmount) {
return _this2.scrollFrame_.scrollLeft = scrollLeftAmount;
},
getOffsetWidthForTabBar: function getOffsetWidthForTabBar() {
return _this2.tabBarEl_.offsetWidth;
},
setTransformStyleForTabBar: function setTransformStyleForTabBar(value) {
_this2.tabBarEl_.style.setProperty(Object(__WEBPACK_IMPORTED_MODULE_0__material_animation__["b" /* getCorrectPropertyName */])(window, 'transform'), value);
},
getOffsetLeftForEventTarget: function getOffsetLeftForEventTarget(target) {
return target.offsetLeft;
},
getOffsetWidthForEventTarget: function getOffsetWidthForEventTarget(target) {
return target.offsetWidth;
}
});
}
}, {
key: 'layout',
value: function layout() {
this.foundation_.layout();
}
}, {
key: 'tabBar',
get: function get() {
return this.tabBar_;
}
}], [{
key: 'attachTo',
value: function attachTo(root) {
return new MDCTabBarScroller(root);
}
}]);
return MDCTabBarScroller;
}(__WEBPACK_IMPORTED_MODULE_1__material_base_component__["a" /* default */]);
/***/ }),
/* 80 */
/***/ (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__(81);
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; }
/**
* Copyright 2017 Google Inc. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
var MDCTabBarScrollerFoundation = function (_MDCFoundation) {
_inherits(MDCTabBarScrollerFoundation, _MDCFoundation);
_createClass(MDCTabBarScrollerFoundation, 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__["b" /* strings */];
}
}, {
key: 'defaultAdapter',
get: function get() {
return {
addClass: function addClass() /* className: string */{},
removeClass: function removeClass() /* className: string */{},
eventTargetHasClass: function eventTargetHasClass() {
return (/* target: EventTarget, className: string */ /* boolean */false
);
},
addClassToForwardIndicator: function addClassToForwardIndicator() /* className: string */{},
removeClassFromForwardIndicator: function removeClassFromForwardIndicator() /* className: string */{},
addClassToBackIndicator: function addClassToBackIndicator() /* className: string */{},
removeClassFromBackIndicator: function removeClassFromBackIndicator() /* className: string */{},
isRTL: function isRTL() {
return (/* boolean */false
);
},
registerBackIndicatorClickHandler: function registerBackIndicatorClickHandler() /* handler: EventListener */{},
deregisterBackIndicatorClickHandler: function deregisterBackIndicatorClickHandler() /* handler: EventListener */{},
registerForwardIndicatorClickHandler: function registerForwardIndicatorClickHandler() /* handler: EventListener */{},
deregisterForwardIndicatorClickHandler: function deregisterForwardIndicatorClickHandler() /* handler: EventListener */{},
registerCapturedInteractionHandler: function registerCapturedInteractionHandler() /* evt: string, handler: EventListener */{},
deregisterCapturedInteractionHandler: function deregisterCapturedInteractionHandler() /* evt: string, handler: EventListener */{},
registerWindowResizeHandler: function registerWindowResizeHandler() /* handler: EventListener */{},
deregisterWindowResizeHandler: function deregisterWindowResizeHandler() /* handler: EventListener */{},
getNumberOfTabs: function getNumberOfTabs() {
return (/* number */0
);
},
getComputedWidthForTabAtIndex: function getComputedWidthForTabAtIndex() {
return (/* number */0
);
},
getComputedLeftForTabAtIndex: function getComputedLeftForTabAtIndex() {
return (/* number */0
);
},
getOffsetWidthForScrollFrame: function getOffsetWidthForScrollFrame() {
return (/* number */0
);
},
getScrollLeftForScrollFrame: function getScrollLeftForScrollFrame() {
return (/* number */0
);
},
setScrollLeftForScrollFrame: function setScrollLeftForScrollFrame() /* scrollLeftAmount: number */{},
getOffsetWidthForTabBar: function getOffsetWidthForTabBar() {
return (/* number */0
);
},
setTransformStyleForTabBar: function setTransformStyleForTabBar() /* value: string */{},
getOffsetLeftForEventTarget: function getOffsetLeftForEventTarget() {
return (/* target: EventTarget */ /* number */0
);
},
getOffsetWidthForEventTarget: function getOffsetWidthForEventTarget() {
return (/* target: EventTarget */ /* number */0
);
}
};
}
}]);
function MDCTabBarScrollerFoundation(adapter) {
_classCallCheck(this, MDCTabBarScrollerFoundation);
var _this = _possibleConstructorReturn(this, (MDCTabBarScrollerFoundation.__proto__ || Object.getPrototypeOf(MDCTabBarScrollerFoundation)).call(this, _extends(MDCTabBarScrollerFoundation.defaultAdapter, adapter)));
_this.pointerDownRecognized_ = false;
_this.currentTranslateOffset_ = 0;
_this.focusedTarget_ = null;
_this.layoutFrame_ = 0;
_this.scrollFrameScrollLeft_ = 0;
_this.forwardIndicatorClickHandler_ = function (evt) {
return _this.scrollForward(evt);
};
_this.backIndicatorClickHandler_ = function (evt) {
return _this.scrollBack(evt);
};
_this.resizeHandler_ = function () {
return _this.layout();
};
_this.interactionHandler_ = function (evt) {
if (evt.type == 'touchstart' || evt.type == 'mousedown') {
_this.pointerDownRecognized_ = true;
}
_this.handlePossibleTabKeyboardFocus_(evt);
if (evt.type == 'focus') {
_this.pointerDownRecognized_ = false;
}
};
return _this;
}
_createClass(MDCTabBarScrollerFoundation, [{
key: 'init',
value: function init() {
var _this2 = this;
this.adapter_.registerBackIndicatorClickHandler(this.backIndicatorClickHandler_);
this.adapter_.registerForwardIndicatorClickHandler(this.forwardIndicatorClickHandler_);
this.adapter_.registerWindowResizeHandler(this.resizeHandler_);
['touchstart', 'mousedown', 'focus'].forEach(function (evtType) {
_this2.adapter_.registerCapturedInteractionHandler(evtType, _this2.interactionHandler_);
});
this.layout();
}
}, {
key: 'destroy',
value: function destroy() {
var _this3 = this;
this.adapter_.deregisterBackIndicatorClickHandler(this.backIndicatorClickHandler_);
this.adapter_.deregisterForwardIndicatorClickHandler(this.forwardIndicatorClickHandler_);
this.adapter_.deregisterWindowResizeHandler(this.resizeHandler_);
['touchstart', 'mousedown', 'focus'].forEach(function (evtType) {
_this3.adapter_.deregisterCapturedInteractionHandler(evtType, _this3.interactionHandler_);
});
}
}, {
key: 'scrollBack',
value: function scrollBack() {
var evt = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
if (evt) {
evt.preventDefault();
}
var tabWidthAccumulator = 0;
var scrollTargetIndex = 0;
for (var i = this.adapter_.getNumberOfTabs() - 1; i > 0; i--) {
var tabOffsetLeft = this.adapter_.getComputedLeftForTabAtIndex(i);
var tabBarWidthLessTabOffsetLeft = this.adapter_.getOffsetWidthForTabBar() - tabOffsetLeft;
var tabIsNotOccluded = tabOffsetLeft > this.currentTranslateOffset_;
if (this.isRTL_()) {
tabIsNotOccluded = tabBarWidthLessTabOffsetLeft > this.currentTranslateOffset_;
}
if (tabIsNotOccluded) {
continue;
}
tabWidthAccumulator += this.adapter_.getComputedWidthForTabAtIndex(i);
var scrollTargetDetermined = tabWidthAccumulator > this.adapter_.getOffsetWidthForScrollFrame();
if (scrollTargetDetermined) {
scrollTargetIndex = this.isRTL_() ? i + 1 : i;
break;
}
}
this.scrollToTabAtIndex(scrollTargetIndex);
}
}, {
key: 'scrollForward',
value: function scrollForward() {
var evt = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
if (evt) {
evt.preventDefault();
}
var scrollFrameOffsetWidth = this.adapter_.getOffsetWidthForScrollFrame() + this.currentTranslateOffset_;
var scrollTargetIndex = 0;
for (var i = 0; i < this.adapter_.getNumberOfTabs(); i++) {
var tabOffsetLeftAndWidth = this.adapter_.getComputedLeftForTabAtIndex(i) + this.adapter_.getComputedWidthForTabAtIndex(i);
var scrollTargetDetermined = tabOffsetLeftAndWidth > scrollFrameOffsetWidth;
if (this.isRTL_()) {
var frameOffsetAndTabWidth = scrollFrameOffsetWidth - this.adapter_.getComputedWidthForTabAtIndex(i);
var _tabOffsetLeftAndWidth = this.adapter_.getComputedLeftForTabAtIndex(i) + this.adapter_.getComputedWidthForTabAtIndex(i);
var tabRightOffset = this.adapter_.getOffsetWidthForTabBar() - _tabOffsetLeftAndWidth;
scrollTargetDetermined = tabRightOffset > frameOffsetAndTabWidth;
}
if (scrollTargetDetermined) {
scrollTargetIndex = i;
break;
}
}
this.scrollToTabAtIndex(scrollTargetIndex);
}
}, {
key: 'layout',
value: function layout() {
var _this4 = this;
cancelAnimationFrame(this.layoutFrame_);
this.scrollFrameScrollLeft_ = this.adapter_.getScrollLeftForScrollFrame();
this.layoutFrame_ = requestAnimationFrame(function () {
return _this4.layout_();
});
}
}, {
key: 'isRTL_',
value: function isRTL_() {
return this.adapter_.isRTL();
}
}, {
key: 'handlePossibleTabKeyboardFocus_',
value: function handlePossibleTabKeyboardFocus_(evt) {
if (!this.adapter_.eventTargetHasClass(evt.target, __WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */].TAB) || this.pointerDownRecognized_) {
return;
}
var resetAmt = this.isRTL_() ? this.scrollFrameScrollLeft_ : 0;
this.adapter_.setScrollLeftForScrollFrame(resetAmt);
this.focusedTarget_ = evt.target;
var scrollFrameWidth = this.adapter_.getOffsetWidthForScrollFrame();
var tabBarWidth = this.adapter_.getOffsetWidthForTabBar();
var leftEdge = this.adapter_.getOffsetLeftForEventTarget(this.focusedTarget_);
var rightEdge = leftEdge + this.adapter_.getOffsetWidthForEventTarget(this.focusedTarget_);
var shouldScrollBack = rightEdge <= this.currentTranslateOffset_;
var shouldScrollForward = rightEdge > this.currentTranslateOffset_ + scrollFrameWidth;
if (this.isRTL_()) {
var normalizedLeftOffset = tabBarWidth - leftEdge;
shouldScrollBack = leftEdge >= tabBarWidth - this.currentTranslateOffset_;
shouldScrollForward = normalizedLeftOffset > scrollFrameWidth + this.currentTranslateOffset_;
}
if (shouldScrollForward) {
this.scrollForward();
} else if (shouldScrollBack) {
this.scrollBack();
}
this.pointerDownRecognized_ = false;
}
}, {
key: 'layout_',
value: function layout_() {
var frameWidth = this.adapter_.getOffsetWidthForScrollFrame();
var isOverflowing = this.adapter_.getOffsetWidthForTabBar() > frameWidth;
if (!isOverflowing) {
this.currentTranslateOffset_ = 0;
}
this.shiftFrame_();
this.updateIndicatorEnabledStates_();
}
}, {
key: 'scrollToTabAtIndex',
value: function scrollToTabAtIndex(index) {
var _this5 = this;
var scrollTargetOffsetLeft = this.adapter_.getComputedLeftForTabAtIndex(index);
var scrollTargetOffsetWidth = this.adapter_.getComputedWidthForTabAtIndex(index);
this.currentTranslateOffset_ = this.normalizeForRTL_(scrollTargetOffsetLeft, scrollTargetOffsetWidth);
requestAnimationFrame(function () {
return _this5.shiftFrame_();
});
}
}, {
key: 'normalizeForRTL_',
value: function normalizeForRTL_(left, width) {
return this.isRTL_() ? this.adapter_.getOffsetWidthForTabBar() - (left + width) : left;
}
}, {
key: 'shiftFrame_',
value: function shiftFrame_() {
var shiftAmount = this.isRTL_() ? this.currentTranslateOffset_ : -this.currentTranslateOffset_;
this.adapter_.setTransformStyleForTabBar('translateX(' + shiftAmount + 'px)');
this.updateIndicatorEnabledStates_();
}
}, {
key: 'updateIndicatorEnabledStates_',
value: function updateIndicatorEnabledStates_() {
var INDICATOR_ENABLED = __WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */].INDICATOR_ENABLED;
if (this.currentTranslateOffset_ === 0) {
this.adapter_.removeClassFromBackIndicator(INDICATOR_ENABLED);
} else {
this.adapter_.addClassToBackIndicator(INDICATOR_ENABLED);
}
var remainingTabBarWidth = this.adapter_.getOffsetWidthForTabBar() - this.currentTranslateOffset_;
if (remainingTabBarWidth > this.adapter_.getOffsetWidthForScrollFrame()) {
this.adapter_.addClassToForwardIndicator(INDICATOR_ENABLED);
} else {
this.adapter_.removeClassFromForwardIndicator(INDICATOR_ENABLED);
}
}
}]);
return MDCTabBarScrollerFoundation;
}(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
/* harmony default export */ __webpack_exports__["a"] = (MDCTabBarScrollerFoundation);
/***/ }),
/* 81 */
/***/ (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; });
/**
* Copyright 2017 Google Inc. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
var cssClasses = {
INDICATOR_FORWARD: 'mdc-tab-bar-scroller__indicator--forward',
INDICATOR_BACK: 'mdc-tab-bar-scroller__indicator--back',
INDICATOR_ENABLED: 'mdc-tab-bar-scroller__indicator--enabled',
TAB: 'mdc-tab'
};
var strings = {
FRAME_SELECTOR: '.mdc-tab-bar-scroller__scroll-frame',
TABS_SELECTOR: '.mdc-tab-bar-scroller__scroll-frame__tabs',
TAB_SELECTOR: '.mdc-tab',
INDICATOR_FORWARD_SELECTOR: '.mdc-tab-bar-scroller__indicator--forward',
INDICATOR_BACK_SELECTOR: '.mdc-tab-bar-scroller__indicator--back'
};
/***/ }),
/* 82 */
/***/ (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__(2);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_ripple__ = __webpack_require__(3);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__material_ripple_util__ = __webpack_require__(6);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__constants__ = __webpack_require__(19);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__adapter__ = __webpack_require__(20);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__foundation__ = __webpack_require__(85);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__bottom_line__ = __webpack_require__(86);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__helper_text__ = __webpack_require__(87);
/* 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__, "MDCTextFieldBottomLine", function() { return __WEBPACK_IMPORTED_MODULE_6__bottom_line__["a"]; });
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCTextFieldBottomLineFoundation", function() { return __WEBPACK_IMPORTED_MODULE_6__bottom_line__["b"]; });
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCTextFieldHelperText", function() { return __WEBPACK_IMPORTED_MODULE_7__helper_text__["a"]; });
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCTextFieldHelperTextFoundation", function() { return __WEBPACK_IMPORTED_MODULE_7__helper_text__["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. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/* 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_;
/** @private {?Element} */
_this.label_;
/** @type {?MDCRipple} */
_this.ripple;
/** @private {?MDCTextFieldBottomLine} */
_this.bottomLine_;
/** @private {?MDCTextFieldHelperText} */
_this.helperText_;
/** @private {?Element} */
_this.icon_;
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): !MDCTextFieldBottomLine)=} bottomLineFactory A function which
* creates a new MDCTextFieldBottomLine.
*/
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__["MDCRipple"](el, foundation);
};
var bottomLineFactory = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function (el) {
return new __WEBPACK_IMPORTED_MODULE_6__bottom_line__["a" /* MDCTextFieldBottomLine */](el);
};
this.input_ = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_3__constants__["b" /* strings */].INPUT_SELECTOR);
this.label_ = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_3__constants__["b" /* strings */].LABEL_SELECTOR);
this.ripple = null;
if (this.root_.classList.contains(__WEBPACK_IMPORTED_MODULE_3__constants__["a" /* cssClasses */].BOX)) {
var MATCHES = Object(__WEBPACK_IMPORTED_MODULE_2__material_ripple_util__["getMatchesProperty"])(HTMLElement.prototype);
var adapter = _extends(__WEBPACK_IMPORTED_MODULE_1__material_ripple__["MDCRipple"].createAdapter(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__["MDCRippleFoundation"](adapter);
this.ripple = rippleFactory(this.root_, foundation);
};
if (!this.root_.classList.contains(__WEBPACK_IMPORTED_MODULE_3__constants__["a" /* cssClasses */].TEXTAREA)) {
var bottomLineElement = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_3__constants__["b" /* strings */].BOTTOM_LINE_SELECTOR);
if (bottomLineElement) {
this.bottomLine_ = bottomLineFactory(bottomLineElement);
}
};
if (this.input_.hasAttribute(__WEBPACK_IMPORTED_MODULE_3__constants__["b" /* strings */].ARIA_CONTROLS)) {
var helperTextElement = document.getElementById(this.input_.getAttribute(__WEBPACK_IMPORTED_MODULE_3__constants__["b" /* strings */].ARIA_CONTROLS));
if (helperTextElement) {
this.helperText_ = new __WEBPACK_IMPORTED_MODULE_7__helper_text__["a" /* MDCTextFieldHelperText */](helperTextElement);
}
}
if (!this.root_.classList.contains(__WEBPACK_IMPORTED_MODULE_3__constants__["a" /* cssClasses */].TEXT_FIELD_ICON)) {
this.icon_ = this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_3__constants__["b" /* strings */].ICON_SELECTOR);
};
}
}, {
key: 'destroy',
value: function destroy() {
if (this.ripple) {
this.ripple.destroy();
}
if (this.bottomLine_) {
this.bottomLine_.destroy();
}
if (this.helperText_) {
this.helperText_.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 {boolean} True if the Text Field is disabled.
*/
}, {
key: 'getDefaultFoundation',
/**
* @return {!MDCTextFieldFoundation}
*/
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);
},
addClassToLabel: function addClassToLabel(className) {
var label = _this3.label_;
if (label) {
label.classList.add(className);
}
},
removeClassFromLabel: function removeClassFromLabel(className) {
var label = _this3.label_;
if (label) {
label.classList.remove(className);
}
},
eventTargetHasClass: function eventTargetHasClass(target, className) {
return target.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);
},
notifyIconAction: function notifyIconAction() {
return _this3.emit(__WEBPACK_IMPORTED_MODULE_5__foundation__["a" /* default */].strings.ICON_EVENT, {});
},
registerBottomLineEventHandler: function registerBottomLineEventHandler(evtType, handler) {
if (_this3.bottomLine_) {
_this3.bottomLine_.listen(evtType, handler);
}
},
deregisterBottomLineEventHandler: function deregisterBottomLineEventHandler(evtType, handler) {
if (_this3.bottomLine_) {
_this3.bottomLine_.unlisten(evtType, handler);
}
}
}, this.getInputAdapterMethods_(), this.getIconAdapterMethods_()), this.getFoundationMap_());
}
/**
* @return {!{
* setIconAttr: function(string, string): undefined,
* }}
*/
}, {
key: 'getIconAdapterMethods_',
value: function getIconAdapterMethods_() {
var _this4 = this;
return {
setIconAttr: function setIconAttr(name, value) {
if (_this4.icon_) {
_this4.icon_.setAttribute(name, value);
}
}
};
}
/**
* @return {!{
* registerInputInteractionHandler: function(string, function()): undefined,
* deregisterInputInteractionHandler: function(string, function()): undefined,
* getNativeInput: function(): ?Element,
* }}
*/
}, {
key: 'getInputAdapterMethods_',
value: function getInputAdapterMethods_() {
var _this5 = this;
return {
registerInputInteractionHandler: function registerInputInteractionHandler(evtType, handler) {
return _this5.input_.addEventListener(evtType, handler);
},
deregisterInputInteractionHandler: function deregisterInputInteractionHandler(evtType, handler) {
return _this5.input_.removeEventListener(evtType, handler);
},
getNativeInput: function getNativeInput() {
return _this5.input_;
}
};
}
/**
* Returns a map of all subcomponents to subfoundations.
* @return {!FoundationMapType}
*/
}, {
key: 'getFoundationMap_',
value: function getFoundationMap_() {
return {
bottomLine: this.bottomLine_ ? this.bottomLine_.foundation : undefined,
helperText: this.helperText_ ? this.helperText_.foundation : undefined
};
}
}, {
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);
}
/**
* @param {boolean} valid Sets the Text Field valid or invalid.
*/
}, {
key: 'valid',
set: function set(valid) {
this.foundation_.setValid(valid);
}
/**
* Sets the helper text element content.
* @param {string} content
*/
}, {
key: 'helperTextContent',
set: function set(content) {
this.foundation_.setHelperTextContent(content);
}
}], [{
key: 'attachTo',
value: function attachTo(root) {
return new MDCTextField(root);
}
}]);
return MDCTextField;
}(__WEBPACK_IMPORTED_MODULE_0__material_base_component__["a" /* default */]);
/***/ }),
/* 83 */
/***/ (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 2017 Google Inc. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/** @enum {string} */
var strings = {
ANIMATION_END_EVENT: 'MDCTextFieldBottomLine:animation-end'
};
/** @enum {string} */
var cssClasses = {
BOTTOM_LINE_ACTIVE: 'mdc-text-field__bottom-line--active'
};
/***/ }),
/* 84 */
/***/ (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. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/** @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'
};
/***/ }),
/* 85 */
/***/ (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__(20);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__bottom_line_foundation__ = __webpack_require__(11);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__helper_text_foundation__ = __webpack_require__(12);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__constants__ = __webpack_require__(19);
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. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
// eslint-disable-next-line no-unused-vars
/**
* @extends {MDCFoundation<!MDCTextFieldAdapter>}
* @final
*/
var MDCTextFieldFoundation = function (_MDCFoundation) {
_inherits(MDCTextFieldFoundation, _MDCFoundation);
_createClass(MDCTextFieldFoundation, null, [{
key: 'cssClasses',
/** @return enum {string} */
get: function get() {
return __WEBPACK_IMPORTED_MODULE_4__constants__["a" /* cssClasses */];
}
/** @return enum {string} */
}, {
key: 'strings',
get: function get() {
return __WEBPACK_IMPORTED_MODULE_4__constants__["b" /* strings */];
}
/**
* {@see MDCTextFieldAdapter} for typing information on parameters and return
* types.
* @return {!MDCTextFieldAdapter}
*/
}, {
key: 'defaultAdapter',
get: function get() {
return (/** @type {!MDCTextFieldAdapter} */{
addClass: function addClass() {},
removeClass: function removeClass() {},
addClassToLabel: function addClassToLabel() {},
removeClassFromLabel: function removeClassFromLabel() {},
setIconAttr: function setIconAttr() {},
eventTargetHasClass: function eventTargetHasClass() {},
registerTextFieldInteractionHandler: function registerTextFieldInteractionHandler() {},
deregisterTextFieldInteractionHandler: function deregisterTextFieldInteractionHandler() {},
notifyIconAction: function notifyIconAction() {},
registerInputInteractionHandler: function registerInputInteractionHandler() {},
deregisterInputInteractionHandler: function deregisterInputInteractionHandler() {},
registerBottomLineEventHandler: function registerBottomLineEventHandler() {},
deregisterBottomLineEventHandler: function deregisterBottomLineEventHandler() {},
getNativeInput: function getNativeInput() {}
}
);
}
/**
* @param {!MDCTextFieldAdapter=} adapter
* @param {!FoundationMapType=} foundationMap Map from subcomponent names to their subfoundations.
*/
}]);
function MDCTextFieldFoundation() {
var adapter = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : /** @type {!MDCTextFieldAdapter} */{};
var foundationMap = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : /** @type {!FoundationMapType} */{};
_classCallCheck(this, MDCTextFieldFoundation);
/** @type {!MDCTextFieldBottomLineFoundation|undefined} */
var _this = _possibleConstructorReturn(this, (MDCTextFieldFoundation.__proto__ || Object.getPrototypeOf(MDCTextFieldFoundation)).call(this, _extends(MDCTextFieldFoundation.defaultAdapter, adapter)));
_this.bottomLine_ = foundationMap.bottomLine;
/** @type {!MDCTextFieldHelperTextFoundation|undefined} */
_this.helperText_ = foundationMap.helperText;
/** @private {boolean} */
_this.isFocused_ = false;
/** @private {boolean} */
_this.receivedUserInput_ = false;
/** @private {boolean} */
_this.useCustomValidityChecking_ = false;
/** @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.setBottomLineTransformOrigin(evt);
};
/** @private {function(!Event): undefined} */
_this.textFieldInteractionHandler_ = function (evt) {
return _this.handleTextFieldInteraction(evt);
};
/** @private {function(!Event): undefined} */
_this.bottomLineAnimationEndHandler_ = function () {
return _this.handleBottomLineAnimationEnd();
};
return _this;
}
_createClass(MDCTextFieldFoundation, [{
key: 'init',
value: function init() {
var _this2 = this;
this.adapter_.addClass(MDCTextFieldFoundation.cssClasses.UPGRADED);
// Ensure label does not collide with any pre-filled value.
if (this.getNativeInput_().value) {
this.adapter_.addClassToLabel(MDCTextFieldFoundation.cssClasses.LABEL_FLOAT_ABOVE);
}
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.adapter_.registerBottomLineEventHandler(__WEBPACK_IMPORTED_MODULE_2__bottom_line_foundation__["a" /* default */].strings.ANIMATION_END_EVENT, this.bottomLineAnimationEndHandler_);
}
}, {
key: 'destroy',
value: function destroy() {
var _this3 = this;
this.adapter_.removeClass(MDCTextFieldFoundation.cssClasses.UPGRADED);
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_.deregisterBottomLineEventHandler(__WEBPACK_IMPORTED_MODULE_2__bottom_line_foundation__["a" /* default */].strings.ANIMATION_END_EVENT, this.bottomLineAnimationEndHandler_);
}
/**
* Handles all user interactions with the Text Field.
* @param {!Event} evt
*/
}, {
key: 'handleTextFieldInteraction',
value: function handleTextFieldInteraction(evt) {
if (this.adapter_.getNativeInput().disabled) {
return;
}
this.receivedUserInput_ = true;
var target = evt.target,
type = evt.type;
var TEXT_FIELD_ICON = MDCTextFieldFoundation.cssClasses.TEXT_FIELD_ICON;
var targetIsIcon = this.adapter_.eventTargetHasClass(target, TEXT_FIELD_ICON);
var eventTriggersNotification = type === 'click' || evt.key === 'Enter' || evt.keyCode === 13;
if (targetIsIcon && eventTriggersNotification) {
this.adapter_.notifyIconAction();
}
}
/**
* Activates the text field focus state.
*/
}, {
key: 'activateFocus',
value: function activateFocus() {
var _MDCTextFieldFoundati = MDCTextFieldFoundation.cssClasses,
FOCUSED = _MDCTextFieldFoundati.FOCUSED,
LABEL_FLOAT_ABOVE = _MDCTextFieldFoundati.LABEL_FLOAT_ABOVE,
LABEL_SHAKE = _MDCTextFieldFoundati.LABEL_SHAKE;
this.adapter_.addClass(FOCUSED);
if (this.bottomLine_) {
this.bottomLine_.activate();
}
this.adapter_.addClassToLabel(LABEL_FLOAT_ABOVE);
this.adapter_.removeClassFromLabel(LABEL_SHAKE);
if (this.helperText_) {
this.helperText_.showToScreenReader();
}
this.isFocused_ = true;
}
/**
* Sets the bottom line's transform origin, so that the bottom line activate
* animation will animate out from the user's click location.
* @param {!Event} evt
*/
}, {
key: 'setBottomLineTransformOrigin',
value: function setBottomLineTransformOrigin(evt) {
if (this.bottomLine_) {
this.bottomLine_.setTransformOrigin(evt);
}
}
/**
* 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();
}
}
/**
* Handles when bottom line animation ends, performing actions that must wait
* for animations to finish.
*/
}, {
key: 'handleBottomLineAnimationEnd',
value: function handleBottomLineAnimationEnd() {
// We need to wait for the bottom line to be entirely transparent
// before removing the class. If we do not, we see the line start to
// scale down before disappearing
if (!this.isFocused_ && this.bottomLine_) {
this.bottomLine_.deactivate();
}
}
/**
* Deactives the Text Field's focus state.
*/
}, {
key: 'deactivateFocus',
value: function deactivateFocus() {
var _MDCTextFieldFoundati2 = MDCTextFieldFoundation.cssClasses,
FOCUSED = _MDCTextFieldFoundati2.FOCUSED,
LABEL_FLOAT_ABOVE = _MDCTextFieldFoundati2.LABEL_FLOAT_ABOVE,
LABEL_SHAKE = _MDCTextFieldFoundati2.LABEL_SHAKE;
var input = this.getNativeInput_();
this.isFocused_ = false;
this.adapter_.removeClass(FOCUSED);
this.adapter_.removeClassFromLabel(LABEL_SHAKE);
if (!input.value && !this.isBadInput_()) {
this.adapter_.removeClassFromLabel(LABEL_FLOAT_ABOVE);
this.receivedUserInput_ = false;
}
if (!this.useCustomValidityChecking_) {
this.changeValidity_(input.checkValidity());
}
}
/**
* Updates the Text Field's valid state based on the supplied validity.
* @param {boolean} isValid
* @private
*/
}, {
key: 'changeValidity_',
value: function changeValidity_(isValid) {
var _MDCTextFieldFoundati3 = MDCTextFieldFoundation.cssClasses,
INVALID = _MDCTextFieldFoundati3.INVALID,
LABEL_SHAKE = _MDCTextFieldFoundati3.LABEL_SHAKE;
if (isValid) {
this.adapter_.removeClass(INVALID);
} else {
this.adapter_.addClassToLabel(LABEL_SHAKE);
this.adapter_.addClass(INVALID);
}
if (this.helperText_) {
this.helperText_.setValidity(isValid);
}
}
/**
* @return {boolean} True if the Text Field input fails validity checks.
* @private
*/
}, {
key: 'isBadInput_',
value: function isBadInput_() {
var input = this.getNativeInput_();
return input.validity ? input.validity.badInput : input.badInput;
}
/**
* @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) {
var _MDCTextFieldFoundati4 = MDCTextFieldFoundation.cssClasses,
DISABLED = _MDCTextFieldFoundati4.DISABLED,
INVALID = _MDCTextFieldFoundati4.INVALID;
this.getNativeInput_().disabled = disabled;
if (disabled) {
this.adapter_.addClass(DISABLED);
this.adapter_.removeClass(INVALID);
this.adapter_.setIconAttr('tabindex', '-1');
} else {
this.adapter_.removeClass(DISABLED);
this.adapter_.setIconAttr('tabindex', '0');
}
}
/**
* @param {string} content Sets the content of the helper text.
*/
}, {
key: 'setHelperTextContent',
value: function setHelperTextContent(content) {
if (this.helperText_) {
this.helperText_.setContent(content);
}
}
/**
* @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} */{
checkValidity: function checkValidity() {
return true;
},
value: '',
disabled: false,
badInput: false
};
}
/**
* @param {boolean} isValid Sets the validity state of the Text Field.
*/
}, {
key: 'setValid',
value: function setValid(isValid) {
this.useCustomValidityChecking_ = true;
this.changeValidity_(isValid);
}
}]);
return MDCTextFieldFoundation;
}(__WEBPACK_IMPORTED_MODULE_0__material_base_foundation__["a" /* default */]);
/* harmony default export */ __webpack_exports__["a"] = (MDCTextFieldFoundation);
/***/ }),
/* 86 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MDCTextFieldBottomLine; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base_component__ = __webpack_require__(2);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(21);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__foundation__ = __webpack_require__(11);
/* 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. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
* @extends {MDCComponent<!MDCTextFieldBottomLineFoundation>}
* @final
*/
var MDCTextFieldBottomLine = function (_MDCComponent) {
_inherits(MDCTextFieldBottomLine, _MDCComponent);
function MDCTextFieldBottomLine() {
_classCallCheck(this, MDCTextFieldBottomLine);
return _possibleConstructorReturn(this, (MDCTextFieldBottomLine.__proto__ || Object.getPrototypeOf(MDCTextFieldBottomLine)).apply(this, arguments));
}
_createClass(MDCTextFieldBottomLine, [{
key: 'getDefaultFoundation',
/**
* @return {!MDCTextFieldBottomLineFoundation}
*/
value: function getDefaultFoundation() {
var _this2 = this;
return new __WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */]( /** @type {!MDCTextFieldBottomLineAdapter} */_extends({
addClass: function addClass(className) {
return _this2.root_.classList.add(className);
},
removeClass: function removeClass(className) {
return _this2.root_.classList.remove(className);
},
setAttr: function setAttr(attr, value) {
return _this2.root_.setAttribute(attr, value);
},
registerEventHandler: function registerEventHandler(evtType, handler) {
return _this2.root_.addEventListener(evtType, handler);
},
deregisterEventHandler: function deregisterEventHandler(evtType, handler) {
return _this2.root_.removeEventListener(evtType, handler);
},
notifyAnimationEnd: function notifyAnimationEnd() {
_this2.emit(__WEBPACK_IMPORTED_MODULE_2__foundation__["a" /* default */].strings.ANIMATION_END_EVENT, {});
}
}));
}
}, {
key: 'foundation',
/**
* @return {!MDCTextFieldBottomLineFoundation}
*/
get: function get() {
return this.foundation_;
}
}], [{
key: 'attachTo',
/**
* @param {!Element} root
* @return {!MDCTextFieldBottomLine}
*/
value: function attachTo(root) {
return new MDCTextFieldBottomLine(root);
}
}]);
return MDCTextFieldBottomLine;
}(__WEBPACK_IMPORTED_MODULE_0__material_base_component__["a" /* default */]);
/***/ }),
/* 87 */
/***/ (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__(2);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__adapter__ = __webpack_require__(22);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__foundation__ = __webpack_require__(12);
/* 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. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
* @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 */]);
/***/ }),
/* 88 */
/***/ (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__ = __webpack_require__(1);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__foundation__ = __webpack_require__(89);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__util__ = __webpack_require__(91);
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCToolbarFoundation", function() { return __WEBPACK_IMPORTED_MODULE_1__foundation__["a"]; });
/* harmony reexport (module object) */ __webpack_require__.d(__webpack_exports__, "util", function() { return __WEBPACK_IMPORTED_MODULE_2__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; }
/**
* Copyright 2017 Google Inc. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
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: 'getDefaultFoundation',
value: function getDefaultFoundation() {
var _this2 = this;
return new __WEBPACK_IMPORTED_MODULE_1__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, __WEBPACK_IMPORTED_MODULE_2__util__["applyPassive"]());
},
deregisterScrollHandler: function deregisterScrollHandler(handler) {
return window.removeEventListener('scroll', handler, __WEBPACK_IMPORTED_MODULE_2__util__["applyPassive"]());
},
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_1__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_1__foundation__["a" /* default */].strings.FIRST_ROW_SELECTOR);
}
}, {
key: 'titleElement_',
get: function get() {
return this.root_.querySelector(__WEBPACK_IMPORTED_MODULE_1__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__["MDCComponent"]);
/***/ }),
/* 89 */
/***/ (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__(90);
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; }
/**
* Copyright 2017 Google Inc. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
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);
/***/ }),
/* 90 */
/***/ (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; });
/**
* Copyright 2017 Google Inc. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
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',
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
};
/***/ }),
/* 91 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
/* harmony export (immutable) */ __webpack_exports__["applyPassive"] = applyPassive;
/**
* Copyright 2016 Google Inc. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
var supportsPassive_ = void 0;
// Determine whether the current browser supports passive event listeners, and if so, use them.
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;
} });
} catch (e) {}
supportsPassive_ = isSupported;
}
return supportsPassive_ ? { passive: true } : false;
}
/***/ })
/******/ ]);
});