PluginProbe
bBlocks – Essential Gutenberg Blocks & Patterns Collection / 2.1.5
bBlocks – Essential Gutenberg Blocks & Patterns Collection v2.1.5
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 / list / view.js

view.js in bBlocks – Essential Gutenberg Blocks & Patterns Collection 2.1.5, at build/list/view.js

1 lines 6.6 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 (()=>{"use strict";const t=window.ReactDOM,e="@media only screen and (max-width: 1024px)",n="@media only screen and (max-width: 640px)",r="linear-gradient(135deg, #0040E3, #18D4FD)",o=window.React,i=t=>{const 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}})(t);return e?`url('${e.replace(/['"()]/g,"")}')`:"none"},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},a=(t,e=!0,n=!0,o=!0)=>{const{type:a="solid",color:l="",gradient:c=r,image:d={},position:$="center center",attachment:p="",repeat:b="no-repeat",size:g="",overlayColor:u=""}=t||{};return"gradient"===a&&n?s("background",c):"image"===a&&o?`background: ${i(d?.url)};\n\t\t\t\t${s("background-color",u)}\n\t\t\t\t${s("background-position",$)}\n\t\t\t\t${s("background-size",g)}\n\t\t\t\t${s("background-repeat",b)}\n\t\t\t\t${s("background-attachment",p)}\n\t\t\t\t${s("background-repeat",b)}\n\t\t\t\tbackground-blend-mode: overlay;`:e&&s("background",l)},l=t=>{if(!t)return"";const e=t=>{const{color:e="#000000",style:n="solid",width:r="0px"}=t;return`${r} ${n} ${e}`};return"object"!=typeof t||Array.isArray(t)?"":t.hasOwnProperty("top")||t.hasOwnProperty("right")||t.hasOwnProperty("bottom")||t.hasOwnProperty("left")?["top","right","bottom","left"].map((n=>t[n]?`border-${n}: ${e(t[n])};`:"")).join(" ").trim():s("border",e(t))},c=(t,r,o=!0)=>{const{fontFamily:i="Default",fontCategory:a="sans-serif",fontVariant:l=400,fontWeight:c,isUploadFont:d=!0,fontSize:$={desktop:null,tablet:null,mobile:null},fontStyle:p,textTransform:b,textDecoration:g,lineHeight:u,letterSpace:m}=r||{},h=!o||!i||"Default"===i,y=$?.desktop||$,k=$?.tablet||y,f=$?.mobile||k,w=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: '${i}', ${a};`}\n\t\t${s("font-weight",c)}\n\t\t${s("font-size",w(y))}\n\t\t${s("font-style",p)}\n\t\t${s("text-transform",b)}\n\t\t${s("text-decoration",g)}\n\t\t${s("line-height",u)}\n\t\t${s("letter-spacing",m)}\n\t`,L=l&&400!==l?"400i"===l?":ital@1":l?.includes("00i")?`: ital, wght@1, ${l?.replace("00i","00")} `:`: wght@${l} `:"",j=h?"":`https://fonts.googleapis.com/css2?family=${i?.split(" ").join("+")}${L.replace(/ /g,"")}&display=swap`;return{googleFontLink:!d||h?"":`@import url(${j});`,styles:`${t}{\n\t\t\t${x}\n\t\t}\n\t\t${e} {\n\t\t\t${t}{\n\t\t\t\t${s("font-size",w(k))}\n\t\t\t}\n\t\t}\n\t\t${n} {\n\t\t\t${t}{\n\t\t\t\t${s("font-size",w(f))}\n\t\t\t}\n\t\t}`.replace(/\s+/g," ").trim()}},d=t=>{if(!t)return"";if("string"==typeof t)return t;if("object"==typeof t&&!Array.isArray(t)){const e=["top","right","bottom","left"];return e.map((e=>t[e]||"")).every((t=>!t))?"":e.map((e=>t[e]||"0")).join(" ")}return""},$=window.ReactJSXRuntime,p=({attributes:t,id:r})=>{const{layout:o,styles:i}=t,{lists:p,divider:b,marker:g}=i,u=`#${r} .bBlocksListMainWrapper .bBlocksListContainer`,m=`${u} .bBlocksListItem`,h=`${m} .bBlocksListItemText`,y=`${u} .bBlocksListItemDivider`,k=`${m} .bBlocksListMarkerIcon`,f=`${m} .bBlocksListMarkerEmoji`,w=`${m} .bBlocksListMarker`,x=t=>"vertical"===o[t].type?"flex-direction:column;":"horizontal"===o[t].type?"flex-direction:row;":"",L=t=>("vertical"===o[t].type?s("align-items",o[t].verticalAlign):"")+("horizontal"===o[t].type?s("justify-content",o[t].horizontalAlign):""),j=t=>("horizontal"===o[t].type?`${s("border-right-style",b.style)}\n\t\t\t${s("border-right-width",b.weight)}\n\t\t\t${s("border-right-color",b.color)}`:"")+("vertical"===o[t].type?`${s("border-bottom-style",b.style)}\n\t\t\t${s("border-bottom-width",b.weight)}\n\t\t\t${s("border-bottom-color",b.color)} \n\t\t\t${s("width",b.width)}`:"");return(0,$.jsx)("style",{dangerouslySetInnerHTML:{__html:`\n\n\t\t${c("",p.typography).googleFontLink}\n\t\t${c(h,p.typography).styles}\n\n\t\t${u}{\n\t\t\t${x("desktop")}\n\t\t\t${L("desktop")}\n\t\t\t${s("gap",p.desktop.gap.horizontal)}\n\t\t}\n\t\t${m}{\n\t\t\t${s("gap",g.gap)}\n\t\t}\n\t\t${h}{\n\t\t\t${s("color",p.color)}\n\t\t}\n\t\t${y}{\n\t\t\t${j("desktop")}\n\t\t}\n\t\t\n\t\t${k}{\n\t\t\t${a(g.bg)}\n\t\t\t${s("padding",d(g.desktop.padding))}\n\t\t\t${s("border-radius",d(g.desktop.radius))}\n\t\t\t${l(g.border)}\n\t\t}\n\n\t\t${k}>svg{\n\t\t\t${s("fill",g.color)}\n\t\t\t${s("width",g.iconSize)}\n\t\t\t${s("height",g.iconSize)}\n\t\t}\n\n\t\t${f}{\n\t\t\t${s("font-size",g.iconSize)}\n\t\t}\n\n\t\t${w}{\n\t\t\t${s("background",g.color)}\n\t\t\t${s("height",g.size)}\n\t\t\t${s("width",g.size)}\n\t\t}\n\n\t\t${e}{\n\t\t\t${u}{\n\t\t\t\t${x("tablet")}\n\t\t\t\t${L("tablet")}\n\t\t\t\t${s("gap",p.tablet.gap.horizontal)}\n\t\t\t}\n\n\t\t\t${y}{\n\t\t\t\t${j("tablet")}\n\t\t\t}\n\t\t\t${k}{\n\t\t\t\t${s("padding",d(g.tablet.padding))}\n\t\t\t\t${s("border-radius",d(g.tablet.radius))}\n\t\t\t}\n\n\t\t}\n\n\t\t${n}{\n\t\t\t${u}{\n\t\t\t\t${x("mobile")}\n\t\t\t\t${L("mobile")}\n\t\t\t\t${s("gap",p.mobile.gap.horizontal)}\n\t\t\t}\n\n\t\t\t${y}{\n\t\t\t\t${j("mobile")}\n\t\t\t}\n\t\t\t${k}{\n\t\t\t\t${s("padding",d(g.mobile.padding))}\n\t\t\t\t${s("border-radius",d(g.mobile.radius))}\n\t\t\t}\n\n\t\t}\n\n\t`}})},b=({attributes:t})=>{const{items:e=[],marker:n,styles:r}=t,{divider:i}=r,{markerType:s}=n,a=t=>{switch(s){case"emoji":return(0,$.jsx)("span",{className:"bBlocksListMarkerEmoji",children:n.emoji});case"icon":return t?(0,$.jsx)("span",{className:"bBlocksListMarkerIcon",dangerouslySetInnerHTML:{__html:t}}):null;case"disc":return(0,$.jsx)("span",{className:"bBlocksListMarkerDisc bBlocksListMarker"});case"square":return(0,$.jsx)("span",{className:"bBlocksListMarkerSquare bBlocksListMarker"});default:return null}};return(0,$.jsx)("div",{className:"bBlocksListMainWrapper",children:(0,$.jsx)("div",{className:"bBlocksListContainer",children:e.length>0&&e.map(((t,n)=>(0,$.jsxs)(o.Fragment,{children:[(0,$.jsxs)("a",{className:"bBlocksListItem",rel:"noopener noreferrer",...t.link?{href:t.link,target:t.newWindow?"_blank":"_self"}:{},children:[a(t.icon),(0,$.jsx)("span",{className:"bBlocksListItemText",placeholder:"Write your list text",dangerouslySetInnerHTML:{__html:t.text}})," "]}),n<e.length-1&&i.isEnabled&&(0,$.jsx)("div",{className:"bBlocksListItemDivider"})]},n)))})})};document.addEventListener("DOMContentLoaded",(()=>{document.querySelectorAll(".wp-block-b-blocks-list").forEach((e=>{const n=JSON.parse(e.dataset.attributes);(0,t.createRoot)(e).render((0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(p,{attributes:n,id:e.id}),(0,$.jsx)(b,{attributes:n})]})),e?.removeAttribute("data-attributes")}))}))})();