Socket
Socket
Sign inDemoInstall

@material/snackbar

Package Overview
Dependencies
Maintainers
1
Versions
1684
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@material/snackbar - npm Package Compare versions

Comparing version 0.1.1 to 0.1.2

290

dist/mdc.snackbar.js

@@ -68,3 +68,136 @@ /*!

/***/ 2:
/***/ 1:
/***/ 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);
}
/***/ },
/***/ 3:
/***/ function(module, exports, __webpack_require__) {

@@ -78,3 +211,3 @@

var _foundation = __webpack_require__(3);
var _foundation = __webpack_require__(4);

@@ -88,3 +221,3 @@ Object.defineProperty(exports, 'MDCFoundation', {

var _component = __webpack_require__(4);
var _component = __webpack_require__(5);

@@ -102,3 +235,3 @@ Object.defineProperty(exports, 'MDCComponent', {

/***/ 3:
/***/ 4:
/***/ function(module, exports) {

@@ -191,3 +324,3 @@

/***/ 4:
/***/ 5:
/***/ function(module, exports, __webpack_require__) {

@@ -217,3 +350,3 @@

var _foundation = __webpack_require__(3);
var _foundation = __webpack_require__(4);

@@ -238,3 +371,5 @@ var _foundation2 = _interopRequireDefault(_foundation);

function MDCComponent(root, foundation) {
function MDCComponent(root) {
var foundation = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.getDefaultFoundation();
_classCallCheck(this, MDCComponent);

@@ -249,3 +384,3 @@

this.initialize.apply(this, args);
this.foundation_ = foundation === undefined ? this.getDefaultFoundation() : foundation;
this.foundation_ = foundation;
this.foundation_.init();

@@ -328,135 +463,2 @@ this.initialSyncWithDOM();

/***/ 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:

@@ -474,3 +476,3 @@ /***/ function(module, exports, __webpack_require__) {

var _base = __webpack_require__(2);
var _base = __webpack_require__(3);

@@ -481,3 +483,3 @@ var _foundation = __webpack_require__(30);

var _animation = __webpack_require__(6);
var _animation = __webpack_require__(1);

@@ -603,3 +605,3 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var _base = __webpack_require__(2);
var _base = __webpack_require__(3);

@@ -606,0 +608,0 @@ var _constants = __webpack_require__(31);

@@ -6,2 +6,2 @@ /*!

*/
!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)}})});
!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){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.getDefaultFoundation();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_=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)}})});
{
"name": "@material/snackbar",
"description": "The Material Components for the web snackbar component",
"version": "0.1.1",
"version": "0.1.2",
"license": "Apache-2.0",

@@ -12,9 +12,9 @@ "main": "index.js",

"dependencies": {
"@material/animation": "^0.1.1",
"@material/base": "^0.1.0",
"@material/button": "^0.1.1",
"@material/rtl": "^0.1.0",
"@material/theme": "^0.1.0",
"@material/typography": "^0.1.0"
"@material/animation": "^0.1.3",
"@material/base": "^0.1.1",
"@material/button": "^0.2.0",
"@material/rtl": "^0.1.1",
"@material/theme": "^0.1.1",
"@material/typography": "^0.1.1"
}
}

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc