typeit-react - npm Package Compare versions

Comparing version 2.4.4 to 2.4.5

dist/index.umd.js

@@ -1,1 +0,1 @@
-var qe=Object.defineProperty;var F=Object.getOwnPropertySymbols;var be=Object.prototype.hasOwnProperty,Se=Object.prototype.propertyIsEnumerable;var ge=(a,c,h)=>c in a?qe(a,c,{enumerable:!0,configurable:!0,writable:!0,value:h}):a[c]=h,ee=(a,c)=>{for(var h in c||(c={}))be.call(c,h)&&ge(a,h,c[h]);if(F)for(var h of F(c))Se.call(c,h)&&ge(a,h,c[h]);return a};var _e=(a,c)=>{var h={};for(var E in a)be.call(a,E)&&c.indexOf(E)<0&&(h[E]=a[E]);if(a!=null&&F)for(var E of F(a))c.indexOf(E)<0&&Se.call(a,E)&&(h[E]=a[E]);return h};(function(a,c){typeof exports=="object"&&typeof module!="undefined"?module.exports=c(require("react")):typeof define=="function"&&define.amd?define(["react"],c):(a=typeof globalThis!="undefined"?globalThis:a||self,a.TypeIt=c(a.React))})(this,function(a){"use strict";function c(e){if(e&&e.__esModule)return e;var r={__proto__:null,[Symbol.toStringTag]:"Module"};return e&&Object.keys(e).forEach(function(n){if(n!=="default"){var i=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,i.get?i:{enumerable:!0,get:function(){return e[n]}})}}),r.default=e,Object.freeze(r)}var h=c(a),E=e=>Array.isArray(e),te=e=>E(e)?e:[e];let Te=function(e){let r=function(d){return te(d).forEach(_=>{var I;return m.set(Symbol((I=_.char)==null?void 0:I.innerText),ee({},_))}),this},n=()=>f().filter(d=>d.typeable),i=function(d,_){let I=[...m.keys()];m.set(I[d],_)},o=function(){m.forEach(d=>delete d.done)},u=function(){m=new Map,r(e)},w=()=>m,f=()=>Array.from(m.values()),b=d=>m.delete(d),S=(d=!1)=>d?f():f().filter(_=>!_.done),D=(d,_=!1)=>_?m.delete(d):m.get(d).done=!0,m=new Map;return r(e),{add:r,set:i,wipe:u,reset:o,destroy:b,done:D,getItems:S,getQueue:w,getTypeable:n}};var re=e=>Array.from(e),j=e=>document.createTextNode(e);let U=e=>([...e.childNodes].forEach(r=>{if(r.nodeValue){[...r.nodeValue].forEach(n=>{r.parentNode.insertBefore(j(n),r)}),r.remove();return}U(r)}),e);var ne=e=>{let r=document.implementation.createHTMLDocument();return r.body.innerHTML=e,U(r.body)};const le="data-typeit-id",x="ti-cursor",ve="END",Ee={started:!1,completed:!1,frozen:!1,destroyed:!1},we={breakLines:!0,cursor:!0,cursorChar:"|",cursorSpeed:1e3,deleteSpeed:null,html:!0,lifeLike:!0,loop:!1,loopDelay:750,nextStringDelay:750,speed:100,startDelay:250,startDelete:!1,strings:[],waitUntilVisible:!1,beforeString:()=>{},afterString:()=>{},beforeStep:()=>{},afterStep:()=>{},afterComplete:()=>{}},Ce=`[${le}]:before {content: '.'; display: inline-block; width: 0; visibility: hidden;}`;function ie(e,r=!1){let n=document.createTreeWalker(e,NodeFilter.SHOW_ALL,{acceptNode:u=>{var w;return(w=u.classList)!=null&&w.contains(x)?NodeFilter.FILTER_REJECT:NodeFilter.FILTER_ACCEPT}}),i,o=[];for(;i=n.nextNode();)i.originalParent=i.parentNode,o.push(i);return r?o.reverse():o}function Ie(e){return ie(ne(e))}function Ne(e,r=!0){return r?Ie(e):re(e).map(j)}var $=e=>document.createElement(e),se=(e,r="")=>{let n=$("style");n.id=r,n.appendChild(j(e)),document.head.appendChild(n)},oe=e=>(E(e)||(e=[e/2,e/2]),e),ae=(e,r)=>Math.abs(Math.random()*(e+r-(e-r))+(e-r));let ue=e=>e/2;function Le(e){let{speed:r,deleteSpeed:n,lifeLike:i}=e;return n=n!==null?n:r/3,i?[ae(r,ue(r)),ae(n,ue(n))]:[r,n]}var Pe=e=>(e.forEach(clearTimeout),[]),De=()=>Math.random().toString().substring(2,9),V=e=>"value"in e;let Me=e=>V(e)?re(e.value):ie(e,!0).filter(r=>!(r.childNodes.length>0));var Ae=(e,r)=>{new IntersectionObserver((i,o)=>{i.forEach(u=>{u.isIntersecting&&(r(),o.unobserve(e))})},{threshold:1}).observe(e)};let P=e=>typeof e=="function"?e():e;var ce=e=>Number.isInteger(e);let q=(e,r=document,n=!1)=>r[`querySelector${n?"All":""}`](e),ke=e=>(e==null?void 0:e.tagName)==="BODY",xe=(e,r)=>{if(V(e)){e.value=`${e.value}${r.textContent}`;return}r.innerHTML="";let n=ke(r.originalParent)?e:r.originalParent||e;n.insertBefore(r,q("."+x,n)||null)},$e=(e,r,n)=>Math.min(Math.max(r+e,0),n.length);var R=(e,r)=>Object.assign({},e,r),W=e=>{if(!e)return;let r=e.parentNode;(r.childNodes.length>1?e:r).remove()},Re=(e,r,n)=>{let i=r[n-1],o=q(`.${x}`,e);e=(i==null?void 0:i.parentNode)||e,e.insertBefore(o,i||null)};function He(e){return typeof e=="string"?q(e):e}var Oe=e=>/<(.+)>(.*?)<\/(.+)>/.test(e.outerHTML);let Be=async(e,r,n)=>new Promise(i=>{let o=async()=>{await e(),i()};n.push(setTimeout(o,r||0))}),Qe={"font-family":"","font-weight":"","font-size":"","font-style":"","line-height":"",color:"","margin-left":"-.125em","margin-right":".125em"},ze=(e,r,n)=>{let o=`${`[${le}='${e}']`} .${x}`,u=getComputedStyle(n),w=Object.entries(Qe).reduce((f,[b,S])=>`${f} ${b}: var(--ti-cursor-${b}, ${S||u[b]});`,"");se(`@keyframes blink-${e} { 0% {opacity: 0} 49% {opacity: 0} 50% {opacity: 1} } ${o} { display: inline; letter-spacing: -1em; ${w} animation: blink-${e} ${r.cursorSpeed/1e3}s infinite; } ${o}.with-delay { animation-delay: 500ms; } ${o}.disabled { animation: none; }`,e)};var J=(e,r)=>new Array(r).fill(e);const fe=({queueItems:e,selector:r,cursorPosition:n,to:i})=>{if(ce(r))return r*-1;let o=new RegExp(ve,"i").test(i),u=r?[...e].reverse().findIndex(({char:f})=>{let b=f.parentElement,S=b.matches(r);return o&&S?!0:S&&b.firstChild.isSameNode(f)}):-1;u<0&&(u=o?0:e.length-1);let w=o?0:1;return u-n+w};let Fe=async(e,r)=>{let n=async()=>{var i;return(i=e.func)==null?void 0:i.call(globalThis)};e.delay?await r(async()=>{await n()},e.delay):await n()};const je=function(e,r={}){let n=async(t,l,p=!1)=>{C.frozen&&await new Promise(y=>{this.unfreeze=()=>{C.frozen=!1,y()}}),p||await s.beforeStep(this),await Be(t,l,G),p||await s.afterStep(this)},i=()=>V(g),o=(t=0)=>Le(s)[t],u=()=>Me(g),w=(t={})=>{let l=t.delay;l&&v.add({delay:l})},f=(t,l)=>(v.add(t),w(l),this),b=()=>Q!=null?Q:M,S=(t={})=>[{func:()=>O(t)},{func:()=>O(s)}],D=t=>{let l=s.nextStringDelay;v.add([{delay:l[0]},...t,{delay:l[1]}])},m=()=>{if(i())return;let t=$("span");return t.className=x,Z?(t.innerHTML=ne(s.cursorChar).innerHTML,t):(t.style.visibility="hidden",t)},d=async()=>{!i()&&N&&g.appendChild(N),Z&&ze(me,s,g)},_=t=>{Z&&N&&(N.classList.toggle("disabled",t),N.classList.toggle("with-delay",!t))},I=()=>{let t=s.strings.filter(l=>!!l);t.forEach((l,p)=>{if(this.type(l),p+1===t.length)return;let y=s.breakLines?[{func:()=>Y($("BR")),typeable:!0}]:J({func:B,delay:o(1)},v.getTypeable().length);D(y)})},X=async t=>{let l=b();l&&await he({value:l});for(let p of u())await n(B,o(1));v.reset(),v.set(0,{delay:t})},H=t=>{let l=g.innerHTML;return l?(g.innerHTML="",s.startDelete?(g.innerHTML=l,U(g),D([{func:B}]),t):l.replace(/<!--(.+?)-->/g,"").trim().split(/<br(?:\s*?)(?:\/)?>/).concat(t)):t},T=async(t=!0)=>{C.started=!0;try{for(let[p,y]of v.getQueue())y.done||(y.typeable&&!C.frozen&&_(!0),(!y.deletable||y.deletable&&u().length)&&await Fe(y,n),_(!1),v.done(p,!t));if(!t)return this;if(C.completed=!0,await s.afterComplete(this),!s.loop)throw"";let l=s.loopDelay;n(async()=>{await X(l[0]),T()},l[1])}catch{}return this},he=async t=>{M=$e(t,M,u()),Re(g,u(),M)},Y=t=>xe(g,t),O=async t=>s=R(s,t),Ve=async()=>{if(i()){g.value="";return}u().forEach(W)},B=()=>{let t=u();!t.length||(i()?g.value=g.value.slice(0,-1):W(t[M]))};this.break=function(t){return f({func:()=>Y($("BR")),typeable:!0},t)},this.delete=function(t=null,l={}){t=P(t);let p=S(l),y=t,{instant:z,to:L}=l,A=v.getTypeable(),k=(()=>y===null?A.length:ce(y)?y:fe({queueItems:A,selector:y,cursorPosition:b(),to:L}))();return f([p[0],...J({func:B,delay:z?0:o(1),deletable:!0},k),p[1]],l)},this.empty=function(t={}){return f({func:Ve},t)},this.exec=function(t,l={}){let p=S(l);return f([p[0],{func:()=>t(this)},p[1]],l)},this.move=function(t,l={}){t=P(t);let p=S(l),{instant:y,to:z}=l,L=fe({queueItems:v.getTypeable(),selector:t===null?"":t,to:z,cursorPosition:b()}),A=L<0?-1:1;return Q=b()+L,f([p[0],...J({func:()=>he(A),delay:y?0:o()},Math.abs(L)),p[1]],l)},this.options=function(t,l={}){return t=P(t),O(t),f({},l)},this.pause=function(t,l={}){return f({delay:P(t)},l)},this.type=function(t,l={}){t=P(t);let{instant:p}=l,y=S(l),L=Ne(t,s.html).map(k=>({func:()=>Y(k),char:k,delay:p||Oe(k)?0:o(),typeable:k.nodeType===Node.TEXT_NODE})),A=[y[0],{func:async()=>await s.beforeString(t,this)},...L,{func:async()=>await s.afterString(t,this)},y[1]];return f(A,l)},this.is=function(t){return C[t]},this.destroy=function(t=!0){G=Pe(G),P(t)&&N&&W(N),C.destroyed=!0},this.freeze=function(){C.frozen=!0},this.unfreeze=()=>{},this.reset=function(t){!this.is("destroyed")&&this.destroy(),t?(v.wipe(),t(this)):v.reset(),M=0;for(let l in C)C[l]=!1;return g[i()?"value":"innerHTML"]="",this},this.go=function(){return C.started?this:(d(),s.waitUntilVisible?(Ae(g,T.bind(this)),this):(T(),this))},this.flush=function(t=()=>{}){return d(),T(!1).then(t),this},this.getQueue=()=>v,this.getOptions=()=>s,this.updateOptions=t=>O(t),this.getElement=()=>g;let g=He(e),G=[],M=0,Q=null,C=R({},Ee),s=R(we,r);s=R(s,{html:!i()&&s.html,nextStringDelay:oe(s.nextStringDelay),loopDelay:oe(s.loopDelay)});let me=De(),v=Te([{func:()=>{},delay:s.startDelay}]);g.dataset.typeitId=me,se(Ce);let Z=s.cursor&&!i(),N=m();s.strings=H(te(s.strings)),s.strings.length&&I()},{useRef:de,useEffect:K,useState:pe}=h,Ue={as:"span",options:{},getBeforeInit:e=>e,getAfterInit:e=>e},ye=e=>{const r=de(null),n=de(null),H=e,{options:i,as:o,children:u,getBeforeInit:w,getAfterInit:f}=H,b=_e(H,["options","as","children","getBeforeInit","getAfterInit"]),[S,D]=pe(!0),[m,d]=pe(null),_=o;function I(){const T=Object.assign({},i);u&&r.current&&(T.strings=r.current.innerHTML),d(T)}function X(){n.current=new je(r.current,m),n.current=w(n.current),n.current.go(),n.current=f(n.current)}return K(()=>{I(),D(!1)},[i]),K(()=>{var T;!m||(T=n.current)!=null&&T.updateOptions(m)||X()},[m]),K(()=>()=>{var T;return(T=n.current)==null?void 0:T.destroy()},[]),h.createElement(_,ee({ref:r,children:S?u:null,style:{opacity:S?0:1}},b))};return ye.defaultProps=Ue,ye});
+var __defProp=Object.defineProperty,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,r)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,__spreadValues=(e,t)=>{for(var r in t||(t={}))__hasOwnProp.call(t,r)&&__defNormalProp(e,r,t[r]);if(__getOwnPropSymbols)for(var r of __getOwnPropSymbols(t))__propIsEnum.call(t,r)&&__defNormalProp(e,r,t[r]);return e},__objRest=(e,t)=>{var r={};for(var n in e)__hasOwnProp.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&__getOwnPropSymbols)for(var n of __getOwnPropSymbols(e))t.indexOf(n)<0&&__propIsEnum.call(e,n)&&(r[n]=e[n]);return r};!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).TypeIt=t(e.React)}(this,(function(e){"use strict";function t(e){if(e&&e.__esModule)return e;var t={__proto__:null,[Symbol.toStringTag]:"Module"};return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var r=t(e),n=e=>Array.isArray(e),i=e=>n(e)?e:[e];var a=e=>Array.from(e),l=e=>document.createTextNode(e);let o=e=>([...e.childNodes].forEach((e=>{if(e.nodeValue)return[...e.nodeValue].forEach((t=>{e.parentNode.insertBefore(l(t),e)})),void e.remove();o(e)})),e);var s=e=>{let t=document.implementation.createHTMLDocument();return t.body.innerHTML=e,o(t.body)};const u="ti-cursor",c={started:!1,completed:!1,frozen:!1,destroyed:!1},d={breakLines:!0,cursor:!0,cursorChar:"|",cursorSpeed:1e3,deleteSpeed:null,html:!0,lifeLike:!0,loop:!1,loopDelay:750,nextStringDelay:750,speed:100,startDelay:250,startDelete:!1,strings:[],waitUntilVisible:!1,beforeString:()=>{},afterString:()=>{},beforeStep:()=>{},afterStep:()=>{},afterComplete:()=>{}};function f(e,t=!1){let r,n=document.createTreeWalker(e,NodeFilter.SHOW_ALL,{acceptNode:e=>{var t;return(null==(t=e.classList)?void 0:t.contains(u))?NodeFilter.FILTER_REJECT:NodeFilter.FILTER_ACCEPT}}),i=[];for(;r=n.nextNode();)r.originalParent=r.parentNode,i.push(r);return t?i.reverse():i}function p(e,t=!0){return t?f(s(e)):a(e).map(l)}var y=e=>document.createElement(e),h=(e,t="")=>{let r=y("style");r.id=t,r.appendChild(l(e)),document.head.appendChild(r)},g=e=>(n(e)||(e=[e/2,e/2]),e),m=(e,t)=>Math.abs(Math.random()*(e+t-(e-t))+(e-t));let b=e=>e/2;var v=e=>"value"in e;let _=e=>"function"==typeof e?e():e;var w=e=>Number.isInteger(e);let T=(e,t=document,r=!1)=>t["querySelector"+(r?"All":"")](e);var O=(e,t)=>Object.assign({},e,t),S=e=>{if(!e)return;let t=e.parentNode;(t.childNodes.length>1?e:t).remove()};let P={"font-family":"","font-weight":"","font-size":"","font-style":"","line-height":"",color:"","margin-left":"-.125em","margin-right":".125em"};var E=(e,t)=>new Array(t).fill(e);const N=({queueItems:e,selector:t,cursorPosition:r,to:n})=>{if(w(t))return-1*t;let i=new RegExp("END","i").test(n),a=t?[...e].reverse().findIndex((({char:e})=>{let r=e.parentElement,n=r.matches(t);return!(!i||!n)||n&&r.firstChild.isSameNode(e)})):-1;return a<0&&(a=i?0:e.length-1),a-r+(i?0:1)};let I=async(e,t)=>{let r=async()=>{var t;return null==(t=e.func)?void 0:t.call(globalThis)};e.delay?await t((async()=>{await r()}),e.delay):await r()};const L=function(e,t={}){let r=async(e,t,r=!1)=>{J.frozen&&await new Promise((e=>{this.unfreeze=()=>{J.frozen=!1,e()}})),r||await X.beforeStep(this),await(async(e,t,r)=>new Promise((n=>{r.push(setTimeout((async()=>{await e(),n()}),t||0))})))(e,t,Q),r||await X.afterStep(this)},n=()=>v(q),l=(e=0)=>function(e){let{speed:t,deleteSpeed:r,lifeLike:n}=e;return r=null!==r?r:t/3,n?[m(t,b(t)),m(r,b(r))]:[t,r]}(X)[e],L=()=>(e=>v(e)?a(e.value):f(e,!0).filter((e=>!(e.childNodes.length>0))))(q),M=(e,t)=>(G.add(e),((e={})=>{let t=e.delay;t&&G.add({delay:t})})(t),this),D=()=>null!=W?W:U,x=(e={})=>[{func:()=>R(e)},{func:()=>R(X)}],j=e=>{let t=X.nextStringDelay;G.add([{delay:t[0]},...e,{delay:t[1]}])},$=async()=>{!n()&&Z&&q.appendChild(Z),K&&((e,t,r)=>{let n=`[data-typeit-id='${e}'] .ti-cursor`,i=getComputedStyle(r),a=Object.entries(P).reduce(((e,[t,r])=>`${e} ${t}: var(--ti-cursor-${t}, ${r||i[t]});`),"");h(`@keyframes blink-${e} { 0% {opacity: 0} 49% {opacity: 0} 50% {opacity: 1} } ${n} { display: inline; letter-spacing: -1em; ${a} animation: blink-${e} ${t.cursorSpeed/1e3}s infinite; } ${n}.with-delay { animation-delay: 500ms; } ${n}.disabled { animation: none; }`,e)})(Y,X,q)},C=e=>{K&&Z&&(Z.classList.toggle("disabled",e),Z.classList.toggle("with-delay",!e))},k=()=>{let e=X.strings.filter((e=>!!e));e.forEach(((t,r)=>{if(this.type(t),r+1===e.length)return;let n=X.breakLines?[{func:()=>z(y("BR")),typeable:!0}]:E({func:V,delay:l(1)},G.getTypeable().length);j(n)}))},H=async(e=!0)=>{J.started=!0;try{for(let[n,i]of G.getQueue())i.done||(i.typeable&&!J.frozen&&C(!0),(!i.deletable||i.deletable&&L().length)&&await I(i,r),C(!1),G.done(n,!e));if(!e)return this;if(J.completed=!0,await X.afterComplete(this),!X.loop)throw"";let t=X.loopDelay;r((async()=>{await(async e=>{let t=D();t&&await A({value:t});for(let n of L())await r(V,l(1));G.reset(),G.set(0,{delay:e})})(t[0]),H()}),t[1])}catch(t){}return this},A=async e=>{var t,r,n;t=e,r=U,n=L(),U=Math.min(Math.max(r+t,0),n.length),((e,t,r)=>{let n=t[r-1],i=T(".ti-cursor",e);(e=(null==n?void 0:n.parentNode)||e).insertBefore(i,n||null)})(q,L(),U)},z=e=>((e,t)=>{if(v(e))return void(e.value=`${e.value}${t.textContent}`);t.innerHTML="";let r="BODY"===(null==(n=t.originalParent)?void 0:n.tagName)?e:t.originalParent||e;var n;r.insertBefore(t,T(".ti-cursor",r)||null)})(q,e),R=async e=>X=O(X,e),B=async()=>{n()?q.value="":L().forEach(S)},V=()=>{let e=L();e.length&&(n()?q.value=q.value.slice(0,-1):S(e[U]))};this.break=function(e){return M({func:()=>z(y("BR")),typeable:!0},e)},this.delete=function(e=null,t={}){e=_(e);let r=x(t),n=e,{instant:i,to:a}=t,o=G.getTypeable(),s=null===n?o.length:w(n)?n:N({queueItems:o,selector:n,cursorPosition:D(),to:a});return M([r[0],...E({func:V,delay:i?0:l(1),deletable:!0},s),r[1]],t)},this.empty=function(e={}){return M({func:B},e)},this.exec=function(e,t={}){let r=x(t);return M([r[0],{func:()=>e(this)},r[1]],t)},this.move=function(e,t={}){e=_(e);let r=x(t),{instant:n,to:i}=t,a=N({queueItems:G.getTypeable(),selector:null===e?"":e,to:i,cursorPosition:D()}),o=a<0?-1:1;return W=D()+a,M([r[0],...E({func:()=>A(o),delay:n?0:l()},Math.abs(a)),r[1]],t)},this.options=function(e,t={}){return e=_(e),R(e),M({},t)},this.pause=function(e,t={}){return M({delay:_(e)},t)},this.type=function(e,t={}){e=_(e);let{instant:r}=t,n=x(t),i=p(e,X.html).map((e=>{return{func:()=>z(e),char:e,delay:r||(t=e,/<(.+)>(.*?)<\/(.+)>/.test(t.outerHTML))?0:l(),typeable:e.nodeType===Node.TEXT_NODE};var t})),a=[n[0],{func:async()=>await X.beforeString(e,this)},...i,{func:async()=>await X.afterString(e,this)},n[1]];return M(a,t)},this.is=function(e){return J[e]},this.destroy=function(e=!0){Q.forEach(clearTimeout),Q=[],_(e)&&Z&&S(Z),J.destroyed=!0},this.freeze=function(){J.frozen=!0},this.unfreeze=()=>{},this.reset=function(e){!this.is("destroyed")&&this.destroy(),e?(G.wipe(),e(this)):G.reset(),U=0;for(let t in J)J[t]=!1;return q[n()?"value":"innerHTML"]="",this},this.go=function(){return J.started?this:($(),X.waitUntilVisible?(((e,t)=>{new IntersectionObserver(((r,n)=>{r.forEach((r=>{r.isIntersecting&&(t(),n.unobserve(e))}))}),{threshold:1}).observe(e)})(q,H.bind(this)),this):(H(),this))},this.flush=function(e=(()=>{})){return $(),H(!1).then(e),this},this.getQueue=()=>G,this.getOptions=()=>X,this.updateOptions=e=>R(e),this.getElement=()=>q;let q="string"==typeof(F=e)?T(F):F;var F;let Q=[],U=0,W=null,J=O({},c),X=O(d,t);X=O(X,{html:!n()&&X.html,nextStringDelay:g(X.nextStringDelay),loopDelay:g(X.loopDelay)});let Y=Math.random().toString().substring(2,9),G=function(e){let t=function(e){return i(e).forEach((e=>{var t;return n.set(Symbol(null==(t=e.char)?void 0:t.innerText),__spreadValues({},e))})),this},r=()=>Array.from(n.values()),n=new Map;return t(e),{add:t,set:function(e,t){let r=[...n.keys()];n.set(r[e],t)},wipe:function(){n=new Map,t(e)},reset:function(){n.forEach((e=>delete e.done))},destroy:e=>n.delete(e),done:(e,t=!1)=>t?n.delete(e):n.get(e).done=!0,getItems:(e=!1)=>e?r():r().filter((e=>!e.done)),getQueue:()=>n,getTypeable:()=>r().filter((e=>e.typeable))}}([{func:()=>{},delay:X.startDelay}]);q.dataset.typeitId=Y,h("[data-typeit-id]:before {content: '.'; display: inline-block; width: 0; visibility: hidden;}");let K=X.cursor&&!n(),Z=(()=>{if(n())return;let e=y("span");return e.className=u,K?(e.innerHTML=s(X.cursorChar).innerHTML,e):(e.style.visibility="hidden",e)})();X.strings=(e=>{let t=q.innerHTML;return t?(q.innerHTML="",X.startDelete?(q.innerHTML=t,o(q),j([{func:V}]),e):t.replace(/<!--(.+?)-->/g,"").trim().split(/<br(?:\s*?)(?:\/)?>/).concat(e)):e})(i(X.strings)),X.strings.length&&k()},{useRef:M,useEffect:D,useState:x}=r,j=e=>{const t=M(null),n=M(null),i=e,{options:a,as:l,children:o,getBeforeInit:s,getAfterInit:u}=i,c=__objRest(i,["options","as","children","getBeforeInit","getAfterInit"]),[d,f]=x(!0),[p,y]=x(null),h=l;return D((()=>{!function(){const e=Object.assign({},a);o&&t.current&&(e.strings=t.current.innerHTML),y(e)}(),f(!1)}),[a]),D((()=>{var e;p&&((null==(e=n.current)?void 0:e.updateOptions(p))||(n.current=new L(t.current,p),n.current=s(n.current),n.current.go(),n.current=u(n.current)))}),[p]),D((()=>()=>{var e;return null==(e=n.current)?void 0:e.destroy()}),[]),r.createElement(h,__spreadValues({ref:t,children:d?o:null,style:{opacity:d?0:1}},c))};return j.defaultProps={as:"span",options:{},getBeforeInit:e=>e,getAfterInit:e=>e},j}));

package.json

 {
   "name": "typeit-react",
-  "version": "2.4.4",
+  "version": "2.4.5",
   "description": "React component for the most versatile JavaScript animated typing utility on the planet.",
@@ -14,3 +14,3 @@ "homepage": "https://typeitjs.com",
     "test": "echo \"Error: no test specified\" && exit 0",
-    "prepublishOnly": "npm run build"
+    "prepare": "npm run build"
   },
@@ -41,13 +41,14 @@ "files": [
   "dependencies": {
-    "@types/react": "^18.0.7",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0",
-    "typeit": "^8.5.4",
-    "vite": "^2.9.5"
+    "@types/react": "^18.0.12",
+    "react": "^18.1.0",
+    "react-dom": "^18.1.0",
+    "typeit": "^8.5.5",
+    "vite": "^2.9.10"
   },
   "devDependencies": {
-    "@babel/preset-typescript": "^7.16.7",
-    "lint-staged": "^12.4.0",
-    "typescript": "^4.6.3"
-  }
+    "@babel/preset-typescript": "^7.17.12",
+    "lint-staged": "^13.0.0",
+    "typescript": "^4.7.3"
+  },
+  "gitHead": "3d75d651ee02b7cb0071d117ffda360a777ead3d"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Copyleft License

License

(Experimental) Copyleft license information was found.

Found 1 instance in 1 package

Mixed license

License

(Experimental) Package contains multiple licenses.

Found 1 instance in 1 package

Non-permissive License

License

(Experimental) A license not known to be considered permissive was found.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Copyleft License

License

(Experimental) Copyleft license information was found.

Found 1 instance in 1 package

Non-permissive License

License

(Experimental) A license not known to be considered permissive was found.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

76427

increased by85.57%

Number of package files

8

increased by14.29%

Worsened metrics

Number of low license alerts

3

increased by50%

Dependency changes

• Updated@types/react@^18.0.12

• Updatedreact@^18.1.0

• Updatedreact-dom@^18.1.0

• Updatedtypeit@^8.5.5

• Updatedvite@^2.9.10