PluginProbe
bBlocks – Essential Gutenberg Blocks & Patterns Collection / 2.0.38
bBlocks – Essential Gutenberg Blocks & Patterns Collection v2.0.38
2.1.8 2.1.7 2.1.6 2.1.5 2.1.4 2.1.3 2.1.2 2.1.1 2.1.0 2.0.43 2.0.42 2.0.41 2.0.40 2.0.39 2.0.38 trunk 1.0 1.1 1.2 1.3 1.4 1.5 1.5.1 1.5.2 1.5.3 All 108 releases
b-blocks / build / team-members / view.js

view.js in bBlocks – Essential Gutenberg Blocks & Patterns Collection 2.0.38, at build/team-members/view.js

1 lines 8.0 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 (()=>{"use strict";var t={5795:t=>{t.exports=window.ReactDOM},8744:(t,e,n)=>{var r=n(5795);e.H=r.createRoot,r.hydrateRoot}},e={};const n=window.React;var r=function n(r){var o=e[r];if(void 0!==o)return o.exports;var a=e[r]={exports:{}};return t[r](a,a.exports,n),a.exports}(8744);const o=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}},a=t=>{const e=(new DOMParser).parseFromString(t,"text/html"),n=["b","strong","i","em","span","a","br"],r=["style","href","target","rel","class"];return e.body.querySelectorAll("*").forEach((t=>{n.includes(t.tagName.toLowerCase())?[...t.attributes].forEach((e=>{if(r.includes(e.name)||t.removeAttribute(e.name),"href"===e.name){const n=o(e.value);n?t.setAttribute("href",n):t.removeAttribute("href")}})):t.remove()})),e.body.innerHTML},l="#85b4fa",i="linear-gradient(135deg, #0040E3, #18D4FD)",s=(t,e,n=!1)=>{return null==(r=e)||""===r||Array.isArray(r)&&0===r.length||"object"==typeof r&&0===Object.keys(r).length||"string"==typeof r&&""===r.trim()||"number"==typeof r&&0===r?"":`${t}: ${e}${n?" !important":""};`;var r},m=t=>{const{width:e="",style:n="solid",color:r="",side:o="all",radius:a=""}=t||{},l=t=>{const e=o?.toLowerCase();return e?.includes("all")||e?.includes(t)},i=`${e} ${n} ${r}`,m=`\n\t\t${e&&0!==parseInt(e)?["top","right","bottom","left"].map((t=>l(t)?`border-${t}: ${i};`:"")).join(""):""}\n\t\t${s("border-radius",a)}\n\t`;return m},c=t=>{const{color:e="",bgType:n="solid",bg:r="",gradient:o=i}=t||{};return`\n\t\t${s("color",e)}\n\t\t${o||r?s("background","gradient"===n?o:r):""}\n\t`},$=(t,e="box")=>{let n="";return t?.map(((r,o)=>{const{hOffset:a="0px",vOffset:l="0px",blur:i="0px",spreed:s="0px",color:m="#e7f0fe",isInset:c=!1}=r||{},$=c?"inset":"",d=`${a} ${l} ${i}`,b=o+1>=t.length?"":", ";n+="text"===e?`${d} ${m}${b}`:`${d} ${s} ${m} ${$}${b}`})),n||""},d=t=>{const{side:e=2,vertical:n="0px",horizontal:r="0px",top:o="0px",right:a="0px",bottom:l="0px",left:i="0px"}=t||{};return 2===e?`${n} ${r}`:`${o} ${a} ${l} ${i}`},b=(t,e,n=!0)=>{const{fontFamily:r="Default",fontCategory:o="sans-serif",fontVariant:a=400,fontWeight:l,isUploadFont:i=!0,fontSize:m={desktop:null,tablet:null,mobile:null},fontStyle:c,textTransform:$,textDecoration:d,lineHeight:b,letterSpace:p}=e||{},u=!n||!r||"Default"===r,g=m?.desktop||m,h=m?.tablet||g,f=m?.mobile||h,y=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${u?"":`font-family: '${r}', ${o};`}\n\t\t${s("font-weight",l)}\n\t\t${s("font-size",y(g))}\n\t\t${s("font-style",c)}\n\t\t${s("text-transform",$)}\n\t\t${s("text-decoration",d)}\n\t\t${s("line-height",b)}\n\t\t${s("letter-spacing",p)}\n\t`,k=a&&400!==a?"400i"===a?":ital@1":a?.includes("00i")?`: ital, wght@1, ${a?.replace("00i","00")} `:`: wght@${a} `:"",w=u?"":`https://fonts.googleapis.com/css2?family=${r?.split(" ").join("+")}${k.replace(/ /g,"")}&display=swap`;return{googleFontLink:!i||u?"":`@import url(${w});`,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",y(h))}\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",y(f))}\n\t\t\t}\n\t\t}`.replace(/\s+/g," ").trim()}},p="bBlocksTeamMembers",u=({attributes:t,id:e})=>{const{members:r=[],columnGap:o,rowGap:a,layout:u,textAlign:g,padding:h,photoWidth:f,photoMargin:y,nameTypo:x,nameMargin:k,titleTypo:w,titleMargin:v,sepMargin:S,bioTypo:E,bioMargin:M,socialSize:N,socialIconMargin:T}=t,L=`#${e}`,A=`${L} .${p}`,D=`${A} .teamMember`,z=`${D} .memberDetails`,C=`${z} .memberSocial`;return(0,n.createElement)("style",{dangerouslySetInnerHTML:{__html:`\n\t\t${b("",x)?.googleFontLink}\n\t\t${b("",w)?.googleFontLink}\n\t\t${b("",E)?.googleFontLink}\n\t\t${b(`${z} .memberName`,x)?.styles}\n\t\t${b(`${z} .memberTitle`,w)?.styles}\n\t\t${b(`${z} .memberBio`,E)?.styles}\n\n\t\t${A}{\n\t\t\tgrid-gap: ${a} ${o};\n\t\t}\n\t\t${D}{\n\t\t\ttext-align: ${g};\n\t\t\tpadding: ${d(h)};\n\t\t}\n\t\t${D} .memberPhoto{\n\t\t\twidth: ${f};\n\t\t\tmargin: ${"horizontal"===u?"0 20px 0 0":`${d(y)}`};\n\t\t}\n\t\t${z} .memberName{\n\t\t\tmargin: ${d(k)};\n\t\t}\n\t\t${z} .memberTitle{\n\t\t\tmargin: ${d(v)};\n\t\t}\n\t\t${z} .memberSeparator{\n\t\t\tmargin: ${d(S)};\n\t\t}\n\t\t${z} .memberBio{\n\t\t\tmargin: ${d(M)};\n\t\t}\n\t\t${C} .icon,\n\t\t${C} .memberSocialAdd{\n\t\t\tmargin: ${d(T)};\n\t\t}\n\t\t${C} .icon i,\n\t\t${C} .memberSocialAdd i{\n\t\t\tfont-size: ${N};\n\t\t\twidth: ${N};\n\t\t}\n\n\t\t${r.map(((t,e)=>{const{background:n,border:r,shadow:o,photoBorder:a,nameColor:d,titleColor:b,separator:p,bioColor:u,socialIconColors:h,iconStyle:f={}}=t,y=`${L} #teamMember-${e}`,x=`${y} .memberDetails`,k=`${x} .memberSocial`;return`\n\t\t\t\t${y}{\n\t\t\t\t\t${((t,e=!0,n=!0,r=!0)=>{const{type:o="solid",color:a="",gradient:l=i,image:m={},position:c="center center",attachment:$="",repeat:d="no-repeat",size:b="",overlayColor:p=""}=t||{};return"gradient"===o&&n?s("background",l):"image"===o&&r?`background: url(${m?.url});\n\t\t\t\t${s("background-color",p)}\n\t\t\t\t${s("background-position",c)}\n\t\t\t\t${s("background-size",b)}\n\t\t\t\t${s("background-repeat",d)}\n\t\t\t\t${s("background-attachment",$)}\n\t\t\t\t${s("background-repeat",d)}\n\t\t\t\tbackground-blend-mode: overlay;`:e&&s("background",a)})(n)}\n\t\t\t\t\t${m(r)}\n\t\t\t\t\tbox-shadow: ${$(o?.shadow||(o?.color?[o]:o))};\n\t\t\t\t}\n\t\t\t\t${y} .memberPhoto{\n\t\t\t\t\t${m(a)}\n\t\t\t\t}\n\t\t\t\t${x} .memberName{\n\t\t\t\t\tcolor: ${d};\n\t\t\t\t}\n\t\t\t\t${x} .memberTitle{\n\t\t\t\t\tcolor: ${b};\n\t\t\t\t}\n\t\t\t\t${y} .memberSeparator{\n\t\t\t\t\t${(t=>{const{width:e="50%",height:n="2px",style:r="solid",color:o=l}=t||{};return`\n\t\t${s("width",e)}\n\t\t${0===parseInt(n)?"":`border-top: ${n} ${r} ${o};`}\n\t`})(p)}\n\t\t\t\t}\n\t\t\t\t${x} .memberBio{\n\t\t\t\t\tcolor: ${u};\n\t\t\t\t}\n\t\t\t\t${k}{\n\t\t\t\t\tjustify-content: ${"center"===g?"center":"right"===g?"flex-end":"flex-start"}\n\t\t\t\t}\n\t\t\t\t${k} li a{\n\t\t\t\t\t${c(h)}\n\t\t\t\t\t${m(f?.normal?.border)}\n\t\t\t\t\t${$(f?.normal?.shadow)}\n\t\t\t\t\ttransition:all 0.2s ease-in-out;\n\t\t\t\t}\n\t\t\t\t${k} li a:hover{\n\t\t\t\t\t${c(f?.hover?.socialIconColors)}\n\t\t\t\t\t${m(f?.hover?.border)}\n\t\t\t\t\t${$(f?.hover?.shadow)}\n\t\t\t\t}\n\t\t\t\t${k} li.isSelected{\n\t\t\t\t\tborder: 2px solid ${h?.bg};\n\t\t\t\t}\n\t\t\t\t${k} li.memberSocialAdd button i{\n\t\t\t\t\tcolor: ${h?.bg};\n\t\t\t\t}\n\t\t\t`})).join(" ")}\n\t\t`.replace(/\s+/g," ")}})};document.addEventListener("DOMContentLoaded",(()=>{document.querySelectorAll(".wp-block-b-blocks-team-members").forEach((t=>{const e=JSON.parse(t.dataset.attributes),{members:l=[],columns:i,layout:s,isLinkNewTab:m,isTitle:c,isSep:$,isBio:d,isSocial:b}=e,{desktop:g,tablet:h,mobile:f}=i||{};(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:`${p} ${s||"vertical"} columns-${g} columns-tablet-${h} columns-mobile-${f}`},l.map(((t,e)=>{const{photo:r,name:l,title:i,bio:s,social:p=[]}=t;return(0,n.createElement)("div",{key:e,className:"teamMember",id:`teamMember-${e}`},r?.url&&(0,n.createElement)("img",{className:"memberPhoto",src:r.url,alt:r?.alt}),(0,n.createElement)("div",{className:"memberDetails"},l&&(0,n.createElement)("h4",{className:"memberName",dangerouslySetInnerHTML:{__html:a(l)}}),c&&i&&(0,n.createElement)("p",{className:"memberTitle",dangerouslySetInnerHTML:{__html:a(i)}}),$&&(0,n.createElement)("span",{className:"memberSeparator"}),d&&s&&(0,n.createElement)("p",{className:"memberBio",dangerouslySetInnerHTML:{__html:a(s)}}),b&&(0,n.createElement)("ul",{className:"memberSocial"},p?.map(((t,r)=>{const{link:a,icon:l}=t;return(0,n.createElement)("li",{key:r,className:`icon icon-${e}-${r}`},(0,n.createElement)("a",{href:o(a),target:m?"_blank":"_self",rel:"noreferrer"},(0,n.createElement)("i",{className:l?.class})))})))))}))))),t?.removeAttribute("data-attributes")}))}))})();