@opencor/opencor 0.20250814.4 → 0.20250818.0

package/dist/{quill-DZsCWNRW.js → quill-BTTaLw2k.js}

@@ -1,4 +1,4 @@
-import { c as ce, g as gl } from "./index-tP7x8zIn.js";
+import { c as ce, g as gl } from "./index-DBCnkxl5.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,35 +42,35 @@
     },
     "./style.css": "./dist/opencor.css"
   },
-  "version": "0.20250814.4",
+  "version": "0.20250818.0",
   "peerDependencies": {
-    "vue": "^3.0.0"
+    "vue": "^3.4.21"
   },
   "dependencies": {
     "@primeuix/themes": "^1.2.3",
-    "@primevue/auto-import-resolver": "^4.3.7",
-    "@tailwindcss/postcss": "^4.1.11",
-    "@tailwindcss/vite": "^4.1.11",
-    "@vueuse/core": "^13.6.0",
+    "@primevue/auto-import-resolver": "4.2.5",
+    "@vueuse/core": "12.8.2",
+    "@tailwindcss/postcss": "^4.1.12",
+    "@tailwindcss/vite": "^4.1.12",
     "js-cookie": "^3.0.5",
     "jsonschema": "^1.5.0",
     "mathjs": "^14.6.0",
-    "plotly.js-gl2d-dist-min": "^3.1.0",
+    "plotly.js-gl2d-dist-min": "2.35.3",
     "primeicons": "^7.0.0",
-    "primevue": "^4.3.7",
+    "primevue": "4.2.5",
     "quill": "^2.0.3",
-    "tailwindcss": "^4.1.11",
+    "tailwindcss": "^4.1.12",
     "tailwindcss-primeui": "^0.6.1",
     "ua-parser-js": "^2.0.4"
   },
   "devDependencies": {
     "@types/js-cookie": "^3.0.6",
-    "@types/node": "^24.2.1",
-    "@types/plotly.js": "^3.0.3",
+    "@types/plotly.js": "2.35.3",
+    "@types/node": "^24.3.0",
     "@vitejs/plugin-vue": "^6.0.1",
     "@vue/eslint-config-prettier": "^10.2.0",
     "@vue/eslint-config-typescript": "^14.6.0",
-    "@vue/tsconfig": "^0.7.0",
+    "@vue/tsconfig": "^0.8.0",
     "autoprefixer": "^10.4.21",
     "eslint": "^9.33.0",
     "prettier": "^3.6.2",

package/src/components/{LoadOpencorComponent.vue → BlockingMessageComponent.vue}

@@ -1,15 +1,21 @@
 <template>
-  <div class="loading p-overlay-mask">
+  <div class="blocking-message p-overlay-mask">
     <Message class="message" severity="secondary">
       <i class="message-icon pi pi-spin pi-cog" />
       <br />
-      <span class="message-text">Loading OpenCOR...</span>
+      <span class="message-text">{{ message }}</span>
     </Message>
   </div>
 </template>
 
+<script setup lang="ts">
+defineProps<{
+  message: string
+}>()
+</script>
+
 <style scoped>
-.loading {
+.blocking-message {
   z-index: 99999;
 }
 

package/src/components/OpenCOR.vue

@@ -16,11 +16,11 @@
         />
       </div>
       <div class="h-full" @dragenter="onDragEnter" @dragover.prevent @drop.prevent="onDrop" @dragleave="onDragLeave">
-        <LoadOpencorComponent v-show="loadingLipencorWebAssemblyModuleVisible" />
+        <BlockingMessageComponent message="Loading OpenCOR..." v-show="loadingLipencorWebAssemblyModuleVisible" />
         <ContentsComponent ref="contents" :simulationOnly="omex !== undefined" />
         <DragNDropComponent v-show="dropAreaCounter > 0" />
         <BlockUI :blocked="!uiEnabled" :fullScreen="true"></BlockUI>
-        <SpinningWheelComponent v-show="spinningWheelVisible" />
+        <BlockingMessageComponent message="Loading model..." v-show="spinningWheelVisible" />
       </div>
     </div>
   </div>

package/src/components/propertyEditors/PropertyEditor.vue

@@ -25,18 +25,21 @@
 <script setup lang="ts">
 import { type DataTableCellEditCompleteEvent } from 'primevue/datatable'
 
-interface IProps {
-  name: string
-  hasUnits?: boolean
-  properties: {
-    property: string
-    value: number
-    unit?: string
-  }[]
-}
-
-const { hasUnits = true, name, properties } = defineProps<IProps>()
-const columnWidth = `width: calc(100% / ${hasUnits ? '3' : '2'})`
+const props = withDefaults(
+  defineProps<{
+    name: string
+    hasUnits?: boolean
+    properties: {
+      property: string
+      value: number
+      unit?: string
+    }[]
+  }>(),
+  {
+    hasUnits: true
+  }
+)
+const columnWidth = `width: calc(100% / ${props.hasUnits ? '3' : '2'})`
 const emit = defineEmits(['propertyUpdated'])
 
 function onCellEditComplete(event: DataTableCellEditCompleteEvent): void {

package/src/components/widgets/GraphPanelWidget.vue

@@ -1,7 +1,7 @@
 <template>
-  <div class="h-full">
+  <div class="flex flex-row h-full">
     <div v-if="showMarker" class="marker" />
-    <div ref="mainDiv" class="h-full" />
+    <div ref="mainDiv" class="grow h-full" />
   </div>
 </template>
 
@@ -41,12 +41,15 @@ export interface IGraphPanelPlot {
   y: IGraphPanelPlotData
 }
 
-interface IProps {
-  plots: IGraphPanelPlot[]
-  showMarker?: boolean
-}
-
-const { plots, showMarker = false } = defineProps<IProps>()
+const props = withDefaults(
+  defineProps<{
+    plots: IGraphPanelPlot[]
+    showMarker?: boolean
+  }>(),
+  {
+    showMarker: false
+  }
+)
 
 const mainDiv = vue.ref<InstanceType<typeof Element> | null>(null)
 
@@ -84,11 +87,11 @@ function themeData() {
 }
 
 vue.watch(
-  () => [plots, vueCommon.useLightMode()],
+  () => [props.plots, vueCommon.useLightMode()],
   () => {
     Plotly.react(
       mainDiv.value,
-      plots.map((plot) => ({
+      props.plots.map((plot) => ({
         x: plot.x.data,
         y: plot.y.data,
         type: 'scattergl'