From 667c82e3ef1c29fec3a6a0f2c65861978157520b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ivan=20Mu=C3=B1oz?= Date: Mon, 28 Oct 2024 07:33:03 -0300 Subject: [PATCH] Use typewriter react component --- package-lock.json | 42 +++++++++++++++++++++ package.json | 1 + src/components/home-hero.scss | 38 +++++++++++++++++++ src/components/home-hero.tsx | 70 +++++++++++++++-------------------- src/components/typewriter.js | 1 - 5 files changed, 110 insertions(+), 42 deletions(-) create mode 100644 src/components/home-hero.scss delete mode 100644 src/components/typewriter.js diff --git a/package-lock.json b/package-lock.json index 9db6cd7..0c3df66 100644 --- a/package-lock.json +++ b/package-lock.json @@ -48,6 +48,7 @@ "tailwind-merge": "^2.2.1", "tailwindcss": "^3.4.1", "tailwindcss-animate": "^1.0.7", + "typewriter-effect": "^2.21.0", "zod": "^3.22.4" }, "devDependencies": { @@ -8103,6 +8104,11 @@ "resolved": "https://registry.npmjs.org/pend/-/pend-1.2.0.tgz", "integrity": "sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==" }, + "node_modules/performance-now": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz", + "integrity": "sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow==" + }, "node_modules/periscopic": { "version": "3.1.0", "resolved": "https://registry.npmjs.org/periscopic/-/periscopic-3.1.0.tgz", @@ -8535,6 +8541,16 @@ "node": ">=6" } }, + "node_modules/prop-types": { + "version": "15.8.1", + "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz", + "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==", + "dependencies": { + "loose-envify": "^1.4.0", + "object-assign": "^4.1.1", + "react-is": "^16.13.1" + } + }, "node_modules/property-information": { "version": "6.4.1", "resolved": "https://registry.npmjs.org/property-information/-/property-information-6.4.1.tgz", @@ -8578,6 +8594,14 @@ "integrity": "sha512-kJt5qhMxoszgU/62PLP1CJytzd2NKetjSRnyuj31fDd3Rlcz3fzlFdFLD1SItunPwyqEOkca6GbV612BWfaBag==", "optional": true }, + "node_modules/raf": { + "version": "3.4.1", + "resolved": "https://registry.npmjs.org/raf/-/raf-3.4.1.tgz", + "integrity": "sha512-Sq4CW4QhwOHE8ucn6J34MqtZCeWFP2aQSmrlroYgqAV1PjStIhJXxYuTgUIfkEk7zTLjmIjLmU5q+fbD1NnOJA==", + "dependencies": { + "performance-now": "^2.1.0" + } + }, "node_modules/rc": { "version": "1.2.8", "resolved": "https://registry.npmjs.org/rc/-/rc-1.2.8.tgz", @@ -8631,6 +8655,11 @@ "react": "^16.8.0 || ^17 || ^18" } }, + "node_modules/react-is": { + "version": "16.13.1", + "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", + "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==" + }, "node_modules/react-refresh": { "version": "0.14.0", "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.14.0.tgz", @@ -10292,6 +10321,19 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/typewriter-effect": { + "version": "2.21.0", + "resolved": "https://registry.npmjs.org/typewriter-effect/-/typewriter-effect-2.21.0.tgz", + "integrity": "sha512-Y3VL1fuJpUBj0gS4OTXBLzy1gnYTYaBuVuuO99tGNyTkkub5CXi+b/hsV7Og9fp6HlhogOwWJwgq7iXI5sQlEg==", + "dependencies": { + "prop-types": "^15.8.1", + "raf": "^3.4.1" + }, + "peerDependencies": { + "react": "^17.x || ^18.x", + "react-dom": "^17.x || ^18.x" + } + }, "node_modules/ufo": { "version": "1.5.3", "resolved": "https://registry.npmjs.org/ufo/-/ufo-1.5.3.tgz", diff --git a/package.json b/package.json index 816bb77..f1a2c0a 100644 --- a/package.json +++ b/package.json @@ -51,6 +51,7 @@ "tailwind-merge": "^2.2.1", "tailwindcss": "^3.4.1", "tailwindcss-animate": "^1.0.7", + "typewriter-effect": "^2.21.0", "zod": "^3.22.4" }, "devDependencies": { diff --git a/src/components/home-hero.scss b/src/components/home-hero.scss new file mode 100644 index 0000000..e800b6f --- /dev/null +++ b/src/components/home-hero.scss @@ -0,0 +1,38 @@ +.Typewriter { + background: inherit; + display: inline-block; +} + +.Typewriter__cursor { + -webkit-animation: Typewriter-cursor 1s infinite; + animation: Typewriter-cursor 1s infinite; + margin-left: 1px +} + +@-webkit-keyframes Typewriter-cursor { + 0% { + opacity: 0 + } + + 50% { + opacity: 1 + } + + 100% { + opacity: 0 + } +} + +@keyframes Typewriter-cursor { + 0% { + opacity: 0 + } + + 50% { + opacity: 1 + } + + 100% { + opacity: 0 + } +} \ No newline at end of file diff --git a/src/components/home-hero.tsx b/src/components/home-hero.tsx index 9a61b96..d31acff 100644 --- a/src/components/home-hero.tsx +++ b/src/components/home-hero.tsx @@ -1,54 +1,42 @@ import { buttonVariants } from "@/components/ui/button"; import { siteConfig } from "@/config/site"; import { cn } from "@/lib/utils"; -import { useEffect } from "react"; +import Typewriter from 'typewriter-effect'; -export default function HomeHero() { - - useEffect(() => {(async () => { - await import('./typewriter') - - var app = document.getElementById('typewriter'); - - var typewriter: any = new (window as any).Typewriter(app, { - loop: true, - delay: 50, - deleteSpeed: 50, - skipAddStyles: true - }); - - typewriter.typeString('sin vueltas') - .pauseFor(2500) - .deleteAll() - .typeString('fácilmente') - .pauseFor(2500) - .deleteAll() - .typeString('hoy mismo') - .pauseFor(2500) - .deleteAll() - .typeString('via API') - .pauseFor(2500) - .deleteAll() - .typeString('con PHP') - .pauseFor(2500) - .deleteAll() - .typeString('con Python') - .pauseFor(2500) - .deleteAll() - .typeString('con Node') - .pauseFor(2500) - .deleteAll() - .typeString('con Ruby') - .pauseFor(2500) - .start(); - })().catch(() => {})}, []); +import './home-hero.scss' +export default function HomeHero() { return ( <>

- Conectate a
AFIP sin vueltas + Conectate a
AFIP  + { + ref?.remove(); + }}>sin vueltas + { + document.getElementById('Typewriter-default')?.remove(); + }} + /> +

0?o(r(t),9007199254740991):0}},function(t,e){var n=Math.ceil,r=Math.floor;t.exports=function(t){return isNaN(t=+t)?0:(t>0?r:n)(t)}},function(t,e,n){var r=n(19);t.exports=Array.isArray||function(t){return"Array"==r(t)}},function(t,e,n){var r=n(11),o=n(1),i=o["__core-js_shared__"]||(o["__core-js_shared__"]={});(t.exports=function(t,e){return i[t]||(i[t]=void 0!==e?e:{})})("versions",[]).push({version:r.version,mode:n(22)?"pure":"global",copyright:"© 2018 Denis Pushkarev (zloirock.ru)"})},function(t,e,n){var r=n(27)("keys"),o=n(15);t.exports=function(t){return r[t]||(r[t]=o(t))}},function(t,e){t.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},function(t,e,n){var r=n(2).f,o=n(10),i=n(0)("toStringTag");t.exports=function(t,e,n){t&&!o(t=n?t:t.prototype,i)&&r(t,i,{configurable:!0,value:e})}},function(t,e,n){"use strict";var r=n(8);t.exports=function(){var t=r(this),e="";return t.global&&(e+="g"),t.ignoreCase&&(e+="i"),t.multiline&&(e+="m"),t.unicode&&(e+="u"),t.sticky&&(e+="y"),e}},function(t,e){e.f={}.propertyIsEnumerable},function(t,e,n){var r=n(43),o=n(29).concat("length","prototype");e.f=Object.getOwnPropertyNames||function(t){return r(t,o)}},function(t,e,n){(function(e){for(var r=n(90),o="undefined"==typeof window?e:window,i=["moz","webkit"],u="AnimationFrame",a=o["request"+u],c=o["cancel"+u]||o["cancelRequest"+u],s=0;!a&&sdocument.F=Object<\/script>"),t.close(),c=t.F;r--;)delete c.prototype[i[r]];return c()};t.exports=Object.create||function(t,e){var n;return null!==t?(a.prototype=r(t),n=new a,a.prototype=null,n[u]=t):n=c(),void 0===e?n:o(n,e)}},function(t,e,n){t.exports=!n(3)&&!n(6)(function(){return 7!=Object.defineProperty(n(37)("div"),"a",{get:function(){return 7}}).a})},function(t,e,n){var r=n(5),o=n(1).document,i=r(o)&&r(o.createElement);t.exports=function(t){return i?o.createElement(t):{}}},function(t,e,n){var r=n(18),o=n(39),i=n(20),u=n(24),a=n(56);t.exports=function(t,e){var n=1==t,c=2==t,s=3==t,f=4==t,l=6==t,p=5==t||l,v=e||a;return function(e,a,h){for(var d,y,m=i(e),g=o(m),b=r(a,h,3),E=u(g.length),T=0,w=n?v(e,E):c?v(e,0):void 0;E>T;T++)if((p||T in g)&&(y=b(d=g[T],T,m),t))if(n)w[T]=y;else if(y)switch(t){case 3:return!0;case 5:return d;case 6:return T;case 2:w.push(d)}else if(f)return!1;return l?-1:s||f?f:w}}},function(t,e,n){var r=n(19);t.exports=Object("z").propertyIsEnumerable(0)?Object:function(t){return"String"==r(t)?t.split(""):Object(t)}},function(t,e,n){"use strict";var r=n(6);t.exports=function(t,e){return!!t&&r(function(){e?t.call(null,function(){},1):t.call(null)})}},function(t,e,n){"use strict";var r=n(58),o=n(59),i=n(16),u=n(12);t.exports=n(42)(Array,"Array",function(t,e){this._t=u(t),this._i=0,this._k=e},function(){var t=this._t,e=this._k,n=this._i++;return!t||n>=t.length?(this._t=void 0,o(1)):o(0,"keys"==e?n:"values"==e?t[n]:[n,t[n]])},"values"),i.Arguments=i.Array,r("keys"),r("values"),r("entries")},function(t,e,n){"use strict";var r=n(22),o=n(4),i=n(9),u=n(7),a=n(16),c=n(60),s=n(30),f=n(65),l=n(0)("iterator"),p=!([].keys&&"next"in[].keys()),v=function(){return this};t.exports=function(t,e,n,h,d,y,m){c(n,e,h);var g,b,E,T=function(t){if(!p&&t in S)return S[t];switch(t){case"keys":case"values":return function(){return new n(this,t)}}return function(){return new n(this,t)}},w=e+" Iterator",O="values"==d,x=!1,S=t.prototype,_=S[l]||S["@@iterator"]||d&&S[d],A=_||T(d),L=d?O?T("entries"):A:void 0,N="Array"==e&&S.entries||_;if(N&&(E=f(N.call(new t)))!==Object.prototype&&E.next&&(s(E,w,!0),r||"function"==typeof E[l]||u(E,l,v)),O&&_&&"values"!==_.name&&(x=!0,A=function(){return _.call(this)}),r&&!m||!p&&!x&&S[l]||u(S,l,A),a[e]=A,a[w]=v,d)if(g={values:O?A:T("values"),keys:y?A:T("keys"),entries:L},m)for(b in g)b in S||i(S,b,g[b]);else o(o.P+o.F*(p||x),e,g);return g}},function(t,e,n){var r=n(10),o=n(12),i=n(62)(!1),u=n(28)("IE_PROTO");t.exports=function(t,e){var n,a=o(t),c=0,s=[];for(n in a)n!=u&&r(a,n)&&s.push(n);for(;e.length>c;)r(a,n=e[c++])&&(~i(s,n)||s.push(n));return s}},function(t,e,n){var r=n(1),o=n(11),i=n(22),u=n(45),a=n(2).f;t.exports=function(t){var e=o.Symbol||(o.Symbol=i?{}:r.Symbol||{});"_"==t.charAt(0)||t in e||a(e,t,{value:u.f(t)})}},function(t,e,n){e.f=n(0)},function(t,e){e.f=Object.getOwnPropertySymbols},function(t,e,n){var r=n(32),o=n(14),i=n(12),u=n(23),a=n(10),c=n(36),s=Object.getOwnPropertyDescriptor;e.f=n(3)?s:function(t,e){if(t=i(t),e=u(e,!0),c)try{return s(t,e)}catch(t){}if(a(t,e))return o(!r.f.call(t,e),t[e])}},function(t,e,n){var r=n(5),o=n(19),i=n(0)("match");t.exports=function(t){var e;return r(t)&&(void 0!==(e=t[i])?!!e:"RegExp"==o(t))}},function(t,e,n){n(44)("asyncIterator")},function(t,e,n){"use strict";var r=n(1),o=n(10),i=n(3),u=n(4),a=n(9),c=n(80).KEY,s=n(6),f=n(27),l=n(30),p=n(15),v=n(0),h=n(45),d=n(44),y=n(81),m=n(26),g=n(8),b=n(5),E=n(12),T=n(23),w=n(14),O=n(35),x=n(82),S=n(47),_=n(2),A=n(17),L=S.f,N=_.f,M=x.f,R=r.Symbol,C=r.JSON,j=C&&C.stringify,P=v("_hidden"),k=v("toPrimitive"),I={}.propertyIsEnumerable,D=f("symbol-registry"),F=f("symbols"),U=f("op-symbols"),V=Object.prototype,H="function"==typeof R,G=r.QObject,Q=!G||!G.prototype||!G.prototype.findChild,B=i&&s(function(){return 7!=O(N({},"a",{get:function(){return N(this,"a",{value:7}).a}})).a})?function(t,e,n){var r=L(V,e);r&&delete V[e],N(t,e,n),r&&t!==V&&N(V,e,r)}:N,q=function(t){var e=F[t]=O(R.prototype);return e._k=t,e},Y=H&&"symbol"==typeof R.iterator?function(t){return"symbol"==typeof t}:function(t){return t instanceof R},J=function(t,e,n){return t===V&&J(U,e,n),g(t),e=T(e,!0),g(n),o(F,e)?(n.enumerable?(o(t,P)&&t[P][e]&&(t[P][e]=!1),n=O(n,{enumerable:w(0,!1)})):(o(t,P)||N(t,P,w(1,{})),t[P][e]=!0),B(t,e,n)):N(t,e,n)},W=function(t,e){g(t);for(var n,r=y(e=E(e)),o=0,i=r.length;i>o;)J(t,n=r[o++],e[n]);return t},z=function(t){var e=I.call(this,t=T(t,!0));return!(this===V&&o(F,t)&&!o(U,t))&&(!(e||!o(this,t)||!o(F,t)||o(this,P)&&this[P][t])||e)},$=function(t,e){if(t=E(t),e=T(e,!0),t!==V||!o(F,e)||o(U,e)){var n=L(t,e);return!n||!o(F,e)||o(t,P)&&t[P][e]||(n.enumerable=!0),n}},K=function(t){for(var e,n=M(E(t)),r=[],i=0;n.length>i;)o(F,e=n[i++])||e==P||e==c||r.push(e);return r},X=function(t){for(var e,n=t===V,r=M(n?U:E(t)),i=[],u=0;r.length>u;)!o(F,e=r[u++])||n&&!o(V,e)||i.push(F[e]);return i};H||(a((R=function(){if(this instanceof R)throw TypeError("Symbol is not a constructor!");var t=p(arguments.length>0?arguments[0]:void 0),e=function(n){this===V&&e.call(U,n),o(this,P)&&o(this[P],t)&&(this[P][t]=!1),B(this,t,w(1,n))};return i&&Q&&B(V,t,{configurable:!0,set:e}),q(t)}).prototype,"toString",function(){return this._k}),S.f=$,_.f=J,n(33).f=x.f=K,n(32).f=z,n(46).f=X,i&&!n(22)&&a(V,"propertyIsEnumerable",z,!0),h.f=function(t){return q(v(t))}),u(u.G+u.W+u.F*!H,{Symbol:R});for(var Z="hasInstance,isConcatSpreadable,iterator,match,replace,search,species,split,toPrimitive,toStringTag,unscopables".split(","),tt=0;Z.length>tt;)v(Z[tt++]);for(var et=A(v.store),nt=0;et.length>nt;)d(et[nt++]);u(u.S+u.F*!H,"Symbol",{for:function(t){return o(D,t+="")?D[t]:D[t]=R(t)},keyFor:function(t){if(!Y(t))throw TypeError(t+" is not a symbol!");for(var e in D)if(D[e]===t)return e},useSetter:function(){Q=!0},useSimple:function(){Q=!1}}),u(u.S+u.F*!H,"Object",{create:function(t,e){return void 0===e?O(t):W(O(t),e)},defineProperty:J,defineProperties:W,getOwnPropertyDescriptor:$,getOwnPropertyNames:K,getOwnPropertySymbols:X}),C&&u(u.S+u.F*(!H||s(function(){var t=R();return"[null]"!=j([t])||"{}"!=j({a:t})||"{}"!=j(Object(t))})),"JSON",{stringify:function(t){for(var e,n,r=[t],o=1;arguments.length>o;)r.push(arguments[o++]);if(n=e=r[1],(b(e)||void 0!==t)&&!Y(t))return m(e)||(e=function(t,e){if("function"==typeof n&&(e=n.call(this,t,e)),!Y(e))return e}),r[1]=e,j.apply(C,r)}}),R.prototype[k]||n(7)(R.prototype,k,R.prototype.valueOf),l(R,"Symbol"),l(Math,"Math",!0),l(r.JSON,"JSON",!0)},function(t,e,n){var r=n(4);r(r.S+r.F*!n(3),"Object",{defineProperty:n(2).f})},function(t,e,n){var r=n(5),o=n(8),i=function(t,e){if(o(t),!r(e)&&null!==e)throw TypeError(e+": can't set as prototype!")};t.exports={set:Object.setPrototypeOf||("__proto__"in{}?function(t,e,r){try{(r=n(18)(Function.call,n(47).f(Object.prototype,"__proto__").set,2))(t,[]),e=!(t instanceof Array)}catch(t){e=!0}return function(t,n){return i(t,n),e?t.__proto__=n:r(t,n),t}}({},!1):void 0),check:i}},function(t,e,n){"use strict";n.r(e);n(54),n(41),n(66),n(68),n(70),n(77),n(79),n(49),n(50),n(83),n(51),n(84),n(85),n(87),n(88);var r=n(34),o=n.n(r),i=(n(92),function(t){return new RegExp(/<[a-z][\s\S]*>/i).test(t)}),u=function(t){var e=document.createElement("div");return e.innerHTML=t,e.firstChild},a=function(t,e){return Math.floor(Math.random()*(e-t+1))+t};n(95);function c(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e2&&void 0!==arguments[2]&&arguments[2];return r.addEventToStateProperty(t,e,n,"eventQueue")}),f(this,"addReverseCalledEvent",function(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return r.options.loop?r.addEventToStateProperty(t,e,n,"reverseCalledEvents"):r}),f(this,"addEventToStateProperty",function(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],o=arguments.length>3?arguments[3]:void 0,i={eventName:t,eventArgs:e};return r.state[o]=n?[i].concat(c(r.state[o])):c(r.state[o]).concat([i]),r}),f(this,"runEventLoop",function(){r.state.lastFrameTime||(r.state.lastFrameTime=Date.now());var t=Date.now(),e=t-r.state.lastFrameTime;if(!r.state.eventQueue.length){if(!r.options.loop)return;r.state.eventQueue=r.state.calledEvents,r.state.calledEvents=[],r.addEventToQueue(r.eventNames.REMOVE_ALL,null,!0)}if(r.state.eventLoop=o()(r.runEventLoop),!r.state.eventLoopPaused){if(r.state.pauseUntil){if(tc;)r.f(t,n=u[c++],e[n]);return t}},function(t,e,n){var r=n(12),o=n(24),i=n(63);t.exports=function(t){return function(e,n,u){var a,c=r(e),s=o(c.length),f=i(u,s);if(t&&n!=n){for(;s>f;)if((a=c[f++])!=a)return!0}else for(;s>f;f++)if((t||f in c)&&c[f]===n)return t||f||0;return!t&&-1}}},function(t,e,n){var r=n(25),o=Math.max,i=Math.min;t.exports=function(t,e){return(t=r(t))<0?o(t+e,0):i(t,e)}},function(t,e,n){var r=n(1).document;t.exports=r&&r.documentElement},function(t,e,n){var r=n(10),o=n(20),i=n(28)("IE_PROTO"),u=Object.prototype;t.exports=Object.getPrototypeOf||function(t){return t=o(t),r(t,i)?t[i]:"function"==typeof t.constructor&&t instanceof t.constructor?t.constructor.prototype:t instanceof Object?u:null}},function(t,e,n){var r=n(20),o=n(17);n(67)("keys",function(){return function(t){return o(r(t))}})},function(t,e,n){var r=n(4),o=n(11),i=n(6);t.exports=function(t,e){var n=(o.Object||{})[t]||Object[t],u={};u[t]=e(n),r(r.S+r.F*i(function(){n(1)}),"Object",u)}},function(t,e,n){"use strict";var r=n(69)(!0);n(42)(String,"String",function(t){this._t=String(t),this._i=0},function(){var t,e=this._t,n=this._i;return n>=e.length?{value:void 0,done:!0}:(t=r(e,n),this._i+=t.length,{value:t,done:!1})})},function(t,e,n){var r=n(25),o=n(21);t.exports=function(t){return function(e,n){var i,u,a=String(o(e)),c=r(n),s=a.length;return c<0||c>=s?t?"":void 0:(i=a.charCodeAt(c))<55296||i>56319||c+1===s||(u=a.charCodeAt(c+1))<56320||u>57343?t?a.charAt(c):i:t?a.slice(c,c+2):u-56320+(i-55296<<10)+65536}}},function(t,e,n){"use strict";var r=n(18),o=n(4),i=n(20),u=n(71),a=n(72),c=n(24),s=n(73),f=n(74);o(o.S+o.F*!n(76)(function(t){Array.from(t)}),"Array",{from:function(t){var e,n,o,l,p=i(t),v="function"==typeof this?this:Array,h=arguments.length,d=h>1?arguments[1]:void 0,y=void 0!==d,m=0,g=f(p);if(y&&(d=r(d,h>2?arguments[2]:void 0,2)),void 0==g||v==Array&&a(g))for(n=new v(e=c(p.length));e>m;m++)s(n,m,y?d(p[m],m):p[m]);else for(l=g.call(p),n=new v;!(o=l.next()).done;m++)s(n,m,y?u(l,d,[o.value,m],!0):o.value);return n.length=m,n}})},function(t,e,n){var r=n(8);t.exports=function(t,e,n,o){try{return o?e(r(n)[0],n[1]):e(n)}catch(e){var i=t.return;throw void 0!==i&&r(i.call(t)),e}}},function(t,e,n){var r=n(16),o=n(0)("iterator"),i=Array.prototype;t.exports=function(t){return void 0!==t&&(r.Array===t||i[o]===t)}},function(t,e,n){"use strict";var r=n(2),o=n(14);t.exports=function(t,e,n){e in t?r.f(t,e,o(0,n)):t[e]=n}},function(t,e,n){var r=n(75),o=n(0)("iterator"),i=n(16);t.exports=n(11).getIteratorMethod=function(t){if(void 0!=t)return t[o]||t["@@iterator"]||i[r(t)]}},function(t,e,n){var r=n(19),o=n(0)("toStringTag"),i="Arguments"==r(function(){return arguments}());t.exports=function(t){var e,n,u;return void 0===t?"Undefined":null===t?"Null":"string"==typeof(n=function(t,e){try{return t[e]}catch(t){}}(e=Object(t),o))?n:i?r(e):"Object"==(u=r(e))&&"function"==typeof e.callee?"Arguments":u}},function(t,e,n){var r=n(0)("iterator"),o=!1;try{var i=[7][r]();i.return=function(){o=!0},Array.from(i,function(){throw 2})}catch(t){}t.exports=function(t,e){if(!e&&!o)return!1;var n=!1;try{var i=[7],u=i[r]();u.next=function(){return{done:n=!0}},i[r]=function(){return u},t(i)}catch(t){}return n}},function(t,e,n){"use strict";n(78);var r=n(8),o=n(31),i=n(3),u=/./.toString,a=function(t){n(9)(RegExp.prototype,"toString",t,!0)};n(6)(function(){return"/a/b"!=u.call({source:"a",flags:"b"})})?a(function(){var t=r(this);return"/".concat(t.source,"/","flags"in t?t.flags:!i&&t instanceof RegExp?o.call(t):void 0)}):"toString"!=u.name&&a(function(){return u.call(this)})},function(t,e,n){n(3)&&"g"!=/./g.flags&&n(2).f(RegExp.prototype,"flags",{configurable:!0,get:n(31)})},function(t,e,n){var r=Date.prototype,o=r.toString,i=r.getTime;new Date(NaN)+""!="Invalid Date"&&n(9)(r,"toString",function(){var t=i.call(this);return t==t?o.call(this):"Invalid Date"})},function(t,e,n){var r=n(15)("meta"),o=n(5),i=n(10),u=n(2).f,a=0,c=Object.isExtensible||function(){return!0},s=!n(6)(function(){return c(Object.preventExtensions({}))}),f=function(t){u(t,r,{value:{i:"O"+ ++a,w:{}}})},l=t.exports={KEY:r,NEED:!1,fastKey:function(t,e){if(!o(t))return"symbol"==typeof t?t:("string"==typeof t?"S":"P")+t;if(!i(t,r)){if(!c(t))return"F";if(!e)return"E";f(t)}return t[r].i},getWeak:function(t,e){if(!i(t,r)){if(!c(t))return!0;if(!e)return!1;f(t)}return t[r].w},onFreeze:function(t){return s&&l.NEED&&c(t)&&!i(t,r)&&f(t),t}}},function(t,e,n){var r=n(17),o=n(46),i=n(32);t.exports=function(t){var e=r(t),n=o.f;if(n)for(var u,a=n(t),c=i.f,s=0;a.length>s;)c.call(t,u=a[s++])&&e.push(u);return e}},function(t,e,n){var r=n(12),o=n(33).f,i={}.toString,u="object"==typeof window&&window&&Object.getOwnPropertyNames?Object.getOwnPropertyNames(window):[];t.exports.f=function(t){return u&&"[object Window]"==i.call(t)?function(t){try{return o(t)}catch(t){return u.slice()}}(t):o(r(t))}},function(t,e,n){var r=n(4);r(r.S,"Array",{isArray:n(26)})},function(t,e,n){var r=n(4);r(r.S,"Date",{now:function(){return(new Date).getTime()}})},function(t,e,n){n(86)("split",2,function(t,e,r){"use strict";var o=n(48),i=r,u=[].push;if("c"=="abbc".split(/(b)*/)[1]||4!="test".split(/(?:)/,-1).length||2!="ab".split(/(?:ab)*/).length||4!=".".split(/(.?)(.?)/).length||".".split(/()()/).length>1||"".split(/.?/).length){var a=void 0===/()??/.exec("")[1];r=function(t,e){var n=String(this);if(void 0===t&&0===e)return[];if(!o(t))return i.call(n,t,e);var r,c,s,f,l,p=[],v=(t.ignoreCase?"i":"")+(t.multiline?"m":"")+(t.unicode?"u":"")+(t.sticky?"y":""),h=0,d=void 0===e?4294967295:e>>>0,y=new RegExp(t.source,v+"g");for(a||(r=new RegExp("^"+y.source+"$(?!\\s)",v));(c=y.exec(n))&&!((s=c.index+c[0].length)>h&&(p.push(n.slice(h,c.index)),!a&&c.length>1&&c[0].replace(r,function(){for(l=1;l1&&c.index=d));)y.lastIndex===c.index&&y.lastIndex++;return h===n.length?!f&&y.test("")||p.push(""):p.push(n.slice(h)),p.length>d?p.slice(0,d):p}}else"0".split(void 0,0).length&&(r=function(t,e){return void 0===t&&0===e?[]:i.call(this,t,e)});return[function(n,o){var i=t(this),u=void 0==n?void 0:n[e];return void 0!==u?u.call(n,i,o):r.call(String(i),n,o)},r]})},function(t,e,n){"use strict";var r=n(7),o=n(9),i=n(6),u=n(21),a=n(0);t.exports=function(t,e,n){var c=a(t),s=n(u,c,""[t]),f=s[0],l=s[1];i(function(){var e={};return e[c]=function(){return 7},7!=""[t](e)})&&(o(String.prototype,t,f),r(RegExp.prototype,c,2==e?function(t,e){return l.call(t,this,e)}:function(t){return l.call(t,this)}))}},function(t,e,n){for(var r=n(41),o=n(17),i=n(9),u=n(1),a=n(7),c=n(16),s=n(0),f=s("iterator"),l=s("toStringTag"),p=c.Array,v={CSSRuleList:!0,CSSStyleDeclaration:!1,CSSValueList:!1,ClientRectList:!1,DOMRectList:!1,DOMStringList:!1,DOMTokenList:!0,DataTransferItemList:!1,FileList:!1,HTMLAllCollection:!1,HTMLCollection:!1,HTMLFormElement:!1,HTMLSelectElement:!1,MediaList:!0,MimeTypeArray:!1,NamedNodeMap:!1,NodeList:!0,PaintRequestList:!1,Plugin:!1,PluginArray:!1,SVGLengthList:!1,SVGNumberList:!1,SVGPathSegList:!1,SVGPointList:!1,SVGStringList:!1,SVGTransformList:!1,SourceBufferList:!1,StyleSheetList:!0,TextTrackCueList:!1,TextTrackList:!1,TouchList:!1},h=o(v),d=0;d1)for(var n=1;nm;)d(y[m++]);l.constructor=s,s.prototype=l,n(9)(r,"RegExp",s)}n(94)("RegExp")},function(t,e,n){var r=n(5),o=n(52).set;t.exports=function(t,e,n){var i,u=e.constructor;return u!==n&&"function"==typeof u&&(i=u.prototype)!==n.prototype&&r(i)&&o&&o(t,i),t}},function(t,e,n){"use strict";var r=n(1),o=n(2),i=n(3),u=n(0)("species");t.exports=function(t){var e=r[t];i&&e&&!e[u]&&o.f(e,u,{configurable:!0,get:function(){return this}})}},function(t,e,n){var r=n(96);"string"==typeof r&&(r=[[t.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(98)(r,o);r.locals&&(t.exports=r.locals)},function(t,e,n){(t.exports=n(97)(!1)).push([t.i,".Typewriter__cursor{-webkit-animation:Typewriter-cursor 1s infinite;animation:Typewriter-cursor 1s infinite;margin-left:1px}@-webkit-keyframes Typewriter-cursor{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes Typewriter-cursor{0%{opacity:0}50%{opacity:1}to{opacity:0}}",""])},function(t,e){t.exports=function(t){var e=[];return e.toString=function(){return this.map(function(e){var n=function(t,e){var n=t[1]||"",r=t[3];if(!r)return n;if(e&&"function"==typeof btoa){var o=function(t){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(t))))+" */"}(r),i=r.sources.map(function(t){return"/*# sourceURL="+r.sourceRoot+t+" */"});return[n].concat(i).concat([o]).join("\n")}return[n].join("\n")}(e,t);return e[2]?"@media "+e[2]+"{"+n+"}":n}).join("")},e.i=function(t,n){"string"==typeof t&&(t=[[null,t,""]]);for(var r={},o=0;o=0&&c.splice(e,1)}function h(t){var e=document.createElement("style");if(void 0===t.attrs.type&&(t.attrs.type="text/css"),void 0===t.attrs.nonce){var r=function(){0;return n.nc}();r&&(t.attrs.nonce=r)}return d(e,t.attrs),p(t,e),e}function d(t,e){Object.keys(e).forEach(function(n){t.setAttribute(n,e[n])})}function y(t,e){var n,r,o,i;if(e.transform&&t.css){if(!(i=e.transform(t.css)))return function(){};t.css=i}if(e.singleton){var c=a++;n=u||(u=h(e)),r=g.bind(null,n,c,!1),o=g.bind(null,n,c,!0)}else t.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(n=function(t){var e=document.createElement("link");return void 0===t.attrs.type&&(t.attrs.type="text/css"),t.attrs.rel="stylesheet",d(e,t.attrs),p(t,e),e}(e),r=function(t,e,n){var r=n.css,o=n.sourceMap,i=void 0===e.convertToAbsoluteUrls&&o;(e.convertToAbsoluteUrls||i)&&(r=s(r));o&&(r+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */");var u=new Blob([r],{type:"text/css"}),a=t.href;t.href=URL.createObjectURL(u),a&&URL.revokeObjectURL(a)}.bind(null,n,e),o=function(){v(n),n.href&&URL.revokeObjectURL(n.href)}):(n=h(e),r=function(t,e){var n=e.css,r=e.media;r&&t.setAttribute("media",r);if(t.styleSheet)t.styleSheet.cssText=n;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(n))}}.bind(null,n),o=function(){v(n)});return r(t),function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap)return;r(t=e)}else o()}}t.exports=function(t,e){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");(e=e||{}).attrs="object"==typeof e.attrs?e.attrs:{},e.singleton||"boolean"==typeof e.singleton||(e.singleton=o()),e.insertInto||(e.insertInto="head"),e.insertAt||(e.insertAt="bottom");var n=l(t,e);return f(n,e),function(t){for(var o=[],i=0;i