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/breadcrumb/view.js +2 -1 2.1.5 → 2.1.8 View file →
@@ -1 +1,2 @@
1 -(()=>{"use strict";const t=window.ReactDOM,e=t=>!(null==t||""===t||Array.isArray(t)&&0===t.length||"object"==typeof t&&0===Object.keys(t).length||"string"==typeof t&&""===t.trim()||"number"==typeof t&&0===t),r="@media only screen and (max-width: 1024px)",n="@media only screen and (max-width: 640px)",a="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,r)=>e(r)?`${t}: ${r};`:"",l=(t,e=!0,r=!0,n=!0)=>{const{type:o="solid",color:l="",gradient:b=a,image:d={},position:c="center center",attachment:m="",repeat:p="no-repeat",size:$="",overlayColor:u=""}=t||{};return"gradient"===o&&r?s("background",b):"image"===o&&n?`background: ${i(d?.url)};\n\t\t\t\t${s("background-color",u)}\n\t\t\t\t${s("background-position",c)}\n\t\t\t\t${s("background-size",$)}\n\t\t\t\t${s("background-repeat",p)}\n\t\t\t\t${s("background-attachment",m)}\n\t\t\t\t${s("background-repeat",p)}\n\t\t\t\tbackground-blend-mode: overlay;`:e&&s("background",l)},b=t=>{if(!t)return"";const e=t=>{const{color:e="#000000",style:r="solid",width:n="0px"}=t;return`${n} ${r} ${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((r=>t[r]?`border-${r}: ${e(t[r])};`:"")).join(" ").trim():s("border",e(t))},d=(t,e="box")=>{let r="";return t?.map(((n,a)=>{const{hOffset:o="0px",vOffset:i="0px",blur:s="0px",spreed:l="0px",color:b="#e7f0fe",isInset:d=!1}=n||{},c=d?"inset":"",m=`${o} ${i} ${s}`,p=a+1>=t.length?"":", ";r+="text"===e?`${m} ${b}${p}`:`${m} ${l} ${b} ${c}${p}`})),r||""},c=(t,e,a=!0)=>{const{fontFamily:o="Default",fontCategory:i="sans-serif",fontVariant:l=400,fontWeight:b,isUploadFont:d=!0,fontSize:c={desktop:null,tablet:null,mobile:null},fontStyle:m,textTransform:p,textDecoration:$,lineHeight:u,letterSpace:g}=e||{},h=!a||!o||"Default"===o,y=c?.desktop||c,f=c?.tablet||y,x=c?.mobile||f,k=t=>{const e=String(t);return["px","em","rem","%","vh","vw"].some((t=>e.endsWith(t)))?e:"number"==typeof t?`${e}px`:""},w=`\n\t\t${h?"":`font-family: '${o}', ${i};`}\n\t\t${s("font-weight",b)}\n\t\t${s("font-size",k(y))}\n\t\t${s("font-style",m)}\n\t\t${s("text-transform",p)}\n\t\t${s("text-decoration",$)}\n\t\t${s("line-height",u)}\n\t\t${s("letter-spacing",g)}\n\t`,v=l&&400!==l?"400i"===l?":ital@1":l?.includes("00i")?`: ital, wght@1, ${l?.replace("00i","00")} `:`: wght@${l} `:"",B=h?"":`https://fonts.googleapis.com/css2?family=${o?.split(" ").join("+")}${v.replace(/ /g,"")}&display=swap`;return{googleFontLink:!d||h?"":`@import url(${B});`,styles:`${t}{\n\t\t\t${w}\n\t\t}\n\t\t${r} {\n\t\t\t${t}{\n\t\t\t\t${s("font-size",k(f))}\n\t\t\t}\n\t\t}\n\t\t${n} {\n\t\t\t${t}{\n\t\t\t\t${s("font-size",k(x))}\n\t\t\t}\n\t\t}`.replace(/\s+/g," ").trim()}},m=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""},p=window.ReactJSXRuntime,$=({attributes:t,id:a})=>{const{styles:o}=t,{crumbs:i,separator:$,prefix:u}=o,g=`#${a} .bBlocks-breadCrumb-wrapper .bBlocks-breadCrumb-items`,h=`${g} .bBlocks-breadCrumb-item`,y=`${g} .bBlocks-breadCrumb-item-active`,f=`${g} .bBlocks-breadCrumb-item-separator`,x=`${f}.bBlocks-breadCrumb-item-separator-library`,k=`${g} .bBlocks-breadCrumbItem-prefix`,w=(t="")=>`\n\t\t${s("padding",m(i[t].desktop.padding))}\n\t\t${s("color",i[t].color)}\n\t\t${l(i[t].bg)}\n\t\t${b(i[t].border)}\n\t\t${s("border-radius",m(i[t].desktop.radius))}\n\t\t${s("box-shadow",d(i[t].shadow))}\n\t`;return(0,p.jsx)("style",{dangerouslySetInnerHTML:{__html:`\n\t\t${c("",i.typo).googleFontLink}\n\t\t${c("",$.text.typo).googleFontLink}\n\t\t${c("",u.text.typo).googleFontLink}\n\n\t\t${c(h,i.typo).styles}\n\t\t${c(f,$.text.typo).styles}\n\t\t${c(`${k}.bBlocks-breadCrumbItem-prefixText`,u.text.typo).styles}\n\n\t\t${g}{\n\t\t\t${s("justify-content",i.desktop.align)}\n\t\t\t${s("gap",i.desktop.gap)}\n\t\t}\n\n\t\t${h}{\n\t\t\t${w("normal")}\n\t\t\t${s("transition",e(i.hover.transition)?"all "+i.hover.transition+"s ease-in-out":"")}\n\t\t}\n\n\t\t${h}:hover{\n\t\t\t${w("hover")}\n\t\t}\n\n\t\t${y}{\n\t\t\t${w("active")}\n\t\t}\n\n\t\t${f}{\n\t\t\t${s("color",$.color)}\n\t\t\t${s("fill",$.color)}\n\t\t}\n\n\t\t${x}>svg{\n\t\t\t${s("fill",$.color)}\n\t\t\t${s("height",$.library.desktop.size)}\n\t\t\t${s("width",$.library.desktop.size)}\n\t\t}\n\n\t\t${k}{\n\t\t\t${s("color",u.color)}\n\t\t\t${s("padding",m(u.desktop.padding))}\n\t\t\t${l(u.bg)}\n\t\t\t${b(u.border)}\n\t\t\t${s("border-radius",m(u.desktop.radius))}\n\t\t\t${s("box-shadow",d(u.shadow))}\n\t\t}\n\n\t\t${k}.bBlocks-breadCrumbItem-prefixIcon>svg{\n\t\t\t${s("fill",u.color)}\n\t\t\t${s("height",u.library.desktop.size)}\n\t\t\t${s("width",u.library.desktop.size)}\n\t\t}\n\t\t${k}.bBlocks-breadCrumbItem-prefixImage>img{\n\t\t\t${s("height",u.image.height)}\n\t\t\t${s("width",u.image.width)}\n\t\t}\n\n\t\t${r}{\n\n\t\t\t${h}{\n\t\t\t\t${s("padding",m(i.normal.tablet.padding))}\n\t\t\t\t${s("border-radius",m(i.normal.tablet.radius))}\n\t\t\t}\n\n\t\t\t${h}:hover{\n\t\t\t\t${s("padding",m(i.hover.tablet.padding))}\n\t\t\t\t${s("border-radius",m(i.hover.tablet.radius))}\n\t\t\t}\n\n\t\t\t${y}{\n\t\t\t\t${s("padding",m(i.active.tablet.padding))}\n\t\t\t\t${s("border-radius",m(i.active.tablet.radius))}\n\t\t\t}\n\t\t\t\n\t\t\t${x}>svg{\n\t\t\t\t${s("height",$.library.tablet.size)}\n\t\t\t\t${s("width",$.library.tablet.size)}\n\t\t\t}\n\n\t\t\t${k}{\n\t\t\t\t${s("padding",m(u.tablet.padding))}\n\t\t\t\t${s("border-radius",m(u.tablet.radius))}\n\t\t\t}\n\n\t\t\t${k}.bBlocks-breadCrumbItem-prefixIcon>svg{\n\t\t\t\t${s("height",u.library.tablet.size)}\n\t\t\t\t${s("width",u.library.tablet.size)}\n\t\t\t}\n\n\t\t}\n\n\t\t${n}{\n\t\t\t${h}{\n\t\t\t\t${s("padding",m(i.normal.mobile.padding))}\n\t\t\t\t${s("border-radius",m(i.normal.mobile.radius))}\n\t\t\t}\n\n\t\t\t${h}:hover{\n\t\t\t\t${s("padding",m(i.hover.mobile.padding))}\n\t\t\t\t${s("border-radius",m(i.hover.mobile.radius))}\n\t\t\t}\n\n\t\t\t${y}{\n\t\t\t\t${s("padding",m(i.active.mobile.padding))}\n\t\t\t\t${s("border-radius",m(i.active.mobile.radius))}\n\t\t\t}\n\t\t\t\n\t\t\t${x}>svg{\n\t\t\t\t${s("height",$.library.mobile.size)}\n\t\t\t\t${s("width",$.library.mobile.size)}\n\t\t\t}\n\n\t\t\t${k}{\n\t\t\t\t${s("padding",m(u.mobile.padding))}\n\t\t\t\t${s("border-radius",m(u.mobile.radius))}\n\t\t\t}\n\n\t\t\t${k}.bBlocks-breadCrumbItem-prefixIcon>svg{\n\t\t\t\t${s("height",u.library.mobile.size)}\n\t\t\t\t${s("width",u.library.mobile.size)}\n\t\t\t}\n\t\t}\n\n\t\t\n\t`}})},u=({separator:t})=>{const{type:e,text:r,library:n}=t;return(0,p.jsxs)(o.Fragment,{children:["text"===e&&(0,p.jsxs)("span",{className:"bBlocks-breadCrumb-item-separator",children:[" ",r]}),"library"===e&&(0,p.jsx)("span",{className:"bBlocks-breadCrumb-item-separator bBlocks-breadCrumb-item-separator-library",dangerouslySetInnerHTML:{__html:n}})]})},g=({prefix:t,isBeforeSeparator:e,separator:r})=>{const{type:n,text:a,library:i,image:s}=t;return(0,p.jsxs)(o.Fragment,{children:["text"===n&&(0,p.jsx)("span",{className:"bBlocks-breadCrumb-item bBlocks-breadCrumbItem-prefix bBlocks-breadCrumbItem-prefixText",children:a}),"library"===n&&(0,p.jsx)("span",{className:"bBlocks-breadCrumb-item bBlocks-breadCrumbItem-prefix bBlocks-breadCrumbItem-prefixIcon",dangerouslySetInnerHTML:{__html:i}}),"image"===n&&(0,p.jsx)("span",{className:"bBlocks-breadCrumb-item bBlocks-breadCrumbItem-prefix bBlocks-breadCrumbItem-prefixImage",children:s&&(0,p.jsx)("img",{src:s,alt:""})}),e&&(0,p.jsx)(u,{separator:r})]})},h=({attributes:t,crumbs:e})=>{const{separator:r,options:n,prefix:a}=t;return(0,p.jsx)("div",{className:"bBlocks-breadCrumb-wrapper",children:(0,p.jsxs)("div",{className:"bBlocks-breadCrumb-items",children:[n.isShowPrefix&&(0,p.jsx)(g,{prefix:a,separator:r,isBeforeSeparator:n.isBeforeSeparator}),e.map(((t,n)=>(0,p.jsxs)(o.Fragment,{children:[0!==n&&(0,p.jsx)(u,{separator:r}),t?.url?(0,p.jsx)("span",{className:"bBlocks-breadCrumb-item "+(n===e.length-1?"bBlocks-breadCrumb-item-active":""),children:(0,p.jsx)("a",{href:t.url,children:t.label})}):(0,p.jsx)("span",{className:"bBlocks-breadCrumb-item "+(n===e.length-1?"bBlocks-breadCrumb-item-active":""),children:t.label})]},n)))]})})};document.addEventListener("DOMContentLoaded",(()=>{document.querySelectorAll(".wp-block-b-blocks-breadcrumb").forEach((e=>{const r=JSON.parse(e.dataset.attributes),n=JSON.parse(e.dataset.crumbs);(0,t.createRoot)(e).render((0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)($,{attributes:r,id:e.id}),(0,p.jsx)(h,{attributes:r,crumbs:n})]})),e?.removeAttribute("data-attributes")}))}))})();
1 +(()=>{"use strict";const t=window.ReactDOM,e=t=>!(null==t||""===t||Array.isArray(t)&&0===t.length||"object"==typeof t&&0===Object.keys(t).length||"string"==typeof t&&""===t.trim()||"number"==typeof t&&0===t);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 s=n.replace("xlink:","");this.allowedAttributeSet.has(n)||this.allowedAttributeSet.has(s)?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")}};const r="@media only screen and (max-width: 1024px)",n="@media only screen and (max-width: 640px)",i="linear-gradient(135deg, #0040E3, #18D4FD)",s=window.React,a=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"},o=(t,r)=>e(r)?`${t}: ${r};`:"",l=(t,e=!0,r=!0,n=!0)=>{const{type:s="solid",color:l="",gradient:d=i,image:b={},position:c="center center",attachment:p="",repeat:m="no-repeat",size:u="",overlayColor:h=""}=t||{};return"gradient"===s&&r?o("background",d):"image"===s&&n?`background: ${a(b?.url)};\n\t\t\t\t${o("background-color",h)}\n\t\t\t\t${o("background-position",c)}\n\t\t\t\t${o("background-size",u)}\n\t\t\t\t${o("background-repeat",m)}\n\t\t\t\t${o("background-attachment",p)}\n\t\t\t\t${o("background-repeat",m)}\n\t\t\t\tbackground-blend-mode: overlay;`:e&&o("background",l)},d=t=>{if(!t)return"";const e=t=>{const{color:e="#000000",style:r="solid",width:n="0px"}=t;return`${n} ${r} ${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((r=>t[r]?`border-${r}: ${e(t[r])};`:"")).join(" ").trim():o("border",e(t))},b=(t,e="box")=>{let r="";return t?.map(((n,i)=>{const{hOffset:s="0px",vOffset:a="0px",blur:o="0px",spreed:l="0px",color:d="#e7f0fe",isInset:b=!1}=n||{},c=b?"inset":"",p=`${s} ${a} ${o}`,m=i+1>=t.length?"":", ";r+="text"===e?`${p} ${d}${m}`:`${p} ${l} ${d} ${c}${m}`})),r||""},c=(t,e,i=!0)=>{const{fontFamily:s="Default",fontCategory:a="sans-serif",fontVariant:l=400,fontWeight:d,isUploadFont:b=!0,fontSize:c={desktop:null,tablet:null,mobile:null},fontStyle:p,textTransform:m,textDecoration:u,lineHeight:h,letterSpace:g}=e||{},$=!i||!s||"Default"===s,f=c?.desktop||c,y=c?.tablet||f,x=c?.mobile||y,k=t=>{const e=String(t);return["px","em","rem","%","vh","vw"].some((t=>e.endsWith(t)))?e:"number"==typeof t?`${e}px`:""},w=`\n\t\t${$?"":`font-family: '${s}', ${a};`}\n\t\t${o("font-weight",d)}\n\t\t${o("font-size",k(f))}\n\t\t${o("font-style",p)}\n\t\t${o("text-transform",m)}\n\t\t${o("text-decoration",u)}\n\t\t${o("line-height",h)}\n\t\t${o("letter-spacing",g)}\n\t`,v=l&&400!==l?"400i"===l?":ital@1":l?.includes("00i")?`: ital, wght@1, ${l?.replace("00i","00")} `:`: wght@${l} `:"",C=$?"":`https://fonts.googleapis.com/css2?family=${s?.split(" ").join("+")}${v.replace(/ /g,"")}&display=swap`;return{googleFontLink:!b||$?"":`@import url(${C});`,styles:`${t}{\n\t\t\t${w}\n\t\t}\n\t\t${r} {\n\t\t\t${t}{\n\t\t\t\t${o("font-size",k(y))}\n\t\t\t}\n\t\t}\n\t\t${n} {\n\t\t\t${t}{\n\t\t\t\t${o("font-size",k(x))}\n\t\t\t}\n\t\t}`.replace(/\s+/g," ").trim()}},p=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""},m=window.ReactJSXRuntime,u=({attributes:t,id:i})=>{const{styles:s}=t,{crumbs:a,separator:u,prefix:h}=s,g=`#${i} .bBlocks-breadCrumb-wrapper .bBlocks-breadCrumb-items`,$=`${g} .bBlocks-breadCrumb-item`,f=`${g} .bBlocks-breadCrumb-item-active`,y=`${g} .bBlocks-breadCrumb-item-separator`,x=`${y}.bBlocks-breadCrumb-item-separator-library`,k=`${g} .bBlocks-breadCrumbItem-prefix`,w=(t="")=>`\n\t\t${o("padding",p(a[t].desktop.padding))}\n\t\t${o("color",a[t].color)}\n\t\t${l(a[t].bg)}\n\t\t${d(a[t].border)}\n\t\t${o("border-radius",p(a[t].desktop.radius))}\n\t\t${o("box-shadow",b(a[t].shadow))}\n\t`;return(0,m.jsx)("style",{dangerouslySetInnerHTML:{
2 +__html:`\n\t\t${c("",a.typo).googleFontLink}\n\t\t${c("",u.text.typo).googleFontLink}\n\t\t${c("",h.text.typo).googleFontLink}\n\n\t\t${c($,a.typo).styles}\n\t\t${c(y,u.text.typo).styles}\n\t\t${c(`${k}.bBlocks-breadCrumbItem-prefixText`,h.text.typo).styles}\n\n\t\t${g}{\n\t\t\t${o("justify-content",a.desktop.align)}\n\t\t\t${o("gap",a.desktop.gap)}\n\t\t}\n\n\t\t${$}{\n\t\t\t${w("normal")}\n\t\t\t${o("transition",e(a.hover.transition)?"all "+a.hover.transition+"s ease-in-out":"")}\n\t\t}\n\n\t\t${$}:hover{\n\t\t\t${w("hover")}\n\t\t}\n\n\t\t${f}{\n\t\t\t${w("active")}\n\t\t}\n\n\t\t${y}{\n\t\t\t${o("color",u.color)}\n\t\t\t${o("fill",u.color)}\n\t\t}\n\n\t\t${x}>svg{\n\t\t\t${o("fill",u.color)}\n\t\t\t${o("height",u.library.desktop.size)}\n\t\t\t${o("width",u.library.desktop.size)}\n\t\t}\n\n\t\t${k}{\n\t\t\t${o("color",h.color)}\n\t\t\t${o("padding",p(h.desktop.padding))}\n\t\t\t${l(h.bg)}\n\t\t\t${d(h.border)}\n\t\t\t${o("border-radius",p(h.desktop.radius))}\n\t\t\t${o("box-shadow",b(h.shadow))}\n\t\t}\n\n\t\t${k}.bBlocks-breadCrumbItem-prefixIcon>svg{\n\t\t\t${o("fill",h.color)}\n\t\t\t${o("height",h.library.desktop.size)}\n\t\t\t${o("width",h.library.desktop.size)}\n\t\t}\n\t\t${k}.bBlocks-breadCrumbItem-prefixImage>img{\n\t\t\t${o("height",h.image.height)}\n\t\t\t${o("width",h.image.width)}\n\t\t}\n\n\t\t${r}{\n\n\t\t\t${$}{\n\t\t\t\t${o("padding",p(a.normal.tablet.padding))}\n\t\t\t\t${o("border-radius",p(a.normal.tablet.radius))}\n\t\t\t}\n\n\t\t\t${$}:hover{\n\t\t\t\t${o("padding",p(a.hover.tablet.padding))}\n\t\t\t\t${o("border-radius",p(a.hover.tablet.radius))}\n\t\t\t}\n\n\t\t\t${f}{\n\t\t\t\t${o("padding",p(a.active.tablet.padding))}\n\t\t\t\t${o("border-radius",p(a.active.tablet.radius))}\n\t\t\t}\n\t\t\t\n\t\t\t${x}>svg{\n\t\t\t\t${o("height",u.library.tablet.size)}\n\t\t\t\t${o("width",u.library.tablet.size)}\n\t\t\t}\n\n\t\t\t${k}{\n\t\t\t\t${o("padding",p(h.tablet.padding))}\n\t\t\t\t${o("border-radius",p(h.tablet.radius))}\n\t\t\t}\n\n\t\t\t${k}.bBlocks-breadCrumbItem-prefixIcon>svg{\n\t\t\t\t${o("height",h.library.tablet.size)}\n\t\t\t\t${o("width",h.library.tablet.size)}\n\t\t\t}\n\n\t\t}\n\n\t\t${n}{\n\t\t\t${$}{\n\t\t\t\t${o("padding",p(a.normal.mobile.padding))}\n\t\t\t\t${o("border-radius",p(a.normal.mobile.radius))}\n\t\t\t}\n\n\t\t\t${$}:hover{\n\t\t\t\t${o("padding",p(a.hover.mobile.padding))}\n\t\t\t\t${o("border-radius",p(a.hover.mobile.radius))}\n\t\t\t}\n\n\t\t\t${f}{\n\t\t\t\t${o("padding",p(a.active.mobile.padding))}\n\t\t\t\t${o("border-radius",p(a.active.mobile.radius))}\n\t\t\t}\n\t\t\t\n\t\t\t${x}>svg{\n\t\t\t\t${o("height",u.library.mobile.size)}\n\t\t\t\t${o("width",u.library.mobile.size)}\n\t\t\t}\n\n\t\t\t${k}{\n\t\t\t\t${o("padding",p(h.mobile.padding))}\n\t\t\t\t${o("border-radius",p(h.mobile.radius))}\n\t\t\t}\n\n\t\t\t${k}.bBlocks-breadCrumbItem-prefixIcon>svg{\n\t\t\t\t${o("height",h.library.mobile.size)}\n\t\t\t\t${o("width",h.library.mobile.size)}\n\t\t\t}\n\t\t}\n\n\t\t\n\t`}})},h=({separator:t})=>{const{type:e,text:r,library:n}=t;return(0,m.jsxs)(s.Fragment,{children:["text"===e&&(0,m.jsxs)("span",{className:"bBlocks-breadCrumb-item-separator",children:[" ",r]}),"library"===e&&(0,m.jsx)("span",{className:"bBlocks-breadCrumb-item-separator bBlocks-breadCrumb-item-separator-library",dangerouslySetInnerHTML:{__html:n}})]})},g=({prefix:t,isBeforeSeparator:e,separator:r})=>{const{type:n,text:i,library:a,image:o}=t;return(0,m.jsxs)(s.Fragment,{children:["text"===n&&(0,m.jsx)("span",{className:"bBlocks-breadCrumb-item bBlocks-breadCrumbItem-prefix bBlocks-breadCrumbItem-prefixText",children:i}),"library"===n&&(0,m.jsx)("span",{className:"bBlocks-breadCrumb-item bBlocks-breadCrumbItem-prefix bBlocks-breadCrumbItem-prefixIcon",dangerouslySetInnerHTML:{__html:a}}),"image"===n&&(0,m.jsx)("span",{className:"bBlocks-breadCrumb-item bBlocks-breadCrumbItem-prefix bBlocks-breadCrumbItem-prefixImage",children:o&&(0,m.jsx)("img",{src:o,alt:""})}),e&&(0,m.jsx)(h,{separator:r})]})},$=({attributes:t,crumbs:e})=>{const{separator:r,options:n,prefix:i}=t;return(0,m.jsx)("div",{className:"bBlocks-breadCrumb-wrapper",children:(0,m.jsxs)("div",{className:"bBlocks-breadCrumb-items",children:[n.isShowPrefix&&(0,m.jsx)(g,{prefix:i,separator:r,isBeforeSeparator:n.isBeforeSeparator}),e.map(((t,n)=>(0,m.jsxs)(s.Fragment,{children:[0!==n&&(0,m.jsx)(h,{separator:r}),t?.url?(0,m.jsx)("span",{className:"bBlocks-breadCrumb-item "+(n===e.length-1?"bBlocks-breadCrumb-item-active":""),children:(0,m.jsx)("a",{href:t.url,children:t.label})}):(0,m.jsx)("span",{className:"bBlocks-breadCrumb-item "+(n===e.length-1?"bBlocks-breadCrumb-item-active":""),children:t.label})]},n)))]})})};document.addEventListener("DOMContentLoaded",(()=>{document.querySelectorAll(".wp-block-b-blocks-breadcrumb").forEach((e=>{const r=JSON.parse(e.dataset.attributes),n=JSON.parse(e.dataset.crumbs);(0,t.createRoot)(e).render((0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(u,{attributes:r,id:e.id}),(0,m.jsx)($,{attributes:r,crumbs:n})]})),e?.removeAttribute("data-attributes")}))}))})();