PluginProbe
bBlocks – Essential Gutenberg Blocks & Patterns Collection / 2.1.8
bBlocks – Essential Gutenberg Blocks & Patterns Collection v2.1.8
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
← All changes | build/cards/view.js +2 -1 2.1.0 → 2.1.8 View file →
@@ -1 +1,2 @@
1 -(()=>{"use strict";const t=window.ReactDOM,e=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}},n=t=>{const n=(new DOMParser).parseFromString(t,"text/html"),r=["b","strong","i","em","span","a","br"],a=["style","href","target","rel","class"];return n.body.querySelectorAll("*").forEach((t=>{r.includes(t.tagName.toLowerCase())?[...t.attributes].forEach((n=>{if(a.includes(n.name)||t.removeAttribute(n.name),"href"===n.name){const r=e(n.value);r?t.setAttribute("href",r):t.removeAttribute("href")}})):t.remove()})),n.body.innerHTML};window.React;const r="linear-gradient(135deg, #0040E3, #18D4FD)",a=(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},o=t=>{const{side:e=2,vertical:n="0px",horizontal:r="0px",top:a="0px",right:o="0px",bottom:i="0px",left:l="0px"}=t||{};return 2===e?`${n} ${r}`:`${a} ${o} ${i} ${l}`},i=(t,e,n=!0)=>{const{fontFamily:r="Default",fontCategory:o="sans-serif",fontVariant:i=400,fontWeight:l,isUploadFont:s=!0,fontSize:c={desktop:null,tablet:null,mobile:null},fontStyle:d,textTransform:$,textDecoration:g,lineHeight:m,letterSpace:u}=e||{},p=!n||!r||"Default"===r,h=c?.desktop||c,b=c?.tablet||h,y=c?.mobile||b,x=t=>{const e=String(t);return["px","em","rem","%","vh","vw"].some((t=>e.endsWith(t)))?e:"number"==typeof t?`${e}px`:""},f=`\n\t\t${p?"":`font-family: '${r}', ${o};`}\n\t\t${a("font-weight",l)}\n\t\t${a("font-size",x(h))}\n\t\t${a("font-style",d)}\n\t\t${a("text-transform",$)}\n\t\t${a("text-decoration",g)}\n\t\t${a("line-height",m)}\n\t\t${a("letter-spacing",u)}\n\t`,j=i&&400!==i?"400i"===i?":ital@1":i?.includes("00i")?`: ital, wght@1, ${i?.replace("00i","00")} `:`: wght@${i} `:"",k=p?"":`https://fonts.googleapis.com/css2?family=${r?.split(" ").join("+")}${j.replace(/ /g,"")}&display=swap`;return{googleFontLink:!s||p?"":`@import url(${k});`,styles:`${t}{\n\t\t\t${f}\n\t\t}\n\t\t@media only screen and (max-width: 1024px) {\n\t\t\t${t}{\n\t\t\t\t${a("font-size",x(b))}\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${a("font-size",x(y))}\n\t\t\t}\n\t\t}`.replace(/\s+/g," ").trim()}},l="bBlocksCards",s=window.ReactJSXRuntime,c=({attributes:t,id:n})=>{const{cards:c=[],columnGap:d,rowGap:$,textAlign:g,padding:m,imgHeight:u,catTypo:p,catMargin:h,titleTypo:b,titleMargin:y,descTypo:x,imgWidth:f,imgAlign:j,layout:k}=t,w=`#${n}`,v=`${w} .${l} .${l}-card`,D=`${v} .cardDetails`;return(0,s.jsx)("style",{dangerouslySetInnerHTML:{__html:`\n\t\t${i("",p)?.googleFontLink}\n\t\t${i("",b)?.googleFontLink}\n\t\t${i("",x)?.googleFontLink}\n\t\t${i(`${D} .${l}-cardCategory`,p)?.styles}\n\t\t${i(`${v} .${l}-cardTitle`,b)?.styles}\n\t\t${i(`${v} .cardDescription`,x)?.styles}\n\n\t\t${w} .${l}{\n\t\t\tgrid-gap: ${$} ${d};\n\t\t}\n\t\t${v} .${l}-cardImage{\n\t\t\t${a("width",f?`calc( ${f} - 30px)`:"")}\n\t\t\t${a("height",u)}\n\t\t\t${"vertical"===k?(L=j,"left"===L?"margin-inline-end: auto;":"center"===L?"margin-inline: auto;":"margin-inline-start: auto;"):""}\n\t\t}\n\t\t${D}{\n\t\t\ttext-align: ${g};\n\t\t\tpadding: ${o(m)};\n\t\t}\n\t\t${D} .${l}-cardCategory{\n\t\t\tmargin: ${o(h)};\n\t\t}\n\t\t${v} .${l}-cardTitle{\n\t\t\tmargin: ${o(y)};\n\t\t}\n\n\t\t${c.map(((t,o)=>{const{background:i,imgBorder:s,catColor:c,titleColor:d,descColor:$}=t,g=`#${n} #${l}-card-${o}`;return`\n\t\t\t\t${g} .${l}-card{\n\t\t\t\t\t${((t,n=!0,o=!0,i=!0)=>{const{type:l="solid",color:s="",gradient:c=r,image:d={},position:$="center center",attachment:g="",repeat:m="no-repeat",size:u="",overlayColor:p=""}=t||{};return"gradient"===l&&o?a("background",c):"image"===l&&i?`background: ${(t=>{const n=e(t);return n?`url('${n.replace(/['"()]/g,"")}')`:"none"})(d?.url)};\n\t\t\t\t${a("background-color",p)}\n\t\t\t\t${a("background-position",$)}\n\t\t\t\t${a("background-size",u)}\n\t\t\t\t${a("background-repeat",m)}\n\t\t\t\t${a("background-attachment",g)}\n\t\t\t\t${a("background-repeat",m)}\n\t\t\t\tbackground-blend-mode: overlay;`:n&&a("background",s)})(i)}\n\t\t\t\t}\n\t\t\t\t${g} .${l}-cardImage{\n\t\t\t\t\t${(t=>{const{width:e="",style:n="solid",color:r="",side:o="all",radius:i=""}=t||{},l=t=>{const e=o?.toLowerCase();return e?.includes("all")||e?.includes(t)},s=`${e} ${n} ${r}`;return`\n\t\t${e&&0!==parseInt(e)?["top","right","bottom","left"].map((t=>l(t)?`border-${t}: ${s};`:"")).join(""):""}\n\t\t${a("border-radius",i)}\n\t`})(s)}\n\t\t\t\t}\n\t\t\t\t${g} .cardDetails .${l}-cardCategory{\n\t\t\t\t\tcolor: ${c};\n\t\t\t\t}\n\t\t\t\t${g} .${l}-cardTitle{\n\t\t\t\t\tcolor: ${d};\n\t\t\t\t}\n\t\t\t\t${g} .${l}-cardDescription{\n\t\t\t\t\tcolor: ${$};\n\t\t\t\t}\n\t\t\t`})).join(" ")}\n\t\t`.replace(/\s+/g," ")}});var L};document.addEventListener("DOMContentLoaded",(()=>{document.querySelectorAll(".wp-block-b-blocks-cards").forEach((e=>{const r=JSON.parse(e.dataset.attributes),{cards:a=[],columns:o,layout:i,link:$={},imgPos:g,isCat:m,isTitle:u,titlePos:p,isDesc:h}=r,{target:b="_self",element:y="card"}=$;(0,t.createRoot)(e).render((0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(c,{attributes:r,id:e.id}),(0,s.jsx)("div",{className:`${l} ${i||"vertical"} columns-${o.desktop} columns-tablet-${o.tablet} columns-mobile-${o.mobile}`,children:a.map(((t,e)=>{const{img:r,cat:a,title:o,desc:i,link:c=""}=t,$=()=>u&&(0,s.jsx)(d,{enabled:"title"===y,url:c,target:b,children:(0,s.jsx)("h3",{className:`${l}-cardTitle`,dangerouslySetInnerHTML:{__html:n(o)}})}),x=()=>r?.url&&(0,s.jsx)(d,{enabled:"image"===y,url:c,target:b,children:(0,s.jsxs)("figure",{className:`${l}-cardImage`,children:[(0,s.jsx)("img",{src:r.url,alt:r?.alt||r?.title}),"image"===p&&(0,s.jsx)($,{})]})});return(0,s.jsx)("div",{id:`${l}-card-${e}`,children:(0,s.jsx)(d,{enabled:"card"===y,url:c,target:b,children:(0,s.jsxs)("div",{className:`${l}-card ${"bottom"===g?"bottomImg":"topImg"}`,children:["top"===g&&(0,s.jsx)(x,{}),(0,s.jsxs)("div",{className:"cardDetails",children:[m&&(0,s.jsx)("h6",{className:`${l}-cardCategory`,dangerouslySetInnerHTML:{__html:n(a)}}),"content"===p&&(0,s.jsx)($,{}),h&&(0,s.jsx)("p",{className:`${l}-cardDescription`,dangerouslySetInnerHTML:{__html:n(i)}})]}),"bottom"===g&&(0,s.jsx)(x,{})]})})},e)}))})]})),e?.removeAttribute("data-attributes")}))}));const d=({enabled:t,url:n,target:r,children:a})=>t&&n?(0,s.jsx)("a",{className:"cardLink",href:e(n),target:r,children:a}):a})();
1 +(()=>{"use strict";const t=window.ReactDOM,e=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}},r=t=>{const r=(new DOMParser).parseFromString(t,"text/html"),n=["b","strong","i","em","span","a","br"],i=["style","href","target","rel","class"];return r.body.querySelectorAll("*").forEach((t=>{n.includes(t.tagName.toLowerCase())?[...t.attributes].forEach((r=>{if(i.includes(r.name)||t.removeAttribute(r.name),"href"===r.name){const n=e(r.value);n?t.setAttribute("href",n):t.removeAttribute("href")}})):t.remove()})),r.body.innerHTML};new class{constructor(t={}){this.defaultOptions={allowedTags:["svg","g","path","rect","circle","ellipse","line","polyline","polygon","text","tspan","defs","clipPath","mask","linearGradient","radialGradient","stop","style","title","desc"],allowedAttributes:["id","class","style","transform","xmlns","xmlns:xlink","version","baseProfile","xml:space","d","x","y","width","height","cx","cy","r","rx","ry","points","x1","y1","x2","y2","viewBox","preserveAspectRatio","overflow","fill","fill-opacity","fill-rule","stroke","stroke-width","stroke-linecap","stroke-linejoin","stroke-opacity","stroke-dasharray","stroke-dashoffset","stroke-miterlimit","opacity","color","paint-order","vector-effect","shape-rendering","display","visibility","clip-path","clip-rule","clipPathUnits","mask","maskUnits","maskContentUnits","offset","stop-color","stop-opacity","gradientUnits","gradientTransform","spreadMethod","fx","fy","fr","dx","dy","text-anchor","dominant-baseline","alignment-baseline","font-family","font-size","font-style","font-weight","letter-spacing","word-spacing","textLength","lengthAdjust","role","focusable","aria-hidden","aria-label","aria-labelledby","aria-describedby"],allowedProtocols:["http","https","data"],removeScripts:!0,removeEvents:!0,removeExternalResources:!0,sanitizeStyle:!0},this.options={...this.defaultOptions,...t},this.allowedTagSet=new Set(this.options.allowedTags.map((t=>t.toLowerCase()))),this.allowedAttributeSet=new Set(this.options.allowedAttributes.map((t=>t.toLowerCase())))}sanitize(t){if("string"!=typeof t||""===t.trim())return"";const e=(new DOMParser).parseFromString(t,"image/svg+xml"),r=e.documentElement;return!r||"svg"!==r.localName.toLowerCase()||e.getElementsByTagName("parsererror").length?"":(this.removeScripts(e),this.sanitizeElements(e),(new XMLSerializer).serializeToString(e.documentElement))}async sanitizeFile(t){const e=await fetch(t),r=await e.text();return this.sanitize(`${r}`)}removeScripts(t){this.options.removeScripts&&Array.from(t.querySelectorAll("*")).forEach((t=>{t.localName.toLowerCase().includes("script")&&t.remove()}))}sanitizeElements(t){Array.from(t.querySelectorAll("*")).forEach((t=>{const e=t.localName.toLowerCase();this.allowedTagSet.has(e)?("style"===e&&this.options.sanitizeStyle&&(t.textContent=this.sanitizeCss(t.textContent)),this.sanitizeAttributes(t)):t.remove()}))}sanitizeAttributes(t){Array.from(t.attributes).forEach((e=>{const r=e.name,n=r.toLowerCase(),i=e.value;if(this.options.removeEvents&&n.startsWith("on"))return void t.removeAttribute(r);if(this.options.removeExternalResources&&("href"===n||n.endsWith(":href"))&&!this.isAllowedUrl(i))return void t.removeAttribute(r);const a=n.replace("xlink:","");this.allowedAttributeSet.has(n)||this.allowedAttributeSet.has(a)?this.options.removeExternalResources&&this.hasExternalUrl(i)?t.removeAttribute(r):"style"===n&&this.options.sanitizeStyle&&t.setAttribute(r,this.sanitizeCss(i)):t.removeAttribute(r)}))}hasExternalUrl(t){return!("string"!=typeof t||!/url\s*\(/i.test(t))&&Array.from(t.matchAll(/url\s*\(\s*['"]?([^'")]*)/gi)).some((([,t])=>!t.trim().startsWith("#")))}isAllowedUrl(t){const e=String(t||"").trim();if(e.startsWith("#"))return!0;if(/^data:/i.test(e))return this.options.allowedProtocols.includes("data")&&/^data:image\/(png|jpe?g|gif|webp);base64,/i.test(e);try{return this.options.allowedProtocols.includes(new URL(e).protocol.replace(":",""))}catch{return!1}}sanitizeCss(t){return String(t||"").replace(/expression\s*\(/gi,"").replace(/javascript:/gi,"").replace(/behavior\s*:/gi,"").replace(/binding\s*:/gi,"").replace(/@import[^;]*;?/gi,"").replace(/url\s*\(\s*(['"]?)(?!#)[^)]*\)/gi,"none")}},window.React;const n="linear-gradient(135deg, #0040E3, #18D4FD)",i=(t,e)=>{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};`;var r},a=t=>{const{side:e=2,vertical:r="0px",horizontal:n="0px",top:i="0px",right:a="0px",bottom:s="0px",left:o="0px"}=t||{};return 2===e?`${r} ${n}`:`${i} ${a} ${s} ${o}`},s=(t,e,r=!0)=>{const{fontFamily:n="Default",fontCategory:a="sans-serif",fontVariant:s=400,fontWeight:o,isUploadFont:l=!0,fontSize:c={desktop:null,tablet:null,mobile:null},fontStyle:d,textTransform:m,textDecoration:g,lineHeight:p,letterSpace:u}=e||{},h=!r||!n||"Default"===n,$=c?.desktop||c,y=c?.tablet||$,f=c?.mobile||y,b=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${h?"":`font-family: '${n}', ${a};`}\n\t\t${i("font-weight",o)}\n\t\t${i("font-size",b($))}\n\t\t${i("font-style",d)}\n\t\t${i("text-transform",m)}\n\t\t${i("text-decoration",g)}\n\t\t${i("line-height",p)}\n\t\t${i("letter-spacing",u)}\n\t`,w=s&&400!==s?"400i"===s?":ital@1":s?.includes("00i")?`: ital, wght@1, ${s?.replace("00i","00")} `:`: wght@${s} `:"",v=h?"":`https://fonts.googleapis.com/css2?family=${n?.split(" ").join("+")}${w.replace(/ /g,"")}&display=swap`;return{googleFontLink:!l||h?"":`@import url(${v});`,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${i("font-size",b(y))}\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${i("font-size",b(f))}\n\t\t\t}\n\t\t}`.replace(/\s+/g," ").trim()}},o="bBlocksCards",l=window.ReactJSXRuntime,c=({attributes:t,id:r})=>{const{cards:c=[],columnGap:d,rowGap:m,textAlign:g,padding:p,imgHeight:u,catTypo:h,catMargin:$,titleTypo:y,titleMargin:f,descTypo:b,imgWidth:x,imgAlign:w,layout:v}=t,k=`#${r}`,S=`${k} .${o} .${o}-card`,A=`${S} .cardDetails`;return(0,l.jsx)("style",{dangerouslySetInnerHTML:{__html:`\n\t\t${s("",h)?.googleFontLink}\n\t\t${s("",y)?.googleFontLink}\n\t\t${s("",b)?.googleFontLink}\n\t\t${s(`${A} .${o}-cardCategory`,h)?.styles}\n\t\t${s(`${S} .${o}-cardTitle`,y)?.styles}\n\t\t${s(`${S} .cardDescription`,b)?.styles}\n\n\t\t${k} .${o}{\n\t\t\tgrid-gap: ${m} ${d};\n\t\t}\n\t\t${S} .${o}-cardImage{\n\t\t\t${i("width",x?`calc( ${x} - 30px)`:"")}\n\t\t\t${i("height",u)}\n\t\t\t${"vertical"===v?(j=w,"left"===j?"margin-inline-end: auto;":"center"===j?"margin-inline: auto;":"margin-inline-start: auto;"):""}\n\t\t}\n\t\t${A}{\n\t\t\ttext-align: ${g};\n\t\t\tpadding: ${a(p)};\n\t\t}\n\t\t${A} .${o}-cardCategory{\n\t\t\tmargin: ${a($)};\n\t\t}\n\t\t${S} .${o}-cardTitle{\n\t\t\tmargin: ${a(f)};\n\t\t}\n\n\t\t${c.map(((t,a)=>{const{background:s,imgBorder:l,catColor:c,titleColor:d,descColor:m}=t,g=`#${r} #${o}-card-${a}`;return`\n\t\t\t\t${g} .${o}-card{\n\t\t\t\t\t${((t,r=!0,a=!0,s=!0)=>{const{type:o="solid",color:l="",gradient:c=n,image:d={},position:m="center center",attachment:g="",repeat:p="no-repeat",size:u="",overlayColor:h=""}=t||{};return"gradient"===o&&a?i("background",c):"image"===o&&s?`background: ${(t=>{const r=e(t);return r?`url('${r.replace(/['"()]/g,"")}')`:"none"})(d?.url)};\n\t\t\t\t${i("background-color",h)}\n\t\t\t\t${i("background-position",m)}\n\t\t\t\t${i("background-size",u)}\n\t\t\t\t${i("background-repeat",p)}\n\t\t\t\t${i("background-attachment",g)}\n\t\t\t\t${i("background-repeat",p)}\n\t\t\t\tbackground-blend-mode: overlay;`:r&&i("background",l)})(s)}\n\t\t\t\t}\n\t\t\t\t${g} .${o}-cardImage{\n\t\t\t\t\t${(t=>{const{width:e="",style:r="solid",color:n="",side:a="all",radius:s=""}=t||{},o=t=>{
2 +const e=a?.toLowerCase();return e?.includes("all")||e?.includes(t)},l=`${e} ${r} ${n}`;return`\n\t\t${e&&0!==parseInt(e)?["top","right","bottom","left"].map((t=>o(t)?`border-${t}: ${l};`:"")).join(""):""}\n\t\t${i("border-radius",s)}\n\t`})(l)}\n\t\t\t\t}\n\t\t\t\t${g} .cardDetails .${o}-cardCategory{\n\t\t\t\t\tcolor: ${c};\n\t\t\t\t}\n\t\t\t\t${g} .${o}-cardTitle{\n\t\t\t\t\tcolor: ${d};\n\t\t\t\t}\n\t\t\t\t${g} .${o}-cardDescription{\n\t\t\t\t\tcolor: ${m};\n\t\t\t\t}\n\t\t\t`})).join(" ")}\n\t\t`.replace(/\s+/g," ")}});var j};document.addEventListener("DOMContentLoaded",(()=>{document.querySelectorAll(".wp-block-b-blocks-cards").forEach((e=>{const n=JSON.parse(e.dataset.attributes),{cards:i=[],columns:a,layout:s,link:m={},imgPos:g,isCat:p,isTitle:u,titlePos:h,isDesc:$}=n,{target:y="_self",element:f="card"}=m;(0,t.createRoot)(e).render((0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(c,{attributes:n,id:e.id}),(0,l.jsx)("div",{className:`${o} ${s||"vertical"} columns-${a.desktop} columns-tablet-${a.tablet} columns-mobile-${a.mobile}`,children:i.map(((t,e)=>{const{img:n,cat:i,title:a,desc:s,link:c=""}=t,m=()=>u&&(0,l.jsx)(d,{enabled:"title"===f,url:c,target:y,children:(0,l.jsx)("h3",{className:`${o}-cardTitle`,dangerouslySetInnerHTML:{__html:r(a)}})}),b=()=>n?.url&&(0,l.jsx)(d,{enabled:"image"===f,url:c,target:y,children:(0,l.jsxs)("figure",{className:`${o}-cardImage`,children:[(0,l.jsx)("img",{src:n.url,alt:n?.alt||n?.title}),"image"===h&&(0,l.jsx)(m,{})]})});return(0,l.jsx)("div",{id:`${o}-card-${e}`,children:(0,l.jsx)(d,{enabled:"card"===f,url:c,target:y,children:(0,l.jsxs)("div",{className:`${o}-card ${"bottom"===g?"bottomImg":"topImg"}`,children:["top"===g&&(0,l.jsx)(b,{}),(0,l.jsxs)("div",{className:"cardDetails",children:[p&&(0,l.jsx)("h6",{className:`${o}-cardCategory`,dangerouslySetInnerHTML:{__html:r(i)}}),"content"===h&&(0,l.jsx)(m,{}),$&&(0,l.jsx)("p",{className:`${o}-cardDescription`,dangerouslySetInnerHTML:{__html:r(s)}})]}),"bottom"===g&&(0,l.jsx)(b,{})]})})},e)}))})]})),e?.removeAttribute("data-attributes")}))}));const d=({enabled:t,url:r,target:n,children:i})=>t&&r?(0,l.jsx)("a",{className:"cardLink",href:e(r),target:n,children:i}):i})();