import { modalController } from "@ionic/core";
import { h, } from "@stencil/core";
export class PopoverAddReading {
  constructor() {
    this.job = {};
  }
  async openModalAddDot() {
    this.modalEl = await modalController.create({
      cssClass: "modal-flow-rider",
      component: "modal-flow-rider",
      componentProps: {
        headerTitle: "Add Dot",
        flowId: "3cj19bUYxPSA3VoiWnV9",
        renderId: "default",
      },
    });
    this.modalEl.present();
  }
  render() {
    return (h("ion-content", { style: {
        "--background": "var(--ion-color-base)",
      } }, h("ion-list", { lines: "full" }, h("ion-item", { href: "#", onClick: () => this.openModalAddDot() }, h("ion-icon", { name: "ellipse", slot: "start" }), h("ion-label", null, "Add MC Dot")), h("ion-item", { href: "#", onClick: (event) => this.fireenjinTrigger.emit({
        name: "addReading",
        event,
      }) }, h("ion-icon", { name: "create", slot: "start" }), h("ion-label", null, "Add Reading")))));
  }
  static get is() { return "popover-add-reading"; }
  static get originalStyleUrls() {
    return {
      "$": ["popover-add-reading.css"]
    };
  }
  static get styleUrls() {
    return {
      "$": ["popover-add-reading.css"]
    };
  }
  static get properties() {
    return {
      "job": {
        "type": "unknown",
        "mutable": false,
        "complexType": {
          "original": "Partial<Job>",
          "resolved": "{ __typename?: \"Job\"; address?: Address; afterhours?: boolean; agent?: User; amountBilled?: number; amountDeducted?: number; amountOwed?: number; amountPaid?: number; appointment?: Appointment; appointments?: Appointment[]; attributionToken?: Token; campaign?: Campaign; category?: number; cause?: string; claimNumber?: string; cosigner?: User; createdAt?: string; createdBy?: User; customer?: User; dateOfLoss?: string; efileCount?: number; efiles?: Efile[]; feed?: Feed[]; id?: string; invoices?: Invoice[]; isFranchise?: boolean; isInsured?: boolean; isSearchable?: boolean; lastNotifiedAt?: string; location?: Location; lostReason?: string; manager?: User; matterportModelId?: string; moistureMap?: string; notionId?: string; payModel?: PayModel; payables?: Payable[]; payments?: Payment[]; phone?: string; photos?: Photo[]; picture?: string; propertyAge?: number; ratings?: Rating[]; readings?: Reading[]; referral?: User; serviceStillNeeded?: string; serviceTypes?: string[]; services?: ScopeService[]; sites?: Site[]; status?: string; success?: User; tags?: string[]; title?: string; updatedAt?: string; updatedBy?: User; userIds?: string[]; users?: User[]; weather?: Weather[]; weatherIds?: string[]; }",
          "references": {
            "Partial": {
              "location": "global"
            },
            "Job": {
              "location": "import",
              "path": "../../../sdk"
            }
          }
        },
        "required": false,
        "optional": false,
        "docs": {
          "tags": [],
          "text": ""
        },
        "defaultValue": "{}"
      }
    };
  }
  static get events() {
    return [{
        "method": "fireenjinFetch",
        "name": "fireenjinFetch",
        "bubbles": true,
        "cancelable": true,
        "composed": true,
        "docs": {
          "tags": [],
          "text": ""
        },
        "complexType": {
          "original": "any",
          "resolved": "any",
          "references": {}
        }
      }, {
        "method": "fireenjinTrigger",
        "name": "fireenjinTrigger",
        "bubbles": true,
        "cancelable": true,
        "composed": true,
        "docs": {
          "tags": [],
          "text": ""
        },
        "complexType": {
          "original": "FireEnjinTriggerInput",
          "resolved": "FireEnjinTriggerInput<any>",
          "references": {
            "FireEnjinTriggerInput": {
              "location": "import",
              "path": "@fireenjin/sdk"
            }
          }
        }
      }];
  }
}
