@opencor/opencor 0.20250822.1 → 0.20250826.0

package/dist/{quill-9xS7rWIp.js → quill-CuAVUOyy.js}

@@ -1,4 +1,7 @@
-import { c as ce, g as gl } from "./index-Bf8mb7fA.js";
+var ce = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function gl(n) {
+  return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
+}
 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];
@@ -7508,13 +7511,13 @@ A.register({
   "ui/color-picker": ho,
   "ui/tooltip": go
 }, !0);
-const _g = Nt.AttributeMap, Sg = Nt.Op, Og = Nt.OpIterator;
+const Lg = Nt.AttributeMap, _g = Nt.Op, Sg = Nt.OpIterator;
 export {
-  _g as AttributeMap,
+  Lg as AttributeMap,
   k as Delta,
   Xt as Module,
-  Sg as Op,
-  Og as OpIterator,
+  _g as Op,
+  Sg as OpIterator,
   Qh as Parchment,
   xe as Range,
   A as default

package/package.json

@@ -24,7 +24,6 @@
     "combine"
   ],
   "license": "Apache-2.0",
-  "main": "dist/opencor.umd.js",
   "module": "dist/opencor.es.js",
   "name": "@opencor/opencor",
   "productName": "OpenCOR",
@@ -37,12 +36,11 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/opencor.es.js",
-      "require": "./dist/opencor.umd.js"
+      "import": "./dist/opencor.es.js"
     },
     "./style.css": "./dist/opencor.css"
   },
-  "version": "0.20250822.1",
+  "version": "0.20250826.0",
   "peerDependencies": {
     "vue": "^3.4.21"
   },
@@ -54,8 +52,6 @@
     "@vueuse/core": "12.8.2",
     "js-cookie": "^3.0.5",
     "jsonschema": "^1.5.0",
-    "mathjs": "^14.6.0",
-    "plotly.js-gl2d-dist-min": "3.1.0",
     "primeicons": "^7.0.0",
     "primevue": "4.2.5",
     "quill": "^2.0.3",
@@ -72,7 +68,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" class="h-screen overflow-hidden">
-    <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/components/views/SimulationExperimentUiView.vue

@@ -34,7 +34,7 @@
 </template>
 
 <script setup lang="ts">
-import * as mathjs from 'mathjs'
+import * as mathjs from 'https://cdn.jsdelivr.net/npm/mathjs@14.6.0/+esm'
 import * as vue from 'vue'
 
 import * as locCommon from '../../common/locCommon'

package/src/components/widgets/GraphPanelWidget.vue

@@ -6,7 +6,7 @@
 </template>
 
 <script setup lang="ts">
-import Plotly from 'plotly.js-gl2d-dist-min'
+import Plotly from 'https://cdn.jsdelivr.net/npm/plotly.js-gl2d-dist-min@3.1.0/+esm'
 import * as vue from 'vue'
 
 import * as vueCommon from '../../common/vueCommon'

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')