import{r as i,h as e}from"./p-9b6cc562.js";const t=class{constructor(e){i(this,e),this.label=void 0,this.sort=void 0,this.controls=void 0}render(){var i;return e("ion-content",{style:{"--background":"var(--ion-color-base)"}},e("fireenjin-form",{disableLoader:!0,name:"filter"},this.label&&e("ion-item-divider",null,this.label),(null===(i=this.controls)||void 0===i?void 0:i.length)?this.controls.map((i=>e("fireenjin-select",{...i}))):null,e("ion-item-divider",null,"Sort By"),e("ion-item",{class:"sort-select"},e("ion-icon",{slot:"start",name:"swap-vertical"}),e("ion-select",{name:"orderBy",value:this.sort.value,okText:"Okay",cancelText:"Dismiss",interfaceOptions:{header:this.sort.header,subHeader:this.sort.subHeader,message:this.sort.message}},this.sort.options.map((i=>e("ion-select-option",{value:i.value},i.label)))))))}};t.style=".popover-filter-wrapper{--min-width:300px}.sort-select ion-icon{margin-right:5px;color:var(--ion-text-color);opacity:0.33}.sort-select ion-select{width:100%}";export{t as popover_filter}