1import{d as w,a as f,g as x,u as B,w as C,h as t,o as l,c as r,b as i,e as u,f as k,t as M,F as N,r as H,i as T,m as D,k as S,j as F,R as A,l as G,n as V,T as j,M as q,H as O,s as m}from"./entry.41e83958.js";import{p as P}from"./page.9528cfa4.js";import"./index.50471905.js";const W=""+globalThis.__publicAssetsURL("test-skyline.png"),E={key:0,class:"style-guide"},R=A('<div class="o-flexible-module"><div class="c-banner c-banner--shallow has-extra-padding"><div class="c-banner__media"><img src="'+W+'"></div><div class="c-banner__wrapper"><div class="grid-container"><div class="grid-x grid-margin-x"><div class="small-12 medium-6 large-4 cell"><h1 class="c-banner__title">Cisilion Style Guide</h1><div class="c-banner__content s-wp-cms"><p> A top-level index of basic typography, colours and flexible components available for use on the Cisilion website. </p></div></div></div></div></div></div></div><div class="o-flexible-module"><div class="grid-container"><div class="grid-x grid-margin-x"><div class="small-12 medium-6 cell"><h2>Typography</h2><div class="utl-heading-alpha">Heading 1</div><div class="utl-heading-beta">Heading 2</div><div class="utl-heading-gamma">Heading 3</div><div class="utl-heading-delta">Heading 4</div><div class="utl-heading-epsilon">Heading 5</div><p> Donec id elit non mi <b>porta gravida at eget</b> metus. Vivamus sagittis lacus vel augue <a href="#">laoreet rutrum faucibus dolor auctor</a>. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Sed posuere consectetur est at lobortis. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Maecenas faucibus mollis interdum. Etiam porta sem malesuada magna mollis euismod. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. </p><form><label for="name">Name</label><input id="name" type="text" placeholder="Your name here"><label for="options">Select</label><select id="options"><option value="1">Option 1</option><option value="2">Option 2</option><option value="3">Option 3</option></select><label for="message">Message</label><textarea id="message" placeholder="Your message here"></textarea><button type="submit">Submit</button></form></div><div class="small-12 medium-6 cell"><h2 style="margin-top:4rem;">Colours</h2><div class="style-guide__swatches"><div class="style-guide__swatch style-guide__swatch--obsidian"> #32312f <span>Obsidian</span></div><div class="style-guide__swatch style-guide__swatch--warmgrey"> #d6d1ca <span>Warm Grey</span></div><div class="style-guide__swatch style-guide__swatch--warmgrey-2"> #cbc3bb <span>Warm Grey 2</span></div><div class="style-guide__swatch style-guide__swatch--warmgrey-3"> #aca199 <span>Warm Grey 3</span></div><div class="style-guide__swatch style-guide__swatch--alabaster"> #f5f4ef <span>Alabaster</span></div><div class="style-guide__swatch style-guide__swatch--watcher"> #747571 <span>Watcher</span></div><div class="style-guide__swatch style-guide__swatch--mineral"> #9b8c7c <span>Mineral</span></div><div class="style-guide__swatch style-guide__swatch--monte"> #e3d9ce <span>Monte</span></div><div class="style-guide__swatch style-guide__swatch--fog"> #e5e4e2 <span>Fog</span></div><div class="style-guide__swatch style-guide__swatch--blackforest"> #082120 <span>Black Forest</span></div><div class="style-guide__swatch style-guide__swatch--teal"> #075256 <span>Teal</span></div><div class="style-guide__swatch style-guide__swatch--mist"> #8ececc <span>Mist</span></div></div><h2 style="margin-top:4rem;">Buttons</h2><div class="style-guide__buttons"><a class="c-button" href="#"> Button </a><a class="c-button c-button--beta" href="#"> Button </a><div class="style-guide__btn-bg"><a class="c-button c-button--gamma" href="#"> Button </a><a class="c-button c-button--delta" href="#"> Button </a></div></div></div></div></div></div>',2),$=w({__name:"style-guide",async setup(U){let n,o;const g=f(),p=x(P),a=B("pageData",()=>null),_={slug:g.path},v=async()=>{const{data:e,error:s}=await G(p,{..._});if(!(e&&e.value&&e.value.nodeByUri))throw V({statusCode:404,statusMessage:"Page Not Found"});a.value=e.value.nodeByUri};return[n,o]=C(()=>v()),await n,o(),(e,s)=>{const h=j,d=q,b=O;return t(a)?(l(),r("main",E,[i(b,null,{default:u(()=>[i(h,null,{default:u(()=>[k(M(t(a).seo.title),1)]),_:1}),i(d,{name:"description",content:t(a).seo.metaDesc},null,8,["content"]),i(d,{name:"robots",content:"noindex nofollow"})]),_:1}
1),R,s[0]||(m(-1),s[0]=(l(!0),r(N,null,H(t(a).components.components,(c,y)=>(l(),T(S(e.$formatComponentName(c.fieldGroupName,"Page")),D(c,{key:y}),null,16))),128)),m(1),s[0])])):F("",!0)}}});export{$ as default}; 2//# sourceMappingURL=style-guide.0fd5c6f6.js.map
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.