| 1 |
(()=>{"use strict";const t=window.ReactDOM,e="@media only screen and (max-width: 1024px)",n="@media only screen and (max-width: 640px)",r="linear-gradient(135deg, #0040E3, #18D4FD)",o=window.React,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"},i=(t,e)=>{return null==(n=e)||""===n||Array.isArray(n)&&0===n.length||"object"==typeof n&&0===Object.keys(n).length||"string"==typeof n&&""===n.trim()||"number"==typeof n&&0===n?"":`${t}: ${e};`;var n},s=(t,e=!0,n=!0,o=!0)=>{const{type:s="solid",color:l="",gradient:c=r,image:d={},position:u="center center",attachment:$="",repeat:f="no-repeat",size:b="",overlayColor:p=""}=t||{};return"gradient"===s&&n?i("background",c):"image"===s&&o?`background: ${a(d?.url)};\n\t\t\t\t${i("background-color",p)}\n\t\t\t\t${i("background-position",u)}\n\t\t\t\t${i("background-size",b)}\n\t\t\t\t${i("background-repeat",f)}\n\t\t\t\t${i("background-attachment",$)}\n\t\t\t\t${i("background-repeat",f)}\n\t\t\t\tbackground-blend-mode: overlay;`:e&&i("background",l)},l=t=>{const{width:e="",style:n="solid",color:r="",side:o="all",radius:a=""}=t||{},s=t=>{const e=o?.toLowerCase();return e?.includes("all")||e?.includes(t)},l=`${e} ${n} ${r}`,c=`\n\t\t${e&&0!==parseInt(e)?["top","right","bottom","left"].map((t=>s(t)?`border-${t}: ${l};`:"")).join(""):""}\n\t\t${i("border-radius",a)}\n\t`;return c},c=(t,r,o=!0)=>{const{fontFamily:a="Default",fontCategory:s="sans-serif",fontVariant:l=400,fontWeight:c,isUploadFont:d=!0,fontSize:u={desktop:null,tablet:null,mobile:null},fontStyle:$,textTransform:f,textDecoration:b,lineHeight:p,letterSpace:m}=r||{},g=!o||!a||"Default"===a,h=u?.desktop||u,y=u?.tablet||h,v=u?.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${g?"":`font-family: '${a}', ${s};`}\n\t\t${i("font-weight",c)}\n\t\t${i("font-size",k(h))}\n\t\t${i("font-style",$)}\n\t\t${i("text-transform",f)}\n\t\t${i("text-decoration",b)}\n\t\t${i("line-height",p)}\n\t\t${i("letter-spacing",m)}\n\t`,x=l&&400!==l?"400i"===l?":ital@1":l?.includes("00i")?`: ital, wght@1, ${l?.replace("00i","00")} `:`: wght@${l} `:"",j=g?"":`https://fonts.googleapis.com/css2?family=${a?.split(" ").join("+")}${x.replace(/ /g,"")}&display=swap`;return{googleFontLink:!d||g?"":`@import url(${j});`,styles:`${t}{\n\t\t\t${w}\n\t\t}\n\t\t${e} {\n\t\t\t${t}{\n\t\t\t\t${i("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${i("font-size",k(v))}\n\t\t\t}\n\t\t}`.replace(/\s+/g," ").trim()}},d=window.ReactJSXRuntime,u=(t,e)=>"string"==typeof t?t:t?.[e]||"mobile"===e&&t?.tablet||t?.desktop,$=({attributes:t,id:r,isBackend:o=!1})=>{const{trigger:a={},drawer:$={},overlay:f={},transition:b={}}=t,p=`#${r}`,m=`${p} .b-blocks-off-canvas-trigger`,g=`${p} .b-blocks-off-canvas-icon`,h=`${p} .b-blocks-off-canvas-panel, ${p} .b-blocks-off-canvas-editor-preview`,y=`${p} .b-blocks-off-canvas-overlay`,v=a.iconStyle||{},k=(t,e,n)=>i(t,(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""})(e?.[n])),w=!1===f.show?"transparent":f.color||"rgba(0,0,0,0.5)",x=t=>`\n\t\t${p}{\n\t\t\t${i("text-align",a.align)}\n\t\t\t--b-blocks-off-canvas-duration: ${parseInt(b.duration,10)||0}ms;\n\t\t\t--b-blocks-off-canvas-easing: ${b.easing||"ease"};\n\t\t\t${i("--b-blocks-off-canvas-width",u($.width,t))}\n\t\t}\n\t\t${m}{\n\t\t\t${k("padding",a.normal?.padding,t)}\n\t\t\t${k("border-radius",a.normal?.borderRadius,t)}\n\t\t}\n\t\t${m}:hover{\n\t\t\t${k("padding",a.hover?.padding,t)}\n\t\t\t${k("border-radius",a.hover?.borderRadius,t)}\n\t\t}\n\t\t${g}{\n\t\t\t${i("width",u(v.size,t))}\n\t\t\t${i("height",u(v.size,t))}\n\t\t}\n\t\t${h}{\n\t\t\t${k("padding",$.padding,t)}\n\t\t\t${k("border-radius",$.borderRadius,t)}\n\t\t\t${u($.height,t)?`${i("height",u($.height,t))} bottom: auto;`:""}\n\t\t}\n\t`;return(0,d.jsx)("style",{dangerouslySetInnerHTML:{__html:`\n\t\t\t${c("",a.typo).googleFontLink}\n\n\t\t\t${p}{\n\t\t\t\t--b-blocks-off-canvas-overlay: ${w};\n\t\t\t}\n\n\t\t\t${g}{\n\t\t\t\t${i("color",v.color)}\n\t\t\t}\n\t\t\t${g} svg{\n\t\t\t\t${i("fill",v.color)}\n\t\t\t}\n\n\t\t\t${m}{\n\t\t\t\t${i("gap",v.gap)}\n\t\t\t\t${s(a.normal?.bg)}\n\t\t\t\t${i("color",a.normal?.color)}\n\t\t\t\t${l(a.normal?.border)}\n\t\t\t\ttransition: all ${parseInt(a.transition,10)||0}ms ease;\n\t\t\t}\n\t\t\t${m}:hover{\n\t\t\t\t${s(a.hover?.bg)}\n\t\t\t\t${i("color",a.hover?.color)}\n\t\t\t\t${l(a.hover?.border)}\n\t\t\t}\n\t\t\t${c(m,a.typo).styles}\n\n\t\t\t${h}{\n\t\t\t\t${s($.bg)}\n\t\t\t\t${l($.border)}\n\t\t\t}\n\n\t\t\t${y}.is-open{\n\t\t\t\t${i("background-color",w)}\n\t\t\t}\n\n\t\t\t${o?`${p} .b-blocks-off-canvas-editor-preview{ ${i("width",u($.width,"desktop"))} max-width: 100%; }`:""}\n\n\t\t\t${x("desktop")}\n\t\t\t${e}{ ${x("tablet")} }\n\t\t\t${n}{ ${x("mobile")} }\n\n\t\t\t@media (prefers-reduced-motion: reduce){ ${p}{ --b-blocks-off-canvas-duration: 0ms; } }\n\t\t\t`}})},f="b-blocks-off-canvas",b=["a[href]","area[href]","button:not([disabled])",'input:not([disabled]):not([type="hidden"])',"select:not([disabled])","textarea:not([disabled])","iframe","object","embed",'[contenteditable="true"]','[tabindex]:not([tabindex="-1"])'].join(","),p=({attributes:t,templateContent:e})=>{const{trigger:n={},drawer:r={},overlay:a={},options:i={},transition:s={}}=t,l="right"===r.side?"right":"left",c=!1!==a.show,u=(n.label||"").trim(),$=(i.closeLabel||"").trim()||"Close",p=u||"Open drawer",m=s.type||"default",g=i.triggerEvent||"click",h=parseInt(s.duration,10),y=Number.isNaN(h)?300:h,[v,k]=(0,o.useState)(!1),[w,x]=(0,o.useState)(!1),[j,S]=(0,o.useState)(!1),A=(0,o.useRef)(null),L=(0,o.useRef)(null),E=(0,o.useRef)(null);return(0,o.useEffect)((()=>{E.current&&e&&"1"!==e.dataset.moved&&(E.current.append(...Array.from(e.children)),e.dataset.moved="1")}),[e]),(0,o.useEffect)((()=>{"load"===g&&k(!0)}),[g]),(0,o.useEffect)((()=>{if(v){x(!0);const t=requestAnimationFrame((()=>requestAnimationFrame((()=>S(!0)))));return()=>cancelAnimationFrame(t)}S(!1);const t=window.matchMedia("(prefers-reduced-motion: reduce)").matches,e=setTimeout((()=>x(!1)),t?0:y+20);return()=>clearTimeout(e)}),[v,y]),(0,o.useEffect)((()=>{if(!v)return;document.body.classList.add(`${f}-open`);const t=L.current,e=setTimeout((()=>{const e=t?Array.from(t.querySelectorAll(b)).filter((t=>null!==t.offsetParent)):[];(e[0]||t)?.focus()}),10),n=e=>{if("Escape"===e.key)return e.preventDefault(),void k(!1);if("Tab"!==e.key||!t)return;const n=Array.from(t.querySelectorAll(b)).filter((t=>null!==t.offsetParent));if(!n.length)return e.preventDefault(),void t.focus();const r=n[0],o=n[n.length-1],a=document.activeElement;!e.shiftKey||a!==r&&t.contains(a)?e.shiftKey||a!==o||(e.preventDefault(),r.focus()):(e.preventDefault(),o.focus())};return document.addEventListener("keydown",n),()=>{clearTimeout(e),document.removeEventListener("keydown",n),document.body.classList.remove(`${f}-open`);try{A.current?.focus()}catch(t){}}}),[v]),(0,d.jsxs)(d.Fragment,{children:[(0,d.jsxs)("button",{type:"button",ref:A,className:`${f}-trigger`,"aria-haspopup":"dialog","aria-expanded":v?"true":"false","aria-label":u?void 0:p,onClick:()=>k((t=>!t)),onMouseEnter:()=>{"hover"===g&&k(!0)},children:[!1!==n.showIcon&&n.icon&&"right"!==n.iconPosition?(0,d.jsx)("span",{className:`${f}-icon`,"aria-hidden":"true",dangerouslySetInnerHTML:{__html:n.icon}}):null,u?(0,d.jsx)("span",{className:`${f}-trigger-label`,children:u}):null,!1!==n.showIcon&&n.icon&&"right"===n.iconPosition?(0,d.jsx)("span",{className:`${f}-icon`,"aria-hidden":"true",dangerouslySetInnerHTML:{__html:n.icon}}):null]}),c?(0,d.jsx)("div",{className:`${f}-overlay ${f}-overlay--${m} ${f}-overlay-${l}${j?" is-open":""}`,onClick:()=>k(!1),hidden:!w}):null,(0,d.jsxs)("aside",{ref:L,className:`${f}-panel ${f}-side-${l} ${f}-panel--${m}${j?" is-open":""}`,role:"dialog","aria-modal":"true","aria-label":p,tabIndex:-1,hidden:!w,children:[(0,d.jsx)("button",{type:"button",className:`${f}-close`,"aria-label":$,onClick:()=>k(!1),children:(0,d.jsx)("span",{"aria-hidden":"true",children:"×"})}),(0,d.jsx)("div",{className:`${f}-content`,ref:E})]})]})};document.addEventListener("DOMContentLoaded",(()=>{document.querySelectorAll(".wp-block-b-blocks-off-canvas[data-attributes]").forEach((e=>{let n={};try{const t=e.dataset.attributes;t&&"undefined"!==t&&""!==t&&(n=JSON.parse(t))}catch(t){n={}}const r=e.querySelector(".b-blocks-off-canvas-innerBlocks-contents");r&&((0,t.createRoot)(e).render((0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)($,{attributes:n,id:e.id}),(0,d.jsx)(p,{attributes:n,templateContent:r})]})),e.removeAttribute("data-attributes"))}))}))})(); |
