'use strict';

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

const index = require('./index-ee190ee0.js');

const PopoverUserSelect = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
    this.floodteamSelect = index.createEvent(this, "floodteamSelect", 7);
    this.users = [];
    this.jobId = undefined;
    this.header = "Select a User";
    this.name = "user";
    this.loading = false;
  }
  render() {
    return (index.h("ion-content", { class: {
        "is-loading": this.loading,
      }, style: {
        "--background": "var(--ion-color-base)",
      } }, index.h("ion-list", { class: "ion-no-padding" }, index.h("ion-item-divider", null, this.header), (this.users || []).map((user) => (index.h("ion-item", { href: "#", detail: true, onClick: (event) => {
        event.preventDefault();
        event.stopPropagation();
        this.loading = true;
        this.floodteamSelect.emit({ event, user, name: this.name });
      } }, index.h("ion-label", null, index.h("h2", null, (user === null || user === void 0 ? void 0 : user.firstName) || "", " ", (user === null || user === void 0 ? void 0 : user.lastName) || ""), index.h("p", null, (user === null || user === void 0 ? void 0 : user.email) || "No Email on File"))))))));
  }
};

exports.popover_user_select = PopoverUserSelect;
