import { Component, Prop, h } from "@stencil/core";
export class ItemJob {
  render() {
    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
    return (h("ion-item", { href: `/jobs/${(_a = this.job) === null || _a === void 0 ? void 0 : _a.id}`, detail: true },
      h("fireenjin-avatar", { slot: "start", style: {
          display: "inline-block",
          position: "relative",
          borderRadius: "4px",
          padding: "0 !important",
          overflow: "hidden",
          marginRight: "10px",
        }, initials: ((_b = this.job) === null || _b === void 0 ? void 0 : _b.title) ? (_c = this.job) === null || _c === void 0 ? void 0 : _c.title.charAt(0) : "", src: (_f = (_e = (_d = this.job) === null || _d === void 0 ? void 0 : _d.photos) === null || _e === void 0 ? void 0 : _e[0]) === null || _f === void 0 ? void 0 : _f.url }),
      h("ion-label", { class: "ion-text-wrap", style: { position: "relative", textOverflow: "initial" } },
        h("h2", null, (_g = this.job) === null || _g === void 0 ? void 0 : _g.title),
        h("fireenjin-chip-bar", null,
          h("floodteam-select-status", { jobId: (_h = this.job) === null || _h === void 0 ? void 0 : _h.id, value: (_j = this.job) === null || _j === void 0 ? void 0 : _j.status }),
          h("floodteam-select-location", { disabled: true, jobId: (_k = this.job) === null || _k === void 0 ? void 0 : _k.id, value: (_m = (_l = this.job) === null || _l === void 0 ? void 0 : _l.location) === null || _m === void 0 ? void 0 : _m.id }),
          h("ion-router-link", { onClick: (event) => event.stopPropagation(), href: `/jobs/${(_o = this.job) === null || _o === void 0 ? void 0 : _o.id}/scope` },
            h("ion-chip", null,
              h("ion-icon", { class: "ft-icon-style", name: "list" }),
              h("ion-label", null, "View Scope")))))));
  }
  static get is() { return "floodteam-item-job"; }
  static get properties() { return {
    "job": {
      "type": "unknown",
      "mutable": false,
      "complexType": {
        "original": "Job",
        "resolved": "{ __typename?: \"Job\"; address?: Address; afterhours?: boolean; amountBilled?: number; amountDeducted?: number; amountOwed?: number; amountPaid?: number; appointment?: Appointment; appointments?: Appointment[]; attributionToken?: Token; category?: number; cause?: string; claimNumber?: string; createdAt?: string; createdBy?: User; customer?: User; dateOfLoss?: string; efileCount?: number; efiles?: Efile[]; feed?: Feed[]; id?: string; invoices?: Invoice[]; isFranchise?: boolean; isInsured?: boolean; isSearchable?: boolean; location?: Location; manager?: User; matterportModelId?: string; payModel?: PayModel; payables?: Payable[]; payments?: Payment[]; phone?: string; photos?: Photo[]; picture?: string; propertyAge?: number; ratings?: Rating[]; readings?: Reading[]; referral?: User; services?: ScopeService[]; sites?: Site[]; status?: string; tags?: string[]; title?: string; type?: string; updatedAt?: string; updatedBy?: User; userIds?: string[]; users?: User[]; weather?: Weather[]; weatherIds?: string[]; }",
        "references": {
          "Job": {
            "location": "import",
            "path": "../../../sdk"
          }
        }
      },
      "required": false,
      "optional": false,
      "docs": {
        "tags": [],
        "text": ""
      }
    }
  }; }
}
//# sourceMappingURL=item-job.js.map