@opencor/opencor 0.20250822.0 → 0.20250823.0

package/dist/{quill-BuRGxrCd.js → quill-pOzwAhrV.js}

@@ -1,4 +1,4 @@
-import { c as ce, g as gl } from "./index-Bo9Lkhfn.js";
+import { c as ce, g as gl } from "./index-in3ZZStA.js";
 var pl = typeof global == "object" && global && global.Object === Object && global, yo = typeof self == "object" && self && self.Object === Object && self, Zt = pl || yo || Function("return this")(), de = Zt.Symbol, ml = Object.prototype, vo = ml.hasOwnProperty, Eo = ml.toString, yr = de ? de.toStringTag : void 0;
 function Ao(n) {
   var t = vo.call(n, yr), e = n[yr];

package/package.json

@@ -42,7 +42,7 @@
     },
     "./style.css": "./dist/opencor.css"
   },
-  "version": "0.20250822.0",
+  "version": "0.20250823.0",
   "peerDependencies": {
     "vue": "^3.4.21"
   },
@@ -72,7 +72,7 @@
     "@vue/eslint-config-typescript": "^14.6.0",
     "@vue/tsconfig": "^0.8.1",
     "autoprefixer": "^10.4.21",
-    "eslint": "^9.33.0",
+    "eslint": "^9.34.0",
     "prettier": "^3.6.2",
     "unplugin-vue-components": "^29.0.0",
     "vite": "^7.1.3"

package/src/App.vue

@@ -1,9 +1,7 @@
 <template>
-  <div id="app">
-    <OpenCOR />
-    <!-- <OpenCOR omex="https://raw.githubusercontent.com/opencor/webapp/refs/heads/main/tests/models/lorenz.cellml" /> -->
-    <!-- <OpenCOR omex="https://raw.githubusercontent.com/opencor/webapp/refs/heads/main/tests/models/lorenz.omex" /> -->
-    <!-- <OpenCOR omex="https://raw.githubusercontent.com/opencor/webapp/refs/heads/main/tests/models/ui/lorenz.omex" /> -->
-    <!-- <OpenCOR omex="https://models.physiomeproject.org/workspace/b7c/rawfile/e0ae8d2d56aaaa091e23e1ee7e84cacbda1dfb6b/lorenz.omex" /> -->
-  </div>
+  <OpenCOR />
+  <!-- <OpenCOR omex="https://raw.githubusercontent.com/opencor/webapp/refs/heads/main/tests/models/lorenz.cellml" /> -->
+  <!-- <OpenCOR omex="https://raw.githubusercontent.com/opencor/webapp/refs/heads/main/tests/models/lorenz.omex" /> -->
+  <!-- <OpenCOR omex="https://raw.githubusercontent.com/opencor/webapp/refs/heads/main/tests/models/ui/lorenz.omex" /> -->
+  <!-- <OpenCOR omex="https://models.physiomeproject.org/workspace/b7c/rawfile/e0ae8d2d56aaaa091e23e1ee7e84cacbda1dfb6b/lorenz.omex" /> -->
 </template>

package/src/ContainerApp.vue

@@ -0,0 +1,21 @@
+<template>
+  <div class="h-screen">
+    <Splitter class="h-full" layout="vertical">
+      <SplitterPanel class="flex items-center justify-center bg-blue-500" :size="15">Top panel...</SplitterPanel>
+      <SplitterPanel :size="50">
+        <Splitter>
+          <SplitterPanel class="flex items-center justify-center bg-red-500" :size="15">Left panel...</SplitterPanel>
+          <SplitterPanel :size="50">
+            <OpenCOR />
+            <!-- <OpenCOR omex="https://raw.githubusercontent.com/opencor/webapp/refs/heads/main/tests/models/lorenz.cellml" /> -->
+            <!-- <OpenCOR omex="https://raw.githubusercontent.com/opencor/webapp/refs/heads/main/tests/models/lorenz.omex" /> -->
+            <!-- <OpenCOR omex="https://raw.githubusercontent.com/opencor/webapp/refs/heads/main/tests/models/ui/lorenz.omex" /> -->
+            <!-- <OpenCOR omex="https://models.physiomeproject.org/workspace/b7c/rawfile/e0ae8d2d56aaaa091e23e1ee7e84cacbda1dfb6b/lorenz.omex" /> -->
+          </SplitterPanel>
+          <SplitterPanel class="flex items-center justify-center bg-red-500" :size="35">Right panel...</SplitterPanel>
+        </Splitter>
+      </SplitterPanel>
+      <SplitterPanel class="flex items-center justify-center bg-blue-500" :size="35">Bottom panel...</SplitterPanel>
+    </Splitter>
+  </div>
+</template>

package/src/components/OpenCOR.vue

@@ -1,5 +1,5 @@
 <template>
-  <BlockUI id="blockUi" :blocked="!uiEnabled" class="h-full">
+  <BlockUI id="blockUi" :blocked="!uiEnabled" class="overflow-hidden" :style="blockUiStyle">
     <Toast id="toast" :pt:root:style="{ position: 'absolute' }" />
     <BackgroundComponent v-show="loadingOpencorMessageVisible || loadingModelMessageVisible || omex === undefined" />
     <BlockingMessageComponent message="Loading OpenCOR..." v-show="loadingOpencorMessageVisible" />
@@ -17,6 +17,7 @@
       <DragNDropComponent v-show="dragAndDropCounter > 0" />
       <div v-show="!electronApi && omex === undefined">
         <MainMenu
+          v-show="mainMenuVisible"
           :uiEnabled="compUiEnabled"
           :hasFiles="hasFiles"
           @about="onAbout"
@@ -546,6 +547,23 @@ electronApi?.onSelect((filePath: string) => {
 
 vueCommon.trackElementHeight('blockUi')
 
+// Set the height of our block UI.
+
+const blockUiStyle = vue.ref({})
+const mainMenuVisible = vue.ref<boolean>(false)
+
+vue.onMounted(() => {
+  // Set the height of our block UI to either '100vh' or '100%', depending on the height of our document element.
+
+  blockUiStyle.value =
+    window.getComputedStyle(document.documentElement).height === '0px' ? { height: '100vh' } : { height: '100%' }
+
+  // We have set the height of our block UI, so we can now safely show our main menu.
+  // Note: indeed, to properly determine the height of our document element, we must ensure that our own height is zero.
+
+  mainMenuVisible.value = true
+})
+
 // If a COMBINE archive is provided then open it (and then the Simulation Experiment view will be shown in isolation) or
 // carry as normal (i.e. the whole OpenCOR UI will be shown).
 

package/src/main.ts

@@ -1,5 +1,6 @@
 import { createApp } from 'vue'
 
 import App from './App.vue'
+// import App from './ContainerApp.vue'
 
 createApp(App).mount('#app')