Initial Panel

2025-06-03 16:52:36 +02:00 · 2025-06-03 16:52:36 +02:00 · aca476b6bf
commit aca476b6bf
44 changed files with 13530 additions and 0 deletions
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1,6 @@
+Packages
+_PackageInt
+PackageSources/js-bundle/__generated__
+PackageSources/js-bundle/.rollup.cache
+PackageSources/js-bundle/node_modules
+PackageSources/html_ui
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@ -0,0 +1,22 @@
+{
+  "editor.formatOnSave": true,
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "[javascript]": {
+    "editor.formatOnSave": true,
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[typescript]": {
+    "editor.formatOnSave": true,
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "search.exclude": {
+    "**/node_modules": true,
+    "yarn.lock": true,
+    "package.json": true,
+    "tsconfig.json": true,
+    ".*": true
+  },
+  "[xml]": {
+    "editor.defaultFormatter": "redhat.vscode-xml"
+  }
+}
--- a/PackageDefinitions/xkhofmann-tfdidesign-md11-load-manager.xml
+++ b/PackageDefinitions/xkhofmann-tfdidesign-md11-load-manager.xml
@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="utf-8"?>
+<AssetPackage Version="0.1.0">
+	<ItemSettings>
+		<ContentType>MISC</ContentType>
+		<Title>TFDi Design MD-11 Load Manager</Title>
+		<Manufacturer/>
+		<Creator>khofmann</Creator>
+	</ItemSettings>
+	<Flags>
+		<VisibleInStore>false</VisibleInStore>
+		<CanBeReferenced>false</CanBeReferenced>
+	</Flags>
+	<AssetGroups>
+		<AssetGroup Name="ContentInfo">
+			<Type>ContentInfo</Type>
+			<Flags>
+				<FSXCompatibility>false</FSXCompatibility>
+			</Flags>
+			<AssetDir>PackageDefinitions\xkhofmann-tfdidesign-md11-load-manager\ContentInfo</AssetDir>
+			<OutputDir>ContentInfo\xkhofmann-tfdidesign-md11-load-manager</OutputDir>
+		</AssetGroup>
+		<AssetGroup Name="html-ui">
+			<Type>Copy</Type>
+			<Flags>
+				<FSXCompatibility>false</FSXCompatibility>
+			</Flags>
+			<AssetDir>PackageSources\html_ui\</AssetDir>
+			<OutputDir>html_ui\</OutputDir>
+		</AssetGroup>
+		<AssetGroup Name="load-manager-panel">
+			<Type>SPB</Type>
+			<Flags>
+				<FSXCompatibility>false</FSXCompatibility>
+			</Flags>
+			<AssetDir>PackageSources\load-manager-panel\</AssetDir>
+			<OutputDir>InGamePanels\</OutputDir>
+		</AssetGroup>
+	</AssetGroups>
+</AssetPackage>
+
--- a/PackageDefinitions/xkhofmann-tfdidesign-md11-load-manager/ContentInfo/Thumbnail.jpg
+++ b/PackageDefinitions/xkhofmann-tfdidesign-md11-load-manager/ContentInfo/Thumbnail.jpg
--- a/PackageSources/js-bundle/.eslintrc.cjs
+++ b/PackageSources/js-bundle/.eslintrc.cjs
@ -0,0 +1,29 @@
+module.exports = {
+  settings: {
+    'import/resolver': {
+      node: {
+        extensions: ['.js', '.jsx', '.ts', '.tsx', '.json'],
+      },
+    },
+    react: {
+      version: 'detect',
+    },
+  },
+  root: true,
+  parser: '@typescript-eslint/parser',
+  plugins: ['@typescript-eslint'],
+  extends: [
+    'eslint:recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:import/errors',
+    'plugin:import/typescript',
+    'plugin:react/recommended',
+    'plugin:react-hooks/recommended',
+  ],
+  rules: {
+    'react/jsx-uses-react': 'off',
+    'react/react-in-jsx-scope': 'off',
+    'react/prop-types': 'off',
+    '@typescript-eslint/no-shadow': 'error',
+  },
+};
--- a/PackageSources/js-bundle/.npmrc
+++ b/PackageSources/js-bundle/.npmrc
@ -0,0 +1 @@
+engine-strict = true
--- a/PackageSources/js-bundle/.nvmrc
+++ b/PackageSources/js-bundle/.nvmrc
@ -0,0 +1 @@
+v18
--- a/PackageSources/js-bundle/.prettierrc.cjs
+++ b/PackageSources/js-bundle/.prettierrc.cjs
@ -0,0 +1,9 @@
+module.exports = {
+  printWidth: 120,
+  tabWidth: 2,
+  semi: true,
+  trailingComma: 'es5',
+  singleQuote: true,
+  arrowParens: 'always',
+  plugins: ['prettier-plugin-organize-imports'],
+};
--- a/PackageSources/js-bundle/index.d.ts
+++ b/PackageSources/js-bundle/index.d.ts
@ -0,0 +1 @@
+/// <reference types="@microsoft/msfs-types/js/common.d.ts" />
--- a/PackageSources/js-bundle/package.json
+++ b/PackageSources/js-bundle/package.json
@ -0,0 +1,70 @@
+{
+  "name": "tfdidesign-md11-load-manager",
+  "version": "0.1.0",
+  "description": "",
+  "main": "index.js",
+  "type": "module",
+  "scripts": {
+    "types": "rimraf __generated__ && typed-scss-modules ./src --nameFormat none --exportType default --outputFolder __generated__",
+    "lint": "eslint ./src",
+    "licenses": "license-report --output=markdown > ./src/assets/licenses_node.md",
+    "debugger": "cd \"%MSFS_SDK%\\Tools\\CoherentGT Debugger\" && Debugger.exe",
+    "locale": "cd \"%MSFS_SDK%\\Tools\\MSFS_Localization\" && MSFSLocalizationManager.exe",
+    "dev": "npx rollup -c -w",
+    "clean": "rimraf ../html_ui/InGamePanels/tfdidesign-md11-load-manager-panel/ && rimraf .rollup.cache",
+    "build": "npm version patch && npx rollup -c",
+    "release": "pnpm types && pnpm lint && pnpm run licenses && pnpm clean && npm version patch && cross-env NODE_ENV=production npx rollup -c"
+  },
+  "engines": {
+    "node": ">=22"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "@microsoft/msfs-types": "^1.14.6",
+    "@rollup/plugin-commonjs": "^25.0.0",
+    "@rollup/plugin-json": "^6.0.0",
+    "@rollup/plugin-node-resolve": "^15.1.0",
+    "@rollup/plugin-replace": "^6.0.2",
+    "@rollup/plugin-terser": "^0.4.3",
+    "@rollup/plugin-typescript": "^11.1.1",
+    "@types/react": "^18.2.8",
+    "@types/react-dom": "^18.2.4",
+    "@types/uuid": "^9.0.7",
+    "@typescript-eslint/eslint-plugin": "^6.10.0",
+    "@typescript-eslint/parser": "^6.10.0",
+    "autoprefixer": "^10.4.14",
+    "cross-env": "^7.0.3",
+    "eslint": "^8.42.0",
+    "eslint-plugin-import": "^2.27.5",
+    "eslint-plugin-react": "^7.32.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "license-report": "^6.5.0",
+    "postcss": "^8.4.24",
+    "prettier": "^3.0.3",
+    "prettier-plugin-organize-imports": "^3.2.4",
+    "rimraf": "^5.0.1",
+    "rollup": "^4.3.1",
+    "rollup-plugin-copy": "^3.4.0",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-react-svg": "^3.0.3",
+    "rollup-plugin-version-injector": "^1.3.3",
+    "sass": "^1.89.1",
+    "svg-slim": "^2.0.5",
+    "tslib": "^2.5.3",
+    "typed-scss-modules": "^7.1.0",
+    "typescript": "5.2.2"
+  },
+  "dependencies": {
+    "@emotion/react": "^11.11.1",
+    "@emotion/styled": "^11.11.0",
+    "@mui/icons-material": "^5.14.16",
+    "@mui/material": "^5.14.17",
+    "postcss-import": "^15.1.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "uuid": "^9.0.1"
+  },
+  "packageManager": "pnpm@10.11.1+sha512.e519b9f7639869dc8d5c3c5dfef73b3f091094b0a006d7317353c72b124e80e1afd429732e28705ad6bfa1ee879c1fce46c128ccebd3192101f43dd67c667912"
+}
--- a/PackageSources/js-bundle/pnpm-lock.yaml
+++ b/PackageSources/js-bundle/pnpm-lock.yaml
--- a/PackageSources/js-bundle/rollup.config.js
+++ b/PackageSources/js-bundle/rollup.config.js
@ -0,0 +1,72 @@
+import commonjs from '@rollup/plugin-commonjs';
+import json from '@rollup/plugin-json';
+import resolve from '@rollup/plugin-node-resolve';
+import replace from '@rollup/plugin-replace';
+import terser from '@rollup/plugin-terser';
+import typescript from '@rollup/plugin-typescript';
+import autoprefixer from 'autoprefixer';
+import atImport from 'postcss-import';
+import copy from 'rollup-plugin-copy';
+import postcss from 'rollup-plugin-postcss';
+import reactSvg from 'rollup-plugin-react-svg';
+import versionInjector from 'rollup-plugin-version-injector';
+import svgs from 'svg-slim';
+
+const { NODE_ENV: targetEnv = 'development' } = process.env;
+const outDirBase = '../html_ui';
+const panelDirBase = `${outDirBase}/InGamePanels/tfdidesign-md11-load-manager-panel`;
+
+function svgSlim(code, id) {
+  if (!id.endsWith('.svg')) return code;
+  return svgs(code.toString(), {}).then((res) => res);
+}
+
+export default {
+  input: 'src/index.ts',
+  output: {
+    dir: panelDirBase,
+    format: 'es',
+    sourcemap: targetEnv !== 'production',
+  },
+  plugins: [
+    replace({
+      'process.env.NODE_ENV': JSON.stringify(targetEnv),
+      'import.meta.env': true,
+      'import.meta.env.MODE': JSON.stringify(targetEnv),
+    }),
+    versionInjector(),
+    postcss({
+      plugins: [autoprefixer(), atImport()],
+      extract: true,
+      use: ['sass'],
+      sourceMap: 'inline',
+      minimize: targetEnv === 'production',
+    }),
+    reactSvg(),
+    resolve(),
+    json(),
+    typescript(),
+    commonjs({
+      requireReturnsDefault: 'auto',
+    }),
+    targetEnv === 'production' && terser(),
+    copy({
+      targets: [
+        { src: ['src/assets/*', '!**/*.svg'], dest: `${panelDirBase}/assets` },
+        { src: 'src/assets/img/*', dest: `${panelDirBase}/assets/img`, transform: svgSlim },
+        { src: ['src/index.html'], dest: `${panelDirBase}` },
+        {
+          src: ['src/assets/ICON_TFDIDESIGN_MD11_LOAD_MANAGER.svg'],
+          dest: [`${outDirBase}/icons/toolbar`, `${outDirBase}/Textures/Menu/toolbar`],
+          transform: svgSlim,
+        },
+      ],
+    }),
+  ],
+  onwarn: function (warning, warn) {
+    if (warning.code === 'MODULE_LEVEL_DIRECTIVE') {
+      return;
+    }
+    warn(warning);
+  },
+};
--- a/PackageSources/js-bundle/src/App.module.scss
+++ b/PackageSources/js-bundle/src/App.module.scss
@ -0,0 +1,9 @@
+@import 'fonts/300.css';
+@import 'fonts/400.css';
+@import 'fonts/500.css';
+@import 'fonts/700.css';
+
+.app {
+  width: 100%;
+  height: 100%;
+}
--- a/PackageSources/js-bundle/src/App.tsx
+++ b/PackageSources/js-bundle/src/App.tsx
@ -0,0 +1,20 @@
+import ThemeProvider from '@mui/material/styles/ThemeProvider';
+import { FC, StrictMode } from 'react';
+import styles from './App.module.scss';
+
+interface IAppProps {
+  dataListener: ViewListener.ViewListener;
+}
+
+const App: FC<IAppProps> = ({ dataListener }) => {
+  return (
+    <StrictMode>
+      <div className={styles.app}>
+        <ThemeProvider>
+        </ThemeProvider>
+      </div>
+    </StrictMode>
+  );
+};
+
+export default App;
--- a/PackageSources/js-bundle/src/assets/ICON_TFDIDESIGN_MD11_LOAD_MANAGER.svg
+++ b/PackageSources/js-bundle/src/assets/ICON_TFDIDESIGN_MD11_LOAD_MANAGER.svg
@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 54 35">
+  <path
+    d="M17.08737 32.03408c-6.24 0-11.298-5.216-11.298-11.651 0-6.434 5.058-11.651 11.298-11.651s11.298 5.217 11.298 11.651c0 .679-.059 1.343-.167 1.989l1.052.29c.13-.741.202-1.502.202-2.281 0-7.082-5.579-12.823-12.46-12.823-6.881 0-12.46 5.741-12.46 12.823 0 7.081 5.579 12.822 12.46 12.822 4.524 0 8.485-2.482 10.668-6.196h-1.301c-2.039 3.037-5.439 5.027-9.292 5.027" />
+  <path
+    d="M43.10237.39308s-1.764 2.479-3.978 5.076c-2.212 2.595-4.01 4.393-4.01 4.393l-.166-.716-.766-.116s2.147-2.33 4.343-4.56c2.197-2.23 4.577-4.077 4.577-4.077" />
+  <path
+    d="M34.63157 9.42938s-.316 1.082-.732 1.547c-.416.466-.949.649-1.431 1.065-.483.417-1.964 2.031-1.964 2.031s-5.525 5.974-9.186 9.302c-3.661 3.329-8.058 7.009-11.183 8.837-3.129 1.831-5.675 2.912-7.805 2.147-2.13-.766-2.32-2.96-1.864-4.693.416-1.581 1.598-2.646 1.598-2.646s-1.698 1.88-1.664 3.977c.014.899.299 1.664.732 2.23.251.328 1.794 1.632 4.476.766 1.598-.516 4.015-1.526 6.84-3.695 5.875-4.51 7.805-6.174 13.696-12.131 3.277-3.314 5.375-5.642 5.375-5.642s.483-.432.665-.798c.184-.367.367-1.049.883-1.448s1.564-.849 1.564-.849" />
+  <path
+    d="M17.89017 18.03288h1.023s3.096 2.696 6.915 3.994 6.989 1.997 13.28 2.296c6.29.3 10.958.375 12.431.575 1.473.199 2.197.499 2.197.499s-13.056.424-17.224.599c-4.169.174-11.857.823-11.857.823l-.625-.299 5.592-1.598-6.964-.075z" />
+</svg>
--- a/PackageSources/js-bundle/src/assets/fonts/LICENSE.txt
+++ b/PackageSources/js-bundle/src/assets/fonts/LICENSE.txt
@ -0,0 +1,202 @@
+
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.
--- a/PackageSources/js-bundle/src/assets/fonts/Roboto-Black.ttf
+++ b/PackageSources/js-bundle/src/assets/fonts/Roboto-Black.ttf
--- a/PackageSources/js-bundle/src/assets/fonts/Roboto-BlackItalic.ttf
+++ b/PackageSources/js-bundle/src/assets/fonts/Roboto-BlackItalic.ttf
--- a/PackageSources/js-bundle/src/assets/fonts/Roboto-Bold.ttf
+++ b/PackageSources/js-bundle/src/assets/fonts/Roboto-Bold.ttf
--- a/PackageSources/js-bundle/src/assets/fonts/Roboto-BoldItalic.ttf
+++ b/PackageSources/js-bundle/src/assets/fonts/Roboto-BoldItalic.ttf
--- a/PackageSources/js-bundle/src/assets/fonts/Roboto-Italic.ttf
+++ b/PackageSources/js-bundle/src/assets/fonts/Roboto-Italic.ttf
--- a/PackageSources/js-bundle/src/assets/fonts/Roboto-Light.ttf
+++ b/PackageSources/js-bundle/src/assets/fonts/Roboto-Light.ttf
--- a/PackageSources/js-bundle/src/assets/fonts/Roboto-LightItalic.ttf
+++ b/PackageSources/js-bundle/src/assets/fonts/Roboto-LightItalic.ttf
--- a/PackageSources/js-bundle/src/assets/fonts/Roboto-Medium.ttf
+++ b/PackageSources/js-bundle/src/assets/fonts/Roboto-Medium.ttf
--- a/PackageSources/js-bundle/src/assets/fonts/Roboto-MediumItalic.ttf
+++ b/PackageSources/js-bundle/src/assets/fonts/Roboto-MediumItalic.ttf
--- a/PackageSources/js-bundle/src/assets/fonts/Roboto-Regular.ttf
+++ b/PackageSources/js-bundle/src/assets/fonts/Roboto-Regular.ttf
--- a/PackageSources/js-bundle/src/assets/fonts/Roboto-Thin.ttf
+++ b/PackageSources/js-bundle/src/assets/fonts/Roboto-Thin.ttf
--- a/PackageSources/js-bundle/src/assets/fonts/Roboto-ThinItalic.ttf
+++ b/PackageSources/js-bundle/src/assets/fonts/Roboto-ThinItalic.ttf
--- a/PackageSources/js-bundle/src/assets/licenses.md
+++ b/PackageSources/js-bundle/src/assets/licenses.md
@ -0,0 +1,2 @@
+| Name | Modified | License type | Link | Author |
+| :--- | :------- | :----------- | :--- | :----- |
--- a/PackageSources/js-bundle/src/assets/licenses_node.md
+++ b/PackageSources/js-bundle/src/assets/licenses_node.md
@ -0,0 +1,44 @@
+| Department | Related to | Name                             | License period | Material not material | License type | Link                                                                      | Remote version | Installed version | Defined version | Author                                                      |
+| :--------- | :--------- | :------------------------------- | :------------- | :-------------------- | :----------- | :------------------------------------------------------------------------ | :------------- | :---------------- | :-------------- | :---------------------------------------------------------- |
+| kessler    | stuff      | @emotion/react                   | perpetual      | material              | MIT          | git+https://github.com/emotion-js/emotion.git#main                        | 11.14.0        | 11.14.0           | ^11.11.1        | Emotion Contributors                                        |
+| kessler    | stuff      | @emotion/styled                  | perpetual      | material              | MIT          | git+https://github.com/emotion-js/emotion.git#main                        | 11.14.0        | 11.14.0           | ^11.11.0        | n/a                                                         |
+| kessler    | stuff      | @mui/icons-material              | perpetual      | material              | MIT          | git+https://github.com/mui/material-ui.git                                | 5.17.1         | 5.17.1            | ^5.14.16        | MUI Team                                                    |
+| kessler    | stuff      | @mui/material                    | perpetual      | material              | MIT          | git+https://github.com/mui/material-ui.git                                | 5.17.1         | 5.17.1            | ^5.14.17        | MUI Team                                                    |
+| kessler    | stuff      | postcss-import                   | perpetual      | material              | MIT          | git+https://github.com/postcss/postcss-import.git                         | 15.1.0         | 15.1.0            | ^15.1.0         | Maxime Thirouin                                             |
+| kessler    | stuff      | react                            | perpetual      | material              | MIT          | git+https://github.com/facebook/react.git                                 | 18.3.1         | 18.3.1            | ^18.2.0         | n/a                                                         |
+| kessler    | stuff      | react-dom                        | perpetual      | material              | MIT          | git+https://github.com/facebook/react.git                                 | 18.3.1         | 18.3.1            | ^18.2.0         | n/a                                                         |
+| kessler    | stuff      | uuid                             | perpetual      | material              | MIT          | git+https://github.com/uuidjs/uuid.git                                    | 9.0.1          | 9.0.1             | ^9.0.1          | n/a                                                         |
+| kessler    | stuff      | @microsoft/msfs-types            | perpetual      | material              | MIT          | git+https://github.com/microsoft/msfs-avionics-mirror.git                 | 1.14.6         | 1.14.6            | ^1.14.6         | Asobo Studio / Working Title Simulations                    |
+| kessler    | stuff      | @rollup/plugin-commonjs          | perpetual      | material              | MIT          | git+https://github.com/rollup/plugins.git                                 | 25.0.8         | 25.0.8            | ^25.0.0         | Rich Harris <richard.a.harris@gmail.com>                    |
+| kessler    | stuff      | @rollup/plugin-json              | perpetual      | material              | MIT          | git+https://github.com/rollup/plugins.git                                 | 6.1.0          | 6.1.0             | ^6.0.0          | rollup                                                      |
+| kessler    | stuff      | @rollup/plugin-node-resolve      | perpetual      | material              | MIT          | git+https://github.com/rollup/plugins.git                                 | 15.3.1         | 15.3.1            | ^15.1.0         | Rich Harris <richard.a.harris@gmail.com>                    |
+| kessler    | stuff      | @rollup/plugin-replace           | perpetual      | material              | MIT          | git+https://github.com/rollup/plugins.git                                 | 6.0.2          | 6.0.2             | ^6.0.2          | Rich Harris <richard.a.harris@gmail.com>                    |
+| kessler    | stuff      | @rollup/plugin-terser            | perpetual      | material              | MIT          | git+https://github.com/rollup/plugins.git                                 | 0.4.4          | 0.4.4             | ^0.4.3          | Peter Placzek <peter.placzek1996@gmail.com>                 |
+| kessler    | stuff      | @rollup/plugin-typescript        | perpetual      | material              | MIT          | git+https://github.com/rollup/plugins.git                                 | 11.1.6         | 11.1.6            | ^11.1.1         | Oskar Segersvärd                                            |
+| kessler    | stuff      | @types/react                     | perpetual      | material              | MIT          | https://github.com/DefinitelyTyped/DefinitelyTyped.git                    | 18.3.23        | 18.3.23           | ^18.2.8         | n/a                                                         |
+| kessler    | stuff      | @types/react-dom                 | perpetual      | material              | MIT          | https://github.com/DefinitelyTyped/DefinitelyTyped.git                    | 18.3.7         | 18.3.7            | ^18.2.4         | n/a                                                         |
+| kessler    | stuff      | @types/uuid                      | perpetual      | material              | MIT          | https://github.com/DefinitelyTyped/DefinitelyTyped.git                    | 9.0.8          | 9.0.8             | ^9.0.7          | n/a                                                         |
+| kessler    | stuff      | @typescript-eslint/eslint-plugin | perpetual      | material              | MIT          | git+https://github.com/typescript-eslint/typescript-eslint.git            | 6.21.0         | 6.21.0            | ^6.10.0         | n/a                                                         |
+| kessler    | stuff      | @typescript-eslint/parser        | perpetual      | material              | BSD-2-Clause | git+https://github.com/typescript-eslint/typescript-eslint.git            | 6.21.0         | 6.21.0            | ^6.10.0         | n/a                                                         |
+| kessler    | stuff      | autoprefixer                     | perpetual      | material              | MIT          | git+https://github.com/postcss/autoprefixer.git                           | 10.4.21        | 10.4.21           | ^10.4.14        | Andrey Sitnik <andrey@sitnik.ru>                            |
+| kessler    | stuff      | cross-env                        | perpetual      | material              | MIT          | git+https://github.com/kentcdodds/cross-env.git                           | 7.0.3          | 7.0.3             | ^7.0.3          | Kent C. Dodds <me@kentcdodds.com> (https://kentcdodds.com)  |
+| kessler    | stuff      | eslint                           | perpetual      | material              | MIT          | git+https://github.com/eslint/eslint.git                                  | 8.57.1         | 8.57.1            | ^8.42.0         | Nicholas C. Zakas <nicholas+npm@nczconsulting.com>          |
+| kessler    | stuff      | eslint-plugin-import             | perpetual      | material              | MIT          | git+https://github.com/import-js/eslint-plugin-import.git                 | 2.31.0         | 2.31.0            | ^2.27.5         | Ben Mosher <me@benmosher.com>                               |
+| kessler    | stuff      | eslint-plugin-react              | perpetual      | material              | MIT          | git+https://github.com/jsx-eslint/eslint-plugin-react.git                 | 7.37.5         | 7.37.5            | ^7.32.2         | Yannick Croissant <yannick.croissant+npm@gmail.com>         |
+| kessler    | stuff      | eslint-plugin-react-hooks        | perpetual      | material              | MIT          | git+https://github.com/facebook/react.git                                 | 4.6.2          | 4.6.2             | ^4.6.0          | n/a                                                         |
+| kessler    | stuff      | license-report                   | perpetual      | material              | MIT          | git+https://github.com/kessler/license-report.git                         | 6.7.2          | 6.7.2             | ^6.5.0          | Yaniv Kessler                                               |
+| kessler    | stuff      | postcss                          | perpetual      | material              | MIT          | git+https://github.com/postcss/postcss.git                                | 8.5.4          | 8.5.4             | ^8.4.24         | Andrey Sitnik <andrey@sitnik.ru>                            |
+| kessler    | stuff      | prettier                         | perpetual      | material              | MIT          | git+https://github.com/prettier/prettier.git                              | 3.5.3          | 3.5.3             | ^3.0.3          | James Long                                                  |
+| kessler    | stuff      | prettier-plugin-organize-imports | perpetual      | material              | MIT          | git+https://github.com/simonhaenisch/prettier-plugin-organize-imports.git | 3.2.4          | 3.2.4             | ^3.2.4          | Simon Haenisch (https://github.com/simonhaenisch)           |
+| kessler    | stuff      | rimraf                           | perpetual      | material              | ISC          | git://github.com/isaacs/rimraf.git                                        | 5.0.10         | 5.0.10            | ^5.0.1          | Isaac Z. Schlueter <i@izs.me> (http://blog.izs.me/)         |
+| kessler    | stuff      | rollup                           | perpetual      | material              | MIT          | git+https://github.com/rollup/rollup.git                                  | 4.41.1         | 4.41.1            | ^4.3.1          | Rich Harris                                                 |
+| kessler    | stuff      | rollup-plugin-copy               | perpetual      | material              | MIT          | git+https://github.com/vladshcherbin/rollup-plugin-copy.git               | 3.5.0          | 3.5.0             | ^3.4.0          | Vlad Shcherbin <vlad.shcherbin@gmail.com>                   |
+| kessler    | stuff      | rollup-plugin-postcss            | perpetual      | material              | MIT          | git+https://github.com/egoist/rollup-plugin-postcss.git                   | 4.0.2          | 4.0.2             | ^4.0.2          | EGOIST <0x142857@gmail.com>                                 |
+| kessler    | stuff      | rollup-plugin-react-svg          | perpetual      | material              | MIT          | git+https://github.com/boopathi/react-svg-loader.git                      | 3.0.3          | 3.0.3             | ^3.0.3          | boopathi                                                    |
+| kessler    | stuff      | rollup-plugin-version-injector   | perpetual      | material              | ISC          | git+https://github.com/djhouseknecht/rollup-plugin-version-injector.git   | 1.3.3          | 1.3.3             | ^1.3.3          | David Houseknecht <david.j.houseknecht@gmail.com>           |
+| kessler    | stuff      | sass                             | perpetual      | material              | MIT          | git+https://github.com/sass/dart-sass.git                                 | 1.89.1         | 1.89.1            | ^1.89.1         | Natalie Weizenbaum nweiz@google.com https://github.com/nex3 |
+| kessler    | stuff      | svg-slim                         | perpetual      | material              | MIT          | git+https://github.com/benboba/svg-slim.git                               | 2.0.5          | 2.0.5             | ^2.0.5          | Wang Feng <benboba@gmail.com>                               |
+| kessler    | stuff      | tslib                            | perpetual      | material              | 0BSD         | git+https://github.com/Microsoft/tslib.git                                | 2.8.1          | 2.8.1             | ^2.5.3          | Microsoft Corp.                                             |
+| kessler    | stuff      | typed-scss-modules               | perpetual      | material              | MIT          | git+https://github.com/skovy/typed-scss-modules.git                       | 7.1.4          | 7.1.4             | ^7.1.0          | Spencer Miskoviak <smiskoviak@gmail.com>                    |
+| kessler    | stuff      | typescript                       | perpetual      | material              | Apache-2.0   | git+https://github.com/Microsoft/TypeScript.git                           | 5.2.2          | 5.2.2             | 5.2.2           | Microsoft Corp.                                             |
+
--- a/PackageSources/js-bundle/src/constants.ts
+++ b/PackageSources/js-bundle/src/constants.ts
@ -0,0 +1,6 @@
+export const COMMANDS = 'KHOFMANN_PDF_READER_COMMANDS';
+export const DATA = 'KHOFMANN_PDF_READER_DATA';
+export const LIST = 'LIST';
+export const LOAD = 'LOAD';
+export const SAVE = 'SAVE';
+export const MAX_LIST = 10;
--- a/PackageSources/js-bundle/src/fonts/300.css
+++ b/PackageSources/js-bundle/src/fonts/300.css
@ -0,0 +1,7 @@
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 300;
+  src: url(assets/fonts/Roboto-Light.ttf) format('truetype');
+}
--- a/PackageSources/js-bundle/src/fonts/400.css
+++ b/PackageSources/js-bundle/src/fonts/400.css
@ -0,0 +1,7 @@
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url(assets/fonts/Roboto-Regular.ttf) format('truetype');
+}
--- a/PackageSources/js-bundle/src/fonts/500.css
+++ b/PackageSources/js-bundle/src/fonts/500.css
@ -0,0 +1,7 @@
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 500;
+  src: url(assets/fonts/Roboto-Medium.ttf) format('truetype');
+}
--- a/PackageSources/js-bundle/src/fonts/700.css
+++ b/PackageSources/js-bundle/src/fonts/700.css
@ -0,0 +1,7 @@
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 700;
+  src: url(assets/fonts/Roboto-Bold.ttf) format('truetype');
+}
--- a/PackageSources/js-bundle/src/index.html
+++ b/PackageSources/js-bundle/src/index.html
@ -0,0 +1,41 @@
+<!doctype html>
+<html>
+  <!-- prettier-ignore -->
+  <head>
+    <title></title>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
+    <link rel="stylesheet" href="/SCSS/common.css" />
+    <link rel="stylesheet" href="index.css" />
+
+    <script type="text/javascript" src="/JS/coherent.js"></script>
+    <script type="text/javascript" src="/JS/common.js"></script>
+    <script type="text/javascript" src="/Pages/VCockpit/Instruments/Shared/BaseInstrument.js"></script>
+    <script type="text/javascript" src="/JS/dataStorage.js"></script>
+    <script type="text/javascript" src="/JS/buttons.js"></script>
+    <script type="text/javascript" src="/JS/Services/ToolBarPanels.js"></script>
+    <script type="text/javascript" src="/JS/simvar.js"></script>
+
+    <link rel="import" href="/templates/NewPushButton/NewPushButton.html" />
+    <link rel="import" href="/templates/ingameUi/ingameUi.html" />
+    <link rel="import" href="/templates/ingameUiHeader/ingameUiHeader.html" />
+    <link rel="import" href="/templates/virtualScroll/virtualScroll.html" />
+  </head>
+  <body class="border-box">
+    <tfdidesign-md11-load-manager-panel>
+      <ingame-ui
+        id="tfdidesign-md11-load-manager"
+        panel-id="TFDIDESIGN_MD11_LOAD_MANAGER_PANEL"
+        title="TFDi Design MD-11 Load Manager"
+        class="ingameUiFrame panelInvisible"
+        content-fit="true"
+      >
+        <virtual-scroll direction="y">
+          <div id="react" style="display: flex"></div>
+        </virtual-scroll>
+      </ingame-ui>
+    </tfdidesign-md11-load-manager-panel>
+    <script src="index.js" type="text/javascript"></script>
+  </body>
+</html>
--- a/PackageSources/js-bundle/src/index.ts
+++ b/PackageSources/js-bundle/src/index.ts
@ -0,0 +1,30 @@
+import { createElement } from 'react';
+import { createRoot } from 'react-dom/client';
+import App from './App';
+
+class TFDiDesignMD11LoadManagerPanel extends TemplateElement {
+  dataListener?: ViewListener.ViewListener;
+
+  constructor() {
+    super();
+  }
+
+  connectedCallback() {
+    super.connectedCallback();
+
+    this.dataListener = RegisterViewListener('JS_LISTENER_COMM_BUS');
+
+    const container = document.getElementById('react');
+    if (container) {
+      const root = createRoot(container);
+      root.render(createElement(App, { dataListener: this.dataListener }));
+    }
+  }
+
+  disconnectedCallback() {
+    super.disconnectedCallback();
+  }
+}
+
+window.customElements.define('tfdidesign-md11-load-manager-panel', TFDiDesignMD11LoadManagerPanel);
+checkAutoload();
--- a/PackageSources/js-bundle/src/types/theme.d.ts
+++ b/PackageSources/js-bundle/src/types/theme.d.ts
@ -0,0 +1,10 @@
+import '@mui/material';
+
+declare module '@mui/material/styles' {
+  interface Theme {
+    screenHeight: number;
+  }
+  interface ThemeOptions {
+    screenHeight: number;
+  }
+}
--- a/PackageSources/js-bundle/src/types/virtual-scroll.d.ts
+++ b/PackageSources/js-bundle/src/types/virtual-scroll.d.ts
@ -0,0 +1,11 @@
+import { CSSProperties, DOMAttributes, ReactNode } from 'react';
+
+type CustomElement<T> = Partial<T & DOMAttributes<T> & { children: ReactNode }>;
+
+declare global {
+  namespace JSX {
+    interface IntrinsicElements {
+      ['virtual-scroll']: CustomElement<{ class?: string; direction: 'x' | 'y'; style?: CSSProperties }>;
+    }
+  }
+}
--- a/PackageSources/js-bundle/tsconfig.json
+++ b/PackageSources/js-bundle/tsconfig.json
@ -0,0 +1,124 @@
+{
+  "compilerOptions": {
+    /* Visit https://aka.ms/tsconfig to read more about this file */
+
+    /* Projects */
+    "incremental": true,
+    /* Save .tsbuildinfo files to allow for incremental compilation of projects. */
+    // "composite": true,                                /* Enable constraints that allow a TypeScript project to be used with project references. */
+    // "tsBuildInfoFile": "./.tsbuildinfo",              /* Specify the path to .tsbuildinfo incremental compilation file. */
+    // "disableSourceOfProjectReferenceRedirect": true,  /* Disable preferring source files instead of declaration files when referencing composite projects. */
+    // "disableSolutionSearching": true,                 /* Opt a project out of multi-project reference checking when editing. */
+    // "disableReferencedProjectLoad": true,             /* Reduce the number of projects loaded automatically by TypeScript. */
+
+    /* Language and Environment */
+    "target": "es2017",
+    /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */
+    "lib": ["es2017", "dom"],
+    /* Specify a set of bundled library declaration files that describe the target runtime environment. */
+    "jsx": "react-jsx",
+    /* Specify what JSX code is generated. */
+    // "experimentalDecorators": true,                   /* Enable experimental support for legacy experimental decorators. */
+    // "emitDecoratorMetadata": true,                    /* Emit design-type metadata for decorated declarations in source files. */
+    // "jsxFactory": "FSComponent.buildComponent",                                 /* Specify the JSX factory function used when targeting React JSX emit, e.g. 'React.createElement' or 'h'. */
+    // "jsxFragmentFactory": "FSComponent.Fragment",                         /* Specify the JSX Fragment reference used for fragments when targeting React JSX emit e.g. 'React.Fragment' or 'Fragment'. */
+    // "jsxImportSource": "",                            /* Specify module specifier used to import the JSX factory functions when using 'jsx: react-jsx*'. */
+    // "reactNamespace": "",                             /* Specify the object invoked for 'createElement'. This only applies when targeting 'react' JSX emit. */
+    // "noLib": true,                                    /* Disable including any library files, including the default lib.d.ts. */
+    // "useDefineForClassFields": true,                  /* Emit ECMAScript-standard-compliant class fields. */
+    // "moduleDetection": "auto",                        /* Control what method is used to detect module-format JS files. */
+
+    /* Modules */
+    "module": "es2015",
+    /* Specify what module code is generated. */
+    // "rootDir": "./",                                  /* Specify the root folder within your source files. */
+    "moduleResolution": "node",
+    /* Specify how TypeScript looks up a file from a given module specifier. */
+    // "baseUrl": "./",                                  /* Specify the base directory to resolve non-relative module names. */
+    // "paths": {},                                      /* Specify a set of entries that re-map imports to additional lookup locations. */
+    "rootDirs": [".", "__generated__"],
+    /* Allow multiple folders to be treated as one when resolving modules. */
+    // "typeRoots": [],
+    /* Specify multiple folders that act like './node_modules/@types'. */
+    //"types": [],
+    /* Specify type package names to be included without being referenced in a source file. */
+    // "allowUmdGlobalAccess": true,                     /* Allow accessing UMD globals from modules. */
+    // "moduleSuffixes": [],                             /* List of file name suffixes to search when resolving a module. */
+    // "allowImportingTsExtensions": true,               /* Allow imports to include TypeScript file extensions. Requires '--moduleResolution bundler' and either '--noEmit' or '--emitDeclarationOnly' to be set. */
+    // "resolvePackageJsonExports": true,                /* Use the package.json 'exports' field when resolving package imports. */
+    // "resolvePackageJsonImports": true,                /* Use the package.json 'imports' field when resolving imports. */
+    // "customConditions": [],                           /* Conditions to set in addition to the resolver-specific defaults when resolving imports. */
+    "resolveJsonModule": true,
+    /* Enable importing .json files. */
+    // "allowArbitraryExtensions": true,                 /* Enable importing files with any extension, provided a declaration file is present. */
+    // "noResolve": true,                                /* Disallow 'import's, 'require's or '<reference>'s from expanding the number of files TypeScript should add to a project. */
+
+    /* JavaScript Support */
+    // "allowJs": true,                                  /* Allow JavaScript files to be a part of your program. Use the 'checkJS' option to get errors from these files. */
+    // "checkJs": true,                                  /* Enable error reporting in type-checked JavaScript files. */
+    // "maxNodeModuleJsDepth": 1,                        /* Specify the maximum folder depth used for checking JavaScript files from 'node_modules'. Only applicable with 'allowJs'. */
+
+    /* Emit */
+    // "declaration": true,                              /* Generate .d.ts files from TypeScript and JavaScript files in your project. */
+    // "declarationMap": true,                           /* Create sourcemaps for d.ts files. */
+    // "emitDeclarationOnly": true,                      /* Only output d.ts files and not JavaScript files. */
+    // "sourceMap": true,                                /* Create source map files for emitted JavaScript files. */
+    // "inlineSourceMap": true,                          /* Include sourcemap files inside the emitted JavaScript. */
+    // "outFile": "./",                                  /* Specify a file that bundles all outputs into one JavaScript file. If 'declaration' is true, also designates a file that bundles all .d.ts output. */
+    "outDir": "../html_ui/InGamePanels/tfdidesign-md11-load-manager-panel",
+    /* Specify an output folder for all emitted files. */
+    // "removeComments": true,                           /* Disable emitting comments. */
+    // "noEmit": true,                                   /* Disable emitting files from a compilation. */
+    // "importHelpers": true,                            /* Allow importing helper functions from tslib once per project, instead of including them per-file. */
+    // "importsNotUsedAsValues": "remove",               /* Specify emit/checking behavior for imports that are only used for types. */
+    // "downlevelIteration": true,                       /* Emit more compliant, but verbose and less performant JavaScript for iteration. */
+    // "sourceRoot": "",                                 /* Specify the root path for debuggers to find the reference source code. */
+    // "mapRoot": "",                                    /* Specify the location where debugger should locate map files instead of generated locations. */
+    // "inlineSources": true,                            /* Include source code in the sourcemaps inside the emitted JavaScript. */
+    // "emitBOM": true,                                  /* Emit a UTF-8 Byte Order Mark (BOM) in the beginning of output files. */
+    // "newLine": "crlf",                                /* Set the newline character for emitting files. */
+    // "stripInternal": true,                            /* Disable emitting declarations that have '@internal' in their JSDoc comments. */
+    // "noEmitHelpers": true,                            /* Disable generating custom helper functions like '__extends' in compiled output. */
+    // "noEmitOnError": true,                            /* Disable emitting files if any type checking errors are reported. */
+    // "preserveConstEnums": true,                       /* Disable erasing 'const enum' declarations in generated code. */
+    // "declarationDir": "./",                           /* Specify the output directory for generated declaration files. */
+    // "preserveValueImports": true,                     /* Preserve unused imported values in the JavaScript output that would otherwise be removed. */
+
+    /* Interop Constraints */
+    // "isolatedModules": true,                          /* Ensure that each file can be safely transpiled without relying on other imports. */
+    // "verbatimModuleSyntax": true,                     /* Do not transform or elide any imports or exports not marked as type-only, ensuring they are written in the output file's format based on the 'module' setting. */
+    // "allowSyntheticDefaultImports": true,             /* Allow 'import x from y' when a module doesn't have a default export. */
+    "esModuleInterop": true,
+    /* Emit additional JavaScript to ease support for importing CommonJS modules. This enables 'allowSyntheticDefaultImports' for type compatibility. */
+    // "preserveSymlinks": true,                         /* Disable resolving symlinks to their realpath. This correlates to the same flag in node. */
+    "forceConsistentCasingInFileNames": true,
+    /* Ensure that casing is correct in imports. */
+
+    /* Type Checking */
+    "strict": true,
+    /* Enable all strict type-checking options. */
+    // "noImplicitAny": true,                            /* Enable error reporting for expressions and declarations with an implied 'any' type. */
+    // "strictNullChecks": true,                         /* When type checking, take into account 'null' and 'undefined'. */
+    // "strictFunctionTypes": true,                      /* When assigning functions, check to ensure parameters and the return values are subtype-compatible. */
+    // "strictBindCallApply": true,                      /* Check that the arguments for 'bind', 'call', and 'apply' methods match the original function. */
+    // "strictPropertyInitialization": true,             /* Check for class properties that are declared but not set in the constructor. */
+    // "noImplicitThis": true,                           /* Enable error reporting when 'this' is given the type 'any'. */
+    // "useUnknownInCatchVariables": true,               /* Default catch clause variables as 'unknown' instead of 'any'. */
+    "alwaysStrict": true,
+    /* Ensure 'use strict' is always emitted. */
+    // "noUnusedLocals": true,                           /* Enable error reporting when local variables aren't read. */
+    // "noUnusedParameters": true,                       /* Raise an error when a function parameter isn't read. */
+    // "exactOptionalPropertyTypes": true,               /* Interpret optional property types as written, rather than adding 'undefined'. */
+    // "noImplicitReturns": true,                        /* Enable error reporting for codepaths that do not explicitly return in a function. */
+    // "noFallthroughCasesInSwitch": true,               /* Enable error reporting for fallthrough cases in switch statements. */
+    // "noUncheckedIndexedAccess": true,                 /* Add 'undefined' to a type when accessed using an index. */
+    // "noImplicitOverride": true,                       /* Ensure overriding members in derived classes are marked with an override modifier. */
+    // "noPropertyAccessFromIndexSignature": true,       /* Enforces using indexed accessors for keys declared using an indexed type. */
+    // "allowUnusedLabels": true,                        /* Disable error reporting for unused labels. */
+    // "allowUnreachableCode": true,                     /* Disable error reporting for unreachable code. */
+
+    /* Completeness */
+    // "skipDefaultLibCheck": true,                      /* Skip type checking .d.ts files that are included with TypeScript. */
+    "skipLibCheck": true /* Skip type checking all .d.ts files. */
+  }
+}
--- a/PackageSources/js-bundle/yarn.lock
+++ b/PackageSources/js-bundle/yarn.lock
--- a/PackageSources/load-manager-panel/tfdidesign-md11-load-manager-panel.xml
+++ b/PackageSources/load-manager-panel/tfdidesign-md11-load-manager-panel.xml
@ -0,0 +1,17 @@
+<SimBase.Document Type="InGamePanels" version="1,0">
+  <Filename>tfdidesign-md11-load-manager.spb</Filename>
+  <InGamePanels.InGamePanelDefinition
+    id="TFDIDESIGN_MD11_LOAD_MANAGER_PANEL"
+    Name="tfdidesign-md11-load-manager"
+    url="html_UI/InGamePanels/tfdidesign-md11-load-manager-panel/index.html"
+    resizeDirections="both"
+    minWidth="100"
+    minHeight="60"
+    defaultWidth="100"
+    defaultHeight="60"
+    defaultTop="10"
+    defaultLeft="10"
+    icon="ICON_TFDIDESIGN_MD11_LOAD_MANAGER"
+    buttonVisible="true">
+  </InGamePanels.InGamePanelDefinition>
+</SimBase.Document>
--- a/xkhofmann-tfdidesign-md11-load-manager.code-workspace
+++ b/xkhofmann-tfdidesign-md11-load-manager.code-workspace
@ -0,0 +1,8 @@
+{
+	"folders": [
+		{
+			"path": "."
+		}
+	],
+	"settings": {}
+}
--- a/xkhofmann-tfdidesign-md11-load-manager.xml
+++ b/xkhofmann-tfdidesign-md11-load-manager.xml
@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<Project Version="2" Name="xkhofmann-tfdidesign-md11-load-manager" FolderName="Packages" PublishingGroupFolderName="PublishingGroupsContent" MetadataFolderName="PackagesMetadata" PublishingGroupMetadataFolderName="PublishingGroupsMetadata">
+	<OutputDirectory>.</OutputDirectory>
+	<TemporaryOutputDirectory>_PackageInt</TemporaryOutputDirectory>
+	<PublishingGroupTemporaryOutputDirectory>_PublishingGroupInt</PublishingGroupTemporaryOutputDirectory>
+	<Packages>
+		<Package>PackageDefinitions\xkhofmann-tfdidesign-md11-load-manager.xml</Package>
+	</Packages>
+	<PublishingGroups/>
+</Project>
+
				`@ -0,0 +1 @@`
				`/// <reference types="@microsoft/msfs-types/js/common.d.ts" />`