import{r as e,B as n,h as o}from"./p-846bd001.js";const t=class{constructor(n){e(this,n),this.paginationEl=void 0,this.query=void 0}onSearchInput(e){this.query=e.target.value}componentDidLoad(){}render(){return[o("ion-content",{class:"ion-padding"},o("floodteam-title-bar",null,o("ion-router-link",{href:"/phonenumbers"},"Phone Numbers"),o("ion-buttons",{slot:"end"},o("ion-button",{fill:"solid",color:"primary",href:"/phonenumbers/new"},"Add"))),o("div",{class:"ion-padding"},o("fireenjin-search-bar",{ref:e=>this.filterBarEl=e,paginationEl:this.paginationEl,filters:null})),o("fireenjin-filter-bar",{paginationEl:this.paginationEl,modeToggle:!0,filter:{label:"Filter By",controls:[{name:"locationId",label:"Location",endpoint:"listLocations",icon:"business",resultsKey:"locations"}]},sort:{header:"Sort By",value:"createdAt:desc",options:[{label:"Created At",value:"createdAt:desc"},{label:"Name",value:"name"}]}}),o("fireenjin-pagination",{name:"phoneNumbers",ref:e=>this.paginationEl=e,gridEl:({result:e})=>o("floodteam-snapshot-card",{href:`/phonenumber/${e.id}`,buttonText:"View PhoneNumber"},o("ion-label",null,o("h2",null,e.id?e.id:""))),listEl:({result:e})=>o("ion-item",{href:`/phonenumber/${e.id}`,detail:!0},o("ion-label",null,o("h2",null,e.id?e.id:""))),endpoint:"listPhoneNumbers",limit:20,resultsKey:"phoneNumbers",query:this.query})),o("floodteam-navigation-footer",null)]}};t.style="";export{t as app_phone_number_list}