@abi-software/map-side-bar 2.4.0-alpha-1 → 2.4.0-isan-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 (43) hide show
  1. package/.eslintrc.js +12 -12
  2. package/.postcssrc.json +5 -5
  3. package/LICENSE +201 -201
  4. package/README.md +168 -168
  5. package/cypress.config.js +23 -23
  6. package/dist/map-side-bar.js +9362 -15112
  7. package/dist/map-side-bar.umd.cjs +103 -50
  8. package/dist/style.css +1 -1
  9. package/package.json +77 -77
  10. package/reporter-config.json +9 -9
  11. package/src/App.vue +268 -266
  12. package/src/algolia/algolia.js +256 -255
  13. package/src/algolia/utils.js +105 -100
  14. package/src/assets/_variables.scss +43 -43
  15. package/src/assets/styles.scss +6 -6
  16. package/src/components/BadgesGroup.vue +124 -124
  17. package/src/components/ConnectivityInfo.vue +619 -619
  18. package/src/components/DatasetCard.vue +367 -367
  19. package/src/components/EventBus.js +3 -3
  20. package/src/components/ExternalResourceCard.vue +113 -113
  21. package/src/components/ImageGallery.vue +542 -542
  22. package/src/components/PMRDatasetCard.vue +303 -237
  23. package/src/components/SearchFilters.vue +1023 -1023
  24. package/src/components/SearchHistory.vue +175 -175
  25. package/src/components/SideBar.vue +456 -436
  26. package/src/components/SidebarContent.vue +710 -730
  27. package/src/components/Tabs.vue +145 -145
  28. package/src/components/index.js +8 -8
  29. package/src/components/species-map.js +8 -8
  30. package/src/components.d.ts +0 -1
  31. package/src/exampleConnectivityInput.js +291 -291
  32. package/src/flatmapQueries/flatmapQueries.js +220 -168
  33. package/src/main.js +9 -9
  34. package/src/mixins/S3Bucket.vue +37 -37
  35. package/src/mixins/mixedPageCalculation.vue +102 -78
  36. package/static.json +6 -6
  37. package/vite.config.js +55 -55
  38. package/vuese-generator.js +65 -65
  39. package/dist/data/pmr-sample.json +0 -3181
  40. package/public/data/pmr-sample.json +0 -3181
  41. package/src/components/FlatmapDatasetCard.vue +0 -171
  42. package/src/components/allPaths.js +0 -5928
  43. package/src/components/pmrTest.js +0 -4
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,113 +1,113 @@
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
- import EventBus from './EventBus'
27
-
28
- export default {
29
- name: 'ExternalResourceCard',
30
- components: {
31
- Button,
32
- },
33
- props: {
34
- resources: {
35
- type: Array,
36
- default: () => [],
37
- },
38
- },
39
- data: function () {
40
- return {
41
- pubmeds: [],
42
- pubmedIds: [],
43
- ElIconNotebook: shallowRef(ElIconNotebook)
44
- }
45
- },
46
- methods: {
47
- capitalise: function (string) {
48
- return string.charAt(0).toUpperCase() + string.slice(1)
49
- },
50
- openUrl: function (url) {
51
- EventBus.emit('open-pubmed-url', url);
52
- window.open(url, '_blank')
53
- },
54
- },
55
- }
56
- </script>
57
-
58
- <style lang="scss" scoped>
59
- .resource-container {
60
- margin-top: 0.5em;
61
- }
62
-
63
- .attribute-title {
64
- font-size: 16px;
65
- font-weight: 600;
66
- /* font-weight: bold; */
67
- text-transform: uppercase;
68
- }
69
-
70
- .attribute-content {
71
- font-size: 14px;
72
- font-weight: 400;
73
- }
74
-
75
- .el-link {
76
- color: $app-primary-color;
77
- text-decoration: none;
78
- word-wrap: break-word;
79
- &:hover,
80
- &:focus {
81
- color: $app-primary-color;
82
- }
83
- }
84
-
85
- :deep(.el-carousel__button) {
86
- background-color: $app-primary-color;
87
- }
88
-
89
- .attribute-title {
90
- font-size: 16px;
91
- font-weight: 600;
92
- /* font-weight: bold; */
93
- text-transform: uppercase;
94
- }
95
-
96
- .button {
97
- margin-left: 0px !important;
98
- margin-top: 0px !important;
99
- font-size: 14px !important;
100
- background-color: $app-primary-color;
101
- color: #fff;
102
- &:hover {
103
- color: #fff !important;
104
- background: #ac76c5 !important;
105
- border: 1px solid #ac76c5 !important;
106
- }
107
- & + .button {
108
- margin-top: 10px !important;
109
- background-color: $app-primary-color;
110
- color: #fff;
111
- }
112
- }
113
- </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
+ import EventBus from './EventBus'
27
+
28
+ export default {
29
+ name: 'ExternalResourceCard',
30
+ components: {
31
+ Button,
32
+ },
33
+ props: {
34
+ resources: {
35
+ type: Array,
36
+ default: () => [],
37
+ },
38
+ },
39
+ data: function () {
40
+ return {
41
+ pubmeds: [],
42
+ pubmedIds: [],
43
+ ElIconNotebook: shallowRef(ElIconNotebook)
44
+ }
45
+ },
46
+ methods: {
47
+ capitalise: function (string) {
48
+ return string.charAt(0).toUpperCase() + string.slice(1)
49
+ },
50
+ openUrl: function (url) {
51
+ EventBus.emit('open-pubmed-url', url);
52
+ window.open(url, '_blank')
53
+ },
54
+ },
55
+ }
56
+ </script>
57
+
58
+ <style lang="scss" scoped>
59
+ .resource-container {
60
+ margin-top: 0.5em;
61
+ }
62
+
63
+ .attribute-title {
64
+ font-size: 16px;
65
+ font-weight: 600;
66
+ /* font-weight: bold; */
67
+ text-transform: uppercase;
68
+ }
69
+
70
+ .attribute-content {
71
+ font-size: 14px;
72
+ font-weight: 400;
73
+ }
74
+
75
+ .el-link {
76
+ color: $app-primary-color;
77
+ text-decoration: none;
78
+ word-wrap: break-word;
79
+ &:hover,
80
+ &:focus {
81
+ color: $app-primary-color;
82
+ }
83
+ }
84
+
85
+ :deep(.el-carousel__button) {
86
+ background-color: $app-primary-color;
87
+ }
88
+
89
+ .attribute-title {
90
+ font-size: 16px;
91
+ font-weight: 600;
92
+ /* font-weight: bold; */
93
+ text-transform: uppercase;
94
+ }
95
+
96
+ .button {
97
+ margin-left: 0px !important;
98
+ margin-top: 0px !important;
99
+ font-size: 14px !important;
100
+ background-color: $app-primary-color;
101
+ color: #fff;
102
+ &:hover {
103
+ color: #fff !important;
104
+ background: #ac76c5 !important;
105
+ border: 1px solid #ac76c5 !important;
106
+ }
107
+ & + .button {
108
+ margin-top: 10px !important;
109
+ background-color: $app-primary-color;
110
+ color: #fff;
111
+ }
112
+ }
113
+ </style>