@3cr/viewer-browser 0.0.61 → 0.0.86

package/components.d.ts

@@ -7,7 +7,6 @@ export {}
 
 declare module 'vue' {
   export interface GlobalComponents {
-    DemoModal: typeof import('./src/components/modal/DemoModal.vue')['default']
     DoubleSliderSelector: typeof import('./src/components/sliders/DoubleSliderSelector.vue')['default']
     Liver: typeof import('./src/components/icons/liver.vue')['default']
     LoadingSpinner: typeof import('./src/components/loading/LoadingSpinner.vue')['default']

package/coverage/3cr-viewer-browser/index.html

@@ -25,7 +25,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>42/42</span>
+                <span class='fraction'>38/38</span>
             </div>
         
             
@@ -46,7 +46,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>42/42</span>
+                <span class='fraction'>38/38</span>
             </div>
         
             
@@ -84,13 +84,13 @@
 	<div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
 	</td>
 	<td data-value="100" class="pct high">100%</td>
-	<td data-value="42" class="abs high">42/42</td>
+	<td data-value="38" class="abs high">38/38</td>
 	<td data-value="100" class="pct high">100%</td>
 	<td data-value="3" class="abs high">3/3</td>
 	<td data-value="100" class="pct high">100%</td>
 	<td data-value="2" class="abs high">2/2</td>
 	<td data-value="100" class="pct high">100%</td>
-	<td data-value="42" class="abs high">42/42</td>
+	<td data-value="38" class="abs high">38/38</td>
 	</tr>
 
 </tbody>
@@ -101,7 +101,7 @@
             <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>

package/coverage/3cr-viewer-browser/index.ts.html

@@ -25,7 +25,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>42/42</span>
+                <span class='fraction'>38/38</span>
             </div>
         
             
@@ -46,7 +46,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>42/42</span>
+                <span class='fraction'>38/38</span>
             </div>
         
             
@@ -101,15 +101,7 @@
 <a name='L36'></a><a href='#L36'>36</a>
 <a name='L37'></a><a href='#L37'>37</a>
 <a name='L38'></a><a href='#L38'>38</a>
-<a name='L39'></a><a href='#L39'>39</a>
-<a name='L40'></a><a href='#L40'>40</a>
-<a name='L41'></a><a href='#L41'>41</a>
-<a name='L42'></a><a href='#L42'>42</a>
-<a name='L43'></a><a href='#L43'>43</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>
-<span class="cline-any cline-yes">1x</span>
+<a name='L39'></a><a href='#L39'>39</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>
@@ -136,7 +128,7 @@
 <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>
@@ -149,17 +141,13 @@
 <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">import { registerVersion } from "@3cr/sdk-browser";
 import { ComponentPublicInstance, createApp } from "vue";
-import { registerPlugins } from "./src/plugins";
+import { registerPlugins } from "@/plugins";
 import { App as BrowserViewer } from "./src/main";
-&nbsp;
-export interface LoadViewerPayload {
-  Url: string;
-  DecryptionKey: MftpDecryptionKey;
-}
-export interface MftpDecryptionKey {
-  Key: string;
-  Iv: string;
-}
+import {
+  defaultLoadViewerOptions,
+  LoadViewerOptions,
+} from "@/models/LoadViewerOptions";
+import { LoadViewerPayload } from "@/models/LoadViewerPayload";
 &nbsp;
 let mountedApp: ComponentPublicInstance | undefined = undefined;
 &nbsp;
@@ -178,16 +166,16 @@ export async function registerViewer(version: string) {
   await registerVersion(version);
 }
 &nbsp;
-// TODO: accept callbacks for each function we want the parent to handle
 export async function loadViewer(
-  payload: LoadViewerPayload | undefined = undefined
+  payload: LoadViewerPayload | undefined = undefined,
+  options: LoadViewerOptions = defaultLoadViewerOptions
 ): Promise&lt;void&gt; {
   if (!mountedApp) {
     throw new Error(
       "Please call `registerViewer(version: string, idSelector: string)` first"
     );
   }
-  await (mountedApp as any).loadInstance(payload);
+  await (mountedApp as any).loadInstance(payload, options);
 }
 &nbsp;</pre></td></tr></table></pre>
 
@@ -196,7 +184,7 @@ export async function loadViewer(
             <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>

package/coverage/3cr-viewer-browser/src/App.vue.html

@@ -25,7 +25,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>76/76</span>
+                <span class='fraction'>77/77</span>
             </div>
         
             
@@ -46,7 +46,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>76/76</span>
+                <span class='fraction'>77/77</span>
             </div>
         
             
@@ -139,7 +139,8 @@
 <a name='L74'></a><a href='#L74'>74</a>
 <a name='L75'></a><a href='#L75'>75</a>
 <a name='L76'></a><a href='#L76'>76</a>
-<a name='L77'></a><a href='#L77'>77</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
+<a name='L77'></a><a href='#L77'>77</a>
+<a name='L78'></a><a href='#L78'>78</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>
@@ -164,20 +165,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">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">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>
@@ -216,64 +218,65 @@
 <span class="cline-any cline-yes">1x</span>
 <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;template&gt;
-  &lt;v-app style="height: 0; width: 0;"&gt;
+  &lt;v-app style="height: 0; width: 0"&gt;
     &lt;MftpWebGL3DRModal ref="mftpWebGL3DRModal" :payload="payload" /&gt;
   &lt;/v-app&gt;
+  &lt;Notifications /&gt;
 &lt;/template&gt;
 &nbsp;
 &lt;script setup lang="ts"&gt;
-&nbsp;
 import MftpWebGL3DRModal from "@/components/modal/MftpWebGL3DRModal.vue";
-import {ref, unref} from "vue";
-import {LoadViewerPayload} from "../index";
+import { ref, unref } from "vue";
+import { Notifications } from "@kyvg/vue3-notification";
+import { LoadViewerPayload } from "@/models/LoadViewerPayload";
+import {
+  defaultLoadViewerOptions,
+  LoadViewerOptions,
+} from "@/models/LoadViewerOptions";
 &nbsp;
 const payload = ref&lt;LoadViewerPayload&gt;({
-  Url:"https://webgl-3dr.singular.health/test_scans/01440d4e-8b04-4b90-bb2c-698535ce16d6/CHEST.3vxl",
-  DecryptionKey:{
-    Iv:"XEloSh+OcO7TG77au6HjPw==",
-    Key:"KUc722X1y4w42M+jCf9a3+6EGz66z7UMWK3m2aMqGxM="
-  }
+  Url: "https://webgl-3dr.singular.health/test_scans/01440d4e-8b04-4b90-bb2c-698535ce16d6/CHEST.3vxl",
+  DecryptionKey: {
+    Iv: "XEloSh+OcO7TG77au6HjPw==",
+    Key: "KUc722X1y4w42M+jCf9a3+6EGz66z7UMWK3m2aMqGxM=",
+  },
 });
+const options = ref&lt;LoadViewerOptions&gt;(defaultLoadViewerOptions);
 &nbsp;
-const mftpWebGL3DRModal = ref&lt;typeof MftpWebGL3DRModal | null&gt;(null)
+const mftpWebGL3DRModal = ref&lt;typeof MftpWebGL3DRModal | null&gt;(null);
 defineExpose({
-  loadInstance
-})
+  loadInstance,
+});
 &nbsp;
-async function loadInstance(payloadIncoming: LoadViewerPayload | undefined = undefined) {
+async function loadInstance(
+  payloadIncoming: LoadViewerPayload | undefined,
+  optionsIncoming: LoadViewerOptions
+) {
   payload.value = payloadIncoming || payload.value;
+  options.value = optionsIncoming;
 &nbsp;
-  unref(mftpWebGL3DRModal)?.alterValue(true)
+  unref(mftpWebGL3DRModal)?.alterValue(true);
 }
 &lt;/script&gt;
 &lt;style&gt;
-&nbsp;
-.material-icons-outlined, .material-symbols-outlined {
-  font-variation-settings:
-    'FILL' 0,
-    'wght' 300,
-    'GRAD' 0,
-    'opsz' 24;
+.material-icons-outlined,
+.material-symbols-outlined {
+  font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;
 }
-.material-icons, .material-symbols {
-  font-variation-settings:
-    'FILL' 0,
-    'wght' 300,
-    'GRAD' 0,
-    'opsz' 24;
+.material-icons,
+.material-symbols {
+  font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;
 }
-.material-icons-filled, .material-symbols-filled {
-  font-variation-settings:
-    'FILL' 1,
-    'wght' 300,
-    'GRAD' 0,
-    'opsz' 24 !important;
+.material-icons-filled,
+.material-symbols-filled {
+  font-variation-settings: "FILL" 1, "wght" 300, "GRAD" 0, "opsz" 24 !important;
 }
 .overflow-y-scroll {
   overflow-y: scroll;
 }
-.material-icons-outlined, .material-icons  {
-  font-family: 'Material Symbols Outlined' !important;
+.material-icons-outlined,
+.material-icons {
+  font-family: "Material Symbols Outlined" !important;
   font-weight: normal;
   font-style: normal;
   font-size: 24px;
@@ -284,7 +287,7 @@ async function loadInstance(payloadIncoming: LoadViewerPayload | undefined = und
   white-space: nowrap;
   word-wrap: normal;
   direction: ltr;
-  -webkit-font-feature-settings: 'liga';
+  -webkit-font-feature-settings: "liga";
   -webkit-font-smoothing: antialiased;
 }
 .transparent {
@@ -298,7 +301,7 @@ async function loadInstance(payloadIncoming: LoadViewerPayload | undefined = und
             <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>

package/coverage/3cr-viewer-browser/src/components/WebGL3DR.vue.html

@@ -427,7 +427,7 @@ function receiveMessageFromUnity(json: FrontEndPayload) {
             <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>

package/coverage/3cr-viewer-browser/src/components/icons/index.html

@@ -101,7 +101,7 @@
             <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>

package/coverage/3cr-viewer-browser/src/components/icons/liver.vue.html

@@ -133,7 +133,7 @@
             <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>

package/coverage/3cr-viewer-browser/src/components/index.html

@@ -101,7 +101,7 @@
             <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>

package/coverage/3cr-viewer-browser/src/components/loading/LoadingSpinner.vue.html

@@ -25,7 +25,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>157/157</span>
+                <span class='fraction'>179/179</span>
             </div>
         
             
@@ -46,7 +46,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>157/157</span>
+                <span class='fraction'>179/179</span>
             </div>
         
             
@@ -220,7 +220,51 @@
 <a name='L155'></a><a href='#L155'>155</a>
 <a name='L156'></a><a href='#L156'>156</a>
 <a name='L157'></a><a href='#L157'>157</a>
-<a name='L158'></a><a href='#L158'>158</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
+<a name='L158'></a><a href='#L158'>158</a>
+<a name='L159'></a><a href='#L159'>159</a>
+<a name='L160'></a><a href='#L160'>160</a>
+<a name='L161'></a><a href='#L161'>161</a>
+<a name='L162'></a><a href='#L162'>162</a>
+<a name='L163'></a><a href='#L163'>163</a>
+<a name='L164'></a><a href='#L164'>164</a>
+<a name='L165'></a><a href='#L165'>165</a>
+<a name='L166'></a><a href='#L166'>166</a>
+<a name='L167'></a><a href='#L167'>167</a>
+<a name='L168'></a><a href='#L168'>168</a>
+<a name='L169'></a><a href='#L169'>169</a>
+<a name='L170'></a><a href='#L170'>170</a>
+<a name='L171'></a><a href='#L171'>171</a>
+<a name='L172'></a><a href='#L172'>172</a>
+<a name='L173'></a><a href='#L173'>173</a>
+<a name='L174'></a><a href='#L174'>174</a>
+<a name='L175'></a><a href='#L175'>175</a>
+<a name='L176'></a><a href='#L176'>176</a>
+<a name='L177'></a><a href='#L177'>177</a>
+<a name='L178'></a><a href='#L178'>178</a>
+<a name='L179'></a><a href='#L179'>179</a>
+<a name='L180'></a><a href='#L180'>180</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>
+<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>
@@ -378,10 +422,13 @@
 <span class="cline-any cline-yes">1x</span>
 <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;script setup lang="ts"&gt;
-import {ref} from "vue";
-&nbsp;
-const text = ref&lt;string&gt;('Loading Online Viewer')
+export interface Props {
+  text: string;
+}
 &nbsp;
+const props = withDefaults(defineProps&lt;Props&gt;(), {
+  text: "Loading Online Viewer",
+});
 &lt;/script&gt;
 &nbsp;
 &lt;template&gt;
@@ -394,7 +441,10 @@ const text = ref&lt;string&gt;('Loading Online Viewer')
         &lt;div class="circle"&gt;&lt;/div&gt;
       &lt;/div&gt;
     &lt;/div&gt;
-    &lt;div class="mx-auto text-center white--text text-h3" v-html="text"&gt;&lt;/div&gt;
+    &lt;div
+      class="mx-auto text-center text-white text-h3"
+      v-html="props.text"
+    &gt;&lt;/div&gt;
   &lt;/div&gt;
 &lt;/template&gt;
 &nbsp;
@@ -429,9 +479,20 @@ const text = ref&lt;string&gt;('Loading Online Viewer')
   --in: 80%;
   --ar: #8799a4;
   --dt: #ffffff;
-  --shadow: drop-shadow(0vmin 0vmin 0.5vmin rgba(0, 0, 0, 0.35)) drop-shadow(0vmin 1vmin 0.5vmin rgba(0, 0, 0, 0.09));
-  --cross: linear-gradient(0deg, #fff0 calc(50% - 2px), #000 calc(50% - 1px) calc(50% + 1px), #fff0 calc(50% + 2px)),
-    linear-gradient(90deg, #fff0 calc(50% - 2px), #000 calc(50% - 1px) calc(50% + 1px), #fff0 calc(50% + 2px));
+  --shadow: drop-shadow(0vmin 0vmin 0.5vmin rgba(0, 0, 0, 0.35))
+    drop-shadow(0vmin 1vmin 0.5vmin rgba(0, 0, 0, 0.09));
+  --cross: linear-gradient(
+      0deg,
+      #fff0 calc(50% - 2px),
+      #000 calc(50% - 1px) calc(50% + 1px),
+      #fff0 calc(50% + 2px)
+    ),
+    linear-gradient(
+      90deg,
+      #fff0 calc(50% - 2px),
+      #000 calc(50% - 1px) calc(50% + 1px),
+      #fff0 calc(50% + 2px)
+    );
   border: 6vmin solid var(--ar);
   width: var(--in);
   height: var(--in);
@@ -443,7 +504,8 @@ const text = ref&lt;string&gt;('Loading Online Viewer')
   top: 15vmin;
   right: -10vmin;
   animation: spin-bot var(--sp) ease 0s infinite;
-  background-image: var(--cross), radial-gradient(var(--dt) 5.5vmin, #fff0 calc(5.5vmin + 1px));
+  background-image: var(--cross),
+    radial-gradient(var(--dt) 5.5vmin, #fff0 calc(5.5vmin + 1px));
   background-repeat: no-repeat;
   background-size: 3vmin 1vmin, 1vmin 3vmin, 100% 100%;
   background-position: center center;
@@ -455,7 +517,8 @@ const text = ref&lt;string&gt;('Loading Online Viewer')
   top: -2vmin;
   animation: spin-top var(--sp) ease 0s infinite;
   transform: rotate(-45deg);
-  background-image: var(--cross), radial-gradient(var(--dt) 1.25vmin, #fff0 calc(1.25vmin + 1px));
+  background-image: var(--cross),
+    radial-gradient(var(--dt) 1.25vmin, #fff0 calc(1.25vmin + 1px));
   right: -4vmin;
   filter: hue-rotate(10deg) var(--shadow);
   background-size: 1.4vmin 1vmin, 1vmin 1.4vmin, 100% 100%;
@@ -467,7 +530,8 @@ const text = ref&lt;string&gt;('Loading Online Viewer')
   left: -13vmin;
   transform: rotate(175deg);
   animation: spin-left var(--sp) ease calc(var(--sp) / 4) infinite;
-  background-image: var(--cross), radial-gradient(var(--dt) 9vmin, #fff0 calc(9vmin + 1px));
+  background-image: var(--cross),
+    radial-gradient(var(--dt) 9vmin, #fff0 calc(9vmin + 1px));
   filter: hue-rotate(20deg) var(--shadow);
   background-size: 5vmin 1vmin, 1vmin 5vmin, 100% 100%;
 }
@@ -477,8 +541,10 @@ const text = ref&lt;string&gt;('Loading Online Viewer')
   top: 35vmin;
   left: -6vmin;
   transform: rotate(-280deg);
-  animation: spin-last var(--sp) ease calc(calc(calc(var(--sp) / 4) + var(--sp)) * -1) infinite;
-  background-image: var(--cross), radial-gradient(var(--dt) 2.5vmin, #fff0 calc(2.5vmin + 1px));
+  animation: spin-last var(--sp) ease
+    calc(calc(calc(var(--sp) / 4) + var(--sp)) * -1) infinite;
+  background-image: var(--cross),
+    radial-gradient(var(--dt) 2.5vmin, #fff0 calc(2.5vmin + 1px));
   filter: hue-rotate(30deg) var(--shadow);
   background-size: 2vmin 1vmin, 1vmin 2vmin, 100% 100%;
 }
@@ -541,7 +607,7 @@ const text = ref&lt;string&gt;('Loading Online Viewer')
             <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>

package/coverage/3cr-viewer-browser/src/components/loading/index.html

@@ -25,7 +25,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>157/157</span>
+                <span class='fraction'>179/179</span>
             </div>
         
             
@@ -46,7 +46,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>157/157</span>
+                <span class='fraction'>179/179</span>
             </div>
         
             
@@ -84,13 +84,13 @@
 	<div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
 	</td>
 	<td data-value="100" class="pct high">100%</td>
-	<td data-value="157" class="abs high">157/157</td>
+	<td data-value="179" class="abs high">179/179</td>
 	<td data-value="100" class="pct high">100%</td>
 	<td data-value="0" class="abs high">0/0</td>
 	<td data-value="100" class="pct high">100%</td>
 	<td data-value="0" class="abs high">0/0</td>
 	<td data-value="100" class="pct high">100%</td>
-	<td data-value="157" class="abs high">157/157</td>
+	<td data-value="179" class="abs high">179/179</td>
 	</tr>
 
 </tbody>
@@ -101,7 +101,7 @@
             <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>