@mapsindoors/map-template 1.0.0-rc.1

package/dist/mi-map-mapbox.entry-7a41963d.mjs

@@ -0,0 +1,298 @@
+import { r as n, c as r, h as e, H as a } from "./webcomponent-a10be1e6.mjs";
+import { m as l } from "./mi-variables-9a6c8d4d-e06eec88.mjs";
+class h {
+  constructor(t, i) {
+    this.map = t, this.floorSelectorElement = document.createElement("div"), this.floorSelectorInstance = new mapsindoors.FloorSelector(this.floorSelectorElement, i);
+  }
+  /**
+   * Triggered by mapbox when added to the map.
+   * @returns {HTMLDivElement} The Floor Selector control element.
+   */
+  onAdd() {
+    return this.floorSelectorElement.classList.add("mapboxgl-ctrl"), this.floorSelectorElement;
+  }
+  /**
+   * Remove element and clean up references
+   * Triggered by mapbox when removed from the map.
+   */
+  onRemove() {
+    this.floorSelectorElement.parentNode.removeChild(this.floorSelectorElement), this.map = void 0;
+  }
+}
+class A {
+  constructor(t, i) {
+    this.map = t, this.myPositionControlElement = document.createElement("div"), this.myPositionControlInstance = new mapsindoors.PositionControl(this.myPositionControlElement, {
+      mapsIndoors: i,
+      positionOptions: {
+        enableHighAccuracy: !1,
+        maximumAge: 3e5,
+        timeout: 1e4
+      }
+    });
+  }
+  /**
+   * Triggered by mapbox when added to the map.
+   * @returns {HTMLDivElement} The My Position control element.
+   */
+  onAdd() {
+    return this.myPositionControlElement.classList.add("mapboxgl-ctrl"), this.myPositionControlElement;
+  }
+  /**
+   * Remove element and clean up references
+   * Triggered by mapbox when removed from the map.
+   */
+  onRemove() {
+    this.myPositionControlElement.parentNode.removeChild(this.myPositionControlElement), this.map = void 0;
+  }
+}
+const c = ':host{display:block}:host>div{height:100%}.mapsindoors.floor-selector{border-radius:2px;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.3);width:40px;font-family:Figtree, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:18px}.mapsindoors.floor-selector a{position:relative;display:block;float:none;margin-top:-1px;text-align:center;cursor:pointer;border-radius:2px;background:#fff;z-index:0;height:40px;line-height:40px}.mapsindoors.floor-selector a:hover{background:#ddd;border-color:#999;z-index:2}.mapsindoors.floor-selector a.active{background:#ddd;border-color:#00b1ff;z-index:2}.mapsindoors.floor-selector a:not(:first-child):not(:last-child){border-radius:0}.mapsindoors.floor-selector a:first-child:not(:last-child){border-top-right-radius:2px;border-bottom-right-radius:0;border-bottom-left-radius:0}.mapsindoors.floor-selector a:last-child:not(:first-child){border-top-right-radius:0;border-bottom-left-radius:2px;border-top-left-radius:0}.mapsindoors.position-control__button{border:none;margin:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;width:40px;height:40px;background-color:transparent;background-size:cover;outline:none;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.16), 0px 2px 2px rgba(0, 0, 0, 0.18), 0px 1px 1px rgba(0, 0, 0, 0.2);border-radius:50%}.mapsindoors.position-control__button--unknown{background-image:url(data:image/png;base64,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)}.mapsindoors.position-control__button--requesting{background-image:url(data:image/png;base64,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)}.mapsindoors.position-control__button--known{background-image:url(data:image/png;base64,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)}.mapsindoors.position-control__button--centered{background-image:url(data:image/png;base64,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)}', d = class {
+  constructor(o) {
+    n(this, o), this.mapsIndoorsReady = r(this, "mapsIndoorsReady", 7), this.directionsRendererInstance = null, this.accessToken = void 0, this.miApiKey = "", this.disableExternalLinks = !1, this.floorSelectorControlPosition = void 0, this.floorIndex = void 0, this.myPositionControlPosition = void 0, this.polygonHighlightOptions = {
+      strokeColor: "#EF6CCE",
+      strokeOpacity: 1,
+      strokeWeight: 2,
+      fillColor: "#EF6CCE",
+      fillOpacity: 0.2
+    }, this.polylineOptions = {
+      color: "#3071d9",
+      opacity: 1,
+      weight: 4
+    }, this.zoom = "17", this.maxPitch = 60, this.maxZoom = void 0, this.bearing = "0", this.pitch = "0", this.language = "en";
+  }
+  apiKeyChange(o) {
+    mapsindoors.MapsIndoors.setMapsIndoorsApiKey(o);
+  }
+  setExternalLinkBehavior(o) {
+    o === !0 ? this.mapElement.addEventListener("click", this.preventExternalLink) : this.mapElement.removeEventListener("click", this.preventExternalLink);
+  }
+  floorSelectorControlPositionChange(o) {
+    this.floorSelectorControl && this.setFloorSelectorControl(o);
+  }
+  floorIndexChange(o, t) {
+    o === null && (o = "0"), o !== t && o !== this.mapsIndoorsInstance.getFloor() && this.mapsIndoorsInstance.setFloor(o);
+  }
+  myPositionControlPositionChange(o) {
+    this.setMyPositionControl(o);
+  }
+  polylineOptionsChange(o) {
+    this.directionsRendererInstance && this.directionsRendererInstance.setOptions({
+      strokeColor: o.color ? o.color : "#3071d9",
+      strokeOpacity: o.opacity ? o.opacity : 1,
+      strokeWeight: o.weight ? o.weight : 4
+    });
+  }
+  zoomChange(o, t) {
+    o !== t && o !== this.mapboxInstance.getZoom() && (o === null && (o = 0), this.mapboxInstance.setZoom(o));
+  }
+  maxPitchChange(o, t) {
+    o !== t && o !== this.mapboxInstance.getMaxPitch() && (o === null && (o = 0), this.mapboxInstance.setMaxPitch(o));
+  }
+  maxZoomChange(o, t) {
+    o !== t && o !== this.mapboxInstance.getMaxZoom() && (o === null && (o = 0), this.mapboxInstance.setMaxZoom(o));
+  }
+  bearingChange(o, t) {
+    o !== t && o !== this.mapboxInstance.getBearing() && (o === null && (o = 0), this.mapboxInstance.setBearing(o));
+  }
+  pitchChange(o, t) {
+    o !== t && o !== this.mapboxInstance.getPitch() && (o === null && (o = 0), this.mapboxInstance.setPitch(o));
+  }
+  /**
+   * Get the map instance.
+   * @returns {Promise<any>}
+   */
+  async getMapInstance() {
+    return Promise.resolve(this.mapboxInstance);
+  }
+  /**
+   * Get the MapsIndoors instance.
+   * @returns {Promise<any>}
+   */
+  async getMapsIndoorsInstance() {
+    return Promise.resolve(this.mapsIndoorsInstance);
+  }
+  /**
+   * Get the MapsIndoors Directions Service Instance.
+   * @returns {Promise<any>}
+   */
+  async getDirectionsServiceInstance() {
+    return Promise.resolve(this.directionsServiceInstance);
+  }
+  /**
+   * Get the MapsIndoors Directions Renderer Instance.
+   * @returns {Promise<any>}
+   */
+  async getDirectionsRendererInstance() {
+    return Promise.resolve(this.directionsRendererInstance);
+  }
+  /**
+   * Highlight a MapsIndoors location. Only a single location can be highlighted at the time.
+   * @param {Location} location
+   * @returns {Promise<void>}
+   */
+  async highlightLocation(o) {
+    this.polygonHighlightOptions && (this.highlightedLocationId && this.highlightedLocationId === o.id || (this.highlightedLocationId && this.mapsIndoorsInstance.setDisplayRule(this.highlightedLocationId, null), this.mapsIndoorsInstance.setDisplayRule(o.id, {
+      polygonVisible: !0,
+      polygonZoomFrom: "0",
+      polygonZoomTo: "22",
+      zIndex: 1e3,
+      polygonFillColor: this.polygonHighlightOptions.fillColor,
+      polygonFillOpacity: this.polygonHighlightOptions.fillOpacity,
+      polygonStrokeColor: this.polygonHighlightOptions.strokeColor,
+      polygonStrokeOpacity: this.polygonHighlightOptions.strokeOpacity,
+      polygonStrokeWeight: this.polygonHighlightOptions.strokeWeight
+    }), this.highlightedLocationId = o.id));
+  }
+  /**
+   * Clear existing MapsIndoors location highlight.
+   * @returns {Promise<void>}
+   */
+  async clearHighlightLocation() {
+    this.highlightedLocationId && (this.mapsIndoorsInstance.setDisplayRule(this.highlightedLocationId, null), this.highlightedLocationId = null);
+  }
+  async componentDidLoad() {
+    await this.insertMapBoxScript(), await this.initializeMapsIndoorsSDK(), await this.setupMap(), this.setExternalLinkBehavior(this.disableExternalLinks), this.addEventListeners(), this.floorSelectorControlPosition && this.showFloorSelector(), this.myPositionControlPosition && this.setMyPositionControl(this.myPositionControlPosition);
+  }
+  disconnectedCallback() {
+    this.mapsIndoorsInstance.deallocate(), this.mapElement.remove(), this.mapElement = null;
+  }
+  /**
+   * Inject script tag for Mapbox API onto the page.
+   *
+   * @returns {Promise<void>}
+   */
+  insertMapBoxScript() {
+    if (typeof mapboxgl > "u")
+      return new Promise((o) => {
+        const t = document.createElement("script");
+        t.setAttribute("type", "text/javascript"), t.setAttribute("src", "https://api.mapbox.com/mapbox-gl-js/v2.3.0/mapbox-gl.js"), document.body.appendChild(t), t.onload = () => o();
+      });
+  }
+  /**
+   * Ensure that MapsIndoors Web SDK is available.
+   *
+   * @returns {Promise<void>}
+   */
+  initializeMapsIndoorsSDK() {
+    return new Promise((o) => {
+      if (typeof mapsindoors < "u")
+        return mapsindoors.MapsIndoors.setMapsIndoorsApiKey(this.miApiKey), mapsindoors.MapsIndoors.setLanguage(this.language), o();
+      const t = document.createElement("script");
+      t.setAttribute("type", "text/javascript"), t.setAttribute("src", `${l.miSDKUrlV4}?apikey=${this.miApiKey}`), document.body.appendChild(t), t.onload = () => o();
+    });
+  }
+  /**
+   * Start MapBox and MapsIndoors.
+   */
+  setupMap() {
+    return new Promise((o) => {
+      const t = {
+        accessToken: this.accessToken,
+        element: this.mapElement,
+        zoom: this.zoom,
+        maxZoom: this.maxZoom,
+        maxPitch: this.maxPitch,
+        bearing: this.bearing,
+        pitch: this.pitch
+      }, i = new mapsindoors.mapView.MapboxView(t);
+      this.mapboxInstance = i.getMap(), this.mapsIndoorsInstance = new mapsindoors.MapsIndoors({
+        mapView: i,
+        labelOptions: {
+          pixelOffset: { width: 0, height: 14 },
+          style: {
+            fontSize: "11px"
+          }
+        }
+      });
+      const s = new mapboxgl.NavigationControl();
+      this.mapboxInstance.addControl(s, "top-left"), this.mapsIndoorsInstance.on("ready", async () => {
+        this.floorIndex !== void 0 ? this.mapsIndoorsInstance.setFloor(this.floorIndex) : this.floorIndex = this.mapsIndoorsInstance.getFloor(), this.initializeDirectionsService(), this.initializeDirectionsRenderer(), this.mapsIndoorsReady.emit(), o();
+      });
+    });
+  }
+  /**
+   * Initialize MapsIndoors Directions Service.
+   */
+  initializeDirectionsService() {
+    const o = new mapsindoors.directions.MapboxProvider(this.accessToken);
+    this.directionsServiceInstance = new mapsindoors.services.DirectionsService(o);
+  }
+  /**
+   * Initialize MapsIndoors Directions Renderer with render options set.
+   */
+  initializeDirectionsRenderer() {
+    this.directionsRendererInstance = new mapsindoors.directions.DirectionsRenderer({
+      mapsIndoors: this.mapsIndoorsInstance,
+      fitBounds: !0,
+      strokeColor: this.polylineOptions.color,
+      strokeOpacity: this.polylineOptions.opacity,
+      strokeWeight: this.polylineOptions.weight,
+      visible: !0
+    });
+  }
+  /**
+   * Add event listeners and keep properties in sync.
+   */
+  addEventListeners() {
+    this.mapsIndoorsInstance.on("click", (o) => {
+      this.highlightLocation(o);
+    }), this.mapsIndoorsInstance.on("floor_changed", (o) => {
+      this.floorIndex = o;
+    }), this.mapboxInstance.on("zoomend", () => {
+      this.zoom = this.mapboxInstance.getZoom().toString();
+    }), this.mapboxInstance.on("pitchend", () => {
+      this.pitch = this.mapboxInstance.getPitch().toString();
+    }), this.mapboxInstance.on("rotateend", () => {
+      this.bearing = this.mapboxInstance.getBearing().toString();
+    });
+  }
+  /**
+   * Prevent external links from opening.
+   * @param {MouseEvent} event
+   */
+  preventExternalLink(o) {
+    o.target.closest('a[target="_blank"]') && o.preventDefault();
+  }
+  /**
+   * Show the floor selector after user interacts with map.
+   * Sets up event listener what when invoked will set the floor selector on the map.
+   */
+  showFloorSelector() {
+    this.setFloorSelectorControl(this.floorSelectorControlPosition);
+  }
+  /**
+   * Set, update or unset floor selector on the map.
+   * @param {('top-left' | 'top-right' | 'bottom-left' | 'bottom-right')} controlPosition
+   */
+  setFloorSelectorControl(o) {
+    o === null ? (this.mapboxInstance.removeControl(this.floorSelectorControl), this.floorSelectorControl = null) : this.floorSelectorControl ? (this.mapboxInstance.removeControl(this.floorSelectorControl), this.mapboxInstance.addControl(this.floorSelectorControl, this.floorSelectorControlPosition)) : (this.floorSelectorControl = new h(this.mapboxInstance, this.mapsIndoorsInstance), this.mapboxInstance.addControl(this.floorSelectorControl, this.floorSelectorControlPosition));
+  }
+  /**
+   * Set, update or unset my position control on the map.
+   * @param {('top-left' | 'top-right' | 'bottom-left' | 'bottom-right')} controlPosition
+   */
+  setMyPositionControl(o) {
+    o === null ? (this.mapboxInstance.removeControl(this.myPositionControl), this.myPositionControl = null) : this.myPositionControl ? (this.mapboxInstance.removeControl(this.myPositionControl), this.mapboxInstance.addControl(this.myPositionControl, this.myPositionControlPosition)) : (this.myPositionControl = new A(this.mapboxInstance, this.mapsIndoorsInstance), this.mapboxInstance.addControl(this.myPositionControl, this.myPositionControlPosition));
+  }
+  render() {
+    return e(a, null, e("link", { href: "https://api.mapbox.com/mapbox-gl-js/v2.3.0/mapbox-gl.css", rel: "stylesheet" }), e("div", { ref: (o) => this.mapElement = o }));
+  }
+  static get watchers() {
+    return {
+      miApiKey: ["apiKeyChange"],
+      disableExternalLinks: ["setExternalLinkBehavior"],
+      floorSelectorControlPosition: ["floorSelectorControlPositionChange"],
+      floorIndex: ["floorIndexChange"],
+      myPositionControlPosition: ["myPositionControlPositionChange"],
+      polylineOptions: ["polylineOptionsChange"],
+      zoom: ["zoomChange"],
+      maxPitch: ["maxPitchChange"],
+      maxZoom: ["maxZoomChange"],
+      bearing: ["bearingChange"],
+      pitch: ["pitchChange"]
+    };
+  }
+};
+d.style = c;
+export {
+  d as mi_map_mapbox
+};

package/dist/mi-map-mapbox.entry-928da21a.mjs

@@ -0,0 +1,300 @@
+import { r as n, c as r, h as e, H as a } from "./reactcomponent-2f9f051f.mjs";
+import { m as l } from "./mi-variables-9a6c8d4d-e06eec88.mjs";
+import "react";
+import "react-dom";
+class h {
+  constructor(t, i) {
+    this.map = t, this.floorSelectorElement = document.createElement("div"), this.floorSelectorInstance = new mapsindoors.FloorSelector(this.floorSelectorElement, i);
+  }
+  /**
+   * Triggered by mapbox when added to the map.
+   * @returns {HTMLDivElement} The Floor Selector control element.
+   */
+  onAdd() {
+    return this.floorSelectorElement.classList.add("mapboxgl-ctrl"), this.floorSelectorElement;
+  }
+  /**
+   * Remove element and clean up references
+   * Triggered by mapbox when removed from the map.
+   */
+  onRemove() {
+    this.floorSelectorElement.parentNode.removeChild(this.floorSelectorElement), this.map = void 0;
+  }
+}
+class A {
+  constructor(t, i) {
+    this.map = t, this.myPositionControlElement = document.createElement("div"), this.myPositionControlInstance = new mapsindoors.PositionControl(this.myPositionControlElement, {
+      mapsIndoors: i,
+      positionOptions: {
+        enableHighAccuracy: !1,
+        maximumAge: 3e5,
+        timeout: 1e4
+      }
+    });
+  }
+  /**
+   * Triggered by mapbox when added to the map.
+   * @returns {HTMLDivElement} The My Position control element.
+   */
+  onAdd() {
+    return this.myPositionControlElement.classList.add("mapboxgl-ctrl"), this.myPositionControlElement;
+  }
+  /**
+   * Remove element and clean up references
+   * Triggered by mapbox when removed from the map.
+   */
+  onRemove() {
+    this.myPositionControlElement.parentNode.removeChild(this.myPositionControlElement), this.map = void 0;
+  }
+}
+const c = ':host{display:block}:host>div{height:100%}.mapsindoors.floor-selector{border-radius:2px;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.3);width:40px;font-family:Figtree, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:18px}.mapsindoors.floor-selector a{position:relative;display:block;float:none;margin-top:-1px;text-align:center;cursor:pointer;border-radius:2px;background:#fff;z-index:0;height:40px;line-height:40px}.mapsindoors.floor-selector a:hover{background:#ddd;border-color:#999;z-index:2}.mapsindoors.floor-selector a.active{background:#ddd;border-color:#00b1ff;z-index:2}.mapsindoors.floor-selector a:not(:first-child):not(:last-child){border-radius:0}.mapsindoors.floor-selector a:first-child:not(:last-child){border-top-right-radius:2px;border-bottom-right-radius:0;border-bottom-left-radius:0}.mapsindoors.floor-selector a:last-child:not(:first-child){border-top-right-radius:0;border-bottom-left-radius:2px;border-top-left-radius:0}.mapsindoors.position-control__button{border:none;margin:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;width:40px;height:40px;background-color:transparent;background-size:cover;outline:none;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.16), 0px 2px 2px rgba(0, 0, 0, 0.18), 0px 1px 1px rgba(0, 0, 0, 0.2);border-radius:50%}.mapsindoors.position-control__button--unknown{background-image:url(data:image/png;base64,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)}.mapsindoors.position-control__button--requesting{background-image:url(data:image/png;base64,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)}.mapsindoors.position-control__button--known{background-image:url(data:image/png;base64,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)}.mapsindoors.position-control__button--centered{background-image:url(data:image/png;base64,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)}', d = class {
+  constructor(o) {
+    n(this, o), this.mapsIndoorsReady = r(this, "mapsIndoorsReady", 7), this.directionsRendererInstance = null, this.accessToken = void 0, this.miApiKey = "", this.disableExternalLinks = !1, this.floorSelectorControlPosition = void 0, this.floorIndex = void 0, this.myPositionControlPosition = void 0, this.polygonHighlightOptions = {
+      strokeColor: "#EF6CCE",
+      strokeOpacity: 1,
+      strokeWeight: 2,
+      fillColor: "#EF6CCE",
+      fillOpacity: 0.2
+    }, this.polylineOptions = {
+      color: "#3071d9",
+      opacity: 1,
+      weight: 4
+    }, this.zoom = "17", this.maxPitch = 60, this.maxZoom = void 0, this.bearing = "0", this.pitch = "0", this.language = "en";
+  }
+  apiKeyChange(o) {
+    mapsindoors.MapsIndoors.setMapsIndoorsApiKey(o);
+  }
+  setExternalLinkBehavior(o) {
+    o === !0 ? this.mapElement.addEventListener("click", this.preventExternalLink) : this.mapElement.removeEventListener("click", this.preventExternalLink);
+  }
+  floorSelectorControlPositionChange(o) {
+    this.floorSelectorControl && this.setFloorSelectorControl(o);
+  }
+  floorIndexChange(o, t) {
+    o === null && (o = "0"), o !== t && o !== this.mapsIndoorsInstance.getFloor() && this.mapsIndoorsInstance.setFloor(o);
+  }
+  myPositionControlPositionChange(o) {
+    this.setMyPositionControl(o);
+  }
+  polylineOptionsChange(o) {
+    this.directionsRendererInstance && this.directionsRendererInstance.setOptions({
+      strokeColor: o.color ? o.color : "#3071d9",
+      strokeOpacity: o.opacity ? o.opacity : 1,
+      strokeWeight: o.weight ? o.weight : 4
+    });
+  }
+  zoomChange(o, t) {
+    o !== t && o !== this.mapboxInstance.getZoom() && (o === null && (o = 0), this.mapboxInstance.setZoom(o));
+  }
+  maxPitchChange(o, t) {
+    o !== t && o !== this.mapboxInstance.getMaxPitch() && (o === null && (o = 0), this.mapboxInstance.setMaxPitch(o));
+  }
+  maxZoomChange(o, t) {
+    o !== t && o !== this.mapboxInstance.getMaxZoom() && (o === null && (o = 0), this.mapboxInstance.setMaxZoom(o));
+  }
+  bearingChange(o, t) {
+    o !== t && o !== this.mapboxInstance.getBearing() && (o === null && (o = 0), this.mapboxInstance.setBearing(o));
+  }
+  pitchChange(o, t) {
+    o !== t && o !== this.mapboxInstance.getPitch() && (o === null && (o = 0), this.mapboxInstance.setPitch(o));
+  }
+  /**
+   * Get the map instance.
+   * @returns {Promise<any>}
+   */
+  async getMapInstance() {
+    return Promise.resolve(this.mapboxInstance);
+  }
+  /**
+   * Get the MapsIndoors instance.
+   * @returns {Promise<any>}
+   */
+  async getMapsIndoorsInstance() {
+    return Promise.resolve(this.mapsIndoorsInstance);
+  }
+  /**
+   * Get the MapsIndoors Directions Service Instance.
+   * @returns {Promise<any>}
+   */
+  async getDirectionsServiceInstance() {
+    return Promise.resolve(this.directionsServiceInstance);
+  }
+  /**
+   * Get the MapsIndoors Directions Renderer Instance.
+   * @returns {Promise<any>}
+   */
+  async getDirectionsRendererInstance() {
+    return Promise.resolve(this.directionsRendererInstance);
+  }
+  /**
+   * Highlight a MapsIndoors location. Only a single location can be highlighted at the time.
+   * @param {Location} location
+   * @returns {Promise<void>}
+   */
+  async highlightLocation(o) {
+    this.polygonHighlightOptions && (this.highlightedLocationId && this.highlightedLocationId === o.id || (this.highlightedLocationId && this.mapsIndoorsInstance.setDisplayRule(this.highlightedLocationId, null), this.mapsIndoorsInstance.setDisplayRule(o.id, {
+      polygonVisible: !0,
+      polygonZoomFrom: "0",
+      polygonZoomTo: "22",
+      zIndex: 1e3,
+      polygonFillColor: this.polygonHighlightOptions.fillColor,
+      polygonFillOpacity: this.polygonHighlightOptions.fillOpacity,
+      polygonStrokeColor: this.polygonHighlightOptions.strokeColor,
+      polygonStrokeOpacity: this.polygonHighlightOptions.strokeOpacity,
+      polygonStrokeWeight: this.polygonHighlightOptions.strokeWeight
+    }), this.highlightedLocationId = o.id));
+  }
+  /**
+   * Clear existing MapsIndoors location highlight.
+   * @returns {Promise<void>}
+   */
+  async clearHighlightLocation() {
+    this.highlightedLocationId && (this.mapsIndoorsInstance.setDisplayRule(this.highlightedLocationId, null), this.highlightedLocationId = null);
+  }
+  async componentDidLoad() {
+    await this.insertMapBoxScript(), await this.initializeMapsIndoorsSDK(), await this.setupMap(), this.setExternalLinkBehavior(this.disableExternalLinks), this.addEventListeners(), this.floorSelectorControlPosition && this.showFloorSelector(), this.myPositionControlPosition && this.setMyPositionControl(this.myPositionControlPosition);
+  }
+  disconnectedCallback() {
+    this.mapsIndoorsInstance.deallocate(), this.mapElement.remove(), this.mapElement = null;
+  }
+  /**
+   * Inject script tag for Mapbox API onto the page.
+   *
+   * @returns {Promise<void>}
+   */
+  insertMapBoxScript() {
+    if (typeof mapboxgl > "u")
+      return new Promise((o) => {
+        const t = document.createElement("script");
+        t.setAttribute("type", "text/javascript"), t.setAttribute("src", "https://api.mapbox.com/mapbox-gl-js/v2.3.0/mapbox-gl.js"), document.body.appendChild(t), t.onload = () => o();
+      });
+  }
+  /**
+   * Ensure that MapsIndoors Web SDK is available.
+   *
+   * @returns {Promise<void>}
+   */
+  initializeMapsIndoorsSDK() {
+    return new Promise((o) => {
+      if (typeof mapsindoors < "u")
+        return mapsindoors.MapsIndoors.setMapsIndoorsApiKey(this.miApiKey), mapsindoors.MapsIndoors.setLanguage(this.language), o();
+      const t = document.createElement("script");
+      t.setAttribute("type", "text/javascript"), t.setAttribute("src", `${l.miSDKUrlV4}?apikey=${this.miApiKey}`), document.body.appendChild(t), t.onload = () => o();
+    });
+  }
+  /**
+   * Start MapBox and MapsIndoors.
+   */
+  setupMap() {
+    return new Promise((o) => {
+      const t = {
+        accessToken: this.accessToken,
+        element: this.mapElement,
+        zoom: this.zoom,
+        maxZoom: this.maxZoom,
+        maxPitch: this.maxPitch,
+        bearing: this.bearing,
+        pitch: this.pitch
+      }, i = new mapsindoors.mapView.MapboxView(t);
+      this.mapboxInstance = i.getMap(), this.mapsIndoorsInstance = new mapsindoors.MapsIndoors({
+        mapView: i,
+        labelOptions: {
+          pixelOffset: { width: 0, height: 14 },
+          style: {
+            fontSize: "11px"
+          }
+        }
+      });
+      const s = new mapboxgl.NavigationControl();
+      this.mapboxInstance.addControl(s, "top-left"), this.mapsIndoorsInstance.on("ready", async () => {
+        this.floorIndex !== void 0 ? this.mapsIndoorsInstance.setFloor(this.floorIndex) : this.floorIndex = this.mapsIndoorsInstance.getFloor(), this.initializeDirectionsService(), this.initializeDirectionsRenderer(), this.mapsIndoorsReady.emit(), o();
+      });
+    });
+  }
+  /**
+   * Initialize MapsIndoors Directions Service.
+   */
+  initializeDirectionsService() {
+    const o = new mapsindoors.directions.MapboxProvider(this.accessToken);
+    this.directionsServiceInstance = new mapsindoors.services.DirectionsService(o);
+  }
+  /**
+   * Initialize MapsIndoors Directions Renderer with render options set.
+   */
+  initializeDirectionsRenderer() {
+    this.directionsRendererInstance = new mapsindoors.directions.DirectionsRenderer({
+      mapsIndoors: this.mapsIndoorsInstance,
+      fitBounds: !0,
+      strokeColor: this.polylineOptions.color,
+      strokeOpacity: this.polylineOptions.opacity,
+      strokeWeight: this.polylineOptions.weight,
+      visible: !0
+    });
+  }
+  /**
+   * Add event listeners and keep properties in sync.
+   */
+  addEventListeners() {
+    this.mapsIndoorsInstance.on("click", (o) => {
+      this.highlightLocation(o);
+    }), this.mapsIndoorsInstance.on("floor_changed", (o) => {
+      this.floorIndex = o;
+    }), this.mapboxInstance.on("zoomend", () => {
+      this.zoom = this.mapboxInstance.getZoom().toString();
+    }), this.mapboxInstance.on("pitchend", () => {
+      this.pitch = this.mapboxInstance.getPitch().toString();
+    }), this.mapboxInstance.on("rotateend", () => {
+      this.bearing = this.mapboxInstance.getBearing().toString();
+    });
+  }
+  /**
+   * Prevent external links from opening.
+   * @param {MouseEvent} event
+   */
+  preventExternalLink(o) {
+    o.target.closest('a[target="_blank"]') && o.preventDefault();
+  }
+  /**
+   * Show the floor selector after user interacts with map.
+   * Sets up event listener what when invoked will set the floor selector on the map.
+   */
+  showFloorSelector() {
+    this.setFloorSelectorControl(this.floorSelectorControlPosition);
+  }
+  /**
+   * Set, update or unset floor selector on the map.
+   * @param {('top-left' | 'top-right' | 'bottom-left' | 'bottom-right')} controlPosition
+   */
+  setFloorSelectorControl(o) {
+    o === null ? (this.mapboxInstance.removeControl(this.floorSelectorControl), this.floorSelectorControl = null) : this.floorSelectorControl ? (this.mapboxInstance.removeControl(this.floorSelectorControl), this.mapboxInstance.addControl(this.floorSelectorControl, this.floorSelectorControlPosition)) : (this.floorSelectorControl = new h(this.mapboxInstance, this.mapsIndoorsInstance), this.mapboxInstance.addControl(this.floorSelectorControl, this.floorSelectorControlPosition));
+  }
+  /**
+   * Set, update or unset my position control on the map.
+   * @param {('top-left' | 'top-right' | 'bottom-left' | 'bottom-right')} controlPosition
+   */
+  setMyPositionControl(o) {
+    o === null ? (this.mapboxInstance.removeControl(this.myPositionControl), this.myPositionControl = null) : this.myPositionControl ? (this.mapboxInstance.removeControl(this.myPositionControl), this.mapboxInstance.addControl(this.myPositionControl, this.myPositionControlPosition)) : (this.myPositionControl = new A(this.mapboxInstance, this.mapsIndoorsInstance), this.mapboxInstance.addControl(this.myPositionControl, this.myPositionControlPosition));
+  }
+  render() {
+    return e(a, null, e("link", { href: "https://api.mapbox.com/mapbox-gl-js/v2.3.0/mapbox-gl.css", rel: "stylesheet" }), e("div", { ref: (o) => this.mapElement = o }));
+  }
+  static get watchers() {
+    return {
+      miApiKey: ["apiKeyChange"],
+      disableExternalLinks: ["setExternalLinkBehavior"],
+      floorSelectorControlPosition: ["floorSelectorControlPositionChange"],
+      floorIndex: ["floorIndexChange"],
+      myPositionControlPosition: ["myPositionControlPositionChange"],
+      polylineOptions: ["polylineOptionsChange"],
+      zoom: ["zoomChange"],
+      maxPitch: ["maxPitchChange"],
+      maxZoom: ["maxZoomChange"],
+      bearing: ["bearingChange"],
+      pitch: ["pitchChange"]
+    };
+  }
+};
+d.style = c;
+export {
+  d as mi_map_mapbox
+};