https://site-multibrand.web.app/assets/BlogView-CjowJeK9.js

1import{u as L}from"./blog-NQdkxXs2.js";import{A as D}from"./AppHeader-BRLi6AWo.js";import{A as E}from"./AppFooter-vfSXuPZT.js";import{f as N,r as $,c as u,Q as z,h as l,v as h,i as t,G as b,H as f,x as k,A as a,J as m,j as i,B as c,E as H,F as S,_ as I}from"./index-DYwMVYTK.js";const G={class:"blog-view"},J={class:"py-12 bg-gray-50 min-h-screen"},O={class:"container mx-auto px-4"},Q={class:"mb-12"},R={class:"flex flex-wrap items-center justify-between gap-4 mb-8"},U={class:"flex flex-wrap gap-2"},q=["onClick"],K={class:"flex items-center gap-3"},W={class:"bg-white rounded-lg px-4 py-2 border border-gray-200"},X={class:"text-lg font-semibold text-orange-gold mr-1"},Y={class:"text-gray-600 text-sm"},Z={key:0},tt={class:"masonry-grid mb-8"},et=["src","alt"],ot={class:"absolute top-4 left-4"},st={class:"bg-orange-gold/10 text-orange-gold px-2 py-1 rounded-full font-medium text-sm"},rt={class:"flex items-center gap-3 text-xs text-gray-500 mb-3"},nt={class:"flex items-center bg-gray-100 px-2 py-1 rounded-full"},lt={class:"flex items-center bg-orange-gold/10 text-orange-gold px-2 py-1 rounded-full font-medium"},at={class:"flex items-center justify-between pt-4 border-t border-gray-100"},it={class:"flex items-center"},dt={class:"w-8 h-8 bg-gradient-to-r from-purple-400 to-orange-400 rounded-full flex items-center justify-center text-white font-bold text-sm mr-3"},gt={class:"text-sm text-gray-600 font-medium"},ct={key:0,class:"flex justify-center items-center gap-2"},ut=["disabled"],mt={class:"flex gap-1"},pt=["onClick"],xt=["disabled"],vt={key:1,class:"text-center py-16"},ht=N({__name:"BlogView",setup(bt){const r=L(),n=$(r.filters.category||"Todos"),C=s=>{const e=["masonry-item-large","masonry-item-medium","masonry-item-small","masonry-item-medium","masonry-item-small","masonry-item-large"];return e[s%e.length]},B=s=>{const e=["h-64","h-48","h-40","h-56","h-44","h-60"];return e[s%e.length]},A=s=>{const e=["p-6","p-5","p-4","p-6","p-4","p-6"];return e[s%e.length]},T=s=>{const e=["text-2xl","text-xl","text-lg","text-xl","text-lg","text-2xl"];return e[s%e.length]},j=s=>{const e=["line-clamp-4","line-clamp-3","line-clamp-2","line-clamp-3","line-clamp-2","line-clamp-4"];return e[s%e.length]},M=s=>{if(s==="Todos")n.value="Todos",r.setFilter("category","");else{n.value=n.value===s?"Todos":s;const e=n.value==="Todos"?"":n.value;r.setFilter("category",e)}},V=u(()=>r.categories),y=u(()=>r.filteredArticles),w=u(()=>r.paginatedArticles),d=u(()=>r.currentPage),p=u(()=>r.totalPages),P=u(()=>{const s=[],e=Math.max(1,d.value-2),v=Math.min(p.value,d.value+2);for(let o=e;o<=v;o++)s.push(o);return s}),_=()=>{n.value="Todos",r.setFilter("category","")},x=s=>{s>=1&&s<=p.value&&r.setPage(s)},F=s=>new Date(s).toLocaleDateString("pt-BR",{day:"numeric",month:"long",year:"numeric"});return z(()=>r.filters.category,s=>{n.value=s||"Todos"}),(s,e)=>{const v=S("router-link");return i(),l("div",G,[h(D),e[12]||(e[12]=t("section",{class:"bg-gradient-to-r from-purple-dark to-navy-blue py-16"},[t("div",{class:"container mx-auto px-4 text-center"},[t("h1",{class:"text-5xl font-bold text-white mb-4"},"Blog ELO Editora"),t("p",{class:"text-xl text-white/90 max-w-3xl mx-auto"}," Descubra dicas, novidades e conteúdos exclusivos sobre literatura infantil ")])],-1)),t("section",J,[t("div",O,[t("div",Q,[t("div",R,[t("div",U,[(i(!0),l(b,null,f(V.value,o=>(i(),l("button",{key:o,onClick:g=>M(o),class:c(["px-4 py-2 rounded-full text-sm font-medium transition-colors duration-200",n.value===o||o==="Todos"&&!n.value?"bg-orange-gold text-white":"bg-white text-gray-700 hover:bg-orange-gold/10 border border-gray-200"])},a(o),11,q))),128))]),t("div",K,[t("div",W,[t("span",X,a(y.value.length),1),t("span",Y,a(y.value.length===1?"artigo":"artigos"),1)]),n.value&&n.value!=="Todos"?(i(),l("button",{key:0,onClick:_,class:"bg-gray-100 text-gray-700 px-3 py-2 rounded-lg text-sm hover:bg-gray-200 transition-colors duration-200 flex items-center"},[...e[2]||(e[2]=[t("svg",{class:"w-4 h-4 mr-1",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},[t("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M6 18L18 6M6 6l12 12"})],-1),m(" Limpar ",-1)])])):k("",!0)])])]),w.value.length>0?(i(),l("div",Z,[t("div",tt,[(i(!0),l(b,null,f(w.value,(o,g)=>(i(),l("div",{key:o.id,class:c([C(g),"bg-white rounded-lg shadow-md overflow-hidden hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 group"])},[t("div",{class:c([B(g),"bg-gradient-to-br from-purple-100 to-orange-50 overflow-hidden relative"])},[t("img",{src:o.imageUrl,alt:o.title,class:"w-full h-full object-cover group-hover:scale-110 transition-transform duration-700"},null,8,et),e[3]||(e[3]=t("div",{class:"absolute inset-0 bg-gradient-to-t from-black/30 via-trans

1parent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"},null,-1)),t("div",ot,[t("span",st,a(o.category),1)])],2),t("div",{class:c(A(g))},[t("div",rt,[t("span",nt,[e[4]||(e[4]=t("svg",{class:"w-3 h-3 mr-1",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},[t("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"})],-1)),m(" "+a(F(o.publishedAt)),1)]),t("span",lt,[e[5]||(e[5]=t("svg",{class:"w-3 h-3 mr-1",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},[t("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"})],-1)),m(" "+a(o.readTime)+"min ",1)])]),t("h3",{class:c([T(g),"font-bold text-purple-dark mb-3 line-clamp-3 group-hover:text-orange-gold transition-colors duration-300"])},a(o.title),3),t("p",{class:c([j(g),"text-gray-600 mb-4 leading-relaxed"])},a(o.excerpt),3),t("div",at,[t("div",it,[t("div",dt,a(o.author.charAt(0)),1),t("span",gt,a(o.author),1)]),h(v,{to:`/blog/${o.id}`,class:"bg-gradient-to-r from-orange-gold to-orange-600 text-white px-4 py-2 rounded-full font-medium hover:shadow-lg transform hover:scale-105 transition-all duration-300 flex items-center text-sm"},{default:H(()=>[...e[6]||(e[6]=[t("span",{class:"mr-2"},"📖",-1),m(" Ler ",-1)])]),_:1},8,["to"])])],2)],2))),128))]),p.value>1?(i(),l("div",ct,[t("button",{onClick:e[0]||(e[0]=o=>x(d.value-1)),disabled:d.value===1,class:"px-4 py-2 bg-white text-orange-gold border border-orange-gold rounded-lg hover:bg-orange-gold hover:text-white transition-colors disabled:opacity-50 disabled:cursor-not-allowed flex items-center"},[...e[7]||(e[7]=[t("svg",{class:"w-4 h-4 mr-1",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},[t("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M15 19l-7-7 7-7"})],-1),m(" Anterior ",-1)])],8,ut),t("div",mt,[(i(!0),l(b,null,f(P.value,o=>(i(),l("button",{key:o,onClick:g=>x(o),class:c(["px-4 py-2 rounded-lg transition-colors",o===d.value?"bg-orange-gold text-white":"bg-white text-orange-gold border border-orange-gold hover:bg-orange-gold hover:text-white"])},a(o),11,pt))),128))]),t("button",{onClick:e[1]||(e[1]=o=>x(d.value+1)),disabled:d.value===p.value,class:"px-4 py-2 bg-white text-orange-gold border border-orange-gold rounded-lg hover:bg-orange-gold hover:text-white transition-colors disabled:opacity-50 disabled:cursor-not-allowed flex items-center"},[...e[8]||(e[8]=[m(" Próxima ",-1),t("svg",{class:"w-4 h-4 ml-1",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},[t("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M9 5l7 7-7 7"})],-1)])],8,xt)])):k("",!0)])):(i(),l("div",vt,[e[9]||(e[9]=t("svg",{class:"w-16 h-16 mx-auto text-gray-400 mb-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},[t("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M9.172 16.172a4 4 0 015.656 0M9 12h6m-6-4h6m2 5.291A7.962 7.962 0 0112 15c-2.34 0-4.291-1.007-5.824-2.562M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"})],-1)),e[10]||(e[10]=t("h3",{class:"text-xl font-semibold text-gray-600 mb-2"},"Nenhum artigo encontrado",-1)),e[11]||(e[11]=t("p",{class:"text-gray-500 mb-4"},"Tente ajustar os filtros ou buscar por outros termos",-1)),t("button",{onClick:_,class:"bg-orange-gold text-white px-6 py-2 rounded-lg hover:bg-orange-gold/90 transition-colors"}," Limpar Filtros ")]))])]),h(E)])}}}),kt=I(ht,[["__scopeId","data-v-7f13a393"]]);export{kt as default};