import{d as s,aO as o,D as l,g as a,H as c}from"./index-2a6c9271.js";const p=s({name:"container-column-view",setup(n){const t=o();return{container:l(()=>t.getStorageContainer)}},render(){const n=t=>{const e=this.container.samples?.findIndex(r=>r.storageSlotIndex===t);return e>-1?this.container.samples[e]:null};return a("div",{class:"max-h-[600px] overflow-y-auto"},[[...Array(this.container?.slots??0).keys()].map((t,e)=>a("div",{class:"grid grid-cols-12 gap-x-2 w-1/2",key:e},[a("span",{class:"col-span-1 my-1"},[e+1,c(":")]),a("span",{class:["col-span-5 my-1 p-1 text-white flex justify-center border-2",{"bg-slate-400":n(e+1)===null},{"bg-emerald-400":n(e+1)!==null}]},[n(e+1)?.sampleId])]))])}});export{p as ContainerColumn,p as default};