{"version":3,"file":"script.js","mappings":"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","sources":["webpack://text-typing/external var [\"wp\",\"element\"]","webpack://text-typing/./src/Style.js","webpack://text-typing/./src/TextTyping.js","webpack://text-typing/./src/script.js"],"sourcesContent":["var __WEBPACK_NAMESPACE_OBJECT__ = wp.element;","const Style = ({ attributes, clientId }) => {\r\n\tconst { textAlign, background, padding, prefixTypo, prefixColor, typingContentsTypo, suffixTypo, suffixColor } = attributes;\r\n\r\n\treturn <style dangerouslySetInnerHTML={{\r\n\t\t__html: `\r\n\t\t${prefixTypo?.googleFontLink ? `@import url(${prefixTypo?.googleFontLink});` : ''}\r\n\t\t${typingContentsTypo?.googleFontLink ? `@import url(${typingContentsTypo?.googleFontLink});` : ''}\r\n\t\t${suffixTypo?.googleFontLink ? `@import url(${suffixTypo?.googleFontLink});` : ''}\r\n\r\n\t\t#ttbTextTyping-${clientId} .ttbTextTyping{\r\n\t\t\ttext-align: ${textAlign};\r\n\t\t\t${background?.styles || 'background-color: #0000;'}\r\n\t\t\tpadding: ${padding?.styles || '10px 15px'};\r\n\t\t}\r\n\t\t#ttbTextTyping-${clientId} .ttbTextTyping .prefixText{\r\n\t\t\tcolor: ${prefixColor};\r\n\t\t\t${prefixTypo?.styles || 'font-size: 22px;'}\r\n\t\t}\r\n\t\t#ttbTextTyping-${clientId} .ttbTextTyping .typingContents, #ttbTextTyping-${clientId} .ttbTextTyping .typed-cursor{\r\n\t\t\t${typingContentsTypo?.styles || 'font-size: 22px; font-weight: 600;'}\r\n\t\t}\r\n\t\t#ttbTextTyping-${clientId} .ttbTextTyping .suffixText{\r\n\t\t\tcolor: ${suffixColor};\r\n\t\t\t${suffixTypo?.styles || 'font-size: 22px;'}\r\n\t\t}\r\n\t\t`.replace(/\\s+/g, ' ')\r\n\t}} />;\r\n}\r\nexport default Style;","import { useEffect, useRef } from '@wordpress/element';\r\n\r\nconst TextTyping = ({ attributes }) => {\r\n\tconst { prefixText, typingContents, suffixText, typeSpeed, startDelay, backSpeed, backDelay, isShuffle, isFadeOut, fadeOutDelay, isLoop, loopCount, isCursor, cursorChar } = attributes;\r\n\r\n\tconst typingContentsEl = useRef(null);\r\n\tconst typed = useRef(null);\r\n\r\n\tuseEffect(() => {\r\n\t\tconst options = {\r\n\t\t\tstrings: typingContents.map(data => data.text), // array of strings\r\n\t\t\tstringsElement: null, // stringsElement ID of element containing string children\r\n\t\t\ttypeSpeed,\r\n\t\t\tstartDelay,\r\n\t\t\tbackSpeed,\r\n\t\t\tbackDelay,\r\n\t\t\tsmartBackspace: false, // smartBackspace only backspace what doesn't match the previous string\r\n\t\t\tshuffle: isShuffle,\r\n\t\t\tfadeOut: isFadeOut, // fadeOut Fade out instead of backspace\r\n\t\t\tfadeOutClass: 'typed-fade-out', // fadeOutClass css class for fade animation\r\n\t\t\tfadeOutDelay,\r\n\t\t\tloop: isLoop,\r\n\t\t\tloopCount: 0 === loopCount ? Infinity : loopCount,\r\n\t\t\tshowCursor: isCursor,\r\n\t\t\tcursorChar,\r\n\t\t\tautoInsertCss: false, // autoInsertCss insert CSS for cursor and fadeOut into HTML <head>\r\n\t\t\tattr: null, // attr attribute for typing. Ex: input placeholder, value, or just HTML text\r\n\t\t\tbindInputFocusEvents: false, // bindInputFocusEvents bind to focus and blur if el is text input\r\n\t\t\tcontentType: 'html', // contentType 'html' or 'null' for plaintext\r\n\t\t\tpreStringTyped: (pos, self) => {\r\n\t\t\t\tif (self && typingContents[self.sequence[pos]]) {\r\n\t\t\t\t\tself.el.style.color = typingContents[self.sequence[pos]].color || '#333';\r\n\r\n\t\t\t\t\tif (isCursor) {\r\n\t\t\t\t\t\tself.cursor.style.color = typingContents[self.sequence[pos]].color || '#333';\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\ttyped.current = new Typed(typingContentsEl.current, options);\r\n\r\n\t\treturn () => typed.current.destroy();\r\n\t}, [typingContentsEl.current, typingContents, typeSpeed, startDelay, backSpeed, backDelay, isShuffle, isFadeOut, fadeOutDelay, isLoop, loopCount, isCursor, cursorChar]);\r\n\r\n\treturn <div className='ttbTextTyping'>\r\n\t\t<span className='prefixText'>{prefixText} </span>\r\n\t\t<span className='typingContents' ref={typingContentsEl}></span>\r\n\t\t<span className='suffixText'>{suffixText}</span>\r\n\t</div>\r\n}\r\nexport default TextTyping;","import { render } from '@wordpress/element';\r\n\r\nimport './style.scss';\r\nimport Style from './Style';\r\nimport TextTyping from './TextTyping';\r\n\r\n// Text Typing\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n\tconst allTextTyping = document.querySelectorAll('.wp-block-ttb-text-typing');\r\n\tallTextTyping.forEach(textTyping => {\r\n\t\tconst attributes = JSON.parse(textTyping.dataset.attributes);\r\n\r\n\t\trender(<>\r\n\t\t\t<Style attributes={attributes} clientId={attributes.cId} />\r\n\r\n\t\t\t<TextTyping attributes={attributes} />\r\n\t\t</>, textTyping);\r\n\r\n\t\ttextTyping?.removeAttribute('data-attributes');\r\n\t});\r\n});"],"names":["wp","element","attributes","clientId","textAlign","background","padding","prefixTypo","prefixColor","typingContentsTypo","suffixTypo","suffixColor","dangerouslySetInnerHTML","__html","googleFontLink","styles","replace","prefixText","typingContents","suffixText","typeSpeed","startDelay","backSpeed","backDelay","isShuffle","isFadeOut","fadeOutDelay","isLoop","loopCount","isCursor","cursorChar","typingContentsEl","useRef","typed","useEffect","options","strings","map","data","text","stringsElement","smartBackspace","shuffle","fadeOut","fadeOutClass","loop","Infinity","showCursor","autoInsertCss","attr","bindInputFocusEvents","contentType","preStringTyped","pos","self","sequence","el","style","color","cursor","current","Typed","destroy","className","ref","document","addEventListener","querySelectorAll","forEach","textTyping","JSON","parse","dataset","render","cId","removeAttribute"],"sourceRoot":""}