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