https://nomocivicachile.cl/_astro/columnas.astro_astro_type_script_index_0_lang.BiT4wAVu.js

1import{c}from"./index.Bfd5Thr0.js";const d=c("https://kvovonxbijpvvhxaneqa.supabase.co","sb_publishable_Xwmns6pb7QSpkdzeJY8_gg_dP5BKBJE"),{data:a}=await d.from("columnas").select("id, titulo, extracto, autor_nombre, categoria, created_at").eq("estado","publicada").order("created_at",{ascending:!1});if(a&&a.length>0){const n=document.getElementById("grid-supabase"),s=document.getElementById("columnas-supabase");n.innerHTML=a.map(e=>`
2      <div class="dynamic-wrapper">
3        <article class="dynamic-card glass-card rounded-[1.75rem] p-4 transition hover:-translate-y-1 hover:shadow-glow flex flex-col min-h-[250px]" data-author="${e.autor_nombre}">
4          <div class="flex items-center justify-between gap-2 text-slate-400">
5            <span class="rounded-full bg-white/5 px-2.5 py-1 text-[10px] uppercase tracking-[0.24em]">${e.autor_nombre}</span>
6            <span class="rounded-full bg-cyan-500/10 px-2.5 py-1 text-[10px] uppercase tracking-[0.24em] text-cyan-200">${e.categoria}</span>
7          </div>
8          <h3 class="mt-4 text-lg font-semibold text-white leading-snug">${e.titulo}</h3>
9          <p class="mt-3 text-xs leading-5 text-slate-300 break-words flex-1">${e.extracto}</p>
10          <a class="mt-4 inline-flex rounded-full border border-white/10 bg-white/5 px-3 py-1.5 text-xs font-semibold text-cyan-100 transition hover:bg-white/10" href="/columnas/ver?id=${e.id}">Leer más</a>
11        </article>
12      </div>
13    `).join(""),s.classList.remove("hidden");const r=new Set(Array.from(document.querySelectorAll(".filtro-btn")).map(e=>e.dataset.author)),o=[...new Set(a.map(e=>e.autor_nombre))],i=document.getElementById("filtros-dinamicos");o.forEach(e=>{if(!r.has(e)){const t=document.createElement("button");t.className="filtro-btn rounded-full border border-white/10 bg-white/5 px-4 py-1.5 text-xs font-semibold text-slate-300 transition hover:border-cyan-400/40 hover:text-cyan-100",t.dataset.author=e,t.textContent=e,t.addEventListener("click",()=>window.filtrarPorAutor?.(e)),i.appendChild(t)}}),document.querySelectorAll(".dynamic-card").forEach(e=>{e.closest(".dynamic-wrapper")?.addEventListener("click",()=>{})})}