import{D as e,E as t,On as n,Zn as r,_ as i,b as a,bt as o,er as s,g as c,k as l,mt as u,o as d,qt as f,tr as p,v as m,y as h}from"./CaODJcyn.js";import{t as g}from"./BDNMzG2s.js";import{i as _,r as v,s as ee,u as te}from"./aTmK00sy.js";import{t as y}from"./Dpy6pt9l.js";import{n as b}from"./hR6dJQs-.js";import{t as ne}from"./CG64Ii0R.js";import{t as re}from"./VK4bzVgU.js";var ie={class:`space-y-4`},ae={class:`flex items-center gap-2`},oe={class:`id-browser`,role:`img`,"aria-label":`Browser tab preview`},se={class:`id-browser__chrome`},ce={class:`id-browser__bar`},le={class:`id-browser__url`},x={class:`id-browser__tabs`},S={class:`id-browser__tab id-browser__tab--active`},C=[`src`],w={class:`id-browser__title`},T={class:`mt-3 space-y-1`},E={class:`flex items-center justify-between`},D={class:`flex items-center gap-2`},O={class:`id-group-header`},k={class:`id-group-count`},A={class:`text-xs text-muted mb-3`},j={class:`id-icon-grid`},M={class:`id-icon-preview`},N=[`src`,`alt`],P={class:`id-icon-meta`},F={class:`id-icon-badges`},I={class:`flex items-center justify-between`},ue={class:`flex items-center gap-2`},L={key:0,class:`mb-5`},R={class:`flex items-center gap-3`},z={class:`text-sm font-mono font-medium`},B={key:1},V={class:`id-color-grid`},H=[`aria-label`],U={class:`id-color-card__meta`},de={class:`text-sm font-mono font-medium`},W=g(l({__name:`identity`,setup(l){let g=c(()=>_.value.seo),W=c(()=>_.value.tags.filter(e=>e.tag===`link`&&[`icon`,`apple-touch-icon`].includes(e.props?.rel||``)).map(e=>({rel:e.props?.rel||`icon`,href:e.props?.href||``,type:e.props?.type,sizes:e.props?.sizes,media:e.props?.media}))),fe=c(()=>{let e={};for(let t of W.value){let n=t.rel;e[n]||(e[n]=[]),e[n].push(t)}return e}),G={icon:{label:`Favicon`,description:`Browser tab icons`},"apple-touch-icon":{label:`Apple Touch Icon`,description:`iOS home screen icon`}},K=c(()=>_.value.tags.filter(e=>e.tag===`meta`&&e.props?.name===`theme-color`).map(e=>{let t=e.props?.media||null,n=`default`;return t?.includes(`prefers-color-scheme: light`)?n=`light`:t?.includes(`prefers-color-scheme: dark`)&&(n=`dark`),{color:e.props?.content||``,media:t,context:n}})),q=c(()=>_.value.tags.find(e=>e.tag===`meta`&&e.props?.name===`color-scheme`)?.props?.content||null),J=c(()=>{let e=W.value.find(e=>e.href?.includes(`favicon.ico`));return e?e.href:W.value.find(e=>e.rel===`icon`)?.href||null}),Y=c(()=>_.value.tags.find(e=>e.tag===`htmlAttrs`)?.props?.lang||null),pe=c(()=>[{done:!!g.value.title,html:`Set a <code>title</code> for the browser tab and search results.`},{done:!!g.value.description,html:`Add a <code>description</code> meta tag for search result snippets.`},{done:!!g.value.canonical,html:`Set a <code>canonical</code> URL so search engines know the preferred address.`},{done:!!Y.value,html:`Set the <code>lang</code> attribute on <code>&lt;html&gt;</code> for accessibility.`}]),me=c(()=>[{done:W.value.some(e=>e.rel===`icon`),html:`Add a <code>&lt;link rel="icon"&gt;</code> favicon.`},{done:W.value.some(e=>e.rel===`apple-touch-icon`),html:`Add an <code>apple-touch-icon</code> for iOS home screen.`},{done:W.value.some(e=>e.sizes),html:`Specify <code>sizes</code> on icons for resolution hints.`}]),he=c(()=>[{done:K.value.length>0,html:`Set a <code>theme-color</code> to brand the mobile browser UI.`},{done:K.value.some(e=>e.context===`light`)&&K.value.some(e=>e.context===`dark`),html:`Add light/dark <code>theme-color</code> variants with <code>prefers-color-scheme</code> media queries.`},{done:!!q.value,html:`Set <code>color-scheme</code> to declare supported modes (e.g. <code>light dark</code>).`}]);return(c,l)=>{let Y=te,X=ne,Z=re,Q=ee,$=y;return u(),a(`div`,ie,[e(Z,null,{header:f(()=>[i(`div`,ae,[e(Y,{name:`i-carbon-application-web`,class:`text-lg`}),l[0]||=i(`span`,{class:`font-medium`},`Browser Preview`,-1)])]),default:f(()=>[i(`div`,oe,[i(`div`,se,[l[1]||=i(`div`,{class:`id-browser__dots`,"aria-hidden":`true`},[i(`span`),i(`span`),i(`span`)],-1),i(`div`,ce,[e(Y,{name:`i-carbon-locked`,class:`id-browser__lock`}),i(`span`,le,p(n(g).canonical||n(_).url),1)]),l[2]||=i(`div`,{class:`id-browser__actions`,"aria-hidden":`true`},[i(`span`),i(`span`),i(`span`)],-1)]),i(`div`,x,[i(`div`,S,[!n(J)||n(b)(n(J))?(u(),m(Y,{key:0,name:`i-carbon-earth`,class:`id-browser__favicon-placeholder`})):(u(),a(`img`,{key:1,src:n(v)(n(J)??``),class:`id-browser__favicon`,alt:``,width:`14`,height:`14`},null,8,C)),i(`span`,w,p(n(g).title||`Untitled`),1)]),l[3]||=i(`div`,{class:`id-browser__tab`},[i(`span`,{class:`id-browser__title text-muted/40`},`New Tab`)],-1)]),l[4]||=i(`div`,{class:`id-browser__body`,"aria-hidden":`true`},null,-1)]),i(`div`,T,[(u(!0),a(d,null,o(n(pe),(e,t)=>(u(),m(X,{key:t,done:e.done,html:e.html},null,8,[`done`,`html`]))),128))])]),_:1}),e(Z,null,{header:f(()=>[i(`div`,E,[i(`div`,D,[e(Y,{name:`i-carbon-image`,class:`text-lg`}),l[5]||=i(`span`,{class:`font-medium`},`Icons`,-1)]),n(W).length?(u(),m(Q,{key:0,variant:`subtle`,size:`xs`,color:`neutral`},{default:f(()=>[t(p(n(W).length),1)]),_:1})):h(``,!0)])]),default:f(()=>[n(W).length?(u(!0),a(d,{key:0},o(n(fe),(e,s)=>(u(),a(`div`,{key:s,class:`mb-5 last:mb-0`},[i(`div`,O,[i(`span`,null,p(G[s]?.label||s),1),i(`span`,k,p(e.length),1)]),i(`p`,A,p(G[s]?.description||``),1),i(`div`,j,[(u(!0),a(d,null,o(e,(e,o)=>(u(),a(`div`,{key:`${e.rel}:${e.href}:${e.sizes||``}:${e.type||``}:${o}`,class:r([`id-icon-card`,{"id-icon-card--broken":n(b)(e.href)}])},[i(`div`,M,[n(b)(e.href)?(u(),m(Y,{key:0,name:`i-carbon-warning-filled`,class:`text-red-400 text-lg`})):(u(),a(`img`,{key:1,src:n(v)(e.href),alt:e.rel,class:`id-icon-img`,width:`32`,height:`32`,loading:`lazy`},null,8,N))]),i(`div`,P,[i(`p`,{class:r([`text-xs font-mono truncate`,n(b)(e.href)?`text-red-400`:`text-muted`])},p(e.href),3),i(`div`,F,[n(b)(e.href)?(u(),m(Q,{key:0,color:`error`,variant:`subtle`,size:`xs`},{default:f(()=>[...l[6]||=[t(` Broken `,-1)]]),_:1})):h(``,!0),e.sizes?(u(),m(Q,{key:1,variant:`subtle`,size:`xs`},{default:f(()=>[t(p(e.sizes),1)]),_:2},1024)):h(``,!0),e.type?(u(),m(Q,{key:2,variant:`subtle`,size:`xs`,color:`neutral`},{default:f(()=>[t(p(e.type),1)]),_:2},1024)):h(``,!0),e.media?(u(),m(Q,{key:3,variant:`subtle`,size:`xs`,color:`info`},{default:f(()=>[t(p(e.media.includes(`dark`)?`Dark`:e.media.includes(`light`)?`Light`:e.media),1)]),_:2},1024)):h(``,!0)])])],2))),128))])]))),128)):h(``,!0),n(W).length?h(``,!0):(u(),m($,{key:1,icon:`i-carbon-image`,title:`No favicons detected`},{description:f(()=>[...l[7]||=[t(` Add a `,-1),i(`code`,{class:`bg-elevated px-1.5 py-0.5 rounded text-xs`},`<link rel="icon">`,-1),t(` tag via `,-1),i(`code`,{class:`bg-elevated px-1.5 py-0.5 rounded text-xs`},`useHead()`,-1),t(` to set your favicon. `,-1)]]),_:1})),i(`div`,{class:r([`space-y-1`,n(W).length?`mt-4`:`mt-2`])},[(u(!0),a(d,null,o(n(me),(e,t)=>(u(),m(X,{key:t,done:e.done,html:e.html},null,8,[`done`,`html`]))),128))],2)]),_:1}),e(Z,null,{header:f(()=>[i(`div`,I,[i(`div`,ue,[e(Y,{name:`i-carbon-color-palette`,class:`text-lg`}),l[8]||=i(`span`,{class:`font-medium`},`Theme Colors`,-1)]),n(K).length?(u(),m(Q,{key:0,variant:`subtle`,size:`xs`,color:`neutral`},{default:f(()=>[t(p(n(K).length),1)]),_:1})):h(``,!0)])]),default:f(()=>[n(q)?(u(),a(`div`,L,[l[11]||=i(`div`,{class:`id-group-header`},[i(`span`,null,`Color Scheme`)],-1),i(`div`,R,[l[10]||=i(`div`,{class:`w-10 h-6 rounded border border-default`,style:{background:`linear-gradient(90deg, #fff 50%, #1a1a1a 50%)`},"aria-hidden":`true`},null,-1),i(`div`,null,[i(`span`,z,p(n(q)),1),l[9]||=i(`p`,{class:`text-xs text-muted`},` Supported color schemes for system preferences `,-1)])])])):h(``,!0),n(K).length?(u(),a(`div`,B,[l[12]||=i(`div`,{class:`id-group-header`},[i(`span`,null,`Theme Colors`)],-1),i(`div`,V,[(u(!0),a(d,null,o(n(K),(e,n)=>(u(),a(`div`,{key:n,class:`id-color-card`},[i(`div`,{class:`id-color-card__swatch`,role:`img`,"aria-label":`Color swatch: ${e.color}`,style:s({backgroundColor:e.color})},null,12,H),i(`div`,U,[i(`span`,de,p(e.color),1),e.context==="default"?h(``,!0):(u(),m(Q,{key:0,variant:`subtle`,size:`xs`},{default:f(()=>[t(p(e.context),1)]),_:2},1024))])]))),128))])])):h(``,!0),!n(K).length&&!n(q)?(u(),m($,{key:2,icon:`i-carbon-color-palette`,title:`No theme colors set`},{description:f(()=>[...l[13]||=[t(` Theme colors customize the browser chrome and mobile status bar. `,-1)]]),_:1})):h(``,!0),i(`div`,{class:r([`space-y-1`,n(K).length||n(q)?`mt-4`:`mt-2`])},[(u(!0),a(d,null,o(n(he),(e,t)=>(u(),m(X,{key:t,done:e.done,html:e.html},null,8,[`done`,`html`]))),128))],2)]),_:1})])}}}),[[`__scopeId`,`data-v-482042db`]]);export{W as default};