import { Component, h, Prop, Event, } from "@stencil/core";
export class PopoverReadingSelect {
  constructor() {
    this.readings = [];
  }
  render() {
    return (h("ion-content", { style: {
        "--background": "var(--ion-color-base)",
      } },
      h("ion-list", null,
        (this.readings ? this.readings : []).map((reading) => (h("ion-item", { href: "#", onClick: (event) => {
            event.preventDefault();
            this.floodteamSelect.emit({ event, reading, name: "readingId" });
          }, detail: true }, reading === null || reading === void 0 ? void 0 : reading.name))),
        h("ion-item", { href: "#", onClick: (event) => {
            event.preventDefault();
            this.floodteamSelect.emit({ event, reading: null, name: "readingId" });
          } },
          h("ion-label", null, "Add Reading"),
          h("ion-icon", { name: "add-circle", slot: "end", color: "primary" })))));
  }
  static get is() { return "popover-reading-select"; }
  static get originalStyleUrls() { return {
    "$": ["popover-reading-select.css"]
  }; }
  static get styleUrls() { return {
    "$": ["popover-reading-select.css"]
  }; }
  static get properties() { return {
    "readings": {
      "type": "unknown",
      "mutable": false,
      "complexType": {
        "original": "any[]",
        "resolved": "any[]",
        "references": {}
      },
      "required": false,
      "optional": false,
      "docs": {
        "tags": [],
        "text": ""
      },
      "defaultValue": "[]"
    }
  }; }
  static get events() { return [{
      "method": "floodteamSelect",
      "name": "floodteamSelect",
      "bubbles": true,
      "cancelable": true,
      "composed": true,
      "docs": {
        "tags": [],
        "text": ""
      },
      "complexType": {
        "original": "any",
        "resolved": "any",
        "references": {}
      }
    }]; }
}
//# sourceMappingURL=popover-reading-select.js.map