{"version":3,"file":"script.js","mappings":"yBAAA,IAAI,EAA+BA,GAAGC,QCoBtC,EApBc,SAAC,GAA6B,UAA3BC,EAA2B,EAA3BA,WAAYC,EAAe,EAAfA,SACpBC,EAA8DF,EAA9DE,UAAWC,EAAmDH,EAAnDG,WAAYC,EAAuCJ,EAAvCI,WAAYC,EAA2BL,EAA3BK,MAAOC,EAAoBN,EAApBM,QAASC,EAAWP,EAAXO,OAE3D,OAAO,kCAAOC,wBAAyB,CACtCC,OAAQ,gBACNL,SAAAA,EAAYM,eAAZ,sBAA4CN,aAA5C,EAA4CA,EAAYM,eAAxD,MAA6E,GADvE,oCAGWT,EAHX,iDAIOC,EAJP,8BAKLC,aALK,EAKLA,EAAYQ,cALP,QAKiB,2BALjB,sCAMIL,aANJ,EAMIA,EAASK,cANb,QAMuB,YANvB,8BAOLJ,aAPK,EAOLA,EAAQI,cAPH,QAOa,sBAPb,yCASWV,EATX,+CAULG,aAAA,EAAAA,EAAYO,SAAU,mBAVjB,0BAWEN,EAXF,kBAaNO,QAAQ,OAAQ,SChBdC,EAAIC,OAwCV,EAtCqB,SAAC,GAA6B,IAA3Bd,EAA2B,EAA3BA,WAAYC,EAAe,EAAfA,SAC3Bc,EAA2Ef,EAA3Ee,KAAMC,EAAqEhB,EAArEgB,UAAWC,EAA0DjB,EAA1DiB,SAAUC,EAAgDlB,EAAhDkB,WAAYC,EAAoCnB,EAApCmB,UAAWC,EAAyBpB,EAAzBoB,YAAaC,EAAYrB,EAAZqB,QAiCvE,OA/BAC,EAAAA,EAAAA,YAAU,WACTT,EAAE,oBAAD,OAAqBZ,EAArB,cAA0CsB,WAAW,CACrDR,KAAAA,EACAS,eAAgB,IAChBC,aAAc,EACdC,WAAW,EACXC,UAAW,GACXC,WAAY,CAAC,SAEbC,GAAI,CACHC,OAAQb,EACRc,WAAY,IACZC,MAAO,GACPC,KAAM,SAAWf,EACjBgB,QAAS,YAAchB,EACvBiB,QAAS,YAAcjB,GAGxBkB,IAAK,CACJN,OAAQX,EACRY,WAAY,IACZC,MAAO,GACPC,KAAM,SAAWb,EACjBc,QAAS,YAAcd,EACvBe,QAAS,YAAcf,GAGxBiB,KAAMrB,MAEL,CAACD,EAAMC,EAAWC,EAAUC,EAAYC,EAAWC,EAAaC,IAE5D,gCAAKiB,UAAU,mBACrB,8BAAGA,UAAU,WAAWjB,KC/B1BkB,SAASC,iBAAiB,oBAAoB,WACrBD,SAASE,iBAAiB,+BAClCC,SAAQ,SAAAC,GACvB,IAAM3C,EAAa4C,KAAKC,MAAMF,EAAaG,QAAQ9C,aAEnD+C,EAAAA,EAAAA,QAAO,kDACN,yBAAC,EAAD,CAAO/C,WAAYA,EAAYC,SAAUD,EAAWgD,MAEpD,yBAAC,EAAD,CAAchD,WAAYA,EAAYC,SAAUD,EAAWgD,OACvDL,GAELA,SAAAA,EAAcM,gBAAgB,yB","sources":["webpack://animated-text-block/external var [\"wp\",\"element\"]","webpack://animated-text-block/./src/Style.js","webpack://animated-text-block/./src/AnimatedText.js","webpack://animated-text-block/./src/script.js"],"sourcesContent":["var __WEBPACK_NAMESPACE_OBJECT__ = wp.element;","const Style = ({ attributes, clientId }) => {\r\n\tconst { textAlign, background, typography, color, padding, border } = attributes;\r\n\r\n\treturn <style dangerouslySetInnerHTML={{\r\n\t\t__html: `\r\n\t\t${typography?.googleFontLink ? `@import url(${typography?.googleFontLink});` : ''}\r\n\r\n\t\t#atbAnimatedText-${clientId} .atbAnimatedText{\r\n\t\t\ttext-align: ${textAlign};\r\n\t\t\t${background?.styles ?? 'background-color: #0000;'}\r\n\t\t\tpadding: ${padding?.styles ?? '15px 15px'};\r\n\t\t\t${border?.styles ?? 'border-radius: 5px;'}\r\n\t\t}\r\n\t\t#atbAnimatedText-${clientId} .atbAnimatedText .content{\r\n\t\t\t${typography?.styles || 'font-size: 22px;'}\r\n\t\t\tcolor: ${color};\r\n\t\t}\r\n\t\t`.replace(/\\s+/g, ' ')\r\n\t}} />\r\n}\r\nexport default Style;","import { useEffect } from '@wordpress/element';\r\nconst $ = jQuery;\r\n\r\nconst AnimatedText = ({ attributes, clientId }) => {\r\n\tconst { loop, animateIn, inEffect, inSequence, outEffect, outSequence, content } = attributes;\r\n\r\n\tuseEffect(() => {\r\n\t\t$(`#atbAnimatedText-${clientId} .content`).textillate({\r\n\t\t\tloop,\r\n\t\t\tminDisplayTime: 2000, // each text before it is replaced\r\n\t\t\tinitialDelay: 0,\r\n\t\t\tautoStart: true,\r\n\t\t\tinEffects: [], // Custom set of 'in' effects\r\n\t\t\toutEffects: ['hinge'], // Custom set of 'out' effects\r\n\r\n\t\t\tin: {\r\n\t\t\t\teffect: inEffect,\r\n\t\t\t\tdelayScale: 1.5,\r\n\t\t\t\tdelay: 50,\r\n\t\t\t\tsync: 'sync' === inSequence, // sequence of char/word\r\n\t\t\t\tshuffle: 'shuffle' === inSequence, // (doesn't make sense with sync = true)\r\n\t\t\t\treverse: 'reverse' === inSequence // (doesn't make sense with sync = true)\r\n\t\t\t},\r\n\r\n\t\t\tout: {\r\n\t\t\t\teffect: outEffect,\r\n\t\t\t\tdelayScale: 1.5,\r\n\t\t\t\tdelay: 50,\r\n\t\t\t\tsync: 'sync' === outSequence,\r\n\t\t\t\tshuffle: 'shuffle' === outSequence,\r\n\t\t\t\treverse: 'reverse' === outSequence\r\n\t\t\t},\r\n\r\n\t\t\ttype: animateIn // Animate in type (available types: 'char' and 'word')\r\n\t\t});\r\n\t}, [loop, animateIn, inEffect, inSequence, outEffect, outSequence, content]);\r\n\r\n\treturn <div className='atbAnimatedText'>\r\n\t\t<p className='content'>{content}</p>\r\n\t</div>\r\n}\r\nexport default AnimatedText","import { render } from '@wordpress/element';\r\n\r\nimport './style.scss';\r\nimport Style from './Style';\r\nimport AnimatedText from './AnimatedText';\r\n\r\n// Animated Text\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n\tconst allAnimatedText = document.querySelectorAll('.wp-block-atb-animated-text');\r\n\tallAnimatedText.forEach(animatedText => {\r\n\t\tconst attributes = JSON.parse(animatedText.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<AnimatedText attributes={attributes} clientId={attributes.cId} />\r\n\t\t</>, animatedText);\r\n\r\n\t\tanimatedText?.removeAttribute('data-attributes');\r\n\t});\r\n});"],"names":["wp","element","attributes","clientId","textAlign","background","typography","color","padding","border","dangerouslySetInnerHTML","__html","googleFontLink","styles","replace","$","jQuery","loop","animateIn","inEffect","inSequence","outEffect","outSequence","content","useEffect","textillate","minDisplayTime","initialDelay","autoStart","inEffects","outEffects","in","effect","delayScale","delay","sync","shuffle","reverse","out","type","className","document","addEventListener","querySelectorAll","forEach","animatedText","JSON","parse","dataset","render","cId","removeAttribute"],"sourceRoot":""}