typeit-react - npm Package Compare versions

Comparing version 2.4.1 to 2.4.2

dist/index.es.js

@@ -329,2 +329,3 @@ var __defProp = Object.defineProperty;
   };
+  let _getDerivedCursorPosition = () => _predictedCursorPosition != null ? _predictedCursorPosition : _cursorPosition;
   let _generateTemporaryOptionQueueItems = (newOptions = {}) => {
@@ -377,3 +378,4 @@ return [
   let _prepLoop = async (delay) => {
-    _cursorPosition && await _move({ value: _cursorPosition });
+    let derivedCursorPosition = _getDerivedCursorPosition();
+    derivedCursorPosition && await _move({ value: derivedCursorPosition });
     for (let _i of _queue.getTypeable()) {
@@ -475,3 +477,3 @@ await _wait(_delete, _getPace(1));
         selector: num,
-        cursorPosition: _predictedCursorPosition,
+        cursorPosition: _getDerivedCursorPosition(),
         to
@@ -504,6 +506,6 @@ });
       to,
-      cursorPosition: _cursorPosition
+      cursorPosition: _getDerivedCursorPosition()
     });
     let directionalStep = numberOfSteps < 0 ? -1 : 1;
-    _predictedCursorPosition = _cursorPosition + numberOfSteps;
+    _predictedCursorPosition = _getDerivedCursorPosition() + numberOfSteps;
     return _queueAndReturn([
@@ -601,3 +603,3 @@ bookEndQueueItems[0],
   let _cursorPosition = 0;
-  let _predictedCursorPosition = 0;
+  let _predictedCursorPosition = null;
   let _statuses = merge({}, DEFAULT_STATUSES);
@@ -604,0 +606,0 @@ let _opts = merge(DEFAULT_OPTIONS, options);

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=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});
+var qe=Object.defineProperty;var F=Object.getOwnPropertySymbols;var be=Object.prototype.hasOwnProperty,Se=Object.prototype.propertyIsEnumerable;var ge=(a,u,y)=>u in a?qe(a,u,{enumerable:!0,configurable:!0,writable:!0,value:y}):a[u]=y,Z=(a,u)=>{for(var y in u||(u={}))be.call(u,y)&&ge(a,y,u[y]);if(F)for(var y of F(u))Se.call(u,y)&&ge(a,y,u[y]);return a};var _e=(a,u)=>{var y={};for(var E in a)be.call(a,E)&&u.indexOf(E)<0&&(y[E]=a[E]);if(a!=null&&F)for(var E of F(a))u.indexOf(E)<0&&Se.call(a,E)&&(y[E]=a[E]);return y};(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 y=u(a),E=e=>Array.isArray(e),ee=e=>E(e)?e:[e];let Te=function(e){let r=function(d){return ee(d).forEach(_=>{var I;return h.set(Symbol((I=_.char)==null?void 0:I.innerText),Z({},_))}),this},n=()=>f().filter(d=>d.typeable),i=function(d,_){let I=h.keys();h.set(I[d],_)},o=function(){h.forEach(d=>delete d.done)},c=function(){h=new Map,r(e)},w=()=>h,f=()=>Array.from(h.values()),g=d=>h.delete(d),S=(d=!1)=>d?f():f().filter(_=>!_.done),D=(d,_=!1)=>_?h.delete(d):h.get(d).done=!0,h=new Map;return r(e),{add:r,set:i,wipe:c,reset:o,destroy:g,done:D,getItems:S,getQueue:w,getTypeable:n}};var te=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 re=e=>{let r=document.implementation.createHTMLDocument();return r.body.innerHTML=e,U(r.body)};const ne="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=`[${ne}]:before {content: '.'; display: inline-block; width: 0; visibility: hidden;}`;function le(e,r=!1){let n=document.createTreeWalker(e,NodeFilter.SHOW_ALL,{acceptNode:c=>{var w;return(w=c.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 le(re(e))}function Ne(e,r=!0){return r?Ie(e):te(e).map(j)}var $=e=>document.createElement(e),ie=(e,r="")=>{let n=$("style");n.id=r,n.appendChild(j(e)),document.head.appendChild(n)},se=e=>(E(e)||(e=[e/2,e/2]),e),oe=(e,r)=>Math.abs(Math.random()*(e+r-(e-r))+(e-r));let ae=e=>e/2;function Le(e){let{speed:r,deleteSpeed:n,lifeLike:i}=e;return n=n!==null?n:r/3,i?[oe(r,ae(r)),oe(n,ae(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)?te(e.value):le(e,!0).filter(r=>!(r.childNodes.length>0));var ke=(e,r)=>{new IntersectionObserver((i,o)=>{i.forEach(c=>{c.isIntersecting&&(r(),o.unobserve(e))})},{threshold:1}).observe(e)};let P=e=>typeof e=="function"?e():e;var ue=e=>Number.isInteger(e);let q=(e,r=document,n=!1)=>r[`querySelector${n?"All":""}`](e),Ae=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=Ae(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=`${`[${ne}='${e}']`} .${x}`,c=getComputedStyle(n),w=Object.entries(Qe).reduce((f,[g,S])=>`${f} ${g}: var(--ti-cursor-${g}, ${S||c[g]});`,"");ie(`@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 ce=(e,r)=>new Array(r).fill(e);const fe=({queueItems:e,selector:r,cursorPosition:n,to:i})=>{if(ue(r))return r*-1;let o=new RegExp(ve,"i").test(i),c=r?[...e].reverse().findIndex(({char:f})=>{let g=f.parentElement,S=g.matches(r);return o&&S?!0:S&&g.firstChild.isSameNode(f)}):-1;c<0&&(c=o?0:e.length-1);let w=o?0:1;return c-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(b=>{this.unfreeze=()=>{C.frozen=!1,b()}}),p||await s.beforeStep(this),await Be(t,l,Y),p||await s.afterStep(this)},i=()=>V(m),o=(t=0)=>Le(s)[t],c=()=>Me(m),w=(t={})=>{let l=t.delay;l&&v.add({delay:l})},f=(t,l)=>(v.add(t),w(l),this),g=()=>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]}])},h=()=>{if(i())return;let t=$("span");return t.className=x,G?(t.innerHTML=re(s.cursorChar).innerHTML,t):(t.style.visibility="hidden",t)},d=async()=>{!i()&&N&&m.appendChild(N),G&&ze(me,s,m)},_=t=>{G&&N&&(N.classList.toggle("disabled",t),N.classList.toggle("with-delay",!t))},I=()=>{let t=s.strings.filter(l=>!!l);t.forEach((l,p)=>{this.type(l),p+1!==t.length&&D({func:s.breakLines?()=>X($("BR")):B,typeable:!!s.breakLines})})},K=async t=>{let l=g();l&&await he({value:l});for(let p of v.getTypeable())await n(B,o(1));v.reset(),v.set(0,{delay:t})},H=t=>{let l=m.innerHTML;return l?(m.innerHTML="",s.startDelete?(m.innerHTML=l,U(m),D({func:B}),t):l.trim().split(/<br(?:\s*?)(?:\/)?>/).concat(t)):t},T=async(t=!0)=>{C.started=!0;try{for(let[p,b]of v.getQueue())b.done||(b.typeable&&_(!0),await Fe(b,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 K(l[0]),T()},l[1])}catch{}return this},he=async t=>{M=$e(t,M,c()),Re(m,c(),M)},X=t=>xe(m,t),O=async t=>s=R(s,t),Ve=async()=>{if(i()){m.value="";return}c().forEach(W)},B=()=>{let t=c();!t.length||(i()?m.value=m.value.slice(0,-1):W(t[M]))};this.break=function(t){return f({func:()=>X($("BR")),typeable:!0},t)},this.delete=function(t=null,l={}){t=P(t);let p=S(l),b=t,{instant:z,to:L}=l,k=v.getTypeable(),A=(()=>b===null?k.length:ue(b)?b:fe({queueItems:k,selector:b,cursorPosition:g(),to:L}))();return f([p[0],...ce({func:B,delay:z?0:o(1)},A),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:b,to:z}=l,L=fe({queueItems:v.getTypeable(),selector:t===null?"":t,to:z,cursorPosition:g()}),k=L<0?-1:1;return Q=g()+L,f([p[0],...ce({func:()=>he(k),delay:b?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,b=S(l),L=Ne(t,s.html).map(A=>({func:()=>X(A),char:A,delay:p||Oe(A)?0:o(),typeable:A.nodeType===Node.TEXT_NODE})),k=[b[0],{func:async()=>await s.beforeString(t,this)},...L,{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){Y=Pe(Y),P(t)&&N&&W(N),C.destroyed=!0},this.freeze=function(){C.frozen=!0},this.unfreeze=function(){},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 m[i()?"value":"innerHTML"]="",this},this.go=function(){return C.started?this:(d(),s.waitUntilVisible?(ke(m,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=()=>m;let m=He(e),Y=[],M=0,Q=null,C=R({},Ee),s=R(we,r);s=R(s,{html:!i()&&s.html,nextStringDelay:se(s.nextStringDelay),loopDelay:se(s.loopDelay)});let me=De(),v=Te([{func:()=>{},delay:s.startDelay}]);m.dataset.typeitId=me,ie(Ce);let G=s.cursor&&!i(),N=h();s.strings=H(ee(s.strings)),s.strings.length&&I()},{useRef:de,useEffect:J,useState:pe}=y,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:c,getBeforeInit:w,getAfterInit:f}=H,g=_e(H,["options","as","children","getBeforeInit","getAfterInit"]),[S,D]=pe(!0),[h,d]=pe(null),_=o;function I(){const T=Object.assign({},i);c&&r.current&&(T.strings=r.current.innerHTML),d(T)}function K(){n.current=new je(r.current,h),n.current=w(n.current),n.current.go(),n.current=f(n.current)}return J(()=>{I(),D(!1)},[i]),J(()=>{var T;!h||(T=n.current)!=null&&T.updateOptions(h)||K()},[h]),J(()=>()=>{var T;return(T=n.current)==null?void 0:T.destroy()},[]),y.createElement(_,Z({ref:r,children:S?c:null,style:{opacity:S?0:1}},g))};return ye.defaultProps=Ue,ye});

package.json

 {
   "name": "typeit-react",
-  "version": "2.4.1",
+  "version": "2.4.2",
   "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.1",
+    "typeit": "^8.5.2",
     "vite": "^2.9.5"
@@ -46,0 +46,0 @@ },

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

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

Improved metrics

Total package byte prevSize

40785

increased by0.65%

Lines of code

801

increased by0.25%

Dependency changes

• Updatedtypeit@^8.5.2