!function(){"use strict";var t=wp.element,e=function(t){var e=t.attributes,n=t.clientId,o=e.textAlign,l=e.background,c=e.padding,r=e.prefixTypo,a=e.prefixColor,s=e.typingContentsTypo,u=e.suffixTypo,i=e.suffixColor;return wp.element.createElement("style",{dangerouslySetInnerHTML:{__html:"\n\t\t".concat(null!=r&&r.googleFontLink?"@import url(".concat(null==r?void 0:r.googleFontLink,");"):"","\n\t\t").concat(null!=s&&s.googleFontLink?"@import url(".concat(null==s?void 0:s.googleFontLink,");"):"","\n\t\t").concat(null!=u&&u.googleFontLink?"@import url(".concat(null==u?void 0:u.googleFontLink,");"):"","\n\n\t\t#ttbTextTyping-").concat(n," .ttbTextTyping{\n\t\t\ttext-align: ").concat(o,";\n\t\t\t").concat((null==l?void 0:l.styles)||"background-color: #0000;","\n\t\t\tpadding: ").concat((null==c?void 0:c.styles)||"10px 15px",";\n\t\t}\n\t\t#ttbTextTyping-").concat(n," .ttbTextTyping .prefixText{\n\t\t\tcolor: ").concat(a,";\n\t\t\t").concat((null==r?void 0:r.styles)||"font-size: 22px;","\n\t\t}\n\t\t#ttbTextTyping-").concat(n," .ttbTextTyping .typingContents, #ttbTextTyping-").concat(n," .ttbTextTyping .typed-cursor{\n\t\t\t").concat((null==s?void 0:s.styles)||"font-size: 22px; font-weight: 600;","\n\t\t}\n\t\t#ttbTextTyping-").concat(n," .ttbTextTyping .suffixText{\n\t\t\tcolor: ").concat(i,";\n\t\t\t").concat((null==u?void 0:u.styles)||"font-size: 22px;","\n\t\t}\n\t\t").replace(/\s+/g," ")}})},n=function(e){var n=e.attributes,o=n.prefixText,l=n.typingContents,c=n.suffixText,r=n.typeSpeed,a=n.startDelay,s=n.backSpeed,u=n.backDelay,i=n.isShuffle,p=n.isFadeOut,d=n.fadeOutDelay,f=n.isLoop,y=n.loopCount,g=n.isCursor,x=n.cursorChar,T=(0,t.useRef)(null),m=(0,t.useRef)(null);return(0,t.useEffect)((function(){var t={strings:l.map((function(t){return t.text})),stringsElement:null,typeSpeed:r,startDelay:a,backSpeed:s,backDelay:u,smartBackspace:!1,shuffle:i,fadeOut:p,fadeOutClass:"typed-fade-out",fadeOutDelay:d,loop:f,loopCount:0===y?1/0:y,showCursor:g,cursorChar:x,autoInsertCss:!1,attr:null,bindInputFocusEvents:!1,contentType:"html",preStringTyped:function(t,e){e&&l[e.sequence[t]]&&(e.el.style.color=l[e.sequence[t]].color||"#333",g&&(e.cursor.style.color=l[e.sequence[t]].color||"#333"))}};return m.current=new Typed(T.current,t),function(){return m.current.destroy()}}),[T.current,l,r,a,s,u,i,p,d,f,y,g,x]),wp.element.createElement("div",{className:"ttbTextTyping"},wp.element.createElement("span",{className:"prefixText"},o," "),wp.element.createElement("span",{className:"typingContents",ref:T}),wp.element.createElement("span",{className:"suffixText"},c))};document.addEventListener("DOMContentLoaded",(function(){document.querySelectorAll(".wp-block-ttb-text-typing").forEach((function(o){var l=JSON.parse(o.dataset.attributes);(0,t.render)(wp.element.createElement(wp.element.Fragment,null,wp.element.createElement(e,{attributes:l,clientId:l.cId}),wp.element.createElement(n,{attributes:l})),o),null==o||o.removeAttribute("data-attributes")}))}))}();