@mapsindoors/map-template 1.95.1 → 1.95.2

package/dist/mi-map-mapbox.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-7e9696f3.js';
-import { m as miVariables } from './mi-variables-9a6c8d4d.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-BZQHyS7V.js';
+import { m as miVariables } from './mi-variables-CDNvnTkH.js';
 
 /**
  * Create a new instance of the MapsIndoors Floor-selector map control.
@@ -8,27 +8,27 @@ import { m as miVariables } from './mi-variables-9a6c8d4d.js';
  * @class FloorSelectorControl
  */
 class FloorSelectorControl {
-  constructor(map, mapsIndoorsInstance) {
-    this.map = map;
-    this.floorSelectorElement = document.createElement('div');
-    this.floorSelectorInstance = new mapsindoors.FloorSelector(this.floorSelectorElement, mapsIndoorsInstance);
-  }
-  /**
-   * Triggered by mapbox when added to the map.
-   * @returns {HTMLDivElement} The Floor Selector control element.
-   */
-  onAdd() {
-    this.floorSelectorElement.classList.add('mapboxgl-ctrl');
-    return 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 = undefined;
-  }
+    constructor(map, mapsIndoorsInstance) {
+        this.map = map;
+        this.floorSelectorElement = document.createElement('div');
+        this.floorSelectorInstance = new mapsindoors.FloorSelector(this.floorSelectorElement, mapsIndoorsInstance);
+    }
+    /**
+     * Triggered by mapbox when added to the map.
+     * @returns {HTMLDivElement} The Floor Selector control element.
+     */
+    onAdd() {
+        this.floorSelectorElement.classList.add('mapboxgl-ctrl');
+        return 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 = undefined;
+    }
 }
 
 /**
@@ -38,430 +38,493 @@ class FloorSelectorControl {
  * @class MyPositionControl
  */
 class MyPositionControl {
-  constructor(map, mapsIndoorsInstance) {
-    this.map = map;
-    this.myPositionControlElement = document.createElement('div');
-    this.myPositionControlInstance = new mapsindoors.PositionControl(this.myPositionControlElement, {
-      mapsIndoors: mapsIndoorsInstance,
-      positionOptions: {
-        enableHighAccuracy: false,
-        maximumAge: 300000,
-        timeout: 10000
-      }
-    });
-  }
-  /**
-   * Triggered by mapbox when added to the map.
-   * @returns {HTMLDivElement} The My Position control element.
-   */
-  onAdd() {
-    this.myPositionControlElement.classList.add('mapboxgl-ctrl');
-    return 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 = undefined;
-  }
+    constructor(map, mapsIndoorsInstance) {
+        this.map = map;
+        this.myPositionControlElement = document.createElement('div');
+        this.myPositionControlInstance = new mapsindoors.PositionControl(this.myPositionControlElement, {
+            mapsIndoors: mapsIndoorsInstance,
+            positionOptions: {
+                enableHighAccuracy: false,
+                maximumAge: 300000,
+                timeout: 10000
+            }
+        });
+    }
+    /**
+     * Triggered by mapbox when added to the map.
+     * @returns {HTMLDivElement} The My Position control element.
+     */
+    onAdd() {
+        this.myPositionControlElement.classList.add('mapboxgl-ctrl');
+        return 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 = undefined;
+    }
 }
 
-const mapMapboxCss = ":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,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAe3SURBVHgB7Z1PbBRVHMd/bYTy3xb8Q9sQhkDoQQgSC0fcXvRgwHIreGlNCEYPIoSbyVLjUYocNBIS4ULpraXEg152wxFrwACHNmCnEhY1CJU/AmIcf9/5U2bevje7sztvdre7n+R1d2e7OzPf+b3f7/d+b2a2iSqIZVmt/JDiZnDb4j4a7tuG8O+z3Ezf4wy3LLfLTU1Ns1QhmihBfIK9ya2X8kUqFZMcMc/hsZKCaoGFS3Eb5XbPSoZT3HqploG1cUsnKJqMaW793AyqFazqEE5kmluaqh3LOdrTVvUyza2fqg3eKINbxqod4I8NqgZ4Qz62qqu7Fgu2uZ8qheX4umNW7XOMyqCkPNByzH+U2+s0P7jMbTfnjyZFJLKArngZii8JrhZMbj1RRYwk4DwWz8OkiCIWLWAdiOdhUgQRixKwjsTzMKlIEYsV8BLNn4BRLAgsPYUKE81UADfM15t4APtccPgXaoGWk2ieovrmE7bCL1VvKgV0/R66bivVN+jCW1X+MExAJMoVq6ltPTgVeH1paCNVEBRpe2RvSH2g23VruyAZLylLMW5WBZHqr50lT9pypiQC5AloOYVHgxqIGNwOiAsDPrCSCXPu7r+UufqApm49pclb/9Bk7kng/a6ORdSx8gVKbV5G3euX2M8rAALKOn9uKArYTwmnLeM/3qfzF+/TxI2/I30OIu7cvoJ2bVtBCTPIAh7xXogCTlNC1jdx/TGlR27bllcOHSsX0P63VyUp5CwL2Oa9mBPQcqYBR0kzDx7/Rye+/5POXLhHcfLejlYW8iVavrjg4CoOMMTL4olfQHTdftJI7u4zOngqxz7uqfT9NzYsoZ7XllL3hsVsWQvnxIDok7ee2J/LXHtEP12Xd3dY48kP1yThH8dYwN14Ygvohud4TUIA4u37+qa0y+7d0cYW1Fb0juO7vmErPs/+UyQhEeeCiSeg1u4LC+o7auaJh50dGuigrs4WKgXVQenqaKGTH63R3Z0xBTDmreFd0gh8nriTO9npjxxaW7J4AAdg5JBBPZuWBpZP5p7yOu+QZlL40+x/oQOkKWLAwA5/tmd1LBaC7xh6v9M+IH7OXJjlSB8tNYqIbXTNrv8zSBOiJcBqBve0U9wc7n0lz++lR34njeBkglasUVuxFNYndl04+DDLQ36YufqQslceUu7eM3sZRiFdnQvtNEUVHGxLZH/ad/TXuWXwkdgGjTliCluTIk1ghOEHO6ISICw/xLAODWKE5XtdnYvsiD7s+47zF//SKaCBrTBIAzj64vAMOy4D4iGaFpNcw7ft++qm/RkZENjPxI3HZY92QtgCAdeSBrDhfpAkq6wPlqdKrmWERVn42O71iwPLUKTQhG2BWkr2GfZhfsRUwwOWWsqwLizKomLjZyrCwYmIvi582w0AHkhuZWBEUSqZq4+ky1Gp8QOL1QX6VCwWKM5hiMDBy5gqY+eyHK0P976ctxzd2A/cg6Y5FiOR0gVQpS6TZXQvdP8o69JBcmuapyQmoCrtKKdqohpHq9alA2y9STEEEtGn9B2dCXRPdDfZDqc2LQ8kvlFQBSbRLWC9KFxoYFabBW4Udk4156FKb4pBlZiLE1LtbQtIEyYENEkDorVlhbzQo5sTbAy/orI3pACbvRJMb3o2LSNN2BY4QxoQNzpsSPUBTwqpuqMMHBx8RoZsCImDpAnbAi+TBmRDquELd6X/i7QDFeRiLBH/E1bRERPzsCFkDMx4QUQLO7e9GBgTY/iFZbJgAkGQFKMYABEwevCGYO18MGDR8Jdh1gTrE+dJdnVrne7MNumeUHrn818CXdcpw6+NPdmVzbtgXd99uo400tbsnqZgkiYG+1YHXsNKvhj7g+ImfTZ/kn7/W6tIIya088zgHGlCFmVRGD34bS6WhBffkT77W15hAevctV1v98WfZv8LXciiLMr2SLbLKXYiYUa3HRf8HrquKkrHiG10/ol1nBej7XTesIl1lNzD5jtk3zXMAUlWR0zw7IS2uYl1kMQpvWEiAtTxUpuXupNILYFTO7z8DkmyalSDzwwNdCYh3mkWbwBP/AKmyDk3UCsQA2nKcMwnF8HnodsmVMqyz0rAE/H0NuxVImflj/OM3Ykf7sRyettg36s6RxsiiL5zuZEo4BFK+PxoCDk+cV95xpUKjDCQJGuOtDIGWMDT3gtRQO3BRIXt4zCpfu2h/VycCNrI/g0+rqu9hXp40kgs2yeEScI1dHnXiVTCCmVU2XUiHoHTe4HM4+KyJpMaiJiieCBPQHdoN0gNRKSaSGO+6ySz1MBjzB84/DQuNixM6MWGyqzT/UCjKzuXu5qqN0PTdvc62eNUvxxXdV2Pgpf8u7khhnh1d8k/i7e10D8VHDi6URnXRJhUP5jk7HNBGrc9ycekuG974tG48U4+jVs/PcekEm79FLl45q4A9w/QMp9cIbx7xJgUkZKqj1iRG6HmQ4qDfShJvFiwnNt+1uoNGA9QNWA5twAdtWqHjFWNd/a1GjehjQfeyCNWdQmJ7optqp3CiOV060pbZO0JJ4N3oJfbaSsZIBr8cYoSoKSb0JaK9fzHCDCBjx8kMCgeTHJ/iIAS/jGCRAUUcQVFlSdFzjV7BjkFXO/Rj+l7RPvZfazorzf8DzVpOVIMfwU5AAAAAElFTkSuQmCC)}";
+const mapMapboxCss = () => `: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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)}`;
 
 const MapMapbox = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.mapsIndoorsReady = createEvent(this, "mapsIndoorsReady", 7);
-    // Directions render and service instances
-    this.directionsRendererInstance = null;
-    this.accessToken = undefined;
-    this.miApiKey = '';
-    this.disableExternalLinks = false;
-    this.floorSelectorControlPosition = undefined;
-    this.floorIndex = undefined;
-    this.myPositionControlPosition = undefined;
-    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 = undefined;
-    this.bearing = '0';
-    this.pitch = '0';
-    this.language = 'en';
-  }
-  apiKeyChange(newApiKey) {
-    mapsindoors.MapsIndoors.setMapsIndoorsApiKey(newApiKey);
-  }
-  setExternalLinkBehavior(shouldDisableLinks) {
-    if (shouldDisableLinks === true) {
-      this.mapElement.addEventListener('click', this.preventExternalLink);
-    }
-    else {
-      this.mapElement.removeEventListener('click', this.preventExternalLink);
-    }
-  }
-  floorSelectorControlPositionChange(newPosition) {
-    if (this.floorSelectorControl) {
-      this.setFloorSelectorControl(newPosition);
-    }
-  }
-  floorIndexChange(newFloor, oldFloor) {
-    if (newFloor === null) {
-      newFloor = '0'; // Setting the DOM attribute to "0" will be passed on here as null, so we need to circumvent that.
-    }
-    if (newFloor !== oldFloor && newFloor !== this.mapsIndoorsInstance.getFloor()) {
-      this.mapsIndoorsInstance.setFloor(newFloor);
-    }
-  }
-  myPositionControlPositionChange(newPosition) {
-    this.setMyPositionControl(newPosition);
-  }
-  polylineOptionsChange(newPolylineOptions) {
-    if (this.directionsRendererInstance) {
-      this.directionsRendererInstance.setOptions({
-        strokeColor: newPolylineOptions.color ? newPolylineOptions.color : '#3071d9',
-        strokeOpacity: newPolylineOptions.opacity ? newPolylineOptions.opacity : 1,
-        strokeWeight: newPolylineOptions.weight ? newPolylineOptions.weight : 4
-      });
-    }
-  }
-  zoomChange(newZoom, oldZoom) {
-    if (newZoom !== oldZoom && newZoom !== this.mapboxInstance.getZoom()) {
-      if (newZoom === null) {
-        newZoom = 0; // Setting the DOM attribute to "0" will be passed on here as null, so we need to circumvent that.
-      }
-      this.mapboxInstance.setZoom(newZoom);
-    }
-  }
-  maxPitchChange(newPitch, oldPitch) {
-    if (newPitch !== oldPitch && newPitch !== this.mapboxInstance.getMaxPitch()) {
-      if (newPitch === null) {
-        newPitch = 0; // Setting the DOM attribute to "0" will be passed on here as null, so we need to circumvent that.
-      }
-      this.mapboxInstance.setMaxPitch(newPitch);
-    }
-  }
-  maxZoomChange(newZoom, oldZoom) {
-    if (newZoom !== oldZoom && newZoom !== this.mapboxInstance.getMaxZoom()) {
-      if (newZoom === null) {
-        newZoom = 0; // Setting the DOM attribute to "0" will be passed on here as null, so we need to circumvent that.
-      }
-      this.mapboxInstance.setMaxZoom(newZoom);
-    }
-  }
-  bearingChange(newBearing, oldBearing) {
-    if (newBearing !== oldBearing && newBearing !== this.mapboxInstance.getBearing()) {
-      if (newBearing === null) {
-        newBearing = 0; // Setting the DOM attribute to "0" will be passed on here as null, so we need to circumvent that.
-      }
-      this.mapboxInstance.setBearing(newBearing);
-    }
-  }
-  pitchChange(newPitch, oldPitch) {
-    if (newPitch !== oldPitch && newPitch !== this.mapboxInstance.getPitch()) {
-      if (newPitch === null) {
-        newPitch = 0; // Setting the DOM attribute to "0" will be passed on here as null, so we need to circumvent that.
-      }
-      this.mapboxInstance.setPitch(newPitch);
-    }
-  }
-  /**
-   * 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(location) {
-    // Return if polygonHighlightOptions is undefined
-    if (!this.polygonHighlightOptions)
-      return;
-    // Return if already highlighted
-    if (this.highlightedLocationId && this.highlightedLocationId === location.id)
-      return;
-    // Remove previous highlight
-    if (this.highlightedLocationId) {
-      this.mapsIndoorsInstance.setDisplayRule(this.highlightedLocationId, null);
-    }
-    this.mapsIndoorsInstance.setDisplayRule(location.id, {
-      polygonVisible: true,
-      polygonZoomFrom: '0',
-      polygonZoomTo: '22',
-      zIndex: 1000,
-      polygonFillColor: this.polygonHighlightOptions.fillColor,
-      polygonFillOpacity: this.polygonHighlightOptions.fillOpacity,
-      polygonStrokeColor: this.polygonHighlightOptions.strokeColor,
-      polygonStrokeOpacity: this.polygonHighlightOptions.strokeOpacity,
-      polygonStrokeWeight: this.polygonHighlightOptions.strokeWeight
-    });
-    this.highlightedLocationId = location.id;
-  }
-  /**
-   * Clear existing MapsIndoors location highlight.
-   * @returns {Promise<void>}
-   */
-  async clearHighlightLocation() {
-    if (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();
-    if (this.floorSelectorControlPosition) {
-      this.showFloorSelector();
-    }
-    if (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) === 'undefined') {
-      return new Promise(resolve => {
-        const mapboxApiTag = document.createElement('script');
-        mapboxApiTag.setAttribute('type', 'text/javascript');
-        // When upgrading the version please remember to update url to the MapBox css in the render function.
-        mapboxApiTag.setAttribute('src', 'https://api.mapbox.com/mapbox-gl-js/v2.3.0/mapbox-gl.js');
-        document.body.appendChild(mapboxApiTag);
-        mapboxApiTag.onload = () => resolve();
-      });
-    }
-  }
-  /**
-   * Ensure that MapsIndoors Web SDK is available.
-   *
-   * @returns {Promise<void>}
-   */
-  initializeMapsIndoorsSDK() {
-    return new Promise((resolve) => {
-      if (typeof mapsindoors !== 'undefined') {
-        mapsindoors.MapsIndoors.setMapsIndoorsApiKey(this.miApiKey);
-        mapsindoors.MapsIndoors.setLanguage(this.language);
-        return resolve();
-      }
-      const miSdkApiTag = document.createElement('script');
-      miSdkApiTag.setAttribute('type', 'text/javascript');
-      miSdkApiTag.setAttribute('src', `${miVariables.miSDKUrlV4}?apikey=${this.miApiKey}`);
-      document.body.appendChild(miSdkApiTag);
-      miSdkApiTag.onload = () => resolve();
-    });
-  }
-  /**
-   * Start MapBox and MapsIndoors.
-   */
-  setupMap() {
-    return new Promise((resolve) => {
-      const mapViewOptions = {
-        accessToken: this.accessToken,
-        element: this.mapElement,
-        zoom: this.zoom,
-        maxZoom: this.maxZoom,
-        maxPitch: this.maxPitch,
-        bearing: this.bearing,
-        pitch: this.pitch
-      };
-      const mapViewInstance = new mapsindoors.mapView.MapboxView(mapViewOptions);
-      this.mapboxInstance = mapViewInstance.getMap();
-      this.mapsIndoorsInstance = new mapsindoors.MapsIndoors({
-        mapView: mapViewInstance,
-        labelOptions: {
-          pixelOffset: { width: 0, height: 14 },
-          style: {
-            fontSize: '11px'
-          }
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.mapsIndoorsReady = createEvent(this, "mapsIndoorsReady", 7);
+        /**
+         * The MapsIndoors API key.
+         * @type {string}
+         */
+        this.miApiKey = '';
+        /**
+         * Set to true to prevent external links on the map from opening.
+         * This can be useful when running the map on a kiosk where you never want the browser to navigate away.
+         * @type {boolean}
+         */
+        this.disableExternalLinks = false;
+        /**
+         * Styling of polygon highlight when a location is clicked.
+         * Set it to null to turn off highlighting.
+         * @type {object}
+         */
+        this.polygonHighlightOptions = {
+            strokeColor: '#EF6CCE',
+            strokeOpacity: 1,
+            strokeWeight: 2,
+            fillColor: '#EF6CCE',
+            fillOpacity: 0.2
+        };
+        /**
+         * Styling of how the polyline looks when getting a route.
+         * Color: The stroke color of direction polyline on the map. Accepts any legal HTML color value. Default: '#307ad9'.
+         * Opacity: The stroke opacity of directions polylines on the map. Numerical value between 0.0 and 1.0. Default: 1.
+         * Weight: The width of the direction polyline in pixels. Default: 4.
+         *
+         * @type {{ color: string, weight: number, opacity: number }}
+         */
+        this.polylineOptions = {
+            color: '#3071d9',
+            opacity: 1,
+            weight: 4
+        };
+        /**
+         * Set or get the current zoom level of the map.
+         * @type {string}
+         */
+        this.zoom = '17';
+        /**
+         * Set or get the max pitch of the map (0-85).
+         * @type {number}
+         */
+        this.maxPitch = 60;
+        /**
+         * Set or get the max zoom level of the map.
+         * @type {string}
+         */
+        this.maxZoom = undefined;
+        /**
+         * Set or get the bearing of the map.
+         * @type {string}
+         */
+        this.bearing = '0';
+        /**
+         * Set or get the pitch (tilt) of the map. Measured in degrees (0-60).
+         * @type {string}
+         */
+        this.pitch = '0';
+        /**
+         * Set the component language. Default set to English (en). Will not react to changes.
+         */
+        this.language = 'en';
+        // Directions render and service instances
+        this.directionsRendererInstance = null;
+    }
+    apiKeyChange(newApiKey) {
+        mapsindoors.MapsIndoors.setMapsIndoorsApiKey(newApiKey);
+    }
+    setExternalLinkBehavior(shouldDisableLinks) {
+        if (shouldDisableLinks === true) {
+            this.mapElement.addEventListener('click', this.preventExternalLink);
+        }
+        else {
+            this.mapElement.removeEventListener('click', this.preventExternalLink);
+        }
+    }
+    floorSelectorControlPositionChange(newPosition) {
+        if (this.floorSelectorControl) {
+            this.setFloorSelectorControl(newPosition);
+        }
+    }
+    floorIndexChange(newFloor, oldFloor) {
+        if (newFloor === null) {
+            newFloor = '0'; // Setting the DOM attribute to "0" will be passed on here as null, so we need to circumvent that.
+        }
+        if (newFloor !== oldFloor && newFloor !== this.mapsIndoorsInstance.getFloor()) {
+            this.mapsIndoorsInstance.setFloor(newFloor);
         }
-      });
-      // Add zoom and rotation controls
-      const navigationControl = new mapboxgl.NavigationControl();
-      this.mapboxInstance.addControl(navigationControl, 'top-left');
-      this.mapsIndoorsInstance.on('ready', async () => {
-        if (this.floorIndex !== undefined) {
-          // Set the floor if floor attribute was set in the DOM initially
-          this.mapsIndoorsInstance.setFloor(this.floorIndex);
+    }
+    myPositionControlPositionChange(newPosition) {
+        this.setMyPositionControl(newPosition);
+    }
+    polylineOptionsChange(newPolylineOptions) {
+        if (this.directionsRendererInstance) {
+            this.directionsRendererInstance.setOptions({
+                strokeColor: newPolylineOptions.color ? newPolylineOptions.color : '#3071d9',
+                strokeOpacity: newPolylineOptions.opacity ? newPolylineOptions.opacity : 1,
+                strokeWeight: newPolylineOptions.weight ? newPolylineOptions.weight : 4
+            });
+        }
+    }
+    zoomChange(newZoom, oldZoom) {
+        if (newZoom !== oldZoom && newZoom !== this.mapboxInstance.getZoom()) {
+            if (newZoom === null) {
+                newZoom = 0; // Setting the DOM attribute to "0" will be passed on here as null, so we need to circumvent that.
+            }
+            this.mapboxInstance.setZoom(newZoom);
+        }
+    }
+    maxPitchChange(newPitch, oldPitch) {
+        if (newPitch !== oldPitch && newPitch !== this.mapboxInstance.getMaxPitch()) {
+            if (newPitch === null) {
+                newPitch = 0; // Setting the DOM attribute to "0" will be passed on here as null, so we need to circumvent that.
+            }
+            this.mapboxInstance.setMaxPitch(newPitch);
+        }
+    }
+    maxZoomChange(newZoom, oldZoom) {
+        if (newZoom !== oldZoom && newZoom !== this.mapboxInstance.getMaxZoom()) {
+            if (newZoom === null) {
+                newZoom = 0; // Setting the DOM attribute to "0" will be passed on here as null, so we need to circumvent that.
+            }
+            this.mapboxInstance.setMaxZoom(newZoom);
+        }
+    }
+    bearingChange(newBearing, oldBearing) {
+        if (newBearing !== oldBearing && newBearing !== this.mapboxInstance.getBearing()) {
+            if (newBearing === null) {
+                newBearing = 0; // Setting the DOM attribute to "0" will be passed on here as null, so we need to circumvent that.
+            }
+            this.mapboxInstance.setBearing(newBearing);
+        }
+    }
+    pitchChange(newPitch, oldPitch) {
+        if (newPitch !== oldPitch && newPitch !== this.mapboxInstance.getPitch()) {
+            if (newPitch === null) {
+                newPitch = 0; // Setting the DOM attribute to "0" will be passed on here as null, so we need to circumvent that.
+            }
+            this.mapboxInstance.setPitch(newPitch);
+        }
+    }
+    /**
+     * 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(location) {
+        // Return if polygonHighlightOptions is undefined
+        if (!this.polygonHighlightOptions)
+            return;
+        // Return if already highlighted
+        if (this.highlightedLocationId && this.highlightedLocationId === location.id)
+            return;
+        // Remove previous highlight
+        if (this.highlightedLocationId) {
+            this.mapsIndoorsInstance.setDisplayRule(this.highlightedLocationId, null);
+        }
+        this.mapsIndoorsInstance.setDisplayRule(location.id, {
+            polygonVisible: true,
+            polygonZoomFrom: '0',
+            polygonZoomTo: '22',
+            zIndex: 1000,
+            polygonFillColor: this.polygonHighlightOptions.fillColor,
+            polygonFillOpacity: this.polygonHighlightOptions.fillOpacity,
+            polygonStrokeColor: this.polygonHighlightOptions.strokeColor,
+            polygonStrokeOpacity: this.polygonHighlightOptions.strokeOpacity,
+            polygonStrokeWeight: this.polygonHighlightOptions.strokeWeight
+        });
+        this.highlightedLocationId = location.id;
+    }
+    /**
+     * Clear existing MapsIndoors location highlight.
+     * @returns {Promise<void>}
+     */
+    async clearHighlightLocation() {
+        if (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();
+        if (this.floorSelectorControlPosition) {
+            this.showFloorSelector();
+        }
+        if (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) === 'undefined') {
+            return new Promise(resolve => {
+                const mapboxApiTag = document.createElement('script');
+                mapboxApiTag.setAttribute('type', 'text/javascript');
+                // When upgrading the version please remember to update url to the MapBox css in the render function.
+                mapboxApiTag.setAttribute('src', 'https://api.mapbox.com/mapbox-gl-js/v3.19.0/mapbox-gl.js');
+                document.body.appendChild(mapboxApiTag);
+                mapboxApiTag.onload = () => resolve();
+            });
+        }
+    }
+    /**
+     * Ensure that MapsIndoors Web SDK is available.
+     *
+     * @returns {Promise<void>}
+     */
+    initializeMapsIndoorsSDK() {
+        return new Promise((resolve) => {
+            if (typeof mapsindoors !== 'undefined') {
+                mapsindoors.MapsIndoors.setMapsIndoorsApiKey(this.miApiKey);
+                mapsindoors.MapsIndoors.setLanguage(this.language);
+                return resolve();
+            }
+            const miSdkApiTag = document.createElement('script');
+            miSdkApiTag.setAttribute('type', 'text/javascript');
+            miSdkApiTag.setAttribute('src', `${miVariables.miSDKUrlV4}?apikey=${this.miApiKey}`);
+            document.body.appendChild(miSdkApiTag);
+            miSdkApiTag.onload = () => resolve();
+        });
+    }
+    /**
+     * Start MapBox and MapsIndoors.
+     */
+    setupMap() {
+        return new Promise((resolve) => {
+            const mapViewOptions = {
+                accessToken: this.accessToken,
+                element: this.mapElement,
+                zoom: this.zoom,
+                maxZoom: this.maxZoom,
+                maxPitch: this.maxPitch,
+                bearing: this.bearing,
+                pitch: this.pitch
+            };
+            const mapViewInstance = new mapsindoors.mapView.MapboxView(mapViewOptions);
+            this.mapboxInstance = mapViewInstance.getMap();
+            this.mapsIndoorsInstance = new mapsindoors.MapsIndoors({
+                mapView: mapViewInstance,
+                labelOptions: {
+                    pixelOffset: { width: 0, height: 14 },
+                    style: {
+                        fontSize: '11px'
+                    }
+                }
+            });
+            // Add zoom and rotation controls
+            const navigationControl = new mapboxgl.NavigationControl();
+            this.mapboxInstance.addControl(navigationControl, 'top-left');
+            this.mapsIndoorsInstance.on('ready', async () => {
+                if (this.floorIndex !== undefined) {
+                    // Set the floor if floor attribute was set in the DOM initially
+                    this.mapsIndoorsInstance.setFloor(this.floorIndex);
+                }
+                else {
+                    this.floorIndex = this.mapsIndoorsInstance.getFloor();
+                }
+                this.initializeDirectionsService();
+                this.initializeDirectionsRenderer();
+                this.mapsIndoorsReady.emit();
+                resolve();
+            });
+        });
+    }
+    /**
+     * Initialize MapsIndoors Directions Service.
+     */
+    initializeDirectionsService() {
+        const externalDirections = new mapsindoors.directions.MapboxProvider(this.accessToken);
+        this.directionsServiceInstance = new mapsindoors.services.DirectionsService(externalDirections);
+    }
+    /**
+     * Initialize MapsIndoors Directions Renderer with render options set.
+     */
+    initializeDirectionsRenderer() {
+        this.directionsRendererInstance = new mapsindoors.directions.DirectionsRenderer({
+            mapsIndoors: this.mapsIndoorsInstance,
+            fitBounds: true,
+            strokeColor: this.polylineOptions.color,
+            strokeOpacity: this.polylineOptions.opacity,
+            strokeWeight: this.polylineOptions.weight,
+            visible: true
+        });
+    }
+    /**
+     * Add event listeners and keep properties in sync.
+     */
+    addEventListeners() {
+        // Add click listener to highlight the clicked location
+        this.mapsIndoorsInstance.on('click', (location) => {
+            this.highlightLocation(location);
+        });
+        // Add floor changed event listener to update the floorIndex attribute
+        this.mapsIndoorsInstance.on('floor_changed', (floorIndex) => {
+            this.floorIndex = floorIndex;
+        });
+        // Add zoom end event listener to update the zoom attribute
+        this.mapboxInstance.on('zoomend', () => {
+            this.zoom = this.mapboxInstance.getZoom().toString();
+        });
+        // Add pitch (tilt) end listener to update the pitch attribute
+        this.mapboxInstance.on('pitchend', () => {
+            this.pitch = this.mapboxInstance.getPitch().toString();
+        });
+        // Add rotate end listener to update the bearing attribute
+        this.mapboxInstance.on('rotateend', () => {
+            this.bearing = this.mapboxInstance.getBearing().toString();
+        });
+    }
+    /**
+     * Prevent external links from opening.
+     * @param {MouseEvent} event
+     */
+    preventExternalLink(event) {
+        const externalLink = event.target.closest('a[target="_blank"]');
+        if (externalLink) {
+            event.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(controlPosition) {
+        if (controlPosition === null) {
+            // If attribute is not set, remove floor selector control
+            this.mapboxInstance.removeControl(this.floorSelectorControl);
+            this.floorSelectorControl = null;
+        }
+        else if (!this.floorSelectorControl) {
+            // Create new floor selector control
+            this.floorSelectorControl = new FloorSelectorControl(this.mapboxInstance, this.mapsIndoorsInstance);
+            this.mapboxInstance.addControl(this.floorSelectorControl, this.floorSelectorControlPosition);
         }
         else {
-          this.floorIndex = this.mapsIndoorsInstance.getFloor();
+            // Update position of floor selector control
+            this.mapboxInstance.removeControl(this.floorSelectorControl);
+            this.mapboxInstance.addControl(this.floorSelectorControl, this.floorSelectorControlPosition);
         }
-        this.initializeDirectionsService();
-        this.initializeDirectionsRenderer();
-        this.mapsIndoorsReady.emit();
-        resolve();
-      });
-    });
-  }
-  /**
-   * Initialize MapsIndoors Directions Service.
-   */
-  initializeDirectionsService() {
-    const externalDirections = new mapsindoors.directions.MapboxProvider(this.accessToken);
-    this.directionsServiceInstance = new mapsindoors.services.DirectionsService(externalDirections);
-  }
-  /**
-   * Initialize MapsIndoors Directions Renderer with render options set.
-   */
-  initializeDirectionsRenderer() {
-    this.directionsRendererInstance = new mapsindoors.directions.DirectionsRenderer({
-      mapsIndoors: this.mapsIndoorsInstance,
-      fitBounds: true,
-      strokeColor: this.polylineOptions.color,
-      strokeOpacity: this.polylineOptions.opacity,
-      strokeWeight: this.polylineOptions.weight,
-      visible: true
-    });
-  }
-  /**
-   * Add event listeners and keep properties in sync.
-   */
-  addEventListeners() {
-    // Add click listener to highlight the clicked location
-    this.mapsIndoorsInstance.on('click', (location) => {
-      this.highlightLocation(location);
-    });
-    // Add floor changed event listener to update the floorIndex attribute
-    this.mapsIndoorsInstance.on('floor_changed', (floorIndex) => {
-      this.floorIndex = floorIndex;
-    });
-    // Add zoom end event listener to update the zoom attribute
-    this.mapboxInstance.on('zoomend', () => {
-      this.zoom = this.mapboxInstance.getZoom().toString();
-    });
-    // Add pitch (tilt) end listener to update the pitch attribute
-    this.mapboxInstance.on('pitchend', () => {
-      this.pitch = this.mapboxInstance.getPitch().toString();
-    });
-    // Add rotate end listener to update the bearing attribute
-    this.mapboxInstance.on('rotateend', () => {
-      this.bearing = this.mapboxInstance.getBearing().toString();
-    });
-  }
-  /**
-   * Prevent external links from opening.
-   * @param {MouseEvent} event
-   */
-  preventExternalLink(event) {
-    const externalLink = event.target.closest('a[target="_blank"]');
-    if (externalLink) {
-      event.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(controlPosition) {
-    if (controlPosition === null) {
-      // If attribute is not set, remove floor selector control
-      this.mapboxInstance.removeControl(this.floorSelectorControl);
-      this.floorSelectorControl = null;
-    }
-    else if (!this.floorSelectorControl) {
-      // Create new floor selector control
-      this.floorSelectorControl = new FloorSelectorControl(this.mapboxInstance, this.mapsIndoorsInstance);
-      this.mapboxInstance.addControl(this.floorSelectorControl, this.floorSelectorControlPosition);
-    }
-    else {
-      // Update position of floor selector control
-      this.mapboxInstance.removeControl(this.floorSelectorControl);
-      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(controlPosition) {
-    if (controlPosition === null) {
-      // If attribute is not set, remove my position control
-      this.mapboxInstance.removeControl(this.myPositionControl);
-      this.myPositionControl = null;
-    }
-    else if (!this.myPositionControl) {
-      // Create new my position control
-      this.myPositionControl = new MyPositionControl(this.mapboxInstance, this.mapsIndoorsInstance);
-      this.mapboxInstance.addControl(this.myPositionControl, this.myPositionControlPosition);
-    }
-    else {
-      // Update position of my position control
-      this.mapboxInstance.removeControl(this.myPositionControl);
-      this.mapboxInstance.addControl(this.myPositionControl, this.myPositionControlPosition);
-    }
-  }
-  render() {
-    return (h(Host, null, h("link", { href: 'https://api.mapbox.com/mapbox-gl-js/v2.3.0/mapbox-gl.css', rel: 'stylesheet' }), h("div", { ref: (el) => this.mapElement = el })));
-  }
-  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"]
-  }; }
+    }
+    /**
+     * Set, update or unset my position control on the map.
+     * @param {('top-left' | 'top-right' | 'bottom-left' | 'bottom-right')} controlPosition
+     */
+    setMyPositionControl(controlPosition) {
+        if (controlPosition === null) {
+            // If attribute is not set, remove my position control
+            this.mapboxInstance.removeControl(this.myPositionControl);
+            this.myPositionControl = null;
+        }
+        else if (!this.myPositionControl) {
+            // Create new my position control
+            this.myPositionControl = new MyPositionControl(this.mapboxInstance, this.mapsIndoorsInstance);
+            this.mapboxInstance.addControl(this.myPositionControl, this.myPositionControlPosition);
+        }
+        else {
+            // Update position of my position control
+            this.mapboxInstance.removeControl(this.myPositionControl);
+            this.mapboxInstance.addControl(this.myPositionControl, this.myPositionControlPosition);
+        }
+    }
+    render() {
+        return (h(Host, { key: '9b0f272944723fbf10d5ce6f826c6eab45b11ddc' }, h("link", { key: 'c199834955eb110c6b9df4fbfe3994e0d89f5874', href: 'https://api.mapbox.com/mapbox-gl-js/v3.19.0/mapbox-gl.css', rel: 'stylesheet' }), h("div", { key: '12524233dc04a7f99bed546faf62df006d193f81', ref: (el) => this.mapElement = el })));
+    }
+    static get watchers() { return {
+        "miApiKey": [{
+                "apiKeyChange": 0
+            }],
+        "disableExternalLinks": [{
+                "setExternalLinkBehavior": 0
+            }],
+        "floorSelectorControlPosition": [{
+                "floorSelectorControlPositionChange": 0
+            }],
+        "floorIndex": [{
+                "floorIndexChange": 0
+            }],
+        "myPositionControlPosition": [{
+                "myPositionControlPositionChange": 0
+            }],
+        "polylineOptions": [{
+                "polylineOptionsChange": 0
+            }],
+        "zoom": [{
+                "zoomChange": 0
+            }],
+        "maxPitch": [{
+                "maxPitchChange": 0
+            }],
+        "maxZoom": [{
+                "maxZoomChange": 0
+            }],
+        "bearing": [{
+                "bearingChange": 0
+            }],
+        "pitch": [{
+                "pitchChange": 0
+            }]
+    }; }
 };
-MapMapbox.style = mapMapboxCss;
+MapMapbox.style = mapMapboxCss();
 
 export { MapMapbox as mi_map_mapbox };