bubble-b
Version:
This library creates colorful dynamic bubles that bounce all over the background of you webapp
1 lines • 22.4 kB
JavaScript
module.exports=function(e){var t={};function n(r){if(t[r])return t[r].exports;var i=t[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)n.d(r,i,function(t){return e[t]}.bind(null,i));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=2)}([function(e,t,n){"use strict";var r=this&&this.__assign||function(){return(r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)},i=this&&this.__awaiter||function(e,t,n,r){return new(n=n||Promise)((function(i,o){function a(e){try{u(r.next(e))}catch(e){o(e)}}function s(e){try{u(r.throw(e))}catch(e){o(e)}}function u(e){var t;e.done?i(e.value):((t=e.value)instanceof n?t:new n((function(e){e(t)}))).then(a,s)}u((r=r.apply(e,t||[])).next())}))},o=this&&this.__generator||function(e,t){var n,r,i,o,a={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(o){return function(s){return function(o){if(n)throw new TypeError("Generator is already executing.");for(;a;)try{if(n=1,r&&(i=2&o[0]?r.return:o[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,o[1])).done)return i;switch(r=0,i&&(o=[2&o[0],i.value]),o[0]){case 0:case 1:i=o;break;case 4:return a.label++,{value:o[1],done:!1};case 5:a.label++,r=o[1],o=[0];continue;case 7:o=a.ops.pop(),a.trys.pop();continue;default:if(!(i=0<(i=a.trys).length&&i[i.length-1])&&(6===o[0]||2===o[0])){a=0;continue}if(3===o[0]&&(!i||o[1]>i[0]&&o[1]<i[3])){a.label=o[1];break}if(6===o[0]&&a.label<i[1]){a.label=i[1],i=o;break}if(i&&a.label<i[2]){a.label=i[2],a.ops.push(o);break}i[2]&&a.ops.pop(),a.trys.pop();continue}o=t.call(e,a)}catch(e){o=[6,e],r=0}finally{n=i=0}if(5&o[0])throw o[1];return{value:o[0]?o[1]:void 0,done:!0}}([o,s])}}},a=this&&this.__read||function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),a=[];try{for(;(void 0===t||0<t--)&&!(r=o.next()).done;)a.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return a},s=this&&this.__spread||function(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(a(arguments[t]));return e};function u(e){for(var n in e)t.hasOwnProperty(n)||(t[n]=e[n])}var l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var c,f=l(n(3)),h=l(n(4)),d=function(){return new Promise((function(e){requestAnimationFrame((function(){e()}))}))};if(t.isBrowser="undefined"!=typeof window,t.isBrowser){var p=document.createElement("style");p.setAttribute("id","keyframesjs-stylesheet"),document.head.appendChild(p),c=p.sheet}var m=function(){},y={onStart:m,onBeforeStart:m,onIteration:m,onEnd:m,onQueueComplete:m,onCancel:m},v=function(e){if(!Object.keys(e).length)return"";var t="";for(var n in e)t+=h.default(n)+":"+f.default(n,e[n])+";";return t},b=function(){function e(e,t){void 0===t&&(t=!1),this.playing=!1,this.previousCancel=m,this.debug=!1,this.queueStore=[],this.callbacks=y,this.animationstartListener=m,this.animationendListener=m,this.animationiterationListener=m,this.animationcancelListener=m,this.mountedElement=e,this.frozenStyles=[],this.debug=t}return e.isSupported=function(){return void 0!==document.body.style.animationName},e.prototype.freeze=function(){var t=this,n=e.ruleCache[this.mountedElement.style.animationName];if(n){var i=r({},getComputedStyle(this.mountedElement));n.forEach((function(e){t.mountedElement.style[e]=i[e]})),this.frozenStyles=s(new Set(this.frozenStyles.concat(n)))}},e.prototype.unfreeze=function(){var e=this;this.frozenStyles.length&&(this.frozenStyles.forEach((function(t){e.mountedElement.style[t]=""})),this.frozenStyles=[])},e.prototype.reset=function(){return i(this,void 0,void 0,(function(){return o(this,(function(e){switch(e.label){case 0:return this.log("reset"),this.playing=!1,this.removeEvents(),this.mountedElement.style.animationPlayState="running",this.mountedElement.style.animation="none",[4,d()];case 1:return e.sent(),[2,this]}}))}))},e.prototype.pause=function(){return this.mountedElement.style.animationPlayState="paused",this},e.prototype.resume=function(){return this.mountedElement.style.animationPlayState="running",this},e.prototype.play=function(t,n){var r=this;this.log("play",t);var a=n||{},s=a.onBeforeStart,u=void 0===s?null:s,l=a.onStart,c=void 0===l?null:l,f=a.onIteration,h=void 0===f?null:f,d=a.onEnd,p=void 0===d?null:d,m=a.onCancel,y=void 0===m?null:m;if(!0===this.playing&&(this.log("cancelled"),this.previousCancel&&(this.queueStore=[],this.previousCancel())),y&&(this.previousCancel=y),this.mountedElement.style.animationName===this.getAnimationName(t))return this.freeze(),requestAnimationFrame((function(){return i(r,void 0,void 0,(function(){return o(this,(function(e){switch(e.label){case 0:return[4,this.reset()];case 1:return e.sent(),this.play(t,n),this.unfreeze(),[2]}}))}))})),this;function v(e,t){var n=e+"Listener";r.mountedElement.removeEventListener(e,r[n]),r[n]=t,r.mountedElement.addEventListener(e,r[n])}this.playing=!0;var b=Array.isArray(t)?t.length:1,g=e.playCSS(t);return this.log("onBeforeStart"),u&&u(),this.mountedElement.style.animationPlayState="running",this.mountedElement.style.animation=g,v("animationiteration",(function(e){r.log("animationiteration",e),h&&h(e)})),v("animationend",(function(e){--b||(r.log("ended",e),r.playing=!1,p&&!b&&p(e))})),v("animationstart",(function(e){r.log("onStart",e),c&&c(e)})),this},e.prototype.playNext=function(){var e=this,t=this.queueStore[this.queueStore.length-1];t?this.log("playNext",t):this.log("Queue Complete"),t?this.play(t,{onEnd:function(t){e.queueStore.pop(),e.callbacks.onEnd&&e.callbacks.onEnd(t),e.playNext()},onCancel:this.callbacks.onCancel,onIteration:this.callbacks.onIteration}):this.callbacks.onQueueComplete&&this.callbacks.onQueueComplete()},e.prototype.removeEvents=function(){return this.log("events cleared"),this.mountedElement.removeEventListener("animationiteration",this.animationiterationListener),this.mountedElement.removeEventListener("animationend",this.animationendListener),this.mountedElement.removeEventListener("animationstart",this.animationstartListener),this},e.prototype.updateCallbacks=function(e){e&&(this.callbacks=r(r({},this.callbacks),e))},e.prototype.queue=function(e,t){var n=this,a=this.queueStore.length;this.updateCallbacks(r(r({},y),t));var u,l=(u=e,Array.isArray(u)?s(u):"object"==typeof u?r({},u):u.toString());return Array.isArray(l)?this.queueStore=l.reverse().concat(this.queueStore):this.queueStore.unshift(l),this.log("queued",e,a),a?this.playing||this.playNext():requestAnimationFrame((function(){return i(n,void 0,void 0,(function(){return o(this,(function(e){switch(e.label){case 0:return[4,this.reset()];case 1:return e.sent(),this.playNext(),[2]}}))}))})),this},e.prototype.chain=function(e,t){return this.queue(e,t),this},e.prototype.resetQueue=function(){return i(this,void 0,void 0,(function(){return o(this,(function(e){switch(e.label){case 0:return this.log("resetQueue"),[4,d()];case 1:return e.sent(),this.removeEvents(),this.queueStore=[],[4,this.reset()];case 2:return e.sent(),[2,this]}}))}))},e.prototype.loop=function(e,t){return void 0===t&&(t={}),i(this,void 0,void 0,(function(){var n,i=this;return o(this,(function(o){switch(o.label){case 0:return this.log("loop",e),[4,this.resetQueue()];case 1:return o.sent(),(n=function(){i.queue(e,r(r({},t),{onQueueComplete:function(){return n()}}))})(),[2,this]}}))}))},e.prototype.getAnimationName=function(e){var t=this;return Array.isArray(e)?e.map((function(e){return t.getAnimationName(e)})).join(", "):"string"==typeof e?e.split(" ")[0]:e.name},e.playCSS=function(e){function t(e){var t=r({duration:"0s",timingFunction:"ease",delay:"0s",iterationCount:1,direction:"normal",fillMode:"forwards"},e);return[t.name,t.duration,t.timingFunction,t.delay,t.iterationCount,t.direction,t.fillMode].join(" ")}if(Array.isArray(e)){for(var n=[],i=0;i<e.length;i+=1){var o=e[i];n.push("string"==typeof o?o:t(o))}return n.join(", ")}return"string"==typeof e?e:t(e)},e.generateCSS=function(e){var t="@keyframes "+e.name+" {";for(var n in e)"name"!==n&&"media"!==n&&"complete"!==n&&(t+=n+" {"+v(e[n])+"}");return t+="}",e.media&&(t="@media "+e.media+"{"+t+"}"),t},e.generate=function(t){this.addToRuleCache(t);var n=this.generateCSS(t),r=e.rules.indexOf(t.name);-1<r&&(e.sheet.deleteRule(r),e.rules.splice(r,1));var i=(e.sheet.cssRules||e.sheet.rules).length;e.sheet.insertRule(n,i),e.rules[i]=t.name},e.define=function(e){if(Array.isArray(e))for(var t=0;t<e.length;t+=1)this.generate(e[t]);else this.generate(e)},e.defineCSS=function(e){if(Array.isArray(e)){for(var t="",n=0;n<e.length;n+=1)t+=this.generateCSS(e[n]);return t}return this.generateCSS(e)},e.addToRuleCache=function(e){if(!this.ruleCache[e.name]){var t=Object.values(e).filter((function(e){return"object"==typeof e})).map((function(e){return Object.keys(e)})).flat();this.ruleCache[e.name]=s(new Set(t))}},e.prototype.log=function(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];this.debug},e.sheet=c,e.rules=[],e.ruleCache={},e.clearRules=function(){for(e.rules=[];e.sheet.cssRules.length;)e.sheet.deleteRule(0)},e}();t.isBrowser&&(window.Keyframes=b),u(n(5)),u(n(6)),t.default=b},function(e,t){e.exports=require("react")},function(e,t,n){"use strict";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=n(1),o=u(i),a=u(n(0));n(7);var s=u(n(11));function u(e){return e&&e.__esModule?e:{default:e}}var l=function(e){function t(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var n=function(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}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.isSupported=!1,n.cssframeArr=[],n.stylesConfig=[],n.random=n.random.bind(n),n.setBubbleCSSFram=n.setBubbleCSSFram.bind(n),n.getCSSFrame=n.getCSSFrame.bind(n),n.setBubbleCSSFram(),n}return function(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)}(t,e),r(t,[{key:"random",value:function(e,t){return Math.floor(Math.random()*(e-t+1)+t)}},{key:"setupStylesConfig",value:function(e){var t=this.random(100,1100)/4,n=this.random(1,2),r=this.getCSSFrame(n,e+1);return{backgroundColor:"#"+this.random(1e5,999999),top:this.random(1,100),left:this.random(1,100),animationClass:"bubble-"+this.random(1,10),delay:e<5?this.random(100,1):this.random(25e3,100),alternate:n,cssAnimation:r,width:t,height:t,index:e}}},{key:"setBubbleCSSFram",value:function(){if(this.stylesConfig=[],this.isSupported=a.default.isSupported(),this.cssframeArr=Array(this.props.bubblesNum),this.isSupported){for(var e="",t=0;t<this.cssframeArr.length;t++)e=t%2==0?a.default.defineCSS([{name:"move-bubble-"+(t+1),"0%":{opacity:0},"20%":{opacity:.5,top:"0%",left:this.random(-5,100)+"%"},"40%":{top:"100%",left:this.random(-5,100)+"%"},"60%":{top:"0%",left:this.random(-5,100)+"%"},"80%":{top:"100%",left:this.random(-5,100)+"%"},"100%":{opacity:0}}]):a.default.defineCSS([{name:"move-bubble-"+(t+1),"100%":{opacity:0},"80%":{opacity:.5,top:"0%",left:this.random(-5,100)+"%"},"60%":{top:"100%",left:this.random(-5,100)+"%"},"40%":{top:"0%",left:this.random(-5,100)+"%"},"20%":{top:"100%",left:this.random(-5,100)+"%"},"0%":{opacity:0}}]),this.cssframeArr[t]=e,this.stylesConfig.push(this.setupStylesConfig(t));return this.cssframeArr}}},{key:"getCSSFrame",value:function(e,t){return{animationName:"move-bubble-"+t,animationDuration:this.random(200,90)+"s",animationTimingFunction:"ease-out",animationDelay:this.random(0,30)+"s",animationIterationCount:"infinite",animationDirection:1===e?"alternate-reverse":"alternate"}}},{key:"render",value:function(){var e=this;return o.default.createElement("div",null,o.default.createElement("style",null,this.cssframeArr.map((function(e){return e}))),this.isSupported?this.stylesConfig.map((function(t,n){return o.default.createElement(s.default,{key:n,configuration:t,delayedTime:t.delay,random:e.random})})):null)}}]),t}(i.Component);t.default=l},function(e,t){var n={animationIterationCount:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridRow:!0,gridColumn:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,stopOpacity:!0,strokeDashoffset:!0,strokeOpacity:!0,strokeWidth:!0};e.exports=function(e,t){return"number"!=typeof t||n[e]?t:t+"px"}},function(e,t,n){"use strict";n.r(t);var r=/[A-Z]/g,i=/^ms-/,o={};function a(e){return"-"+e.toLowerCase()}t.default=function(e){if(o.hasOwnProperty(e))return o[e];var t=e.replace(r,a);return o[e]=i.test(t)?"-"+t:t}},function(e,t,n){"use strict";var r=this&&this.__assign||function(){return(r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)};Object.defineProperty(t,"__esModule",{value:!0});var i=n(0);function o(e,t,n){return{x:n.x+t*Math.cos(e),y:n.y+t*Math.sin(e)}}var a=function(e,t){return void 0===e&&(e=0),void 0===t&&(t=0),{x:e,y:t}},s=function(e){return e*e*e},u=function(e){return 3*e*e*(1-e)},l=function(e){return 3*e*(1-e)*(1-e)},c=function(e){return(1-e)*(1-e)*(1-e)};if(t.bezierPath=function(e,t,n,i,o){var f=r({bezierSteps:100,transform:""},e);null==o&&(o=t);for(var h,d,p,m,y,v,b=a(t[0],t[1]),g=a(n[0],n[1]),S=a(i[0],i[1]),w=a(o[0],o[1]),C={},x=1/f.bezierSteps,O=0;O<=1.01;O+=x){var j=(h=O,d=b,p=w,m=S,y=g,v=void 0,(v=a()).x=d.x*s(h)+p.x*u(h)+m.x*l(h)+y.x*c(h),v.y=d.y*s(h)+p.y*u(h)+m.y*l(h)+y.y*c(h),v);C[100-Math.round(100*O)+"%"]={transform:"translate("+j.x+"px,"+j.y+"px) "+f.transform}}return Object.assign({},e,C)},t.circlePath=function(e,t,n){for(var i=r({circleSteps:100,transform:""},e),s={},u=a(t[0],t[1]),l=1.5*Math.PI,c=Math.PI/180,f=100/i.circleSteps,h=360/i.circleSteps,d=0;d<=i.circleSteps;d+=1){var p=o(l+h*d*c,n,u);s[Math.round(f*d)+"%"]={transform:"translate("+p.x+"px,"+p.y+"px) "+i.transform}}for(var m in e){var y=e[m];for(var v in s){var b=s[v];if(m===v&&b.transform&&y.transform){s[v].transform=b.transform+" "+y.transform;break}}}return Object.assign({},e,s)},i.isBrowser){var f=window;f.Keyframes&&(f.Keyframes.bezierPath=t.bezierPath,f.Keyframes.circlePath=t.circlePath)}},function(e,t,n){"use strict";var r=this&&this.__assign||function(){return(r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)},i=this&&this.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(n[r[i]]=e[r[i]])}return n};Object.defineProperty(t,"__esModule",{value:!0});var o=n(0);if(t.spriteSheet=function(e){for(var t=e.rows,n=void 0===t?1:t,o=e.cols,a=void 0===o?1:o,s=e.width,u=void 0===s?0:s,l=e.height,c=void 0===l?0:l,f=i(e,["rows","cols","width","height"]),h=r(r(r({},{offsetX:0,offsetY:0,count:n*a,spriteWidth:u/a,spriteHeight:c/n,loop:!0}),{rows:n,cols:a,width:u,height:c}),f),d=100/h.count,p={},m=h.offsetX,y=h.offsetY,v=0;v<h.count;v+=1)p[Math.round(d*v)+"%"]={backgroundPosition:"-"+m+"px -"+y+"px"},m>=h.width-h.spriteWidth?y+=h.spriteHeight:m+=h.spriteWidth;return Object.assign({},{name:h.name},p)},t.playSpriteSheet=function(e,t,n){return void 0===n&&(n="infinite"),n&&n<0&&(n="infinite"),e+" "+t+" steps(1) "+n},o.isBrowser){var a=window;a.Keyframes&&(a.Keyframes.spriteSheet=t.spriteSheet,a.Keyframes.playSpriteSheet=t.playSpriteSheet)}},function(e,t,n){var r=n(8),i=n(9);"string"==typeof(i=i.__esModule?i.default:i)&&(i=[[e.i,i,""]]);var o={insert:"head",singleton:!1};r(i,o);e.exports=i.locals||{}},function(e,t,n){"use strict";var r,i=function(){return void 0===r&&(r=Boolean(window&&document&&document.all&&!window.atob)),r},o=function(){var e={};return function(t){if(void 0===e[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}e[t]=n}return e[t]}}(),a=[];function s(e){for(var t=-1,n=0;n<a.length;n++)if(a[n].identifier===e){t=n;break}return t}function u(e,t){for(var n={},r=[],i=0;i<e.length;i++){var o=e[i],u=t.base?o[0]+t.base:o[0],l=n[u]||0,c="".concat(u," ").concat(l);n[u]=l+1;var f=s(c),h={css:o[1],media:o[2],sourceMap:o[3]};-1!==f?(a[f].references++,a[f].updater(h)):a.push({identifier:c,updater:y(h,t),references:1}),r.push(c)}return r}function l(e){var t=document.createElement("style"),r=e.attributes||{};if(void 0===r.nonce){var i=n.nc;i&&(r.nonce=i)}if(Object.keys(r).forEach((function(e){t.setAttribute(e,r[e])})),"function"==typeof e.insert)e.insert(t);else{var a=o(e.insert||"head");if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(t)}return t}var c,f=(c=[],function(e,t){return c[e]=t,c.filter(Boolean).join("\n")});function h(e,t,n,r){var i=n?"":r.media?"@media ".concat(r.media," {").concat(r.css,"}"):r.css;if(e.styleSheet)e.styleSheet.cssText=f(t,i);else{var o=document.createTextNode(i),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(o,a[t]):e.appendChild(o)}}function d(e,t,n){var r=n.css,i=n.media,o=n.sourceMap;if(i?e.setAttribute("media",i):e.removeAttribute("media"),o&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(o))))," */")),e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}var p=null,m=0;function y(e,t){var n,r,i;if(t.singleton){var o=m++;n=p||(p=l(t)),r=h.bind(null,n,o,!1),i=h.bind(null,n,o,!0)}else n=l(t),r=d.bind(null,n,t),i=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(n)};return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else i()}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=i());var n=u(e=e||[],t);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var r=0;r<n.length;r++){var i=s(n[r]);a[i].references--}for(var o=u(e,t),l=0;l<n.length;l++){var c=s(n[l]);0===a[c].references&&(a[c].updater(),a.splice(c,1))}n=o}}}},function(e,t,n){(t=n(10)(!1)).push([e.i,".bubble {\n filter: brightness(300%);\n}\n\n.bubble {\n\topacity: 0;\n}",""]),e.exports=t},function(e,t,n){"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n=function(e,t){var n=e[1]||"",r=e[3];if(!r)return n;if(t&&"function"==typeof btoa){var i=(a=r,s=btoa(unescape(encodeURIComponent(JSON.stringify(a)))),u="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(s),"/*# ".concat(u," */")),o=r.sources.map((function(e){return"/*# sourceURL=".concat(r.sourceRoot||"").concat(e," */")}));return[n].concat(o).concat([i]).join("\n")}var a,s,u;return[n].join("\n")}(t,e);return t[2]?"@media ".concat(t[2]," {").concat(n,"}"):n})).join("")},t.i=function(e,n,r){"string"==typeof e&&(e=[[null,e,""]]);var i={};if(r)for(var o=0;o<this.length;o++){var a=this[o][0];null!=a&&(i[a]=!0)}for(var s=0;s<e.length;s++){var u=[].concat(e[s]);r&&i[u[0]]||(n&&(u[2]?u[2]="".concat(n," and ").concat(u[2]):u[2]=n),t.push(u))}},t}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r,i=function(e,t){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return function(e,t){var n=[],r=!0,i=!1,o=void 0;try{for(var a,s=e[Symbol.iterator]();!(r=(a=s.next()).done)&&(n.push(a.value),!t||n.length!==t);r=!0);}catch(e){i=!0,o=e}finally{try{!r&&s.return&&s.return()}finally{if(i)throw o}}return n}(e,t);throw new TypeError("Invalid attempt to destructure non-iterable instance")},o=n(1),a=(r=o)&&r.__esModule?r:{default:r};t.default=function(e){var t=e.configuration,n=e.delayedTime,r=(e.random,(0,o.useState)(!0)),s=i(r,2),u=s[0],l=s[1],c=t.animationClass,f=t.index,h=t.height,d=t.width,p=t.top,m=t.left,y=t.cssAnimation,v=t.alternate,b=t.backgroundColor,g=1===v?"alternate-reverse":"alternate",S=1===v?"alternate-reverse":"alternate";return(0,o.useEffect)((function(){var e=setTimeout((function(){return l(!1)}),n);return function(){return clearTimeout(e)}}),[l,n]),u?null:a.default.createElement("div",{className:c+" bubble",key:f,style:{borderRadius:"50%",backgroundColor:b,height:h,width:d,top:p+"%",left:m+"%",position:"fixed",animationName:y.animationName,animationDuration:y.animationDuration,animationTimingFunction:y.animationTimingFunction,animationDelay:y.animationDelay,animationIterationCount:y.animationIterationCount,animationDirection:g,WebkitAnimationDirection:S}})}}]);