!function(){var e={942:function(e,n){var a;!function(){"use strict";var o={}.hasOwnProperty;function t(){for(var e="",n=0;n<arguments.length;n++){var a=arguments[n];a&&(e=i(e,l(a)))}return e}function l(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return t.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var n="";for(var a in e)o.call(e,a)&&e[a]&&(n=i(n,a));return n}function i(e,n){return n?e?e+" "+n:e+n:e}e.exports?(t.default=t,e.exports=t):void 0===(a=function(){return t}.apply(n,[]))||(e.exports=a)}()}},n={};function a(o){var t=n[o];if(void 0!==t)return t.exports;var l=n[o]={exports:{}};return e[o](l,l.exports,a),l.exports}a.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(n,{a:n}),n},a.d=function(e,n){for(var o in n)a.o(n,o)&&!a.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:n[o]})},a.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),a.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},function(){var e;a.g.importScripts&&(e=a.g.location+"");var n=a.g.document;if(!e&&n&&(n.currentScript&&"SCRIPT"===n.currentScript.tagName.toUpperCase()&&(e=n.currentScript.src),!e)){var o=n.getElementsByTagName("script");if(o.length)for(var t=o.length-1;t>-1&&(!e||!/^http(s?):/.test(e));)e=o[t--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),a.p=e}(),function(){"use strict";var e=window.wp.i18n,n=window.wp.blocks,o=window.wp.blockEditor,t=window.wp.components,l=window.wp.compose,i=window.wp.element,s=window.wp.hooks,c=window.wp.data;const r=[{label:(0,e.__)("None","blocks-animation"),value:"none"},{label:(0,e.__)("Back In Down","blocks-animation"),value:"backInDown"},{label:(0,e.__)("Back In Left","blocks-animation"),value:"backInLeft"},{label:(0,e.__)("Back In Right","blocks-animation"),value:"backInRight"},{label:(0,e.__)("Back In Up","blocks-animation"),value:"backInUp"},{label:(0,e.__)("Bounce","blocks-animation"),value:"bounce"},{label:(0,e.__)("Bounce In","blocks-animation"),value:"bounceIn"},{label:(0,e.__)("Bounce In Down","blocks-animation"),value:"bounceInDown"},{label:(0,e.__)("Bounce In Left","blocks-animation"),value:"bounceInLeft"},{label:(0,e.__)("Bounce In Right","blocks-animation"),value:"bounceInRight"},{label:(0,e.__)("Bounce In Up","blocks-animation"),value:"bounceInUp"},{label:(0,e.__)("Fade In","blocks-animation"),value:"fadeIn"},{label:(0,e.__)("Fade In Down","blocks-animation"),value:"fadeInDown"},{label:(0,e.__)("Fade In Down Big","blocks-animation"),value:"fadeInDownBig"},{label:(0,e.__)("Fade In Left","blocks-animation"),value:"fadeInLeft"},{label:(0,e.__)("Fade In Left Big","blocks-animation"),value:"fadeInLeftBig"},{label:(0,e.__)("Fade In Right","blocks-animation"),value:"fadeInRight"},{label:(0,e.__)("Fade In Right Big","blocks-animation"),value:"fadeInRightBig"},{label:(0,e.__)("Fade In Up","blocks-animation"),value:"fadeInUp"},{label:(0,e.__)("Fade In Top Left","blocks-animation"),value:"fadeInTopLeft"},{label:(0,e.__)("Fade In Top Right","blocks-animation"),value:"fadeInTopRight"},{label:(0,e.__)("Fade In Bottom Left","blocks-animation"),value:"fadeInBottomLeft"},{label:(0,e.__)("Fade In Bottom Right","blocks-animation"),value:"fadeInBottomRight"},{label:(0,e.__)("Flip","blocks-animation"),value:"flip"},{label:(0,e.__)("Flip In X","blocks-animation"),value:"flipInX"},{label:(0,e.__)("Flip In Y","blocks-animation"),value:"flipInY"},{label:(0,e.__)("Rotate In","blocks-animation"),value:"rotateIn"},{label:(0,e.__)("Rotate In Down Left","blocks-animation"),value:"rotateInDownLeft"},{label:(0,e.__)("Rotate In Down Right","blocks-animation"),value:"rotateInDownRight"},{label:(0,e.__)("Rotate In Up Left","blocks-animation"),value:"rotateInUpLeft"},{label:(0,e.__)("Rotate In Up Right","blocks-animation"),value:"rotateInUpRight"},{label:(0,e.__)("Slide In Down","blocks-animation"),value:"slideInDown"},{label:(0,e.__)("Slide In Left","blocks-animation"),value:"slideInLeft"},{label:(0,e.__)("Slide In Right","blocks-animation"),value:"slideInRight"},{label:(0,e.__)("Slide In Up","blocks-animation"),value:"slideInUp"},{label:(0,e.__)("Zoom In","blocks-animation"),value:"zoomIn"},{label:(0,e.__)("Zoom In Down","blocks-animation"),value:"zoomInDown"},{label:(0,e.__)("Zoom In Left","blocks-animation"),value:"zoomInLeft"},{label:(0,e.__)("Zoom In Right","blocks-animation"),value:"zoomInRight"},{label:(0,e.__)("Zoom In Up","blocks-animation"),value:"zoomInUp"},{label:(0,e.__)("Roll In","blocks-animation"),value:"rollIn"},{label:(0,e.__)("Light Speed In Right","blocks-animation"),value:"lightSpeedInRight"},{label:(0,e.__)("Light Speed In Left","blocks-animation"),value:"lightSpeedInLeft"},{label:(0,e.__)("Flash","blocks-animation"),value:"flash"},{label:(0,e.__)("Pulse","blocks-animation"),value:"pulse"},{label:(0,e.__)("Rubber Band","blocks-animation"),value:"rubberBand"},{label:(0,e.__)("Shake X","blocks-animation"),value:"shakeX"},{label:(0,e.__)("Shake Y","blocks-animation"),value:"shakeY"},{label:(0,e.__)("Head Shake","blocks-animation"),value:"headShake"},{label:(0,e.__)("Swing","blocks-animation"),value:"swing"},{label:(0,e.__)("TaDa","blocks-animation"),value:"tada"},{label:(0,e.__)("Wobble","blocks-animation"),value:"wobble"},{label:(0,e.__)("Jello","blocks-animation"),value:"jello"},{label:(0,e.__)("Heart Beat","blocks-animation"),value:"heartBeat"},{label:(0,e.__)("Hinge","blocks-animation"),value:"hinge"},{label:(0,e.__)("Jack In The Box","blocks-animation"),value:"jackInTheBox"}],u=[{label:(0,e.__)("Backing","blocks-animation"),value:"backInDown"},{label:(0,e.__)("Bouncing","blocks-animation"),value:"bounce"},{label:(0,e.__)("Fading","blocks-animation"),value:"fadeIn"},{label:(0,e.__)("Flipping","blocks-animation"),value:"flip"},{label:(0,e.__)("Rotating","blocks-animation"),value:"rotateIn"},{label:(0,e.__)("Sliding","blocks-animation"),value:"slideInDown"},{label:(0,e.__)("Zooming","blocks-animation"),value:"zoomIn"},{label:(0,e.__)("Rolling","blocks-animation"),value:"rollIn"},{label:(0,e.__)("Light Speed","blocks-animation"),value:"lightSpeedInRight"},{label:(0,e.__)("Other","blocks-animation"),value:"flash"}],m=["backOutDown","backOutLeft","backOutRight","backOutUp","bounceOut","bounceOutDown","bounceOutLeft","bounceOutRight","bounceOutUp","fadeOut","fadeOutDown","fadeOutDownBig","fadeOutLeft","fadeOutLeftBig","fadeOutRight","fadeOutRightBig","fadeOutUp","fadeOutUpBig","fadeOutTopLeft","fadeOutTopRight","fadeOutBottomRight","fadeOutBottomLeft","flipOutX","flipOutY","lightSpeedOutRight","lightSpeedOutLeft","rotateOut","rotateOutDownLeft","rotateOutDownRight","rotateOutUpLeft","rotateOutUpRight","slideOutDown","slideOutLeft","slideOutRight","slideOutUp","zoomOut","zoomOutDown","zoomOutLeft","zoomOutRight","zoomOutUp","rollOut"],d=[{label:(0,e.__)("None","blocks-animation"),value:"none"},{label:(0,e.__)("100 Milliseconds","blocks-animation"),value:"delay-100ms"},{label:(0,e.__)("200 Milliseconds","blocks-animation"),value:"delay-200ms"},{label:(0,e.__)("500 Milliseconds","blocks-animation"),value:"delay-500ms"},{label:(0,e.__)("One Second","blocks-animation"),value:"delay-1s"},{label:(0,e.__)("Two Second","blocks-animation"),value:"delay-2s"},{label:(0,e.__)("Three Second","blocks-animation"),value:"delay-3s"},{label:(0,e.__)("Four Second","blocks-animation"),value:"delay-4s"},{label:(0,e.__)("Five Second","blocks-animation"),value:"delay-5s"},{label:(0,e.__)("Custom","blocks-animation"),value:"o-anim-custom-delay"}],b=[{label:(0,e.__)("Slow","blocks-animation"),value:"slow"},{label:(0,e.__)("Slower","blocks-animation"),value:"slower"},{label:(0,e.__)("Default","blocks-animation"),value:"none"},{label:(0,e.__)("Fast","blocks-animation"),value:"fast"},{label:(0,e.__)("Faster","blocks-animation"),value:"faster"},{label:(0,e.__)("Custom","blocks-animation"),value:"o-anim-custom-speed"}];var p=window.ReactJSXRuntime,_=function n({animationsList:a,updateAnimation:o,currentAnimationLabel:s,setCurrentAnimationLabel:c}){const r=(0,l.useInstanceId)(n),[m,d]=(0,i.useState)(""),[b,_]=(0,i.useState)(!1),f=(e,n)=>{let a=!0;return m&&m.toLowerCase().split(" ").forEach((n=>{e.label.toLowerCase().includes(n)||(a=!1)})),a&&!b&&_(!0),a&&(0,p.jsx)(t.MenuItem,{className:s===e.label?"is-selected":"",onClick:()=>{c(e.label),o(e.value),n()},children:e.label})},h=`inspector-o-animations-control-${r}`;return(0,p.jsx)(t.BaseControl,{label:(0,e.__)("Animation","blocks-animation"),id:h,children:(0,p.jsx)(t.Dropdown,{contentClassName:"o-animations-control__popover",position:"bottom center",renderToggle:({isOpen:e,onToggle:n})=>(0,p.jsx)(t.Button,{className:"o-animations-control__button",id:h,onClick:n,"aria-expanded":e,children:s}),renderContent:({onToggle:n})=>(0,p.jsxs)(t.MenuGroup,{label:(0,e.__)("Animations","blocks-animation"),children:[(0,p.jsx)(t.TextControl,{placeholder:(0,e.__)("Search","blocks-animation"),value:m,onChange:e=>{d(e),_(!1)}}),(0,p.jsxs)("div",{className:"components-popover__items",children:[a.map(((e,a)=>(0,p.jsxs)(i.Fragment,{children:[""===m&&u.map(((n,a)=>n.value===e.value?(0,p.jsx)("div",{className:"o-animations-control__category",children:n.label},a):"")),f(e,n)]},a))),!b&&(0,p.jsx)("div",{children:(0,e.__)("Nothing found. Try searching for something else!","blocks-animation")})]})]})})})},f=a(942),h=a.n(f),v=(0,i.forwardRef)((function({icon:e,size:n=24,...a},o){return(0,i.cloneElement)(e,{width:n,height:n,...a,ref:o})})),g=window.wp.primitives,k=(0,p.jsx)(g.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,p.jsx)(g.Path,{d:"M5.5 12h1.75l-2.5 3-2.5-3H4a8 8 0 113.134 6.35l.907-1.194A6.5 6.5 0 105.5 12zm9.53 1.97l-2.28-2.28V8.5a.75.75 0 00-1.5 0V12a.747.747 0 00.218.529l1.282-.84-1.28.842 2.5 2.5a.75.75 0 101.06-1.061z"})}),w=(0,p.jsxs)(g.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:[(0,p.jsx)(g.Path,{d:"m19 7.5h-7.628c-.3089-.87389-1.1423-1.5-2.122-1.5-.97966 0-1.81309.62611-2.12197 1.5h-2.12803v1.5h2.12803c.30888.87389 1.14231 1.5 2.12197 1.5.9797 0 1.8131-.62611 2.122-1.5h7.628z"}),(0,p.jsx)(g.Path,{d:"m19 15h-2.128c-.3089-.8739-1.1423-1.5-2.122-1.5s-1.8131.6261-2.122 1.5h-7.628v1.5h7.628c.3089.8739 1.1423 1.5 2.122 1.5s1.8131-.6261 2.122-1.5h2.128z"})]});const x=({label:n,attributes:a,setAttributes:o,resetValues:s,onClick:c,children:r})=>{(0,i.useEffect)((()=>{for(const e in s){if(s[e]!==a[e])return d(!0);d(!1)}}),[a]);const u=(0,l.useInstanceId)(x),[m,d]=(0,i.useState)(!1),b=`inspector-control-panel-control-${u}`;return(0,p.jsx)("div",{className:"o-control-panel-control",children:(0,p.jsx)("div",{className:"components-base-control__field",children:(0,p.jsxs)("div",{className:"components-base-control__title",children:[(0,p.jsx)("label",{className:"components-base-control__label",htmlFor:b,children:n}),(0,p.jsx)("div",{className:"floating-controls",children:(0,p.jsx)(t.Dropdown,{position:"top left",headerTitle:n,expandOnMobile:!0,renderToggle:({isOpen:a,onToggle:l})=>(0,p.jsxs)(i.Fragment,{children:[m&&(0,p.jsx)(t.Button,{icon:(0,p.jsx)(v,{icon:k}),label:(0,e.__)("Reset to default","blocks-animation"),showTooltip:!0,isTertiary:!0,onClick:()=>o({...s})}),(0,p.jsx)(t.Button,{id:b,icon:w,label:n,showTooltip:!0,onClick:()=>{l(),c&&c()},"aria-expanded":a,className:h()({"is-active":m})})]}),renderContent:()=>(0,p.jsx)("div",{className:"otter-popover-settings",children:r})})})]})})})};var I=x,y=a.p+"images/count-animation.1151d25d.png",j=a.p+"images/typing-animation.d84cccd1.png",S={randomUUID:"undefined"!=typeof crypto&&crypto.randomUUID&&crypto.randomUUID.bind(crypto)};let R;const B=new Uint8Array(16);function N(){if(!R&&(R="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!R))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return R(B)}const C=[];for(let e=0;e<256;++e)C.push((e+256).toString(16).slice(1));var O,A,T,L,D=function(e,n,a){if(S.randomUUID&&!n&&!e)return S.randomUUID();const o=(e=e||{}).random||(e.rng||N)();if(o[6]=15&o[6]|64,o[8]=63&o[8]|128,n){a=a||0;for(let e=0;e<16;++e)n[a+e]=o[e];return n}return function(e,n=0){return C[e[n+0]]+C[e[n+1]]+C[e[n+2]]+C[e[n+3]]+"-"+C[e[n+4]]+C[e[n+5]]+"-"+C[e[n+6]]+C[e[n+7]]+"-"+C[e[n+8]]+C[e[n+9]]+"-"+C[e[n+10]]+C[e[n+11]]+C[e[n+12]]+C[e[n+13]]+C[e[n+14]]+C[e[n+15]]}(o)},F=window.lodash;null!==(A=(O=window).themeisleGutenberg)&&void 0!==A||(O.themeisleGutenberg={}),null!==(L=(T=window.themeisleGutenberg).blockIDs)&&void 0!==L||(T.blockIDs=[]);const{getBlock:U}=(0,c.select)("core/block-editor"),{getBlockParents:$}=(0,c.select)("core/block-editor"),{updateBlockAttributes:E}=(0,c.dispatch)("core/block-editor"),{getSelectedBlockClientId:z}=(0,c.select)("core/block-editor"),P="default",M=(e,n,a,o,t,l)=>{let i;switch(e){case"count":i="o-count-";break;case"typing":i="o-typing-";break;case P:i=""}null!=n||(n="");const s=i+n,c="none"!==a?i+a:"";let r;if(t.className){r=t.className,r=r.split(" ");const e=r.find((e=>e===s));if((n.startsWith("o-anim-value-delay-")||n.startsWith("o-anim-value-speed-")||n.startsWith("o-anim-offset-"))&&(r=r.filter((e=>!e.includes(n)))),"o-anim-custom-delay"===n||"o-anim-custom-speed"===n){const e="o-anim-custom-delay"===n?"o-anim-value-delay-":"o-anim-value-speed-";r=r.filter((n=>!n.includes(e)))}e?r=r.join(" ").replace(s,c):(r.push(c),r=r.join(" ").trim())}else r=c;r=r.replace(/\s+/g," "),""===r&&(r=void 0),l({className:r}),o?.()};var V=(0,i.memo)((function({clientId:n,attributes:a,setAttributes:o}){const[l,c]=(0,i.useState)("none"),[u,f]=(0,i.useState)("none"),[h,v]=(0,i.useState)("none"),[g,k]=(0,i.useState)((0,e.__)("None","blocks-animation")),[w,x]=(0,i.useState)(0),[S,R]=(0,i.useState)(0),[B,N]=(0,i.useState)(!1),[C,O]=(0,i.useState)(""),[A,T]=(0,i.useState)("0px"),[L,U]=((e={})=>{const[n,a]=(0,i.useState)({css:[],media:[]}),[o,t]=(0,i.useState)({node:null,cssNodeName:""});return(0,i.useEffect)((()=>{var n;let a;const o=document.createElement("style");return o.type="text/css",o.setAttribute("data-generator","otter-blocks"),setTimeout((()=>{a=parent.document.querySelector('iframe[name="editor-canvas"]')?.contentWindow.document.head||document.head,a?.appendChild(o)}),500),t({node:o,cssNodeName:null!==(n=e?.selector)&&void 0!==n?n:`o-node-${D()}`}),()=>{a?.removeChild(o)}}),[]),(0,i.useEffect)((()=>{if(o.node&&o.cssNodeName&&void 0!==n.media){const a=(0,F.zip)(n.css,n.media).map((n=>{const[a,t]=n;return t?`${t} { \n\t .${o.cssNodeName}${e?.appendToRoot?"":" "}${a} }`:`.${o.cssNodeName}${e?.appendToRoot?"":" "}${a}`})).join("\n")||"";o.node.textContent=a}}),[n.css,n.media,o.node,o.cssNodeName]),[o.cssNodeName,(e=[],n=[])=>{a({css:e,media:n})},t]})({selector:"animated",appendToRoot:!0}),$=e=>{let t;const i="none"!==e?e:"";if(a.className){t=a.className,t=t.split(" ");const e=t.find((e=>e===l));t.find((e=>"animated"===e))||t.push("animated"),e?t=t.join(" ").replace(l,i):(t.push(i),t=t.join(" "))}else t=`animated ${i}`;"none"===e&&(t=t.replace("animated","").replace(u,"").replace(h,""),f("none"),v("none")),t=t.replace(/\s+/g," ").trim(),""===t&&(t=void 0),c(e),o({className:t});const s=document.querySelector(`#block-${n} .animated`)||document.querySelector(`#block-${n}.animated`);s&&m.forEach((e=>{s.className.includes(e)&&s.addEventListener("animationend",(()=>{s.classList.remove(e),s.addEventListener("animationstart",(()=>{s.classList.remove(e)}))}))}))};return(0,i.useEffect)((()=>{void 0!==window?.blocksAnimation&&(window.blocksAnimation.removeAnimation=()=>$("none"))}),[]),(0,i.useEffect)((()=>{var e;U(null!==(e=a.className?.split(" ").map((e=>e.includes("o-anim-value-delay-")?`.${e} { animation-delay: ${e.replace("o-anim-value-delay-","")}; --webkit-animation-delay: ${e.replace("o-anim-value-delay-","")}; }`:e.includes("o-anim-value-speed-")?`.${e} { animation-duration: ${e.replace("o-anim-value-speed-","")}; --webkit-animation-duration: ${e.replace("o-anim-value-speed-","")}; }`:"")).filter((e=>e)))&&void 0!==e?e:"")}),[a.className]),(0,i.useEffect)((()=>{let e;if(a.className){e=a.className,e=e.split(" ");const n=Array.from(r).find((n=>e.find((e=>e===n.value)))),o=Array.from(d).find((n=>e.find((e=>e===n.value)))),t=Array.from(b).find((n=>e.find((e=>e===n.value))));let l=e.find((e=>e.includes("o-anim-value-delay")));l&&(l=l.replace("o-anim-value-delay-",""),l.match(/^[0-9]*\.?[0-9]+(ms|s)$/)||(l=void 0));let i=e.find((e=>e.includes("o-anim-value-speed")));i&&(i=i.replace("o-anim-value-speed-",""),i.match(/^[0-9]*\.?[0-9]+(ms|s)$/)||(i=void 0));let s=e.find((e=>e.includes("o-anim-offset-")));s&&(s=s.replace("o-anim-offset-",""),s.match(/^[0-9]+(px|%)$/)||(s="0px"));const u=e.find((e=>e.includes("o-anim-hover")));c(n?n.value:"none"),f(o?o.value:"none"),v(t?t.value:"none"),x(l||0),R(i||0),N(!!u),k(n?n.label:"none"),O(s?`o-anim-offset-${s}`:""),T(s||"0px")}}),[]),(0,i.useEffect)((()=>{C&&A&&C!==`o-anim-offset-${A}`&&M(P,"o-anim-offset-",A?`o-anim-offset-${A}`:"",(()=>O(`o-anim-offset-${A}`)),a,o)}),[A,C]),(0,p.jsxs)(t.PanelBody,{title:(0,e.__)("Animations","blocks-animation"),initialOpen:!1,children:[(0,p.jsxs)("div",{className:"o-animations-control",children:[(0,p.jsx)(_,{animationsList:r,updateAnimation:$,currentAnimationLabel:g,setCurrentAnimationLabel:k}),"none"!==l&&(0,p.jsxs)(i.Fragment,{children:[(0,p.jsx)(t.SelectControl,{label:(0,e.__)("Delay","blocks-animation"),value:u||"none",options:d,onChange:e=>M(P,u,e,(()=>f(e)),a,o)}),"o-anim-custom-delay"===u&&(0,p.jsx)(t.__experimentalUnitControl,{label:(0,e.__)("Value","blocks-animation"),value:w,onChange:e=>M(P,"o-anim-value-delay-",e?`o-anim-value-delay-${e}`:void 0,(()=>x(e)),a,o),min:0,step:.1,allowReset:!0,units:[{label:(0,e.__)("S","blocks-animation"),value:"s"},{label:(0,e.__)("MS","blocks-animation"),value:"ms"}]}),(0,p.jsx)(t.SelectControl,{label:(0,e.__)("Speed","blocks-animation"),value:h||"none",options:b,onChange:e=>M(P,h,e,(()=>v(e)),a,o)}),"o-anim-custom-speed"===h&&(0,p.jsx)(t.__experimentalUnitControl,{label:(0,e.__)("Value","blocks-animation"),value:S,onChange:e=>M(P,"o-anim-value-speed-",`o-anim-value-speed-${e}`,(()=>R(e)),a,o),min:0,step:.1,allowReset:!0,units:[{label:(0,e.__)("S","blocks-animation"),value:"s"},{label:(0,e.__)("MS","blocks-animation"),value:"ms"}]}),(0,p.jsx)(t.ToggleControl,{label:(0,e.__)("Play on Hover","blocks-animation"),checked:B,onChange:e=>M(P,"o-anim-hover",e?"o-anim-hover":"",(()=>N(e)),a,o)}),(0,p.jsx)(t.ToggleControl,{label:(0,e.__)("Trigger Offset","blocks-animation"),checked:Boolean(C),onChange:e=>M(P,"o-anim-offset-0px",e?"o-anim-offset-0px":"",(()=>{O(e?"o-anim-offset-0px":""),T(e?"o-anim-offset-0px":"")}),a,o),help:(0,e.__)("This will offset the trigger of animation relative to the screen.","blocks-animation")}),Boolean(C)&&(0,p.jsx)(t.__experimentalUnitControl,{label:(0,e.__)("Height Trigger Offset","blocks-animation"),value:A,onChange:T,step:.1,allowReset:!0,units:[{label:(0,e.__)("px","blocks-animation"),value:"px"},{label:(0,e.__)("%","blocks-animation"),value:"%"}],help:A?.endsWith("%")?(0,e.__)("Is the percentage of the screen height. E.g: with 50% the animation will trigger after passing the middle of screen.","blocks-animation"):""}),(0,p.jsx)(t.Button,{variant:"secondary",onClick:()=>{let e=a.className;e=e.replace(l,"o-replay"),o({className:e}),setTimeout((()=>o({className:e.replace("o-replay",l)})),100)},children:(0,e.__)("Replay Animation","blocks-animation")})]})]}),(0,p.jsxs)(I,{label:(0,e.__)("Count Animations","blocks-animation"),children:[(0,p.jsx)("img",{src:j,alt:(0,e.__)("Using Count Animation in the Block Editor","blocks-animation"),className:"otter-animations-count-image"}),(0,p.jsx)("p",{children:(0,e.__)("You can add counting animation from the format toolbar of this block.","blocks-animation")}),(0,p.jsx)("p",{children:(0,e.__)("Note: This feature is not available in all the blocks.","blocks-animation")})]}),(0,p.jsxs)(I,{label:(0,e.__)("Typing Animations","blocks-animation"),children:[(0,p.jsx)("img",{src:y,alt:(0,e.__)("Using Typing Animation in the Block Editor","blocks-animation"),className:"otter-animations-count-image"}),(0,p.jsx)("p",{children:(0,e.__)("You can add typing animation from the format toolbar of this block.","blocks-animation")}),(0,p.jsx)("p",{children:(0,e.__)("Note: This feature is not available in all the blocks.","blocks-animation")})]}),(0,p.jsxs)("div",{className:"o-fp-wrap",children:[(0,s.applyFilters)("otter.feedback","","animations"),(0,s.applyFilters)("otter.poweredBy","")]})]})})),H=(0,p.jsx)(g.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,p.jsx)(g.Path,{d:"M4 20h8v-1.5H4V20zM18.9 3.5c-.6-.6-1.5-.6-2.1 0l-7.2 7.2c-.4-.1-.7 0-1.1.1-.5.2-1.5.7-1.9 2.2-.4 1.7-.8 2.2-1.1 2.7-.1.1-.2.3-.3.4l-.6 1.1H6c2 0 3.4-.4 4.7-1.4.8-.6 1.2-1.4 1.3-2.3 0-.3 0-.5-.1-.7L19 5.7c.5-.6.5-1.6-.1-2.2zM9.7 14.7c-.7.5-1.5.8-2.4 1 .2-.5.5-1.2.8-2.3.2-.6.4-1 .8-1.1.5-.1 1 .1 1.3.3.2.2.3.5.2.8 0 .3-.1.9-.7 1.3z"})}),G=window.wp.richText;const Y=d.filter((e=>"o-anim-custom-delay"!==e.value)),W=b.filter((e=>"o-anim-custom-speed"!==e.value));var X=({value:n,contentRef:a})=>{(0,i.useEffect)((()=>{let e;if(l.className){e=l.className,e=e.split(" ");const n=Array.from(Y).find((n=>e.find((e=>e===`o-count-${n.value}`)))),a=Array.from(W).find((n=>e.find((e=>e===`o-count-${n.value}`))));d(n?n.value:"none"),_(a?a.value:"none")}}),[]);const{clientId:o,attributes:l}=(0,c.useSelect)((e=>{const{getSelectedBlock:n}=e("core/block-editor"),a=n();return{clientId:a?.clientId,attributes:a?.attributes}}),[]),{updateBlockAttributes:r}=(0,c.useDispatch)("core/block-editor"),u=e=>r(o,e),[m,d]=(0,i.useState)("none"),[b,_]=(0,i.useState)("none"),f=(0,G.useAnchorRef)({ref:a,value:n,settings:q});return(0,p.jsxs)(t.Popover,{position:"bottom center right",placement:"bottom",noArrow:!1,anchor:f,anchorRef:f,focusOnMount:!1,className:"o-animation-popover",children:[(0,p.jsx)(t.__experimentalHeading,{level:4,children:(0,e.__)("Count Animation","blocks-animation")}),(0,p.jsx)(t.SelectControl,{label:(0,e.__)("Delay","blocks-animation"),value:m||"none",options:Y,onChange:e=>M("count",m,e,(()=>d(e)),l,u)}),(0,p.jsx)(t.SelectControl,{label:(0,e.__)("Speed","blocks-animation"),value:b||"none",options:W,onChange:e=>M("count",b,e,(()=>_(e)),l,u)}),(0,s.applyFilters)("otter.poweredBy","")]})};const Z="themeisle-blocks/count-animation",q={name:Z,title:(0,e.__)("Count Animation","blocks-animation"),tagName:"o-anim-count",className:null,edit:({isActive:n,value:a,onChange:t,contentRef:l})=>{const s=/^\$?[\d,]+(\.\d*)?$/;return(0,p.jsxs)(i.Fragment,{children:[(0,p.jsx)(o.RichTextToolbarButton,{icon:H,title:(0,e.__)("Count Animation","blocks-animation"),isDisabled:!n&&null===s.exec(a.text.substring(a.start,a.end)),onClick:()=>{(n||!n&&null!==s.exec(a.text.substring(a.start,a.end)))&&t((0,G.toggleFormat)(a,{type:Z}))},isActive:n}),n&&(0,p.jsx)(X,{value:a,contentRef:l})]})}};(0,G.registerFormatType)(Z,q);const J=d.filter((e=>"o-anim-custom-delay"!==e.value)),K=b.filter((e=>"o-anim-custom-speed"!==e.value));var Q=({value:n,contentRef:a})=>{(0,i.useEffect)((()=>{let e;if(l.className){e=l.className,e=e.split(" ");const n=Array.from(J).find((n=>e.find((e=>e===`o-typing-${n.value}`)))),a=Array.from(K).find((n=>e.find((e=>e===`o-typing-${n.value}`))));d(n?n.value:"none"),_(a?a.value:"none")}}),[]);const{clientId:o,attributes:l}=(0,c.useSelect)((e=>{const{getSelectedBlock:n}=e("core/block-editor"),a=n();return{clientId:a?.clientId,attributes:a?.attributes}}),[]),{updateBlockAttributes:r}=(0,c.useDispatch)("core/block-editor"),u=e=>r(o,e),[m,d]=(0,i.useState)("none"),[b,_]=(0,i.useState)("none"),f=(0,G.useAnchorRef)({ref:a,value:n,settings:ne});return(0,p.jsxs)(t.Popover,{position:"bottom center right",placement:"bottom",noArrow:!1,anchor:f,anchorRef:f,focusOnMount:!1,className:"o-animation-popover",children:[(0,p.jsx)(t.__experimentalHeading,{level:4,children:(0,e.__)("Typing Animation","blocks-animation")}),(0,p.jsx)(t.SelectControl,{label:(0,e.__)("Delay","blocks-animation"),value:m||"none",options:J,onChange:e=>M("typing",m,e,(()=>d(e)),l,u)}),(0,p.jsx)(t.SelectControl,{label:(0,e.__)("Speed","blocks-animation"),value:b||"none",options:K,onChange:e=>M("typing",b,e,(()=>_(e)),l,u)}),(0,s.applyFilters)("otter.poweredBy","")]})};const ee="themeisle-blocks/typing-animation",ne={name:ee,title:(0,e.__)("Typing Animation","blocks-animation"),tagName:"o-anim-typing",className:null,edit:({isActive:n,value:a,onChange:t,contentRef:l})=>(0,p.jsxs)(i.Fragment,{children:[(0,p.jsx)(o.RichTextToolbarButton,{icon:H,title:(0,e.__)("Typing Animation","blocks-animation"),onClick:()=>{t((0,G.toggleFormat)(a,{type:ee}))},isActive:n}),n&&(0,p.jsx)(Q,{value:a,contentRef:l})]})};(0,G.registerFormatType)(ee,ne);const ae=["themeisle-blocks/popup"],oe=(0,l.createHigherOrderComponent)((e=>a=>(0,n.hasBlockSupport)(a.name,"customClassName",!0)&&a.isSelected&&!ae.includes(a.name)?(0,p.jsxs)(i.Fragment,{children:[(0,p.jsx)(e,{...a}),(0,p.jsx)(o.InspectorControls,{children:(0,p.jsx)(V,{...a})})]}):(0,p.jsx)(e,{...a})),"withInspectorControl");Boolean(window?.blocksAnimation?.hasOtter)?(0,s.addFilter)("otter.blockTools","themeisle-animations/with-inspector-controls",((a,o)=>{if((0,n.hasBlockSupport)(o.name,"customClassName",!0)&&!ae.includes(o.name)){var l;const n=Boolean(null===(l=(0,c.select)("core/preferences")?.get("themeisle/otter-blocks","show-animations"))||void 0===l||l);return(0,p.jsxs)(i.Fragment,{children:[a,(0,p.jsx)(t.__experimentalToolsPanelItem,{hasValue:()=>Boolean(o?.attributes?.className?.includes("animated")),label:(0,e.__)("Animations","blocks-animation"),onDeselect:()=>window?.blocksAnimation?.removeAnimation(),isShownByDefault:n,children:(0,p.jsx)(V,{...o})})]})}return a}),1):(0,s.addFilter)("editor.BlockEdit","themeisle-animations/with-inspector-controls",oe)}()}();