import{r as o,B as i,h as t}from"./p-9b6cc562.js";const n=class{constructor(i){o(this,i),this.locationId=void 0,this.paginationEl=void 0,this.query=void 0,this.filters={}}onSearchInput(o){this.query=o.target.value}componentDidLoad(){}render(){return[t("ion-content",{class:"ion-padding"},t("floodteam-title-bar",null,t("ion-router-link",{href:"/locations"},"Locations"),t("ion-buttons",{slot:"end"},t("ion-button",{fill:"solid",color:"primary",href:"/locations/new"},"Add"))),t("div",{class:"ion-padding"},t("fireenjin-search-bar",{ref:o=>this.filterBarEl=o,paginationEl:this.paginationEl,filters:[{name:"locationId",label:"Location",endpoint:"listLocations",value:this.locationId,icon:"business",resultsKey:"locations"}]})),t("fireenjin-pagination",{disableVirtualScroll:!0,removeDuplicates:!0,ref:o=>this.paginationEl=o,gridEl:({result:o})=>t("floodteam-snapshot-card",{href:`/locations/${o.id}`,buttonText:"View Location",photo:null==o?void 0:o.photo},t("ion-label",null,t("h2",null,o.name?o.name:""))),listEl:({result:o})=>t("ion-item",{href:`/locations/${o.id}`,detail:!0},t("ion-label",null,t("h2",null,o.name?o.name:""," "))),endpoint:"listLocations",limit:20,resultsKey:"locations",query:this.query,name:"app-location-list"})),t("floodteam-navigation-footer",null)]}};n.style="";export{n as app_location_list}