{"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/Components/Common/Style.js","webpack://text-typing/external var \"React\"","webpack://text-typing/./src/Components/Common/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 { createRoot } from 'react-dom';\r\n\r\nimport './style.scss';\r\nimport Style from './Components/Common/Style';\r\nimport TextTyping from './Components/Common/TextTyping';\r\n\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n\tconst typingEls = document.querySelectorAll('.wp-block-ttb-text-typing');\r\n\ttypingEls.forEach(typingEl => {\r\n\t\tconst attributes = JSON.parse(typingEl.dataset.attributes);\r\n\r\n\t\tcreateRoot(typingEl).render(<>\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</>);\r\n\r\n\t\ttypingEl?.removeAttribute('data-attributes');\r\n\t});\r\n});"],"names":["ReactDOM","getBackgroundCSS","bg","isSolid","arguments","length","undefined","isGradient","isImage","_ref","_ref$type","type","_ref$color","color","_ref$gradient","gradient","_ref$image","image","_ref$position","position","_ref$attachment","attachment","_ref$repeat","repeat","_ref$size","size","_ref$overlayColor","overlayColor","concat","url","getTypoCSS","selector","typo","isFamily","_ref9","_ref9$fontFamily","fontFamily","_ref9$fontCategory","fontCategory","_ref9$fontVariant","fontVariant","_ref9$fontWeight","fontWeight","_ref9$isUploadFont","isUploadFont","_ref9$fontSize","fontSize","desktop","tablet","mobile","_ref9$fontStyle","fontStyle","_ref9$textTransform","textTransform","_ref9$textDecoration","textDecoration","_ref9$lineHeight","lineHeight","_ref9$letterSpace","letterSpace","generateCss","value","cssProperty","isEmptyFamily","desktopFontSize","tabletFontSize","mobileFontSize","styles","linkQuery","includes","replace","link","split","join","googleFontLink","trim","_getTypoCSS","_getTypoCSS2","_getTypoCSS3","_getTypoCSS4","_getTypoCSS5","_getTypoCSS6","space","_ref8","_ref8$side","side","_ref8$vertical","vertical","_ref8$horizontal","horizontal","_ref8$top","top","_ref8$right","right","_ref8$bottom","bottom","_ref8$left","left","attributes","clientId","textAlign","background","padding","prefixTypo","prefixColor","typingContentsTypo","suffixTypo","suffixColor","textTypingSl","React","createElement","dangerouslySetInnerHTML","__html","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","typingEl","JSON","parse","dataset","createRoot","render","Fragment","Style","cId","TextTyping","removeAttribute"],"sourceRoot":""}