JezK
Edit File: view.js
(()=>{"use strict";var t={5338:(t,e,n)=>{var r=n(5795);e.H=r.createRoot,r.hydrateRoot},5795:t=>{t.exports=window.ReactDOM}},e={};const n=window.React;var r=function n(r){var a=e[r];if(void 0!==a)return a.exports;var i=e[r]={exports:{}};return t[r](i,i.exports,n),i.exports}(5338);const a=t=>Object.values(t).join(" ");const i=t=>{try{const e=new URL(t);return["http:","https:"].includes(e.protocol)?e.toString():null}catch(e){return"string"==typeof t&&t.startsWith("/")&&!t.startsWith("//")?t:null}};const l="linear-gradient(135deg, #0040E3, #18D4FD)",o=t=>{const e=i(t);if(!e)return"none";return`url('${e.replace(/['"()]/g,"")}')`},s=(t,e)=>{return null==(n=e)||""===n||Array.isArray(n)&&0===n.length||"object"==typeof n&&0===Object.keys(n).length||"string"==typeof n&&""===n.trim()||"number"==typeof n&&0===n?"":`${t}: ${e};`;var n},c=(t,e=!0,n=!0,r=!0)=>{const{type:a="solid",color:i="",gradient:c=l,image:m={},position:d="center center",attachment:b="",repeat:u="no-repeat",size:p="",overlayColor:g=""}=t||{};return"gradient"===a&&n?s("background",c):"image"===a&&r?`background: ${o(m?.url)};\n\t\t\t\t${s("background-color",g)}\n\t\t\t\t${s("background-position",d)}\n\t\t\t\t${s("background-size",p)}\n\t\t\t\t${s("background-repeat",u)}\n\t\t\t\t${s("background-attachment",b)}\n\t\t\t\t${s("background-repeat",u)}\n\t\t\t\tbackground-blend-mode: overlay;`:e&&s("background",i)},m=t=>{const{width:e="",style:n="solid",color:r="",side:a="all",radius:i=""}=t||{},l=t=>{const e=a?.toLowerCase();return e?.includes("all")||e?.includes(t)},o=`${e} ${n} ${r}`,c=`\n\t\t${e&&0!==parseInt(e)?["top","right","bottom","left"].map((t=>l(t)?`border-${t}: ${o};`:"")).join(""):""}\n\t\t${s("border-radius",i)}\n\t`;return c},d=t=>{const{color:e="",bgType:n="solid",bg:r="",gradient:a=l}=t||{};return`\n\t\t${s("color",e)}\n\t\t${a||r?s("background","gradient"===n?a:r):""}\n\t`},b=(t,e,n=!0)=>{const{fontFamily:r="Default",fontCategory:a="sans-serif",fontVariant:i=400,fontWeight:l,isUploadFont:o=!0,fontSize:c={desktop:null,tablet:null,mobile:null},fontStyle:m,textTransform:d,textDecoration:b,lineHeight:u,letterSpace:p}=e||{},g=!n||!r||"Default"===r,T=c?.desktop||c,$=c?.tablet||T,y=c?.mobile||$,f=t=>{const e=String(t);return["px","em","rem","%","vh","vw"].some((t=>e.endsWith(t)))?e:"number"==typeof t?`${e}px`:""},x=`\n\t\t${g?"":`font-family: '${r}', ${a};`}\n\t\t${s("font-weight",l)}\n\t\t${s("font-size",f(T))}\n\t\t${s("font-style",m)}\n\t\t${s("text-transform",d)}\n\t\t${s("text-decoration",b)}\n\t\t${s("line-height",u)}\n\t\t${s("letter-spacing",p)}\n\t`,A=i&&400!==i?"400i"===i?":ital@1":i?.includes("00i")?`: ital, wght@1, ${i?.replace("00i","00")} `:`: wght@${i} `:"",h=g?"":`https://fonts.googleapis.com/css2?family=${r?.split(" ").join("+")}${A.replace(/ /g,"")}&display=swap`;return{googleFontLink:!o||g?"":`@import url(${h});`,styles:`${t}{\n\t\t\t${x}\n\t\t}\n\t\t@media only screen and (max-width: 1024px) {\n\t\t\t${t}{\n\t\t\t\t${s("font-size",f($))}\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${s("font-size",f(y))}\n\t\t\t}\n\t\t}`.replace(/\s+/g," ").trim()}},u=({attributes:t,id:e})=>{const{wrapper:r,title:i,subTitle:l,button:o}=t,{background:s,border:u,padding:p}=r,{desktop:g,tablet:T,mobile:$}=p,y=`${`#${e}`} .layoutStyle`;return(0,n.createElement)("style",{dangerouslySetInnerHTML:{__html:`\n\t\t${b("",i?.typo)?.googleFontLink}\n\t\t${b("",l?.typo)?.googleFontLink}\n\t\t${b("",o?.typo)?.googleFontLink}\n\t\t${b(`${y} .mainArea .title`,i?.typo)?.styles}\n\t\t${b(`${y} .mainArea .subTitle`,l?.typo)?.styles}\n\t\t${b(`${y} .mainArea .btn`,o?.typo)?.styles}\n\t\t \n\t\t${y} .mainArea {\n\t\t \t${c(s)};\n\t\t\tpadding: ${a(g)};\n\t\t\t${m(u)};\n\t\t}\n\n\t\t@media (max-width: 768px) {\n\t\t\t${y} .mainArea {\n\t\t\t\tpadding: ${a(T)};\n\t\t\t}\n\t\t}\n\n\t\t@media (max-width: 576px) {\n\t\t\t${y} .mainArea { \n\t\t\t\tpadding: ${a($)};\n\t\t\t}\n\t\t}\n\n\t\t${y} .mainArea .title {\n\t\t\tcolor:${i?.color};\n\t\t} \n\n\t\t${y} .mainArea .subTitle {\n\t\t\tcolor:${l?.color};\n\t\t}\n\t\t\n\t\t${y} .mainArea .btn {\n\t\t\t${d(o?.colors)};\n\t\t\tpadding:${a(o?.padding?.desktop)};\n\t\t\t${m(o.border)};\n\t\t}\n\n\t\t@media (max-width: 768px) {\n\t\t\t${y} .mainArea .btn {\n\t\t\t\tpadding:${a(o?.padding?.tablet)};\n\t\t\t}\n\t\t}\n\n\t\t@media (max-width: 576px) { \n\t\t\t${y} .mainArea .btn {\n\t\t\t\tpadding:${a(o?.padding?.mobile)};\n\t\t\t}\n\t\t}\n\n\t\t${y} .mainArea .btn:hover {\n\t\t\t${d(o?.hoverColors)}\n\t\t} \n\t`}})},p=({isBtnOne:t,btnOneTextArea:e})=>t&&e,g=({isSubTitle:t,subTitleArea:e})=>t&&e,T=({isTitle:t,titleArea:e})=>t&&e,$=({attributes:t,titleArea:e,subTitleArea:r,btnOneTextArea:a})=>{const{content:i,elements:l}=t,{title:o,subTitle:s,btnOneText:c,btnOneUrl:m}=i,{isTitle:d,isSubTitle:b,isBtnOne:u}=l;return(0,n.createElement)("div",{className:"mainArea"},(0,n.createElement)(T,{title:o,isTitle:d,titleArea:e}),(0,n.createElement)(g,{subTitle:s,isSubTitle:b,subTitleArea:r}),(0,n.createElement)(p,{btnOneText:c,btnOneUrl:m,isBtnOne:u,btnOneTextArea:a}))},y=({isBtnTwo:t,btnTwoTextArea:e})=>t&&e,f=({attributes:t,titleArea:e,subTitleArea:r,btnOneTextArea:a,btnTwoTextArea:i})=>{const{content:l,elements:o,template:s}=t,{title:c,btnOneText:m,btnOneUrl:d,btnTwoUrl:b,btnTwoText:u}=l,{isTitle:g,isBtnOne:$,isBtnTwo:f,isSubTitle:x}=o;return(0,n.createElement)("div",{className:"mainArea"},(0,n.createElement)("div",{className:"contentArea"},(0,n.createElement)(T,{title:c,isTitle:g,titleArea:e}),"style3"===s.style&&x&&r),(0,n.createElement)("div",{className:"buttonArea"},(0,n.createElement)(p,{btnOneText:m,btnOneUrl:d,isBtnOne:$,btnOneTextArea:a}),(0,n.createElement)(y,{btnTwoText:u,btnTwoUrl:b,isBtnTwo:f,btnTwoTextArea:i})))},x=({attributes:t,titleArea:e,subTitleArea:r,btnOneTextArea:a,imgArea:i})=>{const{content:l,elements:o}=t,{title:s,btnOneText:c,btnOneUrl:m}=l,{isTitle:d,isBtnOne:b,isSubTitle:u,isImg:g}=o;return(0,n.createElement)("div",{className:"mainArea"},(0,n.createElement)("div",{className:"contentArea"},(0,n.createElement)(T,{title:s,isTitle:d,titleArea:e}),u&&r,(0,n.createElement)(p,{btnOneText:c,btnOneUrl:m,isBtnOne:b,btnOneTextArea:a})),g&&i)},A=({attributes:t,titleArea:e,subTitleArea:r,btnOneTextArea:a,btnTwoTextArea:i,imgArea:l})=>{const{template:o}=t,s={attributes:t,titleArea:e,subTitleArea:r,btnOneTextArea:a,btnTwoTextArea:i,imgArea:l};return(0,n.createElement)("div",{className:`layoutStyle ${o?.style}`},"style1"===o?.style&&(0,n.createElement)($,{...s}),"style2"===o?.style&&(0,n.createElement)(f,{...s}),"style3"===o?.style&&(0,n.createElement)(f,{...s}),"style4"===o?.style&&(0,n.createElement)(x,{...s}))},h=["http","https","mailto","tel","sms","ftp","ftps"],w=(t,e="#")=>{if(!t)return e;const n=String(t).split("").filter((t=>{const e=t.charCodeAt(0);return!(e<32||127===e||e>=8203&&e<=8205||65279===e)})).join("").trim();if(""===n)return e;if(/^(\/|\.|#|\?)/.test(n))return n;const r=n.match(/^([a-zA-Z][a-zA-Z0-9+.-]*):/);return r?h.includes(r[1].toLowerCase())?n:e:n};new Set(["svg","g","defs","symbol","use","title","desc","path","rect","circle","ellipse","line","polyline","polygon","text","tspan","textpath","lineargradient","radialgradient","stop","clippath","mask","pattern","filter","fegaussianblur","feoffset","feblend","femerge","femergenode","fecolormatrix","fecomposite","feflood","i","span","b","strong","em","small","br","div","p","img"]),new Set(["viewbox","xmlns","xmlns:xlink","version","width","height","class","id","fill","fill-rule","fill-opacity","clip-rule","clip-path","stroke","stroke-width","stroke-linecap","stroke-linejoin","stroke-opacity","stroke-dasharray","stroke-dashoffset","stroke-miterlimit","d","points","x","y","x1","y1","x2","y2","cx","cy","r","rx","ry","transform","transform-origin","opacity","offset","stop-color","stop-opacity","gradientunits","gradienttransform","patternunits","maskunits","clippathunits","preserveaspectratio","aria-hidden","aria-label","role","focusable","style","font-size","font-family","font-weight","text-anchor","dominant-baseline","mix-blend-mode","vector-effect","paint-order","shape-rendering","alt","src","title","data-name","xml:space"]);document.addEventListener("DOMContentLoaded",(()=>{document.querySelectorAll(".wp-block-bpsc-section-collection").forEach((t=>{const e=JSON.parse(t.dataset.attributes),{content:a}=e,{title:i,subTitle:l,btnOneText:o,btnTwoText:s,img:c,btnOneUrl:m,btnTwoUrl:d}=a,b={titleArea:(0,n.createElement)("h2",{className:"title",dangerouslySetInnerHTML:{__html:i}}),subTitleArea:(0,n.createElement)("h4",{className:"subTitle",dangerouslySetInnerHTML:{__html:l}}),btnOneTextArea:(0,n.createElement)("a",{href:w(m?.url),className:"btn",dangerouslySetInnerHTML:{__html:o}}),btnTwoTextArea:(0,n.createElement)("a",{href:w(d?.url),className:"btn",dangerouslySetInnerHTML:{__html:s}}),imgArea:(0,n.createElement)("div",{className:"imgArea"},(0,n.createElement)("div",{className:"img"},(0,n.createElement)("img",{src:c.url,alt:""})))};(0,r.H)(t).render((0,n.createElement)(n.Fragment,null,(0,n.createElement)(u,{attributes:e,id:t.id}),(0,n.createElement)("div",{className:"bpscSectionCollection"},(0,n.createElement)(A,{attributes:e,...b})))),t?.removeAttribute("data-attributes")}))}))})();