From 2b336086cc09a83c0cad1581b8e1c63f6fd3989e Mon Sep 17 00:00:00 2001
From: Alex <sorrow.about.alice@pm.me>
Date: Thu, 2 May 2019 20:49:53 +0300
Subject: [PATCH 1/5] Mapbox-gl as a prop of MglMap (#118)

* Added prop for mapbox-gl implementation
---
 docs_source/api/README.md                     |   6 +
 docs_source/api/glmap.md                      | 458 ------------------
 docs_source/guide/basemap.md                  |  24 +-
 .../plugin_components_development.md          |   2 +-
 src/components/map/GlMap.vue                  |  15 +-
 .../map/mixins/withPrivateMethods.js          |  17 +-
 6 files changed, 49 insertions(+), 473 deletions(-)
 delete mode 100644 docs_source/api/glmap.md

diff --git a/docs_source/api/README.md b/docs_source/api/README.md
index c780dea3..c0b362d1 100644
--- a/docs_source/api/README.md
+++ b/docs_source/api/README.md
@@ -2,6 +2,12 @@
 
 ## Props
 
+### `mapboxGl`
+
+- **Type**: `Object`
+- **Default:** `null`
+- - **Description:** Mapboxgl-js implementation. Useful for lazy-loading. If omitted, VueMapbox imports Mapbox-gl-js dynamically.
+
 ### `mapStyle`
 
 - **Type**: `String`, `Object`
diff --git a/docs_source/api/glmap.md b/docs_source/api/glmap.md
deleted file mode 100644
index c780dea3..00000000
--- a/docs_source/api/glmap.md
+++ /dev/null
@@ -1,458 +0,0 @@
-# GlMap
-
-## Props
-
-### `mapStyle`
-
-- **Type**: `String`, `Object`
-- **Required**
-- **Synced**
-- **Description:** The map's Mapbox style. This must be an a JSON object conforming to the schema described in the Mapbox Style Specification , or a URL to such JSON.
-- **See:** `options.style` in [Map](https://docs.mapbox.com/mapbox-gl-js/api/#map)
-
-### `container`
-
-- **Type:** `String`, `HTMLElement`
-- **Default:** `#map-{random number}`
-- **Non-Synced**
-- **Description:** The HTML element in which Mapbox GL JS will render the map
-- **See:** `options.container` in [Map](https://docs.mapbox.com/mapbox-gl-js/api/#map)
-
-### `accessToken`
-
-- **Type:** `String`
-- **Default:** `undefined`
-- **Non-Synced**
-- **Description:** Token for access Mapbox map
-- **See:** [accessToken](https://docs.mapbox.com/mapbox-gl-js/api/#accesstoken)
-
-### `minZoom`
-
-- **Type:** `Number`
-- **Default:** `0`
-- **Synced**
-- **Description:** Minimum zoom level of the map (0-24)
-- **See:** `options.minZoom` in [Map](https://docs.mapbox.com/mapbox-gl-js/api/#map)
-
-### `maxZoom`
-
-- **Type:** `Number`
-- **Default:** `22`
-- **Synced**
-- **Description:** Maximum zoom level of the map (0-24)
-- **See:** `options.maxZoom` in [Map](https://docs.mapbox.com/mapbox-gl-js/api/#map)
-
-### `hash`
-
-- **Type:** `Boolean`
-- **Default:** `false`
-- **Synced**
-- **Description:** If true, the map's position (zoom, center latitude, center longitude, bearing, and pitch) will be synced with the hash fragment of the page's URL
-- **See:** `options.hash` in [Map](https://docs.mapbox.com/mapbox-gl-js/api/#map)
-
-### `interactive`
-
-- **Type:** `Boolean`
-- **Default:** `true`
-- **Non-Synced**
-- **Description:** If false, no mouse, touch, or keyboard listeners will be attached to the map, so it will not respond to interaction
-- **See:** `options.interactive` in [Map](https://docs.mapbox.com/mapbox-gl-js/api/#map)
-
-### `bearingSnap`
-
-- **Type:** `Number`
-- **Default:** `7`
-- **Non-Synced**
-- **Description:** The threshold, measured in degrees, that determines when the map's bearing will snap to north
-- **See:** `options.bearingSnap` in [Map](https://docs.mapbox.com/mapbox-gl-js/api/#map)
-
-### `attributionControl`
-
-- **Type:** `Boolean`
-- **Default:** `true`
-- **Non-Synced**
-- **Description:** If true, an AttributionControl will be added to the map
-- **See:** `options.attributionControl` in [Map](https://docs.mapbox.com/mapbox-gl-js/api/#map)
-
-### `logoPosition`
-
-- **Type:** `String`, `top-left`, `top-right`, `bottom-right`, `bottom-left`
-- **Default:** `bottom-left`
-- **Non-Synced**
-- **Description:** A string representing the position of the Mapbox wordmark on the map
-- **See:** `options.logoPosition` in [Map](https://docs.mapbox.com/mapbox-gl-js/api/#map)
-
-### `failIfMajorPerformanceCaveat`
-
-- **Type:** `Boolean`
-- **Default:** `false`
-- **Non-Synced**
-- **Description:** If true, map creation will fail if the performance of Mapbox GL JS would be dramatically worse than expected (i.e. a software renderer would be used)
-- **See:** `options.failIfMajorPerformanceCaveat` in [Map](https://docs.mapbox.com/mapbox-gl-js/api/#map)
-
-### `crossSourceCollisions`
-
-- **Type:** `Boolean`
-- **Default:** `true`
-- **Non-Synced**
-- **Description:** If true, symbols from multiple sources can collide with each other during collision detection. If false , collision detection is run separately for the symbols in each source.
-- **See:** `options.crossSourceCollisions` in [Map](https://docs.mapbox.com/mapbox-gl-js/api/#map)
-
-### `fadeDuration`
-
-- **Type:** `Number`
-- **Default:** `300`
-- **Non-Synced**
-- **Description:** Controls the duration of the fade-in/fade-out animation for label collisions, in milliseconds. This setting affects all symbol layers. This setting does not affect the duration of runtime styling transitions or raster tile cross-fading.
-- **See:** `options.fadeDuration` in [Map](https://docs.mapbox.com/mapbox-gl-js/api/#map)
-
-### `preserveDrawingBuffer`
-
-- **Type:** `Boolean`
-- **Default:** `false`
-- **Non-Synced**
-- **Description:** If true, the map's canvas can be exported to a PNG using map.getCanvas().toDataURL()
-- **See:** `options.preserveDrawingBuffer` in [Map](https://docs.mapbox.com/mapbox-gl-js/api/#map)
-
-### `refreshExpiredTiles`
-
-- **Type:** `Boolean`
-- **Default:** `true`
-- **Non-Synced**
-- **Description:** If true, the map won't attempt to re-request tiles once they expire per their HTTP cacheControl / expires headers.
-- **See:** `options.refreshExpiredTiles` in [Map](https://docs.mapbox.com/mapbox-gl-js/api/#map)
-
-### `maxBounds`
-
-- **Type:** `Array`, `LngLatBoundsLike object`
-- **Default:** `undefined`
-- **Synced**
-- **Description:** If set, the map will be constrained to the given bounds
-- **See:** `options.maxBounds` in [Map](https://docs.mapbox.com/mapbox-gl-js/api/#map)
-
-### `scrollZoom`
-
-- **Type:** `Boolean`, `Object`
-- **Default:** `true`
-- **Non-Synced**
-- **Description:** If true, the "scroll to zoom" interaction is enabled. An Object value is passed as options to ScrollZoomHandler#enable
-- **See:** `options.scrollZoom` in [Map](https://docs.mapbox.com/mapbox-gl-js/api/#map)
-
-### `boxZoom`
-
-- **Type:** `Boolean`
-- **Default:** `true`
-- **Non-Synced**
-- **Description:** If true, the "box zoom" interaction is enabled
-- **See:** `options.boxZoom` in [Map](https://docs.mapbox.com/mapbox-gl-js/api/#map)
-
-### `dragRotate`
-
-- **Type:** `Boolean`
-- **Default:** `true`
-- **Non-Synced**
-- **Description:** If true, the "drag to rotate" interaction is enabled
-- **See:** `options.dragRotate` in [Map](https://docs.mapbox.com/mapbox-gl-js/api/#map)
-
-### `keyboard`
-
-- **Type:** `Boolean`
-- **Default:** `true`
-- **Non-Synced**
-- **Description:** If true, keyboard shortcuts are enabled
-- **See:** `options.keyboard` in [Map](https://docs.mapbox.com/mapbox-gl-js/api/#map)
-
-### `doubleClickZoom`
-
-- **Type:** `Boolean`
-- **Default:** `true`
-- **Non-Synced**
-- **Description:** If true, the "double click to zoom" interaction is enabled
-- **See:** `options.doubleClickZoom` in [Map](https://docs.mapbox.com/mapbox-gl-js/api/#map)
-
-### `touchZoomRotate`
-
-- **Type:** `Boolean`, `Object`
-- **Default:** `true`
-- **Non-Synced**
-- **Description:** If true, the "pinch to rotate and zoom" interaction is enabled. An Object value is passed as options to TouchZoomRotateHandler#enable
-- **See:** `options.touchZoomRotate` in [Map](https://docs.mapbox.com/mapbox-gl-js/api/#map)
-
-### `trackResize`
-
-- **Type:** `Boolean`
-- **Default:** `true`
-- **Non-Synced**
-- **Description:** If true, the map will automatically resize when the browser window resizes.
-- **See:** `options.trackResize` in [Map](https://docs.mapbox.com/mapbox-gl-js/api/#map)
-
-### `center`
-
-- **Type:** `Array, LngLatLike Object`
-- **Default:** `undefined`
-- **Synced**
-- **Description:** Geographical centerpoint of the map. If center is not specified in the constructor options, Mapbox GL JS will look for it in the map's style object.If it is not specified in the style, either, it will default to `[0, 0]`
-- **See:** `options.center` in [Map](https://docs.mapbox.com/mapbox-gl-js/api/#map)
-
-### `zoom`
-
-- **Type:** `Number`
-- **Default:** `undefined`
-- **Synced**
-- **Description:** Zoom level of the map. If zoom is not specified in the constructor options, Mapbox GL JS will look for it in the map's style object. If it is not specified in the style, either, it will default to `0`
-- **See:** `options.zoom` in [Map](https://docs.mapbox.com/mapbox-gl-js/api/#map)
-
-### `bearing`
-
-- **Type:** `Number`
-- **Default:** `undefined`
-- **Synced**
-- **Description:** Bearing (rotation) of the map, measured in degrees counter-clockwise from north. If bearing is not specified in the constructor options, Mapbox GL JS will look for it in the map's style object. If it is not specified in the style, either, it will default to `0`
-- **See:** `options.bearing` in [Map](https://docs.mapbox.com/mapbox-gl-js/api/#map)
-
-### `pitch`
-
-- **Type:** `Number`
-- **Default:** `undefined`
-- **Synced**
-- **Description:** Pitch (tilt) of the map, measured in degrees away from the plane of the screen (0-60). If pitch is not specified in the constructor options, Mapbox GL JS will look for it in the map's style object. If it is not specified in the style, either, it will default to `0`
-- **See:** `options.pitch` in [Map](https://docs.mapbox.com/mapbox-gl-js/api/#map)
-
-### `renderWorldCopies`
-
-- **Type:** `Boolean`
-- **Default:** `true`
-- **Non-Synced**
-- **Description:** If true , multiple copies of the world will be rendered, when zoomed out
-- **See:** `options.renderWorldCopies` in [Map](https://docs.mapbox.com/mapbox-gl-js/api/#map)
-
-### `light`
-
-- **Type:** `Object`
-- **Default:** `undefined`
-- **Synced**
-- **Description:** Light properties. Must conform to the Mapbox Style Specification
-- **See:** See [setLight](https://docs.mapbox.com/mapbox-gl-js/api/#map#setlight) Map method
-
-### `tileBoundaries`
-
-- **Type:** `Boolean`
-- **Default:** `false`
-- **Synced**
-- **Description:** A Boolean indicating whether the map will render an outline around each tile. These tile boundaries are useful for debugging
-- **See:** See [showTileBoundaries](https://docs.mapbox.com/mapbox-gl-js/api/#map#showtileboundaries) Map property
-
-### `collisionBoxes`
-
-- **Type:** `Boolean`
-- **Default:** `false`
-- **Synced**
-- **Description:** A Boolean indicating whether the map will render boxes around all symbols in the data source, revealing which symbols were rendered or which were hidden due to collisions. This information is useful for debugging
-- **See:** See [showCollisionBoxes](https://docs.mapbox.com/mapbox-gl-js/api/#map#showcollisionboxes) Map property
-
-### `repaint`
-
-- **Type:** `Boolean`
-- **Default:** `false`
-- **Synced**
-- **Description:** A Boolean indicating whether the map will continuously repaint. This information is useful for analyzing performance.
-- **See:** See [repaint](https://docs.mapbox.com/mapbox-gl-js/api/#map#repaint) Map property
-
-### `transformRequest`
-
-- **Type:** `Function`
-- **Default:** `null`
-- **Non-Synced**
-- **Description:** A callback run before the Map makes a request for an external URL. The callback can be used to modify the url, set headers, or set the credentials property for cross-origin requests. Expected to return an object with a `url` property and optionally `headers` and `credentials` properties.
-- **See:** `options.transformRequest` in [Map](https://docs.mapbox.com/mapbox-gl-js/api/#map)
-
-### `localIdeographFontFamily`
-
-- **Type:** `String`
-- **Default:** `null`
-- **Non-Synced**
-- **Description:** If specified, defines a CSS font-family for locally overriding generation of glyphs in the 'CJK Unified Ideographs' and 'Hangul Syllables' ranges. In these ranges, font settings from the map's style will be ignored, except for font-weight keywords (light/regular/medium/bold). The purpose of this option is to avoid bandwidth-intensive glyph server requests.
-- **See:** `options.localIdeographFontFamily` in [Map](https://docs.mapbox.com/mapbox-gl-js/api/#map)
-
-## Actions
-
-Asynchronous actions exposed via `GlMap.actions`
-
-::: tip
-[Map-promisified](https://github.com/soal/map-promisified) is used as wrapper around Mapbox GL JS methods. That library can be used independently from VueMapbox.
-:::
-
-### `.stop(eventData?)`
-
-- **Arguments:**
-  - `eventData` `{Object}` Custom data passed to corresponfing event.
-- **Description:** Stops all animations on the map
-- **Returns:** `{Promise<{ pitch, zoom, bearing, center }>}`
-  Promise that resolves object with map parameters on the moment of call `stop()`
-
-### `.panBy(offset, options?, eventData?)`
-
-- **Arguments:**
-  - `offset` `{Point | number[]}` x and y coordinates by which to pan the map
-  - `options` `{AnimationOptions object}` animation options. See [AnimationOptions](https://docs.mapbox.com/mapbox-gl-js/api/#animationoptions)
-  - `eventData` `{Object}` Custom data passed to corresponfing event.
-- **Description:** Pans the map by the specified offest
-- **Returns:** `{Promise<{ eventData, center }>}`
-  Promise that resolves object with event data and new center of the map when animation ends
-- **See:** [panBy](https://docs.mapbox.com/mapbox-gl-js/api/#map#panby) Map method
-
-### `.panTo(coordinates, options?, eventData?)`
-
-- **Arguments:**
-  - `coordinates` `{LngLat | number[][]}` The location to pan the map to. See also: [LngLat](https://docs.mapbox.com/mapbox-gl-js/api/#lnglat)
-  - `options` `{AnimationOptions object}` animation options. See [AnimationOptions](https://docs.mapbox.com/mapbox-gl-js/api/#animationoptions)
-  - `eventData` `{Object}` Custom data passed to corresponfing event.
-- **Description:** Pans the map to the specified location, with an animated transition
-- **Returns:** `{Promise<{ eventData, center }>}`
-  Promise that resolves object with event data and new center of the map when animation ends
-- **See:** [panTo](https://docs.mapbox.com/mapbox-gl-js/api/#map#panto) Map method
-
-### `.zoomTo(zoom, options?, eventData?)`
-
-- **Arguments:**
-  - `zoom` `{number}` The zoom level to transition to
-  - `options` `{AnimationOptions object}` animation options. See [AnimationOptions](https://docs.mapbox.com/mapbox-gl-js/api/#animationoptions)
-  - `eventData` `{Object}` Custom data passed to corresponfing event.
-- **Description:** Zooms the map to the specified zoom level, with an animated transition
-- **Returns:** `{Promise<{ eventData, zoom }>}`
-  Promise that resolves object with event data and new zoom level of the map when animation ends
-- **See:** [zoomTo](https://docs.mapbox.com/mapbox-gl-js/api/#map#zoomto) Map method
-
-### `.zoomIn(options?, eventData?)`
-
-- **Arguments:**
-  - `options` `{AnimationOptions object}` animation options. See [AnimationOptions](https://docs.mapbox.com/mapbox-gl-js/api/#animationoptions)
-  - `eventData` `{Object}` Custom data passed to corresponfing event.
-- **Description:** Increases the map's zoom level by 1
-- **Returns:** `{Promise<{ eventData, zoom }>}`
-  Promise that resolves object with event data and new zoom level of the map when animation ends
-- **See:** [zoomIn](https://docs.mapbox.com/mapbox-gl-js/api/#map#zoomin) Map method
-
-### `.zoomOut(options?, eventData?)`
-
-- **Arguments:**
-  - `options` `{AnimationOptions object}` animation options. See [AnimationOptions](https://docs.mapbox.com/mapbox-gl-js/api/#animationoptions)
-  - `eventData` `{Object}` Custom data passed to corresponfing event.
-- **Description:** Decreases the map's zoom level by 1
-- **Returns:** `{Promise<{ eventData, zoom }>}`
-  Promise that resolves object with event data and new zoom level of the map when animation ends
-- **See:** [zoomOut](https://docs.mapbox.com/mapbox-gl-js/api/#map#zoomOut) Map method
-
-### `.rotateTo(bearing, options?, eventData?)`
-
-- **Arguments:**
-  - `bearing` `{number}` The desired bearing
-  - `options` `{AnimationOptions object}` animation options. See [AnimationOptions](https://docs.mapbox.com/mapbox-gl-js/api/#animationoptions)
-  - `eventData` `{Object}` Custom data passed to corresponfing event.
-- **Description:** Rotates the map to the specified bearing, with an animated transition. The bearing is the compass direction that is \"up\"; for example, a bearing of 90° orients the map so that east is up.
-- **Returns:** `{Promise<{ eventData, bearing }>}`
-  Promise that resolves object with event data and new bearing of the map when animation ends
-- **See:** [rotateTo](https://docs.mapbox.com/mapbox-gl-js/api/#map#rotateto) Map method
-
-### `.resetNorth(options?, eventData?)`
-
-- **Arguments:**
-  - `options` `{AnimationOptions object}` animation options. See [AnimationOptions](https://docs.mapbox.com/mapbox-gl-js/api/#animationoptions)
-- **Description:** Rotates the map so that north is up (0° bearing), with an animated transition
-- **Returns:** `{Promise<{ eventData, bearing }>}`
-  Promise that resolves object with event data and new bearing of the map when animation ends
-- **See:** [resetNorth](https://docs.mapbox.com/mapbox-gl-js/api/#map#resetnorth) Map method
-
-### `.snapToNorth(options?, eventData?)`
-
-- **Arguments:**
-  - `options` `{AnimationOptions object}` animation options. See [AnimationOptions](https://docs.mapbox.com/mapbox-gl-js/api/#animationoptions)
-  - `eventData` `{Object}` Custom data passed to corresponfing event.
-- **Description:** Snaps the map so that north is up (0° bearing), if the current bearing is close enough to it (i.e. within the `bearingSnap` prop threshold).
-- **Returns:** `{Promise<{ eventData, bearing }>}`
-  Promise that resolves object with event data and new bearing of the map when animation ends
-- **See:** [snapToNorth](https://docs.mapbox.com/mapbox-gl-js/api/#map#snaptonorth) Map method
-
-### `.fitBounds(bounds, options?, eventData?)`
-
-- **Arguments:**
-  - `bounds` `{ number[][] | LngLatBounds }` Center these bounds in the viewport and use the highest zoom level up to and including `maxZoom` that fits them in the viewport
-  - `options` `{Object}`
-    - `options.padding?` `{number}` The amount of padding in pixels to add to the given bounds
-    - `options.linear` `{boolean}` _default_: `false` If true , the map transitions using `Map#easeTo`. If false , the map transitions using `Map#flyTo`. See those functions and AnimationOptions for information about options available.
-    - `options.easing?` An easing function for the animated transition. See [AnimationOptions](https://docs.mapbox.com/mapbox-gl-js/api/#animationoptions)
-    - `options.offset` `{ number[] | Point }` _default:_ `[0, 0]` The center of the given bounds relative to the map's center, measured in pixels
-    - `options.maxZoom?` `{number}` The maximum zoom level to allow when the map view transitions to the specified bounds
-  - `eventData` `{Object}` Custom data passed to corresponfing event.
-- **Description:** Pans and zooms the map to contain its visible area within the specified geographical bounds. This function will also reset the map's bearing to 0 if bearing is nonzero
-- **Returns:** `{Promise<{ eventData, bounds }>}`
-  Promise that resolves object with event data and new bounds of the map when animation ends
-- **See:** [fitBounds](https://docs.mapbox.com/mapbox-gl-js/api/#map#fitbounds) Map method
-
-### `.jumpTo(options, eventData?)`
-
-- **Arguments:**
-  - `options` `{Object}` See [CameraOptions](https://docs.mapbox.com/mapbox-gl-js/api/#cameraoptions)
-    - `options.pitch?` `{number}` The desired pitch, in degrees
-    - `options.zoom?` `{number}` The desired zoom level
-    - `options.center?` `{number[] | LngLat}` The desired center
-    - `options.bearing?` `{number}` The desired bearing, in degrees
-    - `options.around?` `{number[] | LngLat}` If `zoom` is specified, `around` determines the point around which the zoom is centered.
-  - `eventData` `{Object}` Custom data passed to corresponfing event.
-- **Description:** Changes any combination of center, zoom, bearing, and pitch, without an animated transition. The map will retain its current values for any details not specified in options
-- **Returns:** `{Promise<{ eventData, pitch, zoom, center, bearing }>}`
-  Promise that resolves object with event data and new pitch, zoom, center and bearing of the map
-- **See:** [jumpTo](https://docs.mapbox.com/mapbox-gl-js/api/#map#jumpto) Map method
-
-### `.easeTo(options, eventData?)`
-
-- **Arguments:**
-
-  - `options` `{Object}` Combination of [CameraOptions](https://docs.mapbox.com/mapbox-gl-js/api/#cameraoptions) and [AnimationOptions](https://docs.mapbox.com/mapbox-gl-js/api/#animationoptions)
-
-    - `options.pitch?` `{number}` The desired pitch, in degrees
-    - `options.zoom?` `{number}` The desired zoom level
-    - `options.center?` `{number[] | LngLat}` The desired center
-    - `options.bearing?` `{number}` The desired bearing, in degrees
-    - `options.around?` `{number[] | LngLat}` If `zoom` is specified, `around` determines the point around which the zoom is centered.
-    - `options.duration?` `{number}` The animation's duration, measured in milliseconds.
-    - `options.easing?` `{Function}` A function taking a time in the range 0..1 and returning a number where 0 is the initial state and 1 is the final state.
-    - `options.offset?` `{number[] | Point}` of the target center relative to real map container center at the end of animation.
-    - `options.animate?` `{boolean}`: If `false`, no animation will occur
-
-  - `eventData` `{Object}` Custom data passed to corresponfing event.
-
-- **Description:** Changes any combination of center, zoom, bearing, and pitch, with an animated transition between old and new values. The map will retain its current values for any details not specified in `options`
-- **Returns:** `{Promise<{ eventData, pitch, zoom, center, bearing }>}`
-  Promise that resolves object with event data and new pitch, zoom, center and bearing of the map when animations ends
-- **See:** [easeTo](https://docs.mapbox.com/mapbox-gl-js/api/#map#easeto) Map method
-
-### `.flyTo(options, eventData?)`
-
-- **Arguments:**
-  - `options` `{Object}`
-    - `options.curve?` `{number}` _default_ `1.42` The zooming "curve" that will occur along the flight path. A high value maximizes zooming for an exaggerated animation, while a low value minimizes zooming for an effect closer to Map#easeTo. 1.42 is the average value selected by participants in the user study discussed in van Wijk (2003). A value of Math.pow(6, 0.25) would be equivalent to the root mean squared average velocity. A value of 1 would produce a circular motion
-    - `options.minZoom?` `{number}` The zero-based zoom level at the peak of the flight path. If `options.curve` is specified, this option is ignored
-    - `options.speed?` `{number}` _default_ `1.2` The average speed of the animation defined in relation to `options.curve`. A speed of 1.2 means that the map appears to move along the flight path by 1.2 times `options.curve` screenfuls every second. A screenful is the map's visible span. It does not correspond to a fixed physical distance, but varies by zoom level
-    - `options.screenSpeed?` `{number}` The average speed of the animation measured in screenfuls per second, assuming a linear timing curve. If `options.speed` is specified, this option is ignored
-    - `options.maxDuration?` `{number}` The animation's maximum duration, measured in milliseconds. If duration exceeds maximum duration, it resets to 0
-  - `eventData` `{Object}` Custom data passed to corresponfing event.
-- **Description:** Changes any combination of center, zoom, bearing, and pitch, animating the transition along a curve that evokes flight. The animation seamlessly incorporates zooming and panning to help the user maintain her bearings even after traversing a great distance
-- **Returns:** `{Promise<{ eventData, pitch, zoom, center, bearing }>}`
-  Promise that resolves object with event data and new pitch, zoom, center and bearing of the map when animations ends
-- **See:** [flyTo](https://docs.mapbox.com/mapbox-gl-js/api/#map#flyto) Map method
-
-## Events
-
-Payload of events contains object with properties:
-
-- `mapboxEvent` Original Mapbox GL JS event
-- `map` Current map object
-- `component` Component that emits event
-
-### `@load`
-
-- **Description:** Fires after map fully loaded
-- **Payload** `{ map, component }` `map` is Mapbox Gl JS Map object, `component` is instance of GlMap component
-
-GlMap passes all Mapbox GL JS Map events. Full list of map events see [here](https://docs.mapbox.com/mapbox-gl-js/api/#map.event:resize)
diff --git a/docs_source/guide/basemap.md b/docs_source/guide/basemap.md
index fc864ba9..90d26fdd 100644
--- a/docs_source/guide/basemap.md
+++ b/docs_source/guide/basemap.md
@@ -34,12 +34,30 @@ export default {
 </script>
 ```
 
+::: tip
+If you need, you can pass Mapbox-gl-js implementation as `mapboxGl` prop. May be useful for lazy-loading.
+Example:
+
+```vue
+<template>
+  <MglMap
+    :mapboxGl="mapbox-gl"
+    :accessToken="accessToken"
+    :mapStyle.sync="mapStyle"
+    @load="onMapLoaded"
+  />
+</template>
+```
+
+If none is passed, VueMapbox imports Mapbox-gl internally.
+:::
+
 ### Interact with map properties as GlMap props
 
 You can control map parameters like zoom, bearing, pitch etc. by changing props.
 If you set `.sync` modifier ([Vue docs](https://vuejs.org/v2/guide/components.html#sync-Modifier)) to prop, it will updates when you use operations that takes time to proceed. For example, if you use `flyTo` method, props `zoom`, `center`, `bearing`, `pitch` will be updated when animation ends.
 
-Full list of props see in [API docs](/api/glmap.md#props), note field 'Synced' in description
+Full list of props see in [API docs](/api/#props), note field 'Synced' in description
 
 ## Map loading
 
@@ -113,7 +131,7 @@ export deafult {
 </script>
 ```
 
-See full list of actions on [API](/api/glmap.md#actions) page.
+See full list of actions on [API](/api/#actions) page.
 
 ### Method `actions.stop()`
 
@@ -121,4 +139,4 @@ Method `.stop()` just stops all animations on map, updates props with new positi
 
 ### Events
 
-See list of events on [API](/api/glmap.md#events) page.
+See list of events on [API](/api/#events) page.
diff --git a/docs_source/plugin_components/plugin_components_development.md b/docs_source/plugin_components/plugin_components_development.md
index af0f2d0e..d4452286 100644
--- a/docs_source/plugin_components/plugin_components_development.md
+++ b/docs_source/plugin_components/plugin_components_development.md
@@ -7,7 +7,7 @@ The purpose VueMapbox is to wrap up Mapbox Gl JS library. Any other functions ar
 Plugin components are essentially just Vue components that utilize `mapbox` and `map` objects provided by basic `MglMap`.
 
 VueMapbox internally use dependency injection mechanism of Vue ([provide/inject](https://vuejs.org/v2/api/#provide-inject) in Vue docs).
-When `MglMap` created, it waits for map loads and initializes then renders it's child components, and provide them `mapbox` (Mapbox GL JS library), `map` (initialized instance of the [Map](https://docs.mapbox.com/mapbox-gl-js/api/#map)) and `actions` ([promisified](/api/glmap.md#actions) Mapbox Map methods).
+When `MglMap` created, it waits for map loads and initializes then renders it's child components, and provide them `mapbox` (Mapbox GL JS library), `map` (initialized instance of the [Map](https://docs.mapbox.com/mapbox-gl-js/api/#map)) and `actions` ([promisified](/api/#actions) Mapbox Map methods).
 Inject these objects in your component, and you can add to map features you need.
 
 The basic idea is to keep the declarative style of Vue, so it's good to add for example additional controls or layer types to map as a component. It's a right place to wrap Mapbox Gl JS plugins, but it can be used for various purpose.
diff --git a/src/components/map/GlMap.vue b/src/components/map/GlMap.vue
index f603de02..f66f2e42 100755
--- a/src/components/map/GlMap.vue
+++ b/src/components/map/GlMap.vue
@@ -6,10 +6,9 @@
 </template>
 
 <script>
-import Mapbox from "mapbox-gl";
 import withEvents from "../../lib/withEvents";
 import mapEvents from "./events";
-import props from "./options";
+import options from "./options";
 import withWatchers from "./mixins/withWatchers";
 import withPrivateMethods from "./mixins/withPrivateMethods";
 import withAsyncActions from "./mixins/withAsyncActions";
@@ -19,7 +18,13 @@ export default {
 
   mixins: [withWatchers, withAsyncActions, withPrivateMethods, withEvents],
 
-  props,
+  props: {
+    mapboxGl: {
+      type: Object,
+      default: null
+    },
+    ...options
+  },
 
   provide() {
     const self = this;
@@ -77,7 +82,9 @@ export default {
   created() {
     this.map = null;
     this.propsIsUpdating = {};
-    this.mapbox = Mapbox;
+    this.mapboxPromise = this.mapboxGl
+      ? Promise.resolve(this.mapboxGl)
+      : import("mapbox-gl");
   },
 
   mounted() {
diff --git a/src/components/map/mixins/withPrivateMethods.js b/src/components/map/mixins/withPrivateMethods.js
index 438cdbc7..c53270d9 100644
--- a/src/components/map/mixins/withPrivateMethods.js
+++ b/src/components/map/mixins/withPrivateMethods.js
@@ -43,14 +43,17 @@ export default {
     },
 
     $_loadMap() {
-      return new Promise(resolve => {
-        if (this.accessToken) this.mapbox.accessToken = this.accessToken;
-        const map = new this.mapbox.Map({
-          ...this._props,
-          container: this.$refs.container,
-          style: this.mapStyle
+      return this.mapboxPromise.then(mapbox => {
+        this.mapbox = mapbox.default ? mapbox.default : mapbox;
+        return new Promise(resolve => {
+          if (this.accessToken) this.mapbox.accessToken = this.accessToken;
+          const map = new this.mapbox.Map({
+            ...this._props,
+            container: this.$refs.container,
+            style: this.mapStyle
+          });
+          map.on("load", () => resolve(map));
         });
-        map.on("load", () => resolve(map));
       });
     },
 

From 5a37e7a8bd2fdb8776350e66a00e23b47ec5ad0c Mon Sep 17 00:00:00 2001
From: Alex <sorrow.about.alice@pm.me>
Date: Thu, 2 May 2019 20:50:17 +0300
Subject: [PATCH 2/5] Marker DOM events implementation (#117)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* Added initial DOM events on Marker implementation

* Fixed Marker DOM events names

* Marker docs update
---
 docs_source/api/marker.md    | 54 ++++++++++++++++++++++++++++++++++--
 src/components/UI/Marker.vue | 18 +++++++++++-
 2 files changed, 68 insertions(+), 4 deletions(-)

diff --git a/docs_source/api/marker.md b/docs_source/api/marker.md
index 8de93431..89a7213e 100644
--- a/docs_source/api/marker.md
+++ b/docs_source/api/marker.md
@@ -75,14 +75,62 @@
 ### `@drag`
 
 - **Description:** Fires when marker dragged if marker `draggable` prop is `true`
-- **Payload** `{ component: MarkerComponent, map: Map, MapEvent: Event }` Object with `Marker` component, parent map and original MapboxGl event
+- **Payload** `{ component: MarkerComponent, map: Map, mapboxEvent: Event }` Object with `Marker` component, parent map and original MapboxGl event
 
 ### `@dragstart`
 
 - **Description:** Fires when marker dragging starts if marker `draggable` prop is `true`
-- **Payload** `{ component: MarkerComponent, map: Map, MapEvent: Event }` Object with `Marker` component, parent map and original MapboxGl event
+- **Payload** `{ component: MarkerComponent, map: Map, mapboxEvent: Event }` Object with `Marker` component, parent map and original MapboxGl event
 
 ### `@dragend`
 
 - **Description:** Fires when marker dragging ends if marker `draggable` prop is `true`
-- **Payload** `{ component: MarkerComponent, map: Map, MapEvent: Event }` Object with `Marker` component, parent map and original MapboxGl event
+- **Payload** `{ component: MarkerComponent, map: Map, mapboxEvent: Event }` Object with `Marker` component, parent map and original MapboxGl event
+
+### `@click` <Badge text="experimental" type="warn"/>
+
+- **Description:** Fires marker is clicked.
+- **Payload**
+
+```
+    {
+        component: MarkerComponent,
+        map: Map,
+        mapboxEvent: DOMEvent,
+        marker: Marker
+    }
+```
+
+Object with `Marker` component, parent map and original MapboxGl event
+
+### `@mouseenter` <Badge text="experimental" type="warn"/>
+
+- **Description:** Fires when mouse cursor enters marker area.
+- **Payload**
+
+```
+    {
+        component: MarkerComponent,
+        map: Map,
+        mapboxEvent: DOMEvent,
+        marker: Marker
+    }
+```
+
+Object with `Marker` component, parent map and original MapboxGl event
+
+### `@mouseleave` <Badge text="experimental" type="warn"/>
+
+- **Description:** Fires when mouse cursor leaves marker area.
+- **Payload**
+
+```
+    {
+        component: MarkerComponent,
+        map: Map,
+        mapboxEvent: DOMEvent,
+        marker: Marker
+    }
+```
+
+Object with `Marker` component, parent map and original MapboxGl event
diff --git a/src/components/UI/Marker.vue b/src/components/UI/Marker.vue
index 6c78af63..0c22690c 100644
--- a/src/components/UI/Marker.vue
+++ b/src/components/UI/Marker.vue
@@ -17,6 +17,12 @@ const markerEvents = {
   dragend: "dragend"
 };
 
+const markerDOMEvents = {
+  click: "click",
+  mouseenter: "mouseenter",
+  mouseleave: "mouseleave"
+};
+
 export default {
   name: "MapMarker",
   mixins: [withEvents, withSelfEvents],
@@ -110,7 +116,7 @@ export default {
   methods: {
     $_addMarker() {
       this.marker.setLngLat(this.coordinates).addTo(this.map);
-
+      this.$_bindMarkerDOMEvents();
       this.$_emitEvent("added", { marker: this.marker });
     },
 
@@ -118,6 +124,16 @@ export default {
       this.$_emitMapEvent(event, { marker: this.marker });
     },
 
+    $_bindMarkerDOMEvents() {
+      Object.keys(this.$listeners).forEach(key => {
+        if (Object.values(markerDOMEvents).includes(key)) {
+          this.marker._element.addEventListener(key, event => {
+            this.$_emitSelfEvent(event);
+          });
+        }
+      });
+    },
+
     remove() {
       this.marker.remove();
       this.$_emitEvent("removed");

From cb84ee891d5c54ce5155357724a99e923ea3cd4c Mon Sep 17 00:00:00 2001
From: soal <sorrow.about.alice@pm.me>
Date: Thu, 2 May 2019 20:51:58 +0300
Subject: [PATCH 3/5] New build

---
 dist/vue-mapbox.common.js  | 182 +++++++++++++---
 dist/vue-mapbox.umd.js     | 182 +++++++++++++---
 dist/vue-mapbox.umd.min.js | 430 +++++++++++++++++++++----------------
 3 files changed, 534 insertions(+), 260 deletions(-)

diff --git a/dist/vue-mapbox.common.js b/dist/vue-mapbox.common.js
index e91d9b1f..0853e168 100644
--- a/dist/vue-mapbox.common.js
+++ b/dist/vue-mapbox.common.js
@@ -1,7 +1,62 @@
 module.exports = /******/ (function(modules) {
   // webpackBootstrap
-  /******/ // The module cache
-  /******/ var installedModules = {}; // The require function
+  /******/ // install a JSONP callback for chunk loading
+  /******/ function webpackJsonpCallback(data) {
+    /******/ var chunkIds = data[0];
+    /******/ var moreModules = data[1]; // add "moreModules" to the modules object, // then flag all "chunkIds" as loaded and fire callback
+    /******/
+    /******/
+    /******/ /******/ /******/ var moduleId,
+      chunkId,
+      i = 0,
+      resolves = [];
+    /******/ for (; i < chunkIds.length; i++) {
+      /******/ chunkId = chunkIds[i];
+      /******/ if (installedChunks[chunkId]) {
+        /******/ resolves.push(installedChunks[chunkId][0]);
+        /******/
+      }
+      /******/ installedChunks[chunkId] = 0;
+      /******/
+    }
+    /******/ for (moduleId in moreModules) {
+      /******/ if (
+        Object.prototype.hasOwnProperty.call(moreModules, moduleId)
+      ) {
+        /******/ modules[moduleId] = moreModules[moduleId];
+        /******/
+      }
+      /******/
+    }
+    /******/ if (parentJsonpFunction) parentJsonpFunction(data);
+    /******/
+    /******/ while (resolves.length) {
+      /******/ resolves.shift()();
+      /******/
+    }
+    /******/
+    /******/
+  } // The module cache
+  /******/
+  /******/
+  /******/ /******/ var installedModules = {}; // object to store loaded and loading chunks // undefined = chunk not loaded, null = chunk preloaded/prefetched // Promise = chunk loading, 0 = chunk loaded
+  /******/
+  /******/ /******/ /******/ /******/ var installedChunks = {
+    /******/ 0: 0
+    /******/
+  }; // script path function
+  /******/
+  /******/
+  /******/
+  /******/ /******/ function jsonpScriptSrc(chunkId) {
+    /******/ return (
+      __webpack_require__.p +
+      "vue-mapbox.common." +
+      ({}[chunkId] || chunkId) +
+      ".js"
+    );
+    /******/
+  } // The require function
   /******/
   /******/ /******/ function __webpack_require__(moduleId) {
     /******/
@@ -107,7 +162,24 @@ module.exports = /******/ (function(modules) {
     return Object.prototype.hasOwnProperty.call(object, property);
   }; // __webpack_public_path__
   /******/
-  /******/ /******/ __webpack_require__.p = ""; // Load entry module and return exports
+  /******/ /******/ __webpack_require__.p = ""; // on error function for async loading
+  /******/
+  /******/ /******/ __webpack_require__.oe = function(err) {
+    console.error(err);
+    throw err;
+  };
+  /******/
+  /******/ var jsonpArray = ((typeof self !== "undefined" ? self : this)[
+    "webpackJsonpvue_mapbox"
+  ] =
+    (typeof self !== "undefined" ? self : this)["webpackJsonpvue_mapbox"] ||
+    []);
+  /******/ var oldJsonpFunction = jsonpArray.push.bind(jsonpArray);
+  /******/ jsonpArray.push = webpackJsonpCallback;
+  /******/ jsonpArray = jsonpArray.slice();
+  /******/ for (var i = 0; i < jsonpArray.length; i++)
+    webpackJsonpCallback(jsonpArray[i]);
+  /******/ var parentJsonpFunction = oldJsonpFunction; // Load entry module and return exports
   /******/
   /******/
   /******/ /******/ return __webpack_require__(
@@ -1772,6 +1844,20 @@ module.exports = /******/ (function(modules) {
       /***/
     },
 
+    /***/ "8615": /***/ function(module, exports, __webpack_require__) {
+      // https://github.com/tc39/proposal-object-values-entries
+      var $export = __webpack_require__("5ca1");
+      var $values = __webpack_require__("504c")(false);
+
+      $export($export.S, "Object", {
+        values: function values(it) {
+          return $values(it);
+        }
+      });
+
+      /***/
+    },
+
     /***/ "86cc": /***/ function(module, exports, __webpack_require__) {
       var anObject = __webpack_require__("cb7c");
       var IE8_DOM_DEFINE = __webpack_require__("c69a");
@@ -2530,7 +2616,7 @@ module.exports = /******/ (function(modules) {
       // Indicate to webpack that this file can be concatenated
       /* harmony default export */ var setPublicPath = null;
 
-      // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"47f5d000-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/map/GlMap.vue?vue&type=template&id=a6b1c212&
+      // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"47f5d000-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/map/GlMap.vue?vue&type=template&id=b8a4f864&
       var render = function() {
         var _vm = this;
         var _h = _vm.$createElement;
@@ -2551,7 +2637,7 @@ module.exports = /******/ (function(modules) {
         }
       ];
 
-      // CONCATENATED MODULE: ./src/components/map/GlMap.vue?vue&type=template&id=a6b1c212&
+      // CONCATENATED MODULE: ./src/components/map/GlMap.vue?vue&type=template&id=b8a4f864&
 
       // EXTERNAL MODULE: ./node_modules/core-js/modules/web.dom.iterable.js
       var web_dom_iterable = __webpack_require__("ac6a");
@@ -2562,13 +2648,8 @@ module.exports = /******/ (function(modules) {
       // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.object.keys.js
       var es6_object_keys = __webpack_require__("456d");
 
-      // EXTERNAL MODULE: external {"commonjs":"mapbox-gl","commonjs2":"mapbox-gl","amd":"mapbox-gl","root":"mapbox-gl"}
-      var external_commonjs_mapbox_gl_commonjs2_mapbox_gl_amd_mapbox_gl_root_mapbox_gl_ = __webpack_require__(
-        "2ff6"
-      );
-      var external_commonjs_mapbox_gl_commonjs2_mapbox_gl_amd_mapbox_gl_root_mapbox_gl_default = /*#__PURE__*/ __webpack_require__.n(
-        external_commonjs_mapbox_gl_commonjs2_mapbox_gl_amd_mapbox_gl_root_mapbox_gl_
-      );
+      // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.promise.js
+      var es6_promise = __webpack_require__("551c");
 
       // CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
       function _defineProperty(obj, key, value) {
@@ -3070,9 +3151,6 @@ module.exports = /******/ (function(modules) {
       /* harmony default export */ var withWatchers = {
         watch: makeWatchers()
       };
-      // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.promise.js
-      var es6_promise = __webpack_require__("551c");
-
       // CONCATENATED MODULE: ./src/components/map/mixins/withPrivateMethods.js
 
       /* harmony default export */ var withPrivateMethods = {
@@ -3132,17 +3210,20 @@ module.exports = /******/ (function(modules) {
           $_loadMap: function $_loadMap() {
             var _this3 = this;
 
-            return new Promise(function(resolve) {
-              if (_this3.accessToken)
-                _this3.mapbox.accessToken = _this3.accessToken;
-              var map = new _this3.mapbox.Map(
-                _objectSpread({}, _this3._props, {
-                  container: _this3.$refs.container,
-                  style: _this3.mapStyle
-                })
-              );
-              map.on("load", function() {
-                return resolve(map);
+            return this.mapboxPromise.then(function(mapbox) {
+              _this3.mapbox = mapbox.default ? mapbox.default : mapbox;
+              return new Promise(function(resolve) {
+                if (_this3.accessToken)
+                  _this3.mapbox.accessToken = _this3.accessToken;
+                var map = new _this3.mapbox.Map(
+                  _objectSpread({}, _this3._props, {
+                    container: _this3.$refs.container,
+                    style: _this3.mapStyle
+                  })
+                );
+                map.on("load", function() {
+                  return resolve(map);
+                });
               });
             });
           },
@@ -3230,7 +3311,15 @@ module.exports = /******/ (function(modules) {
           withPrivateMethods,
           withEvents
         ],
-        props: options,
+        props: _objectSpread(
+          {
+            mapboxGl: {
+              type: Object,
+              default: null
+            }
+          },
+          options
+        ),
         provide: function provide() {
           var self = this;
           return {
@@ -3286,8 +3375,11 @@ module.exports = /******/ (function(modules) {
         created: function created() {
           this.map = null;
           this.propsIsUpdating = {};
-          this.mapbox =
-            external_commonjs_mapbox_gl_commonjs2_mapbox_gl_amd_mapbox_gl_root_mapbox_gl_default.a;
+          this.mapboxPromise = this.mapboxGl
+            ? Promise.resolve(this.mapboxGl)
+            : Promise.resolve(/* import() */).then(
+                __webpack_require__.t.bind(null, "2ff6", 7)
+              );
         },
         mounted: function mounted() {
           var _this = this;
@@ -3666,8 +3758,8 @@ module.exports = /******/ (function(modules) {
           this.$_addControl();
         }
       };
-      // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"47f5d000-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/UI/Marker.vue?vue&type=template&id=5c629593&
-      var Markervue_type_template_id_5c629593_render = function() {
+      // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"47f5d000-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/UI/Marker.vue?vue&type=template&id=63af2177&
+      var Markervue_type_template_id_63af2177_render = function() {
         var _vm = this;
         var _h = _vm.$createElement;
         var _c = _vm._self._c || _h;
@@ -3678,9 +3770,12 @@ module.exports = /******/ (function(modules) {
           2
         );
       };
-      var Markervue_type_template_id_5c629593_staticRenderFns = [];
+      var Markervue_type_template_id_63af2177_staticRenderFns = [];
+
+      // CONCATENATED MODULE: ./src/components/UI/Marker.vue?vue&type=template&id=63af2177&
 
-      // CONCATENATED MODULE: ./src/components/UI/Marker.vue?vue&type=template&id=5c629593&
+      // EXTERNAL MODULE: ./node_modules/core-js/modules/es7.object.values.js
+      var es7_object_values = __webpack_require__("8615");
 
       // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/UI/Marker.vue?vue&type=script&lang=js&
 
@@ -3699,6 +3794,11 @@ module.exports = /******/ (function(modules) {
         dragstart: "dragstart",
         dragend: "dragend"
       };
+      var markerDOMEvents = {
+        click: "click",
+        mouseenter: "mouseenter",
+        mouseleave: "mouseleave"
+      };
       /* harmony default export */ var Markervue_type_script_lang_js_ = {
         name: "MapMarker",
         mixins: [withEvents, withSelfEvents],
@@ -3792,6 +3892,7 @@ module.exports = /******/ (function(modules) {
         methods: {
           $_addMarker: function $_addMarker() {
             this.marker.setLngLat(this.coordinates).addTo(this.map);
+            this.$_bindMarkerDOMEvents();
             this.$_emitEvent("added", {
               marker: this.marker
             });
@@ -3801,6 +3902,17 @@ module.exports = /******/ (function(modules) {
               marker: this.marker
             });
           },
+          $_bindMarkerDOMEvents: function $_bindMarkerDOMEvents() {
+            var _this2 = this;
+
+            Object.keys(this.$listeners).forEach(function(key) {
+              if (Object.values(markerDOMEvents).includes(key)) {
+                _this2.marker._element.addEventListener(key, function(event) {
+                  _this2.$_emitSelfEvent(event);
+                });
+              }
+            });
+          },
           remove: function remove() {
             this.marker.remove();
             this.$_emitEvent("removed");
@@ -3818,8 +3930,8 @@ module.exports = /******/ (function(modules) {
 
       var Marker_component = normalizeComponent(
         UI_Markervue_type_script_lang_js_,
-        Markervue_type_template_id_5c629593_render,
-        Markervue_type_template_id_5c629593_staticRenderFns,
+        Markervue_type_template_id_63af2177_render,
+        Markervue_type_template_id_63af2177_staticRenderFns,
         false,
         null,
         null,
diff --git a/dist/vue-mapbox.umd.js b/dist/vue-mapbox.umd.js
index af820864..85a84bd6 100644
--- a/dist/vue-mapbox.umd.js
+++ b/dist/vue-mapbox.umd.js
@@ -15,8 +15,63 @@
 ) {
   return /******/ (function(modules) {
     // webpackBootstrap
-    /******/ // The module cache
-    /******/ var installedModules = {}; // The require function
+    /******/ // install a JSONP callback for chunk loading
+    /******/ function webpackJsonpCallback(data) {
+      /******/ var chunkIds = data[0];
+      /******/ var moreModules = data[1]; // add "moreModules" to the modules object, // then flag all "chunkIds" as loaded and fire callback
+      /******/
+      /******/
+      /******/ /******/ /******/ var moduleId,
+        chunkId,
+        i = 0,
+        resolves = [];
+      /******/ for (; i < chunkIds.length; i++) {
+        /******/ chunkId = chunkIds[i];
+        /******/ if (installedChunks[chunkId]) {
+          /******/ resolves.push(installedChunks[chunkId][0]);
+          /******/
+        }
+        /******/ installedChunks[chunkId] = 0;
+        /******/
+      }
+      /******/ for (moduleId in moreModules) {
+        /******/ if (
+          Object.prototype.hasOwnProperty.call(moreModules, moduleId)
+        ) {
+          /******/ modules[moduleId] = moreModules[moduleId];
+          /******/
+        }
+        /******/
+      }
+      /******/ if (parentJsonpFunction) parentJsonpFunction(data);
+      /******/
+      /******/ while (resolves.length) {
+        /******/ resolves.shift()();
+        /******/
+      }
+      /******/
+      /******/
+    } // The module cache
+    /******/
+    /******/
+    /******/ /******/ var installedModules = {}; // object to store loaded and loading chunks // undefined = chunk not loaded, null = chunk preloaded/prefetched // Promise = chunk loading, 0 = chunk loaded
+    /******/
+    /******/ /******/ /******/ /******/ var installedChunks = {
+      /******/ 0: 0
+      /******/
+    }; // script path function
+    /******/
+    /******/
+    /******/
+    /******/ /******/ function jsonpScriptSrc(chunkId) {
+      /******/ return (
+        __webpack_require__.p +
+        "vue-mapbox.umd." +
+        ({}[chunkId] || chunkId) +
+        ".js"
+      );
+      /******/
+    } // The require function
     /******/
     /******/ /******/ function __webpack_require__(moduleId) {
       /******/
@@ -122,7 +177,24 @@
       return Object.prototype.hasOwnProperty.call(object, property);
     }; // __webpack_public_path__
     /******/
-    /******/ /******/ __webpack_require__.p = ""; // Load entry module and return exports
+    /******/ /******/ __webpack_require__.p = ""; // on error function for async loading
+    /******/
+    /******/ /******/ __webpack_require__.oe = function(err) {
+      console.error(err);
+      throw err;
+    };
+    /******/
+    /******/ var jsonpArray = ((typeof self !== "undefined" ? self : this)[
+      "webpackJsonpvue_mapbox"
+    ] =
+      (typeof self !== "undefined" ? self : this)["webpackJsonpvue_mapbox"] ||
+      []);
+    /******/ var oldJsonpFunction = jsonpArray.push.bind(jsonpArray);
+    /******/ jsonpArray.push = webpackJsonpCallback;
+    /******/ jsonpArray = jsonpArray.slice();
+    /******/ for (var i = 0; i < jsonpArray.length; i++)
+      webpackJsonpCallback(jsonpArray[i]);
+    /******/ var parentJsonpFunction = oldJsonpFunction; // Load entry module and return exports
     /******/
     /******/
     /******/ /******/ return __webpack_require__(
@@ -1804,6 +1876,20 @@
         /***/
       },
 
+      /***/ "8615": /***/ function(module, exports, __webpack_require__) {
+        // https://github.com/tc39/proposal-object-values-entries
+        var $export = __webpack_require__("5ca1");
+        var $values = __webpack_require__("504c")(false);
+
+        $export($export.S, "Object", {
+          values: function values(it) {
+            return $values(it);
+          }
+        });
+
+        /***/
+      },
+
       /***/ "86cc": /***/ function(module, exports, __webpack_require__) {
         var anObject = __webpack_require__("cb7c");
         var IE8_DOM_DEFINE = __webpack_require__("c69a");
@@ -2566,7 +2652,7 @@
         // Indicate to webpack that this file can be concatenated
         /* harmony default export */ var setPublicPath = null;
 
-        // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"47f5d000-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/map/GlMap.vue?vue&type=template&id=a6b1c212&
+        // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"47f5d000-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/map/GlMap.vue?vue&type=template&id=b8a4f864&
         var render = function() {
           var _vm = this;
           var _h = _vm.$createElement;
@@ -2590,7 +2676,7 @@
           }
         ];
 
-        // CONCATENATED MODULE: ./src/components/map/GlMap.vue?vue&type=template&id=a6b1c212&
+        // CONCATENATED MODULE: ./src/components/map/GlMap.vue?vue&type=template&id=b8a4f864&
 
         // EXTERNAL MODULE: ./node_modules/core-js/modules/web.dom.iterable.js
         var web_dom_iterable = __webpack_require__("ac6a");
@@ -2601,13 +2687,8 @@
         // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.object.keys.js
         var es6_object_keys = __webpack_require__("456d");
 
-        // EXTERNAL MODULE: external {"commonjs":"mapbox-gl","commonjs2":"mapbox-gl","amd":"mapbox-gl","root":"mapbox-gl"}
-        var external_commonjs_mapbox_gl_commonjs2_mapbox_gl_amd_mapbox_gl_root_mapbox_gl_ = __webpack_require__(
-          "2ff6"
-        );
-        var external_commonjs_mapbox_gl_commonjs2_mapbox_gl_amd_mapbox_gl_root_mapbox_gl_default = /*#__PURE__*/ __webpack_require__.n(
-          external_commonjs_mapbox_gl_commonjs2_mapbox_gl_amd_mapbox_gl_root_mapbox_gl_
-        );
+        // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.promise.js
+        var es6_promise = __webpack_require__("551c");
 
         // CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
         function _defineProperty(obj, key, value) {
@@ -3118,9 +3199,6 @@
         /* harmony default export */ var withWatchers = {
           watch: makeWatchers()
         };
-        // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.promise.js
-        var es6_promise = __webpack_require__("551c");
-
         // CONCATENATED MODULE: ./src/components/map/mixins/withPrivateMethods.js
 
         /* harmony default export */ var withPrivateMethods = {
@@ -3180,17 +3258,20 @@
             $_loadMap: function $_loadMap() {
               var _this3 = this;
 
-              return new Promise(function(resolve) {
-                if (_this3.accessToken)
-                  _this3.mapbox.accessToken = _this3.accessToken;
-                var map = new _this3.mapbox.Map(
-                  _objectSpread({}, _this3._props, {
-                    container: _this3.$refs.container,
-                    style: _this3.mapStyle
-                  })
-                );
-                map.on("load", function() {
-                  return resolve(map);
+              return this.mapboxPromise.then(function(mapbox) {
+                _this3.mapbox = mapbox.default ? mapbox.default : mapbox;
+                return new Promise(function(resolve) {
+                  if (_this3.accessToken)
+                    _this3.mapbox.accessToken = _this3.accessToken;
+                  var map = new _this3.mapbox.Map(
+                    _objectSpread({}, _this3._props, {
+                      container: _this3.$refs.container,
+                      style: _this3.mapStyle
+                    })
+                  );
+                  map.on("load", function() {
+                    return resolve(map);
+                  });
                 });
               });
             },
@@ -3278,7 +3359,15 @@
             withPrivateMethods,
             withEvents
           ],
-          props: options,
+          props: _objectSpread(
+            {
+              mapboxGl: {
+                type: Object,
+                default: null
+              }
+            },
+            options
+          ),
           provide: function provide() {
             var self = this;
             return {
@@ -3334,8 +3423,11 @@
           created: function created() {
             this.map = null;
             this.propsIsUpdating = {};
-            this.mapbox =
-              external_commonjs_mapbox_gl_commonjs2_mapbox_gl_amd_mapbox_gl_root_mapbox_gl_default.a;
+            this.mapboxPromise = this.mapboxGl
+              ? Promise.resolve(this.mapboxGl)
+              : Promise.resolve(/* import() */).then(
+                  __webpack_require__.t.bind(null, "2ff6", 7)
+                );
           },
           mounted: function mounted() {
             var _this = this;
@@ -3714,8 +3806,8 @@
             this.$_addControl();
           }
         };
-        // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"47f5d000-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/UI/Marker.vue?vue&type=template&id=5c629593&
-        var Markervue_type_template_id_5c629593_render = function() {
+        // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"47f5d000-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/UI/Marker.vue?vue&type=template&id=63af2177&
+        var Markervue_type_template_id_63af2177_render = function() {
           var _vm = this;
           var _h = _vm.$createElement;
           var _c = _vm._self._c || _h;
@@ -3726,9 +3818,12 @@
             2
           );
         };
-        var Markervue_type_template_id_5c629593_staticRenderFns = [];
+        var Markervue_type_template_id_63af2177_staticRenderFns = [];
+
+        // CONCATENATED MODULE: ./src/components/UI/Marker.vue?vue&type=template&id=63af2177&
 
-        // CONCATENATED MODULE: ./src/components/UI/Marker.vue?vue&type=template&id=5c629593&
+        // EXTERNAL MODULE: ./node_modules/core-js/modules/es7.object.values.js
+        var es7_object_values = __webpack_require__("8615");
 
         // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/UI/Marker.vue?vue&type=script&lang=js&
 
@@ -3747,6 +3842,11 @@
           dragstart: "dragstart",
           dragend: "dragend"
         };
+        var markerDOMEvents = {
+          click: "click",
+          mouseenter: "mouseenter",
+          mouseleave: "mouseleave"
+        };
         /* harmony default export */ var Markervue_type_script_lang_js_ = {
           name: "MapMarker",
           mixins: [withEvents, withSelfEvents],
@@ -3840,6 +3940,7 @@
           methods: {
             $_addMarker: function $_addMarker() {
               this.marker.setLngLat(this.coordinates).addTo(this.map);
+              this.$_bindMarkerDOMEvents();
               this.$_emitEvent("added", {
                 marker: this.marker
               });
@@ -3849,6 +3950,17 @@
                 marker: this.marker
               });
             },
+            $_bindMarkerDOMEvents: function $_bindMarkerDOMEvents() {
+              var _this2 = this;
+
+              Object.keys(this.$listeners).forEach(function(key) {
+                if (Object.values(markerDOMEvents).includes(key)) {
+                  _this2.marker._element.addEventListener(key, function(event) {
+                    _this2.$_emitSelfEvent(event);
+                  });
+                }
+              });
+            },
             remove: function remove() {
               this.marker.remove();
               this.$_emitEvent("removed");
@@ -3866,8 +3978,8 @@
 
         var Marker_component = normalizeComponent(
           UI_Markervue_type_script_lang_js_,
-          Markervue_type_template_id_5c629593_render,
-          Markervue_type_template_id_5c629593_staticRenderFns,
+          Markervue_type_template_id_63af2177_render,
+          Markervue_type_template_id_63af2177_staticRenderFns,
           false,
           null,
           null,
diff --git a/dist/vue-mapbox.umd.min.js b/dist/vue-mapbox.umd.min.js
index 618ab423..66ffb6fd 100644
--- a/dist/vue-mapbox.umd.min.js
+++ b/dist/vue-mapbox.umd.min.js
@@ -11,44 +11,51 @@
         : (t["vue-mapbox"] = e(t["map-promisified"], t["mapbox-gl"]));
 })("undefined" !== typeof self ? self : this, function(t, e) {
   return (function(t) {
-    var e = {};
-    function n(r) {
-      if (e[r]) return e[r].exports;
-      var o = (e[r] = { i: r, l: !1, exports: {} });
-      return t[r].call(o.exports, o, o.exports, n), (o.l = !0), o.exports;
+    function e(e) {
+      for (var n, o, i = e[0], a = e[1], s = 0, u = []; s < i.length; s++)
+        (o = i[s]), r[o] && u.push(r[o][0]), (r[o] = 0);
+      for (n in a) Object.prototype.hasOwnProperty.call(a, n) && (t[n] = a[n]);
+      c && c(e);
+      while (u.length) u.shift()();
     }
-    return (
-      (n.m = t),
-      (n.c = e),
-      (n.d = function(t, e, r) {
-        n.o(t, e) || Object.defineProperty(t, e, { enumerable: !0, get: r });
+    var n = {},
+      r = { 0: 0 };
+    function o(e) {
+      if (n[e]) return n[e].exports;
+      var r = (n[e] = { i: e, l: !1, exports: {} });
+      return t[e].call(r.exports, r, r.exports, o), (r.l = !0), r.exports;
+    }
+    (o.m = t),
+      (o.c = n),
+      (o.d = function(t, e, n) {
+        o.o(t, e) || Object.defineProperty(t, e, { enumerable: !0, get: n });
       }),
-      (n.r = function(t) {
+      (o.r = function(t) {
         "undefined" !== typeof Symbol &&
           Symbol.toStringTag &&
           Object.defineProperty(t, Symbol.toStringTag, { value: "Module" }),
           Object.defineProperty(t, "__esModule", { value: !0 });
       }),
-      (n.t = function(t, e) {
-        if ((1 & e && (t = n(t)), 8 & e)) return t;
+      (o.t = function(t, e) {
+        if ((1 & e && (t = o(t)), 8 & e)) return t;
         if (4 & e && "object" === typeof t && t && t.__esModule) return t;
-        var r = Object.create(null);
+        var n = Object.create(null);
         if (
-          (n.r(r),
-          Object.defineProperty(r, "default", { enumerable: !0, value: t }),
+          (o.r(n),
+          Object.defineProperty(n, "default", { enumerable: !0, value: t }),
           2 & e && "string" != typeof t)
         )
-          for (var o in t)
-            n.d(
+          for (var r in t)
+            o.d(
+              n,
               r,
-              o,
               function(e) {
                 return t[e];
-              }.bind(null, o)
+              }.bind(null, r)
             );
-        return r;
+        return n;
       }),
-      (n.n = function(t) {
+      (o.n = function(t) {
         var e =
           t && t.__esModule
             ? function() {
@@ -57,14 +64,25 @@
             : function() {
                 return t;
               };
-        return n.d(e, "a", e), e;
+        return o.d(e, "a", e), e;
       }),
-      (n.o = function(t, e) {
+      (o.o = function(t, e) {
         return Object.prototype.hasOwnProperty.call(t, e);
       }),
-      (n.p = ""),
-      n((n.s = "fb15"))
-    );
+      (o.p = ""),
+      (o.oe = function(t) {
+        throw (console.error(t), t);
+      });
+    var i = (("undefined" !== typeof self ? self : this)[
+        "webpackJsonpvue_mapbox"
+      ] =
+        ("undefined" !== typeof self ? self : this)["webpackJsonpvue_mapbox"] ||
+        []),
+      a = i.push.bind(i);
+    (i.push = e), (i = i.slice());
+    for (var s = 0; s < i.length; s++) e(i[s]);
+    var c = a;
+    return o((o.s = "fb15"));
   })({
     "01f9": function(t, e, n) {
       "use strict";
@@ -112,10 +130,10 @@
           M = O[l] || O[p] || (g && O[g]),
           j = M || I(g),
           k = g ? (E ? I("entries") : j) : void 0,
-          C = ("Array" == e && O.entries) || M;
+          P = ("Array" == e && O.entries) || M;
         if (
-          (C &&
-            (($ = f(C.call(new t()))),
+          (P &&
+            (($ = f(P.call(new t()))),
             $ !== Object.prototype &&
               $.next &&
               (u($, w, !0), r || "function" == typeof $[l] || a($, l, v))),
@@ -733,7 +751,7 @@
         M = "process" == f(w),
         j = function() {},
         k = (o = b.f),
-        C = !!(function() {
+        P = !!(function() {
           try {
             var t = O.resolve(1),
               e = ((t.constructor = {})[n("2b4c")("species")] = function(t) {
@@ -747,11 +765,11 @@
             );
           } catch (r) {}
         })(),
-        T = function(t) {
+        C = function(t) {
           var e;
           return !(!d(t) || "function" != typeof (e = t.then)) && e;
         },
-        P = function(t, e) {
+        T = function(t, e) {
           if (!t._n) {
             t._n = !0;
             var n = t._c;
@@ -777,7 +795,7 @@
                             f && (f.exit(), (a = !0))),
                         n === e.promise
                           ? u(I("Promise-chain cycle"))
-                          : (i = T(n))
+                          : (i = C(n))
                             ? i.call(n, c, u)
                             : c(n))
                       : u(r);
@@ -834,7 +852,7 @@
             (e._v = t),
             (e._s = 2),
             e._a || (e._a = e._c.slice()),
-            P(e, !0));
+            T(e, !0));
         },
         N = function(t) {
           var e,
@@ -843,7 +861,7 @@
             (n._d = !0), (n = n._w || n);
             try {
               if (n === t) throw I("Promise can't be resolved itself");
-              (e = T(t))
+              (e = C(t))
                 ? g(function() {
                     var r = { _w: n, _d: !1 };
                     try {
@@ -852,13 +870,13 @@
                       R.call(r, o);
                     }
                   })
-                : ((n._v = t), (n._s = 1), P(n, !1));
+                : ((n._v = t), (n._s = 1), T(n, !1));
             } catch (r) {
               R.call({ _w: n, _d: !1 }, r);
             }
           }
         };
-      C ||
+      P ||
         ((O = function(t) {
           h(this, O, $, "_h"), p(t), r.call(this);
           try {
@@ -885,7 +903,7 @@
               (n.domain = M ? w.domain : void 0),
               this._c.push(n),
               this._a && this._a.push(n),
-              this._s && P(this, !1),
+              this._s && T(this, !1),
               n.promise
             );
           },
@@ -902,18 +920,18 @@
         (b.f = k = function(t) {
           return t === O || t === a ? new i(t) : o(t);
         })),
-        l(l.G + l.W + l.F * !C, { Promise: O }),
+        l(l.G + l.W + l.F * !P, { Promise: O }),
         n("7f20")(O, $),
         n("7a56")($),
         (a = n("8378")[$]),
-        l(l.S + l.F * !C, $, {
+        l(l.S + l.F * !P, $, {
           reject: function(t) {
             var e = k(this),
               n = e.reject;
             return n(t), e.promise;
           }
         }),
-        l(l.S + l.F * (s || !C), $, {
+        l(l.S + l.F * (s || !P), $, {
           resolve: function(t) {
             return S(s && this === a ? O : this, t);
           }
@@ -922,7 +940,7 @@
           l.S +
             l.F *
               !(
-                C &&
+                P &&
                 n("5cc5")(function(t) {
                   O.all(t)["catch"](j);
                 })
@@ -1255,6 +1273,15 @@
     "84f2": function(t, e) {
       t.exports = {};
     },
+    8615: function(t, e, n) {
+      var r = n("5ca1"),
+        o = n("504c")(!1);
+      r(r.S, "Object", {
+        values: function(t) {
+          return o(t);
+        }
+      });
+    },
     "86cc": function(t, e, n) {
       var r = n("cb7c"),
         o = n("c69a"),
@@ -1775,10 +1802,9 @@
               n = t._self._c || e;
             return n("div", { ref: "container", attrs: { id: t.container } });
           }
-        ],
-        a = (n("ac6a"), n("cadf"), n("456d"), n("2ff6")),
-        s = n.n(a);
-      function c(t, e, n) {
+        ];
+      n("ac6a"), n("cadf"), n("456d"), n("551c");
+      function a(t, e, n) {
         return (
           e in t
             ? Object.defineProperty(t, e, {
@@ -1791,7 +1817,7 @@
           t
         );
       }
-      function u(t) {
+      function s(t) {
         for (var e = 1; e < arguments.length; e++) {
           var n = null != arguments[e] ? arguments[e] : {},
             r = Object.keys(n);
@@ -1802,30 +1828,30 @@
               })
             )),
             r.forEach(function(e) {
-              c(t, e, n[e]);
+              a(t, e, n[e]);
             });
         }
         return t;
       }
-      var f = {
+      var c = {
           methods: {
             $_emitEvent: function(t) {
               var e =
                 arguments.length > 1 && void 0 !== arguments[1]
                   ? arguments[1]
                   : {};
-              this.$emit(t, u({ map: this.map, component: this }, e));
+              this.$emit(t, s({ map: this.map, component: this }, e));
             },
             $_emitMapEvent: function(t) {
               var e =
                 arguments.length > 1 && void 0 !== arguments[1]
                   ? arguments[1]
                   : {};
-              this.$_emitEvent(t.type, u({ mapboxEvent: t }, e));
+              this.$_emitEvent(t.type, s({ mapboxEvent: t }, e));
             }
           }
         },
-        l = {
+        u = {
           resize: { name: "resize" },
           webglcontextlost: { name: "webglcontextlost" },
           webglcontextrestored: { name: "webglcontextrestored" },
@@ -1868,7 +1894,7 @@
           pitch: { name: "pitch" },
           idle: { name: "idle" }
         },
-        d = (n("6762"),
+        f = (n("6762"),
         n("2fdb"),
         n("c5f6"),
         n("28a5"),
@@ -1942,7 +1968,7 @@
           fadeDuration: { type: Number, default: 300 },
           crossSourceCollisions: { type: Boolean, default: !0 }
         }),
-        p = (n("ffc1"),
+        l = (n("ffc1"),
         {
           maxBounds: function(t) {
             this.map.setMaxBounds(t);
@@ -1981,7 +2007,7 @@
             this.map.setLigh(t);
           }
         });
-      function h(t, e, n, r) {
+      function d(t, e, n, r) {
         var o = this;
         this.initial ||
           (this.$listeners["update:".concat(t)]
@@ -1994,20 +2020,19 @@
               (this.propsIsUpdating[t] = !1))
             : e(n, r));
       }
-      function m() {
+      function p() {
         var t = {};
         return (
-          Object.entries(p).forEach(function(e) {
+          Object.entries(l).forEach(function(e) {
             t[e[0]] = function(t, n) {
-              return h.call(this, e[0], e[1].bind(this), t, n);
+              return d.call(this, e[0], e[1].bind(this), t, n);
             };
           }),
           t
         );
       }
-      var v = { watch: m() },
-        y = (n("551c"),
-        {
+      var h = { watch: p() },
+        m = {
           methods: {
             $_updateSyncedPropsFabric: function(t, e) {
               var n = this;
@@ -2053,17 +2078,22 @@
             },
             $_loadMap: function() {
               var t = this;
-              return new Promise(function(e) {
-                t.accessToken && (t.mapbox.accessToken = t.accessToken);
-                var n = new t.mapbox.Map(
-                  u({}, t._props, {
-                    container: t.$refs.container,
-                    style: t.mapStyle
+              return this.mapboxPromise.then(function(e) {
+                return (
+                  (t.mapbox = e.default ? e.default : e),
+                  new Promise(function(e) {
+                    t.accessToken && (t.mapbox.accessToken = t.accessToken);
+                    var n = new t.mapbox.Map(
+                      s({}, t._props, {
+                        container: t.$refs.container,
+                        style: t.mapStyle
+                      })
+                    );
+                    n.on("load", function() {
+                      return e(n);
+                    });
                   })
                 );
-                n.on("load", function() {
-                  return e(n);
-                });
               });
             },
             $_RTLTextPluginError: function(t) {
@@ -2082,16 +2112,16 @@
               });
             }
           }
-        }),
-        g = n("2191"),
-        b = n.n(g),
-        _ = {
+        },
+        v = n("2191"),
+        y = n.n(v),
+        g = {
           created: function() {
             this.actions = {};
           },
           methods: {
             $_registerAsyncActions: function(t) {
-              this.actions = u({}, b()(t), {
+              this.actions = s({}, y()(t), {
                 stop: function() {
                   var t = this;
                   this.map.stop();
@@ -2112,10 +2142,10 @@
             }
           }
         },
-        x = {
+        b = {
           name: "GlMap",
-          mixins: [v, _, y, f],
-          props: d,
+          mixins: [h, g, m, c],
+          props: s({ mapboxGl: { type: Object, default: null } }, f),
           provide: function() {
             var t = this;
             return {
@@ -2163,7 +2193,11 @@
             }
           },
           created: function() {
-            (this.map = null), (this.propsIsUpdating = {}), (this.mapbox = s.a);
+            (this.map = null),
+              (this.propsIsUpdating = {}),
+              (this.mapboxPromise = this.mapboxGl
+                ? Promise.resolve(this.mapboxGl)
+                : Promise.resolve().then(n.t.bind(null, "2ff6", 7)));
           },
           mounted: function() {
             var t = this;
@@ -2174,7 +2208,7 @@
                     t.RTLTextPluginUrl,
                     t.$_RTLTextPluginError
                   );
-              var n = Object.keys(l);
+              var n = Object.keys(u);
               t.$_bindMapEvents(n),
                 t.$_registerAsyncActions(e),
                 t.$_bindPropsUpdateEvents(),
@@ -2190,9 +2224,9 @@
             });
           }
         },
-        S = x;
+        _ = b;
       n("a23d");
-      function $(t, e, n, r, o, i, a, s) {
+      function x(t, e, n, r, o, i, a, s) {
         var c,
           u = "function" === typeof t ? t.options : t;
         if (
@@ -2236,17 +2270,17 @@
           }
         return { exports: t, options: u };
       }
-      var I = $(S, o, i, !1, null, null, null);
-      I.options.__file = "GlMap.vue";
-      var w = I.exports,
-        E = {
+      var S = x(_, o, i, !1, null, null, null);
+      S.options.__file = "GlMap.vue";
+      var $ = S.exports,
+        I = {
           methods: {
             $_emitSelfEvent: function(t) {
               var e =
                 arguments.length > 1 && void 0 !== arguments[1]
                   ? arguments[1]
                   : {};
-              this.$_emitMapEvent(t, u({ control: this.control }, e));
+              this.$_emitMapEvent(t, s({ control: this.control }, e));
             },
             $_bindSelfEvents: function(t, e) {
               var n = this;
@@ -2264,8 +2298,8 @@
             }
           }
         },
-        L = {
-          mixins: [f, E],
+        w = {
+          mixins: [c, I],
           inject: ["mapbox", "map", "actions"],
           props: { position: { type: String, default: "top-right" } },
           beforeDestroy: function() {
@@ -2283,9 +2317,9 @@
           },
           render: function() {}
         },
-        O = {
+        E = {
           name: "NavigationControl",
-          mixins: [L],
+          mixins: [w],
           props: {
             showCompass: { type: Boolean, default: !0 },
             showZoom: { type: Boolean, default: !0 }
@@ -2295,15 +2329,15 @@
               this.$_addControl();
           }
         },
-        M = {
+        L = {
           trackuserlocationstart: "trackuserlocationstart",
           trackuserlocationend: "trackuserlocationend",
           geolocate: "geolocate",
           error: "error"
         },
-        j = {
+        O = {
           name: "GeolocateControl",
-          mixins: [f, E, L],
+          mixins: [c, I, w],
           props: {
             positionOptions: {
               type: Object,
@@ -2324,7 +2358,7 @@
             var t = this.mapbox.GeolocateControl;
             (this.control = new t(this.$props)),
               this.$_addControl(),
-              this.$_bindSelfEvents(Object.keys(M), this.control);
+              this.$_bindSelfEvents(Object.keys(L), this.control);
           },
           methods: {
             trigger: function() {
@@ -2332,18 +2366,18 @@
             }
           }
         },
-        k = {
+        M = {
           name: "FullscreenControl",
-          mixins: [L],
+          mixins: [w],
           props: { container: { type: HTMLElement, default: void 0 } },
           created: function() {
             (this.control = new this.mapbox.FullscreenControl(this.$props)),
               this.$_addControl();
           }
         },
-        C = {
+        j = {
           name: "AttributionControl",
-          mixins: [L],
+          mixins: [w],
           props: {
             compact: { type: Boolean, default: !0 },
             customAttribution: { type: [String, Array], deafault: void 0 }
@@ -2353,9 +2387,9 @@
               this.$_addControl();
           }
         },
-        T = {
+        k = {
           name: "ScaleControl",
-          mixins: [L],
+          mixins: [w],
           props: {
             maxWidth: { type: Number, default: 150 },
             unit: {
@@ -2387,11 +2421,17 @@
             2
           );
         },
-        B = [],
-        F = { drag: "drag", dragstart: "dragstart", dragend: "dragend" },
-        A = {
+        C = [],
+        T = (n("8615"),
+        { drag: "drag", dragstart: "dragstart", dragend: "dragend" }),
+        B = {
+          click: "click",
+          mouseenter: "mouseenter",
+          mouseleave: "mouseleave"
+        },
+        F = {
           name: "MapMarker",
-          mixins: [f, E],
+          mixins: [c, I],
           inject: ["mapbox", "map"],
           provide: function() {
             var t = this;
@@ -2426,7 +2466,7 @@
           },
           mounted: function() {
             var t = this,
-              e = u({}, this.$props);
+              e = s({}, this.$props);
             this.$slots.marker && (e.element = this.$slots.marker[0].elm),
               (this.marker = new this.mapbox.Marker(e)),
               this.$listeners["update:coordinates"] &&
@@ -2438,7 +2478,7 @@
                       : e.target._lngLat),
                     t.$emit("update:coordinates", n);
                 });
-            var n = Object.keys(F);
+            var n = Object.keys(T);
             this.$_bindSelfEvents(n, this.marker),
               (this.initial = !1),
               this.$_addMarker();
@@ -2451,11 +2491,21 @@
           methods: {
             $_addMarker: function() {
               this.marker.setLngLat(this.coordinates).addTo(this.map),
+                this.$_bindMarkerDOMEvents(),
                 this.$_emitEvent("added", { marker: this.marker });
             },
             $_emitSelfEvent: function(t) {
               this.$_emitMapEvent(t, { marker: this.marker });
             },
+            $_bindMarkerDOMEvents: function() {
+              var t = this;
+              Object.keys(this.$listeners).forEach(function(e) {
+                Object.values(B).includes(e) &&
+                  t.marker._element.addEventListener(e, function(e) {
+                    t.$_emitSelfEvent(e);
+                  });
+              });
+            },
             remove: function() {
               this.marker.remove(), this.$_emitEvent("removed");
             },
@@ -2464,11 +2514,11 @@
             }
           }
         },
-        R = A,
-        N = $(R, P, B, !1, null, null, null);
-      N.options.__file = "Marker.vue";
-      var z = N.exports,
-        U = function() {
+        A = F,
+        R = x(A, P, C, !1, null, null, null);
+      R.options.__file = "Marker.vue";
+      var N = R.exports,
+        z = function() {
           var t = this,
             e = t.$createElement,
             n = t._self._c || e;
@@ -2481,9 +2531,9 @@
         },
         D = [],
         G = { open: "open", close: "close" },
-        Z = {
+        U = {
           name: "Popup",
-          mixins: [f, E],
+          mixins: [c, I],
           inject: {
             mapbox: { default: null },
             map: { default: null },
@@ -2582,11 +2632,11 @@
             }
           }
         },
-        V = Z,
-        q = $(V, U, D, !1, null, null, null);
-      q.options.__file = "Popup.vue";
-      var H = q.exports,
-        W = (n("a481"),
+        Z = U,
+        V = x(Z, z, D, !1, null, null, null);
+      V.options.__file = "Popup.vue";
+      var q = V.exports,
+        H = (n("a481"),
         [
           "mousedown",
           "mouseup",
@@ -2602,23 +2652,23 @@
           "touchend",
           "touchcancel"
         ]),
-        X = {
+        W = {
           sourceId: { type: String, required: !0 },
           source: { type: [Object, String], default: void 0 }
         },
-        K = {
+        X = {
           layerId: { type: String, required: !0 },
           layer: { type: Object, required: !0 },
           before: { type: String, default: void 0 }
         },
-        Y = {
+        J = {
           clearSource: { type: Boolean, default: !0 },
           replaceSource: { type: Boolean, default: !1 },
           replace: { type: Boolean, default: !1 }
         },
-        J = {
-          mixins: [f],
-          props: u({}, X, K, Y),
+        K = {
+          mixins: [c],
+          props: s({}, W, X, J),
           inject: ["mapbox", "map"],
           data: function() {
             return { initial: !0 };
@@ -2748,9 +2798,9 @@
           },
           render: function() {}
         },
-        Q = {
+        Y = {
           name: "GeojsonLayer",
-          mixins: [J],
+          mixins: [K],
           computed: {
             getSourceFeatures: function() {
               var t = this;
@@ -2850,7 +2900,7 @@
                 (this.map.on("dataloading", this.$_watchSourceLoading),
                 this.source)
               ) {
-                var t = u({ type: "geojson" }, this.source);
+                var t = s({ type: "geojson" }, this.source);
                 try {
                   this.map.addSource(this.sourceId, t);
                 } catch (e) {
@@ -2860,7 +2910,7 @@
                 }
               }
               this.$_addLayer(),
-                this.$_bindLayerEvents(W),
+                this.$_bindLayerEvents(H),
                 this.map.off("dataloading", this.$_watchSourceLoading),
                 (this.initial = !1);
             },
@@ -2874,7 +2924,7 @@
                   );
                 this.map.removeLayer(this.layerId);
               }
-              var e = u(
+              var e = s(
                 { id: this.layerId, source: this.sourceId },
                 this.layer
               );
@@ -2901,9 +2951,9 @@
             }
           }
         },
-        tt = {
+        Q = {
           name: "ImageLayer",
-          mixins: [J],
+          mixins: [K],
           created: function() {
             this.source &&
               (this.source.coordinates &&
@@ -2931,7 +2981,7 @@
           },
           methods: {
             $_deferredMount: function() {
-              var t = u({ type: "image" }, this.source);
+              var t = s({ type: "image" }, this.source);
               this.map.on("dataloading", this.$_watchSourceLoading);
               try {
                 this.map.addSource(this.sourceId, t);
@@ -2940,7 +2990,7 @@
                   (this.map.removeSource(this.sourceId),
                   this.map.addSource(this.sourceId, t));
               }
-              this.$_addLayer(), this.$_bindLayerEvents(W), (this.initial = !1);
+              this.$_addLayer(), this.$_bindLayerEvents(H), (this.initial = !1);
             },
             $_addLayer: function() {
               var t = this.map.getLayer(this.layerId);
@@ -2952,7 +3002,7 @@
                   );
                 this.map.removeLayer(this.layerId);
               }
-              var e = u(
+              var e = s(
                 { id: this.layerId, source: this.sourceId, type: "raster" },
                 this.layer
               );
@@ -2961,9 +3011,9 @@
             }
           }
         },
-        et = {
+        tt = {
           name: "CanvasLayer",
-          mixins: [J],
+          mixins: [K],
           inject: ["mapbox", "map"],
           props: {
             source: { type: Object, required: !0 },
@@ -2984,7 +3034,7 @@
           },
           methods: {
             $_deferredMount: function() {
-              var t = u({ type: "canvas" }, this.source);
+              var t = s({ type: "canvas" }, this.source);
               this.map.on("dataloading", this.$_watchSourceLoading);
               try {
                 this.map.addSource(this.sourceId, t);
@@ -2993,7 +3043,7 @@
                   (this.map.removeSource(this.sourceId),
                   this.map.addSource(this.sourceId, t));
               }
-              this.$_addLayer(), this.$_bindLayerEvents(W), (this.initial = !1);
+              this.$_addLayer(), this.$_bindLayerEvents(H), (this.initial = !1);
             },
             $_addLayer: function() {
               var t = this.map.getLayer(this.layerId);
@@ -3005,7 +3055,7 @@
                   );
                 this.map.removeLayer(this.layerId);
               }
-              var e = u(
+              var e = s(
                 { id: this.layerId, source: this.sourceId, type: "raster" },
                 this.layer
               );
@@ -3017,9 +3067,9 @@
             }
           }
         },
-        nt = {
+        et = {
           name: "VideoLayer",
-          mixins: [J],
+          mixins: [K],
           computed: {
             video: function() {
               return this.map.getSource(this.sourceId).getVideo();
@@ -3035,7 +3085,7 @@
           },
           methods: {
             $_deferredMount: function() {
-              var t = u({ type: "video" }, this.source);
+              var t = s({ type: "video" }, this.source);
               this.map.on("dataloading", this.$_watchSourceLoading);
               try {
                 this.map.addSource(this.sourceId, t);
@@ -3044,7 +3094,7 @@
                   (this.map.removeSource(this.sourceId),
                   this.map.addSource(this.sourceId, t));
               }
-              this.$_addLayer(), this.$_bindLayerEvents(W), (this.initial = !1);
+              this.$_addLayer(), this.$_bindLayerEvents(H), (this.initial = !1);
             },
             $_addLayer: function() {
               var t = this.map.getLayer(this.layerId);
@@ -3056,7 +3106,7 @@
                   );
                 this.map.removeLayer(this.layerId);
               }
-              var e = u(
+              var e = s(
                 { id: this.layerId, source: this.sourceId, type: "background" },
                 this.layer
               );
@@ -3065,9 +3115,9 @@
             }
           }
         },
-        rt = {
+        nt = {
           name: "VectorLayer",
-          mixins: [J],
+          mixins: [K],
           computed: {
             getSourceFeatures: function() {
               var t = this;
@@ -3102,7 +3152,7 @@
           },
           methods: {
             $_deferredMount: function() {
-              var t = u({ type: "vector" }, this.source);
+              var t = s({ type: "vector" }, this.source);
               this.map.on("dataloading", this.$_watchSourceLoading);
               try {
                 this.map.addSource(this.sourceId, t);
@@ -3112,7 +3162,7 @@
                   this.map.addSource(this.sourceId, t));
               }
               this.$_addLayer(),
-                this.$_bindLayerEvents(W),
+                this.$_bindLayerEvents(H),
                 this.map.off("dataloading", this.$_watchSourceLoading),
                 (this.initial = !1);
             },
@@ -3126,7 +3176,7 @@
                   );
                 this.map.removeLayer(this.layerId);
               }
-              var e = u(
+              var e = s(
                 { id: this.layerId, source: this.sourceId },
                 this.layer
               );
@@ -3155,15 +3205,15 @@
             }
           }
         },
-        ot = {
+        rt = {
           name: "RasterLayer",
-          mixins: [J],
+          mixins: [K],
           created: function() {
             this.$_deferredMount();
           },
           methods: {
             $_deferredMount: function() {
-              var t = u({ type: "raster" }, this.source);
+              var t = s({ type: "raster" }, this.source);
               this.map.on("dataloading", this.$_watchSourceLoading);
               try {
                 this.map.addSource(this.sourceId, t);
@@ -3173,7 +3223,7 @@
                   this.map.addSource(this.sourceId, t));
               }
               this.$_addLayer(),
-                this.$_bindLayerEvents(W),
+                this.$_bindLayerEvents(H),
                 this.map.off("dataloading", this.$_watchSourceLoading),
                 (this.initial = !1);
             },
@@ -3187,7 +3237,7 @@
                   );
                 this.map.removeLayer(this.layerId);
               }
-              var e = u(
+              var e = s(
                 { id: this.layerId, type: "raster", source: this.sourceId },
                 this.layer
               );
@@ -3196,84 +3246,84 @@
             }
           }
         },
-        it = f,
-        at = E,
-        st = L,
-        ct = J,
-        ut = { withEvents: f, withSelfEvents: E, asControl: L, asLayer: J },
-        ft = w,
+        ot = c,
+        it = I,
+        at = w,
+        st = K,
+        ct = { withEvents: c, withSelfEvents: I, asControl: w, asLayer: K },
+        ut = $,
+        ft = E,
         lt = O,
-        dt = j,
-        pt = k,
-        ht = C,
-        mt = T,
+        dt = M,
+        pt = j,
+        ht = k,
+        mt = Y,
         vt = Q,
         yt = tt,
         gt = et,
         bt = nt,
         _t = rt,
-        xt = ot,
-        St = z,
-        $t = H,
-        It = w;
+        xt = N,
+        St = q,
+        $t = $;
       n.d(e, "withEvents", function() {
-        return it;
+        return ot;
       }),
         n.d(e, "withSelfEvents", function() {
-          return at;
+          return it;
         }),
         n.d(e, "asControl", function() {
-          return st;
+          return at;
         }),
         n.d(e, "asLayer", function() {
-          return ct;
+          return st;
         }),
         n.d(e, "$helpers", function() {
-          return ut;
+          return ct;
         }),
         n.d(e, "MglMap", function() {
-          return ft;
+          return ut;
         }),
         n.d(e, "MglNavigationControl", function() {
-          return lt;
+          return ft;
         }),
         n.d(e, "MglGeolocateControl", function() {
-          return dt;
+          return lt;
         }),
         n.d(e, "MglFullscreenControl", function() {
-          return pt;
+          return dt;
         }),
         n.d(e, "MglAttributionControl", function() {
-          return ht;
+          return pt;
         }),
         n.d(e, "MglScaleControl", function() {
-          return mt;
+          return ht;
         }),
         n.d(e, "MglGeojsonLayer", function() {
-          return vt;
+          return mt;
         }),
         n.d(e, "MglImageLayer", function() {
-          return yt;
+          return vt;
         }),
         n.d(e, "MglCanvasLayer", function() {
-          return gt;
+          return yt;
         }),
         n.d(e, "MglVideoLayer", function() {
-          return bt;
+          return gt;
         }),
         n.d(e, "MglVectorLayer", function() {
-          return _t;
+          return bt;
         }),
         n.d(e, "MglRasterLayer", function() {
-          return xt;
+          return _t;
         }),
         n.d(e, "MglMarker", function() {
-          return St;
+          return xt;
         }),
         n.d(e, "MglPopup", function() {
-          return $t;
+          return St;
         });
-      e["default"] = It;
+      e["default"] = $t;
     },
     fdef: function(t, e) {
       t.exports = "\t\n\v\f\r   ᠎             　\u2028\u2029\ufeff";

From 06522347cd45cd2b0f20b816d6500a63caf9de4a Mon Sep 17 00:00:00 2001
From: soal <sorrow.about.alice@pm.me>
Date: Thu, 2 May 2019 20:52:45 +0300
Subject: [PATCH 4/5] New documentation build

---
 docs/404.html                                 |    6 +-
 docs/api/Layers/canvaslayer.html              |    4 +-
 docs/api/Layers/geojsonlayer.html             |    4 +-
 docs/api/Layers/imagelayer.html               |    4 +-
 docs/api/Layers/index.html                    |    4 +-
 docs/api/Layers/rasterlayer.html              |    4 +-
 docs/api/Layers/vectorlayer.html              |    4 +-
 docs/api/Layers/videolayer.html               |    4 +-
 docs/api/controls.html                        |    4 +-
 docs/api/glmap.html                           |   38 -
 docs/api/index.html                           |    6 +-
 docs/api/marker.html                          |   24 +-
 docs/api/popup.html                           |    4 +-
 .../js/{10.02b7c2a1.js => 10.496a25ae.js}     |    2 +-
 .../js/{11.ee64ec8f.js => 11.c30d5454.js}     |    2 +-
 .../js/{12.f0cb3c91.js => 12.43a2535b.js}     |    2 +-
 .../js/{13.57cb96bf.js => 13.0cb68667.js}     |    2 +-
 .../js/{14.7b3fcbc6.js => 14.3affa2b5.js}     |   40 +-
 .../js/{15.6be5284d.js => 15.40b3c4ef.js}     |    2 +-
 docs/assets/js/16.733d6730.js                 | 3487 -----------------
 .../js/{17.172f4295.js => 16.7de1d511.js}     |  516 ++-
 .../js/{18.9eb7a777.js => 17.95d02626.js}     |    4 +-
 .../js/{19.10105f2d.js => 18.449ed0f5.js}     |    4 +-
 .../js/{20.f558f091.js => 19.38617f97.js}     |  270 +-
 .../js/{21.6a1f30f2.js => 20.f9650703.js}     |    4 +-
 .../js/{22.8dc7d898.js => 21.39c66c8d.js}     |    4 +-
 .../js/{23.4670d875.js => 22.276c6a9c.js}     |    4 +-
 .../js/{24.fe39c8d8.js => 23.87f4c25b.js}     |    4 +-
 .../js/{25.8dd04822.js => 24.9d297e6b.js}     |    4 +-
 .../js/{26.b01152e4.js => 25.f1bf9c1c.js}     |   12 +-
 .../js/{4.4f3338df.js => 4.79bc4f3c.js}       |    2 +-
 .../js/{6.a47ab602.js => 6.49edb5d4.js}       |    2 +-
 .../js/{7.cdef235f.js => 7.e6ed37a7.js}       |    2 +-
 .../js/{8.8b4b828f.js => 8.3e4706bb.js}       |    2 +-
 .../js/{9.aebbb2ac.js => 9.5e3d2dbf.js}       |    2 +-
 .../js/{app.1fce24e6.js => app.1613afe0.js}   | 2512 ++++++------
 docs/guide/basemap.html                       |   19 +-
 docs/guide/composition.html                   |    4 +-
 docs/guide/controls.html                      |    4 +-
 docs/guide/index.html                         |    4 +-
 docs/guide/layers&sources.html                |    4 +-
 docs/guide/markers&popups.html                |    4 +-
 docs/index.html                               |    4 +-
 docs/plugin_components/index.html             |    4 +-
 .../plugin_components_development.html        |    6 +-
 45 files changed, 1909 insertions(+), 5139 deletions(-)
 delete mode 100644 docs/api/glmap.html
 rename docs/assets/js/{10.02b7c2a1.js => 10.496a25ae.js} (99%)
 rename docs/assets/js/{11.ee64ec8f.js => 11.c30d5454.js} (99%)
 rename docs/assets/js/{12.f0cb3c91.js => 12.43a2535b.js} (99%)
 rename docs/assets/js/{13.57cb96bf.js => 13.0cb68667.js} (99%)
 rename docs/assets/js/{14.7b3fcbc6.js => 14.3affa2b5.js} (98%)
 rename docs/assets/js/{15.6be5284d.js => 15.40b3c4ef.js} (99%)
 delete mode 100644 docs/assets/js/16.733d6730.js
 rename docs/assets/js/{17.172f4295.js => 16.7de1d511.js} (54%)
 rename docs/assets/js/{18.9eb7a777.js => 17.95d02626.js} (99%)
 rename docs/assets/js/{19.10105f2d.js => 18.449ed0f5.js} (99%)
 rename docs/assets/js/{20.f558f091.js => 19.38617f97.js} (85%)
 rename docs/assets/js/{21.6a1f30f2.js => 20.f9650703.js} (99%)
 rename docs/assets/js/{22.8dc7d898.js => 21.39c66c8d.js} (99%)
 rename docs/assets/js/{23.4670d875.js => 22.276c6a9c.js} (99%)
 rename docs/assets/js/{24.fe39c8d8.js => 23.87f4c25b.js} (99%)
 rename docs/assets/js/{25.8dd04822.js => 24.9d297e6b.js} (99%)
 rename docs/assets/js/{26.b01152e4.js => 25.f1bf9c1c.js} (99%)
 rename docs/assets/js/{4.4f3338df.js => 4.79bc4f3c.js} (96%)
 rename docs/assets/js/{6.a47ab602.js => 6.49edb5d4.js} (99%)
 rename docs/assets/js/{7.cdef235f.js => 7.e6ed37a7.js} (99%)
 rename docs/assets/js/{8.8b4b828f.js => 8.3e4706bb.js} (99%)
 rename docs/assets/js/{9.aebbb2ac.js => 9.5e3d2dbf.js} (99%)
 rename docs/assets/js/{app.1fce24e6.js => app.1613afe0.js} (83%)

diff --git a/docs/404.html b/docs/404.html
index 20228881..5103cf02 100644
--- a/docs/404.html
+++ b/docs/404.html
@@ -7,11 +7,11 @@
     <meta name="description" content="Combine powers of Mapbox GL JS and Vue.js">
     <link rel="icon" href="/vue-mapbox/favicon.ico">
     
-    <link rel="preload" href="/vue-mapbox/assets/css/0.styles.622f01af.css" as="style"><link rel="preload" href="/vue-mapbox/assets/js/app.1fce24e6.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/3.02aa2be5.js" as="script"><link rel="prefetch" href="/vue-mapbox/assets/js/10.02b7c2a1.js"><link rel="prefetch" href="/vue-mapbox/assets/js/11.ee64ec8f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/12.f0cb3c91.js"><link rel="prefetch" href="/vue-mapbox/assets/js/13.57cb96bf.js"><link rel="prefetch" href="/vue-mapbox/assets/js/14.7b3fcbc6.js"><link rel="prefetch" href="/vue-mapbox/assets/js/15.6be5284d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/16.733d6730.js"><link rel="prefetch" href="/vue-mapbox/assets/js/17.172f4295.js"><link rel="prefetch" href="/vue-mapbox/assets/js/18.9eb7a777.js"><link rel="prefetch" href="/vue-mapbox/assets/js/19.10105f2d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/2.1a36c030.js"><link rel="prefetch" href="/vue-mapbox/assets/js/20.f558f091.js"><link rel="prefetch" href="/vue-mapbox/assets/js/21.6a1f30f2.js"><link rel="prefetch" href="/vue-mapbox/assets/js/22.8dc7d898.js"><link rel="prefetch" href="/vue-mapbox/assets/js/23.4670d875.js"><link rel="prefetch" href="/vue-mapbox/assets/js/24.fe39c8d8.js"><link rel="prefetch" href="/vue-mapbox/assets/js/25.8dd04822.js"><link rel="prefetch" href="/vue-mapbox/assets/js/26.b01152e4.js"><link rel="prefetch" href="/vue-mapbox/assets/js/4.4f3338df.js"><link rel="prefetch" href="/vue-mapbox/assets/js/5.d3d1578a.js"><link rel="prefetch" href="/vue-mapbox/assets/js/6.a47ab602.js"><link rel="prefetch" href="/vue-mapbox/assets/js/7.cdef235f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/8.8b4b828f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/9.aebbb2ac.js">
+    <link rel="preload" href="/vue-mapbox/assets/css/0.styles.622f01af.css" as="style"><link rel="preload" href="/vue-mapbox/assets/js/app.1613afe0.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/3.02aa2be5.js" as="script"><link rel="prefetch" href="/vue-mapbox/assets/js/10.496a25ae.js"><link rel="prefetch" href="/vue-mapbox/assets/js/11.c30d5454.js"><link rel="prefetch" href="/vue-mapbox/assets/js/12.43a2535b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/13.0cb68667.js"><link rel="prefetch" href="/vue-mapbox/assets/js/14.3affa2b5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/15.40b3c4ef.js"><link rel="prefetch" href="/vue-mapbox/assets/js/16.7de1d511.js"><link rel="prefetch" href="/vue-mapbox/assets/js/17.95d02626.js"><link rel="prefetch" href="/vue-mapbox/assets/js/18.449ed0f5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/19.38617f97.js"><link rel="prefetch" href="/vue-mapbox/assets/js/2.1a36c030.js"><link rel="prefetch" href="/vue-mapbox/assets/js/20.f9650703.js"><link rel="prefetch" href="/vue-mapbox/assets/js/21.39c66c8d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/22.276c6a9c.js"><link rel="prefetch" href="/vue-mapbox/assets/js/23.87f4c25b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/24.9d297e6b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/25.f1bf9c1c.js"><link rel="prefetch" href="/vue-mapbox/assets/js/4.79bc4f3c.js"><link rel="prefetch" href="/vue-mapbox/assets/js/5.d3d1578a.js"><link rel="prefetch" href="/vue-mapbox/assets/js/6.49edb5d4.js"><link rel="prefetch" href="/vue-mapbox/assets/js/7.e6ed37a7.js"><link rel="prefetch" href="/vue-mapbox/assets/js/8.3e4706bb.js"><link rel="prefetch" href="/vue-mapbox/assets/js/9.5e3d2dbf.js">
     <link rel="stylesheet" href="/vue-mapbox/assets/css/0.styles.622f01af.css">
   </head>
   <body>
-    <div id="app" data-server-rendered="true"><div class="theme-container"><div class="content"><h1>404</h1> <blockquote>Looks like we've got some broken links.</blockquote> <a href="/vue-mapbox/" class="router-link-active">Take me home.</a></div></div><div class="global-ui"></div></div>
-    <script src="/vue-mapbox/assets/js/app.1fce24e6.js" defer></script><script src="/vue-mapbox/assets/js/3.02aa2be5.js" defer></script>
+    <div id="app" data-server-rendered="true"><div class="theme-container"><div class="content"><h1>404</h1> <blockquote>How did we get here?</blockquote> <a href="/vue-mapbox/" class="router-link-active">Take me home.</a></div></div><div class="global-ui"></div></div>
+    <script src="/vue-mapbox/assets/js/app.1613afe0.js" defer></script><script src="/vue-mapbox/assets/js/3.02aa2be5.js" defer></script>
   </body>
 </html>
diff --git a/docs/api/Layers/canvaslayer.html b/docs/api/Layers/canvaslayer.html
index 977cf7d9..d397865d 100644
--- a/docs/api/Layers/canvaslayer.html
+++ b/docs/api/Layers/canvaslayer.html
@@ -7,7 +7,7 @@
     <meta name="description" content="Combine powers of Mapbox GL JS and Vue.js">
     <link rel="icon" href="/vue-mapbox/favicon.ico">
     
-    <link rel="preload" href="/vue-mapbox/assets/css/0.styles.622f01af.css" as="style"><link rel="preload" href="/vue-mapbox/assets/js/app.1fce24e6.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/2.1a36c030.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/8.8b4b828f.js" as="script"><link rel="prefetch" href="/vue-mapbox/assets/js/10.02b7c2a1.js"><link rel="prefetch" href="/vue-mapbox/assets/js/11.ee64ec8f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/12.f0cb3c91.js"><link rel="prefetch" href="/vue-mapbox/assets/js/13.57cb96bf.js"><link rel="prefetch" href="/vue-mapbox/assets/js/14.7b3fcbc6.js"><link rel="prefetch" href="/vue-mapbox/assets/js/15.6be5284d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/16.733d6730.js"><link rel="prefetch" href="/vue-mapbox/assets/js/17.172f4295.js"><link rel="prefetch" href="/vue-mapbox/assets/js/18.9eb7a777.js"><link rel="prefetch" href="/vue-mapbox/assets/js/19.10105f2d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/20.f558f091.js"><link rel="prefetch" href="/vue-mapbox/assets/js/21.6a1f30f2.js"><link rel="prefetch" href="/vue-mapbox/assets/js/22.8dc7d898.js"><link rel="prefetch" href="/vue-mapbox/assets/js/23.4670d875.js"><link rel="prefetch" href="/vue-mapbox/assets/js/24.fe39c8d8.js"><link rel="prefetch" href="/vue-mapbox/assets/js/25.8dd04822.js"><link rel="prefetch" href="/vue-mapbox/assets/js/26.b01152e4.js"><link rel="prefetch" href="/vue-mapbox/assets/js/3.02aa2be5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/4.4f3338df.js"><link rel="prefetch" href="/vue-mapbox/assets/js/5.d3d1578a.js"><link rel="prefetch" href="/vue-mapbox/assets/js/6.a47ab602.js"><link rel="prefetch" href="/vue-mapbox/assets/js/7.cdef235f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/9.aebbb2ac.js">
+    <link rel="preload" href="/vue-mapbox/assets/css/0.styles.622f01af.css" as="style"><link rel="preload" href="/vue-mapbox/assets/js/app.1613afe0.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/2.1a36c030.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/8.3e4706bb.js" as="script"><link rel="prefetch" href="/vue-mapbox/assets/js/10.496a25ae.js"><link rel="prefetch" href="/vue-mapbox/assets/js/11.c30d5454.js"><link rel="prefetch" href="/vue-mapbox/assets/js/12.43a2535b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/13.0cb68667.js"><link rel="prefetch" href="/vue-mapbox/assets/js/14.3affa2b5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/15.40b3c4ef.js"><link rel="prefetch" href="/vue-mapbox/assets/js/16.7de1d511.js"><link rel="prefetch" href="/vue-mapbox/assets/js/17.95d02626.js"><link rel="prefetch" href="/vue-mapbox/assets/js/18.449ed0f5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/19.38617f97.js"><link rel="prefetch" href="/vue-mapbox/assets/js/20.f9650703.js"><link rel="prefetch" href="/vue-mapbox/assets/js/21.39c66c8d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/22.276c6a9c.js"><link rel="prefetch" href="/vue-mapbox/assets/js/23.87f4c25b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/24.9d297e6b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/25.f1bf9c1c.js"><link rel="prefetch" href="/vue-mapbox/assets/js/3.02aa2be5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/4.79bc4f3c.js"><link rel="prefetch" href="/vue-mapbox/assets/js/5.d3d1578a.js"><link rel="prefetch" href="/vue-mapbox/assets/js/6.49edb5d4.js"><link rel="prefetch" href="/vue-mapbox/assets/js/7.e6ed37a7.js"><link rel="prefetch" href="/vue-mapbox/assets/js/9.5e3d2dbf.js">
     <link rel="stylesheet" href="/vue-mapbox/assets/css/0.styles.622f01af.css">
   </head>
   <body>
@@ -28,6 +28,6 @@
         </a>
         →
       </span></p></div> </main></div><div class="global-ui"></div></div>
-    <script src="/vue-mapbox/assets/js/app.1fce24e6.js" defer></script><script src="/vue-mapbox/assets/js/2.1a36c030.js" defer></script><script src="/vue-mapbox/assets/js/8.8b4b828f.js" defer></script>
+    <script src="/vue-mapbox/assets/js/app.1613afe0.js" defer></script><script src="/vue-mapbox/assets/js/2.1a36c030.js" defer></script><script src="/vue-mapbox/assets/js/8.3e4706bb.js" defer></script>
   </body>
 </html>
diff --git a/docs/api/Layers/geojsonlayer.html b/docs/api/Layers/geojsonlayer.html
index 42f6031e..b542c4d1 100644
--- a/docs/api/Layers/geojsonlayer.html
+++ b/docs/api/Layers/geojsonlayer.html
@@ -7,7 +7,7 @@
     <meta name="description" content="Combine powers of Mapbox GL JS and Vue.js">
     <link rel="icon" href="/vue-mapbox/favicon.ico">
     
-    <link rel="preload" href="/vue-mapbox/assets/css/0.styles.622f01af.css" as="style"><link rel="preload" href="/vue-mapbox/assets/js/app.1fce24e6.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/2.1a36c030.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/9.aebbb2ac.js" as="script"><link rel="prefetch" href="/vue-mapbox/assets/js/10.02b7c2a1.js"><link rel="prefetch" href="/vue-mapbox/assets/js/11.ee64ec8f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/12.f0cb3c91.js"><link rel="prefetch" href="/vue-mapbox/assets/js/13.57cb96bf.js"><link rel="prefetch" href="/vue-mapbox/assets/js/14.7b3fcbc6.js"><link rel="prefetch" href="/vue-mapbox/assets/js/15.6be5284d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/16.733d6730.js"><link rel="prefetch" href="/vue-mapbox/assets/js/17.172f4295.js"><link rel="prefetch" href="/vue-mapbox/assets/js/18.9eb7a777.js"><link rel="prefetch" href="/vue-mapbox/assets/js/19.10105f2d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/20.f558f091.js"><link rel="prefetch" href="/vue-mapbox/assets/js/21.6a1f30f2.js"><link rel="prefetch" href="/vue-mapbox/assets/js/22.8dc7d898.js"><link rel="prefetch" href="/vue-mapbox/assets/js/23.4670d875.js"><link rel="prefetch" href="/vue-mapbox/assets/js/24.fe39c8d8.js"><link rel="prefetch" href="/vue-mapbox/assets/js/25.8dd04822.js"><link rel="prefetch" href="/vue-mapbox/assets/js/26.b01152e4.js"><link rel="prefetch" href="/vue-mapbox/assets/js/3.02aa2be5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/4.4f3338df.js"><link rel="prefetch" href="/vue-mapbox/assets/js/5.d3d1578a.js"><link rel="prefetch" href="/vue-mapbox/assets/js/6.a47ab602.js"><link rel="prefetch" href="/vue-mapbox/assets/js/7.cdef235f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/8.8b4b828f.js">
+    <link rel="preload" href="/vue-mapbox/assets/css/0.styles.622f01af.css" as="style"><link rel="preload" href="/vue-mapbox/assets/js/app.1613afe0.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/2.1a36c030.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/9.5e3d2dbf.js" as="script"><link rel="prefetch" href="/vue-mapbox/assets/js/10.496a25ae.js"><link rel="prefetch" href="/vue-mapbox/assets/js/11.c30d5454.js"><link rel="prefetch" href="/vue-mapbox/assets/js/12.43a2535b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/13.0cb68667.js"><link rel="prefetch" href="/vue-mapbox/assets/js/14.3affa2b5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/15.40b3c4ef.js"><link rel="prefetch" href="/vue-mapbox/assets/js/16.7de1d511.js"><link rel="prefetch" href="/vue-mapbox/assets/js/17.95d02626.js"><link rel="prefetch" href="/vue-mapbox/assets/js/18.449ed0f5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/19.38617f97.js"><link rel="prefetch" href="/vue-mapbox/assets/js/20.f9650703.js"><link rel="prefetch" href="/vue-mapbox/assets/js/21.39c66c8d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/22.276c6a9c.js"><link rel="prefetch" href="/vue-mapbox/assets/js/23.87f4c25b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/24.9d297e6b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/25.f1bf9c1c.js"><link rel="prefetch" href="/vue-mapbox/assets/js/3.02aa2be5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/4.79bc4f3c.js"><link rel="prefetch" href="/vue-mapbox/assets/js/5.d3d1578a.js"><link rel="prefetch" href="/vue-mapbox/assets/js/6.49edb5d4.js"><link rel="prefetch" href="/vue-mapbox/assets/js/7.e6ed37a7.js"><link rel="prefetch" href="/vue-mapbox/assets/js/8.3e4706bb.js">
     <link rel="stylesheet" href="/vue-mapbox/assets/css/0.styles.622f01af.css">
   </head>
   <body>
@@ -28,6 +28,6 @@
         </a>
         →
       </span></p></div> </main></div><div class="global-ui"></div></div>
-    <script src="/vue-mapbox/assets/js/app.1fce24e6.js" defer></script><script src="/vue-mapbox/assets/js/2.1a36c030.js" defer></script><script src="/vue-mapbox/assets/js/9.aebbb2ac.js" defer></script>
+    <script src="/vue-mapbox/assets/js/app.1613afe0.js" defer></script><script src="/vue-mapbox/assets/js/2.1a36c030.js" defer></script><script src="/vue-mapbox/assets/js/9.5e3d2dbf.js" defer></script>
   </body>
 </html>
diff --git a/docs/api/Layers/imagelayer.html b/docs/api/Layers/imagelayer.html
index 324cc065..076950a9 100644
--- a/docs/api/Layers/imagelayer.html
+++ b/docs/api/Layers/imagelayer.html
@@ -7,7 +7,7 @@
     <meta name="description" content="Combine powers of Mapbox GL JS and Vue.js">
     <link rel="icon" href="/vue-mapbox/favicon.ico">
     
-    <link rel="preload" href="/vue-mapbox/assets/css/0.styles.622f01af.css" as="style"><link rel="preload" href="/vue-mapbox/assets/js/app.1fce24e6.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/2.1a36c030.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/10.02b7c2a1.js" as="script"><link rel="prefetch" href="/vue-mapbox/assets/js/11.ee64ec8f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/12.f0cb3c91.js"><link rel="prefetch" href="/vue-mapbox/assets/js/13.57cb96bf.js"><link rel="prefetch" href="/vue-mapbox/assets/js/14.7b3fcbc6.js"><link rel="prefetch" href="/vue-mapbox/assets/js/15.6be5284d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/16.733d6730.js"><link rel="prefetch" href="/vue-mapbox/assets/js/17.172f4295.js"><link rel="prefetch" href="/vue-mapbox/assets/js/18.9eb7a777.js"><link rel="prefetch" href="/vue-mapbox/assets/js/19.10105f2d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/20.f558f091.js"><link rel="prefetch" href="/vue-mapbox/assets/js/21.6a1f30f2.js"><link rel="prefetch" href="/vue-mapbox/assets/js/22.8dc7d898.js"><link rel="prefetch" href="/vue-mapbox/assets/js/23.4670d875.js"><link rel="prefetch" href="/vue-mapbox/assets/js/24.fe39c8d8.js"><link rel="prefetch" href="/vue-mapbox/assets/js/25.8dd04822.js"><link rel="prefetch" href="/vue-mapbox/assets/js/26.b01152e4.js"><link rel="prefetch" href="/vue-mapbox/assets/js/3.02aa2be5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/4.4f3338df.js"><link rel="prefetch" href="/vue-mapbox/assets/js/5.d3d1578a.js"><link rel="prefetch" href="/vue-mapbox/assets/js/6.a47ab602.js"><link rel="prefetch" href="/vue-mapbox/assets/js/7.cdef235f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/8.8b4b828f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/9.aebbb2ac.js">
+    <link rel="preload" href="/vue-mapbox/assets/css/0.styles.622f01af.css" as="style"><link rel="preload" href="/vue-mapbox/assets/js/app.1613afe0.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/2.1a36c030.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/10.496a25ae.js" as="script"><link rel="prefetch" href="/vue-mapbox/assets/js/11.c30d5454.js"><link rel="prefetch" href="/vue-mapbox/assets/js/12.43a2535b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/13.0cb68667.js"><link rel="prefetch" href="/vue-mapbox/assets/js/14.3affa2b5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/15.40b3c4ef.js"><link rel="prefetch" href="/vue-mapbox/assets/js/16.7de1d511.js"><link rel="prefetch" href="/vue-mapbox/assets/js/17.95d02626.js"><link rel="prefetch" href="/vue-mapbox/assets/js/18.449ed0f5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/19.38617f97.js"><link rel="prefetch" href="/vue-mapbox/assets/js/20.f9650703.js"><link rel="prefetch" href="/vue-mapbox/assets/js/21.39c66c8d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/22.276c6a9c.js"><link rel="prefetch" href="/vue-mapbox/assets/js/23.87f4c25b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/24.9d297e6b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/25.f1bf9c1c.js"><link rel="prefetch" href="/vue-mapbox/assets/js/3.02aa2be5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/4.79bc4f3c.js"><link rel="prefetch" href="/vue-mapbox/assets/js/5.d3d1578a.js"><link rel="prefetch" href="/vue-mapbox/assets/js/6.49edb5d4.js"><link rel="prefetch" href="/vue-mapbox/assets/js/7.e6ed37a7.js"><link rel="prefetch" href="/vue-mapbox/assets/js/8.3e4706bb.js"><link rel="prefetch" href="/vue-mapbox/assets/js/9.5e3d2dbf.js">
     <link rel="stylesheet" href="/vue-mapbox/assets/css/0.styles.622f01af.css">
   </head>
   <body>
@@ -29,6 +29,6 @@
         </a>
         →
       </span></p></div> </main></div><div class="global-ui"></div></div>
-    <script src="/vue-mapbox/assets/js/app.1fce24e6.js" defer></script><script src="/vue-mapbox/assets/js/2.1a36c030.js" defer></script><script src="/vue-mapbox/assets/js/10.02b7c2a1.js" defer></script>
+    <script src="/vue-mapbox/assets/js/app.1613afe0.js" defer></script><script src="/vue-mapbox/assets/js/2.1a36c030.js" defer></script><script src="/vue-mapbox/assets/js/10.496a25ae.js" defer></script>
   </body>
 </html>
diff --git a/docs/api/Layers/index.html b/docs/api/Layers/index.html
index 09603d97..d353c6a5 100644
--- a/docs/api/Layers/index.html
+++ b/docs/api/Layers/index.html
@@ -7,7 +7,7 @@
     <meta name="description" content="Combine powers of Mapbox GL JS and Vue.js">
     <link rel="icon" href="/vue-mapbox/favicon.ico">
     
-    <link rel="preload" href="/vue-mapbox/assets/css/0.styles.622f01af.css" as="style"><link rel="preload" href="/vue-mapbox/assets/js/app.1fce24e6.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/2.1a36c030.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/7.cdef235f.js" as="script"><link rel="prefetch" href="/vue-mapbox/assets/js/10.02b7c2a1.js"><link rel="prefetch" href="/vue-mapbox/assets/js/11.ee64ec8f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/12.f0cb3c91.js"><link rel="prefetch" href="/vue-mapbox/assets/js/13.57cb96bf.js"><link rel="prefetch" href="/vue-mapbox/assets/js/14.7b3fcbc6.js"><link rel="prefetch" href="/vue-mapbox/assets/js/15.6be5284d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/16.733d6730.js"><link rel="prefetch" href="/vue-mapbox/assets/js/17.172f4295.js"><link rel="prefetch" href="/vue-mapbox/assets/js/18.9eb7a777.js"><link rel="prefetch" href="/vue-mapbox/assets/js/19.10105f2d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/20.f558f091.js"><link rel="prefetch" href="/vue-mapbox/assets/js/21.6a1f30f2.js"><link rel="prefetch" href="/vue-mapbox/assets/js/22.8dc7d898.js"><link rel="prefetch" href="/vue-mapbox/assets/js/23.4670d875.js"><link rel="prefetch" href="/vue-mapbox/assets/js/24.fe39c8d8.js"><link rel="prefetch" href="/vue-mapbox/assets/js/25.8dd04822.js"><link rel="prefetch" href="/vue-mapbox/assets/js/26.b01152e4.js"><link rel="prefetch" href="/vue-mapbox/assets/js/3.02aa2be5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/4.4f3338df.js"><link rel="prefetch" href="/vue-mapbox/assets/js/5.d3d1578a.js"><link rel="prefetch" href="/vue-mapbox/assets/js/6.a47ab602.js"><link rel="prefetch" href="/vue-mapbox/assets/js/8.8b4b828f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/9.aebbb2ac.js">
+    <link rel="preload" href="/vue-mapbox/assets/css/0.styles.622f01af.css" as="style"><link rel="preload" href="/vue-mapbox/assets/js/app.1613afe0.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/2.1a36c030.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/7.e6ed37a7.js" as="script"><link rel="prefetch" href="/vue-mapbox/assets/js/10.496a25ae.js"><link rel="prefetch" href="/vue-mapbox/assets/js/11.c30d5454.js"><link rel="prefetch" href="/vue-mapbox/assets/js/12.43a2535b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/13.0cb68667.js"><link rel="prefetch" href="/vue-mapbox/assets/js/14.3affa2b5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/15.40b3c4ef.js"><link rel="prefetch" href="/vue-mapbox/assets/js/16.7de1d511.js"><link rel="prefetch" href="/vue-mapbox/assets/js/17.95d02626.js"><link rel="prefetch" href="/vue-mapbox/assets/js/18.449ed0f5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/19.38617f97.js"><link rel="prefetch" href="/vue-mapbox/assets/js/20.f9650703.js"><link rel="prefetch" href="/vue-mapbox/assets/js/21.39c66c8d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/22.276c6a9c.js"><link rel="prefetch" href="/vue-mapbox/assets/js/23.87f4c25b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/24.9d297e6b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/25.f1bf9c1c.js"><link rel="prefetch" href="/vue-mapbox/assets/js/3.02aa2be5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/4.79bc4f3c.js"><link rel="prefetch" href="/vue-mapbox/assets/js/5.d3d1578a.js"><link rel="prefetch" href="/vue-mapbox/assets/js/6.49edb5d4.js"><link rel="prefetch" href="/vue-mapbox/assets/js/8.3e4706bb.js"><link rel="prefetch" href="/vue-mapbox/assets/js/9.5e3d2dbf.js">
     <link rel="stylesheet" href="/vue-mapbox/assets/css/0.styles.622f01af.css">
   </head>
   <body>
@@ -28,6 +28,6 @@
         </a>
         →
       </span></p></div> </main></div><div class="global-ui"></div></div>
-    <script src="/vue-mapbox/assets/js/app.1fce24e6.js" defer></script><script src="/vue-mapbox/assets/js/2.1a36c030.js" defer></script><script src="/vue-mapbox/assets/js/7.cdef235f.js" defer></script>
+    <script src="/vue-mapbox/assets/js/app.1613afe0.js" defer></script><script src="/vue-mapbox/assets/js/2.1a36c030.js" defer></script><script src="/vue-mapbox/assets/js/7.e6ed37a7.js" defer></script>
   </body>
 </html>
diff --git a/docs/api/Layers/rasterlayer.html b/docs/api/Layers/rasterlayer.html
index f3183787..8ced218a 100644
--- a/docs/api/Layers/rasterlayer.html
+++ b/docs/api/Layers/rasterlayer.html
@@ -7,7 +7,7 @@
     <meta name="description" content="Combine powers of Mapbox GL JS and Vue.js">
     <link rel="icon" href="/vue-mapbox/favicon.ico">
     
-    <link rel="preload" href="/vue-mapbox/assets/css/0.styles.622f01af.css" as="style"><link rel="preload" href="/vue-mapbox/assets/js/app.1fce24e6.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/2.1a36c030.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/11.ee64ec8f.js" as="script"><link rel="prefetch" href="/vue-mapbox/assets/js/10.02b7c2a1.js"><link rel="prefetch" href="/vue-mapbox/assets/js/12.f0cb3c91.js"><link rel="prefetch" href="/vue-mapbox/assets/js/13.57cb96bf.js"><link rel="prefetch" href="/vue-mapbox/assets/js/14.7b3fcbc6.js"><link rel="prefetch" href="/vue-mapbox/assets/js/15.6be5284d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/16.733d6730.js"><link rel="prefetch" href="/vue-mapbox/assets/js/17.172f4295.js"><link rel="prefetch" href="/vue-mapbox/assets/js/18.9eb7a777.js"><link rel="prefetch" href="/vue-mapbox/assets/js/19.10105f2d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/20.f558f091.js"><link rel="prefetch" href="/vue-mapbox/assets/js/21.6a1f30f2.js"><link rel="prefetch" href="/vue-mapbox/assets/js/22.8dc7d898.js"><link rel="prefetch" href="/vue-mapbox/assets/js/23.4670d875.js"><link rel="prefetch" href="/vue-mapbox/assets/js/24.fe39c8d8.js"><link rel="prefetch" href="/vue-mapbox/assets/js/25.8dd04822.js"><link rel="prefetch" href="/vue-mapbox/assets/js/26.b01152e4.js"><link rel="prefetch" href="/vue-mapbox/assets/js/3.02aa2be5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/4.4f3338df.js"><link rel="prefetch" href="/vue-mapbox/assets/js/5.d3d1578a.js"><link rel="prefetch" href="/vue-mapbox/assets/js/6.a47ab602.js"><link rel="prefetch" href="/vue-mapbox/assets/js/7.cdef235f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/8.8b4b828f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/9.aebbb2ac.js">
+    <link rel="preload" href="/vue-mapbox/assets/css/0.styles.622f01af.css" as="style"><link rel="preload" href="/vue-mapbox/assets/js/app.1613afe0.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/2.1a36c030.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/11.c30d5454.js" as="script"><link rel="prefetch" href="/vue-mapbox/assets/js/10.496a25ae.js"><link rel="prefetch" href="/vue-mapbox/assets/js/12.43a2535b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/13.0cb68667.js"><link rel="prefetch" href="/vue-mapbox/assets/js/14.3affa2b5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/15.40b3c4ef.js"><link rel="prefetch" href="/vue-mapbox/assets/js/16.7de1d511.js"><link rel="prefetch" href="/vue-mapbox/assets/js/17.95d02626.js"><link rel="prefetch" href="/vue-mapbox/assets/js/18.449ed0f5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/19.38617f97.js"><link rel="prefetch" href="/vue-mapbox/assets/js/20.f9650703.js"><link rel="prefetch" href="/vue-mapbox/assets/js/21.39c66c8d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/22.276c6a9c.js"><link rel="prefetch" href="/vue-mapbox/assets/js/23.87f4c25b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/24.9d297e6b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/25.f1bf9c1c.js"><link rel="prefetch" href="/vue-mapbox/assets/js/3.02aa2be5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/4.79bc4f3c.js"><link rel="prefetch" href="/vue-mapbox/assets/js/5.d3d1578a.js"><link rel="prefetch" href="/vue-mapbox/assets/js/6.49edb5d4.js"><link rel="prefetch" href="/vue-mapbox/assets/js/7.e6ed37a7.js"><link rel="prefetch" href="/vue-mapbox/assets/js/8.3e4706bb.js"><link rel="prefetch" href="/vue-mapbox/assets/js/9.5e3d2dbf.js">
     <link rel="stylesheet" href="/vue-mapbox/assets/css/0.styles.622f01af.css">
   </head>
   <body>
@@ -28,6 +28,6 @@
         </a>
         →
       </span></p></div> </main></div><div class="global-ui"></div></div>
-    <script src="/vue-mapbox/assets/js/app.1fce24e6.js" defer></script><script src="/vue-mapbox/assets/js/2.1a36c030.js" defer></script><script src="/vue-mapbox/assets/js/11.ee64ec8f.js" defer></script>
+    <script src="/vue-mapbox/assets/js/app.1613afe0.js" defer></script><script src="/vue-mapbox/assets/js/2.1a36c030.js" defer></script><script src="/vue-mapbox/assets/js/11.c30d5454.js" defer></script>
   </body>
 </html>
diff --git a/docs/api/Layers/vectorlayer.html b/docs/api/Layers/vectorlayer.html
index 3e560645..21a6d5c5 100644
--- a/docs/api/Layers/vectorlayer.html
+++ b/docs/api/Layers/vectorlayer.html
@@ -7,7 +7,7 @@
     <meta name="description" content="Combine powers of Mapbox GL JS and Vue.js">
     <link rel="icon" href="/vue-mapbox/favicon.ico">
     
-    <link rel="preload" href="/vue-mapbox/assets/css/0.styles.622f01af.css" as="style"><link rel="preload" href="/vue-mapbox/assets/js/app.1fce24e6.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/2.1a36c030.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/12.f0cb3c91.js" as="script"><link rel="prefetch" href="/vue-mapbox/assets/js/10.02b7c2a1.js"><link rel="prefetch" href="/vue-mapbox/assets/js/11.ee64ec8f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/13.57cb96bf.js"><link rel="prefetch" href="/vue-mapbox/assets/js/14.7b3fcbc6.js"><link rel="prefetch" href="/vue-mapbox/assets/js/15.6be5284d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/16.733d6730.js"><link rel="prefetch" href="/vue-mapbox/assets/js/17.172f4295.js"><link rel="prefetch" href="/vue-mapbox/assets/js/18.9eb7a777.js"><link rel="prefetch" href="/vue-mapbox/assets/js/19.10105f2d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/20.f558f091.js"><link rel="prefetch" href="/vue-mapbox/assets/js/21.6a1f30f2.js"><link rel="prefetch" href="/vue-mapbox/assets/js/22.8dc7d898.js"><link rel="prefetch" href="/vue-mapbox/assets/js/23.4670d875.js"><link rel="prefetch" href="/vue-mapbox/assets/js/24.fe39c8d8.js"><link rel="prefetch" href="/vue-mapbox/assets/js/25.8dd04822.js"><link rel="prefetch" href="/vue-mapbox/assets/js/26.b01152e4.js"><link rel="prefetch" href="/vue-mapbox/assets/js/3.02aa2be5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/4.4f3338df.js"><link rel="prefetch" href="/vue-mapbox/assets/js/5.d3d1578a.js"><link rel="prefetch" href="/vue-mapbox/assets/js/6.a47ab602.js"><link rel="prefetch" href="/vue-mapbox/assets/js/7.cdef235f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/8.8b4b828f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/9.aebbb2ac.js">
+    <link rel="preload" href="/vue-mapbox/assets/css/0.styles.622f01af.css" as="style"><link rel="preload" href="/vue-mapbox/assets/js/app.1613afe0.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/2.1a36c030.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/12.43a2535b.js" as="script"><link rel="prefetch" href="/vue-mapbox/assets/js/10.496a25ae.js"><link rel="prefetch" href="/vue-mapbox/assets/js/11.c30d5454.js"><link rel="prefetch" href="/vue-mapbox/assets/js/13.0cb68667.js"><link rel="prefetch" href="/vue-mapbox/assets/js/14.3affa2b5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/15.40b3c4ef.js"><link rel="prefetch" href="/vue-mapbox/assets/js/16.7de1d511.js"><link rel="prefetch" href="/vue-mapbox/assets/js/17.95d02626.js"><link rel="prefetch" href="/vue-mapbox/assets/js/18.449ed0f5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/19.38617f97.js"><link rel="prefetch" href="/vue-mapbox/assets/js/20.f9650703.js"><link rel="prefetch" href="/vue-mapbox/assets/js/21.39c66c8d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/22.276c6a9c.js"><link rel="prefetch" href="/vue-mapbox/assets/js/23.87f4c25b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/24.9d297e6b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/25.f1bf9c1c.js"><link rel="prefetch" href="/vue-mapbox/assets/js/3.02aa2be5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/4.79bc4f3c.js"><link rel="prefetch" href="/vue-mapbox/assets/js/5.d3d1578a.js"><link rel="prefetch" href="/vue-mapbox/assets/js/6.49edb5d4.js"><link rel="prefetch" href="/vue-mapbox/assets/js/7.e6ed37a7.js"><link rel="prefetch" href="/vue-mapbox/assets/js/8.3e4706bb.js"><link rel="prefetch" href="/vue-mapbox/assets/js/9.5e3d2dbf.js">
     <link rel="stylesheet" href="/vue-mapbox/assets/css/0.styles.622f01af.css">
   </head>
   <body>
@@ -28,6 +28,6 @@
         </a>
         →
       </span></p></div> </main></div><div class="global-ui"></div></div>
-    <script src="/vue-mapbox/assets/js/app.1fce24e6.js" defer></script><script src="/vue-mapbox/assets/js/2.1a36c030.js" defer></script><script src="/vue-mapbox/assets/js/12.f0cb3c91.js" defer></script>
+    <script src="/vue-mapbox/assets/js/app.1613afe0.js" defer></script><script src="/vue-mapbox/assets/js/2.1a36c030.js" defer></script><script src="/vue-mapbox/assets/js/12.43a2535b.js" defer></script>
   </body>
 </html>
diff --git a/docs/api/Layers/videolayer.html b/docs/api/Layers/videolayer.html
index 219d0864..b0ad81af 100644
--- a/docs/api/Layers/videolayer.html
+++ b/docs/api/Layers/videolayer.html
@@ -7,7 +7,7 @@
     <meta name="description" content="Combine powers of Mapbox GL JS and Vue.js">
     <link rel="icon" href="/vue-mapbox/favicon.ico">
     
-    <link rel="preload" href="/vue-mapbox/assets/css/0.styles.622f01af.css" as="style"><link rel="preload" href="/vue-mapbox/assets/js/app.1fce24e6.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/2.1a36c030.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/13.57cb96bf.js" as="script"><link rel="prefetch" href="/vue-mapbox/assets/js/10.02b7c2a1.js"><link rel="prefetch" href="/vue-mapbox/assets/js/11.ee64ec8f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/12.f0cb3c91.js"><link rel="prefetch" href="/vue-mapbox/assets/js/14.7b3fcbc6.js"><link rel="prefetch" href="/vue-mapbox/assets/js/15.6be5284d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/16.733d6730.js"><link rel="prefetch" href="/vue-mapbox/assets/js/17.172f4295.js"><link rel="prefetch" href="/vue-mapbox/assets/js/18.9eb7a777.js"><link rel="prefetch" href="/vue-mapbox/assets/js/19.10105f2d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/20.f558f091.js"><link rel="prefetch" href="/vue-mapbox/assets/js/21.6a1f30f2.js"><link rel="prefetch" href="/vue-mapbox/assets/js/22.8dc7d898.js"><link rel="prefetch" href="/vue-mapbox/assets/js/23.4670d875.js"><link rel="prefetch" href="/vue-mapbox/assets/js/24.fe39c8d8.js"><link rel="prefetch" href="/vue-mapbox/assets/js/25.8dd04822.js"><link rel="prefetch" href="/vue-mapbox/assets/js/26.b01152e4.js"><link rel="prefetch" href="/vue-mapbox/assets/js/3.02aa2be5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/4.4f3338df.js"><link rel="prefetch" href="/vue-mapbox/assets/js/5.d3d1578a.js"><link rel="prefetch" href="/vue-mapbox/assets/js/6.a47ab602.js"><link rel="prefetch" href="/vue-mapbox/assets/js/7.cdef235f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/8.8b4b828f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/9.aebbb2ac.js">
+    <link rel="preload" href="/vue-mapbox/assets/css/0.styles.622f01af.css" as="style"><link rel="preload" href="/vue-mapbox/assets/js/app.1613afe0.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/2.1a36c030.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/13.0cb68667.js" as="script"><link rel="prefetch" href="/vue-mapbox/assets/js/10.496a25ae.js"><link rel="prefetch" href="/vue-mapbox/assets/js/11.c30d5454.js"><link rel="prefetch" href="/vue-mapbox/assets/js/12.43a2535b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/14.3affa2b5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/15.40b3c4ef.js"><link rel="prefetch" href="/vue-mapbox/assets/js/16.7de1d511.js"><link rel="prefetch" href="/vue-mapbox/assets/js/17.95d02626.js"><link rel="prefetch" href="/vue-mapbox/assets/js/18.449ed0f5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/19.38617f97.js"><link rel="prefetch" href="/vue-mapbox/assets/js/20.f9650703.js"><link rel="prefetch" href="/vue-mapbox/assets/js/21.39c66c8d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/22.276c6a9c.js"><link rel="prefetch" href="/vue-mapbox/assets/js/23.87f4c25b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/24.9d297e6b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/25.f1bf9c1c.js"><link rel="prefetch" href="/vue-mapbox/assets/js/3.02aa2be5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/4.79bc4f3c.js"><link rel="prefetch" href="/vue-mapbox/assets/js/5.d3d1578a.js"><link rel="prefetch" href="/vue-mapbox/assets/js/6.49edb5d4.js"><link rel="prefetch" href="/vue-mapbox/assets/js/7.e6ed37a7.js"><link rel="prefetch" href="/vue-mapbox/assets/js/8.3e4706bb.js"><link rel="prefetch" href="/vue-mapbox/assets/js/9.5e3d2dbf.js">
     <link rel="stylesheet" href="/vue-mapbox/assets/css/0.styles.622f01af.css">
   </head>
   <body>
@@ -29,6 +29,6 @@
         </a>
         →
       </span></p></div> </main></div><div class="global-ui"></div></div>
-    <script src="/vue-mapbox/assets/js/app.1fce24e6.js" defer></script><script src="/vue-mapbox/assets/js/2.1a36c030.js" defer></script><script src="/vue-mapbox/assets/js/13.57cb96bf.js" defer></script>
+    <script src="/vue-mapbox/assets/js/app.1613afe0.js" defer></script><script src="/vue-mapbox/assets/js/2.1a36c030.js" defer></script><script src="/vue-mapbox/assets/js/13.0cb68667.js" defer></script>
   </body>
 </html>
diff --git a/docs/api/controls.html b/docs/api/controls.html
index 2fa8ddc2..01004ac6 100644
--- a/docs/api/controls.html
+++ b/docs/api/controls.html
@@ -7,7 +7,7 @@
     <meta name="description" content="Combine powers of Mapbox GL JS and Vue.js">
     <link rel="icon" href="/vue-mapbox/favicon.ico">
     
-    <link rel="preload" href="/vue-mapbox/assets/css/0.styles.622f01af.css" as="style"><link rel="preload" href="/vue-mapbox/assets/js/app.1fce24e6.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/2.1a36c030.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/15.6be5284d.js" as="script"><link rel="prefetch" href="/vue-mapbox/assets/js/10.02b7c2a1.js"><link rel="prefetch" href="/vue-mapbox/assets/js/11.ee64ec8f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/12.f0cb3c91.js"><link rel="prefetch" href="/vue-mapbox/assets/js/13.57cb96bf.js"><link rel="prefetch" href="/vue-mapbox/assets/js/14.7b3fcbc6.js"><link rel="prefetch" href="/vue-mapbox/assets/js/16.733d6730.js"><link rel="prefetch" href="/vue-mapbox/assets/js/17.172f4295.js"><link rel="prefetch" href="/vue-mapbox/assets/js/18.9eb7a777.js"><link rel="prefetch" href="/vue-mapbox/assets/js/19.10105f2d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/20.f558f091.js"><link rel="prefetch" href="/vue-mapbox/assets/js/21.6a1f30f2.js"><link rel="prefetch" href="/vue-mapbox/assets/js/22.8dc7d898.js"><link rel="prefetch" href="/vue-mapbox/assets/js/23.4670d875.js"><link rel="prefetch" href="/vue-mapbox/assets/js/24.fe39c8d8.js"><link rel="prefetch" href="/vue-mapbox/assets/js/25.8dd04822.js"><link rel="prefetch" href="/vue-mapbox/assets/js/26.b01152e4.js"><link rel="prefetch" href="/vue-mapbox/assets/js/3.02aa2be5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/4.4f3338df.js"><link rel="prefetch" href="/vue-mapbox/assets/js/5.d3d1578a.js"><link rel="prefetch" href="/vue-mapbox/assets/js/6.a47ab602.js"><link rel="prefetch" href="/vue-mapbox/assets/js/7.cdef235f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/8.8b4b828f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/9.aebbb2ac.js">
+    <link rel="preload" href="/vue-mapbox/assets/css/0.styles.622f01af.css" as="style"><link rel="preload" href="/vue-mapbox/assets/js/app.1613afe0.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/2.1a36c030.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/15.40b3c4ef.js" as="script"><link rel="prefetch" href="/vue-mapbox/assets/js/10.496a25ae.js"><link rel="prefetch" href="/vue-mapbox/assets/js/11.c30d5454.js"><link rel="prefetch" href="/vue-mapbox/assets/js/12.43a2535b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/13.0cb68667.js"><link rel="prefetch" href="/vue-mapbox/assets/js/14.3affa2b5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/16.7de1d511.js"><link rel="prefetch" href="/vue-mapbox/assets/js/17.95d02626.js"><link rel="prefetch" href="/vue-mapbox/assets/js/18.449ed0f5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/19.38617f97.js"><link rel="prefetch" href="/vue-mapbox/assets/js/20.f9650703.js"><link rel="prefetch" href="/vue-mapbox/assets/js/21.39c66c8d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/22.276c6a9c.js"><link rel="prefetch" href="/vue-mapbox/assets/js/23.87f4c25b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/24.9d297e6b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/25.f1bf9c1c.js"><link rel="prefetch" href="/vue-mapbox/assets/js/3.02aa2be5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/4.79bc4f3c.js"><link rel="prefetch" href="/vue-mapbox/assets/js/5.d3d1578a.js"><link rel="prefetch" href="/vue-mapbox/assets/js/6.49edb5d4.js"><link rel="prefetch" href="/vue-mapbox/assets/js/7.e6ed37a7.js"><link rel="prefetch" href="/vue-mapbox/assets/js/8.3e4706bb.js"><link rel="prefetch" href="/vue-mapbox/assets/js/9.5e3d2dbf.js">
     <link rel="stylesheet" href="/vue-mapbox/assets/css/0.styles.622f01af.css">
   </head>
   <body>
@@ -28,6 +28,6 @@
         </a>
         →
       </span></p></div> </main></div><div class="global-ui"></div></div>
-    <script src="/vue-mapbox/assets/js/app.1fce24e6.js" defer></script><script src="/vue-mapbox/assets/js/2.1a36c030.js" defer></script><script src="/vue-mapbox/assets/js/15.6be5284d.js" defer></script>
+    <script src="/vue-mapbox/assets/js/app.1613afe0.js" defer></script><script src="/vue-mapbox/assets/js/2.1a36c030.js" defer></script><script src="/vue-mapbox/assets/js/15.40b3c4ef.js" defer></script>
   </body>
 </html>
diff --git a/docs/api/glmap.html b/docs/api/glmap.html
deleted file mode 100644
index e1b5f891..00000000
--- a/docs/api/glmap.html
+++ /dev/null
@@ -1,38 +0,0 @@
-<!DOCTYPE html>
-<html lang="en-US">
-  <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>GlMap | VueMapbox</title>
-    <meta name="description" content="Combine powers of Mapbox GL JS and Vue.js">
-    <link rel="icon" href="/vue-mapbox/favicon.ico">
-    
-    <link rel="preload" href="/vue-mapbox/assets/css/0.styles.622f01af.css" as="style"><link rel="preload" href="/vue-mapbox/assets/js/app.1fce24e6.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/2.1a36c030.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/16.733d6730.js" as="script"><link rel="prefetch" href="/vue-mapbox/assets/js/10.02b7c2a1.js"><link rel="prefetch" href="/vue-mapbox/assets/js/11.ee64ec8f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/12.f0cb3c91.js"><link rel="prefetch" href="/vue-mapbox/assets/js/13.57cb96bf.js"><link rel="prefetch" href="/vue-mapbox/assets/js/14.7b3fcbc6.js"><link rel="prefetch" href="/vue-mapbox/assets/js/15.6be5284d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/17.172f4295.js"><link rel="prefetch" href="/vue-mapbox/assets/js/18.9eb7a777.js"><link rel="prefetch" href="/vue-mapbox/assets/js/19.10105f2d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/20.f558f091.js"><link rel="prefetch" href="/vue-mapbox/assets/js/21.6a1f30f2.js"><link rel="prefetch" href="/vue-mapbox/assets/js/22.8dc7d898.js"><link rel="prefetch" href="/vue-mapbox/assets/js/23.4670d875.js"><link rel="prefetch" href="/vue-mapbox/assets/js/24.fe39c8d8.js"><link rel="prefetch" href="/vue-mapbox/assets/js/25.8dd04822.js"><link rel="prefetch" href="/vue-mapbox/assets/js/26.b01152e4.js"><link rel="prefetch" href="/vue-mapbox/assets/js/3.02aa2be5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/4.4f3338df.js"><link rel="prefetch" href="/vue-mapbox/assets/js/5.d3d1578a.js"><link rel="prefetch" href="/vue-mapbox/assets/js/6.a47ab602.js"><link rel="prefetch" href="/vue-mapbox/assets/js/7.cdef235f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/8.8b4b828f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/9.aebbb2ac.js">
-    <link rel="stylesheet" href="/vue-mapbox/assets/css/0.styles.622f01af.css">
-  </head>
-  <body>
-    <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/vue-mapbox/" class="home-link router-link-active"><!----> <span class="site-name">VueMapbox</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/vue-mapbox/guide/" class="nav-link">Guide</a></div><div class="nav-item"><a href="/vue-mapbox/api/" class="nav-link router-link-active">API</a></div><div class="nav-item"><a href="https://github.com/soal/vue-mapbox" target="_blank" rel="noopener noreferrer" class="nav-link external">
-  Github
-  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div><div class="nav-item"><a href="https://github.com/soal/map-promisified" target="_blank" rel="noopener noreferrer" class="nav-link external">
-  map-promisified
-  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div> <!----></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/vue-mapbox/guide/" class="nav-link">Guide</a></div><div class="nav-item"><a href="/vue-mapbox/api/" class="nav-link router-link-active">API</a></div><div class="nav-item"><a href="https://github.com/soal/vue-mapbox" target="_blank" rel="noopener noreferrer" class="nav-link external">
-  Github
-  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div><div class="nav-item"><a href="https://github.com/soal/map-promisified" target="_blank" rel="noopener noreferrer" class="nav-link external">
-  map-promisified
-  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div> <!----></nav>  <ul class="sidebar-links"><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>Guide</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/vue-mapbox/guide/" class="sidebar-link">Quickstart</a></li><li><a href="/vue-mapbox/guide/basemap.html" class="sidebar-link">Base map</a></li><li><a href="/vue-mapbox/guide/composition.html" class="sidebar-link">Composition</a></li><li><a href="/vue-mapbox/guide/controls.html" class="sidebar-link">Controls</a></li><li><a href="/vue-mapbox/guide/markers&amp;popups.html" class="sidebar-link">Markers and popups</a></li><li><a href="/vue-mapbox/guide/layers&amp;sources.html" class="sidebar-link">Layers and sources</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>API</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/vue-mapbox/api/" class="sidebar-link">GlMap</a></li><li><a href="/vue-mapbox/api/controls.html" class="sidebar-link">Controls</a></li><li><a href="/vue-mapbox/api/marker.html" class="sidebar-link">MapMarker</a></li><li><a href="/vue-mapbox/api/popup.html" class="sidebar-link">Popup</a></li><li><a href="/vue-mapbox/api/Layers/" class="sidebar-link">Layer commons</a></li><li><a href="/vue-mapbox/api/Layers/geojsonlayer.html" class="sidebar-link">GeojsonLayer</a></li><li><a href="/vue-mapbox/api/Layers/vectorlayer.html" class="sidebar-link">VectorLayer</a></li><li><a href="/vue-mapbox/api/Layers/rasterlayer.html" class="sidebar-link">RasterLayer</a></li><li><a href="/vue-mapbox/api/Layers/imagelayer.html" class="sidebar-link">ImageLayer</a></li><li><a href="/vue-mapbox/api/Layers/videolayer.html" class="sidebar-link">VideoLayer</a></li><li><a href="/vue-mapbox/api/Layers/canvaslayer.html" class="sidebar-link">CanvasLayer</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>Plugin components</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/vue-mapbox/plugin_components/" class="sidebar-link">Using plugin components</a></li><li><a href="/vue-mapbox/plugin_components/plugin_components_development.html" class="sidebar-link">Create a plugin component</a></li></ul></section></li></ul> </aside> <main class="page"> <div class="content default"><h1 id="glmap"><a href="#glmap" aria-hidden="true" class="header-anchor">#</a> GlMap</h1> <h2 id="props"><a href="#props" aria-hidden="true" class="header-anchor">#</a> Props</h2> <h3 id="mapstyle"><a href="#mapstyle" aria-hidden="true" class="header-anchor">#</a> <code>mapStyle</code></h3> <ul><li><strong>Type</strong>: <code>String</code>, <code>Object</code></li> <li><strong>Required</strong></li> <li><strong>Synced</strong></li> <li><strong>Description:</strong> The map's Mapbox style. This must be an a JSON object conforming to the schema described in the Mapbox Style Specification , or a URL to such JSON.</li> <li><strong>See:</strong> <code>options.style</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="container"><a href="#container" aria-hidden="true" class="header-anchor">#</a> <code>container</code></h3> <ul><li><strong>Type:</strong> <code>String</code>, <code>HTMLElement</code></li> <li><strong>Default:</strong> <code>#map-{random number}</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> The HTML element in which Mapbox GL JS will render the map</li> <li><strong>See:</strong> <code>options.container</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="accesstoken"><a href="#accesstoken" aria-hidden="true" class="header-anchor">#</a> <code>accessToken</code></h3> <ul><li><strong>Type:</strong> <code>String</code></li> <li><strong>Default:</strong> <code>undefined</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> Token for access Mapbox map</li> <li><strong>See:</strong> <a href="https://docs.mapbox.com/mapbox-gl-js/api/#accesstoken" target="_blank" rel="noopener noreferrer">accessToken<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="minzoom"><a href="#minzoom" aria-hidden="true" class="header-anchor">#</a> <code>minZoom</code></h3> <ul><li><strong>Type:</strong> <code>Number</code></li> <li><strong>Default:</strong> <code>0</code></li> <li><strong>Synced</strong></li> <li><strong>Description:</strong> Minimum zoom level of the map (0-24)</li> <li><strong>See:</strong> <code>options.minZoom</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="maxzoom"><a href="#maxzoom" aria-hidden="true" class="header-anchor">#</a> <code>maxZoom</code></h3> <ul><li><strong>Type:</strong> <code>Number</code></li> <li><strong>Default:</strong> <code>22</code></li> <li><strong>Synced</strong></li> <li><strong>Description:</strong> Maximum zoom level of the map (0-24)</li> <li><strong>See:</strong> <code>options.maxZoom</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="hash"><a href="#hash" aria-hidden="true" class="header-anchor">#</a> <code>hash</code></h3> <ul><li><strong>Type:</strong> <code>Boolean</code></li> <li><strong>Default:</strong> <code>false</code></li> <li><strong>Synced</strong></li> <li><strong>Description:</strong> If true, the map's position (zoom, center latitude, center longitude, bearing, and pitch) will be synced with the hash fragment of the page's URL</li> <li><strong>See:</strong> <code>options.hash</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="interactive"><a href="#interactive" aria-hidden="true" class="header-anchor">#</a> <code>interactive</code></h3> <ul><li><strong>Type:</strong> <code>Boolean</code></li> <li><strong>Default:</strong> <code>true</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> If false, no mouse, touch, or keyboard listeners will be attached to the map, so it will not respond to interaction</li> <li><strong>See:</strong> <code>options.interactive</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="bearingsnap"><a href="#bearingsnap" aria-hidden="true" class="header-anchor">#</a> <code>bearingSnap</code></h3> <ul><li><strong>Type:</strong> <code>Number</code></li> <li><strong>Default:</strong> <code>7</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> The threshold, measured in degrees, that determines when the map's bearing will snap to north</li> <li><strong>See:</strong> <code>options.bearingSnap</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="attributioncontrol"><a href="#attributioncontrol" aria-hidden="true" class="header-anchor">#</a> <code>attributionControl</code></h3> <ul><li><strong>Type:</strong> <code>Boolean</code></li> <li><strong>Default:</strong> <code>true</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> If true, an AttributionControl will be added to the map</li> <li><strong>See:</strong> <code>options.attributionControl</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="logoposition"><a href="#logoposition" aria-hidden="true" class="header-anchor">#</a> <code>logoPosition</code></h3> <ul><li><strong>Type:</strong> <code>String</code>, <code>top-left</code>, <code>top-right</code>, <code>bottom-right</code>, <code>bottom-left</code></li> <li><strong>Default:</strong> <code>bottom-left</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> A string representing the position of the Mapbox wordmark on the map</li> <li><strong>See:</strong> <code>options.logoPosition</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="failifmajorperformancecaveat"><a href="#failifmajorperformancecaveat" aria-hidden="true" class="header-anchor">#</a> <code>failIfMajorPerformanceCaveat</code></h3> <ul><li><strong>Type:</strong> <code>Boolean</code></li> <li><strong>Default:</strong> <code>false</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> If true, map creation will fail if the performance of Mapbox GL JS would be dramatically worse than expected (i.e. a software renderer would be used)</li> <li><strong>See:</strong> <code>options.failIfMajorPerformanceCaveat</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="crosssourcecollisions"><a href="#crosssourcecollisions" aria-hidden="true" class="header-anchor">#</a> <code>crossSourceCollisions</code></h3> <ul><li><strong>Type:</strong> <code>Boolean</code></li> <li><strong>Default:</strong> <code>true</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> If true, symbols from multiple sources can collide with each other during collision detection. If false , collision detection is run separately for the symbols in each source.</li> <li><strong>See:</strong> <code>options.crossSourceCollisions</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="fadeduration"><a href="#fadeduration" aria-hidden="true" class="header-anchor">#</a> <code>fadeDuration</code></h3> <ul><li><strong>Type:</strong> <code>Number</code></li> <li><strong>Default:</strong> <code>300</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> Controls the duration of the fade-in/fade-out animation for label collisions, in milliseconds. This setting affects all symbol layers. This setting does not affect the duration of runtime styling transitions or raster tile cross-fading.</li> <li><strong>See:</strong> <code>options.fadeDuration</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="preservedrawingbuffer"><a href="#preservedrawingbuffer" aria-hidden="true" class="header-anchor">#</a> <code>preserveDrawingBuffer</code></h3> <ul><li><strong>Type:</strong> <code>Boolean</code></li> <li><strong>Default:</strong> <code>false</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> If true, the map's canvas can be exported to a PNG using map.getCanvas().toDataURL()</li> <li><strong>See:</strong> <code>options.preserveDrawingBuffer</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="refreshexpiredtiles"><a href="#refreshexpiredtiles" aria-hidden="true" class="header-anchor">#</a> <code>refreshExpiredTiles</code></h3> <ul><li><strong>Type:</strong> <code>Boolean</code></li> <li><strong>Default:</strong> <code>true</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> If true, the map won't attempt to re-request tiles once they expire per their HTTP cacheControl / expires headers.</li> <li><strong>See:</strong> <code>options.refreshExpiredTiles</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="maxbounds"><a href="#maxbounds" aria-hidden="true" class="header-anchor">#</a> <code>maxBounds</code></h3> <ul><li><strong>Type:</strong> <code>Array</code>, <code>LngLatBoundsLike object</code></li> <li><strong>Default:</strong> <code>undefined</code></li> <li><strong>Synced</strong></li> <li><strong>Description:</strong> If set, the map will be constrained to the given bounds</li> <li><strong>See:</strong> <code>options.maxBounds</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="scrollzoom"><a href="#scrollzoom" aria-hidden="true" class="header-anchor">#</a> <code>scrollZoom</code></h3> <ul><li><strong>Type:</strong> <code>Boolean</code>, <code>Object</code></li> <li><strong>Default:</strong> <code>true</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> If true, the &quot;scroll to zoom&quot; interaction is enabled. An Object value is passed as options to ScrollZoomHandler#enable</li> <li><strong>See:</strong> <code>options.scrollZoom</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="boxzoom"><a href="#boxzoom" aria-hidden="true" class="header-anchor">#</a> <code>boxZoom</code></h3> <ul><li><strong>Type:</strong> <code>Boolean</code></li> <li><strong>Default:</strong> <code>true</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> If true, the &quot;box zoom&quot; interaction is enabled</li> <li><strong>See:</strong> <code>options.boxZoom</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="dragrotate"><a href="#dragrotate" aria-hidden="true" class="header-anchor">#</a> <code>dragRotate</code></h3> <ul><li><strong>Type:</strong> <code>Boolean</code></li> <li><strong>Default:</strong> <code>true</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> If true, the &quot;drag to rotate&quot; interaction is enabled</li> <li><strong>See:</strong> <code>options.dragRotate</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="keyboard"><a href="#keyboard" aria-hidden="true" class="header-anchor">#</a> <code>keyboard</code></h3> <ul><li><strong>Type:</strong> <code>Boolean</code></li> <li><strong>Default:</strong> <code>true</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> If true, keyboard shortcuts are enabled</li> <li><strong>See:</strong> <code>options.keyboard</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="doubleclickzoom"><a href="#doubleclickzoom" aria-hidden="true" class="header-anchor">#</a> <code>doubleClickZoom</code></h3> <ul><li><strong>Type:</strong> <code>Boolean</code></li> <li><strong>Default:</strong> <code>true</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> If true, the &quot;double click to zoom&quot; interaction is enabled</li> <li><strong>See:</strong> <code>options.doubleClickZoom</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="touchzoomrotate"><a href="#touchzoomrotate" aria-hidden="true" class="header-anchor">#</a> <code>touchZoomRotate</code></h3> <ul><li><strong>Type:</strong> <code>Boolean</code>, <code>Object</code></li> <li><strong>Default:</strong> <code>true</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> If true, the &quot;pinch to rotate and zoom&quot; interaction is enabled. An Object value is passed as options to TouchZoomRotateHandler#enable</li> <li><strong>See:</strong> <code>options.touchZoomRotate</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="trackresize"><a href="#trackresize" aria-hidden="true" class="header-anchor">#</a> <code>trackResize</code></h3> <ul><li><strong>Type:</strong> <code>Boolean</code></li> <li><strong>Default:</strong> <code>true</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> If true, the map will automatically resize when the browser window resizes.</li> <li><strong>See:</strong> <code>options.trackResize</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="center"><a href="#center" aria-hidden="true" class="header-anchor">#</a> <code>center</code></h3> <ul><li><strong>Type:</strong> <code>Array, LngLatLike Object</code></li> <li><strong>Default:</strong> <code>undefined</code></li> <li><strong>Synced</strong></li> <li><strong>Description:</strong> Geographical centerpoint of the map. If center is not specified in the constructor options, Mapbox GL JS will look for it in the map's style object.If it is not specified in the style, either, it will default to <code>[0, 0]</code></li> <li><strong>See:</strong> <code>options.center</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="zoom"><a href="#zoom" aria-hidden="true" class="header-anchor">#</a> <code>zoom</code></h3> <ul><li><strong>Type:</strong> <code>Number</code></li> <li><strong>Default:</strong> <code>undefined</code></li> <li><strong>Synced</strong></li> <li><strong>Description:</strong> Zoom level of the map. If zoom is not specified in the constructor options, Mapbox GL JS will look for it in the map's style object. If it is not specified in the style, either, it will default to <code>0</code></li> <li><strong>See:</strong> <code>options.zoom</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="bearing"><a href="#bearing" aria-hidden="true" class="header-anchor">#</a> <code>bearing</code></h3> <ul><li><strong>Type:</strong> <code>Number</code></li> <li><strong>Default:</strong> <code>undefined</code></li> <li><strong>Synced</strong></li> <li><strong>Description:</strong> Bearing (rotation) of the map, measured in degrees counter-clockwise from north. If bearing is not specified in the constructor options, Mapbox GL JS will look for it in the map's style object. If it is not specified in the style, either, it will default to <code>0</code></li> <li><strong>See:</strong> <code>options.bearing</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="pitch"><a href="#pitch" aria-hidden="true" class="header-anchor">#</a> <code>pitch</code></h3> <ul><li><strong>Type:</strong> <code>Number</code></li> <li><strong>Default:</strong> <code>undefined</code></li> <li><strong>Synced</strong></li> <li><strong>Description:</strong> Pitch (tilt) of the map, measured in degrees away from the plane of the screen (0-60). If pitch is not specified in the constructor options, Mapbox GL JS will look for it in the map's style object. If it is not specified in the style, either, it will default to <code>0</code></li> <li><strong>See:</strong> <code>options.pitch</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="renderworldcopies"><a href="#renderworldcopies" aria-hidden="true" class="header-anchor">#</a> <code>renderWorldCopies</code></h3> <ul><li><strong>Type:</strong> <code>Boolean</code></li> <li><strong>Default:</strong> <code>true</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> If true , multiple copies of the world will be rendered, when zoomed out</li> <li><strong>See:</strong> <code>options.renderWorldCopies</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="light"><a href="#light" aria-hidden="true" class="header-anchor">#</a> <code>light</code></h3> <ul><li><strong>Type:</strong> <code>Object</code></li> <li><strong>Default:</strong> <code>undefined</code></li> <li><strong>Synced</strong></li> <li><strong>Description:</strong> Light properties. Must conform to the Mapbox Style Specification</li> <li><strong>See:</strong> See <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map#setlight" target="_blank" rel="noopener noreferrer">setLight<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a> Map method</li></ul> <h3 id="tileboundaries"><a href="#tileboundaries" aria-hidden="true" class="header-anchor">#</a> <code>tileBoundaries</code></h3> <ul><li><strong>Type:</strong> <code>Boolean</code></li> <li><strong>Default:</strong> <code>false</code></li> <li><strong>Synced</strong></li> <li><strong>Description:</strong> A Boolean indicating whether the map will render an outline around each tile. These tile boundaries are useful for debugging</li> <li><strong>See:</strong> See <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map#showtileboundaries" target="_blank" rel="noopener noreferrer">showTileBoundaries<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a> Map property</li></ul> <h3 id="collisionboxes"><a href="#collisionboxes" aria-hidden="true" class="header-anchor">#</a> <code>collisionBoxes</code></h3> <ul><li><strong>Type:</strong> <code>Boolean</code></li> <li><strong>Default:</strong> <code>false</code></li> <li><strong>Synced</strong></li> <li><strong>Description:</strong> A Boolean indicating whether the map will render boxes around all symbols in the data source, revealing which symbols were rendered or which were hidden due to collisions. This information is useful for debugging</li> <li><strong>See:</strong> See <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map#showcollisionboxes" target="_blank" rel="noopener noreferrer">showCollisionBoxes<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a> Map property</li></ul> <h3 id="repaint"><a href="#repaint" aria-hidden="true" class="header-anchor">#</a> <code>repaint</code></h3> <ul><li><strong>Type:</strong> <code>Boolean</code></li> <li><strong>Default:</strong> <code>false</code></li> <li><strong>Synced</strong></li> <li><strong>Description:</strong> A Boolean indicating whether the map will continuously repaint. This information is useful for analyzing performance.</li> <li><strong>See:</strong> See <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map#repaint" target="_blank" rel="noopener noreferrer">repaint<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a> Map property</li></ul> <h3 id="transformrequest"><a href="#transformrequest" aria-hidden="true" class="header-anchor">#</a> <code>transformRequest</code></h3> <ul><li><strong>Type:</strong> <code>Function</code></li> <li><strong>Default:</strong> <code>null</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> A callback run before the Map makes a request for an external URL. The callback can be used to modify the url, set headers, or set the credentials property for cross-origin requests. Expected to return an object with a <code>url</code> property and optionally <code>headers</code> and <code>credentials</code> properties.</li> <li><strong>See:</strong> <code>options.transformRequest</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="localideographfontfamily"><a href="#localideographfontfamily" aria-hidden="true" class="header-anchor">#</a> <code>localIdeographFontFamily</code></h3> <ul><li><strong>Type:</strong> <code>String</code></li> <li><strong>Default:</strong> <code>null</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> If specified, defines a CSS font-family for locally overriding generation of glyphs in the 'CJK Unified Ideographs' and 'Hangul Syllables' ranges. In these ranges, font settings from the map's style will be ignored, except for font-weight keywords (light/regular/medium/bold). The purpose of this option is to avoid bandwidth-intensive glyph server requests.</li> <li><strong>See:</strong> <code>options.localIdeographFontFamily</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h2 id="actions"><a href="#actions" aria-hidden="true" class="header-anchor">#</a> Actions</h2> <p>Asynchronous actions exposed via <code>GlMap.actions</code></p> <div class="tip custom-block"><p class="custom-block-title">TIP</p> <p><a href="https://github.com/soal/map-promisified" target="_blank" rel="noopener noreferrer">Map-promisified<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a> is used as wrapper around Mapbox GL JS methods. That library can be used independently from VueMapbox.</p></div> <h3 id="stop-eventdata"><a href="#stop-eventdata" aria-hidden="true" class="header-anchor">#</a> <code>.stop(eventData?)</code></h3> <ul><li><strong>Arguments:</strong> <ul><li><code>eventData</code> <code>{Object}</code> Custom data passed to corresponfing event.</li></ul></li> <li><strong>Description:</strong> Stops all animations on the map</li> <li><strong>Returns:</strong> <code>{Promise&lt;{ pitch, zoom, bearing, center }&gt;}</code>
-Promise that resolves object with map parameters on the moment of call <code>stop()</code></li></ul> <h3 id="panby-offset-options-eventdata"><a href="#panby-offset-options-eventdata" aria-hidden="true" class="header-anchor">#</a> <code>.panBy(offset, options?, eventData?)</code></h3> <ul><li><strong>Arguments:</strong> <ul><li><code>offset</code> <code>{Point | number[]}</code> x and y coordinates by which to pan the map</li> <li><code>options</code> <code>{AnimationOptions object}</code> animation options. See <a href="https://docs.mapbox.com/mapbox-gl-js/api/#animationoptions" target="_blank" rel="noopener noreferrer">AnimationOptions<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li> <li><code>eventData</code> <code>{Object}</code> Custom data passed to corresponfing event.</li></ul></li> <li><strong>Description:</strong> Pans the map by the specified offest</li> <li><strong>Returns:</strong> <code>{Promise&lt;{ eventData, center }&gt;}</code>
-Promise that resolves object with event data and new center of the map when animation ends</li> <li><strong>See:</strong> <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map#panby" target="_blank" rel="noopener noreferrer">panBy<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a> Map method</li></ul> <h3 id="panto-coordinates-options-eventdata"><a href="#panto-coordinates-options-eventdata" aria-hidden="true" class="header-anchor">#</a> <code>.panTo(coordinates, options?, eventData?)</code></h3> <ul><li><strong>Arguments:</strong> <ul><li><code>coordinates</code> <code>{LngLat | number[][]}</code> The location to pan the map to. See also: <a href="https://docs.mapbox.com/mapbox-gl-js/api/#lnglat" target="_blank" rel="noopener noreferrer">LngLat<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li> <li><code>options</code> <code>{AnimationOptions object}</code> animation options. See <a href="https://docs.mapbox.com/mapbox-gl-js/api/#animationoptions" target="_blank" rel="noopener noreferrer">AnimationOptions<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li> <li><code>eventData</code> <code>{Object}</code> Custom data passed to corresponfing event.</li></ul></li> <li><strong>Description:</strong> Pans the map to the specified location, with an animated transition</li> <li><strong>Returns:</strong> <code>{Promise&lt;{ eventData, center }&gt;}</code>
-Promise that resolves object with event data and new center of the map when animation ends</li> <li><strong>See:</strong> <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map#panto" target="_blank" rel="noopener noreferrer">panTo<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a> Map method</li></ul> <h3 id="zoomto-zoom-options-eventdata"><a href="#zoomto-zoom-options-eventdata" aria-hidden="true" class="header-anchor">#</a> <code>.zoomTo(zoom, options?, eventData?)</code></h3> <ul><li><strong>Arguments:</strong> <ul><li><code>zoom</code> <code>{number}</code> The zoom level to transition to</li> <li><code>options</code> <code>{AnimationOptions object}</code> animation options. See <a href="https://docs.mapbox.com/mapbox-gl-js/api/#animationoptions" target="_blank" rel="noopener noreferrer">AnimationOptions<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li> <li><code>eventData</code> <code>{Object}</code> Custom data passed to corresponfing event.</li></ul></li> <li><strong>Description:</strong> Zooms the map to the specified zoom level, with an animated transition</li> <li><strong>Returns:</strong> <code>{Promise&lt;{ eventData, zoom }&gt;}</code>
-Promise that resolves object with event data and new zoom level of the map when animation ends</li> <li><strong>See:</strong> <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map#zoomto" target="_blank" rel="noopener noreferrer">zoomTo<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a> Map method</li></ul> <h3 id="zoomin-options-eventdata"><a href="#zoomin-options-eventdata" aria-hidden="true" class="header-anchor">#</a> <code>.zoomIn(options?, eventData?)</code></h3> <ul><li><strong>Arguments:</strong> <ul><li><code>options</code> <code>{AnimationOptions object}</code> animation options. See <a href="https://docs.mapbox.com/mapbox-gl-js/api/#animationoptions" target="_blank" rel="noopener noreferrer">AnimationOptions<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li> <li><code>eventData</code> <code>{Object}</code> Custom data passed to corresponfing event.</li></ul></li> <li><strong>Description:</strong> Increases the map's zoom level by 1</li> <li><strong>Returns:</strong> <code>{Promise&lt;{ eventData, zoom }&gt;}</code>
-Promise that resolves object with event data and new zoom level of the map when animation ends</li> <li><strong>See:</strong> <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map#zoomin" target="_blank" rel="noopener noreferrer">zoomIn<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a> Map method</li></ul> <h3 id="zoomout-options-eventdata"><a href="#zoomout-options-eventdata" aria-hidden="true" class="header-anchor">#</a> <code>.zoomOut(options?, eventData?)</code></h3> <ul><li><strong>Arguments:</strong> <ul><li><code>options</code> <code>{AnimationOptions object}</code> animation options. See <a href="https://docs.mapbox.com/mapbox-gl-js/api/#animationoptions" target="_blank" rel="noopener noreferrer">AnimationOptions<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li> <li><code>eventData</code> <code>{Object}</code> Custom data passed to corresponfing event.</li></ul></li> <li><strong>Description:</strong> Decreases the map's zoom level by 1</li> <li><strong>Returns:</strong> <code>{Promise&lt;{ eventData, zoom }&gt;}</code>
-Promise that resolves object with event data and new zoom level of the map when animation ends</li> <li><strong>See:</strong> <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map#zoomOut" target="_blank" rel="noopener noreferrer">zoomOut<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a> Map method</li></ul> <h3 id="rotateto-bearing-options-eventdata"><a href="#rotateto-bearing-options-eventdata" aria-hidden="true" class="header-anchor">#</a> <code>.rotateTo(bearing, options?, eventData?)</code></h3> <ul><li><strong>Arguments:</strong> <ul><li><code>bearing</code> <code>{number}</code> The desired bearing</li> <li><code>options</code> <code>{AnimationOptions object}</code> animation options. See <a href="https://docs.mapbox.com/mapbox-gl-js/api/#animationoptions" target="_blank" rel="noopener noreferrer">AnimationOptions<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li> <li><code>eventData</code> <code>{Object}</code> Custom data passed to corresponfing event.</li></ul></li> <li><strong>Description:</strong> Rotates the map to the specified bearing, with an animated transition. The bearing is the compass direction that is &quot;up&quot;; for example, a bearing of 90° orients the map so that east is up.</li> <li><strong>Returns:</strong> <code>{Promise&lt;{ eventData, bearing }&gt;}</code>
-Promise that resolves object with event data and new bearing of the map when animation ends</li> <li><strong>See:</strong> <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map#rotateto" target="_blank" rel="noopener noreferrer">rotateTo<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a> Map method</li></ul> <h3 id="resetnorth-options-eventdata"><a href="#resetnorth-options-eventdata" aria-hidden="true" class="header-anchor">#</a> <code>.resetNorth(options?, eventData?)</code></h3> <ul><li><strong>Arguments:</strong> <ul><li><code>options</code> <code>{AnimationOptions object}</code> animation options. See <a href="https://docs.mapbox.com/mapbox-gl-js/api/#animationoptions" target="_blank" rel="noopener noreferrer">AnimationOptions<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul></li> <li><strong>Description:</strong> Rotates the map so that north is up (0° bearing), with an animated transition</li> <li><strong>Returns:</strong> <code>{Promise&lt;{ eventData, bearing }&gt;}</code>
-Promise that resolves object with event data and new bearing of the map when animation ends</li> <li><strong>See:</strong> <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map#resetnorth" target="_blank" rel="noopener noreferrer">resetNorth<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a> Map method</li></ul> <h3 id="snaptonorth-options-eventdata"><a href="#snaptonorth-options-eventdata" aria-hidden="true" class="header-anchor">#</a> <code>.snapToNorth(options?, eventData?)</code></h3> <ul><li><strong>Arguments:</strong> <ul><li><code>options</code> <code>{AnimationOptions object}</code> animation options. See <a href="https://docs.mapbox.com/mapbox-gl-js/api/#animationoptions" target="_blank" rel="noopener noreferrer">AnimationOptions<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li> <li><code>eventData</code> <code>{Object}</code> Custom data passed to corresponfing event.</li></ul></li> <li><strong>Description:</strong> Snaps the map so that north is up (0° bearing), if the current bearing is close enough to it (i.e. within the <code>bearingSnap</code> prop threshold).</li> <li><strong>Returns:</strong> <code>{Promise&lt;{ eventData, bearing }&gt;}</code>
-Promise that resolves object with event data and new bearing of the map when animation ends</li> <li><strong>See:</strong> <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map#snaptonorth" target="_blank" rel="noopener noreferrer">snapToNorth<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a> Map method</li></ul> <h3 id="fitbounds-bounds-options-eventdata"><a href="#fitbounds-bounds-options-eventdata" aria-hidden="true" class="header-anchor">#</a> <code>.fitBounds(bounds, options?, eventData?)</code></h3> <ul><li><strong>Arguments:</strong> <ul><li><code>bounds</code> <code>{ number[][] | LngLatBounds }</code> Center these bounds in the viewport and use the highest zoom level up to and including <code>maxZoom</code> that fits them in the viewport</li> <li><code>options</code> <code>{Object}</code> <ul><li><code>options.padding?</code> <code>{number}</code> The amount of padding in pixels to add to the given bounds</li> <li><code>options.linear</code> <code>{boolean}</code> <em>default</em>: <code>false</code> If true , the map transitions using <code>Map#easeTo</code>. If false , the map transitions using <code>Map#flyTo</code>. See those functions and AnimationOptions for information about options available.</li> <li><code>options.easing?</code> An easing function for the animated transition. See <a href="https://docs.mapbox.com/mapbox-gl-js/api/#animationoptions" target="_blank" rel="noopener noreferrer">AnimationOptions<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li> <li><code>options.offset</code> <code>{ number[] | Point }</code> <em>default:</em> <code>[0, 0]</code> The center of the given bounds relative to the map's center, measured in pixels</li> <li><code>options.maxZoom?</code> <code>{number}</code> The maximum zoom level to allow when the map view transitions to the specified bounds</li></ul></li> <li><code>eventData</code> <code>{Object}</code> Custom data passed to corresponfing event.</li></ul></li> <li><strong>Description:</strong> Pans and zooms the map to contain its visible area within the specified geographical bounds. This function will also reset the map's bearing to 0 if bearing is nonzero</li> <li><strong>Returns:</strong> <code>{Promise&lt;{ eventData, bounds }&gt;}</code>
-Promise that resolves object with event data and new bounds of the map when animation ends</li> <li><strong>See:</strong> <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map#fitbounds" target="_blank" rel="noopener noreferrer">fitBounds<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a> Map method</li></ul> <h3 id="jumpto-options-eventdata"><a href="#jumpto-options-eventdata" aria-hidden="true" class="header-anchor">#</a> <code>.jumpTo(options, eventData?)</code></h3> <ul><li><strong>Arguments:</strong> <ul><li><code>options</code> <code>{Object}</code> See <a href="https://docs.mapbox.com/mapbox-gl-js/api/#cameraoptions" target="_blank" rel="noopener noreferrer">CameraOptions<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a> <ul><li><code>options.pitch?</code> <code>{number}</code> The desired pitch, in degrees</li> <li><code>options.zoom?</code> <code>{number}</code> The desired zoom level</li> <li><code>options.center?</code> <code>{number[] | LngLat}</code> The desired center</li> <li><code>options.bearing?</code> <code>{number}</code> The desired bearing, in degrees</li> <li><code>options.around?</code> <code>{number[] | LngLat}</code> If <code>zoom</code> is specified, <code>around</code> determines the point around which the zoom is centered.</li></ul></li> <li><code>eventData</code> <code>{Object}</code> Custom data passed to corresponfing event.</li></ul></li> <li><strong>Description:</strong> Changes any combination of center, zoom, bearing, and pitch, without an animated transition. The map will retain its current values for any details not specified in options</li> <li><strong>Returns:</strong> <code>{Promise&lt;{ eventData, pitch, zoom, center, bearing }&gt;}</code>
-Promise that resolves object with event data and new pitch, zoom, center and bearing of the map</li> <li><strong>See:</strong> <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map#jumpto" target="_blank" rel="noopener noreferrer">jumpTo<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a> Map method</li></ul> <h3 id="easeto-options-eventdata"><a href="#easeto-options-eventdata" aria-hidden="true" class="header-anchor">#</a> <code>.easeTo(options, eventData?)</code></h3> <ul><li><p><strong>Arguments:</strong></p> <ul><li><p><code>options</code> <code>{Object}</code> Combination of <a href="https://docs.mapbox.com/mapbox-gl-js/api/#cameraoptions" target="_blank" rel="noopener noreferrer">CameraOptions<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a> and <a href="https://docs.mapbox.com/mapbox-gl-js/api/#animationoptions" target="_blank" rel="noopener noreferrer">AnimationOptions<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></p> <ul><li><code>options.pitch?</code> <code>{number}</code> The desired pitch, in degrees</li> <li><code>options.zoom?</code> <code>{number}</code> The desired zoom level</li> <li><code>options.center?</code> <code>{number[] | LngLat}</code> The desired center</li> <li><code>options.bearing?</code> <code>{number}</code> The desired bearing, in degrees</li> <li><code>options.around?</code> <code>{number[] | LngLat}</code> If <code>zoom</code> is specified, <code>around</code> determines the point around which the zoom is centered.</li> <li><code>options.duration?</code> <code>{number}</code> The animation's duration, measured in milliseconds.</li> <li><code>options.easing?</code> <code>{Function}</code> A function taking a time in the range 0..1 and returning a number where 0 is the initial state and 1 is the final state.</li> <li><code>options.offset?</code> <code>{number[] | Point}</code> of the target center relative to real map container center at the end of animation.</li> <li><code>options.animate?</code> <code>{boolean}</code>: If <code>false</code>, no animation will occur</li></ul></li> <li><p><code>eventData</code> <code>{Object}</code> Custom data passed to corresponfing event.</p></li></ul></li> <li><p><strong>Description:</strong> Changes any combination of center, zoom, bearing, and pitch, with an animated transition between old and new values. The map will retain its current values for any details not specified in <code>options</code></p></li> <li><p><strong>Returns:</strong> <code>{Promise&lt;{ eventData, pitch, zoom, center, bearing }&gt;}</code>
-Promise that resolves object with event data and new pitch, zoom, center and bearing of the map when animations ends</p></li> <li><p><strong>See:</strong> <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map#easeto" target="_blank" rel="noopener noreferrer">easeTo<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a> Map method</p></li></ul> <h3 id="flyto-options-eventdata"><a href="#flyto-options-eventdata" aria-hidden="true" class="header-anchor">#</a> <code>.flyTo(options, eventData?)</code></h3> <ul><li><strong>Arguments:</strong> <ul><li><code>options</code> <code>{Object}</code> <ul><li><code>options.curve?</code> <code>{number}</code> <em>default</em> <code>1.42</code> The zooming &quot;curve&quot; that will occur along the flight path. A high value maximizes zooming for an exaggerated animation, while a low value minimizes zooming for an effect closer to Map#easeTo. 1.42 is the average value selected by participants in the user study discussed in van Wijk (2003). A value of Math.pow(6, 0.25) would be equivalent to the root mean squared average velocity. A value of 1 would produce a circular motion</li> <li><code>options.minZoom?</code> <code>{number}</code> The zero-based zoom level at the peak of the flight path. If <code>options.curve</code> is specified, this option is ignored</li> <li><code>options.speed?</code> <code>{number}</code> <em>default</em> <code>1.2</code> The average speed of the animation defined in relation to <code>options.curve</code>. A speed of 1.2 means that the map appears to move along the flight path by 1.2 times <code>options.curve</code> screenfuls every second. A screenful is the map's visible span. It does not correspond to a fixed physical distance, but varies by zoom level</li> <li><code>options.screenSpeed?</code> <code>{number}</code> The average speed of the animation measured in screenfuls per second, assuming a linear timing curve. If <code>options.speed</code> is specified, this option is ignored</li> <li><code>options.maxDuration?</code> <code>{number}</code> The animation's maximum duration, measured in milliseconds. If duration exceeds maximum duration, it resets to 0</li></ul></li> <li><code>eventData</code> <code>{Object}</code> Custom data passed to corresponfing event.</li></ul></li> <li><strong>Description:</strong> Changes any combination of center, zoom, bearing, and pitch, animating the transition along a curve that evokes flight. The animation seamlessly incorporates zooming and panning to help the user maintain her bearings even after traversing a great distance</li> <li><strong>Returns:</strong> <code>{Promise&lt;{ eventData, pitch, zoom, center, bearing }&gt;}</code>
-Promise that resolves object with event data and new pitch, zoom, center and bearing of the map when animations ends</li> <li><strong>See:</strong> <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map#flyto" target="_blank" rel="noopener noreferrer">flyTo<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a> Map method</li></ul> <h2 id="events"><a href="#events" aria-hidden="true" class="header-anchor">#</a> Events</h2> <p>Payload of events contains object with properties:</p> <ul><li><code>mapboxEvent</code> Original Mapbox GL JS event</li> <li><code>map</code> Current map object</li> <li><code>component</code> Component that emits event</li></ul> <h3 id="load"><a href="#load" aria-hidden="true" class="header-anchor">#</a> <code>@load</code></h3> <ul><li><strong>Description:</strong> Fires after map fully loaded</li> <li><strong>Payload</strong> <code>{ map, component }</code> <code>map</code> is Mapbox Gl JS Map object, <code>component</code> is instance of GlMap component</li></ul> <p>GlMap passes all Mapbox GL JS Map events. Full list of map events see <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map.event:resize" target="_blank" rel="noopener noreferrer">here<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></p></div> <footer class="page-edit"><!----> <!----></footer> <!----> </main></div><div class="global-ui"></div></div>
-    <script src="/vue-mapbox/assets/js/app.1fce24e6.js" defer></script><script src="/vue-mapbox/assets/js/2.1a36c030.js" defer></script><script src="/vue-mapbox/assets/js/16.733d6730.js" defer></script>
-  </body>
-</html>
diff --git a/docs/api/index.html b/docs/api/index.html
index 72e6bdea..4d9b45b2 100644
--- a/docs/api/index.html
+++ b/docs/api/index.html
@@ -7,7 +7,7 @@
     <meta name="description" content="Combine powers of Mapbox GL JS and Vue.js">
     <link rel="icon" href="/vue-mapbox/favicon.ico">
     
-    <link rel="preload" href="/vue-mapbox/assets/css/0.styles.622f01af.css" as="style"><link rel="preload" href="/vue-mapbox/assets/js/app.1fce24e6.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/2.1a36c030.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/14.7b3fcbc6.js" as="script"><link rel="prefetch" href="/vue-mapbox/assets/js/10.02b7c2a1.js"><link rel="prefetch" href="/vue-mapbox/assets/js/11.ee64ec8f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/12.f0cb3c91.js"><link rel="prefetch" href="/vue-mapbox/assets/js/13.57cb96bf.js"><link rel="prefetch" href="/vue-mapbox/assets/js/15.6be5284d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/16.733d6730.js"><link rel="prefetch" href="/vue-mapbox/assets/js/17.172f4295.js"><link rel="prefetch" href="/vue-mapbox/assets/js/18.9eb7a777.js"><link rel="prefetch" href="/vue-mapbox/assets/js/19.10105f2d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/20.f558f091.js"><link rel="prefetch" href="/vue-mapbox/assets/js/21.6a1f30f2.js"><link rel="prefetch" href="/vue-mapbox/assets/js/22.8dc7d898.js"><link rel="prefetch" href="/vue-mapbox/assets/js/23.4670d875.js"><link rel="prefetch" href="/vue-mapbox/assets/js/24.fe39c8d8.js"><link rel="prefetch" href="/vue-mapbox/assets/js/25.8dd04822.js"><link rel="prefetch" href="/vue-mapbox/assets/js/26.b01152e4.js"><link rel="prefetch" href="/vue-mapbox/assets/js/3.02aa2be5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/4.4f3338df.js"><link rel="prefetch" href="/vue-mapbox/assets/js/5.d3d1578a.js"><link rel="prefetch" href="/vue-mapbox/assets/js/6.a47ab602.js"><link rel="prefetch" href="/vue-mapbox/assets/js/7.cdef235f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/8.8b4b828f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/9.aebbb2ac.js">
+    <link rel="preload" href="/vue-mapbox/assets/css/0.styles.622f01af.css" as="style"><link rel="preload" href="/vue-mapbox/assets/js/app.1613afe0.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/2.1a36c030.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/14.3affa2b5.js" as="script"><link rel="prefetch" href="/vue-mapbox/assets/js/10.496a25ae.js"><link rel="prefetch" href="/vue-mapbox/assets/js/11.c30d5454.js"><link rel="prefetch" href="/vue-mapbox/assets/js/12.43a2535b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/13.0cb68667.js"><link rel="prefetch" href="/vue-mapbox/assets/js/15.40b3c4ef.js"><link rel="prefetch" href="/vue-mapbox/assets/js/16.7de1d511.js"><link rel="prefetch" href="/vue-mapbox/assets/js/17.95d02626.js"><link rel="prefetch" href="/vue-mapbox/assets/js/18.449ed0f5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/19.38617f97.js"><link rel="prefetch" href="/vue-mapbox/assets/js/20.f9650703.js"><link rel="prefetch" href="/vue-mapbox/assets/js/21.39c66c8d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/22.276c6a9c.js"><link rel="prefetch" href="/vue-mapbox/assets/js/23.87f4c25b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/24.9d297e6b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/25.f1bf9c1c.js"><link rel="prefetch" href="/vue-mapbox/assets/js/3.02aa2be5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/4.79bc4f3c.js"><link rel="prefetch" href="/vue-mapbox/assets/js/5.d3d1578a.js"><link rel="prefetch" href="/vue-mapbox/assets/js/6.49edb5d4.js"><link rel="prefetch" href="/vue-mapbox/assets/js/7.e6ed37a7.js"><link rel="prefetch" href="/vue-mapbox/assets/js/8.3e4706bb.js"><link rel="prefetch" href="/vue-mapbox/assets/js/9.5e3d2dbf.js">
     <link rel="stylesheet" href="/vue-mapbox/assets/css/0.styles.622f01af.css">
   </head>
   <body>
@@ -19,7 +19,7 @@
   Github
   <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div><div class="nav-item"><a href="https://github.com/soal/map-promisified" target="_blank" rel="noopener noreferrer" class="nav-link external">
   map-promisified
-  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div> <!----></nav>  <ul class="sidebar-links"><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>Guide</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/vue-mapbox/guide/" class="sidebar-link">Quickstart</a></li><li><a href="/vue-mapbox/guide/basemap.html" class="sidebar-link">Base map</a></li><li><a href="/vue-mapbox/guide/composition.html" class="sidebar-link">Composition</a></li><li><a href="/vue-mapbox/guide/controls.html" class="sidebar-link">Controls</a></li><li><a href="/vue-mapbox/guide/markers&amp;popups.html" class="sidebar-link">Markers and popups</a></li><li><a href="/vue-mapbox/guide/layers&amp;sources.html" class="sidebar-link">Layers and sources</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>API</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/vue-mapbox/api/" class="active sidebar-link">GlMap</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/vue-mapbox/api/#props" class="sidebar-link">Props</a></li><li class="sidebar-sub-header"><a href="/vue-mapbox/api/#actions" class="sidebar-link">Actions</a></li><li class="sidebar-sub-header"><a href="/vue-mapbox/api/#events" class="sidebar-link">Events</a></li></ul></li><li><a href="/vue-mapbox/api/controls.html" class="sidebar-link">Controls</a></li><li><a href="/vue-mapbox/api/marker.html" class="sidebar-link">MapMarker</a></li><li><a href="/vue-mapbox/api/popup.html" class="sidebar-link">Popup</a></li><li><a href="/vue-mapbox/api/Layers/" class="sidebar-link">Layer commons</a></li><li><a href="/vue-mapbox/api/Layers/geojsonlayer.html" class="sidebar-link">GeojsonLayer</a></li><li><a href="/vue-mapbox/api/Layers/vectorlayer.html" class="sidebar-link">VectorLayer</a></li><li><a href="/vue-mapbox/api/Layers/rasterlayer.html" class="sidebar-link">RasterLayer</a></li><li><a href="/vue-mapbox/api/Layers/imagelayer.html" class="sidebar-link">ImageLayer</a></li><li><a href="/vue-mapbox/api/Layers/videolayer.html" class="sidebar-link">VideoLayer</a></li><li><a href="/vue-mapbox/api/Layers/canvaslayer.html" class="sidebar-link">CanvasLayer</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>Plugin components</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/vue-mapbox/plugin_components/" class="sidebar-link">Using plugin components</a></li><li><a href="/vue-mapbox/plugin_components/plugin_components_development.html" class="sidebar-link">Create a plugin component</a></li></ul></section></li></ul> </aside> <main class="page"> <div class="content default"><h1 id="glmap"><a href="#glmap" aria-hidden="true" class="header-anchor">#</a> GlMap</h1> <h2 id="props"><a href="#props" aria-hidden="true" class="header-anchor">#</a> Props</h2> <h3 id="mapstyle"><a href="#mapstyle" aria-hidden="true" class="header-anchor">#</a> <code>mapStyle</code></h3> <ul><li><strong>Type</strong>: <code>String</code>, <code>Object</code></li> <li><strong>Required</strong></li> <li><strong>Synced</strong></li> <li><strong>Description:</strong> The map's Mapbox style. This must be an a JSON object conforming to the schema described in the Mapbox Style Specification , or a URL to such JSON.</li> <li><strong>See:</strong> <code>options.style</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="container"><a href="#container" aria-hidden="true" class="header-anchor">#</a> <code>container</code></h3> <ul><li><strong>Type:</strong> <code>String</code>, <code>HTMLElement</code></li> <li><strong>Default:</strong> <code>#map-{random number}</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> The HTML element in which Mapbox GL JS will render the map</li> <li><strong>See:</strong> <code>options.container</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="accesstoken"><a href="#accesstoken" aria-hidden="true" class="header-anchor">#</a> <code>accessToken</code></h3> <ul><li><strong>Type:</strong> <code>String</code></li> <li><strong>Default:</strong> <code>undefined</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> Token for access Mapbox map</li> <li><strong>See:</strong> <a href="https://docs.mapbox.com/mapbox-gl-js/api/#accesstoken" target="_blank" rel="noopener noreferrer">accessToken<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="minzoom"><a href="#minzoom" aria-hidden="true" class="header-anchor">#</a> <code>minZoom</code></h3> <ul><li><strong>Type:</strong> <code>Number</code></li> <li><strong>Default:</strong> <code>0</code></li> <li><strong>Synced</strong></li> <li><strong>Description:</strong> Minimum zoom level of the map (0-24)</li> <li><strong>See:</strong> <code>options.minZoom</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="maxzoom"><a href="#maxzoom" aria-hidden="true" class="header-anchor">#</a> <code>maxZoom</code></h3> <ul><li><strong>Type:</strong> <code>Number</code></li> <li><strong>Default:</strong> <code>22</code></li> <li><strong>Synced</strong></li> <li><strong>Description:</strong> Maximum zoom level of the map (0-24)</li> <li><strong>See:</strong> <code>options.maxZoom</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="hash"><a href="#hash" aria-hidden="true" class="header-anchor">#</a> <code>hash</code></h3> <ul><li><strong>Type:</strong> <code>Boolean</code></li> <li><strong>Default:</strong> <code>false</code></li> <li><strong>Synced</strong></li> <li><strong>Description:</strong> If true, the map's position (zoom, center latitude, center longitude, bearing, and pitch) will be synced with the hash fragment of the page's URL</li> <li><strong>See:</strong> <code>options.hash</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="interactive"><a href="#interactive" aria-hidden="true" class="header-anchor">#</a> <code>interactive</code></h3> <ul><li><strong>Type:</strong> <code>Boolean</code></li> <li><strong>Default:</strong> <code>true</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> If false, no mouse, touch, or keyboard listeners will be attached to the map, so it will not respond to interaction</li> <li><strong>See:</strong> <code>options.interactive</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="bearingsnap"><a href="#bearingsnap" aria-hidden="true" class="header-anchor">#</a> <code>bearingSnap</code></h3> <ul><li><strong>Type:</strong> <code>Number</code></li> <li><strong>Default:</strong> <code>7</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> The threshold, measured in degrees, that determines when the map's bearing will snap to north</li> <li><strong>See:</strong> <code>options.bearingSnap</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="attributioncontrol"><a href="#attributioncontrol" aria-hidden="true" class="header-anchor">#</a> <code>attributionControl</code></h3> <ul><li><strong>Type:</strong> <code>Boolean</code></li> <li><strong>Default:</strong> <code>true</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> If true, an AttributionControl will be added to the map</li> <li><strong>See:</strong> <code>options.attributionControl</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="logoposition"><a href="#logoposition" aria-hidden="true" class="header-anchor">#</a> <code>logoPosition</code></h3> <ul><li><strong>Type:</strong> <code>String</code>, <code>top-left</code>, <code>top-right</code>, <code>bottom-right</code>, <code>bottom-left</code></li> <li><strong>Default:</strong> <code>bottom-left</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> A string representing the position of the Mapbox wordmark on the map</li> <li><strong>See:</strong> <code>options.logoPosition</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="failifmajorperformancecaveat"><a href="#failifmajorperformancecaveat" aria-hidden="true" class="header-anchor">#</a> <code>failIfMajorPerformanceCaveat</code></h3> <ul><li><strong>Type:</strong> <code>Boolean</code></li> <li><strong>Default:</strong> <code>false</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> If true, map creation will fail if the performance of Mapbox GL JS would be dramatically worse than expected (i.e. a software renderer would be used)</li> <li><strong>See:</strong> <code>options.failIfMajorPerformanceCaveat</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="crosssourcecollisions"><a href="#crosssourcecollisions" aria-hidden="true" class="header-anchor">#</a> <code>crossSourceCollisions</code></h3> <ul><li><strong>Type:</strong> <code>Boolean</code></li> <li><strong>Default:</strong> <code>true</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> If true, symbols from multiple sources can collide with each other during collision detection. If false , collision detection is run separately for the symbols in each source.</li> <li><strong>See:</strong> <code>options.crossSourceCollisions</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="fadeduration"><a href="#fadeduration" aria-hidden="true" class="header-anchor">#</a> <code>fadeDuration</code></h3> <ul><li><strong>Type:</strong> <code>Number</code></li> <li><strong>Default:</strong> <code>300</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> Controls the duration of the fade-in/fade-out animation for label collisions, in milliseconds. This setting affects all symbol layers. This setting does not affect the duration of runtime styling transitions or raster tile cross-fading.</li> <li><strong>See:</strong> <code>options.fadeDuration</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="preservedrawingbuffer"><a href="#preservedrawingbuffer" aria-hidden="true" class="header-anchor">#</a> <code>preserveDrawingBuffer</code></h3> <ul><li><strong>Type:</strong> <code>Boolean</code></li> <li><strong>Default:</strong> <code>false</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> If true, the map's canvas can be exported to a PNG using map.getCanvas().toDataURL()</li> <li><strong>See:</strong> <code>options.preserveDrawingBuffer</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="refreshexpiredtiles"><a href="#refreshexpiredtiles" aria-hidden="true" class="header-anchor">#</a> <code>refreshExpiredTiles</code></h3> <ul><li><strong>Type:</strong> <code>Boolean</code></li> <li><strong>Default:</strong> <code>true</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> If true, the map won't attempt to re-request tiles once they expire per their HTTP cacheControl / expires headers.</li> <li><strong>See:</strong> <code>options.refreshExpiredTiles</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="maxbounds"><a href="#maxbounds" aria-hidden="true" class="header-anchor">#</a> <code>maxBounds</code></h3> <ul><li><strong>Type:</strong> <code>Array</code>, <code>LngLatBoundsLike object</code></li> <li><strong>Default:</strong> <code>undefined</code></li> <li><strong>Synced</strong></li> <li><strong>Description:</strong> If set, the map will be constrained to the given bounds</li> <li><strong>See:</strong> <code>options.maxBounds</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="scrollzoom"><a href="#scrollzoom" aria-hidden="true" class="header-anchor">#</a> <code>scrollZoom</code></h3> <ul><li><strong>Type:</strong> <code>Boolean</code>, <code>Object</code></li> <li><strong>Default:</strong> <code>true</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> If true, the &quot;scroll to zoom&quot; interaction is enabled. An Object value is passed as options to ScrollZoomHandler#enable</li> <li><strong>See:</strong> <code>options.scrollZoom</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="boxzoom"><a href="#boxzoom" aria-hidden="true" class="header-anchor">#</a> <code>boxZoom</code></h3> <ul><li><strong>Type:</strong> <code>Boolean</code></li> <li><strong>Default:</strong> <code>true</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> If true, the &quot;box zoom&quot; interaction is enabled</li> <li><strong>See:</strong> <code>options.boxZoom</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="dragrotate"><a href="#dragrotate" aria-hidden="true" class="header-anchor">#</a> <code>dragRotate</code></h3> <ul><li><strong>Type:</strong> <code>Boolean</code></li> <li><strong>Default:</strong> <code>true</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> If true, the &quot;drag to rotate&quot; interaction is enabled</li> <li><strong>See:</strong> <code>options.dragRotate</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="keyboard"><a href="#keyboard" aria-hidden="true" class="header-anchor">#</a> <code>keyboard</code></h3> <ul><li><strong>Type:</strong> <code>Boolean</code></li> <li><strong>Default:</strong> <code>true</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> If true, keyboard shortcuts are enabled</li> <li><strong>See:</strong> <code>options.keyboard</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="doubleclickzoom"><a href="#doubleclickzoom" aria-hidden="true" class="header-anchor">#</a> <code>doubleClickZoom</code></h3> <ul><li><strong>Type:</strong> <code>Boolean</code></li> <li><strong>Default:</strong> <code>true</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> If true, the &quot;double click to zoom&quot; interaction is enabled</li> <li><strong>See:</strong> <code>options.doubleClickZoom</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="touchzoomrotate"><a href="#touchzoomrotate" aria-hidden="true" class="header-anchor">#</a> <code>touchZoomRotate</code></h3> <ul><li><strong>Type:</strong> <code>Boolean</code>, <code>Object</code></li> <li><strong>Default:</strong> <code>true</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> If true, the &quot;pinch to rotate and zoom&quot; interaction is enabled. An Object value is passed as options to TouchZoomRotateHandler#enable</li> <li><strong>See:</strong> <code>options.touchZoomRotate</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="trackresize"><a href="#trackresize" aria-hidden="true" class="header-anchor">#</a> <code>trackResize</code></h3> <ul><li><strong>Type:</strong> <code>Boolean</code></li> <li><strong>Default:</strong> <code>true</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> If true, the map will automatically resize when the browser window resizes.</li> <li><strong>See:</strong> <code>options.trackResize</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="center"><a href="#center" aria-hidden="true" class="header-anchor">#</a> <code>center</code></h3> <ul><li><strong>Type:</strong> <code>Array, LngLatLike Object</code></li> <li><strong>Default:</strong> <code>undefined</code></li> <li><strong>Synced</strong></li> <li><strong>Description:</strong> Geographical centerpoint of the map. If center is not specified in the constructor options, Mapbox GL JS will look for it in the map's style object.If it is not specified in the style, either, it will default to <code>[0, 0]</code></li> <li><strong>See:</strong> <code>options.center</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="zoom"><a href="#zoom" aria-hidden="true" class="header-anchor">#</a> <code>zoom</code></h3> <ul><li><strong>Type:</strong> <code>Number</code></li> <li><strong>Default:</strong> <code>undefined</code></li> <li><strong>Synced</strong></li> <li><strong>Description:</strong> Zoom level of the map. If zoom is not specified in the constructor options, Mapbox GL JS will look for it in the map's style object. If it is not specified in the style, either, it will default to <code>0</code></li> <li><strong>See:</strong> <code>options.zoom</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="bearing"><a href="#bearing" aria-hidden="true" class="header-anchor">#</a> <code>bearing</code></h3> <ul><li><strong>Type:</strong> <code>Number</code></li> <li><strong>Default:</strong> <code>undefined</code></li> <li><strong>Synced</strong></li> <li><strong>Description:</strong> Bearing (rotation) of the map, measured in degrees counter-clockwise from north. If bearing is not specified in the constructor options, Mapbox GL JS will look for it in the map's style object. If it is not specified in the style, either, it will default to <code>0</code></li> <li><strong>See:</strong> <code>options.bearing</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="pitch"><a href="#pitch" aria-hidden="true" class="header-anchor">#</a> <code>pitch</code></h3> <ul><li><strong>Type:</strong> <code>Number</code></li> <li><strong>Default:</strong> <code>undefined</code></li> <li><strong>Synced</strong></li> <li><strong>Description:</strong> Pitch (tilt) of the map, measured in degrees away from the plane of the screen (0-60). If pitch is not specified in the constructor options, Mapbox GL JS will look for it in the map's style object. If it is not specified in the style, either, it will default to <code>0</code></li> <li><strong>See:</strong> <code>options.pitch</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="renderworldcopies"><a href="#renderworldcopies" aria-hidden="true" class="header-anchor">#</a> <code>renderWorldCopies</code></h3> <ul><li><strong>Type:</strong> <code>Boolean</code></li> <li><strong>Default:</strong> <code>true</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> If true , multiple copies of the world will be rendered, when zoomed out</li> <li><strong>See:</strong> <code>options.renderWorldCopies</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="light"><a href="#light" aria-hidden="true" class="header-anchor">#</a> <code>light</code></h3> <ul><li><strong>Type:</strong> <code>Object</code></li> <li><strong>Default:</strong> <code>undefined</code></li> <li><strong>Synced</strong></li> <li><strong>Description:</strong> Light properties. Must conform to the Mapbox Style Specification</li> <li><strong>See:</strong> See <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map#setlight" target="_blank" rel="noopener noreferrer">setLight<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a> Map method</li></ul> <h3 id="tileboundaries"><a href="#tileboundaries" aria-hidden="true" class="header-anchor">#</a> <code>tileBoundaries</code></h3> <ul><li><strong>Type:</strong> <code>Boolean</code></li> <li><strong>Default:</strong> <code>false</code></li> <li><strong>Synced</strong></li> <li><strong>Description:</strong> A Boolean indicating whether the map will render an outline around each tile. These tile boundaries are useful for debugging</li> <li><strong>See:</strong> See <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map#showtileboundaries" target="_blank" rel="noopener noreferrer">showTileBoundaries<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a> Map property</li></ul> <h3 id="collisionboxes"><a href="#collisionboxes" aria-hidden="true" class="header-anchor">#</a> <code>collisionBoxes</code></h3> <ul><li><strong>Type:</strong> <code>Boolean</code></li> <li><strong>Default:</strong> <code>false</code></li> <li><strong>Synced</strong></li> <li><strong>Description:</strong> A Boolean indicating whether the map will render boxes around all symbols in the data source, revealing which symbols were rendered or which were hidden due to collisions. This information is useful for debugging</li> <li><strong>See:</strong> See <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map#showcollisionboxes" target="_blank" rel="noopener noreferrer">showCollisionBoxes<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a> Map property</li></ul> <h3 id="repaint"><a href="#repaint" aria-hidden="true" class="header-anchor">#</a> <code>repaint</code></h3> <ul><li><strong>Type:</strong> <code>Boolean</code></li> <li><strong>Default:</strong> <code>false</code></li> <li><strong>Synced</strong></li> <li><strong>Description:</strong> A Boolean indicating whether the map will continuously repaint. This information is useful for analyzing performance.</li> <li><strong>See:</strong> See <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map#repaint" target="_blank" rel="noopener noreferrer">repaint<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a> Map property</li></ul> <h3 id="transformrequest"><a href="#transformrequest" aria-hidden="true" class="header-anchor">#</a> <code>transformRequest</code></h3> <ul><li><strong>Type:</strong> <code>Function</code></li> <li><strong>Default:</strong> <code>null</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> A callback run before the Map makes a request for an external URL. The callback can be used to modify the url, set headers, or set the credentials property for cross-origin requests. Expected to return an object with a <code>url</code> property and optionally <code>headers</code> and <code>credentials</code> properties.</li> <li><strong>See:</strong> <code>options.transformRequest</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="localideographfontfamily"><a href="#localideographfontfamily" aria-hidden="true" class="header-anchor">#</a> <code>localIdeographFontFamily</code></h3> <ul><li><strong>Type:</strong> <code>String</code></li> <li><strong>Default:</strong> <code>null</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> If specified, defines a CSS font-family for locally overriding generation of glyphs in the 'CJK Unified Ideographs' and 'Hangul Syllables' ranges. In these ranges, font settings from the map's style will be ignored, except for font-weight keywords (light/regular/medium/bold). The purpose of this option is to avoid bandwidth-intensive glyph server requests.</li> <li><strong>See:</strong> <code>options.localIdeographFontFamily</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h2 id="actions"><a href="#actions" aria-hidden="true" class="header-anchor">#</a> Actions</h2> <p>Asynchronous actions exposed via <code>GlMap.actions</code></p> <div class="tip custom-block"><p class="custom-block-title">TIP</p> <p><a href="https://github.com/soal/map-promisified" target="_blank" rel="noopener noreferrer">Map-promisified<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a> is used as wrapper around Mapbox GL JS methods. That library can be used independently from VueMapbox.</p></div> <h3 id="stop-eventdata"><a href="#stop-eventdata" aria-hidden="true" class="header-anchor">#</a> <code>.stop(eventData?)</code></h3> <ul><li><strong>Arguments:</strong> <ul><li><code>eventData</code> <code>{Object}</code> Custom data passed to corresponfing event.</li></ul></li> <li><strong>Description:</strong> Stops all animations on the map</li> <li><strong>Returns:</strong> <code>{Promise&lt;{ pitch, zoom, bearing, center }&gt;}</code>
+  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div> <!----></nav>  <ul class="sidebar-links"><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>Guide</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/vue-mapbox/guide/" class="sidebar-link">Quickstart</a></li><li><a href="/vue-mapbox/guide/basemap.html" class="sidebar-link">Base map</a></li><li><a href="/vue-mapbox/guide/composition.html" class="sidebar-link">Composition</a></li><li><a href="/vue-mapbox/guide/controls.html" class="sidebar-link">Controls</a></li><li><a href="/vue-mapbox/guide/markers&amp;popups.html" class="sidebar-link">Markers and popups</a></li><li><a href="/vue-mapbox/guide/layers&amp;sources.html" class="sidebar-link">Layers and sources</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>API</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/vue-mapbox/api/" class="active sidebar-link">GlMap</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/vue-mapbox/api/#props" class="sidebar-link">Props</a></li><li class="sidebar-sub-header"><a href="/vue-mapbox/api/#actions" class="sidebar-link">Actions</a></li><li class="sidebar-sub-header"><a href="/vue-mapbox/api/#events" class="sidebar-link">Events</a></li></ul></li><li><a href="/vue-mapbox/api/controls.html" class="sidebar-link">Controls</a></li><li><a href="/vue-mapbox/api/marker.html" class="sidebar-link">MapMarker</a></li><li><a href="/vue-mapbox/api/popup.html" class="sidebar-link">Popup</a></li><li><a href="/vue-mapbox/api/Layers/" class="sidebar-link">Layer commons</a></li><li><a href="/vue-mapbox/api/Layers/geojsonlayer.html" class="sidebar-link">GeojsonLayer</a></li><li><a href="/vue-mapbox/api/Layers/vectorlayer.html" class="sidebar-link">VectorLayer</a></li><li><a href="/vue-mapbox/api/Layers/rasterlayer.html" class="sidebar-link">RasterLayer</a></li><li><a href="/vue-mapbox/api/Layers/imagelayer.html" class="sidebar-link">ImageLayer</a></li><li><a href="/vue-mapbox/api/Layers/videolayer.html" class="sidebar-link">VideoLayer</a></li><li><a href="/vue-mapbox/api/Layers/canvaslayer.html" class="sidebar-link">CanvasLayer</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>Plugin components</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/vue-mapbox/plugin_components/" class="sidebar-link">Using plugin components</a></li><li><a href="/vue-mapbox/plugin_components/plugin_components_development.html" class="sidebar-link">Create a plugin component</a></li></ul></section></li></ul> </aside> <main class="page"> <div class="content default"><h1 id="glmap"><a href="#glmap" aria-hidden="true" class="header-anchor">#</a> GlMap</h1> <h2 id="props"><a href="#props" aria-hidden="true" class="header-anchor">#</a> Props</h2> <h3 id="mapboxgl"><a href="#mapboxgl" aria-hidden="true" class="header-anchor">#</a> <code>mapboxGl</code></h3> <ul><li><strong>Type</strong>: <code>Object</code></li> <li><strong>Default:</strong> <code>null</code></li> <li><ul><li><strong>Description:</strong> Mapboxgl-js implementation. Useful for lazy-loading. If omitted, VueMapbox imports Mapbox-gl-js dynamically.</li></ul></li></ul> <h3 id="mapstyle"><a href="#mapstyle" aria-hidden="true" class="header-anchor">#</a> <code>mapStyle</code></h3> <ul><li><strong>Type</strong>: <code>String</code>, <code>Object</code></li> <li><strong>Required</strong></li> <li><strong>Synced</strong></li> <li><strong>Description:</strong> The map's Mapbox style. This must be an a JSON object conforming to the schema described in the Mapbox Style Specification , or a URL to such JSON.</li> <li><strong>See:</strong> <code>options.style</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="container"><a href="#container" aria-hidden="true" class="header-anchor">#</a> <code>container</code></h3> <ul><li><strong>Type:</strong> <code>String</code>, <code>HTMLElement</code></li> <li><strong>Default:</strong> <code>#map-{random number}</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> The HTML element in which Mapbox GL JS will render the map</li> <li><strong>See:</strong> <code>options.container</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="accesstoken"><a href="#accesstoken" aria-hidden="true" class="header-anchor">#</a> <code>accessToken</code></h3> <ul><li><strong>Type:</strong> <code>String</code></li> <li><strong>Default:</strong> <code>undefined</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> Token for access Mapbox map</li> <li><strong>See:</strong> <a href="https://docs.mapbox.com/mapbox-gl-js/api/#accesstoken" target="_blank" rel="noopener noreferrer">accessToken<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="minzoom"><a href="#minzoom" aria-hidden="true" class="header-anchor">#</a> <code>minZoom</code></h3> <ul><li><strong>Type:</strong> <code>Number</code></li> <li><strong>Default:</strong> <code>0</code></li> <li><strong>Synced</strong></li> <li><strong>Description:</strong> Minimum zoom level of the map (0-24)</li> <li><strong>See:</strong> <code>options.minZoom</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="maxzoom"><a href="#maxzoom" aria-hidden="true" class="header-anchor">#</a> <code>maxZoom</code></h3> <ul><li><strong>Type:</strong> <code>Number</code></li> <li><strong>Default:</strong> <code>22</code></li> <li><strong>Synced</strong></li> <li><strong>Description:</strong> Maximum zoom level of the map (0-24)</li> <li><strong>See:</strong> <code>options.maxZoom</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="hash"><a href="#hash" aria-hidden="true" class="header-anchor">#</a> <code>hash</code></h3> <ul><li><strong>Type:</strong> <code>Boolean</code></li> <li><strong>Default:</strong> <code>false</code></li> <li><strong>Synced</strong></li> <li><strong>Description:</strong> If true, the map's position (zoom, center latitude, center longitude, bearing, and pitch) will be synced with the hash fragment of the page's URL</li> <li><strong>See:</strong> <code>options.hash</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="interactive"><a href="#interactive" aria-hidden="true" class="header-anchor">#</a> <code>interactive</code></h3> <ul><li><strong>Type:</strong> <code>Boolean</code></li> <li><strong>Default:</strong> <code>true</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> If false, no mouse, touch, or keyboard listeners will be attached to the map, so it will not respond to interaction</li> <li><strong>See:</strong> <code>options.interactive</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="bearingsnap"><a href="#bearingsnap" aria-hidden="true" class="header-anchor">#</a> <code>bearingSnap</code></h3> <ul><li><strong>Type:</strong> <code>Number</code></li> <li><strong>Default:</strong> <code>7</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> The threshold, measured in degrees, that determines when the map's bearing will snap to north</li> <li><strong>See:</strong> <code>options.bearingSnap</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="attributioncontrol"><a href="#attributioncontrol" aria-hidden="true" class="header-anchor">#</a> <code>attributionControl</code></h3> <ul><li><strong>Type:</strong> <code>Boolean</code></li> <li><strong>Default:</strong> <code>true</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> If true, an AttributionControl will be added to the map</li> <li><strong>See:</strong> <code>options.attributionControl</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="logoposition"><a href="#logoposition" aria-hidden="true" class="header-anchor">#</a> <code>logoPosition</code></h3> <ul><li><strong>Type:</strong> <code>String</code>, <code>top-left</code>, <code>top-right</code>, <code>bottom-right</code>, <code>bottom-left</code></li> <li><strong>Default:</strong> <code>bottom-left</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> A string representing the position of the Mapbox wordmark on the map</li> <li><strong>See:</strong> <code>options.logoPosition</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="failifmajorperformancecaveat"><a href="#failifmajorperformancecaveat" aria-hidden="true" class="header-anchor">#</a> <code>failIfMajorPerformanceCaveat</code></h3> <ul><li><strong>Type:</strong> <code>Boolean</code></li> <li><strong>Default:</strong> <code>false</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> If true, map creation will fail if the performance of Mapbox GL JS would be dramatically worse than expected (i.e. a software renderer would be used)</li> <li><strong>See:</strong> <code>options.failIfMajorPerformanceCaveat</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="crosssourcecollisions"><a href="#crosssourcecollisions" aria-hidden="true" class="header-anchor">#</a> <code>crossSourceCollisions</code></h3> <ul><li><strong>Type:</strong> <code>Boolean</code></li> <li><strong>Default:</strong> <code>true</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> If true, symbols from multiple sources can collide with each other during collision detection. If false , collision detection is run separately for the symbols in each source.</li> <li><strong>See:</strong> <code>options.crossSourceCollisions</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="fadeduration"><a href="#fadeduration" aria-hidden="true" class="header-anchor">#</a> <code>fadeDuration</code></h3> <ul><li><strong>Type:</strong> <code>Number</code></li> <li><strong>Default:</strong> <code>300</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> Controls the duration of the fade-in/fade-out animation for label collisions, in milliseconds. This setting affects all symbol layers. This setting does not affect the duration of runtime styling transitions or raster tile cross-fading.</li> <li><strong>See:</strong> <code>options.fadeDuration</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="preservedrawingbuffer"><a href="#preservedrawingbuffer" aria-hidden="true" class="header-anchor">#</a> <code>preserveDrawingBuffer</code></h3> <ul><li><strong>Type:</strong> <code>Boolean</code></li> <li><strong>Default:</strong> <code>false</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> If true, the map's canvas can be exported to a PNG using map.getCanvas().toDataURL()</li> <li><strong>See:</strong> <code>options.preserveDrawingBuffer</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="refreshexpiredtiles"><a href="#refreshexpiredtiles" aria-hidden="true" class="header-anchor">#</a> <code>refreshExpiredTiles</code></h3> <ul><li><strong>Type:</strong> <code>Boolean</code></li> <li><strong>Default:</strong> <code>true</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> If true, the map won't attempt to re-request tiles once they expire per their HTTP cacheControl / expires headers.</li> <li><strong>See:</strong> <code>options.refreshExpiredTiles</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="maxbounds"><a href="#maxbounds" aria-hidden="true" class="header-anchor">#</a> <code>maxBounds</code></h3> <ul><li><strong>Type:</strong> <code>Array</code>, <code>LngLatBoundsLike object</code></li> <li><strong>Default:</strong> <code>undefined</code></li> <li><strong>Synced</strong></li> <li><strong>Description:</strong> If set, the map will be constrained to the given bounds</li> <li><strong>See:</strong> <code>options.maxBounds</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="scrollzoom"><a href="#scrollzoom" aria-hidden="true" class="header-anchor">#</a> <code>scrollZoom</code></h3> <ul><li><strong>Type:</strong> <code>Boolean</code>, <code>Object</code></li> <li><strong>Default:</strong> <code>true</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> If true, the &quot;scroll to zoom&quot; interaction is enabled. An Object value is passed as options to ScrollZoomHandler#enable</li> <li><strong>See:</strong> <code>options.scrollZoom</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="boxzoom"><a href="#boxzoom" aria-hidden="true" class="header-anchor">#</a> <code>boxZoom</code></h3> <ul><li><strong>Type:</strong> <code>Boolean</code></li> <li><strong>Default:</strong> <code>true</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> If true, the &quot;box zoom&quot; interaction is enabled</li> <li><strong>See:</strong> <code>options.boxZoom</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="dragrotate"><a href="#dragrotate" aria-hidden="true" class="header-anchor">#</a> <code>dragRotate</code></h3> <ul><li><strong>Type:</strong> <code>Boolean</code></li> <li><strong>Default:</strong> <code>true</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> If true, the &quot;drag to rotate&quot; interaction is enabled</li> <li><strong>See:</strong> <code>options.dragRotate</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="keyboard"><a href="#keyboard" aria-hidden="true" class="header-anchor">#</a> <code>keyboard</code></h3> <ul><li><strong>Type:</strong> <code>Boolean</code></li> <li><strong>Default:</strong> <code>true</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> If true, keyboard shortcuts are enabled</li> <li><strong>See:</strong> <code>options.keyboard</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="doubleclickzoom"><a href="#doubleclickzoom" aria-hidden="true" class="header-anchor">#</a> <code>doubleClickZoom</code></h3> <ul><li><strong>Type:</strong> <code>Boolean</code></li> <li><strong>Default:</strong> <code>true</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> If true, the &quot;double click to zoom&quot; interaction is enabled</li> <li><strong>See:</strong> <code>options.doubleClickZoom</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="touchzoomrotate"><a href="#touchzoomrotate" aria-hidden="true" class="header-anchor">#</a> <code>touchZoomRotate</code></h3> <ul><li><strong>Type:</strong> <code>Boolean</code>, <code>Object</code></li> <li><strong>Default:</strong> <code>true</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> If true, the &quot;pinch to rotate and zoom&quot; interaction is enabled. An Object value is passed as options to TouchZoomRotateHandler#enable</li> <li><strong>See:</strong> <code>options.touchZoomRotate</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="trackresize"><a href="#trackresize" aria-hidden="true" class="header-anchor">#</a> <code>trackResize</code></h3> <ul><li><strong>Type:</strong> <code>Boolean</code></li> <li><strong>Default:</strong> <code>true</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> If true, the map will automatically resize when the browser window resizes.</li> <li><strong>See:</strong> <code>options.trackResize</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="center"><a href="#center" aria-hidden="true" class="header-anchor">#</a> <code>center</code></h3> <ul><li><strong>Type:</strong> <code>Array, LngLatLike Object</code></li> <li><strong>Default:</strong> <code>undefined</code></li> <li><strong>Synced</strong></li> <li><strong>Description:</strong> Geographical centerpoint of the map. If center is not specified in the constructor options, Mapbox GL JS will look for it in the map's style object.If it is not specified in the style, either, it will default to <code>[0, 0]</code></li> <li><strong>See:</strong> <code>options.center</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="zoom"><a href="#zoom" aria-hidden="true" class="header-anchor">#</a> <code>zoom</code></h3> <ul><li><strong>Type:</strong> <code>Number</code></li> <li><strong>Default:</strong> <code>undefined</code></li> <li><strong>Synced</strong></li> <li><strong>Description:</strong> Zoom level of the map. If zoom is not specified in the constructor options, Mapbox GL JS will look for it in the map's style object. If it is not specified in the style, either, it will default to <code>0</code></li> <li><strong>See:</strong> <code>options.zoom</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="bearing"><a href="#bearing" aria-hidden="true" class="header-anchor">#</a> <code>bearing</code></h3> <ul><li><strong>Type:</strong> <code>Number</code></li> <li><strong>Default:</strong> <code>undefined</code></li> <li><strong>Synced</strong></li> <li><strong>Description:</strong> Bearing (rotation) of the map, measured in degrees counter-clockwise from north. If bearing is not specified in the constructor options, Mapbox GL JS will look for it in the map's style object. If it is not specified in the style, either, it will default to <code>0</code></li> <li><strong>See:</strong> <code>options.bearing</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="pitch"><a href="#pitch" aria-hidden="true" class="header-anchor">#</a> <code>pitch</code></h3> <ul><li><strong>Type:</strong> <code>Number</code></li> <li><strong>Default:</strong> <code>undefined</code></li> <li><strong>Synced</strong></li> <li><strong>Description:</strong> Pitch (tilt) of the map, measured in degrees away from the plane of the screen (0-60). If pitch is not specified in the constructor options, Mapbox GL JS will look for it in the map's style object. If it is not specified in the style, either, it will default to <code>0</code></li> <li><strong>See:</strong> <code>options.pitch</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="renderworldcopies"><a href="#renderworldcopies" aria-hidden="true" class="header-anchor">#</a> <code>renderWorldCopies</code></h3> <ul><li><strong>Type:</strong> <code>Boolean</code></li> <li><strong>Default:</strong> <code>true</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> If true , multiple copies of the world will be rendered, when zoomed out</li> <li><strong>See:</strong> <code>options.renderWorldCopies</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="light"><a href="#light" aria-hidden="true" class="header-anchor">#</a> <code>light</code></h3> <ul><li><strong>Type:</strong> <code>Object</code></li> <li><strong>Default:</strong> <code>undefined</code></li> <li><strong>Synced</strong></li> <li><strong>Description:</strong> Light properties. Must conform to the Mapbox Style Specification</li> <li><strong>See:</strong> See <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map#setlight" target="_blank" rel="noopener noreferrer">setLight<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a> Map method</li></ul> <h3 id="tileboundaries"><a href="#tileboundaries" aria-hidden="true" class="header-anchor">#</a> <code>tileBoundaries</code></h3> <ul><li><strong>Type:</strong> <code>Boolean</code></li> <li><strong>Default:</strong> <code>false</code></li> <li><strong>Synced</strong></li> <li><strong>Description:</strong> A Boolean indicating whether the map will render an outline around each tile. These tile boundaries are useful for debugging</li> <li><strong>See:</strong> See <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map#showtileboundaries" target="_blank" rel="noopener noreferrer">showTileBoundaries<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a> Map property</li></ul> <h3 id="collisionboxes"><a href="#collisionboxes" aria-hidden="true" class="header-anchor">#</a> <code>collisionBoxes</code></h3> <ul><li><strong>Type:</strong> <code>Boolean</code></li> <li><strong>Default:</strong> <code>false</code></li> <li><strong>Synced</strong></li> <li><strong>Description:</strong> A Boolean indicating whether the map will render boxes around all symbols in the data source, revealing which symbols were rendered or which were hidden due to collisions. This information is useful for debugging</li> <li><strong>See:</strong> See <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map#showcollisionboxes" target="_blank" rel="noopener noreferrer">showCollisionBoxes<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a> Map property</li></ul> <h3 id="repaint"><a href="#repaint" aria-hidden="true" class="header-anchor">#</a> <code>repaint</code></h3> <ul><li><strong>Type:</strong> <code>Boolean</code></li> <li><strong>Default:</strong> <code>false</code></li> <li><strong>Synced</strong></li> <li><strong>Description:</strong> A Boolean indicating whether the map will continuously repaint. This information is useful for analyzing performance.</li> <li><strong>See:</strong> See <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map#repaint" target="_blank" rel="noopener noreferrer">repaint<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a> Map property</li></ul> <h3 id="transformrequest"><a href="#transformrequest" aria-hidden="true" class="header-anchor">#</a> <code>transformRequest</code></h3> <ul><li><strong>Type:</strong> <code>Function</code></li> <li><strong>Default:</strong> <code>null</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> A callback run before the Map makes a request for an external URL. The callback can be used to modify the url, set headers, or set the credentials property for cross-origin requests. Expected to return an object with a <code>url</code> property and optionally <code>headers</code> and <code>credentials</code> properties.</li> <li><strong>See:</strong> <code>options.transformRequest</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="localideographfontfamily"><a href="#localideographfontfamily" aria-hidden="true" class="header-anchor">#</a> <code>localIdeographFontFamily</code></h3> <ul><li><strong>Type:</strong> <code>String</code></li> <li><strong>Default:</strong> <code>null</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Description:</strong> If specified, defines a CSS font-family for locally overriding generation of glyphs in the 'CJK Unified Ideographs' and 'Hangul Syllables' ranges. In these ranges, font settings from the map's style will be ignored, except for font-weight keywords (light/regular/medium/bold). The purpose of this option is to avoid bandwidth-intensive glyph server requests.</li> <li><strong>See:</strong> <code>options.localIdeographFontFamily</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h2 id="actions"><a href="#actions" aria-hidden="true" class="header-anchor">#</a> Actions</h2> <p>Asynchronous actions exposed via <code>GlMap.actions</code></p> <div class="tip custom-block"><p class="custom-block-title">TIP</p> <p><a href="https://github.com/soal/map-promisified" target="_blank" rel="noopener noreferrer">Map-promisified<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a> is used as wrapper around Mapbox GL JS methods. That library can be used independently from VueMapbox.</p></div> <h3 id="stop-eventdata"><a href="#stop-eventdata" aria-hidden="true" class="header-anchor">#</a> <code>.stop(eventData?)</code></h3> <ul><li><strong>Arguments:</strong> <ul><li><code>eventData</code> <code>{Object}</code> Custom data passed to corresponfing event.</li></ul></li> <li><strong>Description:</strong> Stops all animations on the map</li> <li><strong>Returns:</strong> <code>{Promise&lt;{ pitch, zoom, bearing, center }&gt;}</code>
 Promise that resolves object with map parameters on the moment of call <code>stop()</code></li></ul> <h3 id="panby-offset-options-eventdata"><a href="#panby-offset-options-eventdata" aria-hidden="true" class="header-anchor">#</a> <code>.panBy(offset, options?, eventData?)</code></h3> <ul><li><strong>Arguments:</strong> <ul><li><code>offset</code> <code>{Point | number[]}</code> x and y coordinates by which to pan the map</li> <li><code>options</code> <code>{AnimationOptions object}</code> animation options. See <a href="https://docs.mapbox.com/mapbox-gl-js/api/#animationoptions" target="_blank" rel="noopener noreferrer">AnimationOptions<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li> <li><code>eventData</code> <code>{Object}</code> Custom data passed to corresponfing event.</li></ul></li> <li><strong>Description:</strong> Pans the map by the specified offest</li> <li><strong>Returns:</strong> <code>{Promise&lt;{ eventData, center }&gt;}</code>
 Promise that resolves object with event data and new center of the map when animation ends</li> <li><strong>See:</strong> <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map#panby" target="_blank" rel="noopener noreferrer">panBy<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a> Map method</li></ul> <h3 id="panto-coordinates-options-eventdata"><a href="#panto-coordinates-options-eventdata" aria-hidden="true" class="header-anchor">#</a> <code>.panTo(coordinates, options?, eventData?)</code></h3> <ul><li><strong>Arguments:</strong> <ul><li><code>coordinates</code> <code>{LngLat | number[][]}</code> The location to pan the map to. See also: <a href="https://docs.mapbox.com/mapbox-gl-js/api/#lnglat" target="_blank" rel="noopener noreferrer">LngLat<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li> <li><code>options</code> <code>{AnimationOptions object}</code> animation options. See <a href="https://docs.mapbox.com/mapbox-gl-js/api/#animationoptions" target="_blank" rel="noopener noreferrer">AnimationOptions<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li> <li><code>eventData</code> <code>{Object}</code> Custom data passed to corresponfing event.</li></ul></li> <li><strong>Description:</strong> Pans the map to the specified location, with an animated transition</li> <li><strong>Returns:</strong> <code>{Promise&lt;{ eventData, center }&gt;}</code>
 Promise that resolves object with event data and new center of the map when animation ends</li> <li><strong>See:</strong> <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map#panto" target="_blank" rel="noopener noreferrer">panTo<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a> Map method</li></ul> <h3 id="zoomto-zoom-options-eventdata"><a href="#zoomto-zoom-options-eventdata" aria-hidden="true" class="header-anchor">#</a> <code>.zoomTo(zoom, options?, eventData?)</code></h3> <ul><li><strong>Arguments:</strong> <ul><li><code>zoom</code> <code>{number}</code> The zoom level to transition to</li> <li><code>options</code> <code>{AnimationOptions object}</code> animation options. See <a href="https://docs.mapbox.com/mapbox-gl-js/api/#animationoptions" target="_blank" rel="noopener noreferrer">AnimationOptions<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li> <li><code>eventData</code> <code>{Object}</code> Custom data passed to corresponfing event.</li></ul></li> <li><strong>Description:</strong> Zooms the map to the specified zoom level, with an animated transition</li> <li><strong>Returns:</strong> <code>{Promise&lt;{ eventData, zoom }&gt;}</code>
@@ -41,6 +41,6 @@
         </a>
         →
       </span></p></div> </main></div><div class="global-ui"></div></div>
-    <script src="/vue-mapbox/assets/js/app.1fce24e6.js" defer></script><script src="/vue-mapbox/assets/js/2.1a36c030.js" defer></script><script src="/vue-mapbox/assets/js/14.7b3fcbc6.js" defer></script>
+    <script src="/vue-mapbox/assets/js/app.1613afe0.js" defer></script><script src="/vue-mapbox/assets/js/2.1a36c030.js" defer></script><script src="/vue-mapbox/assets/js/14.3affa2b5.js" defer></script>
   </body>
 </html>
diff --git a/docs/api/marker.html b/docs/api/marker.html
index fb8e58af..eecd85f3 100644
--- a/docs/api/marker.html
+++ b/docs/api/marker.html
@@ -7,7 +7,7 @@
     <meta name="description" content="Combine powers of Mapbox GL JS and Vue.js">
     <link rel="icon" href="/vue-mapbox/favicon.ico">
     
-    <link rel="preload" href="/vue-mapbox/assets/css/0.styles.622f01af.css" as="style"><link rel="preload" href="/vue-mapbox/assets/js/app.1fce24e6.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/2.1a36c030.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/17.172f4295.js" as="script"><link rel="prefetch" href="/vue-mapbox/assets/js/10.02b7c2a1.js"><link rel="prefetch" href="/vue-mapbox/assets/js/11.ee64ec8f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/12.f0cb3c91.js"><link rel="prefetch" href="/vue-mapbox/assets/js/13.57cb96bf.js"><link rel="prefetch" href="/vue-mapbox/assets/js/14.7b3fcbc6.js"><link rel="prefetch" href="/vue-mapbox/assets/js/15.6be5284d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/16.733d6730.js"><link rel="prefetch" href="/vue-mapbox/assets/js/18.9eb7a777.js"><link rel="prefetch" href="/vue-mapbox/assets/js/19.10105f2d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/20.f558f091.js"><link rel="prefetch" href="/vue-mapbox/assets/js/21.6a1f30f2.js"><link rel="prefetch" href="/vue-mapbox/assets/js/22.8dc7d898.js"><link rel="prefetch" href="/vue-mapbox/assets/js/23.4670d875.js"><link rel="prefetch" href="/vue-mapbox/assets/js/24.fe39c8d8.js"><link rel="prefetch" href="/vue-mapbox/assets/js/25.8dd04822.js"><link rel="prefetch" href="/vue-mapbox/assets/js/26.b01152e4.js"><link rel="prefetch" href="/vue-mapbox/assets/js/3.02aa2be5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/4.4f3338df.js"><link rel="prefetch" href="/vue-mapbox/assets/js/5.d3d1578a.js"><link rel="prefetch" href="/vue-mapbox/assets/js/6.a47ab602.js"><link rel="prefetch" href="/vue-mapbox/assets/js/7.cdef235f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/8.8b4b828f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/9.aebbb2ac.js">
+    <link rel="preload" href="/vue-mapbox/assets/css/0.styles.622f01af.css" as="style"><link rel="preload" href="/vue-mapbox/assets/js/app.1613afe0.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/2.1a36c030.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/16.7de1d511.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/4.79bc4f3c.js" as="script"><link rel="prefetch" href="/vue-mapbox/assets/js/10.496a25ae.js"><link rel="prefetch" href="/vue-mapbox/assets/js/11.c30d5454.js"><link rel="prefetch" href="/vue-mapbox/assets/js/12.43a2535b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/13.0cb68667.js"><link rel="prefetch" href="/vue-mapbox/assets/js/14.3affa2b5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/15.40b3c4ef.js"><link rel="prefetch" href="/vue-mapbox/assets/js/17.95d02626.js"><link rel="prefetch" href="/vue-mapbox/assets/js/18.449ed0f5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/19.38617f97.js"><link rel="prefetch" href="/vue-mapbox/assets/js/20.f9650703.js"><link rel="prefetch" href="/vue-mapbox/assets/js/21.39c66c8d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/22.276c6a9c.js"><link rel="prefetch" href="/vue-mapbox/assets/js/23.87f4c25b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/24.9d297e6b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/25.f1bf9c1c.js"><link rel="prefetch" href="/vue-mapbox/assets/js/3.02aa2be5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/5.d3d1578a.js"><link rel="prefetch" href="/vue-mapbox/assets/js/6.49edb5d4.js"><link rel="prefetch" href="/vue-mapbox/assets/js/7.e6ed37a7.js"><link rel="prefetch" href="/vue-mapbox/assets/js/8.3e4706bb.js"><link rel="prefetch" href="/vue-mapbox/assets/js/9.5e3d2dbf.js">
     <link rel="stylesheet" href="/vue-mapbox/assets/css/0.styles.622f01af.css">
   </head>
   <body>
@@ -19,7 +19,25 @@
   Github
   <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div><div class="nav-item"><a href="https://github.com/soal/map-promisified" target="_blank" rel="noopener noreferrer" class="nav-link external">
   map-promisified
-  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div> <!----></nav>  <ul class="sidebar-links"><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>Guide</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/vue-mapbox/guide/" class="sidebar-link">Quickstart</a></li><li><a href="/vue-mapbox/guide/basemap.html" class="sidebar-link">Base map</a></li><li><a href="/vue-mapbox/guide/composition.html" class="sidebar-link">Composition</a></li><li><a href="/vue-mapbox/guide/controls.html" class="sidebar-link">Controls</a></li><li><a href="/vue-mapbox/guide/markers&amp;popups.html" class="sidebar-link">Markers and popups</a></li><li><a href="/vue-mapbox/guide/layers&amp;sources.html" class="sidebar-link">Layers and sources</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>API</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/vue-mapbox/api/" class="sidebar-link">GlMap</a></li><li><a href="/vue-mapbox/api/controls.html" class="sidebar-link">Controls</a></li><li><a href="/vue-mapbox/api/marker.html" class="active sidebar-link">MapMarker</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/vue-mapbox/api/marker.html#props" class="sidebar-link">Props</a></li><li class="sidebar-sub-header"><a href="/vue-mapbox/api/marker.html#slots" class="sidebar-link">Slots</a></li><li class="sidebar-sub-header"><a href="/vue-mapbox/api/marker.html#methods" class="sidebar-link">Methods</a></li><li class="sidebar-sub-header"><a href="/vue-mapbox/api/marker.html#events" class="sidebar-link">Events</a></li></ul></li><li><a href="/vue-mapbox/api/popup.html" class="sidebar-link">Popup</a></li><li><a href="/vue-mapbox/api/Layers/" class="sidebar-link">Layer commons</a></li><li><a href="/vue-mapbox/api/Layers/geojsonlayer.html" class="sidebar-link">GeojsonLayer</a></li><li><a href="/vue-mapbox/api/Layers/vectorlayer.html" class="sidebar-link">VectorLayer</a></li><li><a href="/vue-mapbox/api/Layers/rasterlayer.html" class="sidebar-link">RasterLayer</a></li><li><a href="/vue-mapbox/api/Layers/imagelayer.html" class="sidebar-link">ImageLayer</a></li><li><a href="/vue-mapbox/api/Layers/videolayer.html" class="sidebar-link">VideoLayer</a></li><li><a href="/vue-mapbox/api/Layers/canvaslayer.html" class="sidebar-link">CanvasLayer</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>Plugin components</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/vue-mapbox/plugin_components/" class="sidebar-link">Using plugin components</a></li><li><a href="/vue-mapbox/plugin_components/plugin_components_development.html" class="sidebar-link">Create a plugin component</a></li></ul></section></li></ul> </aside> <main class="page"> <div class="content default"><h1 id="marker"><a href="#marker" aria-hidden="true" class="header-anchor">#</a> Marker</h1> <h2 id="props"><a href="#props" aria-hidden="true" class="header-anchor">#</a> Props</h2> <h3 id="offset"><a href="#offset" aria-hidden="true" class="header-anchor">#</a> <code>offset</code></h3> <ul><li><strong>Type</strong>: <code>Array&lt;number&gt;</code></li> <li><strong>Description:</strong> The offset in pixels as a PointLike object to apply relative to the element's center. Negatives indicate left and up.</li> <li><strong>See:</strong> <code>offset</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#marker" target="_blank" rel="noopener noreferrer">Marker<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="coordinates"><a href="#coordinates" aria-hidden="true" class="header-anchor">#</a> <code>coordinates</code></h3> <ul><li><strong>Type</strong>: <code>Array&lt;number&gt;</code></li> <li><strong>Required</strong></li> <li><strong>Synced</strong></li> <li><strong>Description:</strong> Marker coordinates in format <code>[longitude, latitude]</code></li></ul> <h3 id="color"><a href="#color" aria-hidden="true" class="header-anchor">#</a> <code>color</code></h3> <ul><li><strong>Type</strong>: <code>string</code></li> <li><strong>Description:</strong> The color to use for the default marker if custom marker is not provided. The default is light blue.</li></ul> <h3 id="anchor"><a href="#anchor" aria-hidden="true" class="header-anchor">#</a> <code>anchor</code></h3> <ul><li><strong>Type</strong>: <code>string</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Default</strong> <code>center</code></li> <li><strong>Description:</strong> A string indicating the part of the Marker that should be positioned closest to the coordinate set via Marker#setLngLat . Options are 'center' , 'top' , 'bottom' , 'left' , 'right' , 'top-left' , 'top-right' , 'bottom-left' , and 'bottom-right' . The default is 'center'.</li> <li><strong>See</strong> <code>options.anchor</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#marker" target="_blank" rel="noopener noreferrer">Marker<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="draggable"><a href="#draggable" aria-hidden="true" class="header-anchor">#</a> <code>draggable</code></h3> <ul><li><strong>Type</strong>: <code>boolean</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Default</strong> <code>false</code></li> <li><strong>Description:</strong> A boolean indicating whether or not a marker is able to be dragged to a new position on the map.</li> <li><strong>See</strong> <code>options.draggable</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#marker" target="_blank" rel="noopener noreferrer">Marker<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h2 id="slots"><a href="#slots" aria-hidden="true" class="header-anchor">#</a> Slots</h2> <h3 id="marker-2"><a href="#marker-2" aria-hidden="true" class="header-anchor">#</a> <code>marker</code></h3> <ul><li><strong>Description:</strong> Slot for custom marker. Can be HTML element or Vue component.</li></ul> <h3 id="default"><a href="#default" aria-hidden="true" class="header-anchor">#</a> <code>default</code></h3> <ul><li><strong>Description:</strong> Slot for popup component. When popup put inside marker, popup automaticaly mounted to marker, similiar as <a href="https://docs.mapbox.com/mapbox-gl-js/api/#marker#setpopup" target="_blank" rel="noopener noreferrer">setPopup<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h2 id="methods"><a href="#methods" aria-hidden="true" class="header-anchor">#</a> Methods</h2> <h3 id="remove"><a href="#remove" aria-hidden="true" class="header-anchor">#</a> <code>.remove()</code></h3> <ul><li><strong>Description:</strong> Removes marker from the map.</li> <li><strong>Returns</strong> <code>Marker</code> MapboxGL marker.</li> <li><strong>See</strong> <a href="https://docs.mapbox.com/mapbox-gl-js/api/#marker#remove" target="_blank" rel="noopener noreferrer">Marker.remove<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="togglepopup"><a href="#togglepopup" aria-hidden="true" class="header-anchor">#</a> <code>.togglePopup()</code></h3> <ul><li><strong>Description:</strong> Opens or closes the bound popup, depending on the current state.</li> <li><strong>Returns</strong> <code>Marker</code> MapboxGL marker.</li> <li><strong>See</strong> <a href="https://docs.mapbox.com/mapbox-gl-js/api/#marker#togglepopup" target="_blank" rel="noopener noreferrer">Marker.togglePopup<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h2 id="events"><a href="#events" aria-hidden="true" class="header-anchor">#</a> Events</h2> <h3 id="added"><a href="#added" aria-hidden="true" class="header-anchor">#</a> <code>@added</code></h3> <ul><li><strong>Description:</strong> Fires when marker added on the map.</li> <li><strong>Payload</strong> <code>{ component: MarkerComponent, map: Map, marker: Marker }</code> Object with <code>Marker</code> component, parent map and MapboxGl <code>Marker</code> object</li></ul> <h3 id="removed"><a href="#removed" aria-hidden="true" class="header-anchor">#</a> <code>@removed</code></h3> <ul><li><strong>Description:</strong> Fires when marker removed the map.</li> <li><strong>Payload</strong> <code>{ component: MarkerComponent, map: Map, marker: Marker }</code> Object with <code>Marker</code> component, parent map and MapboxGl <code>Marker</code> object</li></ul> <h3 id="drag"><a href="#drag" aria-hidden="true" class="header-anchor">#</a> <code>@drag</code></h3> <ul><li><strong>Description:</strong> Fires when marker dragged if marker <code>draggable</code> prop is <code>true</code></li> <li><strong>Payload</strong> <code>{ component: MarkerComponent, map: Map, MapEvent: Event }</code> Object with <code>Marker</code> component, parent map and original MapboxGl event</li></ul> <h3 id="dragstart"><a href="#dragstart" aria-hidden="true" class="header-anchor">#</a> <code>@dragstart</code></h3> <ul><li><strong>Description:</strong> Fires when marker dragging starts if marker <code>draggable</code> prop is <code>true</code></li> <li><strong>Payload</strong> <code>{ component: MarkerComponent, map: Map, MapEvent: Event }</code> Object with <code>Marker</code> component, parent map and original MapboxGl event</li></ul> <h3 id="dragend"><a href="#dragend" aria-hidden="true" class="header-anchor">#</a> <code>@dragend</code></h3> <ul><li><strong>Description:</strong> Fires when marker dragging ends if marker <code>draggable</code> prop is <code>true</code></li> <li><strong>Payload</strong> <code>{ component: MarkerComponent, map: Map, MapEvent: Event }</code> Object with <code>Marker</code> component, parent map and original MapboxGl event</li></ul></div> <footer class="page-edit"><!----> <!----></footer> <div class="page-nav"><p class="inner"><span class="prev">
+  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div> <!----></nav>  <ul class="sidebar-links"><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>Guide</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/vue-mapbox/guide/" class="sidebar-link">Quickstart</a></li><li><a href="/vue-mapbox/guide/basemap.html" class="sidebar-link">Base map</a></li><li><a href="/vue-mapbox/guide/composition.html" class="sidebar-link">Composition</a></li><li><a href="/vue-mapbox/guide/controls.html" class="sidebar-link">Controls</a></li><li><a href="/vue-mapbox/guide/markers&amp;popups.html" class="sidebar-link">Markers and popups</a></li><li><a href="/vue-mapbox/guide/layers&amp;sources.html" class="sidebar-link">Layers and sources</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>API</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/vue-mapbox/api/" class="sidebar-link">GlMap</a></li><li><a href="/vue-mapbox/api/controls.html" class="sidebar-link">Controls</a></li><li><a href="/vue-mapbox/api/marker.html" class="active sidebar-link">MapMarker</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/vue-mapbox/api/marker.html#props" class="sidebar-link">Props</a></li><li class="sidebar-sub-header"><a href="/vue-mapbox/api/marker.html#slots" class="sidebar-link">Slots</a></li><li class="sidebar-sub-header"><a href="/vue-mapbox/api/marker.html#methods" class="sidebar-link">Methods</a></li><li class="sidebar-sub-header"><a href="/vue-mapbox/api/marker.html#events" class="sidebar-link">Events</a></li></ul></li><li><a href="/vue-mapbox/api/popup.html" class="sidebar-link">Popup</a></li><li><a href="/vue-mapbox/api/Layers/" class="sidebar-link">Layer commons</a></li><li><a href="/vue-mapbox/api/Layers/geojsonlayer.html" class="sidebar-link">GeojsonLayer</a></li><li><a href="/vue-mapbox/api/Layers/vectorlayer.html" class="sidebar-link">VectorLayer</a></li><li><a href="/vue-mapbox/api/Layers/rasterlayer.html" class="sidebar-link">RasterLayer</a></li><li><a href="/vue-mapbox/api/Layers/imagelayer.html" class="sidebar-link">ImageLayer</a></li><li><a href="/vue-mapbox/api/Layers/videolayer.html" class="sidebar-link">VideoLayer</a></li><li><a href="/vue-mapbox/api/Layers/canvaslayer.html" class="sidebar-link">CanvasLayer</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>Plugin components</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/vue-mapbox/plugin_components/" class="sidebar-link">Using plugin components</a></li><li><a href="/vue-mapbox/plugin_components/plugin_components_development.html" class="sidebar-link">Create a plugin component</a></li></ul></section></li></ul> </aside> <main class="page"> <div class="content default"><h1 id="marker"><a href="#marker" aria-hidden="true" class="header-anchor">#</a> Marker</h1> <h2 id="props"><a href="#props" aria-hidden="true" class="header-anchor">#</a> Props</h2> <h3 id="offset"><a href="#offset" aria-hidden="true" class="header-anchor">#</a> <code>offset</code></h3> <ul><li><strong>Type</strong>: <code>Array&lt;number&gt;</code></li> <li><strong>Description:</strong> The offset in pixels as a PointLike object to apply relative to the element's center. Negatives indicate left and up.</li> <li><strong>See:</strong> <code>offset</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#marker" target="_blank" rel="noopener noreferrer">Marker<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="coordinates"><a href="#coordinates" aria-hidden="true" class="header-anchor">#</a> <code>coordinates</code></h3> <ul><li><strong>Type</strong>: <code>Array&lt;number&gt;</code></li> <li><strong>Required</strong></li> <li><strong>Synced</strong></li> <li><strong>Description:</strong> Marker coordinates in format <code>[longitude, latitude]</code></li></ul> <h3 id="color"><a href="#color" aria-hidden="true" class="header-anchor">#</a> <code>color</code></h3> <ul><li><strong>Type</strong>: <code>string</code></li> <li><strong>Description:</strong> The color to use for the default marker if custom marker is not provided. The default is light blue.</li></ul> <h3 id="anchor"><a href="#anchor" aria-hidden="true" class="header-anchor">#</a> <code>anchor</code></h3> <ul><li><strong>Type</strong>: <code>string</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Default</strong> <code>center</code></li> <li><strong>Description:</strong> A string indicating the part of the Marker that should be positioned closest to the coordinate set via Marker#setLngLat . Options are 'center' , 'top' , 'bottom' , 'left' , 'right' , 'top-left' , 'top-right' , 'bottom-left' , and 'bottom-right' . The default is 'center'.</li> <li><strong>See</strong> <code>options.anchor</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#marker" target="_blank" rel="noopener noreferrer">Marker<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="draggable"><a href="#draggable" aria-hidden="true" class="header-anchor">#</a> <code>draggable</code></h3> <ul><li><strong>Type</strong>: <code>boolean</code></li> <li><strong>Non-Synced</strong></li> <li><strong>Default</strong> <code>false</code></li> <li><strong>Description:</strong> A boolean indicating whether or not a marker is able to be dragged to a new position on the map.</li> <li><strong>See</strong> <code>options.draggable</code> in <a href="https://docs.mapbox.com/mapbox-gl-js/api/#marker" target="_blank" rel="noopener noreferrer">Marker<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h2 id="slots"><a href="#slots" aria-hidden="true" class="header-anchor">#</a> Slots</h2> <h3 id="marker-2"><a href="#marker-2" aria-hidden="true" class="header-anchor">#</a> <code>marker</code></h3> <ul><li><strong>Description:</strong> Slot for custom marker. Can be HTML element or Vue component.</li></ul> <h3 id="default"><a href="#default" aria-hidden="true" class="header-anchor">#</a> <code>default</code></h3> <ul><li><strong>Description:</strong> Slot for popup component. When popup put inside marker, popup automaticaly mounted to marker, similiar as <a href="https://docs.mapbox.com/mapbox-gl-js/api/#marker#setpopup" target="_blank" rel="noopener noreferrer">setPopup<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h2 id="methods"><a href="#methods" aria-hidden="true" class="header-anchor">#</a> Methods</h2> <h3 id="remove"><a href="#remove" aria-hidden="true" class="header-anchor">#</a> <code>.remove()</code></h3> <ul><li><strong>Description:</strong> Removes marker from the map.</li> <li><strong>Returns</strong> <code>Marker</code> MapboxGL marker.</li> <li><strong>See</strong> <a href="https://docs.mapbox.com/mapbox-gl-js/api/#marker#remove" target="_blank" rel="noopener noreferrer">Marker.remove<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h3 id="togglepopup"><a href="#togglepopup" aria-hidden="true" class="header-anchor">#</a> <code>.togglePopup()</code></h3> <ul><li><strong>Description:</strong> Opens or closes the bound popup, depending on the current state.</li> <li><strong>Returns</strong> <code>Marker</code> MapboxGL marker.</li> <li><strong>See</strong> <a href="https://docs.mapbox.com/mapbox-gl-js/api/#marker#togglepopup" target="_blank" rel="noopener noreferrer">Marker.togglePopup<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul> <h2 id="events"><a href="#events" aria-hidden="true" class="header-anchor">#</a> Events</h2> <h3 id="added"><a href="#added" aria-hidden="true" class="header-anchor">#</a> <code>@added</code></h3> <ul><li><strong>Description:</strong> Fires when marker added on the map.</li> <li><strong>Payload</strong> <code>{ component: MarkerComponent, map: Map, marker: Marker }</code> Object with <code>Marker</code> component, parent map and MapboxGl <code>Marker</code> object</li></ul> <h3 id="removed"><a href="#removed" aria-hidden="true" class="header-anchor">#</a> <code>@removed</code></h3> <ul><li><strong>Description:</strong> Fires when marker removed the map.</li> <li><strong>Payload</strong> <code>{ component: MarkerComponent, map: Map, marker: Marker }</code> Object with <code>Marker</code> component, parent map and MapboxGl <code>Marker</code> object</li></ul> <h3 id="drag"><a href="#drag" aria-hidden="true" class="header-anchor">#</a> <code>@drag</code></h3> <ul><li><strong>Description:</strong> Fires when marker dragged if marker <code>draggable</code> prop is <code>true</code></li> <li><strong>Payload</strong> <code>{ component: MarkerComponent, map: Map, mapboxEvent: Event }</code> Object with <code>Marker</code> component, parent map and original MapboxGl event</li></ul> <h3 id="dragstart"><a href="#dragstart" aria-hidden="true" class="header-anchor">#</a> <code>@dragstart</code></h3> <ul><li><strong>Description:</strong> Fires when marker dragging starts if marker <code>draggable</code> prop is <code>true</code></li> <li><strong>Payload</strong> <code>{ component: MarkerComponent, map: Map, mapboxEvent: Event }</code> Object with <code>Marker</code> component, parent map and original MapboxGl event</li></ul> <h3 id="dragend"><a href="#dragend" aria-hidden="true" class="header-anchor">#</a> <code>@dragend</code></h3> <ul><li><strong>Description:</strong> Fires when marker dragging ends if marker <code>draggable</code> prop is <code>true</code></li> <li><strong>Payload</strong> <code>{ component: MarkerComponent, map: Map, mapboxEvent: Event }</code> Object with <code>Marker</code> component, parent map and original MapboxGl event</li></ul> <h3 id="click"><a href="#click" aria-hidden="true" class="header-anchor">#</a> <code>@click</code> <span class="badge warn top" data-v-efceadb8>experimental</span></h3> <ul><li><strong>Description:</strong> Fires marker is clicked.</li> <li><strong>Payload</strong></li></ul> <div class="language- extra-class"><pre class="language-text"><code>    {
+        component: MarkerComponent,
+        map: Map,
+        mapboxEvent: DOMEvent,
+        marker: Marker
+    }
+</code></pre></div><p>Object with <code>Marker</code> component, parent map and original MapboxGl event</p> <h3 id="mouseenter"><a href="#mouseenter" aria-hidden="true" class="header-anchor">#</a> <code>@mouseenter</code> <span class="badge warn top" data-v-efceadb8>experimental</span></h3> <ul><li><strong>Description:</strong> Fires when mouse cursor enters marker area.</li> <li><strong>Payload</strong></li></ul> <div class="language- extra-class"><pre class="language-text"><code>    {
+        component: MarkerComponent,
+        map: Map,
+        mapboxEvent: DOMEvent,
+        marker: Marker
+    }
+</code></pre></div><p>Object with <code>Marker</code> component, parent map and original MapboxGl event</p> <h3 id="mouseleave"><a href="#mouseleave" aria-hidden="true" class="header-anchor">#</a> <code>@mouseleave</code> <span class="badge warn top" data-v-efceadb8>experimental</span></h3> <ul><li><strong>Description:</strong> Fires when mouse cursor leaves marker area.</li> <li><strong>Payload</strong></li></ul> <div class="language- extra-class"><pre class="language-text"><code>    {
+        component: MarkerComponent,
+        map: Map,
+        mapboxEvent: DOMEvent,
+        marker: Marker
+    }
+</code></pre></div><p>Object with <code>Marker</code> component, parent map and original MapboxGl event</p></div> <footer class="page-edit"><!----> <!----></footer> <div class="page-nav"><p class="inner"><span class="prev">
         ←
         <a href="/vue-mapbox/api/controls.html" class="prev">
           Controls
@@ -28,6 +46,6 @@
         </a>
         →
       </span></p></div> </main></div><div class="global-ui"></div></div>
-    <script src="/vue-mapbox/assets/js/app.1fce24e6.js" defer></script><script src="/vue-mapbox/assets/js/2.1a36c030.js" defer></script><script src="/vue-mapbox/assets/js/17.172f4295.js" defer></script>
+    <script src="/vue-mapbox/assets/js/app.1613afe0.js" defer></script><script src="/vue-mapbox/assets/js/2.1a36c030.js" defer></script><script src="/vue-mapbox/assets/js/16.7de1d511.js" defer></script><script src="/vue-mapbox/assets/js/4.79bc4f3c.js" defer></script>
   </body>
 </html>
diff --git a/docs/api/popup.html b/docs/api/popup.html
index 105eff22..9403b825 100644
--- a/docs/api/popup.html
+++ b/docs/api/popup.html
@@ -7,7 +7,7 @@
     <meta name="description" content="Combine powers of Mapbox GL JS and Vue.js">
     <link rel="icon" href="/vue-mapbox/favicon.ico">
     
-    <link rel="preload" href="/vue-mapbox/assets/css/0.styles.622f01af.css" as="style"><link rel="preload" href="/vue-mapbox/assets/js/app.1fce24e6.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/2.1a36c030.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/18.9eb7a777.js" as="script"><link rel="prefetch" href="/vue-mapbox/assets/js/10.02b7c2a1.js"><link rel="prefetch" href="/vue-mapbox/assets/js/11.ee64ec8f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/12.f0cb3c91.js"><link rel="prefetch" href="/vue-mapbox/assets/js/13.57cb96bf.js"><link rel="prefetch" href="/vue-mapbox/assets/js/14.7b3fcbc6.js"><link rel="prefetch" href="/vue-mapbox/assets/js/15.6be5284d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/16.733d6730.js"><link rel="prefetch" href="/vue-mapbox/assets/js/17.172f4295.js"><link rel="prefetch" href="/vue-mapbox/assets/js/19.10105f2d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/20.f558f091.js"><link rel="prefetch" href="/vue-mapbox/assets/js/21.6a1f30f2.js"><link rel="prefetch" href="/vue-mapbox/assets/js/22.8dc7d898.js"><link rel="prefetch" href="/vue-mapbox/assets/js/23.4670d875.js"><link rel="prefetch" href="/vue-mapbox/assets/js/24.fe39c8d8.js"><link rel="prefetch" href="/vue-mapbox/assets/js/25.8dd04822.js"><link rel="prefetch" href="/vue-mapbox/assets/js/26.b01152e4.js"><link rel="prefetch" href="/vue-mapbox/assets/js/3.02aa2be5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/4.4f3338df.js"><link rel="prefetch" href="/vue-mapbox/assets/js/5.d3d1578a.js"><link rel="prefetch" href="/vue-mapbox/assets/js/6.a47ab602.js"><link rel="prefetch" href="/vue-mapbox/assets/js/7.cdef235f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/8.8b4b828f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/9.aebbb2ac.js">
+    <link rel="preload" href="/vue-mapbox/assets/css/0.styles.622f01af.css" as="style"><link rel="preload" href="/vue-mapbox/assets/js/app.1613afe0.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/2.1a36c030.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/17.95d02626.js" as="script"><link rel="prefetch" href="/vue-mapbox/assets/js/10.496a25ae.js"><link rel="prefetch" href="/vue-mapbox/assets/js/11.c30d5454.js"><link rel="prefetch" href="/vue-mapbox/assets/js/12.43a2535b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/13.0cb68667.js"><link rel="prefetch" href="/vue-mapbox/assets/js/14.3affa2b5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/15.40b3c4ef.js"><link rel="prefetch" href="/vue-mapbox/assets/js/16.7de1d511.js"><link rel="prefetch" href="/vue-mapbox/assets/js/18.449ed0f5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/19.38617f97.js"><link rel="prefetch" href="/vue-mapbox/assets/js/20.f9650703.js"><link rel="prefetch" href="/vue-mapbox/assets/js/21.39c66c8d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/22.276c6a9c.js"><link rel="prefetch" href="/vue-mapbox/assets/js/23.87f4c25b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/24.9d297e6b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/25.f1bf9c1c.js"><link rel="prefetch" href="/vue-mapbox/assets/js/3.02aa2be5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/4.79bc4f3c.js"><link rel="prefetch" href="/vue-mapbox/assets/js/5.d3d1578a.js"><link rel="prefetch" href="/vue-mapbox/assets/js/6.49edb5d4.js"><link rel="prefetch" href="/vue-mapbox/assets/js/7.e6ed37a7.js"><link rel="prefetch" href="/vue-mapbox/assets/js/8.3e4706bb.js"><link rel="prefetch" href="/vue-mapbox/assets/js/9.5e3d2dbf.js">
     <link rel="stylesheet" href="/vue-mapbox/assets/css/0.styles.622f01af.css">
   </head>
   <body>
@@ -28,6 +28,6 @@
         </a>
         →
       </span></p></div> </main></div><div class="global-ui"></div></div>
-    <script src="/vue-mapbox/assets/js/app.1fce24e6.js" defer></script><script src="/vue-mapbox/assets/js/2.1a36c030.js" defer></script><script src="/vue-mapbox/assets/js/18.9eb7a777.js" defer></script>
+    <script src="/vue-mapbox/assets/js/app.1613afe0.js" defer></script><script src="/vue-mapbox/assets/js/2.1a36c030.js" defer></script><script src="/vue-mapbox/assets/js/17.95d02626.js" defer></script>
   </body>
 </html>
diff --git a/docs/assets/js/10.02b7c2a1.js b/docs/assets/js/10.496a25ae.js
similarity index 99%
rename from docs/assets/js/10.02b7c2a1.js
rename to docs/assets/js/10.496a25ae.js
index 1164d7cd..52908a25 100644
--- a/docs/assets/js/10.02b7c2a1.js
+++ b/docs/assets/js/10.496a25ae.js
@@ -1,7 +1,7 @@
 (window.webpackJsonp = window.webpackJsonp || []).push([
   [10],
   {
-    159: function(e, t, a) {
+    158: function(e, t, a) {
       "use strict";
       a.r(t);
       var r = a(17),
diff --git a/docs/assets/js/11.ee64ec8f.js b/docs/assets/js/11.c30d5454.js
similarity index 99%
rename from docs/assets/js/11.ee64ec8f.js
rename to docs/assets/js/11.c30d5454.js
index ca27142c..03acfc25 100644
--- a/docs/assets/js/11.ee64ec8f.js
+++ b/docs/assets/js/11.c30d5454.js
@@ -1,7 +1,7 @@
 (window.webpackJsonp = window.webpackJsonp || []).push([
   [11],
   {
-    158: function(r, e, t) {
+    157: function(r, e, t) {
       "use strict";
       t.r(e);
       var s = t(17),
diff --git a/docs/assets/js/12.f0cb3c91.js b/docs/assets/js/12.43a2535b.js
similarity index 99%
rename from docs/assets/js/12.f0cb3c91.js
rename to docs/assets/js/12.43a2535b.js
index ea04fb6c..5214cd74 100644
--- a/docs/assets/js/12.f0cb3c91.js
+++ b/docs/assets/js/12.43a2535b.js
@@ -1,7 +1,7 @@
 (window.webpackJsonp = window.webpackJsonp || []).push([
   [12],
   {
-    157: function(e, t, r) {
+    156: function(e, t, r) {
       "use strict";
       r.r(t);
       var a = r(17),
diff --git a/docs/assets/js/13.57cb96bf.js b/docs/assets/js/13.0cb68667.js
similarity index 99%
rename from docs/assets/js/13.57cb96bf.js
rename to docs/assets/js/13.0cb68667.js
index 6d0c31bc..432b8350 100644
--- a/docs/assets/js/13.57cb96bf.js
+++ b/docs/assets/js/13.0cb68667.js
@@ -1,7 +1,7 @@
 (window.webpackJsonp = window.webpackJsonp || []).push([
   [13],
   {
-    156: function(e, t, r) {
+    155: function(e, t, r) {
       "use strict";
       r.r(t);
       var a = r(17),
diff --git a/docs/assets/js/14.7b3fcbc6.js b/docs/assets/js/14.3affa2b5.js
similarity index 98%
rename from docs/assets/js/14.7b3fcbc6.js
rename to docs/assets/js/14.3affa2b5.js
index 972294b2..4f83371c 100644
--- a/docs/assets/js/14.7b3fcbc6.js
+++ b/docs/assets/js/14.3affa2b5.js
@@ -1,7 +1,7 @@
 (window.webpackJsonp = window.webpackJsonp || []).push([
   [14],
   {
-    154: function(e, o, t) {
+    151: function(e, o, t) {
       "use strict";
       t.r(o);
       var a = t(17),
@@ -39,6 +39,44 @@
                   e._v(" Props")
                 ]),
                 e._v(" "),
+                t("h3", { attrs: { id: "mapboxgl" } }, [
+                  t(
+                    "a",
+                    {
+                      staticClass: "header-anchor",
+                      attrs: { href: "#mapboxgl", "aria-hidden": "true" }
+                    },
+                    [e._v("#")]
+                  ),
+                  e._v(" "),
+                  t("code", [e._v("mapboxGl")])
+                ]),
+                e._v(" "),
+                t("ul", [
+                  t("li", [
+                    t("strong", [e._v("Type")]),
+                    e._v(": "),
+                    t("code", [e._v("Object")])
+                  ]),
+                  e._v(" "),
+                  t("li", [
+                    t("strong", [e._v("Default:")]),
+                    e._v(" "),
+                    t("code", [e._v("null")])
+                  ]),
+                  e._v(" "),
+                  t("li", [
+                    t("ul", [
+                      t("li", [
+                        t("strong", [e._v("Description:")]),
+                        e._v(
+                          " Mapboxgl-js implementation. Useful for lazy-loading. If omitted, VueMapbox imports Mapbox-gl-js dynamically."
+                        )
+                      ])
+                    ])
+                  ])
+                ]),
+                e._v(" "),
                 t("h3", { attrs: { id: "mapstyle" } }, [
                   t(
                     "a",
diff --git a/docs/assets/js/15.6be5284d.js b/docs/assets/js/15.40b3c4ef.js
similarity index 99%
rename from docs/assets/js/15.6be5284d.js
rename to docs/assets/js/15.40b3c4ef.js
index e8cda966..b5cd7b81 100644
--- a/docs/assets/js/15.6be5284d.js
+++ b/docs/assets/js/15.40b3c4ef.js
@@ -1,7 +1,7 @@
 (window.webpackJsonp = window.webpackJsonp || []).push([
   [15],
   {
-    155: function(t, o, e) {
+    144: function(t, o, e) {
       "use strict";
       e.r(o);
       var r = e(17),
diff --git a/docs/assets/js/16.733d6730.js b/docs/assets/js/16.733d6730.js
deleted file mode 100644
index 336e427d..00000000
--- a/docs/assets/js/16.733d6730.js
+++ /dev/null
@@ -1,3487 +0,0 @@
-(window.webpackJsonp = window.webpackJsonp || []).push([
-  [16],
-  {
-    152: function(e, o, t) {
-      "use strict";
-      t.r(o);
-      var a = t(17),
-        n = Object(a.a)(
-          {},
-          function() {
-            var e = this,
-              o = e.$createElement,
-              t = e._self._c || o;
-            return t(
-              "ContentSlotsDistributor",
-              { attrs: { "slot-key": e.$parent.slotKey } },
-              [
-                t("h1", { attrs: { id: "glmap" } }, [
-                  t(
-                    "a",
-                    {
-                      staticClass: "header-anchor",
-                      attrs: { href: "#glmap", "aria-hidden": "true" }
-                    },
-                    [e._v("#")]
-                  ),
-                  e._v(" GlMap")
-                ]),
-                e._v(" "),
-                t("h2", { attrs: { id: "props" } }, [
-                  t(
-                    "a",
-                    {
-                      staticClass: "header-anchor",
-                      attrs: { href: "#props", "aria-hidden": "true" }
-                    },
-                    [e._v("#")]
-                  ),
-                  e._v(" Props")
-                ]),
-                e._v(" "),
-                t("h3", { attrs: { id: "mapstyle" } }, [
-                  t(
-                    "a",
-                    {
-                      staticClass: "header-anchor",
-                      attrs: { href: "#mapstyle", "aria-hidden": "true" }
-                    },
-                    [e._v("#")]
-                  ),
-                  e._v(" "),
-                  t("code", [e._v("mapStyle")])
-                ]),
-                e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Type")]),
-                    e._v(": "),
-                    t("code", [e._v("String")]),
-                    e._v(", "),
-                    t("code", [e._v("Object")])
-                  ]),
-                  e._v(" "),
-                  t("li", [t("strong", [e._v("Required")])]),
-                  e._v(" "),
-                  t("li", [t("strong", [e._v("Synced")])]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
-                    e._v(
-                      " The map's Mapbox style. This must be an a JSON object conforming to the schema described in the Mapbox Style Specification , or a URL to such JSON."
-                    )
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("See:")]),
-                    e._v(" "),
-                    t("code", [e._v("options.style")]),
-                    e._v(" in "),
-                    t(
-                      "a",
-                      {
-                        attrs: {
-                          href: "https://docs.mapbox.com/mapbox-gl-js/api/#map",
-                          target: "_blank",
-                          rel: "noopener noreferrer"
-                        }
-                      },
-                      [e._v("Map"), t("OutboundLink")],
-                      1
-                    )
-                  ])
-                ]),
-                e._v(" "),
-                t("h3", { attrs: { id: "container" } }, [
-                  t(
-                    "a",
-                    {
-                      staticClass: "header-anchor",
-                      attrs: { href: "#container", "aria-hidden": "true" }
-                    },
-                    [e._v("#")]
-                  ),
-                  e._v(" "),
-                  t("code", [e._v("container")])
-                ]),
-                e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Type:")]),
-                    e._v(" "),
-                    t("code", [e._v("String")]),
-                    e._v(", "),
-                    t("code", [e._v("HTMLElement")])
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Default:")]),
-                    e._v(" "),
-                    t("code", [e._v("#map-{random number}")])
-                  ]),
-                  e._v(" "),
-                  t("li", [t("strong", [e._v("Non-Synced")])]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
-                    e._v(
-                      " The HTML element in which Mapbox GL JS will render the map"
-                    )
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("See:")]),
-                    e._v(" "),
-                    t("code", [e._v("options.container")]),
-                    e._v(" in "),
-                    t(
-                      "a",
-                      {
-                        attrs: {
-                          href: "https://docs.mapbox.com/mapbox-gl-js/api/#map",
-                          target: "_blank",
-                          rel: "noopener noreferrer"
-                        }
-                      },
-                      [e._v("Map"), t("OutboundLink")],
-                      1
-                    )
-                  ])
-                ]),
-                e._v(" "),
-                t("h3", { attrs: { id: "accesstoken" } }, [
-                  t(
-                    "a",
-                    {
-                      staticClass: "header-anchor",
-                      attrs: { href: "#accesstoken", "aria-hidden": "true" }
-                    },
-                    [e._v("#")]
-                  ),
-                  e._v(" "),
-                  t("code", [e._v("accessToken")])
-                ]),
-                e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Type:")]),
-                    e._v(" "),
-                    t("code", [e._v("String")])
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Default:")]),
-                    e._v(" "),
-                    t("code", [e._v("undefined")])
-                  ]),
-                  e._v(" "),
-                  t("li", [t("strong", [e._v("Non-Synced")])]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
-                    e._v(" Token for access Mapbox map")
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("See:")]),
-                    e._v(" "),
-                    t(
-                      "a",
-                      {
-                        attrs: {
-                          href:
-                            "https://docs.mapbox.com/mapbox-gl-js/api/#accesstoken",
-                          target: "_blank",
-                          rel: "noopener noreferrer"
-                        }
-                      },
-                      [e._v("accessToken"), t("OutboundLink")],
-                      1
-                    )
-                  ])
-                ]),
-                e._v(" "),
-                t("h3", { attrs: { id: "minzoom" } }, [
-                  t(
-                    "a",
-                    {
-                      staticClass: "header-anchor",
-                      attrs: { href: "#minzoom", "aria-hidden": "true" }
-                    },
-                    [e._v("#")]
-                  ),
-                  e._v(" "),
-                  t("code", [e._v("minZoom")])
-                ]),
-                e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Type:")]),
-                    e._v(" "),
-                    t("code", [e._v("Number")])
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Default:")]),
-                    e._v(" "),
-                    t("code", [e._v("0")])
-                  ]),
-                  e._v(" "),
-                  t("li", [t("strong", [e._v("Synced")])]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
-                    e._v(" Minimum zoom level of the map (0-24)")
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("See:")]),
-                    e._v(" "),
-                    t("code", [e._v("options.minZoom")]),
-                    e._v(" in "),
-                    t(
-                      "a",
-                      {
-                        attrs: {
-                          href: "https://docs.mapbox.com/mapbox-gl-js/api/#map",
-                          target: "_blank",
-                          rel: "noopener noreferrer"
-                        }
-                      },
-                      [e._v("Map"), t("OutboundLink")],
-                      1
-                    )
-                  ])
-                ]),
-                e._v(" "),
-                t("h3", { attrs: { id: "maxzoom" } }, [
-                  t(
-                    "a",
-                    {
-                      staticClass: "header-anchor",
-                      attrs: { href: "#maxzoom", "aria-hidden": "true" }
-                    },
-                    [e._v("#")]
-                  ),
-                  e._v(" "),
-                  t("code", [e._v("maxZoom")])
-                ]),
-                e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Type:")]),
-                    e._v(" "),
-                    t("code", [e._v("Number")])
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Default:")]),
-                    e._v(" "),
-                    t("code", [e._v("22")])
-                  ]),
-                  e._v(" "),
-                  t("li", [t("strong", [e._v("Synced")])]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
-                    e._v(" Maximum zoom level of the map (0-24)")
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("See:")]),
-                    e._v(" "),
-                    t("code", [e._v("options.maxZoom")]),
-                    e._v(" in "),
-                    t(
-                      "a",
-                      {
-                        attrs: {
-                          href: "https://docs.mapbox.com/mapbox-gl-js/api/#map",
-                          target: "_blank",
-                          rel: "noopener noreferrer"
-                        }
-                      },
-                      [e._v("Map"), t("OutboundLink")],
-                      1
-                    )
-                  ])
-                ]),
-                e._v(" "),
-                t("h3", { attrs: { id: "hash" } }, [
-                  t(
-                    "a",
-                    {
-                      staticClass: "header-anchor",
-                      attrs: { href: "#hash", "aria-hidden": "true" }
-                    },
-                    [e._v("#")]
-                  ),
-                  e._v(" "),
-                  t("code", [e._v("hash")])
-                ]),
-                e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Type:")]),
-                    e._v(" "),
-                    t("code", [e._v("Boolean")])
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Default:")]),
-                    e._v(" "),
-                    t("code", [e._v("false")])
-                  ]),
-                  e._v(" "),
-                  t("li", [t("strong", [e._v("Synced")])]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
-                    e._v(
-                      " If true, the map's position (zoom, center latitude, center longitude, bearing, and pitch) will be synced with the hash fragment of the page's URL"
-                    )
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("See:")]),
-                    e._v(" "),
-                    t("code", [e._v("options.hash")]),
-                    e._v(" in "),
-                    t(
-                      "a",
-                      {
-                        attrs: {
-                          href: "https://docs.mapbox.com/mapbox-gl-js/api/#map",
-                          target: "_blank",
-                          rel: "noopener noreferrer"
-                        }
-                      },
-                      [e._v("Map"), t("OutboundLink")],
-                      1
-                    )
-                  ])
-                ]),
-                e._v(" "),
-                t("h3", { attrs: { id: "interactive" } }, [
-                  t(
-                    "a",
-                    {
-                      staticClass: "header-anchor",
-                      attrs: { href: "#interactive", "aria-hidden": "true" }
-                    },
-                    [e._v("#")]
-                  ),
-                  e._v(" "),
-                  t("code", [e._v("interactive")])
-                ]),
-                e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Type:")]),
-                    e._v(" "),
-                    t("code", [e._v("Boolean")])
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Default:")]),
-                    e._v(" "),
-                    t("code", [e._v("true")])
-                  ]),
-                  e._v(" "),
-                  t("li", [t("strong", [e._v("Non-Synced")])]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
-                    e._v(
-                      " If false, no mouse, touch, or keyboard listeners will be attached to the map, so it will not respond to interaction"
-                    )
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("See:")]),
-                    e._v(" "),
-                    t("code", [e._v("options.interactive")]),
-                    e._v(" in "),
-                    t(
-                      "a",
-                      {
-                        attrs: {
-                          href: "https://docs.mapbox.com/mapbox-gl-js/api/#map",
-                          target: "_blank",
-                          rel: "noopener noreferrer"
-                        }
-                      },
-                      [e._v("Map"), t("OutboundLink")],
-                      1
-                    )
-                  ])
-                ]),
-                e._v(" "),
-                t("h3", { attrs: { id: "bearingsnap" } }, [
-                  t(
-                    "a",
-                    {
-                      staticClass: "header-anchor",
-                      attrs: { href: "#bearingsnap", "aria-hidden": "true" }
-                    },
-                    [e._v("#")]
-                  ),
-                  e._v(" "),
-                  t("code", [e._v("bearingSnap")])
-                ]),
-                e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Type:")]),
-                    e._v(" "),
-                    t("code", [e._v("Number")])
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Default:")]),
-                    e._v(" "),
-                    t("code", [e._v("7")])
-                  ]),
-                  e._v(" "),
-                  t("li", [t("strong", [e._v("Non-Synced")])]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
-                    e._v(
-                      " The threshold, measured in degrees, that determines when the map's bearing will snap to north"
-                    )
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("See:")]),
-                    e._v(" "),
-                    t("code", [e._v("options.bearingSnap")]),
-                    e._v(" in "),
-                    t(
-                      "a",
-                      {
-                        attrs: {
-                          href: "https://docs.mapbox.com/mapbox-gl-js/api/#map",
-                          target: "_blank",
-                          rel: "noopener noreferrer"
-                        }
-                      },
-                      [e._v("Map"), t("OutboundLink")],
-                      1
-                    )
-                  ])
-                ]),
-                e._v(" "),
-                t("h3", { attrs: { id: "attributioncontrol" } }, [
-                  t(
-                    "a",
-                    {
-                      staticClass: "header-anchor",
-                      attrs: {
-                        href: "#attributioncontrol",
-                        "aria-hidden": "true"
-                      }
-                    },
-                    [e._v("#")]
-                  ),
-                  e._v(" "),
-                  t("code", [e._v("attributionControl")])
-                ]),
-                e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Type:")]),
-                    e._v(" "),
-                    t("code", [e._v("Boolean")])
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Default:")]),
-                    e._v(" "),
-                    t("code", [e._v("true")])
-                  ]),
-                  e._v(" "),
-                  t("li", [t("strong", [e._v("Non-Synced")])]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
-                    e._v(
-                      " If true, an AttributionControl will be added to the map"
-                    )
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("See:")]),
-                    e._v(" "),
-                    t("code", [e._v("options.attributionControl")]),
-                    e._v(" in "),
-                    t(
-                      "a",
-                      {
-                        attrs: {
-                          href: "https://docs.mapbox.com/mapbox-gl-js/api/#map",
-                          target: "_blank",
-                          rel: "noopener noreferrer"
-                        }
-                      },
-                      [e._v("Map"), t("OutboundLink")],
-                      1
-                    )
-                  ])
-                ]),
-                e._v(" "),
-                t("h3", { attrs: { id: "logoposition" } }, [
-                  t(
-                    "a",
-                    {
-                      staticClass: "header-anchor",
-                      attrs: { href: "#logoposition", "aria-hidden": "true" }
-                    },
-                    [e._v("#")]
-                  ),
-                  e._v(" "),
-                  t("code", [e._v("logoPosition")])
-                ]),
-                e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Type:")]),
-                    e._v(" "),
-                    t("code", [e._v("String")]),
-                    e._v(", "),
-                    t("code", [e._v("top-left")]),
-                    e._v(", "),
-                    t("code", [e._v("top-right")]),
-                    e._v(", "),
-                    t("code", [e._v("bottom-right")]),
-                    e._v(", "),
-                    t("code", [e._v("bottom-left")])
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Default:")]),
-                    e._v(" "),
-                    t("code", [e._v("bottom-left")])
-                  ]),
-                  e._v(" "),
-                  t("li", [t("strong", [e._v("Non-Synced")])]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
-                    e._v(
-                      " A string representing the position of the Mapbox wordmark on the map"
-                    )
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("See:")]),
-                    e._v(" "),
-                    t("code", [e._v("options.logoPosition")]),
-                    e._v(" in "),
-                    t(
-                      "a",
-                      {
-                        attrs: {
-                          href: "https://docs.mapbox.com/mapbox-gl-js/api/#map",
-                          target: "_blank",
-                          rel: "noopener noreferrer"
-                        }
-                      },
-                      [e._v("Map"), t("OutboundLink")],
-                      1
-                    )
-                  ])
-                ]),
-                e._v(" "),
-                t("h3", { attrs: { id: "failifmajorperformancecaveat" } }, [
-                  t(
-                    "a",
-                    {
-                      staticClass: "header-anchor",
-                      attrs: {
-                        href: "#failifmajorperformancecaveat",
-                        "aria-hidden": "true"
-                      }
-                    },
-                    [e._v("#")]
-                  ),
-                  e._v(" "),
-                  t("code", [e._v("failIfMajorPerformanceCaveat")])
-                ]),
-                e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Type:")]),
-                    e._v(" "),
-                    t("code", [e._v("Boolean")])
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Default:")]),
-                    e._v(" "),
-                    t("code", [e._v("false")])
-                  ]),
-                  e._v(" "),
-                  t("li", [t("strong", [e._v("Non-Synced")])]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
-                    e._v(
-                      " If true, map creation will fail if the performance of Mapbox GL JS would be dramatically worse than expected (i.e. a software renderer would be used)"
-                    )
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("See:")]),
-                    e._v(" "),
-                    t("code", [e._v("options.failIfMajorPerformanceCaveat")]),
-                    e._v(" in "),
-                    t(
-                      "a",
-                      {
-                        attrs: {
-                          href: "https://docs.mapbox.com/mapbox-gl-js/api/#map",
-                          target: "_blank",
-                          rel: "noopener noreferrer"
-                        }
-                      },
-                      [e._v("Map"), t("OutboundLink")],
-                      1
-                    )
-                  ])
-                ]),
-                e._v(" "),
-                t("h3", { attrs: { id: "crosssourcecollisions" } }, [
-                  t(
-                    "a",
-                    {
-                      staticClass: "header-anchor",
-                      attrs: {
-                        href: "#crosssourcecollisions",
-                        "aria-hidden": "true"
-                      }
-                    },
-                    [e._v("#")]
-                  ),
-                  e._v(" "),
-                  t("code", [e._v("crossSourceCollisions")])
-                ]),
-                e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Type:")]),
-                    e._v(" "),
-                    t("code", [e._v("Boolean")])
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Default:")]),
-                    e._v(" "),
-                    t("code", [e._v("true")])
-                  ]),
-                  e._v(" "),
-                  t("li", [t("strong", [e._v("Non-Synced")])]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
-                    e._v(
-                      " If true, symbols from multiple sources can collide with each other during collision detection. If false , collision detection is run separately for the symbols in each source."
-                    )
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("See:")]),
-                    e._v(" "),
-                    t("code", [e._v("options.crossSourceCollisions")]),
-                    e._v(" in "),
-                    t(
-                      "a",
-                      {
-                        attrs: {
-                          href: "https://docs.mapbox.com/mapbox-gl-js/api/#map",
-                          target: "_blank",
-                          rel: "noopener noreferrer"
-                        }
-                      },
-                      [e._v("Map"), t("OutboundLink")],
-                      1
-                    )
-                  ])
-                ]),
-                e._v(" "),
-                t("h3", { attrs: { id: "fadeduration" } }, [
-                  t(
-                    "a",
-                    {
-                      staticClass: "header-anchor",
-                      attrs: { href: "#fadeduration", "aria-hidden": "true" }
-                    },
-                    [e._v("#")]
-                  ),
-                  e._v(" "),
-                  t("code", [e._v("fadeDuration")])
-                ]),
-                e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Type:")]),
-                    e._v(" "),
-                    t("code", [e._v("Number")])
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Default:")]),
-                    e._v(" "),
-                    t("code", [e._v("300")])
-                  ]),
-                  e._v(" "),
-                  t("li", [t("strong", [e._v("Non-Synced")])]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
-                    e._v(
-                      " Controls the duration of the fade-in/fade-out animation for label collisions, in milliseconds. This setting affects all symbol layers. This setting does not affect the duration of runtime styling transitions or raster tile cross-fading."
-                    )
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("See:")]),
-                    e._v(" "),
-                    t("code", [e._v("options.fadeDuration")]),
-                    e._v(" in "),
-                    t(
-                      "a",
-                      {
-                        attrs: {
-                          href: "https://docs.mapbox.com/mapbox-gl-js/api/#map",
-                          target: "_blank",
-                          rel: "noopener noreferrer"
-                        }
-                      },
-                      [e._v("Map"), t("OutboundLink")],
-                      1
-                    )
-                  ])
-                ]),
-                e._v(" "),
-                t("h3", { attrs: { id: "preservedrawingbuffer" } }, [
-                  t(
-                    "a",
-                    {
-                      staticClass: "header-anchor",
-                      attrs: {
-                        href: "#preservedrawingbuffer",
-                        "aria-hidden": "true"
-                      }
-                    },
-                    [e._v("#")]
-                  ),
-                  e._v(" "),
-                  t("code", [e._v("preserveDrawingBuffer")])
-                ]),
-                e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Type:")]),
-                    e._v(" "),
-                    t("code", [e._v("Boolean")])
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Default:")]),
-                    e._v(" "),
-                    t("code", [e._v("false")])
-                  ]),
-                  e._v(" "),
-                  t("li", [t("strong", [e._v("Non-Synced")])]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
-                    e._v(
-                      " If true, the map's canvas can be exported to a PNG using map.getCanvas().toDataURL()"
-                    )
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("See:")]),
-                    e._v(" "),
-                    t("code", [e._v("options.preserveDrawingBuffer")]),
-                    e._v(" in "),
-                    t(
-                      "a",
-                      {
-                        attrs: {
-                          href: "https://docs.mapbox.com/mapbox-gl-js/api/#map",
-                          target: "_blank",
-                          rel: "noopener noreferrer"
-                        }
-                      },
-                      [e._v("Map"), t("OutboundLink")],
-                      1
-                    )
-                  ])
-                ]),
-                e._v(" "),
-                t("h3", { attrs: { id: "refreshexpiredtiles" } }, [
-                  t(
-                    "a",
-                    {
-                      staticClass: "header-anchor",
-                      attrs: {
-                        href: "#refreshexpiredtiles",
-                        "aria-hidden": "true"
-                      }
-                    },
-                    [e._v("#")]
-                  ),
-                  e._v(" "),
-                  t("code", [e._v("refreshExpiredTiles")])
-                ]),
-                e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Type:")]),
-                    e._v(" "),
-                    t("code", [e._v("Boolean")])
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Default:")]),
-                    e._v(" "),
-                    t("code", [e._v("true")])
-                  ]),
-                  e._v(" "),
-                  t("li", [t("strong", [e._v("Non-Synced")])]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
-                    e._v(
-                      " If true, the map won't attempt to re-request tiles once they expire per their HTTP cacheControl / expires headers."
-                    )
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("See:")]),
-                    e._v(" "),
-                    t("code", [e._v("options.refreshExpiredTiles")]),
-                    e._v(" in "),
-                    t(
-                      "a",
-                      {
-                        attrs: {
-                          href: "https://docs.mapbox.com/mapbox-gl-js/api/#map",
-                          target: "_blank",
-                          rel: "noopener noreferrer"
-                        }
-                      },
-                      [e._v("Map"), t("OutboundLink")],
-                      1
-                    )
-                  ])
-                ]),
-                e._v(" "),
-                t("h3", { attrs: { id: "maxbounds" } }, [
-                  t(
-                    "a",
-                    {
-                      staticClass: "header-anchor",
-                      attrs: { href: "#maxbounds", "aria-hidden": "true" }
-                    },
-                    [e._v("#")]
-                  ),
-                  e._v(" "),
-                  t("code", [e._v("maxBounds")])
-                ]),
-                e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Type:")]),
-                    e._v(" "),
-                    t("code", [e._v("Array")]),
-                    e._v(", "),
-                    t("code", [e._v("LngLatBoundsLike object")])
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Default:")]),
-                    e._v(" "),
-                    t("code", [e._v("undefined")])
-                  ]),
-                  e._v(" "),
-                  t("li", [t("strong", [e._v("Synced")])]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
-                    e._v(
-                      " If set, the map will be constrained to the given bounds"
-                    )
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("See:")]),
-                    e._v(" "),
-                    t("code", [e._v("options.maxBounds")]),
-                    e._v(" in "),
-                    t(
-                      "a",
-                      {
-                        attrs: {
-                          href: "https://docs.mapbox.com/mapbox-gl-js/api/#map",
-                          target: "_blank",
-                          rel: "noopener noreferrer"
-                        }
-                      },
-                      [e._v("Map"), t("OutboundLink")],
-                      1
-                    )
-                  ])
-                ]),
-                e._v(" "),
-                t("h3", { attrs: { id: "scrollzoom" } }, [
-                  t(
-                    "a",
-                    {
-                      staticClass: "header-anchor",
-                      attrs: { href: "#scrollzoom", "aria-hidden": "true" }
-                    },
-                    [e._v("#")]
-                  ),
-                  e._v(" "),
-                  t("code", [e._v("scrollZoom")])
-                ]),
-                e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Type:")]),
-                    e._v(" "),
-                    t("code", [e._v("Boolean")]),
-                    e._v(", "),
-                    t("code", [e._v("Object")])
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Default:")]),
-                    e._v(" "),
-                    t("code", [e._v("true")])
-                  ]),
-                  e._v(" "),
-                  t("li", [t("strong", [e._v("Non-Synced")])]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
-                    e._v(
-                      ' If true, the "scroll to zoom" interaction is enabled. An Object value is passed as options to ScrollZoomHandler#enable'
-                    )
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("See:")]),
-                    e._v(" "),
-                    t("code", [e._v("options.scrollZoom")]),
-                    e._v(" in "),
-                    t(
-                      "a",
-                      {
-                        attrs: {
-                          href: "https://docs.mapbox.com/mapbox-gl-js/api/#map",
-                          target: "_blank",
-                          rel: "noopener noreferrer"
-                        }
-                      },
-                      [e._v("Map"), t("OutboundLink")],
-                      1
-                    )
-                  ])
-                ]),
-                e._v(" "),
-                t("h3", { attrs: { id: "boxzoom" } }, [
-                  t(
-                    "a",
-                    {
-                      staticClass: "header-anchor",
-                      attrs: { href: "#boxzoom", "aria-hidden": "true" }
-                    },
-                    [e._v("#")]
-                  ),
-                  e._v(" "),
-                  t("code", [e._v("boxZoom")])
-                ]),
-                e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Type:")]),
-                    e._v(" "),
-                    t("code", [e._v("Boolean")])
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Default:")]),
-                    e._v(" "),
-                    t("code", [e._v("true")])
-                  ]),
-                  e._v(" "),
-                  t("li", [t("strong", [e._v("Non-Synced")])]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
-                    e._v(' If true, the "box zoom" interaction is enabled')
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("See:")]),
-                    e._v(" "),
-                    t("code", [e._v("options.boxZoom")]),
-                    e._v(" in "),
-                    t(
-                      "a",
-                      {
-                        attrs: {
-                          href: "https://docs.mapbox.com/mapbox-gl-js/api/#map",
-                          target: "_blank",
-                          rel: "noopener noreferrer"
-                        }
-                      },
-                      [e._v("Map"), t("OutboundLink")],
-                      1
-                    )
-                  ])
-                ]),
-                e._v(" "),
-                t("h3", { attrs: { id: "dragrotate" } }, [
-                  t(
-                    "a",
-                    {
-                      staticClass: "header-anchor",
-                      attrs: { href: "#dragrotate", "aria-hidden": "true" }
-                    },
-                    [e._v("#")]
-                  ),
-                  e._v(" "),
-                  t("code", [e._v("dragRotate")])
-                ]),
-                e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Type:")]),
-                    e._v(" "),
-                    t("code", [e._v("Boolean")])
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Default:")]),
-                    e._v(" "),
-                    t("code", [e._v("true")])
-                  ]),
-                  e._v(" "),
-                  t("li", [t("strong", [e._v("Non-Synced")])]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
-                    e._v(
-                      ' If true, the "drag to rotate" interaction is enabled'
-                    )
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("See:")]),
-                    e._v(" "),
-                    t("code", [e._v("options.dragRotate")]),
-                    e._v(" in "),
-                    t(
-                      "a",
-                      {
-                        attrs: {
-                          href: "https://docs.mapbox.com/mapbox-gl-js/api/#map",
-                          target: "_blank",
-                          rel: "noopener noreferrer"
-                        }
-                      },
-                      [e._v("Map"), t("OutboundLink")],
-                      1
-                    )
-                  ])
-                ]),
-                e._v(" "),
-                t("h3", { attrs: { id: "keyboard" } }, [
-                  t(
-                    "a",
-                    {
-                      staticClass: "header-anchor",
-                      attrs: { href: "#keyboard", "aria-hidden": "true" }
-                    },
-                    [e._v("#")]
-                  ),
-                  e._v(" "),
-                  t("code", [e._v("keyboard")])
-                ]),
-                e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Type:")]),
-                    e._v(" "),
-                    t("code", [e._v("Boolean")])
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Default:")]),
-                    e._v(" "),
-                    t("code", [e._v("true")])
-                  ]),
-                  e._v(" "),
-                  t("li", [t("strong", [e._v("Non-Synced")])]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
-                    e._v(" If true, keyboard shortcuts are enabled")
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("See:")]),
-                    e._v(" "),
-                    t("code", [e._v("options.keyboard")]),
-                    e._v(" in "),
-                    t(
-                      "a",
-                      {
-                        attrs: {
-                          href: "https://docs.mapbox.com/mapbox-gl-js/api/#map",
-                          target: "_blank",
-                          rel: "noopener noreferrer"
-                        }
-                      },
-                      [e._v("Map"), t("OutboundLink")],
-                      1
-                    )
-                  ])
-                ]),
-                e._v(" "),
-                t("h3", { attrs: { id: "doubleclickzoom" } }, [
-                  t(
-                    "a",
-                    {
-                      staticClass: "header-anchor",
-                      attrs: { href: "#doubleclickzoom", "aria-hidden": "true" }
-                    },
-                    [e._v("#")]
-                  ),
-                  e._v(" "),
-                  t("code", [e._v("doubleClickZoom")])
-                ]),
-                e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Type:")]),
-                    e._v(" "),
-                    t("code", [e._v("Boolean")])
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Default:")]),
-                    e._v(" "),
-                    t("code", [e._v("true")])
-                  ]),
-                  e._v(" "),
-                  t("li", [t("strong", [e._v("Non-Synced")])]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
-                    e._v(
-                      ' If true, the "double click to zoom" interaction is enabled'
-                    )
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("See:")]),
-                    e._v(" "),
-                    t("code", [e._v("options.doubleClickZoom")]),
-                    e._v(" in "),
-                    t(
-                      "a",
-                      {
-                        attrs: {
-                          href: "https://docs.mapbox.com/mapbox-gl-js/api/#map",
-                          target: "_blank",
-                          rel: "noopener noreferrer"
-                        }
-                      },
-                      [e._v("Map"), t("OutboundLink")],
-                      1
-                    )
-                  ])
-                ]),
-                e._v(" "),
-                t("h3", { attrs: { id: "touchzoomrotate" } }, [
-                  t(
-                    "a",
-                    {
-                      staticClass: "header-anchor",
-                      attrs: { href: "#touchzoomrotate", "aria-hidden": "true" }
-                    },
-                    [e._v("#")]
-                  ),
-                  e._v(" "),
-                  t("code", [e._v("touchZoomRotate")])
-                ]),
-                e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Type:")]),
-                    e._v(" "),
-                    t("code", [e._v("Boolean")]),
-                    e._v(", "),
-                    t("code", [e._v("Object")])
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Default:")]),
-                    e._v(" "),
-                    t("code", [e._v("true")])
-                  ]),
-                  e._v(" "),
-                  t("li", [t("strong", [e._v("Non-Synced")])]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
-                    e._v(
-                      ' If true, the "pinch to rotate and zoom" interaction is enabled. An Object value is passed as options to TouchZoomRotateHandler#enable'
-                    )
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("See:")]),
-                    e._v(" "),
-                    t("code", [e._v("options.touchZoomRotate")]),
-                    e._v(" in "),
-                    t(
-                      "a",
-                      {
-                        attrs: {
-                          href: "https://docs.mapbox.com/mapbox-gl-js/api/#map",
-                          target: "_blank",
-                          rel: "noopener noreferrer"
-                        }
-                      },
-                      [e._v("Map"), t("OutboundLink")],
-                      1
-                    )
-                  ])
-                ]),
-                e._v(" "),
-                t("h3", { attrs: { id: "trackresize" } }, [
-                  t(
-                    "a",
-                    {
-                      staticClass: "header-anchor",
-                      attrs: { href: "#trackresize", "aria-hidden": "true" }
-                    },
-                    [e._v("#")]
-                  ),
-                  e._v(" "),
-                  t("code", [e._v("trackResize")])
-                ]),
-                e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Type:")]),
-                    e._v(" "),
-                    t("code", [e._v("Boolean")])
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Default:")]),
-                    e._v(" "),
-                    t("code", [e._v("true")])
-                  ]),
-                  e._v(" "),
-                  t("li", [t("strong", [e._v("Non-Synced")])]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
-                    e._v(
-                      " If true, the map will automatically resize when the browser window resizes."
-                    )
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("See:")]),
-                    e._v(" "),
-                    t("code", [e._v("options.trackResize")]),
-                    e._v(" in "),
-                    t(
-                      "a",
-                      {
-                        attrs: {
-                          href: "https://docs.mapbox.com/mapbox-gl-js/api/#map",
-                          target: "_blank",
-                          rel: "noopener noreferrer"
-                        }
-                      },
-                      [e._v("Map"), t("OutboundLink")],
-                      1
-                    )
-                  ])
-                ]),
-                e._v(" "),
-                t("h3", { attrs: { id: "center" } }, [
-                  t(
-                    "a",
-                    {
-                      staticClass: "header-anchor",
-                      attrs: { href: "#center", "aria-hidden": "true" }
-                    },
-                    [e._v("#")]
-                  ),
-                  e._v(" "),
-                  t("code", [e._v("center")])
-                ]),
-                e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Type:")]),
-                    e._v(" "),
-                    t("code", [e._v("Array, LngLatLike Object")])
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Default:")]),
-                    e._v(" "),
-                    t("code", [e._v("undefined")])
-                  ]),
-                  e._v(" "),
-                  t("li", [t("strong", [e._v("Synced")])]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
-                    e._v(
-                      " Geographical centerpoint of the map. If center is not specified in the constructor options, Mapbox GL JS will look for it in the map's style object.If it is not specified in the style, either, it will default to "
-                    ),
-                    t("code", [e._v("[0, 0]")])
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("See:")]),
-                    e._v(" "),
-                    t("code", [e._v("options.center")]),
-                    e._v(" in "),
-                    t(
-                      "a",
-                      {
-                        attrs: {
-                          href: "https://docs.mapbox.com/mapbox-gl-js/api/#map",
-                          target: "_blank",
-                          rel: "noopener noreferrer"
-                        }
-                      },
-                      [e._v("Map"), t("OutboundLink")],
-                      1
-                    )
-                  ])
-                ]),
-                e._v(" "),
-                t("h3", { attrs: { id: "zoom" } }, [
-                  t(
-                    "a",
-                    {
-                      staticClass: "header-anchor",
-                      attrs: { href: "#zoom", "aria-hidden": "true" }
-                    },
-                    [e._v("#")]
-                  ),
-                  e._v(" "),
-                  t("code", [e._v("zoom")])
-                ]),
-                e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Type:")]),
-                    e._v(" "),
-                    t("code", [e._v("Number")])
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Default:")]),
-                    e._v(" "),
-                    t("code", [e._v("undefined")])
-                  ]),
-                  e._v(" "),
-                  t("li", [t("strong", [e._v("Synced")])]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
-                    e._v(
-                      " Zoom level of the map. If zoom is not specified in the constructor options, Mapbox GL JS will look for it in the map's style object. If it is not specified in the style, either, it will default to "
-                    ),
-                    t("code", [e._v("0")])
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("See:")]),
-                    e._v(" "),
-                    t("code", [e._v("options.zoom")]),
-                    e._v(" in "),
-                    t(
-                      "a",
-                      {
-                        attrs: {
-                          href: "https://docs.mapbox.com/mapbox-gl-js/api/#map",
-                          target: "_blank",
-                          rel: "noopener noreferrer"
-                        }
-                      },
-                      [e._v("Map"), t("OutboundLink")],
-                      1
-                    )
-                  ])
-                ]),
-                e._v(" "),
-                t("h3", { attrs: { id: "bearing" } }, [
-                  t(
-                    "a",
-                    {
-                      staticClass: "header-anchor",
-                      attrs: { href: "#bearing", "aria-hidden": "true" }
-                    },
-                    [e._v("#")]
-                  ),
-                  e._v(" "),
-                  t("code", [e._v("bearing")])
-                ]),
-                e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Type:")]),
-                    e._v(" "),
-                    t("code", [e._v("Number")])
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Default:")]),
-                    e._v(" "),
-                    t("code", [e._v("undefined")])
-                  ]),
-                  e._v(" "),
-                  t("li", [t("strong", [e._v("Synced")])]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
-                    e._v(
-                      " Bearing (rotation) of the map, measured in degrees counter-clockwise from north. If bearing is not specified in the constructor options, Mapbox GL JS will look for it in the map's style object. If it is not specified in the style, either, it will default to "
-                    ),
-                    t("code", [e._v("0")])
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("See:")]),
-                    e._v(" "),
-                    t("code", [e._v("options.bearing")]),
-                    e._v(" in "),
-                    t(
-                      "a",
-                      {
-                        attrs: {
-                          href: "https://docs.mapbox.com/mapbox-gl-js/api/#map",
-                          target: "_blank",
-                          rel: "noopener noreferrer"
-                        }
-                      },
-                      [e._v("Map"), t("OutboundLink")],
-                      1
-                    )
-                  ])
-                ]),
-                e._v(" "),
-                t("h3", { attrs: { id: "pitch" } }, [
-                  t(
-                    "a",
-                    {
-                      staticClass: "header-anchor",
-                      attrs: { href: "#pitch", "aria-hidden": "true" }
-                    },
-                    [e._v("#")]
-                  ),
-                  e._v(" "),
-                  t("code", [e._v("pitch")])
-                ]),
-                e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Type:")]),
-                    e._v(" "),
-                    t("code", [e._v("Number")])
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Default:")]),
-                    e._v(" "),
-                    t("code", [e._v("undefined")])
-                  ]),
-                  e._v(" "),
-                  t("li", [t("strong", [e._v("Synced")])]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
-                    e._v(
-                      " Pitch (tilt) of the map, measured in degrees away from the plane of the screen (0-60). If pitch is not specified in the constructor options, Mapbox GL JS will look for it in the map's style object. If it is not specified in the style, either, it will default to "
-                    ),
-                    t("code", [e._v("0")])
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("See:")]),
-                    e._v(" "),
-                    t("code", [e._v("options.pitch")]),
-                    e._v(" in "),
-                    t(
-                      "a",
-                      {
-                        attrs: {
-                          href: "https://docs.mapbox.com/mapbox-gl-js/api/#map",
-                          target: "_blank",
-                          rel: "noopener noreferrer"
-                        }
-                      },
-                      [e._v("Map"), t("OutboundLink")],
-                      1
-                    )
-                  ])
-                ]),
-                e._v(" "),
-                t("h3", { attrs: { id: "renderworldcopies" } }, [
-                  t(
-                    "a",
-                    {
-                      staticClass: "header-anchor",
-                      attrs: {
-                        href: "#renderworldcopies",
-                        "aria-hidden": "true"
-                      }
-                    },
-                    [e._v("#")]
-                  ),
-                  e._v(" "),
-                  t("code", [e._v("renderWorldCopies")])
-                ]),
-                e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Type:")]),
-                    e._v(" "),
-                    t("code", [e._v("Boolean")])
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Default:")]),
-                    e._v(" "),
-                    t("code", [e._v("true")])
-                  ]),
-                  e._v(" "),
-                  t("li", [t("strong", [e._v("Non-Synced")])]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
-                    e._v(
-                      " If true , multiple copies of the world will be rendered, when zoomed out"
-                    )
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("See:")]),
-                    e._v(" "),
-                    t("code", [e._v("options.renderWorldCopies")]),
-                    e._v(" in "),
-                    t(
-                      "a",
-                      {
-                        attrs: {
-                          href: "https://docs.mapbox.com/mapbox-gl-js/api/#map",
-                          target: "_blank",
-                          rel: "noopener noreferrer"
-                        }
-                      },
-                      [e._v("Map"), t("OutboundLink")],
-                      1
-                    )
-                  ])
-                ]),
-                e._v(" "),
-                t("h3", { attrs: { id: "light" } }, [
-                  t(
-                    "a",
-                    {
-                      staticClass: "header-anchor",
-                      attrs: { href: "#light", "aria-hidden": "true" }
-                    },
-                    [e._v("#")]
-                  ),
-                  e._v(" "),
-                  t("code", [e._v("light")])
-                ]),
-                e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Type:")]),
-                    e._v(" "),
-                    t("code", [e._v("Object")])
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Default:")]),
-                    e._v(" "),
-                    t("code", [e._v("undefined")])
-                  ]),
-                  e._v(" "),
-                  t("li", [t("strong", [e._v("Synced")])]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
-                    e._v(
-                      " Light properties. Must conform to the Mapbox Style Specification"
-                    )
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("See:")]),
-                    e._v(" See "),
-                    t(
-                      "a",
-                      {
-                        attrs: {
-                          href:
-                            "https://docs.mapbox.com/mapbox-gl-js/api/#map#setlight",
-                          target: "_blank",
-                          rel: "noopener noreferrer"
-                        }
-                      },
-                      [e._v("setLight"), t("OutboundLink")],
-                      1
-                    ),
-                    e._v(" Map method")
-                  ])
-                ]),
-                e._v(" "),
-                t("h3", { attrs: { id: "tileboundaries" } }, [
-                  t(
-                    "a",
-                    {
-                      staticClass: "header-anchor",
-                      attrs: { href: "#tileboundaries", "aria-hidden": "true" }
-                    },
-                    [e._v("#")]
-                  ),
-                  e._v(" "),
-                  t("code", [e._v("tileBoundaries")])
-                ]),
-                e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Type:")]),
-                    e._v(" "),
-                    t("code", [e._v("Boolean")])
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Default:")]),
-                    e._v(" "),
-                    t("code", [e._v("false")])
-                  ]),
-                  e._v(" "),
-                  t("li", [t("strong", [e._v("Synced")])]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
-                    e._v(
-                      " A Boolean indicating whether the map will render an outline around each tile. These tile boundaries are useful for debugging"
-                    )
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("See:")]),
-                    e._v(" See "),
-                    t(
-                      "a",
-                      {
-                        attrs: {
-                          href:
-                            "https://docs.mapbox.com/mapbox-gl-js/api/#map#showtileboundaries",
-                          target: "_blank",
-                          rel: "noopener noreferrer"
-                        }
-                      },
-                      [e._v("showTileBoundaries"), t("OutboundLink")],
-                      1
-                    ),
-                    e._v(" Map property")
-                  ])
-                ]),
-                e._v(" "),
-                t("h3", { attrs: { id: "collisionboxes" } }, [
-                  t(
-                    "a",
-                    {
-                      staticClass: "header-anchor",
-                      attrs: { href: "#collisionboxes", "aria-hidden": "true" }
-                    },
-                    [e._v("#")]
-                  ),
-                  e._v(" "),
-                  t("code", [e._v("collisionBoxes")])
-                ]),
-                e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Type:")]),
-                    e._v(" "),
-                    t("code", [e._v("Boolean")])
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Default:")]),
-                    e._v(" "),
-                    t("code", [e._v("false")])
-                  ]),
-                  e._v(" "),
-                  t("li", [t("strong", [e._v("Synced")])]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
-                    e._v(
-                      " A Boolean indicating whether the map will render boxes around all symbols in the data source, revealing which symbols were rendered or which were hidden due to collisions. This information is useful for debugging"
-                    )
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("See:")]),
-                    e._v(" See "),
-                    t(
-                      "a",
-                      {
-                        attrs: {
-                          href:
-                            "https://docs.mapbox.com/mapbox-gl-js/api/#map#showcollisionboxes",
-                          target: "_blank",
-                          rel: "noopener noreferrer"
-                        }
-                      },
-                      [e._v("showCollisionBoxes"), t("OutboundLink")],
-                      1
-                    ),
-                    e._v(" Map property")
-                  ])
-                ]),
-                e._v(" "),
-                t("h3", { attrs: { id: "repaint" } }, [
-                  t(
-                    "a",
-                    {
-                      staticClass: "header-anchor",
-                      attrs: { href: "#repaint", "aria-hidden": "true" }
-                    },
-                    [e._v("#")]
-                  ),
-                  e._v(" "),
-                  t("code", [e._v("repaint")])
-                ]),
-                e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Type:")]),
-                    e._v(" "),
-                    t("code", [e._v("Boolean")])
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Default:")]),
-                    e._v(" "),
-                    t("code", [e._v("false")])
-                  ]),
-                  e._v(" "),
-                  t("li", [t("strong", [e._v("Synced")])]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
-                    e._v(
-                      " A Boolean indicating whether the map will continuously repaint. This information is useful for analyzing performance."
-                    )
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("See:")]),
-                    e._v(" See "),
-                    t(
-                      "a",
-                      {
-                        attrs: {
-                          href:
-                            "https://docs.mapbox.com/mapbox-gl-js/api/#map#repaint",
-                          target: "_blank",
-                          rel: "noopener noreferrer"
-                        }
-                      },
-                      [e._v("repaint"), t("OutboundLink")],
-                      1
-                    ),
-                    e._v(" Map property")
-                  ])
-                ]),
-                e._v(" "),
-                t("h3", { attrs: { id: "transformrequest" } }, [
-                  t(
-                    "a",
-                    {
-                      staticClass: "header-anchor",
-                      attrs: {
-                        href: "#transformrequest",
-                        "aria-hidden": "true"
-                      }
-                    },
-                    [e._v("#")]
-                  ),
-                  e._v(" "),
-                  t("code", [e._v("transformRequest")])
-                ]),
-                e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Type:")]),
-                    e._v(" "),
-                    t("code", [e._v("Function")])
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Default:")]),
-                    e._v(" "),
-                    t("code", [e._v("null")])
-                  ]),
-                  e._v(" "),
-                  t("li", [t("strong", [e._v("Non-Synced")])]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
-                    e._v(
-                      " A callback run before the Map makes a request for an external URL. The callback can be used to modify the url, set headers, or set the credentials property for cross-origin requests. Expected to return an object with a "
-                    ),
-                    t("code", [e._v("url")]),
-                    e._v(" property and optionally "),
-                    t("code", [e._v("headers")]),
-                    e._v(" and "),
-                    t("code", [e._v("credentials")]),
-                    e._v(" properties.")
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("See:")]),
-                    e._v(" "),
-                    t("code", [e._v("options.transformRequest")]),
-                    e._v(" in "),
-                    t(
-                      "a",
-                      {
-                        attrs: {
-                          href: "https://docs.mapbox.com/mapbox-gl-js/api/#map",
-                          target: "_blank",
-                          rel: "noopener noreferrer"
-                        }
-                      },
-                      [e._v("Map"), t("OutboundLink")],
-                      1
-                    )
-                  ])
-                ]),
-                e._v(" "),
-                t("h3", { attrs: { id: "localideographfontfamily" } }, [
-                  t(
-                    "a",
-                    {
-                      staticClass: "header-anchor",
-                      attrs: {
-                        href: "#localideographfontfamily",
-                        "aria-hidden": "true"
-                      }
-                    },
-                    [e._v("#")]
-                  ),
-                  e._v(" "),
-                  t("code", [e._v("localIdeographFontFamily")])
-                ]),
-                e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Type:")]),
-                    e._v(" "),
-                    t("code", [e._v("String")])
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Default:")]),
-                    e._v(" "),
-                    t("code", [e._v("null")])
-                  ]),
-                  e._v(" "),
-                  t("li", [t("strong", [e._v("Non-Synced")])]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
-                    e._v(
-                      " If specified, defines a CSS font-family for locally overriding generation of glyphs in the 'CJK Unified Ideographs' and 'Hangul Syllables' ranges. In these ranges, font settings from the map's style will be ignored, except for font-weight keywords (light/regular/medium/bold). The purpose of this option is to avoid bandwidth-intensive glyph server requests."
-                    )
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("See:")]),
-                    e._v(" "),
-                    t("code", [e._v("options.localIdeographFontFamily")]),
-                    e._v(" in "),
-                    t(
-                      "a",
-                      {
-                        attrs: {
-                          href: "https://docs.mapbox.com/mapbox-gl-js/api/#map",
-                          target: "_blank",
-                          rel: "noopener noreferrer"
-                        }
-                      },
-                      [e._v("Map"), t("OutboundLink")],
-                      1
-                    )
-                  ])
-                ]),
-                e._v(" "),
-                t("h2", { attrs: { id: "actions" } }, [
-                  t(
-                    "a",
-                    {
-                      staticClass: "header-anchor",
-                      attrs: { href: "#actions", "aria-hidden": "true" }
-                    },
-                    [e._v("#")]
-                  ),
-                  e._v(" Actions")
-                ]),
-                e._v(" "),
-                t("p", [
-                  e._v("Asynchronous actions exposed via "),
-                  t("code", [e._v("GlMap.actions")])
-                ]),
-                e._v(" "),
-                t("div", { staticClass: "tip custom-block" }, [
-                  t("p", { staticClass: "custom-block-title" }, [e._v("TIP")]),
-                  e._v(" "),
-                  t("p", [
-                    t(
-                      "a",
-                      {
-                        attrs: {
-                          href: "https://github.com/soal/map-promisified",
-                          target: "_blank",
-                          rel: "noopener noreferrer"
-                        }
-                      },
-                      [e._v("Map-promisified"), t("OutboundLink")],
-                      1
-                    ),
-                    e._v(
-                      " is used as wrapper around Mapbox GL JS methods. That library can be used independently from VueMapbox."
-                    )
-                  ])
-                ]),
-                e._v(" "),
-                t("h3", { attrs: { id: "stop-eventdata" } }, [
-                  t(
-                    "a",
-                    {
-                      staticClass: "header-anchor",
-                      attrs: { href: "#stop-eventdata", "aria-hidden": "true" }
-                    },
-                    [e._v("#")]
-                  ),
-                  e._v(" "),
-                  t("code", [e._v(".stop(eventData?)")])
-                ]),
-                e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Arguments:")]),
-                    e._v(" "),
-                    t("ul", [
-                      t("li", [
-                        t("code", [e._v("eventData")]),
-                        e._v(" "),
-                        t("code", [e._v("{Object}")]),
-                        e._v(" Custom data passed to corresponfing event.")
-                      ])
-                    ])
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
-                    e._v(" Stops all animations on the map")
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Returns:")]),
-                    e._v(" "),
-                    t("code", [
-                      e._v("{Promise<{ pitch, zoom, bearing, center }>}")
-                    ]),
-                    e._v(
-                      "\nPromise that resolves object with map parameters on the moment of call "
-                    ),
-                    t("code", [e._v("stop()")])
-                  ])
-                ]),
-                e._v(" "),
-                t("h3", { attrs: { id: "panby-offset-options-eventdata" } }, [
-                  t(
-                    "a",
-                    {
-                      staticClass: "header-anchor",
-                      attrs: {
-                        href: "#panby-offset-options-eventdata",
-                        "aria-hidden": "true"
-                      }
-                    },
-                    [e._v("#")]
-                  ),
-                  e._v(" "),
-                  t("code", [e._v(".panBy(offset, options?, eventData?)")])
-                ]),
-                e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Arguments:")]),
-                    e._v(" "),
-                    t("ul", [
-                      t("li", [
-                        t("code", [e._v("offset")]),
-                        e._v(" "),
-                        t("code", [e._v("{Point | number[]}")]),
-                        e._v(" x and y coordinates by which to pan the map")
-                      ]),
-                      e._v(" "),
-                      t("li", [
-                        t("code", [e._v("options")]),
-                        e._v(" "),
-                        t("code", [e._v("{AnimationOptions object}")]),
-                        e._v(" animation options. See "),
-                        t(
-                          "a",
-                          {
-                            attrs: {
-                              href:
-                                "https://docs.mapbox.com/mapbox-gl-js/api/#animationoptions",
-                              target: "_blank",
-                              rel: "noopener noreferrer"
-                            }
-                          },
-                          [e._v("AnimationOptions"), t("OutboundLink")],
-                          1
-                        )
-                      ]),
-                      e._v(" "),
-                      t("li", [
-                        t("code", [e._v("eventData")]),
-                        e._v(" "),
-                        t("code", [e._v("{Object}")]),
-                        e._v(" Custom data passed to corresponfing event.")
-                      ])
-                    ])
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
-                    e._v(" Pans the map by the specified offest")
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Returns:")]),
-                    e._v(" "),
-                    t("code", [e._v("{Promise<{ eventData, center }>}")]),
-                    e._v(
-                      "\nPromise that resolves object with event data and new center of the map when animation ends"
-                    )
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("See:")]),
-                    e._v(" "),
-                    t(
-                      "a",
-                      {
-                        attrs: {
-                          href:
-                            "https://docs.mapbox.com/mapbox-gl-js/api/#map#panby",
-                          target: "_blank",
-                          rel: "noopener noreferrer"
-                        }
-                      },
-                      [e._v("panBy"), t("OutboundLink")],
-                      1
-                    ),
-                    e._v(" Map method")
-                  ])
-                ]),
-                e._v(" "),
-                t(
-                  "h3",
-                  { attrs: { id: "panto-coordinates-options-eventdata" } },
-                  [
-                    t(
-                      "a",
-                      {
-                        staticClass: "header-anchor",
-                        attrs: {
-                          href: "#panto-coordinates-options-eventdata",
-                          "aria-hidden": "true"
-                        }
-                      },
-                      [e._v("#")]
-                    ),
-                    e._v(" "),
-                    t("code", [
-                      e._v(".panTo(coordinates, options?, eventData?)")
-                    ])
-                  ]
-                ),
-                e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Arguments:")]),
-                    e._v(" "),
-                    t("ul", [
-                      t("li", [
-                        t("code", [e._v("coordinates")]),
-                        e._v(" "),
-                        t("code", [e._v("{LngLat | number[][]}")]),
-                        e._v(" The location to pan the map to. See also: "),
-                        t(
-                          "a",
-                          {
-                            attrs: {
-                              href:
-                                "https://docs.mapbox.com/mapbox-gl-js/api/#lnglat",
-                              target: "_blank",
-                              rel: "noopener noreferrer"
-                            }
-                          },
-                          [e._v("LngLat"), t("OutboundLink")],
-                          1
-                        )
-                      ]),
-                      e._v(" "),
-                      t("li", [
-                        t("code", [e._v("options")]),
-                        e._v(" "),
-                        t("code", [e._v("{AnimationOptions object}")]),
-                        e._v(" animation options. See "),
-                        t(
-                          "a",
-                          {
-                            attrs: {
-                              href:
-                                "https://docs.mapbox.com/mapbox-gl-js/api/#animationoptions",
-                              target: "_blank",
-                              rel: "noopener noreferrer"
-                            }
-                          },
-                          [e._v("AnimationOptions"), t("OutboundLink")],
-                          1
-                        )
-                      ]),
-                      e._v(" "),
-                      t("li", [
-                        t("code", [e._v("eventData")]),
-                        e._v(" "),
-                        t("code", [e._v("{Object}")]),
-                        e._v(" Custom data passed to corresponfing event.")
-                      ])
-                    ])
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
-                    e._v(
-                      " Pans the map to the specified location, with an animated transition"
-                    )
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Returns:")]),
-                    e._v(" "),
-                    t("code", [e._v("{Promise<{ eventData, center }>}")]),
-                    e._v(
-                      "\nPromise that resolves object with event data and new center of the map when animation ends"
-                    )
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("See:")]),
-                    e._v(" "),
-                    t(
-                      "a",
-                      {
-                        attrs: {
-                          href:
-                            "https://docs.mapbox.com/mapbox-gl-js/api/#map#panto",
-                          target: "_blank",
-                          rel: "noopener noreferrer"
-                        }
-                      },
-                      [e._v("panTo"), t("OutboundLink")],
-                      1
-                    ),
-                    e._v(" Map method")
-                  ])
-                ]),
-                e._v(" "),
-                t("h3", { attrs: { id: "zoomto-zoom-options-eventdata" } }, [
-                  t(
-                    "a",
-                    {
-                      staticClass: "header-anchor",
-                      attrs: {
-                        href: "#zoomto-zoom-options-eventdata",
-                        "aria-hidden": "true"
-                      }
-                    },
-                    [e._v("#")]
-                  ),
-                  e._v(" "),
-                  t("code", [e._v(".zoomTo(zoom, options?, eventData?)")])
-                ]),
-                e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Arguments:")]),
-                    e._v(" "),
-                    t("ul", [
-                      t("li", [
-                        t("code", [e._v("zoom")]),
-                        e._v(" "),
-                        t("code", [e._v("{number}")]),
-                        e._v(" The zoom level to transition to")
-                      ]),
-                      e._v(" "),
-                      t("li", [
-                        t("code", [e._v("options")]),
-                        e._v(" "),
-                        t("code", [e._v("{AnimationOptions object}")]),
-                        e._v(" animation options. See "),
-                        t(
-                          "a",
-                          {
-                            attrs: {
-                              href:
-                                "https://docs.mapbox.com/mapbox-gl-js/api/#animationoptions",
-                              target: "_blank",
-                              rel: "noopener noreferrer"
-                            }
-                          },
-                          [e._v("AnimationOptions"), t("OutboundLink")],
-                          1
-                        )
-                      ]),
-                      e._v(" "),
-                      t("li", [
-                        t("code", [e._v("eventData")]),
-                        e._v(" "),
-                        t("code", [e._v("{Object}")]),
-                        e._v(" Custom data passed to corresponfing event.")
-                      ])
-                    ])
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
-                    e._v(
-                      " Zooms the map to the specified zoom level, with an animated transition"
-                    )
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Returns:")]),
-                    e._v(" "),
-                    t("code", [e._v("{Promise<{ eventData, zoom }>}")]),
-                    e._v(
-                      "\nPromise that resolves object with event data and new zoom level of the map when animation ends"
-                    )
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("See:")]),
-                    e._v(" "),
-                    t(
-                      "a",
-                      {
-                        attrs: {
-                          href:
-                            "https://docs.mapbox.com/mapbox-gl-js/api/#map#zoomto",
-                          target: "_blank",
-                          rel: "noopener noreferrer"
-                        }
-                      },
-                      [e._v("zoomTo"), t("OutboundLink")],
-                      1
-                    ),
-                    e._v(" Map method")
-                  ])
-                ]),
-                e._v(" "),
-                t("h3", { attrs: { id: "zoomin-options-eventdata" } }, [
-                  t(
-                    "a",
-                    {
-                      staticClass: "header-anchor",
-                      attrs: {
-                        href: "#zoomin-options-eventdata",
-                        "aria-hidden": "true"
-                      }
-                    },
-                    [e._v("#")]
-                  ),
-                  e._v(" "),
-                  t("code", [e._v(".zoomIn(options?, eventData?)")])
-                ]),
-                e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Arguments:")]),
-                    e._v(" "),
-                    t("ul", [
-                      t("li", [
-                        t("code", [e._v("options")]),
-                        e._v(" "),
-                        t("code", [e._v("{AnimationOptions object}")]),
-                        e._v(" animation options. See "),
-                        t(
-                          "a",
-                          {
-                            attrs: {
-                              href:
-                                "https://docs.mapbox.com/mapbox-gl-js/api/#animationoptions",
-                              target: "_blank",
-                              rel: "noopener noreferrer"
-                            }
-                          },
-                          [e._v("AnimationOptions"), t("OutboundLink")],
-                          1
-                        )
-                      ]),
-                      e._v(" "),
-                      t("li", [
-                        t("code", [e._v("eventData")]),
-                        e._v(" "),
-                        t("code", [e._v("{Object}")]),
-                        e._v(" Custom data passed to corresponfing event.")
-                      ])
-                    ])
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
-                    e._v(" Increases the map's zoom level by 1")
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Returns:")]),
-                    e._v(" "),
-                    t("code", [e._v("{Promise<{ eventData, zoom }>}")]),
-                    e._v(
-                      "\nPromise that resolves object with event data and new zoom level of the map when animation ends"
-                    )
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("See:")]),
-                    e._v(" "),
-                    t(
-                      "a",
-                      {
-                        attrs: {
-                          href:
-                            "https://docs.mapbox.com/mapbox-gl-js/api/#map#zoomin",
-                          target: "_blank",
-                          rel: "noopener noreferrer"
-                        }
-                      },
-                      [e._v("zoomIn"), t("OutboundLink")],
-                      1
-                    ),
-                    e._v(" Map method")
-                  ])
-                ]),
-                e._v(" "),
-                t("h3", { attrs: { id: "zoomout-options-eventdata" } }, [
-                  t(
-                    "a",
-                    {
-                      staticClass: "header-anchor",
-                      attrs: {
-                        href: "#zoomout-options-eventdata",
-                        "aria-hidden": "true"
-                      }
-                    },
-                    [e._v("#")]
-                  ),
-                  e._v(" "),
-                  t("code", [e._v(".zoomOut(options?, eventData?)")])
-                ]),
-                e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Arguments:")]),
-                    e._v(" "),
-                    t("ul", [
-                      t("li", [
-                        t("code", [e._v("options")]),
-                        e._v(" "),
-                        t("code", [e._v("{AnimationOptions object}")]),
-                        e._v(" animation options. See "),
-                        t(
-                          "a",
-                          {
-                            attrs: {
-                              href:
-                                "https://docs.mapbox.com/mapbox-gl-js/api/#animationoptions",
-                              target: "_blank",
-                              rel: "noopener noreferrer"
-                            }
-                          },
-                          [e._v("AnimationOptions"), t("OutboundLink")],
-                          1
-                        )
-                      ]),
-                      e._v(" "),
-                      t("li", [
-                        t("code", [e._v("eventData")]),
-                        e._v(" "),
-                        t("code", [e._v("{Object}")]),
-                        e._v(" Custom data passed to corresponfing event.")
-                      ])
-                    ])
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
-                    e._v(" Decreases the map's zoom level by 1")
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Returns:")]),
-                    e._v(" "),
-                    t("code", [e._v("{Promise<{ eventData, zoom }>}")]),
-                    e._v(
-                      "\nPromise that resolves object with event data and new zoom level of the map when animation ends"
-                    )
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("See:")]),
-                    e._v(" "),
-                    t(
-                      "a",
-                      {
-                        attrs: {
-                          href:
-                            "https://docs.mapbox.com/mapbox-gl-js/api/#map#zoomOut",
-                          target: "_blank",
-                          rel: "noopener noreferrer"
-                        }
-                      },
-                      [e._v("zoomOut"), t("OutboundLink")],
-                      1
-                    ),
-                    e._v(" Map method")
-                  ])
-                ]),
-                e._v(" "),
-                t(
-                  "h3",
-                  { attrs: { id: "rotateto-bearing-options-eventdata" } },
-                  [
-                    t(
-                      "a",
-                      {
-                        staticClass: "header-anchor",
-                        attrs: {
-                          href: "#rotateto-bearing-options-eventdata",
-                          "aria-hidden": "true"
-                        }
-                      },
-                      [e._v("#")]
-                    ),
-                    e._v(" "),
-                    t("code", [
-                      e._v(".rotateTo(bearing, options?, eventData?)")
-                    ])
-                  ]
-                ),
-                e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Arguments:")]),
-                    e._v(" "),
-                    t("ul", [
-                      t("li", [
-                        t("code", [e._v("bearing")]),
-                        e._v(" "),
-                        t("code", [e._v("{number}")]),
-                        e._v(" The desired bearing")
-                      ]),
-                      e._v(" "),
-                      t("li", [
-                        t("code", [e._v("options")]),
-                        e._v(" "),
-                        t("code", [e._v("{AnimationOptions object}")]),
-                        e._v(" animation options. See "),
-                        t(
-                          "a",
-                          {
-                            attrs: {
-                              href:
-                                "https://docs.mapbox.com/mapbox-gl-js/api/#animationoptions",
-                              target: "_blank",
-                              rel: "noopener noreferrer"
-                            }
-                          },
-                          [e._v("AnimationOptions"), t("OutboundLink")],
-                          1
-                        )
-                      ]),
-                      e._v(" "),
-                      t("li", [
-                        t("code", [e._v("eventData")]),
-                        e._v(" "),
-                        t("code", [e._v("{Object}")]),
-                        e._v(" Custom data passed to corresponfing event.")
-                      ])
-                    ])
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
-                    e._v(
-                      ' Rotates the map to the specified bearing, with an animated transition. The bearing is the compass direction that is "up"; for example, a bearing of 90° orients the map so that east is up.'
-                    )
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Returns:")]),
-                    e._v(" "),
-                    t("code", [e._v("{Promise<{ eventData, bearing }>}")]),
-                    e._v(
-                      "\nPromise that resolves object with event data and new bearing of the map when animation ends"
-                    )
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("See:")]),
-                    e._v(" "),
-                    t(
-                      "a",
-                      {
-                        attrs: {
-                          href:
-                            "https://docs.mapbox.com/mapbox-gl-js/api/#map#rotateto",
-                          target: "_blank",
-                          rel: "noopener noreferrer"
-                        }
-                      },
-                      [e._v("rotateTo"), t("OutboundLink")],
-                      1
-                    ),
-                    e._v(" Map method")
-                  ])
-                ]),
-                e._v(" "),
-                t("h3", { attrs: { id: "resetnorth-options-eventdata" } }, [
-                  t(
-                    "a",
-                    {
-                      staticClass: "header-anchor",
-                      attrs: {
-                        href: "#resetnorth-options-eventdata",
-                        "aria-hidden": "true"
-                      }
-                    },
-                    [e._v("#")]
-                  ),
-                  e._v(" "),
-                  t("code", [e._v(".resetNorth(options?, eventData?)")])
-                ]),
-                e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Arguments:")]),
-                    e._v(" "),
-                    t("ul", [
-                      t("li", [
-                        t("code", [e._v("options")]),
-                        e._v(" "),
-                        t("code", [e._v("{AnimationOptions object}")]),
-                        e._v(" animation options. See "),
-                        t(
-                          "a",
-                          {
-                            attrs: {
-                              href:
-                                "https://docs.mapbox.com/mapbox-gl-js/api/#animationoptions",
-                              target: "_blank",
-                              rel: "noopener noreferrer"
-                            }
-                          },
-                          [e._v("AnimationOptions"), t("OutboundLink")],
-                          1
-                        )
-                      ])
-                    ])
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
-                    e._v(
-                      " Rotates the map so that north is up (0° bearing), with an animated transition"
-                    )
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Returns:")]),
-                    e._v(" "),
-                    t("code", [e._v("{Promise<{ eventData, bearing }>}")]),
-                    e._v(
-                      "\nPromise that resolves object with event data and new bearing of the map when animation ends"
-                    )
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("See:")]),
-                    e._v(" "),
-                    t(
-                      "a",
-                      {
-                        attrs: {
-                          href:
-                            "https://docs.mapbox.com/mapbox-gl-js/api/#map#resetnorth",
-                          target: "_blank",
-                          rel: "noopener noreferrer"
-                        }
-                      },
-                      [e._v("resetNorth"), t("OutboundLink")],
-                      1
-                    ),
-                    e._v(" Map method")
-                  ])
-                ]),
-                e._v(" "),
-                t("h3", { attrs: { id: "snaptonorth-options-eventdata" } }, [
-                  t(
-                    "a",
-                    {
-                      staticClass: "header-anchor",
-                      attrs: {
-                        href: "#snaptonorth-options-eventdata",
-                        "aria-hidden": "true"
-                      }
-                    },
-                    [e._v("#")]
-                  ),
-                  e._v(" "),
-                  t("code", [e._v(".snapToNorth(options?, eventData?)")])
-                ]),
-                e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Arguments:")]),
-                    e._v(" "),
-                    t("ul", [
-                      t("li", [
-                        t("code", [e._v("options")]),
-                        e._v(" "),
-                        t("code", [e._v("{AnimationOptions object}")]),
-                        e._v(" animation options. See "),
-                        t(
-                          "a",
-                          {
-                            attrs: {
-                              href:
-                                "https://docs.mapbox.com/mapbox-gl-js/api/#animationoptions",
-                              target: "_blank",
-                              rel: "noopener noreferrer"
-                            }
-                          },
-                          [e._v("AnimationOptions"), t("OutboundLink")],
-                          1
-                        )
-                      ]),
-                      e._v(" "),
-                      t("li", [
-                        t("code", [e._v("eventData")]),
-                        e._v(" "),
-                        t("code", [e._v("{Object}")]),
-                        e._v(" Custom data passed to corresponfing event.")
-                      ])
-                    ])
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
-                    e._v(
-                      " Snaps the map so that north is up (0° bearing), if the current bearing is close enough to it (i.e. within the "
-                    ),
-                    t("code", [e._v("bearingSnap")]),
-                    e._v(" prop threshold).")
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Returns:")]),
-                    e._v(" "),
-                    t("code", [e._v("{Promise<{ eventData, bearing }>}")]),
-                    e._v(
-                      "\nPromise that resolves object with event data and new bearing of the map when animation ends"
-                    )
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("See:")]),
-                    e._v(" "),
-                    t(
-                      "a",
-                      {
-                        attrs: {
-                          href:
-                            "https://docs.mapbox.com/mapbox-gl-js/api/#map#snaptonorth",
-                          target: "_blank",
-                          rel: "noopener noreferrer"
-                        }
-                      },
-                      [e._v("snapToNorth"), t("OutboundLink")],
-                      1
-                    ),
-                    e._v(" Map method")
-                  ])
-                ]),
-                e._v(" "),
-                t(
-                  "h3",
-                  { attrs: { id: "fitbounds-bounds-options-eventdata" } },
-                  [
-                    t(
-                      "a",
-                      {
-                        staticClass: "header-anchor",
-                        attrs: {
-                          href: "#fitbounds-bounds-options-eventdata",
-                          "aria-hidden": "true"
-                        }
-                      },
-                      [e._v("#")]
-                    ),
-                    e._v(" "),
-                    t("code", [
-                      e._v(".fitBounds(bounds, options?, eventData?)")
-                    ])
-                  ]
-                ),
-                e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Arguments:")]),
-                    e._v(" "),
-                    t("ul", [
-                      t("li", [
-                        t("code", [e._v("bounds")]),
-                        e._v(" "),
-                        t("code", [e._v("{ number[][] | LngLatBounds }")]),
-                        e._v(
-                          " Center these bounds in the viewport and use the highest zoom level up to and including "
-                        ),
-                        t("code", [e._v("maxZoom")]),
-                        e._v(" that fits them in the viewport")
-                      ]),
-                      e._v(" "),
-                      t("li", [
-                        t("code", [e._v("options")]),
-                        e._v(" "),
-                        t("code", [e._v("{Object}")]),
-                        e._v(" "),
-                        t("ul", [
-                          t("li", [
-                            t("code", [e._v("options.padding?")]),
-                            e._v(" "),
-                            t("code", [e._v("{number}")]),
-                            e._v(
-                              " The amount of padding in pixels to add to the given bounds"
-                            )
-                          ]),
-                          e._v(" "),
-                          t("li", [
-                            t("code", [e._v("options.linear")]),
-                            e._v(" "),
-                            t("code", [e._v("{boolean}")]),
-                            e._v(" "),
-                            t("em", [e._v("default")]),
-                            e._v(": "),
-                            t("code", [e._v("false")]),
-                            e._v(" If true , the map transitions using "),
-                            t("code", [e._v("Map#easeTo")]),
-                            e._v(". If false , the map transitions using "),
-                            t("code", [e._v("Map#flyTo")]),
-                            e._v(
-                              ". See those functions and AnimationOptions for information about options available."
-                            )
-                          ]),
-                          e._v(" "),
-                          t("li", [
-                            t("code", [e._v("options.easing?")]),
-                            e._v(
-                              " An easing function for the animated transition. See "
-                            ),
-                            t(
-                              "a",
-                              {
-                                attrs: {
-                                  href:
-                                    "https://docs.mapbox.com/mapbox-gl-js/api/#animationoptions",
-                                  target: "_blank",
-                                  rel: "noopener noreferrer"
-                                }
-                              },
-                              [e._v("AnimationOptions"), t("OutboundLink")],
-                              1
-                            )
-                          ]),
-                          e._v(" "),
-                          t("li", [
-                            t("code", [e._v("options.offset")]),
-                            e._v(" "),
-                            t("code", [e._v("{ number[] | Point }")]),
-                            e._v(" "),
-                            t("em", [e._v("default:")]),
-                            e._v(" "),
-                            t("code", [e._v("[0, 0]")]),
-                            e._v(
-                              " The center of the given bounds relative to the map's center, measured in pixels"
-                            )
-                          ]),
-                          e._v(" "),
-                          t("li", [
-                            t("code", [e._v("options.maxZoom?")]),
-                            e._v(" "),
-                            t("code", [e._v("{number}")]),
-                            e._v(
-                              " The maximum zoom level to allow when the map view transitions to the specified bounds"
-                            )
-                          ])
-                        ])
-                      ]),
-                      e._v(" "),
-                      t("li", [
-                        t("code", [e._v("eventData")]),
-                        e._v(" "),
-                        t("code", [e._v("{Object}")]),
-                        e._v(" Custom data passed to corresponfing event.")
-                      ])
-                    ])
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
-                    e._v(
-                      " Pans and zooms the map to contain its visible area within the specified geographical bounds. This function will also reset the map's bearing to 0 if bearing is nonzero"
-                    )
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Returns:")]),
-                    e._v(" "),
-                    t("code", [e._v("{Promise<{ eventData, bounds }>}")]),
-                    e._v(
-                      "\nPromise that resolves object with event data and new bounds of the map when animation ends"
-                    )
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("See:")]),
-                    e._v(" "),
-                    t(
-                      "a",
-                      {
-                        attrs: {
-                          href:
-                            "https://docs.mapbox.com/mapbox-gl-js/api/#map#fitbounds",
-                          target: "_blank",
-                          rel: "noopener noreferrer"
-                        }
-                      },
-                      [e._v("fitBounds"), t("OutboundLink")],
-                      1
-                    ),
-                    e._v(" Map method")
-                  ])
-                ]),
-                e._v(" "),
-                t("h3", { attrs: { id: "jumpto-options-eventdata" } }, [
-                  t(
-                    "a",
-                    {
-                      staticClass: "header-anchor",
-                      attrs: {
-                        href: "#jumpto-options-eventdata",
-                        "aria-hidden": "true"
-                      }
-                    },
-                    [e._v("#")]
-                  ),
-                  e._v(" "),
-                  t("code", [e._v(".jumpTo(options, eventData?)")])
-                ]),
-                e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Arguments:")]),
-                    e._v(" "),
-                    t("ul", [
-                      t("li", [
-                        t("code", [e._v("options")]),
-                        e._v(" "),
-                        t("code", [e._v("{Object}")]),
-                        e._v(" See "),
-                        t(
-                          "a",
-                          {
-                            attrs: {
-                              href:
-                                "https://docs.mapbox.com/mapbox-gl-js/api/#cameraoptions",
-                              target: "_blank",
-                              rel: "noopener noreferrer"
-                            }
-                          },
-                          [e._v("CameraOptions"), t("OutboundLink")],
-                          1
-                        ),
-                        e._v(" "),
-                        t("ul", [
-                          t("li", [
-                            t("code", [e._v("options.pitch?")]),
-                            e._v(" "),
-                            t("code", [e._v("{number}")]),
-                            e._v(" The desired pitch, in degrees")
-                          ]),
-                          e._v(" "),
-                          t("li", [
-                            t("code", [e._v("options.zoom?")]),
-                            e._v(" "),
-                            t("code", [e._v("{number}")]),
-                            e._v(" The desired zoom level")
-                          ]),
-                          e._v(" "),
-                          t("li", [
-                            t("code", [e._v("options.center?")]),
-                            e._v(" "),
-                            t("code", [e._v("{number[] | LngLat}")]),
-                            e._v(" The desired center")
-                          ]),
-                          e._v(" "),
-                          t("li", [
-                            t("code", [e._v("options.bearing?")]),
-                            e._v(" "),
-                            t("code", [e._v("{number}")]),
-                            e._v(" The desired bearing, in degrees")
-                          ]),
-                          e._v(" "),
-                          t("li", [
-                            t("code", [e._v("options.around?")]),
-                            e._v(" "),
-                            t("code", [e._v("{number[] | LngLat}")]),
-                            e._v(" If "),
-                            t("code", [e._v("zoom")]),
-                            e._v(" is specified, "),
-                            t("code", [e._v("around")]),
-                            e._v(
-                              " determines the point around which the zoom is centered."
-                            )
-                          ])
-                        ])
-                      ]),
-                      e._v(" "),
-                      t("li", [
-                        t("code", [e._v("eventData")]),
-                        e._v(" "),
-                        t("code", [e._v("{Object}")]),
-                        e._v(" Custom data passed to corresponfing event.")
-                      ])
-                    ])
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
-                    e._v(
-                      " Changes any combination of center, zoom, bearing, and pitch, without an animated transition. The map will retain its current values for any details not specified in options"
-                    )
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Returns:")]),
-                    e._v(" "),
-                    t("code", [
-                      e._v(
-                        "{Promise<{ eventData, pitch, zoom, center, bearing }>}"
-                      )
-                    ]),
-                    e._v(
-                      "\nPromise that resolves object with event data and new pitch, zoom, center and bearing of the map"
-                    )
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("See:")]),
-                    e._v(" "),
-                    t(
-                      "a",
-                      {
-                        attrs: {
-                          href:
-                            "https://docs.mapbox.com/mapbox-gl-js/api/#map#jumpto",
-                          target: "_blank",
-                          rel: "noopener noreferrer"
-                        }
-                      },
-                      [e._v("jumpTo"), t("OutboundLink")],
-                      1
-                    ),
-                    e._v(" Map method")
-                  ])
-                ]),
-                e._v(" "),
-                t("h3", { attrs: { id: "easeto-options-eventdata" } }, [
-                  t(
-                    "a",
-                    {
-                      staticClass: "header-anchor",
-                      attrs: {
-                        href: "#easeto-options-eventdata",
-                        "aria-hidden": "true"
-                      }
-                    },
-                    [e._v("#")]
-                  ),
-                  e._v(" "),
-                  t("code", [e._v(".easeTo(options, eventData?)")])
-                ]),
-                e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("p", [t("strong", [e._v("Arguments:")])]),
-                    e._v(" "),
-                    t("ul", [
-                      t("li", [
-                        t("p", [
-                          t("code", [e._v("options")]),
-                          e._v(" "),
-                          t("code", [e._v("{Object}")]),
-                          e._v(" Combination of "),
-                          t(
-                            "a",
-                            {
-                              attrs: {
-                                href:
-                                  "https://docs.mapbox.com/mapbox-gl-js/api/#cameraoptions",
-                                target: "_blank",
-                                rel: "noopener noreferrer"
-                              }
-                            },
-                            [e._v("CameraOptions"), t("OutboundLink")],
-                            1
-                          ),
-                          e._v(" and "),
-                          t(
-                            "a",
-                            {
-                              attrs: {
-                                href:
-                                  "https://docs.mapbox.com/mapbox-gl-js/api/#animationoptions",
-                                target: "_blank",
-                                rel: "noopener noreferrer"
-                              }
-                            },
-                            [e._v("AnimationOptions"), t("OutboundLink")],
-                            1
-                          )
-                        ]),
-                        e._v(" "),
-                        t("ul", [
-                          t("li", [
-                            t("code", [e._v("options.pitch?")]),
-                            e._v(" "),
-                            t("code", [e._v("{number}")]),
-                            e._v(" The desired pitch, in degrees")
-                          ]),
-                          e._v(" "),
-                          t("li", [
-                            t("code", [e._v("options.zoom?")]),
-                            e._v(" "),
-                            t("code", [e._v("{number}")]),
-                            e._v(" The desired zoom level")
-                          ]),
-                          e._v(" "),
-                          t("li", [
-                            t("code", [e._v("options.center?")]),
-                            e._v(" "),
-                            t("code", [e._v("{number[] | LngLat}")]),
-                            e._v(" The desired center")
-                          ]),
-                          e._v(" "),
-                          t("li", [
-                            t("code", [e._v("options.bearing?")]),
-                            e._v(" "),
-                            t("code", [e._v("{number}")]),
-                            e._v(" The desired bearing, in degrees")
-                          ]),
-                          e._v(" "),
-                          t("li", [
-                            t("code", [e._v("options.around?")]),
-                            e._v(" "),
-                            t("code", [e._v("{number[] | LngLat}")]),
-                            e._v(" If "),
-                            t("code", [e._v("zoom")]),
-                            e._v(" is specified, "),
-                            t("code", [e._v("around")]),
-                            e._v(
-                              " determines the point around which the zoom is centered."
-                            )
-                          ]),
-                          e._v(" "),
-                          t("li", [
-                            t("code", [e._v("options.duration?")]),
-                            e._v(" "),
-                            t("code", [e._v("{number}")]),
-                            e._v(
-                              " The animation's duration, measured in milliseconds."
-                            )
-                          ]),
-                          e._v(" "),
-                          t("li", [
-                            t("code", [e._v("options.easing?")]),
-                            e._v(" "),
-                            t("code", [e._v("{Function}")]),
-                            e._v(
-                              " A function taking a time in the range 0..1 and returning a number where 0 is the initial state and 1 is the final state."
-                            )
-                          ]),
-                          e._v(" "),
-                          t("li", [
-                            t("code", [e._v("options.offset?")]),
-                            e._v(" "),
-                            t("code", [e._v("{number[] | Point}")]),
-                            e._v(
-                              " of the target center relative to real map container center at the end of animation."
-                            )
-                          ]),
-                          e._v(" "),
-                          t("li", [
-                            t("code", [e._v("options.animate?")]),
-                            e._v(" "),
-                            t("code", [e._v("{boolean}")]),
-                            e._v(": If "),
-                            t("code", [e._v("false")]),
-                            e._v(", no animation will occur")
-                          ])
-                        ])
-                      ]),
-                      e._v(" "),
-                      t("li", [
-                        t("p", [
-                          t("code", [e._v("eventData")]),
-                          e._v(" "),
-                          t("code", [e._v("{Object}")]),
-                          e._v(" Custom data passed to corresponfing event.")
-                        ])
-                      ])
-                    ])
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("p", [
-                      t("strong", [e._v("Description:")]),
-                      e._v(
-                        " Changes any combination of center, zoom, bearing, and pitch, with an animated transition between old and new values. The map will retain its current values for any details not specified in "
-                      ),
-                      t("code", [e._v("options")])
-                    ])
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("p", [
-                      t("strong", [e._v("Returns:")]),
-                      e._v(" "),
-                      t("code", [
-                        e._v(
-                          "{Promise<{ eventData, pitch, zoom, center, bearing }>}"
-                        )
-                      ]),
-                      e._v(
-                        "\nPromise that resolves object with event data and new pitch, zoom, center and bearing of the map when animations ends"
-                      )
-                    ])
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("p", [
-                      t("strong", [e._v("See:")]),
-                      e._v(" "),
-                      t(
-                        "a",
-                        {
-                          attrs: {
-                            href:
-                              "https://docs.mapbox.com/mapbox-gl-js/api/#map#easeto",
-                            target: "_blank",
-                            rel: "noopener noreferrer"
-                          }
-                        },
-                        [e._v("easeTo"), t("OutboundLink")],
-                        1
-                      ),
-                      e._v(" Map method")
-                    ])
-                  ])
-                ]),
-                e._v(" "),
-                t("h3", { attrs: { id: "flyto-options-eventdata" } }, [
-                  t(
-                    "a",
-                    {
-                      staticClass: "header-anchor",
-                      attrs: {
-                        href: "#flyto-options-eventdata",
-                        "aria-hidden": "true"
-                      }
-                    },
-                    [e._v("#")]
-                  ),
-                  e._v(" "),
-                  t("code", [e._v(".flyTo(options, eventData?)")])
-                ]),
-                e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Arguments:")]),
-                    e._v(" "),
-                    t("ul", [
-                      t("li", [
-                        t("code", [e._v("options")]),
-                        e._v(" "),
-                        t("code", [e._v("{Object}")]),
-                        e._v(" "),
-                        t("ul", [
-                          t("li", [
-                            t("code", [e._v("options.curve?")]),
-                            e._v(" "),
-                            t("code", [e._v("{number}")]),
-                            e._v(" "),
-                            t("em", [e._v("default")]),
-                            e._v(" "),
-                            t("code", [e._v("1.42")]),
-                            e._v(
-                              ' The zooming "curve" that will occur along the flight path. A high value maximizes zooming for an exaggerated animation, while a low value minimizes zooming for an effect closer to Map#easeTo. 1.42 is the average value selected by participants in the user study discussed in van Wijk (2003). A value of Math.pow(6, 0.25) would be equivalent to the root mean squared average velocity. A value of 1 would produce a circular motion'
-                            )
-                          ]),
-                          e._v(" "),
-                          t("li", [
-                            t("code", [e._v("options.minZoom?")]),
-                            e._v(" "),
-                            t("code", [e._v("{number}")]),
-                            e._v(
-                              " The zero-based zoom level at the peak of the flight path. If "
-                            ),
-                            t("code", [e._v("options.curve")]),
-                            e._v(" is specified, this option is ignored")
-                          ]),
-                          e._v(" "),
-                          t("li", [
-                            t("code", [e._v("options.speed?")]),
-                            e._v(" "),
-                            t("code", [e._v("{number}")]),
-                            e._v(" "),
-                            t("em", [e._v("default")]),
-                            e._v(" "),
-                            t("code", [e._v("1.2")]),
-                            e._v(
-                              " The average speed of the animation defined in relation to "
-                            ),
-                            t("code", [e._v("options.curve")]),
-                            e._v(
-                              ". A speed of 1.2 means that the map appears to move along the flight path by 1.2 times "
-                            ),
-                            t("code", [e._v("options.curve")]),
-                            e._v(
-                              " screenfuls every second. A screenful is the map's visible span. It does not correspond to a fixed physical distance, but varies by zoom level"
-                            )
-                          ]),
-                          e._v(" "),
-                          t("li", [
-                            t("code", [e._v("options.screenSpeed?")]),
-                            e._v(" "),
-                            t("code", [e._v("{number}")]),
-                            e._v(
-                              " The average speed of the animation measured in screenfuls per second, assuming a linear timing curve. If "
-                            ),
-                            t("code", [e._v("options.speed")]),
-                            e._v(" is specified, this option is ignored")
-                          ]),
-                          e._v(" "),
-                          t("li", [
-                            t("code", [e._v("options.maxDuration?")]),
-                            e._v(" "),
-                            t("code", [e._v("{number}")]),
-                            e._v(
-                              " The animation's maximum duration, measured in milliseconds. If duration exceeds maximum duration, it resets to 0"
-                            )
-                          ])
-                        ])
-                      ]),
-                      e._v(" "),
-                      t("li", [
-                        t("code", [e._v("eventData")]),
-                        e._v(" "),
-                        t("code", [e._v("{Object}")]),
-                        e._v(" Custom data passed to corresponfing event.")
-                      ])
-                    ])
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
-                    e._v(
-                      " Changes any combination of center, zoom, bearing, and pitch, animating the transition along a curve that evokes flight. The animation seamlessly incorporates zooming and panning to help the user maintain her bearings even after traversing a great distance"
-                    )
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Returns:")]),
-                    e._v(" "),
-                    t("code", [
-                      e._v(
-                        "{Promise<{ eventData, pitch, zoom, center, bearing }>}"
-                      )
-                    ]),
-                    e._v(
-                      "\nPromise that resolves object with event data and new pitch, zoom, center and bearing of the map when animations ends"
-                    )
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("See:")]),
-                    e._v(" "),
-                    t(
-                      "a",
-                      {
-                        attrs: {
-                          href:
-                            "https://docs.mapbox.com/mapbox-gl-js/api/#map#flyto",
-                          target: "_blank",
-                          rel: "noopener noreferrer"
-                        }
-                      },
-                      [e._v("flyTo"), t("OutboundLink")],
-                      1
-                    ),
-                    e._v(" Map method")
-                  ])
-                ]),
-                e._v(" "),
-                t("h2", { attrs: { id: "events" } }, [
-                  t(
-                    "a",
-                    {
-                      staticClass: "header-anchor",
-                      attrs: { href: "#events", "aria-hidden": "true" }
-                    },
-                    [e._v("#")]
-                  ),
-                  e._v(" Events")
-                ]),
-                e._v(" "),
-                t("p", [
-                  e._v("Payload of events contains object with properties:")
-                ]),
-                e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("code", [e._v("mapboxEvent")]),
-                    e._v(" Original Mapbox GL JS event")
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("code", [e._v("map")]),
-                    e._v(" Current map object")
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("code", [e._v("component")]),
-                    e._v(" Component that emits event")
-                  ])
-                ]),
-                e._v(" "),
-                t("h3", { attrs: { id: "load" } }, [
-                  t(
-                    "a",
-                    {
-                      staticClass: "header-anchor",
-                      attrs: { href: "#load", "aria-hidden": "true" }
-                    },
-                    [e._v("#")]
-                  ),
-                  e._v(" "),
-                  t("code", [e._v("@load")])
-                ]),
-                e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
-                    e._v(" Fires after map fully loaded")
-                  ]),
-                  e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Payload")]),
-                    e._v(" "),
-                    t("code", [e._v("{ map, component }")]),
-                    e._v(" "),
-                    t("code", [e._v("map")]),
-                    e._v(" is Mapbox Gl JS Map object, "),
-                    t("code", [e._v("component")]),
-                    e._v(" is instance of GlMap component")
-                  ])
-                ]),
-                e._v(" "),
-                t("p", [
-                  e._v(
-                    "GlMap passes all Mapbox GL JS Map events. Full list of map events see "
-                  ),
-                  t(
-                    "a",
-                    {
-                      attrs: {
-                        href:
-                          "https://docs.mapbox.com/mapbox-gl-js/api/#map.event:resize",
-                        target: "_blank",
-                        rel: "noopener noreferrer"
-                      }
-                    },
-                    [e._v("here"), t("OutboundLink")],
-                    1
-                  )
-                ])
-              ]
-            );
-          },
-          [],
-          !1,
-          null,
-          null,
-          null
-        );
-      n.options.__file = "glmap.md";
-      o.default = n.exports;
-    }
-  }
-]);
diff --git a/docs/assets/js/17.172f4295.js b/docs/assets/js/16.7de1d511.js
similarity index 54%
rename from docs/assets/js/17.172f4295.js
rename to docs/assets/js/16.7de1d511.js
index 1be69e40..d61922dd 100644
--- a/docs/assets/js/17.172f4295.js
+++ b/docs/assets/js/16.7de1d511.js
@@ -1,22 +1,22 @@
 (window.webpackJsonp = window.webpackJsonp || []).push([
-  [17],
+  [16],
   {
-    144: function(e, r, t) {
+    153: function(e, r, a) {
       "use strict";
-      t.r(r);
-      var a = t(17),
-        o = Object(a.a)(
+      a.r(r);
+      var t = a(17),
+        o = Object(t.a)(
           {},
           function() {
             var e = this,
               r = e.$createElement,
-              t = e._self._c || r;
-            return t(
+              a = e._self._c || r;
+            return a(
               "ContentSlotsDistributor",
               { attrs: { "slot-key": e.$parent.slotKey } },
               [
-                t("h1", { attrs: { id: "marker" } }, [
-                  t(
+                a("h1", { attrs: { id: "marker" } }, [
+                  a(
                     "a",
                     {
                       staticClass: "header-anchor",
@@ -27,8 +27,8 @@
                   e._v(" Marker")
                 ]),
                 e._v(" "),
-                t("h2", { attrs: { id: "props" } }, [
-                  t(
+                a("h2", { attrs: { id: "props" } }, [
+                  a(
                     "a",
                     {
                       staticClass: "header-anchor",
@@ -39,8 +39,8 @@
                   e._v(" Props")
                 ]),
                 e._v(" "),
-                t("h3", { attrs: { id: "offset" } }, [
-                  t(
+                a("h3", { attrs: { id: "offset" } }, [
+                  a(
                     "a",
                     {
                       staticClass: "header-anchor",
@@ -49,29 +49,29 @@
                     [e._v("#")]
                   ),
                   e._v(" "),
-                  t("code", [e._v("offset")])
+                  a("code", [e._v("offset")])
                 ]),
                 e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Type")]),
+                a("ul", [
+                  a("li", [
+                    a("strong", [e._v("Type")]),
                     e._v(": "),
-                    t("code", [e._v("Array<number>")])
+                    a("code", [e._v("Array<number>")])
                   ]),
                   e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
+                  a("li", [
+                    a("strong", [e._v("Description:")]),
                     e._v(
                       " The offset in pixels as a PointLike object to apply relative to the element's center. Negatives indicate left and up."
                     )
                   ]),
                   e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("See:")]),
+                  a("li", [
+                    a("strong", [e._v("See:")]),
                     e._v(" "),
-                    t("code", [e._v("offset")]),
+                    a("code", [e._v("offset")]),
                     e._v(" in "),
-                    t(
+                    a(
                       "a",
                       {
                         attrs: {
@@ -81,14 +81,14 @@
                           rel: "noopener noreferrer"
                         }
                       },
-                      [e._v("Marker"), t("OutboundLink")],
+                      [e._v("Marker"), a("OutboundLink")],
                       1
                     )
                   ])
                 ]),
                 e._v(" "),
-                t("h3", { attrs: { id: "coordinates" } }, [
-                  t(
+                a("h3", { attrs: { id: "coordinates" } }, [
+                  a(
                     "a",
                     {
                       staticClass: "header-anchor",
@@ -97,29 +97,29 @@
                     [e._v("#")]
                   ),
                   e._v(" "),
-                  t("code", [e._v("coordinates")])
+                  a("code", [e._v("coordinates")])
                 ]),
                 e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Type")]),
+                a("ul", [
+                  a("li", [
+                    a("strong", [e._v("Type")]),
                     e._v(": "),
-                    t("code", [e._v("Array<number>")])
+                    a("code", [e._v("Array<number>")])
                   ]),
                   e._v(" "),
-                  t("li", [t("strong", [e._v("Required")])]),
+                  a("li", [a("strong", [e._v("Required")])]),
                   e._v(" "),
-                  t("li", [t("strong", [e._v("Synced")])]),
+                  a("li", [a("strong", [e._v("Synced")])]),
                   e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
+                  a("li", [
+                    a("strong", [e._v("Description:")]),
                     e._v(" Marker coordinates in format "),
-                    t("code", [e._v("[longitude, latitude]")])
+                    a("code", [e._v("[longitude, latitude]")])
                   ])
                 ]),
                 e._v(" "),
-                t("h3", { attrs: { id: "color" } }, [
-                  t(
+                a("h3", { attrs: { id: "color" } }, [
+                  a(
                     "a",
                     {
                       staticClass: "header-anchor",
@@ -128,26 +128,26 @@
                     [e._v("#")]
                   ),
                   e._v(" "),
-                  t("code", [e._v("color")])
+                  a("code", [e._v("color")])
                 ]),
                 e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Type")]),
+                a("ul", [
+                  a("li", [
+                    a("strong", [e._v("Type")]),
                     e._v(": "),
-                    t("code", [e._v("string")])
+                    a("code", [e._v("string")])
                   ]),
                   e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
+                  a("li", [
+                    a("strong", [e._v("Description:")]),
                     e._v(
                       " The color to use for the default marker if custom marker is not provided. The default is light blue."
                     )
                   ])
                 ]),
                 e._v(" "),
-                t("h3", { attrs: { id: "anchor" } }, [
-                  t(
+                a("h3", { attrs: { id: "anchor" } }, [
+                  a(
                     "a",
                     {
                       staticClass: "header-anchor",
@@ -156,37 +156,37 @@
                     [e._v("#")]
                   ),
                   e._v(" "),
-                  t("code", [e._v("anchor")])
+                  a("code", [e._v("anchor")])
                 ]),
                 e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Type")]),
+                a("ul", [
+                  a("li", [
+                    a("strong", [e._v("Type")]),
                     e._v(": "),
-                    t("code", [e._v("string")])
+                    a("code", [e._v("string")])
                   ]),
                   e._v(" "),
-                  t("li", [t("strong", [e._v("Non-Synced")])]),
+                  a("li", [a("strong", [e._v("Non-Synced")])]),
                   e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Default")]),
+                  a("li", [
+                    a("strong", [e._v("Default")]),
                     e._v(" "),
-                    t("code", [e._v("center")])
+                    a("code", [e._v("center")])
                   ]),
                   e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
+                  a("li", [
+                    a("strong", [e._v("Description:")]),
                     e._v(
                       " A string indicating the part of the Marker that should be positioned closest to the coordinate set via Marker#setLngLat . Options are 'center' , 'top' , 'bottom' , 'left' , 'right' , 'top-left' , 'top-right' , 'bottom-left' , and 'bottom-right' . The default is 'center'."
                     )
                   ]),
                   e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("See")]),
+                  a("li", [
+                    a("strong", [e._v("See")]),
                     e._v(" "),
-                    t("code", [e._v("options.anchor")]),
+                    a("code", [e._v("options.anchor")]),
                     e._v(" in "),
-                    t(
+                    a(
                       "a",
                       {
                         attrs: {
@@ -196,14 +196,14 @@
                           rel: "noopener noreferrer"
                         }
                       },
-                      [e._v("Marker"), t("OutboundLink")],
+                      [e._v("Marker"), a("OutboundLink")],
                       1
                     )
                   ])
                 ]),
                 e._v(" "),
-                t("h3", { attrs: { id: "draggable" } }, [
-                  t(
+                a("h3", { attrs: { id: "draggable" } }, [
+                  a(
                     "a",
                     {
                       staticClass: "header-anchor",
@@ -212,37 +212,37 @@
                     [e._v("#")]
                   ),
                   e._v(" "),
-                  t("code", [e._v("draggable")])
+                  a("code", [e._v("draggable")])
                 ]),
                 e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Type")]),
+                a("ul", [
+                  a("li", [
+                    a("strong", [e._v("Type")]),
                     e._v(": "),
-                    t("code", [e._v("boolean")])
+                    a("code", [e._v("boolean")])
                   ]),
                   e._v(" "),
-                  t("li", [t("strong", [e._v("Non-Synced")])]),
+                  a("li", [a("strong", [e._v("Non-Synced")])]),
                   e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Default")]),
+                  a("li", [
+                    a("strong", [e._v("Default")]),
                     e._v(" "),
-                    t("code", [e._v("false")])
+                    a("code", [e._v("false")])
                   ]),
                   e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
+                  a("li", [
+                    a("strong", [e._v("Description:")]),
                     e._v(
                       " A boolean indicating whether or not a marker is able to be dragged to a new position on the map."
                     )
                   ]),
                   e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("See")]),
+                  a("li", [
+                    a("strong", [e._v("See")]),
                     e._v(" "),
-                    t("code", [e._v("options.draggable")]),
+                    a("code", [e._v("options.draggable")]),
                     e._v(" in "),
-                    t(
+                    a(
                       "a",
                       {
                         attrs: {
@@ -252,14 +252,14 @@
                           rel: "noopener noreferrer"
                         }
                       },
-                      [e._v("Marker"), t("OutboundLink")],
+                      [e._v("Marker"), a("OutboundLink")],
                       1
                     )
                   ])
                 ]),
                 e._v(" "),
-                t("h2", { attrs: { id: "slots" } }, [
-                  t(
+                a("h2", { attrs: { id: "slots" } }, [
+                  a(
                     "a",
                     {
                       staticClass: "header-anchor",
@@ -270,8 +270,8 @@
                   e._v(" Slots")
                 ]),
                 e._v(" "),
-                t("h3", { attrs: { id: "marker-2" } }, [
-                  t(
+                a("h3", { attrs: { id: "marker-2" } }, [
+                  a(
                     "a",
                     {
                       staticClass: "header-anchor",
@@ -280,20 +280,20 @@
                     [e._v("#")]
                   ),
                   e._v(" "),
-                  t("code", [e._v("marker")])
+                  a("code", [e._v("marker")])
                 ]),
                 e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
+                a("ul", [
+                  a("li", [
+                    a("strong", [e._v("Description:")]),
                     e._v(
                       " Slot for custom marker. Can be HTML element or Vue component."
                     )
                   ])
                 ]),
                 e._v(" "),
-                t("h3", { attrs: { id: "default" } }, [
-                  t(
+                a("h3", { attrs: { id: "default" } }, [
+                  a(
                     "a",
                     {
                       staticClass: "header-anchor",
@@ -302,16 +302,16 @@
                     [e._v("#")]
                   ),
                   e._v(" "),
-                  t("code", [e._v("default")])
+                  a("code", [e._v("default")])
                 ]),
                 e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
+                a("ul", [
+                  a("li", [
+                    a("strong", [e._v("Description:")]),
                     e._v(
                       " Slot for popup component. When popup put inside marker, popup automaticaly mounted to marker, similiar as "
                     ),
-                    t(
+                    a(
                       "a",
                       {
                         attrs: {
@@ -321,14 +321,14 @@
                           rel: "noopener noreferrer"
                         }
                       },
-                      [e._v("setPopup"), t("OutboundLink")],
+                      [e._v("setPopup"), a("OutboundLink")],
                       1
                     )
                   ])
                 ]),
                 e._v(" "),
-                t("h2", { attrs: { id: "methods" } }, [
-                  t(
+                a("h2", { attrs: { id: "methods" } }, [
+                  a(
                     "a",
                     {
                       staticClass: "header-anchor",
@@ -339,8 +339,8 @@
                   e._v(" Methods")
                 ]),
                 e._v(" "),
-                t("h3", { attrs: { id: "remove" } }, [
-                  t(
+                a("h3", { attrs: { id: "remove" } }, [
+                  a(
                     "a",
                     {
                       staticClass: "header-anchor",
@@ -349,26 +349,26 @@
                     [e._v("#")]
                   ),
                   e._v(" "),
-                  t("code", [e._v(".remove()")])
+                  a("code", [e._v(".remove()")])
                 ]),
                 e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
+                a("ul", [
+                  a("li", [
+                    a("strong", [e._v("Description:")]),
                     e._v(" Removes marker from the map.")
                   ]),
                   e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Returns")]),
+                  a("li", [
+                    a("strong", [e._v("Returns")]),
                     e._v(" "),
-                    t("code", [e._v("Marker")]),
+                    a("code", [e._v("Marker")]),
                     e._v(" MapboxGL marker.")
                   ]),
                   e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("See")]),
+                  a("li", [
+                    a("strong", [e._v("See")]),
                     e._v(" "),
-                    t(
+                    a(
                       "a",
                       {
                         attrs: {
@@ -378,14 +378,14 @@
                           rel: "noopener noreferrer"
                         }
                       },
-                      [e._v("Marker.remove"), t("OutboundLink")],
+                      [e._v("Marker.remove"), a("OutboundLink")],
                       1
                     )
                   ])
                 ]),
                 e._v(" "),
-                t("h3", { attrs: { id: "togglepopup" } }, [
-                  t(
+                a("h3", { attrs: { id: "togglepopup" } }, [
+                  a(
                     "a",
                     {
                       staticClass: "header-anchor",
@@ -394,28 +394,28 @@
                     [e._v("#")]
                   ),
                   e._v(" "),
-                  t("code", [e._v(".togglePopup()")])
+                  a("code", [e._v(".togglePopup()")])
                 ]),
                 e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
+                a("ul", [
+                  a("li", [
+                    a("strong", [e._v("Description:")]),
                     e._v(
                       " Opens or closes the bound popup, depending on the current state."
                     )
                   ]),
                   e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Returns")]),
+                  a("li", [
+                    a("strong", [e._v("Returns")]),
                     e._v(" "),
-                    t("code", [e._v("Marker")]),
+                    a("code", [e._v("Marker")]),
                     e._v(" MapboxGL marker.")
                   ]),
                   e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("See")]),
+                  a("li", [
+                    a("strong", [e._v("See")]),
                     e._v(" "),
-                    t(
+                    a(
                       "a",
                       {
                         attrs: {
@@ -425,14 +425,14 @@
                           rel: "noopener noreferrer"
                         }
                       },
-                      [e._v("Marker.togglePopup"), t("OutboundLink")],
+                      [e._v("Marker.togglePopup"), a("OutboundLink")],
                       1
                     )
                   ])
                 ]),
                 e._v(" "),
-                t("h2", { attrs: { id: "events" } }, [
-                  t(
+                a("h2", { attrs: { id: "events" } }, [
+                  a(
                     "a",
                     {
                       staticClass: "header-anchor",
@@ -443,8 +443,8 @@
                   e._v(" Events")
                 ]),
                 e._v(" "),
-                t("h3", { attrs: { id: "added" } }, [
-                  t(
+                a("h3", { attrs: { id: "added" } }, [
+                  a(
                     "a",
                     {
                       staticClass: "header-anchor",
@@ -453,33 +453,33 @@
                     [e._v("#")]
                   ),
                   e._v(" "),
-                  t("code", [e._v("@added")])
+                  a("code", [e._v("@added")])
                 ]),
                 e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
+                a("ul", [
+                  a("li", [
+                    a("strong", [e._v("Description:")]),
                     e._v(" Fires when marker added on the map.")
                   ]),
                   e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Payload")]),
+                  a("li", [
+                    a("strong", [e._v("Payload")]),
                     e._v(" "),
-                    t("code", [
+                    a("code", [
                       e._v(
                         "{ component: MarkerComponent, map: Map, marker: Marker }"
                       )
                     ]),
                     e._v(" Object with "),
-                    t("code", [e._v("Marker")]),
+                    a("code", [e._v("Marker")]),
                     e._v(" component, parent map and MapboxGl "),
-                    t("code", [e._v("Marker")]),
+                    a("code", [e._v("Marker")]),
                     e._v(" object")
                   ])
                 ]),
                 e._v(" "),
-                t("h3", { attrs: { id: "removed" } }, [
-                  t(
+                a("h3", { attrs: { id: "removed" } }, [
+                  a(
                     "a",
                     {
                       staticClass: "header-anchor",
@@ -488,33 +488,33 @@
                     [e._v("#")]
                   ),
                   e._v(" "),
-                  t("code", [e._v("@removed")])
+                  a("code", [e._v("@removed")])
                 ]),
                 e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
+                a("ul", [
+                  a("li", [
+                    a("strong", [e._v("Description:")]),
                     e._v(" Fires when marker removed the map.")
                   ]),
                   e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Payload")]),
+                  a("li", [
+                    a("strong", [e._v("Payload")]),
                     e._v(" "),
-                    t("code", [
+                    a("code", [
                       e._v(
                         "{ component: MarkerComponent, map: Map, marker: Marker }"
                       )
                     ]),
                     e._v(" Object with "),
-                    t("code", [e._v("Marker")]),
+                    a("code", [e._v("Marker")]),
                     e._v(" component, parent map and MapboxGl "),
-                    t("code", [e._v("Marker")]),
+                    a("code", [e._v("Marker")]),
                     e._v(" object")
                   ])
                 ]),
                 e._v(" "),
-                t("h3", { attrs: { id: "drag" } }, [
-                  t(
+                a("h3", { attrs: { id: "drag" } }, [
+                  a(
                     "a",
                     {
                       staticClass: "header-anchor",
@@ -523,34 +523,34 @@
                     [e._v("#")]
                   ),
                   e._v(" "),
-                  t("code", [e._v("@drag")])
+                  a("code", [e._v("@drag")])
                 ]),
                 e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
+                a("ul", [
+                  a("li", [
+                    a("strong", [e._v("Description:")]),
                     e._v(" Fires when marker dragged if marker "),
-                    t("code", [e._v("draggable")]),
+                    a("code", [e._v("draggable")]),
                     e._v(" prop is "),
-                    t("code", [e._v("true")])
+                    a("code", [e._v("true")])
                   ]),
                   e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Payload")]),
+                  a("li", [
+                    a("strong", [e._v("Payload")]),
                     e._v(" "),
-                    t("code", [
+                    a("code", [
                       e._v(
-                        "{ component: MarkerComponent, map: Map, MapEvent: Event }"
+                        "{ component: MarkerComponent, map: Map, mapboxEvent: Event }"
                       )
                     ]),
                     e._v(" Object with "),
-                    t("code", [e._v("Marker")]),
+                    a("code", [e._v("Marker")]),
                     e._v(" component, parent map and original MapboxGl event")
                   ])
                 ]),
                 e._v(" "),
-                t("h3", { attrs: { id: "dragstart" } }, [
-                  t(
+                a("h3", { attrs: { id: "dragstart" } }, [
+                  a(
                     "a",
                     {
                       staticClass: "header-anchor",
@@ -559,34 +559,34 @@
                     [e._v("#")]
                   ),
                   e._v(" "),
-                  t("code", [e._v("@dragstart")])
+                  a("code", [e._v("@dragstart")])
                 ]),
                 e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
+                a("ul", [
+                  a("li", [
+                    a("strong", [e._v("Description:")]),
                     e._v(" Fires when marker dragging starts if marker "),
-                    t("code", [e._v("draggable")]),
+                    a("code", [e._v("draggable")]),
                     e._v(" prop is "),
-                    t("code", [e._v("true")])
+                    a("code", [e._v("true")])
                   ]),
                   e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Payload")]),
+                  a("li", [
+                    a("strong", [e._v("Payload")]),
                     e._v(" "),
-                    t("code", [
+                    a("code", [
                       e._v(
-                        "{ component: MarkerComponent, map: Map, MapEvent: Event }"
+                        "{ component: MarkerComponent, map: Map, mapboxEvent: Event }"
                       )
                     ]),
                     e._v(" Object with "),
-                    t("code", [e._v("Marker")]),
+                    a("code", [e._v("Marker")]),
                     e._v(" component, parent map and original MapboxGl event")
                   ])
                 ]),
                 e._v(" "),
-                t("h3", { attrs: { id: "dragend" } }, [
-                  t(
+                a("h3", { attrs: { id: "dragend" } }, [
+                  a(
                     "a",
                     {
                       staticClass: "header-anchor",
@@ -595,30 +595,168 @@
                     [e._v("#")]
                   ),
                   e._v(" "),
-                  t("code", [e._v("@dragend")])
+                  a("code", [e._v("@dragend")])
                 ]),
                 e._v(" "),
-                t("ul", [
-                  t("li", [
-                    t("strong", [e._v("Description:")]),
+                a("ul", [
+                  a("li", [
+                    a("strong", [e._v("Description:")]),
                     e._v(" Fires when marker dragging ends if marker "),
-                    t("code", [e._v("draggable")]),
+                    a("code", [e._v("draggable")]),
                     e._v(" prop is "),
-                    t("code", [e._v("true")])
+                    a("code", [e._v("true")])
                   ]),
                   e._v(" "),
-                  t("li", [
-                    t("strong", [e._v("Payload")]),
+                  a("li", [
+                    a("strong", [e._v("Payload")]),
                     e._v(" "),
-                    t("code", [
+                    a("code", [
                       e._v(
-                        "{ component: MarkerComponent, map: Map, MapEvent: Event }"
+                        "{ component: MarkerComponent, map: Map, mapboxEvent: Event }"
                       )
                     ]),
                     e._v(" Object with "),
-                    t("code", [e._v("Marker")]),
+                    a("code", [e._v("Marker")]),
                     e._v(" component, parent map and original MapboxGl event")
                   ])
+                ]),
+                e._v(" "),
+                a(
+                  "h3",
+                  { attrs: { id: "click" } },
+                  [
+                    a(
+                      "a",
+                      {
+                        staticClass: "header-anchor",
+                        attrs: { href: "#click", "aria-hidden": "true" }
+                      },
+                      [e._v("#")]
+                    ),
+                    e._v(" "),
+                    a("code", [e._v("@click")]),
+                    e._v(" "),
+                    a("Badge", {
+                      attrs: { text: "experimental", type: "warn" }
+                    })
+                  ],
+                  1
+                ),
+                e._v(" "),
+                a("ul", [
+                  a("li", [
+                    a("strong", [e._v("Description:")]),
+                    e._v(" Fires marker is clicked.")
+                  ]),
+                  e._v(" "),
+                  a("li", [a("strong", [e._v("Payload")])])
+                ]),
+                e._v(" "),
+                a("div", { staticClass: "language- extra-class" }, [
+                  a("pre", { pre: !0, attrs: { class: "language-text" } }, [
+                    a("code", [
+                      e._v(
+                        "    {\n        component: MarkerComponent,\n        map: Map,\n        mapboxEvent: DOMEvent,\n        marker: Marker\n    }\n"
+                      )
+                    ])
+                  ])
+                ]),
+                a("p", [
+                  e._v("Object with "),
+                  a("code", [e._v("Marker")]),
+                  e._v(" component, parent map and original MapboxGl event")
+                ]),
+                e._v(" "),
+                a(
+                  "h3",
+                  { attrs: { id: "mouseenter" } },
+                  [
+                    a(
+                      "a",
+                      {
+                        staticClass: "header-anchor",
+                        attrs: { href: "#mouseenter", "aria-hidden": "true" }
+                      },
+                      [e._v("#")]
+                    ),
+                    e._v(" "),
+                    a("code", [e._v("@mouseenter")]),
+                    e._v(" "),
+                    a("Badge", {
+                      attrs: { text: "experimental", type: "warn" }
+                    })
+                  ],
+                  1
+                ),
+                e._v(" "),
+                a("ul", [
+                  a("li", [
+                    a("strong", [e._v("Description:")]),
+                    e._v(" Fires when mouse cursor enters marker area.")
+                  ]),
+                  e._v(" "),
+                  a("li", [a("strong", [e._v("Payload")])])
+                ]),
+                e._v(" "),
+                a("div", { staticClass: "language- extra-class" }, [
+                  a("pre", { pre: !0, attrs: { class: "language-text" } }, [
+                    a("code", [
+                      e._v(
+                        "    {\n        component: MarkerComponent,\n        map: Map,\n        mapboxEvent: DOMEvent,\n        marker: Marker\n    }\n"
+                      )
+                    ])
+                  ])
+                ]),
+                a("p", [
+                  e._v("Object with "),
+                  a("code", [e._v("Marker")]),
+                  e._v(" component, parent map and original MapboxGl event")
+                ]),
+                e._v(" "),
+                a(
+                  "h3",
+                  { attrs: { id: "mouseleave" } },
+                  [
+                    a(
+                      "a",
+                      {
+                        staticClass: "header-anchor",
+                        attrs: { href: "#mouseleave", "aria-hidden": "true" }
+                      },
+                      [e._v("#")]
+                    ),
+                    e._v(" "),
+                    a("code", [e._v("@mouseleave")]),
+                    e._v(" "),
+                    a("Badge", {
+                      attrs: { text: "experimental", type: "warn" }
+                    })
+                  ],
+                  1
+                ),
+                e._v(" "),
+                a("ul", [
+                  a("li", [
+                    a("strong", [e._v("Description:")]),
+                    e._v(" Fires when mouse cursor leaves marker area.")
+                  ]),
+                  e._v(" "),
+                  a("li", [a("strong", [e._v("Payload")])])
+                ]),
+                e._v(" "),
+                a("div", { staticClass: "language- extra-class" }, [
+                  a("pre", { pre: !0, attrs: { class: "language-text" } }, [
+                    a("code", [
+                      e._v(
+                        "    {\n        component: MarkerComponent,\n        map: Map,\n        mapboxEvent: DOMEvent,\n        marker: Marker\n    }\n"
+                      )
+                    ])
+                  ])
+                ]),
+                a("p", [
+                  e._v("Object with "),
+                  a("code", [e._v("Marker")]),
+                  e._v(" component, parent map and original MapboxGl event")
                 ])
               ]
             );
diff --git a/docs/assets/js/18.9eb7a777.js b/docs/assets/js/17.95d02626.js
similarity index 99%
rename from docs/assets/js/18.9eb7a777.js
rename to docs/assets/js/17.95d02626.js
index 67aa52ad..757324fb 100644
--- a/docs/assets/js/18.9eb7a777.js
+++ b/docs/assets/js/17.95d02626.js
@@ -1,7 +1,7 @@
 (window.webpackJsonp = window.webpackJsonp || []).push([
-  [18],
+  [17],
   {
-    153: function(e, t, o) {
+    152: function(e, t, o) {
       "use strict";
       o.r(t);
       var a = o(17),
diff --git a/docs/assets/js/19.10105f2d.js b/docs/assets/js/18.449ed0f5.js
similarity index 99%
rename from docs/assets/js/19.10105f2d.js
rename to docs/assets/js/18.449ed0f5.js
index 9e1babed..32a40502 100644
--- a/docs/assets/js/19.10105f2d.js
+++ b/docs/assets/js/18.449ed0f5.js
@@ -1,7 +1,7 @@
 (window.webpackJsonp = window.webpackJsonp || []).push([
-  [19],
+  [18],
   {
-    165: function(t, a, s) {
+    164: function(t, a, s) {
       "use strict";
       s.r(a);
       var n = s(17),
diff --git a/docs/assets/js/20.f558f091.js b/docs/assets/js/19.38617f97.js
similarity index 85%
rename from docs/assets/js/20.f558f091.js
rename to docs/assets/js/19.38617f97.js
index a6d489c1..367464af 100644
--- a/docs/assets/js/20.f558f091.js
+++ b/docs/assets/js/19.38617f97.js
@@ -1,7 +1,7 @@
 (window.webpackJsonp = window.webpackJsonp || []).push([
-  [20],
+  [19],
   {
-    151: function(t, a, s) {
+    150: function(t, a, s) {
       "use strict";
       s.r(a);
       var n = s(17),
@@ -535,6 +535,248 @@
                     ])
                   ])
                 ]),
+                s("div", { staticClass: "tip custom-block" }, [
+                  s("p", { staticClass: "custom-block-title" }, [t._v("TIP")]),
+                  t._v(" "),
+                  s("p", [
+                    t._v(
+                      "If you need, you can pass Mapbox-gl-js implementation as "
+                    ),
+                    s("code", [t._v("mapboxGl")]),
+                    t._v(" prop. May be useful for lazy-loading.\nExample:")
+                  ]),
+                  t._v(" "),
+                  s("div", { staticClass: "language-vue extra-class" }, [
+                    s("pre", { pre: !0, attrs: { class: "language-vue" } }, [
+                      s("code", [
+                        s("span", { pre: !0, attrs: { class: "token tag" } }, [
+                          s(
+                            "span",
+                            { pre: !0, attrs: { class: "token tag" } },
+                            [
+                              s(
+                                "span",
+                                {
+                                  pre: !0,
+                                  attrs: { class: "token punctuation" }
+                                },
+                                [t._v("<")]
+                              ),
+                              t._v("template")
+                            ]
+                          ),
+                          s(
+                            "span",
+                            { pre: !0, attrs: { class: "token punctuation" } },
+                            [t._v(">")]
+                          )
+                        ]),
+                        t._v("\n  "),
+                        s("span", { pre: !0, attrs: { class: "token tag" } }, [
+                          s(
+                            "span",
+                            { pre: !0, attrs: { class: "token tag" } },
+                            [
+                              s(
+                                "span",
+                                {
+                                  pre: !0,
+                                  attrs: { class: "token punctuation" }
+                                },
+                                [t._v("<")]
+                              ),
+                              t._v("MglMap")
+                            ]
+                          ),
+                          t._v("\n    "),
+                          s(
+                            "span",
+                            { pre: !0, attrs: { class: "token attr-name" } },
+                            [t._v(":mapboxGl")]
+                          ),
+                          s(
+                            "span",
+                            { pre: !0, attrs: { class: "token attr-value" } },
+                            [
+                              s(
+                                "span",
+                                {
+                                  pre: !0,
+                                  attrs: { class: "token punctuation" }
+                                },
+                                [t._v("=")]
+                              ),
+                              s(
+                                "span",
+                                {
+                                  pre: !0,
+                                  attrs: { class: "token punctuation" }
+                                },
+                                [t._v('"')]
+                              ),
+                              t._v("mapbox-gl"),
+                              s(
+                                "span",
+                                {
+                                  pre: !0,
+                                  attrs: { class: "token punctuation" }
+                                },
+                                [t._v('"')]
+                              )
+                            ]
+                          ),
+                          t._v("\n    "),
+                          s(
+                            "span",
+                            { pre: !0, attrs: { class: "token attr-name" } },
+                            [t._v(":accessToken")]
+                          ),
+                          s(
+                            "span",
+                            { pre: !0, attrs: { class: "token attr-value" } },
+                            [
+                              s(
+                                "span",
+                                {
+                                  pre: !0,
+                                  attrs: { class: "token punctuation" }
+                                },
+                                [t._v("=")]
+                              ),
+                              s(
+                                "span",
+                                {
+                                  pre: !0,
+                                  attrs: { class: "token punctuation" }
+                                },
+                                [t._v('"')]
+                              ),
+                              t._v("accessToken"),
+                              s(
+                                "span",
+                                {
+                                  pre: !0,
+                                  attrs: { class: "token punctuation" }
+                                },
+                                [t._v('"')]
+                              )
+                            ]
+                          ),
+                          t._v("\n    "),
+                          s(
+                            "span",
+                            { pre: !0, attrs: { class: "token attr-name" } },
+                            [t._v(":mapStyle.sync")]
+                          ),
+                          s(
+                            "span",
+                            { pre: !0, attrs: { class: "token attr-value" } },
+                            [
+                              s(
+                                "span",
+                                {
+                                  pre: !0,
+                                  attrs: { class: "token punctuation" }
+                                },
+                                [t._v("=")]
+                              ),
+                              s(
+                                "span",
+                                {
+                                  pre: !0,
+                                  attrs: { class: "token punctuation" }
+                                },
+                                [t._v('"')]
+                              ),
+                              t._v("mapStyle"),
+                              s(
+                                "span",
+                                {
+                                  pre: !0,
+                                  attrs: { class: "token punctuation" }
+                                },
+                                [t._v('"')]
+                              )
+                            ]
+                          ),
+                          t._v("\n    "),
+                          s(
+                            "span",
+                            { pre: !0, attrs: { class: "token attr-name" } },
+                            [t._v("@load")]
+                          ),
+                          s(
+                            "span",
+                            { pre: !0, attrs: { class: "token attr-value" } },
+                            [
+                              s(
+                                "span",
+                                {
+                                  pre: !0,
+                                  attrs: { class: "token punctuation" }
+                                },
+                                [t._v("=")]
+                              ),
+                              s(
+                                "span",
+                                {
+                                  pre: !0,
+                                  attrs: { class: "token punctuation" }
+                                },
+                                [t._v('"')]
+                              ),
+                              t._v("onMapLoaded"),
+                              s(
+                                "span",
+                                {
+                                  pre: !0,
+                                  attrs: { class: "token punctuation" }
+                                },
+                                [t._v('"')]
+                              )
+                            ]
+                          ),
+                          t._v("\n  "),
+                          s(
+                            "span",
+                            { pre: !0, attrs: { class: "token punctuation" } },
+                            [t._v("/>")]
+                          )
+                        ]),
+                        t._v("\n"),
+                        s("span", { pre: !0, attrs: { class: "token tag" } }, [
+                          s(
+                            "span",
+                            { pre: !0, attrs: { class: "token tag" } },
+                            [
+                              s(
+                                "span",
+                                {
+                                  pre: !0,
+                                  attrs: { class: "token punctuation" }
+                                },
+                                [t._v("</")]
+                              ),
+                              t._v("template")
+                            ]
+                          ),
+                          s(
+                            "span",
+                            { pre: !0, attrs: { class: "token punctuation" } },
+                            [t._v(">")]
+                          )
+                        ]),
+                        t._v("\n")
+                      ])
+                    ])
+                  ]),
+                  s("p", [
+                    t._v(
+                      "If none is passed, VueMapbox imports Mapbox-gl internally."
+                    )
+                  ])
+                ]),
+                t._v(" "),
                 s(
                   "h3",
                   {
@@ -594,11 +836,9 @@
                   "p",
                   [
                     t._v("Full list of props see in "),
-                    s(
-                      "router-link",
-                      { attrs: { to: "/api/glmap.html#props" } },
-                      [t._v("API docs")]
-                    ),
+                    s("router-link", { attrs: { to: "/api/#props" } }, [
+                      t._v("API docs")
+                    ]),
                     t._v(", note field 'Synced' in description")
                   ],
                   1
@@ -1424,11 +1664,9 @@
                   "p",
                   [
                     t._v("See full list of actions on "),
-                    s(
-                      "router-link",
-                      { attrs: { to: "/api/glmap.html#actions" } },
-                      [t._v("API")]
-                    ),
+                    s("router-link", { attrs: { to: "/api/#actions" } }, [
+                      t._v("API")
+                    ]),
                     t._v(" page.")
                   ],
                   1
@@ -1476,11 +1714,9 @@
                   "p",
                   [
                     t._v("See list of events on "),
-                    s(
-                      "router-link",
-                      { attrs: { to: "/api/glmap.html#events" } },
-                      [t._v("API")]
-                    ),
+                    s("router-link", { attrs: { to: "/api/#events" } }, [
+                      t._v("API")
+                    ]),
                     t._v(" page.")
                   ],
                   1
diff --git a/docs/assets/js/21.6a1f30f2.js b/docs/assets/js/20.f9650703.js
similarity index 99%
rename from docs/assets/js/21.6a1f30f2.js
rename to docs/assets/js/20.f9650703.js
index f2873922..d3fbfea7 100644
--- a/docs/assets/js/21.6a1f30f2.js
+++ b/docs/assets/js/20.f9650703.js
@@ -1,7 +1,7 @@
 (window.webpackJsonp = window.webpackJsonp || []).push([
-  [21],
+  [20],
   {
-    150: function(t, a, s) {
+    149: function(t, a, s) {
       "use strict";
       s.r(a);
       var n = s(17),
diff --git a/docs/assets/js/22.8dc7d898.js b/docs/assets/js/21.39c66c8d.js
similarity index 99%
rename from docs/assets/js/22.8dc7d898.js
rename to docs/assets/js/21.39c66c8d.js
index 2c6845e8..9e12b53e 100644
--- a/docs/assets/js/22.8dc7d898.js
+++ b/docs/assets/js/21.39c66c8d.js
@@ -1,7 +1,7 @@
 (window.webpackJsonp = window.webpackJsonp || []).push([
-  [22],
+  [21],
   {
-    149: function(t, a, s) {
+    148: function(t, a, s) {
       "use strict";
       s.r(a);
       var n = s(17),
diff --git a/docs/assets/js/23.4670d875.js b/docs/assets/js/22.276c6a9c.js
similarity index 99%
rename from docs/assets/js/23.4670d875.js
rename to docs/assets/js/22.276c6a9c.js
index 8336dc6a..696cbcf3 100644
--- a/docs/assets/js/23.4670d875.js
+++ b/docs/assets/js/22.276c6a9c.js
@@ -1,7 +1,7 @@
 (window.webpackJsonp = window.webpackJsonp || []).push([
-  [23],
+  [22],
   {
-    148: function(t, a, e) {
+    147: function(t, a, e) {
       "use strict";
       e.r(a);
       var s = e(17),
diff --git a/docs/assets/js/24.fe39c8d8.js b/docs/assets/js/23.87f4c25b.js
similarity index 99%
rename from docs/assets/js/24.fe39c8d8.js
rename to docs/assets/js/23.87f4c25b.js
index c9c518c0..b651e4c1 100644
--- a/docs/assets/js/24.fe39c8d8.js
+++ b/docs/assets/js/23.87f4c25b.js
@@ -1,7 +1,7 @@
 (window.webpackJsonp = window.webpackJsonp || []).push([
-  [24],
+  [23],
   {
-    147: function(t, a, s) {
+    146: function(t, a, s) {
       "use strict";
       s.r(a);
       var n = s(17),
diff --git a/docs/assets/js/25.8dd04822.js b/docs/assets/js/24.9d297e6b.js
similarity index 99%
rename from docs/assets/js/25.8dd04822.js
rename to docs/assets/js/24.9d297e6b.js
index 6bd1da39..a160db72 100644
--- a/docs/assets/js/25.8dd04822.js
+++ b/docs/assets/js/24.9d297e6b.js
@@ -1,7 +1,7 @@
 (window.webpackJsonp = window.webpackJsonp || []).push([
-  [25],
+  [24],
   {
-    146: function(t, a, s) {
+    145: function(t, a, s) {
       "use strict";
       s.r(a);
       var n = s(17),
diff --git a/docs/assets/js/26.b01152e4.js b/docs/assets/js/25.f1bf9c1c.js
similarity index 99%
rename from docs/assets/js/26.b01152e4.js
rename to docs/assets/js/25.f1bf9c1c.js
index 24275aa4..abb305ed 100644
--- a/docs/assets/js/26.b01152e4.js
+++ b/docs/assets/js/25.f1bf9c1c.js
@@ -1,7 +1,7 @@
 (window.webpackJsonp = window.webpackJsonp || []).push([
-  [26],
+  [25],
   {
-    145: function(t, s, a) {
+    154: function(t, s, a) {
       "use strict";
       a.r(s);
       var n = a(17),
@@ -102,11 +102,9 @@
                     t._v(") and "),
                     a("code", [t._v("actions")]),
                     t._v(" ("),
-                    a(
-                      "router-link",
-                      { attrs: { to: "/api/glmap.html#actions" } },
-                      [t._v("promisified")]
-                    ),
+                    a("router-link", { attrs: { to: "/api/#actions" } }, [
+                      t._v("promisified")
+                    ]),
                     t._v(
                       " Mapbox Map methods).\nInject these objects in your component, and you can add to map features you need."
                     )
diff --git a/docs/assets/js/4.4f3338df.js b/docs/assets/js/4.79bc4f3c.js
similarity index 96%
rename from docs/assets/js/4.4f3338df.js
rename to docs/assets/js/4.79bc4f3c.js
index 440b2c96..ea241da7 100644
--- a/docs/assets/js/4.4f3338df.js
+++ b/docs/assets/js/4.79bc4f3c.js
@@ -7,7 +7,7 @@
       var a = n(119);
       n.n(a).a;
     },
-    164: function(t, e, n) {
+    163: function(t, e, n) {
       "use strict";
       n.r(e);
       var a = {
diff --git a/docs/assets/js/6.a47ab602.js b/docs/assets/js/6.49edb5d4.js
similarity index 99%
rename from docs/assets/js/6.a47ab602.js
rename to docs/assets/js/6.49edb5d4.js
index 78886861..5a1cab02 100644
--- a/docs/assets/js/6.a47ab602.js
+++ b/docs/assets/js/6.49edb5d4.js
@@ -1,7 +1,7 @@
 (window.webpackJsonp = window.webpackJsonp || []).push([
   [6],
   {
-    163: function(t, a, s) {
+    162: function(t, a, s) {
       "use strict";
       s.r(a);
       var n = s(17),
diff --git a/docs/assets/js/7.cdef235f.js b/docs/assets/js/7.e6ed37a7.js
similarity index 99%
rename from docs/assets/js/7.cdef235f.js
rename to docs/assets/js/7.e6ed37a7.js
index ebc4d728..369e2d26 100644
--- a/docs/assets/js/7.cdef235f.js
+++ b/docs/assets/js/7.e6ed37a7.js
@@ -1,7 +1,7 @@
 (window.webpackJsonp = window.webpackJsonp || []).push([
   [7],
   {
-    162: function(e, r, t) {
+    161: function(e, r, t) {
       "use strict";
       t.r(r);
       var a = t(17),
diff --git a/docs/assets/js/8.8b4b828f.js b/docs/assets/js/8.3e4706bb.js
similarity index 99%
rename from docs/assets/js/8.8b4b828f.js
rename to docs/assets/js/8.3e4706bb.js
index 1dec937c..dc8897cb 100644
--- a/docs/assets/js/8.8b4b828f.js
+++ b/docs/assets/js/8.3e4706bb.js
@@ -1,7 +1,7 @@
 (window.webpackJsonp = window.webpackJsonp || []).push([
   [8],
   {
-    161: function(a, t, r) {
+    160: function(a, t, r) {
       "use strict";
       r.r(t);
       var s = r(17),
diff --git a/docs/assets/js/9.aebbb2ac.js b/docs/assets/js/9.5e3d2dbf.js
similarity index 99%
rename from docs/assets/js/9.aebbb2ac.js
rename to docs/assets/js/9.5e3d2dbf.js
index b51dc3c8..a0d02e57 100644
--- a/docs/assets/js/9.aebbb2ac.js
+++ b/docs/assets/js/9.5e3d2dbf.js
@@ -1,7 +1,7 @@
 (window.webpackJsonp = window.webpackJsonp || []).push([
   [9],
   {
-    160: function(e, t, r) {
+    159: function(e, t, r) {
       "use strict";
       r.r(t);
       var a = r(17),
diff --git a/docs/assets/js/app.1fce24e6.js b/docs/assets/js/app.1613afe0.js
similarity index 83%
rename from docs/assets/js/app.1fce24e6.js
rename to docs/assets/js/app.1613afe0.js
index ee183c74..402eb760 100644
--- a/docs/assets/js/app.1fce24e6.js
+++ b/docs/assets/js/app.1613afe0.js
@@ -2,20 +2,20 @@
 !(function(t) {
   function e(e) {
     for (
-      var r, a, s = e[0], l = e[1], u = e[2], f = 0, p = [];
+      var r, a, s = e[0], u = e[1], l = e[2], f = 0, p = [];
       f < s.length;
       f++
     )
       (a = s[f]), o[a] && p.push(o[a][0]), (o[a] = 0);
-    for (r in l) Object.prototype.hasOwnProperty.call(l, r) && (t[r] = l[r]);
+    for (r in u) Object.prototype.hasOwnProperty.call(u, r) && (t[r] = u[r]);
     for (c && c(e); p.length; ) p.shift()();
-    return i.push.apply(i, u || []), n();
+    return i.push.apply(i, l || []), n();
   }
   function n() {
     for (var t, e = 0; e < i.length; e++) {
       for (var n = i[e], r = !0, s = 1; s < n.length; s++) {
-        var l = n[s];
-        0 !== o[l] && (r = !1);
+        var u = n[s];
+        0 !== o[u] && (r = !1);
       }
       r && (i.splice(e--, 1), (t = a((a.s = n[0]))));
     }
@@ -41,11 +41,11 @@
         e.push((n[2] = r));
         var i,
           s = document.getElementsByTagName("head")[0],
-          l = document.createElement("script");
-        (l.charset = "utf-8"),
-          (l.timeout = 120),
-          a.nc && l.setAttribute("nonce", a.nc),
-          (l.src = (function(t) {
+          u = document.createElement("script");
+        (u.charset = "utf-8"),
+          (u.timeout = 120),
+          a.nc && u.setAttribute("nonce", a.nc),
+          (u.src = (function(t) {
             return (
               a.p +
               "assets/js/" +
@@ -54,35 +54,34 @@
               {
                 2: "1a36c030",
                 3: "02aa2be5",
-                4: "4f3338df",
+                4: "79bc4f3c",
                 5: "d3d1578a",
-                6: "a47ab602",
-                7: "cdef235f",
-                8: "8b4b828f",
-                9: "aebbb2ac",
-                10: "02b7c2a1",
-                11: "ee64ec8f",
-                12: "f0cb3c91",
-                13: "57cb96bf",
-                14: "7b3fcbc6",
-                15: "6be5284d",
-                16: "733d6730",
-                17: "172f4295",
-                18: "9eb7a777",
-                19: "10105f2d",
-                20: "f558f091",
-                21: "6a1f30f2",
-                22: "8dc7d898",
-                23: "4670d875",
-                24: "fe39c8d8",
-                25: "8dd04822",
-                26: "b01152e4"
+                6: "49edb5d4",
+                7: "e6ed37a7",
+                8: "3e4706bb",
+                9: "5e3d2dbf",
+                10: "496a25ae",
+                11: "c30d5454",
+                12: "43a2535b",
+                13: "0cb68667",
+                14: "3affa2b5",
+                15: "40b3c4ef",
+                16: "7de1d511",
+                17: "95d02626",
+                18: "449ed0f5",
+                19: "38617f97",
+                20: "f9650703",
+                21: "39c66c8d",
+                22: "276c6a9c",
+                23: "87f4c25b",
+                24: "9d297e6b",
+                25: "f1bf9c1c"
               }[t] +
               ".js"
             );
           })(t)),
           (i = function(e) {
-            (l.onerror = l.onload = null), clearTimeout(u);
+            (u.onerror = u.onload = null), clearTimeout(l);
             var n = o[t];
             if (0 !== n) {
               if (n) {
@@ -96,10 +95,10 @@
               o[t] = void 0;
             }
           });
-        var u = setTimeout(function() {
-          i({ type: "timeout", target: l });
+        var l = setTimeout(function() {
+          i({ type: "timeout", target: u });
         }, 12e4);
-        (l.onerror = l.onload = i), s.appendChild(l);
+        (u.onerror = u.onload = i), s.appendChild(u);
       }
     return Promise.all(e);
   }),
@@ -152,10 +151,10 @@
       throw (console.error(t), t);
     });
   var s = (window.webpackJsonp = window.webpackJsonp || []),
-    l = s.push.bind(s);
+    u = s.push.bind(s);
   (s.push = e), (s = s.slice());
-  for (var u = 0; u < s.length; u++) e(s[u]);
-  var c = l;
+  for (var l = 0; l < s.length; l++) e(s[l]);
+  var c = u;
   i.push([69, 0]), n();
 })([
   function(t, e, n) {
@@ -194,41 +193,41 @@
       i = n(9),
       a = n(10),
       s = n(12),
-      l = function(t, e, n) {
-        var u,
+      u = function(t, e, n) {
+        var l,
           c,
           f,
           p,
-          v = t & l.F,
-          d = t & l.G,
-          h = t & l.S,
-          m = t & l.P,
-          g = t & l.B,
-          y = d ? r : h ? r[e] || (r[e] = {}) : (r[e] || {}).prototype,
-          b = d ? o : o[e] || (o[e] = {}),
+          d = t & u.F,
+          h = t & u.G,
+          v = t & u.S,
+          m = t & u.P,
+          y = t & u.B,
+          g = h ? r : v ? r[e] || (r[e] = {}) : (r[e] || {}).prototype,
+          b = h ? o : o[e] || (o[e] = {}),
           _ = b.prototype || (b.prototype = {});
-        for (u in (d && (n = e), n))
-          (f = ((c = !v && y && void 0 !== y[u]) ? y : n)[u]),
+        for (l in (h && (n = e), n))
+          (f = ((c = !d && g && void 0 !== g[l]) ? g : n)[l]),
             (p =
-              g && c
+              y && c
                 ? s(f, r)
                 : m && "function" == typeof f
                   ? s(Function.call, f)
                   : f),
-            y && a(y, u, f, t & l.U),
-            b[u] != f && i(b, u, p),
-            m && _[u] != f && (_[u] = f);
+            g && a(g, l, f, t & u.U),
+            b[l] != f && i(b, l, p),
+            m && _[l] != f && (_[l] = f);
       };
     (r.core = o),
-      (l.F = 1),
-      (l.G = 2),
-      (l.S = 4),
-      (l.P = 8),
-      (l.B = 16),
-      (l.W = 32),
-      (l.U = 64),
-      (l.R = 128),
-      (t.exports = l);
+      (u.F = 1),
+      (u.G = 2),
+      (u.S = 4),
+      (u.P = 8),
+      (u.B = 16),
+      (u.W = 32),
+      (u.U = 64),
+      (u.R = 128),
+      (t.exports = u);
   },
   function(t, e) {
     t.exports = function(t) {
@@ -289,15 +288,15 @@
       i = n(11),
       a = n(19)("src"),
       s = Function.toString,
-      l = ("" + s).split("toString");
+      u = ("" + s).split("toString");
     (n(8).inspectSource = function(t) {
       return s.call(t);
     }),
       (t.exports = function(t, e, n, s) {
-        var u = "function" == typeof n;
-        u && (i(n, "name") || o(n, "name", e)),
+        var l = "function" == typeof n;
+        l && (i(n, "name") || o(n, "name", e)),
           t[e] !== n &&
-            (u && (i(n, a) || o(n, a, t[e] ? "" + t[e] : l.join(String(e)))),
+            (l && (i(n, a) || o(n, a, t[e] ? "" + t[e] : u.join(String(e)))),
             t === r
               ? (t[e] = n)
               : s
@@ -363,14 +362,14 @@
   function(t, e, n) {
     "use strict";
     function r(t, e, n, r, o, i, a, s) {
-      var l,
-        u = "function" == typeof t ? t.options : t;
+      var u,
+        l = "function" == typeof t ? t.options : t;
       if (
-        (e && ((u.render = e), (u.staticRenderFns = n), (u._compiled = !0)),
-        r && (u.functional = !0),
-        i && (u._scopeId = "data-v-" + i),
+        (e && ((l.render = e), (l.staticRenderFns = n), (l._compiled = !0)),
+        r && (l.functional = !0),
+        i && (l._scopeId = "data-v-" + i),
         a
-          ? ((l = function(t) {
+          ? ((u = function(t) {
               (t =
                 t ||
                 (this.$vnode && this.$vnode.ssrContext) ||
@@ -382,26 +381,26 @@
                 o && o.call(this, t),
                 t && t._registeredComponents && t._registeredComponents.add(a);
             }),
-            (u._ssrRegister = l))
+            (l._ssrRegister = u))
           : o &&
-            (l = s
+            (u = s
               ? function() {
                   o.call(this, this.$root.$options.shadowRoot);
                 }
               : o),
-        l)
+        u)
       )
-        if (u.functional) {
-          u._injectStyles = l;
-          var c = u.render;
-          u.render = function(t, e) {
-            return l.call(e), c(t, e);
+        if (l.functional) {
+          l._injectStyles = u;
+          var c = l.render;
+          l.render = function(t, e) {
+            return u.call(e), c(t, e);
           };
         } else {
-          var f = u.beforeCreate;
-          u.beforeCreate = f ? [].concat(f, l) : [l];
+          var f = l.beforeCreate;
+          l.beforeCreate = f ? [].concat(f, u) : [u];
         }
-      return { exports: t, options: u };
+      return { exports: t, options: l };
     }
     n.d(e, "a", function() {
       return r;
@@ -414,12 +413,12 @@
         i = n(10),
         a = n(1),
         s = n(9),
-        l = n(14),
-        u = n(0),
-        c = u("iterator"),
-        f = u("toStringTag"),
-        p = l.Array,
-        v = {
+        u = n(14),
+        l = n(0),
+        c = l("iterator"),
+        f = l("toStringTag"),
+        p = u.Array,
+        d = {
           CSSRuleList: !0,
           CSSStyleDeclaration: !1,
           CSSValueList: !1,
@@ -452,17 +451,17 @@
           TextTrackList: !1,
           TouchList: !1
         },
-        d = o(v),
-        h = 0;
-      h < d.length;
-      h++
+        h = o(d),
+        v = 0;
+      v < h.length;
+      v++
     ) {
       var m,
-        g = d[h],
-        y = v[g],
-        b = a[g],
+        y = h[v],
+        g = d[y],
+        b = a[y],
         _ = b && b.prototype;
-      if (_ && (_[c] || s(_, c, p), _[f] || s(_, f, g), (l[g] = p), y))
+      if (_ && (_[c] || s(_, c, p), _[f] || s(_, f, y), (u[y] = p), g))
         for (m in r) _[m] || i(_, m, r[m], !0);
     }
   },
@@ -583,17 +582,17 @@
             (n.set = function(t) {
               var e = n.isStarted();
               (t = o(t, r.minimum, 1)), (n.status = 1 === t ? null : t);
-              var l = n.render(!e),
-                u = l.querySelector(r.barSelector),
+              var u = n.render(!e),
+                l = u.querySelector(r.barSelector),
                 c = r.speed,
                 f = r.easing;
               return (
-                l.offsetWidth,
+                u.offsetWidth,
                 a(function(e) {
                   "" === r.positionUsing &&
                     (r.positionUsing = n.getPositioningCSS()),
                     s(
-                      u,
+                      l,
                       (function(t, e, n) {
                         var o;
                         return (
@@ -609,10 +608,10 @@
                       })(t, c, f)
                     ),
                     1 === t
-                      ? (s(l, { transition: "none", opacity: 1 }),
-                        l.offsetWidth,
+                      ? (s(u, { transition: "none", opacity: 1 }),
+                        u.offsetWidth,
                         setTimeout(function() {
-                          s(l, {
+                          s(u, {
                             transition: "all " + c + "ms linear",
                             opacity: 0
                           }),
@@ -669,21 +668,21 @@
             }),
             (n.render = function(t) {
               if (n.isRendered()) return document.getElementById("nprogress");
-              u(document.documentElement, "nprogress-busy");
+              l(document.documentElement, "nprogress-busy");
               var e = document.createElement("div");
               (e.id = "nprogress"), (e.innerHTML = r.template);
               var o,
                 a = e.querySelector(r.barSelector),
-                l = t ? "-100" : i(n.status || 0),
+                u = t ? "-100" : i(n.status || 0),
                 c = document.querySelector(r.parent);
               return (
                 s(a, {
                   transition: "all 0 linear",
-                  transform: "translate3d(" + l + "%,0,0)"
+                  transform: "translate3d(" + u + "%,0,0)"
                 }),
                 r.showSpinner ||
                   ((o = e.querySelector(r.spinnerSelector)) && p(o)),
-                c != document.body && u(c, "nprogress-custom-parent"),
+                c != document.body && l(c, "nprogress-custom-parent"),
                 c.appendChild(e),
                 e
               );
@@ -764,19 +763,19 @@
                 else r(t, i[1], i[2]);
               };
             })();
-          function l(t, e) {
+          function u(t, e) {
             var n = "string" == typeof t ? t : f(t);
             return n.indexOf(" " + e + " ") >= 0;
           }
-          function u(t, e) {
+          function l(t, e) {
             var n = f(t),
               r = n + e;
-            l(n, e) || (t.className = r.substring(1));
+            u(n, e) || (t.className = r.substring(1));
           }
           function c(t, e) {
             var n,
               r = f(t);
-            l(t, e) &&
+            u(t, e) &&
               ((n = r.replace(" " + e + " ", " ")),
               (t.className = n.substring(1, n.length - 1)));
           }
@@ -809,17 +808,17 @@
       i = n(10),
       a = n(9),
       s = n(14),
-      l = n(71),
-      u = n(23),
+      u = n(71),
+      l = n(23),
       c = n(75),
       f = n(0)("iterator"),
       p = !([].keys && "next" in [].keys()),
-      v = function() {
+      d = function() {
         return this;
       };
-    t.exports = function(t, e, n, d, h, m, g) {
-      l(n, e, d);
-      var y,
+    t.exports = function(t, e, n, h, v, m, y) {
+      u(n, e, h);
+      var g,
         b,
         _,
         w = function(t) {
@@ -836,18 +835,18 @@
           };
         },
         x = e + " Iterator",
-        k = "values" == h,
+        k = "values" == v,
         O = !1,
         C = t.prototype,
-        S = C[f] || C["@@iterator"] || (h && C[h]),
-        $ = S || w(h),
-        E = h ? (k ? w("entries") : $) : void 0,
+        S = C[f] || C["@@iterator"] || (v && C[v]),
+        $ = S || w(v),
+        E = v ? (k ? w("entries") : $) : void 0,
         A = ("Array" == e && C.entries) || S;
       if (
         (A &&
           (_ = c(A.call(new t()))) !== Object.prototype &&
           _.next &&
-          (u(_, x, !0), r || "function" == typeof _[f] || a(_, f, v)),
+          (l(_, x, !0), r || "function" == typeof _[f] || a(_, f, d)),
         k &&
           S &&
           "values" !== S.name &&
@@ -855,22 +854,22 @@
           ($ = function() {
             return S.call(this);
           })),
-        (r && !g) || (!p && !O && C[f]) || a(C, f, $),
+        (r && !y) || (!p && !O && C[f]) || a(C, f, $),
         (s[e] = $),
-        (s[x] = v),
-        h)
+        (s[x] = d),
+        v)
       )
         if (
-          ((y = {
+          ((g = {
             values: k ? $ : w("values"),
             keys: m ? $ : w("keys"),
             entries: E
           }),
-          g)
+          y)
         )
-          for (b in y) b in C || i(C, b, y[b]);
-        else o(o.P + o.F * (p || O), e, y);
-      return y;
+          for (b in g) b in C || i(C, b, g[b]);
+        else o(o.P + o.F * (p || O), e, g);
+      return g;
     };
   },
   function(t, e, n) {
@@ -918,30 +917,30 @@
       i = n(78),
       a = n(3),
       s = n(30),
-      l = n(79),
-      u = {},
+      u = n(79),
+      l = {},
       c = {};
     ((e = t.exports = function(t, e, n, f, p) {
-      var v,
-        d,
+      var d,
         h,
+        v,
         m,
-        g = p
+        y = p
           ? function() {
               return t;
             }
-          : l(t),
-        y = r(n, f, e ? 2 : 1),
+          : u(t),
+        g = r(n, f, e ? 2 : 1),
         b = 0;
-      if ("function" != typeof g) throw TypeError(t + " is not iterable!");
-      if (i(g)) {
-        for (v = s(t.length); v > b; b++)
-          if ((m = e ? y(a((d = t[b]))[0], d[1]) : y(t[b])) === u || m === c)
+      if ("function" != typeof y) throw TypeError(t + " is not iterable!");
+      if (i(y)) {
+        for (d = s(t.length); d > b; b++)
+          if ((m = e ? g(a((h = t[b]))[0], h[1]) : g(t[b])) === l || m === c)
             return m;
       } else
-        for (h = g.call(t); !(d = h.next()).done; )
-          if ((m = o(h, y, d.value, e)) === u || m === c) return m;
-    }).BREAK = u),
+        for (v = y.call(t); !(h = v.next()).done; )
+          if ((m = o(v, g, h.value, e)) === l || m === c) return m;
+    }).BREAK = l),
       (e.RETURN = c);
   },
   function(t, e, n) {
@@ -957,13 +956,13 @@
       i = n(11),
       a = n(6).f,
       s = 0,
-      l =
+      u =
         Object.isExtensible ||
         function() {
           return !0;
         },
-      u = !n(5)(function() {
-        return l(Object.preventExtensions({}));
+      l = !n(5)(function() {
+        return u(Object.preventExtensions({}));
       }),
       c = function(t) {
         a(t, r, { value: { i: "O" + ++s, w: {} } });
@@ -977,7 +976,7 @@
               ? t
               : ("string" == typeof t ? "S" : "P") + t;
           if (!i(t, r)) {
-            if (!l(t)) return "F";
+            if (!u(t)) return "F";
             if (!e) return "E";
             c(t);
           }
@@ -985,14 +984,14 @@
         },
         getWeak: function(t, e) {
           if (!i(t, r)) {
-            if (!l(t)) return !0;
+            if (!u(t)) return !0;
             if (!e) return !1;
             c(t);
           }
           return t[r].w;
         },
         onFreeze: function(t) {
-          return u && f.NEED && l(t) && !i(t, r) && c(t), t;
+          return l && f.NEED && u(t) && !i(t, r) && c(t), t;
         }
       });
   },
@@ -1113,7 +1112,7 @@
       i = n(33),
       a = n(32)("IE_PROTO"),
       s = function() {},
-      l = function() {
+      u = function() {
         var t,
           e = n(28)("iframe"),
           r = i.length;
@@ -1124,12 +1123,12 @@
             (t = e.contentWindow.document).open(),
             t.write("<script>document.F=Object</script>"),
             t.close(),
-            l = t.F;
+            u = t.F;
           r--;
 
         )
-          delete l.prototype[i[r]];
-        return l();
+          delete u.prototype[i[r]];
+        return u();
       };
     t.exports =
       Object.create ||
@@ -1141,7 +1140,7 @@
               (n = new s()),
               (s.prototype = null),
               (n[a] = t))
-            : (n = l()),
+            : (n = u()),
           void 0 === e ? n : o(n, e)
         );
       };
@@ -1154,11 +1153,11 @@
     t.exports = function(t, e) {
       var n,
         s = o(t),
-        l = 0,
-        u = [];
-      for (n in s) n != a && r(s, n) && u.push(n);
-      for (; e.length > l; ) r(s, (n = e[l++])) && (~i(u, n) || u.push(n));
-      return u;
+        u = 0,
+        l = [];
+      for (n in s) n != a && r(s, n) && l.push(n);
+      for (; e.length > u; ) r(s, (n = e[u++])) && (~i(l, n) || l.push(n));
+      return l;
     };
   },
   function(t, e, n) {
@@ -1211,50 +1210,50 @@
       i,
       a = n(12),
       s = n(80),
-      l = n(50),
-      u = n(28),
+      u = n(50),
+      l = n(28),
       c = n(1),
       f = c.process,
       p = c.setImmediate,
-      v = c.clearImmediate,
-      d = c.MessageChannel,
-      h = c.Dispatch,
+      d = c.clearImmediate,
+      h = c.MessageChannel,
+      v = c.Dispatch,
       m = 0,
-      g = {},
-      y = function() {
+      y = {},
+      g = function() {
         var t = +this;
-        if (g.hasOwnProperty(t)) {
-          var e = g[t];
-          delete g[t], e();
+        if (y.hasOwnProperty(t)) {
+          var e = y[t];
+          delete y[t], e();
         }
       },
       b = function(t) {
-        y.call(t.data);
+        g.call(t.data);
       };
-    (p && v) ||
+    (p && d) ||
       ((p = function(t) {
         for (var e = [], n = 1; arguments.length > n; ) e.push(arguments[n++]);
         return (
-          (g[++m] = function() {
+          (y[++m] = function() {
             s("function" == typeof t ? t : Function(t), e);
           }),
           r(m),
           m
         );
       }),
-      (v = function(t) {
-        delete g[t];
+      (d = function(t) {
+        delete y[t];
       }),
       "process" == n(16)(f)
         ? (r = function(t) {
-            f.nextTick(a(y, t, 1));
+            f.nextTick(a(g, t, 1));
           })
-        : h && h.now
+        : v && v.now
           ? (r = function(t) {
-              h.now(a(y, t, 1));
+              v.now(a(g, t, 1));
             })
-          : d
-            ? ((i = (o = new d()).port2),
+          : h
+            ? ((i = (o = new h()).port2),
               (o.port1.onmessage = b),
               (r = a(i.postMessage, i, 1)))
             : c.addEventListener &&
@@ -1265,18 +1264,18 @@
                 }),
                 c.addEventListener("message", b, !1))
               : (r =
-                  "onreadystatechange" in u("script")
+                  "onreadystatechange" in l("script")
                     ? function(t) {
-                        l.appendChild(
-                          u("script")
+                        u.appendChild(
+                          l("script")
                         ).onreadystatechange = function() {
-                          l.removeChild(this), y.call(t);
+                          u.removeChild(this), g.call(t);
                         };
                       }
                     : function(t) {
-                        setTimeout(a(y, t, 1), 0);
+                        setTimeout(a(g, t, 1), 0);
                       })),
-      (t.exports = { set: p, clear: v });
+      (t.exports = { set: p, clear: d });
   },
   function(t, e, n) {
     "use strict";
@@ -1365,14 +1364,14 @@
       i = n(15),
       a = n(45),
       s = n(11),
-      l = n(44),
-      u = Object.getOwnPropertyDescriptor;
+      u = n(44),
+      l = Object.getOwnPropertyDescriptor;
     e.f = n(7)
-      ? u
+      ? l
       : function(t, e) {
-          if (((t = i(t)), (e = a(e, !0)), l))
+          if (((t = i(t)), (e = a(e, !0)), u))
             try {
-              return u(t, e);
+              return l(t, e);
             } catch (t) {}
           if (s(t, e)) return o(!r.f.call(t, e), t[e]);
         };
@@ -1411,8 +1410,8 @@
       i = /^\s+|\s+$/g,
       a = /^[-+]0x[0-9a-f]+$/i,
       s = /^0b[01]+$/i,
-      l = /^0o[0-7]+$/i,
-      u = parseInt,
+      u = /^0o[0-7]+$/i,
+      l = parseInt,
       c =
         "object" == typeof global &&
         global &&
@@ -1420,75 +1419,75 @@
         global,
       f = "object" == typeof self && self && self.Object === Object && self,
       p = c || f || Function("return this")(),
-      v = Object.prototype.toString,
-      d = Math.max,
-      h = Math.min,
+      d = Object.prototype.toString,
+      h = Math.max,
+      v = Math.min,
       m = function() {
         return p.Date.now();
       };
-    function g(t, e, r) {
+    function y(t, e, r) {
       var o,
         i,
         a,
         s,
-        l,
         u,
+        l,
         c = 0,
         f = !1,
         p = !1,
-        v = !0;
+        d = !0;
       if ("function" != typeof t) throw new TypeError(n);
-      function g(e) {
+      function y(e) {
         var n = o,
           r = i;
         return (o = i = void 0), (c = e), (s = t.apply(r, n));
       }
       function _(t) {
-        var n = t - u;
-        return void 0 === u || n >= e || n < 0 || (p && t - c >= a);
+        var n = t - l;
+        return void 0 === l || n >= e || n < 0 || (p && t - c >= a);
       }
       function w() {
         var t = m();
         if (_(t)) return x(t);
-        l = setTimeout(
+        u = setTimeout(
           w,
           (function(t) {
-            var n = e - (t - u);
-            return p ? h(n, a - (t - c)) : n;
+            var n = e - (t - l);
+            return p ? v(n, a - (t - c)) : n;
           })(t)
         );
       }
       function x(t) {
-        return (l = void 0), v && o ? g(t) : ((o = i = void 0), s);
+        return (u = void 0), d && o ? y(t) : ((o = i = void 0), s);
       }
       function k() {
         var t = m(),
           n = _(t);
-        if (((o = arguments), (i = this), (u = t), n)) {
-          if (void 0 === l)
+        if (((o = arguments), (i = this), (l = t), n)) {
+          if (void 0 === u)
             return (function(t) {
-              return (c = t), (l = setTimeout(w, e)), f ? g(t) : s;
-            })(u);
-          if (p) return (l = setTimeout(w, e)), g(u);
+              return (c = t), (u = setTimeout(w, e)), f ? y(t) : s;
+            })(l);
+          if (p) return (u = setTimeout(w, e)), y(l);
         }
-        return void 0 === l && (l = setTimeout(w, e)), s;
+        return void 0 === u && (u = setTimeout(w, e)), s;
       }
       return (
         (e = b(e) || 0),
-        y(r) &&
+        g(r) &&
           ((f = !!r.leading),
-          (a = (p = "maxWait" in r) ? d(b(r.maxWait) || 0, e) : a),
-          (v = "trailing" in r ? !!r.trailing : v)),
+          (a = (p = "maxWait" in r) ? h(b(r.maxWait) || 0, e) : a),
+          (d = "trailing" in r ? !!r.trailing : d)),
         (k.cancel = function() {
-          void 0 !== l && clearTimeout(l), (c = 0), (o = u = i = l = void 0);
+          void 0 !== u && clearTimeout(u), (c = 0), (o = l = i = u = void 0);
         }),
         (k.flush = function() {
-          return void 0 === l ? s : x(m());
+          return void 0 === u ? s : x(m());
         }),
         k
       );
     }
-    function y(t) {
+    function g(t) {
       var e = typeof t;
       return !!t && ("object" == e || "function" == e);
     }
@@ -1501,29 +1500,29 @@
             ((function(t) {
               return !!t && "object" == typeof t;
             })(t) &&
-              v.call(t) == o)
+              d.call(t) == o)
           );
         })(t)
       )
         return r;
-      if (y(t)) {
+      if (g(t)) {
         var e = "function" == typeof t.valueOf ? t.valueOf() : t;
-        t = y(e) ? e + "" : e;
+        t = g(e) ? e + "" : e;
       }
       if ("string" != typeof t) return 0 === t ? t : +t;
       t = t.replace(i, "");
       var n = s.test(t);
-      return n || l.test(t) ? u(t.slice(2), n ? 2 : 8) : a.test(t) ? r : +t;
+      return n || u.test(t) ? l(t.slice(2), n ? 2 : 8) : a.test(t) ? r : +t;
     }
     t.exports = function(t, e, r) {
       var o = !0,
         i = !0;
       if ("function" != typeof t) throw new TypeError(n);
       return (
-        y(r) &&
+        g(r) &&
           ((o = "leading" in r ? !!r.leading : o),
           (i = "trailing" in r ? !!r.trailing : i)),
-        g(t, e, { leading: o, maxWait: e, trailing: i })
+        y(t, e, { leading: o, maxWait: e, trailing: i })
       );
     };
   },
@@ -1583,14 +1582,14 @@
       a = n(13),
       s = n(0);
     t.exports = function(t, e, n) {
-      var l = s(t),
-        u = n(a, l, ""[t]),
-        c = u[0],
-        f = u[1];
+      var u = s(t),
+        l = n(a, u, ""[t]),
+        c = l[0],
+        f = l[1];
       i(function() {
         var e = {};
         return (
-          (e[l] = function() {
+          (e[u] = function() {
             return 7;
           }),
           7 != ""[t](e)
@@ -1599,7 +1598,7 @@
         (o(String.prototype, t, c),
         r(
           RegExp.prototype,
-          l,
+          u,
           2 == e
             ? function(t, e) {
                 return f.call(t, this, e);
@@ -1642,8 +1641,8 @@
       ? Object.defineProperties
       : function(t, e) {
           o(t);
-          for (var n, a = i(e), s = a.length, l = 0; s > l; )
-            r.f(t, (n = a[l++]), e[n]);
+          for (var n, a = i(e), s = a.length, u = 0; s > u; )
+            r.f(t, (n = a[u++]), e[n]);
           return t;
         };
   },
@@ -1654,14 +1653,14 @@
     t.exports = function(t) {
       return function(e, n, a) {
         var s,
-          l = r(e),
-          u = o(l.length),
-          c = i(a, u);
+          u = r(e),
+          l = o(u.length),
+          c = i(a, l);
         if (t && n != n) {
-          for (; u > c; ) if ((s = l[c++]) != s) return !0;
+          for (; l > c; ) if ((s = u[c++]) != s) return !0;
         } else
-          for (; u > c; c++)
-            if ((t || c in l) && l[c] === n) return t || c || 0;
+          for (; l > c; c++)
+            if ((t || c in u) && u[c] === n) return t || c || 0;
         return !t && -1;
       };
     };
@@ -1701,26 +1700,26 @@
       i,
       a,
       s = n(27),
-      l = n(1),
-      u = n(12),
+      u = n(1),
+      l = n(12),
       c = n(51),
       f = n(4),
       p = n(2),
-      v = n(21),
-      d = n(35),
-      h = n(36),
+      d = n(21),
+      h = n(35),
+      v = n(36),
       m = n(52),
-      g = n(53).set,
-      y = n(81)(),
+      y = n(53).set,
+      g = n(81)(),
       b = n(54),
       _ = n(82),
       w = n(83),
       x = n(55),
-      k = l.TypeError,
-      O = l.process,
+      k = u.TypeError,
+      O = u.process,
       C = O && O.versions,
       S = (C && C.v8) || "",
-      $ = l.Promise,
+      $ = u.Promise,
       E = "process" == c(O),
       A = function() {},
       j = (o = b.f),
@@ -1746,7 +1745,7 @@
         if (!t._n) {
           t._n = !0;
           var n = t._c;
-          y(function() {
+          g(function() {
             for (
               var r = t._v,
                 o = 1 == t._s,
@@ -1756,8 +1755,8 @@
                     i,
                     a,
                     s = o ? e.ok : e.fail,
-                    l = e.resolve,
-                    u = e.reject,
+                    u = e.resolve,
+                    l = e.reject,
                     c = e.domain;
                   try {
                     s
@@ -1768,13 +1767,13 @@
                             (n = s(r)),
                             c && (c.exit(), (a = !0))),
                         n === e.promise
-                          ? u(k("Promise-chain cycle"))
+                          ? l(k("Promise-chain cycle"))
                           : (i = P(n))
-                            ? i.call(n, l, u)
-                            : l(n))
-                      : u(r);
+                            ? i.call(n, u, l)
+                            : u(n))
+                      : l(r);
                   } catch (t) {
-                    c && !a && c.exit(), u(t);
+                    c && !a && c.exit(), l(t);
                   }
                 };
               n.length > i;
@@ -1786,7 +1785,7 @@
         }
       },
       M = function(t) {
-        g.call(l, function() {
+        y.call(u, function() {
           var e,
             n,
             r,
@@ -1797,9 +1796,9 @@
               ((e = _(function() {
                 E
                   ? O.emit("unhandledRejection", o, t)
-                  : (n = l.onunhandledrejection)
+                  : (n = u.onunhandledrejection)
                     ? n({ promise: t, reason: o })
-                    : (r = l.console) &&
+                    : (r = u.console) &&
                       r.error &&
                       r.error("Unhandled promise rejection", o);
               })),
@@ -1814,11 +1813,11 @@
         return 1 !== t._h && 0 === (t._a || t._c).length;
       },
       R = function(t) {
-        g.call(l, function() {
+        y.call(u, function() {
           var e;
           E
             ? O.emit("rejectionHandled", t)
-            : (e = l.onrejectionhandled) && e({ promise: t, reason: t._v });
+            : (e = u.onrejectionhandled) && e({ promise: t, reason: t._v });
         });
       },
       D = function(t) {
@@ -1838,10 +1837,10 @@
           try {
             if (n === t) throw k("Promise can't be resolved itself");
             (e = P(t))
-              ? y(function() {
+              ? g(function() {
                   var r = { _w: n, _d: !1 };
                   try {
-                    e.call(t, u(N, r, 1), u(D, r, 1));
+                    e.call(t, l(N, r, 1), l(D, r, 1));
                   } catch (t) {
                     D.call(r, t);
                   }
@@ -1854,9 +1853,9 @@
       };
     L ||
       (($ = function(t) {
-        d(this, $, "Promise", "_h"), v(t), r.call(this);
+        h(this, $, "Promise", "_h"), d(t), r.call(this);
         try {
-          t(u(N, this, 1), u(D, this, 1));
+          t(l(N, this, 1), l(D, this, 1));
         } catch (t) {
           D.call(this, t);
         }
@@ -1889,8 +1888,8 @@
       (i = function() {
         var t = new r();
         (this.promise = t),
-          (this.resolve = u(N, t, 1)),
-          (this.reject = u(D, t, 1));
+          (this.resolve = l(N, t, 1)),
+          (this.reject = l(D, t, 1));
       }),
       (b.f = j = function(t) {
         return t === $ || t === a ? new i(t) : o(t);
@@ -1930,13 +1929,13 @@
                 var n = [],
                   i = 0,
                   a = 1;
-                h(t, !1, function(t) {
+                v(t, !1, function(t) {
                   var s = i++,
-                    l = !1;
+                    u = !1;
                   n.push(void 0),
                     a++,
                     e.resolve(t).then(function(t) {
-                      l || ((l = !0), (n[s] = t), --a || r(n));
+                      u || ((u = !0), (n[s] = t), --a || r(n));
                     }, o);
                 }),
                   --a || r(n);
@@ -1948,7 +1947,7 @@
               n = j(e),
               r = n.reject,
               o = _(function() {
-                h(t, !1, function(t) {
+                v(t, !1, function(t) {
                   e.resolve(t).then(n.resolve, r);
                 });
               });
@@ -2010,14 +2009,14 @@
       i = r.MutationObserver || r.WebKitMutationObserver,
       a = r.process,
       s = r.Promise,
-      l = "process" == n(16)(a);
+      u = "process" == n(16)(a);
     t.exports = function() {
       var t,
         e,
         n,
-        u = function() {
+        l = function() {
           var r, o;
-          for (l && (r = a.domain) && r.exit(); t; ) {
+          for (u && (r = a.domain) && r.exit(); t; ) {
             (o = t.fn), (t = t.next);
             try {
               o();
@@ -2027,24 +2026,24 @@
           }
           (e = void 0), r && r.enter();
         };
-      if (l)
+      if (u)
         n = function() {
-          a.nextTick(u);
+          a.nextTick(l);
         };
       else if (!i || (r.navigator && r.navigator.standalone))
         if (s && s.resolve) {
           var c = s.resolve(void 0);
           n = function() {
-            c.then(u);
+            c.then(l);
           };
         } else
           n = function() {
-            o.call(r, u);
+            o.call(r, l);
           };
       else {
         var f = !0,
           p = document.createTextNode("");
-        new i(u).observe(p, { characterData: !0 }),
+        new i(l).observe(p, { characterData: !0 }),
           (n = function() {
             p.data = f = !f;
           });
@@ -2105,9 +2104,9 @@
       i = n(58),
       a = n(34),
       s = n(47),
-      l = Object.assign;
+      u = Object.assign;
     t.exports =
-      !l ||
+      !u ||
       n(5)(function() {
         var t = {},
           e = {},
@@ -2118,28 +2117,28 @@
           r.split("").forEach(function(t) {
             e[t] = t;
           }),
-          7 != l({}, t)[n] || Object.keys(l({}, e)).join("") != r
+          7 != u({}, t)[n] || Object.keys(u({}, e)).join("") != r
         );
       })
         ? function(t, e) {
             for (
-              var n = a(t), l = arguments.length, u = 1, c = o.f, f = i.f;
-              l > u;
+              var n = a(t), u = arguments.length, l = 1, c = o.f, f = i.f;
+              u > l;
 
             )
               for (
                 var p,
-                  v = s(arguments[u++]),
-                  d = c ? r(v).concat(c(v)) : r(v),
-                  h = d.length,
+                  d = s(arguments[l++]),
+                  h = c ? r(d).concat(c(d)) : r(d),
+                  v = h.length,
                   m = 0;
-                h > m;
+                v > m;
 
               )
-                f.call(v, (p = d[m++])) && (n[p] = v[p]);
+                f.call(d, (p = h[m++])) && (n[p] = d[p]);
             return n;
           }
-        : l;
+        : u;
   },
   function(t, e, n) {
     var r = n(2),
@@ -2198,11 +2197,11 @@
     r(r.S, "Object", {
       getOwnPropertyDescriptors: function(t) {
         for (
-          var e, n, r = i(t), l = a.f, u = o(r), c = {}, f = 0;
-          u.length > f;
+          var e, n, r = i(t), u = a.f, l = o(r), c = {}, f = 0;
+          l.length > f;
 
         )
-          void 0 !== (n = l(r, (e = u[f++]))) && s(c, e, n);
+          void 0 !== (n = u(r, (e = l[f++]))) && s(c, e, n);
         return c;
       }
     });
@@ -2237,28 +2236,28 @@
         i = "function" == typeof Symbol ? Symbol : {},
         a = i.iterator || "@@iterator",
         s = i.asyncIterator || "@@asyncIterator",
-        l = i.toStringTag || "@@toStringTag",
-        u = "object" == typeof t,
+        u = i.toStringTag || "@@toStringTag",
+        l = "object" == typeof t,
         c = e.regeneratorRuntime;
-      if (c) u && (t.exports = c);
+      if (c) l && (t.exports = c);
       else {
-        (c = e.regeneratorRuntime = u ? t.exports : {}).wrap = _;
+        (c = e.regeneratorRuntime = l ? t.exports : {}).wrap = _;
         var f = "suspendedStart",
           p = "suspendedYield",
-          v = "executing",
-          d = "completed",
-          h = {},
+          d = "executing",
+          h = "completed",
+          v = {},
           m = {};
         m[a] = function() {
           return this;
         };
-        var g = Object.getPrototypeOf,
-          y = g && g(g(L([])));
-        y && y !== r && o.call(y, a) && (m = y);
+        var y = Object.getPrototypeOf,
+          g = y && y(y(L([])));
+        g && g !== r && o.call(g, a) && (m = g);
         var b = (O.prototype = x.prototype = Object.create(m));
         (k.prototype = b.constructor = O),
           (O.constructor = k),
-          (O[l] = k.displayName = "GeneratorFunction"),
+          (O[u] = k.displayName = "GeneratorFunction"),
           (c.isGeneratorFunction = function(t) {
             var e = "function" == typeof t && t.constructor;
             return (
@@ -2270,7 +2269,7 @@
             return (
               Object.setPrototypeOf
                 ? Object.setPrototypeOf(t, O)
-                : ((t.__proto__ = O), l in t || (t[l] = "GeneratorFunction")),
+                : ((t.__proto__ = O), u in t || (t[u] = "GeneratorFunction")),
               (t.prototype = Object.create(b)),
               t
             );
@@ -2292,7 +2291,7 @@
                 });
           }),
           C(b),
-          (b[l] = "Generator"),
+          (b[u] = "Generator"),
           (b[a] = function() {
             return this;
           }),
@@ -2357,15 +2356,15 @@
                   s = a.completion;
                 if ("root" === a.tryLoc) return r("end");
                 if (a.tryLoc <= this.prev) {
-                  var l = o.call(a, "catchLoc"),
-                    u = o.call(a, "finallyLoc");
-                  if (l && u) {
+                  var u = o.call(a, "catchLoc"),
+                    l = o.call(a, "finallyLoc");
+                  if (u && l) {
                     if (this.prev < a.catchLoc) return r(a.catchLoc, !0);
                     if (this.prev < a.finallyLoc) return r(a.finallyLoc);
-                  } else if (l) {
+                  } else if (u) {
                     if (this.prev < a.catchLoc) return r(a.catchLoc, !0);
                   } else {
-                    if (!u)
+                    if (!l)
                       throw new Error("try statement without catch or finally");
                     if (this.prev < a.finallyLoc) return r(a.finallyLoc);
                   }
@@ -2394,7 +2393,7 @@
                 (a.type = t),
                 (a.arg = e),
                 i
-                  ? ((this.method = "next"), (this.next = i.finallyLoc), h)
+                  ? ((this.method = "next"), (this.next = i.finallyLoc), v)
                   : this.complete(a)
               );
             },
@@ -2408,14 +2407,14 @@
                       (this.method = "return"),
                       (this.next = "end"))
                     : "normal" === t.type && e && (this.next = e),
-                h
+                v
               );
             },
             finish: function(t) {
               for (var e = this.tryEntries.length - 1; e >= 0; --e) {
                 var n = this.tryEntries[e];
                 if (n.finallyLoc === t)
-                  return this.complete(n.completion, n.afterLoc), A(n), h;
+                  return this.complete(n.completion, n.afterLoc), A(n), v;
               }
             },
             catch: function(t) {
@@ -2436,7 +2435,7 @@
               return (
                 (this.delegate = { iterator: L(t), resultName: e, nextLoc: r }),
                 "next" === this.method && (this.arg = n),
-                h
+                v
               );
             }
           });
@@ -2449,8 +2448,8 @@
           (i._invoke = (function(t, e, n) {
             var r = f;
             return function(o, i) {
-              if (r === v) throw new Error("Generator is already running");
-              if (r === d) {
+              if (r === d) throw new Error("Generator is already running");
+              if (r === h) {
                 if ("throw" === o) throw i;
                 return P();
               }
@@ -2459,23 +2458,23 @@
                 if (a) {
                   var s = $(a, n);
                   if (s) {
-                    if (s === h) continue;
+                    if (s === v) continue;
                     return s;
                   }
                 }
                 if ("next" === n.method) n.sent = n._sent = n.arg;
                 else if ("throw" === n.method) {
-                  if (r === f) throw ((r = d), n.arg);
+                  if (r === f) throw ((r = h), n.arg);
                   n.dispatchException(n.arg);
                 } else "return" === n.method && n.abrupt("return", n.arg);
-                r = v;
-                var l = w(t, e, n);
-                if ("normal" === l.type) {
-                  if (((r = n.done ? d : p), l.arg === h)) continue;
-                  return { value: l.arg, done: n.done };
+                r = d;
+                var u = w(t, e, n);
+                if ("normal" === u.type) {
+                  if (((r = n.done ? h : p), u.arg === v)) continue;
+                  return { value: u.arg, done: n.done };
                 }
-                "throw" === l.type &&
-                  ((r = d), (n.method = "throw"), (n.arg = l.arg));
+                "throw" === u.type &&
+                  ((r = h), (n.method = "throw"), (n.arg = u.arg));
               }
             };
           })(t, n, a)),
@@ -2507,10 +2506,10 @@
               !(function e(n, r, i, a) {
                 var s = w(t[n], t, r);
                 if ("throw" !== s.type) {
-                  var l = s.arg,
-                    u = l.value;
-                  return u && "object" == typeof u && o.call(u, "__await")
-                    ? Promise.resolve(u.__await).then(
+                  var u = s.arg,
+                    l = u.value;
+                  return l && "object" == typeof l && o.call(l, "__await")
+                    ? Promise.resolve(l.__await).then(
                         function(t) {
                           e("next", t, i, a);
                         },
@@ -2518,9 +2517,9 @@
                           e("throw", t, i, a);
                         }
                       )
-                    : Promise.resolve(u).then(
+                    : Promise.resolve(l).then(
                         function(t) {
-                          (l.value = t), i(l);
+                          (u.value = t), i(u);
                         },
                         function(t) {
                           return e("throw", t, i, a);
@@ -2545,17 +2544,17 @@
               $(t, e),
               "throw" === e.method)
             )
-              return h;
+              return v;
             (e.method = "throw"),
               (e.arg = new TypeError(
                 "The iterator does not provide a 'throw' method"
               ));
           }
-          return h;
+          return v;
         }
         var o = w(r, t.iterator, e.arg);
         if ("throw" === o.type)
-          return (e.method = "throw"), (e.arg = o.arg), (e.delegate = null), h;
+          return (e.method = "throw"), (e.arg = o.arg), (e.delegate = null), v;
         var i = o.arg;
         return i
           ? i.done
@@ -2563,12 +2562,12 @@
               (e.next = t.nextLoc),
               "return" !== e.method && ((e.method = "next"), (e.arg = n)),
               (e.delegate = null),
-              h)
+              v)
             : i
           : ((e.method = "throw"),
             (e.arg = new TypeError("iterator result is not an object")),
             (e.delegate = null),
-            h);
+            v);
       }
       function E(t) {
         var e = { tryLoc: t[0] };
@@ -2619,22 +2618,22 @@
         var i,
           a,
           s = String(o(e)),
-          l = r(n),
-          u = s.length;
-        return l < 0 || l >= u
+          u = r(n),
+          l = s.length;
+        return u < 0 || u >= l
           ? t
             ? ""
             : void 0
-          : (i = s.charCodeAt(l)) < 55296 ||
+          : (i = s.charCodeAt(u)) < 55296 ||
             i > 56319 ||
-            l + 1 === u ||
-            (a = s.charCodeAt(l + 1)) < 56320 ||
+            u + 1 === l ||
+            (a = s.charCodeAt(u + 1)) < 56320 ||
             a > 57343
             ? t
-              ? s.charAt(l)
+              ? s.charAt(u)
               : i
             : t
-              ? s.slice(l, l + 2)
+              ? s.slice(u, u + 2)
               : a - 56320 + ((i - 55296) << 10) + 65536;
       };
     };
@@ -2665,40 +2664,40 @@
       i = n(37),
       a = n(12),
       s = n(35),
-      l = n(36),
-      u = n(29),
+      u = n(36),
+      l = n(29),
       c = n(46),
       f = n(41),
       p = n(7),
-      v = n(38).fastKey,
-      d = n(62),
-      h = p ? "_s" : "size",
+      d = n(38).fastKey,
+      h = n(62),
+      v = p ? "_s" : "size",
       m = function(t, e) {
         var n,
-          r = v(e);
+          r = d(e);
         if ("F" !== r) return t._i[r];
         for (n = t._f; n; n = n.n) if (n.k == e) return n;
       };
     t.exports = {
-      getConstructor: function(t, e, n, u) {
+      getConstructor: function(t, e, n, l) {
         var c = t(function(t, r) {
           s(t, c, e, "_i"),
             (t._t = e),
             (t._i = o(null)),
             (t._f = void 0),
             (t._l = void 0),
-            (t[h] = 0),
-            null != r && l(r, n, t[u], t);
+            (t[v] = 0),
+            null != r && u(r, n, t[l], t);
         });
         return (
           i(c.prototype, {
             clear: function() {
-              for (var t = d(this, e), n = t._i, r = t._f; r; r = r.n)
+              for (var t = h(this, e), n = t._i, r = t._f; r; r = r.n)
                 (r.r = !0), r.p && (r.p = r.p.n = void 0), delete n[r.i];
-              (t._f = t._l = void 0), (t[h] = 0);
+              (t._f = t._l = void 0), (t[v] = 0);
             },
             delete: function(t) {
-              var n = d(this, e),
+              var n = h(this, e),
                 r = m(n, t);
               if (r) {
                 var o = r.n,
@@ -2709,12 +2708,12 @@
                   o && (o.p = i),
                   n._f == r && (n._f = o),
                   n._l == r && (n._l = i),
-                  n[h]--;
+                  n[v]--;
               }
               return !!r;
             },
             forEach: function(t) {
-              d(this, e);
+              h(this, e);
               for (
                 var n,
                   r = a(t, arguments.length > 1 ? arguments[1] : void 0, 3);
@@ -2724,13 +2723,13 @@
                 for (r(n.v, n.k, this); n && n.r; ) n = n.p;
             },
             has: function(t) {
-              return !!m(d(this, e), t);
+              return !!m(h(this, e), t);
             }
           }),
           p &&
             r(c.prototype, "size", {
               get: function() {
-                return d(this, e)[h];
+                return h(this, e)[v];
               }
             }),
           c
@@ -2744,7 +2743,7 @@
           i
             ? (i.v = n)
             : ((t._l = i = {
-                i: (o = v(e, !0)),
+                i: (o = d(e, !0)),
                 k: e,
                 v: n,
                 p: (r = t._l),
@@ -2753,18 +2752,18 @@
               }),
               t._f || (t._f = i),
               r && (r.n = i),
-              t[h]++,
+              t[v]++,
               "F" !== o && (t._i[o] = i)),
           t
         );
       },
       getEntry: m,
       setStrong: function(t, e, n) {
-        u(
+        l(
           t,
           e,
           function(t, n) {
-            (this._t = d(t, e)), (this._k = n), (this._l = void 0);
+            (this._t = h(t, e)), (this._k = n), (this._l = void 0);
           },
           function() {
             for (var t = this._k, e = this._l; e && e.r; ) e = e.p;
@@ -2787,16 +2786,16 @@
       i = n(10),
       a = n(37),
       s = n(38),
-      l = n(36),
-      u = n(35),
+      u = n(36),
+      l = n(35),
       c = n(2),
       f = n(5),
       p = n(56),
-      v = n(23),
-      d = n(67);
-    t.exports = function(t, e, n, h, m, g) {
-      var y = r[t],
-        b = y,
+      d = n(23),
+      h = n(67);
+    t.exports = function(t, e, n, v, m, y) {
+      var g = r[t],
+        b = g,
         _ = m ? "set" : "add",
         w = b && b.prototype,
         x = {},
@@ -2807,15 +2806,15 @@
             t,
             "delete" == t
               ? function(t) {
-                  return !(g && !c(t)) && e.call(this, 0 === t ? 0 : t);
+                  return !(y && !c(t)) && e.call(this, 0 === t ? 0 : t);
                 }
               : "has" == t
                 ? function(t) {
-                    return !(g && !c(t)) && e.call(this, 0 === t ? 0 : t);
+                    return !(y && !c(t)) && e.call(this, 0 === t ? 0 : t);
                   }
                 : "get" == t
                   ? function(t) {
-                      return g && !c(t)
+                      return y && !c(t)
                         ? void 0
                         : e.call(this, 0 === t ? 0 : t);
                     }
@@ -2830,14 +2829,14 @@
         };
       if (
         "function" == typeof b &&
-        (g ||
+        (y ||
           (w.forEach &&
             !f(function() {
               new b().entries().next();
             })))
       ) {
         var O = new b(),
-          C = O[_](g ? {} : -0, 1) != O,
+          C = O[_](y ? {} : -0, 1) != O,
           S = f(function() {
             O.has(1);
           }),
@@ -2845,28 +2844,28 @@
             new b(t);
           }),
           E =
-            !g &&
+            !y &&
             f(function() {
               for (var t = new b(), e = 5; e--; ) t[_](e, e);
               return !t.has(-0);
             });
         $ ||
           (((b = e(function(e, n) {
-            u(e, b, t);
-            var r = d(new y(), e, b);
-            return null != n && l(n, m, r[_], r), r;
+            l(e, b, t);
+            var r = h(new g(), e, b);
+            return null != n && u(n, m, r[_], r), r;
           })).prototype = w),
           (w.constructor = b)),
           (S || E) && (k("delete"), k("has"), m && k("get")),
           (E || C) && k(_),
-          g && w.clear && delete w.clear;
+          y && w.clear && delete w.clear;
       } else
-        (b = h.getConstructor(e, t, m, _)), a(b.prototype, n), (s.NEED = !0);
+        (b = v.getConstructor(e, t, m, _)), a(b.prototype, n), (s.NEED = !0);
       return (
-        v(b, t),
+        d(b, t),
         (x[t] = b),
-        o(o.G + o.W + o.F * (b != y), x),
-        g || h.setStrong(b, t, m),
+        o(o.G + o.W + o.F * (b != g), x),
+        y || v.setStrong(b, t, m),
         b
       );
     };
@@ -2932,33 +2931,33 @@
         "boolean" == typeof t
       );
     }
-    function l(t) {
+    function u(t) {
       return null !== t && "object" == typeof t;
     }
-    var u = Object.prototype.toString;
+    var l = Object.prototype.toString;
     function c(t) {
-      return "[object Object]" === u.call(t);
+      return "[object Object]" === l.call(t);
     }
     function f(t) {
-      return "[object RegExp]" === u.call(t);
+      return "[object RegExp]" === l.call(t);
     }
     function p(t) {
       var e = parseFloat(String(t));
       return e >= 0 && Math.floor(e) === e && isFinite(t);
     }
-    function v(t) {
+    function d(t) {
       return (
         i(t) && "function" == typeof t.then && "function" == typeof t.catch
       );
     }
-    function d(t) {
+    function h(t) {
       return null == t
         ? ""
-        : Array.isArray(t) || (c(t) && t.toString === u)
+        : Array.isArray(t) || (c(t) && t.toString === l)
           ? JSON.stringify(t, null, 2)
           : String(t);
     }
-    function h(t) {
+    function v(t) {
       var e = parseFloat(t);
       return isNaN(e) ? t : e;
     }
@@ -2978,8 +2977,8 @@
           };
     }
     m("slot,component", !0);
-    var g = m("key,ref,slot,slot-scope,is");
-    function y(t, e) {
+    var y = m("key,ref,slot,slot-scope,is");
+    function g(t, e) {
       if (t.length) {
         var n = t.indexOf(e);
         if (n > -1) return t.splice(n, 1);
@@ -3045,8 +3044,8 @@
       };
     function M(t, e) {
       if (t === e) return !0;
-      var n = l(t),
-        r = l(e);
+      var n = u(t),
+        r = u(e);
       if (!n || !r) return !n && !r && String(t) === String(e);
       try {
         var o = Array.isArray(t),
@@ -3099,7 +3098,7 @@
         "errorCaptured",
         "serverPrefetch"
       ],
-      z = {
+      U = {
         optionMergeStrategies: Object.create(null),
         silent: !1,
         productionTip: !1,
@@ -3118,7 +3117,7 @@
         async: !0,
         _lifecycleHooks: F
       },
-      U = "a-zA-Z·À-ÖØ-öø-ͽͿ-῿‌-‍‿-⁀⁰-↏Ⰰ-⿯、-퟿豈-﷏ﷰ-�";
+      z = "a-zA-Z·À-ÖØ-öø-ͽͿ-῿‌-‍‿-⁀⁰-↏Ⰰ-⿯、-퟿豈-﷏ﷰ-�";
     function B(t, e, n, r) {
       Object.defineProperty(t, e, {
         value: n,
@@ -3127,13 +3126,13 @@
         configurable: !0
       });
     }
-    var V = new RegExp("[^" + U + ".$_\\d]");
+    var V = new RegExp("[^" + z + ".$_\\d]");
     var q,
       H = "__proto__" in {},
-      W = "undefined" != typeof window,
-      G = "undefined" != typeof WXEnvironment && !!WXEnvironment.platform,
-      K = G && WXEnvironment.platform.toLowerCase(),
-      Z = W && window.navigator.userAgent.toLowerCase(),
+      G = "undefined" != typeof window,
+      W = "undefined" != typeof WXEnvironment && !!WXEnvironment.platform,
+      K = W && WXEnvironment.platform.toLowerCase(),
+      Z = G && window.navigator.userAgent.toLowerCase(),
       X = Z && /msie|trident/.test(Z),
       Y = Z && Z.indexOf("msie 9.0") > 0,
       J = Z && Z.indexOf("edge/") > 0,
@@ -3144,7 +3143,7 @@
       Z && Z.match(/firefox\/(\d+)/)),
       et = {}.watch,
       nt = !1;
-    if (W)
+    if (G)
       try {
         var rt = {};
         Object.defineProperty(rt, "passive", {
@@ -3158,19 +3157,19 @@
         return (
           void 0 === q &&
             (q =
-              !W &&
               !G &&
+              !W &&
               "undefined" != typeof global &&
               (global.process && "server" === global.process.env.VUE_ENV)),
           q
         );
       },
-      it = W && window.__VUE_DEVTOOLS_GLOBAL_HOOK__;
+      it = G && window.__VUE_DEVTOOLS_GLOBAL_HOOK__;
     function at(t) {
       return "function" == typeof t && /native code/.test(t.toString());
     }
     var st,
-      lt =
+      ut =
         "undefined" != typeof Symbol &&
         at(Symbol) &&
         "undefined" != typeof Reflect &&
@@ -3195,7 +3194,7 @@
               t
             );
           })();
-    var ut = L,
+    var lt = L,
       ct = 0,
       ft = function() {
         (this.id = ct++), (this.subs = []);
@@ -3204,7 +3203,7 @@
       this.subs.push(t);
     }),
       (ft.prototype.removeSub = function(t) {
-        y(this.subs, t);
+        g(this.subs, t);
       }),
       (ft.prototype.depend = function() {
         ft.target && ft.target.addDep(this);
@@ -3215,13 +3214,13 @@
       }),
       (ft.target = null);
     var pt = [];
-    function vt(t) {
+    function dt(t) {
       pt.push(t), (ft.target = t);
     }
-    function dt() {
+    function ht() {
       pt.pop(), (ft.target = pt[pt.length - 1]);
     }
-    var ht = function(t, e, n, r, o, i, a, s) {
+    var vt = function(t, e, n, r, o, i, a, s) {
         (this.tag = t),
           (this.data = e),
           (this.children = n),
@@ -3250,17 +3249,17 @@
     (mt.child.get = function() {
       return this.componentInstance;
     }),
-      Object.defineProperties(ht.prototype, mt);
-    var gt = function(t) {
+      Object.defineProperties(vt.prototype, mt);
+    var yt = function(t) {
       void 0 === t && (t = "");
-      var e = new ht();
+      var e = new vt();
       return (e.text = t), (e.isComment = !0), e;
     };
-    function yt(t) {
-      return new ht(void 0, void 0, void 0, String(t));
+    function gt(t) {
+      return new vt(void 0, void 0, void 0, String(t));
     }
     function bt(t) {
-      var e = new ht(
+      var e = new vt(
         t.tag,
         t.data,
         t.children && t.children.slice(),
@@ -3330,7 +3329,7 @@
     };
     function St(t, e) {
       var n;
-      if (l(t) && !(t instanceof ht))
+      if (u(t) && !(t instanceof vt))
         return (
           _(t, "__ob__") && t.__ob__ instanceof Ct
             ? (n = t.__ob__)
@@ -3349,9 +3348,9 @@
         a = Object.getOwnPropertyDescriptor(t, e);
       if (!a || !1 !== a.configurable) {
         var s = a && a.get,
-          l = a && a.set;
-        (s && !l) || 2 !== arguments.length || (n = t[e]);
-        var u = !o && St(n);
+          u = a && a.set;
+        (s && !u) || 2 !== arguments.length || (n = t[e]);
+        var l = !o && St(n);
         Object.defineProperty(t, e, {
           enumerable: !0,
           configurable: !0,
@@ -3360,8 +3359,8 @@
             return (
               ft.target &&
                 (i.depend(),
-                u &&
-                  (u.dep.depend(),
+                l &&
+                  (l.dep.depend(),
                   Array.isArray(e) &&
                     (function t(e) {
                       for (var n = void 0, r = 0, o = e.length; r < o; r++)
@@ -3375,8 +3374,8 @@
             var r = s ? s.call(t) : n;
             e === r ||
               (e != e && r != r) ||
-              (s && !l) ||
-              (l ? l.call(t, e) : (n = e), (u = !o && St(e)), i.notify());
+              (s && !u) ||
+              (u ? u.call(t, e) : (n = e), (l = !o && St(e)), i.notify());
           }
         });
       }
@@ -3407,11 +3406,11 @@
       (Ct.prototype.observeArray = function(t) {
         for (var e = 0, n = t.length; e < n; e++) St(t[e]);
       });
-    var jt = z.optionMergeStrategies;
+    var jt = U.optionMergeStrategies;
     function Lt(t, e) {
       if (!e) return t;
       for (
-        var n, r, o, i = lt ? Reflect.ownKeys(e) : Object.keys(e), a = 0;
+        var n, r, o, i = ut ? Reflect.ownKeys(e) : Object.keys(e), a = 0;
         a < i.length;
         a++
       )
@@ -3550,12 +3549,12 @@
       var o = e[t],
         i = !_(n, t),
         a = n[t],
-        s = Ut(Boolean, o.type);
+        s = zt(Boolean, o.type);
       if (s > -1)
         if (i && !_(o, "default")) a = !1;
         else if ("" === a || a === S(t)) {
-          var l = Ut(String, o.type);
-          (l < 0 || s < l) && (a = !0);
+          var u = zt(String, o.type);
+          (u < 0 || s < u) && (a = !0);
         }
       if (void 0 === a) {
         a = (function(t, e, n) {
@@ -3573,8 +3572,8 @@
             ? r.call(t)
             : r;
         })(r, o, t);
-        var u = kt;
-        Ot(!0), St(a), Ot(u);
+        var l = kt;
+        Ot(!0), St(a), Ot(l);
       }
       return a;
     }
@@ -3582,12 +3581,12 @@
       var e = t && t.toString().match(/^\s*function (\w+)/);
       return e ? e[1] : "";
     }
-    function zt(t, e) {
+    function Ut(t, e) {
       return Ft(t) === Ft(e);
     }
-    function Ut(t, e) {
-      if (!Array.isArray(e)) return zt(e, t) ? 0 : -1;
-      for (var n = 0, r = e.length; n < r; n++) if (zt(e[n], t)) return n;
+    function zt(t, e) {
+      if (!Array.isArray(e)) return Ut(e, t) ? 0 : -1;
+      for (var n = 0, r = e.length; n < r; n++) if (Ut(e[n], t)) return n;
       return -1;
     }
     function Bt(t, e, n) {
@@ -3609,7 +3608,7 @@
       try {
         (i = n ? t.apply(e, n) : t.call(e)) &&
           !i._isVue &&
-          v(i) &&
+          d(i) &&
           i.catch(function(t) {
             return Bt(t, r, o + " (Promise/async)");
           });
@@ -3619,20 +3618,20 @@
       return i;
     }
     function qt(t, e, n) {
-      if (z.errorHandler)
+      if (U.errorHandler)
         try {
-          return z.errorHandler.call(null, t, e, n);
+          return U.errorHandler.call(null, t, e, n);
         } catch (e) {
           e !== t && Ht(e, null, "config.errorHandler");
         }
       Ht(t, e, n);
     }
     function Ht(t, e, n) {
-      if ((!W && !G) || "undefined" == typeof console) throw t;
+      if ((!G && !W) || "undefined" == typeof console) throw t;
       console.error(t);
     }
-    var Wt,
-      Gt = !1,
+    var Gt,
+      Wt = !1,
       Kt = [],
       Zt = !1;
     function Xt() {
@@ -3643,17 +3642,17 @@
     }
     if ("undefined" != typeof Promise && at(Promise)) {
       var Yt = Promise.resolve();
-      (Wt = function() {
+      (Gt = function() {
         Yt.then(Xt), Q && setTimeout(L);
       }),
-        (Gt = !0);
+        (Wt = !0);
     } else if (
       X ||
       "undefined" == typeof MutationObserver ||
       (!at(MutationObserver) &&
         "[object MutationObserverConstructor]" !== MutationObserver.toString())
     )
-      Wt =
+      Gt =
         "undefined" != typeof setImmediate && at(setImmediate)
           ? function() {
               setImmediate(Xt);
@@ -3666,10 +3665,10 @@
         Qt = new MutationObserver(Xt),
         te = document.createTextNode(String(Jt));
       Qt.observe(te, { characterData: !0 }),
-        (Wt = function() {
+        (Gt = function() {
           (Jt = (Jt + 1) % 2), (te.data = String(Jt));
         }),
-        (Gt = !0);
+        (Wt = !0);
     }
     function ee(t, e) {
       var n;
@@ -3683,7 +3682,7 @@
             }
           else n && n(e);
         }),
-        Zt || ((Zt = !0), Wt()),
+        Zt || ((Zt = !0), Gt()),
         !t && "undefined" != typeof Promise)
       )
         return new Promise(function(t) {
@@ -3695,7 +3694,7 @@
       !(function t(e, n) {
         var r, o;
         var i = Array.isArray(e);
-        if ((!i && !l(e)) || Object.isFrozen(e) || e instanceof ht) return;
+        if ((!i && !u(e)) || Object.isFrozen(e) || e instanceof vt) return;
         if (e.__ob__) {
           var a = e.__ob__.dep.id;
           if (n.has(a)) return;
@@ -3728,71 +3727,71 @@
       return (n.fns = t), n;
     }
     function ae(t, e, n, r, i, s) {
-      var l, u, c, f;
-      for (l in t)
-        (u = t[l]),
-          (c = e[l]),
-          (f = oe(l)),
-          o(u) ||
+      var u, l, c, f;
+      for (u in t)
+        (l = t[u]),
+          (c = e[u]),
+          (f = oe(u)),
+          o(l) ||
             (o(c)
-              ? (o(u.fns) && (u = t[l] = ie(u, s)),
-                a(f.once) && (u = t[l] = i(f.name, u, f.capture)),
-                n(f.name, u, f.capture, f.passive, f.params))
-              : u !== c && ((c.fns = u), (t[l] = c)));
-      for (l in e) o(t[l]) && r((f = oe(l)).name, e[l], f.capture);
+              ? (o(l.fns) && (l = t[u] = ie(l, s)),
+                a(f.once) && (l = t[u] = i(f.name, l, f.capture)),
+                n(f.name, l, f.capture, f.passive, f.params))
+              : l !== c && ((c.fns = l), (t[u] = c)));
+      for (u in e) o(t[u]) && r((f = oe(u)).name, e[u], f.capture);
     }
     function se(t, e, n) {
       var r;
-      t instanceof ht && (t = t.data.hook || (t.data.hook = {}));
+      t instanceof vt && (t = t.data.hook || (t.data.hook = {}));
       var s = t[e];
-      function l() {
-        n.apply(this, arguments), y(r.fns, l);
+      function u() {
+        n.apply(this, arguments), g(r.fns, u);
       }
       o(s)
-        ? (r = ie([l]))
+        ? (r = ie([u]))
         : i(s.fns) && a(s.merged)
-          ? (r = s).fns.push(l)
-          : (r = ie([s, l])),
+          ? (r = s).fns.push(u)
+          : (r = ie([s, u])),
         (r.merged = !0),
         (t[e] = r);
     }
-    function le(t, e, n, r, o) {
+    function ue(t, e, n, r, o) {
       if (i(e)) {
         if (_(e, n)) return (t[n] = e[n]), o || delete e[n], !0;
         if (_(e, r)) return (t[n] = e[r]), o || delete e[r], !0;
       }
       return !1;
     }
-    function ue(t) {
+    function le(t) {
       return s(t)
-        ? [yt(t)]
+        ? [gt(t)]
         : Array.isArray(t)
           ? (function t(e, n) {
               var r = [];
-              var l, u, c, f;
-              for (l = 0; l < e.length; l++)
-                o((u = e[l])) ||
-                  "boolean" == typeof u ||
+              var u, l, c, f;
+              for (u = 0; u < e.length; u++)
+                o((l = e[u])) ||
+                  "boolean" == typeof l ||
                   ((c = r.length - 1),
                   (f = r[c]),
-                  Array.isArray(u)
-                    ? u.length > 0 &&
-                      (ce((u = t(u, (n || "") + "_" + l))[0]) &&
+                  Array.isArray(l)
+                    ? l.length > 0 &&
+                      (ce((l = t(l, (n || "") + "_" + u))[0]) &&
                         ce(f) &&
-                        ((r[c] = yt(f.text + u[0].text)), u.shift()),
-                      r.push.apply(r, u))
-                    : s(u)
+                        ((r[c] = gt(f.text + l[0].text)), l.shift()),
+                      r.push.apply(r, l))
+                    : s(l)
                       ? ce(f)
-                        ? (r[c] = yt(f.text + u))
-                        : "" !== u && r.push(yt(u))
-                      : ce(u) && ce(f)
-                        ? (r[c] = yt(f.text + u.text))
+                        ? (r[c] = gt(f.text + l))
+                        : "" !== l && r.push(gt(l))
+                      : ce(l) && ce(f)
+                        ? (r[c] = gt(f.text + l.text))
                         : (a(e._isVList) &&
-                            i(u.tag) &&
-                            o(u.key) &&
+                            i(l.tag) &&
+                            o(l.key) &&
                             i(n) &&
-                            (u.key = "__vlist" + n + "_" + l + "__"),
-                          r.push(u)));
+                            (l.key = "__vlist" + n + "_" + u + "__"),
+                          r.push(l)));
               return r;
             })(t)
           : void 0;
@@ -3804,7 +3803,7 @@
       if (t) {
         for (
           var n = Object.create(null),
-            r = lt ? Reflect.ownKeys(t) : Object.keys(t),
+            r = ut ? Reflect.ownKeys(t) : Object.keys(t),
             o = 0;
           o < r.length;
           o++
@@ -3820,8 +3819,8 @@
             }
             if (!s)
               if ("default" in t[i]) {
-                var l = t[i].default;
-                n[i] = "function" == typeof l ? l.call(e) : l;
+                var u = t[i].default;
+                n[i] = "function" == typeof u ? u.call(e) : u;
               } else 0;
           }
         }
@@ -3840,23 +3839,23 @@
           (n.default || (n.default = [])).push(i);
         else {
           var s = a.slot,
-            l = n[s] || (n[s] = []);
-          "template" === i.tag ? l.push.apply(l, i.children || []) : l.push(i);
+            u = n[s] || (n[s] = []);
+          "template" === i.tag ? u.push.apply(u, i.children || []) : u.push(i);
         }
       }
-      for (var u in n) n[u].every(ve) && delete n[u];
+      for (var l in n) n[l].every(de) && delete n[l];
       return n;
     }
-    function ve(t) {
+    function de(t) {
       return (t.isComment && !t.asyncFactory) || " " === t.text;
     }
-    function de(t, e, n) {
+    function he(t, e, n) {
       var o;
       if (t) {
         if (t._normalized) return t._normalized;
         if (t.$stable && n && n !== r && 0 === Object.keys(e).length) return n;
         for (var i in ((o = {}), t))
-          t[i] && "$" !== i[0] && (o[i] = he(e, i, t[i]));
+          t[i] && "$" !== i[0] && (o[i] = ve(e, i, t[i]));
       } else o = {};
       for (var a in e) a in o || (o[a] = me(e, a));
       return (
@@ -3865,11 +3864,11 @@
         o
       );
     }
-    function he(t, e, n) {
+    function ve(t, e, n) {
       var r = function() {
         var t = arguments.length ? n.apply(null, arguments) : n({});
         return (t =
-          t && "object" == typeof t && !Array.isArray(t) ? [t] : ue(t)) &&
+          t && "object" == typeof t && !Array.isArray(t) ? [t] : le(t)) &&
           0 === t.length
           ? void 0
           : t;
@@ -3889,18 +3888,18 @@
         return t[e];
       };
     }
-    function ge(t, e) {
+    function ye(t, e) {
       var n, r, o, a, s;
       if (Array.isArray(t) || "string" == typeof t)
         for (n = new Array(t.length), r = 0, o = t.length; r < o; r++)
           n[r] = e(t[r], r);
       else if ("number" == typeof t)
         for (n = new Array(t), r = 0; r < t; r++) n[r] = e(r + 1, r);
-      else if (l(t))
-        if (lt && t[Symbol.iterator]) {
+      else if (u(t))
+        if (ut && t[Symbol.iterator]) {
           n = [];
-          for (var u = t[Symbol.iterator](), c = u.next(); !c.done; )
-            n.push(e(c.value, n.length)), (c = u.next());
+          for (var l = t[Symbol.iterator](), c = l.next(); !c.done; )
+            n.push(e(c.value, n.length)), (c = l.next());
         } else
           for (
             a = Object.keys(t), n = new Array(a.length), r = 0, o = a.length;
@@ -3910,7 +3909,7 @@
             (s = a[r]), (n[r] = e(t[s], s, r));
       return i(n) || (n = []), (n._isVList = !0), n;
     }
-    function ye(t, e, n, r) {
+    function ge(t, e, n, r) {
       var o,
         i = this.$scopedSlots[t];
       i
@@ -3926,8 +3925,8 @@
       return Array.isArray(t) ? -1 === t.indexOf(e) : t !== e;
     }
     function we(t, e, n, r, o) {
-      var i = z.keyCodes[e] || n;
-      return o && r && !z.keyCodes[e]
+      var i = U.keyCodes[e] || n;
+      return o && r && !U.keyCodes[e]
         ? _e(o, r)
         : i
           ? _e(i, t)
@@ -3937,24 +3936,24 @@
     }
     function xe(t, e, n, r, o) {
       if (n)
-        if (l(n)) {
+        if (u(n)) {
           var i;
           Array.isArray(n) && (n = j(n));
           var a = function(a) {
-            if ("class" === a || "style" === a || g(a)) i = t;
+            if ("class" === a || "style" === a || y(a)) i = t;
             else {
               var s = t.attrs && t.attrs.type;
               i =
-                r || z.mustUseProp(e, s, a)
+                r || U.mustUseProp(e, s, a)
                   ? t.domProps || (t.domProps = {})
                   : t.attrs || (t.attrs = {});
             }
-            var l = k(a);
+            var u = k(a);
             a in i ||
-              l in i ||
+              u in i ||
               ((i[a] = n[a]),
               o &&
-                ((t.on || (t.on = {}))["update:" + l] = function(t) {
+                ((t.on || (t.on = {}))["update:" + u] = function(t) {
                   n[a] = t;
                 }));
           };
@@ -4024,18 +4023,18 @@
     }
     function Le(t) {
       (t._o = Oe),
-        (t._n = h),
-        (t._s = d),
-        (t._l = ge),
-        (t._t = ye),
+        (t._n = v),
+        (t._s = h),
+        (t._l = ye),
+        (t._t = ge),
         (t._q = M),
         (t._i = I),
         (t._m = ke),
         (t._f = be),
         (t._k = we),
         (t._b = xe),
-        (t._v = yt),
-        (t._e = gt),
+        (t._v = gt),
+        (t._e = yt),
         (t._u = Ee),
         (t._g = $e),
         (t._d = Ae),
@@ -4043,44 +4042,44 @@
     }
     function Pe(t, e, n, o, i) {
       var s,
-        l = this,
-        u = i.options;
+        u = this,
+        l = i.options;
       _(o, "_uid")
         ? ((s = Object.create(o))._original = o)
         : ((s = o), (o = o._original));
-      var c = a(u._compiled),
+      var c = a(l._compiled),
         f = !c;
       (this.data = t),
         (this.props = e),
         (this.children = n),
         (this.parent = o),
         (this.listeners = t.on || r),
-        (this.injections = fe(u.inject, o)),
+        (this.injections = fe(l.inject, o)),
         (this.slots = function() {
-          return l.$slots || de(t.scopedSlots, (l.$slots = pe(n, o))), l.$slots;
+          return u.$slots || he(t.scopedSlots, (u.$slots = pe(n, o))), u.$slots;
         }),
         Object.defineProperty(this, "scopedSlots", {
           enumerable: !0,
           get: function() {
-            return de(t.scopedSlots, this.slots());
+            return he(t.scopedSlots, this.slots());
           }
         }),
         c &&
-          ((this.$options = u),
+          ((this.$options = l),
           (this.$slots = this.slots()),
-          (this.$scopedSlots = de(t.scopedSlots, this.$slots))),
-        u._scopeId
+          (this.$scopedSlots = he(t.scopedSlots, this.$slots))),
+        l._scopeId
           ? (this._c = function(t, e, n, r) {
-              var i = Ue(s, t, e, n, r, f);
+              var i = ze(s, t, e, n, r, f);
               return (
                 i &&
                   !Array.isArray(i) &&
-                  ((i.fnScopeId = u._scopeId), (i.fnContext = o)),
+                  ((i.fnScopeId = l._scopeId), (i.fnContext = o)),
                 i
               );
             })
           : (this._c = function(t, e, n, r) {
-              return Ue(s, t, e, n, r, f);
+              return ze(s, t, e, n, r, f);
             });
     }
     function Te(t, e, n, r, o) {
@@ -4136,20 +4135,20 @@
             ) {
               Ot(!1);
               for (
-                var l = t._props, u = t.$options._propKeys || [], c = 0;
-                c < u.length;
+                var u = t._props, l = t.$options._propKeys || [], c = 0;
+                c < l.length;
                 c++
               ) {
-                var f = u[c],
+                var f = l[c],
                   p = t.$options.props;
-                l[f] = Nt(f, p, e, t);
+                u[f] = Nt(f, p, e, t);
               }
               Ot(!0), (t.$options.propsData = e);
             }
             n = n || r;
-            var v = t.$options._parentListeners;
+            var d = t.$options._parentListeners;
             (t.$options._parentListeners = n),
-              Xe(t, n, v),
+              Xe(t, n, d),
               s && ((t.$slots = pe(i, o.context)), t.$forceUpdate());
             0;
           })(
@@ -4187,10 +4186,10 @@
         }
       },
       Re = Object.keys(Ie);
-    function De(t, e, n, s, u) {
+    function De(t, e, n, s, l) {
       if (!o(t)) {
         var c = n.$options._base;
-        if ((l(t) && (t = c.extend(t)), "function" == typeof t)) {
+        if ((u(t) && (t = c.extend(t)), "function" == typeof t)) {
           var f;
           if (
             o(t.cid) &&
@@ -4203,23 +4202,23 @@
                 if (!i(t.owners)) {
                   var r = (t.owners = [n]),
                     s = !0,
-                    u = function(t) {
+                    l = function(t) {
                       for (var e = 0, n = r.length; e < n; e++)
                         r[e].$forceUpdate();
                       t && (r.length = 0);
                     },
                     c = R(function(n) {
-                      (t.resolved = qe(n, e)), s ? (r.length = 0) : u(!0);
+                      (t.resolved = qe(n, e)), s ? (r.length = 0) : l(!0);
                     }),
                     f = R(function(e) {
-                      i(t.errorComp) && ((t.error = !0), u(!0));
+                      i(t.errorComp) && ((t.error = !0), l(!0));
                     }),
                     p = t(c, f);
                   return (
-                    l(p) &&
-                      (v(p)
+                    u(p) &&
+                      (d(p)
                         ? o(t.resolved) && p.then(c, f)
-                        : v(p.component) &&
+                        : d(p.component) &&
                           (p.component.then(c, f),
                           i(p.error) && (t.errorComp = qe(p.error, e)),
                           i(p.loading) &&
@@ -4229,7 +4228,7 @@
                               : setTimeout(function() {
                                   o(t.resolved) &&
                                     o(t.error) &&
-                                    ((t.loading = !0), u(!1));
+                                    ((t.loading = !0), l(!1));
                                 }, p.delay || 200)),
                           i(p.timeout) &&
                             setTimeout(function() {
@@ -4243,13 +4242,13 @@
               })((f = t), c))
           )
             return (function(t, e, n, r, o) {
-              var i = gt();
+              var i = yt();
               return (
                 (i.asyncFactory = t),
                 (i.asyncMeta = { data: e, context: n, children: r, tag: o }),
                 i
               );
-            })(f, e, n, s, u);
+            })(f, e, n, s, l);
           (e = e || {}),
             kn(t),
             i(e.model) &&
@@ -4270,11 +4269,11 @@
             if (!o(r)) {
               var a = {},
                 s = t.attrs,
-                l = t.props;
-              if (i(s) || i(l))
-                for (var u in r) {
-                  var c = S(u);
-                  le(a, l, u, c, !0) || le(a, s, u, c, !1);
+                u = t.props;
+              if (i(s) || i(u))
+                for (var l in r) {
+                  var c = S(l);
+                  ue(a, u, l, c, !0) || ue(a, s, l, c, !1);
                 }
               return a;
             }
@@ -4282,27 +4281,27 @@
           if (a(t.options.functional))
             return (function(t, e, n, o, a) {
               var s = t.options,
-                l = {},
-                u = s.props;
-              if (i(u)) for (var c in u) l[c] = Nt(c, u, e || r);
-              else i(n.attrs) && Me(l, n.attrs), i(n.props) && Me(l, n.props);
-              var f = new Pe(n, l, a, o, t),
+                u = {},
+                l = s.props;
+              if (i(l)) for (var c in l) u[c] = Nt(c, l, e || r);
+              else i(n.attrs) && Me(u, n.attrs), i(n.props) && Me(u, n.props);
+              var f = new Pe(n, u, a, o, t),
                 p = s.render.call(null, f._c, f);
-              if (p instanceof ht) return Te(p, n, f.parent, s);
+              if (p instanceof vt) return Te(p, n, f.parent, s);
               if (Array.isArray(p)) {
                 for (
-                  var v = ue(p) || [], d = new Array(v.length), h = 0;
-                  h < v.length;
-                  h++
+                  var d = le(p) || [], h = new Array(d.length), v = 0;
+                  v < d.length;
+                  v++
                 )
-                  d[h] = Te(v[h], n, f.parent, s);
-                return d;
+                  h[v] = Te(d[v], n, f.parent, s);
+                return h;
               }
             })(t, p, e, n, s);
-          var d = e.on;
+          var h = e.on;
           if (((e.on = e.nativeOn), a(t.options.abstract))) {
-            var h = e.slot;
-            (e = {}), h && (e.slot = h);
+            var v = e.slot;
+            (e = {}), v && (e.slot = v);
           }
           !(function(t) {
             for (var e = t.hook || (t.hook = {}), n = 0; n < Re.length; n++) {
@@ -4312,15 +4311,15 @@
               o === i || (o && o._merged) || (e[r] = o ? Ne(i, o) : i);
             }
           })(e);
-          var m = t.options.name || u;
-          return new ht(
+          var m = t.options.name || l;
+          return new vt(
             "vue-component-" + t.cid + (m ? "-" + m : ""),
             e,
             void 0,
             void 0,
             void 0,
             n,
-            { Ctor: t, propsData: p, listeners: d, tag: u, children: s },
+            { Ctor: t, propsData: p, listeners: h, tag: l, children: s },
             f
           );
         }
@@ -4333,21 +4332,21 @@
       return (n._merged = !0), n;
     }
     var Fe = 1,
-      ze = 2;
-    function Ue(t, e, n, r, u, c) {
+      Ue = 2;
+    function ze(t, e, n, r, l, c) {
       return (
-        (Array.isArray(n) || s(n)) && ((u = r), (r = n), (n = void 0)),
-        a(c) && (u = ze),
+        (Array.isArray(n) || s(n)) && ((l = r), (r = n), (n = void 0)),
+        a(c) && (l = Ue),
         (function(t, e, n, r, s) {
-          if (i(n) && i(n.__ob__)) return gt();
+          if (i(n) && i(n.__ob__)) return yt();
           i(n) && i(n.is) && (e = n.is);
-          if (!e) return gt();
+          if (!e) return yt();
           0;
           Array.isArray(r) &&
             "function" == typeof r[0] &&
             (((n = n || {}).scopedSlots = { default: r[0] }), (r.length = 0));
-          s === ze
-            ? (r = ue(r))
+          s === Ue
+            ? (r = le(r))
             : s === Fe &&
               (r = (function(t) {
                 for (var e = 0; e < t.length; e++)
@@ -4355,61 +4354,61 @@
                     return Array.prototype.concat.apply([], t);
                 return t;
               })(r));
-          var u, c;
+          var l, c;
           if ("string" == typeof e) {
             var f;
-            (c = (t.$vnode && t.$vnode.ns) || z.getTagNamespace(e)),
-              (u = z.isReservedTag(e)
-                ? new ht(z.parsePlatformTagName(e), n, r, void 0, void 0, t)
+            (c = (t.$vnode && t.$vnode.ns) || U.getTagNamespace(e)),
+              (l = U.isReservedTag(e)
+                ? new vt(U.parsePlatformTagName(e), n, r, void 0, void 0, t)
                 : (n && n.pre) || !i((f = Dt(t.$options, "components", e)))
-                  ? new ht(e, n, r, void 0, void 0, t)
+                  ? new vt(e, n, r, void 0, void 0, t)
                   : De(f, n, t, r, e));
-          } else u = De(e, n, t, r);
-          return Array.isArray(u)
-            ? u
-            : i(u)
+          } else l = De(e, n, t, r);
+          return Array.isArray(l)
+            ? l
+            : i(l)
               ? (i(c) &&
                   (function t(e, n, r) {
                     e.ns = n;
                     "foreignObject" === e.tag && ((n = void 0), (r = !0));
                     if (i(e.children))
-                      for (var s = 0, l = e.children.length; s < l; s++) {
-                        var u = e.children[s];
-                        i(u.tag) &&
-                          (o(u.ns) || (a(r) && "svg" !== u.tag)) &&
-                          t(u, n, r);
+                      for (var s = 0, u = e.children.length; s < u; s++) {
+                        var l = e.children[s];
+                        i(l.tag) &&
+                          (o(l.ns) || (a(r) && "svg" !== l.tag)) &&
+                          t(l, n, r);
                       }
-                  })(u, c),
+                  })(l, c),
                 i(n) &&
                   (function(t) {
-                    l(t.style) && re(t.style);
-                    l(t.class) && re(t.class);
+                    u(t.style) && re(t.style);
+                    u(t.class) && re(t.class);
                   })(n),
-                u)
-              : gt();
-        })(t, e, n, r, u)
+                l)
+              : yt();
+        })(t, e, n, r, l)
       );
     }
     var Be,
       Ve = null;
     function qe(t, e) {
       return (
-        (t.__esModule || (lt && "Module" === t[Symbol.toStringTag])) &&
+        (t.__esModule || (ut && "Module" === t[Symbol.toStringTag])) &&
           (t = t.default),
-        l(t) ? e.extend(t) : t
+        u(t) ? e.extend(t) : t
       );
     }
     function He(t) {
       return t.isComment && t.asyncFactory;
     }
-    function We(t) {
+    function Ge(t) {
       if (Array.isArray(t))
         for (var e = 0; e < t.length; e++) {
           var n = t[e];
           if (i(n) && (i(n.componentOptions) || He(n))) return n;
         }
     }
-    function Ge(t, e) {
+    function We(t, e) {
       Be.$on(t, e);
     }
     function Ke(t, e) {
@@ -4422,7 +4421,7 @@
       };
     }
     function Xe(t, e, n) {
-      (Be = t), ae(e, n || {}, Ge, Ke, Ze, t), (Be = void 0);
+      (Be = t), ae(e, n || {}, We, Ke, Ze, t), (Be = void 0);
     }
     var Ye = null;
     function Je(t) {
@@ -4449,36 +4448,36 @@
       }
     }
     function en(t, e) {
-      vt();
+      dt();
       var n = t.$options[e],
         r = e + " hook";
       if (n) for (var o = 0, i = n.length; o < i; o++) Vt(n[o], t, null, t, r);
-      t._hasHookEvent && t.$emit("hook:" + e), dt();
+      t._hasHookEvent && t.$emit("hook:" + e), ht();
     }
     var nn = [],
       rn = [],
       on = {},
       an = !1,
       sn = !1,
-      ln = 0;
-    var un = 0,
+      un = 0;
+    var ln = 0,
       cn = Date.now;
     function fn() {
       var t, e;
       for (
-        un = cn(),
+        ln = cn(),
           sn = !0,
           nn.sort(function(t, e) {
             return t.id - e.id;
           }),
-          ln = 0;
-        ln < nn.length;
-        ln++
+          un = 0;
+        un < nn.length;
+        un++
       )
-        (t = nn[ln]).before && t.before(), (e = t.id), (on[e] = null), t.run();
+        (t = nn[un]).before && t.before(), (e = t.id), (on[e] = null), t.run();
       var n = rn.slice(),
         r = nn.slice();
-      (ln = nn.length = rn.length = 0),
+      (un = nn.length = rn.length = 0),
         (on = {}),
         (an = sn = !1),
         (function(t) {
@@ -4496,15 +4495,15 @@
               en(r, "updated");
           }
         })(r),
-        it && z.devtools && it.emit("flush");
+        it && U.devtools && it.emit("flush");
     }
-    W &&
+    G &&
       cn() > document.createEvent("Event").timeStamp &&
       (cn = function() {
         return performance.now();
       });
     var pn = 0,
-      vn = function(t, e, n, r, o) {
+      dn = function(t, e, n, r, o) {
         (this.vm = t),
           o && (t._watcher = this),
           t._watchers.push(this),
@@ -4541,9 +4540,9 @@
               this.getter || (this.getter = L)),
           (this.value = this.lazy ? void 0 : this.get());
       };
-    (vn.prototype.get = function() {
+    (dn.prototype.get = function() {
       var t;
-      vt(this);
+      dt(this);
       var e = this.vm;
       try {
         t = this.getter.call(e, e);
@@ -4551,18 +4550,18 @@
         if (!this.user) throw t;
         Bt(t, e, 'getter for watcher "' + this.expression + '"');
       } finally {
-        this.deep && re(t), dt(), this.cleanupDeps();
+        this.deep && re(t), ht(), this.cleanupDeps();
       }
       return t;
     }),
-      (vn.prototype.addDep = function(t) {
+      (dn.prototype.addDep = function(t) {
         var e = t.id;
         this.newDepIds.has(e) ||
           (this.newDepIds.add(e),
           this.newDeps.push(t),
           this.depIds.has(e) || t.addSub(this));
       }),
-      (vn.prototype.cleanupDeps = function() {
+      (dn.prototype.cleanupDeps = function() {
         for (var t = this.deps.length; t--; ) {
           var e = this.deps[t];
           this.newDepIds.has(e.id) || e.removeSub(this);
@@ -4576,7 +4575,7 @@
           (this.newDeps = n),
           (this.newDeps.length = 0);
       }),
-      (vn.prototype.update = function() {
+      (dn.prototype.update = function() {
         this.lazy
           ? (this.dirty = !0)
           : this.sync
@@ -4585,7 +4584,7 @@
                 var e = t.id;
                 if (null == on[e]) {
                   if (((on[e] = !0), sn)) {
-                    for (var n = nn.length - 1; n > ln && nn[n].id > t.id; )
+                    for (var n = nn.length - 1; n > un && nn[n].id > t.id; )
                       n--;
                     nn.splice(n + 1, 0, t);
                   } else nn.push(t);
@@ -4593,10 +4592,10 @@
                 }
               })(this);
       }),
-      (vn.prototype.run = function() {
+      (dn.prototype.run = function() {
         if (this.active) {
           var t = this.get();
-          if (t !== this.value || l(t) || this.deep) {
+          if (t !== this.value || u(t) || this.deep) {
             var e = this.value;
             if (((this.value = t), this.user))
               try {
@@ -4612,28 +4611,28 @@
           }
         }
       }),
-      (vn.prototype.evaluate = function() {
+      (dn.prototype.evaluate = function() {
         (this.value = this.get()), (this.dirty = !1);
       }),
-      (vn.prototype.depend = function() {
+      (dn.prototype.depend = function() {
         for (var t = this.deps.length; t--; ) this.deps[t].depend();
       }),
-      (vn.prototype.teardown = function() {
+      (dn.prototype.teardown = function() {
         if (this.active) {
-          this.vm._isBeingDestroyed || y(this.vm._watchers, this);
+          this.vm._isBeingDestroyed || g(this.vm._watchers, this);
           for (var t = this.deps.length; t--; ) this.deps[t].removeSub(this);
           this.active = !1;
         }
       });
-    var dn = { enumerable: !0, configurable: !0, get: L, set: L };
-    function hn(t, e, n) {
-      (dn.get = function() {
+    var hn = { enumerable: !0, configurable: !0, get: L, set: L };
+    function vn(t, e, n) {
+      (hn.get = function() {
         return this[e][n];
       }),
-        (dn.set = function(t) {
+        (hn.set = function(t) {
           this[e][n] = t;
         }),
-        Object.defineProperty(t, n, dn);
+        Object.defineProperty(t, n, hn);
     }
     function mn(t) {
       t._watchers = [];
@@ -4647,7 +4646,7 @@
           var i = function(i) {
             o.push(i);
             var a = Nt(i, e, n, t);
-            $t(r, i, a), i in t || hn(t, "_props", i);
+            $t(r, i, a), i in t || vn(t, "_props", i);
           };
           for (var a in e) i(a);
           Ot(!0);
@@ -4664,13 +4663,13 @@
                 (e = t._data =
                   "function" == typeof e
                     ? (function(t, e) {
-                        vt();
+                        dt();
                         try {
                           return t.call(e, e);
                         } catch (t) {
                           return Bt(t, e, "data()"), {};
                         } finally {
-                          dt();
+                          ht();
                         }
                       })(e, t)
                     : e || {})
@@ -4685,7 +4684,7 @@
                     ((a = void 0),
                     36 !== (a = (i + "").charCodeAt(0)) &&
                       95 !== a &&
-                      hn(t, "_data", i));
+                      vn(t, "_data", i));
               }
               var a;
               St(e, !0);
@@ -4698,7 +4697,7 @@
             for (var o in e) {
               var i = e[o],
                 a = "function" == typeof i ? i : i.get;
-              0, r || (n[o] = new vn(t, a || L, L, gn)), o in t || yn(t, o, i);
+              0, r || (n[o] = new dn(t, a || L, L, yn)), o in t || gn(t, o, i);
             }
           })(t, e.computed),
         e.watch &&
@@ -4712,14 +4711,14 @@
             }
           })(t, e.watch);
     }
-    var gn = { lazy: !0 };
-    function yn(t, e, n) {
+    var yn = { lazy: !0 };
+    function gn(t, e, n) {
       var r = !ot();
       "function" == typeof n
-        ? ((dn.get = r ? bn(e) : _n(n)), (dn.set = L))
-        : ((dn.get = n.get ? (r && !1 !== n.cache ? bn(e) : _n(n.get)) : L),
-          (dn.set = n.set || L)),
-        Object.defineProperty(t, e, dn);
+        ? ((hn.get = r ? bn(e) : _n(n)), (hn.set = L))
+        : ((hn.get = n.get ? (r && !1 !== n.cache ? bn(e) : _n(n.get)) : L),
+          (hn.set = n.set || L)),
+        Object.defineProperty(t, e, hn);
     }
     function bn(t) {
       return function() {
@@ -4784,12 +4783,12 @@
           a.options.props &&
             (function(t) {
               var e = t.options.props;
-              for (var n in e) hn(t.prototype, "_props", n);
+              for (var n in e) vn(t.prototype, "_props", n);
             })(a),
           a.options.computed &&
             (function(t) {
               var e = t.options.computed;
-              for (var n in e) yn(t.prototype, n, e[n]);
+              for (var n in e) gn(t.prototype, n, e[n]);
             })(a),
           (a.extend = n.extend),
           (a.mixin = n.mixin),
@@ -4832,7 +4831,7 @@
       var o = t[e];
       !o || (r && o.tag === r.tag) || o.componentInstance.$destroy(),
         (t[e] = null),
-        y(n, e);
+        g(n, e);
     }
     !(function(t) {
       t.prototype._init = function(t) {
@@ -4887,10 +4886,10 @@
             (t.$slots = pe(e._renderChildren, o)),
               (t.$scopedSlots = r),
               (t._c = function(e, n, r, o) {
-                return Ue(t, e, n, r, o, !1);
+                return ze(t, e, n, r, o, !1);
               }),
               (t.$createElement = function(e, n, r, o) {
-                return Ue(t, e, n, r, o, !0);
+                return ze(t, e, n, r, o, !0);
               });
             var i = n && n.data;
             $t(t, "$attrs", (i && i.attrs) || r, null, !0),
@@ -4933,7 +4932,7 @@
           (t.prototype.$watch = function(t, e, n) {
             if (c(e)) return wn(this, t, e, n);
             (n = n || {}).user = !0;
-            var r = new vn(this, t, e, n);
+            var r = new dn(this, t, e, n);
             if (n.immediate)
               try {
                 e.call(this, r.value);
@@ -5029,7 +5028,7 @@
               !e ||
                 e._isBeingDestroyed ||
                 t.$options.abstract ||
-                y(e.$children, t),
+                g(e.$children, t),
                 t._watcher && t._watcher.teardown();
               for (var n = t._watchers.length; n--; ) t._watchers[n].teardown();
               t._data.__ob__ && t._data.__ob__.vmCount--,
@@ -5054,7 +5053,7 @@
               r = n.render,
               o = n._parentVnode;
             o &&
-              (e.$scopedSlots = de(
+              (e.$scopedSlots = he(
                 o.data.scopedSlots,
                 e.$slots,
                 e.$scopedSlots
@@ -5069,7 +5068,7 @@
             }
             return (
               Array.isArray(t) && 1 === t.length && (t = t[0]),
-              t instanceof ht || (t = gt()),
+              t instanceof vt || (t = yt()),
               (t.parent = o),
               t
             );
@@ -5102,7 +5101,7 @@
           },
           render: function() {
             var t = this.$slots.default,
-              e = We(t),
+              e = Ge(t),
               n = e && e.componentOptions;
             if (n) {
               var r = Sn(n),
@@ -5111,16 +5110,16 @@
               if ((o && (!r || !$n(o, r))) || (i && r && $n(i, r))) return e;
               var a = this.cache,
                 s = this.keys,
-                l =
+                u =
                   null == e.key
                     ? n.Ctor.cid + (n.tag ? "::" + n.tag : "")
                     : e.key;
-              a[l]
-                ? ((e.componentInstance = a[l].componentInstance),
-                  y(s, l),
-                  s.push(l))
-                : ((a[l] = e),
-                  s.push(l),
+              a[u]
+                ? ((e.componentInstance = a[u].componentInstance),
+                  g(s, u),
+                  s.push(u))
+                : ((a[u] = e),
+                  s.push(u),
                   this.max &&
                     s.length > parseInt(this.max) &&
                     An(a, s[0], s, this._vnode)),
@@ -5133,12 +5132,12 @@
     !(function(t) {
       var e = {
         get: function() {
-          return z;
+          return U;
         }
       };
       Object.defineProperty(t, "config", e),
         (t.util = {
-          warn: ut,
+          warn: lt,
           extend: A,
           mergeOptions: Rt,
           defineReactive: $t
@@ -5207,7 +5206,7 @@
       Mn = m("contenteditable,draggable,spellcheck"),
       In = m("events,caret,typing,plaintext-only"),
       Rn = function(t, e) {
-        return Un(e) || "false" === e
+        return zn(e) || "false" === e
           ? "false"
           : "contenteditable" === t && In(e)
             ? e
@@ -5220,10 +5219,10 @@
       Fn = function(t) {
         return ":" === t.charAt(5) && "xlink" === t.slice(0, 5);
       },
-      zn = function(t) {
+      Un = function(t) {
         return Fn(t) ? t.slice(6, t.length) : "";
       },
-      Un = function(t) {
+      zn = function(t) {
         return null == t || !1 === t;
       };
     function Bn(t) {
@@ -5251,7 +5250,7 @@
               i((e = Hn(t[r]))) && "" !== e && (n && (n += " "), (n += e));
             return n;
           })(t)
-        : l(t)
+        : u(t)
           ? (function(t) {
               var e = "";
               for (var n in t) t[n] && (e && (e += " "), (e += n));
@@ -5261,11 +5260,11 @@
             ? t
             : "";
     }
-    var Wn = {
+    var Gn = {
         svg: "http://www.w3.org/2000/svg",
         math: "http://www.w3.org/1998/Math/MathML"
       },
-      Gn = m(
+      Wn = m(
         "html,body,base,head,link,meta,style,title,address,article,aside,footer,header,h1,h2,h3,h4,h5,h6,hgroup,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,rtc,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,menuitem,summary,content,element,shadow,template,blockquote,iframe,tfoot"
       ),
       Kn = m(
@@ -5273,7 +5272,7 @@
         !0
       ),
       Zn = function(t) {
-        return Gn(t) || Kn(t);
+        return Wn(t) || Kn(t);
       };
     var Xn = Object.create(null);
     var Yn = m("text,number,password,search,email,tel,url");
@@ -5289,7 +5288,7 @@
               n);
         },
         createElementNS: function(t, e) {
-          return document.createElementNS(Wn[t], e);
+          return document.createElementNS(Gn[t], e);
         },
         createTextNode: function(t) {
           return document.createTextNode(t);
@@ -5341,7 +5340,7 @@
           a = r.$refs;
         e
           ? Array.isArray(a[n])
-            ? y(a[n], o)
+            ? g(a[n], o)
             : a[n] === o && (a[n] = void 0)
           : t.data.refInFor
             ? Array.isArray(a[n])
@@ -5350,7 +5349,7 @@
             : (a[n] = o);
       }
     }
-    var er = new ht("", {}, []),
+    var er = new vt("", {}, []),
       nr = ["create", "activate", "update", "remove", "destroy"];
     function rr(t, e) {
       return (
@@ -5392,22 +5391,22 @@
             o,
             i = t === er,
             a = e === er,
-            s = lr(t.data.directives, t.context),
-            l = lr(e.data.directives, e.context),
-            u = [],
+            s = ur(t.data.directives, t.context),
+            u = ur(e.data.directives, e.context),
+            l = [],
             c = [];
-          for (n in l)
+          for (n in u)
             (r = s[n]),
-              (o = l[n]),
+              (o = u[n]),
               r
                 ? ((o.oldValue = r.value),
                   (o.oldArg = r.arg),
                   cr(o, "update", e, t),
                   o.def && o.def.componentUpdated && c.push(o))
-                : (cr(o, "bind", e, t), o.def && o.def.inserted && u.push(o));
-          if (u.length) {
+                : (cr(o, "bind", e, t), o.def && o.def.inserted && l.push(o));
+          if (l.length) {
             var f = function() {
-              for (var n = 0; n < u.length; n++) cr(u[n], "inserted", e, t);
+              for (var n = 0; n < l.length; n++) cr(l[n], "inserted", e, t);
             };
             i ? se(e, "insert", f) : f();
           }
@@ -5416,22 +5415,22 @@
               for (var n = 0; n < c.length; n++)
                 cr(c[n], "componentUpdated", e, t);
             });
-          if (!i) for (n in s) l[n] || cr(s[n], "unbind", t, t, a);
+          if (!i) for (n in s) u[n] || cr(s[n], "unbind", t, t, a);
         })(t, e);
     }
     var sr = Object.create(null);
-    function lr(t, e) {
+    function ur(t, e) {
       var n,
         r,
         o = Object.create(null);
       if (!t) return o;
       for (n = 0; n < t.length; n++)
         (r = t[n]).modifiers || (r.modifiers = sr),
-          (o[ur(r)] = r),
+          (o[lr(r)] = r),
           (r.def = Dt(e.$options, "directives", r.name));
       return o;
     }
-    function ur(t) {
+    function lr(t) {
       return (
         t.rawName || t.name + "." + Object.keys(t.modifiers || {}).join(".")
       );
@@ -5457,23 +5456,23 @@
         var r,
           a,
           s = e.elm,
-          l = t.data.attrs || {},
-          u = e.data.attrs || {};
-        for (r in (i(u.__ob__) && (u = e.data.attrs = A({}, u)), u))
-          (a = u[r]), l[r] !== a && vr(s, r, a);
-        for (r in ((X || J) && u.value !== l.value && vr(s, "value", u.value),
-        l))
-          o(u[r]) &&
+          u = t.data.attrs || {},
+          l = e.data.attrs || {};
+        for (r in (i(l.__ob__) && (l = e.data.attrs = A({}, l)), l))
+          (a = l[r]), u[r] !== a && dr(s, r, a);
+        for (r in ((X || J) && l.value !== u.value && dr(s, "value", l.value),
+        u))
+          o(l[r]) &&
             (Fn(r)
-              ? s.removeAttributeNS(Nn, zn(r))
+              ? s.removeAttributeNS(Nn, Un(r))
               : Mn(r) || s.removeAttribute(r));
       }
     }
-    function vr(t, e, n) {
+    function dr(t, e, n) {
       t.tagName.indexOf("-") > -1
-        ? dr(t, e, n)
+        ? hr(t, e, n)
         : Dn(e)
-          ? Un(n)
+          ? zn(n)
             ? t.removeAttribute(e)
             : ((n =
                 "allowfullscreen" === e && "EMBED" === t.tagName ? "true" : e),
@@ -5481,13 +5480,13 @@
           : Mn(e)
             ? t.setAttribute(e, Rn(e, n))
             : Fn(e)
-              ? Un(n)
-                ? t.removeAttributeNS(Nn, zn(e))
+              ? zn(n)
+                ? t.removeAttributeNS(Nn, Un(e))
                 : t.setAttributeNS(Nn, e, n)
-              : dr(t, e, n);
+              : hr(t, e, n);
     }
-    function dr(t, e, n) {
-      if (Un(n)) t.removeAttribute(e);
+    function hr(t, e, n) {
+      if (zn(n)) t.removeAttribute(e);
       else {
         if (
           X &&
@@ -5505,7 +5504,7 @@
         t.setAttribute(e, n);
       }
     }
-    var hr = { create: pr, update: pr };
+    var vr = { create: pr, update: pr };
     function mr(t, e) {
       var n = e.elm,
         r = e.data,
@@ -5518,26 +5517,26 @@
         )
       ) {
         var s = Bn(e),
-          l = n._transitionClasses;
-        i(l) && (s = qn(s, Hn(l))),
+          u = n._transitionClasses;
+        i(u) && (s = qn(s, Hn(u))),
           s !== n._prevClass &&
             (n.setAttribute("class", s), (n._prevClass = s));
       }
     }
-    var gr,
-      yr = { create: mr, update: mr },
+    var yr,
+      gr = { create: mr, update: mr },
       br = "__r",
       _r = "__c";
     function wr(t, e, n) {
-      var r = gr;
+      var r = yr;
       return function o() {
         null !== e.apply(null, arguments) && Or(t, o, n, r);
       };
     }
-    var xr = Gt && !(tt && Number(tt[1]) <= 53);
+    var xr = Wt && !(tt && Number(tt[1]) <= 53);
     function kr(t, e, n, r) {
       if (xr) {
-        var o = un,
+        var o = ln,
           i = e;
         e = i._wrapper = function(t) {
           if (
@@ -5549,16 +5548,16 @@
             return i.apply(this, arguments);
         };
       }
-      gr.addEventListener(t, e, nt ? { capture: n, passive: r } : n);
+      yr.addEventListener(t, e, nt ? { capture: n, passive: r } : n);
     }
     function Or(t, e, n, r) {
-      (r || gr).removeEventListener(t, e._wrapper || e, n);
+      (r || yr).removeEventListener(t, e._wrapper || e, n);
     }
     function Cr(t, e) {
       if (!o(t.data.on) || !o(e.data.on)) {
         var n = e.data.on || {},
           r = t.data.on || {};
-        (gr = e.elm),
+        (yr = e.elm),
           (function(t) {
             if (i(t[br])) {
               var e = X ? "change" : "input";
@@ -5568,7 +5567,7 @@
               ((t.change = [].concat(t[_r], t.change || [])), delete t[_r]);
           })(n),
           ae(n, r, kr, Or, wr, e.context),
-          (gr = void 0);
+          (yr = void 0);
       }
     }
     var Sr,
@@ -5579,19 +5578,19 @@
           r,
           a = e.elm,
           s = t.data.domProps || {},
-          l = e.data.domProps || {};
-        for (n in (i(l.__ob__) && (l = e.data.domProps = A({}, l)), s))
-          o(l[n]) && (a[n] = "");
-        for (n in l) {
-          if (((r = l[n]), "textContent" === n || "innerHTML" === n)) {
+          u = e.data.domProps || {};
+        for (n in (i(u.__ob__) && (u = e.data.domProps = A({}, u)), s))
+          o(u[n]) && (a[n] = "");
+        for (n in u) {
+          if (((r = u[n]), "textContent" === n || "innerHTML" === n)) {
             if ((e.children && (e.children.length = 0), r === s[n])) continue;
             1 === a.childNodes.length && a.removeChild(a.childNodes[0]);
           }
           if ("value" === n || r !== s[n])
             if ("value" === n) {
               a._value = r;
-              var u = o(r) ? "" : String(r);
-              Ar(a, u) && (a.value = u);
+              var l = o(r) ? "" : String(r);
+              Ar(a, l) && (a.value = l);
             } else if ("innerHTML" === n && Kn(a.tagName) && o(a.innerHTML)) {
               (Sr = Sr || document.createElement("div")).innerHTML =
                 "<svg>" + r + "</svg>";
@@ -5617,7 +5616,7 @@
             var n = t.value,
               r = t._vModifiers;
             if (i(r)) {
-              if (r.number) return h(n) !== h(e);
+              if (r.number) return v(n) !== v(e);
               if (r.trim) return n.trim() !== e.trim();
             }
             return n !== e;
@@ -5675,19 +5674,19 @@
           if (r in Mr) return r;
         }
       });
-    function zr(t, e) {
+    function Ur(t, e) {
       var n = e.data,
         r = t.data;
       if (!(o(n.staticStyle) && o(n.style) && o(r.staticStyle) && o(r.style))) {
         var a,
           s,
-          l = e.elm,
-          u = r.staticStyle,
+          u = e.elm,
+          l = r.staticStyle,
           c = r.normalizedStyle || r.style || {},
-          f = u || c,
+          f = l || c,
           p = Tr(e.data.style) || {};
         e.data.normalizedStyle = i(p.__ob__) ? A({}, p) : p;
-        var v = (function(t, e) {
+        var d = (function(t, e) {
           var n,
             r = {};
           if (e)
@@ -5701,11 +5700,11 @@
             i.data && (n = Pr(i.data)) && A(r, n);
           return r;
         })(e, !0);
-        for (s in f) o(v[s]) && Dr(l, s, "");
-        for (s in v) (a = v[s]) !== f[s] && Dr(l, s, null == a ? "" : a);
+        for (s in f) o(d[s]) && Dr(u, s, "");
+        for (s in d) (a = d[s]) !== f[s] && Dr(u, s, null == a ? "" : a);
       }
     }
-    var Ur = { create: zr, update: zr },
+    var zr = { create: Ur, update: Ur },
       Br = /\s+/;
     function Vr(t, e) {
       if (e && (e = e.trim()))
@@ -5747,12 +5746,12 @@
       if (t) {
         if ("object" == typeof t) {
           var e = {};
-          return !1 !== t.css && A(e, Wr(t.name || "v")), A(e, t), e;
+          return !1 !== t.css && A(e, Gr(t.name || "v")), A(e, t), e;
         }
-        return "string" == typeof t ? Wr(t) : void 0;
+        return "string" == typeof t ? Gr(t) : void 0;
       }
     }
-    var Wr = w(function(t) {
+    var Gr = w(function(t) {
         return {
           enterClass: t + "-enter",
           enterToClass: t + "-enter-to",
@@ -5762,21 +5761,21 @@
           leaveActiveClass: t + "-leave-active"
         };
       }),
-      Gr = W && !Y,
+      Wr = G && !Y,
       Kr = "transition",
       Zr = "animation",
       Xr = "transition",
       Yr = "transitionend",
       Jr = "animation",
       Qr = "animationend";
-    Gr &&
+    Wr &&
       (void 0 === window.ontransitionend &&
         void 0 !== window.onwebkittransitionend &&
         ((Xr = "WebkitTransition"), (Yr = "webkitTransitionEnd")),
       void 0 === window.onanimationend &&
         void 0 !== window.onwebkitanimationend &&
         ((Jr = "WebkitAnimation"), (Qr = "webkitAnimationEnd")));
-    var to = W
+    var to = G
       ? window.requestAnimationFrame
         ? window.requestAnimationFrame.bind(window)
         : setTimeout
@@ -5793,7 +5792,7 @@
       n.indexOf(e) < 0 && (n.push(e), Vr(t, e));
     }
     function ro(t, e) {
-      t._transitionClasses && y(t._transitionClasses, e), qr(t, e);
+      t._transitionClasses && g(t._transitionClasses, e), qr(t, e);
     }
     function oo(t, e, n) {
       var r = ao(t, e),
@@ -5802,15 +5801,15 @@
         a = r.propCount;
       if (!o) return n();
       var s = o === Kr ? Yr : Qr,
-        l = 0,
-        u = function() {
+        u = 0,
+        l = function() {
           t.removeEventListener(s, c), n();
         },
         c = function(e) {
-          e.target === t && ++l >= a && u();
+          e.target === t && ++u >= a && l();
         };
       setTimeout(function() {
-        l < a && u();
+        u < a && l();
       }, i + 1),
         t.addEventListener(s, c);
     }
@@ -5822,19 +5821,19 @@
         i = (r[Xr + "Duration"] || "").split(", "),
         a = so(o, i),
         s = (r[Jr + "Delay"] || "").split(", "),
-        l = (r[Jr + "Duration"] || "").split(", "),
-        u = so(s, l),
+        u = (r[Jr + "Duration"] || "").split(", "),
+        l = so(s, u),
         c = 0,
         f = 0;
       return (
         e === Kr
           ? a > 0 && ((n = Kr), (c = a), (f = i.length))
           : e === Zr
-            ? u > 0 && ((n = Zr), (c = u), (f = l.length))
-            : (f = (n = (c = Math.max(a, u)) > 0 ? (a > u ? Kr : Zr) : null)
+            ? l > 0 && ((n = Zr), (c = l), (f = u.length))
+            : (f = (n = (c = Math.max(a, l)) > 0 ? (a > l ? Kr : Zr) : null)
                 ? n === Kr
                   ? i.length
-                  : l.length
+                  : u.length
                 : 0),
         {
           type: n,
@@ -5849,14 +5848,14 @@
       return Math.max.apply(
         null,
         e.map(function(e, n) {
-          return lo(e) + lo(t[n]);
+          return uo(e) + uo(t[n]);
         })
       );
     }
-    function lo(t) {
+    function uo(t) {
       return 1e3 * Number(t.slice(0, -1).replace(",", "."));
     }
-    function uo(t, e) {
+    function lo(t, e) {
       var n = t.elm;
       i(n._leaveCb) && ((n._leaveCb.cancelled = !0), n._leaveCb());
       var r = Hr(t.data.transition);
@@ -5864,15 +5863,15 @@
         for (
           var a = r.css,
             s = r.type,
-            u = r.enterClass,
+            l = r.enterClass,
             c = r.enterToClass,
             f = r.enterActiveClass,
             p = r.appearClass,
-            v = r.appearToClass,
-            d = r.appearActiveClass,
+            d = r.appearToClass,
+            h = r.appearActiveClass,
             m = r.beforeEnter,
-            g = r.enter,
-            y = r.afterEnter,
+            y = r.enter,
+            g = r.afterEnter,
             b = r.enterCancelled,
             _ = r.beforeAppear,
             w = r.appear,
@@ -5887,14 +5886,14 @@
           C = (S = S.parent).context;
         var $ = !C._isMounted || !t.isRootInsert;
         if (!$ || w || "" === w) {
-          var E = $ && p ? p : u,
-            A = $ && d ? d : f,
-            j = $ && v ? v : c,
+          var E = $ && p ? p : l,
+            A = $ && h ? h : f,
+            j = $ && d ? d : c,
             L = ($ && _) || m,
-            P = $ && "function" == typeof w ? w : g,
-            T = ($ && x) || y,
+            P = $ && "function" == typeof w ? w : y,
+            T = ($ && x) || g,
             M = ($ && k) || b,
-            I = h(l(O) ? O.enter : O);
+            I = v(u(O) ? O.enter : O);
           0;
           var D = !1 !== a && !Y,
             N = po(P),
@@ -5932,28 +5931,28 @@
       if (!i(n._leaveCb)) {
         var a = r.css,
           s = r.type,
-          u = r.leaveClass,
+          l = r.leaveClass,
           c = r.leaveToClass,
           f = r.leaveActiveClass,
           p = r.beforeLeave,
-          v = r.leave,
-          d = r.afterLeave,
+          d = r.leave,
+          h = r.afterLeave,
           m = r.leaveCancelled,
-          g = r.delayLeave,
-          y = r.duration,
+          y = r.delayLeave,
+          g = r.duration,
           b = !1 !== a && !Y,
-          _ = po(v),
-          w = h(l(y) ? y.leave : y);
+          _ = po(d),
+          w = v(u(g) ? g.leave : g);
         0;
         var x = (n._leaveCb = R(function() {
           n.parentNode &&
             n.parentNode._pending &&
             (n.parentNode._pending[t.key] = null),
             b && (ro(n, c), ro(n, f)),
-            x.cancelled ? (b && ro(n, u), m && m(n)) : (e(), d && d(n)),
+            x.cancelled ? (b && ro(n, l), m && m(n)) : (e(), h && h(n)),
             (n._leaveCb = null);
         }));
-        g ? g(k) : k();
+        y ? y(k) : k();
       }
       function k() {
         x.cancelled ||
@@ -5964,14 +5963,14 @@
             ] = t),
           p && p(n),
           b &&
-            (no(n, u),
+            (no(n, l),
             no(n, f),
             eo(function() {
-              ro(n, u),
+              ro(n, l),
                 x.cancelled ||
                   (no(n, c), _ || (fo(w) ? setTimeout(x, w) : oo(n, s, x)));
             })),
-          v && v(n, x),
+          d && d(n, x),
           b || _ || x());
       }
     }
@@ -5985,38 +5984,38 @@
         ? po(Array.isArray(e) ? e[0] : e)
         : (t._length || t.length) > 1;
     }
-    function vo(t, e) {
-      !0 !== e.data.show && uo(e);
+    function ho(t, e) {
+      !0 !== e.data.show && lo(e);
     }
-    var ho = (function(t) {
+    var vo = (function(t) {
       var e,
         n,
         r = {},
-        l = t.modules,
-        u = t.nodeOps;
+        u = t.modules,
+        l = t.nodeOps;
       for (e = 0; e < nr.length; ++e)
-        for (r[nr[e]] = [], n = 0; n < l.length; ++n)
-          i(l[n][nr[e]]) && r[nr[e]].push(l[n][nr[e]]);
+        for (r[nr[e]] = [], n = 0; n < u.length; ++n)
+          i(u[n][nr[e]]) && r[nr[e]].push(u[n][nr[e]]);
       function c(t) {
-        var e = u.parentNode(t);
-        i(e) && u.removeChild(e, t);
+        var e = l.parentNode(t);
+        i(e) && l.removeChild(e, t);
       }
-      function f(t, e, n, o, s, l, c) {
+      function f(t, e, n, o, s, u, c) {
         if (
-          (i(t.elm) && i(l) && (t = l[c] = bt(t)),
+          (i(t.elm) && i(u) && (t = u[c] = bt(t)),
           (t.isRootInsert = !s),
           !(function(t, e, n, o) {
             var s = t.data;
             if (i(s)) {
-              var l = i(t.componentInstance) && s.keepAlive;
+              var u = i(t.componentInstance) && s.keepAlive;
               if (
                 (i((s = s.hook)) && i((s = s.init)) && s(t, !1),
                 i(t.componentInstance))
               )
                 return (
                   p(t, e),
-                  v(n, t.elm, o),
-                  a(l) &&
+                  d(n, t.elm, o),
+                  a(u) &&
                     (function(t, e, n, o) {
                       for (var a, s = t; s.componentInstance; )
                         if (
@@ -6028,7 +6027,7 @@
                           e.push(s);
                           break;
                         }
-                      v(n, t.elm, o);
+                      d(n, t.elm, o);
                     })(t, e, n, o),
                   !0
                 );
@@ -6036,19 +6035,19 @@
           })(t, e, n, o))
         ) {
           var f = t.data,
-            h = t.children,
+            v = t.children,
             m = t.tag;
           i(m)
             ? ((t.elm = t.ns
-                ? u.createElementNS(t.ns, m)
-                : u.createElement(m, t)),
-              y(t),
-              d(t, h, e),
-              i(f) && g(t, e),
-              v(n, t.elm, o))
+                ? l.createElementNS(t.ns, m)
+                : l.createElement(m, t)),
+              g(t),
+              h(t, v, e),
+              i(f) && y(t, e),
+              d(n, t.elm, o))
             : a(t.isComment)
-              ? ((t.elm = u.createComment(t.text)), v(n, t.elm, o))
-              : ((t.elm = u.createTextNode(t.text)), v(n, t.elm, o));
+              ? ((t.elm = l.createComment(t.text)), d(n, t.elm, o))
+              : ((t.elm = l.createTextNode(t.text)), d(n, t.elm, o));
         }
       }
       function p(t, e) {
@@ -6056,43 +6055,43 @@
           (e.push.apply(e, t.data.pendingInsert),
           (t.data.pendingInsert = null)),
           (t.elm = t.componentInstance.$el),
-          h(t) ? (g(t, e), y(t)) : (tr(t), e.push(t));
+          v(t) ? (y(t, e), g(t)) : (tr(t), e.push(t));
       }
-      function v(t, e, n) {
+      function d(t, e, n) {
         i(t) &&
           (i(n)
-            ? u.parentNode(n) === t && u.insertBefore(t, e, n)
-            : u.appendChild(t, e));
+            ? l.parentNode(n) === t && l.insertBefore(t, e, n)
+            : l.appendChild(t, e));
       }
-      function d(t, e, n) {
+      function h(t, e, n) {
         if (Array.isArray(e))
           for (var r = 0; r < e.length; ++r) f(e[r], n, t.elm, null, !0, e, r);
         else
-          s(t.text) && u.appendChild(t.elm, u.createTextNode(String(t.text)));
+          s(t.text) && l.appendChild(t.elm, l.createTextNode(String(t.text)));
       }
-      function h(t) {
+      function v(t) {
         for (; t.componentInstance; ) t = t.componentInstance._vnode;
         return i(t.tag);
       }
-      function g(t, n) {
+      function y(t, n) {
         for (var o = 0; o < r.create.length; ++o) r.create[o](er, t);
         i((e = t.data.hook)) &&
           (i(e.create) && e.create(er, t), i(e.insert) && n.push(t));
       }
-      function y(t) {
+      function g(t) {
         var e;
-        if (i((e = t.fnScopeId))) u.setStyleScope(t.elm, e);
+        if (i((e = t.fnScopeId))) l.setStyleScope(t.elm, e);
         else
           for (var n = t; n; )
             i((e = n.context)) &&
               i((e = e.$options._scopeId)) &&
-              u.setStyleScope(t.elm, e),
+              l.setStyleScope(t.elm, e),
               (n = n.parent);
         i((e = Ye)) &&
           e !== t.context &&
           e !== t.fnContext &&
           i((e = e.$options._scopeId)) &&
-          u.setStyleScope(t.elm, e);
+          l.setStyleScope(t.elm, e);
       }
       function b(t, e, n, r, o, i) {
         for (; r <= o; ++r) f(n[r], i, t, e, !1, n, r);
@@ -6148,9 +6147,9 @@
           if (i(a) && rr(t, a)) return o;
         }
       }
-      function O(t, e, n, s, l, c) {
+      function O(t, e, n, s, u, c) {
         if (t !== e) {
-          i(e.elm) && i(s) && (e = s[l] = bt(e));
+          i(e.elm) && i(s) && (e = s[u] = bt(e));
           var p = (e.elm = t.elm);
           if (a(t.isAsyncPlaceholder))
             i(e.asyncFactory.resolved)
@@ -6164,79 +6163,79 @@
           )
             e.componentInstance = t.componentInstance;
           else {
-            var v,
-              d = e.data;
-            i(d) && i((v = d.hook)) && i((v = v.prepatch)) && v(t, e);
+            var d,
+              h = e.data;
+            i(h) && i((d = h.hook)) && i((d = d.prepatch)) && d(t, e);
             var m = t.children,
-              g = e.children;
-            if (i(d) && h(e)) {
-              for (v = 0; v < r.update.length; ++v) r.update[v](t, e);
-              i((v = d.hook)) && i((v = v.update)) && v(t, e);
+              y = e.children;
+            if (i(h) && v(e)) {
+              for (d = 0; d < r.update.length; ++d) r.update[d](t, e);
+              i((d = h.hook)) && i((d = d.update)) && d(t, e);
             }
             o(e.text)
-              ? i(m) && i(g)
-                ? m !== g &&
+              ? i(m) && i(y)
+                ? m !== y &&
                   (function(t, e, n, r, a) {
                     for (
                       var s,
-                        l,
+                        u,
                         c,
                         p = 0,
-                        v = 0,
-                        d = e.length - 1,
-                        h = e[0],
-                        m = e[d],
-                        g = n.length - 1,
-                        y = n[0],
-                        _ = n[g],
+                        d = 0,
+                        h = e.length - 1,
+                        v = e[0],
+                        m = e[h],
+                        y = n.length - 1,
+                        g = n[0],
+                        _ = n[y],
                         x = !a;
-                      p <= d && v <= g;
+                      p <= h && d <= y;
 
                     )
-                      o(h)
-                        ? (h = e[++p])
+                      o(v)
+                        ? (v = e[++p])
                         : o(m)
-                          ? (m = e[--d])
-                          : rr(h, y)
-                            ? (O(h, y, r, n, v), (h = e[++p]), (y = n[++v]))
+                          ? (m = e[--h])
+                          : rr(v, g)
+                            ? (O(v, g, r, n, d), (v = e[++p]), (g = n[++d]))
                             : rr(m, _)
-                              ? (O(m, _, r, n, g), (m = e[--d]), (_ = n[--g]))
-                              : rr(h, _)
-                                ? (O(h, _, r, n, g),
+                              ? (O(m, _, r, n, y), (m = e[--h]), (_ = n[--y]))
+                              : rr(v, _)
+                                ? (O(v, _, r, n, y),
                                   x &&
-                                    u.insertBefore(
+                                    l.insertBefore(
                                       t,
-                                      h.elm,
-                                      u.nextSibling(m.elm)
+                                      v.elm,
+                                      l.nextSibling(m.elm)
                                     ),
-                                  (h = e[++p]),
-                                  (_ = n[--g]))
-                                : rr(m, y)
-                                  ? (O(m, y, r, n, v),
-                                    x && u.insertBefore(t, m.elm, h.elm),
-                                    (m = e[--d]),
-                                    (y = n[++v]))
-                                  : (o(s) && (s = or(e, p, d)),
-                                    o((l = i(y.key) ? s[y.key] : k(y, e, p, d)))
-                                      ? f(y, r, t, h.elm, !1, n, v)
-                                      : rr((c = e[l]), y)
-                                        ? (O(c, y, r, n, v),
-                                          (e[l] = void 0),
-                                          x && u.insertBefore(t, c.elm, h.elm))
-                                        : f(y, r, t, h.elm, !1, n, v),
-                                    (y = n[++v]));
-                    p > d
-                      ? b(t, o(n[g + 1]) ? null : n[g + 1].elm, n, v, g, r)
-                      : v > g && w(0, e, p, d);
-                  })(p, m, g, n, c)
-                : i(g)
-                  ? (i(t.text) && u.setTextContent(p, ""),
-                    b(p, null, g, 0, g.length - 1, n))
+                                  (v = e[++p]),
+                                  (_ = n[--y]))
+                                : rr(m, g)
+                                  ? (O(m, g, r, n, d),
+                                    x && l.insertBefore(t, m.elm, v.elm),
+                                    (m = e[--h]),
+                                    (g = n[++d]))
+                                  : (o(s) && (s = or(e, p, h)),
+                                    o((u = i(g.key) ? s[g.key] : k(g, e, p, h)))
+                                      ? f(g, r, t, v.elm, !1, n, d)
+                                      : rr((c = e[u]), g)
+                                        ? (O(c, g, r, n, d),
+                                          (e[u] = void 0),
+                                          x && l.insertBefore(t, c.elm, v.elm))
+                                        : f(g, r, t, v.elm, !1, n, d),
+                                    (g = n[++d]));
+                    p > h
+                      ? b(t, o(n[y + 1]) ? null : n[y + 1].elm, n, d, y, r)
+                      : d > y && w(0, e, p, h);
+                  })(p, m, y, n, c)
+                : i(y)
+                  ? (i(t.text) && l.setTextContent(p, ""),
+                    b(p, null, y, 0, y.length - 1, n))
                   : i(m)
                     ? w(0, m, 0, m.length - 1)
-                    : i(t.text) && u.setTextContent(p, "")
-              : t.text !== e.text && u.setTextContent(p, e.text),
-              i(d) && i((v = d.hook)) && i((v = v.postpatch)) && v(t, e);
+                    : i(t.text) && l.setTextContent(p, "")
+              : t.text !== e.text && l.setTextContent(p, e.text),
+              i(h) && i((d = h.hook)) && i((d = d.postpatch)) && d(t, e);
           }
         }
       }
@@ -6248,28 +6247,28 @@
       function $(t, e, n, r) {
         var o,
           s = e.tag,
-          l = e.data,
-          u = e.children;
+          u = e.data,
+          l = e.children;
         if (
-          ((r = r || (l && l.pre)),
+          ((r = r || (u && u.pre)),
           (e.elm = t),
           a(e.isComment) && i(e.asyncFactory))
         )
           return (e.isAsyncPlaceholder = !0), !0;
         if (
-          i(l) &&
-          (i((o = l.hook)) && i((o = o.init)) && o(e, !0),
+          i(u) &&
+          (i((o = u.hook)) && i((o = o.init)) && o(e, !0),
           i((o = e.componentInstance)))
         )
           return p(e, n), !0;
         if (i(s)) {
-          if (i(u))
+          if (i(l))
             if (t.hasChildNodes())
-              if (i((o = l)) && i((o = o.domProps)) && i((o = o.innerHTML))) {
+              if (i((o = u)) && i((o = o.domProps)) && i((o = o.innerHTML))) {
                 if (o !== t.innerHTML) return !1;
               } else {
-                for (var c = !0, f = t.firstChild, v = 0; v < u.length; v++) {
-                  if (!f || !$(f, u[v], n, r)) {
+                for (var c = !0, f = t.firstChild, d = 0; d < l.length; d++) {
+                  if (!f || !$(f, l[d], n, r)) {
                     c = !1;
                     break;
                   }
@@ -6277,30 +6276,30 @@
                 }
                 if (!c || f) return !1;
               }
-            else d(e, u, n);
-          if (i(l)) {
-            var h = !1;
-            for (var m in l)
+            else h(e, l, n);
+          if (i(u)) {
+            var v = !1;
+            for (var m in u)
               if (!S(m)) {
-                (h = !0), g(e, n);
+                (v = !0), y(e, n);
                 break;
               }
-            !h && l.class && re(l.class);
+            !v && u.class && re(u.class);
           }
         } else t.data !== e.text && (t.data = e.text);
         return !0;
       }
       return function(t, e, n, s) {
         if (!o(e)) {
-          var l,
+          var u,
             c = !1,
             p = [];
           if (o(t)) (c = !0), f(e, p);
           else {
-            var v = i(t.nodeType);
-            if (!v && rr(t, e)) O(t, e, p, null, null, s);
+            var d = i(t.nodeType);
+            if (!d && rr(t, e)) O(t, e, p, null, null, s);
             else {
-              if (v) {
+              if (d) {
                 if (
                   (1 === t.nodeType &&
                     t.hasAttribute(D) &&
@@ -6308,24 +6307,24 @@
                   a(n) && $(t, e, p))
                 )
                   return C(e, p, !0), t;
-                (l = t),
-                  (t = new ht(u.tagName(l).toLowerCase(), {}, [], void 0, l));
+                (u = t),
+                  (t = new vt(l.tagName(u).toLowerCase(), {}, [], void 0, u));
               }
-              var d = t.elm,
-                m = u.parentNode(d);
+              var h = t.elm,
+                m = l.parentNode(h);
               if (
-                (f(e, p, d._leaveCb ? null : m, u.nextSibling(d)), i(e.parent))
+                (f(e, p, h._leaveCb ? null : m, l.nextSibling(h)), i(e.parent))
               )
-                for (var g = e.parent, y = h(e); g; ) {
-                  for (var b = 0; b < r.destroy.length; ++b) r.destroy[b](g);
-                  if (((g.elm = e.elm), y)) {
+                for (var y = e.parent, g = v(e); y; ) {
+                  for (var b = 0; b < r.destroy.length; ++b) r.destroy[b](y);
+                  if (((y.elm = e.elm), g)) {
                     for (var x = 0; x < r.create.length; ++x)
-                      r.create[x](er, g);
-                    var k = g.data.hook.insert;
+                      r.create[x](er, y);
+                    var k = y.data.hook.insert;
                     if (k.merged)
                       for (var S = 1; S < k.fns.length; S++) k.fns[S]();
-                  } else tr(g);
-                  g = g.parent;
+                  } else tr(y);
+                  y = y.parent;
                 }
               i(m) ? w(0, [t], 0, 0) : i(t.tag) && _(t);
             }
@@ -6337,15 +6336,15 @@
     })({
       nodeOps: Jn,
       modules: [
-        hr,
-        yr,
+        vr,
+        gr,
         $r,
         jr,
-        Ur,
-        W
+        zr,
+        G
           ? {
-              create: vo,
-              activate: vo,
+              create: ho,
+              activate: ho,
               remove: function(t, e) {
                 !0 !== t.data.show ? co(t, e) : e();
               }
@@ -6365,7 +6364,7 @@
               ? se(n, "postpatch", function() {
                   mo.componentUpdated(t, e, n);
                 })
-              : go(t, e, n.context),
+              : yo(t, e, n.context),
             (t._vOptions = [].map.call(t.options, _o)))
           : ("textarea" === n.tag || Yn(t.type)) &&
             ((t._vModifiers = e.modifiers),
@@ -6377,7 +6376,7 @@
       },
       componentUpdated: function(t, e, n) {
         if ("select" === n.tag) {
-          go(t, e, n.context);
+          yo(t, e, n.context);
           var r = t._vOptions,
             o = (t._vOptions = [].map.call(t.options, _o));
           if (
@@ -6393,18 +6392,18 @@
         }
       }
     };
-    function go(t, e, n) {
-      yo(t, e, n),
+    function yo(t, e, n) {
+      go(t, e, n),
         (X || J) &&
           setTimeout(function() {
-            yo(t, e, n);
+            go(t, e, n);
           }, 0);
     }
-    function yo(t, e, n) {
+    function go(t, e, n) {
       var r = e.value,
         o = t.multiple;
       if (!o || Array.isArray(r)) {
-        for (var i, a, s = 0, l = t.options.length; s < l; s++)
+        for (var i, a, s = 0, u = t.options.length; s < u; s++)
           if (((a = t.options[s]), o))
             (i = I(r, _o(a)) > -1), a.selected !== i && (a.selected = i);
           else if (M(_o(a), r))
@@ -6445,7 +6444,7 @@
                 "none" === t.style.display ? "" : t.style.display);
             r && o
               ? ((n.data.show = !0),
-                uo(n, function() {
+                lo(n, function() {
                   t.style.display = i;
                 }))
               : (t.style.display = r ? i : "none");
@@ -6456,7 +6455,7 @@
               ((n = Oo(n)).data && n.data.transition
                 ? ((n.data.show = !0),
                   r
-                    ? uo(n, function() {
+                    ? lo(n, function() {
                         t.style.display = t.__vOriginalDisplay;
                       })
                     : co(n, function() {
@@ -6488,7 +6487,7 @@
       };
     function $o(t) {
       var e = t && t.componentOptions;
-      return e && e.Ctor.options.abstract ? $o(We(e.children)) : t;
+      return e && e.Ctor.options.abstract ? $o(Ge(e.children)) : t;
     }
     function Eo(t) {
       var e = {},
@@ -6540,9 +6539,9 @@
                     ? i.key
                     : a + i.key
                   : i.key;
-            var l = ((i.data || (i.data = {})).transition = Eo(this)),
-              u = this._vnode,
-              c = $o(u);
+            var u = ((i.data || (i.data = {})).transition = Eo(this)),
+              l = this._vnode,
+              c = $o(l);
             if (
               (i.data.directives &&
                 i.data.directives.some(Lo) &&
@@ -6555,7 +6554,7 @@
                 !He(c) &&
                 (!c.componentInstance || !c.componentInstance._vnode.isComment))
             ) {
-              var f = (c.data.transition = A({}, l));
+              var f = (c.data.transition = A({}, u));
               if ("out-in" === r)
                 return (
                   (this._leaving = !0),
@@ -6565,13 +6564,13 @@
                   Ao(t, o)
                 );
               if ("in-out" === r) {
-                if (He(i)) return u;
+                if (He(i)) return l;
                 var p,
-                  v = function() {
+                  d = function() {
                     p();
                   };
-                se(l, "afterEnter", v),
-                  se(l, "enterCancelled", v),
+                se(u, "afterEnter", d),
+                  se(u, "enterCancelled", d),
                   se(f, "delayLeave", function(t) {
                     p = t;
                   });
@@ -6629,22 +6628,22 @@
             s < o.length;
             s++
           ) {
-            var l = o[s];
-            if (l.tag)
-              if (null != l.key && 0 !== String(l.key).indexOf("__vlist"))
-                i.push(l),
-                  (n[l.key] = l),
-                  ((l.data || (l.data = {})).transition = a);
+            var u = o[s];
+            if (u.tag)
+              if (null != u.key && 0 !== String(u.key).indexOf("__vlist"))
+                i.push(u),
+                  (n[u.key] = u),
+                  ((u.data || (u.data = {})).transition = a);
               else;
           }
           if (r) {
-            for (var u = [], c = [], f = 0; f < r.length; f++) {
+            for (var l = [], c = [], f = 0; f < r.length; f++) {
               var p = r[f];
               (p.data.transition = a),
                 (p.data.pos = p.elm.getBoundingClientRect()),
-                n[p.key] ? u.push(p) : c.push(p);
+                n[p.key] ? l.push(p) : c.push(p);
             }
-            (this.kept = t(e, null, u)), (this.removed = c);
+            (this.kept = t(e, null, l)), (this.removed = c);
           }
           return t(e, null, i);
         },
@@ -6678,7 +6677,7 @@
         },
         methods: {
           hasMove: function(t, e) {
-            if (!Gr) return !1;
+            if (!Wr) return !1;
             if (this._hasMove) return this._hasMove;
             var n = t.cloneNode();
             t._transitionClasses &&
@@ -6708,7 +6707,7 @@
         return Kn(t) ? "svg" : "math" === t ? "math" : void 0;
       }),
       (On.config.isUnknownElement = function(t) {
-        if (!W) return !0;
+        if (!G) return !0;
         if (Zn(t)) return !1;
         if (((t = t.toLowerCase()), null != Xn[t])) return Xn[t];
         var e = document.createElement(t);
@@ -6720,18 +6719,18 @@
       }),
       A(On.options.directives, Co),
       A(On.options.components, Do),
-      (On.prototype.__patch__ = W ? ho : L),
+      (On.prototype.__patch__ = G ? vo : L),
       (On.prototype.$mount = function(t, e) {
         return (function(t, e, n) {
           var r;
           return (
             (t.$el = e),
-            t.$options.render || (t.$options.render = gt),
+            t.$options.render || (t.$options.render = yt),
             en(t, "beforeMount"),
             (r = function() {
               t._update(t._render(), n);
             }),
-            new vn(
+            new dn(
               t,
               r,
               L,
@@ -6749,7 +6748,7 @@
         })(
           this,
           (t =
-            t && W
+            t && G
               ? (function(t) {
                   if ("string" == typeof t) {
                     var e = document.querySelector(t);
@@ -6761,9 +6760,9 @@
           e
         );
       }),
-      W &&
+      G &&
         setTimeout(function() {
-          z.devtools && it && it.emit("init", On);
+          U.devtools && it && it.emit("init", On);
         }, 0);
     var No = On;
     /*!
@@ -6775,11 +6774,11 @@
     ) {
       return Object.prototype.toString.call(t).indexOf("Error") > -1;
     }
-    function zo(t, e) {
+    function Uo(t, e) {
       for (var n in e) t[n] = e[n];
       return t;
     }
-    var Uo = {
+    var zo = {
       name: "RouterView",
       functional: !0,
       props: { name: { type: String, default: "default" } },
@@ -6792,8 +6791,8 @@
         for (
           var a = o.$createElement,
             s = n.name,
-            l = o.$route,
-            u = o._routerViewCache || (o._routerViewCache = {}),
+            u = o.$route,
+            l = o._routerViewCache || (o._routerViewCache = {}),
             c = 0,
             f = !1;
           o && o._routerRoot !== o;
@@ -6802,10 +6801,10 @@
           o.$vnode && o.$vnode.data.routerView && c++,
             o._inactive && (f = !0),
             (o = o.$parent);
-        if (((i.routerViewDepth = c), f)) return a(u[s], i, r);
-        var p = l.matched[c];
-        if (!p) return (u[s] = null), a();
-        var v = (u[s] = p.components[s]);
+        if (((i.routerViewDepth = c), f)) return a(l[s], i, r);
+        var p = u.matched[c];
+        if (!p) return (l[s] = null), a();
+        var d = (l[s] = p.components[s]);
         (i.registerRouteInstance = function(t, e) {
           var n = p.instances[s];
           ((e && n !== t) || (!e && n === t)) && (p.instances[s] = e);
@@ -6813,7 +6812,7 @@
           ((i.hook || (i.hook = {})).prepatch = function(t, e) {
             p.instances[s] = e.componentInstance;
           });
-        var d = (i.props = (function(t, e) {
+        var h = (i.props = (function(t, e) {
           switch (typeof e) {
             case "undefined":
               return;
@@ -6826,14 +6825,14 @@
             default:
               0;
           }
-        })(l, p.props && p.props[s]));
-        if (d) {
-          d = i.props = zo({}, d);
-          var h = (i.attrs = i.attrs || {});
-          for (var m in d)
-            (v.props && m in v.props) || ((h[m] = d[m]), delete d[m]);
+        })(u, p.props && p.props[s]));
+        if (h) {
+          h = i.props = Uo({}, h);
+          var v = (i.attrs = i.attrs || {});
+          for (var m in h)
+            (d.props && m in d.props) || ((v[m] = h[m]), delete h[m]);
         }
-        return a(v, i, r);
+        return a(d, i, r);
       }
     };
     var Bo = /[!'()*]/g,
@@ -6846,14 +6845,14 @@
           .replace(Bo, Vo)
           .replace(qo, ",");
       },
-      Wo = decodeURIComponent;
-    function Go(t) {
+      Go = decodeURIComponent;
+    function Wo(t) {
       var e = {};
       return (t = t.trim().replace(/^(\?|#|&)/, ""))
         ? (t.split("&").forEach(function(t) {
             var n = t.replace(/\+/g, " ").split("="),
-              r = Wo(n.shift()),
-              o = n.length > 0 ? Wo(n.join("=")) : null;
+              r = Go(n.shift()),
+              o = n.length > 0 ? Go(n.join("=")) : null;
             void 0 === e[r]
               ? (e[r] = o)
               : Array.isArray(e[r])
@@ -6984,17 +6983,17 @@
             i = o.location,
             a = o.route,
             s = o.href,
-            l = {},
-            u = n.options.linkActiveClass,
+            u = {},
+            l = n.options.linkActiveClass,
             c = n.options.linkExactActiveClass,
-            f = null == u ? "router-link-active" : u,
+            f = null == l ? "router-link-active" : l,
             p = null == c ? "router-link-exact-active" : c,
-            v = null == this.activeClass ? f : this.activeClass,
-            d = null == this.exactActiveClass ? p : this.exactActiveClass,
-            h = i.path ? Xo(null, i, null, n) : a;
-          (l[d] = ei(r, h)),
-            (l[v] = this.exact
-              ? l[d]
+            d = null == this.activeClass ? f : this.activeClass,
+            h = null == this.exactActiveClass ? p : this.exactActiveClass,
+            v = i.path ? Xo(null, i, null, n) : a;
+          (u[h] = ei(r, v)),
+            (u[d] = this.exact
+              ? u[h]
               : (function(t, e) {
                   return (
                     0 ===
@@ -7007,18 +7006,18 @@
                       return !0;
                     })(t.query, e.query)
                   );
-                })(r, h));
+                })(r, v));
           var m = function(t) {
               si(t) && (e.replace ? n.replace(i) : n.push(i));
             },
-            g = { click: si };
+            y = { click: si };
           Array.isArray(this.event)
             ? this.event.forEach(function(t) {
-                g[t] = m;
+                y[t] = m;
               })
-            : (g[this.event] = m);
-          var y = { class: l };
-          if ("a" === this.tag) (y.on = g), (y.attrs = { href: s });
+            : (y[this.event] = m);
+          var g = { class: u };
+          if ("a" === this.tag) (g.on = y), (g.attrs = { href: s });
           else {
             var b = (function t(e) {
               if (e)
@@ -7029,11 +7028,11 @@
             })(this.$slots.default);
             if (b)
               (b.isStatic = !1),
-                ((b.data = zo({}, b.data)).on = g),
-                ((b.data.attrs = zo({}, b.data.attrs)).href = s);
-            else y.on = g;
+                ((b.data = Uo({}, b.data)).on = y),
+                ((b.data.attrs = Uo({}, b.data.attrs)).href = s);
+            else g.on = y;
           }
-          return t(this.tag, y, this.$slots.default);
+          return t(this.tag, g, this.$slots.default);
         }
       };
     function si(t) {
@@ -7054,8 +7053,8 @@
         return t.preventDefault && t.preventDefault(), !0;
       }
     }
-    var li = "undefined" != typeof window;
-    function ui(t, e, n) {
+    var ui = "undefined" != typeof window;
+    function li(t, e, n) {
       var r = t.charAt(0);
       if ("/" === r) return t;
       if ("?" === r || "#" === r) return e + t;
@@ -7076,52 +7075,52 @@
           return "[object Array]" == Object.prototype.toString.call(t);
         },
       pi = Si,
-      vi = yi,
-      di = function(t, e) {
-        return _i(yi(t, e));
+      di = gi,
+      hi = function(t, e) {
+        return _i(gi(t, e));
       },
-      hi = _i,
+      vi = _i,
       mi = Ci,
-      gi = new RegExp(
+      yi = new RegExp(
         [
           "(\\\\.)",
           "([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"
         ].join("|"),
         "g"
       );
-    function yi(t, e) {
+    function gi(t, e) {
       for (
         var n, r = [], o = 0, i = 0, a = "", s = (e && e.delimiter) || "/";
-        null != (n = gi.exec(t));
+        null != (n = yi.exec(t));
 
       ) {
-        var l = n[0],
-          u = n[1],
+        var u = n[0],
+          l = n[1],
           c = n.index;
-        if (((a += t.slice(i, c)), (i = c + l.length), u)) a += u[1];
+        if (((a += t.slice(i, c)), (i = c + u.length), l)) a += l[1];
         else {
           var f = t[i],
             p = n[2],
-            v = n[3],
-            d = n[4],
-            h = n[5],
+            d = n[3],
+            h = n[4],
+            v = n[5],
             m = n[6],
-            g = n[7];
+            y = n[7];
           a && (r.push(a), (a = ""));
-          var y = null != p && null != f && f !== p,
+          var g = null != p && null != f && f !== p,
             b = "+" === m || "*" === m,
             _ = "?" === m || "*" === m,
             w = n[2] || s,
-            x = d || h;
+            x = h || v;
           r.push({
-            name: v || o++,
+            name: d || o++,
             prefix: p || "",
             delimiter: w,
             optional: _,
             repeat: b,
-            partial: y,
-            asterisk: !!g,
-            pattern: x ? xi(x) : g ? ".*" : "[^" + wi(w) + "]+?"
+            partial: g,
+            asterisk: !!y,
+            pattern: x ? xi(x) : y ? ".*" : "[^" + wi(w) + "]+?"
           });
         }
       }
@@ -7151,48 +7150,48 @@
           s < t.length;
           s++
         ) {
-          var l = t[s];
-          if ("string" != typeof l) {
-            var u,
-              c = i[l.name];
+          var u = t[s];
+          if ("string" != typeof u) {
+            var l,
+              c = i[u.name];
             if (null == c) {
-              if (l.optional) {
-                l.partial && (o += l.prefix);
+              if (u.optional) {
+                u.partial && (o += u.prefix);
                 continue;
               }
-              throw new TypeError('Expected "' + l.name + '" to be defined');
+              throw new TypeError('Expected "' + u.name + '" to be defined');
             }
             if (fi(c)) {
-              if (!l.repeat)
+              if (!u.repeat)
                 throw new TypeError(
                   'Expected "' +
-                    l.name +
+                    u.name +
                     '" to not repeat, but received `' +
                     JSON.stringify(c) +
                     "`"
                 );
               if (0 === c.length) {
-                if (l.optional) continue;
+                if (u.optional) continue;
                 throw new TypeError(
-                  'Expected "' + l.name + '" to not be empty'
+                  'Expected "' + u.name + '" to not be empty'
                 );
               }
               for (var f = 0; f < c.length; f++) {
-                if (((u = a(c[f])), !e[s].test(u)))
+                if (((l = a(c[f])), !e[s].test(l)))
                   throw new TypeError(
                     'Expected all "' +
-                      l.name +
+                      u.name +
                       '" to match "' +
-                      l.pattern +
+                      u.pattern +
                       '", but received `' +
-                      JSON.stringify(u) +
+                      JSON.stringify(l) +
                       "`"
                   );
-                o += (0 === f ? l.prefix : l.delimiter) + u;
+                o += (0 === f ? u.prefix : u.delimiter) + l;
               }
             } else {
               if (
-                ((u = l.asterisk
+                ((l = u.asterisk
                   ? encodeURI(c).replace(/[?#]/g, function(t) {
                       return (
                         "%" +
@@ -7203,20 +7202,20 @@
                       );
                     })
                   : a(c)),
-                !e[s].test(u))
+                !e[s].test(l))
               )
                 throw new TypeError(
                   'Expected "' +
-                    l.name +
+                    u.name +
                     '" to match "' +
-                    l.pattern +
+                    u.pattern +
                     '", but received "' +
-                    u +
+                    l +
                     '"'
                 );
-              o += l.prefix + u;
+              o += u.prefix + l;
             }
-          } else o += l;
+          } else o += u;
         }
         return o;
       };
@@ -7243,15 +7242,15 @@
         var s = t[a];
         if ("string" == typeof s) i += wi(s);
         else {
-          var l = wi(s.prefix),
-            u = "(?:" + s.pattern + ")";
+          var u = wi(s.prefix),
+            l = "(?:" + s.pattern + ")";
           e.push(s),
-            s.repeat && (u += "(?:" + l + u + ")*"),
-            (i += u = s.optional
+            s.repeat && (l += "(?:" + u + l + ")*"),
+            (i += l = s.optional
               ? s.partial
-                ? l + "(" + u + ")?"
-                : "(?:" + l + "(" + u + "))?"
-              : l + "(" + u + ")");
+                ? u + "(" + l + ")?"
+                : "(?:" + u + "(" + l + "))?"
+              : u + "(" + l + ")");
         }
       }
       var c = wi(n.delimiter || "/"),
@@ -7290,13 +7289,13 @@
                 return ki(new RegExp("(?:" + r.join("|") + ")", Oi(n)), e);
               })(t, e, n)
             : (function(t, e, n) {
-                return Ci(yi(t, n), e, n);
+                return Ci(gi(t, n), e, n);
               })(t, e, n)
       );
     }
-    (pi.parse = vi),
-      (pi.compile = di),
-      (pi.tokensToFunction = hi),
+    (pi.parse = di),
+      (pi.compile = hi),
+      (pi.tokensToFunction = vi),
       (pi.tokensToRegExp = mi);
     var $i = Object.create(null);
     function Ei(t, e, n) {
@@ -7313,23 +7312,23 @@
       t.forEach(function(t) {
         !(function t(e, n, r, o, i, a) {
           var s = o.path;
-          var l = o.name;
+          var u = o.name;
           0;
-          var u = o.pathToRegexpOptions || {};
+          var l = o.pathToRegexpOptions || {};
           var c = (function(t, e, n) {
             n || (t = t.replace(/\/$/, ""));
             if ("/" === t[0]) return t;
             if (null == e) return t;
             return ci(e.path + "/" + t);
-          })(s, i, u.strict);
+          })(s, i, l.strict);
           "boolean" == typeof o.caseSensitive &&
-            (u.sensitive = o.caseSensitive);
+            (l.sensitive = o.caseSensitive);
           var f = {
             path: c,
-            regex: ji(c, u),
+            regex: ji(c, l),
             components: o.components || { default: o.component },
             instances: {},
-            name: l,
+            name: u,
             parent: i,
             matchAs: a,
             redirect: o.redirect,
@@ -7355,11 +7354,11 @@
             });
           }
           n[f.path] || (e.push(f.path), (n[f.path] = f));
-          l && (r[l] || (r[l] = f));
+          u && (r[u] || (r[u] = f));
         })(o, i, a, t);
       });
-      for (var s = 0, l = o.length; s < l; s++)
-        "*" === o[s] && (o.push(o.splice(s, 1)[0]), l--, s--);
+      for (var s = 0, u = o.length; s < u; s++)
+        "*" === o[s] && (o.push(o.splice(s, 1)[0]), u--, s--);
       return { pathList: o, pathMap: i, nameMap: a };
     }
     function ji(t, e) {
@@ -7369,8 +7368,8 @@
       var o = "string" == typeof t ? { path: t } : t;
       if (o.name || o._normalized) return o;
       if (!o.path && o.params && e) {
-        (o = zo({}, o))._normalized = !0;
-        var i = zo(zo({}, e.params), o.params);
+        (o = Uo({}, o))._normalized = !0;
+        var i = Uo(Uo({}, e.params), o.params);
         if (e.name) (o.name = e.name), (o.params = i);
         else if (e.matched.length) {
           var a = e.matched[e.matched.length - 1].path;
@@ -7389,12 +7388,12 @@
             { path: t, query: n, hash: e }
           );
         })(o.path || ""),
-        l = (e && e.path) || "/",
-        u = s.path ? ui(s.path, l, n || o.append) : l,
+        u = (e && e.path) || "/",
+        l = s.path ? li(s.path, u, n || o.append) : u,
         c = (function(t, e, n) {
           void 0 === e && (e = {});
           var r,
-            o = n || Go;
+            o = n || Wo;
           try {
             r = o(t || "");
           } catch (t) {
@@ -7406,7 +7405,7 @@
         f = o.hash || s.hash;
       return (
         f && "#" !== f.charAt(0) && (f = "#" + f),
-        { _normalized: !0, path: u, query: c, hash: f }
+        { _normalized: !0, path: l, query: c, hash: f }
       );
     }
     function Pi(t, e) {
@@ -7416,10 +7415,10 @@
         i = n.nameMap;
       function a(t, n, a) {
         var s = Li(t, n, !1, e),
-          u = s.name;
-        if (u) {
-          var c = i[u];
-          if (!c) return l(null, s);
+          l = s.name;
+        if (l) {
+          var c = i[l];
+          if (!c) return u(null, s);
           var f = c.regex.keys
             .filter(function(t) {
               return !t.optional;
@@ -7435,16 +7434,16 @@
               !(p in s.params) &&
                 f.indexOf(p) > -1 &&
                 (s.params[p] = n.params[p]);
-          if (c) return (s.path = Ei(c.path, s.params)), l(c, s, a);
+          if (c) return (s.path = Ei(c.path, s.params)), u(c, s, a);
         } else if (s.path) {
           s.params = {};
-          for (var v = 0; v < r.length; v++) {
-            var d = r[v],
-              h = o[d];
-            if (Ti(h.regex, s.path, s.params)) return l(h, s, a);
+          for (var d = 0; d < r.length; d++) {
+            var h = r[d],
+              v = o[h];
+            if (Ti(v.regex, s.path, s.params)) return u(v, s, a);
           }
         }
-        return l(null, s);
+        return u(null, s);
       }
       function s(t, n) {
         var r = t.redirect,
@@ -7453,39 +7452,39 @@
           ("string" == typeof o && (o = { path: o }),
           !o || "object" != typeof o)
         )
-          return l(null, n);
+          return u(null, n);
         var s = o,
-          u = s.name,
+          l = s.name,
           c = s.path,
           f = n.query,
           p = n.hash,
-          v = n.params;
+          d = n.params;
         if (
           ((f = s.hasOwnProperty("query") ? s.query : f),
           (p = s.hasOwnProperty("hash") ? s.hash : p),
-          (v = s.hasOwnProperty("params") ? s.params : v),
-          u)
+          (d = s.hasOwnProperty("params") ? s.params : d),
+          l)
         ) {
-          i[u];
+          i[l];
           return a(
-            { _normalized: !0, name: u, query: f, hash: p, params: v },
+            { _normalized: !0, name: l, query: f, hash: p, params: d },
             void 0,
             n
           );
         }
         if (c) {
-          var d = (function(t, e) {
-            return ui(t, e.parent ? e.parent.path : "/", !0);
+          var h = (function(t, e) {
+            return li(t, e.parent ? e.parent.path : "/", !0);
           })(c, t);
           return a(
-            { _normalized: !0, path: Ei(d, v), query: f, hash: p },
+            { _normalized: !0, path: Ei(h, d), query: f, hash: p },
             void 0,
             n
           );
         }
-        return l(null, n);
+        return u(null, n);
       }
-      function l(t, n, r) {
+      function u(t, n, r) {
         return t && t.redirect
           ? s(t, r || n)
           : t && t.matchAs
@@ -7494,9 +7493,9 @@
                 if (r) {
                   var o = r.matched,
                     i = o[o.length - 1];
-                  return (e.params = r.params), l(i, e);
+                  return (e.params = r.params), u(i, e);
                 }
-                return l(null, e);
+                return u(null, e);
               })(0, n, t.matchAs)
             : Xo(t, n, r, e);
       }
@@ -7521,7 +7520,7 @@
     var Mi = Object.create(null);
     function Ii() {
       window.history.replaceState(
-        { key: Gi() },
+        { key: Wi() },
         "",
         window.location.href.replace(window.location.origin, "")
       ),
@@ -7536,7 +7535,7 @@
         o &&
           t.app.$nextTick(function() {
             var i = (function() {
-                var t = Gi();
+                var t = Wi();
                 if (t) return Mi[t];
               })(),
               a = o.call(t, e, n, r ? i : null);
@@ -7544,32 +7543,32 @@
               ("function" == typeof a.then
                 ? a
                     .then(function(t) {
-                      Ui(t, i);
+                      zi(t, i);
                     })
                     .catch(function(t) {
                       0;
                     })
-                : Ui(a, i));
+                : zi(a, i));
           });
       }
     }
     function Di() {
-      var t = Gi();
+      var t = Wi();
       t && (Mi[t] = { x: window.pageXOffset, y: window.pageYOffset });
     }
     function Ni(t) {
-      return zi(t.x) || zi(t.y);
+      return Ui(t.x) || Ui(t.y);
     }
     function Fi(t) {
       return {
-        x: zi(t.x) ? t.x : window.pageXOffset,
-        y: zi(t.y) ? t.y : window.pageYOffset
+        x: Ui(t.x) ? t.x : window.pageXOffset,
+        y: Ui(t.y) ? t.y : window.pageYOffset
       };
     }
-    function zi(t) {
+    function Ui(t) {
       return "number" == typeof t;
     }
-    function Ui(t, e) {
+    function zi(t, e) {
       var n,
         r = "object" == typeof t;
       if (r && "string" == typeof t.selector) {
@@ -7580,14 +7579,14 @@
             var n = document.documentElement.getBoundingClientRect(),
               r = t.getBoundingClientRect();
             return { x: r.left - n.left - e.x, y: r.top - n.top - e.y };
-          })(o, (i = { x: zi((n = i).x) ? n.x : 0, y: zi(n.y) ? n.y : 0 }));
+          })(o, (i = { x: Ui((n = i).x) ? n.x : 0, y: Ui(n.y) ? n.y : 0 }));
         } else Ni(t) && (e = Fi(t));
       } else r && Ni(t) && (e = Fi(t));
       e && window.scrollTo(e.x, e.y);
     }
     var Bi,
       Vi =
-        li &&
+        ui &&
         (((-1 === (Bi = window.navigator.userAgent).indexOf("Android 2.") &&
           -1 === Bi.indexOf("Android 4.0")) ||
           -1 === Bi.indexOf("Mobile Safari") ||
@@ -7596,14 +7595,14 @@
           window.history &&
           "pushState" in window.history),
       qi =
-        li && window.performance && window.performance.now
+        ui && window.performance && window.performance.now
           ? window.performance
           : Date,
-      Hi = Wi();
-    function Wi() {
+      Hi = Gi();
+    function Gi() {
       return qi.now().toFixed(3);
     }
-    function Gi() {
+    function Wi() {
       return Hi;
     }
     function Ki(t, e) {
@@ -7612,7 +7611,7 @@
       try {
         e
           ? n.replaceState({ key: Hi }, "", t)
-          : ((Hi = Wi()), n.pushState({ key: Hi }, "", t));
+          : ((Hi = Gi()), n.pushState({ key: Hi }, "", t));
       } catch (n) {
         window.location[e ? "replace" : "assign"](t);
       }
@@ -7640,8 +7639,8 @@
         Ji(t, function(t, e, n, s) {
           if ("function" == typeof t && void 0 === t.cid) {
             (o = !0), i++;
-            var l,
-              u = ea(function(e) {
+            var u,
+              l = ea(function(e) {
                 var o;
                 ((o = e).__esModule ||
                   (ta && "Module" === o[Symbol.toStringTag])) &&
@@ -7655,15 +7654,15 @@
                 a || ((a = Fo(t) ? t : new Error(e)), r(a));
               });
             try {
-              l = t(u, c);
+              u = t(l, c);
             } catch (t) {
               c(t);
             }
-            if (l)
-              if ("function" == typeof l.then) l.then(u, c);
+            if (u)
+              if ("function" == typeof u.then) u.then(l, c);
               else {
-                var f = l.component;
-                f && "function" == typeof f.then && f.then(u, c);
+                var f = u.component;
+                f && "function" == typeof f.then && f.then(l, c);
               }
           }
         }),
@@ -7695,7 +7694,7 @@
       (this.router = t),
         (this.base = (function(t) {
           if (!t)
-            if (li) {
+            if (ui) {
               var e = document.querySelector("base");
               t = (t = (e && e.getAttribute("href")) || "/").replace(
                 /^https?:\/\/[^\/]+/,
@@ -7795,20 +7794,20 @@
             };
           })(this.current.matched, t.matched),
           s = a.updated,
-          l = a.deactivated,
-          u = a.activated,
+          u = a.deactivated,
+          l = a.activated,
           c = [].concat(
             (function(t) {
               return ra(t, "beforeRouteLeave", oa, !0);
-            })(l),
+            })(u),
             this.router.beforeHooks,
             (function(t) {
               return ra(t, "beforeRouteUpdate", oa);
             })(s),
-            u.map(function(t) {
+            l.map(function(t) {
               return t.beforeEnter;
             }),
-            Yi(u)
+            Yi(l)
           );
         this.pending = t;
         var f = function(e, n) {
@@ -7854,7 +7853,7 @@
                   };
                 })(t, o, i, e, n);
               });
-            })(u, n, function() {
+            })(l, n, function() {
               return r.current === t;
             }).concat(r.router.resolveHooks),
             f,
@@ -7954,7 +7953,7 @@
               if (!/^\/#/.test(e))
                 return window.location.replace(ci(t + "/#" + e)), !0;
             })(this.base)) ||
-            la();
+            ua();
       }
       return (
         t && (e.__proto__ = t),
@@ -7967,8 +7966,8 @@
           n && Ii(),
             window.addEventListener(Vi ? "popstate" : "hashchange", function() {
               var e = t.current;
-              la() &&
-                t.transitionTo(ua(), function(r) {
+              ua() &&
+                t.transitionTo(la(), function(r) {
                   n && Ri(t.router, r, e, !0), Vi || pa(r.fullPath);
                 });
             });
@@ -8000,19 +7999,19 @@
         }),
         (e.prototype.ensureURL = function(t) {
           var e = this.current.fullPath;
-          ua() !== e && (t ? fa(e) : pa(e));
+          la() !== e && (t ? fa(e) : pa(e));
         }),
         (e.prototype.getCurrentLocation = function() {
-          return ua();
+          return la();
         }),
         e
       );
     })(na);
-    function la() {
-      var t = ua();
+    function ua() {
+      var t = la();
       return "/" === t.charAt(0) || (pa("/" + t), !1);
     }
-    function ua() {
+    function la() {
       var t = window.location.href,
         e = t.indexOf("#");
       return -1 === e ? "" : decodeURI(t.slice(e + 1));
@@ -8028,7 +8027,7 @@
     function pa(t) {
       Vi ? Zi(ca(t)) : window.location.replace(ca(t));
     }
-    var va = (function(t) {
+    var da = (function(t) {
         function e(e, n) {
           t.call(this, e, n), (this.stack = []), (this.index = -1);
         }
@@ -8076,7 +8075,7 @@
           e
         );
       })(na),
-      da = function(t) {
+      ha = function(t) {
         void 0 === t && (t = {}),
           (this.app = null),
           (this.apps = []),
@@ -8089,7 +8088,7 @@
         switch (
           ((this.fallback = "history" === e && !Vi && !1 !== t.fallback),
           this.fallback && (e = "hash"),
-          li || (e = "abstract"),
+          ui || (e = "abstract"),
           (this.mode = e),
           e)
         ) {
@@ -8100,13 +8099,13 @@
             this.history = new sa(this, t.base, this.fallback);
             break;
           case "abstract":
-            this.history = new va(this, t.base);
+            this.history = new da(this, t.base);
             break;
           default:
             0;
         }
       },
-      ha = { currentRoute: { configurable: !0 } };
+      va = { currentRoute: { configurable: !0 } };
     function ma(t, e) {
       return (
         t.push(e),
@@ -8116,13 +8115,13 @@
         }
       );
     }
-    (da.prototype.match = function(t, e, n) {
+    (ha.prototype.match = function(t, e, n) {
       return this.matcher.match(t, e, n);
     }),
-      (ha.currentRoute.get = function() {
+      (va.currentRoute.get = function() {
         return this.history && this.history.current;
       }),
-      (da.prototype.init = function(t) {
+      (ha.prototype.init = function(t) {
         var e = this;
         if ((this.apps.push(t), !this.app)) {
           this.app = t;
@@ -8141,37 +8140,37 @@
           });
         }
       }),
-      (da.prototype.beforeEach = function(t) {
+      (ha.prototype.beforeEach = function(t) {
         return ma(this.beforeHooks, t);
       }),
-      (da.prototype.beforeResolve = function(t) {
+      (ha.prototype.beforeResolve = function(t) {
         return ma(this.resolveHooks, t);
       }),
-      (da.prototype.afterEach = function(t) {
+      (ha.prototype.afterEach = function(t) {
         return ma(this.afterHooks, t);
       }),
-      (da.prototype.onReady = function(t, e) {
+      (ha.prototype.onReady = function(t, e) {
         this.history.onReady(t, e);
       }),
-      (da.prototype.onError = function(t) {
+      (ha.prototype.onError = function(t) {
         this.history.onError(t);
       }),
-      (da.prototype.push = function(t, e, n) {
+      (ha.prototype.push = function(t, e, n) {
         this.history.push(t, e, n);
       }),
-      (da.prototype.replace = function(t, e, n) {
+      (ha.prototype.replace = function(t, e, n) {
         this.history.replace(t, e, n);
       }),
-      (da.prototype.go = function(t) {
+      (ha.prototype.go = function(t) {
         this.history.go(t);
       }),
-      (da.prototype.back = function() {
+      (ha.prototype.back = function() {
         this.go(-1);
       }),
-      (da.prototype.forward = function() {
+      (ha.prototype.forward = function() {
         this.go(1);
       }),
-      (da.prototype.getMatchedComponents = function(t) {
+      (ha.prototype.getMatchedComponents = function(t) {
         var e = t ? (t.matched ? t : this.resolve(t).route) : this.currentRoute;
         return e
           ? [].concat.apply(
@@ -8184,7 +8183,7 @@
             )
           : [];
       }),
-      (da.prototype.resolve = function(t, e, n) {
+      (ha.prototype.resolve = function(t, e, n) {
         var r = Li(t, e || this.history.current, n, this),
           o = this.match(r, e),
           i = o.redirectedFrom || o.fullPath;
@@ -8199,13 +8198,13 @@
           resolved: o
         };
       }),
-      (da.prototype.addRoutes = function(t) {
+      (ha.prototype.addRoutes = function(t) {
         this.matcher.addRoutes(t),
           this.history.current !== Jo &&
             this.history.transitionTo(this.history.getCurrentLocation());
       }),
-      Object.defineProperties(da.prototype, ha),
-      (da.install = function t(e) {
+      Object.defineProperties(ha.prototype, va),
+      (ha.install = function t(e) {
         if (!t.installed || ri !== e) {
           (t.installed = !0), (ri = e);
           var n = function(t) {
@@ -8247,19 +8246,19 @@
                 return this._routerRoot._route;
               }
             }),
-            e.component("RouterView", Uo),
+            e.component("RouterView", zo),
             e.component("RouterLink", ai);
           var o = e.config.optionMergeStrategies;
           o.beforeRouteEnter = o.beforeRouteLeave = o.beforeRouteUpdate =
             o.created;
         }
       }),
-      (da.version = "3.0.2"),
-      li && window.Vue && window.Vue.use(da);
-    var ga = da;
+      (ha.version = "3.0.2"),
+      ui && window.Vue && window.Vue.use(ha);
+    var ya = ha;
     n(86), n(87), n(40), n(90);
-    function ya(t) {
-      return (ya =
+    function ga(t) {
+      return (ga =
         "function" == typeof Symbol && "symbol" == typeof Symbol.iterator
           ? function(t) {
               return typeof t;
@@ -8275,9 +8274,9 @@
     }
     function ba(t) {
       return (ba =
-        "function" == typeof Symbol && "symbol" === ya(Symbol.iterator)
+        "function" == typeof Symbol && "symbol" === ga(Symbol.iterator)
           ? function(t) {
-              return ya(t);
+              return ga(t);
             }
           : function(t) {
               return t &&
@@ -8285,7 +8284,7 @@
                 t.constructor === Symbol &&
                 t !== Symbol.prototype
                 ? "symbol"
-                : ya(t);
+                : ga(t);
             })(t);
     }
     var _a = n(25);
@@ -8293,11 +8292,11 @@
     function wa(t, e, n, r, o, i, a) {
       try {
         var s = t[i](a),
-          l = s.value;
+          u = s.value;
       } catch (t) {
         return void n(t);
       }
-      s.done ? e(l) : Promise.resolve(l).then(r, o);
+      s.done ? e(u) : Promise.resolve(u).then(r, o);
     }
     n(61);
     var xa = {
@@ -8305,27 +8304,26 @@
         Layout: () => Promise.all([n.e(0), n.e(2)]).then(n.bind(null, 142))
       },
       ka = {
-        "v-acd593fc": () => n.e(6).then(n.bind(null, 163)),
-        "v-9af1f7dc": () => n.e(7).then(n.bind(null, 162)),
-        "v-073619c3": () => n.e(8).then(n.bind(null, 161)),
-        "v-0bcaedd9": () => n.e(9).then(n.bind(null, 160)),
-        "v-77c73199": () => n.e(10).then(n.bind(null, 159)),
-        "v-5717614d": () => n.e(11).then(n.bind(null, 158)),
-        "v-1f50ee59": () => n.e(12).then(n.bind(null, 157)),
-        "v-45aa14ce": () => n.e(13).then(n.bind(null, 156)),
-        "v-5b471da2": () => n.e(15).then(n.bind(null, 155)),
-        "v-3df8c167": () => n.e(17).then(n.bind(null, 144)),
-        "v-f144760e": () => n.e(18).then(n.bind(null, 153)),
-        "v-147a1068": () => n.e(19).then(n.bind(null, 165)),
-        "v-254c4c59": () => n.e(20).then(n.bind(null, 151)),
-        "v-2939380e": () => n.e(21).then(n.bind(null, 150)),
-        "v-fb4e549a": () => n.e(22).then(n.bind(null, 149)),
-        "v-0250a037": () => n.e(23).then(n.bind(null, 148)),
-        "v-0f9139b7": () => n.e(24).then(n.bind(null, 147)),
-        "v-2719271c": () => n.e(25).then(n.bind(null, 146)),
-        "v-22ef9d0e": () => n.e(26).then(n.bind(null, 145)),
-        "v-cd0cec28": () => n.e(14).then(n.bind(null, 154)),
-        "v-6c9c2319": () => n.e(16).then(n.bind(null, 152))
+        "v-acd593fc": () => n.e(6).then(n.bind(null, 162)),
+        "v-9af1f7dc": () => n.e(7).then(n.bind(null, 161)),
+        "v-073619c3": () => n.e(8).then(n.bind(null, 160)),
+        "v-0bcaedd9": () => n.e(9).then(n.bind(null, 159)),
+        "v-77c73199": () => n.e(10).then(n.bind(null, 158)),
+        "v-5717614d": () => n.e(11).then(n.bind(null, 157)),
+        "v-1f50ee59": () => n.e(12).then(n.bind(null, 156)),
+        "v-45aa14ce": () => n.e(13).then(n.bind(null, 155)),
+        "v-5b471da2": () => n.e(15).then(n.bind(null, 144)),
+        "v-3df8c167": () => n.e(16).then(n.bind(null, 153)),
+        "v-f144760e": () => n.e(17).then(n.bind(null, 152)),
+        "v-147a1068": () => n.e(18).then(n.bind(null, 164)),
+        "v-254c4c59": () => n.e(19).then(n.bind(null, 150)),
+        "v-2939380e": () => n.e(20).then(n.bind(null, 149)),
+        "v-fb4e549a": () => n.e(21).then(n.bind(null, 148)),
+        "v-0250a037": () => n.e(22).then(n.bind(null, 147)),
+        "v-0f9139b7": () => n.e(23).then(n.bind(null, 146)),
+        "v-2719271c": () => n.e(24).then(n.bind(null, 145)),
+        "v-22ef9d0e": () => n.e(25).then(n.bind(null, 154)),
+        "v-cd0cec28": () => n.e(14).then(n.bind(null, 151))
       },
       Oa = Object.assign({}, xa, ka);
     function Ca(t) {
@@ -8717,14 +8715,6 @@
           }
         },
         { path: "/api/index.html", redirect: "/api/" },
-        {
-          name: "v-6c9c2319",
-          path: "/api/glmap.html",
-          component: Da,
-          beforeEnter: (t, e, n) => {
-            Sa("Layout", "v-6c9c2319").then(n);
-          }
-        },
         { path: "*", component: Da }
       ],
       Fa = {
@@ -9017,7 +9007,10 @@
               { level: 3, title: "@removed", slug: "removed" },
               { level: 3, title: "@drag", slug: "drag" },
               { level: 3, title: "@dragstart", slug: "dragstart" },
-              { level: 3, title: "@dragend", slug: "dragend" }
+              { level: 3, title: "@dragend", slug: "dragend" },
+              { level: 3, title: "@click", slug: "click" },
+              { level: 3, title: "@mouseenter", slug: "mouseenter" },
+              { level: 3, title: "@mouseleave", slug: "mouseleave" }
             ]
           },
           {
@@ -9211,142 +9204,7 @@
             path: "/api/",
             headers: [
               { level: 2, title: "Props", slug: "props" },
-              { level: 3, title: "mapStyle", slug: "mapstyle" },
-              { level: 3, title: "container", slug: "container" },
-              { level: 3, title: "accessToken", slug: "accesstoken" },
-              { level: 3, title: "minZoom", slug: "minzoom" },
-              { level: 3, title: "maxZoom", slug: "maxzoom" },
-              { level: 3, title: "hash", slug: "hash" },
-              { level: 3, title: "interactive", slug: "interactive" },
-              { level: 3, title: "bearingSnap", slug: "bearingsnap" },
-              {
-                level: 3,
-                title: "attributionControl",
-                slug: "attributioncontrol"
-              },
-              { level: 3, title: "logoPosition", slug: "logoposition" },
-              {
-                level: 3,
-                title: "failIfMajorPerformanceCaveat",
-                slug: "failifmajorperformancecaveat"
-              },
-              {
-                level: 3,
-                title: "crossSourceCollisions",
-                slug: "crosssourcecollisions"
-              },
-              { level: 3, title: "fadeDuration", slug: "fadeduration" },
-              {
-                level: 3,
-                title: "preserveDrawingBuffer",
-                slug: "preservedrawingbuffer"
-              },
-              {
-                level: 3,
-                title: "refreshExpiredTiles",
-                slug: "refreshexpiredtiles"
-              },
-              { level: 3, title: "maxBounds", slug: "maxbounds" },
-              { level: 3, title: "scrollZoom", slug: "scrollzoom" },
-              { level: 3, title: "boxZoom", slug: "boxzoom" },
-              { level: 3, title: "dragRotate", slug: "dragrotate" },
-              { level: 3, title: "keyboard", slug: "keyboard" },
-              { level: 3, title: "doubleClickZoom", slug: "doubleclickzoom" },
-              { level: 3, title: "touchZoomRotate", slug: "touchzoomrotate" },
-              { level: 3, title: "trackResize", slug: "trackresize" },
-              { level: 3, title: "center", slug: "center" },
-              { level: 3, title: "zoom", slug: "zoom" },
-              { level: 3, title: "bearing", slug: "bearing" },
-              { level: 3, title: "pitch", slug: "pitch" },
-              {
-                level: 3,
-                title: "renderWorldCopies",
-                slug: "renderworldcopies"
-              },
-              { level: 3, title: "light", slug: "light" },
-              { level: 3, title: "tileBoundaries", slug: "tileboundaries" },
-              { level: 3, title: "collisionBoxes", slug: "collisionboxes" },
-              { level: 3, title: "repaint", slug: "repaint" },
-              { level: 3, title: "transformRequest", slug: "transformrequest" },
-              {
-                level: 3,
-                title: "localIdeographFontFamily",
-                slug: "localideographfontfamily"
-              },
-              { level: 2, title: "Actions", slug: "actions" },
-              { level: 3, title: ".stop(eventData?)", slug: "stop-eventdata" },
-              {
-                level: 3,
-                title: ".panBy(offset, options?, eventData?)",
-                slug: "panby-offset-options-eventdata"
-              },
-              {
-                level: 3,
-                title: ".panTo(coordinates, options?, eventData?)",
-                slug: "panto-coordinates-options-eventdata"
-              },
-              {
-                level: 3,
-                title: ".zoomTo(zoom, options?, eventData?)",
-                slug: "zoomto-zoom-options-eventdata"
-              },
-              {
-                level: 3,
-                title: ".zoomIn(options?, eventData?)",
-                slug: "zoomin-options-eventdata"
-              },
-              {
-                level: 3,
-                title: ".zoomOut(options?, eventData?)",
-                slug: "zoomout-options-eventdata"
-              },
-              {
-                level: 3,
-                title: ".rotateTo(bearing, options?, eventData?)",
-                slug: "rotateto-bearing-options-eventdata"
-              },
-              {
-                level: 3,
-                title: ".resetNorth(options?, eventData?)",
-                slug: "resetnorth-options-eventdata"
-              },
-              {
-                level: 3,
-                title: ".snapToNorth(options?, eventData?)",
-                slug: "snaptonorth-options-eventdata"
-              },
-              {
-                level: 3,
-                title: ".fitBounds(bounds, options?, eventData?)",
-                slug: "fitbounds-bounds-options-eventdata"
-              },
-              {
-                level: 3,
-                title: ".jumpTo(options, eventData?)",
-                slug: "jumpto-options-eventdata"
-              },
-              {
-                level: 3,
-                title: ".easeTo(options, eventData?)",
-                slug: "easeto-options-eventdata"
-              },
-              {
-                level: 3,
-                title: ".flyTo(options, eventData?)",
-                slug: "flyto-options-eventdata"
-              },
-              { level: 2, title: "Events", slug: "events" },
-              { level: 3, title: "@load", slug: "load" }
-            ]
-          },
-          {
-            title: "GlMap",
-            frontmatter: {},
-            regularPath: "/api/glmap.html",
-            key: "v-6c9c2319",
-            path: "/api/glmap.html",
-            headers: [
-              { level: 2, title: "Props", slug: "props" },
+              { level: 3, title: "mapboxGl", slug: "mapboxgl" },
               { level: 3, title: "mapStyle", slug: "mapstyle" },
               { level: 3, title: "container", slug: "container" },
               { level: 3, title: "accessToken", slug: "accesstoken" },
@@ -9532,10 +9390,10 @@
       };
     n(99);
     No.component("Badge", () =>
-      Promise.all([n.e(0), n.e(4)]).then(n.bind(null, 164))
+      Promise.all([n.e(0), n.e(4)]).then(n.bind(null, 163))
     );
     n(100);
-    var za = [
+    var Ua = [
         {},
         ({ Vue: t }) => {
           t.mixin({
@@ -9549,7 +9407,7 @@
         {},
         {}
       ],
-      Ua = [];
+      za = [];
     function Ba(t, e) {
       if (!(t instanceof e))
         throw new TypeError("Cannot call a class as a function");
@@ -9579,7 +9437,7 @@
           return (t.__proto__ = e), t;
         })(t, e);
     }
-    function Wa(t, e) {
+    function Ga(t, e) {
       for (var n = 0; n < e.length; n++) {
         var r = e[n];
         (r.enumerable = r.enumerable || !1),
@@ -9588,7 +9446,7 @@
           Object.defineProperty(t, r.key, r);
       }
     }
-    var Ga = (function() {
+    var Wa = (function() {
         function t() {
           Ba(this, t), (this.store = new No({ data: { state: {} } }));
         }
@@ -9622,8 +9480,8 @@
                 (t = this.store).$on.apply(t, arguments);
               }
             }
-          ]) && Wa(e.prototype, n),
-          r && Wa(e, r),
+          ]) && Ga(e.prototype, n),
+          r && Ga(e, r),
           t
         );
       })(),
@@ -9641,7 +9499,7 @@
               constructor: { value: t, writable: !0, configurable: !0 }
             })),
               e && Ha(t, e);
-          })(e, Ga),
+          })(e, Wa),
           e
         );
       })(),
@@ -9729,7 +9587,7 @@
     Qa.options.__file = "OutboundLink.vue";
     var ts = Qa.exports;
     (No.config.productionTip = !1),
-      No.use(ga),
+      No.use(ya),
       No.use(Za),
       No.mixin(
         (function(t, e) {
@@ -9851,7 +9709,7 @@
         return "/" === t.charAt(0) ? e + t.slice(1) : t;
       });
     var es = (function(t) {
-        var e = new ga({
+        var e = new ya({
           base: Fa.base,
           mode: "history",
           fallback: !1,
@@ -9884,7 +9742,7 @@
         })(e);
         var n = {};
         try {
-          za.forEach(function(r) {
+          Ua.forEach(function(r) {
             "function" == typeof r &&
               r({ Vue: No, options: n, router: e, siteData: Fa, isServer: t });
           });
@@ -9901,7 +9759,7 @@
                   t(
                     "div",
                     { class: "global-ui" },
-                    Ua.map(function(e) {
+                    za.map(function(e) {
                       return t(e);
                     })
                   )
@@ -9916,7 +9774,7 @@
       rs = es.router;
     (window.__VUEPRESS_VERSION__ = {
       version: "1.0.0-alpha.37",
-      hash: "3aac194"
+      hash: "cb84ee8"
     }),
       rs.onReady(function() {
         ns.$mount("#app");
diff --git a/docs/guide/basemap.html b/docs/guide/basemap.html
index 3607bea6..ef552ad6 100644
--- a/docs/guide/basemap.html
+++ b/docs/guide/basemap.html
@@ -7,7 +7,7 @@
     <meta name="description" content="Combine powers of Mapbox GL JS and Vue.js">
     <link rel="icon" href="/vue-mapbox/favicon.ico">
     
-    <link rel="preload" href="/vue-mapbox/assets/css/0.styles.622f01af.css" as="style"><link rel="preload" href="/vue-mapbox/assets/js/app.1fce24e6.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/2.1a36c030.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/20.f558f091.js" as="script"><link rel="prefetch" href="/vue-mapbox/assets/js/10.02b7c2a1.js"><link rel="prefetch" href="/vue-mapbox/assets/js/11.ee64ec8f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/12.f0cb3c91.js"><link rel="prefetch" href="/vue-mapbox/assets/js/13.57cb96bf.js"><link rel="prefetch" href="/vue-mapbox/assets/js/14.7b3fcbc6.js"><link rel="prefetch" href="/vue-mapbox/assets/js/15.6be5284d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/16.733d6730.js"><link rel="prefetch" href="/vue-mapbox/assets/js/17.172f4295.js"><link rel="prefetch" href="/vue-mapbox/assets/js/18.9eb7a777.js"><link rel="prefetch" href="/vue-mapbox/assets/js/19.10105f2d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/21.6a1f30f2.js"><link rel="prefetch" href="/vue-mapbox/assets/js/22.8dc7d898.js"><link rel="prefetch" href="/vue-mapbox/assets/js/23.4670d875.js"><link rel="prefetch" href="/vue-mapbox/assets/js/24.fe39c8d8.js"><link rel="prefetch" href="/vue-mapbox/assets/js/25.8dd04822.js"><link rel="prefetch" href="/vue-mapbox/assets/js/26.b01152e4.js"><link rel="prefetch" href="/vue-mapbox/assets/js/3.02aa2be5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/4.4f3338df.js"><link rel="prefetch" href="/vue-mapbox/assets/js/5.d3d1578a.js"><link rel="prefetch" href="/vue-mapbox/assets/js/6.a47ab602.js"><link rel="prefetch" href="/vue-mapbox/assets/js/7.cdef235f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/8.8b4b828f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/9.aebbb2ac.js">
+    <link rel="preload" href="/vue-mapbox/assets/css/0.styles.622f01af.css" as="style"><link rel="preload" href="/vue-mapbox/assets/js/app.1613afe0.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/2.1a36c030.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/19.38617f97.js" as="script"><link rel="prefetch" href="/vue-mapbox/assets/js/10.496a25ae.js"><link rel="prefetch" href="/vue-mapbox/assets/js/11.c30d5454.js"><link rel="prefetch" href="/vue-mapbox/assets/js/12.43a2535b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/13.0cb68667.js"><link rel="prefetch" href="/vue-mapbox/assets/js/14.3affa2b5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/15.40b3c4ef.js"><link rel="prefetch" href="/vue-mapbox/assets/js/16.7de1d511.js"><link rel="prefetch" href="/vue-mapbox/assets/js/17.95d02626.js"><link rel="prefetch" href="/vue-mapbox/assets/js/18.449ed0f5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/20.f9650703.js"><link rel="prefetch" href="/vue-mapbox/assets/js/21.39c66c8d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/22.276c6a9c.js"><link rel="prefetch" href="/vue-mapbox/assets/js/23.87f4c25b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/24.9d297e6b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/25.f1bf9c1c.js"><link rel="prefetch" href="/vue-mapbox/assets/js/3.02aa2be5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/4.79bc4f3c.js"><link rel="prefetch" href="/vue-mapbox/assets/js/5.d3d1578a.js"><link rel="prefetch" href="/vue-mapbox/assets/js/6.49edb5d4.js"><link rel="prefetch" href="/vue-mapbox/assets/js/7.e6ed37a7.js"><link rel="prefetch" href="/vue-mapbox/assets/js/8.3e4706bb.js"><link rel="prefetch" href="/vue-mapbox/assets/js/9.5e3d2dbf.js">
     <link rel="stylesheet" href="/vue-mapbox/assets/css/0.styles.622f01af.css">
   </head>
   <body>
@@ -46,8 +46,17 @@
   <span class="token punctuation">}</span>
 <span class="token punctuation">}</span><span class="token punctuation">;</span>
 </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span>
-</code></pre></div><h3 id="interact-with-map-properties-as-glmap-props"><a href="#interact-with-map-properties-as-glmap-props" aria-hidden="true" class="header-anchor">#</a> Interact with map properties as GlMap props</h3> <p>You can control map parameters like zoom, bearing, pitch etc. by changing props.
-If you set <code>.sync</code> modifier (<a href="https://vuejs.org/v2/guide/components.html#sync-Modifier" target="_blank" rel="noopener noreferrer">Vue docs<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a>) to prop, it will updates when you use operations that takes time to proceed. For example, if you use <code>flyTo</code> method, props <code>zoom</code>, <code>center</code>, <code>bearing</code>, <code>pitch</code> will be updated when animation ends.</p> <p>Full list of props see in <a href="/vue-mapbox/api/glmap.html#props">API docs</a>, note field 'Synced' in description</p> <h2 id="map-loading"><a href="#map-loading" aria-hidden="true" class="header-anchor">#</a> Map loading</h2> <p>When map loads, <code>MglMap</code> component emits <code>load</code> event. Payload of the event contains Mapbox GL JS <code>Map</code> object.
+</code></pre></div><div class="tip custom-block"><p class="custom-block-title">TIP</p> <p>If you need, you can pass Mapbox-gl-js implementation as <code>mapboxGl</code> prop. May be useful for lazy-loading.
+Example:</p> <div class="language-vue extra-class"><pre class="language-vue"><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span><span class="token punctuation">&gt;</span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>MglMap</span>
+    <span class="token attr-name">:mapboxGl</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>mapbox-gl<span class="token punctuation">&quot;</span></span>
+    <span class="token attr-name">:accessToken</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>accessToken<span class="token punctuation">&quot;</span></span>
+    <span class="token attr-name">:mapStyle.sync</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>mapStyle<span class="token punctuation">&quot;</span></span>
+    <span class="token attr-name">@load</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>onMapLoaded<span class="token punctuation">&quot;</span></span>
+  <span class="token punctuation">/&gt;</span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">&gt;</span></span>
+</code></pre></div><p>If none is passed, VueMapbox imports Mapbox-gl internally.</p></div> <h3 id="interact-with-map-properties-as-glmap-props"><a href="#interact-with-map-properties-as-glmap-props" aria-hidden="true" class="header-anchor">#</a> Interact with map properties as GlMap props</h3> <p>You can control map parameters like zoom, bearing, pitch etc. by changing props.
+If you set <code>.sync</code> modifier (<a href="https://vuejs.org/v2/guide/components.html#sync-Modifier" target="_blank" rel="noopener noreferrer">Vue docs<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a>) to prop, it will updates when you use operations that takes time to proceed. For example, if you use <code>flyTo</code> method, props <code>zoom</code>, <code>center</code>, <code>bearing</code>, <code>pitch</code> will be updated when animation ends.</p> <p>Full list of props see in <a href="/vue-mapbox/api/#props">API docs</a>, note field 'Synced' in description</p> <h2 id="map-loading"><a href="#map-loading" aria-hidden="true" class="header-anchor">#</a> Map loading</h2> <p>When map loads, <code>MglMap</code> component emits <code>load</code> event. Payload of the event contains Mapbox GL JS <code>Map</code> object.
 All components placed under <code>MglMap</code> will be rendered only after map fully loaded.</p> <div class="warning custom-block"><p class="custom-block-title">Storing Map object</p> <p>Take note that it's generally bad idea to add to Vuex or component's <code>data</code> anything but primitive types and plain objects. Vue adds getters and setters to every property, so if you add <code>Map</code> object to Vuex store or component <code>data</code>, it may lead to weird bugs.
 If you want to store map object, store it as non-reactive property like in example below.</p></div> <div class="language-vue extra-class"><pre class="language-vue"><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span><span class="token punctuation">&gt;</span></span>
   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>MglMap</span>
@@ -101,7 +110,7 @@
   <span class="token punctuation">}</span>
 <span class="token punctuation">}</span>
 </span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span>
-</code></pre></div><p>See full list of actions on <a href="/vue-mapbox/api/glmap.html#actions">API</a> page.</p> <h3 id="method-actions-stop"><a href="#method-actions-stop" aria-hidden="true" class="header-anchor">#</a> Method <code>actions.stop()</code></h3> <p>Method <code>.stop()</code> just stops all animations on map, updates props with new positions and return Promise with map parameters at the moment when <code>.stop()</code> called.</p> <h3 id="events"><a href="#events" aria-hidden="true" class="header-anchor">#</a> Events</h3> <p>See list of events on <a href="/vue-mapbox/api/glmap.html#events">API</a> page.</p></div> <footer class="page-edit"><!----> <!----></footer> <div class="page-nav"><p class="inner"><span class="prev">
+</code></pre></div><p>See full list of actions on <a href="/vue-mapbox/api/#actions">API</a> page.</p> <h3 id="method-actions-stop"><a href="#method-actions-stop" aria-hidden="true" class="header-anchor">#</a> Method <code>actions.stop()</code></h3> <p>Method <code>.stop()</code> just stops all animations on map, updates props with new positions and return Promise with map parameters at the moment when <code>.stop()</code> called.</p> <h3 id="events"><a href="#events" aria-hidden="true" class="header-anchor">#</a> Events</h3> <p>See list of events on <a href="/vue-mapbox/api/#events">API</a> page.</p></div> <footer class="page-edit"><!----> <!----></footer> <div class="page-nav"><p class="inner"><span class="prev">
         ←
         <a href="/vue-mapbox/guide/" class="prev router-link-active">
           Quickstart
@@ -110,6 +119,6 @@
         </a>
         →
       </span></p></div> </main></div><div class="global-ui"></div></div>
-    <script src="/vue-mapbox/assets/js/app.1fce24e6.js" defer></script><script src="/vue-mapbox/assets/js/2.1a36c030.js" defer></script><script src="/vue-mapbox/assets/js/20.f558f091.js" defer></script>
+    <script src="/vue-mapbox/assets/js/app.1613afe0.js" defer></script><script src="/vue-mapbox/assets/js/2.1a36c030.js" defer></script><script src="/vue-mapbox/assets/js/19.38617f97.js" defer></script>
   </body>
 </html>
diff --git a/docs/guide/composition.html b/docs/guide/composition.html
index ca9b1d98..bb2aa2ff 100644
--- a/docs/guide/composition.html
+++ b/docs/guide/composition.html
@@ -7,7 +7,7 @@
     <meta name="description" content="Combine powers of Mapbox GL JS and Vue.js">
     <link rel="icon" href="/vue-mapbox/favicon.ico">
     
-    <link rel="preload" href="/vue-mapbox/assets/css/0.styles.622f01af.css" as="style"><link rel="preload" href="/vue-mapbox/assets/js/app.1fce24e6.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/2.1a36c030.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/21.6a1f30f2.js" as="script"><link rel="prefetch" href="/vue-mapbox/assets/js/10.02b7c2a1.js"><link rel="prefetch" href="/vue-mapbox/assets/js/11.ee64ec8f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/12.f0cb3c91.js"><link rel="prefetch" href="/vue-mapbox/assets/js/13.57cb96bf.js"><link rel="prefetch" href="/vue-mapbox/assets/js/14.7b3fcbc6.js"><link rel="prefetch" href="/vue-mapbox/assets/js/15.6be5284d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/16.733d6730.js"><link rel="prefetch" href="/vue-mapbox/assets/js/17.172f4295.js"><link rel="prefetch" href="/vue-mapbox/assets/js/18.9eb7a777.js"><link rel="prefetch" href="/vue-mapbox/assets/js/19.10105f2d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/20.f558f091.js"><link rel="prefetch" href="/vue-mapbox/assets/js/22.8dc7d898.js"><link rel="prefetch" href="/vue-mapbox/assets/js/23.4670d875.js"><link rel="prefetch" href="/vue-mapbox/assets/js/24.fe39c8d8.js"><link rel="prefetch" href="/vue-mapbox/assets/js/25.8dd04822.js"><link rel="prefetch" href="/vue-mapbox/assets/js/26.b01152e4.js"><link rel="prefetch" href="/vue-mapbox/assets/js/3.02aa2be5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/4.4f3338df.js"><link rel="prefetch" href="/vue-mapbox/assets/js/5.d3d1578a.js"><link rel="prefetch" href="/vue-mapbox/assets/js/6.a47ab602.js"><link rel="prefetch" href="/vue-mapbox/assets/js/7.cdef235f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/8.8b4b828f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/9.aebbb2ac.js">
+    <link rel="preload" href="/vue-mapbox/assets/css/0.styles.622f01af.css" as="style"><link rel="preload" href="/vue-mapbox/assets/js/app.1613afe0.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/2.1a36c030.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/20.f9650703.js" as="script"><link rel="prefetch" href="/vue-mapbox/assets/js/10.496a25ae.js"><link rel="prefetch" href="/vue-mapbox/assets/js/11.c30d5454.js"><link rel="prefetch" href="/vue-mapbox/assets/js/12.43a2535b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/13.0cb68667.js"><link rel="prefetch" href="/vue-mapbox/assets/js/14.3affa2b5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/15.40b3c4ef.js"><link rel="prefetch" href="/vue-mapbox/assets/js/16.7de1d511.js"><link rel="prefetch" href="/vue-mapbox/assets/js/17.95d02626.js"><link rel="prefetch" href="/vue-mapbox/assets/js/18.449ed0f5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/19.38617f97.js"><link rel="prefetch" href="/vue-mapbox/assets/js/21.39c66c8d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/22.276c6a9c.js"><link rel="prefetch" href="/vue-mapbox/assets/js/23.87f4c25b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/24.9d297e6b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/25.f1bf9c1c.js"><link rel="prefetch" href="/vue-mapbox/assets/js/3.02aa2be5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/4.79bc4f3c.js"><link rel="prefetch" href="/vue-mapbox/assets/js/5.d3d1578a.js"><link rel="prefetch" href="/vue-mapbox/assets/js/6.49edb5d4.js"><link rel="prefetch" href="/vue-mapbox/assets/js/7.e6ed37a7.js"><link rel="prefetch" href="/vue-mapbox/assets/js/8.3e4706bb.js"><link rel="prefetch" href="/vue-mapbox/assets/js/9.5e3d2dbf.js">
     <link rel="stylesheet" href="/vue-mapbox/assets/css/0.styles.622f01af.css">
   </head>
   <body>
@@ -144,6 +144,6 @@
         </a>
         →
       </span></p></div> </main></div><div class="global-ui"></div></div>
-    <script src="/vue-mapbox/assets/js/app.1fce24e6.js" defer></script><script src="/vue-mapbox/assets/js/2.1a36c030.js" defer></script><script src="/vue-mapbox/assets/js/21.6a1f30f2.js" defer></script>
+    <script src="/vue-mapbox/assets/js/app.1613afe0.js" defer></script><script src="/vue-mapbox/assets/js/2.1a36c030.js" defer></script><script src="/vue-mapbox/assets/js/20.f9650703.js" defer></script>
   </body>
 </html>
diff --git a/docs/guide/controls.html b/docs/guide/controls.html
index 3580b386..fff5d516 100644
--- a/docs/guide/controls.html
+++ b/docs/guide/controls.html
@@ -7,7 +7,7 @@
     <meta name="description" content="Combine powers of Mapbox GL JS and Vue.js">
     <link rel="icon" href="/vue-mapbox/favicon.ico">
     
-    <link rel="preload" href="/vue-mapbox/assets/css/0.styles.622f01af.css" as="style"><link rel="preload" href="/vue-mapbox/assets/js/app.1fce24e6.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/2.1a36c030.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/22.8dc7d898.js" as="script"><link rel="prefetch" href="/vue-mapbox/assets/js/10.02b7c2a1.js"><link rel="prefetch" href="/vue-mapbox/assets/js/11.ee64ec8f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/12.f0cb3c91.js"><link rel="prefetch" href="/vue-mapbox/assets/js/13.57cb96bf.js"><link rel="prefetch" href="/vue-mapbox/assets/js/14.7b3fcbc6.js"><link rel="prefetch" href="/vue-mapbox/assets/js/15.6be5284d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/16.733d6730.js"><link rel="prefetch" href="/vue-mapbox/assets/js/17.172f4295.js"><link rel="prefetch" href="/vue-mapbox/assets/js/18.9eb7a777.js"><link rel="prefetch" href="/vue-mapbox/assets/js/19.10105f2d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/20.f558f091.js"><link rel="prefetch" href="/vue-mapbox/assets/js/21.6a1f30f2.js"><link rel="prefetch" href="/vue-mapbox/assets/js/23.4670d875.js"><link rel="prefetch" href="/vue-mapbox/assets/js/24.fe39c8d8.js"><link rel="prefetch" href="/vue-mapbox/assets/js/25.8dd04822.js"><link rel="prefetch" href="/vue-mapbox/assets/js/26.b01152e4.js"><link rel="prefetch" href="/vue-mapbox/assets/js/3.02aa2be5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/4.4f3338df.js"><link rel="prefetch" href="/vue-mapbox/assets/js/5.d3d1578a.js"><link rel="prefetch" href="/vue-mapbox/assets/js/6.a47ab602.js"><link rel="prefetch" href="/vue-mapbox/assets/js/7.cdef235f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/8.8b4b828f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/9.aebbb2ac.js">
+    <link rel="preload" href="/vue-mapbox/assets/css/0.styles.622f01af.css" as="style"><link rel="preload" href="/vue-mapbox/assets/js/app.1613afe0.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/2.1a36c030.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/21.39c66c8d.js" as="script"><link rel="prefetch" href="/vue-mapbox/assets/js/10.496a25ae.js"><link rel="prefetch" href="/vue-mapbox/assets/js/11.c30d5454.js"><link rel="prefetch" href="/vue-mapbox/assets/js/12.43a2535b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/13.0cb68667.js"><link rel="prefetch" href="/vue-mapbox/assets/js/14.3affa2b5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/15.40b3c4ef.js"><link rel="prefetch" href="/vue-mapbox/assets/js/16.7de1d511.js"><link rel="prefetch" href="/vue-mapbox/assets/js/17.95d02626.js"><link rel="prefetch" href="/vue-mapbox/assets/js/18.449ed0f5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/19.38617f97.js"><link rel="prefetch" href="/vue-mapbox/assets/js/20.f9650703.js"><link rel="prefetch" href="/vue-mapbox/assets/js/22.276c6a9c.js"><link rel="prefetch" href="/vue-mapbox/assets/js/23.87f4c25b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/24.9d297e6b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/25.f1bf9c1c.js"><link rel="prefetch" href="/vue-mapbox/assets/js/3.02aa2be5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/4.79bc4f3c.js"><link rel="prefetch" href="/vue-mapbox/assets/js/5.d3d1578a.js"><link rel="prefetch" href="/vue-mapbox/assets/js/6.49edb5d4.js"><link rel="prefetch" href="/vue-mapbox/assets/js/7.e6ed37a7.js"><link rel="prefetch" href="/vue-mapbox/assets/js/8.3e4706bb.js"><link rel="prefetch" href="/vue-mapbox/assets/js/9.5e3d2dbf.js">
     <link rel="stylesheet" href="/vue-mapbox/assets/css/0.styles.622f01af.css">
   </head>
   <body>
@@ -74,6 +74,6 @@
         </a>
         →
       </span></p></div> </main></div><div class="global-ui"></div></div>
-    <script src="/vue-mapbox/assets/js/app.1fce24e6.js" defer></script><script src="/vue-mapbox/assets/js/2.1a36c030.js" defer></script><script src="/vue-mapbox/assets/js/22.8dc7d898.js" defer></script>
+    <script src="/vue-mapbox/assets/js/app.1613afe0.js" defer></script><script src="/vue-mapbox/assets/js/2.1a36c030.js" defer></script><script src="/vue-mapbox/assets/js/21.39c66c8d.js" defer></script>
   </body>
 </html>
diff --git a/docs/guide/index.html b/docs/guide/index.html
index 00f2898e..de329817 100644
--- a/docs/guide/index.html
+++ b/docs/guide/index.html
@@ -7,7 +7,7 @@
     <meta name="description" content="Combine powers of Mapbox GL JS and Vue.js">
     <link rel="icon" href="/vue-mapbox/favicon.ico">
     
-    <link rel="preload" href="/vue-mapbox/assets/css/0.styles.622f01af.css" as="style"><link rel="preload" href="/vue-mapbox/assets/js/app.1fce24e6.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/2.1a36c030.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/19.10105f2d.js" as="script"><link rel="prefetch" href="/vue-mapbox/assets/js/10.02b7c2a1.js"><link rel="prefetch" href="/vue-mapbox/assets/js/11.ee64ec8f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/12.f0cb3c91.js"><link rel="prefetch" href="/vue-mapbox/assets/js/13.57cb96bf.js"><link rel="prefetch" href="/vue-mapbox/assets/js/14.7b3fcbc6.js"><link rel="prefetch" href="/vue-mapbox/assets/js/15.6be5284d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/16.733d6730.js"><link rel="prefetch" href="/vue-mapbox/assets/js/17.172f4295.js"><link rel="prefetch" href="/vue-mapbox/assets/js/18.9eb7a777.js"><link rel="prefetch" href="/vue-mapbox/assets/js/20.f558f091.js"><link rel="prefetch" href="/vue-mapbox/assets/js/21.6a1f30f2.js"><link rel="prefetch" href="/vue-mapbox/assets/js/22.8dc7d898.js"><link rel="prefetch" href="/vue-mapbox/assets/js/23.4670d875.js"><link rel="prefetch" href="/vue-mapbox/assets/js/24.fe39c8d8.js"><link rel="prefetch" href="/vue-mapbox/assets/js/25.8dd04822.js"><link rel="prefetch" href="/vue-mapbox/assets/js/26.b01152e4.js"><link rel="prefetch" href="/vue-mapbox/assets/js/3.02aa2be5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/4.4f3338df.js"><link rel="prefetch" href="/vue-mapbox/assets/js/5.d3d1578a.js"><link rel="prefetch" href="/vue-mapbox/assets/js/6.a47ab602.js"><link rel="prefetch" href="/vue-mapbox/assets/js/7.cdef235f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/8.8b4b828f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/9.aebbb2ac.js">
+    <link rel="preload" href="/vue-mapbox/assets/css/0.styles.622f01af.css" as="style"><link rel="preload" href="/vue-mapbox/assets/js/app.1613afe0.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/2.1a36c030.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/18.449ed0f5.js" as="script"><link rel="prefetch" href="/vue-mapbox/assets/js/10.496a25ae.js"><link rel="prefetch" href="/vue-mapbox/assets/js/11.c30d5454.js"><link rel="prefetch" href="/vue-mapbox/assets/js/12.43a2535b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/13.0cb68667.js"><link rel="prefetch" href="/vue-mapbox/assets/js/14.3affa2b5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/15.40b3c4ef.js"><link rel="prefetch" href="/vue-mapbox/assets/js/16.7de1d511.js"><link rel="prefetch" href="/vue-mapbox/assets/js/17.95d02626.js"><link rel="prefetch" href="/vue-mapbox/assets/js/19.38617f97.js"><link rel="prefetch" href="/vue-mapbox/assets/js/20.f9650703.js"><link rel="prefetch" href="/vue-mapbox/assets/js/21.39c66c8d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/22.276c6a9c.js"><link rel="prefetch" href="/vue-mapbox/assets/js/23.87f4c25b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/24.9d297e6b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/25.f1bf9c1c.js"><link rel="prefetch" href="/vue-mapbox/assets/js/3.02aa2be5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/4.79bc4f3c.js"><link rel="prefetch" href="/vue-mapbox/assets/js/5.d3d1578a.js"><link rel="prefetch" href="/vue-mapbox/assets/js/6.49edb5d4.js"><link rel="prefetch" href="/vue-mapbox/assets/js/7.e6ed37a7.js"><link rel="prefetch" href="/vue-mapbox/assets/js/8.3e4706bb.js"><link rel="prefetch" href="/vue-mapbox/assets/js/9.5e3d2dbf.js">
     <link rel="stylesheet" href="/vue-mapbox/assets/css/0.styles.622f01af.css">
   </head>
   <body>
@@ -59,6 +59,6 @@
         </a>
         →
       </span></p></div> </main></div><div class="global-ui"></div></div>
-    <script src="/vue-mapbox/assets/js/app.1fce24e6.js" defer></script><script src="/vue-mapbox/assets/js/2.1a36c030.js" defer></script><script src="/vue-mapbox/assets/js/19.10105f2d.js" defer></script>
+    <script src="/vue-mapbox/assets/js/app.1613afe0.js" defer></script><script src="/vue-mapbox/assets/js/2.1a36c030.js" defer></script><script src="/vue-mapbox/assets/js/18.449ed0f5.js" defer></script>
   </body>
 </html>
diff --git a/docs/guide/layers&sources.html b/docs/guide/layers&sources.html
index edf5247b..bc9dde95 100644
--- a/docs/guide/layers&sources.html
+++ b/docs/guide/layers&sources.html
@@ -7,7 +7,7 @@
     <meta name="description" content="Combine powers of Mapbox GL JS and Vue.js">
     <link rel="icon" href="/vue-mapbox/favicon.ico">
     
-    <link rel="preload" href="/vue-mapbox/assets/css/0.styles.622f01af.css" as="style"><link rel="preload" href="/vue-mapbox/assets/js/app.1fce24e6.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/2.1a36c030.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/23.4670d875.js" as="script"><link rel="prefetch" href="/vue-mapbox/assets/js/10.02b7c2a1.js"><link rel="prefetch" href="/vue-mapbox/assets/js/11.ee64ec8f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/12.f0cb3c91.js"><link rel="prefetch" href="/vue-mapbox/assets/js/13.57cb96bf.js"><link rel="prefetch" href="/vue-mapbox/assets/js/14.7b3fcbc6.js"><link rel="prefetch" href="/vue-mapbox/assets/js/15.6be5284d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/16.733d6730.js"><link rel="prefetch" href="/vue-mapbox/assets/js/17.172f4295.js"><link rel="prefetch" href="/vue-mapbox/assets/js/18.9eb7a777.js"><link rel="prefetch" href="/vue-mapbox/assets/js/19.10105f2d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/20.f558f091.js"><link rel="prefetch" href="/vue-mapbox/assets/js/21.6a1f30f2.js"><link rel="prefetch" href="/vue-mapbox/assets/js/22.8dc7d898.js"><link rel="prefetch" href="/vue-mapbox/assets/js/24.fe39c8d8.js"><link rel="prefetch" href="/vue-mapbox/assets/js/25.8dd04822.js"><link rel="prefetch" href="/vue-mapbox/assets/js/26.b01152e4.js"><link rel="prefetch" href="/vue-mapbox/assets/js/3.02aa2be5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/4.4f3338df.js"><link rel="prefetch" href="/vue-mapbox/assets/js/5.d3d1578a.js"><link rel="prefetch" href="/vue-mapbox/assets/js/6.a47ab602.js"><link rel="prefetch" href="/vue-mapbox/assets/js/7.cdef235f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/8.8b4b828f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/9.aebbb2ac.js">
+    <link rel="preload" href="/vue-mapbox/assets/css/0.styles.622f01af.css" as="style"><link rel="preload" href="/vue-mapbox/assets/js/app.1613afe0.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/2.1a36c030.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/22.276c6a9c.js" as="script"><link rel="prefetch" href="/vue-mapbox/assets/js/10.496a25ae.js"><link rel="prefetch" href="/vue-mapbox/assets/js/11.c30d5454.js"><link rel="prefetch" href="/vue-mapbox/assets/js/12.43a2535b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/13.0cb68667.js"><link rel="prefetch" href="/vue-mapbox/assets/js/14.3affa2b5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/15.40b3c4ef.js"><link rel="prefetch" href="/vue-mapbox/assets/js/16.7de1d511.js"><link rel="prefetch" href="/vue-mapbox/assets/js/17.95d02626.js"><link rel="prefetch" href="/vue-mapbox/assets/js/18.449ed0f5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/19.38617f97.js"><link rel="prefetch" href="/vue-mapbox/assets/js/20.f9650703.js"><link rel="prefetch" href="/vue-mapbox/assets/js/21.39c66c8d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/23.87f4c25b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/24.9d297e6b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/25.f1bf9c1c.js"><link rel="prefetch" href="/vue-mapbox/assets/js/3.02aa2be5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/4.79bc4f3c.js"><link rel="prefetch" href="/vue-mapbox/assets/js/5.d3d1578a.js"><link rel="prefetch" href="/vue-mapbox/assets/js/6.49edb5d4.js"><link rel="prefetch" href="/vue-mapbox/assets/js/7.e6ed37a7.js"><link rel="prefetch" href="/vue-mapbox/assets/js/8.3e4706bb.js"><link rel="prefetch" href="/vue-mapbox/assets/js/9.5e3d2dbf.js">
     <link rel="stylesheet" href="/vue-mapbox/assets/css/0.styles.622f01af.css">
   </head>
   <body>
@@ -71,6 +71,6 @@
         </a>
         →
       </span></p></div> </main></div><div class="global-ui"></div></div>
-    <script src="/vue-mapbox/assets/js/app.1fce24e6.js" defer></script><script src="/vue-mapbox/assets/js/2.1a36c030.js" defer></script><script src="/vue-mapbox/assets/js/23.4670d875.js" defer></script>
+    <script src="/vue-mapbox/assets/js/app.1613afe0.js" defer></script><script src="/vue-mapbox/assets/js/2.1a36c030.js" defer></script><script src="/vue-mapbox/assets/js/22.276c6a9c.js" defer></script>
   </body>
 </html>
diff --git a/docs/guide/markers&popups.html b/docs/guide/markers&popups.html
index a1a3c61d..a2d8876a 100644
--- a/docs/guide/markers&popups.html
+++ b/docs/guide/markers&popups.html
@@ -7,7 +7,7 @@
     <meta name="description" content="Combine powers of Mapbox GL JS and Vue.js">
     <link rel="icon" href="/vue-mapbox/favicon.ico">
     
-    <link rel="preload" href="/vue-mapbox/assets/css/0.styles.622f01af.css" as="style"><link rel="preload" href="/vue-mapbox/assets/js/app.1fce24e6.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/2.1a36c030.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/24.fe39c8d8.js" as="script"><link rel="prefetch" href="/vue-mapbox/assets/js/10.02b7c2a1.js"><link rel="prefetch" href="/vue-mapbox/assets/js/11.ee64ec8f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/12.f0cb3c91.js"><link rel="prefetch" href="/vue-mapbox/assets/js/13.57cb96bf.js"><link rel="prefetch" href="/vue-mapbox/assets/js/14.7b3fcbc6.js"><link rel="prefetch" href="/vue-mapbox/assets/js/15.6be5284d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/16.733d6730.js"><link rel="prefetch" href="/vue-mapbox/assets/js/17.172f4295.js"><link rel="prefetch" href="/vue-mapbox/assets/js/18.9eb7a777.js"><link rel="prefetch" href="/vue-mapbox/assets/js/19.10105f2d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/20.f558f091.js"><link rel="prefetch" href="/vue-mapbox/assets/js/21.6a1f30f2.js"><link rel="prefetch" href="/vue-mapbox/assets/js/22.8dc7d898.js"><link rel="prefetch" href="/vue-mapbox/assets/js/23.4670d875.js"><link rel="prefetch" href="/vue-mapbox/assets/js/25.8dd04822.js"><link rel="prefetch" href="/vue-mapbox/assets/js/26.b01152e4.js"><link rel="prefetch" href="/vue-mapbox/assets/js/3.02aa2be5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/4.4f3338df.js"><link rel="prefetch" href="/vue-mapbox/assets/js/5.d3d1578a.js"><link rel="prefetch" href="/vue-mapbox/assets/js/6.a47ab602.js"><link rel="prefetch" href="/vue-mapbox/assets/js/7.cdef235f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/8.8b4b828f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/9.aebbb2ac.js">
+    <link rel="preload" href="/vue-mapbox/assets/css/0.styles.622f01af.css" as="style"><link rel="preload" href="/vue-mapbox/assets/js/app.1613afe0.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/2.1a36c030.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/23.87f4c25b.js" as="script"><link rel="prefetch" href="/vue-mapbox/assets/js/10.496a25ae.js"><link rel="prefetch" href="/vue-mapbox/assets/js/11.c30d5454.js"><link rel="prefetch" href="/vue-mapbox/assets/js/12.43a2535b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/13.0cb68667.js"><link rel="prefetch" href="/vue-mapbox/assets/js/14.3affa2b5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/15.40b3c4ef.js"><link rel="prefetch" href="/vue-mapbox/assets/js/16.7de1d511.js"><link rel="prefetch" href="/vue-mapbox/assets/js/17.95d02626.js"><link rel="prefetch" href="/vue-mapbox/assets/js/18.449ed0f5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/19.38617f97.js"><link rel="prefetch" href="/vue-mapbox/assets/js/20.f9650703.js"><link rel="prefetch" href="/vue-mapbox/assets/js/21.39c66c8d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/22.276c6a9c.js"><link rel="prefetch" href="/vue-mapbox/assets/js/24.9d297e6b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/25.f1bf9c1c.js"><link rel="prefetch" href="/vue-mapbox/assets/js/3.02aa2be5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/4.79bc4f3c.js"><link rel="prefetch" href="/vue-mapbox/assets/js/5.d3d1578a.js"><link rel="prefetch" href="/vue-mapbox/assets/js/6.49edb5d4.js"><link rel="prefetch" href="/vue-mapbox/assets/js/7.e6ed37a7.js"><link rel="prefetch" href="/vue-mapbox/assets/js/8.3e4706bb.js"><link rel="prefetch" href="/vue-mapbox/assets/js/9.5e3d2dbf.js">
     <link rel="stylesheet" href="/vue-mapbox/assets/css/0.styles.622f01af.css">
   </head>
   <body>
@@ -147,6 +147,6 @@
         </a>
         →
       </span></p></div> </main></div><div class="global-ui"></div></div>
-    <script src="/vue-mapbox/assets/js/app.1fce24e6.js" defer></script><script src="/vue-mapbox/assets/js/2.1a36c030.js" defer></script><script src="/vue-mapbox/assets/js/24.fe39c8d8.js" defer></script>
+    <script src="/vue-mapbox/assets/js/app.1613afe0.js" defer></script><script src="/vue-mapbox/assets/js/2.1a36c030.js" defer></script><script src="/vue-mapbox/assets/js/23.87f4c25b.js" defer></script>
   </body>
 </html>
diff --git a/docs/index.html b/docs/index.html
index 5e399f19..96a66320 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -7,7 +7,7 @@
     <meta name="description" content="Combine powers of Mapbox GL JS and Vue.js">
     <link rel="icon" href="/vue-mapbox/favicon.ico">
     
-    <link rel="preload" href="/vue-mapbox/assets/css/0.styles.622f01af.css" as="style"><link rel="preload" href="/vue-mapbox/assets/js/app.1fce24e6.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/2.1a36c030.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/6.a47ab602.js" as="script"><link rel="prefetch" href="/vue-mapbox/assets/js/10.02b7c2a1.js"><link rel="prefetch" href="/vue-mapbox/assets/js/11.ee64ec8f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/12.f0cb3c91.js"><link rel="prefetch" href="/vue-mapbox/assets/js/13.57cb96bf.js"><link rel="prefetch" href="/vue-mapbox/assets/js/14.7b3fcbc6.js"><link rel="prefetch" href="/vue-mapbox/assets/js/15.6be5284d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/16.733d6730.js"><link rel="prefetch" href="/vue-mapbox/assets/js/17.172f4295.js"><link rel="prefetch" href="/vue-mapbox/assets/js/18.9eb7a777.js"><link rel="prefetch" href="/vue-mapbox/assets/js/19.10105f2d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/20.f558f091.js"><link rel="prefetch" href="/vue-mapbox/assets/js/21.6a1f30f2.js"><link rel="prefetch" href="/vue-mapbox/assets/js/22.8dc7d898.js"><link rel="prefetch" href="/vue-mapbox/assets/js/23.4670d875.js"><link rel="prefetch" href="/vue-mapbox/assets/js/24.fe39c8d8.js"><link rel="prefetch" href="/vue-mapbox/assets/js/25.8dd04822.js"><link rel="prefetch" href="/vue-mapbox/assets/js/26.b01152e4.js"><link rel="prefetch" href="/vue-mapbox/assets/js/3.02aa2be5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/4.4f3338df.js"><link rel="prefetch" href="/vue-mapbox/assets/js/5.d3d1578a.js"><link rel="prefetch" href="/vue-mapbox/assets/js/7.cdef235f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/8.8b4b828f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/9.aebbb2ac.js">
+    <link rel="preload" href="/vue-mapbox/assets/css/0.styles.622f01af.css" as="style"><link rel="preload" href="/vue-mapbox/assets/js/app.1613afe0.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/2.1a36c030.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/6.49edb5d4.js" as="script"><link rel="prefetch" href="/vue-mapbox/assets/js/10.496a25ae.js"><link rel="prefetch" href="/vue-mapbox/assets/js/11.c30d5454.js"><link rel="prefetch" href="/vue-mapbox/assets/js/12.43a2535b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/13.0cb68667.js"><link rel="prefetch" href="/vue-mapbox/assets/js/14.3affa2b5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/15.40b3c4ef.js"><link rel="prefetch" href="/vue-mapbox/assets/js/16.7de1d511.js"><link rel="prefetch" href="/vue-mapbox/assets/js/17.95d02626.js"><link rel="prefetch" href="/vue-mapbox/assets/js/18.449ed0f5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/19.38617f97.js"><link rel="prefetch" href="/vue-mapbox/assets/js/20.f9650703.js"><link rel="prefetch" href="/vue-mapbox/assets/js/21.39c66c8d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/22.276c6a9c.js"><link rel="prefetch" href="/vue-mapbox/assets/js/23.87f4c25b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/24.9d297e6b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/25.f1bf9c1c.js"><link rel="prefetch" href="/vue-mapbox/assets/js/3.02aa2be5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/4.79bc4f3c.js"><link rel="prefetch" href="/vue-mapbox/assets/js/5.d3d1578a.js"><link rel="prefetch" href="/vue-mapbox/assets/js/7.e6ed37a7.js"><link rel="prefetch" href="/vue-mapbox/assets/js/8.3e4706bb.js"><link rel="prefetch" href="/vue-mapbox/assets/js/9.5e3d2dbf.js">
     <link rel="stylesheet" href="/vue-mapbox/assets/css/0.styles.622f01af.css">
   </head>
   <body>
@@ -66,6 +66,6 @@
 </code></pre></div><div class="tip custom-block"><p class="custom-block-title">Dependencies</p> <p><a href="https://github.com/vuejs/vue" target="_blank" rel="noopener noreferrer">Vue.js 2.5+<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a><br> <a href="https://github.com/mapbox/mapbox-gl-js" target="_blank" rel="noopener noreferrer">Mapbox GL JS 0.51+<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a><br> <a href="https://github.com/soal/map-promisified" target="_blank" rel="noopener noreferrer">map-promisified<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></p></div> <div class="tip custom-block"><p class="custom-block-title">Size</p> <p>~ 15 kB minified and gzipped</p></div> <div class="warning custom-block"><p class="custom-block-title">Browser compatibility</p> <p><em>Coming soon</em></p></div></div> <div class="footer">
     MIT Licensed
   </div></main></div><div class="global-ui"></div></div>
-    <script src="/vue-mapbox/assets/js/app.1fce24e6.js" defer></script><script src="/vue-mapbox/assets/js/2.1a36c030.js" defer></script><script src="/vue-mapbox/assets/js/6.a47ab602.js" defer></script>
+    <script src="/vue-mapbox/assets/js/app.1613afe0.js" defer></script><script src="/vue-mapbox/assets/js/2.1a36c030.js" defer></script><script src="/vue-mapbox/assets/js/6.49edb5d4.js" defer></script>
   </body>
 </html>
diff --git a/docs/plugin_components/index.html b/docs/plugin_components/index.html
index d32083ba..27efb722 100644
--- a/docs/plugin_components/index.html
+++ b/docs/plugin_components/index.html
@@ -7,7 +7,7 @@
     <meta name="description" content="Combine powers of Mapbox GL JS and Vue.js">
     <link rel="icon" href="/vue-mapbox/favicon.ico">
     
-    <link rel="preload" href="/vue-mapbox/assets/css/0.styles.622f01af.css" as="style"><link rel="preload" href="/vue-mapbox/assets/js/app.1fce24e6.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/2.1a36c030.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/25.8dd04822.js" as="script"><link rel="prefetch" href="/vue-mapbox/assets/js/10.02b7c2a1.js"><link rel="prefetch" href="/vue-mapbox/assets/js/11.ee64ec8f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/12.f0cb3c91.js"><link rel="prefetch" href="/vue-mapbox/assets/js/13.57cb96bf.js"><link rel="prefetch" href="/vue-mapbox/assets/js/14.7b3fcbc6.js"><link rel="prefetch" href="/vue-mapbox/assets/js/15.6be5284d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/16.733d6730.js"><link rel="prefetch" href="/vue-mapbox/assets/js/17.172f4295.js"><link rel="prefetch" href="/vue-mapbox/assets/js/18.9eb7a777.js"><link rel="prefetch" href="/vue-mapbox/assets/js/19.10105f2d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/20.f558f091.js"><link rel="prefetch" href="/vue-mapbox/assets/js/21.6a1f30f2.js"><link rel="prefetch" href="/vue-mapbox/assets/js/22.8dc7d898.js"><link rel="prefetch" href="/vue-mapbox/assets/js/23.4670d875.js"><link rel="prefetch" href="/vue-mapbox/assets/js/24.fe39c8d8.js"><link rel="prefetch" href="/vue-mapbox/assets/js/26.b01152e4.js"><link rel="prefetch" href="/vue-mapbox/assets/js/3.02aa2be5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/4.4f3338df.js"><link rel="prefetch" href="/vue-mapbox/assets/js/5.d3d1578a.js"><link rel="prefetch" href="/vue-mapbox/assets/js/6.a47ab602.js"><link rel="prefetch" href="/vue-mapbox/assets/js/7.cdef235f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/8.8b4b828f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/9.aebbb2ac.js">
+    <link rel="preload" href="/vue-mapbox/assets/css/0.styles.622f01af.css" as="style"><link rel="preload" href="/vue-mapbox/assets/js/app.1613afe0.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/2.1a36c030.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/24.9d297e6b.js" as="script"><link rel="prefetch" href="/vue-mapbox/assets/js/10.496a25ae.js"><link rel="prefetch" href="/vue-mapbox/assets/js/11.c30d5454.js"><link rel="prefetch" href="/vue-mapbox/assets/js/12.43a2535b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/13.0cb68667.js"><link rel="prefetch" href="/vue-mapbox/assets/js/14.3affa2b5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/15.40b3c4ef.js"><link rel="prefetch" href="/vue-mapbox/assets/js/16.7de1d511.js"><link rel="prefetch" href="/vue-mapbox/assets/js/17.95d02626.js"><link rel="prefetch" href="/vue-mapbox/assets/js/18.449ed0f5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/19.38617f97.js"><link rel="prefetch" href="/vue-mapbox/assets/js/20.f9650703.js"><link rel="prefetch" href="/vue-mapbox/assets/js/21.39c66c8d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/22.276c6a9c.js"><link rel="prefetch" href="/vue-mapbox/assets/js/23.87f4c25b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/25.f1bf9c1c.js"><link rel="prefetch" href="/vue-mapbox/assets/js/3.02aa2be5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/4.79bc4f3c.js"><link rel="prefetch" href="/vue-mapbox/assets/js/5.d3d1578a.js"><link rel="prefetch" href="/vue-mapbox/assets/js/6.49edb5d4.js"><link rel="prefetch" href="/vue-mapbox/assets/js/7.e6ed37a7.js"><link rel="prefetch" href="/vue-mapbox/assets/js/8.3e4706bb.js"><link rel="prefetch" href="/vue-mapbox/assets/js/9.5e3d2dbf.js">
     <link rel="stylesheet" href="/vue-mapbox/assets/css/0.styles.622f01af.css">
   </head>
   <body>
@@ -68,6 +68,6 @@
         </a>
         →
       </span></p></div> </main></div><div class="global-ui"></div></div>
-    <script src="/vue-mapbox/assets/js/app.1fce24e6.js" defer></script><script src="/vue-mapbox/assets/js/2.1a36c030.js" defer></script><script src="/vue-mapbox/assets/js/25.8dd04822.js" defer></script>
+    <script src="/vue-mapbox/assets/js/app.1613afe0.js" defer></script><script src="/vue-mapbox/assets/js/2.1a36c030.js" defer></script><script src="/vue-mapbox/assets/js/24.9d297e6b.js" defer></script>
   </body>
 </html>
diff --git a/docs/plugin_components/plugin_components_development.html b/docs/plugin_components/plugin_components_development.html
index a0ac96fe..b22694cc 100644
--- a/docs/plugin_components/plugin_components_development.html
+++ b/docs/plugin_components/plugin_components_development.html
@@ -7,7 +7,7 @@
     <meta name="description" content="Combine powers of Mapbox GL JS and Vue.js">
     <link rel="icon" href="/vue-mapbox/favicon.ico">
     
-    <link rel="preload" href="/vue-mapbox/assets/css/0.styles.622f01af.css" as="style"><link rel="preload" href="/vue-mapbox/assets/js/app.1fce24e6.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/2.1a36c030.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/26.b01152e4.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/4.4f3338df.js" as="script"><link rel="prefetch" href="/vue-mapbox/assets/js/10.02b7c2a1.js"><link rel="prefetch" href="/vue-mapbox/assets/js/11.ee64ec8f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/12.f0cb3c91.js"><link rel="prefetch" href="/vue-mapbox/assets/js/13.57cb96bf.js"><link rel="prefetch" href="/vue-mapbox/assets/js/14.7b3fcbc6.js"><link rel="prefetch" href="/vue-mapbox/assets/js/15.6be5284d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/16.733d6730.js"><link rel="prefetch" href="/vue-mapbox/assets/js/17.172f4295.js"><link rel="prefetch" href="/vue-mapbox/assets/js/18.9eb7a777.js"><link rel="prefetch" href="/vue-mapbox/assets/js/19.10105f2d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/20.f558f091.js"><link rel="prefetch" href="/vue-mapbox/assets/js/21.6a1f30f2.js"><link rel="prefetch" href="/vue-mapbox/assets/js/22.8dc7d898.js"><link rel="prefetch" href="/vue-mapbox/assets/js/23.4670d875.js"><link rel="prefetch" href="/vue-mapbox/assets/js/24.fe39c8d8.js"><link rel="prefetch" href="/vue-mapbox/assets/js/25.8dd04822.js"><link rel="prefetch" href="/vue-mapbox/assets/js/3.02aa2be5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/5.d3d1578a.js"><link rel="prefetch" href="/vue-mapbox/assets/js/6.a47ab602.js"><link rel="prefetch" href="/vue-mapbox/assets/js/7.cdef235f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/8.8b4b828f.js"><link rel="prefetch" href="/vue-mapbox/assets/js/9.aebbb2ac.js">
+    <link rel="preload" href="/vue-mapbox/assets/css/0.styles.622f01af.css" as="style"><link rel="preload" href="/vue-mapbox/assets/js/app.1613afe0.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/2.1a36c030.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/25.f1bf9c1c.js" as="script"><link rel="preload" href="/vue-mapbox/assets/js/4.79bc4f3c.js" as="script"><link rel="prefetch" href="/vue-mapbox/assets/js/10.496a25ae.js"><link rel="prefetch" href="/vue-mapbox/assets/js/11.c30d5454.js"><link rel="prefetch" href="/vue-mapbox/assets/js/12.43a2535b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/13.0cb68667.js"><link rel="prefetch" href="/vue-mapbox/assets/js/14.3affa2b5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/15.40b3c4ef.js"><link rel="prefetch" href="/vue-mapbox/assets/js/16.7de1d511.js"><link rel="prefetch" href="/vue-mapbox/assets/js/17.95d02626.js"><link rel="prefetch" href="/vue-mapbox/assets/js/18.449ed0f5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/19.38617f97.js"><link rel="prefetch" href="/vue-mapbox/assets/js/20.f9650703.js"><link rel="prefetch" href="/vue-mapbox/assets/js/21.39c66c8d.js"><link rel="prefetch" href="/vue-mapbox/assets/js/22.276c6a9c.js"><link rel="prefetch" href="/vue-mapbox/assets/js/23.87f4c25b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/24.9d297e6b.js"><link rel="prefetch" href="/vue-mapbox/assets/js/3.02aa2be5.js"><link rel="prefetch" href="/vue-mapbox/assets/js/5.d3d1578a.js"><link rel="prefetch" href="/vue-mapbox/assets/js/6.49edb5d4.js"><link rel="prefetch" href="/vue-mapbox/assets/js/7.e6ed37a7.js"><link rel="prefetch" href="/vue-mapbox/assets/js/8.3e4706bb.js"><link rel="prefetch" href="/vue-mapbox/assets/js/9.5e3d2dbf.js">
     <link rel="stylesheet" href="/vue-mapbox/assets/css/0.styles.622f01af.css">
   </head>
   <body>
@@ -20,7 +20,7 @@
   <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div><div class="nav-item"><a href="https://github.com/soal/map-promisified" target="_blank" rel="noopener noreferrer" class="nav-link external">
   map-promisified
   <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div> <!----></nav>  <ul class="sidebar-links"><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>Guide</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/vue-mapbox/guide/" class="sidebar-link">Quickstart</a></li><li><a href="/vue-mapbox/guide/basemap.html" class="sidebar-link">Base map</a></li><li><a href="/vue-mapbox/guide/composition.html" class="sidebar-link">Composition</a></li><li><a href="/vue-mapbox/guide/controls.html" class="sidebar-link">Controls</a></li><li><a href="/vue-mapbox/guide/markers&amp;popups.html" class="sidebar-link">Markers and popups</a></li><li><a href="/vue-mapbox/guide/layers&amp;sources.html" class="sidebar-link">Layers and sources</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>API</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/vue-mapbox/api/" class="sidebar-link">GlMap</a></li><li><a href="/vue-mapbox/api/controls.html" class="sidebar-link">Controls</a></li><li><a href="/vue-mapbox/api/marker.html" class="sidebar-link">MapMarker</a></li><li><a href="/vue-mapbox/api/popup.html" class="sidebar-link">Popup</a></li><li><a href="/vue-mapbox/api/Layers/" class="sidebar-link">Layer commons</a></li><li><a href="/vue-mapbox/api/Layers/geojsonlayer.html" class="sidebar-link">GeojsonLayer</a></li><li><a href="/vue-mapbox/api/Layers/vectorlayer.html" class="sidebar-link">VectorLayer</a></li><li><a href="/vue-mapbox/api/Layers/rasterlayer.html" class="sidebar-link">RasterLayer</a></li><li><a href="/vue-mapbox/api/Layers/imagelayer.html" class="sidebar-link">ImageLayer</a></li><li><a href="/vue-mapbox/api/Layers/videolayer.html" class="sidebar-link">VideoLayer</a></li><li><a href="/vue-mapbox/api/Layers/canvaslayer.html" class="sidebar-link">CanvasLayer</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>Plugin components</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/vue-mapbox/plugin_components/" class="sidebar-link">Using plugin components</a></li><li><a href="/vue-mapbox/plugin_components/plugin_components_development.html" class="active sidebar-link">Create a plugin component</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/vue-mapbox/plugin_components/plugin_components_development.html#overview" class="sidebar-link">Overview</a></li><li class="sidebar-sub-header"><a href="/vue-mapbox/plugin_components/plugin_components_development.html#basic-example-for-plugin-component" class="sidebar-link">Basic example for plugin component</a></li><li class="sidebar-sub-header"><a href="/vue-mapbox/plugin_components/plugin_components_development.html#vuemapbox-helpers" class="sidebar-link">VueMapbox helpers</a></li><li class="sidebar-sub-header"><a href="/vue-mapbox/plugin_components/plugin_components_development.html#creating-component-for-mapbox-gl-js-plugin" class="sidebar-link">Creating component for Mapbox GL JS plugin</a></li></ul></li></ul></section></li></ul> </aside> <main class="page"> <div class="content default"><h1 id="create-a-plugin-component"><a href="#create-a-plugin-component" aria-hidden="true" class="header-anchor">#</a> Create a plugin component</h1> <h2 id="overview"><a href="#overview" aria-hidden="true" class="header-anchor">#</a> Overview</h2> <p>The purpose VueMapbox is to wrap up Mapbox Gl JS library. Any other functions are out of scope. However, there are some plugins for Mapbox Gl JS, that provides additional capabilities, and it where plugin components come into play.</p> <p>Plugin components are essentially just Vue components that utilize <code>mapbox</code> and <code>map</code> objects provided by basic <code>MglMap</code>.</p> <p>VueMapbox internally use dependency injection mechanism of Vue (<a href="https://vuejs.org/v2/api/#provide-inject" target="_blank" rel="noopener noreferrer">provide/inject<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a> in Vue docs).
-When <code>MglMap</code> created, it waits for map loads and initializes then renders it's child components, and provide them <code>mapbox</code> (Mapbox GL JS library), <code>map</code> (initialized instance of the <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a>) and <code>actions</code> (<a href="/vue-mapbox/api/glmap.html#actions">promisified</a> Mapbox Map methods).
+When <code>MglMap</code> created, it waits for map loads and initializes then renders it's child components, and provide them <code>mapbox</code> (Mapbox GL JS library), <code>map</code> (initialized instance of the <a href="https://docs.mapbox.com/mapbox-gl-js/api/#map" target="_blank" rel="noopener noreferrer">Map<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a>) and <code>actions</code> (<a href="/vue-mapbox/api/#actions">promisified</a> Mapbox Map methods).
 Inject these objects in your component, and you can add to map features you need.</p> <p>The basic idea is to keep the declarative style of Vue, so it's good to add for example additional controls or layer types to map as a component. It's a right place to wrap Mapbox Gl JS plugins, but it can be used for various purpose.</p> <h2 id="basic-example-for-plugin-component"><a href="#basic-example-for-plugin-component" aria-hidden="true" class="header-anchor">#</a> Basic example for plugin component</h2> <p><strong>App template</strong></p> <div class="language-vue extra-class"><pre class="language-vue"><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span><span class="token punctuation">&gt;</span></span>
   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>MglMap</span> <span class="token attr-name">:accessToken</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>accessToken<span class="token punctuation">&quot;</span></span> <span class="token attr-name">:map</span><span class="token style-attr language-css"><span class="token attr-name"><span class="token attr-name">Style</span></span><span class="token punctuation">=&quot;</span><span class="token attr-value">mapStyle</span><span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>MyPluginComponent</span> <span class="token punctuation">/&gt;</span></span>
@@ -207,6 +207,6 @@
         <a href="/vue-mapbox/plugin_components/" class="prev router-link-active">
           Using plugin components
         </a></span> <!----></p></div> </main></div><div class="global-ui"></div></div>
-    <script src="/vue-mapbox/assets/js/app.1fce24e6.js" defer></script><script src="/vue-mapbox/assets/js/2.1a36c030.js" defer></script><script src="/vue-mapbox/assets/js/26.b01152e4.js" defer></script><script src="/vue-mapbox/assets/js/4.4f3338df.js" defer></script>
+    <script src="/vue-mapbox/assets/js/app.1613afe0.js" defer></script><script src="/vue-mapbox/assets/js/2.1a36c030.js" defer></script><script src="/vue-mapbox/assets/js/25.f1bf9c1c.js" defer></script><script src="/vue-mapbox/assets/js/4.79bc4f3c.js" defer></script>
   </body>
 </html>

From 08c04f5df86193638f7ebdbf7950ec8bafb74303 Mon Sep 17 00:00:00 2001
From: soal <sorrow.about.alice@pm.me>
Date: Thu, 2 May 2019 20:53:10 +0300
Subject: [PATCH 5/5] 0.4.0

---
 package-lock.json | 2 +-
 package.json      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index f5692ef5..bb88b520 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-mapbox",
-  "version": "0.3.2",
+  "version": "0.4.0",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
diff --git a/package.json b/package.json
index 7d5e0bb6..4158c09e 100755
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-mapbox",
-  "version": "0.3.2",
+  "version": "0.4.0",
   "author": {
     "name": "soal",
     "email": "sorrrow.about.alice@gmail.com",