https://www.zoonegara.my/_nuxt/D-5MHbtk.js

1import{w as B,i as P,r as D,o as d,c as v,e as t,d as _,f as y,S as b,b as l,R as O,b5 as R,g as w,l as K,k as U,F as $,q as j,p as I,y as M,x as r,j as E}from"./6eXhkYxy.js";import{_ as H}from"./BIYS0jAO.js";import Q from"./Ca4wWmHS.js";import{s as W}from"./DQ1rMg5g.js";import{u as G,a as J}from"./DuvRyood.js";import{q as X}from"./C3KZh7wq.js";import"./DfygYQHW.js";import"./CGESy7lv.js";import"./CijddMFP.js";import"./CgY7zlMz.js";import"./CYeGR6cK.js";import"./C1ZXOu-f.js";import"./DhQHr4bT.js";import"./QampUD-h.js";import"./CYflVKmY.js";import"./BgxCfJ3m.js";import"./DgomjI-L.js";const Y={class:"pb-20"},Z={class:"container flex flex-col items-center gap-14"},ee={class:"flex flex-col lg:flex-row w-full flex-wrap lg:items-end gap-6 rounded-2xl bg-white p-6 lg:p-10"},te={class:"flex flex-col flex-1 lg:flex-[0_0_25%] gap-4"},ae={class:"flex flex-1 flex-col gap-4"},oe={class:"flex items-center gap-2 rounded-full border-1 border-border-grey px-4 py-2.5"},le={class:"grid gap-8 sm:grid-cols-2 lg:grid-cols-3"},Ce={__name:"SectionWidgetHeartOfNature",props:{section:{type:Object,required:!0}},async setup(se){let i,x;const C=G(),{listRef:T,scrollToListTop:k}=J(),S=[{label:"All",value:""},{label:"Fauna Trail",value:"Fauna Trail"},{label:"Nature Trail",value:"Nature Trail"}],n=r(""),c=r(""),u=r(""),f=r(""),{data:V}=([i,x]=B(()=>P("heart-of-nature-trails",()=>X("heartOfNature").order("order","ASC").all())),i=await i,x(),i),L=E(()=>{let a=V.value||[];if(u.value&&(a=a.filter(e=>e.category===u.value)),f.value){const e=f.value.toLowerCase();a=a.filter(p=>p.title.toLowerCase().includes(e)||p.description?.toLowerCase().includes(e))}return a}),m=()=>{N(()=>{u.value=n.value,f.value=c.value})},g=r(!1),N=a=>{g.value=!0,setTimeout(()=>{a(),g.value=!1},300)};return(a,e)=>{const p=W,A=U,F=H,q=Q,h=D("reveal");return d(),v("section",Y,[t("div",Z,[_((d(),v("div",ee,[t("div",te,[e[2]||(e[2]=t("label",{class:"font-heading text-heading-6 text-headings"},"Trail Type",-1)),y(p,{modelValue:l(n),"onUpdate:modelValue":e[0]||(e[0]=s=>b(n)?n.value=s:null),options:S,optionLabel:"label",optionValue:"value",placeholder:"All",onChange:m},null,8,["modelValue"])]),t("div",ae,[e[4]||(e[4]=t("label",{class:"font-heading text-heading-6 text-headings"},"Search by Keyword",-1)),t("div",oe,[e[3]||(e[3]=t("i",{class:"pi pi-search text-[1rem] text-placeholder"},null,-1)),_(t("input",{"onUpdate:modelValue":e[1]||(e[1]=s=>b(c)?c.value=s:null),type:"text",placeholder:"Search...",class:"flex-1 border-none bg-transparent font-semibold text-body outline-none",onKeyup:O(m,["enter"])},null,544),[[R,l(c)]])])]),y(A,{onClick:m},{default:w(()=>[...e[5]||(e[5]=[K("Search",-1)])]),_:1})])),[[h]]),y(q,{ref_key:"listRef",ref:T,class:M([l(g)?"opacity-0":"opacity-100 transition-opacity duration-300","w-full scroll-mt-28"]),value:l(L),paginator:"","page-link-size":l(C),rows:9,layout:"grid",onPage:l(k)},{grid:w(({items:s})=>[t("div",le,[(d(!0),v($,null,j(s,(o,z)=>_((d(),I(F,{key:o.id,title:o.title,image:o.image,overview:o.overview,category:o.category,to:o.path},null,8,["title","image","overview","category","to"])),[[h,{animation:"fade-up",delay:Math.min(100+z*100,400)}]])),128))])]),_:1},8,["class","value","page-link-size","onPage"])])])}}};export{Ce as default};