typeit-react - npm Package Compare versions

Comparing version 2.4.0 to 2.4.1

dist/index.es.js

@@ -276,3 +276,3 @@ var __defProp = Object.defineProperty;
   let isMovingToEnd = new RegExp(END, "i").test(to);
-  let selectorIndex = [...queueItems].reverse().findIndex(({ char }) => {
+  let selectorIndex = selector ? [...queueItems].reverse().findIndex(({ char }) => {
     let parentElement = char.parentElement;
@@ -284,3 +284,3 @@ let parentMatches = parentElement.matches(selector);
     return parentMatches && parentElement.firstChild.isSameNode(char);
-  });
+  }) : -1;
   if (selectorIndex < 0) {
@@ -287,0 +287,0 @@ selectorIndex = isMovingToEnd ? 0 : queueItems.length - 1;

dist/index.umd.js

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

package.json

 {
   "name": "typeit-react",
-  "version": "2.4.0",
+  "version": "2.4.1",
   "description": "React component for the most versatile JavaScript animated typing utility on the planet.",
@@ -43,3 +43,3 @@ "homepage": "https://typeitjs.com",
     "react-dom": "^18.0.0",
-    "typeit": "^8.5.0",
+    "typeit": "^8.5.1",
     "vite": "^2.9.5"
@@ -46,0 +46,0 @@ },

No alert changes

Improved metrics

Total package byte prevSize

40523

increased by0.05%

Dependency changes

• Updatedtypeit@^8.5.1