Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@material/radio
Advanced tools
@material/radio - npm Package Compare versions
Comparing version 0.1.5 to 0.1.6
@@ -81,3 +81,3 @@ /*! | ||
| /******/ // Load entry module and return exports | ||
| /******/ return __webpack_require__(__webpack_require__.s = 44); | ||
| /******/ return __webpack_require__(__webpack_require__.s = 53); | ||
| /******/ }) | ||
@@ -200,10 +200,141 @@ /************************************************************************/ | ||
| /***/ 18: | ||
| /***/ 2: | ||
| /***/ (function(module, __webpack_exports__, __webpack_require__) { | ||
| "use strict"; | ||
| /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__foundation__ = __webpack_require__(1); | ||
| 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"); } } | ||
| /** | ||
| * 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. | ||
| */ | ||
| var MDCComponent = function () { | ||
| _createClass(MDCComponent, null, [{ | ||
| key: 'attachTo', | ||
| 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 */]()); | ||
| } | ||
| }]); | ||
| function MDCComponent(root) { | ||
| var foundation = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined; | ||
| _classCallCheck(this, MDCComponent); | ||
| 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. | ||
| 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. | ||
| } | ||
| }, { | ||
| 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. | ||
| }, { | ||
| 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. | ||
| }, { | ||
| 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. | ||
| }, { | ||
| key: 'emit', | ||
| value: function emit(evtType, evtData) { | ||
| var evt = void 0; | ||
| if (typeof CustomEvent === 'function') { | ||
| evt = new CustomEvent(evtType, { detail: evtData }); | ||
| } else { | ||
| evt = document.createEvent('CustomEvent'); | ||
| evt.initCustomEvent(evtType, false, false, evtData); | ||
| } | ||
| this.root_.dispatchEvent(evt); | ||
| } | ||
| }]); | ||
| return MDCComponent; | ||
| }(); | ||
| /* harmony default export */ __webpack_exports__["a"] = MDCComponent; | ||
| /***/ }), | ||
| /***/ 21: | ||
| /***/ (function(module, __webpack_exports__, __webpack_require__) { | ||
| "use strict"; | ||
| Object.defineProperty(__webpack_exports__, "__esModule", { value: true }); | ||
| /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base__ = __webpack_require__(0); | ||
| /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_ripple__ = __webpack_require__(5); | ||
| /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__foundation__ = __webpack_require__(31); | ||
| /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_ripple__ = __webpack_require__(4); | ||
| /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__foundation__ = __webpack_require__(38); | ||
| /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCRadioFoundation", function() { return __WEBPACK_IMPORTED_MODULE_2__foundation__["a"]; }); | ||
@@ -366,133 +497,2 @@ /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCRadio", function() { return MDCRadio; }); | ||
| /***/ 2: | ||
| /***/ (function(module, __webpack_exports__, __webpack_require__) { | ||
| "use strict"; | ||
| /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__foundation__ = __webpack_require__(1); | ||
| 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"); } } | ||
| /** | ||
| * 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. | ||
| */ | ||
| var MDCComponent = function () { | ||
| _createClass(MDCComponent, null, [{ | ||
| key: 'attachTo', | ||
| 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 */]()); | ||
| } | ||
| }]); | ||
| function MDCComponent(root) { | ||
| var foundation = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined; | ||
| _classCallCheck(this, MDCComponent); | ||
| 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. | ||
| 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. | ||
| } | ||
| }, { | ||
| 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. | ||
| }, { | ||
| 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. | ||
| }, { | ||
| 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. | ||
| }, { | ||
| key: 'emit', | ||
| value: function emit(evtType, evtData) { | ||
| var evt = void 0; | ||
| if (typeof CustomEvent === 'function') { | ||
| evt = new CustomEvent(evtType, { detail: evtData }); | ||
| } else { | ||
| evt = document.createEvent('CustomEvent'); | ||
| evt.initCustomEvent(evtType, false, false, evtData); | ||
| } | ||
| this.root_.dispatchEvent(evt); | ||
| } | ||
| }]); | ||
| return MDCComponent; | ||
| }(); | ||
| /* harmony default export */ __webpack_exports__["a"] = MDCComponent; | ||
| /***/ }), | ||
| /***/ 3: | ||
@@ -502,5 +502,5 @@ /***/ (function(module, __webpack_exports__, __webpack_require__) { | ||
| "use strict"; | ||
| Object.defineProperty(__webpack_exports__, "__esModule", { value: true }); | ||
| /* harmony export (immutable) */ __webpack_exports__["getCorrectEventName"] = getCorrectEventName; | ||
| /* harmony export (immutable) */ __webpack_exports__["getCorrectPropertyName"] = getCorrectPropertyName; | ||
| /* harmony export (immutable) */ __webpack_exports__["b"] = supportsCssVariables; | ||
| /* harmony export (immutable) */ __webpack_exports__["a"] = getMatchesProperty; | ||
| /* harmony export (immutable) */ __webpack_exports__["c"] = getNormalizedEventCoords; | ||
| /** | ||
@@ -522,110 +522,45 @@ * Copyright 2016 Google Inc. All Rights Reserved. | ||
| var eventTypeMap = { | ||
| animationstart: { | ||
| noPrefix: 'animationstart', | ||
| webkitPrefix: 'webkitAnimationStart' | ||
| }, | ||
| animationend: { | ||
| noPrefix: 'animationend', | ||
| webkitPrefix: 'webkitAnimationEnd' | ||
| }, | ||
| animationiteration: { | ||
| noPrefix: 'animationiteration', | ||
| webkitPrefix: 'webkitAnimationIteration' | ||
| }, | ||
| transitionend: { | ||
| noPrefix: 'transitionend', | ||
| webkitPrefix: 'webkitTransitionEnd' | ||
| function supportsCssVariables(windowObj) { | ||
| var supportsFunctionPresent = windowObj.CSS && typeof windowObj.CSS.supports === 'function'; | ||
| if (!supportsFunctionPresent) { | ||
| return; | ||
| } | ||
| }; | ||
| var cssPropertyMap = { | ||
| animation: { | ||
| noPrefix: 'animation', | ||
| webkitPrefix: '-webkit-animation' | ||
| }, | ||
| transform: { | ||
| noPrefix: 'transform', | ||
| webkitPrefix: '-webkit-transform' | ||
| }, | ||
| transition: { | ||
| noPrefix: 'transition', | ||
| webkitPrefix: '-webkit-transition' | ||
| } | ||
| }; | ||
| function hasProperShape(windowObj) { | ||
| return windowObj.document !== undefined && typeof windowObj.document.createElement === 'function'; | ||
| 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'); | ||
| return explicitlySupportsCssVars || weAreFeatureDetectingSafari10plus; | ||
| } | ||
| function eventFoundInMaps(eventType) { | ||
| return eventType in eventTypeMap || eventType in cssPropertyMap; | ||
| function getMatchesProperty(HTMLElementPrototype) { | ||
| return ['webkitMatchesSelector', 'msMatchesSelector', 'matches'].filter(function (p) { | ||
| return p in HTMLElementPrototype; | ||
| }).pop(); | ||
| } | ||
| // If 'animation' or 'transition' exist as style property, webkit prefix isn't necessary. Since we are unable to | ||
| // see the event types on the element, we must rely on the corresponding style properties. | ||
| function getJavaScriptEventName(eventType, map, el) { | ||
| switch (eventType) { | ||
| case 'animationstart': | ||
| case 'animationend': | ||
| case 'animationiteration': | ||
| return 'animation' in el.style ? map[eventType].noPrefix : map[eventType].webkitPrefix; | ||
| case 'transitionend': | ||
| return 'transition' in el.style ? map[eventType].noPrefix : map[eventType].webkitPrefix; | ||
| default: | ||
| return map[eventType].noPrefix; | ||
| } | ||
| } | ||
| function getNormalizedEventCoords(ev, pageOffset, clientRect) { | ||
| var x = pageOffset.x, | ||
| y = pageOffset.y; | ||
| // Helper function to determine browser prefix for CSS3 animation events | ||
| // and property names | ||
| // | ||
| // Parameters: | ||
| // windowObject: Object -- Contains Document with a `createElement()` method | ||
| // eventType: string -- The type of animation | ||
| // | ||
| // returns the value of the event as a string, prefixed if necessary. | ||
| // If proper arguments are not supplied, this function will return | ||
| // the property or event type without webkit prefix. | ||
| // | ||
| function getAnimationName(windowObj, eventType) { | ||
| if (!hasProperShape(windowObj) || !eventFoundInMaps(eventType)) { | ||
| return eventType; | ||
| } | ||
| var documentX = x + clientRect.left; | ||
| var documentY = y + clientRect.top; | ||
| var map = eventType in eventTypeMap ? eventTypeMap : cssPropertyMap; | ||
| var el = windowObj.document.createElement('div'); | ||
| var eventName = ''; | ||
| if (map === eventTypeMap) { | ||
| eventName = getJavaScriptEventName(eventType, map, el); | ||
| 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 { | ||
| eventName = map[eventType].noPrefix in el.style ? map[eventType].noPrefix : map[eventType].webkitPrefix; | ||
| normalizedX = ev.pageX - documentX; | ||
| normalizedY = ev.pageY - documentY; | ||
| } | ||
| return eventName; | ||
| return { x: normalizedX, y: normalizedY }; | ||
| } | ||
| // Public functions to access getAnimationName() for JavaScript events or CSS | ||
| // property names. | ||
| // | ||
| // Parameters: | ||
| // windowObject: Object -- Contains Document with a `createElement()` method | ||
| // eventType: string -- The type of animation | ||
| // | ||
| // returns the value of the event as a string, prefixed if necessary. | ||
| // If proper arguments are not supplied, this function will return | ||
| // the property or event type without webkit prefix. | ||
| // | ||
| function getCorrectEventName(windowObj, eventType) { | ||
| return getAnimationName(windowObj, eventType); | ||
| } | ||
| function getCorrectPropertyName(windowObj, eventType) { | ||
| return getAnimationName(windowObj, eventType); | ||
| } | ||
| /***/ }), | ||
| /***/ 31: | ||
| /***/ 38: | ||
| /***/ (function(module, __webpack_exports__, __webpack_require__) { | ||
@@ -744,95 +679,6 @@ | ||
| "use strict"; | ||
| /* harmony export (immutable) */ __webpack_exports__["b"] = supportsCssVariables; | ||
| /* harmony export (immutable) */ __webpack_exports__["a"] = getMatchesProperty; | ||
| /* harmony export (immutable) */ __webpack_exports__["d"] = animateWithClass; | ||
| /* harmony export (immutable) */ __webpack_exports__["c"] = getNormalizedEventCoords; | ||
| /** | ||
| * 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 supportsCssVariables(windowObj) { | ||
| 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'); | ||
| return explicitlySupportsCssVars || weAreFeatureDetectingSafari10plus; | ||
| } | ||
| function getMatchesProperty(HTMLElementPrototype) { | ||
| return ['webkitMatchesSelector', 'msMatchesSelector', 'matches'].filter(function (p) { | ||
| return p in HTMLElementPrototype; | ||
| }).pop(); | ||
| } | ||
| function animateWithClass(rippleAdapter, cls, endEvent) { | ||
| var cancelled = false; | ||
| var cancel = function cancel() { | ||
| if (cancelled) { | ||
| return; | ||
| } | ||
| cancelled = true; | ||
| rippleAdapter.removeClass(cls); | ||
| rippleAdapter.deregisterInteractionHandler(endEvent, cancel); | ||
| }; | ||
| rippleAdapter.registerInteractionHandler(endEvent, cancel); | ||
| rippleAdapter.addClass(cls); | ||
| return cancel; | ||
| } | ||
| 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 === 'touchend') { | ||
| 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 }; | ||
| } | ||
| /***/ }), | ||
| /***/ 44: | ||
| /***/ (function(module, exports, __webpack_require__) { | ||
| module.exports = __webpack_require__(18); | ||
| /***/ }), | ||
| /***/ 5: | ||
| /***/ (function(module, __webpack_exports__, __webpack_require__) { | ||
| "use strict"; | ||
| Object.defineProperty(__webpack_exports__, "__esModule", { value: true }); | ||
| /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base__ = __webpack_require__(0); | ||
| /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__foundation__ = __webpack_require__(7); | ||
| /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__util__ = __webpack_require__(4); | ||
| /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__foundation__ = __webpack_require__(6); | ||
| /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__util__ = __webpack_require__(3); | ||
| /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MDCRippleFoundation", function() { return __WEBPACK_IMPORTED_MODULE_1__foundation__["a"]; }); | ||
@@ -979,8 +825,6 @@ /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MDCRipple", function() { return MDCRipple; }); | ||
| /***/ 6: | ||
| /***/ 5: | ||
| /***/ (function(module, __webpack_exports__, __webpack_require__) { | ||
| "use strict"; | ||
| /* unused harmony export ROOT */ | ||
| /* unused harmony export UPGRADED */ | ||
| /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return cssClasses; }); | ||
@@ -1005,5 +849,2 @@ /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return strings; }); | ||
| var ROOT = 'mdc-ripple'; | ||
| var UPGRADED = ROOT + '-upgraded'; | ||
| var cssClasses = { | ||
@@ -1013,34 +854,25 @@ // Ripple is a special case where the "root" component is really a "mixin" of sorts, | ||
| // CSS class that all other CSS classes derive from. | ||
| ROOT: UPGRADED, | ||
| UNBOUNDED: UPGRADED + '--unbounded', | ||
| BG_ACTIVE: UPGRADED + '--background-active', | ||
| BG_BOUNDED_ACTIVE_FILL: UPGRADED + '--background-bounded-active-fill', | ||
| FG_BOUNDED_ACTIVE_FILL: UPGRADED + '--foreground-bounded-active-fill', | ||
| FG_UNBOUNDED_ACTIVATION: UPGRADED + '--foreground-unbounded-activation', | ||
| FG_UNBOUNDED_DEACTIVATION: UPGRADED + '--foreground-unbounded-deactivation' | ||
| 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_SURFACE_WIDTH: '--' + ROOT + '-surface-width', | ||
| VAR_SURFACE_HEIGHT: '--' + ROOT + '-surface-height', | ||
| VAR_FG_SIZE: '--' + ROOT + '-fg-size', | ||
| VAR_FG_UNBOUNDED_OPACITY_DURATION: '--' + ROOT + '-fg-unbounded-opacity-duration', | ||
| VAR_FG_UNBOUNDED_TRANSFORM_DURATION: '--' + ROOT + '-fg-unbounded-transform-duration', | ||
| VAR_LEFT: '--' + ROOT + '-left', | ||
| VAR_TOP: '--' + ROOT + '-top', | ||
| VAR_TRANSLATE_END: '--' + ROOT + '-translate-end', | ||
| VAR_FG_APPROX_XF: '--' + ROOT + '-fg-approx-xf', | ||
| VAR_FG_SCALE: '--' + ROOT + '-fg-scale', | ||
| VAR_FG_TRANSLATE_START: '--' + ROOT + '-fg-translate-start', | ||
| VAR_FG_TRANSLATE_END: '--' + ROOT + '-fg-translate-end' | ||
| VAR_SURFACE_WIDTH: '--mdc-ripple-surface-width', | ||
| VAR_SURFACE_HEIGHT: '--mdc-ripple-surface-height', | ||
| 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 = { | ||
| FG_TRANSFORM_DELAY_MS: 80, | ||
| OPACITY_DURATION_DIVISOR: 3, | ||
| ACTIVE_OPACITY_DURATION_MS: 110, | ||
| MIN_OPACITY_DURATION_MS: 200, | ||
| UNBOUNDED_TRANSFORM_DURATION_MS: 200, | ||
| PADDING: 10, | ||
| INITIAL_ORIGIN_SCALE: 0.6 | ||
| INITIAL_ORIGIN_SCALE: 0.6, | ||
| DEACTIVATION_TIMEOUT_MS: 300 | ||
| }; | ||
@@ -1050,3 +882,11 @@ | ||
| /***/ 7: | ||
| /***/ 53: | ||
| /***/ (function(module, exports, __webpack_require__) { | ||
| module.exports = __webpack_require__(21); | ||
| /***/ }), | ||
| /***/ 6: | ||
| /***/ (function(module, __webpack_exports__, __webpack_require__) { | ||
@@ -1056,5 +896,4 @@ | ||
| /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__material_base__ = __webpack_require__(0); | ||
| /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__material_animation__ = __webpack_require__(3); | ||
| /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__constants__ = __webpack_require__(6); | ||
| /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__util__ = __webpack_require__(4); | ||
| /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__constants__ = __webpack_require__(5); | ||
| /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__util__ = __webpack_require__(3); | ||
| 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; }; | ||
@@ -1091,3 +930,2 @@ | ||
| var DEACTIVATION_ACTIVATION_PAIRS = { | ||
@@ -1118,3 +956,3 @@ mouseup: 'mousedown', | ||
| get: function get() { | ||
| return __WEBPACK_IMPORTED_MODULE_2__constants__["a" /* cssClasses */]; | ||
| return __WEBPACK_IMPORTED_MODULE_1__constants__["a" /* cssClasses */]; | ||
| } | ||
@@ -1124,3 +962,3 @@ }, { | ||
| get: function get() { | ||
| return __WEBPACK_IMPORTED_MODULE_2__constants__["b" /* strings */]; | ||
| return __WEBPACK_IMPORTED_MODULE_1__constants__["b" /* strings */]; | ||
| } | ||
@@ -1130,3 +968,3 @@ }, { | ||
| get: function get() { | ||
| return __WEBPACK_IMPORTED_MODULE_2__constants__["c" /* numbers */]; | ||
| return __WEBPACK_IMPORTED_MODULE_1__constants__["c" /* numbers */]; | ||
| } | ||
@@ -1174,3 +1012,3 @@ }, { | ||
| return requestAnimationFrame(function () { | ||
| return _this.adapter_.addClass(MDCRippleFoundation.cssClasses.BG_ACTIVE); | ||
| return _this.adapter_.addClass(MDCRippleFoundation.cssClasses.BG_FOCUSED); | ||
| }); | ||
@@ -1180,13 +1018,9 @@ }, | ||
| return requestAnimationFrame(function () { | ||
| return _this.adapter_.removeClass(MDCRippleFoundation.cssClasses.BG_ACTIVE); | ||
| return _this.adapter_.removeClass(MDCRippleFoundation.cssClasses.BG_FOCUSED); | ||
| }); | ||
| } | ||
| }; | ||
| _this.unboundedOpacityFadeTimer_ = 0; | ||
| _this.resizeHandler_ = function () { | ||
| return _this.layout(); | ||
| }; | ||
| _this.cancelBgBounded_ = function () {}; | ||
| _this.cancelFgBounded_ = function () {}; | ||
| _this.cancelFgUnbounded_ = function () {}; | ||
| _this.unboundedCoords_ = { | ||
@@ -1197,2 +1031,8 @@ left: 0, | ||
| _this.fgScale_ = 0; | ||
| _this.activationTimer_ = 0; | ||
| _this.activationAnimationHasEnded_ = false; | ||
| _this.activationTimerCallback_ = function () { | ||
| _this.activationAnimationHasEnded_ = true; | ||
| _this.runDeactivationUXLogicIfReady_(); | ||
| }; | ||
| return _this; | ||
@@ -1206,6 +1046,8 @@ } | ||
| isActivated: false, | ||
| hasDeactivationUXRun: false, | ||
| wasActivatedByPointer: false, | ||
| wasElementMadeActive: false, | ||
| activationStartTime: 0, | ||
| activationEvent: null | ||
| activationEvent: null, | ||
| isProgrammatic: false | ||
| }; | ||
@@ -1262,4 +1104,4 @@ } | ||
| activationState.wasActivatedByPointer = activationState.isProgrammatic ? false : e.type === 'mousedown' || e.type === 'touchstart' || e.type === 'pointerdown'; | ||
| activationState.activationStartTime = Date.now(); | ||
| activationState.activationStartTime = Date.now(); | ||
| requestAnimationFrame(function () { | ||
@@ -1290,34 +1132,97 @@ // This needs to be wrapped in an rAF call b/c web browsers | ||
| var _MDCRippleFoundation$2 = MDCRippleFoundation.cssClasses, | ||
| BG_ACTIVE = _MDCRippleFoundation$2.BG_ACTIVE, | ||
| BG_BOUNDED_ACTIVE_FILL = _MDCRippleFoundation$2.BG_BOUNDED_ACTIVE_FILL, | ||
| FG_UNBOUNDED_DEACTIVATION = _MDCRippleFoundation$2.FG_UNBOUNDED_DEACTIVATION, | ||
| FG_BOUNDED_ACTIVE_FILL = _MDCRippleFoundation$2.FG_BOUNDED_ACTIVE_FILL; | ||
| 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; | ||
| // If ripple is currently deactivating, cancel those animations. | ||
| [BG_BOUNDED_ACTIVE_FILL, FG_UNBOUNDED_DEACTIVATION, FG_BOUNDED_ACTIVE_FILL].forEach(function (c) { | ||
| return _this5.adapter_.removeClass(c); | ||
| }); | ||
| this.cancelBgBounded_(); | ||
| this.cancelFgBounded_(); | ||
| this.cancelFgUnbounded_(); | ||
| if (this.unboundedOpacityFadeTimer_) { | ||
| clearTimeout(this.unboundedOpacityFadeTimer_); | ||
| this.unboundedOpacityFadeTimer_ = 0; | ||
| 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_.addClass(BG_ACTIVE); | ||
| if (this.adapter_.isUnbounded()) { | ||
| this.animateUnboundedActivation_(); | ||
| 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_); | ||
| 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); | ||
| } | ||
| }, { | ||
| key: 'getFgTranslationCoordinates_', | ||
| value: function getFgTranslationCoordinates_() { | ||
| var activationState = this.activationState_; | ||
| var activationEvent = activationState.activationEvent, | ||
| wasActivatedByPointer = activationState.wasActivatedByPointer; | ||
| var startPoint = void 0; | ||
| if (wasActivatedByPointer) { | ||
| startPoint = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__util__["c" /* getNormalizedEventCoords */])(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 }; | ||
| } | ||
| }, { | ||
| key: 'animateUnboundedActivation_', | ||
| value: function animateUnboundedActivation_() { | ||
| var FG_UNBOUNDED_ACTIVATION = MDCRippleFoundation.cssClasses.FG_UNBOUNDED_ACTIVATION; | ||
| key: 'runDeactivationUXLogicIfReady_', | ||
| value: function runDeactivationUXLogicIfReady_() { | ||
| var FG_DEACTIVATION = MDCRippleFoundation.cssClasses.FG_DEACTIVATION; | ||
| var _activationState_ = this.activationState_, | ||
| hasDeactivationUXRun = _activationState_.hasDeactivationUXRun, | ||
| isActivated = _activationState_.isActivated; | ||
| this.adapter_.addClass(FG_UNBOUNDED_ACTIVATION); | ||
| var activationHasEnded = hasDeactivationUXRun || !isActivated; | ||
| if (activationHasEnded && this.activationAnimationHasEnded_) { | ||
| this.rmBoundedActivationClasses_(); | ||
| // Note that we don't need to remove this here since it's removed on re-activation. | ||
| this.adapter_.addClass(FG_DEACTIVATION); | ||
| } | ||
| } | ||
| }, { | ||
| 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(); | ||
| } | ||
| }, { | ||
| key: 'deactivate_', | ||
@@ -1335,4 +1240,5 @@ value: function deactivate_(e) { | ||
| if (activationState.isProgrammatic) { | ||
| var evtObject = null; | ||
| requestAnimationFrame(function () { | ||
| return _this6.animateDeactivation_(null, _extends({}, activationState)); | ||
| return _this6.animateDeactivation_(evtObject, _extends({}, activationState)); | ||
| }); | ||
@@ -1342,2 +1248,3 @@ this.activationState_ = this.defaultActivationState_(); | ||
| } | ||
| var actualActivationType = DEACTIVATION_ACTIVATION_PAIRS[e.type]; | ||
@@ -1356,10 +1263,12 @@ var expectedActivationType = activationState.activationEvent.type; | ||
| var state = _extends({}, activationState); | ||
| if (needsDeactivationUX) { | ||
| requestAnimationFrame(function () { | ||
| return _this6.animateDeactivation_(e, state); | ||
| }); | ||
| } | ||
| if (needsActualDeactivation) { | ||
| this.activationState_ = this.defaultActivationState_(); | ||
| } | ||
| requestAnimationFrame(function () { | ||
| if (needsDeactivationUX) { | ||
| _this6.activationState_.hasDeactivationUXRun = true; | ||
| _this6.animateDeactivation_(e, state); | ||
| } | ||
| if (needsActualDeactivation) { | ||
| _this6.activationState_ = _this6.defaultActivationState_(); | ||
| } | ||
| }); | ||
| } | ||
@@ -1375,107 +1284,15 @@ }, { | ||
| var wasActivatedByPointer = _ref.wasActivatedByPointer, | ||
| wasElementMadeActive = _ref.wasElementMadeActive, | ||
| activationStartTime = _ref.activationStartTime, | ||
| isProgrammatic = _ref.isProgrammatic; | ||
| var BG_ACTIVE = MDCRippleFoundation.cssClasses.BG_ACTIVE; | ||
| wasElementMadeActive = _ref.wasElementMadeActive; | ||
| var BG_FOCUSED = MDCRippleFoundation.cssClasses.BG_FOCUSED; | ||
| if (wasActivatedByPointer || wasElementMadeActive) { | ||
| this.adapter_.removeClass(BG_ACTIVE); | ||
| var isPointerEvent = isProgrammatic ? false : e.type === 'touchend' || e.type === 'pointerup' || e.type === 'mouseup'; | ||
| if (this.adapter_.isUnbounded()) { | ||
| this.animateUnboundedDeactivation_(this.getUnboundedDeactivationInfo_(activationStartTime)); | ||
| } else { | ||
| this.animateBoundedDeactivation_(e, isPointerEvent); | ||
| } | ||
| // Remove class left over by element being focused | ||
| this.adapter_.removeClass(BG_FOCUSED); | ||
| this.runDeactivationUXLogicIfReady_(); | ||
| } | ||
| } | ||
| }, { | ||
| key: 'animateUnboundedDeactivation_', | ||
| value: function animateUnboundedDeactivation_(_ref2) { | ||
| var _this7 = this; | ||
| var opacityDuration = _ref2.opacityDuration, | ||
| transformDuration = _ref2.transformDuration, | ||
| approxCurScale = _ref2.approxCurScale; | ||
| var _MDCRippleFoundation$3 = MDCRippleFoundation.cssClasses, | ||
| FG_UNBOUNDED_ACTIVATION = _MDCRippleFoundation$3.FG_UNBOUNDED_ACTIVATION, | ||
| FG_UNBOUNDED_DEACTIVATION = _MDCRippleFoundation$3.FG_UNBOUNDED_DEACTIVATION; | ||
| var _MDCRippleFoundation$4 = MDCRippleFoundation.strings, | ||
| VAR_FG_UNBOUNDED_OPACITY_DURATION = _MDCRippleFoundation$4.VAR_FG_UNBOUNDED_OPACITY_DURATION, | ||
| VAR_FG_UNBOUNDED_TRANSFORM_DURATION = _MDCRippleFoundation$4.VAR_FG_UNBOUNDED_TRANSFORM_DURATION, | ||
| VAR_FG_APPROX_XF = _MDCRippleFoundation$4.VAR_FG_APPROX_XF; | ||
| this.adapter_.updateCssVariable(VAR_FG_APPROX_XF, 'scale(' + approxCurScale + ')'); | ||
| this.adapter_.updateCssVariable(VAR_FG_UNBOUNDED_OPACITY_DURATION, opacityDuration + 'ms'); | ||
| this.adapter_.updateCssVariable(VAR_FG_UNBOUNDED_TRANSFORM_DURATION, transformDuration + 'ms'); | ||
| this.adapter_.addClass(FG_UNBOUNDED_DEACTIVATION); | ||
| this.adapter_.removeClass(FG_UNBOUNDED_ACTIVATION); | ||
| // We use setTimeout here since we know how long the fade will take. | ||
| this.unboundedOpacityFadeTimer_ = setTimeout(function () { | ||
| _this7.adapter_.removeClass(FG_UNBOUNDED_DEACTIVATION); | ||
| }, opacityDuration); | ||
| } | ||
| }, { | ||
| key: 'getUnboundedDeactivationInfo_', | ||
| value: function getUnboundedDeactivationInfo_(activationStartTime) { | ||
| var msElapsed = Date.now() - activationStartTime; | ||
| var _MDCRippleFoundation$5 = MDCRippleFoundation.numbers, | ||
| FG_TRANSFORM_DELAY_MS = _MDCRippleFoundation$5.FG_TRANSFORM_DELAY_MS, | ||
| OPACITY_DURATION_DIVISOR = _MDCRippleFoundation$5.OPACITY_DURATION_DIVISOR, | ||
| ACTIVE_OPACITY_DURATION_MS = _MDCRippleFoundation$5.ACTIVE_OPACITY_DURATION_MS, | ||
| UNBOUNDED_TRANSFORM_DURATION_MS = _MDCRippleFoundation$5.UNBOUNDED_TRANSFORM_DURATION_MS, | ||
| MIN_OPACITY_DURATION_MS = _MDCRippleFoundation$5.MIN_OPACITY_DURATION_MS; | ||
| var approxCurScale = 0; | ||
| if (msElapsed > FG_TRANSFORM_DELAY_MS) { | ||
| var percentComplete = Math.min((msElapsed - FG_TRANSFORM_DELAY_MS) / this.xfDuration_, 1); | ||
| approxCurScale = percentComplete * this.fgScale_; | ||
| } | ||
| var transformDuration = UNBOUNDED_TRANSFORM_DURATION_MS; | ||
| var approxOpacity = Math.min(msElapsed / ACTIVE_OPACITY_DURATION_MS, 1); | ||
| var opacityDuration = Math.max(MIN_OPACITY_DURATION_MS, 1000 * approxOpacity / OPACITY_DURATION_DIVISOR); | ||
| return { transformDuration: transformDuration, opacityDuration: opacityDuration, approxCurScale: approxCurScale }; | ||
| } | ||
| }, { | ||
| key: 'animateBoundedDeactivation_', | ||
| value: function animateBoundedDeactivation_(e, isPointerEvent) { | ||
| var startPoint = void 0; | ||
| if (isPointerEvent) { | ||
| startPoint = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_3__util__["c" /* getNormalizedEventCoords */])(e, this.adapter_.getWindowPageOffset(), this.adapter_.computeBoundingRect()); | ||
| } else { | ||
| startPoint = { | ||
| x: this.frame_.width / 2, | ||
| y: this.frame_.height / 2 | ||
| }; | ||
| } | ||
| 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 | ||
| }; | ||
| var _MDCRippleFoundation$6 = MDCRippleFoundation.strings, | ||
| VAR_FG_TRANSLATE_START = _MDCRippleFoundation$6.VAR_FG_TRANSLATE_START, | ||
| VAR_FG_TRANSLATE_END = _MDCRippleFoundation$6.VAR_FG_TRANSLATE_END; | ||
| var _MDCRippleFoundation$7 = MDCRippleFoundation.cssClasses, | ||
| BG_BOUNDED_ACTIVE_FILL = _MDCRippleFoundation$7.BG_BOUNDED_ACTIVE_FILL, | ||
| FG_BOUNDED_ACTIVE_FILL = _MDCRippleFoundation$7.FG_BOUNDED_ACTIVE_FILL; | ||
| this.adapter_.updateCssVariable(VAR_FG_TRANSLATE_START, startPoint.x + 'px, ' + startPoint.y + 'px'); | ||
| this.adapter_.updateCssVariable(VAR_FG_TRANSLATE_END, endPoint.x + 'px, ' + endPoint.y + 'px'); | ||
| this.cancelBgBounded_ = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_3__util__["d" /* animateWithClass */])(this.adapter_, BG_BOUNDED_ACTIVE_FILL, __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__material_animation__["getCorrectEventName"])(window, 'transitionend')); | ||
| this.cancelFgBounded_ = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_3__util__["d" /* animateWithClass */])(this.adapter_, FG_BOUNDED_ACTIVE_FILL, __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__material_animation__["getCorrectEventName"])(window, 'animationend')); | ||
| } | ||
| }, { | ||
| key: 'destroy', | ||
| value: function destroy() { | ||
| var _this8 = this; | ||
| var _this7 = this; | ||
@@ -1487,10 +1304,10 @@ if (!this.isSupported_) { | ||
| var _MDCRippleFoundation$8 = MDCRippleFoundation.cssClasses, | ||
| ROOT = _MDCRippleFoundation$8.ROOT, | ||
| UNBOUNDED = _MDCRippleFoundation$8.UNBOUNDED; | ||
| 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_(); | ||
| _this7.adapter_.removeClass(ROOT); | ||
| _this7.adapter_.removeClass(UNBOUNDED); | ||
| _this7.removeCssVars_(); | ||
| }); | ||
@@ -1501,7 +1318,7 @@ } | ||
| value: function removeEventListeners_() { | ||
| var _this9 = this; | ||
| var _this8 = this; | ||
| this.listenerInfos_.forEach(function (info) { | ||
| Object.keys(info).forEach(function (k) { | ||
| _this9.adapter_.deregisterInteractionHandler(info[k], _this9.listeners_[k]); | ||
| _this8.adapter_.deregisterInteractionHandler(info[k], _this8.listeners_[k]); | ||
| }); | ||
@@ -1514,3 +1331,3 @@ }); | ||
| value: function removeCssVars_() { | ||
| var _this10 = this; | ||
| var _this9 = this; | ||
@@ -1521,3 +1338,3 @@ var strings = MDCRippleFoundation.strings; | ||
| if (k.indexOf('VAR_') === 0) { | ||
| _this10.adapter_.updateCssVariable(strings[k], null); | ||
| _this9.adapter_.updateCssVariable(strings[k], null); | ||
| } | ||
@@ -1529,3 +1346,3 @@ }); | ||
| value: function layout() { | ||
| var _this11 = this; | ||
| var _this10 = this; | ||
@@ -1536,4 +1353,4 @@ if (this.layoutFrame_) { | ||
| this.layoutFrame_ = requestAnimationFrame(function () { | ||
| _this11.layoutInternal_(); | ||
| _this11.layoutFrame_ = 0; | ||
| _this10.layoutInternal_(); | ||
| _this10.layoutFrame_ = 0; | ||
| }); | ||
@@ -1561,10 +1378,9 @@ } | ||
| value: function updateLayoutCssVars_() { | ||
| var _MDCRippleFoundation$9 = MDCRippleFoundation.strings, | ||
| VAR_SURFACE_WIDTH = _MDCRippleFoundation$9.VAR_SURFACE_WIDTH, | ||
| VAR_SURFACE_HEIGHT = _MDCRippleFoundation$9.VAR_SURFACE_HEIGHT, | ||
| VAR_FG_SIZE = _MDCRippleFoundation$9.VAR_FG_SIZE, | ||
| VAR_FG_UNBOUNDED_TRANSFORM_DURATION = _MDCRippleFoundation$9.VAR_FG_UNBOUNDED_TRANSFORM_DURATION, | ||
| VAR_LEFT = _MDCRippleFoundation$9.VAR_LEFT, | ||
| VAR_TOP = _MDCRippleFoundation$9.VAR_TOP, | ||
| VAR_FG_SCALE = _MDCRippleFoundation$9.VAR_FG_SCALE; | ||
| var _MDCRippleFoundation$6 = MDCRippleFoundation.strings, | ||
| VAR_SURFACE_WIDTH = _MDCRippleFoundation$6.VAR_SURFACE_WIDTH, | ||
| VAR_SURFACE_HEIGHT = _MDCRippleFoundation$6.VAR_SURFACE_HEIGHT, | ||
| 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; | ||
@@ -1575,3 +1391,2 @@ | ||
| this.adapter_.updateCssVariable(VAR_FG_SIZE, this.initialSize_ + 'px'); | ||
| this.adapter_.updateCssVariable(VAR_FG_UNBOUNDED_TRANSFORM_DURATION, this.xfDuration_ + 'ms'); | ||
| this.adapter_.updateCssVariable(VAR_FG_SCALE, this.fgScale_); | ||
@@ -1578,0 +1393,0 @@ |
@@ -6,2 +6,2 @@ /*! | ||
| */ | ||
| !function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.radio=e():(t.mdc=t.mdc||{},t.mdc.radio=e())}(this,function(){return function(t){function e(i){if(n[i])return n[i].exports;var r=n[i]={i:i,l:!1,exports:{}};return t[i].call(r.exports,r,r.exports,e),r.l=!0,r.exports}var n={};return e.m=t,e.c=n,e.i=function(t){return t},e.d=function(t,n,i){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:i})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="/assets/",e(e.s=44)}({0:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(1);n.d(e,"MDCFoundation",function(){return i.a});var r=n(2);n.d(e,"MDCComponent",function(){return r.a})},1:function(t,e,n){"use strict";function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}var r=function(){function t(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(e,n,i){return n&&t(e.prototype,n),i&&t(e,i),e}}(),a=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};i(this,t),this.adapter_=e}return r(t,null,[{key:"cssClasses",get:function(){return{}}},{key:"strings",get:function(){return{}}},{key:"numbers",get:function(){return{}}},{key:"defaultAdapter",get:function(){return{}}}]),r(t,[{key:"init",value:function(){}},{key:"destroy",value:function(){}}]),t}();e.a=a},18:function(t,e,n){"use strict";function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function r(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function a(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}Object.defineProperty(e,"__esModule",{value:!0});var o=n(0),u=n(5),s=n(31);n.d(e,"MDCRadioFoundation",function(){return s.a}),n.d(e,"MDCRadio",function(){return l});var c=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(t[i]=n[i])}return t},d=function t(e,n,i){null===e&&(e=Function.prototype);var r=Object.getOwnPropertyDescriptor(e,n);if(void 0===r){var a=Object.getPrototypeOf(e);return null===a?void 0:t(a,n,i)}if("value"in r)return r.value;var o=r.get;if(void 0!==o)return o.call(i)},f=function(){function t(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(e,n,i){return n&&t(e.prototype,n),i&&t(e,i),e}}(),l=function(t){function e(){var t;i(this,e);for(var n=arguments.length,a=Array(n),o=0;o<n;o++)a[o]=arguments[o];var u=r(this,(t=e.__proto__||Object.getPrototypeOf(e)).call.apply(t,[this].concat(a)));return u.ripple_=u.initRipple_(),u}return a(e,t),f(e,[{key:"checked",get:function(){return this.foundation_.isChecked()},set:function(t){this.foundation_.setChecked(t)}},{key:"disabled",get:function(){return this.foundation_.isDisabled()},set:function(t){this.foundation_.setDisabled(t)}},{key:"ripple",get:function(){return this.ripple_}}],[{key:"attachTo",value:function(t){return new e(t)}}]),f(e,[{key:"initRipple_",value:function(){var t=this,e=c(u.MDCRipple.createAdapter(this),{isUnbounded:function(){return!0},isSurfaceActive:function(){return!1},registerInteractionHandler:function(e,n){return t.nativeControl_.addEventListener(e,n)},deregisterInteractionHandler:function(e,n){return t.nativeControl_.removeEventListener(e,n)},computeBoundingRect:function(){var e=t.root_.getBoundingClientRect(),n=e.left,i=e.top,r=40;return{top:i,left:n,right:n+r,bottom:i+r,width:r,height:r}}}),n=new u.MDCRippleFoundation(e);return new u.MDCRipple(this.root_,n)}},{key:"destroy",value:function(){this.ripple_.destroy(),d(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"destroy",this).call(this)}},{key:"getDefaultFoundation",value:function(){var t=this;return new s.a({addClass:function(e){return t.root_.classList.add(e)},removeClass:function(e){return t.root_.classList.remove(e)},getNativeControl:function(){return t.root_.querySelector(s.a.strings.NATIVE_CONTROL_SELECTOR)}})}},{key:"nativeControl_",get:function(){return this.root_.querySelector(s.a.strings.NATIVE_CONTROL_SELECTOR)}}]),e}(o.MDCComponent)},2:function(t,e,n){"use strict";function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}var r=n(1),a=function(){function t(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(e,n,i){return n&&t(e.prototype,n),i&&t(e,i),e}}(),o=function(){function t(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0;i(this,t),this.root_=e;for(var r=arguments.length,a=Array(r>2?r-2:0),o=2;o<r;o++)a[o-2]=arguments[o];this.initialize.apply(this,a),this.foundation_=void 0===n?this.getDefaultFoundation():n,this.foundation_.init(),this.initialSyncWithDOM()}return a(t,null,[{key:"attachTo",value:function(e){return new t(e,new r.a)}}]),a(t,[{key:"initialize",value:function(){}},{key:"getDefaultFoundation",value:function(){throw new Error("Subclasses must override getDefaultFoundation to return a properly configured foundation class")}},{key:"initialSyncWithDOM",value:function(){}},{key:"destroy",value:function(){this.foundation_.destroy()}},{key:"listen",value:function(t,e){this.root_.addEventListener(t,e)}},{key:"unlisten",value:function(t,e){this.root_.removeEventListener(t,e)}},{key:"emit",value:function(t,e){var n=void 0;"function"==typeof CustomEvent?n=new CustomEvent(t,{detail:e}):(n=document.createEvent("CustomEvent"),n.initCustomEvent(t,!1,!1,e)),this.root_.dispatchEvent(n)}}]),t}();e.a=o},3:function(t,e,n){"use strict";function i(t){return void 0!==t.document&&"function"==typeof t.document.createElement}function r(t){return t in c||t in d}function a(t,e,n){switch(t){case"animationstart":case"animationend":case"animationiteration":return"animation"in n.style?e[t].noPrefix:e[t].webkitPrefix;case"transitionend":return"transition"in n.style?e[t].noPrefix:e[t].webkitPrefix;default:return e[t].noPrefix}}function o(t,e){if(!i(t)||!r(e))return e;var n=e in c?c:d,o=t.document.createElement("div"),u="";return u=n===c?a(e,n,o):n[e].noPrefix in o.style?n[e].noPrefix:n[e].webkitPrefix}function u(t,e){return o(t,e)}function s(t,e){return o(t,e)}Object.defineProperty(e,"__esModule",{value:!0}),e.getCorrectEventName=u,e.getCorrectPropertyName=s;var c={animationstart:{noPrefix:"animationstart",webkitPrefix:"webkitAnimationStart"},animationend:{noPrefix:"animationend",webkitPrefix:"webkitAnimationEnd"},animationiteration:{noPrefix:"animationiteration",webkitPrefix:"webkitAnimationIteration"},transitionend:{noPrefix:"transitionend",webkitPrefix:"webkitTransitionEnd"}},d={animation:{noPrefix:"animation",webkitPrefix:"-webkit-animation"},transform:{noPrefix:"transform",webkitPrefix:"-webkit-transform"},transition:{noPrefix:"transition",webkitPrefix:"-webkit-transition"}}},31:function(t,e,n){"use strict";function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function r(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function a(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}var o=n(0),u=function(){function t(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(e,n,i){return n&&t(e.prototype,n),i&&t(e,i),e}}(),s="mdc-radio",c=function(t){function e(){return i(this,e),r(this,(e.__proto__||Object.getPrototypeOf(e)).apply(this,arguments))}return a(e,t),u(e,[{key:"isChecked",value:function(){return this.getNativeControl_().checked}},{key:"setChecked",value:function(t){this.getNativeControl_().checked=t}},{key:"isDisabled",value:function(){return this.getNativeControl_().disabled}},{key:"setDisabled",value:function(t){var n=e.cssClasses.DISABLED;this.getNativeControl_().disabled=t,t?this.adapter_.addClass(n):this.adapter_.removeClass(n)}},{key:"getNativeControl_",value:function(){return this.adapter_.getNativeControl()||{checked:!1,disabled:!1}}}],[{key:"cssClasses",get:function(){return{ROOT:s,DISABLED:s+"--disabled"}}},{key:"strings",get:function(){return{NATIVE_CONTROL_SELECTOR:"."+s+"__native-control"}}},{key:"defaultAdapter",get:function(){return{addClass:function(){},removeClass:function(){},getNativeControl:function(){}}}}]),e}(o.MDCFoundation);e.a=c},4:function(t,e,n){"use strict";function i(t){var e=t.CSS&&"function"==typeof t.CSS.supports;if(e){var n=t.CSS.supports("--css-vars","yes"),i=t.CSS.supports("(--css-vars: yes)")&&t.CSS.supports("color","#00000000");return n||i}}function r(t){return["webkitMatchesSelector","msMatchesSelector","matches"].filter(function(e){return e in t}).pop()}function a(t,e,n){var i=!1,r=function r(){i||(i=!0,t.removeClass(e),t.deregisterInteractionHandler(n,r))};return t.registerInteractionHandler(n,r),t.addClass(e),r}function o(t,e,n){var i=e.x,r=e.y,a=i+n.left,o=r+n.top,u=void 0,s=void 0;return"touchend"===t.type?(u=t.changedTouches[0].pageX-a,s=t.changedTouches[0].pageY-o):(u=t.pageX-a,s=t.pageY-o),{x:u,y:s}}e.b=i,e.a=r,e.d=a,e.c=o},44:function(t,e,n){t.exports=n(18)},5:function(t,e,n){"use strict";function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function r(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function a(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}Object.defineProperty(e,"__esModule",{value:!0});var o=n(0),u=n(7),s=n(4);n.d(e,"MDCRippleFoundation",function(){return u.a}),n.d(e,"MDCRipple",function(){return f});var c=function(){function t(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(e,n,i){return n&&t(e.prototype,n),i&&t(e,i),e}}(),d=n.i(s.a)(HTMLElement.prototype),f=function(t){function e(){return i(this,e),r(this,(e.__proto__||Object.getPrototypeOf(e)).apply(this,arguments))}return a(e,t),c(e,[{key:"activate",value:function(){this.foundation_.activate()}},{key:"deactivate",value:function(){this.foundation_.deactivate()}},{key:"getDefaultFoundation",value:function(){return new u.a(e.createAdapter(this))}},{key:"initialSyncWithDOM",value:function(){this.unbounded="mdcRippleIsUnbounded"in this.root_.dataset}},{key:"unbounded",get:function(){return this.unbounded_},set:function(t){var e=u.a.cssClasses.UNBOUNDED;this.unbounded_=Boolean(t),this.unbounded_?this.root_.classList.add(e):this.root_.classList.remove(e)}}],[{key:"attachTo",value:function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=n.isUnbounded,r=void 0===i?void 0:i,a=new e(t);return void 0!==r&&(a.unbounded=r),a}},{key:"createAdapter",value:function(t){return{browserSupportsCssVars:function(){return n.i(s.b)(window)},isUnbounded:function(){return t.unbounded},isSurfaceActive:function(){return t.root_[d](":active")},addClass:function(e){return t.root_.classList.add(e)},removeClass:function(e){return t.root_.classList.remove(e)},registerInteractionHandler:function(e,n){return t.root_.addEventListener(e,n)},deregisterInteractionHandler:function(e,n){return t.root_.removeEventListener(e,n)},registerResizeHandler:function(t){return window.addEventListener("resize",t)},deregisterResizeHandler:function(t){return window.removeEventListener("resize",t)},updateCssVariable:function(e,n){return t.root_.style.setProperty(e,n)},computeBoundingRect:function(){return t.root_.getBoundingClientRect()},getWindowPageOffset:function(){return{x:window.pageXOffset,y:window.pageYOffset}}}}}]),e}(o.MDCComponent)},6:function(t,e,n){"use strict";n.d(e,"a",function(){return a}),n.d(e,"b",function(){return o}),n.d(e,"c",function(){return u});var i="mdc-ripple",r=i+"-upgraded",a={ROOT:r,UNBOUNDED:r+"--unbounded",BG_ACTIVE:r+"--background-active",BG_BOUNDED_ACTIVE_FILL:r+"--background-bounded-active-fill",FG_BOUNDED_ACTIVE_FILL:r+"--foreground-bounded-active-fill",FG_UNBOUNDED_ACTIVATION:r+"--foreground-unbounded-activation",FG_UNBOUNDED_DEACTIVATION:r+"--foreground-unbounded-deactivation"},o={VAR_SURFACE_WIDTH:"--"+i+"-surface-width",VAR_SURFACE_HEIGHT:"--"+i+"-surface-height",VAR_FG_SIZE:"--"+i+"-fg-size",VAR_FG_UNBOUNDED_OPACITY_DURATION:"--"+i+"-fg-unbounded-opacity-duration",VAR_FG_UNBOUNDED_TRANSFORM_DURATION:"--"+i+"-fg-unbounded-transform-duration",VAR_LEFT:"--"+i+"-left",VAR_TOP:"--"+i+"-top",VAR_TRANSLATE_END:"--"+i+"-translate-end",VAR_FG_APPROX_XF:"--"+i+"-fg-approx-xf",VAR_FG_SCALE:"--"+i+"-fg-scale",VAR_FG_TRANSLATE_START:"--"+i+"-fg-translate-start",VAR_FG_TRANSLATE_END:"--"+i+"-fg-translate-end"},u={FG_TRANSFORM_DELAY_MS:80,OPACITY_DURATION_DIVISOR:3,ACTIVE_OPACITY_DURATION_MS:110,MIN_OPACITY_DURATION_MS:200,UNBOUNDED_TRANSFORM_DURATION_MS:200,PADDING:10,INITIAL_ORIGIN_SCALE:.6}},7:function(t,e,n){"use strict";function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function r(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function a(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}var o=n(0),u=n(3),s=n(6),c=n(4),d=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(t[i]=n[i])}return t},f=function(){function t(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(e,n,i){return n&&t(e.prototype,n),i&&t(e,i),e}}(),l={mouseup:"mousedown",pointerup:"pointerdown",touchend:"touchstart",keyup:"keydown",blur:"focus"},_=function(t){function e(t){i(this,e);var n=r(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,d(e.defaultAdapter,t)));return n.layoutFrame_=0,n.frame_={width:0,height:0},n.activationState_=n.defaultActivationState_(),n.xfDuration_=0,n.initialSize_=0,n.maxRadius_=0,n.listenerInfos_=[{activate:"touchstart",deactivate:"touchend"},{activate:"pointerdown",deactivate:"pointerup"},{activate:"mousedown",deactivate:"mouseup"},{activate:"keydown",deactivate:"keyup"},{focus:"focus",blur:"blur"}],n.listeners_={activate:function(t){return n.activate_(t)},deactivate:function(t){return n.deactivate_(t)},focus:function(){return requestAnimationFrame(function(){return n.adapter_.addClass(e.cssClasses.BG_ACTIVE)})},blur:function(){return requestAnimationFrame(function(){return n.adapter_.removeClass(e.cssClasses.BG_ACTIVE)})}},n.unboundedOpacityFadeTimer_=0,n.resizeHandler_=function(){return n.layout()},n.cancelBgBounded_=function(){},n.cancelFgBounded_=function(){},n.cancelFgUnbounded_=function(){},n.unboundedCoords_={left:0,top:0},n.fgScale_=0,n}return a(e,t),f(e,[{key:"isSupported_",get:function(){return this.adapter_.browserSupportsCssVars()}}],[{key:"cssClasses",get:function(){return s.a}},{key:"strings",get:function(){return s.b}},{key:"numbers",get:function(){return s.c}},{key:"defaultAdapter",get:function(){return{browserSupportsCssVars:function(){},isUnbounded:function(){},isSurfaceActive:function(){},addClass:function(){},removeClass:function(){},registerInteractionHandler:function(){},deregisterInteractionHandler:function(){},registerResizeHandler:function(){},deregisterResizeHandler:function(){},updateCssVariable:function(){},computeBoundingRect:function(){},getWindowPageOffset:function(){}}}}]),f(e,[{key:"defaultActivationState_",value:function(){return{isActivated:!1,wasActivatedByPointer:!1,wasElementMadeActive:!1,activationStartTime:0,activationEvent:null}}},{key:"init",value:function(){var t=this;if(this.isSupported_){this.addEventListeners_();var n=e.cssClasses,i=n.ROOT,r=n.UNBOUNDED;requestAnimationFrame(function(){t.adapter_.addClass(i),t.adapter_.isUnbounded()&&t.adapter_.addClass(r),t.layoutInternal_()})}}},{key:"addEventListeners_",value:function(){var t=this;this.listenerInfos_.forEach(function(e){Object.keys(e).forEach(function(n){t.adapter_.registerInteractionHandler(e[n],t.listeners_[n])})}),this.adapter_.registerResizeHandler(this.resizeHandler_)}},{key:"activate_",value:function(t){var e=this,n=this.activationState_;n.isActivated||(n.isActivated=!0,n.isProgrammatic=null===t,n.activationEvent=t,n.wasActivatedByPointer=!n.isProgrammatic&&("mousedown"===t.type||"touchstart"===t.type||"pointerdown"===t.type),n.activationStartTime=Date.now(),requestAnimationFrame(function(){n.wasElementMadeActive=!t||"keydown"!==t.type||e.adapter_.isSurfaceActive(),n.wasElementMadeActive?e.animateActivation_():e.activationState_=e.defaultActivationState_()}))}},{key:"activate",value:function(){this.activate_(null)}},{key:"animateActivation_",value:function(){var t=this,n=e.cssClasses,i=n.BG_ACTIVE,r=n.BG_BOUNDED_ACTIVE_FILL,a=n.FG_UNBOUNDED_DEACTIVATION,o=n.FG_BOUNDED_ACTIVE_FILL;[r,a,o].forEach(function(e){return t.adapter_.removeClass(e)}),this.cancelBgBounded_(),this.cancelFgBounded_(),this.cancelFgUnbounded_(),this.unboundedOpacityFadeTimer_&&(clearTimeout(this.unboundedOpacityFadeTimer_),this.unboundedOpacityFadeTimer_=0),this.adapter_.addClass(i),this.adapter_.isUnbounded()&&this.animateUnboundedActivation_()}},{key:"animateUnboundedActivation_",value:function(){var t=e.cssClasses.FG_UNBOUNDED_ACTIVATION;this.adapter_.addClass(t)}},{key:"deactivate_",value:function(t){var e=this,n=this.activationState_;if(n.isActivated){if(n.isProgrammatic)return requestAnimationFrame(function(){return e.animateDeactivation_(null,d({},n))}),void(this.activationState_=this.defaultActivationState_());var i=l[t.type],r=n.activationEvent.type,a=i===r,o=a;n.wasActivatedByPointer&&(o="mouseup"===t.type);var u=d({},n);a&&requestAnimationFrame(function(){return e.animateDeactivation_(t,u)}),o&&(this.activationState_=this.defaultActivationState_())}}},{key:"deactivate",value:function(){this.deactivate_(null)}},{key:"animateDeactivation_",value:function(t,n){var i=n.wasActivatedByPointer,r=n.wasElementMadeActive,a=n.activationStartTime,o=n.isProgrammatic,u=e.cssClasses.BG_ACTIVE;if(i||r){this.adapter_.removeClass(u);var s=!o&&("touchend"===t.type||"pointerup"===t.type||"mouseup"===t.type);this.adapter_.isUnbounded()?this.animateUnboundedDeactivation_(this.getUnboundedDeactivationInfo_(a)):this.animateBoundedDeactivation_(t,s)}}},{key:"animateUnboundedDeactivation_",value:function(t){var n=this,i=t.opacityDuration,r=t.transformDuration,a=t.approxCurScale,o=e.cssClasses,u=o.FG_UNBOUNDED_ACTIVATION,s=o.FG_UNBOUNDED_DEACTIVATION,c=e.strings,d=c.VAR_FG_UNBOUNDED_OPACITY_DURATION,f=c.VAR_FG_UNBOUNDED_TRANSFORM_DURATION,l=c.VAR_FG_APPROX_XF;this.adapter_.updateCssVariable(l,"scale("+a+")"),this.adapter_.updateCssVariable(d,i+"ms"),this.adapter_.updateCssVariable(f,r+"ms"),this.adapter_.addClass(s),this.adapter_.removeClass(u),this.unboundedOpacityFadeTimer_=setTimeout(function(){n.adapter_.removeClass(s)},i)}},{key:"getUnboundedDeactivationInfo_",value:function(t){var n=Date.now()-t,i=e.numbers,r=i.FG_TRANSFORM_DELAY_MS,a=i.OPACITY_DURATION_DIVISOR,o=i.ACTIVE_OPACITY_DURATION_MS,u=i.UNBOUNDED_TRANSFORM_DURATION_MS,s=i.MIN_OPACITY_DURATION_MS,c=0;if(n>r){var d=Math.min((n-r)/this.xfDuration_,1);c=d*this.fgScale_}var f=u,l=Math.min(n/o,1),_=Math.max(s,1e3*l/a);return{transformDuration:f,opacityDuration:_,approxCurScale:c}}},{key:"animateBoundedDeactivation_",value:function(t,i){var r=void 0;r=i?n.i(c.c)(t,this.adapter_.getWindowPageOffset(),this.adapter_.computeBoundingRect()):{x:this.frame_.width/2,y:this.frame_.height/2},r={x:r.x-this.initialSize_/2,y:r.y-this.initialSize_/2};var a={x:this.frame_.width/2-this.initialSize_/2,y:this.frame_.height/2-this.initialSize_/2},o=e.strings,s=o.VAR_FG_TRANSLATE_START,d=o.VAR_FG_TRANSLATE_END,f=e.cssClasses,l=f.BG_BOUNDED_ACTIVE_FILL,_=f.FG_BOUNDED_ACTIVE_FILL;this.adapter_.updateCssVariable(s,r.x+"px, "+r.y+"px"),this.adapter_.updateCssVariable(d,a.x+"px, "+a.y+"px"),this.cancelBgBounded_=n.i(c.d)(this.adapter_,l,n.i(u.getCorrectEventName)(window,"transitionend")),this.cancelFgBounded_=n.i(c.d)(this.adapter_,_,n.i(u.getCorrectEventName)(window,"animationend"))}},{key:"destroy",value:function(){var t=this;if(this.isSupported_){this.removeEventListeners_();var n=e.cssClasses,i=n.ROOT,r=n.UNBOUNDED;requestAnimationFrame(function(){t.adapter_.removeClass(i),t.adapter_.removeClass(r),t.removeCssVars_()})}}},{key:"removeEventListeners_",value:function(){var t=this;this.listenerInfos_.forEach(function(e){Object.keys(e).forEach(function(n){t.adapter_.deregisterInteractionHandler(e[n],t.listeners_[n])})}),this.adapter_.deregisterResizeHandler(this.resizeHandler_)}},{key:"removeCssVars_",value:function(){var t=this,n=e.strings;Object.keys(n).forEach(function(e){0===e.indexOf("VAR_")&&t.adapter_.updateCssVariable(n[e],null)})}},{key:"layout",value:function(){var t=this;this.layoutFrame_&&cancelAnimationFrame(this.layoutFrame_),this.layoutFrame_=requestAnimationFrame(function(){t.layoutInternal_(),t.layoutFrame_=0})}},{key:"layoutInternal_",value:function(){this.frame_=this.adapter_.computeBoundingRect();var t=Math.max(this.frame_.height,this.frame_.width),n=Math.sqrt(Math.pow(this.frame_.width,2)+Math.pow(this.frame_.height,2));this.initialSize_=t*e.numbers.INITIAL_ORIGIN_SCALE,this.maxRadius_=n+e.numbers.PADDING,this.fgScale_=this.maxRadius_/this.initialSize_,this.xfDuration_=1e3*Math.sqrt(this.maxRadius_/1024),this.updateLayoutCssVars_()}},{key:"updateLayoutCssVars_",value:function(){var t=e.strings,n=t.VAR_SURFACE_WIDTH,i=t.VAR_SURFACE_HEIGHT,r=t.VAR_FG_SIZE,a=t.VAR_FG_UNBOUNDED_TRANSFORM_DURATION,o=t.VAR_LEFT,u=t.VAR_TOP,s=t.VAR_FG_SCALE;this.adapter_.updateCssVariable(n,this.frame_.width+"px"),this.adapter_.updateCssVariable(i,this.frame_.height+"px"),this.adapter_.updateCssVariable(r,this.initialSize_+"px"),this.adapter_.updateCssVariable(a,this.xfDuration_+"ms"),this.adapter_.updateCssVariable(s,this.fgScale_),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(o,this.unboundedCoords_.left+"px"),this.adapter_.updateCssVariable(u,this.unboundedCoords_.top+"px"))}}]),e}(o.MDCFoundation);e.a=_}})}); | ||
| !function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.radio=e():(t.mdc=t.mdc||{},t.mdc.radio=e())}(this,function(){return function(t){function e(i){if(n[i])return n[i].exports;var r=n[i]={i:i,l:!1,exports:{}};return t[i].call(r.exports,r,r.exports,e),r.l=!0,r.exports}var n={};return e.m=t,e.c=n,e.i=function(t){return t},e.d=function(t,n,i){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:i})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="/assets/",e(e.s=53)}({0:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(1);n.d(e,"MDCFoundation",function(){return i.a});var r=n(2);n.d(e,"MDCComponent",function(){return r.a})},1:function(t,e,n){"use strict";function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}var r=function(){function t(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(e,n,i){return n&&t(e.prototype,n),i&&t(e,i),e}}(),a=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};i(this,t),this.adapter_=e}return r(t,null,[{key:"cssClasses",get:function(){return{}}},{key:"strings",get:function(){return{}}},{key:"numbers",get:function(){return{}}},{key:"defaultAdapter",get:function(){return{}}}]),r(t,[{key:"init",value:function(){}},{key:"destroy",value:function(){}}]),t}();e.a=a},2:function(t,e,n){"use strict";function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}var r=n(1),a=function(){function t(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(e,n,i){return n&&t(e.prototype,n),i&&t(e,i),e}}(),o=function(){function t(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0;i(this,t),this.root_=e;for(var r=arguments.length,a=Array(r>2?r-2:0),o=2;o<r;o++)a[o-2]=arguments[o];this.initialize.apply(this,a),this.foundation_=void 0===n?this.getDefaultFoundation():n,this.foundation_.init(),this.initialSyncWithDOM()}return a(t,null,[{key:"attachTo",value:function(e){return new t(e,new r.a)}}]),a(t,[{key:"initialize",value:function(){}},{key:"getDefaultFoundation",value:function(){throw new Error("Subclasses must override getDefaultFoundation to return a properly configured foundation class")}},{key:"initialSyncWithDOM",value:function(){}},{key:"destroy",value:function(){this.foundation_.destroy()}},{key:"listen",value:function(t,e){this.root_.addEventListener(t,e)}},{key:"unlisten",value:function(t,e){this.root_.removeEventListener(t,e)}},{key:"emit",value:function(t,e){var n=void 0;"function"==typeof CustomEvent?n=new CustomEvent(t,{detail:e}):(n=document.createEvent("CustomEvent"),n.initCustomEvent(t,!1,!1,e)),this.root_.dispatchEvent(n)}}]),t}();e.a=o},21:function(t,e,n){"use strict";function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function r(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function a(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}Object.defineProperty(e,"__esModule",{value:!0});var o=n(0),s=n(4),u=n(38);n.d(e,"MDCRadioFoundation",function(){return u.a}),n.d(e,"MDCRadio",function(){return f});var c=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(t[i]=n[i])}return t},d=function t(e,n,i){null===e&&(e=Function.prototype);var r=Object.getOwnPropertyDescriptor(e,n);if(void 0===r){var a=Object.getPrototypeOf(e);return null===a?void 0:t(a,n,i)}if("value"in r)return r.value;var o=r.get;if(void 0!==o)return o.call(i)},l=function(){function t(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(e,n,i){return n&&t(e.prototype,n),i&&t(e,i),e}}(),f=function(t){function e(){var t;i(this,e);for(var n=arguments.length,a=Array(n),o=0;o<n;o++)a[o]=arguments[o];var s=r(this,(t=e.__proto__||Object.getPrototypeOf(e)).call.apply(t,[this].concat(a)));return s.ripple_=s.initRipple_(),s}return a(e,t),l(e,[{key:"checked",get:function(){return this.foundation_.isChecked()},set:function(t){this.foundation_.setChecked(t)}},{key:"disabled",get:function(){return this.foundation_.isDisabled()},set:function(t){this.foundation_.setDisabled(t)}},{key:"ripple",get:function(){return this.ripple_}}],[{key:"attachTo",value:function(t){return new e(t)}}]),l(e,[{key:"initRipple_",value:function(){var t=this,e=c(s.MDCRipple.createAdapter(this),{isUnbounded:function(){return!0},isSurfaceActive:function(){return!1},registerInteractionHandler:function(e,n){return t.nativeControl_.addEventListener(e,n)},deregisterInteractionHandler:function(e,n){return t.nativeControl_.removeEventListener(e,n)},computeBoundingRect:function(){var e=t.root_.getBoundingClientRect(),n=e.left,i=e.top,r=40;return{top:i,left:n,right:n+r,bottom:i+r,width:r,height:r}}}),n=new s.MDCRippleFoundation(e);return new s.MDCRipple(this.root_,n)}},{key:"destroy",value:function(){this.ripple_.destroy(),d(e.prototype.__proto__||Object.getPrototypeOf(e.prototype),"destroy",this).call(this)}},{key:"getDefaultFoundation",value:function(){var t=this;return new u.a({addClass:function(e){return t.root_.classList.add(e)},removeClass:function(e){return t.root_.classList.remove(e)},getNativeControl:function(){return t.root_.querySelector(u.a.strings.NATIVE_CONTROL_SELECTOR)}})}},{key:"nativeControl_",get:function(){return this.root_.querySelector(u.a.strings.NATIVE_CONTROL_SELECTOR)}}]),e}(o.MDCComponent)},3:function(t,e,n){"use strict";function i(t){var e=t.CSS&&"function"==typeof t.CSS.supports;if(e){var n=t.CSS.supports("--css-vars","yes"),i=t.CSS.supports("(--css-vars: yes)")&&t.CSS.supports("color","#00000000");return n||i}}function r(t){return["webkitMatchesSelector","msMatchesSelector","matches"].filter(function(e){return e in t}).pop()}function a(t,e,n){var i=e.x,r=e.y,a=i+n.left,o=r+n.top,s=void 0,u=void 0;return"touchstart"===t.type?(s=t.changedTouches[0].pageX-a,u=t.changedTouches[0].pageY-o):(s=t.pageX-a,u=t.pageY-o),{x:s,y:u}}e.b=i,e.a=r,e.c=a},38:function(t,e,n){"use strict";function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function r(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function a(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}var o=n(0),s=function(){function t(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(e,n,i){return n&&t(e.prototype,n),i&&t(e,i),e}}(),u="mdc-radio",c=function(t){function e(){return i(this,e),r(this,(e.__proto__||Object.getPrototypeOf(e)).apply(this,arguments))}return a(e,t),s(e,[{key:"isChecked",value:function(){return this.getNativeControl_().checked}},{key:"setChecked",value:function(t){this.getNativeControl_().checked=t}},{key:"isDisabled",value:function(){return this.getNativeControl_().disabled}},{key:"setDisabled",value:function(t){var n=e.cssClasses.DISABLED;this.getNativeControl_().disabled=t,t?this.adapter_.addClass(n):this.adapter_.removeClass(n)}},{key:"getNativeControl_",value:function(){return this.adapter_.getNativeControl()||{checked:!1,disabled:!1}}}],[{key:"cssClasses",get:function(){return{ROOT:u,DISABLED:u+"--disabled"}}},{key:"strings",get:function(){return{NATIVE_CONTROL_SELECTOR:"."+u+"__native-control"}}},{key:"defaultAdapter",get:function(){return{addClass:function(){},removeClass:function(){},getNativeControl:function(){}}}}]),e}(o.MDCFoundation);e.a=c},4:function(t,e,n){"use strict";function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function r(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function a(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}Object.defineProperty(e,"__esModule",{value:!0});var o=n(0),s=n(6),u=n(3);n.d(e,"MDCRippleFoundation",function(){return s.a}),n.d(e,"MDCRipple",function(){return l});var c=function(){function t(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(e,n,i){return n&&t(e.prototype,n),i&&t(e,i),e}}(),d=n.i(u.a)(HTMLElement.prototype),l=function(t){function e(){return i(this,e),r(this,(e.__proto__||Object.getPrototypeOf(e)).apply(this,arguments))}return a(e,t),c(e,[{key:"activate",value:function(){this.foundation_.activate()}},{key:"deactivate",value:function(){this.foundation_.deactivate()}},{key:"getDefaultFoundation",value:function(){return new s.a(e.createAdapter(this))}},{key:"initialSyncWithDOM",value:function(){this.unbounded="mdcRippleIsUnbounded"in this.root_.dataset}},{key:"unbounded",get:function(){return this.unbounded_},set:function(t){var e=s.a.cssClasses.UNBOUNDED;this.unbounded_=Boolean(t),this.unbounded_?this.root_.classList.add(e):this.root_.classList.remove(e)}}],[{key:"attachTo",value:function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=n.isUnbounded,r=void 0===i?void 0:i,a=new e(t);return void 0!==r&&(a.unbounded=r),a}},{key:"createAdapter",value:function(t){return{browserSupportsCssVars:function(){return n.i(u.b)(window)},isUnbounded:function(){return t.unbounded},isSurfaceActive:function(){return t.root_[d](":active")},addClass:function(e){return t.root_.classList.add(e)},removeClass:function(e){return t.root_.classList.remove(e)},registerInteractionHandler:function(e,n){return t.root_.addEventListener(e,n)},deregisterInteractionHandler:function(e,n){return t.root_.removeEventListener(e,n)},registerResizeHandler:function(t){return window.addEventListener("resize",t)},deregisterResizeHandler:function(t){return window.removeEventListener("resize",t)},updateCssVariable:function(e,n){return t.root_.style.setProperty(e,n)},computeBoundingRect:function(){return t.root_.getBoundingClientRect()},getWindowPageOffset:function(){return{x:window.pageXOffset,y:window.pageYOffset}}}}}]),e}(o.MDCComponent)},5:function(t,e,n){"use strict";n.d(e,"a",function(){return i}),n.d(e,"b",function(){return r}),n.d(e,"c",function(){return a});var i={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"},r={VAR_SURFACE_WIDTH:"--mdc-ripple-surface-width",VAR_SURFACE_HEIGHT:"--mdc-ripple-surface-height",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"},a={PADDING:10,INITIAL_ORIGIN_SCALE:.6,DEACTIVATION_TIMEOUT_MS:300}},53:function(t,e,n){t.exports=n(21)},6:function(t,e,n){"use strict";function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function r(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function a(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}var o=n(0),s=n(5),u=n(3),c=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(t[i]=n[i])}return t},d=function(){function t(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(e,n,i){return n&&t(e.prototype,n),i&&t(e,i),e}}(),l={mouseup:"mousedown",pointerup:"pointerdown",touchend:"touchstart",keyup:"keydown",blur:"focus"},f=function(t){function e(t){i(this,e);var n=r(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,c(e.defaultAdapter,t)));return n.layoutFrame_=0,n.frame_={width:0,height:0},n.activationState_=n.defaultActivationState_(),n.xfDuration_=0,n.initialSize_=0,n.maxRadius_=0,n.listenerInfos_=[{activate:"touchstart",deactivate:"touchend"},{activate:"pointerdown",deactivate:"pointerup"},{activate:"mousedown",deactivate:"mouseup"},{activate:"keydown",deactivate:"keyup"},{focus:"focus",blur:"blur"}],n.listeners_={activate:function(t){return n.activate_(t)},deactivate:function(t){return n.deactivate_(t)},focus:function(){return requestAnimationFrame(function(){return n.adapter_.addClass(e.cssClasses.BG_FOCUSED)})},blur:function(){return requestAnimationFrame(function(){return n.adapter_.removeClass(e.cssClasses.BG_FOCUSED)})}},n.resizeHandler_=function(){return n.layout()},n.unboundedCoords_={left:0,top:0},n.fgScale_=0,n.activationTimer_=0,n.activationAnimationHasEnded_=!1,n.activationTimerCallback_=function(){n.activationAnimationHasEnded_=!0,n.runDeactivationUXLogicIfReady_()},n}return a(e,t),d(e,[{key:"isSupported_",get:function(){return this.adapter_.browserSupportsCssVars()}}],[{key:"cssClasses",get:function(){return s.a}},{key:"strings",get:function(){return s.b}},{key:"numbers",get:function(){return s.c}},{key:"defaultAdapter",get:function(){return{browserSupportsCssVars:function(){},isUnbounded:function(){},isSurfaceActive:function(){},addClass:function(){},removeClass:function(){},registerInteractionHandler:function(){},deregisterInteractionHandler:function(){},registerResizeHandler:function(){},deregisterResizeHandler:function(){},updateCssVariable:function(){},computeBoundingRect:function(){},getWindowPageOffset:function(){}}}}]),d(e,[{key:"defaultActivationState_",value:function(){return{isActivated:!1,hasDeactivationUXRun:!1,wasActivatedByPointer:!1,wasElementMadeActive:!1,activationStartTime:0,activationEvent:null,isProgrammatic:!1}}},{key:"init",value:function(){var t=this;if(this.isSupported_){this.addEventListeners_();var n=e.cssClasses,i=n.ROOT,r=n.UNBOUNDED;requestAnimationFrame(function(){t.adapter_.addClass(i),t.adapter_.isUnbounded()&&t.adapter_.addClass(r),t.layoutInternal_()})}}},{key:"addEventListeners_",value:function(){var t=this;this.listenerInfos_.forEach(function(e){Object.keys(e).forEach(function(n){t.adapter_.registerInteractionHandler(e[n],t.listeners_[n])})}),this.adapter_.registerResizeHandler(this.resizeHandler_)}},{key:"activate_",value:function(t){var e=this,n=this.activationState_;n.isActivated||(n.isActivated=!0,n.isProgrammatic=null===t,n.activationEvent=t,n.wasActivatedByPointer=!n.isProgrammatic&&("mousedown"===t.type||"touchstart"===t.type||"pointerdown"===t.type),n.activationStartTime=Date.now(),requestAnimationFrame(function(){n.wasElementMadeActive=!t||"keydown"!==t.type||e.adapter_.isSurfaceActive(),n.wasElementMadeActive?e.animateActivation_():e.activationState_=e.defaultActivationState_()}))}},{key:"activate",value:function(){this.activate_(null)}},{key:"animateActivation_",value:function(){var t=this,n=e.strings,i=n.VAR_FG_TRANSLATE_START,r=n.VAR_FG_TRANSLATE_END,a=e.cssClasses,o=a.BG_ACTIVE_FILL,s=a.FG_DEACTIVATION,u=a.FG_ACTIVATION,c=e.numbers.DEACTIVATION_TIMEOUT_MS,d="",l="";if(!this.adapter_.isUnbounded()){var f=this.getFgTranslationCoordinates_(),p=f.startPoint,_=f.endPoint;d=p.x+"px, "+p.y+"px",l=_.x+"px, "+_.y+"px"}this.adapter_.updateCssVariable(i,d),this.adapter_.updateCssVariable(r,l),clearTimeout(this.activationTimer_),this.rmBoundedActivationClasses_(),this.adapter_.removeClass(s),this.adapter_.computeBoundingRect(),this.adapter_.addClass(o),this.adapter_.addClass(u),this.activationTimer_=setTimeout(function(){return t.activationTimerCallback_()},c)}},{key:"getFgTranslationCoordinates_",value:function(){var t=this.activationState_,e=t.activationEvent,i=t.wasActivatedByPointer,r=void 0;r=i?n.i(u.c)(e,this.adapter_.getWindowPageOffset(),this.adapter_.computeBoundingRect()):{x:this.frame_.width/2,y:this.frame_.height/2},r={x:r.x-this.initialSize_/2,y:r.y-this.initialSize_/2};var a={x:this.frame_.width/2-this.initialSize_/2,y:this.frame_.height/2-this.initialSize_/2};return{startPoint:r,endPoint:a}}},{key:"runDeactivationUXLogicIfReady_",value:function(){var t=e.cssClasses.FG_DEACTIVATION,n=this.activationState_,i=n.hasDeactivationUXRun,r=n.isActivated,a=i||!r;a&&this.activationAnimationHasEnded_&&(this.rmBoundedActivationClasses_(),this.adapter_.addClass(t))}},{key:"rmBoundedActivationClasses_",value:function(){var t=e.cssClasses,n=t.BG_ACTIVE_FILL,i=t.FG_ACTIVATION;this.adapter_.removeClass(n),this.adapter_.removeClass(i),this.activationAnimationHasEnded_=!1,this.adapter_.computeBoundingRect()}},{key:"deactivate_",value:function(t){var e=this,n=this.activationState_;if(n.isActivated){if(n.isProgrammatic){var i=null;return requestAnimationFrame(function(){return e.animateDeactivation_(i,c({},n))}),void(this.activationState_=this.defaultActivationState_())}var r=l[t.type],a=n.activationEvent.type,o=r===a,s=o;n.wasActivatedByPointer&&(s="mouseup"===t.type);var u=c({},n);requestAnimationFrame(function(){o&&(e.activationState_.hasDeactivationUXRun=!0,e.animateDeactivation_(t,u)),s&&(e.activationState_=e.defaultActivationState_())})}}},{key:"deactivate",value:function(){this.deactivate_(null)}},{key:"animateDeactivation_",value:function(t,n){var i=n.wasActivatedByPointer,r=n.wasElementMadeActive,a=e.cssClasses.BG_FOCUSED;(i||r)&&(this.adapter_.removeClass(a),this.runDeactivationUXLogicIfReady_())}},{key:"destroy",value:function(){var t=this;if(this.isSupported_){this.removeEventListeners_();var n=e.cssClasses,i=n.ROOT,r=n.UNBOUNDED;requestAnimationFrame(function(){t.adapter_.removeClass(i),t.adapter_.removeClass(r),t.removeCssVars_()})}}},{key:"removeEventListeners_",value:function(){var t=this;this.listenerInfos_.forEach(function(e){Object.keys(e).forEach(function(n){t.adapter_.deregisterInteractionHandler(e[n],t.listeners_[n])})}),this.adapter_.deregisterResizeHandler(this.resizeHandler_)}},{key:"removeCssVars_",value:function(){var t=this,n=e.strings;Object.keys(n).forEach(function(e){0===e.indexOf("VAR_")&&t.adapter_.updateCssVariable(n[e],null)})}},{key:"layout",value:function(){var t=this;this.layoutFrame_&&cancelAnimationFrame(this.layoutFrame_),this.layoutFrame_=requestAnimationFrame(function(){t.layoutInternal_(),t.layoutFrame_=0})}},{key:"layoutInternal_",value:function(){this.frame_=this.adapter_.computeBoundingRect();var t=Math.max(this.frame_.height,this.frame_.width),n=Math.sqrt(Math.pow(this.frame_.width,2)+Math.pow(this.frame_.height,2));this.initialSize_=t*e.numbers.INITIAL_ORIGIN_SCALE,this.maxRadius_=n+e.numbers.PADDING,this.fgScale_=this.maxRadius_/this.initialSize_,this.xfDuration_=1e3*Math.sqrt(this.maxRadius_/1024),this.updateLayoutCssVars_()}},{key:"updateLayoutCssVars_",value:function(){var t=e.strings,n=t.VAR_SURFACE_WIDTH,i=t.VAR_SURFACE_HEIGHT,r=t.VAR_FG_SIZE,a=t.VAR_LEFT,o=t.VAR_TOP,s=t.VAR_FG_SCALE;this.adapter_.updateCssVariable(n,this.frame_.width+"px"),this.adapter_.updateCssVariable(i,this.frame_.height+"px"),this.adapter_.updateCssVariable(r,this.initialSize_+"px"),this.adapter_.updateCssVariable(s,this.fgScale_),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(a,this.unboundedCoords_.left+"px"),this.adapter_.updateCssVariable(o,this.unboundedCoords_.top+"px"))}}]),e}(o.MDCFoundation);e.a=f}})}); |
| { | ||
| "name": "@material/radio", | ||
| "description": "The Material Components for the web radio component", | ||
| "version": "0.1.5", | ||
| "version": "0.1.6", | ||
| "license": "Apache-2.0", | ||
@@ -19,5 +19,5 @@ "keywords": [ | ||
| "@material/base": "^0.1.2", | ||
| "@material/ripple": "^0.4.0", | ||
| "@material/theme": "^0.1.2" | ||
| "@material/ripple": "^0.5.0", | ||
| "@material/theme": "^0.1.3" | ||
| } | ||
| } |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
New author
Supply chain riskA new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.
Found 1 instance in 1 package
Improved metrics
- Number of medium supply chain risk alerts
- decreased by-100%
0
Worsened metrics
- Total package byte prevSize
- decreased by-10.4%
131783
- Lines of code
- decreased by-10.07%
1938
Dependency changes
+ Added@material/ripple@0.5.1(transitive)
- Removed@material/ripple@0.4.0(transitive)
Updated@material/ripple@^0.5.0
Updated@material/theme@^0.1.3