1!function(){"use strict";window.Supademo||(window.Supademo={},window.Supademo._queue=[],window.Supademo.widget={},window.Supademo.widget.init=function(){window.Supademo._queue.push(["widget.init",arguments])},window.Supademo.widget.open=function(){window.Supademo._queue.push(["widget.open",arguments])},window.Supademo.widget.hide=function(){window.Supademo._queue.push(["widget.hide",arguments])})}();var SUPADEMO_API_BASE_URL="https://api.supademo.com",SUPADEMO_EMBED_BASE_URL="https://app.supademo.com",SUPADEMO_NAMESPACE_NAME="Supademo",SUPADEMO_NAMESPACE_ALIASES=["Inbenta"];!function(){"use strict";var e=null,o=null;function a(){if(!e){(e=document.createElement("div")).id="supademo-modal-container",e.style.cssText="display:none; position:fixed; inset:0; z-index:2147483646;";var 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; }"].join("\n"),document.head.appendChild(o),document.body.appendChild(e)}}function t(e){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="'+(e||"")+'">',' <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>"].join("")}function r(e,o,a){return setTimeout(function(){d()},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="position: relative; box-sizing: content-box; height: 100%; width: 100%" onclick="'+e+'">',' <div style="display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;">',' <div style="position: relative; max-height: 80vh; max-height: 80dvh; width: 80%; aspect-ratio: '+o+'; overflow: hidden; padding: 40px 0 40px 0" onclick="event.stopPropagation();">',' <iframe onload="this.contentWindow.focus()" src="'+a+'" allow="clipboard-write" allowfullscreen style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;"></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>"].join("")}function d(){if(e){var o=e.querySelector(".supademo-loading-content");o&&(o.style.display="none")}}function n(e,o){return{404:"Could not find "+o.toLowerCase()+". Check embed code",401:"Invalid workspace. Embedded "+o.toLowerCase()+" is not in your workspace",402:"Workspace plan is invali
1d. Check your plan status"}[e]||"Unknown error"}function i(d,i){e||a();var s="document.getElementById('supademo-modal-container').style.display='none';document.getElementById('supademo-modal-container').innerHTML = '';";e.style.display="block",e.innerHTML=t(s);var l=SUPADEMO_API_BASE_URL+"/demos/"+d+"/embed?hash="+o,p=new XMLHttpRequest;p.open("GET",l,!0),p.setRequestHeader("Accept","application/json"),p.onload=function(){if(p.status>=200&&p.status<300)try{var o=JSON.parse(p.responseText);if("success"!==o.status)throw new Error("Error fetching Supademo");var a=o.data.ratio,t=i&&i.variables||[],l="?embed_v=2"+(0===t.length?"":"&"+t.map(function(e){return"v_"+e.name+"="+encodeURIComponent(e.value)}).join("&")),c=SUPADEMO_EMBED_BASE_URL+"/embed/"+d+l;e.innerHTML=r(s,a,c),e.style.display="block"}catch(o){console.error(SUPADEMO_NAMESPACE_NAME+" error:",o),e.style.display="none"}else console.error(SUPADEMO_NAMESPACE_NAME+" error:",n(p.status,"Demo")),e.style.display="none"},p.onerror=function(){console.error(SUPADEMO_NAMESPACE_NAME+" error: Network error"),e.style.display="none"},p.send()}function s(d,i){e||a();var s="document.getElementById('supademo-modal-container').style.display='none';document.getElementById('supademo-modal-container').innerHTML = '';";e.style.display="block",e.innerHTML=t(s);var l=SUPADEMO_API_BASE_URL+"/showcases/"+d+"/embed?hash="+o,p=new XMLHttpRequest;p.open("GET",l,!0),p.setRequestHeader("Accept","application/json"),p.onload=function(){if(p.status>=200&&p.status<300)try{var o=JSON.parse(p.responseText);if("success"!==o.status)throw new Error("Error fetching Supademo showcase");var a=o.data.ratio,t=i&&i.variables||[],l="?embed_v=2"+(0===t.length?"":"&"+t.map(function(e){return"v_"+e.name+"="+encodeURIComponent(e.value)}).join("&")),c=SUPADEMO_EMBED_BASE_URL+"/showcase/embed/"+d+l;e.innerHTML=r(s,a,c),e.style.display="block"}catch(o){console.error(SUPADEMO_NAMESPACE_NAME+" error:",o),e.style.display="none"}else console.error(SUPADEMO_NAMESPACE_NAME+" error:",n(p.status,"Showcase")),e.style.display="none"},p.onerror=function(){console.error(SUPADEMO_NAMESPACE_NAME+" error: Network error"),e.style.display="none"},p.send()}window.addEventListener("message",function(e){if(e.data&&"Supademo"===e.data.source&&"Supademo:close"===e.data.type){var o=document.getElementById("supademo-modal-container");o&&(o.style.display="none")}else e.data&&"Supademo"===e.data.source&&"Supademo:load"===e.data.type&&d()}),window.Supademo=window.Supademo||{},window.Supademo.loadDemo=i,window.Supademo.loadShowcase=s,window.Supademo._initWithHash=function(t,r){o=t,e||a();for(var d=document.querySelectorAll("[data-supademo-demo]"),n=document.querySelectorAll("[data-supademo-showcase]"),l=0;l<d.length;l++){var p=d[l],c=p.getAttribute("data-supademo-demo");c&&function(e){p.addEventListener("click",function(){var o=[];if(r&&(r.name&&o.push({name:"name",value:r.name}),r.email&&o.push({name:"email",value:r.email}),r.variables))for(var a in r.variables)r.variables.hasOwnProperty(a)&&o.push({name:a,value:r.variables[a]});i(e,{variables:o})})}(c)}for(var u=0;u<n.length;u++){var m=n[u],h=m.getAttribute("data-supademo-showcase");h&&function(e){m.addEventListener("click",function(){var o=[];if(r&&(r.name&&!r.variables?.name&&o.push({name:"name",value:r.name}),r.email&&!r.variables?.email&&o.push({name:"email",value:r.email}),r.variables))for(var a in r.variables)r.variables.hasOwnProperty(a)&&o.push({name:a,value:r.variables[a]});s(e,{variables:o})})}(h)}return{loadDemo:function(e,o){var a=[];if(o&&o.variables)for(var t in o.variables)o.variables.hasOwnProperty(t)&&a.push({name:t,value:o.variables[t]});i(e,{variables:a})},loadShowcase:function(e,o){var a=[];if(o&&o.variables)for(var t in o.variables)o.variables.hasOwnProperty(t)&&a.push({name:t,value:o.variables[t]});s(e,{variables:a})}}}}(),function(){"use strict";var e=function(){if(document.currentScript){var e=document.currentScript.nonce||document.currentScript.getAttribute("data-csp-nonce");if(e)return e}return window.SUPADEMO_CSP_NONCE?window.SUPADEMO_CSP_NONCE:null}(),o=["cm8377dwy00753h0iiddoxmvt","cmg80so9f00nazr0i21kbhwmu","cm35vkqfb0r4aad3xgwa2lro3","cm7kl1man04yw360is1uo8p7t","cm9cy9crb001lyu0ity4vqf9c","cmidffk6i00052x0h9p2mkqc8","cmm27eqf500ahz20iopbc991b","cmp9hvm2103foz80j694l59mm","cmlgp3715007lzl0ig6g4n68u","cmp5ugght00a8zc0kjdyzyju8"];var a=!1,t=null,r=null,d=null,n=!1,i=null,s={name:"Untitled Widget",showLauncher:!0,launcherPosition:"Right",launcherLogo:null,theme:"Light",title:"Interactive Guides",searchPlaceholder:null,categories:[],headerBackgroun
1dType:"Solid",headerBackgroundConfig:null,headerTextColor:"#ffffff",showCloseButton:!0,headerDisplayType:"Title",headerLogo:null,headerAlignment:"Left",brandLogo:null,footerLabel:null,customLinks:null,workspaceId:null,whitelabel:{enabled:!1,brandName:null,brandUrl:null,poweredByText:null,hidePoweredBy:!1,launcherLogo:null}};function l(a,n){var i=s.theme.toLowerCase(),l=("Gradient"===s.headerBackgroundType&&s.headerBackgroundConfig,s.headerBackgroundConfig&&("Gradient"===s.headerBackgroundType||"Solid"===s.headerBackgroundType||"Image"===s.headerBackgroundType)?"true":"false"),p=document.createElement("style");function c(e){var o={"&":"&","<":"<",">":">",'"':""","'":"'"};return String(e).replace(/[&<>"']/g,function(e){return o[e]})}e&&p.setAttribute("nonce",e),p.textContent=["/* === RESET & BASE === */","* { box-sizing: border-box; }","","/* === ROOT CONTAINER === */",".supademo-widget-root {"," position: fixed;"," inset: 0;"," pointer-events: none;"," z-index: 999999;",' font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;',"}","","/* === OVERLAY === */",".supademo-overlay {"," position: absolute;"," inset: 0;"," background-color: rgba(0, 0, 0, 0.2);"," backdrop-filter: blur(8px);"," transition: opacity 300ms ease-in-out;"," pointer-events: none;"," opacity: 0;","}","",'.supademo-overlay[data-state="open"] {'," opacity: 1;"," pointer-events: auto;","}","",'.supademo-overlay[data-state="closed"] {'," opacity: 0;"," pointer-events: none;","}","","/* === DRAWER PANEL === */",".supademo-drawer {"," position: absolute;"," top: 16px;"," bottom: 16px;"," width: 100%;"," max-width: 600px;"," display: flex;"," flex-direction: column;"," box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);"," transition: all 300ms ease-in-out;"," border-radius: 16px;"," overflow: hidden;"," pointer-events: auto;"," z-index: 10;","}
1","",'.supademo-drawer[data-position="left"] {'," left: 16px;"," right: auto;","}","",'.supademo-drawer[data-position="right"] {'," right: 16px;"," left: auto;","}","",'.supademo-drawer[data-state="open"] {'," opacity: 1;"," transform: scale(1);","}","",'.supademo-drawer[data-state="closed"] {'," opacity: 0;"," transform: scale(0.95);"," pointer-events: none;","}","",'.supademo-drawer[data-theme="light"] {'," background-color: #ffffff;"," color: #111827;","}","",'.supademo-drawer[data-theme="dark"] {'," background-color: #111827;"," color: #ffffff;","}","",".supademo-drawer-inner {"," display: flex;"," flex-direction: column;"," height: 100%;"," position: relative;"," z-index: 1;","}","","/* === HEADER GRADIENT/FADE OVERLAY === */",".supademo-header-fade {"," position: absolute;"," inset: 0;"," pointer-events: none;"," z-index: 0;","}","","/* === HEADER SECTION === */",".supademo-drawer-header {"," flex-shrink: 0;"," position: relative;"," z-index: 2;"," padding: 20px 20px 0 20px;"," display: flex;"," flex-direction: column;"," gap: 16px;","}","",'.supademo-drawer-header[data-bg-type="none"] {'," border-bottom: 1px solid;","}","",'.supademo-drawer-header[data-bg-type="none"][data-theme="light"] {'," border-bottom-color: #e5e7eb;","}","",'.supademo-drawer-header[data-bg-type="none"][data-theme="dark"] {'," border-bottom-color: #374151;","}","","/* Gradient and Solid backgrounds do not need borders */",'.supademo-drawer-header[data-bg-type="gradient"],','.supademo-drawer-header[data-bg-type="solid"] {'," border-bottom: none;","}","",".supademo-header-top {"," display: flex;"," align-items: center;"," position: relative;","}","",'.supademo-header-top[data-alignment="left"] {'," justify-content: space-between;","}","",'.supademo-header-top[data-alignment="center"] {'," justify-content: center;","}","",".supademo-header-title {"," font-size: 20px;"," font-weight: 600;"," line-height: 1.4;"," margin: 0;","}","",".supademo-header-logo {"," height: 32px;"," object-fit: contain;","}","",".supademo-header-close {"," width: 32px;"," height: 32px;"," border-radius: 6px;"," display: flex;"," align-items: center;"," justify-content: center;"," border: none;"," cursor: pointer;"," transition: all 200ms;"," font-size: 18px;"," background: transparent;","}","",'.supademo-header-top[data-alignment="center"] .supademo-header-close {'," position: absolute;"," right: 0;","}","",'.supademo-header-close[data-on-brand="false"][data-theme="light"] {'," color: #6b7280;","}","",'.supademo-header-close[data-on-brand="false"][data-theme="light"]:hover {'," background-color: #f3f4f6;"," color: #111827;","}","",'.supademo-header-close[data-on-brand="false"][data-theme="dark"] {'," color: #9ca3af;","}","",'.supademo-header-close[data-on-brand="false"][data-theme="dark"]:hover {'," background-color: #1f2937;"," color: #ffffff;","}","",'.supademo-header-close[data-on-brand="true"]:hover {'," background-color: rgba(255, 255, 255, 0.1);","}","","/* === SEARCH INPUT === */",".supademo-search-wrapper {"," position: relative;"," width: 100%;"," transition: opacity 300ms;","}","",'.supademo-search-wrapper[data-hidden="true"] {'," opacity: 0;"," height: 0;"," overflow: hidden;"," margin-bottom: -16px;","}","",".supademo-search-input {"," width: 100%;"," padding: 8px 36px 8px 16px;"," border-radius: 8px;"," border: 1px solid;"," transition: all 200ms;"," outline: none;"," font-size: 14px;"," font-family: inherit;","}","",'.supademo-search-input[data-on-brand="false"][data-theme="light"] {'," background-color: #ffffff;"," border-color: #d1d5db;"," color: #111827;","}","",'.supademo-search-input[data-on-brand="false"][data-theme="light"]::placeholder {'," color: #9ca3af;","}","",'.supademo-search-input[data-on-brand="false"][data-theme="light"]:focus {'," border-color: #4f46e5;","}","",'.supademo-search-input[data-on-brand="false"][data-theme="dark"] {'," background-color: #1f2937;"," border-color: #374151;"," color: #ffffff;","}","",'.supademo-search-input[data-on-brand="false"][data-theme="dark"]::placeholder {'," c
1olor: #6b7280;","}","",'.supademo-search-input[data-on-brand="false"][data-theme="dark"]:focus {'," border-color: #4f46e5;","}","",'.supademo-search-input[data-on-brand="true"] {'," background-color: rgba(255, 255, 255, 0.2);"," border-color: rgba(255, 255, 255, 0.3);"," color: #ffffff;","}","",'.supademo-search-input[data-on-brand="true"]:focus {'," background-color: rgba(255, 255, 255, 0.3);"," border-color: rgba(255, 255, 255, 0.5);","}","",".supademo-search-clear {"," position: absolute;"," right: 12px;"," top: 50%;"," transform: translateY(-50%);"," border: none;"," background: transparent;"," cursor: pointer;"," transition: color 200ms;"," font-size: 14px;"," padding: 4px;"," display: none;","}","",'.supademo-search-clear[data-visible="true"] {'," display: block;","}","",'.supademo-search-clear[data-on-brand="false"][data-theme="light"] {'," color: #9ca3af;","}","",'.supademo-search-clear[data-on-brand="false"][data-theme="light"]:hover {'," color: #6b7280;","}","",'.supademo-search-clear[data-on-brand="false"][data-theme="dark"] {'," color: #9ca3af;","}","",'.supademo-search-clear[data-on-brand="false"][data-theme="dark"]:hover {'," color: #d1d5db;","}","","/* === CATEGORIES TABS === */",".supademo-categories {"," position: relative;"," display: flex;"," gap: 24px;"," overflow-x: auto;"," margin-bottom: -1px;"," scrollbar-width: none;"," -ms-overflow-style: none;"," scroll-behavior: smooth;","}","",".supademo-categories::-webkit-scrollbar {"," display: none;","}","",".supademo-category-tab {"," white-space: nowrap;"," display: inline-flex;"," align-items: center;"," border-bottom: 2px solid transparent;"," padding: 4px 8px 8px 8px;"," font-size: 14px;"," font-weight: 500;"," cursor: pointer;"," flex-shrink: 0;"," transition: all 200ms;"," background: transparent;"," border-left: none;"," border-right: none;"," border-top: none;"," font-family: inherit;","}","",'.supademo-category-tab[data-active="false"][data-on-brand="false"][data-theme="light"] {'," color: #6b7280;"," border-bottom-color: transparent;","}","",'.supademo-category-tab[data-active="false"][data-on-brand="false"][data-theme="light"]:hover {'," color: #374151;"," border-bottom-color: #d1d5db;","}","",'.supademo-category-tab[data-active="false"][data-on-brand="false"][data-theme="dark"] {'," color: #9ca3af;"," border-bottom-color: transparent;","}","",'.supademo-category-tab[data-active="false"][data-on-brand="false"][data-theme="dark"]:hover {'," color: #d1d5db;"," border-bottom-color: #6b7280;","}","",'.supademo-category-tab[data-active="true"][data-on-brand="false"] {'," color: #4f46e5;"," border-bottom-color: #4f46e5;","}","",'.supademo-category-tab[data-active="false"][data-on-brand="true"] {'," border-bottom-color: transparent;"," opacity: 0.7;","}","",'.supademo-category-tab[data-active="false"][data-on-brand="true"]:hover {'," opacity: 0.8;","}","",'.supademo-category-tab[data-active="true"][data-on-brand="true"] {'," border-bottom-color: currentColor;"," opacity: 1;","}","","/* === CATEGORIES WRAPPER WITH SCROLL INDICATOR === */",".supademo-categories-wrapper {"," position: relative;"," width: 100%;"," -webkit-mask-image: linear-gradient(to right, #000 0%, #000 calc(100% - 40px), transparent 100%);"," mask-image: linear-gradient(to right, #000 0%, #000 calc(100% - 40px), transparent 100%);","}","",".supademo-categories-scroll-indicator {"," position: absolute;"," right: 0;"," top: 0;"," bottom: 0;"," width: 40px;"," pointer-events: none;"," z-index: 1;","}","",'.supademo-categories-scroll-indicator[data-theme="light"] {'," box-shadow: inset -8px 0 8px -8px rgba(0, 0, 0, 0.15);","}","",'.supademo-categories-scroll-indicator[data-theme="dark"] {'," box-shadow: inset -8px 0 8px -8px rgba(0, 0, 0, 0.3);","}","","/* === CONTENT SECTION === */",".supademo-drawer-content {"," flex: 1;"," overflow-y: auto;"," overflow-x: hidden;"," position: relative;"," padding: 24px;"," scrollbar-width: none;"," -ms-overflow-style: none;","}","",".supademo-drawer-content::-webkit-scrollbar {"," display: none;","}","","/* Content background - only apply when no fade (Solid or none) */",'.supademo-drawer-content[data-header-bg="none"][data-theme="light"],','.supademo-drawer-content[data-header-bg="solid"][data-theme="light"] {'," background-color: #ffffff;","}","",'.supademo-drawer-content[data-header-bg="none"][data-theme="dark"],','.supademo-drawer-content[data-header-bg="solid"][data-theme="dark"] {'," background-color: #111827;","}","","/* Gradient fade - content is transparent so fade shows through */",'.supademo-drawer-content[data-header-bg="gradient"] {'," background-color: transparent;","}","","/* === DEMO GRID === */",".supademo-demo-grid {"," display: grid;"," grid-template-columns: 1fr;"," gap: 20px;","}","","@media (min-width: 600px) {"," .supademo-demo-grid {"," grid-template-columns: repeat(2, 1fr);"," }","}","","/* === DEMO CARD === */",".supademo-demo-card {"," border-radius: 12px;"," border: 1px solid;"," overflow: hidden;"," cursor: pointer;"," transition: all 200ms;","}","",'.supademo-demo-card[data-theme="light"] {'," background-color: #ffffff;"," border-color: #e5e7eb;","}","",'.supademo-demo-card[data-theme="light"]:hover {'," box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);","}","",'.supademo-demo-card[data-theme="dark"] {'," background-color: #1f2937;"," border-color: #374151;","}","",'.supademo-demo-card[data-theme="dark"]:hover {'," background-color: #253145;"," box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.2), 0 10px 10px -5px rgba(0, 0, 0, 0.04);","}","",'.supademo-demo-card[data-loading="true"] {'," pointer-events: none;","}","",'.supademo-demo-card[data-loading="true"][data-theme="light"] {'," background-color: #f9fafb;"," border-color: #e5e7eb;","}","",'.supademo-demo-card[data-loading="true"][data-theme="dark"] {'," background-color: #1f2937;"," border-color: #374151;","}","",".supademo-demo-thumbnail {"," aspect-ratio: 16 / 9;"," position: relative;"," overflow: hidden;","}","",'.supademo-demo-thumbnail[data-theme="light"] {'," background-color: #f3f4f6;","}","",'.supademo-demo-thumbnail[data-theme="dark"] {'," background-color: #374151;","}","",'.supademo-demo-thumbnail[data-loading="true"] {'," animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;","}","",'.supademo-demo-thumbnail[data-loading="true"][data-theme="light"] {'," background-color: #f3f4f6;","}","",'.supademo-demo-thumbnail[data-loading="true"][data-theme="dark"] {'," background-color: #374151;","}","",".supademo-demo-thumbnail img {"," width: 100%;"," height: 100%;"," object-fit: cover;","}","",".supademo-demo-placeholder {"," display: flex;"," align-items: center;"," justify-content: center;"," height: 100%;"," background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);"," font-size: 32px;","}","",".supademo-demo-skeleton {"," width: 64px;"," height: 64px;"," border-radius: 8px;"," animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;","}","",'.supademo-demo-skeleton[data-theme="light"] {'," background-color: #e5e7eb;","}","",'.supademo-demo-skeleton[data-theme="dark"] {'," background-color: #6b7280;","}","",".supademo-skeleton-line {"," height: 16px;"," border-radius: 4px;"," animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;","}","",'.supademo-skeleton-line[data-theme="light"] {'," background-color: #e5e7eb;","}","",'.supademo-skeleton-line[data-theme="dark"] {'," background-color: #374151;","}","",".supademo-skeleton-line-short {"," width: 66%;","}","","@keyframes pulse {"," 0%, 100% { opacity: 1; }"," 50% { opacity: 0.5; }","}","",".supademo-demo-info {"," padding: 12px;"," border-top: 1px solid;","}","",'.supademo-demo-info[data-theme="light"] {'," border-top-color: #e5e7eb;","}","",'.supademo-demo-info[data-theme="dark"] {'," border-top-color: #374151;","}","",".supademo-demo-title {"," font-size: 14px;"," font-weight: 500;"," line-height: 1.4;"," display: -webkit-box;"," -webkit-line-clamp: 2;"," -webkit-box-orient: vertical;"," overflow: hidden;"," margin: 0;","}","",'.supademo-demo-title[data-theme="light"] {'," color: #111827;","}","",'.supademo-demo-title[data-theme="dark"] {'," color: #e5e7eb;","}","","/* === EMPTY STATE === */",".supademo-empty-state {"," display: flex;"," flex-direction: column;"," align-items: center;"," justify-content: center;"," padding: 60px 24px;"," text-align: center;"," grid-column: 1 / -1;"," width: 100%;","}","",".supademo-empty-icon {"," width: 64px;"," height: 64px;"," border-radius: 50%;"," display: flex;"," align-items: center;"," justify-content: center;"," margin-bottom: 16px;"," font-size: 28px;","}","",'.supademo-empty-icon[data-theme="light"] {'," background-color: #f3f4f6;","}","",'.supademo-empty-icon[data-theme="dark"] {'," background-color: #1f2937;","}","",".supademo-empty-title {"," font-size: 16px;"," font-weight: 600;"," margin: 0 0 8px 0;"," line-height: 1.4;","}","",'.supademo-empty-title[data-theme="light"] {'," color: #111827;","}","",'.supademo-empty-title[data-theme="dark"] {'," color: #f9fafb;","}","",".supademo-empty-description {"," font-size: 14px;"," margin: 0;"," line-height: 1.5;","}","",'.supademo-empty-description[data-theme="light"] {'," color: #6b7280;","}","",'.supademo-empty-description[data-theme="dark"] {'," color: #9ca3af;","}","","/* === FOOTER SECTION === */",".supademo-drawer-footer {"," flex-shrink: 0;"," position: relative;"," z-index: 2;"," border-top: 1px solid;"," padding: 12px 20px;"," display: flex;"," align-items: center;"," justify-content: space-between;","}","",'.supademo-drawer-footer[data-theme="light"] {'," border-top-color: #e5e7eb;"," background-color: #ffffff;","}","",'.supademo-drawer-footer[data-theme="dark"] {'," border-top-color: #374151;"," background-color: #111827;","}","",".supademo-footer-branding {"," font-size: 12px;"," display: flex;"," align-items: center;"," gap: 4px;"," text-decoration: none;"," transition: all 200ms;","}","",'.supademo-footer-branding[data-theme="light"] {'," color: #6b7280;","}","",'.supademo-footer-branding[data-theme="light"]:hover {'," c
1olor: #111827;"," text-decoration: underline;","}","",'.supademo-footer-branding[data-theme="dark"] {'," color: #9ca3af;","}","",'.supademo-footer-branding[data-theme="dark"]:hover {'," color: #e5e7eb;"," text-decoration: underline;","}","",".supademo-footer-branding-name {"," font-weight: 500;","}","","/* === FOOTER DROPDOWN === */",".supademo-footer-dropdown {"," position: relative;","}","",".supademo-footer-dropdown-button {"," display: inline-flex;"," align-items: center;"," font-size: 12px;"," font-weight: 500;"," padding: 6px 12px;"," border-radius: 6px;"," border: 1px solid;"," cursor: pointer;"," transition: all 200ms;"," background: transparent;"," font-family: inherit;","}","",'.supademo-footer-dropdown-button[data-theme="light"] {'," color: #374151;"," border-color: #d1d5db;","}","",'.supademo-footer-dropdown-button[data-theme="light"]:hover {'," background-color: #f9fafb;","}","",'.supademo-footer-dropdown-button[data-theme="dark"] {'," color: #d1d5db;"," border-color: #4b5563;","}","",'.supademo-footer-dropdown-button[data-theme="dark"]:hover {'," background-color: #1f2937;","}","",".supademo-footer-dropdown-menu {"," position: absolute;"," right: 0;"," bottom: 100%;"," margin-bottom: 4px;"," width: 192px;"," border-radius: 8px;"," box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);"," border: 1px solid;"," padding: 4px 0;"," display: none;","}","",'.supademo-footer-dropdown-menu[data-open="true"] {'," display: block;","}","",'.supademo-footer-dropdown-menu[data-theme="light"] {'," background-color: #ffffff;"," border-color: #e5e7eb;","}","",'.supademo-footer-dropdown-menu[data-theme="dark"] {'," background-color: #1f2937;"," border-color: #374151;","}","",".supademo-footer-dropdown-item {"," display: block;"," padding: 8px 16px;"," font-size: 14px;"," text-decoration: none;"," transition: all 200ms;","}","",'.supademo-footer-dropdown-item[data-theme="light"] {'," color: #374151;","}","",'.supademo-footer-dropdown-item[data-theme="light"]:hover {'," background-color: #f3f4f6;"," color: #111827;","}","",'.supademo-footer-dropdown-item[data-theme="dark"] {'," color: #d1d5db;","}","",'.supademo-footer-dropdown-item[data-theme="dark"]:hover {'," background-color: #374151;"," color: #ffffff;","}","","/* === LAUNCHER ICON === */",".supademo-widget-icon {"," position: fixed;"," bottom: 20px;"," width: 56px;"," height: 56px;"," background: none;",' background-image: url("https://app.supademo.com/supademo-desktop-icon.png");'," background-size: contain;"," background-repeat: no-repeat;"," background-position: center;"," border: none;"," cursor: pointer;"," z-index: 999998;"," transition: transform 0.2s ease;","}","",".supademo-widget-icon.launcher-position-left {"," left: 20px;","}","",".supademo-widget-icon.launcher-position-right {"," right: 20px;","}","",".supademo-widget-icon:hover {"," transform: scale(1.05);","}","","/* === CONTENT MODAL === */",".supademo-modal-overlay {"," position: fixed;"," inset: 0;"," background-color: rgba(0, 0, 0, 0.7);"," backdrop-filter: blur(8px);"," z-index: 10000000;"," display: none;"," align-items: center;"," justify-content: center;"," padding: 24px;"," pointer-events: none;","}","",'.supademo-modal-overlay[data-state="open"] {'," display: flex;"," pointer-events: auto;","}","",'.supademo-modal-overlay[data-state="open"][data-loading="true"] {'," animation: supademo-modal-pulse 2s ease-in-out infinite;","}","",".supademo-modal-container {"," position: relative;"," width: 90%;"," max-height: 90vh;"," aspect-ratio: 16/9;"," background-color: transparent;"," border-radius: 16px;"," overflow: hidden;","}","",".supademo-modal-close {"," position: fixed;"," top: 24px;"," right: 24px;"," width: 40px;"," height: 40px;"," border-radius: 50%;"," display: none;"," align-items: center;"," justify-content: center;"," border: none;"," cursor: pointer;"," transition: all 200ms;"," font-size: 20px;"," background: rgba(255, 255, 255, 0.95);"," color: rgb(17, 24, 39);"," z-index: 10000001;"," backdrop-filter: blur(4px);"," box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);","}","",'.supademo-modal-overlay[data-state="open"] .supademo-modal-close {'," display: flex;","}
1","",".supademo-modal-close:hover {"," background-color: rgb(255, 255, 255);"," transform: scale(1.1);"," box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);","}","",".supademo-modal-iframe {"," width: 100%;"," height: 100%;"," border: none;","}","",".supademo-modal-loading {"," position: absolute;"," inset: 0;"," display: flex;"," align-items: center;"," justify-content: center;"," background-color: rgba(255, 255, 255, 0.95);"," border-radius: 16px;"," z-index: 5;"," opacity: 1;"," transition: opacity 300ms ease-out;","}","",'.supademo-modal-loading[data-hidden="true"] {'," opacity: 0;"," pointer-events: none;","}","","/* === LOADING SPINNER === */",".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;","}","","@keyframes supademo-loader-animation {"," 0% { left: -35%; right: 100%; }"," 60%, 100% { left: 100%; right: -90%; }","}","","/* === MODAL PULSE ANIMATION === */","@keyframes supademo-modal-pulse {"," 0%, 100% { background-color: rgba(0, 0, 0, 0.7); }"," 50% { background-color: rgba(0, 0, 0, 0.6); }","}","","/* === RESPONSIVE === */","@media (max-width: 768px) {"," .supademo-drawer {"," position: fixed;"," top: 0 !important;"," left: 0 !important;"," right: 0 !important;"," bottom: 0 !important;"," width: 100% !important;"," height: 100% !important;"," max-width: none;"," max-height: none;"," border-radius: 0;"," transform: translateX(0) !important;"," }","",' .supademo-drawer[data-state="closed"] {'," transform: translateX(100%) !important;"," }
1","",' .supademo-drawer[data-position="left"][data-state="closed"] {'," transform: translateX(-100%) !important;"," }",""," .supademo-modal-container {"," width: 100%;"," height: 100vh;"," max-height: 100vh;"," border-radius: 0;"," aspect-ratio: unset !important;"," }",""," .supademo-modal-overlay {"," padding: 0;"," }",""," .supademo-modal-close {"," top: 12px !important;"," right: 12px !important;"," width: 36px !important;"," height: 36px !important;"," background: rgba(255, 255, 255, 0.98);"," box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);"," }",""," .supademo-modal-iframe {"," height: 100vh !important;"," }",""," .supademo-overlay {"," display: none;"," }",""," /* Adjust header padding on mobile */"," .supademo-drawer-header {"," padding: 16px 16px 0 16px;"," }",""," /* Adjust content padding on mobile */"," .supademo-drawer-content {"," padding: 16px;"," }",""," /* Adjust footer padding on mobile */"," .supademo-drawer-footer {"," padding: 12px 16px;"," }","}","","/* === CSP-Compatible: Widget inline styles moved to classes === */",".supademo-error-msg {"," text-align: center;"," padding: 40px;"," color: #6b7280;","}",".supademo-error-msg-danger {"," color: #ef4444;","}",".supademo-skeleton-center {"," position: absolute;"," inset: 0;"," display: flex;"," align-items: center;"," justify-content: center;","}",".supademo-skeleton-line-spaced {"," margin-bottom: 8px;","}",".supademo-search-results-count {"," padding: 4px 8px 8px 8px;"," font-size: 14px;"," font-weight: 500;","}"].join("\n"),document.head.appendChild(p);var u=document.createElement("div");u.id=t,u.className="supademo-widget-root";var m=document.createElement("div");m.className="supademo-overlay",m.setAttribute("data-state","closed");var h=document.createElement("div");h.className="supademo-drawer",h.setAttribute("data-state","closed"),h.setAttribute("data-theme",i),h.setAttribute("data-position",s.launcherPosition.toLowerCase());var g=function(){if(!s.headerBackgroundConfig)return"";var e=s.headerBackgroundConfig;if("Gradient"===s.headerBackgroundType&&e.topColor){var o=e.bottomColor||e.topColor;return"background: linear-gradient(to bottom, "+e.topColor+" 0%, "+e.topColor+" 5%, "+o+" 20%, transparent 40%);"}return""}();if(g){var f=document.createElement("div");f.className="supademo-header-fade",f.style.cssText=g,h.appendChild(f)}var b=document.createElement("div");b.className="supademo-drawer-inner";var v="none";s.headerBackgroundConfig&&("Gradient"===s.headerBackgroundType?v="gradient":"Solid"===s.headerBackgroundType&&(v="solid"));s.headerTextColor;var w=function(){if(!s.headerBackgroundConfig)return"";var e=s.headerBackgroundConfig;return"Solid"===s.headerBackgroundType&&e.color?"background: "+e.color+";":""}(),x='<div class="supademo-drawer-header" data-bg-type="'+v+'" data-theme="'+i+'">';x+=' <div class="supademo-header-top" data-alignment="'+s.headerAlignment.toLowerCase()+'">',"Logo"===s.headerDisplayType&&s.headerLogo?x+=' <img src="'+c(s.headerLogo)+'" alt="'+c(s.name)+'" class="supademo-header-logo" />':x+=' <h2 class="supademo-header-title">'+c(s.title)+"</h2>",s.showCloseButton&&(x+=' <button class="supademo-header-close" data-on-brand="'+l+'" data-theme="'+i+'">â</button>'),x+=" </div>",x+=' <div class="supademo-search-wrapper" data-hidden="false">';var y="supademo-search-"+t,k="string"==typeof s.searchPlaceholder&&s.searchPlaceholder.trim()?s.searchPlaceholder.trim():"What are you looking for?";x+=' <input type="text" id="'+y+'" class="supademo-search-input" data-on-brand="'+l+'" data-theme="'+i+'" placeholder="'+c(k)+'" />',x+=' <button class="supademo-search-clear" data-visible="false" data-on-brand="'+l+'" data-theme="'+i+'">â</button>',x+=" </div>",x+=' <div class="supademo-categories-wrapper">',x+=' <nav class="supademo-categories"></nav>',x+=' <div class="supademo-categories-scroll-indicator" data-theme="'+i+'"></div>',x+=" </div>",x+="</div>",b.innerHTML=x;var E=document.createElement("style");e&&E.setAttribute("nonce",e);var A="";"true"===l&&(A+="#"+y+"::placeholder { color: "+s.headerTextColor+"; opacity: 0.7; }\n"),w&&(A+="#"+t+" .supademo-drawer-header[data-bg-type='solid'] { "+w+" }\n"),A+="#"+t+" .supademo-header-logo,\n#"+t+" .supademo-header-title,\n#"+t+" .supademo-header-close { color: "+s.headerTextColor+"; }\n","true"===l&&(A+="#"+y+" { color: "+s.headerTextColor+"; }\n",A+="#"+t+" .supademo-search-clear { color: "+s.headerTextColor+"b3; }\n"),A+="#"+t+" .supademo-category-tab,\n#"+t+" .supademo-search-results-count { color: "+s.headerTextColor+"; }\n",A+="#"+t+" .supademo-empty-title { color: "+s.headerTextColor+"; }\n",A+="#"+t+" .supademo-empty-description { color: "+s.headerTextColor+"; opacity: 0.8; }\n",E.textContent=A,document.head.appendChild(E);var S=document.createElement("div");S.className="supademo-drawer-content",S.setAttribute("data-theme",i),S.setAttribute("data-header-bg",v),S.innerHTML='<div class="supademo-demo-grid"></div>',b.appendChild(S);
1var C,L=!!(C=s.workspaceId)&&-1!==o.indexOf(C)||s.whitelabel.hidePoweredBy,M=s.customLinks&&s.customLinks.length>0&&s.footerLabel&&s.footerLabel.trim(),T=s.whitelabel.brandName||"Supademo",P=s.whitelabel.brandUrl||"https://supademo.com",_=s.whitelabel.poweredByText||"Powered by";if(!L||M){var N='<div class="supademo-drawer-footer" data-theme="'+i+'">';if(L?N+=" <div></div>":(N+=' <a href="'+P+'" target="_blank" rel="noopener noreferrer" class="supademo-footer-branding" data-theme="'+i+'">',N+=" "+_+' <span class="supademo-footer-branding-name">'+T+"</span>",N+=" </a>"),M){N+=' <div class="supademo-footer-dropdown">',N+=' <button class="supademo-footer-dropdown-button" data-theme="'+i+'">'+c(s.footerLabel)+"</button>",N+=' <div class="supademo-footer-dropdown-menu" data-open="false" data-theme="'+i+'">';for(var B=0;B<s.customLinks.length;B++){var O=s.customLinks[B];N+=' <a href="'+c(O.url)+'" target="_blank" rel="noopener noreferrer" class="supademo-footer-dropdown-item" data-theme="'+i+'">'+c(O.text)+"</a>"}N+=" </div>",N+=" </div>"}N+="</div>";var D=document.createElement("div");D.innerHTML=N,b.appendChild(D.firstChild)}h.appendChild(b),u.appendChild(m),u.appendChild(h);var I=document.createElement("div");I.className="supademo-modal-overlay",I.setAttribute("data-state","closed");var U=document.createElement("div");U.className="supademo-modal-container";var R=document.createElement("iframe");R.className="supademo-modal-iframe",R.addEventListener("load",function(){I.setAttribute("data-loading","false")});var z=document.createElement("button");z.className="supademo-modal-close",z.innerHTML="â",z.setAttribute("aria-label","Close modal"),U.appendChild(R),I.appendChild(U),I.appendChild(z),u.appendChild(I),document.body.appendChild(u);var H=null;if(!a&&s.showLauncher){(H=document.createElement("div")).className="supademo-widget-icon launcher-position-"+s.launcherPosition.toLowerCase();var j=s.launcherLogo||s.whitelabel.launcherLogo;j&&(H.style.backgroundImage='url("'+j+'")'),document.body.appendChild(H)}var q=!1,G=0,W=!1,F=!0,X=[],J="",Y=null,V=null,K=!0,Q=!1,Z=n,$=h.querySelector(".supademo-search-input"),ee=h.querySelector(".supademo-search-clear"),oe=h.querySelector(".supademo-search-wrapper"),ae=h.querySelector(".supademo-categories"),te=h.querySelector(".supademo-demo-grid"),re=h.querySelector(".supademo-header-close"),de=h.querySelector(".supademo-footer-dropdown-button"),ne=h.querySelector(".supademo-footer-dropdown-menu");function ie(){var e,o;if(q=!0,m.setAttribute("data-state","open"),h.setAttribute("data-state","open"),e=SUPADEMO_API_BASE_URL+"/widget/"+t+"/config?track=true",(o=new XMLHttpRequest).open("GET",e,!0),o.setRequestHeader("Accept","application/json"),o.setRequestHeader("x-client-url",window.location.href),o.onerror=function(){},o.onload=function(){},o.send(),S&&(S.scrollTop=0),K=!0,oe&&oe.setAttribute("data-hidden","false"),s.categories.length>
10){if(null!=Z){var a=s.categories.slice().sort(function(e,o){return e.order-o.order}),r=parseInt(Z,10),d=r-1;V=r>=1&&r<=a.length?a[d].id:a[0].id}else V=null;le()}0!==X.length||W||pe()}function se(){q=!1,m.setAttribute("data-state","closed"),h.setAttribute("data-state","closed"),Q=!1,r&&t!==r&&setTimeout(function(){!q&&r&&(0,window.Supademo.widget.init)(r)},300)}function le(){if(ae){if(J)return ae.style.display="block",void(ae.innerHTML='<div class="supademo-search-results-count">Results ('+X.length+")</div>");if(0!==s.categories.length){ae.style.display="flex";var e=s.categories.slice().sort(function(e,o){return e.order-o.order});!V&&e.length>0&&(V=e[0].id);for(var o="",a=0;a<e.length;a++){var t=e[a];o+='<button class="supademo-category-tab" data-active="'+(V===t.id?"true":"false")+'" data-on-brand="'+l+'" data-theme="'+i+'" data-category-id="'+t.id+'">'+c(t.name)+"</button>"}ae.innerHTML=o;for(var r=ae.querySelectorAll(".supademo-category-tab"),d=0;d<r.length;d++)r[d].addEventListener("click",function(){var e=this.getAttribute("data-category-id");e&&e!==V&&(V=e,le(),pe(!0))})}else ae.style.display="none"}}function pe(e){if(e&&(G=0,X=[],F=!0),!W&&F){var o;W=!0,J?(o=SUPADEMO_API_BASE_URL+"/widget/"+t+"/search?searchTerm="+encodeURIComponent(J)+"&limit=15",F=!1):(o=SUPADEMO_API_BASE_URL+"/widget/"+t+"?page="+G+"&limit=20",V&&(o+="&categoryId="+encodeURIComponent(V))),0===G?function(){var e="",o="";if(s.headerBackgroundConfig){var a=null;"Gradient"===s.headerBackgroundType&&s.headerBackgroundConfig.topColor?a=s.headerBackgroundConfig.topColor:"Solid"===s.headerBackgroundType&&s.headerBackgroundConfig.color&&(a=s.headerBackgroundConfig.color),a&&(o="background-color: "+a+"0F;")}for(var t=0;t<4;t++){e+='<div class="supademo-demo-card" data-theme="'+i+'" data-loading="true">',e+=' <div class="supademo-demo-thumbnail" data-theme="'+i+'" data-loading="true"'+(o?' style="'+o+'"':"")+">",e+=' <div class="supademo-skeleton-center">',e+=' <div class="supademo-demo-skeleton" data-theme="'+i+'"></div>',e+=" </div>",e+=" </div>",e+=' <div class="supademo-demo-info" data-theme="'+i+'">',e+=' <div class="supademo-skeleton-line supademo-skeleton-line-spaced" data-theme="'+i+'"></div>',e+=' <div class="supademo-skeleton-line supademo-skeleton-line-short" data-theme="'+i+'"></div>',e+=" </div>",e+="</div>"}te.innerHTML=e}():function(){var e="";if(s.headerBackgroundConfig){var o=null;"Gradient"===s.headerBackgroundType&&s.headerBackgroundConfig.topColor?o=s.headerBackgroundConfig.topColor:"Solid"===s.headerBackgroundType&&s.headerBackgroundConfig.color&&(o=s.headerBackgroundConfig.color),o&&(e="background-color: "+o+"0F;")}for(var a="",t=0;t<4;t++){a+='<div class="supademo-demo-card" data-theme="'+i+'" data-loading="true">',a+=' <div class="supademo-demo-thumbnail" data-theme="'+i+'" data-loading="true"'+(e?' style="'+e+'"':"")+">",a+=' <div class="supademo-skeleton-center">',a+=' <div class="supademo-demo-skeleton" data-theme="'+i+'"></div>',a+=" </div>",a+=" </div>",a+=' <div class="supademo-demo-info" data-theme="'+i+'">',a+=' <div class="supademo-skeleton-line supademo-skeleton-line-spaced" data-theme="'+i+'"></div>',a+=' <div class="supademo-skeleton-line supademo-skeleton-line-short" data-theme="'+i+'"></div>',a+=" </div>",a+="</div>"}te.innerHTML+=a}();var a=new XMLHttpRequest;a.open("GET",o,!0),a.setRequestHeader("Accept","application/json"),a.withCredentials=!1,a.onload=function(){if(W=!1,a.status>=200&&a.status<300)try{var e=JSON.parse(a.responseText),o=e.data||e;if(!o||!Array.isArray(o))return void(0===G&&(te.innerHTML='<div class="supademo-error-msg">Invalid response format</div>'));if(J||(F=20===o.length),X=X.concat(o),G++,0===X.length){var t='<div class="supademo-empty-state">';return J?(t+=' <div class="supademo-empty-icon" data-theme="'+i+'">ð</div>',t+=' <h3 class="supademo-empty-title" data-theme="'+i+'">No results found</h3>',t+=' <p class="supademo-empty-description" data-theme="'+i+"\">Try adjusting your search to find what you're looking for.</p>"):(t+=' <div class="supademo-empty-icon" data-theme="'+i+'">ð</div>',t+=' <h3 class="supademo-empty-title" data-theme="'+i+'">No guides available</h3>',t+=' <p class="supademo-empty-description" data-theme="'+i+'">Check back later for new content.</p>'),t+="</div>
1",te.innerHTML=t,void le()}!function(){for(var e="",o=0;o<X.length;o++){var a=X[o];e+='<div class="supademo-demo-card" data-theme="'+i+'" data-loading="false" data-content-id="'+a.contentId+'" data-content-type="'+a.type+'">',e+=' <div class="supademo-demo-thumbnail" data-theme="'+i+'">',a.thumbnail?e+=' <img src="'+c(a.thumbnail)+'" alt="'+c(a.title||"Demo")+'" />':e+=' <div class="supademo-demo-placeholder">ð</div>',e+=" </div>",e+=' <div class="supademo-demo-info" data-theme="'+i+'">',e+=' <p class="supademo-demo-title" data-theme="'+i+'">'+c(a.title||"Untitled")+"</p>",e+=" </div>",e+="</div>"}te.innerHTML=e;for(var t=te.querySelectorAll(".supademo-demo-card"),r=0;r<t.length;r++)t[r].addEventListener("click",function(){var e=this.getAttribute("data-content-id"),o=this.getAttribute("data-content-type");e&&o&&ce(e,o)})}(),le()}catch(e){0===G&&(te.innerHTML='<div class="supademo-error-msg supademo-error-msg-danger">Error parsing demos</div>')}else 0===G&&(te.innerHTML='<div class="supademo-error-msg supademo-error-msg-danger">Failed to load demos</div>')},a.onerror=function(){W=!1,0===G&&(te.innerHTML='<div class="supademo-error-msg supademo-error-msg-danger">Network error</div>')},a.send()}}function ce(e,o){var a;R.src="",I.setAttribute("data-state","open"),I.setAttribute("data-loading","true"),a="showcase"===o?SUPADEMO_EMBED_BASE_URL+"/showcase/embed/"+e:SUPADEMO_EMBED_BASE_URL+"/embed/"+e,R.src=a}function ue(){I.setAttribute("data-state","closed"),R.src=""}return H&&H.addEventListener("click",function(){r&&d!==r?window.Supademo.widget.open(r):ie()}),m.addEventListener("click",se),re&&re.addEventListener("click",se),I.addEventListener("click",function(e){ue()}),U.addEventListener("click",function(e){e.stopPropagation()}),z.addEventListener("click",function(e){e.stopPropagation(),ue()}),$&&$.addEventListener("input",function(){var e=this.value.trim();ee&&ee.setAttribute("data-visible",e?"true":"false"),clearTimeout(Y),Y=setTimeout(function(){e!==J&&(J=e,pe(!0))},300)}),ee&&(ee.addEventListener("click",function(){$&&($.value="",J="",this.setAttribute("data-visible","false"),pe(!0),le())}),"true"===l&&(ee.addEventListener("mouseenter",function(){this.style.color=s.headerTextColor}),ee.addEventListener("mouseleave",function(){this.style.color=s.headerTextColor+"b3"}))),de&&ne&&(de.addEventListener("click",function(e){e.stopPropagation();var o="true"===ne.getAttribute("data-open");ne.setAttribute("data-open",o?"false":"true")}),document.addEventListener("click",function(e){ne&&!ne.contains(e.target)&&e.target!==de&&ne.setAttribute("data-open","false")})),document.addEventListener("keydown",function(e){if("Escape"===e.key){if("open"===I.getAttribute("data-state"))return ue(),e.stopPropagation(),void e.preventDefault();q&&se()}}),S&&oe&&S.addEventListener("scroll",function(){var e=S.scrollTop,o=S.scrollHeight,a=S.clientHeight;J||!F||W||o-(e+a)<200&&pe();Q||(Q=!0,requestAnimationFrame(function(){if(Q=!1,J)K||(K=!0,oe.setAttribute("data-hidden","false"));else if(o>a+50){var t=e<30;e>80&&K?(K=!1,oe.setAttribute("data-hidden","true")):t&&!K&&(K=!0,oe.setAttribute("data-hidden","false"))}else K||(K=!0,oe.setAttribute("data-hidden","false"))}))},{passive:!0}),s.categories.length>0&&le(),{root:u,overlay:m,drawer:h,floatingIcon:H,openDrawer:ie,closeDrawer:se,loadDemos:pe}}var p=null;function c(e,o,c,u){a&&t!==e&&function(e){if(p)if(p.root&&p.root.parentNode&&p.root.parentNode.removeChild(p.root),!e&&p.floatingIcon&&p.floatingIcon.parentNode&&(p.floatingIcon.parentNode.removeChild(p.floatingIcon),p.floatingIcon=null),e){var o=p.floatingIcon;p=null,o&&(p={floatingIcon:o})}else p=null;e||(a=!1,r=null),n=!1}(r&&p&&p.floatingIcon);function m(){var e=p&&p.floatingIcon,t=l(!u||e,o.defaultCategoryIndex);if(e){var i=p.floatingIcon;t.floatingIcon=i;var s=i.cloneNode(!0);i.parentNode.replaceChild(s,i),t.floatingIcon=s,s.addEventListener("click",function(){r&&d!==r?window.Supademo.widget.open(r):t.openDrawer()})}p=t,a=!0,n=!1,c&&"function"==typeof c&&c()}n||(n=!0,t=e,d=e,i=o.defaultCategoryIndex,function(e,o){var a=SUPADEMO_API_BASE_URL+"/widget/"+e+"/config",t=new XMLHttpRequest;t.open("GET",a,!0),t.setRequestHeader("Accept","application/json"),t.setRequestHeader("x-cl
1ient-url",window.location.href),t.onload=function(){if(t.status>=200&&t.status<300)try{var e=JSON.parse(t.responseText);s.name=e.name||"Untitled Widget",s.showLauncher=void 0===e.showLauncher||e.showLauncher,s.launcherPosition=e.launcherPosition||"Right",s.launcherLogo=e.launcherLogo||null,s.theme=e.theme||"Light",s.title=e.title||"Interactive Guides",s.searchPlaceholder="string"==typeof e.searchPlaceholder?e.searchPlaceholder:null,s.categories=e.categories||[],s.headerBackgroundType=e.headerBackgroundType||"Solid",s.headerBackgroundConfig=e.headerBackgroundConfig||null,s.headerTextColor=e.headerTextColor||"#ffffff",s.showCloseButton=void 0===e.showCloseButton||e.showCloseButton,s.headerDisplayType=e.headerDisplayType||"Title",s.headerLogo=e.headerLogo||null,s.headerAlignment=e.headerAlignment||"Left",s.brandLogo=e.brandLogo||null,s.footerLabel=e.footerLabel||null,s.customLinks=e.customLinks||null,s.workspaceId=e.workspaceId||null,e.whitelabel&&(s.whitelabel={enabled:e.whitelabel.enabled||!1,brandName:e.whitelabel.brandName||null,brandUrl:e.whitelabel.brandUrl||null,poweredByText:e.whitelabel.poweredByText||null,hidePoweredBy:e.whitelabel.hidePoweredBy||!1,launcherLogo:e.whitelabel.launcherLogo||null}),o()}catch(e){console.error(SUPADEMO_NAMESPACE_NAME+" Widget: Error parsing config",e),o()}else console.error(SUPADEMO_NAMESPACE_NAME+" Widget: Failed to fetch config, using defaults"),o()},t.onerror=function(){console.error(SUPADEMO_NAMESPACE_NAME+" Widget: Network error fetching config, using defaults"),o()},t.send()}(e,function(){"loading"===document.readyState?document.addEventListener("DOMContentLoaded",function(){m()}):m()}))}var u=window.Supademo._queue||[];if(window.Supademo.widget=window.Supademo.widget||{},window.Supademo.widget.init=function(e,o){o=o||{},a&&t===e||(r||(r=e),c(e,o,null,!0))},window.Supademo.widget.open=function(e,o){var n=(o=o||{}).defaultCategoryIndex!==i;if(!a||t!==e||n){var s=!r||e===r;s&&!r&&(r=e),c(e,o,function(){p&&p.openDrawer()},s)}else p&&(d=e,p.openDrawer())},window.Supademo.widget.hide=function(){p&&p.closeDrawer()},u.length>0)for(var m=0;m<u.length;m++){var h=u[m],g=h[0],f=h[1];"widget.init"===g&&f.length>0?window.Supademo.widget.init.apply(null,Array.prototype.slice.call(f)):"widget.open"===g&&f.length>0?window.Supademo.widget.open.apply(null,Array.prototype.slice.call(f)):"widget.hide"===g&&window.Supademo.widget.hide.apply(null,Array.prototype.slice.call(f))}delete window.Supademo._queue}(),function(){"use strict";var e=function(){if(document.currentScript){var e=document.currentScript.nonce||document.currentScript.getAttribute("data-csp-nonce");if(e)return e}return window.SUPADEMO_CSP_NONCE?window.SUPADEMO_CSP_NONCE:null}(),o=null,a=null,t=null,r=null,d=!1;function n(){a||(!function(){if(!d){var o=document.createElement("style");e&&o.setAttribute("nonce",e),o.textContent=["/* Standalone Modal Styles */",".supademo-standalone-modal-overlay {"," position: fixed;"," inset: 0;"," background-color: rgba(0, 0, 0, 0.7);"," backdrop-filter: blur(8px);"," z-index: 10000000;"," display: none;"," align-items: center;"," justify-content: center;"," padding: 24px;"," pointer-events: none;","}","",'.supademo-standalone-modal-overlay[data-state="open"] {'," display: flex;"," pointer-events: auto;","}","",'.supademo-standalone-modal-overlay[data-state="open"][data-loading="true"] {'," animation: supademo-modal-pulse 2s ease-in-out infinite;","}","","@keyframes supademo-modal-pulse {"," 0%, 100% { opacity: 1; }"," 50% { opacity: 0.5; }","}","",".supademo-standalone-modal-container {"," position: relative;"," width: 90%;"," max-height: 90vh;"," aspect-ratio: 16/9;"," background-color: transparent;"," border-radius: 16px;"," overflow: hidden;","}","",".supademo-standalone-modal-close {"," position: fixed;"," top: 24px;"," right: 24px;"," width: 40px;"," height: 40px;"," border-radius: 50%;"," display: none;"," align-items: center;"," justify-content: center;"," border: none;"," cursor: pointer;"," transition: all 200ms;"," font-size: 20px;"," background: rgba(255, 255, 255, 0.95);"," color: rgb(17, 24, 39);"," z-index: 10000001;"," backdrop-filter: blur(4px);"," box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);","}","",'.supademo-standalone-modal-overlay[data-state="open"] .supademo-standalone-modal-close {'," display: flex;","}
1","",".supademo-standalone-modal-close:hover {"," background-color: rgb(255, 255, 255);"," transform: scale(1.1);"," box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);","}","",".supademo-standalone-modal-iframe {"," width: 100%;"," height: 100%;"," border: none;","}","","/* Responsive adjustments for mobile */","@media (max-width: 768px) {"," .supademo-standalone-modal-container {"," width: 100%;"," max-height: 100vh;"," border-radius: 0;"," }"," .supademo-standalone-modal-overlay {"," padding: 0;"," }","}"].join("\n"),document.head.appendChild(o),d=!0}}(),(a=document.createElement("div")).className="supademo-standalone-modal-overlay",a.setAttribute("data-state","closed"),(o=document.createElement("div")).className="supademo-standalone-modal-container",(t=document.createElement("iframe")).className="supademo-standalone-modal-iframe",t.setAttribute("allow","autoplay; fullscreen"),t.setAttribute("allowfullscreen",""),t.addEventListener("load",function(){a.setAttribute("data-loading","false")}),(r=document.createElement("button")).className="supademo-standalone-modal-close",r.innerHTML="â",r.setAttribute("aria-label","Close modal"),o.appendChild(t),a.appendChild(o),a.appendChild(r),document.body.appendChild(a),r.addEventListener("click",function(){i()}),a.addEventListener("click",function(e){e.target===a&&i()}),o.addEventListener("click",function(e){e.stopPropagation()}),document.addEventListener("keydown",function(e){"Escape"===e.key&&a&&"open"===a.getAttribute("data-state")&&(i(),e.stopPropagation(),e.preventDefault())}))}function i(){a&&(a.setAttribute("data-state","closed"),t.src="")}window.Supademo.open=function(e,o){var r=(o=o||{}).type||"demo";e&&"string"==typeof e?"demo"===r||"showcase"===r?function(e,o){var r;n(),t.src="",a.setAttribute("data-state","open"),a.setAttribute("data-loading","true"),r="showcase"===o?SUPADEMO_EMBED_BASE_URL+"/showcase/embed/"+e:SUPADEMO_EMBED_BASE_URL+"/embed/"+e,t.src=r+"?embed_v=2"}(e,r):console.error(SUPADEMO_NAMESPACE_NAME+'.open: options.type must be "demo" or "showcase"'):console.error(SUPADEMO_NAMESPACE_NAME+".open: contentId must be a non-empty string")}}(),function(){"use strict";var e=window.Supademo,o=function(o,a){return e._initWithHash(o,a)};for(var a in e)e.hasOwnProperty(a)&&(o[a]=e[a]);window.Supademo=o}(),function(){for(var e=0;e<SUPADEMO_NAMESPACE_ALIASES.length;e++){var o=SUPADEMO_NAMESPACE_ALIASES[e];o&&!window[o]&&(window[o]=window.Supademo)}}();
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.