kui-basic 1.1.185 → 1.1.186

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/ParticlesExplosion/cjs/index.js +1 -1
  2. package/ParticlesExplosion/cjs/index.js.map +1 -1
  3. package/ParticlesExplosion/index.d.ts +7 -2
  4. package/ParticlesExplosion/index.js +1 -1
  5. package/ParticlesExplosion/index.js.map +1 -1
  6. package/cjs/index.js +3 -3
  7. package/cjs/index.js.map +1 -1
  8. package/index.d.ts +26 -1
  9. package/index.js +3 -3
  10. package/index.js.map +1 -1
  11. package/package.json +1 -1
package/ParticlesExplosion/cjs/index.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";require("react");var g=require("@emotion/styled/base"),I=require("@emotion/react"),C=require("@emotion/react/jsx-runtime");function c(g){return g&&"object"==typeof g&&"default"in g?g:{default:g}}var A=c(g);function b(g,I){var C=Object.keys(g);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(g);I&&(c=c.filter((function(I){return Object.getOwnPropertyDescriptor(g,I).enumerable}))),C.push.apply(C,c)}return C}function e(g){for(var I=1;I<arguments.length;I++){var C=null!=arguments[I]?arguments[I]:{};I%2?b(Object(C),!0).forEach((function(I){G(g,I,C[I])})):Object.getOwnPropertyDescriptors?Object.defineProperties(g,Object.getOwnPropertyDescriptors(C)):b(Object(C)).forEach((function(I){Object.defineProperty(g,I,Object.getOwnPropertyDescriptor(C,I))}))}return g}function i(g){var I=function(g,I){if("object"!=typeof g||!g)return g;var C=g[Symbol.toPrimitive];if(void 0!==C){var c=C.call(g,I||"default");if("object"!=typeof c)return c;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===I?String:Number)(g)}(g,"string");return"symbol"==typeof I?I:I+""}function G(g,I,C){return(I=i(I))in g?Object.defineProperty(g,I,{value:C,enumerable:!0,configurable:!0,writable:!0}):g[I]=C,g}function t(g,I){if(null==g)return{};var C,c,A=function(g,I){if(null==g)return{};var C={};for(var c in g)if(Object.prototype.hasOwnProperty.call(g,c)){if(I.indexOf(c)>=0)continue;C[c]=g[c]}return C}(g,I);if(Object.getOwnPropertySymbols){var b=Object.getOwnPropertySymbols(g);for(c=0;c<b.length;c++)C=b[c],I.indexOf(C)>=0||Object.prototype.propertyIsEnumerable.call(g,C)&&(A[C]=g[C])}return A}function l(g,I){return I||(I=g.slice(0)),Object.freeze(Object.defineProperties(g,{raw:{value:Object.freeze(I)}}))}var u,n,a=function(g,I,C,c,A){return(g-I)*(A-c)/(C-I)+c},X=function(g,I){var C=g+I;return C>360?C-360:C},Z=function(g,I){var C=Math.pow(10,I);return Math.round(g*C)/C},o=["particles"],d=function(g){var C=g.particle,c=g.degrees,A=g.bezierMedian,b=g.duration,i=g.force,t=g.size,o=g.delay,d=g.index,m=g.width,r=g.height,x=b-Math.round(1e3*Math.random()),B=Z(Math.abs(a(Math.abs(X(C.degree,90)-180),0,180,-1,1)),4),p=Z(Math.random()*A,4),y=Z(Math.random()*i*(Math.random()>.5?1:-1),4),s=A,W=Z(Math.max(a(Math.abs(C.degree-180),0,180,i,-i),0),4),h=function(g,C,c){var A=g.reduce((function(g,c,A){var b=a(Math.abs(X(c,90)-180),0,180,-C/2,C/2);return e(e({},g),{},G({},"x-axis-".concat(A),I.keyframes(u||(u=l(["\n 100% {\n transform: translateX(","px);\n }\n "])),b)))}),{});return e({"y-axis":I.keyframes(n||(n=l(["\n 1% {\n opacity: 1;\n }\n 90% {\n opacity: 0.9;\n }\n 100% {\n opacity: 0;\n transform: translateY(",");\n }\n "])),c)},A)}(c,m,r),Y=Math.round(4*Math.random())+t;return G({},"&#confetti-particle-".concat(d),I.css({animation:"".concat(h["x-axis-".concat(d)]," ").concat(x,"ms forwards cubic-bezier(").concat(0,", ").concat(0,", ").concat(0,", ").concat(B,") ").concat(o||""),"& > svg":{opacity:0,width:Y,height:Y,animation:"".concat(h["y-axis"]," ").concat(x,"ms forwards cubic-bezier(").concat(p,", ").concat(y,", ").concat(s,", ").concat(W,") ").concat(o||""),"& > path":{fill:C.color}}},"production"===process.env.NODE_ENV?"":";label:confettoStyle;","production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRnNDIiwiZmlsZSI6InN0eWxlcy5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywga2V5ZnJhbWVzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCJcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiXG5pbXBvcnQgeyBjb2luRmxpcCwgbWFwUmFuZ2UsIHJvdGF0ZSwgcm91bmQgfSBmcm9tIFwiLi91dGlsc1wiXG5pbXBvcnQgeyBJUGFydGljbGUsIElQYXJ0aWNsZXNQcm9wcyB9IGZyb20gXCIuL2luZGV4XCJcblxuY29uc3QgY29uZmV0dGlLZXlmcmFtZXMgPSAoZGVncmVlcywgd2lkdGgsIGhlaWdodCkgPT4ge1xuICBjb25zdCB4TGFuZGluZ1BvaW50cyA9IGRlZ3JlZXMucmVkdWNlKChhY2MsIGRlZ3JlZSwgaSkgPT4ge1xuICAgIGNvbnN0IGxhbmRpbmdQb2ludCA9IG1hcFJhbmdlKFxuICAgICAgTWF0aC5hYnMocm90YXRlKGRlZ3JlZSwgOTApIC0gMTgwKSxcbiAgICAgIDAsXG4gICAgICAxODAsXG4gICAgICAtd2lkdGggLyAyLFxuICAgICAgd2lkdGggLyAyXG4gICAgKVxuICAgIHJldHVybiB7XG4gICAgICAuLi5hY2MsXG4gICAgICBbYHgtYXhpcy0ke2l9YF06IGtleWZyYW1lc2BcbiAgICAgICAgMTAwJSB7XG4gICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKCR7bGFuZGluZ1BvaW50fXB4KTtcbiAgICAgICAgfVxuICAgICAgYCxcbiAgICB9XG4gIH0sIHt9KVxuXG4gIHJldHVybiB7XG4gICAgXCJ5LWF4aXNcIjoga2V5ZnJhbWVzYFxuICAgICAgMSUge1xuICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgfVxuICAgICAgOTAlIHtcbiAgICAgICAgb3BhY2l0eTogMC45O1xuICAgICAgfVxuICAgICAgMTAwJSB7XG4gICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgke2hlaWdodH0pO1xuICAgICAgfVxuICAgIGAsXG4gICAgLi4ueExhbmRpbmdQb2ludHMsXG4gIH1cbn1cblxuY29uc3QgY29uZmV0dG9TdHlsZSA9ICh7XG4gIHBhcnRpY2xlLFxuICBkZWdyZWVzLFxuICBiZXppZXJNZWRpYW4sXG4gIGR1cmF0aW9uLFxuICBmb3JjZSxcbiAgc2l6ZSxcbiAgZGVsYXksXG4gIGluZGV4LFxuICB3aWR0aCxcbiAgaGVpZ2h0LFxufSkgPT4ge1xuICBjb25zdCBkdXJhdGlvbkNoYW9zID0gZHVyYXRpb24gLSBNYXRoLnJvdW5kKE1hdGgucmFuZG9tKCkgKiAxMDAwKVxuXG4gIGNvbnN0IHgxID0gMFxuICBjb25zdCB4MiA9IDBcbiAgY29uc3QgeDMgPSAwXG4gIC8vIHgtYXhpcyBhcmMgb2YgZXhwbG9zaW9uLCBzbyA5MGRlZyBhbmQgMjcwZGVnIHBhcnRpY2xlcyBoYXZlIGN1cnZlIG9mIDEsIDBkZWcgYW5kIDE4MGRlZyBoYXZlIDBcbiAgY29uc3QgeDQgPSByb3VuZChcbiAgICBNYXRoLmFicyhcbiAgICAgIG1hcFJhbmdlKE1hdGguYWJzKHJvdGF0ZShwYXJ0aWNsZS5kZWdyZWUsIDkwKSAtIDE4MCksIDAsIDE4MCwgLTEsIDEpXG4gICAgKSxcbiAgICA0XG4gIClcblxuICAvLyByb3VnaGx5IGhvdyBmYXN0IHBhcnRpY2xlIHJlYWNoZXMgZW5kIG9mIGl0cyBleHBsb3Npb24gY3VydmVcbiAgY29uc3QgeTEgPSByb3VuZChNYXRoLnJhbmRvbSgpICogYmV6aWVyTWVkaWFuLCA0KVxuICAvLyByb3VnaGx5IG1hcHMgdG8gdGhlIGRpc3RhbmNlIHBhcnRpY2xlIGdvZXMgYmVmb3JlIHJlYWNoaW5nIGZyZWUtZmFsbFxuICBjb25zdCB5MiA9IHJvdW5kKE1hdGgucmFuZG9tKCkgKiBmb3JjZSAqIChjb2luRmxpcCgpID8gMSA6IC0xKSwgNClcbiAgLy8gcm91Z2hseSBob3cgc29vbiB0aGUgcGFydGljbGUgdHJhbnNpdGlvbnMgZnJvbSBleHBsb3Npb24gdG8gZnJlZS1mYWxsXG4gIGNvbnN0IHkzID0gYmV6aWVyTWVkaWFuXG4gIC8vIHJvdWdobHkgdGhlIGVhc2Ugb2YgZnJlZS1mYWxsXG4gIGNvbnN0IHk0ID0gcm91bmQoXG4gICAgTWF0aC5tYXgoXG4gICAgICBtYXBSYW5nZShNYXRoLmFicyhwYXJ0aWNsZS5kZWdyZWUgLSAxODApLCAwLCAxODAsIGZvcmNlLCAtZm9yY2UpLFxuICAgICAgMFxuICAgICksXG4gICAgNFxuICApXG5cbiAgY29uc3QgY29uZmV0dGlLZXlmcmFtZSA9IGNvbmZldHRpS2V5ZnJhbWVzKGRlZ3JlZXMsIHdpZHRoLCBoZWlnaHQpXG4gIGNvbnN0IHBhcnRTaXplID0gTWF0aC5yb3VuZChNYXRoLnJhbmRvbSgpICogNCkgKyBzaXplXG5cbiAgcmV0dXJuIHtcbiAgICBbYCYjY29uZmV0dGktcGFydGljbGUtJHtpbmRleH1gXTogY3NzKHtcbiAgICAgIGFuaW1hdGlvbjogYCR7XG4gICAgICAgIGNvbmZldHRpS2V5ZnJhbWVbYHgtYXhpcy0ke2luZGV4fWBdXG4gICAgICB9ICR7ZHVyYXRpb25DaGFvc31tcyBmb3J3YXJkcyBjdWJpYy1iZXppZXIoJHt4MX0sICR7eDJ9LCAke3gzfSwgJHt4NH0pICR7XG4gICAgICAgIGRlbGF5IHx8IFwiXCJcbiAgICAgIH1gLFxuICAgICAgXCImID4gc3ZnXCI6IHtcbiAgICAgICAgb3BhY2l0eTogMCxcbiAgICAgICAgd2lkdGg6IHBhcnRTaXplLFxuICAgICAgICBoZWlnaHQ6IHBhcnRTaXplLFxuICAgICAgICBhbmltYXRpb246IGAke1xuICAgICAgICAgIGNvbmZldHRpS2V5ZnJhbWVbXCJ5LWF4aXNcIl1cbiAgICAgICAgfSAke2R1cmF0aW9uQ2hhb3N9bXMgZm9yd2FyZHMgY3ViaWMtYmV6aWVyKCR7eTF9LCAke3kyfSwgJHt5M30sICR7eTR9KSAke1xuICAgICAgICAgIGRlbGF5IHx8IFwiXCJcbiAgICAgICAgfWAsXG4gICAgICAgIFwiJiA+IHBhdGhcIjoge1xuICAgICAgICAgIGZpbGw6IHBhcnRpY2xlLmNvbG9yLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICB9KSxcbiAgfVxufVxuXG5jb25zdCB1c2VTdHlsZXMgPSAoeyBwYXJ0aWNsZXMsIC4uLm90aGVyIH0pID0+IHtcbiAgY29uc3QgY29uZmV0dGlTdHlsZXMgPSBwYXJ0aWNsZXMucmVkdWNlKFxuICAgIChhY2MsIHBhcnRpY2xlLCBpbmRleCkgPT4gKHtcbiAgICAgIC4uLmFjYyxcbiAgICAgIC4uLmNvbmZldHRvU3R5bGUoe1xuICAgICAgICBwYXJ0aWNsZSxcbiAgICAgICAgZGVncmVlczogcGFydGljbGVzLm1hcCgocGFydCkgPT4gcGFydC5kZWdyZWUpLFxuICAgICAgICBpbmRleCxcbiAgICAgICAgLi4ub3RoZXIsXG4gICAgICB9KSxcbiAgICB9KSxcbiAgICB7fVxuICApXG4gIHJldHVybiBzdHlsZWQuZGl2KHtcbiAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgIHRvcDogMCxcbiAgICBsZWZ0OiBcIjUwJVwiLFxuICAgIHpJbmRleDogMixcbiAgICBcIi5wYXJ0aWNsZVwiOiB7XG4gICAgICAuLi5jb25mZXR0aVN0eWxlcyxcbiAgICAgIFwiJiA+IHN2Z1wiOiB7XG4gICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgIGxlZnQ6IDAsXG4gICAgICAgIHRvcDogMCxcbiAgICAgICAgXCImOmFmdGVyXCI6IHtcbiAgICAgICAgICBjb250ZW50OiBgJydgLFxuICAgICAgICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICAgICAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgICAgICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgfSxcbiAgfSlcbn1cblxuZXhwb3J0IGRlZmF1bHQgdXNlU3R5bGVzXG4iXX0= */"))},m=["particleElement","count","colors"];function r(g){var I=g.particleElement,c=g.count,b=g.colors,i=t(g,m),G=function(g,I){var C=360/I;return Array.from({length:I},(function(g,I){return I})).map((function(I){return{color:g[I%g.length],degree:C*I}}))}(b,c),l=function(g){var I=g.particles,C=t(g,o),c=I.reduce((function(g,c,A){return e(e({},g),d(e({particle:c,degrees:I.map((function(g){return g.degree})),index:A},C)))}),{});return A.default("div","production"===process.env.NODE_ENV?{target:"e19tyv1t0"}:{target:"e19tyv1t0",label:"useStyles"})({position:"absolute",top:0,left:"50%",zIndex:2,".particle":e(e({},c),{},{"& > svg":{position:"absolute",left:0,top:0,"&:after":{content:"''",display:"block",width:"100%",height:"100%"}}})},"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5SFMiLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIlxuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCJcbmltcG9ydCB7IGNvaW5GbGlwLCBtYXBSYW5nZSwgcm90YXRlLCByb3VuZCB9IGZyb20gXCIuL3V0aWxzXCJcbmltcG9ydCB7IElQYXJ0aWNsZSwgSVBhcnRpY2xlc1Byb3BzIH0gZnJvbSBcIi4vaW5kZXhcIlxuXG5jb25zdCBjb25mZXR0aUtleWZyYW1lcyA9IChkZWdyZWVzLCB3aWR0aCwgaGVpZ2h0KSA9PiB7XG4gIGNvbnN0IHhMYW5kaW5nUG9pbnRzID0gZGVncmVlcy5yZWR1Y2UoKGFjYywgZGVncmVlLCBpKSA9PiB7XG4gICAgY29uc3QgbGFuZGluZ1BvaW50ID0gbWFwUmFuZ2UoXG4gICAgICBNYXRoLmFicyhyb3RhdGUoZGVncmVlLCA5MCkgLSAxODApLFxuICAgICAgMCxcbiAgICAgIDE4MCxcbiAgICAgIC13aWR0aCAvIDIsXG4gICAgICB3aWR0aCAvIDJcbiAgICApXG4gICAgcmV0dXJuIHtcbiAgICAgIC4uLmFjYyxcbiAgICAgIFtgeC1heGlzLSR7aX1gXToga2V5ZnJhbWVzYFxuICAgICAgICAxMDAlIHtcbiAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoJHtsYW5kaW5nUG9pbnR9cHgpO1xuICAgICAgICB9XG4gICAgICBgLFxuICAgIH1cbiAgfSwge30pXG5cbiAgcmV0dXJuIHtcbiAgICBcInktYXhpc1wiOiBrZXlmcmFtZXNgXG4gICAgICAxJSB7XG4gICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICB9XG4gICAgICA5MCUge1xuICAgICAgICBvcGFjaXR5OiAwLjk7XG4gICAgICB9XG4gICAgICAxMDAlIHtcbiAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKCR7aGVpZ2h0fSk7XG4gICAgICB9XG4gICAgYCxcbiAgICAuLi54TGFuZGluZ1BvaW50cyxcbiAgfVxufVxuXG5jb25zdCBjb25mZXR0b1N0eWxlID0gKHtcbiAgcGFydGljbGUsXG4gIGRlZ3JlZXMsXG4gIGJlemllck1lZGlhbixcbiAgZHVyYXRpb24sXG4gIGZvcmNlLFxuICBzaXplLFxuICBkZWxheSxcbiAgaW5kZXgsXG4gIHdpZHRoLFxuICBoZWlnaHQsXG59KSA9PiB7XG4gIGNvbnN0IGR1cmF0aW9uQ2hhb3MgPSBkdXJhdGlvbiAtIE1hdGgucm91bmQoTWF0aC5yYW5kb20oKSAqIDEwMDApXG5cbiAgY29uc3QgeDEgPSAwXG4gIGNvbnN0IHgyID0gMFxuICBjb25zdCB4MyA9IDBcbiAgLy8geC1heGlzIGFyYyBvZiBleHBsb3Npb24sIHNvIDkwZGVnIGFuZCAyNzBkZWcgcGFydGljbGVzIGhhdmUgY3VydmUgb2YgMSwgMGRlZyBhbmQgMTgwZGVnIGhhdmUgMFxuICBjb25zdCB4NCA9IHJvdW5kKFxuICAgIE1hdGguYWJzKFxuICAgICAgbWFwUmFuZ2UoTWF0aC5hYnMocm90YXRlKHBhcnRpY2xlLmRlZ3JlZSwgOTApIC0gMTgwKSwgMCwgMTgwLCAtMSwgMSlcbiAgICApLFxuICAgIDRcbiAgKVxuXG4gIC8vIHJvdWdobHkgaG93IGZhc3QgcGFydGljbGUgcmVhY2hlcyBlbmQgb2YgaXRzIGV4cGxvc2lvbiBjdXJ2ZVxuICBjb25zdCB5MSA9IHJvdW5kKE1hdGgucmFuZG9tKCkgKiBiZXppZXJNZWRpYW4sIDQpXG4gIC8vIHJvdWdobHkgbWFwcyB0byB0aGUgZGlzdGFuY2UgcGFydGljbGUgZ29lcyBiZWZvcmUgcmVhY2hpbmcgZnJlZS1mYWxsXG4gIGNvbnN0IHkyID0gcm91bmQoTWF0aC5yYW5kb20oKSAqIGZvcmNlICogKGNvaW5GbGlwKCkgPyAxIDogLTEpLCA0KVxuICAvLyByb3VnaGx5IGhvdyBzb29uIHRoZSBwYXJ0aWNsZSB0cmFuc2l0aW9ucyBmcm9tIGV4cGxvc2lvbiB0byBmcmVlLWZhbGxcbiAgY29uc3QgeTMgPSBiZXppZXJNZWRpYW5cbiAgLy8gcm91Z2hseSB0aGUgZWFzZSBvZiBmcmVlLWZhbGxcbiAgY29uc3QgeTQgPSByb3VuZChcbiAgICBNYXRoLm1heChcbiAgICAgIG1hcFJhbmdlKE1hdGguYWJzKHBhcnRpY2xlLmRlZ3JlZSAtIDE4MCksIDAsIDE4MCwgZm9yY2UsIC1mb3JjZSksXG4gICAgICAwXG4gICAgKSxcbiAgICA0XG4gIClcblxuICBjb25zdCBjb25mZXR0aUtleWZyYW1lID0gY29uZmV0dGlLZXlmcmFtZXMoZGVncmVlcywgd2lkdGgsIGhlaWdodClcbiAgY29uc3QgcGFydFNpemUgPSBNYXRoLnJvdW5kKE1hdGgucmFuZG9tKCkgKiA0KSArIHNpemVcblxuICByZXR1cm4ge1xuICAgIFtgJiNjb25mZXR0aS1wYXJ0aWNsZS0ke2luZGV4fWBdOiBjc3Moe1xuICAgICAgYW5pbWF0aW9uOiBgJHtcbiAgICAgICAgY29uZmV0dGlLZXlmcmFtZVtgeC1heGlzLSR7aW5kZXh9YF1cbiAgICAgIH0gJHtkdXJhdGlvbkNoYW9zfW1zIGZvcndhcmRzIGN1YmljLWJlemllcigke3gxfSwgJHt4Mn0sICR7eDN9LCAke3g0fSkgJHtcbiAgICAgICAgZGVsYXkgfHwgXCJcIlxuICAgICAgfWAsXG4gICAgICBcIiYgPiBzdmdcIjoge1xuICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICB3aWR0aDogcGFydFNpemUsXG4gICAgICAgIGhlaWdodDogcGFydFNpemUsXG4gICAgICAgIGFuaW1hdGlvbjogYCR7XG4gICAgICAgICAgY29uZmV0dGlLZXlmcmFtZVtcInktYXhpc1wiXVxuICAgICAgICB9ICR7ZHVyYXRpb25DaGFvc31tcyBmb3J3YXJkcyBjdWJpYy1iZXppZXIoJHt5MX0sICR7eTJ9LCAke3kzfSwgJHt5NH0pICR7XG4gICAgICAgICAgZGVsYXkgfHwgXCJcIlxuICAgICAgICB9YCxcbiAgICAgICAgXCImID4gcGF0aFwiOiB7XG4gICAgICAgICAgZmlsbDogcGFydGljbGUuY29sb3IsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgIH0pLFxuICB9XG59XG5cbmNvbnN0IHVzZVN0eWxlcyA9ICh7IHBhcnRpY2xlcywgLi4ub3RoZXIgfSkgPT4ge1xuICBjb25zdCBjb25mZXR0aVN0eWxlcyA9IHBhcnRpY2xlcy5yZWR1Y2UoXG4gICAgKGFjYywgcGFydGljbGUsIGluZGV4KSA9PiAoe1xuICAgICAgLi4uYWNjLFxuICAgICAgLi4uY29uZmV0dG9TdHlsZSh7XG4gICAgICAgIHBhcnRpY2xlLFxuICAgICAgICBkZWdyZWVzOiBwYXJ0aWNsZXMubWFwKChwYXJ0KSA9PiBwYXJ0LmRlZ3JlZSksXG4gICAgICAgIGluZGV4LFxuICAgICAgICAuLi5vdGhlcixcbiAgICAgIH0pLFxuICAgIH0pLFxuICAgIHt9XG4gIClcbiAgcmV0dXJuIHN0eWxlZC5kaXYoe1xuICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgdG9wOiAwLFxuICAgIGxlZnQ6IFwiNTAlXCIsXG4gICAgekluZGV4OiAyLFxuICAgIFwiLnBhcnRpY2xlXCI6IHtcbiAgICAgIC4uLmNvbmZldHRpU3R5bGVzLFxuICAgICAgXCImID4gc3ZnXCI6IHtcbiAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgbGVmdDogMCxcbiAgICAgICAgdG9wOiAwLFxuICAgICAgICBcIiY6YWZ0ZXJcIjoge1xuICAgICAgICAgIGNvbnRlbnQ6IGAnJ2AsXG4gICAgICAgICAgZGlzcGxheTogXCJibG9ja1wiLFxuICAgICAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgICAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICB9LFxuICB9KVxufVxuXG5leHBvcnQgZGVmYXVsdCB1c2VTdHlsZXNcbiJdfQ== */")}({particles:G});return C.jsx(l,e(e({},i),{},{children:G.map((function(g,c){return C.jsx("div",{id:"confetti-particle-".concat(c),className:"particle",children:I||C.jsx("div",{})},g.degree)}))}))}r.defaultProps={count:100,bezierMedian:.7,duration:4e3,force:.7,size:8,width:400,height:"700px"},module.exports=r;
1
+ "use strict";require("react");var g=require("@emotion/styled/base"),I=require("@emotion/react"),C=require("@emotion/react/jsx-runtime");function A(g){return g&&"object"==typeof g&&"default"in g?g:{default:g}}var c=A(g);function b(g,I){var C=Object.keys(g);if(Object.getOwnPropertySymbols){var A=Object.getOwnPropertySymbols(g);I&&(A=A.filter((function(I){return Object.getOwnPropertyDescriptor(g,I).enumerable}))),C.push.apply(C,A)}return C}function G(g){for(var I=1;I<arguments.length;I++){var C=null!=arguments[I]?arguments[I]:{};I%2?b(Object(C),!0).forEach((function(I){t(g,I,C[I])})):Object.getOwnPropertyDescriptors?Object.defineProperties(g,Object.getOwnPropertyDescriptors(C)):b(Object(C)).forEach((function(I){Object.defineProperty(g,I,Object.getOwnPropertyDescriptor(C,I))}))}return g}function i(g){var I=function(g,I){if("object"!=typeof g||!g)return g;var C=g[Symbol.toPrimitive];if(void 0!==C){var A=C.call(g,I||"default");if("object"!=typeof A)return A;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===I?String:Number)(g)}(g,"string");return"symbol"==typeof I?I:I+""}function t(g,I,C){return(I=i(I))in g?Object.defineProperty(g,I,{value:C,enumerable:!0,configurable:!0,writable:!0}):g[I]=C,g}function e(g,I){if(null==g)return{};var C,A,c=function(g,I){if(null==g)return{};var C={};for(var A in g)if(Object.prototype.hasOwnProperty.call(g,A)){if(I.indexOf(A)>=0)continue;C[A]=g[A]}return C}(g,I);if(Object.getOwnPropertySymbols){var b=Object.getOwnPropertySymbols(g);for(A=0;A<b.length;A++)C=b[A],I.indexOf(C)>=0||Object.prototype.propertyIsEnumerable.call(g,C)&&(c[C]=g[C])}return c}function l(g,I){return I||(I=g.slice(0)),Object.freeze(Object.defineProperties(g,{raw:{value:Object.freeze(I)}}))}var u,n,a=function(g,I,C,A,c){return(g-I)*(c-A)/(C-I)+A},X=function(g,I){var C=g+I;return C>360?C-360:C},o=function(g,I){var C=Math.pow(10,I);return Math.round(g*C)/C},Z=["particles","htmlTag"],m=function(g){var C=g.particle,A=g.degrees,c=g.bezierMedian,b=g.duration,i=g.force,e=g.size,Z=g.delay,m=g.index,d=g.width,r=g.height,x=g.htmlTag,B=b-Math.round(1e3*Math.random()),s=o(Math.abs(a(Math.abs(X(C.degree,90)-180),0,180,-1,1)),4),p=o(Math.random()*c,4),W=o(Math.random()*i*(Math.random()>.5?1:-1),4),y=c,h=o(Math.max(a(Math.abs(C.degree-180),0,180,i,-i),0),4),Y=function(g,C,A){var c=g.reduce((function(g,A,c){var b=a(Math.abs(X(A,90)-180),0,180,-C/2,C/2);return G(G({},g),{},t({},"x-axis-".concat(c),I.keyframes(u||(u=l(["\n 100% {\n transform: translateX(","px);\n }\n "])),b)))}),{});return G({"y-axis":I.keyframes(n||(n=l(["\n 1% {\n opacity: 1;\n }\n 90% {\n opacity: 0.9;\n }\n 100% {\n opacity: 0;\n transform: translateY(",");\n }\n "])),A)},c)}(A,d,r),F=Math.round(4*Math.random())+e;return t({},"&#confetti-particle-".concat(m),I.css(t({animation:"".concat(Y["x-axis-".concat(m)]," ").concat(B,"ms forwards cubic-bezier(").concat(0,", ").concat(0,", ").concat(0,", ").concat(s,") ").concat(Z||"")},"& > ".concat(x||"div"),G({opacity:0,width:F,height:F,animation:"".concat(Y["y-axis"]," ").concat(B,"ms forwards cubic-bezier(").concat(p,", ").concat(W,", ").concat(y,", ").concat(h,") ").concat(Z||"")},"svg"===x?{"& > path":{fill:C.color}}:{background:C.color})),"production"===process.env.NODE_ENV?"":";label:confettoStyle;","production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRnNDIiwiZmlsZSI6InN0eWxlcy5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywga2V5ZnJhbWVzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCJcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiXG5pbXBvcnQgeyBjb2luRmxpcCwgbWFwUmFuZ2UsIHJvdGF0ZSwgcm91bmQgfSBmcm9tIFwiLi91dGlsc1wiXG5pbXBvcnQgeyBJUGFydGljbGUsIElQYXJ0aWNsZXNQcm9wcyB9IGZyb20gXCIuL2luZGV4XCJcblxuY29uc3QgY29uZmV0dGlLZXlmcmFtZXMgPSAoZGVncmVlcywgd2lkdGgsIGhlaWdodCkgPT4ge1xuICBjb25zdCB4TGFuZGluZ1BvaW50cyA9IGRlZ3JlZXMucmVkdWNlKChhY2MsIGRlZ3JlZSwgaSkgPT4ge1xuICAgIGNvbnN0IGxhbmRpbmdQb2ludCA9IG1hcFJhbmdlKFxuICAgICAgTWF0aC5hYnMocm90YXRlKGRlZ3JlZSwgOTApIC0gMTgwKSxcbiAgICAgIDAsXG4gICAgICAxODAsXG4gICAgICAtd2lkdGggLyAyLFxuICAgICAgd2lkdGggLyAyXG4gICAgKVxuICAgIHJldHVybiB7XG4gICAgICAuLi5hY2MsXG4gICAgICBbYHgtYXhpcy0ke2l9YF06IGtleWZyYW1lc2BcbiAgICAgICAgMTAwJSB7XG4gICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKCR7bGFuZGluZ1BvaW50fXB4KTtcbiAgICAgICAgfVxuICAgICAgYCxcbiAgICB9XG4gIH0sIHt9KVxuXG4gIHJldHVybiB7XG4gICAgXCJ5LWF4aXNcIjoga2V5ZnJhbWVzYFxuICAgICAgMSUge1xuICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgfVxuICAgICAgOTAlIHtcbiAgICAgICAgb3BhY2l0eTogMC45O1xuICAgICAgfVxuICAgICAgMTAwJSB7XG4gICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgke2hlaWdodH0pO1xuICAgICAgfVxuICAgIGAsXG4gICAgLi4ueExhbmRpbmdQb2ludHMsXG4gIH1cbn1cblxuY29uc3QgY29uZmV0dG9TdHlsZSA9ICh7XG4gIHBhcnRpY2xlLFxuICBkZWdyZWVzLFxuICBiZXppZXJNZWRpYW4sXG4gIGR1cmF0aW9uLFxuICBmb3JjZSxcbiAgc2l6ZSxcbiAgZGVsYXksXG4gIGluZGV4LFxuICB3aWR0aCxcbiAgaGVpZ2h0LFxuICBodG1sVGFnLFxufSkgPT4ge1xuICBjb25zdCBkdXJhdGlvbkNoYW9zID0gZHVyYXRpb24gLSBNYXRoLnJvdW5kKE1hdGgucmFuZG9tKCkgKiAxMDAwKVxuXG4gIGNvbnN0IHgxID0gMFxuICBjb25zdCB4MiA9IDBcbiAgY29uc3QgeDMgPSAwXG4gIC8vIHgtYXhpcyBhcmMgb2YgZXhwbG9zaW9uLCBzbyA5MGRlZyBhbmQgMjcwZGVnIHBhcnRpY2xlcyBoYXZlIGN1cnZlIG9mIDEsIDBkZWcgYW5kIDE4MGRlZyBoYXZlIDBcbiAgY29uc3QgeDQgPSByb3VuZChcbiAgICBNYXRoLmFicyhcbiAgICAgIG1hcFJhbmdlKE1hdGguYWJzKHJvdGF0ZShwYXJ0aWNsZS5kZWdyZWUsIDkwKSAtIDE4MCksIDAsIDE4MCwgLTEsIDEpXG4gICAgKSxcbiAgICA0XG4gIClcblxuICAvLyByb3VnaGx5IGhvdyBmYXN0IHBhcnRpY2xlIHJlYWNoZXMgZW5kIG9mIGl0cyBleHBsb3Npb24gY3VydmVcbiAgY29uc3QgeTEgPSByb3VuZChNYXRoLnJhbmRvbSgpICogYmV6aWVyTWVkaWFuLCA0KVxuICAvLyByb3VnaGx5IG1hcHMgdG8gdGhlIGRpc3RhbmNlIHBhcnRpY2xlIGdvZXMgYmVmb3JlIHJlYWNoaW5nIGZyZWUtZmFsbFxuICBjb25zdCB5MiA9IHJvdW5kKE1hdGgucmFuZG9tKCkgKiBmb3JjZSAqIChjb2luRmxpcCgpID8gMSA6IC0xKSwgNClcbiAgLy8gcm91Z2hseSBob3cgc29vbiB0aGUgcGFydGljbGUgdHJhbnNpdGlvbnMgZnJvbSBleHBsb3Npb24gdG8gZnJlZS1mYWxsXG4gIGNvbnN0IHkzID0gYmV6aWVyTWVkaWFuXG4gIC8vIHJvdWdobHkgdGhlIGVhc2Ugb2YgZnJlZS1mYWxsXG4gIGNvbnN0IHk0ID0gcm91bmQoXG4gICAgTWF0aC5tYXgoXG4gICAgICBtYXBSYW5nZShNYXRoLmFicyhwYXJ0aWNsZS5kZWdyZWUgLSAxODApLCAwLCAxODAsIGZvcmNlLCAtZm9yY2UpLFxuICAgICAgMFxuICAgICksXG4gICAgNFxuICApXG5cbiAgY29uc3QgY29uZmV0dGlLZXlmcmFtZSA9IGNvbmZldHRpS2V5ZnJhbWVzKGRlZ3JlZXMsIHdpZHRoLCBoZWlnaHQpXG4gIGNvbnN0IHBhcnRTaXplID0gTWF0aC5yb3VuZChNYXRoLnJhbmRvbSgpICogNCkgKyBzaXplXG5cbiAgcmV0dXJuIHtcbiAgICBbYCYjY29uZmV0dGktcGFydGljbGUtJHtpbmRleH1gXTogY3NzKHtcbiAgICAgIGFuaW1hdGlvbjogYCR7XG4gICAgICAgIGNvbmZldHRpS2V5ZnJhbWVbYHgtYXhpcy0ke2luZGV4fWBdXG4gICAgICB9ICR7ZHVyYXRpb25DaGFvc31tcyBmb3J3YXJkcyBjdWJpYy1iZXppZXIoJHt4MX0sICR7eDJ9LCAke3gzfSwgJHt4NH0pICR7XG4gICAgICAgIGRlbGF5IHx8IFwiXCJcbiAgICAgIH1gLFxuICAgICAgW2AmID4gJHtodG1sVGFnIHx8IFwiZGl2XCJ9YF06IHtcbiAgICAgICAgb3BhY2l0eTogMCxcbiAgICAgICAgd2lkdGg6IHBhcnRTaXplLFxuICAgICAgICBoZWlnaHQ6IHBhcnRTaXplLFxuICAgICAgICBhbmltYXRpb246IGAke1xuICAgICAgICAgIGNvbmZldHRpS2V5ZnJhbWVbXCJ5LWF4aXNcIl1cbiAgICAgICAgfSAke2R1cmF0aW9uQ2hhb3N9bXMgZm9yd2FyZHMgY3ViaWMtYmV6aWVyKCR7eTF9LCAke3kyfSwgJHt5M30sICR7eTR9KSAke1xuICAgICAgICAgIGRlbGF5IHx8IFwiXCJcbiAgICAgICAgfWAsXG4gICAgICAgIC4uLihodG1sVGFnID09PSBcInN2Z1wiXG4gICAgICAgICAgPyB7XG4gICAgICAgICAgICAgIFwiJiA+IHBhdGhcIjoge1xuICAgICAgICAgICAgICAgIGZpbGw6IHBhcnRpY2xlLmNvbG9yLFxuICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgfVxuICAgICAgICAgIDoge1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiBwYXJ0aWNsZS5jb2xvcixcbiAgICAgICAgICAgIH0pLFxuICAgICAgfSxcbiAgICB9KSxcbiAgfVxufVxuXG5jb25zdCB1c2VTdHlsZXMgPSAoeyBwYXJ0aWNsZXMsIGh0bWxUYWcsIC4uLm90aGVyIH0pID0+IHtcbiAgY29uc3QgY29uZmV0dGlTdHlsZXMgPSBwYXJ0aWNsZXMucmVkdWNlKFxuICAgIChhY2MsIHBhcnRpY2xlLCBpbmRleCkgPT4gKHtcbiAgICAgIC4uLmFjYyxcbiAgICAgIC4uLmNvbmZldHRvU3R5bGUoe1xuICAgICAgICBwYXJ0aWNsZSxcbiAgICAgICAgZGVncmVlczogcGFydGljbGVzLm1hcCgocGFydCkgPT4gcGFydC5kZWdyZWUpLFxuICAgICAgICBpbmRleCxcbiAgICAgICAgaHRtbFRhZyxcbiAgICAgICAgLi4ub3RoZXIsXG4gICAgICB9KSxcbiAgICB9KSxcbiAgICB7fVxuICApXG4gIHJldHVybiBzdHlsZWQuZGl2KHtcbiAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgIHRvcDogMCxcbiAgICBsZWZ0OiBcIjUwJVwiLFxuICAgIHpJbmRleDogMixcbiAgICBcIi5wYXJ0aWNsZVwiOiB7XG4gICAgICAuLi5jb25mZXR0aVN0eWxlcyxcbiAgICAgIFtgJiA+ICR7aHRtbFRhZyB8fCBcImRpdlwifWBdOiB7XG4gICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgIGxlZnQ6IDAsXG4gICAgICAgIHRvcDogMCxcbiAgICAgICAgXCImOmFmdGVyXCI6IHtcbiAgICAgICAgICBjb250ZW50OiBgJydgLFxuICAgICAgICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICAgICAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgICAgICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgfSxcbiAgfSlcbn1cblxuZXhwb3J0IGRlZmF1bHQgdXNlU3R5bGVzXG4iXX0= */"))},d=["particleElement","count","colors","className"];function r(g){var I=g.particleElement,A=g.count,b=g.colors,i=g.className,l=e(g,d),u=function(g,I){var C=360/I;return Array.from({length:I},(function(g,I){return I})).map((function(I){return{color:g[I%g.length],degree:C*I}}))}(b,A),n=function(g){var I=g.particles,C=g.htmlTag,A=e(g,Z),b=I.reduce((function(g,c,b){return G(G({},g),m(G({particle:c,degrees:I.map((function(g){return g.degree})),index:b,htmlTag:C},A)))}),{});return c.default("div","production"===process.env.NODE_ENV?{target:"e19tyv1t0"}:{target:"e19tyv1t0",label:"useStyles"})({position:"absolute",top:0,left:"50%",zIndex:2,".particle":G(G({},b),{},t({},"& > ".concat(C||"div"),{position:"absolute",left:0,top:0,"&:after":{content:"''",display:"block",width:"100%",height:"100%"}}))},"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpSVMiLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIlxuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCJcbmltcG9ydCB7IGNvaW5GbGlwLCBtYXBSYW5nZSwgcm90YXRlLCByb3VuZCB9IGZyb20gXCIuL3V0aWxzXCJcbmltcG9ydCB7IElQYXJ0aWNsZSwgSVBhcnRpY2xlc1Byb3BzIH0gZnJvbSBcIi4vaW5kZXhcIlxuXG5jb25zdCBjb25mZXR0aUtleWZyYW1lcyA9IChkZWdyZWVzLCB3aWR0aCwgaGVpZ2h0KSA9PiB7XG4gIGNvbnN0IHhMYW5kaW5nUG9pbnRzID0gZGVncmVlcy5yZWR1Y2UoKGFjYywgZGVncmVlLCBpKSA9PiB7XG4gICAgY29uc3QgbGFuZGluZ1BvaW50ID0gbWFwUmFuZ2UoXG4gICAgICBNYXRoLmFicyhyb3RhdGUoZGVncmVlLCA5MCkgLSAxODApLFxuICAgICAgMCxcbiAgICAgIDE4MCxcbiAgICAgIC13aWR0aCAvIDIsXG4gICAgICB3aWR0aCAvIDJcbiAgICApXG4gICAgcmV0dXJuIHtcbiAgICAgIC4uLmFjYyxcbiAgICAgIFtgeC1heGlzLSR7aX1gXToga2V5ZnJhbWVzYFxuICAgICAgICAxMDAlIHtcbiAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoJHtsYW5kaW5nUG9pbnR9cHgpO1xuICAgICAgICB9XG4gICAgICBgLFxuICAgIH1cbiAgfSwge30pXG5cbiAgcmV0dXJuIHtcbiAgICBcInktYXhpc1wiOiBrZXlmcmFtZXNgXG4gICAgICAxJSB7XG4gICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICB9XG4gICAgICA5MCUge1xuICAgICAgICBvcGFjaXR5OiAwLjk7XG4gICAgICB9XG4gICAgICAxMDAlIHtcbiAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKCR7aGVpZ2h0fSk7XG4gICAgICB9XG4gICAgYCxcbiAgICAuLi54TGFuZGluZ1BvaW50cyxcbiAgfVxufVxuXG5jb25zdCBjb25mZXR0b1N0eWxlID0gKHtcbiAgcGFydGljbGUsXG4gIGRlZ3JlZXMsXG4gIGJlemllck1lZGlhbixcbiAgZHVyYXRpb24sXG4gIGZvcmNlLFxuICBzaXplLFxuICBkZWxheSxcbiAgaW5kZXgsXG4gIHdpZHRoLFxuICBoZWlnaHQsXG4gIGh0bWxUYWcsXG59KSA9PiB7XG4gIGNvbnN0IGR1cmF0aW9uQ2hhb3MgPSBkdXJhdGlvbiAtIE1hdGgucm91bmQoTWF0aC5yYW5kb20oKSAqIDEwMDApXG5cbiAgY29uc3QgeDEgPSAwXG4gIGNvbnN0IHgyID0gMFxuICBjb25zdCB4MyA9IDBcbiAgLy8geC1heGlzIGFyYyBvZiBleHBsb3Npb24sIHNvIDkwZGVnIGFuZCAyNzBkZWcgcGFydGljbGVzIGhhdmUgY3VydmUgb2YgMSwgMGRlZyBhbmQgMTgwZGVnIGhhdmUgMFxuICBjb25zdCB4NCA9IHJvdW5kKFxuICAgIE1hdGguYWJzKFxuICAgICAgbWFwUmFuZ2UoTWF0aC5hYnMocm90YXRlKHBhcnRpY2xlLmRlZ3JlZSwgOTApIC0gMTgwKSwgMCwgMTgwLCAtMSwgMSlcbiAgICApLFxuICAgIDRcbiAgKVxuXG4gIC8vIHJvdWdobHkgaG93IGZhc3QgcGFydGljbGUgcmVhY2hlcyBlbmQgb2YgaXRzIGV4cGxvc2lvbiBjdXJ2ZVxuICBjb25zdCB5MSA9IHJvdW5kKE1hdGgucmFuZG9tKCkgKiBiZXppZXJNZWRpYW4sIDQpXG4gIC8vIHJvdWdobHkgbWFwcyB0byB0aGUgZGlzdGFuY2UgcGFydGljbGUgZ29lcyBiZWZvcmUgcmVhY2hpbmcgZnJlZS1mYWxsXG4gIGNvbnN0IHkyID0gcm91bmQoTWF0aC5yYW5kb20oKSAqIGZvcmNlICogKGNvaW5GbGlwKCkgPyAxIDogLTEpLCA0KVxuICAvLyByb3VnaGx5IGhvdyBzb29uIHRoZSBwYXJ0aWNsZSB0cmFuc2l0aW9ucyBmcm9tIGV4cGxvc2lvbiB0byBmcmVlLWZhbGxcbiAgY29uc3QgeTMgPSBiZXppZXJNZWRpYW5cbiAgLy8gcm91Z2hseSB0aGUgZWFzZSBvZiBmcmVlLWZhbGxcbiAgY29uc3QgeTQgPSByb3VuZChcbiAgICBNYXRoLm1heChcbiAgICAgIG1hcFJhbmdlKE1hdGguYWJzKHBhcnRpY2xlLmRlZ3JlZSAtIDE4MCksIDAsIDE4MCwgZm9yY2UsIC1mb3JjZSksXG4gICAgICAwXG4gICAgKSxcbiAgICA0XG4gIClcblxuICBjb25zdCBjb25mZXR0aUtleWZyYW1lID0gY29uZmV0dGlLZXlmcmFtZXMoZGVncmVlcywgd2lkdGgsIGhlaWdodClcbiAgY29uc3QgcGFydFNpemUgPSBNYXRoLnJvdW5kKE1hdGgucmFuZG9tKCkgKiA0KSArIHNpemVcblxuICByZXR1cm4ge1xuICAgIFtgJiNjb25mZXR0aS1wYXJ0aWNsZS0ke2luZGV4fWBdOiBjc3Moe1xuICAgICAgYW5pbWF0aW9uOiBgJHtcbiAgICAgICAgY29uZmV0dGlLZXlmcmFtZVtgeC1heGlzLSR7aW5kZXh9YF1cbiAgICAgIH0gJHtkdXJhdGlvbkNoYW9zfW1zIGZvcndhcmRzIGN1YmljLWJlemllcigke3gxfSwgJHt4Mn0sICR7eDN9LCAke3g0fSkgJHtcbiAgICAgICAgZGVsYXkgfHwgXCJcIlxuICAgICAgfWAsXG4gICAgICBbYCYgPiAke2h0bWxUYWcgfHwgXCJkaXZcIn1gXToge1xuICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICB3aWR0aDogcGFydFNpemUsXG4gICAgICAgIGhlaWdodDogcGFydFNpemUsXG4gICAgICAgIGFuaW1hdGlvbjogYCR7XG4gICAgICAgICAgY29uZmV0dGlLZXlmcmFtZVtcInktYXhpc1wiXVxuICAgICAgICB9ICR7ZHVyYXRpb25DaGFvc31tcyBmb3J3YXJkcyBjdWJpYy1iZXppZXIoJHt5MX0sICR7eTJ9LCAke3kzfSwgJHt5NH0pICR7XG4gICAgICAgICAgZGVsYXkgfHwgXCJcIlxuICAgICAgICB9YCxcbiAgICAgICAgLi4uKGh0bWxUYWcgPT09IFwic3ZnXCJcbiAgICAgICAgICA/IHtcbiAgICAgICAgICAgICAgXCImID4gcGF0aFwiOiB7XG4gICAgICAgICAgICAgICAgZmlsbDogcGFydGljbGUuY29sb3IsXG4gICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICB9XG4gICAgICAgICAgOiB7XG4gICAgICAgICAgICAgIGJhY2tncm91bmQ6IHBhcnRpY2xlLmNvbG9yLFxuICAgICAgICAgICAgfSksXG4gICAgICB9LFxuICAgIH0pLFxuICB9XG59XG5cbmNvbnN0IHVzZVN0eWxlcyA9ICh7IHBhcnRpY2xlcywgaHRtbFRhZywgLi4ub3RoZXIgfSkgPT4ge1xuICBjb25zdCBjb25mZXR0aVN0eWxlcyA9IHBhcnRpY2xlcy5yZWR1Y2UoXG4gICAgKGFjYywgcGFydGljbGUsIGluZGV4KSA9PiAoe1xuICAgICAgLi4uYWNjLFxuICAgICAgLi4uY29uZmV0dG9TdHlsZSh7XG4gICAgICAgIHBhcnRpY2xlLFxuICAgICAgICBkZWdyZWVzOiBwYXJ0aWNsZXMubWFwKChwYXJ0KSA9PiBwYXJ0LmRlZ3JlZSksXG4gICAgICAgIGluZGV4LFxuICAgICAgICBodG1sVGFnLFxuICAgICAgICAuLi5vdGhlcixcbiAgICAgIH0pLFxuICAgIH0pLFxuICAgIHt9XG4gIClcbiAgcmV0dXJuIHN0eWxlZC5kaXYoe1xuICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgdG9wOiAwLFxuICAgIGxlZnQ6IFwiNTAlXCIsXG4gICAgekluZGV4OiAyLFxuICAgIFwiLnBhcnRpY2xlXCI6IHtcbiAgICAgIC4uLmNvbmZldHRpU3R5bGVzLFxuICAgICAgW2AmID4gJHtodG1sVGFnIHx8IFwiZGl2XCJ9YF06IHtcbiAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgbGVmdDogMCxcbiAgICAgICAgdG9wOiAwLFxuICAgICAgICBcIiY6YWZ0ZXJcIjoge1xuICAgICAgICAgIGNvbnRlbnQ6IGAnJ2AsXG4gICAgICAgICAgZGlzcGxheTogXCJibG9ja1wiLFxuICAgICAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgICAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICB9LFxuICB9KVxufVxuXG5leHBvcnQgZGVmYXVsdCB1c2VTdHlsZXNcbiJdfQ== */")}(G({particles:u},l));return C.jsx(n,{className:i,children:u.map((function(g,A){return C.jsx("div",{id:"confetti-particle-".concat(A),className:"particle",children:I||C.jsx("div",{})},g.degree)}))})}r.defaultProps={count:100,bezierMedian:.7,duration:4e3,force:.7,size:8,width:400,height:"700px"},module.exports=r;
2
2
  //# sourceMappingURL=index.js.map
package/ParticlesExplosion/cjs/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/components/ParticlesExplosion/utils.js","../../../src/components/ParticlesExplosion/styles.js","../../../src/components/ParticlesExplosion/index.js"],"sourcesContent":["export const mapRange = (value, x1, y1, x2, y2) =>\n ((value - x1) * (y2 - x2)) / (y1 - x1) + x2\n\nexport const rotate = (degree, amount) => {\n const result = degree + amount\n return result > 360 ? result - 360 : result\n}\n\nexport const coinFlip = () => Math.random() > 0.5\n\nexport const round = (number, decimalPlaces) => {\n const factor = 10 ** decimalPlaces\n return Math.round(number * factor) / factor\n}\n","import { css, keyframes } from \"@emotion/react\"\nimport styled from \"@emotion/styled\"\nimport { coinFlip, mapRange, rotate, round } from \"./utils\"\nimport { IParticle, IParticlesProps } from \"./index\"\n\nconst confettiKeyframes = (degrees, width, height) => {\n const xLandingPoints = degrees.reduce((acc, degree, i) => {\n const landingPoint = mapRange(\n Math.abs(rotate(degree, 90) - 180),\n 0,\n 180,\n -width / 2,\n width / 2\n )\n return {\n ...acc,\n [`x-axis-${i}`]: keyframes`\n 100% {\n transform: translateX(${landingPoint}px);\n }\n `,\n }\n }, {})\n\n return {\n \"y-axis\": keyframes`\n 1% {\n opacity: 1;\n }\n 90% {\n opacity: 0.9;\n }\n 100% {\n opacity: 0;\n transform: translateY(${height});\n }\n `,\n ...xLandingPoints,\n }\n}\n\nconst confettoStyle = ({\n particle,\n degrees,\n bezierMedian,\n duration,\n force,\n size,\n delay,\n index,\n width,\n height,\n}) => {\n const durationChaos = duration - Math.round(Math.random() * 1000)\n\n const x1 = 0\n const x2 = 0\n const x3 = 0\n // x-axis arc of explosion, so 90deg and 270deg particles have curve of 1, 0deg and 180deg have 0\n const x4 = round(\n Math.abs(\n mapRange(Math.abs(rotate(particle.degree, 90) - 180), 0, 180, -1, 1)\n ),\n 4\n )\n\n // roughly how fast particle reaches end of its explosion curve\n const y1 = round(Math.random() * bezierMedian, 4)\n // roughly maps to the distance particle goes before reaching free-fall\n const y2 = round(Math.random() * force * (coinFlip() ? 1 : -1), 4)\n // roughly how soon the particle transitions from explosion to free-fall\n const y3 = bezierMedian\n // roughly the ease of free-fall\n const y4 = round(\n Math.max(\n mapRange(Math.abs(particle.degree - 180), 0, 180, force, -force),\n 0\n ),\n 4\n )\n\n const confettiKeyframe = confettiKeyframes(degrees, width, height)\n const partSize = Math.round(Math.random() * 4) + size\n\n return {\n [`&#confetti-particle-${index}`]: css({\n animation: `${\n confettiKeyframe[`x-axis-${index}`]\n } ${durationChaos}ms forwards cubic-bezier(${x1}, ${x2}, ${x3}, ${x4}) ${\n delay || \"\"\n }`,\n \"& > svg\": {\n opacity: 0,\n width: partSize,\n height: partSize,\n animation: `${\n confettiKeyframe[\"y-axis\"]\n } ${durationChaos}ms forwards cubic-bezier(${y1}, ${y2}, ${y3}, ${y4}) ${\n delay || \"\"\n }`,\n \"& > path\": {\n fill: particle.color,\n },\n },\n }),\n }\n}\n\nconst useStyles = ({ particles, ...other }) => {\n const confettiStyles = particles.reduce(\n (acc, particle, index) => ({\n ...acc,\n ...confettoStyle({\n particle,\n degrees: particles.map((part) => part.degree),\n index,\n ...other,\n }),\n }),\n {}\n )\n return styled.div({\n position: \"absolute\",\n top: 0,\n left: \"50%\",\n zIndex: 2,\n \".particle\": {\n ...confettiStyles,\n \"& > svg\": {\n position: \"absolute\",\n left: 0,\n top: 0,\n \"&:after\": {\n content: `''`,\n display: \"block\",\n width: \"100%\",\n height: \"100%\",\n },\n },\n },\n })\n}\n\nexport default useStyles\n","import * as React from \"react\"\nimport useStyles from \"./styles\"\n\nconst createParticles = (colors, count) => {\n const increment = 360 / count\n return Array.from({ length: count }, (value, index) => index).map(\n (index) => ({\n color: colors[index % colors.length],\n degree: increment * index,\n })\n )\n}\n\nfunction ParticlesExplosion(props) {\n const { particleElement, count, colors, ...other } = props\n const particles = createParticles(colors, count)\n const ParticlesWrapper = useStyles({\n particles,\n })\n\n return (\n <ParticlesWrapper {...other}>\n {particles.map((particle, i) => (\n <div\n id={`confetti-particle-${i}`}\n className=\"particle\"\n key={particle.degree}\n >\n {particleElement || <div />}\n </div>\n ))}\n </ParticlesWrapper>\n )\n}\n\nParticlesExplosion.defaultProps = {\n count: 100,\n bezierMedian: 0.7,\n duration: 4000,\n force: 0.7,\n size: 8,\n width: 400,\n height: \"700px\",\n}\n\nexport default ParticlesExplosion\n"],"names":["mapRange","value","x1","y1","x2","y2","rotate","degree","amount","result","round","number","decimalPlaces","factor","Math","pow","confettoStyle","_ref","particle","degrees","bezierMedian","duration","force","size","delay","index","width","height","durationChaos","random","x4","abs","y3","y4","max","confettiKeyframe","xLandingPoints","reduce","acc","i","landingPoint","_objectSpread","_defineProperty","concat","keyframes","_templateObject","_taggedTemplateLiteral","_templateObject2","confettiKeyframes","partSize","css","animation","opacity","fill","color","process","env","NODE_ENV","ParticlesExplosion","props","particleElement","count","colors","other","_objectWithoutProperties","_excluded","particles","increment","Array","from","length","map","createParticles","ParticlesWrapper","_ref3","confettiStyles","part","_styled","target","label","position","top","left","zIndex","content","display","useStyles","_jsx","children","id","className","defaultProps"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sources":["../../../src/components/ParticlesExplosion/utils.js","../../../src/components/ParticlesExplosion/styles.js","../../../src/components/ParticlesExplosion/index.js"],"sourcesContent":["export const mapRange = (value, x1, y1, x2, y2) =>\n ((value - x1) * (y2 - x2)) / (y1 - x1) + x2\n\nexport const rotate = (degree, amount) => {\n const result = degree + amount\n return result > 360 ? result - 360 : result\n}\n\nexport const coinFlip = () => Math.random() > 0.5\n\nexport const round = (number, decimalPlaces) => {\n const factor = 10 ** decimalPlaces\n return Math.round(number * factor) / factor\n}\n","import { css, keyframes } from \"@emotion/react\"\nimport styled from \"@emotion/styled\"\nimport { coinFlip, mapRange, rotate, round } from \"./utils\"\nimport { IParticle, IParticlesProps } from \"./index\"\n\nconst confettiKeyframes = (degrees, width, height) => {\n const xLandingPoints = degrees.reduce((acc, degree, i) => {\n const landingPoint = mapRange(\n Math.abs(rotate(degree, 90) - 180),\n 0,\n 180,\n -width / 2,\n width / 2\n )\n return {\n ...acc,\n [`x-axis-${i}`]: keyframes`\n 100% {\n transform: translateX(${landingPoint}px);\n }\n `,\n }\n }, {})\n\n return {\n \"y-axis\": keyframes`\n 1% {\n opacity: 1;\n }\n 90% {\n opacity: 0.9;\n }\n 100% {\n opacity: 0;\n transform: translateY(${height});\n }\n `,\n ...xLandingPoints,\n }\n}\n\nconst confettoStyle = ({\n particle,\n degrees,\n bezierMedian,\n duration,\n force,\n size,\n delay,\n index,\n width,\n height,\n htmlTag,\n}) => {\n const durationChaos = duration - Math.round(Math.random() * 1000)\n\n const x1 = 0\n const x2 = 0\n const x3 = 0\n // x-axis arc of explosion, so 90deg and 270deg particles have curve of 1, 0deg and 180deg have 0\n const x4 = round(\n Math.abs(\n mapRange(Math.abs(rotate(particle.degree, 90) - 180), 0, 180, -1, 1)\n ),\n 4\n )\n\n // roughly how fast particle reaches end of its explosion curve\n const y1 = round(Math.random() * bezierMedian, 4)\n // roughly maps to the distance particle goes before reaching free-fall\n const y2 = round(Math.random() * force * (coinFlip() ? 1 : -1), 4)\n // roughly how soon the particle transitions from explosion to free-fall\n const y3 = bezierMedian\n // roughly the ease of free-fall\n const y4 = round(\n Math.max(\n mapRange(Math.abs(particle.degree - 180), 0, 180, force, -force),\n 0\n ),\n 4\n )\n\n const confettiKeyframe = confettiKeyframes(degrees, width, height)\n const partSize = Math.round(Math.random() * 4) + size\n\n return {\n [`&#confetti-particle-${index}`]: css({\n animation: `${\n confettiKeyframe[`x-axis-${index}`]\n } ${durationChaos}ms forwards cubic-bezier(${x1}, ${x2}, ${x3}, ${x4}) ${\n delay || \"\"\n }`,\n [`& > ${htmlTag || \"div\"}`]: {\n opacity: 0,\n width: partSize,\n height: partSize,\n animation: `${\n confettiKeyframe[\"y-axis\"]\n } ${durationChaos}ms forwards cubic-bezier(${y1}, ${y2}, ${y3}, ${y4}) ${\n delay || \"\"\n }`,\n ...(htmlTag === \"svg\"\n ? {\n \"& > path\": {\n fill: particle.color,\n },\n }\n : {\n background: particle.color,\n }),\n },\n }),\n }\n}\n\nconst useStyles = ({ particles, htmlTag, ...other }) => {\n const confettiStyles = particles.reduce(\n (acc, particle, index) => ({\n ...acc,\n ...confettoStyle({\n particle,\n degrees: particles.map((part) => part.degree),\n index,\n htmlTag,\n ...other,\n }),\n }),\n {}\n )\n return styled.div({\n position: \"absolute\",\n top: 0,\n left: \"50%\",\n zIndex: 2,\n \".particle\": {\n ...confettiStyles,\n [`& > ${htmlTag || \"div\"}`]: {\n position: \"absolute\",\n left: 0,\n top: 0,\n \"&:after\": {\n content: `''`,\n display: \"block\",\n width: \"100%\",\n height: \"100%\",\n },\n },\n },\n })\n}\n\nexport default useStyles\n","import * as React from \"react\"\nimport useStyles from \"./styles\"\n\nconst createParticles = (colors, count) => {\n const increment = 360 / count\n return Array.from({ length: count }, (value, index) => index).map(\n (index) => ({\n color: colors[index % colors.length],\n degree: increment * index,\n })\n )\n}\n\nfunction ParticlesExplosion(props) {\n const { particleElement, count, colors, className, ...other } = props\n const particles = createParticles(colors, count)\n const ParticlesWrapper = useStyles({\n particles,\n ...other,\n })\n\n return (\n <ParticlesWrapper className={className}>\n {particles.map((particle, i) => (\n <div\n id={`confetti-particle-${i}`}\n className=\"particle\"\n key={particle.degree}\n >\n {particleElement || <div />}\n </div>\n ))}\n </ParticlesWrapper>\n )\n}\n\nParticlesExplosion.defaultProps = {\n count: 100,\n bezierMedian: 0.7,\n duration: 4000,\n force: 0.7,\n size: 8,\n width: 400,\n height: \"700px\",\n}\n\nexport default ParticlesExplosion\n"],"names":["mapRange","value","x1","y1","x2","y2","rotate","degree","amount","result","round","number","decimalPlaces","factor","Math","pow","confettoStyle","_ref","particle","degrees","bezierMedian","duration","force","size","delay","index","width","height","htmlTag","durationChaos","random","x4","abs","y3","y4","max","confettiKeyframe","xLandingPoints","reduce","acc","i","landingPoint","_objectSpread","_defineProperty","concat","keyframes","_templateObject","_taggedTemplateLiteral","_templateObject2","confettiKeyframes","partSize","css","animation","opacity","fill","color","background","process","env","NODE_ENV","ParticlesExplosion","props","particleElement","count","colors","className","other","_objectWithoutProperties","_excluded","particles","increment","Array","from","length","map","createParticles","ParticlesWrapper","_ref3","confettiStyles","part","_styled","target","label","position","top","left","zIndex","content","display","useStyles","_jsx","children","id","defaultProps"],"mappings":"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"}
package/ParticlesExplosion/index.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { ReactNode } from 'react';
3
3
 
4
- interface ParticlesExplosionType
4
+ interface ParticlesExplosionProps
5
5
  extends React.DetailedHTMLProps<
6
6
  React.HTMLAttributes<HTMLDivElement>,
7
7
  HTMLDivElement
@@ -17,8 +17,13 @@ interface ParticlesExplosionType
17
17
  delay?: string
18
18
  width?: number
19
19
  height?: number | string
20
+ htmlTag?: string
20
21
  }
21
22
 
23
+ type ParticlesExplosionType = (
24
+ props: ParticlesExplosionProps
25
+ ) => React.ReactElement
26
+
22
27
  declare const ParticlesExplosion: ParticlesExplosionType
23
28
 
24
- export { ParticlesExplosionType, ParticlesExplosion as default };
29
+ export { ParticlesExplosionProps, ParticlesExplosionType, ParticlesExplosion as default };
package/ParticlesExplosion/index.js CHANGED
@@ -1,2 +1,2 @@
1
- import"react";import g from"@emotion/styled/base";import{css as I,keyframes as C}from"@emotion/react";import{jsx as c}from"@emotion/react/jsx-runtime";function A(g,I){var C=Object.keys(g);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(g);I&&(c=c.filter((function(I){return Object.getOwnPropertyDescriptor(g,I).enumerable}))),C.push.apply(C,c)}return C}function b(g){for(var I=1;I<arguments.length;I++){var C=null!=arguments[I]?arguments[I]:{};I%2?A(Object(C),!0).forEach((function(I){i(g,I,C[I])})):Object.getOwnPropertyDescriptors?Object.defineProperties(g,Object.getOwnPropertyDescriptors(C)):A(Object(C)).forEach((function(I){Object.defineProperty(g,I,Object.getOwnPropertyDescriptor(C,I))}))}return g}function G(g){var I=function(g,I){if("object"!=typeof g||!g)return g;var C=g[Symbol.toPrimitive];if(void 0!==C){var c=C.call(g,I||"default");if("object"!=typeof c)return c;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===I?String:Number)(g)}(g,"string");return"symbol"==typeof I?I:I+""}function i(g,I,C){return(I=G(I))in g?Object.defineProperty(g,I,{value:C,enumerable:!0,configurable:!0,writable:!0}):g[I]=C,g}function t(g,I){if(null==g)return{};var C,c,A=function(g,I){if(null==g)return{};var C={};for(var c in g)if(Object.prototype.hasOwnProperty.call(g,c)){if(I.indexOf(c)>=0)continue;C[c]=g[c]}return C}(g,I);if(Object.getOwnPropertySymbols){var b=Object.getOwnPropertySymbols(g);for(c=0;c<b.length;c++)C=b[c],I.indexOf(C)>=0||Object.prototype.propertyIsEnumerable.call(g,C)&&(A[C]=g[C])}return A}function e(g,I){return I||(I=g.slice(0)),Object.freeze(Object.defineProperties(g,{raw:{value:Object.freeze(I)}}))}var l,u,n=function(g,I,C,c,A){return(g-I)*(A-c)/(C-I)+c},a=function(g,I){var C=g+I;return C>360?C-360:C},o=function(g,I){var C=Math.pow(10,I);return Math.round(g*C)/C},X=["particles"],Z=function(g){var c=g.particle,A=g.degrees,G=g.bezierMedian,t=g.duration,X=g.force,Z=g.size,m=g.delay,d=g.index,r=g.width,B=g.height,x=t-Math.round(1e3*Math.random()),p=o(Math.abs(n(Math.abs(a(c.degree,90)-180),0,180,-1,1)),4),y=o(Math.random()*G,4),W=o(Math.random()*X*(Math.random()>.5?1:-1),4),h=G,s=o(Math.max(n(Math.abs(c.degree-180),0,180,X,-X),0),4),Y=function(g,I,c){var A=g.reduce((function(g,c,A){var G=n(Math.abs(a(c,90)-180),0,180,-I/2,I/2);return b(b({},g),{},i({},"x-axis-".concat(A),C(l||(l=e(["\n 100% {\n transform: translateX(","px);\n }\n "])),G)))}),{});return b({"y-axis":C(u||(u=e(["\n 1% {\n opacity: 1;\n }\n 90% {\n opacity: 0.9;\n }\n 100% {\n opacity: 0;\n transform: translateY(",");\n }\n "])),c)},A)}(A,r,B),F=Math.round(4*Math.random())+Z;return i({},"&#confetti-particle-".concat(d),I({animation:"".concat(Y["x-axis-".concat(d)]," ").concat(x,"ms forwards cubic-bezier(").concat(0,", ").concat(0,", ").concat(0,", ").concat(p,") ").concat(m||""),"& > svg":{opacity:0,width:F,height:F,animation:"".concat(Y["y-axis"]," ").concat(x,"ms forwards cubic-bezier(").concat(y,", ").concat(W,", ").concat(h,", ").concat(s,") ").concat(m||""),"& > path":{fill:c.color}}},"production"===process.env.NODE_ENV?"":";label:confettoStyle;","production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRnNDIiwiZmlsZSI6InN0eWxlcy5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywga2V5ZnJhbWVzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCJcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiXG5pbXBvcnQgeyBjb2luRmxpcCwgbWFwUmFuZ2UsIHJvdGF0ZSwgcm91bmQgfSBmcm9tIFwiLi91dGlsc1wiXG5pbXBvcnQgeyBJUGFydGljbGUsIElQYXJ0aWNsZXNQcm9wcyB9IGZyb20gXCIuL2luZGV4XCJcblxuY29uc3QgY29uZmV0dGlLZXlmcmFtZXMgPSAoZGVncmVlcywgd2lkdGgsIGhlaWdodCkgPT4ge1xuICBjb25zdCB4TGFuZGluZ1BvaW50cyA9IGRlZ3JlZXMucmVkdWNlKChhY2MsIGRlZ3JlZSwgaSkgPT4ge1xuICAgIGNvbnN0IGxhbmRpbmdQb2ludCA9IG1hcFJhbmdlKFxuICAgICAgTWF0aC5hYnMocm90YXRlKGRlZ3JlZSwgOTApIC0gMTgwKSxcbiAgICAgIDAsXG4gICAgICAxODAsXG4gICAgICAtd2lkdGggLyAyLFxuICAgICAgd2lkdGggLyAyXG4gICAgKVxuICAgIHJldHVybiB7XG4gICAgICAuLi5hY2MsXG4gICAgICBbYHgtYXhpcy0ke2l9YF06IGtleWZyYW1lc2BcbiAgICAgICAgMTAwJSB7XG4gICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKCR7bGFuZGluZ1BvaW50fXB4KTtcbiAgICAgICAgfVxuICAgICAgYCxcbiAgICB9XG4gIH0sIHt9KVxuXG4gIHJldHVybiB7XG4gICAgXCJ5LWF4aXNcIjoga2V5ZnJhbWVzYFxuICAgICAgMSUge1xuICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgfVxuICAgICAgOTAlIHtcbiAgICAgICAgb3BhY2l0eTogMC45O1xuICAgICAgfVxuICAgICAgMTAwJSB7XG4gICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgke2hlaWdodH0pO1xuICAgICAgfVxuICAgIGAsXG4gICAgLi4ueExhbmRpbmdQb2ludHMsXG4gIH1cbn1cblxuY29uc3QgY29uZmV0dG9TdHlsZSA9ICh7XG4gIHBhcnRpY2xlLFxuICBkZWdyZWVzLFxuICBiZXppZXJNZWRpYW4sXG4gIGR1cmF0aW9uLFxuICBmb3JjZSxcbiAgc2l6ZSxcbiAgZGVsYXksXG4gIGluZGV4LFxuICB3aWR0aCxcbiAgaGVpZ2h0LFxufSkgPT4ge1xuICBjb25zdCBkdXJhdGlvbkNoYW9zID0gZHVyYXRpb24gLSBNYXRoLnJvdW5kKE1hdGgucmFuZG9tKCkgKiAxMDAwKVxuXG4gIGNvbnN0IHgxID0gMFxuICBjb25zdCB4MiA9IDBcbiAgY29uc3QgeDMgPSAwXG4gIC8vIHgtYXhpcyBhcmMgb2YgZXhwbG9zaW9uLCBzbyA5MGRlZyBhbmQgMjcwZGVnIHBhcnRpY2xlcyBoYXZlIGN1cnZlIG9mIDEsIDBkZWcgYW5kIDE4MGRlZyBoYXZlIDBcbiAgY29uc3QgeDQgPSByb3VuZChcbiAgICBNYXRoLmFicyhcbiAgICAgIG1hcFJhbmdlKE1hdGguYWJzKHJvdGF0ZShwYXJ0aWNsZS5kZWdyZWUsIDkwKSAtIDE4MCksIDAsIDE4MCwgLTEsIDEpXG4gICAgKSxcbiAgICA0XG4gIClcblxuICAvLyByb3VnaGx5IGhvdyBmYXN0IHBhcnRpY2xlIHJlYWNoZXMgZW5kIG9mIGl0cyBleHBsb3Npb24gY3VydmVcbiAgY29uc3QgeTEgPSByb3VuZChNYXRoLnJhbmRvbSgpICogYmV6aWVyTWVkaWFuLCA0KVxuICAvLyByb3VnaGx5IG1hcHMgdG8gdGhlIGRpc3RhbmNlIHBhcnRpY2xlIGdvZXMgYmVmb3JlIHJlYWNoaW5nIGZyZWUtZmFsbFxuICBjb25zdCB5MiA9IHJvdW5kKE1hdGgucmFuZG9tKCkgKiBmb3JjZSAqIChjb2luRmxpcCgpID8gMSA6IC0xKSwgNClcbiAgLy8gcm91Z2hseSBob3cgc29vbiB0aGUgcGFydGljbGUgdHJhbnNpdGlvbnMgZnJvbSBleHBsb3Npb24gdG8gZnJlZS1mYWxsXG4gIGNvbnN0IHkzID0gYmV6aWVyTWVkaWFuXG4gIC8vIHJvdWdobHkgdGhlIGVhc2Ugb2YgZnJlZS1mYWxsXG4gIGNvbnN0IHk0ID0gcm91bmQoXG4gICAgTWF0aC5tYXgoXG4gICAgICBtYXBSYW5nZShNYXRoLmFicyhwYXJ0aWNsZS5kZWdyZWUgLSAxODApLCAwLCAxODAsIGZvcmNlLCAtZm9yY2UpLFxuICAgICAgMFxuICAgICksXG4gICAgNFxuICApXG5cbiAgY29uc3QgY29uZmV0dGlLZXlmcmFtZSA9IGNvbmZldHRpS2V5ZnJhbWVzKGRlZ3JlZXMsIHdpZHRoLCBoZWlnaHQpXG4gIGNvbnN0IHBhcnRTaXplID0gTWF0aC5yb3VuZChNYXRoLnJhbmRvbSgpICogNCkgKyBzaXplXG5cbiAgcmV0dXJuIHtcbiAgICBbYCYjY29uZmV0dGktcGFydGljbGUtJHtpbmRleH1gXTogY3NzKHtcbiAgICAgIGFuaW1hdGlvbjogYCR7XG4gICAgICAgIGNvbmZldHRpS2V5ZnJhbWVbYHgtYXhpcy0ke2luZGV4fWBdXG4gICAgICB9ICR7ZHVyYXRpb25DaGFvc31tcyBmb3J3YXJkcyBjdWJpYy1iZXppZXIoJHt4MX0sICR7eDJ9LCAke3gzfSwgJHt4NH0pICR7XG4gICAgICAgIGRlbGF5IHx8IFwiXCJcbiAgICAgIH1gLFxuICAgICAgXCImID4gc3ZnXCI6IHtcbiAgICAgICAgb3BhY2l0eTogMCxcbiAgICAgICAgd2lkdGg6IHBhcnRTaXplLFxuICAgICAgICBoZWlnaHQ6IHBhcnRTaXplLFxuICAgICAgICBhbmltYXRpb246IGAke1xuICAgICAgICAgIGNvbmZldHRpS2V5ZnJhbWVbXCJ5LWF4aXNcIl1cbiAgICAgICAgfSAke2R1cmF0aW9uQ2hhb3N9bXMgZm9yd2FyZHMgY3ViaWMtYmV6aWVyKCR7eTF9LCAke3kyfSwgJHt5M30sICR7eTR9KSAke1xuICAgICAgICAgIGRlbGF5IHx8IFwiXCJcbiAgICAgICAgfWAsXG4gICAgICAgIFwiJiA+IHBhdGhcIjoge1xuICAgICAgICAgIGZpbGw6IHBhcnRpY2xlLmNvbG9yLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICB9KSxcbiAgfVxufVxuXG5jb25zdCB1c2VTdHlsZXMgPSAoeyBwYXJ0aWNsZXMsIC4uLm90aGVyIH0pID0+IHtcbiAgY29uc3QgY29uZmV0dGlTdHlsZXMgPSBwYXJ0aWNsZXMucmVkdWNlKFxuICAgIChhY2MsIHBhcnRpY2xlLCBpbmRleCkgPT4gKHtcbiAgICAgIC4uLmFjYyxcbiAgICAgIC4uLmNvbmZldHRvU3R5bGUoe1xuICAgICAgICBwYXJ0aWNsZSxcbiAgICAgICAgZGVncmVlczogcGFydGljbGVzLm1hcCgocGFydCkgPT4gcGFydC5kZWdyZWUpLFxuICAgICAgICBpbmRleCxcbiAgICAgICAgLi4ub3RoZXIsXG4gICAgICB9KSxcbiAgICB9KSxcbiAgICB7fVxuICApXG4gIHJldHVybiBzdHlsZWQuZGl2KHtcbiAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgIHRvcDogMCxcbiAgICBsZWZ0OiBcIjUwJVwiLFxuICAgIHpJbmRleDogMixcbiAgICBcIi5wYXJ0aWNsZVwiOiB7XG4gICAgICAuLi5jb25mZXR0aVN0eWxlcyxcbiAgICAgIFwiJiA+IHN2Z1wiOiB7XG4gICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgIGxlZnQ6IDAsXG4gICAgICAgIHRvcDogMCxcbiAgICAgICAgXCImOmFmdGVyXCI6IHtcbiAgICAgICAgICBjb250ZW50OiBgJydgLFxuICAgICAgICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICAgICAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgICAgICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgfSxcbiAgfSlcbn1cblxuZXhwb3J0IGRlZmF1bHQgdXNlU3R5bGVzXG4iXX0= */"))},m=["particleElement","count","colors"];function d(I){var C=I.particleElement,A=I.count,G=I.colors,i=t(I,m),e=function(g,I){var C=360/I;return Array.from({length:I},(function(g,I){return I})).map((function(I){return{color:g[I%g.length],degree:C*I}}))}(G,A),l=function(I){var C=I.particles,c=t(I,X),A=C.reduce((function(g,I,A){return b(b({},g),Z(b({particle:I,degrees:C.map((function(g){return g.degree})),index:A},c)))}),{});return g("div","production"===process.env.NODE_ENV?{target:"e19tyv1t0"}:{target:"e19tyv1t0",label:"useStyles"})({position:"absolute",top:0,left:"50%",zIndex:2,".particle":b(b({},A),{},{"& > svg":{position:"absolute",left:0,top:0,"&:after":{content:"''",display:"block",width:"100%",height:"100%"}}})},"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5SFMiLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIlxuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCJcbmltcG9ydCB7IGNvaW5GbGlwLCBtYXBSYW5nZSwgcm90YXRlLCByb3VuZCB9IGZyb20gXCIuL3V0aWxzXCJcbmltcG9ydCB7IElQYXJ0aWNsZSwgSVBhcnRpY2xlc1Byb3BzIH0gZnJvbSBcIi4vaW5kZXhcIlxuXG5jb25zdCBjb25mZXR0aUtleWZyYW1lcyA9IChkZWdyZWVzLCB3aWR0aCwgaGVpZ2h0KSA9PiB7XG4gIGNvbnN0IHhMYW5kaW5nUG9pbnRzID0gZGVncmVlcy5yZWR1Y2UoKGFjYywgZGVncmVlLCBpKSA9PiB7XG4gICAgY29uc3QgbGFuZGluZ1BvaW50ID0gbWFwUmFuZ2UoXG4gICAgICBNYXRoLmFicyhyb3RhdGUoZGVncmVlLCA5MCkgLSAxODApLFxuICAgICAgMCxcbiAgICAgIDE4MCxcbiAgICAgIC13aWR0aCAvIDIsXG4gICAgICB3aWR0aCAvIDJcbiAgICApXG4gICAgcmV0dXJuIHtcbiAgICAgIC4uLmFjYyxcbiAgICAgIFtgeC1heGlzLSR7aX1gXToga2V5ZnJhbWVzYFxuICAgICAgICAxMDAlIHtcbiAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoJHtsYW5kaW5nUG9pbnR9cHgpO1xuICAgICAgICB9XG4gICAgICBgLFxuICAgIH1cbiAgfSwge30pXG5cbiAgcmV0dXJuIHtcbiAgICBcInktYXhpc1wiOiBrZXlmcmFtZXNgXG4gICAgICAxJSB7XG4gICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICB9XG4gICAgICA5MCUge1xuICAgICAgICBvcGFjaXR5OiAwLjk7XG4gICAgICB9XG4gICAgICAxMDAlIHtcbiAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKCR7aGVpZ2h0fSk7XG4gICAgICB9XG4gICAgYCxcbiAgICAuLi54TGFuZGluZ1BvaW50cyxcbiAgfVxufVxuXG5jb25zdCBjb25mZXR0b1N0eWxlID0gKHtcbiAgcGFydGljbGUsXG4gIGRlZ3JlZXMsXG4gIGJlemllck1lZGlhbixcbiAgZHVyYXRpb24sXG4gIGZvcmNlLFxuICBzaXplLFxuICBkZWxheSxcbiAgaW5kZXgsXG4gIHdpZHRoLFxuICBoZWlnaHQsXG59KSA9PiB7XG4gIGNvbnN0IGR1cmF0aW9uQ2hhb3MgPSBkdXJhdGlvbiAtIE1hdGgucm91bmQoTWF0aC5yYW5kb20oKSAqIDEwMDApXG5cbiAgY29uc3QgeDEgPSAwXG4gIGNvbnN0IHgyID0gMFxuICBjb25zdCB4MyA9IDBcbiAgLy8geC1heGlzIGFyYyBvZiBleHBsb3Npb24sIHNvIDkwZGVnIGFuZCAyNzBkZWcgcGFydGljbGVzIGhhdmUgY3VydmUgb2YgMSwgMGRlZyBhbmQgMTgwZGVnIGhhdmUgMFxuICBjb25zdCB4NCA9IHJvdW5kKFxuICAgIE1hdGguYWJzKFxuICAgICAgbWFwUmFuZ2UoTWF0aC5hYnMocm90YXRlKHBhcnRpY2xlLmRlZ3JlZSwgOTApIC0gMTgwKSwgMCwgMTgwLCAtMSwgMSlcbiAgICApLFxuICAgIDRcbiAgKVxuXG4gIC8vIHJvdWdobHkgaG93IGZhc3QgcGFydGljbGUgcmVhY2hlcyBlbmQgb2YgaXRzIGV4cGxvc2lvbiBjdXJ2ZVxuICBjb25zdCB5MSA9IHJvdW5kKE1hdGgucmFuZG9tKCkgKiBiZXppZXJNZWRpYW4sIDQpXG4gIC8vIHJvdWdobHkgbWFwcyB0byB0aGUgZGlzdGFuY2UgcGFydGljbGUgZ29lcyBiZWZvcmUgcmVhY2hpbmcgZnJlZS1mYWxsXG4gIGNvbnN0IHkyID0gcm91bmQoTWF0aC5yYW5kb20oKSAqIGZvcmNlICogKGNvaW5GbGlwKCkgPyAxIDogLTEpLCA0KVxuICAvLyByb3VnaGx5IGhvdyBzb29uIHRoZSBwYXJ0aWNsZSB0cmFuc2l0aW9ucyBmcm9tIGV4cGxvc2lvbiB0byBmcmVlLWZhbGxcbiAgY29uc3QgeTMgPSBiZXppZXJNZWRpYW5cbiAgLy8gcm91Z2hseSB0aGUgZWFzZSBvZiBmcmVlLWZhbGxcbiAgY29uc3QgeTQgPSByb3VuZChcbiAgICBNYXRoLm1heChcbiAgICAgIG1hcFJhbmdlKE1hdGguYWJzKHBhcnRpY2xlLmRlZ3JlZSAtIDE4MCksIDAsIDE4MCwgZm9yY2UsIC1mb3JjZSksXG4gICAgICAwXG4gICAgKSxcbiAgICA0XG4gIClcblxuICBjb25zdCBjb25mZXR0aUtleWZyYW1lID0gY29uZmV0dGlLZXlmcmFtZXMoZGVncmVlcywgd2lkdGgsIGhlaWdodClcbiAgY29uc3QgcGFydFNpemUgPSBNYXRoLnJvdW5kKE1hdGgucmFuZG9tKCkgKiA0KSArIHNpemVcblxuICByZXR1cm4ge1xuICAgIFtgJiNjb25mZXR0aS1wYXJ0aWNsZS0ke2luZGV4fWBdOiBjc3Moe1xuICAgICAgYW5pbWF0aW9uOiBgJHtcbiAgICAgICAgY29uZmV0dGlLZXlmcmFtZVtgeC1heGlzLSR7aW5kZXh9YF1cbiAgICAgIH0gJHtkdXJhdGlvbkNoYW9zfW1zIGZvcndhcmRzIGN1YmljLWJlemllcigke3gxfSwgJHt4Mn0sICR7eDN9LCAke3g0fSkgJHtcbiAgICAgICAgZGVsYXkgfHwgXCJcIlxuICAgICAgfWAsXG4gICAgICBcIiYgPiBzdmdcIjoge1xuICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICB3aWR0aDogcGFydFNpemUsXG4gICAgICAgIGhlaWdodDogcGFydFNpemUsXG4gICAgICAgIGFuaW1hdGlvbjogYCR7XG4gICAgICAgICAgY29uZmV0dGlLZXlmcmFtZVtcInktYXhpc1wiXVxuICAgICAgICB9ICR7ZHVyYXRpb25DaGFvc31tcyBmb3J3YXJkcyBjdWJpYy1iZXppZXIoJHt5MX0sICR7eTJ9LCAke3kzfSwgJHt5NH0pICR7XG4gICAgICAgICAgZGVsYXkgfHwgXCJcIlxuICAgICAgICB9YCxcbiAgICAgICAgXCImID4gcGF0aFwiOiB7XG4gICAgICAgICAgZmlsbDogcGFydGljbGUuY29sb3IsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgIH0pLFxuICB9XG59XG5cbmNvbnN0IHVzZVN0eWxlcyA9ICh7IHBhcnRpY2xlcywgLi4ub3RoZXIgfSkgPT4ge1xuICBjb25zdCBjb25mZXR0aVN0eWxlcyA9IHBhcnRpY2xlcy5yZWR1Y2UoXG4gICAgKGFjYywgcGFydGljbGUsIGluZGV4KSA9PiAoe1xuICAgICAgLi4uYWNjLFxuICAgICAgLi4uY29uZmV0dG9TdHlsZSh7XG4gICAgICAgIHBhcnRpY2xlLFxuICAgICAgICBkZWdyZWVzOiBwYXJ0aWNsZXMubWFwKChwYXJ0KSA9PiBwYXJ0LmRlZ3JlZSksXG4gICAgICAgIGluZGV4LFxuICAgICAgICAuLi5vdGhlcixcbiAgICAgIH0pLFxuICAgIH0pLFxuICAgIHt9XG4gIClcbiAgcmV0dXJuIHN0eWxlZC5kaXYoe1xuICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgdG9wOiAwLFxuICAgIGxlZnQ6IFwiNTAlXCIsXG4gICAgekluZGV4OiAyLFxuICAgIFwiLnBhcnRpY2xlXCI6IHtcbiAgICAgIC4uLmNvbmZldHRpU3R5bGVzLFxuICAgICAgXCImID4gc3ZnXCI6IHtcbiAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgbGVmdDogMCxcbiAgICAgICAgdG9wOiAwLFxuICAgICAgICBcIiY6YWZ0ZXJcIjoge1xuICAgICAgICAgIGNvbnRlbnQ6IGAnJ2AsXG4gICAgICAgICAgZGlzcGxheTogXCJibG9ja1wiLFxuICAgICAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgICAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICB9LFxuICB9KVxufVxuXG5leHBvcnQgZGVmYXVsdCB1c2VTdHlsZXNcbiJdfQ== */")}({particles:e});return c(l,b(b({},i),{},{children:e.map((function(g,I){return c("div",{id:"confetti-particle-".concat(I),className:"particle",children:C||c("div",{})},g.degree)}))}))}d.defaultProps={count:100,bezierMedian:.7,duration:4e3,force:.7,size:8,width:400,height:"700px"};export{d as default};
1
+ import"react";import g from"@emotion/styled/base";import{css as I,keyframes as C}from"@emotion/react";import{jsx as A}from"@emotion/react/jsx-runtime";function c(g,I){var C=Object.keys(g);if(Object.getOwnPropertySymbols){var A=Object.getOwnPropertySymbols(g);I&&(A=A.filter((function(I){return Object.getOwnPropertyDescriptor(g,I).enumerable}))),C.push.apply(C,A)}return C}function b(g){for(var I=1;I<arguments.length;I++){var C=null!=arguments[I]?arguments[I]:{};I%2?c(Object(C),!0).forEach((function(I){i(g,I,C[I])})):Object.getOwnPropertyDescriptors?Object.defineProperties(g,Object.getOwnPropertyDescriptors(C)):c(Object(C)).forEach((function(I){Object.defineProperty(g,I,Object.getOwnPropertyDescriptor(C,I))}))}return g}function G(g){var I=function(g,I){if("object"!=typeof g||!g)return g;var C=g[Symbol.toPrimitive];if(void 0!==C){var A=C.call(g,I||"default");if("object"!=typeof A)return A;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===I?String:Number)(g)}(g,"string");return"symbol"==typeof I?I:I+""}function i(g,I,C){return(I=G(I))in g?Object.defineProperty(g,I,{value:C,enumerable:!0,configurable:!0,writable:!0}):g[I]=C,g}function t(g,I){if(null==g)return{};var C,A,c=function(g,I){if(null==g)return{};var C={};for(var A in g)if(Object.prototype.hasOwnProperty.call(g,A)){if(I.indexOf(A)>=0)continue;C[A]=g[A]}return C}(g,I);if(Object.getOwnPropertySymbols){var b=Object.getOwnPropertySymbols(g);for(A=0;A<b.length;A++)C=b[A],I.indexOf(C)>=0||Object.prototype.propertyIsEnumerable.call(g,C)&&(c[C]=g[C])}return c}function l(g,I){return I||(I=g.slice(0)),Object.freeze(Object.defineProperties(g,{raw:{value:Object.freeze(I)}}))}var e,u,n=function(g,I,C,A,c){return(g-I)*(c-A)/(C-I)+A},a=function(g,I){var C=g+I;return C>360?C-360:C},o=function(g,I){var C=Math.pow(10,I);return Math.round(g*C)/C},X=["particles","htmlTag"],Z=function(g){var A=g.particle,c=g.degrees,G=g.bezierMedian,t=g.duration,X=g.force,Z=g.size,m=g.delay,d=g.index,x=g.width,B=g.height,r=g.htmlTag,p=t-Math.round(1e3*Math.random()),W=o(Math.abs(n(Math.abs(a(A.degree,90)-180),0,180,-1,1)),4),h=o(Math.random()*G,4),s=o(Math.random()*X*(Math.random()>.5?1:-1),4),y=G,Y=o(Math.max(n(Math.abs(A.degree-180),0,180,X,-X),0),4),F=function(g,I,A){var c=g.reduce((function(g,A,c){var G=n(Math.abs(a(A,90)-180),0,180,-I/2,I/2);return b(b({},g),{},i({},"x-axis-".concat(c),C(e||(e=l(["\n 100% {\n transform: translateX(","px);\n }\n "])),G)))}),{});return b({"y-axis":C(u||(u=l(["\n 1% {\n opacity: 1;\n }\n 90% {\n opacity: 0.9;\n }\n 100% {\n opacity: 0;\n transform: translateY(",");\n }\n "])),A)},c)}(c,x,B),V=Math.round(4*Math.random())+Z;return i({},"&#confetti-particle-".concat(d),I(i({animation:"".concat(F["x-axis-".concat(d)]," ").concat(p,"ms forwards cubic-bezier(").concat(0,", ").concat(0,", ").concat(0,", ").concat(W,") ").concat(m||"")},"& > ".concat(r||"div"),b({opacity:0,width:V,height:V,animation:"".concat(F["y-axis"]," ").concat(p,"ms forwards cubic-bezier(").concat(h,", ").concat(s,", ").concat(y,", ").concat(Y,") ").concat(m||"")},"svg"===r?{"& > path":{fill:A.color}}:{background:A.color})),"production"===process.env.NODE_ENV?"":";label:confettoStyle;","production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRnNDIiwiZmlsZSI6InN0eWxlcy5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywga2V5ZnJhbWVzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCJcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiXG5pbXBvcnQgeyBjb2luRmxpcCwgbWFwUmFuZ2UsIHJvdGF0ZSwgcm91bmQgfSBmcm9tIFwiLi91dGlsc1wiXG5pbXBvcnQgeyBJUGFydGljbGUsIElQYXJ0aWNsZXNQcm9wcyB9IGZyb20gXCIuL2luZGV4XCJcblxuY29uc3QgY29uZmV0dGlLZXlmcmFtZXMgPSAoZGVncmVlcywgd2lkdGgsIGhlaWdodCkgPT4ge1xuICBjb25zdCB4TGFuZGluZ1BvaW50cyA9IGRlZ3JlZXMucmVkdWNlKChhY2MsIGRlZ3JlZSwgaSkgPT4ge1xuICAgIGNvbnN0IGxhbmRpbmdQb2ludCA9IG1hcFJhbmdlKFxuICAgICAgTWF0aC5hYnMocm90YXRlKGRlZ3JlZSwgOTApIC0gMTgwKSxcbiAgICAgIDAsXG4gICAgICAxODAsXG4gICAgICAtd2lkdGggLyAyLFxuICAgICAgd2lkdGggLyAyXG4gICAgKVxuICAgIHJldHVybiB7XG4gICAgICAuLi5hY2MsXG4gICAgICBbYHgtYXhpcy0ke2l9YF06IGtleWZyYW1lc2BcbiAgICAgICAgMTAwJSB7XG4gICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKCR7bGFuZGluZ1BvaW50fXB4KTtcbiAgICAgICAgfVxuICAgICAgYCxcbiAgICB9XG4gIH0sIHt9KVxuXG4gIHJldHVybiB7XG4gICAgXCJ5LWF4aXNcIjoga2V5ZnJhbWVzYFxuICAgICAgMSUge1xuICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgfVxuICAgICAgOTAlIHtcbiAgICAgICAgb3BhY2l0eTogMC45O1xuICAgICAgfVxuICAgICAgMTAwJSB7XG4gICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgke2hlaWdodH0pO1xuICAgICAgfVxuICAgIGAsXG4gICAgLi4ueExhbmRpbmdQb2ludHMsXG4gIH1cbn1cblxuY29uc3QgY29uZmV0dG9TdHlsZSA9ICh7XG4gIHBhcnRpY2xlLFxuICBkZWdyZWVzLFxuICBiZXppZXJNZWRpYW4sXG4gIGR1cmF0aW9uLFxuICBmb3JjZSxcbiAgc2l6ZSxcbiAgZGVsYXksXG4gIGluZGV4LFxuICB3aWR0aCxcbiAgaGVpZ2h0LFxuICBodG1sVGFnLFxufSkgPT4ge1xuICBjb25zdCBkdXJhdGlvbkNoYW9zID0gZHVyYXRpb24gLSBNYXRoLnJvdW5kKE1hdGgucmFuZG9tKCkgKiAxMDAwKVxuXG4gIGNvbnN0IHgxID0gMFxuICBjb25zdCB4MiA9IDBcbiAgY29uc3QgeDMgPSAwXG4gIC8vIHgtYXhpcyBhcmMgb2YgZXhwbG9zaW9uLCBzbyA5MGRlZyBhbmQgMjcwZGVnIHBhcnRpY2xlcyBoYXZlIGN1cnZlIG9mIDEsIDBkZWcgYW5kIDE4MGRlZyBoYXZlIDBcbiAgY29uc3QgeDQgPSByb3VuZChcbiAgICBNYXRoLmFicyhcbiAgICAgIG1hcFJhbmdlKE1hdGguYWJzKHJvdGF0ZShwYXJ0aWNsZS5kZWdyZWUsIDkwKSAtIDE4MCksIDAsIDE4MCwgLTEsIDEpXG4gICAgKSxcbiAgICA0XG4gIClcblxuICAvLyByb3VnaGx5IGhvdyBmYXN0IHBhcnRpY2xlIHJlYWNoZXMgZW5kIG9mIGl0cyBleHBsb3Npb24gY3VydmVcbiAgY29uc3QgeTEgPSByb3VuZChNYXRoLnJhbmRvbSgpICogYmV6aWVyTWVkaWFuLCA0KVxuICAvLyByb3VnaGx5IG1hcHMgdG8gdGhlIGRpc3RhbmNlIHBhcnRpY2xlIGdvZXMgYmVmb3JlIHJlYWNoaW5nIGZyZWUtZmFsbFxuICBjb25zdCB5MiA9IHJvdW5kKE1hdGgucmFuZG9tKCkgKiBmb3JjZSAqIChjb2luRmxpcCgpID8gMSA6IC0xKSwgNClcbiAgLy8gcm91Z2hseSBob3cgc29vbiB0aGUgcGFydGljbGUgdHJhbnNpdGlvbnMgZnJvbSBleHBsb3Npb24gdG8gZnJlZS1mYWxsXG4gIGNvbnN0IHkzID0gYmV6aWVyTWVkaWFuXG4gIC8vIHJvdWdobHkgdGhlIGVhc2Ugb2YgZnJlZS1mYWxsXG4gIGNvbnN0IHk0ID0gcm91bmQoXG4gICAgTWF0aC5tYXgoXG4gICAgICBtYXBSYW5nZShNYXRoLmFicyhwYXJ0aWNsZS5kZWdyZWUgLSAxODApLCAwLCAxODAsIGZvcmNlLCAtZm9yY2UpLFxuICAgICAgMFxuICAgICksXG4gICAgNFxuICApXG5cbiAgY29uc3QgY29uZmV0dGlLZXlmcmFtZSA9IGNvbmZldHRpS2V5ZnJhbWVzKGRlZ3JlZXMsIHdpZHRoLCBoZWlnaHQpXG4gIGNvbnN0IHBhcnRTaXplID0gTWF0aC5yb3VuZChNYXRoLnJhbmRvbSgpICogNCkgKyBzaXplXG5cbiAgcmV0dXJuIHtcbiAgICBbYCYjY29uZmV0dGktcGFydGljbGUtJHtpbmRleH1gXTogY3NzKHtcbiAgICAgIGFuaW1hdGlvbjogYCR7XG4gICAgICAgIGNvbmZldHRpS2V5ZnJhbWVbYHgtYXhpcy0ke2luZGV4fWBdXG4gICAgICB9ICR7ZHVyYXRpb25DaGFvc31tcyBmb3J3YXJkcyBjdWJpYy1iZXppZXIoJHt4MX0sICR7eDJ9LCAke3gzfSwgJHt4NH0pICR7XG4gICAgICAgIGRlbGF5IHx8IFwiXCJcbiAgICAgIH1gLFxuICAgICAgW2AmID4gJHtodG1sVGFnIHx8IFwiZGl2XCJ9YF06IHtcbiAgICAgICAgb3BhY2l0eTogMCxcbiAgICAgICAgd2lkdGg6IHBhcnRTaXplLFxuICAgICAgICBoZWlnaHQ6IHBhcnRTaXplLFxuICAgICAgICBhbmltYXRpb246IGAke1xuICAgICAgICAgIGNvbmZldHRpS2V5ZnJhbWVbXCJ5LWF4aXNcIl1cbiAgICAgICAgfSAke2R1cmF0aW9uQ2hhb3N9bXMgZm9yd2FyZHMgY3ViaWMtYmV6aWVyKCR7eTF9LCAke3kyfSwgJHt5M30sICR7eTR9KSAke1xuICAgICAgICAgIGRlbGF5IHx8IFwiXCJcbiAgICAgICAgfWAsXG4gICAgICAgIC4uLihodG1sVGFnID09PSBcInN2Z1wiXG4gICAgICAgICAgPyB7XG4gICAgICAgICAgICAgIFwiJiA+IHBhdGhcIjoge1xuICAgICAgICAgICAgICAgIGZpbGw6IHBhcnRpY2xlLmNvbG9yLFxuICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgfVxuICAgICAgICAgIDoge1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiBwYXJ0aWNsZS5jb2xvcixcbiAgICAgICAgICAgIH0pLFxuICAgICAgfSxcbiAgICB9KSxcbiAgfVxufVxuXG5jb25zdCB1c2VTdHlsZXMgPSAoeyBwYXJ0aWNsZXMsIGh0bWxUYWcsIC4uLm90aGVyIH0pID0+IHtcbiAgY29uc3QgY29uZmV0dGlTdHlsZXMgPSBwYXJ0aWNsZXMucmVkdWNlKFxuICAgIChhY2MsIHBhcnRpY2xlLCBpbmRleCkgPT4gKHtcbiAgICAgIC4uLmFjYyxcbiAgICAgIC4uLmNvbmZldHRvU3R5bGUoe1xuICAgICAgICBwYXJ0aWNsZSxcbiAgICAgICAgZGVncmVlczogcGFydGljbGVzLm1hcCgocGFydCkgPT4gcGFydC5kZWdyZWUpLFxuICAgICAgICBpbmRleCxcbiAgICAgICAgaHRtbFRhZyxcbiAgICAgICAgLi4ub3RoZXIsXG4gICAgICB9KSxcbiAgICB9KSxcbiAgICB7fVxuICApXG4gIHJldHVybiBzdHlsZWQuZGl2KHtcbiAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgIHRvcDogMCxcbiAgICBsZWZ0OiBcIjUwJVwiLFxuICAgIHpJbmRleDogMixcbiAgICBcIi5wYXJ0aWNsZVwiOiB7XG4gICAgICAuLi5jb25mZXR0aVN0eWxlcyxcbiAgICAgIFtgJiA+ICR7aHRtbFRhZyB8fCBcImRpdlwifWBdOiB7XG4gICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgIGxlZnQ6IDAsXG4gICAgICAgIHRvcDogMCxcbiAgICAgICAgXCImOmFmdGVyXCI6IHtcbiAgICAgICAgICBjb250ZW50OiBgJydgLFxuICAgICAgICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICAgICAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgICAgICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgfSxcbiAgfSlcbn1cblxuZXhwb3J0IGRlZmF1bHQgdXNlU3R5bGVzXG4iXX0= */"))},m=["particleElement","count","colors","className"];function d(I){var C=I.particleElement,c=I.count,G=I.colors,l=I.className,e=t(I,m),u=function(g,I){var C=360/I;return Array.from({length:I},(function(g,I){return I})).map((function(I){return{color:g[I%g.length],degree:C*I}}))}(G,c),n=function(I){var C=I.particles,A=I.htmlTag,c=t(I,X),G=C.reduce((function(g,I,G){return b(b({},g),Z(b({particle:I,degrees:C.map((function(g){return g.degree})),index:G,htmlTag:A},c)))}),{});return g("div","production"===process.env.NODE_ENV?{target:"e19tyv1t0"}:{target:"e19tyv1t0",label:"useStyles"})({position:"absolute",top:0,left:"50%",zIndex:2,".particle":b(b({},G),{},i({},"& > ".concat(A||"div"),{position:"absolute",left:0,top:0,"&:after":{content:"''",display:"block",width:"100%",height:"100%"}}))},"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpSVMiLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIlxuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCJcbmltcG9ydCB7IGNvaW5GbGlwLCBtYXBSYW5nZSwgcm90YXRlLCByb3VuZCB9IGZyb20gXCIuL3V0aWxzXCJcbmltcG9ydCB7IElQYXJ0aWNsZSwgSVBhcnRpY2xlc1Byb3BzIH0gZnJvbSBcIi4vaW5kZXhcIlxuXG5jb25zdCBjb25mZXR0aUtleWZyYW1lcyA9IChkZWdyZWVzLCB3aWR0aCwgaGVpZ2h0KSA9PiB7XG4gIGNvbnN0IHhMYW5kaW5nUG9pbnRzID0gZGVncmVlcy5yZWR1Y2UoKGFjYywgZGVncmVlLCBpKSA9PiB7XG4gICAgY29uc3QgbGFuZGluZ1BvaW50ID0gbWFwUmFuZ2UoXG4gICAgICBNYXRoLmFicyhyb3RhdGUoZGVncmVlLCA5MCkgLSAxODApLFxuICAgICAgMCxcbiAgICAgIDE4MCxcbiAgICAgIC13aWR0aCAvIDIsXG4gICAgICB3aWR0aCAvIDJcbiAgICApXG4gICAgcmV0dXJuIHtcbiAgICAgIC4uLmFjYyxcbiAgICAgIFtgeC1heGlzLSR7aX1gXToga2V5ZnJhbWVzYFxuICAgICAgICAxMDAlIHtcbiAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoJHtsYW5kaW5nUG9pbnR9cHgpO1xuICAgICAgICB9XG4gICAgICBgLFxuICAgIH1cbiAgfSwge30pXG5cbiAgcmV0dXJuIHtcbiAgICBcInktYXhpc1wiOiBrZXlmcmFtZXNgXG4gICAgICAxJSB7XG4gICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICB9XG4gICAgICA5MCUge1xuICAgICAgICBvcGFjaXR5OiAwLjk7XG4gICAgICB9XG4gICAgICAxMDAlIHtcbiAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKCR7aGVpZ2h0fSk7XG4gICAgICB9XG4gICAgYCxcbiAgICAuLi54TGFuZGluZ1BvaW50cyxcbiAgfVxufVxuXG5jb25zdCBjb25mZXR0b1N0eWxlID0gKHtcbiAgcGFydGljbGUsXG4gIGRlZ3JlZXMsXG4gIGJlemllck1lZGlhbixcbiAgZHVyYXRpb24sXG4gIGZvcmNlLFxuICBzaXplLFxuICBkZWxheSxcbiAgaW5kZXgsXG4gIHdpZHRoLFxuICBoZWlnaHQsXG4gIGh0bWxUYWcsXG59KSA9PiB7XG4gIGNvbnN0IGR1cmF0aW9uQ2hhb3MgPSBkdXJhdGlvbiAtIE1hdGgucm91bmQoTWF0aC5yYW5kb20oKSAqIDEwMDApXG5cbiAgY29uc3QgeDEgPSAwXG4gIGNvbnN0IHgyID0gMFxuICBjb25zdCB4MyA9IDBcbiAgLy8geC1heGlzIGFyYyBvZiBleHBsb3Npb24sIHNvIDkwZGVnIGFuZCAyNzBkZWcgcGFydGljbGVzIGhhdmUgY3VydmUgb2YgMSwgMGRlZyBhbmQgMTgwZGVnIGhhdmUgMFxuICBjb25zdCB4NCA9IHJvdW5kKFxuICAgIE1hdGguYWJzKFxuICAgICAgbWFwUmFuZ2UoTWF0aC5hYnMocm90YXRlKHBhcnRpY2xlLmRlZ3JlZSwgOTApIC0gMTgwKSwgMCwgMTgwLCAtMSwgMSlcbiAgICApLFxuICAgIDRcbiAgKVxuXG4gIC8vIHJvdWdobHkgaG93IGZhc3QgcGFydGljbGUgcmVhY2hlcyBlbmQgb2YgaXRzIGV4cGxvc2lvbiBjdXJ2ZVxuICBjb25zdCB5MSA9IHJvdW5kKE1hdGgucmFuZG9tKCkgKiBiZXppZXJNZWRpYW4sIDQpXG4gIC8vIHJvdWdobHkgbWFwcyB0byB0aGUgZGlzdGFuY2UgcGFydGljbGUgZ29lcyBiZWZvcmUgcmVhY2hpbmcgZnJlZS1mYWxsXG4gIGNvbnN0IHkyID0gcm91bmQoTWF0aC5yYW5kb20oKSAqIGZvcmNlICogKGNvaW5GbGlwKCkgPyAxIDogLTEpLCA0KVxuICAvLyByb3VnaGx5IGhvdyBzb29uIHRoZSBwYXJ0aWNsZSB0cmFuc2l0aW9ucyBmcm9tIGV4cGxvc2lvbiB0byBmcmVlLWZhbGxcbiAgY29uc3QgeTMgPSBiZXppZXJNZWRpYW5cbiAgLy8gcm91Z2hseSB0aGUgZWFzZSBvZiBmcmVlLWZhbGxcbiAgY29uc3QgeTQgPSByb3VuZChcbiAgICBNYXRoLm1heChcbiAgICAgIG1hcFJhbmdlKE1hdGguYWJzKHBhcnRpY2xlLmRlZ3JlZSAtIDE4MCksIDAsIDE4MCwgZm9yY2UsIC1mb3JjZSksXG4gICAgICAwXG4gICAgKSxcbiAgICA0XG4gIClcblxuICBjb25zdCBjb25mZXR0aUtleWZyYW1lID0gY29uZmV0dGlLZXlmcmFtZXMoZGVncmVlcywgd2lkdGgsIGhlaWdodClcbiAgY29uc3QgcGFydFNpemUgPSBNYXRoLnJvdW5kKE1hdGgucmFuZG9tKCkgKiA0KSArIHNpemVcblxuICByZXR1cm4ge1xuICAgIFtgJiNjb25mZXR0aS1wYXJ0aWNsZS0ke2luZGV4fWBdOiBjc3Moe1xuICAgICAgYW5pbWF0aW9uOiBgJHtcbiAgICAgICAgY29uZmV0dGlLZXlmcmFtZVtgeC1heGlzLSR7aW5kZXh9YF1cbiAgICAgIH0gJHtkdXJhdGlvbkNoYW9zfW1zIGZvcndhcmRzIGN1YmljLWJlemllcigke3gxfSwgJHt4Mn0sICR7eDN9LCAke3g0fSkgJHtcbiAgICAgICAgZGVsYXkgfHwgXCJcIlxuICAgICAgfWAsXG4gICAgICBbYCYgPiAke2h0bWxUYWcgfHwgXCJkaXZcIn1gXToge1xuICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICB3aWR0aDogcGFydFNpemUsXG4gICAgICAgIGhlaWdodDogcGFydFNpemUsXG4gICAgICAgIGFuaW1hdGlvbjogYCR7XG4gICAgICAgICAgY29uZmV0dGlLZXlmcmFtZVtcInktYXhpc1wiXVxuICAgICAgICB9ICR7ZHVyYXRpb25DaGFvc31tcyBmb3J3YXJkcyBjdWJpYy1iZXppZXIoJHt5MX0sICR7eTJ9LCAke3kzfSwgJHt5NH0pICR7XG4gICAgICAgICAgZGVsYXkgfHwgXCJcIlxuICAgICAgICB9YCxcbiAgICAgICAgLi4uKGh0bWxUYWcgPT09IFwic3ZnXCJcbiAgICAgICAgICA/IHtcbiAgICAgICAgICAgICAgXCImID4gcGF0aFwiOiB7XG4gICAgICAgICAgICAgICAgZmlsbDogcGFydGljbGUuY29sb3IsXG4gICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICB9XG4gICAgICAgICAgOiB7XG4gICAgICAgICAgICAgIGJhY2tncm91bmQ6IHBhcnRpY2xlLmNvbG9yLFxuICAgICAgICAgICAgfSksXG4gICAgICB9LFxuICAgIH0pLFxuICB9XG59XG5cbmNvbnN0IHVzZVN0eWxlcyA9ICh7IHBhcnRpY2xlcywgaHRtbFRhZywgLi4ub3RoZXIgfSkgPT4ge1xuICBjb25zdCBjb25mZXR0aVN0eWxlcyA9IHBhcnRpY2xlcy5yZWR1Y2UoXG4gICAgKGFjYywgcGFydGljbGUsIGluZGV4KSA9PiAoe1xuICAgICAgLi4uYWNjLFxuICAgICAgLi4uY29uZmV0dG9TdHlsZSh7XG4gICAgICAgIHBhcnRpY2xlLFxuICAgICAgICBkZWdyZWVzOiBwYXJ0aWNsZXMubWFwKChwYXJ0KSA9PiBwYXJ0LmRlZ3JlZSksXG4gICAgICAgIGluZGV4LFxuICAgICAgICBodG1sVGFnLFxuICAgICAgICAuLi5vdGhlcixcbiAgICAgIH0pLFxuICAgIH0pLFxuICAgIHt9XG4gIClcbiAgcmV0dXJuIHN0eWxlZC5kaXYoe1xuICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgdG9wOiAwLFxuICAgIGxlZnQ6IFwiNTAlXCIsXG4gICAgekluZGV4OiAyLFxuICAgIFwiLnBhcnRpY2xlXCI6IHtcbiAgICAgIC4uLmNvbmZldHRpU3R5bGVzLFxuICAgICAgW2AmID4gJHtodG1sVGFnIHx8IFwiZGl2XCJ9YF06IHtcbiAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgbGVmdDogMCxcbiAgICAgICAgdG9wOiAwLFxuICAgICAgICBcIiY6YWZ0ZXJcIjoge1xuICAgICAgICAgIGNvbnRlbnQ6IGAnJ2AsXG4gICAgICAgICAgZGlzcGxheTogXCJibG9ja1wiLFxuICAgICAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgICAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICB9LFxuICB9KVxufVxuXG5leHBvcnQgZGVmYXVsdCB1c2VTdHlsZXNcbiJdfQ== */")}(b({particles:u},e));return A(n,{className:l,children:u.map((function(g,I){return A("div",{id:"confetti-particle-".concat(I),className:"particle",children:C||A("div",{})},g.degree)}))})}d.defaultProps={count:100,bezierMedian:.7,duration:4e3,force:.7,size:8,width:400,height:"700px"};export{d as default};
2
2
  //# sourceMappingURL=index.js.map
package/ParticlesExplosion/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../src/components/ParticlesExplosion/utils.js","../../src/components/ParticlesExplosion/styles.js","../../src/components/ParticlesExplosion/index.js"],"sourcesContent":["export const mapRange = (value, x1, y1, x2, y2) =>\n ((value - x1) * (y2 - x2)) / (y1 - x1) + x2\n\nexport const rotate = (degree, amount) => {\n const result = degree + amount\n return result > 360 ? result - 360 : result\n}\n\nexport const coinFlip = () => Math.random() > 0.5\n\nexport const round = (number, decimalPlaces) => {\n const factor = 10 ** decimalPlaces\n return Math.round(number * factor) / factor\n}\n","import { css, keyframes } from \"@emotion/react\"\nimport styled from \"@emotion/styled\"\nimport { coinFlip, mapRange, rotate, round } from \"./utils\"\nimport { IParticle, IParticlesProps } from \"./index\"\n\nconst confettiKeyframes = (degrees, width, height) => {\n const xLandingPoints = degrees.reduce((acc, degree, i) => {\n const landingPoint = mapRange(\n Math.abs(rotate(degree, 90) - 180),\n 0,\n 180,\n -width / 2,\n width / 2\n )\n return {\n ...acc,\n [`x-axis-${i}`]: keyframes`\n 100% {\n transform: translateX(${landingPoint}px);\n }\n `,\n }\n }, {})\n\n return {\n \"y-axis\": keyframes`\n 1% {\n opacity: 1;\n }\n 90% {\n opacity: 0.9;\n }\n 100% {\n opacity: 0;\n transform: translateY(${height});\n }\n `,\n ...xLandingPoints,\n }\n}\n\nconst confettoStyle = ({\n particle,\n degrees,\n bezierMedian,\n duration,\n force,\n size,\n delay,\n index,\n width,\n height,\n}) => {\n const durationChaos = duration - Math.round(Math.random() * 1000)\n\n const x1 = 0\n const x2 = 0\n const x3 = 0\n // x-axis arc of explosion, so 90deg and 270deg particles have curve of 1, 0deg and 180deg have 0\n const x4 = round(\n Math.abs(\n mapRange(Math.abs(rotate(particle.degree, 90) - 180), 0, 180, -1, 1)\n ),\n 4\n )\n\n // roughly how fast particle reaches end of its explosion curve\n const y1 = round(Math.random() * bezierMedian, 4)\n // roughly maps to the distance particle goes before reaching free-fall\n const y2 = round(Math.random() * force * (coinFlip() ? 1 : -1), 4)\n // roughly how soon the particle transitions from explosion to free-fall\n const y3 = bezierMedian\n // roughly the ease of free-fall\n const y4 = round(\n Math.max(\n mapRange(Math.abs(particle.degree - 180), 0, 180, force, -force),\n 0\n ),\n 4\n )\n\n const confettiKeyframe = confettiKeyframes(degrees, width, height)\n const partSize = Math.round(Math.random() * 4) + size\n\n return {\n [`&#confetti-particle-${index}`]: css({\n animation: `${\n confettiKeyframe[`x-axis-${index}`]\n } ${durationChaos}ms forwards cubic-bezier(${x1}, ${x2}, ${x3}, ${x4}) ${\n delay || \"\"\n }`,\n \"& > svg\": {\n opacity: 0,\n width: partSize,\n height: partSize,\n animation: `${\n confettiKeyframe[\"y-axis\"]\n } ${durationChaos}ms forwards cubic-bezier(${y1}, ${y2}, ${y3}, ${y4}) ${\n delay || \"\"\n }`,\n \"& > path\": {\n fill: particle.color,\n },\n },\n }),\n }\n}\n\nconst useStyles = ({ particles, ...other }) => {\n const confettiStyles = particles.reduce(\n (acc, particle, index) => ({\n ...acc,\n ...confettoStyle({\n particle,\n degrees: particles.map((part) => part.degree),\n index,\n ...other,\n }),\n }),\n {}\n )\n return styled.div({\n position: \"absolute\",\n top: 0,\n left: \"50%\",\n zIndex: 2,\n \".particle\": {\n ...confettiStyles,\n \"& > svg\": {\n position: \"absolute\",\n left: 0,\n top: 0,\n \"&:after\": {\n content: `''`,\n display: \"block\",\n width: \"100%\",\n height: \"100%\",\n },\n },\n },\n })\n}\n\nexport default useStyles\n","import * as React from \"react\"\nimport useStyles from \"./styles\"\n\nconst createParticles = (colors, count) => {\n const increment = 360 / count\n return Array.from({ length: count }, (value, index) => index).map(\n (index) => ({\n color: colors[index % colors.length],\n degree: increment * index,\n })\n )\n}\n\nfunction ParticlesExplosion(props) {\n const { particleElement, count, colors, ...other } = props\n const particles = createParticles(colors, count)\n const ParticlesWrapper = useStyles({\n particles,\n })\n\n return (\n <ParticlesWrapper {...other}>\n {particles.map((particle, i) => (\n <div\n id={`confetti-particle-${i}`}\n className=\"particle\"\n key={particle.degree}\n >\n {particleElement || <div />}\n </div>\n ))}\n </ParticlesWrapper>\n )\n}\n\nParticlesExplosion.defaultProps = {\n count: 100,\n bezierMedian: 0.7,\n duration: 4000,\n force: 0.7,\n size: 8,\n width: 400,\n height: \"700px\",\n}\n\nexport default ParticlesExplosion\n"],"names":["mapRange","value","x1","y1","x2","y2","rotate","degree","amount","result","round","number","decimalPlaces","factor","Math","pow","confettoStyle","_ref","particle","degrees","bezierMedian","duration","force","size","delay","index","width","height","durationChaos","random","x4","abs","y3","y4","max","confettiKeyframe","xLandingPoints","reduce","acc","i","landingPoint","_objectSpread","_defineProperty","concat","keyframes","_templateObject","_taggedTemplateLiteral","_templateObject2","confettiKeyframes","partSize","css","animation","opacity","fill","color","process","env","NODE_ENV","ParticlesExplosion","props","particleElement","count","colors","other","_objectWithoutProperties","_excluded","particles","increment","Array","from","length","map","createParticles","ParticlesWrapper","_ref3","confettiStyles","part","_styled","target","label","position","top","left","zIndex","content","display","useStyles","_jsx","children","id","className","defaultProps"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sources":["../../src/components/ParticlesExplosion/utils.js","../../src/components/ParticlesExplosion/styles.js","../../src/components/ParticlesExplosion/index.js"],"sourcesContent":["export const mapRange = (value, x1, y1, x2, y2) =>\n ((value - x1) * (y2 - x2)) / (y1 - x1) + x2\n\nexport const rotate = (degree, amount) => {\n const result = degree + amount\n return result > 360 ? result - 360 : result\n}\n\nexport const coinFlip = () => Math.random() > 0.5\n\nexport const round = (number, decimalPlaces) => {\n const factor = 10 ** decimalPlaces\n return Math.round(number * factor) / factor\n}\n","import { css, keyframes } from \"@emotion/react\"\nimport styled from \"@emotion/styled\"\nimport { coinFlip, mapRange, rotate, round } from \"./utils\"\nimport { IParticle, IParticlesProps } from \"./index\"\n\nconst confettiKeyframes = (degrees, width, height) => {\n const xLandingPoints = degrees.reduce((acc, degree, i) => {\n const landingPoint = mapRange(\n Math.abs(rotate(degree, 90) - 180),\n 0,\n 180,\n -width / 2,\n width / 2\n )\n return {\n ...acc,\n [`x-axis-${i}`]: keyframes`\n 100% {\n transform: translateX(${landingPoint}px);\n }\n `,\n }\n }, {})\n\n return {\n \"y-axis\": keyframes`\n 1% {\n opacity: 1;\n }\n 90% {\n opacity: 0.9;\n }\n 100% {\n opacity: 0;\n transform: translateY(${height});\n }\n `,\n ...xLandingPoints,\n }\n}\n\nconst confettoStyle = ({\n particle,\n degrees,\n bezierMedian,\n duration,\n force,\n size,\n delay,\n index,\n width,\n height,\n htmlTag,\n}) => {\n const durationChaos = duration - Math.round(Math.random() * 1000)\n\n const x1 = 0\n const x2 = 0\n const x3 = 0\n // x-axis arc of explosion, so 90deg and 270deg particles have curve of 1, 0deg and 180deg have 0\n const x4 = round(\n Math.abs(\n mapRange(Math.abs(rotate(particle.degree, 90) - 180), 0, 180, -1, 1)\n ),\n 4\n )\n\n // roughly how fast particle reaches end of its explosion curve\n const y1 = round(Math.random() * bezierMedian, 4)\n // roughly maps to the distance particle goes before reaching free-fall\n const y2 = round(Math.random() * force * (coinFlip() ? 1 : -1), 4)\n // roughly how soon the particle transitions from explosion to free-fall\n const y3 = bezierMedian\n // roughly the ease of free-fall\n const y4 = round(\n Math.max(\n mapRange(Math.abs(particle.degree - 180), 0, 180, force, -force),\n 0\n ),\n 4\n )\n\n const confettiKeyframe = confettiKeyframes(degrees, width, height)\n const partSize = Math.round(Math.random() * 4) + size\n\n return {\n [`&#confetti-particle-${index}`]: css({\n animation: `${\n confettiKeyframe[`x-axis-${index}`]\n } ${durationChaos}ms forwards cubic-bezier(${x1}, ${x2}, ${x3}, ${x4}) ${\n delay || \"\"\n }`,\n [`& > ${htmlTag || \"div\"}`]: {\n opacity: 0,\n width: partSize,\n height: partSize,\n animation: `${\n confettiKeyframe[\"y-axis\"]\n } ${durationChaos}ms forwards cubic-bezier(${y1}, ${y2}, ${y3}, ${y4}) ${\n delay || \"\"\n }`,\n ...(htmlTag === \"svg\"\n ? {\n \"& > path\": {\n fill: particle.color,\n },\n }\n : {\n background: particle.color,\n }),\n },\n }),\n }\n}\n\nconst useStyles = ({ particles, htmlTag, ...other }) => {\n const confettiStyles = particles.reduce(\n (acc, particle, index) => ({\n ...acc,\n ...confettoStyle({\n particle,\n degrees: particles.map((part) => part.degree),\n index,\n htmlTag,\n ...other,\n }),\n }),\n {}\n )\n return styled.div({\n position: \"absolute\",\n top: 0,\n left: \"50%\",\n zIndex: 2,\n \".particle\": {\n ...confettiStyles,\n [`& > ${htmlTag || \"div\"}`]: {\n position: \"absolute\",\n left: 0,\n top: 0,\n \"&:after\": {\n content: `''`,\n display: \"block\",\n width: \"100%\",\n height: \"100%\",\n },\n },\n },\n })\n}\n\nexport default useStyles\n","import * as React from \"react\"\nimport useStyles from \"./styles\"\n\nconst createParticles = (colors, count) => {\n const increment = 360 / count\n return Array.from({ length: count }, (value, index) => index).map(\n (index) => ({\n color: colors[index % colors.length],\n degree: increment * index,\n })\n )\n}\n\nfunction ParticlesExplosion(props) {\n const { particleElement, count, colors, className, ...other } = props\n const particles = createParticles(colors, count)\n const ParticlesWrapper = useStyles({\n particles,\n ...other,\n })\n\n return (\n <ParticlesWrapper className={className}>\n {particles.map((particle, i) => (\n <div\n id={`confetti-particle-${i}`}\n className=\"particle\"\n key={particle.degree}\n >\n {particleElement || <div />}\n </div>\n ))}\n </ParticlesWrapper>\n )\n}\n\nParticlesExplosion.defaultProps = {\n count: 100,\n bezierMedian: 0.7,\n duration: 4000,\n force: 0.7,\n size: 8,\n width: 400,\n height: \"700px\",\n}\n\nexport default ParticlesExplosion\n"],"names":["mapRange","value","x1","y1","x2","y2","rotate","degree","amount","result","round","number","decimalPlaces","factor","Math","pow","confettoStyle","_ref","particle","degrees","bezierMedian","duration","force","size","delay","index","width","height","htmlTag","durationChaos","random","x4","abs","y3","y4","max","confettiKeyframe","xLandingPoints","reduce","acc","i","landingPoint","_objectSpread","_defineProperty","concat","keyframes","_templateObject","_taggedTemplateLiteral","_templateObject2","confettiKeyframes","partSize","css","animation","opacity","fill","color","background","process","env","NODE_ENV","ParticlesExplosion","props","particleElement","count","colors","className","other","_objectWithoutProperties","_excluded","particles","increment","Array","from","length","map","createParticles","ParticlesWrapper","_ref3","confettiStyles","part","_styled","target","label","position","top","left","zIndex","content","display","useStyles","_jsx","children","id","defaultProps"],"mappings":"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"}