Socket
Socket
Sign inDemoInstall

typeit-react

Package Overview
Dependencies
13
Maintainers
1
Versions
63
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 0.1.2 to 0.1.3

4

dist/typeit-react.es.min.js

@@ -5,3 +5,3 @@ /**

* Author: Alex MacArthur <alex@macarthur.me> (https://macarthur.me)
* Version: v0.1.1
* Version: v0.1.3
* License: GPL-2.0

@@ -25,2 +25,2 @@ * URL: https://typeitjs.com

and limitations under the License.
***************************************************************************** */var o=function(){return(o=Object.assign||function(n){for(var t,e=1,r=arguments.length;e<r;e++)for(var i in t=arguments[e])Object.prototype.hasOwnProperty.call(t,i)&&(n[i]=t[i]);return n}).apply(this,arguments)};function u(n){return(u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n})(n)}var c={strings:[],speed:100,cursor:!0,cursorChar:"|",cursorSpeed:1e3,deleteSpeed:null,lifeLike:!0,breakLines:!0,startDelay:250,startDelete:!1,nextStringDelay:750,loop:!1,loopDelay:750,html:!0,waitUntilVisible:!1,beforeString:function(){},afterString:function(){},beforeStep:function(){},afterStep:function(){},afterComplete:function(){}},a=function(n){return n.map((function(n){return void 0===n[1]&&n.push(null),void 0===n[2]&&n.push({}),n}))},f=function(n,t){return Object.assign({},n,t)},s=function(n){return Array.isArray(n)},l=function(n,t){return n[2]=f(n[2],t)||t,n},d=function(n,t){return s(n[0])?n.map((function(n){return l(n,t)})):l(n,t)},p=function(n,t,e,r){r=r||!1,e=e||{};var i=!s(n),o=n.length;return(n=i?new Array(n).fill(0):n).map((function(n,u){if(i)return t;var c=[t,n,e];return r&&(0===u&&(c=d(c,{isFirst:!0})),u+1===o&&(c=d(c,{isLast:!0}))),c}))};function h(n){this.insert=function(n,e){t.splice(n,0,e)},this.add=function(n,r,i){return n=s(n)?n:[n,null],i=i||!1,r=r||1,s(n[0])||(n=p(r,n)),n=a(n).map((function(n){return n[2]=f(n[2],{id:e}),e++,n})),t=i?n.concat(t):t.concat(n),this},this.delete=function(n){return t.splice(n,1),this},this.reset=function(){return t=t.map((function(n){return n[2].executed=!1,n})),this},this.getItems=function(){return(t=a(t)).filter((function(n){return!n[2].executed}))},this.setMeta=function(n,e){var r=t.findIndex((function(t){return t[2].id===n}));t[r][2]=f(t[r][2],e)};var t=[],e=0;this.add(n)}var v=function(n){return Array.from(n)},y=function(n){var t=[];return t.concat.apply(t,n)},m=function(n){var t=document.implementation.createHTMLDocument("");return t.body.innerHTML=n,t.body},g=function n(t,e,r){e=e||null,r=void 0!==r&&r;var i=v(t.childNodes).map((function(t){return 3===(e=t).nodeType||"BR"===e.tagName?t:n(t);var e}));return i=y(i),e&&(i=i.filter((function(n){return!n.parentNode.isEqualNode(e)}))),r?i.reverse():i},b=function(n){return"BODY"===n.tagName},S=function(n,t){t=t||null;var e=n instanceof HTMLElement;return{node:t,isTopLevelText:(!t||b(t.parentNode))&&!e,isHTMLElement:e,content:n}};function N(n){var t,e=m(n);return t=g(e).map((function(n){return n.nodeValue?v(n.nodeValue).map((function(t){return S(t,n)})):S(n)})),y(t)}function T(n,t){return(t=void 0===t||t)?N(n):v(n).map((function(n){return S(n)}))}var L=function(n){return document.createElement(n)},w=function(n,t){var e=L("style");e.id=t||"",e.appendChild(document.createTextNode(n)),document.head.appendChild(e)},M=function(n){return s(n)||(n=[n/2,n/2]),{before:n[0],after:n[1],total:n[0]+n[1]}},x=function(n,t){return Math.abs(Math.random()*(n+t-(n-t))+(n-t))},O=function(n){return["textarea","input"].indexOf(n.tagName.toLowerCase())>-1},E=function(n,t){var e=t.querySelectorAll("*");return[t].concat(v(e).reverse()).find((function(t){return t.cloneNode().outerHTML===n.outerHTML}))},H=function(n,t,e,r){e=e||null;var i=t.isHTMLElement,o=i?t.content:document.createTextNode(t.content);if(O(n))n.value="".concat(n.value).concat(t.content);else{if(!t.isTopLevelText&&!i){var u=t.node.parentNode,c=E(u.cloneNode(),n);if(function(n,t){if(!n)return!1;var e=n.nextSibling;return!e||e.isEqualNode(t)}(c,e))n=c;else if((o=u.cloneNode()).innerText=t.content,!b(u.parentNode)){for(var a=u.parentNode,f=a.cloneNode(),s=E(f,n);!s&&!b(a);)f.innerHTML=o.outerHTML,o=f,f=a.parentNode.cloneNode(),a=a.parentNode,s=E(f,n);n=s||n}}var l=g(n,e,!0)[r-1],d=l?l.parentNode:n;d.insertBefore(o,d.contains(e)?e:null)}},D=function(n){var t;return null==n||null===(t=n.parentNode)||void 0===t?void 0:t.removeChild(n)},P=function(n,t,e){var r,i="string"==typeof n,o=!1,u=-1*n;return i&&(u=(r="END"===n.toUpperCase())?-1:1,o=r?t+u>0:t+u<e.length),{isString:i,numberOfSteps:u,canKeepMoving:o}};function C(n,t,e){return e?t?t(n):n:(n&&n.then||(n=Promise.resolve(n)),t?n.then(t):n)}function A(n){return function(){for(var t=[],e=0;e<arguments.length;e++)t[e]=arguments[e];try{return Promise.resolve(n.apply(this,t))}catch(n){return Promise.reject(n)}}}function I(){}function k(n,t){if(!t)return n&&n.then?n.then(I):Promise.resolve()}function B(n,t){var e=n();return e&&e.then?e.then(t):t(e)}function j(n,t,e){if(!n.s){if(e instanceof z){if(!e.s)return void(e.o=j.bind(null,n,t));1&t&&(t=e.s),e=e.v}if(e&&e.then)return void e.then(j.bind(null,n,t),j.bind(null,n,2));n.s=t,n.v=e;var r=n.o;r&&r(n)}}var z=function(){function n(){}return n.prototype.then=function(t,e){var r=new n,i=this.s;if(i){var o=1&i?t:e;if(o){try{j(r,1,o(this.v))}catch(n){j(r,2,n)}return r}return this}return this.o=function(n){try{var i=n.v;1&n.s?j(r,1,t?t(i):i):e?j(r,1,e(i)):j(r,2,i)}catch(n){j(r,2,n)}},r},n}();function R(n,t){return n&&n.then?n.then(t):t(n)}function q(n,t){var e=this,r=this;t=t||{};var i=function(n,t,r){return n=s(n[0])?n:[n],cn.add(n,t),function(n){var t=(n=n||{}).delay;t&&cn.add([V,t])}(r),e},o=function(n){return[[K,n="object"==u(n)?n:{},{force:!0}],[K,tn,{force:!0}]]},a=function(){return W?v(J.value):g(J,an,!0)},l=function(n,t){t=t||1;var e=tn.nextStringDelay;cn.insert(n,[V,e.before]),cn.insert(n+t+1,[V,e.after])},d=A((function(){if(an){var n="[data-typeit-id='".concat(un,"'] .ti-cursor");w("@keyframes blink-".concat(un," { 0% {opacity: 0} 49% {opacity: 0} 50% {opacity: 1} } ").concat(n," { animation: blink-").concat(un," ").concat(tn.cursorSpeed/1e3,"s infinite; } ").concat(n,".with-delay { animation-delay: 500ms; } ").concat(n,".disabled { animation: none; }"),un),J.appendChild(an);var t="loaded"===document.fonts.status;return C(t||document.fonts.ready,(function(n){var t=an.getBoundingClientRect().width/2;an.style.margin="0 -".concat(t+2,"px 0 -").concat(t-2,"px")}),t)}})),y=function(n){an&&(an.classList.toggle("disabled",n),an.classList.toggle("with-delay",!n))},b=A((function(n,t){return Z.push(setTimeout(n,t)),C()})),E=A((function(n){return B((function(){if($)return k(U($))}),(function(){cn.reset().delete(0).add([V,n.before],1,!0),a().forEach((function(n){cn.add([Y,null,{isPhantom:!0}],1,!0)}))}))})),q=A((function(){nn.started=!0;var n,t=cn.getItems();return R(function(n,t){try{var e=n()}catch(n){return t(n)}return e&&e.then?e.then(void 0,t):e}((function(){return R(function(n,t,e){var r,i,o=-1;return function e(u){try{for(;++o<n.length;)if((u=t(o))&&u.then){if(!((c=u)instanceof z&&1&c.s))return void u.then(e,i||(i=j.bind(null,r=new z,2)));u=u.v}r?j(r,1,u):r=u}catch(n){j(r||(r=new z),2,n)}var c}(),r}(t,(function(e){if(nn.frozen||nn.destroyed)throw"";var i,o,u,c,a=t[e],f=a[2];return n=[a,r],f.freezeCursor&&y(!0),i=tn.speed,o=tn.deleteSpeed,u=tn.lifeLike,c=(o=null!==o?o:i/3)/2,X=u?[x(i,i/2),x(o,c)]:[i,o],B((function(){var t;if(null==f?void 0:f.isFirst)return k((t=tn).beforeString.apply(t,n))}),(function(){var t;return C((t=tn).beforeStep.apply(t,n),(function(){return C(a[0].call(r,a[1],f),(function(){return B((function(){if(!f||!f.isPhantom)return B((function(){var t,e;if(null===(t=a[2])||void 0===t?void 0:t.isLast)return k((e=tn).afterString.apply(e,n))}),(function(){var t;return C((t=tn).afterStep.apply(t,n),(function(){cn.setMeta(f.id,{executed:!0})}))}))}),(function(){y(!1)}))}))}))}))})),(function(t){var e;return nn.completed=!0,C((e=tn).afterComplete.apply(e,n),(function(){if(tn.loop){var n=tn.loopDelay;b((function(){return C(E(n),(function(){q()}))}),n.after)}}))}))}),I),(function(n){return r}))})),V=function(n){return new Promise((function(t){b((function(){return t()}),n||0)}))},U=function n(t){var e=a(),r=P(t,$,e);return $+=r.numberOfSteps,new Promise((function(t){b(A((function(){return function(n,t,e,r){if(e){var i=r,o=t[(i=i>t.length?t.length:i)-1];(n=o?o.parentNode:n).insertBefore(e,o||null)}}(J,a(),an,$),B((function(){if(r.isString&&r.canKeepMoving)return k(n(r.numberOfSteps>0?"START":"END"))}),(function(){return t()}))})),X[0])}))},F=function(n){return new Promise((function(t){b((function(){return H(J,n,an,$),t()}),X[0])}))},K=A((function(n){tn=f(tn,n)})),Q=A((function(){W?J.value="":a().forEach((function(n){D(n)}))})),Y=function n(t){return t=!0===t,new Promise((function(e){b(A((function(){var r=!1,i=a();return i.length&&(W?J.value=J.value.slice(0,-1):D(i[$])),v(J.querySelectorAll("*")).forEach((function(n){if(!n.innerHTML&&"BR"!==n.tagName){for(var t=n;1===t.parentNode.childNodes.length&&t.parentNode.childNodes[0].isEqualNode(t);)t=t.parentNode;D(t)}})),B((function(){if(t&&i.length-1>0)return C(n(!0),(function(){return r=!0,e()}))}),(function(n){return r?n:e()}))})),X[1])}))};this.break=function(n){return i([F,S(L("BR"))],1,n)},this.delete=function(n,t){var e=o(t);return i([e[0]].concat([].concat(Array(Math.abs(n)||1)).fill().map((function(){return[Y,!n,_]})),[e[1]]),1,t)},this.empty=function(){return i(Q,1,arguments)},this.exec=function(n,t){var e=o(t);return i([e[0],[n,null],e[1]],1,t)},this.move=function(n,t){var e=P(n,$,a()),r=o(t),u=e.isString?n:Math.sign(n);return i([r[0]].concat([].concat(Array(Math.abs(n)||1)).fill().map((function(){return[U,u,_]})),[r[1]]),1,t)},this.options=function(n){return i([K,n],1,n)},this.pause=function(n,t){return i([V,n],1,t)},this.type=function(n,t){var e=o(t),r=T(n,tn.html),u=[e[0]].concat(p(r,F,_,!0),[e[1]]);return i(u,1,t)},this.is=function(n){return nn[n]},this.destroy=function(n){n=void 0===n||n,Z.forEach((function(n){clearTimeout(n)})),Z=[],n&&D(an),nn.destroyed=!0},this.freeze=function(){nn.frozen=!0},this.unfreeze=function(){nn.frozen=!1,q()},this.reset=function(){for(var n in!this.is("destroyed")&&this.destroy(),cn.reset(),$=0,nn)nn[n]=!1;return W?J.value="":J.innerHTML="",this},this.go=function(){return nn.started?this:(d(),tn.waitUntilVisible?(function(n,t){new IntersectionObserver((function(e,r){e.forEach((function(e){e.isIntersecting&&(t(),r.unobserve(n))}))}),{threshold:1}).observe(n)}(J,q.bind(this)),this):(q(),this))},this.getQueue=function(){return cn},this.getOptions=function(){return tn},this.getElement=function(){return J};var G,J="string"==typeof(G=n)?document.querySelector(G):G,W=O(J),X=[],Z=[],$=0,_={freezeCursor:!0},nn={started:!1,completed:!1,frozen:!1,destroyed:!1},tn=f(c,t);tn=f(tn,{html:!W&&tn.html,nextStringDelay:M(tn.nextStringDelay),loopDelay:M(tn.loopDelay)});var en,rn,on,un=Math.random().toString().substring(2,9),cn=new h([V,tn.startDelay]);J.setAttribute("data-typeit-id",un),w("[data-typeit-id]:before {content: '.'; display: inline-block; width: 0; visibility: hidden;}[data-typeit-id]"),tn.strings=(on=tn.strings,en=s(on)?on:[on],(rn=function(n){return n.innerHTML.replace(/<\!--.*?-->/g,"").trim()}(J))?(J.innerHTML="",tn.startDelete?(N(rn).forEach((function(n){H(J,n,an,$)})),cn.add([Y,!0]),l(1),en):[rn.trim()].concat(en)):en);var an=function(){if(W||!tn.cursor)return null;var n=L("span");return n.innerHTML=m(tn.cursorChar).innerHTML,n.className="ti-cursor",n.style.cssText="display:inline;".concat(function(n){var t,e=["font","lineHeight","color"],r=L("SPAN"),i=(t=n,window.getComputedStyle(t,null));for(var o in i)e.indexOf(o)>-1&&i[o]&&(r.style[o]=i[o]);return r.style.cssText}(J)),n}();tn.strings.length&&function(){var n=tn.strings.filter((function(n){return!!n}));n.forEach((function(t,e){var r=T(t,tn.html);cn.add(p(r,F,_,!0));var i=cn.getItems().length;if(e+1!==n.length){if(tn.breakLines){var o=S(L("BR"));return cn.add([F,o,_]),void l(i)}cn.add(p(r,Y,_)),l(i,t.length)}}))}()}var V=["area","base","br","col","embed","hr","img","input","link","meta","param","source","track","wbr"],U=t,F=e,K=r,Q=i,Y=function(t){var e=K(!0),r=e[0],i=e[1],u=U(null),c=t.options,a=t.element,f=t.children,s=t.getBeforeInit,l=t.getAfterInit,d=function(n,t){var e={};for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&t.indexOf(r)<0&&(e[r]=n[r]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(n);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(n,r[i])&&(e[r[i]]=n[r[i]])}return e}(t,["options","element","children","getBeforeInit","getAfterInit"]),p=a,h=Q((function(){return n=p,V.indexOf(n.toLowerCase())>-1;var n}),[p]);return F((function(){f&&(c.strings=u.current.innerHTML),i(!1)}),[]),F((function(){if(!r){var n=new q(u.current,o({},c));return(n=s(n)).go(),n=l(n),function(){n.destroy()}}}),[r]),n("div",{style:{opacity:r?0:1}},h?n(p,o({ref:u},d)):n(p,o({ref:u},d),r&&f))};Y.defaultProps={element:"span",options:{},getBeforeInit:function(n){return n},getAfterInit:function(n){return n}};export default Y;
***************************************************************************** */var o=function(){return(o=Object.assign||function(n){for(var t,e=1,r=arguments.length;e<r;e++)for(var i in t=arguments[e])Object.prototype.hasOwnProperty.call(t,i)&&(n[i]=t[i]);return n}).apply(this,arguments)};function u(n){return(u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n})(n)}var c={strings:[],speed:100,cursor:!0,cursorChar:"|",cursorSpeed:1e3,deleteSpeed:null,lifeLike:!0,breakLines:!0,startDelay:250,startDelete:!1,nextStringDelay:750,loop:!1,loopDelay:750,html:!0,waitUntilVisible:!1,beforeString:function(){},afterString:function(){},beforeStep:function(){},afterStep:function(){},afterComplete:function(){}},a=function(n){return n.map((function(n){return void 0===n[1]&&n.push(null),void 0===n[2]&&n.push({}),n}))},f=function(n,t){return Object.assign({},n,t)},s=function(n){return Array.isArray(n)},l=function(n,t){return n[2]=f(n[2],t)||t,n},d=function(n,t){return s(n[0])?n.map((function(n){return l(n,t)})):l(n,t)},p=function(n,t,e,r){r=r||!1,e=e||{};var i=!s(n),o=n.length;return(n=i?new Array(n).fill(0):n).map((function(n,u){if(i)return t;var c=[t,n,e];return r&&(0===u&&(c=d(c,{isFirst:!0})),u+1===o&&(c=d(c,{isLast:!0}))),c}))};function h(n){this.insert=function(n,e){t.splice(n,0,e)},this.add=function(n,r,i){return n=s(n)?n:[n,null],i=i||!1,r=r||1,s(n[0])||(n=p(r,n)),n=a(n).map((function(n){return n[2]=f(n[2],{id:e}),e++,n})),t=i?n.concat(t):t.concat(n),this},this.delete=function(n){return t.splice(n,1),this},this.reset=function(){return t=t.map((function(n){return n[2].executed=!1,n})),this},this.getItems=function(){return(t=a(t)).filter((function(n){return!n[2].executed}))},this.setMeta=function(n,e){var r=t.findIndex((function(t){return t[2].id===n}));t[r][2]=f(t[r][2],e)};var t=[],e=0;this.add(n)}var v=function(n){return Array.from(n)},y=function(n){var t=[];return t.concat.apply(t,n)},m=function(n){var t=document.implementation.createHTMLDocument("");return t.body.innerHTML=n,t.body},g=function n(t,e,r){e=e||null,r=void 0!==r&&r;var i=v(t.childNodes).map((function(t){return 3===(e=t).nodeType||"BR"===e.tagName?t:n(t);var e}));return i=y(i),e&&(i=i.filter((function(n){return!e.contains(n)}))),r?i.reverse():i},b=function(n){return"BODY"===n.tagName},S=function(n,t){t=t||null;var e=n instanceof HTMLElement;return{node:t,isTopLevelText:(!t||b(t.parentNode))&&!e,isHTMLElement:e,content:n}};function N(n){var t,e=m(n);return t=g(e).map((function(n){return n.nodeValue?v(n.nodeValue).map((function(t){return S(t,n)})):S(n)})),y(t)}function T(n,t){return(t=void 0===t||t)?N(n):v(n).map((function(n){return S(n)}))}var L=function(n){return document.createElement(n)},w=function(n,t){var e=L("style");e.id=t||"",e.appendChild(document.createTextNode(n)),document.head.appendChild(e)},M=function(n){return s(n)||(n=[n/2,n/2]),{before:n[0],after:n[1],total:n[0]+n[1]}},x=function(n,t){return Math.abs(Math.random()*(n+t-(n-t))+(n-t))},O=function(n){return["textarea","input"].indexOf(n.tagName.toLowerCase())>-1},E=function(n,t){var e=t.querySelectorAll("*");return[t].concat(v(e).reverse()).find((function(t){return t.cloneNode().outerHTML===n.outerHTML}))},H=function(n,t,e,r){e=e||null;var i=t.isHTMLElement,o=i?t.content:document.createTextNode(t.content);if(O(n))n.value="".concat(n.value).concat(t.content);else{if(!t.isTopLevelText&&!i){var u=t.node.parentNode,c=E(u.cloneNode(),n);if(function(n,t){if(!n)return!1;var e=n.nextSibling;return!e||e.isEqualNode(t)}(c,e))n=c;else if((o=u.cloneNode()).innerText=t.content,!b(u.parentNode)){for(var a=u.parentNode,f=a.cloneNode(),s=E(f,n);!s&&!b(a);)f.innerHTML=o.outerHTML,o=f,f=a.parentNode.cloneNode(),a=a.parentNode,s=E(f,n);n=s||n}}var l=g(n,e,!0)[r-1],d=l?l.parentNode:n;d.insertBefore(o,d.contains(e)?e:null)}},D=function(n){var t;return null==n||null===(t=n.parentNode)||void 0===t?void 0:t.removeChild(n)},P=function(n,t,e){var r,i="string"==typeof n,o=!1,u=-1*n;return i&&(u=(r="END"===n.toUpperCase())?-1:1,o=r?t+u>0:t+u<e.length),{isString:i,numberOfSteps:u,canKeepMoving:o}};function C(n,t,e){return e?t?t(n):n:(n&&n.then||(n=Promise.resolve(n)),t?n.then(t):n)}function A(n){return function(){for(var t=[],e=0;e<arguments.length;e++)t[e]=arguments[e];try{return Promise.resolve(n.apply(this,t))}catch(n){return Promise.reject(n)}}}function I(){}function k(n,t){if(!t)return n&&n.then?n.then(I):Promise.resolve()}function B(n,t){var e=n();return e&&e.then?e.then(t):t(e)}function j(n,t,e){if(!n.s){if(e instanceof z){if(!e.s)return void(e.o=j.bind(null,n,t));1&t&&(t=e.s),e=e.v}if(e&&e.then)return void e.then(j.bind(null,n,t),j.bind(null,n,2));n.s=t,n.v=e;var r=n.o;r&&r(n)}}var z=function(){function n(){}return n.prototype.then=function(t,e){var r=new n,i=this.s;if(i){var o=1&i?t:e;if(o){try{j(r,1,o(this.v))}catch(n){j(r,2,n)}return r}return this}return this.o=function(n){try{var i=n.v;1&n.s?j(r,1,t?t(i):i):e?j(r,1,e(i)):j(r,2,i)}catch(n){j(r,2,n)}},r},n}();function R(n,t){return n&&n.then?n.then(t):t(n)}function q(n,t){var e=this,r=this;t=t||{};var i=function(n,t,r){return n=s(n[0])?n:[n],cn.add(n,t),function(n){var t=(n=n||{}).delay;t&&cn.add([V,t])}(r),e},o=function(n){return[[K,n="object"==u(n)?n:{},{force:!0}],[K,tn,{force:!0}]]},a=function(){return W?v(J.value):g(J,an,!0)},l=function(n,t){t=t||1;var e=tn.nextStringDelay;cn.insert(n,[V,e.before]),cn.insert(n+t+1,[V,e.after])},d=A((function(){if(an){var n="[data-typeit-id='".concat(un,"'] .ti-cursor");w("@keyframes blink-".concat(un," { 0% {opacity: 0} 49% {opacity: 0} 50% {opacity: 1} } ").concat(n," { animation: blink-").concat(un," ").concat(tn.cursorSpeed/1e3,"s infinite; } ").concat(n,".with-delay { animation-delay: 500ms; } ").concat(n,".disabled { animation: none; }"),un),J.appendChild(an);var t="loaded"===document.fonts.status;return C(t||document.fonts.ready,(function(n){var t=an.getBoundingClientRect().width/2;an.style.margin="0 -".concat(t+2,"px 0 -").concat(t-2,"px")}),t)}})),y=function(n){an&&(an.classList.toggle("disabled",n),an.classList.toggle("with-delay",!n))},b=A((function(n,t){return Z.push(setTimeout(n,t)),C()})),E=A((function(n){return B((function(){if($)return k(U($))}),(function(){cn.reset().delete(0).add([V,n.before],1,!0),a().forEach((function(n){cn.add([Y,null,{isPhantom:!0}],1,!0)}))}))})),q=A((function(){nn.started=!0;var n,t=cn.getItems();return R(function(n,t){try{var e=n()}catch(n){return t(n)}return e&&e.then?e.then(void 0,t):e}((function(){return R(function(n,t,e){var r,i,o=-1;return function e(u){try{for(;++o<n.length;)if((u=t(o))&&u.then){if(!((c=u)instanceof z&&1&c.s))return void u.then(e,i||(i=j.bind(null,r=new z,2)));u=u.v}r?j(r,1,u):r=u}catch(n){j(r||(r=new z),2,n)}var c}(),r}(t,(function(e){if(nn.frozen||nn.destroyed)throw"";var i,o,u,c,a=t[e],f=a[2];return n=[a,r],f.freezeCursor&&y(!0),i=tn.speed,o=tn.deleteSpeed,u=tn.lifeLike,c=(o=null!==o?o:i/3)/2,X=u?[x(i,i/2),x(o,c)]:[i,o],B((function(){var t;if(null==f?void 0:f.isFirst)return k((t=tn).beforeString.apply(t,n))}),(function(){var t;return C((t=tn).beforeStep.apply(t,n),(function(){return C(a[0].call(r,a[1],f),(function(){return B((function(){if(!f||!f.isPhantom)return B((function(){var t,e;if(null===(t=a[2])||void 0===t?void 0:t.isLast)return k((e=tn).afterString.apply(e,n))}),(function(){var t;return C((t=tn).afterStep.apply(t,n),(function(){cn.setMeta(f.id,{executed:!0})}))}))}),(function(){y(!1)}))}))}))}))})),(function(t){var e;return nn.completed=!0,C((e=tn).afterComplete.apply(e,n),(function(){if(tn.loop){var n=tn.loopDelay;b((function(){return C(E(n),(function(){q()}))}),n.after)}}))}))}),I),(function(n){return r}))})),V=function(n){return new Promise((function(t){b((function(){return t()}),n||0)}))},U=function n(t){var e=a(),r=P(t,$,e);return $+=r.numberOfSteps,new Promise((function(t){b(A((function(){return function(n,t,e,r){if(e){var i=r,o=t[(i=i>t.length?t.length:i)-1];(n=o?o.parentNode:n).insertBefore(e,o||null)}}(J,a(),an,$),B((function(){if(r.isString&&r.canKeepMoving)return k(n(r.numberOfSteps>0?"START":"END"))}),(function(){return t()}))})),X[0])}))},F=function(n){return new Promise((function(t){b((function(){return H(J,n,an,$),t()}),X[0])}))},K=A((function(n){tn=f(tn,n)})),Q=A((function(){W?J.value="":a().forEach((function(n){D(n)}))})),Y=function n(t){return t=!0===t,new Promise((function(e){b(A((function(){var r=!1,i=a();return i.length&&(W?J.value=J.value.slice(0,-1):D(i[$])),v(J.querySelectorAll("*")).forEach((function(n){if(!n.innerHTML&&"BR"!==n.tagName){for(var t=n;1===t.parentNode.childNodes.length&&t.parentNode.childNodes[0].isEqualNode(t);)t=t.parentNode;D(t)}})),B((function(){if(t&&i.length-1>0)return C(n(!0),(function(){return r=!0,e()}))}),(function(n){return r?n:e()}))})),X[1])}))};this.break=function(n){return i([F,S(L("BR"))],1,n)},this.delete=function(n,t){var e=o(t);return i([e[0]].concat([].concat(Array(Math.abs(n)||1)).fill().map((function(){return[Y,!n,_]})),[e[1]]),1,t)},this.empty=function(){return i(Q,1,arguments)},this.exec=function(n,t){var e=o(t);return i([e[0],[n,null],e[1]],1,t)},this.move=function(n,t){var e=P(n,$,a()),r=o(t),u=e.isString?n:Math.sign(n);return i([r[0]].concat([].concat(Array(Math.abs(n)||1)).fill().map((function(){return[U,u,_]})),[r[1]]),1,t)},this.options=function(n){return i([K,n],1,n)},this.pause=function(n,t){return i([V,n],1,t)},this.type=function(n,t){var e=o(t),r=T(n,tn.html),u=[e[0]].concat(p(r,F,_,!0),[e[1]]);return i(u,1,t)},this.is=function(n){return nn[n]},this.destroy=function(n){n=void 0===n||n,Z.forEach((function(n){clearTimeout(n)})),Z=[],n&&D(an),nn.destroyed=!0},this.freeze=function(){nn.frozen=!0},this.unfreeze=function(){nn.frozen=!1,q()},this.reset=function(){for(var n in!this.is("destroyed")&&this.destroy(),cn.reset(),$=0,nn)nn[n]=!1;return W?J.value="":J.innerHTML="",this},this.go=function(){return nn.started?this:(d(),tn.waitUntilVisible?(function(n,t){new IntersectionObserver((function(e,r){e.forEach((function(e){e.isIntersecting&&(t(),r.unobserve(n))}))}),{threshold:1}).observe(n)}(J,q.bind(this)),this):(q(),this))},this.getQueue=function(){return cn},this.getOptions=function(){return tn},this.getElement=function(){return J};var G,J="string"==typeof(G=n)?document.querySelector(G):G,W=O(J),X=[],Z=[],$=0,_={freezeCursor:!0},nn={started:!1,completed:!1,frozen:!1,destroyed:!1},tn=f(c,t);tn=f(tn,{html:!W&&tn.html,nextStringDelay:M(tn.nextStringDelay),loopDelay:M(tn.loopDelay)});var en,rn,on,un=Math.random().toString().substring(2,9),cn=new h([V,tn.startDelay]);J.setAttribute("data-typeit-id",un),w("[data-typeit-id]:before {content: '.'; display: inline-block; width: 0; visibility: hidden;}[data-typeit-id]"),tn.strings=(on=tn.strings,en=s(on)?on:[on],(rn=function(n){return n.innerHTML.replace(/<\!--.*?-->/g,"").trim()}(J))?(J.innerHTML="",tn.startDelete?(N(rn).forEach((function(n){H(J,n,an,$)})),cn.add([Y,!0]),l(1),en):[rn.trim()].concat(en)):en);var an=function(){if(W||!tn.cursor)return null;var n=L("span");return n.innerHTML=m(tn.cursorChar).innerHTML,n.className="ti-cursor",n.style.cssText="display:inline;".concat(function(n){var t,e=["font","lineHeight","color"],r=L("SPAN"),i=(t=n,window.getComputedStyle(t,null));for(var o in i)e.indexOf(o)>-1&&i[o]&&(r.style[o]=i[o]);return r.style.cssText}(J)),n}();tn.strings.length&&function(){var n=tn.strings.filter((function(n){return!!n}));n.forEach((function(t,e){var r=T(t,tn.html);cn.add(p(r,F,_,!0));var i=cn.getItems().length;if(e+1!==n.length){if(tn.breakLines){var o=S(L("BR"));return cn.add([F,o,_]),void l(i)}cn.add(p(r,Y,_)),l(i,t.length)}}))}()}var V=["area","base","br","col","embed","hr","img","input","link","meta","param","source","track","wbr"],U=t,F=e,K=r,Q=i,Y=function(t){var e=K(!0),r=e[0],i=e[1],u=U(null),c=t.options,a=t.element,f=t.children,s=t.getBeforeInit,l=t.getAfterInit,d=function(n,t){var e={};for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&t.indexOf(r)<0&&(e[r]=n[r]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(n);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(n,r[i])&&(e[r[i]]=n[r[i]])}return e}(t,["options","element","children","getBeforeInit","getAfterInit"]),p=a,h=Q((function(){return n=p,V.indexOf(n.toLowerCase())>-1;var n}),[p]);return F((function(){f&&(c.strings=u.current.innerHTML),i(!1)}),[]),F((function(){if(!r){var n=new q(u.current,o({},c));return(n=s(n)).go(),n=l(n),function(){n.destroy()}}}),[r]),n("div",{style:{opacity:r?0:1}},h?n(p,o({ref:u},d)):n(p,o({ref:u},d),r&&f))};Y.defaultProps={element:"span",options:{},getBeforeInit:function(n){return n},getAfterInit:function(n){return n}};export default Y;

@@ -5,3 +5,3 @@ /**

* Author: Alex MacArthur <alex@macarthur.me> (https://macarthur.me)
* Version: v0.1.1
* Version: v0.1.3
* License: GPL-2.0

@@ -25,2 +25,2 @@ * URL: https://typeitjs.com

and limitations under the License.
***************************************************************************** */var t=function(){return(t=Object.assign||function(n){for(var t,e=1,r=arguments.length;e<r;e++)for(var i in t=arguments[e])Object.prototype.hasOwnProperty.call(t,i)&&(n[i]=t[i]);return n}).apply(this,arguments)};function e(n){return(e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n})(n)}var r={strings:[],speed:100,cursor:!0,cursorChar:"|",cursorSpeed:1e3,deleteSpeed:null,lifeLike:!0,breakLines:!0,startDelay:250,startDelete:!1,nextStringDelay:750,loop:!1,loopDelay:750,html:!0,waitUntilVisible:!1,beforeString:function(){},afterString:function(){},beforeStep:function(){},afterStep:function(){},afterComplete:function(){}},i=function(n){return n.map((function(n){return void 0===n[1]&&n.push(null),void 0===n[2]&&n.push({}),n}))},o=function(n,t){return Object.assign({},n,t)},u=function(n){return Array.isArray(n)},c=function(n,t){return n[2]=o(n[2],t)||t,n},a=function(n,t){return u(n[0])?n.map((function(n){return c(n,t)})):c(n,t)},f=function(n,t,e,r){r=r||!1,e=e||{};var i=!u(n),o=n.length;return(n=i?new Array(n).fill(0):n).map((function(n,u){if(i)return t;var c=[t,n,e];return r&&(0===u&&(c=a(c,{isFirst:!0})),u+1===o&&(c=a(c,{isLast:!0}))),c}))};function s(n){this.insert=function(n,e){t.splice(n,0,e)},this.add=function(n,r,c){return n=u(n)?n:[n,null],c=c||!1,r=r||1,u(n[0])||(n=f(r,n)),n=i(n).map((function(n){return n[2]=o(n[2],{id:e}),e++,n})),t=c?n.concat(t):t.concat(n),this},this.delete=function(n){return t.splice(n,1),this},this.reset=function(){return t=t.map((function(n){return n[2].executed=!1,n})),this},this.getItems=function(){return(t=i(t)).filter((function(n){return!n[2].executed}))},this.setMeta=function(n,e){var r=t.findIndex((function(t){return t[2].id===n}));t[r][2]=o(t[r][2],e)};var t=[],e=0;this.add(n)}var l=function(n){return Array.from(n)},d=function(n){var t=[];return t.concat.apply(t,n)},p=function(n){var t=document.implementation.createHTMLDocument("");return t.body.innerHTML=n,t.body},h=function n(t,e,r){e=e||null,r=void 0!==r&&r;var i=l(t.childNodes).map((function(t){return 3===(e=t).nodeType||"BR"===e.tagName?t:n(t);var e}));return i=d(i),e&&(i=i.filter((function(n){return!n.parentNode.isEqualNode(e)}))),r?i.reverse():i},v=function(n){return"BODY"===n.tagName},y=function(n,t){t=t||null;var e=n instanceof HTMLElement;return{node:t,isTopLevelText:(!t||v(t.parentNode))&&!e,isHTMLElement:e,content:n}};function m(n){var t,e=p(n);return t=h(e).map((function(n){return n.nodeValue?l(n.nodeValue).map((function(t){return y(t,n)})):y(n)})),d(t)}function g(n,t){return(t=void 0===t||t)?m(n):l(n).map((function(n){return y(n)}))}var b=function(n){return document.createElement(n)},S=function(n,t){var e=b("style");e.id=t||"",e.appendChild(document.createTextNode(n)),document.head.appendChild(e)},N=function(n){return u(n)||(n=[n/2,n/2]),{before:n[0],after:n[1],total:n[0]+n[1]}},T=function(n,t){return Math.abs(Math.random()*(n+t-(n-t))+(n-t))},L=function(n){return["textarea","input"].indexOf(n.tagName.toLowerCase())>-1},w=function(n,t){var e=t.querySelectorAll("*");return[t].concat(l(e).reverse()).find((function(t){return t.cloneNode().outerHTML===n.outerHTML}))},x=function(n,t,e,r){e=e||null;var i=t.isHTMLElement,o=i?t.content:document.createTextNode(t.content);if(L(n))n.value="".concat(n.value).concat(t.content);else{if(!t.isTopLevelText&&!i){var u=t.node.parentNode,c=w(u.cloneNode(),n);if(function(n,t){if(!n)return!1;var e=n.nextSibling;return!e||e.isEqualNode(t)}(c,e))n=c;else if((o=u.cloneNode()).innerText=t.content,!v(u.parentNode)){for(var a=u.parentNode,f=a.cloneNode(),s=w(f,n);!s&&!v(a);)f.innerHTML=o.outerHTML,o=f,f=a.parentNode.cloneNode(),a=a.parentNode,s=w(f,n);n=s||n}}var l=h(n,e,!0)[r-1],d=l?l.parentNode:n;d.insertBefore(o,d.contains(e)?e:null)}},M=function(n){var t;return null==n||null===(t=n.parentNode)||void 0===t?void 0:t.removeChild(n)},E=function(n,t,e){var r,i="string"==typeof n,o=!1,u=-1*n;return i&&(u=(r="END"===n.toUpperCase())?-1:1,o=r?t+u>0:t+u<e.length),{isString:i,numberOfSteps:u,canKeepMoving:o}};function O(n,t,e){return e?t?t(n):n:(n&&n.then||(n=Promise.resolve(n)),t?n.then(t):n)}function H(n){return function(){for(var t=[],e=0;e<arguments.length;e++)t[e]=arguments[e];try{return Promise.resolve(n.apply(this,t))}catch(n){return Promise.reject(n)}}}function D(){}function P(n,t){if(!t)return n&&n.then?n.then(D):Promise.resolve()}function C(n,t){var e=n();return e&&e.then?e.then(t):t(e)}function A(n,t,e){if(!n.s){if(e instanceof I){if(!e.s)return void(e.o=A.bind(null,n,t));1&t&&(t=e.s),e=e.v}if(e&&e.then)return void e.then(A.bind(null,n,t),A.bind(null,n,2));n.s=t,n.v=e;var r=n.o;r&&r(n)}}var I=function(){function n(){}return n.prototype.then=function(t,e){var r=new n,i=this.s;if(i){var o=1&i?t:e;if(o){try{A(r,1,o(this.v))}catch(n){A(r,2,n)}return r}return this}return this.o=function(n){try{var i=n.v;1&n.s?A(r,1,t?t(i):i):e?A(r,1,e(i)):A(r,2,i)}catch(n){A(r,2,n)}},r},n}();function k(n,t){return n&&n.then?n.then(t):t(n)}function B(n,t){var i=this,c=this;t=t||{};var a=function(n,t,e){return n=u(n[0])?n:[n],cn.add(n,t),function(n){var t=(n=n||{}).delay;t&&cn.add([V,t])}(e),i},d=function(n){return[[K,n="object"==e(n)?n:{},{force:!0}],[K,tn,{force:!0}]]},v=function(){return W?l(J.value):h(J,an,!0)},w=function(n,t){t=t||1;var e=tn.nextStringDelay;cn.insert(n,[V,e.before]),cn.insert(n+t+1,[V,e.after])},B=H((function(){if(an){var n="[data-typeit-id='".concat(un,"'] .ti-cursor");S("@keyframes blink-".concat(un," { 0% {opacity: 0} 49% {opacity: 0} 50% {opacity: 1} } ").concat(n," { animation: blink-").concat(un," ").concat(tn.cursorSpeed/1e3,"s infinite; } ").concat(n,".with-delay { animation-delay: 500ms; } ").concat(n,".disabled { animation: none; }"),un),J.appendChild(an);var t="loaded"===document.fonts.status;return O(t||document.fonts.ready,(function(n){var t=an.getBoundingClientRect().width/2;an.style.margin="0 -".concat(t+2,"px 0 -").concat(t-2,"px")}),t)}})),j=function(n){an&&(an.classList.toggle("disabled",n),an.classList.toggle("with-delay",!n))},z=H((function(n,t){return Z.push(setTimeout(n,t)),O()})),R=H((function(n){return C((function(){if($)return P(U($))}),(function(){cn.reset().delete(0).add([V,n.before],1,!0),v().forEach((function(n){cn.add([Y,null,{isPhantom:!0}],1,!0)}))}))})),q=H((function(){nn.started=!0;var n,t=cn.getItems();return k(function(n,t){try{var e=n()}catch(n){return t(n)}return e&&e.then?e.then(void 0,t):e}((function(){return k(function(n,t,e){var r,i,o=-1;return function e(u){try{for(;++o<n.length;)if((u=t(o))&&u.then){if(!((c=u)instanceof I&&1&c.s))return void u.then(e,i||(i=A.bind(null,r=new I,2)));u=u.v}r?A(r,1,u):r=u}catch(n){A(r||(r=new I),2,n)}var c}(),r}(t,(function(e){if(nn.frozen||nn.destroyed)throw"";var r,i,o,u,a=t[e],f=a[2];return n=[a,c],f.freezeCursor&&j(!0),r=tn.speed,i=tn.deleteSpeed,o=tn.lifeLike,u=(i=null!==i?i:r/3)/2,X=o?[T(r,r/2),T(i,u)]:[r,i],C((function(){var t;if(null==f?void 0:f.isFirst)return P((t=tn).beforeString.apply(t,n))}),(function(){var t;return O((t=tn).beforeStep.apply(t,n),(function(){return O(a[0].call(c,a[1],f),(function(){return C((function(){if(!f||!f.isPhantom)return C((function(){var t,e;if(null===(t=a[2])||void 0===t?void 0:t.isLast)return P((e=tn).afterString.apply(e,n))}),(function(){var t;return O((t=tn).afterStep.apply(t,n),(function(){cn.setMeta(f.id,{executed:!0})}))}))}),(function(){j(!1)}))}))}))}))})),(function(t){var e;return nn.completed=!0,O((e=tn).afterComplete.apply(e,n),(function(){if(tn.loop){var n=tn.loopDelay;z((function(){return O(R(n),(function(){q()}))}),n.after)}}))}))}),D),(function(n){return c}))})),V=function(n){return new Promise((function(t){z((function(){return t()}),n||0)}))},U=function n(t){var e=v(),r=E(t,$,e);return $+=r.numberOfSteps,new Promise((function(t){z(H((function(){return function(n,t,e,r){if(e){var i=r,o=t[(i=i>t.length?t.length:i)-1];(n=o?o.parentNode:n).insertBefore(e,o||null)}}(J,v(),an,$),C((function(){if(r.isString&&r.canKeepMoving)return P(n(r.numberOfSteps>0?"START":"END"))}),(function(){return t()}))})),X[0])}))},F=function(n){return new Promise((function(t){z((function(){return x(J,n,an,$),t()}),X[0])}))},K=H((function(n){tn=o(tn,n)})),Q=H((function(){W?J.value="":v().forEach((function(n){M(n)}))})),Y=function n(t){return t=!0===t,new Promise((function(e){z(H((function(){var r=!1,i=v();return i.length&&(W?J.value=J.value.slice(0,-1):M(i[$])),l(J.querySelectorAll("*")).forEach((function(n){if(!n.innerHTML&&"BR"!==n.tagName){for(var t=n;1===t.parentNode.childNodes.length&&t.parentNode.childNodes[0].isEqualNode(t);)t=t.parentNode;M(t)}})),C((function(){if(t&&i.length-1>0)return O(n(!0),(function(){return r=!0,e()}))}),(function(n){return r?n:e()}))})),X[1])}))};this.break=function(n){return a([F,y(b("BR"))],1,n)},this.delete=function(n,t){var e=d(t);return a([e[0]].concat([].concat(Array(Math.abs(n)||1)).fill().map((function(){return[Y,!n,_]})),[e[1]]),1,t)},this.empty=function(){return a(Q,1,arguments)},this.exec=function(n,t){var e=d(t);return a([e[0],[n,null],e[1]],1,t)},this.move=function(n,t){var e=E(n,$,v()),r=d(t),i=e.isString?n:Math.sign(n);return a([r[0]].concat([].concat(Array(Math.abs(n)||1)).fill().map((function(){return[U,i,_]})),[r[1]]),1,t)},this.options=function(n){return a([K,n],1,n)},this.pause=function(n,t){return a([V,n],1,t)},this.type=function(n,t){var e=d(t),r=g(n,tn.html),i=[e[0]].concat(f(r,F,_,!0),[e[1]]);return a(i,1,t)},this.is=function(n){return nn[n]},this.destroy=function(n){n=void 0===n||n,Z.forEach((function(n){clearTimeout(n)})),Z=[],n&&M(an),nn.destroyed=!0},this.freeze=function(){nn.frozen=!0},this.unfreeze=function(){nn.frozen=!1,q()},this.reset=function(){for(var n in!this.is("destroyed")&&this.destroy(),cn.reset(),$=0,nn)nn[n]=!1;return W?J.value="":J.innerHTML="",this},this.go=function(){return nn.started?this:(B(),tn.waitUntilVisible?(function(n,t){new IntersectionObserver((function(e,r){e.forEach((function(e){e.isIntersecting&&(t(),r.unobserve(n))}))}),{threshold:1}).observe(n)}(J,q.bind(this)),this):(q(),this))},this.getQueue=function(){return cn},this.getOptions=function(){return tn},this.getElement=function(){return J};var G,J="string"==typeof(G=n)?document.querySelector(G):G,W=L(J),X=[],Z=[],$=0,_={freezeCursor:!0},nn={started:!1,completed:!1,frozen:!1,destroyed:!1},tn=o(r,t);tn=o(tn,{html:!W&&tn.html,nextStringDelay:N(tn.nextStringDelay),loopDelay:N(tn.loopDelay)});var en,rn,on,un=Math.random().toString().substring(2,9),cn=new s([V,tn.startDelay]);J.setAttribute("data-typeit-id",un),S("[data-typeit-id]:before {content: '.'; display: inline-block; width: 0; visibility: hidden;}[data-typeit-id]"),tn.strings=(on=tn.strings,en=u(on)?on:[on],(rn=function(n){return n.innerHTML.replace(/<\!--.*?-->/g,"").trim()}(J))?(J.innerHTML="",tn.startDelete?(m(rn).forEach((function(n){x(J,n,an,$)})),cn.add([Y,!0]),w(1),en):[rn.trim()].concat(en)):en);var an=function(){if(W||!tn.cursor)return null;var n=b("span");return n.innerHTML=p(tn.cursorChar).innerHTML,n.className="ti-cursor",n.style.cssText="display:inline;".concat(function(n){var t,e=["font","lineHeight","color"],r=b("SPAN"),i=(t=n,window.getComputedStyle(t,null));for(var o in i)e.indexOf(o)>-1&&i[o]&&(r.style[o]=i[o]);return r.style.cssText}(J)),n}();tn.strings.length&&function(){var n=tn.strings.filter((function(n){return!!n}));n.forEach((function(t,e){var r=g(t,tn.html);cn.add(f(r,F,_,!0));var i=cn.getItems().length;if(e+1!==n.length){if(tn.breakLines){var o=y(b("BR"));return cn.add([F,o,_]),void w(i)}cn.add(f(r,Y,_)),w(i,t.length)}}))}()}var j=["area","base","br","col","embed","hr","img","input","link","meta","param","source","track","wbr"],z=n.useRef,R=n.useEffect,q=n.useState,V=n.useMemo,U=function(e){var r=q(!0),i=r[0],o=r[1],u=z(null),c=e.options,a=e.element,f=e.children,s=e.getBeforeInit,l=e.getAfterInit,d=function(n,t){var e={};for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&t.indexOf(r)<0&&(e[r]=n[r]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(n);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(n,r[i])&&(e[r[i]]=n[r[i]])}return e}(e,["options","element","children","getBeforeInit","getAfterInit"]),p=a,h=V((function(){return n=p,j.indexOf(n.toLowerCase())>-1;var n}),[p]);return R((function(){f&&(c.strings=u.current.innerHTML),o(!1)}),[]),R((function(){if(!i){var n=new B(u.current,t({},c));return(n=s(n)).go(),n=l(n),function(){n.destroy()}}}),[i]),n.createElement("div",{style:{opacity:i?0:1}},h?n.createElement(p,t({ref:u},d)):n.createElement(p,t({ref:u},d),i&&f))};return U.defaultProps={element:"span",options:{},getBeforeInit:function(n){return n},getAfterInit:function(n){return n}},U}));
***************************************************************************** */var t=function(){return(t=Object.assign||function(n){for(var t,e=1,r=arguments.length;e<r;e++)for(var i in t=arguments[e])Object.prototype.hasOwnProperty.call(t,i)&&(n[i]=t[i]);return n}).apply(this,arguments)};function e(n){return(e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n})(n)}var r={strings:[],speed:100,cursor:!0,cursorChar:"|",cursorSpeed:1e3,deleteSpeed:null,lifeLike:!0,breakLines:!0,startDelay:250,startDelete:!1,nextStringDelay:750,loop:!1,loopDelay:750,html:!0,waitUntilVisible:!1,beforeString:function(){},afterString:function(){},beforeStep:function(){},afterStep:function(){},afterComplete:function(){}},i=function(n){return n.map((function(n){return void 0===n[1]&&n.push(null),void 0===n[2]&&n.push({}),n}))},o=function(n,t){return Object.assign({},n,t)},u=function(n){return Array.isArray(n)},c=function(n,t){return n[2]=o(n[2],t)||t,n},a=function(n,t){return u(n[0])?n.map((function(n){return c(n,t)})):c(n,t)},f=function(n,t,e,r){r=r||!1,e=e||{};var i=!u(n),o=n.length;return(n=i?new Array(n).fill(0):n).map((function(n,u){if(i)return t;var c=[t,n,e];return r&&(0===u&&(c=a(c,{isFirst:!0})),u+1===o&&(c=a(c,{isLast:!0}))),c}))};function s(n){this.insert=function(n,e){t.splice(n,0,e)},this.add=function(n,r,c){return n=u(n)?n:[n,null],c=c||!1,r=r||1,u(n[0])||(n=f(r,n)),n=i(n).map((function(n){return n[2]=o(n[2],{id:e}),e++,n})),t=c?n.concat(t):t.concat(n),this},this.delete=function(n){return t.splice(n,1),this},this.reset=function(){return t=t.map((function(n){return n[2].executed=!1,n})),this},this.getItems=function(){return(t=i(t)).filter((function(n){return!n[2].executed}))},this.setMeta=function(n,e){var r=t.findIndex((function(t){return t[2].id===n}));t[r][2]=o(t[r][2],e)};var t=[],e=0;this.add(n)}var l=function(n){return Array.from(n)},d=function(n){var t=[];return t.concat.apply(t,n)},p=function(n){var t=document.implementation.createHTMLDocument("");return t.body.innerHTML=n,t.body},h=function n(t,e,r){e=e||null,r=void 0!==r&&r;var i=l(t.childNodes).map((function(t){return 3===(e=t).nodeType||"BR"===e.tagName?t:n(t);var e}));return i=d(i),e&&(i=i.filter((function(n){return!e.contains(n)}))),r?i.reverse():i},v=function(n){return"BODY"===n.tagName},y=function(n,t){t=t||null;var e=n instanceof HTMLElement;return{node:t,isTopLevelText:(!t||v(t.parentNode))&&!e,isHTMLElement:e,content:n}};function m(n){var t,e=p(n);return t=h(e).map((function(n){return n.nodeValue?l(n.nodeValue).map((function(t){return y(t,n)})):y(n)})),d(t)}function g(n,t){return(t=void 0===t||t)?m(n):l(n).map((function(n){return y(n)}))}var b=function(n){return document.createElement(n)},S=function(n,t){var e=b("style");e.id=t||"",e.appendChild(document.createTextNode(n)),document.head.appendChild(e)},N=function(n){return u(n)||(n=[n/2,n/2]),{before:n[0],after:n[1],total:n[0]+n[1]}},T=function(n,t){return Math.abs(Math.random()*(n+t-(n-t))+(n-t))},L=function(n){return["textarea","input"].indexOf(n.tagName.toLowerCase())>-1},w=function(n,t){var e=t.querySelectorAll("*");return[t].concat(l(e).reverse()).find((function(t){return t.cloneNode().outerHTML===n.outerHTML}))},x=function(n,t,e,r){e=e||null;var i=t.isHTMLElement,o=i?t.content:document.createTextNode(t.content);if(L(n))n.value="".concat(n.value).concat(t.content);else{if(!t.isTopLevelText&&!i){var u=t.node.parentNode,c=w(u.cloneNode(),n);if(function(n,t){if(!n)return!1;var e=n.nextSibling;return!e||e.isEqualNode(t)}(c,e))n=c;else if((o=u.cloneNode()).innerText=t.content,!v(u.parentNode)){for(var a=u.parentNode,f=a.cloneNode(),s=w(f,n);!s&&!v(a);)f.innerHTML=o.outerHTML,o=f,f=a.parentNode.cloneNode(),a=a.parentNode,s=w(f,n);n=s||n}}var l=h(n,e,!0)[r-1],d=l?l.parentNode:n;d.insertBefore(o,d.contains(e)?e:null)}},M=function(n){var t;return null==n||null===(t=n.parentNode)||void 0===t?void 0:t.removeChild(n)},O=function(n,t,e){var r,i="string"==typeof n,o=!1,u=-1*n;return i&&(u=(r="END"===n.toUpperCase())?-1:1,o=r?t+u>0:t+u<e.length),{isString:i,numberOfSteps:u,canKeepMoving:o}};function E(n,t,e){return e?t?t(n):n:(n&&n.then||(n=Promise.resolve(n)),t?n.then(t):n)}function H(n){return function(){for(var t=[],e=0;e<arguments.length;e++)t[e]=arguments[e];try{return Promise.resolve(n.apply(this,t))}catch(n){return Promise.reject(n)}}}function D(){}function P(n,t){if(!t)return n&&n.then?n.then(D):Promise.resolve()}function C(n,t){var e=n();return e&&e.then?e.then(t):t(e)}function A(n,t,e){if(!n.s){if(e instanceof I){if(!e.s)return void(e.o=A.bind(null,n,t));1&t&&(t=e.s),e=e.v}if(e&&e.then)return void e.then(A.bind(null,n,t),A.bind(null,n,2));n.s=t,n.v=e;var r=n.o;r&&r(n)}}var I=function(){function n(){}return n.prototype.then=function(t,e){var r=new n,i=this.s;if(i){var o=1&i?t:e;if(o){try{A(r,1,o(this.v))}catch(n){A(r,2,n)}return r}return this}return this.o=function(n){try{var i=n.v;1&n.s?A(r,1,t?t(i):i):e?A(r,1,e(i)):A(r,2,i)}catch(n){A(r,2,n)}},r},n}();function k(n,t){return n&&n.then?n.then(t):t(n)}function B(n,t){var i=this,c=this;t=t||{};var a=function(n,t,e){return n=u(n[0])?n:[n],cn.add(n,t),function(n){var t=(n=n||{}).delay;t&&cn.add([V,t])}(e),i},d=function(n){return[[K,n="object"==e(n)?n:{},{force:!0}],[K,tn,{force:!0}]]},v=function(){return W?l(J.value):h(J,an,!0)},w=function(n,t){t=t||1;var e=tn.nextStringDelay;cn.insert(n,[V,e.before]),cn.insert(n+t+1,[V,e.after])},B=H((function(){if(an){var n="[data-typeit-id='".concat(un,"'] .ti-cursor");S("@keyframes blink-".concat(un," { 0% {opacity: 0} 49% {opacity: 0} 50% {opacity: 1} } ").concat(n," { animation: blink-").concat(un," ").concat(tn.cursorSpeed/1e3,"s infinite; } ").concat(n,".with-delay { animation-delay: 500ms; } ").concat(n,".disabled { animation: none; }"),un),J.appendChild(an);var t="loaded"===document.fonts.status;return E(t||document.fonts.ready,(function(n){var t=an.getBoundingClientRect().width/2;an.style.margin="0 -".concat(t+2,"px 0 -").concat(t-2,"px")}),t)}})),j=function(n){an&&(an.classList.toggle("disabled",n),an.classList.toggle("with-delay",!n))},z=H((function(n,t){return Z.push(setTimeout(n,t)),E()})),R=H((function(n){return C((function(){if($)return P(U($))}),(function(){cn.reset().delete(0).add([V,n.before],1,!0),v().forEach((function(n){cn.add([Y,null,{isPhantom:!0}],1,!0)}))}))})),q=H((function(){nn.started=!0;var n,t=cn.getItems();return k(function(n,t){try{var e=n()}catch(n){return t(n)}return e&&e.then?e.then(void 0,t):e}((function(){return k(function(n,t,e){var r,i,o=-1;return function e(u){try{for(;++o<n.length;)if((u=t(o))&&u.then){if(!((c=u)instanceof I&&1&c.s))return void u.then(e,i||(i=A.bind(null,r=new I,2)));u=u.v}r?A(r,1,u):r=u}catch(n){A(r||(r=new I),2,n)}var c}(),r}(t,(function(e){if(nn.frozen||nn.destroyed)throw"";var r,i,o,u,a=t[e],f=a[2];return n=[a,c],f.freezeCursor&&j(!0),r=tn.speed,i=tn.deleteSpeed,o=tn.lifeLike,u=(i=null!==i?i:r/3)/2,X=o?[T(r,r/2),T(i,u)]:[r,i],C((function(){var t;if(null==f?void 0:f.isFirst)return P((t=tn).beforeString.apply(t,n))}),(function(){var t;return E((t=tn).beforeStep.apply(t,n),(function(){return E(a[0].call(c,a[1],f),(function(){return C((function(){if(!f||!f.isPhantom)return C((function(){var t,e;if(null===(t=a[2])||void 0===t?void 0:t.isLast)return P((e=tn).afterString.apply(e,n))}),(function(){var t;return E((t=tn).afterStep.apply(t,n),(function(){cn.setMeta(f.id,{executed:!0})}))}))}),(function(){j(!1)}))}))}))}))})),(function(t){var e;return nn.completed=!0,E((e=tn).afterComplete.apply(e,n),(function(){if(tn.loop){var n=tn.loopDelay;z((function(){return E(R(n),(function(){q()}))}),n.after)}}))}))}),D),(function(n){return c}))})),V=function(n){return new Promise((function(t){z((function(){return t()}),n||0)}))},U=function n(t){var e=v(),r=O(t,$,e);return $+=r.numberOfSteps,new Promise((function(t){z(H((function(){return function(n,t,e,r){if(e){var i=r,o=t[(i=i>t.length?t.length:i)-1];(n=o?o.parentNode:n).insertBefore(e,o||null)}}(J,v(),an,$),C((function(){if(r.isString&&r.canKeepMoving)return P(n(r.numberOfSteps>0?"START":"END"))}),(function(){return t()}))})),X[0])}))},F=function(n){return new Promise((function(t){z((function(){return x(J,n,an,$),t()}),X[0])}))},K=H((function(n){tn=o(tn,n)})),Q=H((function(){W?J.value="":v().forEach((function(n){M(n)}))})),Y=function n(t){return t=!0===t,new Promise((function(e){z(H((function(){var r=!1,i=v();return i.length&&(W?J.value=J.value.slice(0,-1):M(i[$])),l(J.querySelectorAll("*")).forEach((function(n){if(!n.innerHTML&&"BR"!==n.tagName){for(var t=n;1===t.parentNode.childNodes.length&&t.parentNode.childNodes[0].isEqualNode(t);)t=t.parentNode;M(t)}})),C((function(){if(t&&i.length-1>0)return E(n(!0),(function(){return r=!0,e()}))}),(function(n){return r?n:e()}))})),X[1])}))};this.break=function(n){return a([F,y(b("BR"))],1,n)},this.delete=function(n,t){var e=d(t);return a([e[0]].concat([].concat(Array(Math.abs(n)||1)).fill().map((function(){return[Y,!n,_]})),[e[1]]),1,t)},this.empty=function(){return a(Q,1,arguments)},this.exec=function(n,t){var e=d(t);return a([e[0],[n,null],e[1]],1,t)},this.move=function(n,t){var e=O(n,$,v()),r=d(t),i=e.isString?n:Math.sign(n);return a([r[0]].concat([].concat(Array(Math.abs(n)||1)).fill().map((function(){return[U,i,_]})),[r[1]]),1,t)},this.options=function(n){return a([K,n],1,n)},this.pause=function(n,t){return a([V,n],1,t)},this.type=function(n,t){var e=d(t),r=g(n,tn.html),i=[e[0]].concat(f(r,F,_,!0),[e[1]]);return a(i,1,t)},this.is=function(n){return nn[n]},this.destroy=function(n){n=void 0===n||n,Z.forEach((function(n){clearTimeout(n)})),Z=[],n&&M(an),nn.destroyed=!0},this.freeze=function(){nn.frozen=!0},this.unfreeze=function(){nn.frozen=!1,q()},this.reset=function(){for(var n in!this.is("destroyed")&&this.destroy(),cn.reset(),$=0,nn)nn[n]=!1;return W?J.value="":J.innerHTML="",this},this.go=function(){return nn.started?this:(B(),tn.waitUntilVisible?(function(n,t){new IntersectionObserver((function(e,r){e.forEach((function(e){e.isIntersecting&&(t(),r.unobserve(n))}))}),{threshold:1}).observe(n)}(J,q.bind(this)),this):(q(),this))},this.getQueue=function(){return cn},this.getOptions=function(){return tn},this.getElement=function(){return J};var G,J="string"==typeof(G=n)?document.querySelector(G):G,W=L(J),X=[],Z=[],$=0,_={freezeCursor:!0},nn={started:!1,completed:!1,frozen:!1,destroyed:!1},tn=o(r,t);tn=o(tn,{html:!W&&tn.html,nextStringDelay:N(tn.nextStringDelay),loopDelay:N(tn.loopDelay)});var en,rn,on,un=Math.random().toString().substring(2,9),cn=new s([V,tn.startDelay]);J.setAttribute("data-typeit-id",un),S("[data-typeit-id]:before {content: '.'; display: inline-block; width: 0; visibility: hidden;}[data-typeit-id]"),tn.strings=(on=tn.strings,en=u(on)?on:[on],(rn=function(n){return n.innerHTML.replace(/<\!--.*?-->/g,"").trim()}(J))?(J.innerHTML="",tn.startDelete?(m(rn).forEach((function(n){x(J,n,an,$)})),cn.add([Y,!0]),w(1),en):[rn.trim()].concat(en)):en);var an=function(){if(W||!tn.cursor)return null;var n=b("span");return n.innerHTML=p(tn.cursorChar).innerHTML,n.className="ti-cursor",n.style.cssText="display:inline;".concat(function(n){var t,e=["font","lineHeight","color"],r=b("SPAN"),i=(t=n,window.getComputedStyle(t,null));for(var o in i)e.indexOf(o)>-1&&i[o]&&(r.style[o]=i[o]);return r.style.cssText}(J)),n}();tn.strings.length&&function(){var n=tn.strings.filter((function(n){return!!n}));n.forEach((function(t,e){var r=g(t,tn.html);cn.add(f(r,F,_,!0));var i=cn.getItems().length;if(e+1!==n.length){if(tn.breakLines){var o=y(b("BR"));return cn.add([F,o,_]),void w(i)}cn.add(f(r,Y,_)),w(i,t.length)}}))}()}var j=["area","base","br","col","embed","hr","img","input","link","meta","param","source","track","wbr"],z=n.useRef,R=n.useEffect,q=n.useState,V=n.useMemo,U=function(e){var r=q(!0),i=r[0],o=r[1],u=z(null),c=e.options,a=e.element,f=e.children,s=e.getBeforeInit,l=e.getAfterInit,d=function(n,t){var e={};for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&t.indexOf(r)<0&&(e[r]=n[r]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(n);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(n,r[i])&&(e[r[i]]=n[r[i]])}return e}(e,["options","element","children","getBeforeInit","getAfterInit"]),p=a,h=V((function(){return n=p,j.indexOf(n.toLowerCase())>-1;var n}),[p]);return R((function(){f&&(c.strings=u.current.innerHTML),o(!1)}),[]),R((function(){if(!i){var n=new B(u.current,t({},c));return(n=s(n)).go(),n=l(n),function(){n.destroy()}}}),[i]),n.createElement("div",{style:{opacity:i?0:1}},h?n.createElement(p,t({ref:u},d)):n.createElement(p,t({ref:u},d),i&&f))};return U.defaultProps={element:"span",options:{},getBeforeInit:function(n){return n},getAfterInit:function(n){return n}},U}));
{
"name": "typeit-react",
"version": "0.1.2",
"version": "0.1.3",
"description": "React component for the most versatile JavaScript animated typing utility on the planet.",

@@ -5,0 +5,0 @@ "homepage": "https://typeitjs.com",

SocketSocket SOC 2 Logo

Product

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

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc