@3cr/viewer-browser 0.0.140 → 0.0.141

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 (13) hide show
  1. package/dist/Viewer3CR.js +12 -12
  2. package/dist/Viewer3CR.mjs +2038 -2033
  3. package/dist/Viewer3CR.umd.js +12 -12
  4. package/package.json +1 -1
  5. package/src/components/modal/MftpWebGL3DRModal.vue +6 -3
  6. package/src/demo/DemoModal.vue +1 -1
  7. package/src/demo/licence/DemoLicenceInfoModal.vue +2 -6
  8. package/src/demo/licence/DemoLicenceSendToPartyModal.vue +6 -4
  9. package/src/demo/licence/DemoLicenceShareToMobileModal.vue +4 -4
  10. package/src/demo/options.ts +6 -1
  11. package/src/demo/patient/DemoPatientInfoModal.vue +2 -6
  12. package/src/demo/patient/DemoPatientSendToPartyModal.vue +6 -4
  13. package/src/demo/patient/DemoPatientShareToMobileModal.vue +4 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@3cr/viewer-browser",
3
- "version": "0.0.140",
3
+ "version": "0.0.141",
4
4
  "main": "./dist/Viewer3CR.umd.js",
5
5
  "module": "dist/Viewer3CR.umd.js",
6
6
  "homepage": "https://docs.3cr.singular.health",
package/src/components/modal/MftpWebGL3DRModal.vue CHANGED
@@ -500,21 +500,24 @@
500
500
 
501
501
  <v-btn
502
502
  height="84"
503
+ color="grey"
504
+ variant="flat"
503
505
  width="20"
504
506
  min-width="20"
505
- class="my-auto rounded-bl-0 rounded-tl-0 pa-0 slide-item-card"
507
+ class="my-auto rounded-bl-0 rounded-tl-0 pa-0"
506
508
  style="
507
509
  border-bottom-left-radius: 0 !important;
508
510
  border-top-left-radius: 0 !important;
509
511
  position: absolute;
510
512
  top: 50%;
511
- z-index: 1000;
513
+ opacity: 0.7;
514
+ z-index: 100000;
512
515
  transform: translateY(-50%);
513
516
  "
514
517
  :style="drawerCollapsed ? 'left: 68px' : 'left: 300px'"
515
518
  @click="drawerCollapsed = !drawerCollapsed"
516
519
  >
517
- <v-icon>{{
520
+ <v-icon color="black">{{
518
521
  drawerCollapsed ? "chevron_right" : "chevron_left"
519
522
  }}</v-icon>
520
523
  </v-btn>
package/src/demo/DemoModal.vue CHANGED
@@ -26,7 +26,7 @@ const modalState = computed({
26
26
  <template>
27
27
  <v-dialog v-model:model-value="modalState">
28
28
  <v-card class="pa-1 ma-auto position-relative" max-width="450">
29
- <v-card-title>Demo Instance</v-card-title>
29
+ <v-card-title class="font-weight-bold">Demo Instance</v-card-title>
30
30
  <v-card-text>
31
31
  This instance of 3Dicom Online Viewer is a Demo instance.
32
32
  </v-card-text>
package/src/demo/licence/DemoLicenceInfoModal.vue CHANGED
@@ -37,7 +37,7 @@ const modalState = computed({
37
37
  theme="dark"
38
38
  max-width="680"
39
39
  >
40
- <v-card-title class="text-center mb-4 mt-2">{{
40
+ <v-card-title class="text-center mb-4 mt-2 font-weight-bold">{{
41
41
  demoLicenceTitle
42
42
  }}</v-card-title>
43
43
  <v-card-text
@@ -47,11 +47,7 @@ const modalState = computed({
47
47
  >{{ subtitle }}
48
48
  </v-card-text>
49
49
  <v-card-actions class="mt-4">
50
- <v-btn
51
- color="error"
52
- @click="modalState = false"
53
- :disabled="!isModalOpen"
54
- >
50
+ <v-btn color="red" @click="modalState = false" :disabled="!isModalOpen">
55
51
  Continue with Demo
56
52
  </v-btn>
57
53
  <v-spacer />
package/src/demo/licence/DemoLicenceSendToPartyModal.vue CHANGED
@@ -47,7 +47,7 @@ function isValid() {
47
47
  max-width="680"
48
48
  min-width="450"
49
49
  >
50
- <v-card-title class="text-center mb-4 mt-2">
50
+ <v-card-title class="text-center mb-4 mt-2 font-weight-bold">
51
51
  Send Scan to a 3rd Party
52
52
  </v-card-title>
53
53
  <v-card-text>
@@ -116,7 +116,7 @@ function isValid() {
116
116
  </v-alert>
117
117
  </v-card-text>
118
118
  <v-card-actions>
119
- <v-btn color="error" @click="modalState = false">
119
+ <v-btn color="red" @click="modalState = false">
120
120
  Continue with Demo
121
121
  </v-btn>
122
122
  <v-spacer />
@@ -140,7 +140,9 @@ function isValid() {
140
140
  theme="dark"
141
141
  max-width="680"
142
142
  >
143
- <v-card-title class="text-center mb-4 mt-2"> Scan shared </v-card-title>
143
+ <v-card-title class="text-center mb-4 mt-2 font-weight-bold">
144
+ Scan shared
145
+ </v-card-title>
144
146
  <v-card-text class="text-justify">
145
147
  Congratulations, you have sent your scan to a 3rd party.
146
148
  </v-card-text>
@@ -153,7 +155,7 @@ function isValid() {
153
155
  please select below
154
156
  </v-card-text>
155
157
  <v-card-actions>
156
- <v-btn color="error" @click="step2 = false"> Continue with Demo </v-btn>
158
+ <v-btn color="red" @click="step2 = false"> Continue with Demo </v-btn>
157
159
  <v-spacer />
158
160
  <v-btn
159
161
  variant="flat"
package/src/demo/licence/DemoLicenceShareToMobileModal.vue CHANGED
@@ -32,7 +32,7 @@ const modalState = computed({
32
32
  theme="dark"
33
33
  max-width="680"
34
34
  >
35
- <v-card-title class="text-center mb-4 mt-2">
35
+ <v-card-title class="text-center mb-4 mt-2 font-weight-bold">
36
36
  Download 3Dicom Mobile
37
37
  </v-card-title>
38
38
  <v-card-text class="text-justify">
@@ -50,7 +50,7 @@ const modalState = computed({
50
50
  />
51
51
  </v-card-text>
52
52
  <v-card-actions>
53
- <v-btn color="error" @click="modalState = false">
53
+ <v-btn color="red" @click="modalState = false">
54
54
  Continue with Demo
55
55
  </v-btn>
56
56
  <v-spacer />
@@ -73,7 +73,7 @@ const modalState = computed({
73
73
  theme="dark"
74
74
  max-width="680"
75
75
  >
76
- <v-card-title class="text-center mb-4 mt-2">
76
+ <v-card-title class="text-center mb-4 mt-2 font-weight-bold">
77
77
  Load your scan
78
78
  </v-card-title>
79
79
  <v-card-text class="text-justify">
@@ -83,7 +83,7 @@ const modalState = computed({
83
83
  Tomography (PET) scans.
84
84
  </v-card-text>
85
85
  <v-card-actions>
86
- <v-btn color="error" @click="step2 = false"> Continue with Demo </v-btn>
86
+ <v-btn color="red" @click="step2 = false"> Continue with Demo </v-btn>
87
87
  <v-spacer />
88
88
  <v-btn
89
89
  variant="flat"
package/src/demo/options.ts CHANGED
@@ -134,9 +134,14 @@ export const demoPatientOptions: LoadViewerOptions = {
134
134
  OnScreenshot: undefined,
135
135
  };
136
136
 
137
+ const optionalTypes = ["licence", "patient"];
138
+
137
139
  export const demoType = computed(() => {
138
140
  const urlParams = new URLSearchParams(window.location.search);
139
- return (urlParams.get("demoType") || "licence").toLowerCase();
141
+ let type = (urlParams.get("demoType") || "licence").toLowerCase();
142
+
143
+ if (type === "license") type = optionalTypes[0];
144
+ return optionalTypes.includes(type) ? type : optionalTypes[0];
140
145
  });
141
146
 
142
147
  export function executeDemoOption(key: keyof LoadViewerOptions) {
package/src/demo/patient/DemoPatientInfoModal.vue CHANGED
@@ -37,7 +37,7 @@ const modalState = computed({
37
37
  theme="dark"
38
38
  max-width="680"
39
39
  >
40
- <v-card-title class="text-center mb-4 mt-2">{{
40
+ <v-card-title class="text-center mb-4 mt-2 font-weight-bold">{{
41
41
  demoPatientTitle
42
42
  }}</v-card-title>
43
43
  <v-card-text
@@ -47,11 +47,7 @@ const modalState = computed({
47
47
  >{{ subtitle }}
48
48
  </v-card-text>
49
49
  <v-card-actions class="mt-4">
50
- <v-btn
51
- color="error"
52
- @click="modalState = false"
53
- :disabled="!isModalOpen"
54
- >
50
+ <v-btn color="red" @click="modalState = false" :disabled="!isModalOpen">
55
51
  Continue with Demo
56
52
  </v-btn>
57
53
  <v-spacer />
package/src/demo/patient/DemoPatientSendToPartyModal.vue CHANGED
@@ -47,7 +47,7 @@ function isValid() {
47
47
  max-width="680"
48
48
  min-width="450"
49
49
  >
50
- <v-card-title class="text-center mb-4 mt-2">
50
+ <v-card-title class="text-center mb-4 mt-2 font-weight-bold">
51
51
  Send Scan to a 3rd Party
52
52
  </v-card-title>
53
53
  <v-card-text>
@@ -116,7 +116,7 @@ function isValid() {
116
116
  </v-alert>
117
117
  </v-card-text>
118
118
  <v-card-actions>
119
- <v-btn color="error" @click="modalState = false">
119
+ <v-btn color="red" @click="modalState = false">
120
120
  Continue with Demo
121
121
  </v-btn>
122
122
  <v-spacer />
@@ -140,7 +140,9 @@ function isValid() {
140
140
  theme="dark"
141
141
  max-width="680"
142
142
  >
143
- <v-card-title class="text-center mb-4 mt-2"> Scan shared </v-card-title>
143
+ <v-card-title class="text-center mb-4 mt-2 font-weight-bold">
144
+ Scan shared
145
+ </v-card-title>
144
146
  <v-card-text class="text-justify">
145
147
  Congratulations, you have sent your scan to a 3rd party.
146
148
  </v-card-text>
@@ -153,7 +155,7 @@ function isValid() {
153
155
  please select below
154
156
  </v-card-text>
155
157
  <v-card-actions>
156
- <v-btn color="error" @click="step2 = false"> Continue with Demo </v-btn>
158
+ <v-btn color="red" @click="step2 = false"> Continue with Demo </v-btn>
157
159
  <v-spacer />
158
160
  <v-btn
159
161
  variant="flat"
package/src/demo/patient/DemoPatientShareToMobileModal.vue CHANGED
@@ -32,7 +32,7 @@ const modalState = computed({
32
32
  theme="dark"
33
33
  max-width="680"
34
34
  >
35
- <v-card-title class="text-center mb-4 mt-2">
35
+ <v-card-title class="text-center mb-4 mt-2 font-weight-bold">
36
36
  Download 3Dicom Mobile
37
37
  </v-card-title>
38
38
  <v-card-text class="text-justify">
@@ -50,7 +50,7 @@ const modalState = computed({
50
50
  />
51
51
  </v-card-text>
52
52
  <v-card-actions>
53
- <v-btn color="error" @click="modalState = false">
53
+ <v-btn color="red" @click="modalState = false">
54
54
  Continue with Demo
55
55
  </v-btn>
56
56
  <v-spacer />
@@ -73,7 +73,7 @@ const modalState = computed({
73
73
  theme="dark"
74
74
  max-width="680"
75
75
  >
76
- <v-card-title class="text-center mb-4 mt-2">
76
+ <v-card-title class="text-center mb-4 mt-2 font-weight-bold">
77
77
  Load your scan
78
78
  </v-card-title>
79
79
  <v-card-text class="text-justify">
@@ -83,7 +83,7 @@ const modalState = computed({
83
83
  Tomography (PET) scans.
84
84
  </v-card-text>
85
85
  <v-card-actions>
86
- <v-btn color="error" @click="step2 = false"> Continue with Demo </v-btn>
86
+ <v-btn color="red" @click="step2 = false"> Continue with Demo </v-btn>
87
87
  <v-spacer />
88
88
  <v-btn
89
89
  variant="flat"