typeit-react - npm Package Compare versions

Comparing version 2.4.3 to 2.4.4

dist/index.es.js

@@ -44,3 +44,3 @@ var __defProp = Object.defineProperty;
   let set = function(index, item) {
-    let keys = _q.keys();
+    let keys = [..._q.keys()];
     _q.set(keys[index], item);
@@ -381,3 +381,3 @@ };
     derivedCursorPosition && await _move({ value: derivedCursorPosition });
-    for (let _i of _queue.getTypeable()) {
+    for (let _i of _getAllChars()) {
       await _wait(_delete, _getPace(1));
@@ -411,3 +411,5 @@ }
           _disableCursorBlink(true);
-        await fireItem(queueItem, _wait);
+        if (!queueItem.deletable || queueItem.deletable && _getAllChars().length) {
+          await fireItem(queueItem, _wait);
+        }
         _disableCursorBlink(false);
@@ -487,3 +489,4 @@ _queue.done(queueKey, !remember);
         func: _delete,
-        delay: instant ? 0 : _getPace(1)
+        delay: instant ? 0 : _getPace(1),
+        deletable: true
       }, rounds),
@@ -490,0 +493,0 @@ bookEndQueueItems[1]

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,u,y)=>u in a?qe(a,u,{enumerable:!0,configurable:!0,writable:!0,value:y}):a[u]=y,ee=(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 Te=(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),te=e=>E(e)?e:[e];let _e=function(e){let r=function(d){return te(d).forEach(_=>{var I;return h.set(Symbol((I=_.char)==null?void 0:I.innerText),ee({},_))}),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()),b=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: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: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 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(c=>{c.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}`,c=getComputedStyle(n),w=Object.entries(Qe).reduce((f,[b,S])=>`${f} ${b}: var(--ti-cursor-${b}, ${S||c[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),c=r?[...e].reverse().findIndex(({char:f})=>{let b=f.parentElement,S=b.matches(r);return o&&S?!0:S&&b.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(g=>{this.unfreeze=()=>{C.frozen=!1,g()}}),p||await s.beforeStep(this),await Be(t,l,G),p||await s.afterStep(this)},i=()=>V(m),o=(t=0)=>Le(s)[t],c=()=>Me(m),w=(t={})=>{let l=t.delay;l&&T.add({delay:l})},f=(t,l)=>(T.add(t),w(l),this),b=()=>Q!=null?Q:M,S=(t={})=>[{func:()=>O(t)},{func:()=>O(s)}],D=t=>{let l=s.nextStringDelay;T.add([{delay:l[0]},...t,{delay:l[1]}])},h=()=>{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&&m.appendChild(N),Z&&ze(me,s,m)},_=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 g=s.breakLines?[{func:()=>Y($("BR")),typeable:!0}]:J({func:B,delay:o(1)},T.getTypeable().length);D(g)})},X=async t=>{let l=b();l&&await he({value:l});for(let p of T.getTypeable())await n(B,o(1));T.reset(),T.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.replace(/<!--(.+?)-->/g,"").trim().split(/<br(?:\s*?)(?:\/)?>/).concat(t)):t},v=async(t=!0)=>{C.started=!0;try{for(let[p,g]of T.getQueue())g.done||(g.typeable&&!C.frozen&&_(!0),await Fe(g,n),_(!1),T.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]),v()},l[1])}catch{}return this},he=async t=>{M=$e(t,M,c()),Re(m,c(),M)},Y=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:()=>Y($("BR")),typeable:!0},t)},this.delete=function(t=null,l={}){t=P(t);let p=S(l),g=t,{instant:z,to:L}=l,A=T.getTypeable(),k=(()=>g===null?A.length:ce(g)?g:fe({queueItems:A,selector:g,cursorPosition:b(),to:L}))();return f([p[0],...J({func:B,delay:z?0:o(1)},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:g,to:z}=l,L=fe({queueItems:T.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:g?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,g=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=[g[0],{func:async()=>await s.beforeString(t,this)},...L,{func:async()=>await s.afterString(t,this)},g[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?(T.wipe(),t(this)):T.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?(Ae(m,v.bind(this)),this):(v(),this))},this.flush=function(t=()=>{}){return d(),v(!1).then(t),this},this.getQueue=()=>T,this.getOptions=()=>s,this.updateOptions=t=>O(t),this.getElement=()=>m;let m=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(),T=_e([{func:()=>{},delay:s.startDelay}]);m.dataset.typeitId=me,se(Ce);let Z=s.cursor&&!i(),N=h();s.strings=H(te(s.strings)),s.strings.length&&I()},{useRef:de,useEffect:K,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,b=Te(H,["options","as","children","getBeforeInit","getAfterInit"]),[S,D]=pe(!0),[h,d]=pe(null),_=o;function I(){const v=Object.assign({},i);c&&r.current&&(v.strings=r.current.innerHTML),d(v)}function X(){n.current=new je(r.current,h),n.current=w(n.current),n.current.go(),n.current=f(n.current)}return K(()=>{I(),D(!1)},[i]),K(()=>{var v;!h||(v=n.current)!=null&&v.updateOptions(h)||X()},[h]),K(()=>()=>{var v;return(v=n.current)==null?void 0:v.destroy()},[]),y.createElement(_,ee({ref:r,children:S?c:null,style:{opacity:S?0:1}},b))};return ye.defaultProps=Ue,ye});
+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});

package.json

 {
   "name": "typeit-react",
-  "version": "2.4.3",
+  "version": "2.4.4",
   "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.3",
+    "typeit": "^8.5.4",
     "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

41186

increased by0.41%

Lines of code

806

increased by0.37%

Dependency changes

• Updatedtypeit@^8.5.4