npm - @3cr/viewer-browser - Versions diffs - 0.0.61 → 0.0.86 - Mend

@3cr/viewer-browser 0.0.61 → 0.0.86

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 (59) hide show

package/coverage/3cr-viewer-browser/src/components/modal/MftpWebGL3DRModal.vue.html CHANGED Viewed

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             <div class='fl pad1y space-right2'>
-                <span class="strong">95.91% </span>
+                <span class="strong">99.9% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>1292/1347</span>
+                <span class='fraction'>1051/1052</span>
             </div>
             <div class='fl pad1y space-right2'>
-                <span class="strong">99.36% </span>
+                <span class="strong">98.82% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>156/157</span>
+                <span class='fraction'>84/85</span>
             </div>
             <div class='fl pad1y space-right2'>
-                <span class="strong">97.87% </span>
+                <span class="strong">100% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>46/47</span>
+                <span class='fraction'>47/47</span>
             </div>
             <div class='fl pad1y space-right2'>
-                <span class="strong">95.91% </span>
+                <span class="strong">99.9% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>1292/1347</span>
+                <span class='fraction'>1051/1052</span>
             </div>
@@ -1115,302 +1115,7 @@
 <a name='L1050'></a><a href='#L1050'>1050</a>
 <a name='L1051'></a><a href='#L1051'>1051</a>
 <a name='L1052'></a><a href='#L1052'>1052</a>
-<a name='L1053'></a><a href='#L1053'>1053</a>
-<a name='L1054'></a><a href='#L1054'>1054</a>
-<a name='L1055'></a><a href='#L1055'>1055</a>
-<a name='L1056'></a><a href='#L1056'>1056</a>
-<a name='L1057'></a><a href='#L1057'>1057</a>
-<a name='L1058'></a><a href='#L1058'>1058</a>
-<a name='L1059'></a><a href='#L1059'>1059</a>
-<a name='L1060'></a><a href='#L1060'>1060</a>
-<a name='L1061'></a><a href='#L1061'>1061</a>
-<a name='L1062'></a><a href='#L1062'>1062</a>
-<a name='L1063'></a><a href='#L1063'>1063</a>
-<a name='L1064'></a><a href='#L1064'>1064</a>
-<a name='L1065'></a><a href='#L1065'>1065</a>
-<a name='L1066'></a><a href='#L1066'>1066</a>
-<a name='L1067'></a><a href='#L1067'>1067</a>
-<a name='L1068'></a><a href='#L1068'>1068</a>
-<a name='L1069'></a><a href='#L1069'>1069</a>
-<a name='L1070'></a><a href='#L1070'>1070</a>
-<a name='L1071'></a><a href='#L1071'>1071</a>
-<a name='L1072'></a><a href='#L1072'>1072</a>
-<a name='L1073'></a><a href='#L1073'>1073</a>
-<a name='L1074'></a><a href='#L1074'>1074</a>
-<a name='L1075'></a><a href='#L1075'>1075</a>
-<a name='L1076'></a><a href='#L1076'>1076</a>
-<a name='L1077'></a><a href='#L1077'>1077</a>
-<a name='L1078'></a><a href='#L1078'>1078</a>
-<a name='L1079'></a><a href='#L1079'>1079</a>
-<a name='L1080'></a><a href='#L1080'>1080</a>
-<a name='L1081'></a><a href='#L1081'>1081</a>
-<a name='L1082'></a><a href='#L1082'>1082</a>
-<a name='L1083'></a><a href='#L1083'>1083</a>
-<a name='L1084'></a><a href='#L1084'>1084</a>
-<a name='L1085'></a><a href='#L1085'>1085</a>
-<a name='L1086'></a><a href='#L1086'>1086</a>
-<a name='L1087'></a><a href='#L1087'>1087</a>
-<a name='L1088'></a><a href='#L1088'>1088</a>
-<a name='L1089'></a><a href='#L1089'>1089</a>
-<a name='L1090'></a><a href='#L1090'>1090</a>
-<a name='L1091'></a><a href='#L1091'>1091</a>
-<a name='L1092'></a><a href='#L1092'>1092</a>
-<a name='L1093'></a><a href='#L1093'>1093</a>
-<a name='L1094'></a><a href='#L1094'>1094</a>
-<a name='L1095'></a><a href='#L1095'>1095</a>
-<a name='L1096'></a><a href='#L1096'>1096</a>
-<a name='L1097'></a><a href='#L1097'>1097</a>
-<a name='L1098'></a><a href='#L1098'>1098</a>
-<a name='L1099'></a><a href='#L1099'>1099</a>
-<a name='L1100'></a><a href='#L1100'>1100</a>
-<a name='L1101'></a><a href='#L1101'>1101</a>
-<a name='L1102'></a><a href='#L1102'>1102</a>
-<a name='L1103'></a><a href='#L1103'>1103</a>
-<a name='L1104'></a><a href='#L1104'>1104</a>
-<a name='L1105'></a><a href='#L1105'>1105</a>
-<a name='L1106'></a><a href='#L1106'>1106</a>
-<a name='L1107'></a><a href='#L1107'>1107</a>
-<a name='L1108'></a><a href='#L1108'>1108</a>
-<a name='L1109'></a><a href='#L1109'>1109</a>
-<a name='L1110'></a><a href='#L1110'>1110</a>
-<a name='L1111'></a><a href='#L1111'>1111</a>
-<a name='L1112'></a><a href='#L1112'>1112</a>
-<a name='L1113'></a><a href='#L1113'>1113</a>
-<a name='L1114'></a><a href='#L1114'>1114</a>
-<a name='L1115'></a><a href='#L1115'>1115</a>
-<a name='L1116'></a><a href='#L1116'>1116</a>
-<a name='L1117'></a><a href='#L1117'>1117</a>
-<a name='L1118'></a><a href='#L1118'>1118</a>
-<a name='L1119'></a><a href='#L1119'>1119</a>
-<a name='L1120'></a><a href='#L1120'>1120</a>
-<a name='L1121'></a><a href='#L1121'>1121</a>
-<a name='L1122'></a><a href='#L1122'>1122</a>
-<a name='L1123'></a><a href='#L1123'>1123</a>
-<a name='L1124'></a><a href='#L1124'>1124</a>
-<a name='L1125'></a><a href='#L1125'>1125</a>
-<a name='L1126'></a><a href='#L1126'>1126</a>
-<a name='L1127'></a><a href='#L1127'>1127</a>
-<a name='L1128'></a><a href='#L1128'>1128</a>
-<a name='L1129'></a><a href='#L1129'>1129</a>
-<a name='L1130'></a><a href='#L1130'>1130</a>
-<a name='L1131'></a><a href='#L1131'>1131</a>
-<a name='L1132'></a><a href='#L1132'>1132</a>
-<a name='L1133'></a><a href='#L1133'>1133</a>
-<a name='L1134'></a><a href='#L1134'>1134</a>
-<a name='L1135'></a><a href='#L1135'>1135</a>
-<a name='L1136'></a><a href='#L1136'>1136</a>
-<a name='L1137'></a><a href='#L1137'>1137</a>
-<a name='L1138'></a><a href='#L1138'>1138</a>
-<a name='L1139'></a><a href='#L1139'>1139</a>
-<a name='L1140'></a><a href='#L1140'>1140</a>
-<a name='L1141'></a><a href='#L1141'>1141</a>
-<a name='L1142'></a><a href='#L1142'>1142</a>
-<a name='L1143'></a><a href='#L1143'>1143</a>
-<a name='L1144'></a><a href='#L1144'>1144</a>
-<a name='L1145'></a><a href='#L1145'>1145</a>
-<a name='L1146'></a><a href='#L1146'>1146</a>
-<a name='L1147'></a><a href='#L1147'>1147</a>
-<a name='L1148'></a><a href='#L1148'>1148</a>
-<a name='L1149'></a><a href='#L1149'>1149</a>
-<a name='L1150'></a><a href='#L1150'>1150</a>
-<a name='L1151'></a><a href='#L1151'>1151</a>
-<a name='L1152'></a><a href='#L1152'>1152</a>
-<a name='L1153'></a><a href='#L1153'>1153</a>
-<a name='L1154'></a><a href='#L1154'>1154</a>
-<a name='L1155'></a><a href='#L1155'>1155</a>
-<a name='L1156'></a><a href='#L1156'>1156</a>
-<a name='L1157'></a><a href='#L1157'>1157</a>
-<a name='L1158'></a><a href='#L1158'>1158</a>
-<a name='L1159'></a><a href='#L1159'>1159</a>
-<a name='L1160'></a><a href='#L1160'>1160</a>
-<a name='L1161'></a><a href='#L1161'>1161</a>
-<a name='L1162'></a><a href='#L1162'>1162</a>
-<a name='L1163'></a><a href='#L1163'>1163</a>
-<a name='L1164'></a><a href='#L1164'>1164</a>
-<a name='L1165'></a><a href='#L1165'>1165</a>
-<a name='L1166'></a><a href='#L1166'>1166</a>
-<a name='L1167'></a><a href='#L1167'>1167</a>
-<a name='L1168'></a><a href='#L1168'>1168</a>
-<a name='L1169'></a><a href='#L1169'>1169</a>
-<a name='L1170'></a><a href='#L1170'>1170</a>
-<a name='L1171'></a><a href='#L1171'>1171</a>
-<a name='L1172'></a><a href='#L1172'>1172</a>
-<a name='L1173'></a><a href='#L1173'>1173</a>
-<a name='L1174'></a><a href='#L1174'>1174</a>
-<a name='L1175'></a><a href='#L1175'>1175</a>
-<a name='L1176'></a><a href='#L1176'>1176</a>
-<a name='L1177'></a><a href='#L1177'>1177</a>
-<a name='L1178'></a><a href='#L1178'>1178</a>
-<a name='L1179'></a><a href='#L1179'>1179</a>
-<a name='L1180'></a><a href='#L1180'>1180</a>
-<a name='L1181'></a><a href='#L1181'>1181</a>
-<a name='L1182'></a><a href='#L1182'>1182</a>
-<a name='L1183'></a><a href='#L1183'>1183</a>
-<a name='L1184'></a><a href='#L1184'>1184</a>
-<a name='L1185'></a><a href='#L1185'>1185</a>
-<a name='L1186'></a><a href='#L1186'>1186</a>
-<a name='L1187'></a><a href='#L1187'>1187</a>
-<a name='L1188'></a><a href='#L1188'>1188</a>
-<a name='L1189'></a><a href='#L1189'>1189</a>
-<a name='L1190'></a><a href='#L1190'>1190</a>
-<a name='L1191'></a><a href='#L1191'>1191</a>
-<a name='L1192'></a><a href='#L1192'>1192</a>
-<a name='L1193'></a><a href='#L1193'>1193</a>
-<a name='L1194'></a><a href='#L1194'>1194</a>
-<a name='L1195'></a><a href='#L1195'>1195</a>
-<a name='L1196'></a><a href='#L1196'>1196</a>
-<a name='L1197'></a><a href='#L1197'>1197</a>
-<a name='L1198'></a><a href='#L1198'>1198</a>
-<a name='L1199'></a><a href='#L1199'>1199</a>
-<a name='L1200'></a><a href='#L1200'>1200</a>
-<a name='L1201'></a><a href='#L1201'>1201</a>
-<a name='L1202'></a><a href='#L1202'>1202</a>
-<a name='L1203'></a><a href='#L1203'>1203</a>
-<a name='L1204'></a><a href='#L1204'>1204</a>
-<a name='L1205'></a><a href='#L1205'>1205</a>
-<a name='L1206'></a><a href='#L1206'>1206</a>
-<a name='L1207'></a><a href='#L1207'>1207</a>
-<a name='L1208'></a><a href='#L1208'>1208</a>
-<a name='L1209'></a><a href='#L1209'>1209</a>
-<a name='L1210'></a><a href='#L1210'>1210</a>
-<a name='L1211'></a><a href='#L1211'>1211</a>
-<a name='L1212'></a><a href='#L1212'>1212</a>
-<a name='L1213'></a><a href='#L1213'>1213</a>
-<a name='L1214'></a><a href='#L1214'>1214</a>
-<a name='L1215'></a><a href='#L1215'>1215</a>
-<a name='L1216'></a><a href='#L1216'>1216</a>
-<a name='L1217'></a><a href='#L1217'>1217</a>
-<a name='L1218'></a><a href='#L1218'>1218</a>
-<a name='L1219'></a><a href='#L1219'>1219</a>
-<a name='L1220'></a><a href='#L1220'>1220</a>
-<a name='L1221'></a><a href='#L1221'>1221</a>
-<a name='L1222'></a><a href='#L1222'>1222</a>
-<a name='L1223'></a><a href='#L1223'>1223</a>
-<a name='L1224'></a><a href='#L1224'>1224</a>
-<a name='L1225'></a><a href='#L1225'>1225</a>
-<a name='L1226'></a><a href='#L1226'>1226</a>
-<a name='L1227'></a><a href='#L1227'>1227</a>
-<a name='L1228'></a><a href='#L1228'>1228</a>
-<a name='L1229'></a><a href='#L1229'>1229</a>
-<a name='L1230'></a><a href='#L1230'>1230</a>
-<a name='L1231'></a><a href='#L1231'>1231</a>
-<a name='L1232'></a><a href='#L1232'>1232</a>
-<a name='L1233'></a><a href='#L1233'>1233</a>
-<a name='L1234'></a><a href='#L1234'>1234</a>
-<a name='L1235'></a><a href='#L1235'>1235</a>
-<a name='L1236'></a><a href='#L1236'>1236</a>
-<a name='L1237'></a><a href='#L1237'>1237</a>
-<a name='L1238'></a><a href='#L1238'>1238</a>
-<a name='L1239'></a><a href='#L1239'>1239</a>
-<a name='L1240'></a><a href='#L1240'>1240</a>
-<a name='L1241'></a><a href='#L1241'>1241</a>
-<a name='L1242'></a><a href='#L1242'>1242</a>
-<a name='L1243'></a><a href='#L1243'>1243</a>
-<a name='L1244'></a><a href='#L1244'>1244</a>
-<a name='L1245'></a><a href='#L1245'>1245</a>
-<a name='L1246'></a><a href='#L1246'>1246</a>
-<a name='L1247'></a><a href='#L1247'>1247</a>
-<a name='L1248'></a><a href='#L1248'>1248</a>
-<a name='L1249'></a><a href='#L1249'>1249</a>
-<a name='L1250'></a><a href='#L1250'>1250</a>
-<a name='L1251'></a><a href='#L1251'>1251</a>
-<a name='L1252'></a><a href='#L1252'>1252</a>
-<a name='L1253'></a><a href='#L1253'>1253</a>
-<a name='L1254'></a><a href='#L1254'>1254</a>
-<a name='L1255'></a><a href='#L1255'>1255</a>
-<a name='L1256'></a><a href='#L1256'>1256</a>
-<a name='L1257'></a><a href='#L1257'>1257</a>
-<a name='L1258'></a><a href='#L1258'>1258</a>
-<a name='L1259'></a><a href='#L1259'>1259</a>
-<a name='L1260'></a><a href='#L1260'>1260</a>
-<a name='L1261'></a><a href='#L1261'>1261</a>
-<a name='L1262'></a><a href='#L1262'>1262</a>
-<a name='L1263'></a><a href='#L1263'>1263</a>
-<a name='L1264'></a><a href='#L1264'>1264</a>
-<a name='L1265'></a><a href='#L1265'>1265</a>
-<a name='L1266'></a><a href='#L1266'>1266</a>
-<a name='L1267'></a><a href='#L1267'>1267</a>
-<a name='L1268'></a><a href='#L1268'>1268</a>
-<a name='L1269'></a><a href='#L1269'>1269</a>
-<a name='L1270'></a><a href='#L1270'>1270</a>
-<a name='L1271'></a><a href='#L1271'>1271</a>
-<a name='L1272'></a><a href='#L1272'>1272</a>
-<a name='L1273'></a><a href='#L1273'>1273</a>
-<a name='L1274'></a><a href='#L1274'>1274</a>
-<a name='L1275'></a><a href='#L1275'>1275</a>
-<a name='L1276'></a><a href='#L1276'>1276</a>
-<a name='L1277'></a><a href='#L1277'>1277</a>
-<a name='L1278'></a><a href='#L1278'>1278</a>
-<a name='L1279'></a><a href='#L1279'>1279</a>
-<a name='L1280'></a><a href='#L1280'>1280</a>
-<a name='L1281'></a><a href='#L1281'>1281</a>
-<a name='L1282'></a><a href='#L1282'>1282</a>
-<a name='L1283'></a><a href='#L1283'>1283</a>
-<a name='L1284'></a><a href='#L1284'>1284</a>
-<a name='L1285'></a><a href='#L1285'>1285</a>
-<a name='L1286'></a><a href='#L1286'>1286</a>
-<a name='L1287'></a><a href='#L1287'>1287</a>
-<a name='L1288'></a><a href='#L1288'>1288</a>
-<a name='L1289'></a><a href='#L1289'>1289</a>
-<a name='L1290'></a><a href='#L1290'>1290</a>
-<a name='L1291'></a><a href='#L1291'>1291</a>
-<a name='L1292'></a><a href='#L1292'>1292</a>
-<a name='L1293'></a><a href='#L1293'>1293</a>
-<a name='L1294'></a><a href='#L1294'>1294</a>
-<a name='L1295'></a><a href='#L1295'>1295</a>
-<a name='L1296'></a><a href='#L1296'>1296</a>
-<a name='L1297'></a><a href='#L1297'>1297</a>
-<a name='L1298'></a><a href='#L1298'>1298</a>
-<a name='L1299'></a><a href='#L1299'>1299</a>
-<a name='L1300'></a><a href='#L1300'>1300</a>
-<a name='L1301'></a><a href='#L1301'>1301</a>
-<a name='L1302'></a><a href='#L1302'>1302</a>
-<a name='L1303'></a><a href='#L1303'>1303</a>
-<a name='L1304'></a><a href='#L1304'>1304</a>
-<a name='L1305'></a><a href='#L1305'>1305</a>
-<a name='L1306'></a><a href='#L1306'>1306</a>
-<a name='L1307'></a><a href='#L1307'>1307</a>
-<a name='L1308'></a><a href='#L1308'>1308</a>
-<a name='L1309'></a><a href='#L1309'>1309</a>
-<a name='L1310'></a><a href='#L1310'>1310</a>
-<a name='L1311'></a><a href='#L1311'>1311</a>
-<a name='L1312'></a><a href='#L1312'>1312</a>
-<a name='L1313'></a><a href='#L1313'>1313</a>
-<a name='L1314'></a><a href='#L1314'>1314</a>
-<a name='L1315'></a><a href='#L1315'>1315</a>
-<a name='L1316'></a><a href='#L1316'>1316</a>
-<a name='L1317'></a><a href='#L1317'>1317</a>
-<a name='L1318'></a><a href='#L1318'>1318</a>
-<a name='L1319'></a><a href='#L1319'>1319</a>
-<a name='L1320'></a><a href='#L1320'>1320</a>
-<a name='L1321'></a><a href='#L1321'>1321</a>
-<a name='L1322'></a><a href='#L1322'>1322</a>
-<a name='L1323'></a><a href='#L1323'>1323</a>
-<a name='L1324'></a><a href='#L1324'>1324</a>
-<a name='L1325'></a><a href='#L1325'>1325</a>
-<a name='L1326'></a><a href='#L1326'>1326</a>
-<a name='L1327'></a><a href='#L1327'>1327</a>
-<a name='L1328'></a><a href='#L1328'>1328</a>
-<a name='L1329'></a><a href='#L1329'>1329</a>
-<a name='L1330'></a><a href='#L1330'>1330</a>
-<a name='L1331'></a><a href='#L1331'>1331</a>
-<a name='L1332'></a><a href='#L1332'>1332</a>
-<a name='L1333'></a><a href='#L1333'>1333</a>
-<a name='L1334'></a><a href='#L1334'>1334</a>
-<a name='L1335'></a><a href='#L1335'>1335</a>
-<a name='L1336'></a><a href='#L1336'>1336</a>
-<a name='L1337'></a><a href='#L1337'>1337</a>
-<a name='L1338'></a><a href='#L1338'>1338</a>
-<a name='L1339'></a><a href='#L1339'>1339</a>
-<a name='L1340'></a><a href='#L1340'>1340</a>
-<a name='L1341'></a><a href='#L1341'>1341</a>
-<a name='L1342'></a><a href='#L1342'>1342</a>
-<a name='L1343'></a><a href='#L1343'>1343</a>
-<a name='L1344'></a><a href='#L1344'>1344</a>
-<a name='L1345'></a><a href='#L1345'>1345</a>
-<a name='L1346'></a><a href='#L1346'>1346</a>
-<a name='L1347'></a><a href='#L1347'>1347</a>
-<a name='L1348'></a><a href='#L1348'>1348</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
+<a name='L1053'></a><a href='#L1053'>1053</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
@@ -2157,6 +1862,16 @@
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">5x</span>
+<span class="cline-any cline-yes">5x</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">5x</span>
+<span class="cline-any cline-yes">5x</span>
+<span class="cline-any cline-yes">5x</span>
+<span class="cline-any cline-yes">5x</span>
+<span class="cline-any cline-yes">5x</span>
+<span class="cline-any cline-yes">5x</span>
+<span class="cline-any cline-yes">5x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
@@ -2202,11 +1917,6 @@
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
@@ -2214,11 +1924,6 @@
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
@@ -2226,11 +1931,6 @@
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
@@ -2238,31 +1938,21 @@
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1104x</span>
+<span class="cline-any cline-yes">1104x</span>
+<span class="cline-any cline-yes">1104x</span>
+<span class="cline-any cline-yes">1401x</span>
+<span class="cline-any cline-yes">1401x</span>
+<span class="cline-any cline-yes">1104x</span>
+<span class="cline-any cline-yes">1104x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
@@ -2271,97 +1961,38 @@
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">972x</span>
 <span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">972x</span>
 <span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">972x</span>
 <span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">972x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">5x</span>
-<span class="cline-any cline-yes">5x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">5x</span>
-<span class="cline-any cline-yes">5x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">276x</span>
+<span class="cline-any cline-yes">276x</span>
+<span class="cline-any cline-yes">276x</span>
+<span class="cline-any cline-yes">206x</span>
+<span class="cline-any cline-yes">206x</span>
+<span class="cline-any cline-yes">206x</span>
+<span class="cline-any cline-yes">206x</span>
+<span class="cline-any cline-yes">206x</span>
+<span class="cline-any cline-yes">276x</span>
+<span class="cline-any cline-yes">276x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-yes">6x</span>
 <span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-yes">1x</span>
@@ -2377,121 +2008,42 @@
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">9x</span>
-<span class="cline-any cline-yes">9x</span>
-<span class="cline-any cline-yes">9x</span>
-<span class="cline-any cline-yes">9x</span>
-<span class="cline-any cline-yes">9x</span>
-<span class="cline-any cline-yes">9x</span>
-<span class="cline-any cline-yes">9x</span>
-<span class="cline-any cline-yes">9x</span>
-<span class="cline-any cline-yes">9x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">9x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">8x</span>
-<span class="cline-any cline-yes">6x</span>
 <span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">5x</span>
-<span class="cline-any cline-yes">5x</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">5x</span>
-<span class="cline-any cline-yes">27x</span>
-<span class="cline-any cline-yes">27x</span>
-<span class="cline-any cline-yes">26x</span>
-<span class="cline-any cline-yes">27x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">3x</span>
-<span class="cline-any cline-yes">3x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">3x</span>
-<span class="cline-any cline-yes">47x</span>
-<span class="cline-any cline-yes">47x</span>
-<span class="cline-any cline-yes">47x</span>
-<span class="cline-any cline-yes">47x</span>
-<span class="cline-any cline-yes">47x</span>
-<span class="cline-any cline-yes">47x</span>
-<span class="cline-any cline-yes">47x</span>
-<span class="cline-any cline-yes">47x</span>
-<span class="cline-any cline-yes">47x</span>
-<span class="cline-any cline-yes">47x</span>
-<span class="cline-any cline-yes">47x</span>
-<span class="cline-any cline-yes">47x</span>
-<span class="cline-any cline-yes">47x</span>
-<span class="cline-any cline-yes">47x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">3x</span>
-<span class="cline-any cline-yes">3x</span>
-<span class="cline-any cline-yes">3x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">26x</span>
-<span class="cline-any cline-yes">26x</span>
-<span class="cline-any cline-yes">26x</span>
-<span class="cline-any cline-yes">26x</span>
-<span class="cline-any cline-yes">26x</span>
-<span class="cline-any cline-yes">26x</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">4x</span>
 <span class="cline-any cline-yes">4x</span>
 <span class="cline-any cline-yes">4x</span>
@@ -2502,14 +2054,6 @@
 <span class="cline-any cline-yes">4x</span>
 <span class="cline-any cline-yes">4x</span>
 <span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">5x</span>
 <span class="cline-any cline-yes">5x</span>
 <span class="cline-any cline-yes">4x</span>
@@ -2520,157 +2064,23 @@
 <span class="cline-any cline-yes">4x</span>
 <span class="cline-any cline-yes">4x</span>
 <span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">5x</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-yes">5x</span>
-<span class="cline-any cline-yes">5x</span>
-<span class="cline-any cline-yes">5x</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">3x</span>
-<span class="cline-any cline-yes">3x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">3x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">3x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">33x</span>
-<span class="cline-any cline-yes">33x</span>
-<span class="cline-any cline-yes">33x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">7x</span>
-<span class="cline-any cline-yes">7x</span>
-<span class="cline-any cline-yes">7x</span>
-<span class="cline-any cline-yes">7x</span>
-<span class="cline-any cline-yes">7x</span>
-<span class="cline-any cline-yes">7x</span>
+<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-yes">8x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">7x</span>
+<span class="cline-any cline-yes">8x</span>
 <span class="cline-any cline-yes">5x</span>
 <span class="cline-any cline-yes">5x</span>
-<span class="cline-any cline-yes">7x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">7x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">8x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
@@ -2759,6 +2169,8 @@
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">&lt;!-- /* c8 ignore start */ --&gt;
 &lt;template&gt;
+  &lt;DemoModal v-model:modal="m_demo" /&gt;
+  &lt;DemoPatientModal v-model:modal="m_demoPatient" :is-modal-open="value" /&gt;
   &lt;v-dialog
     id="cr-viewer"
     class="pa-0 ma-0 overflow-y-auto overflow-x-hidden"
@@ -2770,7 +2182,7 @@
     @input="alterValue"
   &gt;
     &lt;v-dialog
-      v-model="m_closeDialog"
+      v-model:model-value="m_closeDialog"
       id="close-dialog-prompt"
       data-test="closemodal"
     &gt;
@@ -2818,41 +2230,36 @@
           &lt;/template&gt;
           &lt;v-card class=""&gt;
             &lt;v-list&gt;
-              &lt;v-list-item disabled&gt;
+              &lt;v-list-item @click="executeOption('OnLoadNewDicomSeries')"&gt;
                 &lt;template v-slot:prepend&gt;
                   &lt;v-icon&gt; upload &lt;/v-icon&gt;
                 &lt;/template&gt;
-                &lt;v-list-item-title
-                  &gt;Load New DICOM Series&amp;nbsp;&lt;v-chip x-small color="success"
-                    &gt;Coming Soon&lt;/v-chip
-                  &gt;&lt;/v-list-item-title
-                &gt;
+                &lt;v-list-item-title&gt;Load New DICOM Series&lt;/v-list-item-title&gt;
+              &lt;/v-list-item&gt;
+              &lt;v-list-item @click="executeOption('OnDownloadDicomSeries')"&gt;
+                &lt;template v-slot:prepend&gt;
+                  &lt;v-icon&gt; download &lt;/v-icon&gt;
+                &lt;/template&gt;
+                &lt;v-list-item-title&gt;Download DICOM Series&lt;/v-list-item-title&gt;
               &lt;/v-list-item&gt;
-              &lt;!--                &lt;v-list-item @click="downloadDcm"&gt;--&gt;
-              &lt;!--                  &lt;v-list-item-icon&gt;&lt;v-icon&gt; download &lt;/v-icon&gt;&lt;/v-list-item-icon&gt;--&gt;
-              &lt;!--                  &lt;v-list-item-title&gt;Download DICOM Series&lt;/v-list-item-title&gt;--&gt;
-              &lt;!--                &lt;/v-list-item&gt;--&gt;
-              &lt;v-list-item disabled&gt;
+              &lt;v-list-item @click="executeOption('OnLoadSavedSession')"&gt;
                 &lt;template v-slot:prepend&gt;
                   &lt;v-icon&gt; sync &lt;/v-icon&gt;
                 &lt;/template&gt;
-                &lt;v-list-item-title
-                  &gt;Load Saved Session&amp;nbsp;&lt;v-chip x-small color="success"
-                    &gt;Coming Soon&lt;/v-chip
-                  &gt;&lt;/v-list-item-title
-                &gt;
+                &lt;v-list-item-title&gt; Load Saved Session &lt;/v-list-item-title&gt;
               &lt;/v-list-item&gt;
-              &lt;v-list-item disabled&gt;
+              &lt;v-list-item @click="executeOption('OnShare')"&gt;
                 &lt;template v-slot:prepend&gt;
                   &lt;v-icon&gt; share &lt;/v-icon&gt;
                 &lt;/template&gt;
-                &lt;v-list-item-title
-                  &gt;Share&amp;nbsp;&lt;v-chip x-small color="success"
-                    &gt;Coming Soon&lt;/v-chip
-                  &gt;&lt;/v-list-item-title
-                &gt;
+                &lt;v-list-item-title&gt;Share&lt;/v-list-item-title&gt;
               &lt;/v-list-item&gt;
-              &lt;v-list-item @click="alterValue(false)"&gt;
+              &lt;v-list-item
+                @click="
+                  executeOption('OnClosePopup');
+                  alterValue(false);
+                "
+              &gt;
                 &lt;template v-slot:prepend&gt;
                   &lt;v-icon&gt; close &lt;/v-icon&gt;
                 &lt;/template&gt;
@@ -2923,7 +2330,11 @@
         &lt;/v-menu&gt;
 &nbsp;
         &lt;v-spacer /&gt;
-        &lt;div class="font-weight-bold"&gt;Not for Diagnostic Use&lt;/div&gt;
+        &lt;div class="font-weight-bold"&gt;
+          &lt;span v-if="isDemo" class="text-capitalize"
+            &gt;[3DICOM {{ demoType }} Demo]&amp;nbsp;&lt;/span
+          &gt;Not for Diagnostic Use
+        &lt;/div&gt;
         &lt;v-spacer /&gt;
         &lt;v-btn
           class="ma-1 mr-0 pa-1"
@@ -3087,7 +2498,7 @@
               /&gt;
               &lt;v-card-actions class="py-3"&gt;
                 &lt;v-select
-                  :value="getCurrentGreyscalePreset()"
+                  :value="currentGreyscalePreset"
                   :items="initialScanState.GreyscalePresets"
                   label="Greyscale Preset"
                   item-text="Name"
@@ -3249,8 +2660,12 @@
                         color="transparent"
                         :icon="true"
                         @click="
-                          viewSelection('vs_05');
-                          viewSelection('vs_06');
+                          payloadHandler.viewSelection(
+                            ViewSelectionActions.vs06
+                          );
+                          payloadHandler.viewSelection(
+                            ViewSelectionActions.vs05
+                          );
                         "
                         &gt;&lt;v-icon color="white"&gt;home&lt;/v-icon&gt;&lt;/v-btn
                       &gt;
@@ -3348,7 +2763,7 @@
                             &lt;v-btn
                               color="primary"
                               @click="
-                                rotateByDeg(
+                                payloadHandler.rotateByDeg(
                                   getCurrentActiveView(layout),
                                   rotationDeg
                                 )
@@ -3393,10 +2808,7 @@
       &lt;/div&gt;
 &nbsp;
       &lt;LoadingSpinner v-if="!instanceLoaded" /&gt;
-      &lt;LoadingSpinner
-        v-if="scanLoading"
-        text="Rendering your scan in &lt;span class='sub-type'&gt;3DICOM&lt;/span&gt;"
-      /&gt;
+      &lt;LoadingSpinner v-if="scanLoading" text="Rendering your scan in 3D" /&gt;
       &lt;v-textarea
         v-if="stateOverlay"
         style="
@@ -3428,27 +2840,55 @@ import VerticalSliderSelector from "@/components/sliders/VerticalSliderSelector.
 import { generateDivStyleForLayout } from "@/helpers/layoutOverlayStyle";
 &nbsp;
 import {
-  inflateInitialScanState,
-  inflateScanState,
-} from "@/helpers/modelHelper";
-import {
-  SlidersActions,
-  PresetsActions,
-  ScanMovementActions,
-  ScanOrientationActions,
   FileManagementActions,
   FrontEndInterfaces,
-  AnchorPoint,
-  ColourPresetData,
-  CurrentScanState,
-  InitialScanState,
   PositionData,
+  PresetsActions,
+  ScanMovementActions,
   ScanView,
+  SlidersActions,
+  ViewSelectionActions,
 } from "@3cr/types-ts";
+import { defineEmits, nextTick, ref, unref, watch, WatchSource } from "vue";
 &nbsp;
-import { toNumber } from "@/helpers/utils";
-import { computed, ref, unref, watch, defineEmits, nextTick } from "vue";
-import { LoadViewerPayload } from "../../../index";
+import {
+  checkIsDemo,
+  demoType,
+  executeDemoOption,
+  isDemo,
+  m_demo,
+  m_demoPatient,
+} from "@/demo/options";
+import { handleNotification } from "@/notifications/notification";
+import DemoPatientModal from "@/demo/DemoPatientModal.vue";
+import DemoModal from "@/demo/DemoModal.vue";
+import { LoadViewerPayload } from "@/models/LoadViewerPayload";
+import {
+  defaultLoadViewerOptions,
+  LoadViewerOptions,
+} from "@/models/LoadViewerOptions";
+import { PayloadHandler, sendPayload } from "@/dataLayer/payloadHandler";
+import {
+  cMinMax,
+  cSlider,
+  currentColourPreset,
+  currentGreyscalePreset,
+  huMinMax,
+  initialScanState,
+  isLayout1x3,
+  isLayout2x2,
+  scanState,
+  setInitialScanStateFromPayload,
+  setScanStateFromPayload,
+  sMinMax,
+  sSlider,
+  thresholdSlider,
+  tMinMax,
+  transactionStarted,
+  tSlider,
+  windowSlider,
+} from "@/dataLayer/scanState";
+import { getIconForPreset } from "@/dataLayer/iconData";
 &nbsp;
 const emit = defineEmits&lt;{
   instanceLoaded: [void];
@@ -3457,6 +2897,7 @@ const emit = defineEmits&lt;{
 &nbsp;
 export interface Props {
   payload?: LoadViewerPayload;
+  options?: LoadViewerOptions;
 }
 &nbsp;
 const props = withDefaults(defineProps&lt;Props&gt;(), {
@@ -3467,8 +2908,23 @@ const props = withDefaults(defineProps&lt;Props&gt;(), {
       Key: "OWjSMiL/ewUV1V6fGybhKcTyiysTPsIMp2DjdVoOUGI=",
     },
   }),
+  options: () =&gt; defaultLoadViewerOptions,
 });
 &nbsp;
+const web_gl = ref&lt;typeof WebGL3DR | null&gt;(null);
+const payloadHandler = new PayloadHandler(web_gl);
+&nbsp;
+function executeOption(key: keyof LoadViewerOptions) {
+  if (unref(isDemo)) <span class="branch-0 cbranch-no" title="branch not covered" >{</span>
+<span class="cstat-no" title="statement not covered" >    executeDemoOption(key);</span>
+  } else {
+    const functionToExecute = unref(props.options)[key];
+    if (functionToExecute !== undefined) {
+      functionToExecute();
+    }
+  }
+}
+&nbsp;
 const emptyPayload = { Version: "1.1.0" };
 &nbsp;
 const value = ref&lt;boolean&gt;(false);
@@ -3476,9 +2932,6 @@ const drawer = ref&lt;boolean&gt;(true);
 const drawerCollapsed = ref&lt;boolean&gt;(true);
 const scanLoading = ref&lt;boolean&gt;(true);
 const instanceLoaded = ref&lt;boolean&gt;(true);
-const scanState = ref&lt;CurrentScanState&gt;(inflateScanState());
-const initialScanState = ref&lt;InitialScanState&gt;(inflateInitialScanState());
-const currentColourPreset = ref&lt;ColourPresetData | undefined&gt;(undefined);
 const openPanels = ref&lt;number&gt;(0);
 const previousLayout = ref&lt;string&gt;("lo_02");
 const footerItems = ref([
@@ -3487,30 +2940,27 @@ const footerItems = ref([
     icon: "refresh",
     color: "red",
     click: async () =&gt; {
-      console.log("Reset Scan");
-      await viewSelection("vs_05");
-      await viewSelection("vs_06");
+      await payloadHandler.viewSelection(ViewSelectionActions.vs05);
+      await payloadHandler.viewSelection(ViewSelectionActions.vs06);
     },
   },
   {
     text: "Send to 3rd Party",
     icon: "send",
     color: "blue",
-    click: async () =&gt; alterValue(false),
+    click: async () =&gt; executeOption("OnSendTo3rdParty"),
   },
   {
     text: "Share to Mobile / VR",
     icon: "share",
     color: "yellow",
-    click: async () =&gt; alterValue(false),
+    click: async () =&gt; executeOption("OnShareToMobile"),
   },
   {
     text: "Screenshot View",
     icon: "screenshot_region",
     color: "green",
-    click: async () =&gt; {
-      await snap();
-    },
+    click: async () =&gt; executeOption("OnScreenshot"),
   },
 ]);
 &nbsp;
@@ -3521,238 +2971,69 @@ const miniMenu = ref([
     tooltip:
       "Tissue Density - Change the view of density within the scan, allowing you to see through a certain density of particles",
   },
-  // { icon: 'display_settings', text: 'Display', tooltip: 'Display - Alter the view of the current scan' },
 ]);
 &nbsp;
-const huMinMax = ref({
-  min: -999999,
-  max: 999999,
-});
-&nbsp;
-const tMinMax = ref({
-  min: 0,
-  max: 999999,
-});
-const sMinMax = ref({
-  min: 0,
-  max: 999999,
-});
-const cMinMax = ref({
-  min: 0,
-  max: 999999,
-});
 const rotationDeg = ref&lt;number&gt;(0);
-const scanStateIncoming = ref&lt;string&gt;("");
-const transactionStarted = ref&lt;boolean&gt;(false);
 const stateOverlay = ref&lt;boolean&gt;(false);
 const m_closeDialog = ref&lt;boolean&gt;(false);
 &nbsp;
-const windowSlider = computed({
-  get() {
-    return [
-      unref(scanState).Display.WindowLower,
-      unref(scanState).Display.WindowUpper,
-    ];
-  },
-  set(value: Array&lt;number&gt;) {
-    scanState.value.Display.WindowLower = value[0];
-    scanState.value.Display.WindowUpper = value[1];
-  },
-});
-const thresholdSlider = computed({
-  get() {
-    return [
-      Math.trunc(unref(scanState).Display.ThresholdLower),
-      Math.trunc(unref(scanState).Display.ThresholdUpper),
-    ];
-  },
-  set(value: Array&lt;number&gt;) {
-    scanState.value.Display.ThresholdLower = value[0];
-    scanState.value.Display.ThresholdUpper = value[1];
-  },
-});
-const tSlider = computed({
-  get() {
-    return [
-      Math.trunc(unref(scanState).Slice.TransverseLower),
-      Math.trunc(unref(scanState).Slice.TransverseUpper),
-    ];
-  },
-  set(value: Array&lt;number&gt;) {
-    scanState.value.Slice.TransverseLower = value[0];
-    scanState.value.Slice.TransverseLower = value[1];
-  },
-});
-const sSlider = computed({
-  get() {
-    return [
-      Math.trunc(unref(scanState).Slice.SagittalLower),
-      Math.trunc(unref(scanState).Slice.SagittalUpper),
-    ];
-  },
-  set(value: Array&lt;number&gt;) {
-    scanState.value.Slice.SagittalLower = value[0];
-    scanState.value.Slice.SagittalUpper = value[1];
-  },
-});
+type WatchSlidersType = { [key in SlidersActions]: WatchSource&lt;number&gt; };
+const watchSliders: WatchSlidersType = {
+  [SlidersActions.sl01]: () =&gt; scanState.value.Display.Brightness,
+  [SlidersActions.sl02]: () =&gt; scanState.value.Display.Contrast,
+  [SlidersActions.sl03]: () =&gt; scanState.value.Display.Opacity,
+  [SlidersActions.sl04]: () =&gt; scanState.value.Display.WindowLower,
+  [SlidersActions.sl05]: () =&gt; scanState.value.Display.WindowUpper,
+  [SlidersActions.sl06]: () =&gt; scanState.value.Display.ThresholdLower,
+  [SlidersActions.sl07]: () =&gt; scanState.value.Display.ThresholdUpper,
+  [SlidersActions.sl08]: () =&gt; scanState.value.Slice.TransverseLower,
+  [SlidersActions.sl09]: () =&gt; scanState.value.Orientations.Transverse.Slice,
+  [SlidersActions.sl10]: () =&gt; scanState.value.Slice.TransverseUpper,
+  [SlidersActions.sl11]: () =&gt; scanState.value.Slice.SagittalLower,
+  [SlidersActions.sl12]: () =&gt; scanState.value.Orientations.Sagittal.Slice,
+  [SlidersActions.sl13]: () =&gt; scanState.value.Slice.SagittalUpper,
+  [SlidersActions.sl14]: () =&gt; scanState.value.Slice.CoronalLower,
+  [SlidersActions.sl15]: () =&gt; scanState.value.Orientations.Coronal.Slice,
+  [SlidersActions.sl16]: () =&gt; scanState.value.Slice.CoronalUpper,
+};
 &nbsp;
-const cSlider = computed({
-  get() {
-    return [
-      Math.trunc(unref(scanState).Slice.CoronalLower),
-      Math.trunc(unref(scanState).Slice.CoronalUpper),
-    ];
-  },
-  set(value: Array&lt;number&gt;) {
-    scanState.value.Slice.CoronalLower = value[0];
-    scanState.value.Slice.CoronalUpper = value[1];
-  },
-});
-const web_gl = ref&lt;typeof WebGL3DR | null&gt;(null);
+for (const slider of Object.keys(watchSliders)) {
+  watch(
+    watchSliders[slider as keyof WatchSlidersType],
+    async (value: number) =&gt; {
+      await payloadHandler.sliderHandler(slider as SlidersActions, value);
+    }
+  );
+}
 &nbsp;
-watch(
-  () =&gt; scanState.value.Display.Brightness,
-  async (value: number) =&gt; {
-    await sliderHandler(SlidersActions.sl01, value);
-  }
-);
-watch(
-  () =&gt; scanState.value.Display.Contrast,
-  async (value: number) =&gt; {
-    await sliderHandler(SlidersActions.sl02, value);
-  }
-);
-watch(
-  () =&gt; scanState.value.Display.Opacity,
-  async (value: number) =&gt; {
-    await sliderHandler(SlidersActions.sl03, value);
-  }
-);
-watch(
-  () =&gt; scanState.value.Display.WindowLower,
-  async (value: number) =&gt; {
-    await sliderHandler(SlidersActions.sl04, value);
-  }
-);
-watch(
-  () =&gt; scanState.value.Display.WindowUpper,
-  async (value: number) =&gt; {
-    await sliderHandler(SlidersActions.sl05, value);
-  }
-);
-watch(
-  () =&gt; scanState.value.Display.ThresholdLower,
-  async (value: number) =&gt; {
-    await sliderHandler(SlidersActions.sl06, value);
-  }
-);
-watch(
-  () =&gt; scanState.value.Display.ThresholdUpper,
-  async (value: number) =&gt; {
-    await sliderHandler(SlidersActions.sl07, value);
-  }
-);
-watch(
-  () =&gt; scanState.value.Slice.TransverseLower,
-  async (value: number) =&gt; {
-    await sliderHandler(SlidersActions.sl08, value);
-  }
-);
-watch(
-  () =&gt; scanState.value.Orientations.Transverse.Slice,
-  async (value: number) =&gt; {
-    await sliderHandler(SlidersActions.sl09, value);
-  }
-);
-watch(
-  () =&gt; scanState.value.Slice.TransverseUpper,
-  async (value: number) =&gt; {
-    await sliderHandler(SlidersActions.sl10, value);
-  }
-);
-watch(
-  () =&gt; scanState.value.Slice.SagittalLower,
-  async (value: number) =&gt; {
-    await sliderHandler(SlidersActions.sl11, value);
-  }
-);
-watch(
-  () =&gt; scanState.value.Orientations.Sagittal.Slice,
-  async (value: number) =&gt; {
-    await sliderHandler(SlidersActions.sl12, value);
-  }
-);
-watch(
-  () =&gt; scanState.value.Slice.SagittalUpper,
-  async (value: number) =&gt; {
-    await sliderHandler(SlidersActions.sl13, value);
-  }
-);
-watch(
-  () =&gt; scanState.value.Slice.CoronalLower,
-  async (value: number) =&gt; {
-    await sliderHandler(SlidersActions.sl14, value);
-  }
-);
-watch(
-  () =&gt; scanState.value.Orientations.Coronal.Slice,
-  async (value: number) =&gt; {
-    await sliderHandler(SlidersActions.sl15, value);
-  }
-);
-watch(
-  () =&gt; scanState.value.Slice.CoronalUpper,
-  async (value: number) =&gt; {
-    await sliderHandler(SlidersActions.sl16, value);
-  }
-);
-watch(
-  () =&gt; scanState.value.InteractionSettings.PanSensivitity,
-  async (value: number) =&gt; {
-    await scanMovementHandler(ScanMovementActions.sm05, value);
-  }
-);
-watch(
-  () =&gt; scanState.value.InteractionSettings.ZoomSensitivity,
-  async (value: number) =&gt; {
-    await scanMovementHandler(ScanMovementActions.sm08, value);
-  }
-);
-watch(
-  () =&gt; scanState.value.InteractionSettings.RotateSensitivity,
-  async (value: number) =&gt; {
-    await scanMovementHandler(ScanMovementActions.sm10, value);
-  }
-);
-watch(
-  () =&gt; scanState.value.InteractionSettings.CameraRotateSensitivity,
-  async (value: number) =&gt; {
-    await scanMovementHandler(ScanMovementActions.sm12, value);
-  }
-);
+type WatchScanMovementType = {
+  [key in ScanMovementActions]: WatchSource&lt;number&gt;;
+};
 &nbsp;
-function getIconForPreset(presetName: string): string | undefined {
-  if (presetName === "Bone") return "fa:fas fa-bone";
-  if (presetName === "Brain") return "fa:fas fa-brain";
-  if (presetName === "Liver") return "custom:liver_icon";
-  if (presetName === "Lungs") return "fa:fas fa-lungs";
-  if (presetName === "Muscle") return "custom:muscle_icon";
-  if (presetName === "Temporal Bones") return "custom:temporal_bones_icon";
-  if (presetName === "Soft Tissue") return "custom:torso_icon";
-  if (presetName === "Skin") return "custom:skin_icon";
-  return undefined;
-}
-async function rotateByDeg(view: ScanView, deg: number) {
-  await sendPayload(
-    FrontEndInterfaces.scan_orientation,
-    ScanOrientationActions.so01,
-    {
-      Version: "0.0.1",
-      View: view,
-      Angle: deg,
+//@ts-ignore
+const watchScanMovement: WatchScanMovementType = {
+  [ScanMovementActions.sm05]: () =&gt;
+    scanState.value.InteractionSettings.PanSensivitity,
+  [ScanMovementActions.sm08]: () =&gt;
+    scanState.value.InteractionSettings.ZoomSensitivity,
+  [ScanMovementActions.sm10]: () =&gt;
+    scanState.value.InteractionSettings.RotateSensitivity,
+  [ScanMovementActions.sm12]: () =&gt;
+    scanState.value.InteractionSettings.CameraRotateSensitivity,
+};
+&nbsp;
+for (const scanMovement of Object.keys(watchScanMovement)) {
+  watch(
+    watchScanMovement[scanMovement as keyof typeof watchScanMovement],
+    async (value: number) =&gt; {
+      await payloadHandler.scanMovementHandler(
+        scanMovement as ScanMovementActions,
+        value
+      );
     }
   );
 }
+&nbsp;
 function getCurrentActiveView(position: PositionData): ScanView {
   return unref(scanState).Layout.PositionData.length !== 1
     ? position.DefaultView
@@ -3768,235 +3049,73 @@ function getViewName(index: number) {
 }
 async function fullscreenLayout(view: ScanView) {
   await layouts("lo_01");
-  await viewSelection(`vs_0${view + 1}`);
-}
-async function scanMovementHandler(action: string, value: number) {
-  if (unref(transactionStarted)) return;
-  await scanMovement(action, value);
-}
-async function sliderHandler(action: string, value: number) {
-  if (unref(transactionStarted)) return;
-  await slider(action, value);
+  await payloadHandler.viewSelection(`vs_0${view + 1}` as ViewSelectionActions);
 }
+// async function scanMovementHandler(action: string, value: number) {
+//   if (unref(transactionStarted)) return;
+//   await scanMovement(action, value);
+// }
+// async function sliderHandler(action: string, value: number) {
+//   if (unref(transactionStarted)) return;
+//   await slider(action, value);
+// }
 &nbsp;
 function closeModal() {
   m_closeDialog.value = false;
   value.value = false;
+  executeOption("OnExitViewer");
 }
 function alterValue(val: boolean) {
   if (!val) {
     m_closeDialog.value = true;
     return;
+  } else {
+    checkIsDemo(props.payload);
   }
 &nbsp;
   value.value = val;
 }
-async function sendPayload(
-  interfaceType: string,
-  actionType: string,
-  message: any
-) {
-  await unref(web_gl)?.sendPayload(
-    JSON.stringify({
-      Version: "0.0.1",
-      Interface: interfaceType,
-      Action: actionType,
-      Message: JSON.stringify(message),
-    })
-  );
-}
 async function load() {
   instanceLoaded.value = true;
   scanLoading.value = true;
-  await sendPayload("file_management", "fm_01", props.payload);
-}
-async function viewSelection(action: string) {
-  await sendPayload(FrontEndInterfaces.view_selection, action, emptyPayload);
+  await sendPayload(web_gl, "file_management", "fm_01", props.payload);
 }
+&nbsp;
 async function layouts(action: string) {
   if (action !== "lo_01") previousLayout.value = action;
-  await sendPayload(FrontEndInterfaces.layout, action, emptyPayload);
+  await sendPayload(web_gl, FrontEndInterfaces.layout, action, emptyPayload);
 }
 async function snap() {
   emit("snap");
 }
 &nbsp;
 async function setPreset(action: PresetsActions, preset: any) {
-  await sendPayload("presets", action, preset);
+  await sendPayload(web_gl, "presets", action, preset);
   if (action === PresetsActions.pr02) {
     currentColourPreset.value = preset;
   }
 }
-async function slider(action: string, value: number) {
-  await sendPayload("sliders", action, {
-    Version: "0.0.1",
-    Value: toNumber(value),
-  });
-}
-async function scanMovement(action: string, value: number) {
-  await sendPayload(FrontEndInterfaces.scan_movement, action, {
-    Version: "0.0.1",
-    Value: toNumber(value),
-  });
-}
+&nbsp;
 async function hoverOverCanvas(isHovering: boolean) {
-  await sendPayload("interactivity", "in_01", {
+  await sendPayload(web_gl, "interactivity", "in_01", {
     Version: "0.0.1",
     Value: isHovering,
   });
-  await sendPayload("interactivity", "in_02", {
+  await sendPayload(web_gl, "interactivity", "in_02", {
     Version: "0.0.1",
     Value: isHovering,
   });
 }
-async function i_scanState(_: string, message: string) {
-  transactionStarted.value = true;
-  scanStateIncoming.value = JSON.stringify(JSON.parse(message), null, 2);
-&nbsp;
-  setScanState(message);
-  await nextTick();
-  transactionStarted.value = false;
-}
 async function i_fileManagement(action: string, message: string) {
-  if (action !== FileManagementActions.fm02) return;
-  transactionStarted.value = true;
-&nbsp;
-  scanStateIncoming.value = JSON.stringify(JSON.parse(message), null, 2);
-  const obj = JSON.parse(unref(scanStateIncoming)) as InitialScanState;
-&nbsp;
-  setScanState(JSON.stringify(obj.DefaultDisplaySettings, null, 2));
-  initialScanState.value = obj;
-  huMinMax.value.max = obj.HuUpper;
-  huMinMax.value.min = obj.HuLower;
-  sMinMax.value.max = obj.XSlices;
-  cMinMax.value.max = obj.YSlices;
-  tMinMax.value.max = obj.ZSlices;
-  currentColourPreset.value = obj.ColourPresets[0];
-&nbsp;
-  await nextTick();
-  transactionStarted.value = false;
-  scanLoading.value = false;
-  drawerCollapsed.value = false;
-  await hoverOverCanvas(false);
+  if (action === FileManagementActions.fm02) {
+    await setInitialScanStateFromPayload(action, message);
 &nbsp;
-  if (
-    props.payload.Url ===
-    "https://webgl-3dr.singular.health/test_scans/01440d4e-8b04-4b90-bb2c-698535ce16d6/CHEST.3vxl"
-  ) <span class="branch-0 cbranch-no" title="branch not covered" >{</span>
-<span class="cstat-no" title="statement not covered" >    await hoverOverCanvas(true);</span>
-<span class="cstat-no" title="statement not covered" >    setTimeout(async () =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >      const volume = document.querySelector(`[data-box-internal='0']`);</span>
-<span class="cstat-no" title="statement not covered" >      const container = document.querySelector(`#unity-canvas`);</span>
-<span class="cstat-no" title="statement not covered" ></span>
-<span class="cstat-no" title="statement not covered" >      var box = volume.getBoundingClientRect(),</span>
-<span class="cstat-no" title="statement not covered" >        coordX = box.left + (box.right - box.left) / 2,</span>
-<span class="cstat-no" title="statement not covered" >        coordY = box.top + (box.bottom - box.top) / 2;</span>
-<span class="cstat-no" title="statement not covered" ></span>
-<span class="cstat-no" title="statement not covered" >      simulateMouseEvent(volume, "mouseover", coordX, coordY);</span>
-<span class="cstat-no" title="statement not covered" >      volume.addEventListener("mouseover", console.log);</span>
-<span class="cstat-no" title="statement not covered" >      volume.addEventListener("wheel", console.log);</span>
-<span class="cstat-no" title="statement not covered" >      // container.addEventListener("mouseover", console.log);</span>
-<span class="cstat-no" title="statement not covered" ></span>
-<span class="cstat-no" title="statement not covered" >      const evt = new WheelEvent("wheel", {</span>
-<span class="cstat-no" title="statement not covered" >        isTrusted: true,</span>
-<span class="cstat-no" title="statement not covered" >        deltaY: -250,</span>
-<span class="cstat-no" title="statement not covered" >        bubbles: true,</span>
-<span class="cstat-no" title="statement not covered" >        view: window,</span>
-<span class="cstat-no" title="statement not covered" >        offsetX: 397,</span>
-<span class="cstat-no" title="statement not covered" >        offsetY: 172,</span>
-<span class="cstat-no" title="statement not covered" >        // wheelDelta: 144,</span>
-<span class="cstat-no" title="statement not covered" >        // wheelDeltaY: 144,</span>
-<span class="cstat-no" title="statement not covered" >      });</span>
-<span class="cstat-no" title="statement not covered" >      // volume.dispatchEvent(</span>
-<span class="cstat-no" title="statement not covered" >      //   new MouseEvent("mouseover", {</span>
-<span class="cstat-no" title="statement not covered" >      //     clientX: coordX,</span>
-<span class="cstat-no" title="statement not covered" >      //     clientY: coordY,</span>
-<span class="cstat-no" title="statement not covered" >      //     bubbles: true,</span>
-<span class="cstat-no" title="statement not covered" >      //   })</span>
-<span class="cstat-no" title="statement not covered" >      // );</span>
-<span class="cstat-no" title="statement not covered" >      volume.dispatchEvent(evt);</span>
-<span class="cstat-no" title="statement not covered" ></span>
-<span class="cstat-no" title="statement not covered" >      await hoverOverCanvas(false);</span>
-<span class="cstat-no" title="statement not covered" >    }, 500);</span>
-<span class="cstat-no" title="statement not covered" ></span>
-<span class="cstat-no" title="statement not covered" >    // await sendPayload(</span>
-<span class="cstat-no" title="statement not covered" >    //   FrontEndInterfaces.scan_movement,</span>
-<span class="cstat-no" title="statement not covered" >    //   ScanMovementActions.sm05,</span>
-<span class="cstat-no" title="statement not covered" >    //   emptyPayload</span>
-<span class="cstat-no" title="statement not covered" >    // );</span>
-<span class="cstat-no" title="statement not covered" >    // TODO: call zooming</span>
-<span class="cstat-no" title="statement not covered" >  }</span>
-&nbsp;
-  // document.addEventListener("mousemove", console.log);
-}
-<span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >function simulateMouseEvent(element, eventName, coordX, coordY) {</span></span>
-<span class="cstat-no" title="statement not covered" >  element.dispatchEvent(</span>
-<span class="cstat-no" title="statement not covered" >    new MouseEvent(eventName, {</span>
-<span class="cstat-no" title="statement not covered" >      view: window,</span>
-<span class="cstat-no" title="statement not covered" >      bubbles: true,</span>
-<span class="cstat-no" title="statement not covered" >      cancelable: true,</span>
-<span class="cstat-no" title="statement not covered" >      clientX: coordX,</span>
-<span class="cstat-no" title="statement not covered" >      clientY: coordY,</span>
-<span class="cstat-no" title="statement not covered" >      button: 0,</span>
-<span class="cstat-no" title="statement not covered" >    })</span>
-<span class="cstat-no" title="statement not covered" >  );</span>
-<span class="cstat-no" title="statement not covered" >}</span>
-&nbsp;
-async function i_notifications(action: string, message: string) {
-  // const obj = JSON.parse(message);
-  // console.log(obj);
-  //{\"Version\":\"1.0.0\",\"Interface\":\"interactivity\",\"Action\":\"in_01\",\"Code\":\"0000\",\"Description\":\"\"}"
-  // if (obj.Description) {
-  //   if (action === NotificationActions.no01) {
-  //     await NotificationService.Instantiate().notificationSuccess(obj.Description);
-  //   }
-  //   if (action === NotificationActions.no02) {
-  //     await NotificationService.Instantiate().notificationError(obj.Description);
-  //   }
-  //   if (action === NotificationActions.no03) {
-  //     await NotificationService.Instantiate().notificationWarning(obj.Description);
-  //   }
-  // }
-}
-const isLayout2x2 = computed(() =&gt; {
-  return (
-    unref(scanState).Layout.PositionData.length &gt; 1 &amp;&amp;
-    unref(scanState).Layout.PositionData[0].Anchor === AnchorPoint.TOP_LEFT &amp;&amp;
-    unref(scanState).Layout.PositionData[1].Anchor === AnchorPoint.TOP_RIGHT &amp;&amp;
-    unref(scanState).Layout.PositionData[2].Anchor ===
-      AnchorPoint.BOTTOM_LEFT &amp;&amp;
-    unref(scanState).Layout.PositionData[3].Anchor === AnchorPoint.BOTTOM_RIGHT
-  );
-});
-const isLayout1x3 = computed(() =&gt; {
-  return (
-    unref(scanState).Layout.PositionData.length &gt; 1 &amp;&amp;
-    unref(scanState).Layout.PositionData[0].Anchor === AnchorPoint.CENTER &amp;&amp;
-    unref(scanState).Layout.PositionData[1].Anchor === AnchorPoint.TOP_RIGHT &amp;&amp;
-    unref(scanState).Layout.PositionData[2].Anchor === AnchorPoint.RIGHT &amp;&amp;
-    unref(scanState).Layout.PositionData[3].Anchor === AnchorPoint.BOTTOM_RIGHT
-  );
-});
-&nbsp;
-function getCurrentGreyscalePreset() {
-  for (const preset of unref(initialScanState).GreyscalePresets) {
-    if (
-      (unref(scanState).Display.WindowLower === preset.Lower ||
-        (preset.Lower &lt; unref(initialScanState).HuLower &amp;&amp;
-          unref(scanState).Display.WindowLower ===
-            unref(initialScanState).HuLower)) &amp;&amp;
-      (unref(scanState).Display.WindowUpper === preset.Upper ||
-        (preset.Upper &gt; unref(initialScanState).HuUpper &amp;&amp;
-          unref(scanState).Display.WindowUpper ===
-            unref(initialScanState).HuUpper))
-    ) {
-      return preset.Name;
-    }
+    await nextTick();
+    transactionStarted.value = false;
+    scanLoading.value = false;
+    drawerCollapsed.value = false;
+    await hoverOverCanvas(false);
   }
-  return undefined;
-}
-function setScanState(message: string) {
-  scanState.value = JSON.parse(message) as CurrentScanState;
 }
 &nbsp;
 function handleOnPayload(
@@ -4005,13 +3124,13 @@ function handleOnPayload(
   message: string
 ) {
   if (interfaceSet === FrontEndInterfaces.scan_state) {
-    i_scanState(actionSet, message);
+    setScanStateFromPayload(actionSet, message);
   }
   if (interfaceSet === FrontEndInterfaces.file_management) {
     i_fileManagement(actionSet, message);
   }
   if (interfaceSet === FrontEndInterfaces.notifications) {
-    i_notifications(actionSet, message);
+    handleNotification(actionSet, message);
   }
 }
 &nbsp;
@@ -4019,7 +3138,6 @@ defineExpose({
   alterValue,
   load,
   handleOnPayload,
-  setScanState,
   sendPayload,
   getIconForPreset,
   cSlider,
@@ -4027,16 +3145,13 @@ defineExpose({
   tSlider,
   thresholdSlider,
   windowSlider,
-  isLayout2x2,
-  isLayout1x3,
   m_closeDialog,
-  getCurrentGreyscalePreset,
   closeModal,
   snap,
   scanState,
   initialScanState,
   footerItems,
-  rotateByDeg,
+  // rotateByDeg,
   getCurrentActiveView,
   getViewName,
   fullscreenLayout,
@@ -4111,7 +3226,7 @@ defineExpose({
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-04-09T22:46:57.006Z
+                at 2024-04-10T05:32:35.256Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>