Merge pull request #1190 from dbgate/feature/svelte4

Feature/svelte4

packages/web/package.json

@@ -50,11 +50,11 @@
     "rollup-plugin-copy": "^3.3.0",
     "rollup-plugin-css-only": "^3.1.0",
     "rollup-plugin-livereload": "^2.0.0",
-    "rollup-plugin-svelte": "^7.0.0",
+    "rollup-plugin-svelte": "^7.2.2",
-    "rollup-plugin-terser": "^7.0.0",
+    "rollup-plugin-terser": "^7.0.2",
     "sirv-cli": "^1.0.0",
     "sql-formatter": "^3.1.0",
-    "svelte": "^3.46.4",
+    "svelte": "^4.2.20",
     "svelte-check": "^1.0.0",
     "svelte-markdown": "^0.1.4",
     "svelte-preprocess": "^4.9.5",

packages/web/src/datagrid/DataGridRowHeightMeter.svelte

@@ -13,20 +13,22 @@
 
 <div>
   <table>
-    <tr>
+    <tbody>
-      <td
+      <tr>
-        use:resizeObserver={true}
+        <td
-        on:resize={e => {
+          use:resizeObserver={true}
-          // @ts-ignore
+          on:resize={e => {
-          $dataGridRowHeight = e.detail.height + 1;
+            // @ts-ignore
-        }}
+            $dataGridRowHeight = e.detail.height + 1;
-      >
+          }}
-        title
+        >
-        <InlineButton square>
+          title
-          <FontIcon icon="icon chevron-down" />
+          <InlineButton square>
-        </InlineButton>
+            <FontIcon icon="icon chevron-down" />
-      </td>
+          </InlineButton>
-    </tr>
+        </td>
+      </tr>
+    </tbody>
   </table>
 </div>