import{r as t,B as o,h as n}from"./p-f8363b1b.js";const i=class{constructor(o){t(this,o)}onSearchInput(t){this.query=t.target.value}componentDidLoad(){}render(){return[n("ion-content",{class:"ion-padding"},n("floodteam-title-bar",null,n("ion-router-link",{href:"/dots"},"Dots"),n("ion-buttons",{slot:"end"},n("ion-button",{fill:"solid",color:"primary",href:"/dots/new"},"Add"))),n("div",{class:"ion-padding"},n("fireenjin-search-bar",{ref:t=>this.filterBarEl=t,paginationEl:this.paginationEl,filters:null})),n("fireenjin-pagination",{ref:t=>this.paginationEl=t,gridEl:({result:t})=>n("floodteam-snapshot-card",{href:`/dot/${t.id}`,buttonText:"View Dot"},n("ion-label",null,n("h2",null,t.placement?t.placement:""))),listEl:({result:t})=>n("ion-item",{href:`/dot/${t.id}`,detail:!0},n("ion-label",null,n("h2",null,t.placement?t.placement:""))),endpoint:"listDots",limit:20,resultsKey:"dots",query:this.query})),n("floodteam-navigation-footer",null)]}};i.style="";export{i as app_dot_list}