"use strict";(()=>{(()=>{let n=null,u=null;function b(o){return`
      <div style="background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(10px); display: flex; align-items: center; justify-content: center; z-index: 2147483647; width: 100%; height: 100%" onclick="${o||""}">
        <div class="supademo-loading-content" style="position: relative; box-sizing: content-box; width: 80%; aspect-ratio: 16/9; background-color: white; border-radius: 8px; display: flex; align-items: center; justify-content: center;">
          <span class="supademo-loader"></span>
        </div>
      </div>`}function f(o,e,l){let t="position: relative; box-sizing: content-box; height: 100%; width: 100%",s="display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;",i=`position: relative; max-height: 80vh; max-height: 80dvh; width: 80%; aspect-ratio: ${e}; overflow: hidden; padding: 40px 0 40px 0`,a="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;";return setTimeout(()=>{v()},5e3),`
      <div style="background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(10px); display: flex; align-items: center; justify-content: center; z-index: 2147483646; width: 100%; height: 100%">
        <div style="${t}" onclick="${o}">
          <div style="${s}">
            <div style="${i}" onclick="event.stopPropagation();">
              <iframe onload="this.contentWindow.focus()" src="proxy.php?url=${l}" allow="clipboard-write" allowfullscreen style="${a}"></iframe>
              <div class="supademo-loading-content" style="position: absolute; inset: 0; box-sizing: content-box; background-color: white; border-radius: 8px; display: flex; align-items: center; justify-content: center;">
                <span class="supademo-loader"></span>
              </div>
            </div>
          </div>
          <div style="color: white; height: 32px; width: 32px; position: absolute; top: 8px; right: 8px; background-color: rgb(17, 24, 39); cursor: pointer; backdrop-filter:blur(4px); border-radius: 8px;">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
              <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" />
            </svg>
          </div>
        </div>
      </div>`}function g(o,e){n||m();let l="document.getElementById('supademo-modal-container').style.display='none';document.getElementById('supademo-modal-container').innerHTML = '';";n&&(n.style.display="block",n.innerHTML=b(l)),fetch(`https://api.supademo.com/demos/${o}/embed?hash=${u}`).then(t=>{if(!t.ok)throw new Error("",{cause:{status:t.status,statusText:t.statusText}});return t.json()}).then(t=>{if(t.status!=="success")throw new Error("Error fetching Supademo");let i=t.data.ratio,a=e?.variables||[],r=`?embed_v=2${a.length===0?"":`&${a.map(c=>`v_${c.name}=${c.value}`).join("&")}`}`,p=`https://app.supademo.com/embed/${o}${r}`;n&&(n.innerHTML=f(l,i,p),n.style.display="block")}).catch(t=>{console.error("Supademo error:",t.cause?.status?y(t.cause.status,"Demo"):"Unknown error. Contact Supademo team",t),n&&(n.style.display="none")})}function h(o,e){n||m();let l="document.getElementById('supademo-modal-container').style.display='none';document.getElementById('supademo-modal-container').innerHTML = '';";n&&(n.style.display="block",n.innerHTML=b(l)),fetch(`https://api.supademo.com/showcases/${o}/embed?hash=${u}`).then(t=>{if(!t.ok)throw new Error("",{cause:{status:t.status,statusText:t.statusText}});return t.json()}).then(t=>{if(t.status!=="success")throw new Error("Error fetching Supademo showcase");let i=t.data.ratio,a=e?.variables||[],r=`?embed_v=2${a.length===0?"":`&${a.map(c=>`v_${c.name}=${c.value}`).join("&")}`}`,p=`https://app.supademo.com/showcase/embed/${o}${r}`;n&&(n.innerHTML=f(l,i,p),n.style.display="block")}).catch(t=>{console.error("Supademo error:",t.cause?.status?y(t.cause.status,"Showcase"):"Unknown error. Contact Supademo team",t),n&&(n.style.display="none")})}function m(){n=document.createElement("div"),n.id="supademo-modal-container",n.style.cssText="display:none; position:fixed; inset:0; z-index:2147483646;";let o=document.createElement("style");o.textContent=`
      @keyframes supademo-loader-animation {
        0% { left: -35%; right: 100%; }
        60%, 100% { left: 100%; right: -90%; }
      }
      #supademo-modal-container { isolation: isolate; }
      .supademo-loader {
        display: inherit; position: relative; width: 150px; height: 4px; overflow: hidden;
        background-color: rgba(0, 0, 0, 0.1); border-radius: 10px; background-clip: padding-box;
      }
      .supademo-loader::before, .supademo-loader::after {
        content: ''; position: absolute; height: 4px; overflow: hidden; background-color: rgb(79, 70, 229);
        background-clip: padding-box; display: block; border-radius: 2px; will-change: left, right;
      }
      .supademo-loader::before { animation: supademo-loader-animation 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; }
      .supademo-loader::after { animation: supademo-loader-animation 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite; }
    `,document.head.appendChild(o),document.body.appendChild(n)}function y(o,e){return{404:`Could not find ${e.toLowerCase()}. Check embed code`,401:`Invalid workspace. Embedded ${e.toLowerCase()} is not in your workspace`,402:"Workspace plan is invalid. Check your plan status"}[o]||"Unknown error"}function v(){if(n){let o=n.querySelector(".supademo-loading-content");o&&(o.style.display="none")}}window.addEventListener("message",o=>{if(o.data&&o.data.source==="Supademo"&&o.data.type==="Supademo:close"){let e=document.getElementById("supademo-modal-container");e&&(e.style.display="none")}else o.data&&o.data.source==="Supademo"&&o.data.type==="Supademo:load"&&v()});function w(o,e){u=o,n||m();let l=document.querySelectorAll("[data-supademo-demo]"),t=document.querySelectorAll("[data-supademo-showcase]");for(let s of l){let i=s.getAttribute("data-supademo-demo");if(!i)return;s.addEventListener("click",()=>{let a=[];if(e&&(e.name&&a.push({name:"name",value:e.name}),e.email&&a.push({name:"email",value:e.email}),e.variables))for(let[d,r]of Object.entries(e.variables))a.push({name:d,value:r});g(i,{variables:a})})}for(let s of t){let i=s.getAttribute("data-supademo-showcase");if(!i)return;s.addEventListener("click",()=>{let a=[];if(e&&(e.name&&!e.variables?.name&&a.push({name:"name",value:e.name}),e.email&&!e.variables?.email&&a.push({name:"email",value:e.email}),e.variables))for(let[d,r]of Object.entries(e.variables))a.push({name:d,value:r});h(i,{variables:a})})}return{loadDemo:(s,i)=>{let a=[];if(i&&i.variables)for(let[d,r]of Object.entries(i.variables))a.push({name:d,value:r});g(s,{variables:a})},loadShowcase:(s,i)=>{let a=[];if(i&&i.variables)for(let[d,r]of Object.entries(i.variables))a.push({name:d,value:r});h(s,{variables:a})}}}window.Supademo=w})();})();