import{s as _}from"./C1-LoPpV.js";import{u as $}from"./DYEtpFU4.js";import{d as v,aw as f,ax as y,ay as h,o as c,e as u,f as x,F as w,h as C,c as j,aH as B,u as m,n as L,i as r,am as H}from"./CGuWR5z3.js";import"./DlDklb_P.js";import"./BVQKphmM.js";const G=v({__name:"Layout",props:{blok:{}},setup(l){const o=l,d=e=>e.template?e.template:`auto-flow / repeat(${e.columns||1}, minmax(calc((100% / ${e.columns||1}) - ${o.blok.column_gap?`var(--${o.blok.column_gap})`:"0px"}), 1fr))`,p=r(()=>{const e=o.blok.bg_colour&&o.blok.bg_shade?`background-color: var(--nano-color-${o.blok.bg_colour}-${o.blok.bg_shade});`:"",t=o.blok.border_colour&&o.blok.border_shade?`border: 1px solid var(--nano-color-${o.blok.border_colour}-${o.blok.border_shade});`:"",s=`row-gap: ${o.blok.row_gap?`var(--${o.blok.row_gap})`:"0px"};`,i=`column-gap: ${o.blok.column_gap?`var(--${o.blok.column_gap})`:"0px"};`,n=o.blok.padding?`padding: var(--${o.blok.padding});`:"",g=o.blok.vertical_alignment?`align-items: ${o.blok.vertical_alignment};`:"";return`${e} ${t} ${s} ${i} ${n} ${g}`}),b=r(()=>o.blok.breakpoints?.length?o.blok.breakpoints.map(t=>`
 @container (width>= ${t.breakpoint}px) {
 .ca-grid-${a.value}> .grid-container {
 grid: ${d(t)};
 display: ${t.display} !important;
 justify-items: ${t.alignment||"stretch"};
 flex-wrap: wrap;
 &> * {
 flex: 1;
 }
 }
 }`).join(" "):void 0),a=r(()=>o.blok.breakpoints?.length?_(o.blok.breakpoints.map(e=>""+e.breakpoint+e.alignment+e.columns+e.template+e.display).join("-")):void 0),k=r(()=>o.blok.breakpoints?.length?Math.max(...o.blok.breakpoints.map(e=>Number(e.columns)||1)):1);return H("sectionColumnCount",k),$({style:[{id:"ca-grid-style-"+a.value,innerHTML:b.value}]}),(e,t)=>{const s=f("StoryblokComponent"),i=y("editable");return h((c(),u("section",{class:L([m(a)?"ca-grid-"+m(a):void 0,"context-aware-grid @container"])},[x("div",{class:"grid-container grid justify-items-stretch",style:B(m(p))},[(c(!0),u(w,null,C(l.blok.items,n=>(c(),j(s,{key:n._uid,blok:n},null,8,["blok"]))),128))],4)],2)),[[i,l.blok]])}}}),F=Object.assign(G,{__name:"Layout"});export{F as default};
</div><div class="naked_ctrl">
<form action="/index.cgi/contrast" method="get" name="gate">
<p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="https://nanoporetech.com/_nuxt/DyGS0YyF.js">(-&gt;オリジナル)</a>
/ <label>アドレス: <input type="text" name="naked_post_url" value="https://nanoporetech.com/_nuxt/DyGS0YyF.js" size="22" /></label> <label>モード: <select name="naked_post_mode">
<option value="default">デフォルト</option>
<option value="speech">音声ブラウザ</option>
<option value="ruby">ルビ付き</option>
<option value="contrast" selected="selected">配色反転</option>
<option value="larger-text">文字拡大</option>
<option value="mobile">モバイル</option>
</select>
<input type="submit" value="表示" />
</p>
</form>
</div>