@abi-software/flatmapvuer 0.6.3-vue.3.9 → 1.0.0

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.
Files changed (38) hide show
  1. package/LICENSE +201 -201
  2. package/README.md +120 -120
  3. package/cypress.config.js +23 -23
  4. package/dist/flatmapvuer.js +15894 -16259
  5. package/dist/flatmapvuer.umd.cjs +132 -145
  6. package/dist/index.html +17 -17
  7. package/dist/style.css +1 -1
  8. package/package.json +95 -95
  9. package/public/index.html +17 -17
  10. package/reporter-config.json +9 -9
  11. package/src/App.vue +310 -310
  12. package/src/assets/_variables.scss +43 -43
  13. package/src/assets/styles.scss +5 -5
  14. package/src/components/AnnotationTool.vue +450 -446
  15. package/src/components/EventBus.js +3 -3
  16. package/src/components/ExternalResourceCard.vue +107 -107
  17. package/src/components/FlatmapVuer.vue +2600 -2531
  18. package/src/components/MultiFlatmapVuer.vue +731 -731
  19. package/src/components/ProvenancePopup.vue +503 -495
  20. package/src/components/SelectionsGroup.vue +255 -255
  21. package/src/components/Tooltip.vue +50 -50
  22. package/src/components/TreeControls.vue +231 -231
  23. package/src/components/index.js +7 -7
  24. package/src/components/legends/DynamicLegends.vue +106 -106
  25. package/src/components/legends/SvgLegends.vue +112 -112
  26. package/src/icons/flatmap-marker.js +1 -1
  27. package/src/icons/fonts/mapicon-species.svg +14 -14
  28. package/src/icons/fonts/mapicon-species.ttf +0 -0
  29. package/src/icons/fonts/mapicon-species.woff +0 -0
  30. package/src/icons/mapicon-species-style.css +42 -42
  31. package/src/icons/yellowstar.js +5 -5
  32. package/src/legends/legend.svg +25 -25
  33. package/src/main.js +19 -19
  34. package/src/services/flatmapQueries.js +453 -453
  35. package/src/store/index.js +23 -23
  36. package/vite.config.js +73 -73
  37. package/vite.static-build.js +12 -12
  38. package/vuese-generator.js +64 -64
package/src/components/EventBus.js CHANGED
@@ -1,3 +1,3 @@
1
- import mitt from 'mitt'
2
- const EventBus = new mitt()
3
- export default EventBus
1
+ import mitt from 'mitt'
2
+ const EventBus = new mitt()
3
+ export default EventBus
package/src/components/ExternalResourceCard.vue CHANGED
@@ -1,107 +1,107 @@
1
- <template>
2
- <div class="resource-container">
3
- <template v-for="resource in resources" :key="resource.id">
4
- <div class="resource">
5
- <el-button
6
- v-if="resource.id === 'pubmed'"
7
- class="button"
8
- id="open-pubmed-button"
9
- :icon="ElIconNotebook"
10
- @click="openUrl(resource.url)"
11
- >
12
- Open publications in pubmed
13
- </el-button>
14
- </div>
15
- </template>
16
- </div>
17
- </template>
18
-
19
- <script>
20
- import { shallowRef } from 'vue'
21
- import {
22
- Notebook as ElIconNotebook,
23
- } from '@element-plus/icons-vue'
24
- /* eslint-disable no-alert, no-console */
25
- import { ElButton as Button } from 'element-plus'
26
-
27
- export default {
28
- name: 'ExternalResourceCard',
29
- components: {
30
- Button,
31
- },
32
- props: {
33
- resources: {
34
- type: Array,
35
- default: () => [],
36
- },
37
- },
38
- data: function () {
39
- return {
40
- pubmeds: [],
41
- pubmedIds: [],
42
- ElIconNotebook: shallowRef(ElIconNotebook)
43
- }
44
- },
45
- methods: {
46
- capitalise: function (string) {
47
- return string.charAt(0).toUpperCase() + string.slice(1)
48
- },
49
- openUrl: function (url) {
50
- window.open(url, '_blank')
51
- },
52
- },
53
- }
54
- </script>
55
-
56
- <style lang="scss" scoped>
57
- .attribute-title {
58
- font-size: 16px;
59
- font-weight: 600;
60
- /* font-weight: bold; */
61
- text-transform: uppercase;
62
- }
63
-
64
- .attribute-content {
65
- font-size: 14px;
66
- font-weight: 400;
67
- }
68
-
69
- .el-link {
70
- color: $app-primary-color;
71
- text-decoration: none;
72
- word-wrap: break-word;
73
- &:hover,
74
- &:focus {
75
- color: $app-primary-color;
76
- }
77
- }
78
-
79
- :deep(.el-carousel__button) {
80
- background-color: $app-primary-color;
81
- }
82
-
83
- .attribute-title {
84
- font-size: 16px;
85
- font-weight: 600;
86
- /* font-weight: bold; */
87
- text-transform: uppercase;
88
- }
89
-
90
- .button {
91
- margin-left: 0px !important;
92
- margin-top: 0px !important;
93
- font-size: 14px !important;
94
- background-color: $app-primary-color;
95
- color: #fff;
96
- &:hover {
97
- color: #fff !important;
98
- background: #ac76c5 !important;
99
- border: 1px solid #ac76c5 !important;
100
- }
101
- & + .button {
102
- margin-top: 10px !important;
103
- background-color: $app-primary-color;
104
- color: #fff;
105
- }
106
- }
107
- </style>
1
+ <template>
2
+ <div class="resource-container">
3
+ <template v-for="resource in resources" :key="resource.id">
4
+ <div class="resource">
5
+ <el-button
6
+ v-if="resource.id === 'pubmed'"
7
+ class="button"
8
+ id="open-pubmed-button"
9
+ :icon="ElIconNotebook"
10
+ @click="openUrl(resource.url)"
11
+ >
12
+ Open publications in pubmed
13
+ </el-button>
14
+ </div>
15
+ </template>
16
+ </div>
17
+ </template>
18
+
19
+ <script>
20
+ import { shallowRef } from 'vue'
21
+ import {
22
+ Notebook as ElIconNotebook,
23
+ } from '@element-plus/icons-vue'
24
+ /* eslint-disable no-alert, no-console */
25
+ import { ElButton as Button } from 'element-plus'
26
+
27
+ export default {
28
+ name: 'ExternalResourceCard',
29
+ components: {
30
+ Button,
31
+ },
32
+ props: {
33
+ resources: {
34
+ type: Array,
35
+ default: () => [],
36
+ },
37
+ },
38
+ data: function () {
39
+ return {
40
+ pubmeds: [],
41
+ pubmedIds: [],
42
+ ElIconNotebook: shallowRef(ElIconNotebook)
43
+ }
44
+ },
45
+ methods: {
46
+ capitalise: function (string) {
47
+ return string.charAt(0).toUpperCase() + string.slice(1)
48
+ },
49
+ openUrl: function (url) {
50
+ window.open(url, '_blank')
51
+ },
52
+ },
53
+ }
54
+ </script>
55
+
56
+ <style lang="scss" scoped>
57
+ .attribute-title {
58
+ font-size: 16px;
59
+ font-weight: 600;
60
+ /* font-weight: bold; */
61
+ text-transform: uppercase;
62
+ }
63
+
64
+ .attribute-content {
65
+ font-size: 14px;
66
+ font-weight: 400;
67
+ }
68
+
69
+ .el-link {
70
+ color: $app-primary-color;
71
+ text-decoration: none;
72
+ word-wrap: break-word;
73
+ &:hover,
74
+ &:focus {
75
+ color: $app-primary-color;
76
+ }
77
+ }
78
+
79
+ :deep(.el-carousel__button) {
80
+ background-color: $app-primary-color;
81
+ }
82
+
83
+ .attribute-title {
84
+ font-size: 16px;
85
+ font-weight: 600;
86
+ /* font-weight: bold; */
87
+ text-transform: uppercase;
88
+ }
89
+
90
+ .button {
91
+ margin-left: 0px !important;
92
+ margin-top: 0px !important;
93
+ font-size: 14px !important;
94
+ background-color: $app-primary-color;
95
+ color: #fff;
96
+ &:hover {
97
+ color: #fff !important;
98
+ background: #ac76c5 !important;
99
+ border: 1px solid #ac76c5 !important;
100
+ }
101
+ & + .button {
102
+ margin-top: 10px !important;
103
+ background-color: $app-primary-color;
104
+ color: #fff;
105
+ }
106
+ }
107
+ </style>