| 1 |
(()=>{"use strict";const t=window.ReactDOM;window.React;const n=t=>{try{const n=new URL(t);return["http:","https:"].includes(n.protocol)?n.toString():null}catch(n){return"string"==typeof t&&t.startsWith("/")&&!t.startsWith("//")?t:null}},e="linear-gradient(135deg, #0040E3, #18D4FD)",o=(t,n)=>{return null==(e=n)||""===e||Array.isArray(e)&&0===e.length||"object"==typeof e&&0===Object.keys(e).length||"string"==typeof e&&""===e.trim()||"number"==typeof e&&0===e?"":`${t}: ${n};`;var e},i=(t,i=!0,r=!0,l=!0)=>{const{type:s="solid",color:a="",gradient:c=e,image:$={},position:d="center center",attachment:p="",repeat:b="no-repeat",size:f="",overlayColor:g=""}=t||{};return"gradient"===s&&r?o("background",c):"image"===s&&l?`background: ${(t=>{const e=n(t);return e?`url('${e.replace(/['"()]/g,"")}')`:"none"})($?.url)};\n\t\t\t\t${o("background-color",g)}\n\t\t\t\t${o("background-position",d)}\n\t\t\t\t${o("background-size",f)}\n\t\t\t\t${o("background-repeat",b)}\n\t\t\t\t${o("background-attachment",p)}\n\t\t\t\t${o("background-repeat",b)}\n\t\t\t\tbackground-blend-mode: overlay;`:i&&o("background",a)},r=t=>{const{width:n="",style:e="solid",color:i="",side:r="all",radius:l=""}=t||{},s=t=>{const n=r?.toLowerCase();return n?.includes("all")||n?.includes(t)},a=`${n} ${e} ${i}`,c=`\n\t\t${n&&0!==parseInt(n)?["top","right","bottom","left"].map((t=>s(t)?`border-${t}: ${a};`:"")).join(""):""}\n\t\t${o("border-radius",l)}\n\t`;return c},l=t=>{const{color:n="",bgType:i="solid",bg:r="",gradient:l=e}=t||{};return`\n\t\t${o("color",n)}\n\t\t${l||r?o("background","gradient"===i?l:r):""}\n\t`},s=(t,n=!0,i=!0)=>{const{fontSize:r=16,colorType:l="solid",color:s="inherit",gradient:a=e}=t||{},c="gradient"===l?`color: transparent; background-image: ${a}; -webkit-background-clip: text; background-clip: text;`:o("color",s);return`\n\t\t${r&&n?o("font-size",r?`${r}px`:""):""}\n\t\t${i?c:""}\n\t`},a=t=>{const{side:n=2,vertical:e="0px",horizontal:o="0px",top:i="0px",right:r="0px",bottom:l="0px",left:s="0px"}=t||{};return 2===n?`${e} ${o}`:`${i} ${r} ${l} ${s}`},c=(t,n,e=!0)=>{const{fontFamily:i="Default",fontCategory:r="sans-serif",fontVariant:l=400,fontWeight:s,isUploadFont:a=!0,fontSize:c={desktop:null,tablet:null,mobile:null},fontStyle:$,textTransform:d,textDecoration:p,lineHeight:b,letterSpace:f}=n||{},g=!e||!i||"Default"===i,u=c?.desktop||c,x=c?.tablet||u,m=c?.mobile||x,h=t=>{const n=String(t);return["px","em","rem","%","vh","vw"].some((t=>n.endsWith(t)))?n:"number"==typeof t?`${n}px`:""},k=`\n\t\t${g?"":`font-family: '${i}', ${r};`}\n\t\t${o("font-weight",s)}\n\t\t${o("font-size",h(u))}\n\t\t${o("font-style",$)}\n\t\t${o("text-transform",d)}\n\t\t${o("text-decoration",p)}\n\t\t${o("line-height",b)}\n\t\t${o("letter-spacing",f)}\n\t`,y=l&&400!==l?"400i"===l?":ital@1":l?.includes("00i")?`: ital, wght@1, ${l?.replace("00i","00")} `:`: wght@${l} `:"",I=g?"":`https://fonts.googleapis.com/css2?family=${i?.split(" ").join("+")}${y.replace(/ /g,"")}&display=swap`;return{googleFontLink:!a||g?"":`@import url(${I});`,styles:`${t}{\n\t\t\t${k}\n\t\t}\n\t\t@media only screen and (max-width: 1024px) {\n\t\t\t${t}{\n\t\t\t\t${o("font-size",h(x))}\n\t\t\t}\n\t\t}\n\t\t@media only screen and (max-width: 640px) {\n\t\t\t${t}{\n\t\t\t\t${o("font-size",h(m))}\n\t\t\t}\n\t\t}`.replace(/\s+/g," ").trim()}},$="bBlocksFlipBoxes",d=window.ReactJSXRuntime,p=({attributes:t,id:n})=>{const{boxes:e,columnGap:o,rowGap:p,boxHeight:b,textAlign:f,boxPadding:g,iconMargin:u,titleTypo:x,titleMargin:m,descTypo:h,btnTypo:k,btnPadding:y}=t,I=`#${n}`,j=`${I} .flipBox`;return(0,d.jsx)("style",{dangerouslySetInnerHTML:{__html:`\n\t\t${c("",x)?.googleFontLink}\n\t\t${c("",h)?.googleFontLink}\n\t\t${c("",k)?.googleFontLink}\n\t\t${c(`${j} .flipTitle`,x)?.styles}\n\t\t${c(`${j} .flipDescription`,h)?.styles}\n\t\t${c(`${j} .flipBtn`,k)?.styles}\n\n\t\t${I} .${$}{ grid-gap: ${p} ${o}; }\n\t\t${j}{\n\t\t\theight: ${b};\n\t\t}\n\t\t${j} .box{\n\t\t\ttext-align: ${f};\n\t\t\tpadding: ${a(g)};\n\t\t}\n\t\t${j} i.flipIcon{\n\t\t\tmargin: ${a(u)};\n\t\t}\n\t\t${j} .flipTitle{\n\t\t\tmargin: ${a(m)};\n\t\t}\n\t\t${j} .flipBtn{\n\t\t\tpadding: ${a(y)};\n\t\t}\n\t\t\t\n\t\t${e.map(((t,n)=>{const{frontBG:e,backBG:o,border:a,shadow:c,frontIcon:$={},frontIconWidth:d="70px",backIcon:p={},backIconWidth:b="70px",frontTitleColor:f,backTitleColor:g,descColor:u,btnBorder:x,btnColors:m,btnHovColors:h}=t,k=`${I} #flipBox-${n}`;return`\n\t\t\t\t${k} .box{\n\t\t\t\t\t${r(a)}\n\t\t\t\t\tbox-shadow: ${((t,n="box")=>{const{hOffset:e="0px",vOffset:o="0px",blur:i="0px",spreed:r="0px",color:l="#7090b0",isInset:s=!1}=t||{},a=`${e} ${o} ${i}`;return("text"===n?`${a} ${l}`:`${a} ${r} ${l} ${s?"inset":""}`)||"none"})(c)};\n\t\t\t\t}\n\t\t\t\t${k} .box.front{\n\t\t\t\t\t${i(e)}\n\t\t\t\t}\n\t\t\t\t${k} .box.back{\n\t\t\t\t\t${i(o)}\n\t\t\t\t}\n\t\t\t\t${k} img.flipIcon.frontIcon{\n\t\t\t\t\twidth: ${d};\n\t\t\t\t}\n\t\t\t\t${k} i.flipIcon.frontIcon{\n\t\t\t\t\t${s($)}\n\t\t\t\t}\n\t\t\t\t${k} img.flipIcon.backIcon{\n\t\t\t\t\twidth: ${b};\n\t\t\t\t}\n\t\t\t\t${k} i.flipIcon.backIcon{\n\t\t\t\t\t${s(p)}\n\t\t\t\t}\n\t\t\t\t${k} .flipTitle.flipFrontTitle{\n\t\t\t\t\tcolor: ${f};\n\t\t\t\t}\n\t\t\t\t${k} .flipTitle.flipBackTitle{\n\t\t\t\t\tcolor: ${g};\n\t\t\t\t}\n\t\t\t\t${k} .flipDescription{\n\t\t\t\t\tcolor: ${u};\n\t\t\t\t}\n\t\t\t\t${k} .flipBtn{\n\t\t\t\t\t${l(m)}\n\t\t\t\t\t${r(x)}\n\t\t\t\t}\n\t\t\t\t${k} .flipBtn:hover{\n\t\t\t\t\t${l(h)}\n\t\t\t\t}\n\t\t\t`})).join(" ")}\n\t\t`.replace(/\s+/g," ")}})},b=({attributes:t,isBackend:e=!1,custom:o})=>{const{boxes:i,columns:r,isIcon:l,isDesc:s,isBtn:a,isLinkNewTab:c}=t;return(0,d.jsx)("div",{className:`${$} columns-${r.desktop} columns-tablet-${r.tablet} columns-mobile-${r.mobile}`,children:i.map(((t,i)=>{const{isFrontUpIcon:r=!1,frontIcon:$={},upFrontIcon:p={},isBackUpIcon:b=!1,backIcon:f={},upBackIcon:g={},frontTitle:u,backTitle:x,desc:m,btn:h,btnLink:k,direction:y="right"}=t;return(0,d.jsxs)("div",{onClick:()=>e&&o.setActiveIndex(i),className:"flipBox "+(e&&i===o.activeIndex?"bPlNowEditing":""),id:`flipBox-${i}`,"data-direction":y,children:[(0,d.jsx)("div",{className:"box front",children:(0,d.jsxs)("div",{className:"frontContent",children:[l&&(0,d.jsx)(d.Fragment,{children:r?(0,d.jsx)("img",{className:p?.id?"flipIcon frontIcon":null,src:p?.url,alt:p?.alt}):$?.class&&(0,d.jsx)("i",{className:`flipIcon frontIcon ${$?.class}`})}),u&&(0,d.jsx)("h3",{className:"flipTitle flipFrontTitle",children:u}),s&&m&&(0,d.jsx)("p",{className:"flipDescription",children:m})]})}),(0,d.jsx)("div",{className:"box back",children:(0,d.jsxs)("div",{className:"backContent",children:[l&&(0,d.jsx)(d.Fragment,{children:b?(0,d.jsx)("img",{className:g?.id?"flipIcon backIcon":null,src:g?.url,alt:g?.alt}):f?.class&&(0,d.jsx)("i",{className:`flipIcon backIcon ${f?.class}`})}),x&&(0,d.jsx)("h3",{className:"flipTitle flipBackTitle",children:x}),a&&h&&(0,d.jsx)("a",{href:n(k),className:"flipBtn",target:c?"_blank":"_self",rel:"noreferrer noopener",children:h})]})})]},i)}))})};document.addEventListener("DOMContentLoaded",(()=>{document.querySelectorAll(".wp-block-b-blocks-flip-boxes").forEach((n=>{const e=JSON.parse(n.dataset.attributes);(0,t.createRoot)(n).render((0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(p,{attributes:e,id:n.id}),(0,d.jsx)(b,{attributes:e})]})),n?.removeAttribute("data-attributes")}))}))})(); |
