@opencor/opencor 0.20250818.0 → 0.20250822.0

package/src/components/dialogs/UpdateDownloadProgressDialog.vue

@@ -9,9 +9,3 @@ defineProps<{
   percent: number
 }>()
 </script>
-
-<style scoped>
-.no-animation :deep(.p-progressbar-value) {
-  transition: none !important;
-}
-</style>

package/src/components/propertyEditors/PropertyEditor.vue

@@ -52,10 +52,6 @@ function onCellEditComplete(event: DataTableCellEditCompleteEvent): void {
 </script>
 
 <style scoped>
-:deep(.p-datatable-header-cell) {
-  transition: none;
-}
-
 :deep(.p-inputnumber-input) {
   padding: 0 2px !important;
   margin: 0 !important;

package/src/components/views/IssuesView.vue

@@ -1,6 +1,6 @@
 <template>
-  <Fieldset class="ml-4! mr-4! mb-4!" legend="Issues">
-    <ScrollPanel :class="simulationOnly ? 'issues-scroll-panel-only' : 'issues-scroll-panel'">
+  <Fieldset :class="'ml-4! mr-4! mb-4! ' + (simulationOnly ? 'fieldset-simulation-only' : 'fieldset')" legend="Issues">
+    <ScrollPanel :class="simulationOnly ? 'scroll-panel-simulation-only' : 'scroll-panel'">
       <div v-for="(issue, index) in issues" :key="`issue_${index}`" :class="`issue ${index > 0 ? 'mt-4!' : ''}`">
         <Message v-if="issue.type === locApi.EIssueType.ERROR" severity="error" icon="pi pi-times-circle">
           {{ issue.description }}
@@ -23,15 +23,28 @@ defineProps<{
 </script>
 
 <style scoped>
+.fieldset,
+.fieldset-simulation-only {
+  overflow: hidden;
+}
+
+.fieldset {
+  height: calc(var(--block-ui-height) - var(--main-menu-height) - var(--file-tablist-height) - 1rem);
+}
+
+.fieldset-simulation-only {
+  height: calc(var(--block-ui-height) - 1rem);
+}
+
 .issue {
   user-select: text;
 }
 
-.issues-scroll-panel-only {
-  height: calc(100vh - 4.75rem);
+.scroll-panel {
+  height: calc(var(--block-ui-height) - var(--main-menu-height) - var(--file-tablist-height) - 4.75rem);
 }
 
-.issues-scroll-panel {
-  height: calc(100vh - var(--main-menu-height) - var(--file-tablist-height) - 4.75rem);
+.scroll-panel-simulation-only {
+  height: calc(var(--block-ui-height) - 4.75rem);
 }
 </style>

package/src/components/views/SimulationExperimentUiView.vue

@@ -1,23 +1,25 @@
 <template>
-  <div :class="`flex flex-row h-full ${simulationOnly ? 'simulation-experiment-only' : 'simulation-experiment'}`">
+  <div :class="`flex flex-row h-full ${simulationOnly ? 'div-simulation-only' : 'div-simulation'}`">
     <IssuesView v-if="issues.length !== 0" class="grow" :issues="issues" :simulationOnly="simulationOnly" />
     <div v-else class="flex flex-row grow">
       <div class="ml-4 mr-4 mb-4">
-        <Fieldset legend="Input parameters">
-          <InputWidget
-            v-for="(input, index) in (uiJson as any).input"
-            v-model="inputValues[index]"
-            v-show="showInput[index]"
-            :key="`input_${index}`"
-            :name="input.name"
-            :maximumValue="input.maximumValue"
-            :minimumValue="input.minimumValue"
-            :possibleValues="input.possibleValues"
-            :stepValue="input.stepValue"
-            :class="index !== 0 ? 'mt-6' : ''"
-            @change="updateUiAndSimulation"
-          />
-        </Fieldset>
+        <ScrollPanel class="h-full">
+          <Fieldset legend="Input parameters">
+            <InputWidget
+              v-for="(input, index) in (uiJson as any).input"
+              v-model="inputValues[index]"
+              v-show="showInput[index]"
+              :key="`input_${index}`"
+              :name="input.name"
+              :maximumValue="input.maximumValue"
+              :minimumValue="input.minimumValue"
+              :possibleValues="input.possibleValues"
+              :stepValue="input.stepValue"
+              :class="index !== 0 ? 'mt-6' : ''"
+              @change="updateUiAndSimulation"
+            />
+          </Fieldset>
+        </ScrollPanel>
       </div>
       <div :id="plotsDivId" class="grow">
         <GraphPanelWidget
@@ -46,7 +48,7 @@ const props = defineProps<{
   uiJson: locApi.IUiJson
 }>()
 
-const math = mathjs.create(mathjs.all, {})
+const math = mathjs.create(mathjs.all ?? {}, {})
 const model = props.file.document().model(0)
 const instance = props.file.instance()
 const instanceTask = instance.task(0)
@@ -142,11 +144,11 @@ function updateUiAndSimulation() {
   height: calc(100% / var(--graph-panel-widget-count));
 }
 
-.simulation-experiment-only {
-  height: 100vh;
+.div-simulation-only {
+  height: var(--block-ui-height);
 }
 
-.simulation-experiment {
-  height: calc(100vh - var(--main-menu-height) - var(--file-tablist-height));
+.div-simulation {
+  height: calc(var(--block-ui-height) - var(--main-menu-height) - var(--file-tablist-height));
 }
 </style>

package/src/components/views/SimulationExperimentView.vue

@@ -1,5 +1,5 @@
 <template>
-  <div :class="`h-full ${simulationOnly ? 'simulation-experiment-only' : 'simulation-experiment'}`">
+  <div :class="`h-full ${simulationOnly ? 'div-simulation-only' : 'div-simulation'}`">
     <Toolbar :id="toolbarId" class="p-1!">
       <template #start>
         <Button class="p-1!" icon="pi pi-play-circle" severity="secondary" text @click="onRun()" />
@@ -10,34 +10,36 @@
       <SplitterPanel :size="simulationOnly ? 100 : 89">
         <Splitter>
           <SplitterPanel class="ml-4 mr-4 mb-4 min-w-fit" :size="25">
-            <SimulationPropertyEditor :file="file" />
-            <!--
+            <ScrollPanel class="h-full">
+              <SimulationPropertyEditor :file="file" />
+              <!--
                   <SolversPropertyEditor />
                   <GraphsPropertyEditor />
                   <ParametersPropertyEditor />
                   -->
-            <Fieldset legend="X-axis">
-              <Select
-                v-model="xParameter"
-                filter
-                filterMode="lenient"
-                :options="parameters"
-                size="small"
-                class="w-full"
-                @change="updatePlot()"
-              />
-            </Fieldset>
-            <Fieldset legend="Y-axis">
-              <Select
-                v-model="yParameter"
-                filter
-                filterMode="lenient"
-                :options="parameters"
-                size="small"
-                class="w-full"
-                @change="updatePlot()"
-              />
-            </Fieldset>
+              <Fieldset legend="X-axis">
+                <Select
+                  v-model="xParameter"
+                  filter
+                  filterMode="lenient"
+                  :options="parameters"
+                  size="small"
+                  class="w-full"
+                  @change="updatePlot()"
+                />
+              </Fieldset>
+              <Fieldset legend="Y-axis">
+                <Select
+                  v-model="yParameter"
+                  filter
+                  filterMode="lenient"
+                  :options="parameters"
+                  size="small"
+                  class="w-full"
+                  @change="updatePlot()"
+                />
+              </Fieldset>
+            </ScrollPanel>
           </SplitterPanel>
           <SplitterPanel :size="75">
             <GraphPanelWidget :plots="plots" />
@@ -64,6 +66,7 @@ import * as locApi from '../../libopencor/locApi'
 import { type IGraphPanelPlot } from '../widgets/GraphPanelWidget.vue'
 
 const props = defineProps<{
+  uiEnabled: boolean
   file: locApi.File
   isActiveFile: boolean
   simulationOnly?: boolean
@@ -154,6 +157,10 @@ vueCommon.trackElementHeight(toolbarId)
 
 if (!common.isMobile()) {
   vueusecore.onKeyStroke((event: KeyboardEvent) => {
+    if (!props.uiEnabled) {
+      return
+    }
+
     if (props.isActiveFile && !event.ctrlKey && !event.shiftKey && !event.metaKey && event.code === 'F9') {
       event.preventDefault()
 
@@ -164,10 +171,6 @@ if (!common.isMobile()) {
 </script>
 
 <style scoped>
-:deep(.p-button) {
-  transition: none;
-}
-
 :deep(.p-button-icon) {
   font-size: 1.5rem;
 }
@@ -202,13 +205,14 @@ if (!common.isMobile()) {
   cursor: default;
 }
 
-.simulation-experiment-only {
-  height: calc(100vh - var(--simulation-experiment-toolbar-height));
+.div-simulation-only {
+  height: calc(var(--block-ui-height) - var(--simulation-experiment-toolbar-height));
 }
 
-.simulation-experiment {
+.div-simulation {
   height: calc(
-    100vh - var(--main-menu-height) - var(--file-tablist-height) - var(--simulation-experiment-toolbar-height)
+    var(--block-ui-height) - var(--main-menu-height) - var(--file-tablist-height) -
+      var(--simulation-experiment-toolbar-height)
   );
 }
 </style>