@beyonk/svelte-mapbox 8.1.4 → 9.0.3

package/pnpm-lock.yaml

@@ -1,230 +0,0 @@
-devDependencies:
-  '@sveltejs/kit': 1.0.0-next.132_svelte@3.38.3
-  svelte: 3.38.3
-lockfileVersion: 5.2
-packages:
-  /@rollup/pluginutils/4.1.1:
-    dependencies:
-      estree-walker: 2.0.2
-      picomatch: 2.3.0
-    dev: true
-    engines:
-      node: '>= 8.0.0'
-    resolution:
-      integrity: sha512-clDjivHqWGXi7u+0d2r2sBi4Ie6VLEAzWMIkvJLnDmxoOhBYOTfzGbOQBA32THHm11/LiJbd01tJUpJsbshSWQ==
-  /@sveltejs/kit/1.0.0-next.132_svelte@3.38.3:
-    dependencies:
-      '@sveltejs/vite-plugin-svelte': 1.0.0-next.13_svelte@3.38.3+vite@2.4.3
-      cheap-watch: 1.0.3
-      sade: 1.7.4
-      svelte: 3.38.3
-      vite: 2.4.3
-    dev: true
-    engines:
-      node: ^12.20 || >=14.13
-    hasBin: true
-    peerDependencies:
-      svelte: ^3.34.0
-    resolution:
-      integrity: sha512-mX3ihuyTQr3302ZpihG3gXfTBcDPODlJ6ZoYu6f7TGo8+1OdpuDdozgi1CKLkrUBHYGnPO4E75XOVKlgJLjBQw==
-  /@sveltejs/vite-plugin-svelte/1.0.0-next.13_svelte@3.38.3+vite@2.4.3:
-    dependencies:
-      '@rollup/pluginutils': 4.1.1
-      debug: 4.3.2
-      diff-match-patch: 1.0.5
-      kleur: 4.1.4
-      magic-string: 0.25.7
-      require-relative: 0.8.7
-      svelte: 3.38.3
-      svelte-hmr: 0.14.6_svelte@3.38.3
-      vite: 2.4.3
-    dev: true
-    engines:
-      node: ^12.20 || ^14.13.1 || >= 16
-    peerDependencies:
-      svelte: ^3.34.0
-      vite: ^2.3.7
-    resolution:
-      integrity: sha512-hzacNmIOR55aE+yQj750R90+BbQERRVGjlu6TQLgy+Aw2bPmRJMLKvS/NmwO+I66DEiWQdFFHR+lxtwH4bbbXw==
-  /cheap-watch/1.0.3:
-    dev: true
-    engines:
-      node: '>=8'
-    resolution:
-      integrity: sha512-xC5CruMhLzjPwJ5ecUxGu1uGmwJQykUhqd2QrCrYbwvsFYdRyviu6jG9+pccwDXJR/OpmOTOJ9yLFunVgQu9wg==
-  /colorette/1.2.2:
-    dev: true
-    resolution:
-      integrity: sha512-MKGMzyfeuutC/ZJ1cba9NqcNpfeqMUcYmyF1ZFY6/Cn7CNSAKx6a+s48sqLqyAiZuaP2TcqMhoo+dlwFnVxT9w==
-  /debug/4.3.2:
-    dependencies:
-      ms: 2.1.2
-    dev: true
-    engines:
-      node: '>=6.0'
-    peerDependencies:
-      supports-color: '*'
-    peerDependenciesMeta:
-      supports-color:
-        optional: true
-    resolution:
-      integrity: sha512-mOp8wKcvj7XxC78zLgw/ZA+6TSgkoE2C/ienthhRD298T7UNwAg9diBpLRxC0mOezLl4B0xV7M0cCO6P/O0Xhw==
-  /diff-match-patch/1.0.5:
-    dev: true
-    resolution:
-      integrity: sha512-IayShXAgj/QMXgB0IWmKx+rOPuGMhqm5w6jvFxmVenXKIzRqTAAsbBPT3kWQeGANj3jGgvcvv4yK6SxqYmikgw==
-  /esbuild/0.12.15:
-    dev: true
-    hasBin: true
-    requiresBuild: true
-    resolution:
-      integrity: sha512-72V4JNd2+48eOVCXx49xoSWHgC3/cCy96e7mbXKY+WOWghN00cCmlGnwVLRhRHorvv0dgCyuMYBZlM2xDM5OQw==
-  /estree-walker/2.0.2:
-    dev: true
-    resolution:
-      integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==
-  /fsevents/2.3.2:
-    dev: true
-    engines:
-      node: ^8.16.0 || ^10.6.0 || >=11.0.0
-    optional: true
-    os:
-      - darwin
-    resolution:
-      integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==
-  /function-bind/1.1.1:
-    dev: true
-    resolution:
-      integrity: sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==
-  /has/1.0.3:
-    dependencies:
-      function-bind: 1.1.1
-    dev: true
-    engines:
-      node: '>= 0.4.0'
-    resolution:
-      integrity: sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==
-  /is-core-module/2.5.0:
-    dependencies:
-      has: 1.0.3
-    dev: true
-    resolution:
-      integrity: sha512-TXCMSDsEHMEEZ6eCA8rwRDbLu55MRGmrctljsBX/2v1d9/GzqHOxW5c5oPSgrUt2vBFXebu9rGqckXGPWOlYpg==
-  /kleur/4.1.4:
-    dev: true
-    engines:
-      node: '>=6'
-    resolution:
-      integrity: sha512-8QADVssbrFjivHWQU7KkMgptGTl6WAcSdlbBPY4uNF+mWr6DGcKrvY2w4FQJoXch7+fKMjj0dRrL75vk3k23OA==
-  /magic-string/0.25.7:
-    dependencies:
-      sourcemap-codec: 1.4.8
-    dev: true
-    resolution:
-      integrity: sha512-4CrMT5DOHTDk4HYDlzmwu4FVCcIYI8gauveasrdCu2IKIFOJ3f0v/8MDGJCDL9oD2ppz/Av1b0Nj345H9M+XIA==
-  /mri/1.1.6:
-    dev: true
-    engines:
-      node: '>=4'
-    resolution:
-      integrity: sha512-oi1b3MfbyGa7FJMP9GmLTttni5JoICpYBRlq+x5V16fZbLsnL9N3wFqqIm/nIG43FjUFkFh9Epzp/kzUGUnJxQ==
-  /ms/2.1.2:
-    dev: true
-    resolution:
-      integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
-  /nanoid/3.1.23:
-    dev: true
-    engines:
-      node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1
-    hasBin: true
-    resolution:
-      integrity: sha512-FiB0kzdP0FFVGDKlRLEQ1BgDzU87dy5NnzjeW9YZNt+/c3+q82EQDUwniSAUxp/F0gFNI1ZhKU1FqYsMuqZVnw==
-  /path-parse/1.0.7:
-    dev: true
-    resolution:
-      integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==
-  /picomatch/2.3.0:
-    dev: true
-    engines:
-      node: '>=8.6'
-    resolution:
-      integrity: sha512-lY1Q/PiJGC2zOv/z391WOTD+Z02bCgsFfvxoXXf6h7kv9o+WmsmzYqrAwY63sNgOxE4xEdq0WyUnXfKeBrSvYw==
-  /postcss/8.3.5:
-    dependencies:
-      colorette: 1.2.2
-      nanoid: 3.1.23
-      source-map-js: 0.6.2
-    dev: true
-    engines:
-      node: ^10 || ^12 || >=14
-    resolution:
-      integrity: sha512-NxTuJocUhYGsMiMFHDUkmjSKT3EdH4/WbGF6GCi1NDGk+vbcUTun4fpbOqaPtD8IIsztA2ilZm2DhYCuyN58gA==
-  /require-relative/0.8.7:
-    dev: true
-    resolution:
-      integrity: sha1-eZlTn8ngR6N5KPoZb44VY9q9Nt4=
-  /resolve/1.20.0:
-    dependencies:
-      is-core-module: 2.5.0
-      path-parse: 1.0.7
-    dev: true
-    resolution:
-      integrity: sha512-wENBPt4ySzg4ybFQW2TT1zMQucPK95HSh/nq2CFTZVOGut2+pQvSsgtda4d26YrYcr067wjbmzOG8byDPBX63A==
-  /rollup/2.53.2:
-    dev: true
-    engines:
-      node: '>=10.0.0'
-    hasBin: true
-    optionalDependencies:
-      fsevents: 2.3.2
-    resolution:
-      integrity: sha512-1CtEYuS5CRCzFZ7SNW5528SlDlk4VDXIRGwbm/2POQxA/G4+7/crIqJwkmnj8Q/74hGx4oVlNvh4E1CJQ5hZ6w==
-  /sade/1.7.4:
-    dependencies:
-      mri: 1.1.6
-    dev: true
-    engines:
-      node: '>= 6'
-    resolution:
-      integrity: sha512-y5yauMD93rX840MwUJr7C1ysLFBgMspsdTo4UVrDg3fXDvtwOyIqykhVAAm6fk/3au77773itJStObgK+LKaiA==
-  /source-map-js/0.6.2:
-    dev: true
-    engines:
-      node: '>=0.10.0'
-    resolution:
-      integrity: sha512-/3GptzWzu0+0MBQFrDKzw/DvvMTUORvgY6k6jd/VS6iCR4RDTKWH6v6WPwQoUO8667uQEf9Oe38DxAYWY5F/Ug==
-  /sourcemap-codec/1.4.8:
-    dev: true
-    resolution:
-      integrity: sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==
-  /svelte-hmr/0.14.6_svelte@3.38.3:
-    dependencies:
-      svelte: 3.38.3
-    dev: true
-    peerDependencies:
-      svelte: '>=3.19.0'
-    resolution:
-      integrity: sha512-0oXQmRiEh3uNjyVQiGmIE7imbKO4dYc1WL6XRXTC0X9XbSacJgj9MOLguqqbZygPsNnlglhlk4eB0pCmM6nQAA==
-  /svelte/3.38.3:
-    dev: true
-    engines:
-      node: '>= 8'
-    resolution:
-      integrity: sha512-N7bBZJH0iF24wsalFZF+fVYMUOigaAUQMIcEKHO3jstK/iL8VmP9xE+P0/a76+FkNcWt+TDv2Gx1taUoUscrvw==
-  /vite/2.4.3:
-    dependencies:
-      esbuild: 0.12.15
-      postcss: 8.3.5
-      resolve: 1.20.0
-      rollup: 2.53.2
-    dev: true
-    engines:
-      node: '>=12.0.0'
-    hasBin: true
-    optionalDependencies:
-      fsevents: 2.3.2
-    resolution:
-      integrity: sha512-iT6NPeiUUZ2FkzC3eazytOEMRaM4J+xgRQcNcpRcbmfYjakCFP4WKPJpeEz1U5JEKHAtwv3ZBQketQUFhFU3ng==
-specifiers:
-  '@sveltejs/kit': next
-  svelte: ^3.34.0

package/src/app.html

@@ -1,17 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-	<head>
-		<meta charset="utf-8" />
-		<link rel="icon" href="/favicon.png" />
-		<title>Svelte Mapbox Maps | Developer Documentation</title>
-		<meta name="viewport" content="width=device-width, initial-scale=1" />
-		<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=latin,cyrillic' rel='stylesheet' type='text/css'>
-		<link href="/normalize.css" rel="stylesheet" type="text/css" />
-		<link href="/prettify.css" rel="stylesheet" type="text/css" />
-		<link href="/style.css" rel="stylesheet" type="text/css" />
-		%svelte.head%
-	</head>
-	<body>
-		<div id="svelte">%svelte.body%</div>
-	</body>
-</html>

package/src/global.d.ts

@@ -1 +0,0 @@
-/// <reference types="@sveltejs/kit" />

package/src/lib/conf.js

@@ -1,5 +0,0 @@
-const mapboxToken = import.meta.env.VITE_MAPBOX_TOKEN
-
-export {
-  mapboxToken
-}

package/src/routes/_Earthquakes.svelte

@@ -1,128 +0,0 @@
-<script>
-  import { getContext } from 'svelte'
-  import { contextKey } from '$lib/components.js'
-  import MiniScroller from './_MiniScroller.svelte'
-
-  const { getMap, getMapbox } = getContext(contextKey)
-  const map = getMap()
-  const mapbox = getMapbox()
-
-  // Add a new source from our GeoJSON data and set the
-  // 'cluster' option to true. GL-JS will add the point_count property to your source data.
-  map.addSource('earthquakes', {
-    type: 'geojson',
-    // Point to GeoJSON data. This example visualizes all M1.0+ earthquakes
-    // from 12/22/15 to 1/21/16 as logged by USGS' Earthquake hazards program.
-    data: 'https://docs.mapbox.com/mapbox-gl-js/assets/earthquakes.geojson',
-    cluster: true,
-    clusterMaxZoom: 14, // Max zoom to cluster points on
-    clusterRadius: 50 // Radius of each cluster when clustering points (defaults to 50)
-  })
-
-  map.addLayer({
-    id: 'clusters',
-    type: 'circle',
-    source: 'earthquakes',
-    filter: [ 'has', 'point_count' ],
-    paint: {
-      // Use step expressions (https://docs.mapbox.com/mapbox-gl-js/style-spec/#expressions-step)
-      // with three steps to implement three types of circles:
-      //   * Blue, 20px circles when point count is less than 100
-      //   * Yellow, 30px circles when point count is between 100 and 750
-      //   * Pink, 40px circles when point count is greater than or equal to 750
-      'circle-color': [
-        'step',
-        [ 'get', 'point_count' ],
-        '#51bbd6',
-        100,
-        '#f1f075',
-        750,
-        '#f28cb1'
-      ],
-      'circle-radius': [
-        'step',
-        [ 'get', 'point_count' ],
-        20,
-        100,
-        30,
-        750,
-        40
-      ]
-    }
-  })
-
-  map.addLayer({
-    id: 'cluster-count',
-    type: 'symbol',
-    source: 'earthquakes',
-    filter: [ 'has', 'point_count' ],
-    layout: {
-      'text-field': '{point_count_abbreviated}',
-      'text-font': [ 'DIN Offc Pro Medium', 'Arial Unicode MS Bold' ],
-      'text-size': 12
-    }
-  })
-
-  map.addLayer({
-    id: 'unclustered-point',
-    type: 'circle',
-    source: 'earthquakes',
-    filter: [ '!', [ 'has', 'point_count' ] ],
-    paint: {
-      'circle-color': '#11b4da',
-      'circle-radius': 4,
-      'circle-stroke-width': 1,
-      'circle-stroke-color': '#fff'
-    }
-  })
-
-  map.on('click', 'clusters', function (e) {
-    const features = map.queryRenderedFeatures(e.point, {
-      layers: [ 'clusters' ]
-    })
-    const clusterId = features[0].properties.cluster_id
-    map.getSource('earthquakes').getClusterExpansionZoom(clusterId, function (err, zoom) {
-      if (err) { return }
-
-      map.easeTo({
-        center: features[0].geometry.coordinates,
-        zoom: zoom
-      })
-    })
-  })
-
-  map.on('mouseenter', 'clusters', function () {
-    map.getCanvas().style.cursor = 'pointer'
-  })
-  map.on('mouseleave', 'clusters', function () {
-    map.getCanvas().style.cursor = ''
-  })
-
-  map.on('click', 'unclustered-point', function (e) {
-    const coordinates = e.features[0].geometry.coordinates.slice()
-  
-    // Ensure that if the map is zoomed out such that multiple
-    // copies of the feature are visible, the popup appears
-    // over the copy being pointed to.
-    while (Math.abs(e.lngLat.lng - coordinates[0]) > 180) {
-      coordinates[0] += e.lngLat.lng > coordinates[0] ? 360 : -360
-    }
-  
-    map.setCenter(coordinates)
-
-    new mapbox.Popup({})
-      .setLngLat(coordinates)
-      .setHTML('<div id="mini-scroller"></div>')
-      .addTo(map)
-
-    new MiniScroller({ target: document.getElementById('mini-scroller'), props: {} }) // eslint-disable-line no-new
-  })
-  
-  map.on('mouseenter', 'unclustered-point', function () {
-    map.getCanvas().style.cursor = 'pointer'
-  })
-  
-  map.on('mouseleave', 'unclustered-point', function () {
-    map.getCanvas().style.cursor = ''
-  })
-</script>

package/src/routes/_MiniScroller.svelte

@@ -1 +0,0 @@
-<h2>hello</h2>

package/src/routes/index.svelte

@@ -1,211 +0,0 @@
-<header>
-  <div class="container">
-    <div class="row">
-      <div class="col-lg-2 col-xs-12 left">
-        <div id="logo">
-          <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-            viewBox="0 0 263.2 127" style="enable-background:new 0 0 263.2 127;" xml:space="preserve">
-            <g id="Layer_2_1_">
-              <g id="Layer_1-2">
-                <path class="st0" d="M263.2,28.5v-5.9h-22.5V0h-5.9v22.5H28.5V0h-5.9v22.5H0v5.9h22.5v70.1H0v5.9h22.5V127h5.9v-22.5h206.4V127
-                  h5.9v-22.5h22.5v-5.9h-22.5V28.5H263.2z M234.8,98.5H28.5V28.5h206.4V98.5z M50.9,52.2h9.3c1.7-0.1,3.4,0.4,4.7,1.5
-                  c1.1,1.1,1.7,2.7,1.6,4.3c0,1-0.2,2-0.6,2.8c-0.4,0.8-1.1,1.4-1.9,1.9c0.7,0.1,1.5,0.4,2.1,0.7c0.6,0.3,1,0.7,1.4,1.2
-                  c0.4,0.5,0.6,1,0.8,1.6c0.2,0.6,0.2,1.3,0.2,1.9c0,1-0.2,1.9-0.6,2.8c-0.4,0.8-0.9,1.5-1.6,2.1c-0.7,0.6-1.5,1-2.4,1.2
-                  c-1.1,0.3-2.1,0.4-3.2,0.4H51L50.9,52.2z M56.8,61.1h1.7c1.8,0,2.8-0.7,2.8-2.2s-0.9-2.2-2.8-2.2h-1.7V61.1z M56.8,70.2h1.9
-                  c1.1,0.1,2.2-0.1,3.2-0.6c1-0.7,1.3-2.1,0.5-3.1c-0.1-0.2-0.3-0.4-0.5-0.5c-1-0.5-2.1-0.6-3.2-0.6h-1.9V70.2z M93,57.2h-9.9V61
-                  h9.6v5h-9.6v3.9H93v5H77.2V52.2H93V57.2z M108.2,65.7l-8.2-13.5h7l4.2,7.3l4.2-7.3h7L114,65.7v9h-5.8V65.7z M126,63.5
-                  c0-1.6,0.3-3.2,0.9-4.7c1.2-2.9,3.6-5.2,6.5-6.3c3.2-1.2,6.8-1.2,10.1,0c1.5,0.6,2.9,1.4,4,2.5c1.1,1.1,2,2.4,2.5,3.8
-                  c1.2,3,1.2,6.4,0,9.4c-0.6,1.4-1.5,2.7-2.6,3.8c-1.1,1.1-2.5,2-4,2.5c-3.2,1.2-6.8,1.2-10.1,0c-1.5-0.6-2.8-1.4-3.9-2.5
-                  c-1.1-1.1-2-2.4-2.6-3.8C126.3,66.7,126,65.1,126,63.5z M132.1,63.5c0,0.9,0.2,1.7,0.5,2.5c0.6,1.5,1.9,2.7,3.4,3.3
-                  c2.4,1,5.1,0.4,6.9-1.3c0.6-0.6,1.1-1.2,1.4-2c0.7-1.6,0.7-3.4,0-5c-0.3-0.8-0.8-1.4-1.4-2c-1.9-1.7-4.5-2.2-6.9-1.3
-                  c-1.5,0.6-2.7,1.8-3.4,3.4C132.3,61.8,132.1,62.6,132.1,63.5L132.1,63.5z M158.6,74.8V52.2h5.9L175.3,66V52.2h5.8v22.5h-5.8
-                  L164.5,61v13.8H158.6z M196.7,61.5l7.1-9.3h7.2l-8.9,10.7l9.8,11.9h-7.6l-7.6-9.8v9.8h-5.9V52.2h5.9V61.5z"/>
-              </g>
-            </g>
-          </svg>
-        </div>
-      </div>
-      <div class="col-lg-8 col-md-7 col-xs-12">
-        <div class="slogan">
-          Svelte MapBox Developer Documentation
-        </div>
-      </div>
-      <div class="col-lg-2 col-md-3 col-xs-12 right">
-        <a class="btn" href="http://www.github.com/beyonk-adventures/svelte-mapbox">Github</a>
-      </div>
-    </div>
-  </div>
-</header>
-<section class="content">
-  <div class="container">
-    <div class="content-wrap">
-      <div class="row">
-        <aside>
-          <div class="menu-box">
-            <h4>Navigation</h4>  
-            <nav>
-              <ul>
-                <li><a href="#geocoder" on:click={() => { navigate('geocoder') } } class:current={page === 'geocoder'}>Geocoder</a></li>
-                <li><a href="#map" on:click={() => { navigate('map') }} class:current={page === 'map'}>Map</a></li>
-              </ul>          
-            </nav>
-          </div>
-        </aside>
-        <div class="content-info">
-          <div class="action-buttons">
-            <button id="fly-to" on:click={flyToRandomPlace}
-              >Fly to random location</button
-            >
-      
-            <button
-              id="change-zoom"
-              on:click={() => (zoom = Math.floor(Math.random() * 10))}
-              >Change Zoom Level</button
-            >
-            </div>
-
-          <div class="section-txt" id="geocoder">
-            <form>
-            <Geocoder value="(Near London)" accessToken={mapboxToken} on:result={placeChanged} on:clear={() => mapComponent.setCenter({ lng: 0, lat: 0 })} />
-            {#if place}
-              <dl>
-                <dt>Name:</dt>
-                <dd>{place.label}</dd>
-                <dt>Geolocation:</dt>
-                <dd>lat: {place.geometry.lat}, lng: {place.geometry.lng}</dd>
-              </dl>
-            {/if}
-            </form>
-          </div>
-          <div class="section-txt" id="map">
-            <div class="map-wrap">
-              <Map
-                bind:this={mapComponent}
-                accessToken={mapboxToken}
-                on:recentre={recentre}
-                on:drag={drag}
-                {center}
-                bind:zoom
-              >
-                <Earthquakes />
-                <NavigationControl />
-                <GeolocateControl on:geolocate={e => console.log('geolocated', e.detail)} />
-                <Marker lat={marker.lat} lng={marker.lng} />
-              </Map>
-            </div>
-            {#if center}
-              <dt>Geolocation:</dt>
-              <dd>lat: {center.lat}, lng: {center.lng}</dd>
-              <dd>zoom: {zoom}</dd>
-            {/if}
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</section>
-<div class="footer-area">
-  <div class="container">
-    <div class="row">
-      <div class="col-lg-12 center">
-        Powered by Beyonk Open Source
-      </div>
-    </div>
-  </div>
-</div>
-<footer>
-  <div class="container">
-    <div class="row">
-      <div class="col-lg-12 center">
-        © 2019 Beyonk. All rights reserved.
-      </div>
-    </div>
-  </div>
-</footer>
-
-<style>
-  :global(#logo svg) {
-    fill: white;
-    height: 60px;
-  }
-
-  .slogan {
-    margin-top: 14px;
-  }
-
-  .map-wrap {
-    width: 100%;
-    height: 300px;
-  }
-
-  .action-buttons {
-    display: flex;
-    justify-content: space-between;
-  }
-
-  #fly-to,
-  #change-zoom {
-    display: block;
-    position: relative;
-    margin: 0px auto;
-    height: 40px;
-    padding: 10px;
-    border: none;
-    border-radius: 3px;
-    font-size: 12px;
-    text-align: center;
-    color: #fff;
-    background: #ee8a65;
-  }
-
-</style>
-
-<script>
-  import { mapboxToken } from '$lib/conf.js'
-  import { Map, Geocoder, Marker, controls } from '$lib/components.js'
-  import Earthquakes from './_Earthquakes.svelte'
-
-  const { GeolocateControl, NavigationControl } = controls
-  const place = null
-
-  let page = 'about'
-  let center = { lat: 53.3358627, lng: -2.8572362 }
-  let marker = center
-  let zoom = 11.15
-  let mapComponent
-
-  function navigate (next) {
-    page = next
-  }
-
-  function placeChanged (e) {
-    const { result } = e.detail
-    mapComponent.setCenter(result.center, 14)
-  }
-  
-  function randomLng () {
-    return 77 + (Math.random() - 0.5) * 30
-  }
-
-  function randomLat () {
-    return 13 + (Math.random() - 0.5) * 30
-  }
-
-  function flyToRandomPlace () {
-    mapComponent.flyTo({
-      center: [
-        randomLng(),
-        randomLat()
-      ],
-      essential: true
-    })
-  }
-
-  function recentre ({ detail }) {
-    center = detail.center
-  }
-
-  function drag ({ detail }) {
-    marker = detail.center
-  }
-</script>

package/static/normalize.css

@@ -1,76 +0,0 @@
-html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
-body{margin:0;}
-article,
-aside,
-details,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
-main,
-menu,
-nav,
-section,
-summary{display:block;}
-audio,
-canvas,
-progress,
-video{display:inline-block;vertical-align:baseline;}
-audio:not([controls]){display:none;height:0;}
-[hidden],
-template{display:none;}
-a{background-color:transparent;}
-a:active,
-a:hover{outline:0;}
-abbr[title]{border-bottom:1px dotted;}
-b,
-strong{font-weight:bold;}
-dfn{font-style:italic;}
-h1{font-size:2em;margin:0.67em 0;}
-mark{background:#ff0;color:#000;}
-small{font-size:80%;}
-sub,
-sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
-sup{top:-0.5em;}
-sub{bottom:-0.25em;}
-img{border:0;}
-svg:not(:root){overflow:hidden;}
-figure{margin:1em 40px;}
-hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
-pre{overflow:auto;}
-code,
-kbd,
-pre,
-samp{font-family:monospace, monospace;font-size:1em;}
-button,
-input,
-optgroup,
-select,
-textarea{color:inherit;font:inherit;margin:0;}
-button{overflow:visible;}
-button,
-select{text-transform:none;}
-button,
-html input[type="button"],
-input[type="reset"],
-input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
-button[disabled],
-html input[disabled]{cursor:default;}
-button::-moz-focus-inner,
-input::-moz-focus-inner{border:0;padding:0;}
-input{line-height:normal;}
-input[type="checkbox"],
-input[type="radio"]{box-sizing:border-box;padding:0;}
-input[type="number"]::-webkit-inner-spin-button,
-input[type="number"]::-webkit-outer-spin-button{height:auto;}
-input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
-input[type="search"]::-webkit-search-cancel-button,
-input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
-fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}
-legend{border:0;padding:0;}
-textarea{overflow:auto;}
-optgroup{font-weight:bold;}
-table{border-collapse:collapse;border-spacing:0;}
-td,
-th{padding:0;}