| @@ -1 +1,6 @@ | ||
| 1 | -(()=>{"use strict";const t=window.ReactDOM,e=window.React,n=window.wp.i18n,o=((0,n.__)("General","b-blocks"),(0,n.__)("Style","b-blocks"),(0,n.__)("General","b-blocks"),(0,n.__)("Style","b-blocks"),(0,n.__)("Advanced","b-blocks"),(0,n.__)("General","b-blocks"),(0,n.__)("Style","b-blocks"),(0,n.__)("Advanced","b-blocks"),(0,n.__)("Normal","b-blocks"),(0,n.__)("Hover","b-blocks"),"b-blocks-infographic"),i=window.ReactJSXRuntime;(0,n.__)("Left","b-blocks"),(0,n.__)("Center","b-blocks"),(0,n.__)("Right","b-blocks"),(0,n.__)("Click","b-blocks"),(0,n.__)("Hover","b-blocks"),(0,n.__)("Top","b-blocks"),(0,n.__)("Bottom","b-blocks"),(0,n.__)("Default","b-blocks"),(0,n.__)("Stacked","b-blocks"),(0,n.__)("Framed","b-blocks"),(0,n.__)("Circle","b-blocks"),(0,n.__)("Square","b-blocks"),(0,n.__)("Rounded","b-blocks"),(0,n.__)("Solid","b-blocks"),(0,n.__)("Dashed","b-blocks"),(0,n.__)("Dotted","b-blocks"),(0,n.__)("Double","b-blocks"),(0,n.__)("Circle","b-blocks"),(0,n.__)("Square","b-blocks"),(0,n.__)("Rounded","b-blocks"),(0,n.__)("Top","b-blocks"),(0,n.__)("Bottom","b-blocks"),(0,n.__)("Left","b-blocks"),(0,n.__)("Right","b-blocks"),(0,n.__)("Clockwise","b-blocks"),(0,n.__)("Anti-clockwise","b-blocks"),(0,n.__)("Ease","b-blocks"),(0,n.__)("Linear","b-blocks"),(0,n.__)("Ease In","b-blocks"),(0,n.__)("Ease Out","b-blocks"),(0,n.__)("Ease In Out","b-blocks"),(0,n.__)("Back Out","b-blocks"),(0,n.__)("Back In Out","b-blocks"),(0,n.__)("Elastic","b-blocks");const r={"back-out":"cubic-bezier(0.34, 1.56, 0.64, 1)","back-in-out":"cubic-bezier(0.68, -0.55, 0.27, 1.55)",elastic:"cubic-bezier(0.5, -0.6, 0.35, 1.7)"},s=(t="ease")=>r[t]||t||"ease",a=((0,n.__)("Solid","b-blocks"),(0,n.__)("Dashed","b-blocks"),(0,n.__)("Dotted","b-blocks"),(0,n.__)("Double","b-blocks"),(0,n.__)("Cover","b-blocks"),(0,n.__)("Contain","b-blocks"),(t,e=[])=>{const n=p(t,0);return 0<n?`transition: ${e.map((t=>`${t} ${n}ms ease`)).join(", ")};`:""}),c=((0,n.__)("Normal","b-blocks"),(0,n.__)("Hover","b-blocks"),(0,n.__)("Active","b-blocks"),["h1","h2","h3","h4","h5","h6","div","p","span"]),l=(c.map((t=>({label:t.toUpperCase(),value:t}))),(0,n.__)("Content","b-blocks"),(0,n.__)("Style","b-blocks"),(0,n.__)("Icon","b-blocks"),(0,n.__)("Image","b-blocks"),(0,n.__)("Spread","b-blocks"),(0,n.__)("Fade In","b-blocks"),(0,n.__)("Zoom In","b-blocks"),(0,n.__)("Spin In","b-blocks"),(0,n.__)("Drop In","b-blocks"),(0,n.__)("Bounce In","b-blocks"),(0,n.__)("Flip In","b-blocks"),(0,n.__)("Blur In","b-blocks"),(0,n.__)("Swing In","b-blocks"),(0,n.__)("Roll In","b-blocks"),(0,n.__)("Unfold","b-blocks"),["fade","blur"]),b={spread:"bBlocksInfographicSpread",fade:"bBlocksInfographicFade",zoom:"bBlocksInfographicZoom",spin:"bBlocksInfographicSpin",drop:"bBlocksInfographicDrop",bounce:"bBlocksInfographicBounce",flip:"bBlocksInfographicFlip",blur:"bBlocksInfographicBlur",swing:"bBlocksInfographicSwing",roll:"bBlocksInfographicRoll",unfold:"bBlocksInfographicUnfold"},d=((0,n.__)("On page load","b-blocks"),(0,n.__)("When scrolled into view","b-blocks"),(0,n.__)("Every time it scrolls into view","b-blocks"),t=>"scroll"===t||"scrollRepeat"===t),g=((0,n.__)("Clockwise","b-blocks"),(0,n.__)("Anti-clockwise","b-blocks"),(0,n.__)("From Top Both Ways","b-blocks"),(0,n.__)("From Bottom Both Ways","b-blocks"),(0,n.__)("Random","b-blocks"),(0,n.__)("None","b-blocks"),(0,n.__)("Fade","b-blocks"),(0,n.__)("Slide Up","b-blocks"),(0,n.__)("Slide Sideways","b-blocks"),(0,n.__)("Zoom","b-blocks"),(0,n.__)("Flip","b-blocks"),(0,n.__)("None","b-blocks"),(0,n.__)("Grow","b-blocks"),(0,n.__)("Lift","b-blocks"),(0,n.__)("Pulse","b-blocks"),(0,n.__)("Wobble","b-blocks"),(0,n.__)("Rotate","b-blocks"),t=>{let e=2654435761*(t+1)%4294967296;return e^=e>>>15,e}),p=(t,e=500)=>{const n=parseFloat(t);if(isNaN(n))return e;const o=String(t).trim();return/s$/i.test(o)&&!/ms$/i.test(o)?1e3*n:n},u=(t={},e,n,o)=>{const i=e=>{const o=t?.[e]?.[n];return null==o||""===o?void 0:o},r=i("desktop")??o;if("desktop"===e)return r;const s=i("tablet")??r;return"tablet"===e?s:i("mobile")??s},$=(t,e="0px")=>{if(null==t||""===t)return e;const n=parseFloat(t);return isNaN(n)?e:/[a-z%]$/i.test(String(t).trim())?String(t).trim():`${n}px`},h=(t,e)=>`calc(${t/2}px + ${$(e)} / 2)`,m=(t=[])=>t.map(((t,e)=>({item:t,index:e}))).filter((({item:t})=>!1!==t?.enable)),M=(t,e,n,o={})=>{const i=parseFloat(t?.position);return isNaN(i)?((t,e,n={})=>{if(0>=e)return 0;const o=parseFloat(n.startAngle)||0,i="anticlockwise"===n.direction?-1:1,r=Math.min(Math.abs(parseFloat(n.sweep??360))||360,360);return o+t*(360<=r?r/e:r/Math.max(e-1,1))*i})(e,n,o):i},k=(t=[],e={})=>{const n=Math.max(parseFloat(e.wedgeGap??3)||0,0),o=((t=[],e={})=>m(t).map((({item:t,index:n},o,i)=>({index:n,angle:M(t,o,i.length,e)}))))(t,e).map((({index:t,angle:e})=>({index:t,angle:(e%360+360)%360}))),i=o.length;if(!i)return[];const r=[...o].sort(((t,e)=>t.angle-e.angle)),s=r.map(((t,e)=>t.angle-(t=>{if(1===i)return 360;const e=r[t].angle-r[(t-1+i)%i].angle;return 0>=e?e+360:e})(e)/2)),a=[];return r.forEach(((t,e)=>{let o=s[(e+1)%i]-s[e];for(;0>=o;)o+=360;a[t.index]={index:t.index,start:s[e]+n/2,span:Math.max(o-n,0),mid:s[e]+o/2}})),a},y=(t=[],e)=>t.find((t=>t?.id===e))||null,f=(t={},e={})=>{const{type:n="spread"}=t,o=b[n]?n:"spread";return t.enable?e.enableSegmentsType?(t=>l.includes(t))(o)?o:"fade":o:""},x=(t,e={})=>{const{general:n={},wheel:i={},animation:r={},icon:s={},segment:a={}}=t,c=f(r,i),l=r.enable&&(!d(r.trigger)||e.inView),b=l&&!i.enableSegmentsType&&r.rotate;return[o,"b-blocks-infographic-trigger-"+("hover"===n.itemTriggerType?"hover":"click"),`b-blocks-infographic-icon-view-${s.view||"default"}`,`b-blocks-infographic-icon-shape-${s.shape||"circle"}`,`b-blocks-infographic-segment-shape-${a.shape||"circle"}`,`b-blocks-infographic-icon-pos-${s.position||"top"}`,i.enableSegmentsType?"b-blocks-infographic-has-segments":"",r.enable&&d(r.trigger)&&!e.inView?"b-blocks-infographic-awaiting-view":"",l?"b-blocks-infographic-has-animation":"",l?`b-blocks-infographic-anim-${c}`:"",b?"b-blocks-infographic-has-rotation":"",b&&"anticlockwise"===r.rotateDirection?"b-blocks-infographic-rotate-reverse":"",b&&r.pauseOnHover?"b-blocks-infographic-pause-on-hover":"",r.enable&&r.hoverMotion&&"none"!==r.hoverMotion?`b-blocks-infographic-hover-motion-${r.hoverMotion}`:"",r.enable&&r.activePulse?"b-blocks-infographic-has-active-pulse":"",r.enable&&r.contentType&&"none"!==r.contentType?`b-blocks-infographic-content-anim-${r.contentType}`:""].filter(Boolean).join(" ")},w=({buttonIcon:t={},label:e})=>{const{type:n="icon",icon:o="",url:r=""}=t;return"image"===n?r?(0,i.jsx)("span",{className:"b-blocks-infographic-segment-icon",children:(0,i.jsx)("img",{src:r,alt:e||""})}):null:o?(0,i.jsx)("span",{className:"b-blocks-infographic-segment-icon",dangerouslySetInnerHTML:{__html:o}}):null},j=({image:t={},height:e})=>t?.url?(0,i.jsx)("div",{className:"b-blocks-infographic-center-image",children:(0,i.jsx)("img",{src:t.url,alt:t.alt||"",style:e?{height:$(e)}:void 0})}):null,N=({attributes:t,isBackend:n=!1,custom:o={}})=>{const{general:r={},defaults:s={},button:a={},wheel:l={},animation:b={},elements:u={},content:$={}}=t,h=Array.isArray(t?.items)?t.items:[],N=(0,e.useMemo)((()=>m(h).map((({item:t})=>t))),[h]),{item:_,itemTitle:L,itemText:D,image:v={}}=s,{showIcon:I,showText:z}=a,{itemTriggerType:T}=r,S=f(b,l),O=b.enable?b.stagger?p(b.stagger,0):Math.round(.25*p(b.speed)):0,A=b.enable?p(b.delay,0):0,C=b.enable&&!l.enableSegmentsType&&b.rotate,E=C?A+Math.max(0,N.length-1)*O+p(b.speed):0,{title:Y,divider:Q,text:U,image:B}=u,P=((t=[],e)=>{const n=t.find((t=>t?.buttonLabel===e));return(n||t[0])?.id||""})(N,_),[R,H]=(0,e.useState)(P);(0,e.useEffect)((()=>H(P)),[P]);const F=n?o?.activeIndex:void 0;(0,e.useEffect)((()=>{const t=h[F];t?.id&&H(t.id)}),[F]);const Z=t=>{if(!l.rotateLabels)return-t;const e=(t%360+360)%360;return 90<e&&270>e?180:0},W=n&&b.enable?`${S}-${b.easing}-${b.speed}-${b.order}-${b.stagger}-${b.delay}-${b.rotate}`:"",G=(0,e.useRef)(null),[V,X]=(0,e.useState)(n||!d(b.trigger));(0,e.useEffect)((()=>{if(n||!d(b.trigger))return void X(!0);const t=G.current;if(!t||"undefined"==typeof IntersectionObserver)return void X(!0);X(!1);const e="scrollRepeat"===b.trigger,o=new IntersectionObserver((([t])=>{t.isIntersecting?(X(!0),!e&&o.disconnect()):e&&X(!1)}),{threshold:.2});return o.observe(t),()=>o.disconnect()}),[n,b.trigger,b.enable]);const J="scrollRepeat"===b.trigger&&V?"in":"out",q=(0,e.useMemo)((()=>((t,e="clockwise")=>{const n=Array.from({length:t},((t,e)=>e));if("anticlockwise"===e)return n.map((e=>t-1-e));if("fromTop"===e)return n.map((e=>Math.min(e,t-e)));if("fromBottom"===e)return n.map((e=>Math.ceil(t/2)-Math.min(e,t-e)));if("random"===e){const t=[...n].sort(((t,e)=>g(t)-g(e)));return n.map((e=>t.indexOf(e)))}return n})(N.length,b.order)),[N.length,b.order]),K=(0,e.useMemo)((()=>l.enableSegmentsType?k(h,l):[]),[l,h]),tt=(0,e.useMemo)((()=>m(h)),[h]),et=y(h,R)||y(h,P),nt=et?.title||L,ot=et?.description||D,it=et?.image?.url?et.image:v,rt=h.findIndex((t=>t?.id===et?.id)),st=et?.image?.url?et?.imageHeight:"",at=et?.imagePosition||"top",ct=t=>{const e=A+(q[t]??t)*O;return C?`${e}ms, ${E}ms`:e?`${e}ms`:""},lt=(t,e)=>{H(t?.id),n&&o?.setActiveIndex&&o.setActiveIndex(e)},bt=c.includes($?.title?.tag)?$.title.tag:"h3",dt=`${b.contentType||"none"}-${b.contentSpeed||""}`,gt=(0,i.jsxs)(i.Fragment,{children:[Y&&nt&&(0,i.jsx)(bt,{className:"b-blocks-infographic-center-title",children:nt}),Q&&(0,i.jsx)("span",{className:"b-blocks-infographic-center-divider"}),U&&ot&&(0,i.jsx)("p",{className:"b-blocks-infographic-center-text",children:ot})]});return(0,i.jsx)("div",{className:x(t,{inView:V}),ref:G,children:(0,i.jsxs)("div",{className:"b-blocks-infographic-circle",children:[(0,i.jsx)("div",{className:"b-blocks-infographic-center-disc","data-item-index":-1<rt?rt:void 0,children:(0,i.jsxs)("div",{className:"b-blocks-infographic-center-content",children:[B&&"top"===at&&(0,i.jsx)(j,{image:it,height:st}),gt,B&&"bottom"===at&&(0,i.jsx)(j,{image:it,height:st})]},`${et?.id||"none"}-${dt}`)}),tt.map((({item:t,index:e},r)=>{const s=!!et&&t?.id===et.id,{url:a="",target:c=!1,nofollow:b=!1,title:d=""}=t?.link||{},g=K[e]||{start:0,span:0,mid:0},p=M(t,r,tt.length,l),u=Z(p),$={className:["b-blocks-infographic-segment",s?"active":"",n&&e===o?.activeIndex?"bPlNowEditing":""].filter(Boolean).join(" "),"data-index":e,"data-item-id":t?.id,"aria-pressed":s,style:{"--bbInfographicAngle":`${p}deg`,"--bbInfographicCounter":`${u}deg`,"--bbInfographicCounterEnd":`${l.rotateLabels?u:u-360}deg`,"--bbInfographicMid":`${g.mid}deg`,"--bbInfographicMidCounter":`${Z(g.mid)}deg`,...ct(r)?{animationDelay:ct(r)}:{}},onMouseEnter:"hover"===T?()=>lt(t,e):void 0,onFocus:"hover"===T?()=>lt(t,e):void 0,onClick:()=>lt(t,e)},h=(0,i.jsxs)("span",{className:"b-blocks-infographic-segment-inner",children:[I&&(0,i.jsx)(w,{buttonIcon:t?.buttonIcon,label:t?.buttonLabel}),z&&t?.buttonLabel&&(0,i.jsx)("span",{className:"b-blocks-infographic-segment-label",children:t.buttonLabel})]});return a&&!n?(0,i.jsx)("a",{href:a,title:d||void 0,"aria-label":d||void 0,target:c?"_blank":"_self",rel:"noreferrer noopener"+(b?" nofollow":""),...$,children:h},`${t?.id||e}${W}${J}`):(0,i.jsx)("button",{type:"button",...$,children:h},`${t?.id||e}${W}${J}`)}))]})})},_=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),L=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}},D="@media only screen and (max-width: 1024px)",v="@media only screen and (max-width: 640px)",I="linear-gradient(135deg, #0040E3, #18D4FD)",z=t=>{const e=L(t);return e?`url('${e.replace(/['"()]/g,"")}')`:"none"},T=(t,e)=>_(e)?`${t}: ${e};`:"",S=(t,e=!0,n=!0,o=!0)=>{const{type:i="solid",color:r="",gradient:s=I,image:a={},position:c="center center",attachment:l="",repeat:b="no-repeat",size:d="",overlayColor:g=""}=t||{};return"gradient"===i&&n?T("background",s):"image"===i&&o?`background: ${z(a?.url)};\n\t\t\t\t${T("background-color",g)}\n\t\t\t\t${T("background-position",c)}\n\t\t\t\t${T("background-size",d)}\n\t\t\t\t${T("background-repeat",b)}\n\t\t\t\t${T("background-attachment",l)}\n\t\t\t\t${T("background-repeat",b)}\n\t\t\t\tbackground-blend-mode: overlay;`:e&&T("background",r)},O=t=>{if(!t)return"";const e=t=>{const{color:e="#000000",style:n="solid",width:o="0px"}=t;return`${o} ${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():T("border",e(t))},A=(t,e="box")=>{let n="";return t?.map(((o,i)=>{const{hOffset:r="0px",vOffset:s="0px",blur:a="0px",spreed:c="0px",color:l="#e7f0fe",isInset:b=!1}=o||{},d=b?"inset":"",g=`${r} ${s} ${a}`,p=i+1>=t.length?"":", ";n+="text"===e?`${g} ${l}${p}`:`${g} ${c} ${l} ${d}${p}`})),n||""},C=(t,e,n=!0)=>{const{fontFamily:o="Default",fontCategory:i="sans-serif",fontVariant:r=400,fontWeight:s,isUploadFont:a=!0,fontSize:c={desktop:null,tablet:null,mobile:null},fontStyle:l,textTransform:b,textDecoration:d,lineHeight:g,letterSpace:p}=e||{},u=!n||!o||"Default"===o,$=c?.desktop||c,h=c?.tablet||$,m=c?.mobile||h,M=t=>{const e=String(t);return["px","em","rem","%","vh","vw"].some((t=>e.endsWith(t)))?e:"number"==typeof t?`${e}px`:""},k=`\n\t\t${u?"":`font-family: '${o}', ${i};`}\n\t\t${T("font-weight",s)}\n\t\t${T("font-size",M($))}\n\t\t${T("font-style",l)}\n\t\t${T("text-transform",b)}\n\t\t${T("text-decoration",d)}\n\t\t${T("line-height",g)}\n\t\t${T("letter-spacing",p)}\n\t`,y=r&&400!==r?"400i"===r?":ital@1":r?.includes("00i")?`: ital, wght@1, ${r?.replace("00i","00")} `:`: wght@${r} `:"",f=u?"":`https://fonts.googleapis.com/css2?family=${o?.split(" ").join("+")}${y.replace(/ /g,"")}&display=swap`;return{googleFontLink:!a||u?"":`@import url(${f});`,styles:`${t}{\n\t\t\t${k}\n\t\t}\n\t\t${D} {\n\t\t\t${t}{\n\t\t\t\t${T("font-size",M(h))}\n\t\t\t}\n\t\t}\n\t\t${v} {\n\t\t\t${t}{\n\t\t\t\t${T("font-size",M(m))}\n\t\t\t}\n\t\t}`.replace(/\s+/g," ").trim()}},E=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""},Y=t=>{const{position:e="center center",xPosition:n=0,yPosition:o=0,attachment:i="",repeat:r="no-repeat",size:s="cover",customSize:a="0px"}=t||{},c=t=>"initial"!==t||_(t);return`\n\t\t${c(e)?`background-position: ${"custom"===e?`${n} ${o}`:e};`:""}\n\t\t${i&&c(i)?`background-attachment: ${i};`:""}\n\t\t${c(r)?`background-repeat: ${r};`:""}\n\t\t${c(s)?`background-size: ${"custom"===s?`${a} auto`:s};`:""}\n\t`},Q=(t={})=>t?{desktop:_(t.url)?`background-image: ${z(t.url)}; ${Y(t?.desktop)}`:"",tablet:_(t.url)?Y(t?.tablet):"",mobile:_(t.url)?Y(t?.mobile):""}:"",U=(t,e,n=!1)=>{const{type:o="color",color:i,gradient:r,img:s,video:a}=t||{},c="color"===o?T("background",i):"gradient"===o?(t=>{const{type:e="linear",radialType:n="ellipse",colors:o=[],centerPositions:i={x:0,y:0},angel:r=0}=t||{};if(_(t)){const t=o?.map((({color:t,position:e})=>`${t} ${e}%`)),s=`linear-gradient(${r}deg, ${t})`;return T("background","radial"===e?`radial-gradient(${n} at ${i?.x}% ${i?.y}%,${t})`:s)}return""})(r):"image"===o?Q(s).desktop:"",l="image"===o?Q(s).tablet:"",b="image"===o?Q(s).mobile:"",d=n?`${e}:hover`:e;return`\n\t\t${"video"===o?((t,e)=>{const{url:n,loop:o}=t||{},i=document.querySelector(e),r=i?.querySelector(".bPlVideo"),s=document.createElement("video");if(s.muted=!0,s.autoplay=!0,s.classList.add("bPlVideo"),!r&&i&&n){const t=L(n);if(t){const e=document.createElement("source");e.src=t,s.appendChild(e),i.appendChild(s)}}return s.loop=o,s.play(),`${e} .bPlVideo{\n\t\tleft: 0;\n\t\tmin-height: 100%;\n\t\tmin-width: 100%;\n\t\tposition: absolute;\n\t\twidth: -webkit-fill-available;\n\t\ttop: 0;\n\t\tz-index: 0;\n\t}`})(a,e):""}\n\n\t\t${c?`${d}{\n\t\t\t${c}\n\t\t}`:""}\n\n\t\t${l?`${D} {\n\t\t\t${d}{\n\t\t\t\t${l}\n\t\t\t}\n\t\t}`:""}\n\n\t\t${b?`${v} {\n\t\t\t${d}{\n\t\t\t\t${b}\n\t\t\t}\n\t\t}`:""}\n\t`.replace(/\s+/g," ").trim()},B=(t,e,n=!1)=>{const{isEnabled:o,colors:i,opacity:r=1,blend:s,filter:a="",blur:c=0,brightness:l=100,contrast:b=100,saturation:d=100,hue:g=0,position:p={top:0,right:0,bottom:0,left:0},zIndex:u=-1}=t||{},$=`${100!==l?`brightness(${l}%)`:""} ${100!==b?`contrast(${b}%)`:""} ${100!==d?`saturate(${d}%)`:""} ${0!==c?`blur(${c}px)`:""} ${0!==g?`hue-rotate(${g}deg)`:""}`,h=`${a}: ${a?$:""}; -webkit-${a}: ${a?$:""};`,m=n?`${e}:hover::after`:`${e}::after`;return o?`\n\t\t${e}{\n\t\t\tposition:relative;\n\t\t\tz-index:1;\n\t\t}\n\t\t${e}::after{\n\t\t\tcontent: '';\n\t\t\tposition: absolute;\n\t\t\ttop:${_(p.top)?p.top:0};\n\t\t\tright:${_(p.right)?p.right:0};\n\t\t\tbottom:${_(p.bottom)?p.bottom:0};\n\t\t\tleft:${_(p.left)?p.left:0};\n\t\t\tz-index:${u};\n\t\t}\n\t\t${U(i,m,!1)}\n\t\t${m}{\n\t\t\t${T("opacity",r)}\n\t\t\t${T("mix-blend-mode",s)}\n\t\t\t${h}\n\t\t}\n\t`.replace(/\s+/g," ").trim():""},P=(t,e,n=!1)=>{const o=(t,e="desktop")=>{if(!_(t))return"";const{skew:n,scale:o,rotate:i,offset:r,flipX:s,flipY:a}=t,{threeDRotate:c}=i||{},{isProportion:l}=o||{},b=[];return _(n)&&(_(n?.[e]?.x)&&b.push(`skewX(${n[e].x}deg)`),_(n?.[e]?.y)&&b.push(`skewY(${n[e].y}deg)`)),l?_(o?.[e]?.scale)&&b.push(`scale(${o[e].scale})`):(_(o?.[e]?.x)&&b.push(`scaleX(${o[e].x})`),_(o?.[e]?.y)&&b.push(`scaleY(${o[e].y})`)),_(i)&&(_(i?.[e]?.z)&&b.push(`rotateZ(${i[e].z}deg)`),c&&(_(i?.[e]?.x)&&b.push(`rotateX(${i[e].x}deg)`),_(i?.[e]?.y)&&b.push(`rotateY(${i[e].y}deg)`))),_(r)&&(_(r?.[e]?.x)&&b.push(`translateX(${r[e].x})`),_(r?.[e]?.y)&&b.push(`translateY(${r[e].y})`)),_(s)&&b.push(s?"scaleX(-1)":""),_(a)&&b.push(a?"scaleY(-1)":""),0===b.length?"":T("transform",b.join(" "))},i=n?`${e}:hover`:e;return`\n\t\t${i} {\n\t\t\t${o(t,"desktop")}\n\t\t}\n\t\t${D}{\n\t\t\t${i} {\n\t\t\t\t${o(t,"tablet")}\n\t\t\t}\n\t\t}\n\t\t${v}{\n\t\t\t${i} {\n\t\t\t\t${o(t,"mobile")}\n\t\t\t}\n\t\t}\n\t`},R=t=>{const{padding:e,margin:n,height:o,width:i}=t||{},r=(t,e)=>T(t,e),s=(t,e,n)=>r(t,e?.[t]?.[n])+r(`min-${t}`,e?.min?.[n])+r(`max-${t}`,e?.max?.[n]),a=t=>T("padding",E(t)),c=t=>T("margin",E(t));return{desktop:a(e?.desktop)+c(n?.desktop)+s("height",o,"desktop")+s("width",i,"desktop"),tablet:a(e?.tablet)+c(n?.tablet)+s("height",o,"tablet")+s("width",i,"tablet"),mobile:a(e?.mobile)+c(n?.mobile)+s("height",o,"mobile")+s("width",i,"mobile")}},H=t=>{const{normal:e,hover:n}=t||{},o=t=>{const{border:e,radius:n,shadow:o}=t||{},i=T("border-radius",E(n)),r=T("box-shadow",A(o,"box"));return O(e)+i+r};return{normal:o(e),hover:o(n)}},F=t=>{const{zIndex:e,overflow:n}=t||{},o=n?`overflow: ${n};`:"",i=t=>`${T("z-index",e?.[t])} ${T("position",_(e?.[t])?"relative":"")}`;return{desktop:i("desktop")+o,tablet:i("tablet"),mobile:i("mobile")}},Z=(t,e)=>{const{desktop:n=!1,tablet:o=!1,mobile:i=!1}=t||{},r=e?"opacity: 0.5;":"display: none;",s=t=>t?r:"";return{desktop:s(n),tablet:s(o),mobile:s(i)}},W=t=>Array.isArray(t)?t.map(W):t&&"object"==typeof t?Object.fromEntries(Object.entries(t).map((([t,e])=>[t,W(e)]))):(t=>{if("string"!=typeof t)return t;const e=t.replace(/\/\*|\*\//g,"").replace(/[{};<>\\]/g,"").replace(/[\r\n\t]+/g," "),n=t=>(e.split(t).length-1)%2;return n('"')||n("'")?e.replace(/["']/g,""):e})(t),G=({attributes:t,id:n,isBackend:r=!1})=>{const{advanced:c={}}=t,l=(0,e.useMemo)((()=>W({...t,advanced:void 0})),[t]),{general:d={},wheel:g={},animation:m={},icon:M={},segment:y={},outerDisc:x={},innerDisc:w={},content:j={}}=l,N=Array.isArray(l?.items)?l.items:[],{normal:L={},hover:I={},active:Y={}}=y,{title:Q={},text:G={},divider:V={},image:X={}}=j,J=`#${n} .${o}`,q=`${J} .b-blocks-infographic-circle`,K=`${q} .b-blocks-infographic-segment`,tt=`${q} .b-blocks-infographic-center-disc`,et=`${tt} .b-blocks-infographic-center-title`,nt=`${tt} .b-blocks-infographic-center-text`,ot=`${tt} .b-blocks-infographic-center-divider`,it=`${K} .b-blocks-infographic-segment-label`,rt=`${K} .b-blocks-infographic-segment-inner`,st=`${K} .b-blocks-infographic-segment-icon`,at=`${tt} .b-blocks-infographic-center-image img`,ct=`${J}:not(.b-blocks-infographic-has-segments) .b-blocks-infographic-circle .b-blocks-infographic-segment`,lt=`${J}.b-blocks-infographic-has-segments .b-blocks-infographic-circle .b-blocks-infographic-segment`,bt=(t,e)=>$(t.borderWidth??e),dt=bt(w,"2px"),gt=bt(x,"2px"),pt=t=>Object.keys(t||{}).length?O(t):"",ut=(t,...e)=>{const n=e.filter(Boolean).join(" ").replace(/\s+/g," ").trim();return n?`${t}{ ${n} }`:""},$t=w.borderColor||"#3F8F4B",ht=x.borderColor||"#7E57C2",mt="left: 50%; right: auto;",Mt=t=>{const{circle:e,outerGap:n,segmentSize:o,iconSize:i,radius:r,disc:s}=(t=>{const e=parseFloat(u(x,t,"size",560))||560,n=$(u(M,t,"size","20px"),"20px"),o=parseFloat(u(w,t,"size",276))||276,i=parseFloat(x?.[t]?.ringGap)||0,r=e+2*i,s=Math.min(parseFloat(u(y,t,"size",118))||118,(t=>Math.max(Math.floor(t/2),40))(e));return{circle:e,outerGap:i,segmentSize:s,iconSize:n,radius:`calc(${h(r,gt)} + ${$(g.radiusOffset,"0px")})`,disc:o}})(t),a={tablet:"desktop",mobile:"tablet"}[t],c=u(d,t,"alignment","center");return`${ut(J,a&&c===u(d,a,"alignment","center")?"":`text-align: ${c};`)}\n\t\t${ut(q,`width: ${e}px;`,`height: ${e}px;`,`padding: ${n?$(x[t].ringGap,"0px"):"0px"};`,`background-clip: ${n?"content-box":"border-box"};`)}\n\t\t${ut(K,T("padding",E(y?.[t]?.padding)))}\n\t\t${g.enableSegmentsType?`${lt}{\n\t\t\twidth: ${e}px;\n\t\t\theight: ${e}px;\n\t\t\t${mt}\n\t\t\ttransform: translate(-50%, -50%);\n\t\t\t--bbInfographicContentRadius: ${(s/2+e/2)/2}px;\n\t\t}`:`${ct}{\n\t\t\twidth: ${o}px;\n\t\t\theight: ${o}px;\n\t\t\t${mt}\n\t\t\t--bbInfographicRadius: ${r};\n\t\t\ttransform: translate(-50%, -50%) rotate(var(--bbInfographicAngle, 0deg)) translateY(calc(var(--bbInfographicRadius, 0px) * -1)) rotate(var(--bbInfographicCounter, 0deg));\n\t\t}`}\n\t\t${K} .b-blocks-infographic-segment-icon>svg,\n\t\t${K} .b-blocks-infographic-segment-icon>img{\n\t\t\twidth: ${i};\n\t\t\theight: ${i};\n\t\t}\n\t\t${ut(st,T("padding",E(M?.[t]?.padding)),T("border-radius",E(M?.[t]?.radius)))}\n\t\t${ut(at,T("border-radius",E(X?.[t]?.radius)),T("width",$(X?.[t]?.width,"")),T("height",$(X?.[t]?.height,"")))}\n\t\t${ut(tt,`width: ${s}px;`,`height: ${s}px;`,T("padding",E(w?.[t]?.padding)))}`},kt=(t,e)=>{const n=S(e?.background),o=pt(e?.border),i=T("box-shadow",A(e?.shadow)),r=e?.color;return[ut(t,n,T("color",r),o,i),r?`${t} .b-blocks-infographic-segment-icon>svg{ ${T("fill",r)} }`:""].filter(Boolean).join("\n")},yt=(t,e)=>{const{label:n,icon:o}=e?.color||{},i=S(e?.background),r=pt(e?.border);return[i||r?`${t}{ ${i} ${r} }`:"",n?`${t} .b-blocks-infographic-segment-label{ color: ${n}; }`:"",o?`${t} .b-blocks-infographic-segment-icon{ color: ${o}; } ${t} .b-blocks-infographic-segment-icon>svg{ fill: ${o}; }`:""].filter(Boolean).join("\n")},ft=(t,e)=>{const{title:n,divider:o,desc:i}=e?.color||{};return[ut(`${t} .b-blocks-infographic-center-title`,T("color",n)),ut(`${t} .b-blocks-infographic-center-divider`,T("border-top-color",o)),ut(`${t} .b-blocks-infographic-center-text`,T("color",i))].filter(Boolean).join("\n")},xt=(0,e.useMemo)((()=>`\n\t\t${C("",Q.typo)?.googleFontLink}\n\t\t${C("",G.typo)?.googleFontLink}\n\t\t${C("",y.labelTypo)?.googleFontLink}\n\t\t${C(et,Q.typo)?.styles}\n\t\t${C(nt,G.typo)?.styles}\n\t\t${C(it,y.labelTypo)?.styles}\n\n\t\t${ut(J,...(()=>{const t=f(m,g);return[`--bbInfographicSpeed: ${p(m.speed)}ms;`,`--bbInfographicEasing: ${s(m.easing)};`,T("--bbInfographicContentSpeed",$(m.contentSpeed,"")),m.rotate?`--bbInfographicEntranceName: ${b[t]||"none"};`:"",m.rotate?`--bbInfographicRotateSpeed: ${$(m.rotateSpeed,"")};`:""]})())}\n\t\t${ut(K,a(y.transition,["background","color","border-color","box-shadow"]),T("border-radius",E(y.radius)))}\n\t\t${kt(K,L)}\n\t\t${kt(`${K}.active`,Y)}\n\t\t${kt(`${K}:hover`,I)}\n\t\t${kt(`${K}:focus-visible`,I)}\n\t\t${N.map(((t,e)=>{const{normal:n,hover:o,active:i}=t?.styles||{},r=`${K}[data-index='${e}']`,s=`${tt}[data-item-index='${e}']`;return[yt(r,n),yt(`${r}.active`,i),yt(`${r}:hover`,o),yt(`${r}:focus-visible`,o),ft(s,n),ft(`${s}:hover`,o),ft(`${s}:active`,i)].filter(Boolean).join("\n")})).filter(Boolean).join("\n")}\n\t\t${ut(tt,a(w.transition,["background","box-shadow"]),S(w.background),`border: ${dt} ${w.borderStyle||"solid"} ${$t};`,T("box-shadow",A(w.shadow?.normal)))}\n\t\t${ut(`${tt}:hover`,T("box-shadow",A(w.shadow?.hover)))}\n\t\t${ut(`${tt} .b-blocks-infographic-center-content`,T("width",$(w.contentWidth,"")),T("gap",$(w.contentGap,"")),T("text-align",w.contentAlign),T("align-items","left"===w.contentAlign?"flex-start":"right"===w.contentAlign?"flex-end":"center"))}\n\t\t${ut(q,a(x.transition,["background","border-color","box-shadow"]),S(x.background),`border: ${gt} ${x.borderStyle||"solid"} ${ht};`,T("box-shadow",A(x.shadow?.normal)))}\n\t\t${ut(`${q}:hover`,T("box-shadow",A(x.shadow?.hover)))}\n\t\t${ut(et,T("color",Q.color))}\n\t\t${ut(nt,T("color",G.color))}\n\t\t${ut(ot,`width: ${$(V.width)};`,"height: 0;","background: none;",`border-top: ${$(V.height)} ${V.style||"solid"} ${V.color||"currentColor"};`)}\n\t\t${ut(rt,T("gap",$(y.spacing,"")),T("margin",E(y.margin)))}\n\t\t${ut(J,T("--bbInfographicIconPlate",M.plateColor))}\n\t\t${ut(st,a(M.transition,["background","color","border-color"]),T("color",M.color),S(M.background),pt(M.border?.normal))}\n\t\t${ut(`${K}:hover .b-blocks-infographic-segment-icon`,pt(M.border?.hover))}\n\t\t${ut(`${st}>svg`,T("fill",M.color))}\n\t\t${ut(at,T("object-fit",X.fit))}\n\n\t\t${g.enableSegmentsType?k(N,g).map((t=>`${lt}[data-index='${t.index}']{ clip-path: ${(({start:t,span:e})=>{if(0>=e)return"none";const n=Math.max(Math.ceil(e/4),2),o=["50% 50%"];for(let i=0;i<=n;i++){const r=(t+e*i/n)*Math.PI/180;o.push(`${(50+50*Math.sin(r)).toFixed(2)}% ${(50-50*Math.cos(r)).toFixed(2)}%`)}return`polygon(${o.join(", ")})`})(t)}; }`)).join("\n"):""}\n\n\t\t${Mt("desktop")}\n\n\t\t${D}{\n\t\t\t${Mt("tablet")}\n\t\t}\n\n\t\t${v}{\n\t\t\t${Mt("mobile")}\n\t\t}\n\n\t\t${((t,e,n=!1,o=!0)=>{const{dimension:i,transform:r,background:s,borderShadow:a,mask:c,animation:l,visibility:b,responsive:d,css:g=""}=e||{},p=n?`#${t}>div>div${o?":first-child":""}`:`#${t}>div`;((t,e,n)=>{const o=n?`#${e} > div`:`#${e}`,i=document.querySelector(o);i&&t&&t.type&&(i.setAttribute("data-aos",t.type),i.setAttribute("data-aos-duration",1e3*t.duration||.4),i.setAttribute("data-aos-delay",1e3*t.delay||0),i.classList.contains("aos-init")||(i.classList.add("aos-init"),window?.AOS?.init()),n)&&new IntersectionObserver((t=>{t.forEach((t=>{t.intersectionRatio>.5?i.classList.add("aos-animate"):i.classList.remove("aos-animate")}))}),{threshold:[.5]}).observe(i)})(l,t,n);const u=R(i).desktop+F(b).desktop+((t,e,n)=>{const{transition:o=.4}=t||{},{transition:i=.4}=e||{},{transition:r=200}=n||{};return`transition: background ${o}s, border ${i}s, border-radius ${i}s, box-shadow ${i}s, transform ${r}ms ease-in-out;`})(s,a,r)+(t=>{const{isMask:e=!1,shape:n={type:"circle"},size:o={type:"contain",scale:"100%"},position:i={type:"center center",x:50,y:50},repeat:r="no-repeat"}=t||{};return e?`-webkit-mask-image: ${"custom"===n.type?z(n.url):`url(${(s=n.type,[{svg:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4OSIgaGVpZ2h0PSI4OSIgdmlld0JveD0iMCAwIDg5IDg5Ij48Y2lyY2xlIGN4PSI0NC41IiBjeT0iNDQuNSIgcj0iNDQuNSIvPjwvc3ZnPg==",type:"circle"},{svg:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4OSIgaGVpZ2h0PSI4OSIgdmlld0JveD0iMCAwIDg5IDg5Ij48cGF0aCBkPSJNNzYuMTMzMiw0NC40NzUybDYuMzI4OS02LjMyODVBMjIuMzQ4NiwyMi4zNDg2LDAsMCwwLDUwLjg1LDYuNTQ3NEw0NC41MzIsMTIuODY1MSwzOC4xNiw2LjU0NzRhMjIuMzUyNCwyMi4zNTI0LDAsMSwwLTMxLjYxMiwzMS42MWw2LjMxODEsNi4zMTc3TDYuNTQ3OCw1MC44NDdhMjIuMzUyNCwyMi4zNTI0LDAsMCwwLDMxLjYxMiwzMS42MWw2LjMxODEtNi4zMTc3TDUwLjg1LDgyLjM5MjJhMjIuMzQ4NiwyMi4zNDg2LDAsMCwwLDMxLjYxMi0zMS41OTkzWiIvPjwvc3ZnPg==",type:"flower"},{svg:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5MS4xMTQzIiBoZWlnaHQ9Ijg4Ljk5OTkiIHZpZXdCb3g9IjAgMCA5MS4xMTQzIDg4Ljk5OTkiPjxwYXRoIGQ9Ik04Mi4xNzQ5LDM3LjUyNjZsMS42MTE5LTEuNjExOWMuOTQ4Ni0uOTQ4Ny02LjM3LTUuOTMwOS03LjA0OTItNi4zNzgyYTQ1LjE1MTYsNDUuMTUxNiwwLDAsMC01Ljc3NjYtMy4zMjQxYy0uMjQ2OC0uMTE1Ny0uNjAxNi0uMzAwOC0uOTg3Mi0uNDc4MnExLjc4MTYtMS44OTcyLDMuNTg2My0zLjc3MTNjLjk0ODYtLjk4LTYuMzYyOC01LjkyMzItNy4wNDkyLTYuMzcwNUE0NC4xNTc5LDQ0LjE1NzksMCwwLDAsNjAuNzUsMTIuMjYwNmwtLjI5My0uMTQ2NSwxLjM5NTktMS41NDI1Yy45NDA5LTEuMDQ4OS02LjMzMTktNS45LTcuMDQ5Mi02LjM3QTQ0LjIxMiw0NC4yMTIsMCwwLDAsNDkuMDQyMi44NjE2Yy0uNTQtLjI0NjctMi4zMTM3LTEuMjY0OC0yLjg0NTgtLjY4NjRRMzIuNzM4MSwxNS4xNjgyLDE4LjExNTQsMjkuMDY2Yy03Ljg0MzYsNy40NS0xNi41NjYzLDE1LjU3OTEtMTguMTA4OCwyNi44Ny0uMTE1Ny44MjUzLDEuMzI2NSwxLjk3NDQsMS43NDMsMi4zMTM4YTQwLjc5OSw0MC43OTksMCwwLDAsNS4zMTM5LDQuMDU2Nyw0NC4yMTc0LDQ0LjIxNzQsMCwwLDAsNS43NjExLDMuMzRjLjY0LjI5MzEsMi4xNzUsMS4yMDMxLDIuODQ1OS42ODY0bDIuMDc0Ny0xLjU1NzljMS40NSwxLjg1ODcsNS45Njk0LDQuNzIsNi42NzEyLDUuMTc1bDEuNDg4NS45NTY0QzI0LjQwMSw3Mi43NjQ3LDIyLjkyLDc0LjYzMTEsMjEuNDcsNzYuNTI4M2MtLjkxLDEuMTg3OCw2LjI2MjUsNS44NjE1LDcuMDQ5Miw2LjM3YTQ0LjE2MzMsNDQuMTYzMywwLDAsMCw1Ljc2MTEsMy4zMzE4Yy42MDE2LjI3NzYsMi4yMjg5LDEuMjM0LDIuODQ1OS42OTQxbDkuMjU1LTguMDk4Yy44MjUyLDIuNTY4MiwxNC41Njg3LDExLjYzLDE1LjY3MTYsOS45NzIxTDkxLjA2LDQ1LjM2MjRDOTEuNjkyLDQ0LjQxMzgsODYuNzI1Miw0MC4zMjYyLDgyLjE3NDksMzcuNTI2NloiLz48L3N2Zz4=",type:"sketch"},{svg:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDMiIGhlaWdodD0iODkiIHZpZXdCb3g9IjAgMCAxMDMgODkiPjxwb2x5Z29uIHBvaW50cz0iNzcuMjU1IDQ0LjUwNSA1MS41IDAgMjUuNzU1IDQ0LjUwNSAwIDg5IDUxLjUgODkgMTAzIDg5IDc3LjI1NSA0NC41MDUiLz48L3N2Zz4=",type:"triangle"},{svg:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjEuMDAwMiIgaGVpZ2h0PSI4OSIgdmlld0JveD0iMCAwIDEyMS4wMDAyIDg5Ij48cGF0aCBkPSJNMTAwLjAxNiw3LjM5NzJDOTAuMjQ1MiwxLjIyLDczLjMwODQtMy42NjYzLDY0LjQyNTUsMy43MTI2LDU2Ljk4MzYsOS44OSw2Mi4wNDY5LDE4LjkxNzQsNTUuMDEsMjUuMzAzMmMtMTAuNiw5LjYxMzQtMjguMTU4OS01LjQ0MjMtNDEuODU4NCwyLjYzMThDLjY3NTcsMzUuMjU0My00LjI3OTEsNTkuMTQ4OSw0LjI3ODEsNzMuNzk3NWMxMy4xMzY5LDIyLjUyNCw1My4xMywxMy44NTQxLDYxLjE5MzYsMTIuMTA2MSw0LjUwMDctLjk5MzEsNTMuNDk1My0xMi4yNjUsNTUuNDY5My00Mi43MDQzQzEyMS44OTgsMjguMjUyOCwxMTEuMSwxNC40MTg1LDEwMC4wMTYsNy4zOTcyWiIvPjwvc3ZnPg==",type:"blob"},{svg:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDMiIGhlaWdodD0iODkiIHZpZXdCb3g9IjAgMCAxMDMgODkiPjxwYXRoIGQ9Ik03Ny4yMTE0LDBIMjUuNzUyM0wwLDQ0LjUwNDUsMjUuNzUyMyw4OUg3Ny4yMTE0TDEwMyw0NC41MDQ1Wk02MS43NjkxLDYyLjI2MUg0MS4yMjE4TDMwLjkzOTEsNDQuNTA0NSw0MS4yMjE4LDI2LjczOUg2MS43NjkxTDcyLjA1MTksNDQuNTA0NVoiLz48L3N2Zz4=",type:"hexagon"}].find((t=>t.type===s))).svg})`};\n\t\t-webkit-mask-size: ${"custom"===o.type?o.scale:o.type};\n\t\t${"custom"===i.type?`${T("-webkit-mask-position-x",i.x)}\n\t\t\t${T("-webkit-mask-position-y",i.y)}`:`${T("-webkit-mask-position",i.type)}`}\n\t\t${"cover"!==o.type?`-webkit-mask-repeat: ${r};`:""}`:"";var s})(c),$=R(i).tablet+F(b).tablet+Z(d,n).tablet,h=R(i).mobile+F(b).mobile+Z(d,n).mobile,m=H(a).normal,M=H(a).hover,k=Z(d,n).desktop;return`\n\t\t${u||m?`${p} {\n\t\t\t${u}\n\t\t\t${m}\n\t\t}`:""}\n\t\t${M?`${p}:hover {\n\t\t\t${M}\n\t\t}`:""}\n\n\t\t${k?`@media only screen and (min-width: 1025px) {\n\t\t\t${p}{\n\t\t\t\t${k}\n\t\t\t}\n\t\t}`:""}\n\n\t\t${$?`${D} {\n\t\t\t${p}{\n\t\t\t\t${$}\n\t\t\t}\n\t\t}`:""}\n\n\t\t${h?`${v} {\n\t\t\t${p}{\n\t\t\t\t${h}\n\t\t\t}\n\t\t}`:""}\n\n\t\t${U(s?.normal,p)}\n\t\t${U(s?.hover,p,!0)}\n\t\t${B(s?.overlay,p)}\n\t\t${B(s?.hoverOverlay,p,!0)}\n\t\t${_(r?.normal)?P(r?.normal,p):""}\n\t\t${_(r?.hover)?P(r?.hover,p,!0):""}\n\n\t\t${g}\n\t`.replace(/\s+/g," ")})(n,c,r,!1)}\n\t\t`),[t,n,r]);return(0,i.jsx)("style",{dangerouslySetInnerHTML:{__html:xt}})};document.addEventListener("DOMContentLoaded",(()=>{document.querySelectorAll(".wp-block-b-blocks-infographic").forEach((e=>{let n;try{n=JSON.parse(e.dataset.attributes||"")}catch(t){return}(0,t.createRoot)(e).render((0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(G,{attributes:n,id:e.id}),(0,i.jsx)(N,{attributes:n})]})),e.removeAttribute("data-attributes")}))}))})(); | |
| 1 | +(()=>{"use strict";const t=window.ReactDOM,e=window.React,o=window.wp.i18n,n=((0,o.__)("General","b-blocks"),(0,o.__)("Style","b-blocks"),(0,o.__)("General","b-blocks"),(0,o.__)("Style","b-blocks"),(0,o.__)("Advanced","b-blocks"),(0,o.__)("General","b-blocks"),(0,o.__)("Style","b-blocks"),(0,o.__)("Advanced","b-blocks"),(0,o.__)("Normal","b-blocks"),(0,o.__)("Hover","b-blocks"),"b-blocks-infographic"),i=window.ReactJSXRuntime;(0,o.__)("Left","b-blocks"),(0,o.__)("Center","b-blocks"),(0,o.__)("Right","b-blocks"),(0,o.__)("Click","b-blocks"),(0,o.__)("Hover","b-blocks"),(0,o.__)("Top","b-blocks"),(0,o.__)("Bottom","b-blocks"),(0,o.__)("Default","b-blocks"),(0,o.__)("Stacked","b-blocks"),(0,o.__)("Framed","b-blocks"),(0,o.__)("Circle","b-blocks"),(0,o.__)("Square","b-blocks"),(0,o.__)("Rounded","b-blocks"),(0,o.__)("Solid","b-blocks"),(0,o.__)("Dashed","b-blocks"),(0,o.__)("Dotted","b-blocks"),(0,o.__)("Double","b-blocks"),(0,o.__)("Circle","b-blocks"),(0,o.__)("Square","b-blocks"),(0,o.__)("Rounded","b-blocks"),(0,o.__)("Top","b-blocks"),(0,o.__)("Bottom","b-blocks"),(0,o.__)("Left","b-blocks"),(0,o.__)("Right","b-blocks"),(0,o.__)("Clockwise","b-blocks"),(0,o.__)("Anti-clockwise","b-blocks"),(0,o.__)("Ease","b-blocks"),(0,o.__)("Linear","b-blocks"),(0,o.__)("Ease In","b-blocks"),(0,o.__)("Ease Out","b-blocks"),(0,o.__)("Ease In Out","b-blocks"),(0,o.__)("Back Out","b-blocks"),(0,o.__)("Back In Out","b-blocks"),(0,o.__)("Elastic","b-blocks");const r={"back-out":"cubic-bezier(0.34, 1.56, 0.64, 1)","back-in-out":"cubic-bezier(0.68, -0.55, 0.27, 1.55)",elastic:"cubic-bezier(0.5, -0.6, 0.35, 1.7)"},a=(t="ease")=>r[t]||t||"ease",s=((0,o.__)("Solid","b-blocks"),(0,o.__)("Dashed","b-blocks"),(0,o.__)("Dotted","b-blocks"),(0,o.__)("Double","b-blocks"),(0,o.__)("Cover","b-blocks"),(0,o.__)("Contain","b-blocks"),(t,e=[])=>{const o=g(t,0);return 0<o?`transition: ${e.map((t=>`${t} ${o}ms ease`)).join(", ")};`:""}),l=((0,o.__)("Normal","b-blocks"),(0,o.__)("Hover","b-blocks"),(0,o.__)("Active","b-blocks"),["h1","h2","h3","h4","h5","h6","div","p","span"]),c=(l.map((t=>({label:t.toUpperCase(),value:t}))),(0,o.__)("Content","b-blocks"),(0,o.__)("Style","b-blocks"),(0,o.__)("Icon","b-blocks"),(0,o.__)("Image","b-blocks"),(0,o.__)("Spread","b-blocks"),(0,o.__)("Fade In","b-blocks"),(0,o.__)("Zoom In","b-blocks"),(0,o.__)("Spin In","b-blocks"),(0,o.__)("Drop In","b-blocks"),(0,o.__)("Bounce In","b-blocks"),(0,o.__)("Flip In","b-blocks"),(0,o.__)("Blur In","b-blocks"),(0,o.__)("Swing In","b-blocks"),(0,o.__)("Roll In","b-blocks"),(0,o.__)("Unfold","b-blocks"),["fade","blur"]),b={spread:"bBlocksInfographicSpread",fade:"bBlocksInfographicFade",zoom:"bBlocksInfographicZoom",spin:"bBlocksInfographicSpin",drop:"bBlocksInfographicDrop",bounce:"bBlocksInfographicBounce",flip:"bBlocksInfographicFlip",blur:"bBlocksInfographicBlur",swing:"bBlocksInfographicSwing",roll:"bBlocksInfographicRoll",unfold:"bBlocksInfographicUnfold"},d=((0,o.__)("On page load","b-blocks"),(0,o.__)("When scrolled into view","b-blocks"),(0,o.__)("Every time it scrolls into view","b-blocks"),t=>"scroll"===t||"scrollRepeat"===t),p=((0,o.__)("Clockwise","b-blocks"),(0,o.__)("Anti-clockwise","b-blocks"),(0,o.__)("From Top Both Ways","b-blocks"),(0,o.__)("From Bottom Both Ways","b-blocks"),(0,o.__)("Random","b-blocks"),(0,o.__)("None","b-blocks"),(0,o.__)("Fade","b-blocks"),(0,o.__)("Slide Up","b-blocks"),(0,o.__)("Slide Sideways","b-blocks"),(0,o.__)("Zoom","b-blocks"),(0,o.__)("Flip","b-blocks"),(0,o.__)("None","b-blocks"),(0,o.__)("Grow","b-blocks"),(0,o.__)("Lift","b-blocks"),(0,o.__)("Pulse","b-blocks"),(0,o.__)("Wobble","b-blocks"),(0,o.__)("Rotate","b-blocks"),t=>{let e=2654435761*(t+1)%4294967296;return e^=e>>>15,e}),g=(t,e=500)=>{const o=parseFloat(t);if(isNaN(o))return e;const n=String(t).trim();return/s$/i.test(n)&&!/ms$/i.test(n)?1e3*o:o},u=(t={},e,o,n)=>{const i=e=>{const n=t?.[e]?.[o];return null==n||""===n?void 0:n},r=i("desktop")??n;if("desktop"===e)return r;const a=i("tablet")??r;return"tablet"===e?a:i("mobile")??a},m=(t,e="0px")=>{if(null==t||""===t)return e;const o=parseFloat(t);return isNaN(o)?e:/[a-z%]$/i.test(String(t).trim())?String(t).trim():`${o}px`},$=(t,e)=>`calc(${t/2}px + ${m(e)} / 2)`,h=(t=[])=>t.map(((t,e)=>({item:t,index:e}))).filter((({item:t})=>!1!==t?.enable)),f=(t,e,o,n={})=>{const i=parseFloat(t?.position);return isNaN(i)?((t,e,o={})=>{if(0>=e)return 0;const n=parseFloat(o.startAngle)||0,i="anticlockwise"===o.direction?-1:1,r=Math.min(Math.abs(parseFloat(o.sweep??360))||360,360);return n+t*(360<=r?r/e:r/Math.max(e-1,1))*i})(e,o,n):i},y=(t=[],e={})=>{const o=Math.max(parseFloat(e.wedgeGap??3)||0,0),n=((t=[],e={})=>h(t).map((({item:t,index:o},n,i)=>({index:o,angle:f(t,n,i.length,e)}))))(t,e).map((({index:t,angle:e})=>({index:t,angle:(e%360+360)%360}))),i=n.length;if(!i)return[];const r=[...n].sort(((t,e)=>t.angle-e.angle)),a=r.map(((t,e)=>t.angle-(t=>{if(1===i)return 360;const e=r[t].angle-r[(t-1+i)%i].angle;return 0>=e?e+360:e})(e)/2)),s=[];return r.forEach(((t,e)=>{let n=a[(e+1)%i]-a[e];for(;0>=n;)n+=360;s[t.index]={index:t.index,start:a[e]+o/2,span:Math.max(n-o,0),mid:a[e]+n/2}})),s},k=(t=[],e)=>t.find((t=>t?.id===e))||null,M=(t={},e={})=>{const{type:o="spread"}=t,n=b[o]?o:"spread";return t.enable?e.enableSegmentsType?(t=>c.includes(t))(n)?n:"fade":n:""},x=(t,e={})=>{const{general:o={},wheel:i={},animation:r={},icon:a={},segment:s={}}=t,l=M(r,i),c=r.enable&&(!d(r.trigger)||e.inView),b=c&&!i.enableSegmentsType&&r.rotate;return[n,"b-blocks-infographic-trigger-"+("hover"===o.itemTriggerType?"hover":"click"),`b-blocks-infographic-icon-view-${a.view||"default"}`,`b-blocks-infographic-icon-shape-${a.shape||"circle"}`,`b-blocks-infographic-segment-shape-${s.shape||"circle"}`,`b-blocks-infographic-icon-pos-${a.position||"top"}`,i.enableSegmentsType?"b-blocks-infographic-has-segments":"",r.enable&&d(r.trigger)&&!e.inView?"b-blocks-infographic-awaiting-view":"",c?"b-blocks-infographic-has-animation":"",c?`b-blocks-infographic-anim-${l}`:"",b?"b-blocks-infographic-has-rotation":"",b&&"anticlockwise"===r.rotateDirection?"b-blocks-infographic-rotate-reverse":"",b&&r.pauseOnHover?"b-blocks-infographic-pause-on-hover":"",r.enable&&r.hoverMotion&&"none"!==r.hoverMotion?`b-blocks-infographic-hover-motion-${r.hoverMotion}`:"",r.enable&&r.activePulse?"b-blocks-infographic-has-active-pulse":"",r.enable&&r.contentType&&"none"!==r.contentType?`b-blocks-infographic-content-anim-${r.contentType}`:""].filter(Boolean).join(" ")},w=({buttonIcon:t={},label:e})=>{const{type:o="icon",icon:n="",url:r=""}=t;return"image"===o?r?(0,i.jsx)("span",{className:"b-blocks-infographic-segment-icon",children:(0,i.jsx)("img",{src:r,alt:e||""})}):null:n?(0,i.jsx)("span",{className:"b-blocks-infographic-segment-icon",dangerouslySetInnerHTML:{__html:n}}):null},v=({image:t={},height:e})=>t?.url?(0,i.jsx)("div",{className:"b-blocks-infographic-center-image",children:(0,i.jsx)("img",{src:t.url,alt:t.alt||"",style:e?{height:m(e)}:void 0})}):null,j=({attributes:t,isBackend:o=!1,custom:n={}})=>{const{general:r={},defaults:a={},button:s={},wheel:c={},animation:b={},elements:u={},content:m={}}=t,$=Array.isArray(t?.items)?t.items:[],j=(0,e.useMemo)((()=>h($).map((({item:t})=>t))),[$]),{item:N,itemTitle:L,itemText:_,image:D={}}=a,{showIcon:I,showText:z}=s,{itemTriggerType:S}=r,T=M(b,c),A=b.enable?b.stagger?g(b.stagger,0):Math.round(.25*g(b.speed)):0,E=b.enable?g(b.delay,0):0,O=b.enable&&!c.enableSegmentsType&&b.rotate,C=O?E+Math.max(0,j.length-1)*A+g(b.speed):0,{title:Y,divider:U,text:Q,image:P}=u,B=((t=[],e)=>{const o=t.find((t=>t?.buttonLabel===e));return(o||t[0])?.id||""})(j,N),[R,F]=(0,e.useState)(B);(0,e.useEffect)((()=>F(B)),[B]);const H=o?n?.activeIndex:void 0;(0,e.useEffect)((()=>{const t=$[H];t?.id&&F(t.id)}),[H]);const Z=t=>{if(!c.rotateLabels)return-t;const e=(t%360+360)%360;return 90<e&&270>e?180:0},W=o&&b.enable?`${T}-${b.easing}-${b.speed}-${b.order}-${b.stagger}-${b.delay}-${b.rotate}`:"",G=(0, | |
| 2 | +e.useRef)(null),[X,V]=(0,e.useState)(o||!d(b.trigger));(0,e.useEffect)((()=>{if(o||!d(b.trigger))return void V(!0);const t=G.current;if(!t||"undefined"==typeof IntersectionObserver)return void V(!0);V(!1);const e="scrollRepeat"===b.trigger,n=new IntersectionObserver((([t])=>{t.isIntersecting?(V(!0),!e&&n.disconnect()):e&&V(!1)}),{threshold:.2});return n.observe(t),()=>n.disconnect()}),[o,b.trigger,b.enable]);const q="scrollRepeat"===b.trigger&&X?"in":"out",J=(0,e.useMemo)((()=>((t,e="clockwise")=>{const o=Array.from({length:t},((t,e)=>e));if("anticlockwise"===e)return o.map((e=>t-1-e));if("fromTop"===e)return o.map((e=>Math.min(e,t-e)));if("fromBottom"===e)return o.map((e=>Math.ceil(t/2)-Math.min(e,t-e)));if("random"===e){const t=[...o].sort(((t,e)=>p(t)-p(e)));return o.map((e=>t.indexOf(e)))}return o})(j.length,b.order)),[j.length,b.order]),K=(0,e.useMemo)((()=>c.enableSegmentsType?y($,c):[]),[c,$]),tt=(0,e.useMemo)((()=>h($)),[$]),et=k($,R)||k($,B),ot=et?.title||L,nt=et?.description||_,it=et?.image?.url?et.image:D,rt=$.findIndex((t=>t?.id===et?.id)),at=et?.image?.url?et?.imageHeight:"",st=et?.imagePosition||"top",lt=t=>{const e=E+(J[t]??t)*A;return O?`${e}ms, ${C}ms`:e?`${e}ms`:""},ct=(t,e)=>{F(t?.id),o&&n?.setActiveIndex&&n.setActiveIndex(e)},bt=l.includes(m?.title?.tag)?m.title.tag:"h3",dt=`${b.contentType||"none"}-${b.contentSpeed||""}`,pt=(0,i.jsxs)(i.Fragment,{children:[Y&&ot&&(0,i.jsx)(bt,{className:"b-blocks-infographic-center-title",children:ot}),U&&(0,i.jsx)("span",{className:"b-blocks-infographic-center-divider"}),Q&&nt&&(0,i.jsx)("p",{className:"b-blocks-infographic-center-text",children:nt})]});return(0,i.jsx)("div",{className:x(t,{inView:X}),ref:G,children:(0,i.jsxs)("div",{className:"b-blocks-infographic-circle",children:[(0,i.jsx)("div",{className:"b-blocks-infographic-center-disc","data-item-index":-1<rt?rt:void 0,children:(0,i.jsxs)("div",{className:"b-blocks-infographic-center-content",children:[P&&"top"===st&&(0,i.jsx)(v,{image:it,height:at}),pt,P&&"bottom"===st&&(0,i.jsx)(v,{image:it,height:at})]},`${et?.id||"none"}-${dt}`)}),tt.map((({item:t,index:e},r)=>{const a=!!et&&t?.id===et.id,{url:s="",target:l=!1,nofollow:b=!1,title:d=""}=t?.link||{},p=K[e]||{start:0,span:0,mid:0},g=f(t,r,tt.length,c),u=Z(g),m={className:["b-blocks-infographic-segment",a?"active":"",o&&e===n?.activeIndex?"bPlNowEditing":""].filter(Boolean).join(" "),"data-index":e,"data-item-id":t?.id,"aria-pressed":a,style:{"--bbInfographicAngle":`${g}deg`,"--bbInfographicCounter":`${u}deg`,"--bbInfographicCounterEnd":`${c.rotateLabels?u:u-360}deg`,"--bbInfographicMid":`${p.mid}deg`,"--bbInfographicMidCounter":`${Z(p.mid)}deg`,...lt(r)?{animationDelay:lt(r)}:{}},onMouseEnter:"hover"===S?()=>ct(t,e):void 0,onFocus:"hover"===S?()=>ct(t,e):void 0,onClick:()=>ct(t,e)},$=(0,i.jsxs)("span",{className:"b-blocks-infographic-segment-inner",children:[I&&(0,i.jsx)(w,{buttonIcon:t?.buttonIcon,label:t?.buttonLabel}),z&&t?.buttonLabel&&(0,i.jsx)("span",{className:"b-blocks-infographic-segment-label",children:t.buttonLabel})]});return s&&!o?(0,i.jsx)("a",{href:s,title:d||void 0,"aria-label":d||void 0,target:l?"_blank":"_self",rel:"noreferrer noopener"+(b?" nofollow":""),...m,children:$},`${t?.id||e}${W}${q}`):(0,i.jsx)("button",{type:"button",...m,children:$},`${t?.id||e}${W}${q}`)}))]})})},N=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),L=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}};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"),o=e.documentElement;return!o||"svg"!==o.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),o=await e.text();return this.sanitize(`${o}`)}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 o=e.name,n=o.toLowerCase(),i=e.value;if(this.options.removeEvents&&n.startsWith("on"))return void t.removeAttribute(o);if(this.options.removeExternalResources&&("href"===n||n.endsWith(":href"))&&!this.isAllowedUrl(i))return void t.removeAttribute(o);const r=n.replace("xlink:","");this.allowedAttributeSet.has(n)||this.allowedAttributeSet.has(r)?this.options.removeExternalResources&&this.hasExternalUrl(i)?t.removeAttribute(o):"style"===n&&this.options.sanitizeStyle&&t.setAttribute(o,this.sanitizeCss(i)):t.removeAttribute(o)}))}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 _="@media only screen and (min-width: 1025px)",D="@media only screen and (max-width: 1024px)",I="@media only screen and (max-width: 640px)",z="linear-gradient(135deg, #0040E3, #18D4FD)",S=t=>{const e=L(t);return e?`url('${e.replace(/['"()]/g,"")}')`:"none"},T=(t,e)=>N(e)?`${t}: ${e};`:"",A=(t,e=!0,o=!0,n=!0)=>{const{type:i="solid",color:r="",gradient:a=z,image:s={},position:l="center center",attachment:c="",repeat:b="no-repeat",size:d="",overlayColor:p=""}=t||{} | |
| 3 | +;return"gradient"===i&&o?T("background",a):"image"===i&&n?`background: ${S(s?.url)};\n\t\t\t\t${T("background-color",p)}\n\t\t\t\t${T("background-position",l)}\n\t\t\t\t${T("background-size",d)}\n\t\t\t\t${T("background-repeat",b)}\n\t\t\t\t${T("background-attachment",c)}\n\t\t\t\t${T("background-repeat",b)}\n\t\t\t\tbackground-blend-mode: overlay;`:e&&T("background",r)},E=t=>{if(!t)return"";const e=t=>{const{color:e="#000000",style:o="solid",width:n="0px"}=t;return`${n} ${o} ${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((o=>t[o]?`border-${o}: ${e(t[o])};`:"")).join(" ").trim():T("border",e(t))},O=(t,e="box")=>{let o="";return t?.map(((n,i)=>{const{hOffset:r="0px",vOffset:a="0px",blur:s="0px",spreed:l="0px",color:c="#e7f0fe",isInset:b=!1}=n||{},d=b?"inset":"",p=`${r} ${a} ${s}`,g=i+1>=t.length?"":", ";o+="text"===e?`${p} ${c}${g}`:`${p} ${l} ${c} ${d}${g}`})),o||""},C=(t,e,o=!0)=>{const{fontFamily:n="Default",fontCategory:i="sans-serif",fontVariant:r=400,fontWeight:a,isUploadFont:s=!0,fontSize:l={desktop:null,tablet:null,mobile:null},fontStyle:c,textTransform:b,textDecoration:d,lineHeight:p,letterSpace:g}=e||{},u=!o||!n||"Default"===n,m=l?.desktop||l,$=l?.tablet||m,h=l?.mobile||$,f=t=>{const e=String(t);return["px","em","rem","%","vh","vw"].some((t=>e.endsWith(t)))?e:"number"==typeof t?`${e}px`:""},y=`\n\t\t${u?"":`font-family: '${n}', ${i};`}\n\t\t${T("font-weight",a)}\n\t\t${T("font-size",f(m))}\n\t\t${T("font-style",c)}\n\t\t${T("text-transform",b)}\n\t\t${T("text-decoration",d)}\n\t\t${T("line-height",p)}\n\t\t${T("letter-spacing",g)}\n\t`,k=r&&400!==r?"400i"===r?":ital@1":r?.includes("00i")?`: ital, wght@1, ${r?.replace("00i","00")} `:`: wght@${r} `:"",M=u?"":`https://fonts.googleapis.com/css2?family=${n?.split(" ").join("+")}${k.replace(/ /g,"")}&display=swap`;return{googleFontLink:!s||u?"":`@import url(${M});`,styles:`${t}{\n\t\t\t${y}\n\t\t}\n\t\t${D} {\n\t\t\t${t}{\n\t\t\t\t${T("font-size",f($))}\n\t\t\t}\n\t\t}\n\t\t${I} {\n\t\t\t${t}{\n\t\t\t\t${T("font-size",f(h))}\n\t\t\t}\n\t\t}`.replace(/\s+/g," ").trim()}},Y=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""},U=t=>{const{position:e="center center",xPosition:o=0,yPosition:n=0,attachment:i="",repeat:r="no-repeat",size:a="cover",customSize:s="0px"}=t||{},l=t=>"initial"!==t||N(t);return`\n\t\t${l(e)?`background-position: ${"custom"===e?`${o} ${n}`:e};`:""}\n\t\t${i&&l(i)?`background-attachment: ${i};`:""}\n\t\t${l(r)?`background-repeat: ${r};`:""}\n\t\t${l(a)?`background-size: ${"custom"===a?`${s} auto`:a};`:""}\n\t`},Q=(t={})=>t?{desktop:N(t.url)?`background-image: ${S(t.url)}; ${U(t?.desktop)}`:"",tablet:N(t.url)?U(t?.tablet):"",mobile:N(t.url)?U(t?.mobile):""}:"",P=(t,e,o=!1)=>{const{type:n="color",color:i,gradient:r,img:a,video:s}=t||{},l="color"===n?T("background",i):"gradient"===n?(t=>{const{type:e="linear",radialType:o="ellipse",colors:n=[],centerPositions:i={x:0,y:0},angel:r=0}=t||{};if(N(t)){const t=n?.map((({color:t,position:e})=>`${t} ${e}%`)),a=`linear-gradient(${r}deg, ${t})`;return T("background","radial"===e?`radial-gradient(${o} at ${i?.x}% ${i?.y}%,${t})`:a)}return""})(r):"image"===n?Q(a).desktop:"",c="image"===n?Q(a).tablet:"",b="image"===n?Q(a).mobile:"",d=o?`${e}:hover`:e;return`\n\t\t${"video"===n?((t,e)=>{const{url:o,loop:n}=t||{},i=document.querySelector(e),r=i?.querySelector(".bPlVideo"),a=document.createElement("video");if(a.muted=!0,a.autoplay=!0,a.classList.add("bPlVideo"),!r&&i&&o){const t=L(o);if(t){const e=document.createElement("source");e.src=t,a.appendChild(e),i.appendChild(a)}}return a.loop=n,a.play(),`${e} .bPlVideo{\n\t\tleft: 0;\n\t\tmin-height: 100%;\n\t\tmin-width: 100%;\n\t\tposition: absolute;\n\t\twidth: -webkit-fill-available;\n\t\ttop: 0;\n\t\tz-index: 0;\n\t}`})(s,e):""}\n\n\t\t${l?`${d}{\n\t\t\t${l}\n\t\t}`:""}\n\n\t\t${c?`${D} {\n\t\t\t${d}{\n\t\t\t\t${c}\n\t\t\t}\n\t\t}`:""}\n\n\t\t${b?`${I} {\n\t\t\t${d}{\n\t\t\t\t${b}\n\t\t\t}\n\t\t}`:""}\n\t`.replace(/\s+/g," ").trim()},B=(t,e,o=!1)=>{const{isEnabled:n,colors:i,opacity:r=1,blend:a,filter:s="",blur:l=0,brightness:c=100,contrast:b=100,saturation:d=100,hue:p=0,position:g={top:0,right:0,bottom:0,left:0},zIndex:u=-1}=t||{},m=`${100!==c?`brightness(${c}%)`:""} ${100!==b?`contrast(${b}%)`:""} ${100!==d?`saturate(${d}%)`:""} ${0!==l?`blur(${l}px)`:""} ${0!==p?`hue-rotate(${p}deg)`:""}`,$=`${s}: ${s?m:""}; -webkit-${s}: ${s?m:""};`,h=o?`${e}:hover::after`:`${e}::after`;return n?`\n\t\t${e}{\n\t\t\tposition:relative;\n\t\t\tz-index:1;\n\t\t}\n\t\t${e}::after{\n\t\t\tcontent: '';\n\t\t\tposition: absolute;\n\t\t\ttop:${N(g.top)?g.top:0};\n\t\t\tright:${N(g.right)?g.right:0};\n\t\t\tbottom:${N(g.bottom)?g.bottom:0};\n\t\t\tleft:${N(g.left)?g.left:0};\n\t\t\tz-index:${u};\n\t\t}\n\t\t${P(i,h,!1)}\n\t\t${h}{\n\t\t\t${T("opacity",r)}\n\t\t\t${T("mix-blend-mode",a)}\n\t\t\t${$}\n\t\t}\n\t`.replace(/\s+/g," ").trim():""},R=(t,e,o=!1)=>{const n=(t,e="desktop")=>{if(!N(t))return"";const{skew:o,scale:n,rotate:i,offset:r,flipX:a,flipY:s}=t,{threeDRotate:l}=i||{},{isProportion:c}=n||{},b=[];return N(o)&&(N(o?.[e]?.x)&&b.push(`skewX(${o[e].x}deg)`),N(o?.[e]?.y)&&b.push(`skewY(${o[e].y}deg)`)),c?N(n?.[e]?.scale)&&b.push(`scale(${n[e].scale})`):(N(n?.[e]?.x)&&b.push(`scaleX(${n[e].x})`),N(n?.[e]?.y)&&b.push(`scaleY(${n[e].y})`)),N(i)&&(N(i?.[e]?.z)&&b.push(`rotateZ(${i[e].z}deg)`),l&&(N(i?.[e]?.x)&&b.push(`rotateX(${i[e].x}deg)`),N(i?.[e]?.y)&&b.push(`rotateY(${i[e].y}deg)`))),N(r)&&(N(r?.[e]?.x)&&b.push(`translateX(${r[e].x})`),N(r?.[e]?.y)&&b.push(`translateY(${r[e].y})`)),N(a)&&b.push(a?"scaleX(-1)":""),N(s)&&b.push(s?"scaleY(-1)":""),0===b.length?"":T("transform",b.join(" "))},i=o?`${e}:hover`:e;return`\n\t\t${i} {\n\t\t\t${n(t,"desktop")}\n\t\t}\n\t\t${D}{\n\t\t\t${i} {\n\t\t\t\t${n(t,"tablet")}\n\t\t\t}\n\t\t}\n\t\t${I}{\n\t\t\t${i} {\n\t\t\t\t${n(t,"mobile")}\n\t\t\t}\n\t\t}\n\t`},F=t=>{const{padding:e,margin:o,height:n,width:i}=t||{},r=(t,e)=>T(t,e),a=(t,e,o)=>r(t,e?.[t]?.[o])+r(`min-${t}`,e?.min?.[o])+r(`max-${t}`,e?.max?.[o]),s=t=>T("padding",Y(t)),l=t=>T("margin",Y(t));return{desktop:s(e?.desktop)+l(o?.desktop)+a("height",n,"desktop")+a("width",i,"desktop"),tablet:s(e?.tablet)+l(o?.tablet)+a("height",n,"tablet")+a("width",i,"tablet"),mobile:s(e?.mobile)+l(o?.mobile)+a("height",n,"mobile")+a("width",i,"mobile")}},H=t=>{const{normal:e,hover:o}=t||{},n=t=>{const{border:e,radius:o,shadow:n}=t||{},i=T("border-radius",Y(o)),r=T("box-shadow",O(n,"box"));return E(e)+i+r};return{normal:n(e),hover:n(o)}},Z=t=>{const{zIndex:e,overflow:o}=t||{},n=o?`overflow: ${o};`:"",i=t=>`${T("z-index",e?.[t])} ${T("position",N(e?.[t])?"relative":"")}`;return{desktop:i("desktop")+n,tablet:i("tablet"),mobile:i("mobile")}},W=(t,e)=>{const{desktop:o=!1,tablet:n=!1,mobile:i=!1}=t||{},r=e?"opacity: 0.5;":"display: none;",a=t=>t?r:"";return{desktop:a(o),tablet:a(n),mobile:a(i)}},G=(t,e,o=!1,n=!0)=>{const{dimension:i,transform:r,background:a,borderShadow:s,mask:l,animation:c,visibility:b,responsive:d,position:p={},floating:g={},motion:u={},css:m=""}=e||{},$=o?`#${t}>div>div${n?":first-child":""}`:`#${t}>div`;((t,e,o)=>{const n=o?`#${e} > div`:`#${e}`,i=document.querySelector(n);i&&t&&t.type&&(i.setAttribute("data-aos",t.type),i.setAttribute("data-aos-duration",1e3*t.duration||.4),i.setAttribute("data-aos-delay",1e3*t.delay||0),i.classList.contains("aos-init")||(i.classList.add("aos-init"),window?.AOS?.init()),o)&&new IntersectionObserver((t=>{t.forEach((t=>{t.intersectionRatio>.5?i.classList.add("aos-animate"):i.classList.remove("aos-animate")}))}),{threshold:[.5]}).observe(i)})(c,t,o);const h=F(i).desktop+Z(b).desktop+((t,e,o)=>{const{transition:n=.4}=t||{},{transition:i=.4}=e||{},{transition:r=200}=o||{} | |
| 4 | +;return`transition: background ${n}s, border ${i}s, border-radius ${i}s, box-shadow ${i}s, transform ${r}ms ease-in-out;`})(a,s,r)+(t=>{const{isMask:e=!1,shape:o={type:"circle"},size:n={type:"contain",scale:"100%"},position:i={type:"center center",x:50,y:50},repeat:r="no-repeat"}=t||{};return e?`-webkit-mask-image: ${"custom"===o.type?S(o.url):`url(${(a=o.type,[{svg:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4OSIgaGVpZ2h0PSI4OSIgdmlld0JveD0iMCAwIDg5IDg5Ij48Y2lyY2xlIGN4PSI0NC41IiBjeT0iNDQuNSIgcj0iNDQuNSIvPjwvc3ZnPg==",type:"circle"},{svg:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4OSIgaGVpZ2h0PSI4OSIgdmlld0JveD0iMCAwIDg5IDg5Ij48cGF0aCBkPSJNNzYuMTMzMiw0NC40NzUybDYuMzI4OS02LjMyODVBMjIuMzQ4NiwyMi4zNDg2LDAsMCwwLDUwLjg1LDYuNTQ3NEw0NC41MzIsMTIuODY1MSwzOC4xNiw2LjU0NzRhMjIuMzUyNCwyMi4zNTI0LDAsMSwwLTMxLjYxMiwzMS42MWw2LjMxODEsNi4zMTc3TDYuNTQ3OCw1MC44NDdhMjIuMzUyNCwyMi4zNTI0LDAsMCwwLDMxLjYxMiwzMS42MWw2LjMxODEtNi4zMTc3TDUwLjg1LDgyLjM5MjJhMjIuMzQ4NiwyMi4zNDg2LDAsMCwwLDMxLjYxMi0zMS41OTkzWiIvPjwvc3ZnPg==",type:"flower"},{svg:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5MS4xMTQzIiBoZWlnaHQ9Ijg4Ljk5OTkiIHZpZXdCb3g9IjAgMCA5MS4xMTQzIDg4Ljk5OTkiPjxwYXRoIGQ9Ik04Mi4xNzQ5LDM3LjUyNjZsMS42MTE5LTEuNjExOWMuOTQ4Ni0uOTQ4Ny02LjM3LTUuOTMwOS03LjA0OTItNi4zNzgyYTQ1LjE1MTYsNDUuMTUxNiwwLDAsMC01Ljc3NjYtMy4zMjQxYy0uMjQ2OC0uMTE1Ny0uNjAxNi0uMzAwOC0uOTg3Mi0uNDc4MnExLjc4MTYtMS44OTcyLDMuNTg2My0zLjc3MTNjLjk0ODYtLjk4LTYuMzYyOC01LjkyMzItNy4wNDkyLTYuMzcwNUE0NC4xNTc5LDQ0LjE1NzksMCwwLDAsNjAuNzUsMTIuMjYwNmwtLjI5My0uMTQ2NSwxLjM5NTktMS41NDI1Yy45NDA5LTEuMDQ4OS02LjMzMTktNS45LTcuMDQ5Mi02LjM3QTQ0LjIxMiw0NC4yMTIsMCwwLDAsNDkuMDQyMi44NjE2Yy0uNTQtLjI0NjctMi4zMTM3LTEuMjY0OC0yLjg0NTgtLjY4NjRRMzIuNzM4MSwxNS4xNjgyLDE4LjExNTQsMjkuMDY2Yy03Ljg0MzYsNy40NS0xNi41NjYzLDE1LjU3OTEtMTguMTA4OCwyNi44Ny0uMTE1Ny44MjUzLDEuMzI2NSwxLjk3NDQsMS43NDMsMi4zMTM4YTQwLjc5OSw0MC43OTksMCwwLDAsNS4zMTM5LDQuMDU2Nyw0NC4yMTc0LDQ0LjIxNzQsMCwwLDAsNS43NjExLDMuMzRjLjY0LjI5MzEsMi4xNzUsMS4yMDMxLDIuODQ1OS42ODY0bDIuMDc0Ny0xLjU1NzljMS40NSwxLjg1ODcsNS45Njk0LDQuNzIsNi42NzEyLDUuMTc1bDEuNDg4NS45NTY0QzI0LjQwMSw3Mi43NjQ3LDIyLjkyLDc0LjYzMTEsMjEuNDcsNzYuNTI4M2MtLjkxLDEuMTg3OCw2LjI2MjUsNS44NjE1LDcuMDQ5Miw2LjM3YTQ0LjE2MzMsNDQuMTYzMywwLDAsMCw1Ljc2MTEsMy4zMzE4Yy42MDE2LjI3NzYsMi4yMjg5LDEuMjM0LDIuODQ1OS42OTQxbDkuMjU1LTguMDk4Yy44MjUyLDIuNTY4MiwxNC41Njg3LDExLjYzLDE1LjY3MTYsOS45NzIxTDkxLjA2LDQ1LjM2MjRDOTEuNjkyLDQ0LjQxMzgsODYuNzI1Miw0MC4zMjYyLDgyLjE3NDksMzcuNTI2NloiLz48L3N2Zz4=",type:"sketch"},{svg:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDMiIGhlaWdodD0iODkiIHZpZXdCb3g9IjAgMCAxMDMgODkiPjxwb2x5Z29uIHBvaW50cz0iNzcuMjU1IDQ0LjUwNSA1MS41IDAgMjUuNzU1IDQ0LjUwNSAwIDg5IDUxLjUgODkgMTAzIDg5IDc3LjI1NSA0NC41MDUiLz48L3N2Zz4=",type:"triangle"},{svg:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjEuMDAwMiIgaGVpZ2h0PSI4OSIgdmlld0JveD0iMCAwIDEyMS4wMDAyIDg5Ij48cGF0aCBkPSJNMTAwLjAxNiw3LjM5NzJDOTAuMjQ1MiwxLjIyLDczLjMwODQtMy42NjYzLDY0LjQyNTUsMy43MTI2LDU2Ljk4MzYsOS44OSw2Mi4wNDY5LDE4LjkxNzQsNTUuMDEsMjUuMzAzMmMtMTAuNiw5LjYxMzQtMjguMTU4OS01LjQ0MjMtNDEuODU4NCwyLjYzMThDLjY3NTcsMzUuMjU0My00LjI3OTEsNTkuMTQ4OSw0LjI3ODEsNzMuNzk3NWMxMy4xMzY5LDIyLjUyNCw1My4xMywxMy44NTQxLDYxLjE5MzYsMTIuMTA2MSw0LjUwMDctLjk5MzEsNTMuNDk1My0xMi4yNjUsNTUuNDY5My00Mi43MDQzQzEyMS44OTgsMjguMjUyOCwxMTEuMSwxNC40MTg1LDEwMC4wMTYsNy4zOTcyWiIvPjwvc3ZnPg==",type:"blob"},{svg:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDMiIGhlaWdodD0iODkiIHZpZXdCb3g9IjAgMCAxMDMgODkiPjxwYXRoIGQ9Ik03Ny4yMTE0LDBIMjUuNzUyM0wwLDQ0LjUwNDUsMjUuNzUyMyw4OUg3Ny4yMTE0TDEwMyw0NC41MDQ1Wk02MS43NjkxLDYyLjI2MUg0MS4yMjE4TDMwLjkzOTEsNDQuNTA0NSw0MS4yMjE4LDI2LjczOUg2MS43NjkxTDcyLjA1MTksNDQuNTA0NVoiLz48L3N2Zz4=",type:"hexagon"}].find((t=>t.type===a))).svg})`};\n\t\t-webkit-mask-size: ${"custom"===n.type?n.scale:n.type};\n\t\t${"custom"===i.type?`${T("-webkit-mask-position-x",i.x)}\n\t\t\t${T("-webkit-mask-position-y",i.y)}`:`${T("-webkit-mask-position",i.type)}`}\n\t\t${"cover"!==n.type?`-webkit-mask-repeat: ${r};`:""}`:"";var a})(l),f=F(i).tablet+Z(b).tablet+W(d,o).tablet,y=F(i).mobile+Z(b).mobile+W(d,o).mobile,k=H(s).normal,M=H(s).hover,x=W(d,o).desktop;return`\n\t\t${h||k?`${$} {\n\t\t\t${h}\n\t\t\t${k}\n\t\t}`:""}\n\t\t${M?`${$}:hover {\n\t\t\t${M}\n\t\t}`:""}\n\n\t\t${x?`${_} {\n\t\t\t${$}{\n\t\t\t\t${x}\n\t\t\t}\n\t\t}`:""}\n\n\t\t${f?`${D} {\n\t\t\t${$}{\n\t\t\t\t${f}\n\t\t\t}\n\t\t}`:""}\n\n\t\t${y?`${I} {\n\t\t\t${$}{\n\t\t\t\t${y}\n\t\t\t}\n\t\t}`:""}\n\n\t\t${P(a?.normal,$)}\n\t\t${P(a?.hover,$,!0)}\n\t\t${B(a?.overlay,$)}\n\t\t${B(a?.hoverOverlay,$,!0)}\n\t\t${N(r?.normal)?R(r?.normal,$):""}\n\t\t${N(r?.hover)?R(r?.hover,$,!0):""}\n\t\t${((t,e)=>{const{desktop:o={},tablet:n={},mobile:i={}}=t,r=(t={})=>`\n\t\t${e}{\n\t\t\t${T("position",t?.type)}\n\t\t\t${T("left",t?.horizontal?.left)}\n\t\t\t${T("right",t?.horizontal?.right)}\n\t\t\t${T("top",t?.vertical?.top)}\n\t\t\t${T("bottom",t?.vertical?.bottom)}\n\t\t}\n\t`;return`\n\t\t\n\t\t${o?.type?r(o):""}\n\t\t\n\t\t${D}{\n\t\t\t${n?.type?r(n):""}\n\t\t}\n\n\t\t${I}{\n\t\t\t${i?.type?r(i):""}\n\t\t}\n\t`})(p,$)}\n\t\t${((t,e,o="")=>{const{translate:n={},rotate:i={},scale:r={},isEnabled:a=!1}=t||{};if(!a)return"";const s=[],l=[];return[{name:"Translate",property:"translate",values:n,value:t=>["x","y"].some((e=>N(n?.[e]?.[t])))?`${n?.x?.[t]||0}px ${n?.y?.[t]||0}px`:""},{name:"Rotate",property:"transform",values:i,value:t=>["x","y","z"].filter((e=>N(i?.[e]?.[t]))).map((e=>`rotate${e.toUpperCase()}(${i[e][t]}deg)`)).join(" ")},{name:"Scale",property:"scale",values:r,value:t=>{const e=r?.y?.[t],o=r?.z?.[t];return N(e)||N(o)?N(o)?`1 ${N(e)?e:1} ${o}`:`1 ${e}`:""}}].forEach((({name:t,property:e,values:n,value:i})=>{const r=i("from"),a=i("to");if(!r||!a)return;const c=Number(n?.duration)>0?Number(n.duration):1e3,b=Number(n?.delay)>0?Number(n.delay):0,d=`advFloat${t}${o?`-${o}`:""}`;s.push(`@keyframes ${d}{ from{ ${e}: ${r}; } to{ ${e}: ${a}; } }`),l.push(`${d} ${c}ms ease-in-out ${b}ms infinite alternate`)})),l.length?`\n\t\t${s.join(" ")}\n\t\t${e}{\n\t\t\tanimation: ${l.join(", ")};\n\t\t}\n\t`:""})(g,$,t)}\n\t\t${((t,e,o)=>{const{isEnable:n=!1,vertical:i={},horizontal:r={},transparency:a={},blur:s={},rotate:l={},scale:c={},effectsRelativeTo:b="viewport",effectOn:d=["desktop","tablet-portrait","mobile-portrait"],isMouseEffect:p=!1,mouseTrack:g={},tilt:u={},sticky:m={}}=t||{},$=(t,e)=>N(t)&&!isNaN(t)?Number(t):e,h="viewport"===b,f=h?"view()":"scroll(nearest block)",y=[],k=[],M=[],x=[],w=String(o??"").replace(/[^a-zA-Z0-9]/g,""),v=(t,e,o)=>{y.push(`@keyframes advMe${t}${w}{ ${e} }`),k.push(`advMe${t}${w}`),M.push(f),x.push((t=>{const e=$(t?.top,0),o=$(t?.bottom,100),n=Math.min(e,o),i=Math.max(e,o);return h?`cover ${n}% ${i>=90?"contain 100%":`cover ${i}%`}`:`min(${3*n}vh, ${n}%) min(${3*i}vh, ${i}%)`})(o))};if(n){const t=i?.direction,e=r?.direction,o=t?100*$(i?.speed,4):0,n=e?100*$(r?.speed,4):0;if(o||n){const a="up"===t?-o:o,s="to-left"===e?-n:n,l=[o&&i,n&&r].filter(Boolean);v("Translate",`from{ translate: 0px 0px; } to{ translate: ${s}px ${a}px; }`,{top:Math.min(...l.map((t=>$(t?.top,0)))),bottom:Math.max(...l.map((t=>$(t?.bottom,100))))})}const b=a?.direction;if(b){const t=Math.max(0,1-$(a?.level,5)/10),e={"fade-in":`from{ opacity: ${t}; } to{ opacity: 1; }`,"fade-out":`from{ opacity: 1; } to{ opacity: ${t}; }`,"fade-out-in":`0%{ opacity: 1; } 50%{ opacity: ${t}; } 100%{ opacity: 1; }`,"fade-in-out":`0%{ opacity: ${t}; } 50%{ opacity: 1; } 100%{ opacity: ${t}; }`}[b];e&&v("Opacity",e,a)}const d=s?.direction;if(d){const t=3*$(s?.level,4),e={"fade-in":`from{ filter: blur(${t}px); } to{ filter: blur(0px); }`,"fade-out":`from{ filter: blur(0px); } to{ filter: blur(${t}px); }`,"fade-out-in":`0%{ filter: blur(0px); } 50%{ filter: blur(${t}px); } 100%{ filter: blur(0px); }`, | |
| 5 | +"fade-in-out":`0%{ filter: blur(${t}px); } 50%{ filter: blur(0px); } 100%{ filter: blur(${t}px); }`}[d];e&&v("Blur",e,s)}const p=l?.direction;if(p){const t=20*$(l?.level,4);v("Rotate",`from{ rotate: 0deg; } to{ rotate: ${"to-left"===p?-t:t}deg; }`,l)}if(c?.direction){const t=.15*$(c?.level,4),e=Math.max(0,1-t),o=1+t,n={"scale-up":`from{ scale: 1; } to{ scale: ${o}; }`,"scale-down":`from{ scale: 1; } to{ scale: ${e}; }`,"scale-down-up":`0%{ scale: 1; } 50%{ scale: ${e}; } 100%{ scale: 1; }`,"scale-up-down":`0%{ scale: 1; } 50%{ scale: ${o}; } 100%{ scale: 1; }`}[c.direction];n&&v("Scale",n,c)}}const j=[];if(p){if(g?.direction){const t="direct"===g?.direction?100:-100;j.push(((e,o)=>`translate(${(e*t).toFixed(2)}px, ${(o*t).toFixed(2)}px)`))}if(u?.direction){const t=12*("direct"===u?.direction?1:-1);j.push(((e,o)=>`perspective(1000px) rotateX(${(o*-t).toFixed(2)}deg) rotateY(${(e*t).toFixed(2)}deg)`))}}const L=(t,o,n)=>{if(!t||!t.defaultView)return;const i=t.defaultView,r=t.bPlMouse||(t.bPlMouse={x:0,y:0,items:new Map,frame:0,last:0}),a=r.items.get(e)||{x:0,y:0};if(a.rate=o,a.build=n,r.items.set(e,a),r.bound)return;r.bound=!0;const s=e=>{const o=r.last?Math.min(e-r.last,100):16.7;r.last=e;let n=!1;r.items.forEach(((e,i)=>{const a=e.el&&e.el.isConnected?e.el:t.querySelector(i);if(!a)return;e.el=a;const s=e.rate*o/1e3,l=r.x-e.x,c=r.y-e.y,b=Math.sqrt(l*l+c*c);b<=s?(e.x=r.x,e.y=r.y):(e.x+=l/b*s,e.y+=c/b*s,n=!0),a.style.transform=e.build(e.x,e.y)})),r.frame=n?i.requestAnimationFrame(s):0,r.last=n?e:0};t.addEventListener("pointermove",(t=>{r.x=2*(t.clientX/i.innerWidth-.5),r.y=2*(t.clientY/i.innerHeight-.5),r.frame||(r.frame=i.requestAnimationFrame(s))}))};if(j.length&&"undefined"!=typeof document){const t=Math.max(.25,1.5*$(g?.speed,$(u?.speed,4))),e=(t,e)=>j.map((o=>o(t,e))).join(" ");L(document,t,e),L(document.querySelector('iframe[name="editor-canvas"]')?.contentDocument,t,e)}const z=t=>m?.[t]||("desktop"===t?m?.undefined:""),S=e.split(">")[0],T=t=>{const e=z(t);return e?`position: sticky; ${e}: 0; z-index: 9;`:(t=>"tablet"===t?z("desktop"):"mobile"===t?z("tablet")||z("desktop"):"")(t)?"position: static;":""},A=Array.isArray(d)?d:N(d)?[d]:[],E=t=>!A.length||A.includes(t)?"":`${e}{ animation-name: none; }`;return`\n\t\t${k.length?`\n\t\t${y.join(" ")}\n\t\t@supports (animation-timeline: scroll()){\n\t\t\t${e}{\n\t\t\t\tanimation-name: ${k.join(", ")};\n\t\t\t\tanimation-duration: ${k.map((()=>"auto")).join(", ")};\n\t\t\t\tanimation-timing-function: ${k.map((()=>"linear")).join(", ")};\n\t\t\t\tanimation-fill-mode: ${k.map((()=>"both")).join(", ")};\n\t\t\t\tanimation-direction: ${k.map((()=>h?"normal":"reverse")).join(", ")};\n\t\t\t\tanimation-timeline: ${M.join(", ")};\n\t\t\t\tanimation-range: ${x.join(", ")};\n\t\t\t}\n\t\t\t${E("desktop")?`${_}{ ${E("desktop")} }`:""}\n\t\t\t${E("tablet-portrait")?`@media only screen and (min-width: 641px) and (max-width: 1024px){ ${E("tablet-portrait")} }`:""}\n\t\t\t${E("mobile-portrait")?`${I}{ ${E("mobile-portrait")} }`:""}\n\t\t}\n\t`:""}\n\t\t${j.length?`${e}{ transition-property: background, border, border-radius, box-shadow; }`:""}\n\t\t${T("desktop")?`${S}{ ${T("desktop")} }`:""}\n\t\t${T("tablet")?`${D}{ ${S}{ ${T("tablet")} } }`:""}\n\t\t${T("mobile")?`${I}{ ${S}{ ${T("mobile")} } }`:""}\n\t`})(u,$,t)}\n\t\t${m}\n\t`.replace(/\s+/g," ")},X=t=>Array.isArray(t)?t.map(X):t&&"object"==typeof t?Object.fromEntries(Object.entries(t).map((([t,e])=>[t,X(e)]))):(t=>{if("string"!=typeof t)return t;const e=t.replace(/\/\*|\*\//g,"").replace(/[{};<>\\]/g,"").replace(/[\r\n\t]+/g," "),o=t=>(e.split(t).length-1)%2;return o('"')||o("'")?e.replace(/["']/g,""):e})(t),V=({attributes:t,id:o,isBackend:r=!1})=>{const{advanced:l={}}=t,c=(0,e.useMemo)((()=>X({...t,advanced:void 0})),[t]),{general:d={},wheel:p={},animation:h={},icon:f={},segment:k={},outerDisc:x={},innerDisc:w={},content:v={}}=c,j=Array.isArray(c?.items)?c.items:[],{normal:N={},hover:L={},active:_={}}=k,{title:z={},text:S={},divider:U={},image:Q={}}=v,P=`#${o} .${n}`,B=`${P} .b-blocks-infographic-circle`,R=`${B} .b-blocks-infographic-segment`,F=`${B} .b-blocks-infographic-center-disc`,H=`${F} .b-blocks-infographic-center-title`,Z=`${F} .b-blocks-infographic-center-text`,W=`${F} .b-blocks-infographic-center-divider`,V=`${R} .b-blocks-infographic-segment-label`,q=`${R} .b-blocks-infographic-segment-inner`,J=`${R} .b-blocks-infographic-segment-icon`,K=`${F} .b-blocks-infographic-center-image img`,tt=`${P}:not(.b-blocks-infographic-has-segments) .b-blocks-infographic-circle .b-blocks-infographic-segment`,et=`${P}.b-blocks-infographic-has-segments .b-blocks-infographic-circle .b-blocks-infographic-segment`,ot=(t,e)=>m(t.borderWidth??e),nt=ot(w,"2px"),it=ot(x,"2px"),rt=t=>Object.keys(t||{}).length?E(t):"",at=(t,...e)=>{const o=e.filter(Boolean).join(" ").replace(/\s+/g," ").trim();return o?`${t}{ ${o} }`:""},st=w.borderColor||"#3F8F4B",lt=x.borderColor||"#7E57C2",ct="left: 50%; right: auto;",bt=t=>{const{circle:e,outerGap:o,segmentSize:n,iconSize:i,radius:r,disc:a}=(t=>{const e=parseFloat(u(x,t,"size",560))||560,o=m(u(f,t,"size","20px"),"20px"),n=parseFloat(u(w,t,"size",276))||276,i=parseFloat(x?.[t]?.ringGap)||0,r=e+2*i,a=Math.min(parseFloat(u(k,t,"size",118))||118,(t=>Math.max(Math.floor(t/2),40))(e));return{circle:e,outerGap:i,segmentSize:a,iconSize:o,radius:`calc(${$(r,it)} + ${m(p.radiusOffset,"0px")})`,disc:n}})(t),s={tablet:"desktop",mobile:"tablet"}[t],l=u(d,t,"alignment","center");return`${at(P,s&&l===u(d,s,"alignment","center")?"":`text-align: ${l};`)}\n\t\t${at(B,`width: ${e}px;`,`height: ${e}px;`,`padding: ${o?m(x[t].ringGap,"0px"):"0px"};`,`background-clip: ${o?"content-box":"border-box"};`)}\n\t\t${at(R,T("padding",Y(k?.[t]?.padding)))}\n\t\t${p.enableSegmentsType?`${et}{\n\t\t\twidth: ${e}px;\n\t\t\theight: ${e}px;\n\t\t\t${ct}\n\t\t\ttransform: translate(-50%, -50%);\n\t\t\t--bbInfographicContentRadius: ${(a/2+e/2)/2}px;\n\t\t}`:`${tt}{\n\t\t\twidth: ${n}px;\n\t\t\theight: ${n}px;\n\t\t\t${ct}\n\t\t\t--bbInfographicRadius: ${r};\n\t\t\ttransform: translate(-50%, -50%) rotate(var(--bbInfographicAngle, 0deg)) translateY(calc(var(--bbInfographicRadius, 0px) * -1)) rotate(var(--bbInfographicCounter, 0deg));\n\t\t}`}\n\t\t${R} .b-blocks-infographic-segment-icon>svg,\n\t\t${R} .b-blocks-infographic-segment-icon>img{\n\t\t\twidth: ${i};\n\t\t\theight: ${i};\n\t\t}\n\t\t${at(J,T("padding",Y(f?.[t]?.padding)),T("border-radius",Y(f?.[t]?.radius)))}\n\t\t${at(K,T("border-radius",Y(Q?.[t]?.radius)),T("width",m(Q?.[t]?.width,"")),T("height",m(Q?.[t]?.height,"")))}\n\t\t${at(F,`width: ${a}px;`,`height: ${a}px;`,T("padding",Y(w?.[t]?.padding)))}`},dt=(t,e)=>{const o=A(e?.background),n=rt(e?.border),i=T("box-shadow",O(e?.shadow)),r=e?.color;return[at(t,o,T("color",r),n,i),r?`${t} .b-blocks-infographic-segment-icon>svg{ ${T("fill",r)} }`:""].filter(Boolean).join("\n")},pt=(t,e)=>{const{label:o,icon:n}=e?.color||{},i=A(e?.background),r=rt(e?.border);return[i||r?`${t}{ ${i} ${r} }`:"",o?`${t} .b-blocks-infographic-segment-label{ color: ${o}; }`:"",n?`${t} .b-blocks-infographic-segment-icon{ color: ${n}; } ${t} .b-blocks-infographic-segment-icon>svg{ fill: ${n}; }`:""].filter(Boolean).join("\n")},gt=(t,e)=>{const{title:o,divider:n,desc:i}=e?.color||{};return[at(`${t} .b-blocks-infographic-center-title`,T("color",o)),at(`${t} .b-blocks-infographic-center-divider`,T("border-top-color",n)),at(`${t} .b-blocks-infographic-center-text`,T("color",i))].filter(Boolean).join("\n")},ut=(0,e.useMemo)((()=>`\n\t\t${C("",z.typo)?.googleFontLink}\n\t\t${C("",S.typo)?.googleFontLink}\n\t\t${C("",k.labelTypo)?.googleFontLink}\n\t\t${C(H,z.typo)?.styles}\n\t\t${C(Z,S.typo)?.styles}\n\t\t${C(V,k.labelTypo)?.styles}\n\n\t\t${at(P,...(()=>{const t=M(h,p) | |
| 6 | +;return[`--bbInfographicSpeed: ${g(h.speed)}ms;`,`--bbInfographicEasing: ${a(h.easing)};`,T("--bbInfographicContentSpeed",m(h.contentSpeed,"")),h.rotate?`--bbInfographicEntranceName: ${b[t]||"none"};`:"",h.rotate?`--bbInfographicRotateSpeed: ${m(h.rotateSpeed,"")};`:""]})())}\n\t\t${at(R,s(k.transition,["background","color","border-color","box-shadow"]),T("border-radius",Y(k.radius)))}\n\t\t${dt(R,N)}\n\t\t${dt(`${R}.active`,_)}\n\t\t${dt(`${R}:hover`,L)}\n\t\t${dt(`${R}:focus-visible`,L)}\n\t\t${j.map(((t,e)=>{const{normal:o,hover:n,active:i}=t?.styles||{},r=`${R}[data-index='${e}']`,a=`${F}[data-item-index='${e}']`;return[pt(r,o),pt(`${r}.active`,i),pt(`${r}:hover`,n),pt(`${r}:focus-visible`,n),gt(a,o),gt(`${a}:hover`,n),gt(`${a}:active`,i)].filter(Boolean).join("\n")})).filter(Boolean).join("\n")}\n\t\t${at(F,s(w.transition,["background","box-shadow"]),A(w.background),`border: ${nt} ${w.borderStyle||"solid"} ${st};`,T("box-shadow",O(w.shadow?.normal)))}\n\t\t${at(`${F}:hover`,T("box-shadow",O(w.shadow?.hover)))}\n\t\t${at(`${F} .b-blocks-infographic-center-content`,T("width",m(w.contentWidth,"")),T("gap",m(w.contentGap,"")),T("text-align",w.contentAlign),T("align-items","left"===w.contentAlign?"flex-start":"right"===w.contentAlign?"flex-end":"center"))}\n\t\t${at(B,s(x.transition,["background","border-color","box-shadow"]),A(x.background),`border: ${it} ${x.borderStyle||"solid"} ${lt};`,T("box-shadow",O(x.shadow?.normal)))}\n\t\t${at(`${B}:hover`,T("box-shadow",O(x.shadow?.hover)))}\n\t\t${at(H,T("color",z.color))}\n\t\t${at(Z,T("color",S.color))}\n\t\t${at(W,`width: ${m(U.width)};`,"height: 0;","background: none;",`border-top: ${m(U.height)} ${U.style||"solid"} ${U.color||"currentColor"};`)}\n\t\t${at(q,T("gap",m(k.spacing,"")),T("margin",Y(k.margin)))}\n\t\t${at(P,T("--bbInfographicIconPlate",f.plateColor))}\n\t\t${at(J,s(f.transition,["background","color","border-color"]),T("color",f.color),A(f.background),rt(f.border?.normal))}\n\t\t${at(`${R}:hover .b-blocks-infographic-segment-icon`,rt(f.border?.hover))}\n\t\t${at(`${J}>svg`,T("fill",f.color))}\n\t\t${at(K,T("object-fit",Q.fit))}\n\n\t\t${p.enableSegmentsType?y(j,p).map((t=>`${et}[data-index='${t.index}']{ clip-path: ${(({start:t,span:e})=>{if(0>=e)return"none";const o=Math.max(Math.ceil(e/4),2),n=["50% 50%"];for(let i=0;i<=o;i++){const r=(t+e*i/o)*Math.PI/180;n.push(`${(50+50*Math.sin(r)).toFixed(2)}% ${(50-50*Math.cos(r)).toFixed(2)}%`)}return`polygon(${n.join(", ")})`})(t)}; }`)).join("\n"):""}\n\n\t\t${bt("desktop")}\n\n\t\t${D}{\n\t\t\t${bt("tablet")}\n\t\t}\n\n\t\t${I}{\n\t\t\t${bt("mobile")}\n\t\t}\n\n\t\t${G(o,l,r,!1)}\n\t\t`),[t,o,r]);return(0,i.jsx)("style",{dangerouslySetInnerHTML:{__html:ut}})};document.addEventListener("DOMContentLoaded",(()=>{document.querySelectorAll(".wp-block-b-blocks-infographic").forEach((e=>{let o;try{o=JSON.parse(e.dataset.attributes||"")}catch(t){return}(0,t.createRoot)(e).render((0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(V,{attributes:o,id:e.id}),(0,i.jsx)(j,{attributes:o})]})),e.removeAttribute("data-attributes")}))}))})(); | |
