@kvass/widgets 1.2.2 → 1.2.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/index.html CHANGED
@@ -1,14 +1,15 @@
1
1
  <!DOCTYPE html>
2
2
  <html lang="nb">
3
- <head>
4
- <meta charset="UTF-8" />
5
- <link rel="icon" type="image/svg+xml" href="favicon.svg" />
6
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
- <title>Kvass Web Components</title>
8
- </head>
9
3
 
10
- <body>
11
- <!-- <kvass-contact
4
+ <head>
5
+ <meta charset="UTF-8" />
6
+ <link rel="icon" type="image/svg+xml" href="favicon.svg" />
7
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
8
+ <title>Kvass Web Components</title>
9
+ </head>
10
+
11
+ <body>
12
+ <!-- <kvass-contact
12
13
  account-url="https://local.kvass.test"
13
14
  label-subtitle="Ønsker du å motta vårt nyhetsbrev?"
14
15
  tags="Test side"
@@ -19,15 +20,17 @@
19
20
 
20
21
  <script type="module" src="/src/contact/main.js"></script> -->
21
22
 
22
- <!-- <kvass-img-comparison-slider
23
+ <!-- <kvass-img-comparison-slider
23
24
  first-image="https://assets.lastdodo.com/image/ld_medium/plain/assets/catalog/assets/2013/12/2/2/8/7/pdf_287e8674-5b0f-11e3-90d5-a6d2687aed80.jpg,First image"
24
25
  second-image="https://seeklogo.com/images/I/Ilguciema_Kvass-logo-227537F6D4-seeklogo.com.png,Second imanr bge"
25
26
  options="keyboard:disabled,direction:vertical"></kvass-img-comparison-slider>
26
27
 
27
28
  <script type="module" src="/src/img-comparison-slider/main.js"></script> -->
28
- <!-- <kvass-map coordinates="10.745,59.9123" address="Klokkergårdveien 5, 1711 Sarpsborg" show-address /> -->
29
- <!-- <kvass-flatfinder project-url="https://alvebergtunet.production.kvass.no" project-id="65a4f48ed1ba5cd61468f235"
30
- path-prefix="/residential" />
31
- <script type="module" src="/dist/flatfinder.js"></script> -->
32
- </body>
33
- </html>
29
+ <!-- <kvass-map coordinates="10.745,59.9123" address="Klokkergårdveien 5, 1711 Sarpsborg" show-address /> -->
30
+ <kvass-flatfinder project-url="https://alvebergtunet.production.kvass.no" project-id="65a4f48ed1ba5cd61468f235"
31
+ path-prefix="/residential"></kvass-flatfinder>
32
+
33
+ <script type="module" src="/dist/flatfinder.js"></script>
34
+ </body>
35
+
36
+ </html>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kvass/widgets",
3
- "version": "1.2.2",
3
+ "version": "1.2.4",
4
4
  "type": "module",
5
5
  "scripts": {
6
6
  "dev": "vite",
@@ -9,8 +9,9 @@
9
9
  },
10
10
  "dependencies": {
11
11
  "@img-comparison-slider/vue": "^8.0.0",
12
- "@kvass/map": "^1.0.3",
13
- "@kvass/vue3-flatfinder": "^1.0.12",
12
+ "@kvass/map": "^1.0.4",
13
+ "@kvass/ui": "^1.6.0",
14
+ "@kvass/vue3-flatfinder": "^1.0.15",
14
15
  "vue": "^3.2.47"
15
16
  },
16
17
  "devDependencies": {
@@ -1,5 +1,6 @@
1
1
  <script setup>
2
2
  import { Flatfinder as FlatfinderComponent } from '@kvass/vue3-flatfinder'
3
+ import { LazyLoad } from '@kvass/ui'
3
4
 
4
5
  const props = defineProps({
5
6
  projectUrl: {
@@ -18,12 +19,14 @@ const props = defineProps({
18
19
  </script>
19
20
 
20
21
  <template>
21
- <FlatfinderComponent
22
- class="kvass-flatfinder"
23
- :project-url="projectUrl"
24
- :project-id="projectId"
25
- :path-prefix="pathPrefix"
26
- />
22
+ <LazyLoad>
23
+ <FlatfinderComponent
24
+ class="kvass-flatfinder"
25
+ :project-url="projectUrl"
26
+ :project-id="projectId"
27
+ :path-prefix="pathPrefix"
28
+ />
29
+ </LazyLoad>
27
30
  </template>
28
31
 
29
32
  <style>
@@ -1,8 +1,17 @@
1
1
  <script setup>
2
2
  import { Map as MapComponent } from '@kvass/map'
3
- import { computed } from 'vue'
3
+ import { LazyLoad } from '@kvass/ui'
4
+ import { computed, reactive } from 'vue'
4
5
 
5
6
  const props = defineProps({
7
+ theme: {
8
+ type: String,
9
+ required: true,
10
+ },
11
+ mapboxApiToken: {
12
+ type: String,
13
+ required: true,
14
+ },
6
15
  /**
7
16
  * The coordinates in the format of 'latitude,longitude'
8
17
  */
@@ -34,14 +43,22 @@ const coordinatesComp = computed(() => props.coordinates.split(','))
34
43
  const markersComp = computed(() =>
35
44
  props.markers?.split(';').map((m) => m.split(',')),
36
45
  )
46
+
47
+ const mapOptions = reactive({
48
+ style: props.theme,
49
+ accessToken: props.mapboxApiToken,
50
+ })
37
51
  </script>
38
52
 
39
53
  <template>
40
- <MapComponent
41
- :coordinates="coordinatesComp"
42
- :zoom="parseInt(props.zoom)"
43
- :markers="markersComp"
44
- />
54
+ <LazyLoad>
55
+ <MapComponent
56
+ :coordinates="coordinatesComp"
57
+ :zoom="parseInt(props.zoom)"
58
+ :markers="markersComp"
59
+ :map-options="mapOptions"
60
+ />
61
+ </LazyLoad>
45
62
  </template>
46
63
 
47
64
  <style>
package/vite.config.js CHANGED
@@ -10,8 +10,8 @@ export default defineConfig({
10
10
  esbuildOptions: {
11
11
  supported: {
12
12
  'top-level-await': true,
13
- }
14
- }
13
+ },
14
+ },
15
15
  },
16
16
  build: {
17
17
  target: 'esnext',
@@ -39,7 +39,7 @@ export default defineConfig({
39
39
  map: fileURLToPath(new URL('./src/map/main.js', import.meta.url)),
40
40
  flatfinder: fileURLToPath(
41
41
  new URL('./src/flatfinder/main.js', import.meta.url),
42
- )
42
+ ),
43
43
  },
44
44
  },
45
45
  },