import{d as z,aW as S,u as w,o as n,e as p,F as y,i as a,h as t,G as E,E as W,t as g,k as _,cE as f,_ as v,S as L,N as I,O as C,P as $,g as b,f as u,cF as B,q as H,aT as N,a2 as T,s as D,ak as F,a1 as O,cG as A}from"./index-D92x6h1h.js";const M=["aria-label"],U=["aria-current"],V=["aria-label"],G={class:"wizard-progress__phone-text"},K=z({__name:"WizardProgress",setup(k){const l=S(),{t:s}=w();function d(e){return typeof e!="string"||!e.startsWith("wizard-")?"":e.slice(7)}const o=_(()=>d(l.name)),c={hello:"Welcome",login:"Access Control",network:"Tuner and Network",muxes:"Predefined Muxes",status:"Scanning",mapping:"Service Mapping",channels:"Finished"},h=_(()=>{const e=f.indexOf(o.value);return e===-1?0:e});function m(e,r){return e<r?"completed":e===r?"current":"pending"}const x=_(()=>f.map((e,r)=>({step:e,label:s(c[e]),state:m(r,h.value)}))),P=_(()=>{const e=h.value+1,r=f.length,i=s(c[o.value]??"hello");return`${s("Step")} ${e} ${s("of")} ${r} — ${i}`});return(e,r)=>(n(),p(y,null,[a("ol",{class:"wizard-progress wizard-progress--desktop","aria-label":t(s)("Setup Wizard progress")},[(n(!0),p(y,null,E(x.value,i=>(n(),p("li",{key:i.step,class:W(["wizard-progress__pill",`wizard-progress__pill--${i.state}`]),"aria-current":i.state==="current"?"step":void 0},g(i.label),11,U))),128))],8,M),a("div",{class:"wizard-progress wizard-progress--phone","aria-label":t(s)("Setup Wizard progress")},[a("span",G,g(P.value),1)],8,V)],64))}}),R=v(K,[["__scopeId","data-v-39b66934"]]),q=["aria-label"],Z=z({__name:"WizardHelpDock",setup(k){const{t:l}=w(),s=T(),d=L();function o(c){c.key==="Escape"&&s.isOpen.value&&s.close()}return I(()=>{document.addEventListener("keydown",o)}),C(()=>{document.removeEventListener("keydown",o)}),(c,h)=>(n(),$(N,{name:"dock-slide"},{default:b(()=>[t(s).isOpen.value?(n(),p("aside",{key:0,class:W(["wizard-help-dock",{"wizard-help-dock--phone":t(d)}]),"aria-label":t(l)("Help")},[u(B)],10,q)):H("",!0)]),_:1}))}}),j=v(Z,[["__scopeId","data-v-dc0fdf3f"]]),J={class:"wizard-layout"},Q={class:"wizard-layout__header"},X=["src"],Y={class:"wizard-layout__title"},ee={class:"wizard-layout__progress"},se={class:"wizard-layout__body"},te=z({__name:"WizardLayout",setup(k){const{t:l}=w(),s=S(),d=_(()=>s.fullPath??""),o=D("static/img/logo.png");return(c,h)=>{const m=F("router-view");return n(),p("div",J,[a("header",Q,[a("img",{src:t(o),alt:"",class:"wizard-layout__logo"},null,8,X),a("h1",Y,g(t(l)("Setup Wizard")),1),a("div",ee,[u(R)])]),a("main",se,[(n(),$(m,{key:d.value,class:"wizard-layout__step"})),u(j)]),u(t(A),null,{icon:b(()=>[u(t(O),{size:22,"stroke-width":2})]),_:1})])}}}),oe=v(te,[["__scopeId","data-v-a94cfc8f"]]);export{oe as default};
