@material/snackbar - npm Package Compare versions

Comparing version 0.1.0 to 0.1.1

constants.js

@@ -30,11 +30,2 @@ /**
 export const strings = {
-  get TRANS_END_EVENT_NAME() {
-    const el = document.createElement('div');
-    // NOTE: We can immediately assume that the prefix is 'webkit' in browsers that don't
-    // support unprefixed transtions since the only browsers up to two major versions back that
-    // don't support unprefixed names are mobile Safari and Android native browser, both of
-    // which use the 'webkit' prefix.
-    return 'transition' in el.style ? 'transitionend' : 'webkitTransitionEnd';
-  },
-
   get TEXT_SELECTOR() {
@@ -41,0 +32,0 @@ return `.${cssClasses.TEXT}`;

dist/mdc.snackbar.js

 /*!
  Material Components for the web
- Copyright (c) 2016 Google Inc.
+ Copyright (c) 2017 Google Inc.
  License: Apache-2.0
@@ -63,3 +63,3 @@ */
 
-	module.exports = __webpack_require__(28);
+	module.exports = __webpack_require__(29);
 
@@ -321,3 +321,136 @@
 
-/***/ 28:
+/***/ 6:
+/***/ function(module, exports) {
+
+	'use strict';
+
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+	exports.getCorrectEventName = getCorrectEventName;
+	exports.getCorrectPropertyName = getCorrectPropertyName;
+	/**
+	 * Copyright 2016 Google Inc. All Rights Reserved.
+	 *
+	 * Licensed under the Apache License, Version 2.0 (the "License");
+	 * you may not use this file except in compliance with the License.
+	 * You may obtain a copy of the License at
+	 *
+	 *      http://www.apache.org/licenses/LICENSE-2.0
+	 *
+	 * Unless required by applicable law or agreed to in writing, software
+	 * distributed under the License is distributed on an "AS IS" BASIS,
+	 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+	 * See the License for the specific language governing permissions and
+	 * limitations under the License.
+	 */
+
+	var eventTypeMap = {
+	  animationstart: {
+	    noPrefix: 'animationstart',
+	    webkitPrefix: 'webkitAnimationStart'
+	  },
+	  animationend: {
+	    noPrefix: 'animationend',
+	    webkitPrefix: 'webkitAnimationEnd'
+	  },
+	  animationiteration: {
+	    noPrefix: 'animationiteration',
+	    webkitPrefix: 'webkitAnimationIteration'
+	  },
+	  transitionend: {
+	    noPrefix: 'transitionend',
+	    webkitPrefix: 'webkitTransitionEnd'
+	  }
+	};
+
+	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';
+	}
+
+	function eventFoundInMaps(eventType) {
+	  return eventType in eventTypeMap || eventType in cssPropertyMap;
+	}
+
+	// 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;
+	  }
+	}
+
+	// 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 map = eventType in eventTypeMap ? eventTypeMap : cssPropertyMap;
+	  var el = windowObj.document.createElement('div');
+	  var eventName = '';
+
+	  if (map === eventTypeMap) {
+	    eventName = getJavaScriptEventName(eventType, map, el);
+	  } else {
+	    eventName = map[eventType].noPrefix in el.style ? map[eventType].noPrefix : map[eventType].webkitPrefix;
+	  }
+
+	  return eventName;
+	}
+
+	// Public functions to access getAnimationName() for JavaScript events or CSS
+	// property names.
+	//
+	// 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);
+	}
+
+/***/ },
+
+/***/ 29:
 /***/ function(module, exports, __webpack_require__) {
@@ -336,6 +469,8 @@
 
-	var _foundation = __webpack_require__(29);
+	var _foundation = __webpack_require__(30);
 
 	var _foundation2 = _interopRequireDefault(_foundation);
 
+	var _animation = __webpack_require__(6);
+
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -385,3 +520,2 @@
 	      var _MDCSnackbarFoundatio = _foundation2.default.strings,
-	          TRANS_END_EVENT_NAME = _MDCSnackbarFoundatio.TRANS_END_EVENT_NAME,
 	          TEXT_SELECTOR = _MDCSnackbarFoundatio.TEXT_SELECTOR,
@@ -430,6 +564,6 @@ ACTION_BUTTON_SELECTOR = _MDCSnackbarFoundatio.ACTION_BUTTON_SELECTOR;
 	        registerTransitionEndHandler: function registerTransitionEndHandler(handler) {
-	          return _this2.root_.addEventListener(TRANS_END_EVENT_NAME, handler);
+	          return _this2.root_.addEventListener((0, _animation.getCorrectEventName)(window, 'transitionend'), handler);
 	        },
 	        deregisterTransitionEndHandler: function deregisterTransitionEndHandler(handler) {
-	          return _this2.root_.removeEventListener(TRANS_END_EVENT_NAME, handler);
+	          return _this2.root_.removeEventListener((0, _animation.getCorrectEventName)(window, 'transitionend'), handler);
 	        }
@@ -450,3 +584,3 @@ });
 
-/***/ 29:
+/***/ 30:
 /***/ function(module, exports, __webpack_require__) {
@@ -466,3 +600,3 @@
 
-	var _constants = __webpack_require__(30);
+	var _constants = __webpack_require__(31);
 
@@ -663,3 +797,3 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
-/***/ 30:
+/***/ 31:
 /***/ function(module, exports) {
@@ -701,11 +835,2 @@
 	var strings = exports.strings = {
-	  get TRANS_END_EVENT_NAME() {
-	    var el = document.createElement('div');
-	    // NOTE: We can immediately assume that the prefix is 'webkit' in browsers that don't
-	    // support unprefixed transtions since the only browsers up to two major versions back that
-	    // don't support unprefixed names are mobile Safari and Android native browser, both of
-	    // which use the 'webkit' prefix.
-	    return 'transition' in el.style ? 'transitionend' : 'webkitTransitionEnd';
-	  },
-
 	  get TEXT_SELECTOR() {
@@ -712,0 +837,0 @@ return '.' + cssClasses.TEXT;

dist/mdc.snackbar.min.js

 /*!
  Material Components for the web
- Copyright (c) 2016 Google Inc.
+ Copyright (c) 2017 Google Inc.
  License: Apache-2.0
 */
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.snackbar=t():(e.mdc=e.mdc||{},e.mdc.snackbar=t())}(this,function(){return function(e){function t(r){if(n[r])return n[r].exports;var i=n[r]={exports:{},id:r,loaded:!1};return e[r].call(i.exports,i,i.exports,t),i.loaded=!0,i.exports}var n={};return t.m=e,t.c=n,t.p="/assets/",t(0)}({0:function(e,t,n){e.exports=n(30)},1:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(2);Object.defineProperty(t,"MDCFoundation",{enumerable:!0,get:function(){return r(i).default}});var o=n(3);Object.defineProperty(t,"MDCComponent",{enumerable:!0,get:function(){return r(o).default}})},2:function(e,t){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(t,"__esModule",{value:!0});var r=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),i=function(){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};n(this,e),this.adapter_=t}return r(e,null,[{key:"cssClasses",get:function(){return{}}},{key:"strings",get:function(){return{}}},{key:"numbers",get:function(){return{}}},{key:"defaultAdapter",get:function(){return{}}}]),r(e,[{key:"init",value:function(){}},{key:"destroy",value:function(){}}]),e}();t.default=i},3:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(t,"__esModule",{value:!0});var o=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),a=n(2),u=r(a),s=function(){function e(t,n){i(this,e),this.root_=t;for(var r=arguments.length,o=Array(r>2?r-2:0),a=2;a<r;a++)o[a-2]=arguments[a];this.initialize.apply(this,o),this.foundation_=void 0===n?this.getDefaultFoundation():n,this.foundation_.init(),this.initialSyncWithDOM()}return o(e,null,[{key:"attachTo",value:function(t){return new e(t,new u.default)}}]),o(e,[{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(e,t){this.root_.addEventListener(e,t)}},{key:"unlisten",value:function(e,t){this.root_.removeEventListener(e,t)}},{key:"emit",value:function(e,t){var n=void 0;"function"==typeof CustomEvent?n=new CustomEvent(e,{detail:t}):(n=document.createEvent("CustomEvent"),n.initCustomEvent(e,!1,!1,t)),this.root_.dispatchEvent(n)}}]),e}();t.default=s},28:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n="mdc-snackbar",r=t.cssClasses={ROOT:n,TEXT:n+"__text",ACTION_WRAPPER:n+"__action-wrapper",ACTION_BUTTON:n+"__action-button",ACTIVE:n+"--active",MULTILINE:n+"--multiline",ACTION_ON_BOTTOM:n+"--action-on-bottom"};t.strings={get TRANS_END_EVENT_NAME(){var e=document.createElement("div");return"transition"in e.style?"transitionend":"webkitTransitionEnd"},get TEXT_SELECTOR(){return"."+r.TEXT},get ACTION_WRAPPER_SELECTOR(){return"."+r.ACTION_WRAPPER},get ACTION_BUTTON_SELECTOR(){return"."+r.ACTION_BUTTON}},t.numbers={MESSAGE_TIMEOUT:2750}},29:function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function o(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},u=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),s=n(1),c=n(28),l=function(e){function t(e){r(this,t);var n=i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,a(t.defaultAdapter,e)));return n.active_=!1,n.queue_=[],n.actionClickHandler_=function(){return n.invokeAction_()},n}return o(t,e),u(t,[{key:"active",get:function(){return this.active_}}],[{key:"cssClasses",get:function(){return c.cssClasses}},{key:"strings",get:function(){return c.strings}},{key:"defaultAdapter",get:function(){return{addClass:function(){},removeClass:function(){},setAriaHidden:function(){},unsetAriaHidden:function(){},setMessageText:function(){},setActionText:function(){},setActionAriaHidden:function(){},unsetActionAriaHidden:function(){},registerActionClickHandler:function(){},deregisterActionClickHandler:function(){},registerTransitionEndHandler:function(){},deregisterTransitionEndHandler:function(){}}}}]),u(t,[{key:"init",value:function(){this.adapter_.registerActionClickHandler(this.actionClickHandler_),this.adapter_.setAriaHidden(),this.adapter_.setActionAriaHidden()}},{key:"destroy",value:function(){this.adapter_.deregisterActionClickHandler(this.actionClickHandler_)}},{key:"show",value:function(e){if(!e)throw new Error("Please provide a data object with at least a message to display.");if(!e.message)throw new Error("Please provide a message to be displayed.");if(e.actionHandler&&!e.actionText)throw new Error("Please provide action text with the handler.");if(this.active)return void this.queue_.push(e);var t=c.cssClasses.ACTIVE,n=c.cssClasses.MULTILINE,r=c.cssClasses.ACTION_ON_BOTTOM,i=c.numbers.MESSAGE_TIMEOUT;this.adapter_.setMessageText(e.message),e.multiline&&(this.adapter_.addClass(n),e.actionOnBottom&&this.adapter_.addClass(r)),e.actionHandler?(this.adapter_.setActionText(e.actionText),this.actionHandler_=e.actionHandler,this.setActionHidden_(!1)):(this.setActionHidden_(!0),this.actionHandler_=null,this.adapter_.setActionText(null)),this.active_=!0,this.adapter_.addClass(t),this.adapter_.unsetAriaHidden(),setTimeout(this.cleanup_.bind(this),e.timeout||i)}},{key:"invokeAction_",value:function(){this.actionHandler_&&this.actionHandler_()}},{key:"cleanup_",value:function(){var e=this,t=c.cssClasses.ACTIVE,n=c.cssClasses.MULTILINE,r=c.cssClasses.ACTION_ON_BOTTOM;this.adapter_.removeClass(t);var i=function t(){e.adapter_.deregisterTransitionEndHandler(t),e.adapter_.removeClass(n),e.adapter_.removeClass(r),e.setActionHidden_(!0),e.adapter_.setMessageText(null),e.adapter_.setActionText(null),e.adapter_.setAriaHidden(),e.active_=!1,e.showNext_()};this.adapter_.registerTransitionEndHandler(i)}},{key:"showNext_",value:function(){this.queue_.length&&this.show(this.queue_.shift())}},{key:"setActionHidden_",value:function(e){e?this.adapter_.setActionAriaHidden():this.adapter_.unsetActionAriaHidden()}}]),t}(s.MDCFoundation);t.default=l},30:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0}),t.MDCSnackbar=t.MDCSnackbarFoundation=void 0;var u=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),s=n(1),c=n(29),l=r(c);t.MDCSnackbarFoundation=l.default;t.MDCSnackbar=function(e){function t(){return i(this,t),o(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return a(t,e),u(t,[{key:"show",value:function(e){this.foundation_.show(e)}},{key:"getDefaultFoundation",value:function(){var e=this,t=l.default.strings,n=t.TRANS_END_EVENT_NAME,r=t.TEXT_SELECTOR,i=t.ACTION_BUTTON_SELECTOR,o=function(){return e.root_.querySelector(r)},a=function(){return e.root_.querySelector(i)};return new l.default({addClass:function(t){return e.root_.classList.add(t)},removeClass:function(t){return e.root_.classList.remove(t)},setAriaHidden:function(){return e.root_.setAttribute("aria-hidden","true")},unsetAriaHidden:function(){return e.root_.removeAttribute("aria-hidden")},setActionAriaHidden:function(){return a().setAttribute("aria-hidden","true")},unsetActionAriaHidden:function(){return a().removeAttribute("aria-hidden")},setActionText:function(e){a().textContent=e},setMessageText:function(e){o().textContent=e},registerActionClickHandler:function(e){return a().addEventListener("click",e)},deregisterActionClickHandler:function(e){return a().removeEventListener("click",e)},registerTransitionEndHandler:function(t){return e.root_.addEventListener(n,t)},deregisterTransitionEndHandler:function(t){return e.root_.removeEventListener(n,t)}})}}],[{key:"attachTo",value:function(e){return new t(e)}}]),t}(s.MDCComponent)}})});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.snackbar=t():(e.mdc=e.mdc||{},e.mdc.snackbar=t())}(this,function(){return function(e){function t(i){if(n[i])return n[i].exports;var r=n[i]={exports:{},id:i,loaded:!1};return e[i].call(r.exports,r,r.exports,t),r.loaded=!0,r.exports}var n={};return t.m=e,t.c=n,t.p="/assets/",t(0)}({0:function(e,t,n){e.exports=n(31)},1:function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var r=n(2);Object.defineProperty(t,"MDCFoundation",{enumerable:!0,get:function(){return i(r).default}});var o=n(3);Object.defineProperty(t,"MDCComponent",{enumerable:!0,get:function(){return i(o).default}})},2:function(e,t){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(t,"__esModule",{value:!0});var i=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),r=function(){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};n(this,e),this.adapter_=t}return i(e,null,[{key:"cssClasses",get:function(){return{}}},{key:"strings",get:function(){return{}}},{key:"numbers",get:function(){return{}}},{key:"defaultAdapter",get:function(){return{}}}]),i(e,[{key:"init",value:function(){}},{key:"destroy",value:function(){}}]),e}();t.default=r},3:function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(t,"__esModule",{value:!0});var o=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),a=n(2),u=i(a),s=function(){function e(t,n){r(this,e),this.root_=t;for(var i=arguments.length,o=Array(i>2?i-2:0),a=2;a<i;a++)o[a-2]=arguments[a];this.initialize.apply(this,o),this.foundation_=void 0===n?this.getDefaultFoundation():n,this.foundation_.init(),this.initialSyncWithDOM()}return o(e,null,[{key:"attachTo",value:function(t){return new e(t,new u.default)}}]),o(e,[{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(e,t){this.root_.addEventListener(e,t)}},{key:"unlisten",value:function(e,t){this.root_.removeEventListener(e,t)}},{key:"emit",value:function(e,t){var n=void 0;"function"==typeof CustomEvent?n=new CustomEvent(e,{detail:t}):(n=document.createEvent("CustomEvent"),n.initCustomEvent(e,!1,!1,t)),this.root_.dispatchEvent(n)}}]),e}();t.default=s},4:function(e,t){"use strict";function n(e){return void 0!==e.document&&"function"==typeof e.document.createElement}function i(e){return e in s||e in c}function r(e,t,n){switch(e){case"animationstart":case"animationend":case"animationiteration":return"animation"in n.style?t[e].noPrefix:t[e].webkitPrefix;case"transitionend":return"transition"in n.style?t[e].noPrefix:t[e].webkitPrefix;default:return t[e].noPrefix}}function o(e,t){if(!n(e)||!i(t))return t;var o=t in s?s:c,a=e.document.createElement("div"),u="";return u=o===s?r(t,o,a):o[t].noPrefix in a.style?o[t].noPrefix:o[t].webkitPrefix}function a(e,t){return o(e,t)}function u(e,t){return o(e,t)}Object.defineProperty(t,"__esModule",{value:!0}),t.getCorrectEventName=a,t.getCorrectPropertyName=u;var s={animationstart:{noPrefix:"animationstart",webkitPrefix:"webkitAnimationStart"},animationend:{noPrefix:"animationend",webkitPrefix:"webkitAnimationEnd"},animationiteration:{noPrefix:"animationiteration",webkitPrefix:"webkitAnimationIteration"},transitionend:{noPrefix:"transitionend",webkitPrefix:"webkitTransitionEnd"}},c={animation:{noPrefix:"animation",webkitPrefix:"-webkit-animation"},transform:{noPrefix:"transform",webkitPrefix:"-webkit-transform"},transition:{noPrefix:"transition",webkitPrefix:"-webkit-transition"}}},29:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n="mdc-snackbar",i=t.cssClasses={ROOT:n,TEXT:n+"__text",ACTION_WRAPPER:n+"__action-wrapper",ACTION_BUTTON:n+"__action-button",ACTIVE:n+"--active",MULTILINE:n+"--multiline",ACTION_ON_BOTTOM:n+"--action-on-bottom"};t.strings={get TEXT_SELECTOR(){return"."+i.TEXT},get ACTION_WRAPPER_SELECTOR(){return"."+i.ACTION_WRAPPER},get ACTION_BUTTON_SELECTOR(){return"."+i.ACTION_BUTTON}},t.numbers={MESSAGE_TIMEOUT:2750}},30:function(e,t,n){"use strict";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function r(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function o(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e},u=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),s=n(1),c=n(29),f=function(e){function t(e){i(this,t);var n=r(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,a(t.defaultAdapter,e)));return n.active_=!1,n.queue_=[],n.actionClickHandler_=function(){return n.invokeAction_()},n}return o(t,e),u(t,[{key:"active",get:function(){return this.active_}}],[{key:"cssClasses",get:function(){return c.cssClasses}},{key:"strings",get:function(){return c.strings}},{key:"defaultAdapter",get:function(){return{addClass:function(){},removeClass:function(){},setAriaHidden:function(){},unsetAriaHidden:function(){},setMessageText:function(){},setActionText:function(){},setActionAriaHidden:function(){},unsetActionAriaHidden:function(){},registerActionClickHandler:function(){},deregisterActionClickHandler:function(){},registerTransitionEndHandler:function(){},deregisterTransitionEndHandler:function(){}}}}]),u(t,[{key:"init",value:function(){this.adapter_.registerActionClickHandler(this.actionClickHandler_),this.adapter_.setAriaHidden(),this.adapter_.setActionAriaHidden()}},{key:"destroy",value:function(){this.adapter_.deregisterActionClickHandler(this.actionClickHandler_)}},{key:"show",value:function(e){if(!e)throw new Error("Please provide a data object with at least a message to display.");if(!e.message)throw new Error("Please provide a message to be displayed.");if(e.actionHandler&&!e.actionText)throw new Error("Please provide action text with the handler.");if(this.active)return void this.queue_.push(e);var t=c.cssClasses.ACTIVE,n=c.cssClasses.MULTILINE,i=c.cssClasses.ACTION_ON_BOTTOM,r=c.numbers.MESSAGE_TIMEOUT;this.adapter_.setMessageText(e.message),e.multiline&&(this.adapter_.addClass(n),e.actionOnBottom&&this.adapter_.addClass(i)),e.actionHandler?(this.adapter_.setActionText(e.actionText),this.actionHandler_=e.actionHandler,this.setActionHidden_(!1)):(this.setActionHidden_(!0),this.actionHandler_=null,this.adapter_.setActionText(null)),this.active_=!0,this.adapter_.addClass(t),this.adapter_.unsetAriaHidden(),setTimeout(this.cleanup_.bind(this),e.timeout||r)}},{key:"invokeAction_",value:function(){this.actionHandler_&&this.actionHandler_()}},{key:"cleanup_",value:function(){var e=this,t=c.cssClasses.ACTIVE,n=c.cssClasses.MULTILINE,i=c.cssClasses.ACTION_ON_BOTTOM;this.adapter_.removeClass(t);var r=function t(){e.adapter_.deregisterTransitionEndHandler(t),e.adapter_.removeClass(n),e.adapter_.removeClass(i),e.setActionHidden_(!0),e.adapter_.setMessageText(null),e.adapter_.setActionText(null),e.adapter_.setAriaHidden(),e.active_=!1,e.showNext_()};this.adapter_.registerTransitionEndHandler(r)}},{key:"showNext_",value:function(){this.queue_.length&&this.show(this.queue_.shift())}},{key:"setActionHidden_",value:function(e){e?this.adapter_.setActionAriaHidden():this.adapter_.unsetActionAriaHidden()}}]),t}(s.MDCFoundation);t.default=f},31:function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0}),t.MDCSnackbar=t.MDCSnackbarFoundation=void 0;var u=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),s=n(1),c=n(30),f=i(c),d=n(4);t.MDCSnackbarFoundation=f.default;t.MDCSnackbar=function(e){function t(){return r(this,t),o(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return a(t,e),u(t,[{key:"show",value:function(e){this.foundation_.show(e)}},{key:"getDefaultFoundation",value:function(){var e=this,t=f.default.strings,n=t.TEXT_SELECTOR,i=t.ACTION_BUTTON_SELECTOR,r=function(){return e.root_.querySelector(n)},o=function(){return e.root_.querySelector(i)};return new f.default({addClass:function(t){return e.root_.classList.add(t)},removeClass:function(t){return e.root_.classList.remove(t)},setAriaHidden:function(){return e.root_.setAttribute("aria-hidden","true")},unsetAriaHidden:function(){return e.root_.removeAttribute("aria-hidden")},setActionAriaHidden:function(){return o().setAttribute("aria-hidden","true")},unsetActionAriaHidden:function(){return o().removeAttribute("aria-hidden")},setActionText:function(e){o().textContent=e},setMessageText:function(e){r().textContent=e},registerActionClickHandler:function(e){return o().addEventListener("click",e)},deregisterActionClickHandler:function(e){return o().removeEventListener("click",e)},registerTransitionEndHandler:function(t){return e.root_.addEventListener((0,d.getCorrectEventName)(window,"transitionend"),t)},deregisterTransitionEndHandler:function(t){return e.root_.removeEventListener((0,d.getCorrectEventName)(window,"transitionend"),t)}})}}],[{key:"attachTo",value:function(e){return new t(e)}}]),t}(s.MDCComponent)}})});

index.js

@@ -19,2 +19,3 @@ /**
 import MDCSnackbarFoundation from './foundation';
+import {getCorrectEventName} from '@material/animation';
 
@@ -34,3 +35,2 @@ export {MDCSnackbarFoundation};
     const {
-      TRANS_END_EVENT_NAME,
       TEXT_SELECTOR,
@@ -54,6 +54,8 @@ ACTION_BUTTON_SELECTOR,
       deregisterActionClickHandler: (handler) => getActionButton().removeEventListener('click', handler),
-      registerTransitionEndHandler: (handler) => this.root_.addEventListener(TRANS_END_EVENT_NAME, handler),
-      deregisterTransitionEndHandler: (handler) => this.root_.removeEventListener(TRANS_END_EVENT_NAME, handler),
+      registerTransitionEndHandler:
+        (handler) => this.root_.addEventListener(getCorrectEventName(window, 'transitionend'), handler),
+      deregisterTransitionEndHandler:
+        (handler) => this.root_.removeEventListener(getCorrectEventName(window, 'transitionend'), handler),
     });
   }
 }

package.json

 {
   "name": "@material/snackbar",
   "description": "The Material Components for the web snackbar component",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "license": "Apache-2.0",
@@ -12,5 +12,5 @@ "main": "index.js",
   "dependencies": {
-    "@material/animation": "^0.1.0",
+    "@material/animation": "^0.1.1",
     "@material/base": "^0.1.0",
-    "@material/button": "^0.1.0",
+    "@material/button": "^0.1.1",
     "@material/rtl": "^0.1.0",
@@ -17,0 +17,0 @@ "@material/theme": "^0.1.0",

New alerts

License Policy Violation

License

This 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

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

104294

increased by4.6%

Lines of code

1479

increased by7.56%

Dependency changes

• Updated@material/animation@^0.1.1

• Updated@material/button@^0.1.1