AppLayout.js

import{d as k,ad as N,l as w,o as s,q as j,s as f,w as W,a as e,c as t,m as u,t as d,_ as $,F as g,p as D,b as x,u as _,a0 as M,A as J,a7 as P,i as S,U as y,af as L,v as O,a2 as Q,ak as T,ab as U,Y,z as G,ai as H,a6 as K,r as h,B as X,al as Z}from"./cp3.js";const ee={class:"system-info__icon"},se=["src"],te={class:"system-info__name"},ae=k({__name:"SystemInfo",setup(a){const n=N(),l=f(()=>n.system),i=f(()=>n.site),o=f(()=>i.value.url?"a":"div");return(v,c)=>(s(),w(j(o.value),{class:"system-info",href:i.value.url,target:i.value.url?"_blank":null},{default:W(()=>[e("div",ee,[l.value.icon?(s(),t("img",{key:0,src:l.value.icon.url,alt:""},null,8,se)):u("",!0)]),e("div",te,d(l.value.name),1)]),_:1},8,["href","target"]))}}),q=$(ae,[["__scopeId","data-v-f4725d04"]]),ie=["icon","href","active","indicator"],ne={key:0,slot:"subnav"},oe=["active","href","indicator"],le=["name"],re={key:1,class:"nav-indicator",slot:"icon"},de=[".displayedJob",".hasReservedJobs",".hasWaitingJobs"],ce=k({__name:"MainNav",setup(a){const n=M(),{nav:l}=N(),i=f(()=>n.props.queue);return(o,v)=>(s(),t("craft-nav-list",null,[(s(!0),t(g,null,D(_(l),c=>(s(),t("craft-nav-item",{key:c.url,icon:c.icon,href:c.url,active:c.sel,indicator:!!c.badgeCount},[x(d(c.label)+" ",1),c.subnav?(s(),t(g,{key:0},[c.subnav?(s(),t("craft-nav-list",ne,[(s(!0),t(g,null,D(c.subnav,m=>(s(),t("craft-nav-item",{key:m.url,active:m.sel,href:m.url,indicator:!!m.badgeCount},[m.icon?(s(),t("craft-icon",{key:0,name:m.icon,slot:"icon"},null,8,le)):(s(),t("span",re)),x(" "+d(m.label),1)],8,oe))),128))])):u("",!0)],64)):u("",!0)],8,ie))),128)),e("cp-queue-indicator",{".displayedJob":i.value.displayedJob,".hasReservedJobs":i.value.hasReservedJobs,".hasWaitingJobs":i.value.hasWaitingJobs},null,40,de)]))}}),ue=$(ce,[["__scopeId","data-v-2115cac3"]]),be={class:"flex justify-center py-4 px-2 text-muted"},_e={lang:"en",class:"flex items-center gap-2"},ve={class:"edition-logo"},fe={"aria-hidden":"true"},me={class:"sr-only"},pe=k({__name:"EditionInfo",setup(a){const{app:n}=N(),l=f(()=>`${n.edition.name} Edition`);return(i,o)=>(s(),t("div",be,[e("div",null,[e("span",_e,[o[0]||(o[0]=x(" Craft CMS ",-1)),e("span",ve,[e("span",fe,d(_(n).edition.name),1),e("span",me,d(l.value),1)]),x(" "+d(_(n).version),1)])])]))}}),he=$(pe,[["__scopeId","data-v-f8b4ece7"]]),ye={},ge={class:"dev-mode"};function ke(a,n){return s(),t("div",ge,[...n[0]||(n[0]=[e("div",{class:"inline-flex py-1 px-2 bg-slate-900 text-slate-100 font-mono text-xs rounded-lg"}," Dev Mode is enabled ",-1)])])}const $e=$(ye,[["render",ke],["__scopeId","data-v-52fa7a33"]]),xe=["data-visibility","data-mode","aria-label"],Ce={class:"cp-sidebar__header"},Se={key:0,class:"sidebar-header"},we={class:"cp-sidebar__body"},Be={class:"cp-sidebar__footer"},Je=k({__name:"CpSidebar",props:{mode:{default:"floating"},visibility:{default:"hidden"}},emits:["close","dock"],setup(a,{emit:n}){const l=n,i=f(()=>a.mode==="floating");return J(()=>a.visibility,async o=>{i.value&&o==="visible"&&(await P(),document.querySelector(".cp-sidebar").querySelector('button, [href], [tabindex]:not([tabindex="-1"])')?.focus())}),(o,v)=>(s(),t("nav",{class:"cp-sidebar","data-visibility":a.visibility,"data-mode":a.mode,"aria-label":_(S)("Primary")},[a.visibility==="visible"?(s(),t(g,{key:0},[e("div",Ce,[a.mode!=="docked"?(s(),t("div",Se,[y(q),v[2]||(v[2]=e("div",{class:"ml-auto"},null,-1)),e("craft-button",{size:"small",icon:"",onClick:v[0]||(v[0]=c=>l("close")),type:"button"},[...v[1]||(v[1]=[e("craft-icon",{name:"x",style:{"font-size":"0.7em"}},null,-1)])])])):u("",!0)]),e("div",we,[y(ue)]),e("div",Be,[y(he),y($e)])],64)):u("",!0)],8,xe))}}),Le=$(Je,[["__scopeId","data-v-e0f77328"]]),De=["aria-label"],Fe={class:"breadcrumbs"},Ne={key:2,class:"separator"},We=k({__name:"Breadcrumbs",props:{items:{},separator:{default:"/"}},setup(a){return(n,l)=>(s(),t("nav",{"aria-label":_(S)("Breadcrumbs")},[e("ul",Fe,[(s(!0),t(g,null,D(a.items,(i,o)=>(s(),t("li",{key:o,class:L({"breadcrumb-item":!0,"breadcrumb-item--active":o===a.items.length-1})},[i.url?(s(),w(O,{key:0,href:i.url},{default:W(()=>[x(d(i.label),1)]),_:2},1032,["href"])):(s(),t(g,{key:1},[x(d(i.label),1)],64)),o<a.items.length-1?(s(),t("span",Ne,d(a.separator),1)):u("",!0)],2))),128))])],8,De))}}),Ie=$(We,[["__scopeId","data-v-9d4a3cfc"]]),Me={key:0,id:"global-live-region",class:"sr-only",role:"status"},Te=k({__name:"LiveRegion",setup(a){const{announcement:n}=T();return(l,i)=>(s(),w(Q,null,{default:W(()=>[_(n)?(s(),t("div",Me,d(_(n)),1)):u("",!0)]),_:1}))}}),qe={class:"cp"},Ve={class:"cp__header"},Ae=["href"],Ee={class:"flex gap-2 p-2"},Re=["name"],ze={key:0,variant:"danger",rounded:"none"},je={key:1,variant:"success",rounded:"none"},Pe={class:"cp__sidebar"},Oe={class:"cp__main"},Qe={key:0,class:"px-4 py-2 border-b border-b-border-subtle"},Ue={id:"main",tabindex:"-1"},Ye={class:"index-grid index-grid--header"},Ge={class:"index-grid__aside"},He={class:"text-xl"},Ke={class:"index-grid__main"},Xe={class:"cp__footer"},Ze={key:0,class:"fixed bottom-2 right-2 flex gap-2 justify-end items-center p-2"},es={class:"bg-blue-50 border border-blue-500 py-1 px-4 rounded"},ss=["label"],ts=["label"],as=k({__name:"AppLayout",props:{title:{},debug:{},fullWidth:{type:Boolean,default:!1},additionalSkipLinks:{}},setup(a){U(r=>({v3f16ae18:z.value}));const n=a,l=M(),i=f(()=>l.props.flash?.error),o=f(()=>l.props.flash?.success),v=f(()=>l.props.crumbs??null),c=f(()=>[{label:S("Skip to main section"),url:"#main"},...n.additionalSkipLinks??[]]),m=Y("sidebarToggle"),{announcement:V,announce:I}=T();J(o,r=>I(r)),J(i,r=>I(r));const b=H({sidebar:{mode:"floating",visibility:"hidden"}}),F=G("(min-width: 1024px)"),B=X(!1);J(F,r=>{r?(b.sidebar.mode="docked",b.sidebar.visibility="visible"):(b.sidebar.mode="floating",b.sidebar.visibility="hidden")},{immediate:!0});function A(){b.sidebar.visibility==="visible"?b.sidebar.visibility="hidden":b.sidebar.visibility="visible"}function E(){b.sidebar.visibility="hidden",m.value.focus()}const R=f(()=>b.sidebar.visibility==="visible"?"x":"bars"),z=f(()=>b.sidebar.mode==="docked"?b.sidebar.visibility==="visible"?"var(--global-sidebar-width)":"0":"auto");return(r,p)=>(s(),t(g,null,[y(_(K),{title:a.title},null,8,["title"]),y(Te,{debug:!0}),e("div",qe,[e("header",Ve,[(s(!0),t(g,null,D(c.value,C=>(s(),t("a",{key:C.url,href:C.url,class:"skip-link skip-link--global"},d(C.label),9,Ae))),128)),e("div",Ee,[_(F)?u("",!0):(s(),t("craft-button",{key:0,icon:"",type:"button",appearance:"plain",onClick:A,ref_key:"sidebarToggle",ref:m},[e("craft-icon",{name:R.value},null,8,Re)],512)),_(F)?(s(),w(q,{key:1})):u("",!0),p[2]||(p[2]=e("div",{class:"ml-auto"},null,-1)),p[3]||(p[3]=e("craft-button",{icon:"",appearance:"plain"},[e("craft-icon",{name:"search"})],-1))]),i.value?(s(),t("craft-callout",ze,d(i.value),1)):u("",!0),o.value?(s(),t("craft-callout",je,d(o.value),1)):u("",!0)]),e("div",Pe,[y(Le,{mode:b.sidebar.mode,visibility:b.sidebar.visibility,onClose:E},null,8,["mode","visibility"])]),e("div",Oe,[h(r.$slots,"main",{},()=>[h(r.$slots,"breadcrumbs",{},()=>[v.value?(s(),t("div",Qe,[y(Ie,{items:v.value},null,8,["items"])])):u("",!0)],!0),e("main",Ue,[h(r.$slots,"header",{},()=>[e("div",{class:L({container:!0,"container--full":a.fullWidth})},[e("div",Ye,[e("div",Ge,[h(r.$slots,"title",{},()=>[e("h1",He,d(a.title),1)],!0),h(r.$slots,"title-badge",{},void 0,!0)]),e("div",Ke,[h(r.$slots,"actions",{},void 0,!0)])])],2)],!0),e("div",{class:L({container:!0,"container--full":a.fullWidth})},[h(r.$slots,"default",{},void 0,!0)],2)])],!0)]),e("div",Xe,[e("footer",null,[e("div",{class:L({container:!0,"container--full":a.fullWidth})},[h(r.$slots,"footer",{},void 0,!0)],2)])])]),a.debug?(s(),t("div",Ze,[e("div",es,d(_(V)??"No announcement"),1),e("div",null,[B.value?(s(),w(Z,{key:0,data:a.debug,class:"max-h-[50vh] max-w-[600px] overflow-scroll absolute transform -translate-full"},null,8,["data"])):u("",!0),B.value?(s(),t("craft-button",{key:1,icon:"",type:"button",onClick:p[0]||(p[0]=C=>B.value=!1)},[e("craft-icon",{label:_(S)("Close Debug panel"),name:"x"},null,8,ss)])):(s(),t("craft-button",{key:2,type:"button",onClick:p[1]||(p[1]=C=>B.value=!0),icon:""},[e("craft-icon",{name:"code",label:_(S)("Show debug variables")},null,8,ts)]))])])):u("",!0)],64))}}),ns=$(as,[["__scopeId","data-v-edc92bd7"]]);export{ns as A};