From 59245bc486f83f37b50694bd8d9eccf65e2a2a1c Mon Sep 17 00:00:00 2001
From: Jonas Kuche <Zitrone44@users.noreply.github.com>
Date: Fri, 12 Jan 2024 08:35:41 +0100
Subject: [PATCH] [Math-Checker] Update mathlive to version 0.98.5 (#1552)

chore(math-checker): update mathlive to version 0.98.5
---
 modules/fbs-core/web/package-lock.json        | 24 +++++++++++++++----
 modules/fbs-core/web/package.json             |  2 +-
 .../math-input/math-input.component.scss      | 21 +++++++++++-----
 .../math-input/math-input.component.ts        |  6 -----
 4 files changed, 36 insertions(+), 17 deletions(-)

diff --git a/modules/fbs-core/web/package-lock.json b/modules/fbs-core/web/package-lock.json
index 9765d2063..77c727b01 100644
--- a/modules/fbs-core/web/package-lock.json
+++ b/modules/fbs-core/web/package-lock.json
@@ -29,7 +29,7 @@
         "chart.js": "^2.9.4",
         "file-saver": "^2.0.5",
         "i18next-browser-languagedetector": "^7.1.0",
-        "mathlive": "^0.87.1",
+        "mathlive": "^0.98.5",
         "ng2-charts": "^2.4.3",
         "ngx-cookie-service": "^14.0.1",
         "ngx-dropzone": "^3.1.0",
@@ -10765,9 +10765,12 @@
       }
     },
     "node_modules/mathlive": {
-      "version": "0.87.1",
-      "resolved": "https://registry.npmjs.org/mathlive/-/mathlive-0.87.1.tgz",
-      "integrity": "sha512-xl/l5sBU6QooWiWU7ATpDqhurGCpvXjxeuPJQsENufJj+YCQoFCE8nbzWMhX3aDCw1S7YJl8n+H8tmHHmKhD7g==",
+      "version": "0.98.5",
+      "resolved": "https://registry.npmjs.org/mathlive/-/mathlive-0.98.5.tgz",
+      "integrity": "sha512-VsKAezTSt2TxZ9+pZRnfu3npkJ4z9OojsjElcrCjgdYuvlQpiUl/dxEmeiinCiDRYbudB6c44rfO5byzdCEkcQ==",
+      "dependencies": {
+        "@cortex-js/compute-engine": "0.22.0"
+      },
       "engines": {
         "node": ">=16.14.2",
         "npm": ">=8.5.0"
@@ -10777,6 +10780,19 @@
         "url": "https://paypal.me/arnogourdol"
       }
     },
+    "node_modules/mathlive/node_modules/@cortex-js/compute-engine": {
+      "version": "0.22.0",
+      "resolved": "https://registry.npmjs.org/@cortex-js/compute-engine/-/compute-engine-0.22.0.tgz",
+      "integrity": "sha512-TPePa4bCbgZO/xh++3ZMNhJD7eLNTFxctbqHtIYbQjLLlUX585HaWeZqIptao4Xi59jZZtP3bPb19txTb251ZA==",
+      "dependencies": {
+        "complex.js": "^2.1.1",
+        "decimal.js": "^10.4.3"
+      },
+      "engines": {
+        "node": ">=16.14.2",
+        "npm": ">=8.5.0"
+      }
+    },
     "node_modules/media-typer": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
diff --git a/modules/fbs-core/web/package.json b/modules/fbs-core/web/package.json
index 583e01811..beec79c8d 100644
--- a/modules/fbs-core/web/package.json
+++ b/modules/fbs-core/web/package.json
@@ -34,7 +34,7 @@
     "chart.js": "^2.9.4",
     "file-saver": "^2.0.5",
     "i18next-browser-languagedetector": "^7.1.0",
-    "mathlive": "^0.87.1",
+    "mathlive": "^0.98.5",
     "ng2-charts": "^2.4.3",
     "ngx-cookie-service": "^14.0.1",
     "ngx-dropzone": "^3.1.0",
diff --git a/modules/fbs-core/web/src/app/tool-components/math-input/math-input.component.scss b/modules/fbs-core/web/src/app/tool-components/math-input/math-input.component.scss
index 0636e1df9..35b0fd98d 100644
--- a/modules/fbs-core/web/src/app/tool-components/math-input/math-input.component.scss
+++ b/modules/fbs-core/web/src/app/tool-components/math-input/math-input.component.scss
@@ -1,16 +1,27 @@
 math-field {
   --primary: #405e9a;
   font-size: large;
-}
-
-.math-field-input {
-  border-bottom: solid black 1px;
+  width: 100%;
+  border: none;
 }
 
 math-field:focus-within {
   outline: unset;
 }
 
+math-field::part(menu-toggle) {
+  display: none;
+}
+
+math-field::part(virtual-keyboard-toggle)::after {
+  top: unset;
+  right: calc(-100% + 64px);
+}
+
+.math-field-input {
+  border-bottom: solid black 1px;
+}
+
 .mathInputContainer {
   display: flex;
   gap: 8px;
@@ -20,5 +31,3 @@ math-field:focus-within {
   align-self: center;
   width: calc(100% - 64px);
 }
-
-
diff --git a/modules/fbs-core/web/src/app/tool-components/math-input/math-input.component.ts b/modules/fbs-core/web/src/app/tool-components/math-input/math-input.component.ts
index e8ac16a28..55e47db0f 100644
--- a/modules/fbs-core/web/src/app/tool-components/math-input/math-input.component.ts
+++ b/modules/fbs-core/web/src/app/tool-components/math-input/math-input.component.ts
@@ -8,7 +8,6 @@ import {
   Output,
   ViewChild,
 } from "@angular/core";
-import { insertShadowRootStyle } from "src/app/util/css";
 
 export interface MathInputValue {
   mathJson?: string;
@@ -63,10 +62,5 @@ export class MathInputComponent implements OnChanges, AfterViewInit {
         el.expression = JSON.parse(this.defaultValue.mathJson);
       }
     }
-    if (this.disabled) {
-      insertShadowRootStyle(this.input, [
-        ".ML__content { overflow: unset; overflow-y: hidden; }",
-      ]);
-    }
   }
 }