'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index = require('./index-e0385008.js');
const getInvoiceTypes = require('./getInvoiceTypes-6482a668.js');

const popoverInvoiceSelectCss = "";

const PopoverInvoiceSelect = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
    this.floodteamSelect = index.createEvent(this, "floodteamSelect", 7);
    this.floodteamClosePopover = index.createEvent(this, "floodteamClosePopover", 7);
    this.name = "type";
    this.options = getInvoiceTypes.getInvoiceTypes();
    this.value = "water";
  }
  render() {
    return (index.h("ion-content", { style: {
        "--background": "var(--ion-color-base)",
      } }, index.h("ion-list", null, (this.options || []).map((option) => (index.h("ion-item", { detail: true, detailIcon: (option === null || option === void 0 ? void 0 : option.value) === this.value
        ? "checkmark-circle"
        : "chevron-forward", href: "#", onClick: (event) => {
        this.value = option === null || option === void 0 ? void 0 : option.value;
        this.floodteamSelect.emit({
          event,
          name: this.name,
          value: option,
        });
        this.floodteamClosePopover.emit({
          event,
        });
      } }, index.h("ion-label", null, (option === null || option === void 0 ? void 0 : option.label) || (option === null || option === void 0 ? void 0 : option.value))))))));
  }
};
PopoverInvoiceSelect.style = popoverInvoiceSelectCss;

exports.popover_invoice_select = PopoverInvoiceSelect;
