{"version":3,"file":"script.js","mappings":"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","sources":["webpack://text-typing/external var \"ReactDOM\"","webpack://text-typing/../Components/utils/getCSS.js","webpack://text-typing/./src/Style.js","webpack://text-typing/external var \"React\"","webpack://text-typing/./src/TextTyping.js","webpack://text-typing/./src/script.js"],"sourcesContent":["var __WEBPACK_NAMESPACE_OBJECT__ = ReactDOM;","export const getBackgroundCSS = (bg, isSolid = true, isGradient = true, isImage = true) => {\r\n\tconst { type = 'solid', color = '#000000b3', gradient = 'linear-gradient(135deg, #4527a4, #8344c5)', image = {}, position = 'center center', attachment = 'initial', repeat = 'no-repeat', size = 'cover', overlayColor = '#000000b3' } = bg || {};\r\n\r\n\tconst styles = ('gradient' === type && isGradient) ? `background: ${gradient};` :\r\n\t\t('image' === type && isImage) ?\r\n\t\t\t`background: url(${image?.url});\r\n\t\t\t\tbackground-color: ${overlayColor};\r\n\t\t\t\tbackground-position: ${position};\r\n\t\t\t\tbackground-size: ${size};\r\n\t\t\t\tbackground-repeat: ${repeat};\r\n\t\t\t\tbackground-attachment: ${attachment};\r\n\t\t\t\tbackground-blend-mode: overlay;` :\r\n\t\t\tisSolid && `background: ${color};`;\r\n\r\n\treturn styles;\r\n} // PHP version in Stepped Content\r\n\r\nexport const getBorderCSS = (border) => {\r\n\tconst { width = '0px', style = 'solid', color = '#0000', side = 'all', radius = '0px' } = border || {};\r\n\r\n\tconst borderSideCheck = s => {\r\n\t\tconst bSide = side?.toLowerCase();\r\n\t\treturn bSide?.includes('all') || bSide?.includes(s);\r\n\t}\r\n\r\n\tconst noWidth = width === '0px' || !width;\r\n\tconst borderCSS = `${width} ${style} ${color}`;\r\n\r\n\tconst styles = `\r\n\t\t${noWidth ? '' : ['top', 'right', 'bottom', 'left'].map(side => borderSideCheck(side) ? `border-${side}: ${borderCSS};` : '').join('')}\r\n\t\t${!radius ? '' : `border-radius: ${radius};`}\r\n\t`;\r\n\r\n\treturn styles;\r\n}\r\n\r\nexport const getColorsCSS = (colors) => {\r\n\tconst { color = '#333', bgType = 'solid', bg = '#0000', gradient = 'linear-gradient(135deg, #4527a4, #8344c5)' } = colors || {};\r\n\r\n\tconst styles = `\r\n\t\t${color ? `color: ${color};` : ''}\r\n\t\t${gradient || bg ? `background: ${'gradient' === bgType ? gradient : bg};` : ''}\r\n\t`;\r\n\r\n\treturn styles;\r\n}\r\n\r\nexport const getIconCSS = (icon, isSize = true, isColor = true) => {\r\n\tconst { fontSize = 16, colorType = 'solid', color = 'inherit', gradient = 'linear-gradient(135deg, #4527a4, #8344c5)' } = icon || {};\r\n\r\n\tconst colorCSS = 'gradient' === colorType ?\r\n\t\t`color: transparent; background-image: ${gradient}; -webkit-background-clip: text; background-clip: text;` :\r\n\t\t`color: ${color};`;\r\n\r\n\tconst styles = `\r\n\t\t${!fontSize || !isSize ? '' : `font-size: ${fontSize}px;`}\r\n\t\t${isColor ? colorCSS : ''}\r\n\t`;\r\n\r\n\treturn styles;\r\n}\r\n\r\nexport const getMultiShadowCSS = (value, type = 'box') => {\r\n\tlet styles = '';\r\n\r\n\tvalue?.map((item, index) => {\r\n\t\tconst { hOffset = '0px', vOffset = '0px', blur = '0px', spreed = '0px', color = '#7090b0', isInset = false } = item || {};\r\n\r\n\t\tconst inset = isInset ? 'inset' : '';\r\n\t\tconst offsetBlur = `${hOffset} ${vOffset} ${blur}`;\r\n\t\tconst isComa = index + 1 >= value.length ? '' : ', ';\r\n\r\n\t\tstyles += 'text' === type ? `${offsetBlur} ${color}${isComa}` : `${offsetBlur} ${spreed} ${color} ${inset}${isComa}`;\r\n\t});\r\n\r\n\treturn styles || 'none';\r\n}\r\n\r\nexport const getSeparatorCSS = (separator) => {\r\n\tconst { width = '50%', height = '2px', style = 'solid', color = '#bbb' } = separator || {};\r\n\r\n\tconst styles = `\r\n\t\twidth: ${width};\r\n\t\t${'0px' === height && '0em' === height && '0rem' === height ? '' : `border-top: ${height} ${style} ${color};`}\r\n\t`;\r\n\r\n\treturn styles;\r\n}\r\n\r\nexport const getShadowCSS = (shadow) => {\r\n\tconst { type = 'box', hOffset = '0px', vOffset = '0px', blur = '0px', spreed = '0px', color = '#7090b0', isInset = false } = shadow || {};\r\n\r\n\tconst inset = isInset ? 'inset' : '';\r\n\tconst offsetBlur = `${hOffset} ${vOffset} ${blur}`;\r\n\r\n\tconst styles = 'text' === type ? `${offsetBlur} ${color}` : `${offsetBlur} ${spreed} ${color} ${inset}`;\r\n\r\n\treturn styles || 'none';\r\n}\r\n\r\nexport const getSpaceCSS = (space) => {\r\n\tconst { side = 2, vertical = '0px', horizontal = '0px', top = '0px', right = '0px', bottom = '0px', left = '0px' } = space || {};\r\n\r\n\tconst styles = 2 === side ? `${vertical} ${horizontal}` : `${top} ${right} ${bottom} ${left}`;\r\n\r\n\treturn styles;\r\n}\r\n\r\nexport const getTypoCSS = (selector, typo, isFamily = true) => {\r\n\tconst { fontFamily = 'Default', fontCategory = 'sans-serif', fontVariant = 400, fontWeight = 400, isUploadFont = true, fontSize = { desktop: 15, tablet: 15, mobile: 15 }, fontStyle = 'normal', textTransform = 'none', textDecoration = 'auto', lineHeight = '135%', letterSpace = '0px' } = typo || {};\r\n\r\n\tconst generateCss = (value, cssProperty) => !value ? '' : `${cssProperty}: ${value};`;\r\n\r\n\tconst isEmptyFamily = !isFamily || !fontFamily || 'Default' === fontFamily;\r\n\tconst desktopFontSize = fontSize?.desktop || fontSize;\r\n\tconst tabletFontSize = fontSize?.tablet || desktopFontSize;\r\n\tconst mobileFontSize = fontSize?.mobile || tabletFontSize;\r\n\r\n\tconst styles = `\r\n\t\t${isEmptyFamily ? '' : `font-family: '${fontFamily}', ${fontCategory};`}\r\n\t\t${generateCss(fontWeight, 'font-weight')}\r\n\t\t${`font-size: ${desktopFontSize}px;`}\r\n\t\t${generateCss(fontStyle, 'font-style')}\r\n\t\t${generateCss(textTransform, 'text-transform')}\r\n\t\t${generateCss(textDecoration, 'text-decoration')}\r\n\t\t${generateCss(lineHeight, 'line-height')}\r\n\t\t${generateCss(letterSpace, 'letter-spacing')}\r\n\t`;\r\n\r\n\t// Google font link\r\n\tconst linkQuery = !fontVariant || 400 === fontVariant ? '' : '400i' === fontVariant ? ':ital@1' : fontVariant?.includes('00i') ? `: ital, wght@1, ${fontVariant?.replace('00i', '00')} ` : `: wght@${fontVariant} `;\r\n\r\n\tconst link = isEmptyFamily ? '' : `https://fonts.googleapis.com/css2?family=${fontFamily?.split(' ').join('+')}${linkQuery.replace(/ /g, '')}&display=swap`;\r\n\r\n\treturn {\r\n\t\tgoogleFontLink: !isUploadFont || isEmptyFamily ? '' : `@import url(${link});`,\r\n\t\tstyles: `${selector}{\r\n\t\t\t${styles}\r\n\t\t}\r\n\t\t@media (max-width: 768px) {\r\n\t\t\t${selector}{\r\n\t\t\t\t${`font-size: ${tabletFontSize}px;`}\r\n\t\t\t}\r\n\t\t}\r\n\t\t@media (max-width: 576px) {\r\n\t\t\t${selector}{\r\n\t\t\t\t${`font-size: ${mobileFontSize}px;`}\r\n\t\t\t}\r\n\t\t}`.replace(/\\s+/g, ' ').trim()\r\n\t}\r\n}\r\n\r\nexport const getBoxCSS = (val = {}) => Object.values(val).join(' ');","import { getBackgroundCSS, getSpaceCSS, getTypoCSS } from '../../Components/utils/getCSS';\r\n\r\nconst Style = ({ attributes, clientId }) => {\r\n\tconst { textAlign, background, padding, prefixTypo, prefixColor, typingContentsTypo, suffixTypo, suffixColor } = attributes;\r\n\r\n\tconst textTypingSl = `#ttbTextTyping-${clientId} .ttbTextTyping`;\r\n\r\n\treturn <style dangerouslySetInnerHTML={{\r\n\t\t__html: `\r\n\t\t${getTypoCSS('', prefixTypo)?.googleFontLink}\r\n\t\t${getTypoCSS('', typingContentsTypo)?.googleFontLink}\r\n\t\t${getTypoCSS('', suffixTypo)?.googleFontLink}\r\n\t\t${getTypoCSS(`${textTypingSl} .prefixText`, prefixTypo)?.styles}\r\n\t\t${getTypoCSS(`${textTypingSl} .typingContents, ${textTypingSl} .typed-cursor`, typingContentsTypo)?.styles}\r\n\t\t${getTypoCSS(`${textTypingSl} .suffixText`, suffixTypo)?.styles}\r\n\r\n\t\t${textTypingSl}{\r\n\t\t\ttext-align: ${textAlign};\r\n\t\t\t${getBackgroundCSS(background)}\r\n\t\t\tpadding: ${getSpaceCSS(padding)};\r\n\t\t}\r\n\t\t${textTypingSl} .prefixText{\r\n\t\t\tcolor: ${prefixColor};\r\n\t\t}\r\n\t\t${textTypingSl} .suffixText{\r\n\t\t\tcolor: ${suffixColor};\r\n\t\t}\r\n\t\t`.replace(/\\s+/g, ' ')\r\n\t}} />;\r\n}\r\nexport default Style;","var __WEBPACK_NAMESPACE_OBJECT__ = React;","import { useEffect, useRef } from 'react';\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' dangerouslySetInnerHTML={{ __html: prefixText }} />\r\n\t\t<span className='typingContents' ref={typingContentsEl}></span>\r\n\t\t<span className='suffixText' dangerouslySetInnerHTML={{ __html: suffixText }} />\r\n\t</div>\r\n}\r\nexport default TextTyping;","import { render } from 'react-dom';\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":["ReactDOM","getBackgroundCSS","bg","isSolid","isGradient","isImage","type","color","gradient","image","position","attachment","repeat","size","overlayColor","styles","url","getTypoCSS","selector","typo","isFamily","fontFamily","fontCategory","fontVariant","fontWeight","isUploadFont","fontSize","desktop","tablet","mobile","fontStyle","textTransform","textDecoration","lineHeight","letterSpace","generateCss","value","cssProperty","isEmptyFamily","desktopFontSize","tabletFontSize","mobileFontSize","linkQuery","includes","replace","link","split","join","googleFontLink","trim","space","side","vertical","horizontal","top","right","bottom","left","attributes","clientId","textAlign","background","padding","prefixTypo","prefixColor","typingContentsTypo","suffixTypo","suffixColor","textTypingSl","dangerouslySetInnerHTML","__html","React","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","cursor","current","Typed","destroy","className","ref","document","addEventListener","querySelectorAll","forEach","textTyping","JSON","parse","dataset","render","cId","removeAttribute"],"sourceRoot":""}