@abi-software/map-utilities 0.0.0-beta.6 → 0.0.0-beta.7

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 (26) hide show
  1. package/LICENSE +201 -201
  2. package/README.md +27 -27
  3. package/dist/map-utilities.js +10817 -4666
  4. package/dist/map-utilities.umd.cjs +54 -40
  5. package/dist/style.css +1 -1
  6. package/jsconfig.json +8 -8
  7. package/package.json +45 -40
  8. package/src/App.vue +511 -511
  9. package/src/assets/_variables.scss +43 -43
  10. package/src/assets/styles.scss +5 -5
  11. package/src/components/DrawToolbar/ConnectionDialog.vue +118 -118
  12. package/src/components/DrawToolbar/DrawToolbar.vue +627 -627
  13. package/src/components/EventBus.js +3 -3
  14. package/src/components/HelpModeDialog/HelpModeDialog.vue +394 -394
  15. package/src/components/ImageDialog/IframeImageDialog.vue +70 -0
  16. package/src/components/Tooltip/AnnotationPopup.vue +467 -467
  17. package/src/components/Tooltip/ExternalResourceCard.vue +108 -108
  18. package/src/components/Tooltip/ImageGalleryPopup.vue +343 -0
  19. package/src/components/Tooltip/ProvenancePopup.vue +601 -518
  20. package/src/components/Tooltip/Tooltip.vue +75 -53
  21. package/src/components/TreeControls/TreeControls.vue +418 -350
  22. package/src/components/index.js +7 -6
  23. package/src/components.d.ts +3 -0
  24. package/src/main.js +16 -16
  25. package/src/mixins/flatmapImageMixin.js +42 -0
  26. package/vite.config.js +56 -56
package/src/components/Tooltip/Tooltip.vue CHANGED
@@ -1,53 +1,75 @@
1
- <template>
2
- <div class="tooltip-container" id="tooltip-container">
3
- <template v-if="annotationDisplay">
4
- <annotation-popup
5
- :annotationEntry="annotationEntry"
6
- @annotation="$emit('annotation', $event)"
7
- />
8
- </template>
9
- <template v-else>
10
- <provenance-popup :tooltipEntry="tooltipEntry" />
11
- </template>
12
- </div>
13
- </template>
14
-
15
- <script>
16
- import EventBus from '../EventBus.js';
17
-
18
- export default {
19
- name: "Tooltip",
20
- props: {
21
- tooltipEntry: {
22
- type: Object,
23
- },
24
- annotationDisplay: {
25
- type: Boolean,
26
- default: false,
27
- },
28
- annotationEntry: {
29
- type: Object,
30
- },
31
- },
32
- mounted: function() {
33
- // Emit events from child components
34
- EventBus.on("onActionClick", (data) => {
35
- this.$emit("onActionClick", data);
36
- });
37
- },
38
- };
39
- </script>
40
-
41
- <style lang="scss" scoped>
42
- .tooltip-container {
43
- text-align: justify;
44
- border-radius: 4px;
45
- box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
46
- pointer-events: auto;
47
- background: #fff;
48
- border: 1px solid $app-primary-color;
49
- display: flex;
50
- justify-content: center;
51
- align-items: center;
52
- }
53
- </style>
1
+ <template>
2
+ <div class="tooltip-container" id="tooltip-container">
3
+ <template v-if="tooltipType === 'annotation' && annotationDisplay">
4
+ <annotation-popup
5
+ :annotationEntry="annotationEntry"
6
+ @annotation="$emit('annotation', $event)"
7
+ />
8
+ </template>
9
+ <template v-if="tooltipType === 'provenance'">
10
+ <provenance-popup
11
+ :tooltipEntry="tooltipEntry"
12
+ @view-image="viewImage"
13
+ />
14
+ </template>
15
+ <template v-if="tooltipType === 'image-gallery'">
16
+ <image-gallery-popup
17
+ :galleryItems="galleryItems"
18
+ @viewImage="viewImage"
19
+ />
20
+ </template>
21
+ </div>
22
+ </template>
23
+
24
+ <script>
25
+ import EventBus from '../EventBus.js';
26
+
27
+ export default {
28
+ name: "Tooltip",
29
+ props: {
30
+ tooltipEntry: {
31
+ type: Object,
32
+ },
33
+ tooltipType: {
34
+ type: String,
35
+ default: 'provenance',
36
+ },
37
+ annotationDisplay: {
38
+ type: Boolean,
39
+ default: false,
40
+ },
41
+ annotationEntry: {
42
+ type: Object,
43
+ },
44
+ galleryItems: {
45
+ type: Array,
46
+ default: () => [],
47
+ },
48
+ },
49
+ mounted: function() {
50
+ // Emit events from child components
51
+ EventBus.on("onActionClick", (data) => {
52
+ this.$emit("onActionClick", data);
53
+ });
54
+ },
55
+ methods: {
56
+ viewImage: function (url) {
57
+ this.$emit('view-image', url)
58
+ }
59
+ }
60
+ };
61
+ </script>
62
+
63
+ <style lang="scss" scoped>
64
+ .tooltip-container {
65
+ text-align: justify;
66
+ border-radius: 4px;
67
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
68
+ pointer-events: auto;
69
+ background: #fff;
70
+ border: 1px solid $app-primary-color;
71
+ display: flex;
72
+ justify-content: center;
73
+ align-items: center;
74
+ }
75
+ </style>