| 1 |
(()=>{"use strict";var t={5338:(t,e,n)=>{var o=n(5795);e.H=o.createRoot,o.hydrateRoot},5795:t=>{t.exports=window.ReactDOM}},e={};const n=window.React;var o=function n(o){var r=e[o];if(void 0!==r)return r.exports;var a=e[o]={exports:{}};return t[o](a,a.exports,n),a.exports}(5338);const r=t=>!(null==t||""===t||Array.isArray(t)&&0===t.length||"object"==typeof t&&0===Object.keys(t).length||"string"==typeof t&&""===t.trim()||"number"==typeof t&&0===t),a=(t,e,n=!1)=>r(e)?`${t}: ${e}${n?" !important":""};`:"",i=(t,e="box")=>{const{hOffset:n="0px",vOffset:o="0px",blur:r="0px",spreed:a="0px",color:i="#7090b0",isInset:s=!1}=t||{},$=`${n} ${o} ${r}`;return("text"===e?`${$} ${i}`:`${$} ${a} ${i} ${s?"inset":""}`)||"none"},s="bBlocksIconBox",$=({attributes:t,id:e,extraCSS:o=""})=>{const{wrapper:$,icon:l,animation:c}=t,{size:d,color:u,shadow:m}=l,{width:p,height:h}=$,{duration:b,delay:y,type:x,iteration:v,iterationCount:f,hover:g}=c,w=`#${e} .${s}`,E=`${w} svg`,S=(t,e,n,o,r)=>`${e} ${n}ms ${e==t+"Spin"?"linear":e===t+"Ping"?"cubic-bezier(0, 0, 0.2, 1)":"ease-in-out"} ${o}ms ${r};`;return(0,n.createElement)("style",{dangerouslySetInnerHTML:{__html:`\n\t\t\t${o}\n\t\t\t${w}{\n\t\t\t\twidth: ${p&&0!==parseInt(p)?p:"auto"};\n\t\t\t\theight: ${h&&0!==parseInt(h)?h:"auto"};\n\t\t\t}\n\t\t\t#${e}{\n\t\t\t\t${a("justify-content",$?.alignment?.desktop)}\n\t\t\t}\n\t\t\t${E}{\n\t\t\t\tfill: ${u};\n\t\t\t\theight: ${d};\n\t\t\t\twidth: ${d};\n\t\t\t\tfilter: drop-shadow(${i(m,"text")});\n\t\t\t}\n\n\t\t\t${w}:hover svg {\n\t\t\t\t${a("fill",l?.hover?.color)}\n\t\t\t\t${a("filter",r(l?.hover?.shadow)?`drop-shadow(${i(l?.hover?.shadow,"text")})`:"")}\n\t\t\t}\n\n\t\t\t${w}.${x} {\n\t\t\t\tanimation: ${S("n",x,b,y,"number"===v?f:v)}\n\t\t\t}\n\t\t\t\t\n\t\t\t${w}.${g?.type}:hover{\n\t\t\t\tanimation: ${S("h",g?.type,g?.duration,g?.delay,"number"===g?.iteration?g?.iterationCount:g?.iteration)}\n\t\t\t}\n\n\t\t\t@media only screen and (max-width: 1024px){\n\t\t\t\t#${e}{\n\t\t\t\t\t${a("justify-content",$?.alignment?.tablet)}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@media only screen and (max-width: 640px){\n\t\t\t\t#${e}{\n\t\t\t\t\t${a("justify-content",$?.alignment?.mobile)}\n\t\t\t\t}\n\t\t\t}\n\n`.replace(/\s+/g," ")}})},l=({attributes:t})=>{const{icon:e,animation:o}=t,{type:r,hover:a={}}=o;return(0,n.createElement)("div",{className:`${s} b-blocks-icon-box-animation ${r} ${a?.type}`,dangerouslySetInnerHTML:{__html:e.svg}})};document.addEventListener("DOMContentLoaded",(()=>{document.querySelectorAll(".wp-block-b-blocks-icon-box").forEach((t=>{const e=JSON.parse(t.dataset.attributes);(0,o.H)(t).render((0,n.createElement)(n.Fragment,null,(0,n.createElement)($,{attributes:e,id:t.id}),(0,n.createElement)(l,{attributes:e}))),t?.removeAttribute("data-attributes")}))}))})(); |
