import { Component, Event, h, Build, Prop, } from "@stencil/core";
export class ModalMatterport {
  componentDidLoad() {
    if (!(Build === null || Build === void 0 ? void 0 : Build.isBrowser))
      return;
  }
  render() {
    return [
      h("ion-header", null,
        h("ion-toolbar", null,
          h("ion-title", null, "Matterport Model"),
          h("ion-buttons", { slot: "end" },
            h("ion-button", { onClick: () => this.floodteamCloseModal.emit(), style: {
                "--color": "var(--ion-text-color)",
                "--color-hover": "var(--ion-color-danger",
              } },
              h("ion-icon", { slot: "icon-only", name: "close-circle-outline" }))))),
      h("ion-content", null,
        h("iframe", { style: {
            maxWidth: "100%",
            maxHeight: "100%",
            display: "block",
          }, width: "853", height: "480", frameborder: "0", allowfullScreen: "true", allow: "xr-spatial-tracking", src: `https://my.matterport.com/show/?m=${this.modelId}&brand=0&help=1` })),
    ];
  }
  static get is() { return "modal-matterport"; }
  static get originalStyleUrls() { return {
    "$": ["modal-matterport.css"]
  }; }
  static get styleUrls() { return {
    "$": ["modal-matterport.css"]
  }; }
  static get properties() { return {
    "modelId": {
      "type": "string",
      "mutable": false,
      "complexType": {
        "original": "string",
        "resolved": "string",
        "references": {}
      },
      "required": false,
      "optional": false,
      "docs": {
        "tags": [],
        "text": ""
      },
      "attribute": "model-id",
      "reflect": false
    },
    "jobId": {
      "type": "string",
      "mutable": false,
      "complexType": {
        "original": "string",
        "resolved": "string",
        "references": {}
      },
      "required": false,
      "optional": false,
      "docs": {
        "tags": [],
        "text": ""
      },
      "attribute": "job-id",
      "reflect": false
    }
  }; }
  static get events() { return [{
      "method": "floodteamCloseModal",
      "name": "floodteamCloseModal",
      "bubbles": true,
      "cancelable": true,
      "composed": true,
      "docs": {
        "tags": [],
        "text": ""
      },
      "complexType": {
        "original": "any",
        "resolved": "any",
        "references": {}
      }
    }]; }
}
