typeit-react - npm Package Compare versions

Comparing version 2.4.5 to 2.4.6

dist/index.es.js

@@ -395,3 +395,7 @@ var __defProp = Object.defineProperty;
       expandTextNodes(_element);
-      _addSplitPause([{ func: _delete }]);
+      _addSplitPause(duplicate({
+        func: _delete,
+        delay: _getPace(1),
+        deletable: true
+      }, _getAllChars().length));
       return strings;
@@ -398,0 +402,0 @@ }

dist/index.umd.js

@@ -1,1 +0,1 @@
-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}));
+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(E({func:V,delay:l(1),deletable:!0},L().length)),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.5",
+  "version": "2.4.6",
   "description": "React component for the most versatile JavaScript animated typing utility on the planet.",
@@ -51,3 +51,3 @@ "homepage": "https://typeitjs.com",
   },
-  "gitHead": "3d75d651ee02b7cb0071d117ffda360a777ead3d"
+  "gitHead": "72d834bde546ee98ca55a87d29cf32968d9970ec"
 }

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

76562

increased by0.18%

Lines of code

810

increased by0.5%

No dependency changes