@abi-software/flatmapvuer 0.5.7 → 0.5.8

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 (37) hide show
  1. package/CHANGELOG.md +399 -399
  2. package/LICENSE +201 -201
  3. package/README.md +105 -105
  4. package/babel.config.js +14 -14
  5. package/dist/flatmapvuer.common.js +139 -98
  6. package/dist/flatmapvuer.common.js.map +1 -1
  7. package/dist/flatmapvuer.css +1 -1
  8. package/dist/flatmapvuer.umd.js +139 -98
  9. package/dist/flatmapvuer.umd.js.map +1 -1
  10. package/dist/flatmapvuer.umd.min.js +2 -2
  11. package/dist/flatmapvuer.umd.min.js.map +1 -1
  12. package/package-lock.json +14399 -14399
  13. package/package.json +78 -78
  14. package/public/index.html +17 -17
  15. package/src/App.vue +226 -226
  16. package/src/assets/_variables.scss +43 -43
  17. package/src/assets/styles.scss +7 -7
  18. package/src/components/EventBus.js +2 -2
  19. package/src/components/ExternalResourceCard.vue +98 -98
  20. package/src/components/FlatmapVuer.vue +1841 -1841
  21. package/src/components/MultiFlatmapVuer.vue +529 -529
  22. package/src/components/SelectionsGroup.vue +249 -249
  23. package/src/components/Tooltip.vue +447 -417
  24. package/src/components/TreeControls.vue +231 -231
  25. package/src/components/index.js +9 -9
  26. package/src/components/legends/DynamicLegends.vue +112 -112
  27. package/src/components/legends/SvgLegends.vue +66 -66
  28. package/src/icons/fonts/mapicon-species.eot +0 -0
  29. package/src/icons/fonts/mapicon-species.svg +14 -14
  30. package/src/icons/fonts/mapicon-species.ttf +0 -0
  31. package/src/icons/fonts/mapicon-species.woff +0 -0
  32. package/src/icons/mapicon-species-style.css +42 -42
  33. package/src/legends/legend.svg +25 -25
  34. package/src/main.js +8 -8
  35. package/src/nerve-map.js +99 -0
  36. package/src/services/flatmapQueries.js +415 -415
  37. package/vue.config.js +31 -31
package/src/assets/_variables.scss CHANGED
@@ -1,43 +1,43 @@
1
- // Primary colors
2
- $purple: #8300BF;
3
- $darkBlue: #24245B;
4
- $grey: #303133;
5
-
6
- // Secondary colors
7
- $lightPurple: #BC00FC;
8
- $blue: #0026FF;
9
-
10
- // Status colors
11
- $success: #5e9f69;
12
- $warning: #FF8400;
13
- $danger: #b51d09;
14
-
15
- // Text colors
16
- $neutralGrey: #616161;
17
- $mediumGrey: #606266;
18
- $lightGrey: #909399;
19
-
20
- // Line colors
21
- $lineColor1: #DCDFE6;
22
- $lineColor2: #E4E7ED;
23
-
24
- // Background colors
25
- $background: #F5F7FA;
26
- $cochlear: #FFFFFF;
27
-
28
- //Search box colors
29
- $darkGrey: #606266;
30
-
31
- $app-primary-color: $purple !default;
32
- $app-secondary-color: $darkBlue !default;
33
- $text-color: $grey !default;
34
- $input-text: $grey !default;
35
-
36
- $system-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
37
- $font-family: 'Asap', sans-serif;
38
-
39
- // Viewport Sizes
40
- $viewport-sm: 20rem;
41
- $viewport-md: 47rem;
42
- $viewport-lg: 64rem;
43
- $viewport-xlg: 120rem;
1
+ // Primary colors
2
+ $purple: #8300BF;
3
+ $darkBlue: #24245B;
4
+ $grey: #303133;
5
+
6
+ // Secondary colors
7
+ $lightPurple: #BC00FC;
8
+ $blue: #0026FF;
9
+
10
+ // Status colors
11
+ $success: #5e9f69;
12
+ $warning: #FF8400;
13
+ $danger: #b51d09;
14
+
15
+ // Text colors
16
+ $neutralGrey: #616161;
17
+ $mediumGrey: #606266;
18
+ $lightGrey: #909399;
19
+
20
+ // Line colors
21
+ $lineColor1: #DCDFE6;
22
+ $lineColor2: #E4E7ED;
23
+
24
+ // Background colors
25
+ $background: #F5F7FA;
26
+ $cochlear: #FFFFFF;
27
+
28
+ //Search box colors
29
+ $darkGrey: #606266;
30
+
31
+ $app-primary-color: $purple !default;
32
+ $app-secondary-color: $darkBlue !default;
33
+ $text-color: $grey !default;
34
+ $input-text: $grey !default;
35
+
36
+ $system-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
37
+ $font-family: 'Asap', sans-serif;
38
+
39
+ // Viewport Sizes
40
+ $viewport-sm: 20rem;
41
+ $viewport-md: 47rem;
42
+ $viewport-lg: 64rem;
43
+ $viewport-xlg: 120rem;
package/src/assets/styles.scss CHANGED
@@ -1,7 +1,7 @@
1
- @import url('https://fonts.googleapis.com/css?family=Asap:400,400i,500,600,700&display=swap');
2
-
3
- @import '_variables';
4
-
5
- /* icon font path, required */
6
- $--color-primary: $app-primary-color !default;
7
- $--font-path: '~element-ui/lib/theme-chalk/fonts';
1
+ @import url('https://fonts.googleapis.com/css?family=Asap:400,400i,500,600,700&display=swap');
2
+
3
+ @import '_variables';
4
+
5
+ /* icon font path, required */
6
+ $--color-primary: $app-primary-color !default;
7
+ $--font-path: '~element-ui/lib/theme-chalk/fonts';
package/src/components/EventBus.js CHANGED
@@ -1,3 +1,3 @@
1
- import Vue from 'vue';
2
- const EventBus = new Vue();
1
+ import Vue from 'vue';
2
+ const EventBus = new Vue();
3
3
  export default EventBus;
package/src/components/ExternalResourceCard.vue CHANGED
@@ -1,99 +1,99 @@
1
- <template>
2
- <div class="resource-container">
3
- <template v-for="resource in resources">
4
- <div class="resource" :key="resource.id">
5
- <el-button v-if="resource.id === 'pubmed'" class="button" icon="el-icon-notebook-2" @click="openUrl(resource.url)">
6
- Open publications in pubmed
7
- </el-button>
8
- </div>
9
- </template>
10
- </div>
11
- </template>
12
-
13
-
14
-
15
- <script>
16
- /* eslint-disable no-alert, no-console */
17
- import Vue from "vue";
18
- import { Button } from "element-ui";
19
- Vue.use(Button);
20
-
21
- export default {
22
- name: "ExternalResourceCard",
23
- props: {
24
- resources: {
25
- type: Array,
26
- default: () => []
27
- },
28
- },
29
- data: function() {
30
- return {
31
- pubmeds: [],
32
- pubmedIds: [],
33
- };
34
- },
35
- methods: {
36
- capitalise: function(string) {
37
- return string.charAt(0).toUpperCase() + string.slice(1);
38
- },
39
- openUrl: function(url){
40
- window.open(url, '_blank')
41
- },
42
- }
43
- };
44
- </script>
45
-
46
- <style scoped lang="scss">
47
- @import "~element-ui/packages/theme-chalk/src/button";
48
-
49
- .attribute-title{
50
- font-size: 16px;
51
- font-weight: 600;
52
- /* font-weight: bold; */
53
- text-transform: uppercase;
54
- }
55
-
56
- .attribute-content{
57
- font-size: 14px;
58
- font-weight: 400;
59
- }
60
-
61
- .el-link {
62
- color: $app-primary-color;
63
- text-decoration: none;
64
- word-wrap: break-word;
65
- &:hover, &:focus{
66
- color: $app-primary-color;
67
- }
68
- }
69
-
70
- ::v-deep .el-carousel__button {
71
- background-color: $app-primary-color;
72
- }
73
-
74
- .attribute-title{
75
- font-size: 16px;
76
- font-weight: 600;
77
- /* font-weight: bold; */
78
- text-transform: uppercase;
79
- }
80
-
81
- .button {
82
- margin-left: 0px !important;
83
- margin-top: 0px !important;
84
- font-size: 14px !important;
85
- background-color: $app-primary-color;
86
- color: #fff;
87
- &:hover{
88
- color: #fff !important;
89
- background: #ac76c5 !important;
90
- border: 1px solid #ac76c5 !important;
91
- }
92
- &+.button {
93
- margin-top: 10px !important;
94
- background-color: $app-primary-color;
95
- color: #fff;
96
- }
97
- }
98
-
1
+ <template>
2
+ <div class="resource-container">
3
+ <template v-for="resource in resources">
4
+ <div class="resource" :key="resource.id">
5
+ <el-button v-if="resource.id === 'pubmed'" class="button" icon="el-icon-notebook-2" @click="openUrl(resource.url)">
6
+ Open publications in pubmed
7
+ </el-button>
8
+ </div>
9
+ </template>
10
+ </div>
11
+ </template>
12
+
13
+
14
+
15
+ <script>
16
+ /* eslint-disable no-alert, no-console */
17
+ import Vue from "vue";
18
+ import { Button } from "element-ui";
19
+ Vue.use(Button);
20
+
21
+ export default {
22
+ name: "ExternalResourceCard",
23
+ props: {
24
+ resources: {
25
+ type: Array,
26
+ default: () => []
27
+ },
28
+ },
29
+ data: function() {
30
+ return {
31
+ pubmeds: [],
32
+ pubmedIds: [],
33
+ };
34
+ },
35
+ methods: {
36
+ capitalise: function(string) {
37
+ return string.charAt(0).toUpperCase() + string.slice(1);
38
+ },
39
+ openUrl: function(url){
40
+ window.open(url, '_blank')
41
+ },
42
+ }
43
+ };
44
+ </script>
45
+
46
+ <style scoped lang="scss">
47
+ @import "~element-ui/packages/theme-chalk/src/button";
48
+
49
+ .attribute-title{
50
+ font-size: 16px;
51
+ font-weight: 600;
52
+ /* font-weight: bold; */
53
+ text-transform: uppercase;
54
+ }
55
+
56
+ .attribute-content{
57
+ font-size: 14px;
58
+ font-weight: 400;
59
+ }
60
+
61
+ .el-link {
62
+ color: $app-primary-color;
63
+ text-decoration: none;
64
+ word-wrap: break-word;
65
+ &:hover, &:focus{
66
+ color: $app-primary-color;
67
+ }
68
+ }
69
+
70
+ ::v-deep .el-carousel__button {
71
+ background-color: $app-primary-color;
72
+ }
73
+
74
+ .attribute-title{
75
+ font-size: 16px;
76
+ font-weight: 600;
77
+ /* font-weight: bold; */
78
+ text-transform: uppercase;
79
+ }
80
+
81
+ .button {
82
+ margin-left: 0px !important;
83
+ margin-top: 0px !important;
84
+ font-size: 14px !important;
85
+ background-color: $app-primary-color;
86
+ color: #fff;
87
+ &:hover{
88
+ color: #fff !important;
89
+ background: #ac76c5 !important;
90
+ border: 1px solid #ac76c5 !important;
91
+ }
92
+ &+.button {
93
+ margin-top: 10px !important;
94
+ background-color: $app-primary-color;
95
+ color: #fff;
96
+ }
97
+ }
98
+
99
99
  </style>