From fd182e7e24d29836ce8736563f20264581063ce8 Mon Sep 17 00:00:00 2001
From: Maik Schneider <mas@xima.de>
Date: Wed, 12 Oct 2022 19:38:48 +0200
Subject: [PATCH 1/3] feat: set branch as commit input in release step

---
 .github/workflows/build-and-test.yml | 1 +
 1 file changed, 1 insertion(+)

diff --git a/.github/workflows/build-and-test.yml b/.github/workflows/build-and-test.yml
index 7447f6c..05c8a83 100644
--- a/.github/workflows/build-and-test.yml
+++ b/.github/workflows/build-and-test.yml
@@ -118,4 +118,5 @@ jobs:
         with:
           token: ${{ secrets.GITHUB_TOKEN }}
           tag: "v${{needs.version-check.outputs.typo3-ext-version}}"
+          commit: 9.x
 

From 5521c78a944af10710a0a4de6284abaeaa4a070a Mon Sep 17 00:00:00 2001
From: Maik Schneider <mas@xima.de>
Date: Wed, 12 Oct 2022 19:38:57 +0200
Subject: [PATCH 2/3] chore: raise version

---
 ext_emconf.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ext_emconf.php b/ext_emconf.php
index e98f19e..7a1e36d 100644
--- a/ext_emconf.php
+++ b/ext_emconf.php
@@ -12,7 +12,7 @@
     'uploadfolder' => 0,
     'createDirs' => '',
     'clearCacheOnLoad' => 0,
-    'version' => '9.0.9',
+    'version' => '9.0.10',
     'constraints' => [
         'depends' => [
             'typo3' => '9.0.0-9.99.99',

From 1ada2877428b9d7bac752241a4a998880daeeaa9 Mon Sep 17 00:00:00 2001
From: maikschneider <maikschneider@users.noreply.github.com>
Date: Wed, 12 Oct 2022 17:39:58 +0000
Subject: [PATCH 3/3] build: 9.0.10

---
 .ddev/config.yaml                             |  206 --
 .editorconfig                                 |   89 -
 .github/workflows/build-and-test.yml          |  122 -
 .gitignore                                    |    8 -
 .phpstorm.meta.php                            |   90 -
 Configuration/php-cs-fixer.php                |   96 -
 Resources/Public/JavaScript/MailCatcher.js    |    1 +
 config/sites/main/config.yaml                 |   17 -
 package-lock.json                             | 3052 -----------------
 package.json                                  |   21 -
 phpstan-baseline.neon                         |   41 -
 phpstan.neon                                  |   19 -
 tsconfig.json                                 |   46 -
 .../Public/TypeScript/AjaxDataHandler.ts      |  261 --
 .../AjaxDataHandler/MessageInterface.ts       |   18 -
 .../AjaxDataHandler/ResponseInterface.ts      |   20 -
 .../Public/TypeScript/BackendException.ts     |   22 -
 .../Public/TypeScript/ColorPicker.ts          |   67 -
 .../Public/TypeScript/ContextHelp.ts          |  175 -
 .../Public/TypeScript/ContextMenu.ts          |  352 --
 .../Public/TypeScript/ContextMenuActions.ts   |  357 --
 .../Public/TypeScript/DateTimePicker.ts       |  176 -
 .../Public/TypeScript/DebugConsole.ts         |  257 --
 .../Public/TypeScript/DocumentHeader.ts       |  114 -
 .../Public/TypeScript/DragUploader.ts         |  771 -----
 .../Public/TypeScript/Enum/KeyTypes.ts        |   17 -
 .../Public/TypeScript/Enum/Severity.ts        |   20 -
 .../Enum/Viewport/ScaffoldIdentifier.ts       |   24 -
 .../Enum/Viewport/TopbarIdentifiers.ts        |   16 -
 .../Public/TypeScript/Event/ClientRequest.ts  |   25 -
 .../Public/TypeScript/Event/Consumable.ts     |   20 -
 .../Public/TypeScript/Event/ConsumerScope.ts  |   55 -
 .../TypeScript/Event/InteractionRequest.ts    |   47 -
 .../Event/InteractionRequestAssignment.ts     |   22 -
 .../TypeScript/Event/InteractionRequestMap.ts |   75 -
 .../Public/TypeScript/Event/TriggerRequest.ts |   50 -
 .../FormEngine/Element/SlugElement.ts         |  222 --
 .../FormEngine/FieldControl/AddRecord.ts      |   40 -
 .../FieldControl/InsertClipboard.ts           |   50 -
 .../FormEngine/FieldControl/ListModule.ts     |   40 -
 .../FormEngine/FieldControl/ResetSelection.ts |   48 -
 .../FormEngine/FieldControl/TableWizard.ts    |   40 -
 .../FormEngine/FieldWizard/ValueSlider.ts     |   80 -
 .../FlexForm/FlexFormElementOptions.ts        |   29 -
 .../Public/TypeScript/FormEngineFlexForm.ts   |  282 --
 .../Public/TypeScript/FormEngineReview.ts     |  163 -
 .../Public/TypeScript/FormEngineSuggest.ts    |  138 -
 .../Resources/Public/TypeScript/GridEditor.ts |  934 -----
 .../Resources/Public/TypeScript/Icons.ts      |  188 -
 .../Public/TypeScript/ImageManipulation.ts    |  977 ------
 .../Resources/Public/TypeScript/InfoWindow.ts |   42 -
 .../TypeScript/LayoutModule/DragDrop.ts       |  272 --
 .../Public/TypeScript/LayoutModule/Paste.ts   |  185 -
 .../Resources/Public/TypeScript/LiveSearch.ts |  202 --
 .../Public/TypeScript/Localization.ts         |  356 --
 .../Resources/Public/TypeScript/Login.ts      |  212 --
 .../Public/TypeScript/LoginRefresh.ts         |  527 ---
 .../Resources/Public/TypeScript/Modal.ts      |  502 ---
 .../Resources/Public/TypeScript/ModuleMenu.ts |  422 ---
 .../Public/TypeScript/NewMultiplePages.ts     |   73 -
 .../Public/TypeScript/Notification.ts         |  201 --
 .../Public/TypeScript/OnlineMedia.ts          |  137 -
 .../Public/TypeScript/PageActions.ts          |  240 --
 .../Resources/Public/TypeScript/Popover.ts    |  127 -
 .../Resources/Public/TypeScript/RenameFile.ts |   95 -
 .../Resources/Public/TypeScript/Severity.ts   |   90 -
 .../Public/TypeScript/SplitButtons.ts         |  114 -
 .../Resources/Public/TypeScript/Storage.ts    |  126 -
 .../Public/TypeScript/Storage/Client.ts       |  115 -
 .../Public/TypeScript/Storage/Persistent.ts   |  220 --
 .../Resources/Public/TypeScript/Tabs.ts       |   86 -
 .../Public/TypeScript/ToggleSearchToolbox.ts  |   54 -
 .../Resources/Public/TypeScript/Toolbar.ts    |   55 -
 .../TypeScript/Toolbar/ClearCacheMenu.ts      |   90 -
 .../Public/TypeScript/Toolbar/ShortcutMenu.ts |  216 --
 .../Toolbar/SystemInformationMenu.ts          |  124 -
 .../Resources/Public/TypeScript/Tooltip.ts    |   62 -
 .../Public/TypeScript/UserPassLogin.ts        |  113 -
 .../Resources/Public/TypeScript/Utility.ts    |   84 -
 .../Resources/Public/TypeScript/Viewport.ts   |   58 -
 .../TypeScript/Viewport/AbstractContainer.ts  |   22 -
 .../TypeScript/Viewport/ContentContainer.ts   |  111 -
 .../Public/TypeScript/Viewport/Loader.ts      |   28 -
 .../Viewport/NavigationComponentInterface.ts  |   25 -
 .../Viewport/NavigationContainer.ts           |  127 -
 .../Public/TypeScript/Viewport/PageTree.ts    |   48 -
 .../Public/TypeScript/Viewport/Topbar.ts      |   35 -
 .../TypeScript/Wizard/NewContentElement.ts    |   37 -
 .../backend/action-button/abstract-action.ts  |   22 -
 .../backend/action-button/deferred-action.ts  |   35 -
 .../backend/action-button/immediate-action.ts |   31 -
 .../TypeScript/backend/action-dispatcher.ts   |  116 -
 .../TypeScript/backend/ajax-data-handler.ts   |  291 --
 .../ajax-data-handler/message-interface.ts    |   18 -
 .../ajax-data-handler/response-interface.ts   |   20 -
 .../TypeScript/backend/backend-exception.ts   |   22 -
 .../TypeScript/backend/broadcast-message.ts   |   48 -
 .../TypeScript/backend/broadcast-service.ts   |   53 -
 .../TypeScript/backend/clipboard-panel.ts     |  234 --
 typo3_src/TypeScript/backend/color-picker.ts  |   74 -
 .../backend/column-selector-button.ts         |  304 --
 typo3_src/TypeScript/backend/context-help.ts  |   67 -
 .../backend/context-menu-actions.ts           |  394 ---
 typo3_src/TypeScript/backend/context-menu.ts  |  468 ---
 .../TypeScript/backend/copy-to-clipboard.ts   |   74 -
 .../TypeScript/backend/date-time-picker.ts    |  226 --
 typo3_src/TypeScript/backend/debug-console.ts |  258 --
 .../TypeScript/backend/document-header.ts     |   78 -
 .../backend/document-save-actions.ts          |  123 -
 typo3_src/TypeScript/backend/drag-uploader.ts |  890 -----
 .../backend/element/icon-element.ts           |  158 -
 .../element/immediate-action-element.ts       |   89 -
 .../backend/element/spinner-element.ts        |   93 -
 .../backend/element/table-wizard-element.ts   |  438 ---
 .../TypeScript/backend/enum/icon-types.ts     |   30 -
 .../TypeScript/backend/enum/key-types.ts      |   25 -
 typo3_src/TypeScript/backend/enum/severity.ts |   20 -
 .../enum/viewport/scaffold-identifier.ts      |   25 -
 .../backend/event/client-request.ts           |   25 -
 .../TypeScript/backend/event/consumable.ts    |   20 -
 .../backend/event/consumer-scope.ts           |   55 -
 .../backend/event/event-dispatcher.ts         |   26 -
 .../event/interaction-request-assignment.ts   |   22 -
 .../backend/event/interaction-request-map.ts  |   75 -
 .../backend/event/interaction-request.ts      |   47 -
 .../backend/event/trigger-request.ts          |   50 -
 .../form-engine-link-browser-adapter.ts       |  124 -
 .../TypeScript/backend/form-engine-review.ts  |  164 -
 .../TypeScript/backend/form-engine-suggest.ts |  138 -
 .../backend/form-engine-validation.ts         |  991 ------
 typo3_src/TypeScript/backend/form-engine.ts   | 1236 -------
 .../flex-form-container-container.ts          |  160 -
 .../container/flex-form-section-container.ts  |  216 --
 .../container/inline-control-container.ts     | 1225 -------
 .../container/site-language-container.ts      |  581 ----
 .../element/abstract-sortable-select-items.ts |  144 -
 .../form-engine/element/category-element.ts   |  168 -
 .../form-engine/element/color-element.ts      |   59 -
 .../form-engine/element/datetime-element.ts   |   59 -
 .../element/extra/select-box-filter.ts        |   84 -
 .../form-engine/element/folder-element.ts     |   54 -
 .../form-engine/element/group-element.ts      |   44 -
 .../form-engine/element/link-element.ts       |   92 -
 .../form-engine/element/mfa-info-element.ts   |  167 -
 .../form-engine/element/modifier/resizable.ts |   27 -
 .../form-engine/element/modifier/tabbable.ts  |   29 -
 .../element/select-check-box-element.ts       |   93 -
 .../select-multiple-side-by-side-element.ts   |   62 -
 .../element/select-single-element.ts          |   79 -
 .../element/select-tree-element.ts            |  159 -
 .../element/select-tree-toolbar.ts            |  121 -
 .../form-engine/element/select-tree.ts        |  277 --
 .../form-engine/element/slug-element.ts       |  239 --
 .../form-engine/element/text-element.ts       |   45 -
 .../form-engine/element/text-table-element.ts |   31 -
 .../form-engine/field-control/add-record.ts   |   40 -
 .../form-engine/field-control/edit-popup.ts   |   64 -
 .../field-control/insert-clipboard.ts         |   50 -
 .../form-engine/field-control/link-popup.ts   |   50 -
 .../form-engine/field-control/list-module.ts  |   40 -
 .../field-control/reset-selection.ts          |   48 -
 .../form-engine/field-control/table-wizard.ts |   40 -
 .../localization-state-selector.ts            |   67 -
 .../form-engine/field-wizard/value-picker.ts  |   70 -
 .../form-engine/field-wizard/value-slider.ts  |   79 -
 .../inline-relation/ajax-dispatcher.ts        |  144 -
 .../inline-response-interface.ts              |   42 -
 .../backend/form-engine/request-update.ts     |   53 -
 .../backend/global-event-handler.ts           |  172 -
 typo3_src/TypeScript/backend/grid-editor.ts   |  953 -----
 typo3_src/TypeScript/backend/hashing/md5.ts   |  253 --
 typo3_src/TypeScript/backend/icons.ts         |  174 -
 .../TypeScript/backend/image-manipulation.ts  |  947 -----
 typo3_src/TypeScript/backend/info-window.ts   |   46 -
 .../TypeScript/backend/input/clearable.ts     |  104 -
 typo3_src/TypeScript/backend/input/index.d.ts |    8 -
 ...java-script-module-import-event-handler.ts |   19 -
 .../backend/layout-module/drag-drop.ts        |  284 --
 .../TypeScript/backend/layout-module/paste.ts |  178 -
 typo3_src/TypeScript/backend/localization.ts  |  382 ---
 typo3_src/TypeScript/backend/login-refresh.ts |  494 ---
 typo3_src/TypeScript/backend/login.ts         |  226 --
 .../TypeScript/backend/modal-interface.ts     |   19 -
 typo3_src/TypeScript/backend/modal.ts         |  610 ----
 typo3_src/TypeScript/backend/module-menu.ts   |  502 ---
 typo3_src/TypeScript/backend/module.ts        |   84 -
 typo3_src/TypeScript/backend/module/iframe.ts |  120 -
 typo3_src/TypeScript/backend/module/router.ts |  217 --
 .../backend/multi-record-selection-action.ts  |   26 -
 .../backend/multi-record-selection.ts         |  451 ---
 .../TypeScript/backend/multi-step-wizard.ts   |  574 ----
 .../new-content-element-wizard-button.ts      |   68 -
 .../backend/new-content-element-wizard.ts     |  198 --
 .../TypeScript/backend/new-multiple-pages.ts  |   73 -
 typo3_src/TypeScript/backend/notification.ts  |  279 --
 typo3_src/TypeScript/backend/online-media.ts  |  143 -
 typo3_src/TypeScript/backend/page-actions.ts  |  220 --
 .../backend/page-tree/page-tree-element.ts    | 1077 ------
 .../TypeScript/backend/page-tree/page-tree.ts |  125 -
 typo3_src/TypeScript/backend/popover.ts       |  175 -
 typo3_src/TypeScript/backend/severity.ts      |   90 -
 .../TypeScript/backend/site-inline-actions.ts |   32 -
 .../storage/abstract-client-storage.ts        |   63 -
 .../backend/storage/browser-session.ts        |   28 -
 .../TypeScript/backend/storage/client.ts      |   28 -
 .../backend/storage/module-state-storage.ts   |  112 -
 .../TypeScript/backend/storage/persistent.ts  |  221 --
 typo3_src/TypeScript/backend/svg-tree.ts      | 1485 --------
 typo3_src/TypeScript/backend/switch-user.ts   |   85 -
 typo3_src/TypeScript/backend/tabs.ts          |   69 -
 .../backend/tests/backend-exception-test.ts   |   26 -
 .../element/immediate-action-element-test.ts  |  102 -
 .../tests/form-engine-validation-test.ts      |  379 --
 .../backend/tests/grid-editor-test.ts         |   27 -
 .../backend/tests/hashing/md5Test.ts          |   26 -
 .../TypeScript/backend/tests/icons-test.ts    |   65 -
 .../backend/tests/notification-test.ts        |  143 -
 .../TypeScript/backend/tests/popover-test.ts  |   77 -
 typo3_src/TypeScript/backend/toolbar.ts       |   42 -
 .../backend/toolbar/clear-cache-menu.ts       |   86 -
 .../TypeScript/backend/toolbar/live-search.ts |  220 --
 .../backend/toolbar/shortcut-menu.ts          |  211 --
 .../toolbar/system-information-menu.ts        |  119 -
 typo3_src/TypeScript/backend/tooltip.ts       |  108 -
 .../TypeScript/backend/tree/drag-drop.ts      |  251 --
 .../backend/tree/file-storage-browser.ts      |  178 -
 .../tree/file-storage-tree-container.ts       |  477 ---
 .../backend/tree/file-storage-tree.ts         |   86 -
 .../TypeScript/backend/tree/page-browser.ts   |  297 --
 .../TypeScript/backend/tree/tree-node.ts      |   80 -
 .../TypeScript/backend/user-pass-login.ts     |  122 -
 typo3_src/TypeScript/backend/utility.ts       |  176 -
 .../backend/utility/message-utility.ts        |   45 -
 .../utility/top-level-module-import.ts        |   32 -
 typo3_src/TypeScript/backend/viewport.ts      |   44 -
 .../backend/viewport/abstract-container.ts    |   22 -
 .../backend/viewport/content-container.ts     |  117 -
 .../TypeScript/backend/viewport/loader.ts     |   28 -
 .../backend/viewport/navigation-container.ts  |  143 -
 .../backend/viewport/resizable-navigation.ts  |  151 -
 .../TypeScript/backend/viewport/toolbar.ts    |   24 -
 .../TypeScript/backend/viewport/topbar.ts     |   39 -
 .../TypeScript/backend/window-manager.ts      |   65 -
 typo3_src/TypeScript/backend/wizard.ts        |  326 --
 .../Public/TypeScript/Ajax/AjaxRequest.ts     |  193 --
 .../Public/TypeScript/Ajax/AjaxResponse.ts    |   58 -
 .../TypeScript/Ajax/InputTransformer.ts       |   93 -
 .../Public/TypeScript/Ajax/ResponseError.ts   |   24 -
 .../Ajax/SimpleResponseInterface.ts           |    6 -
 .../Authentication/MfaProvider/Totp.ts        |   65 -
 .../BackwardCompat/JQueryNativePromises.ts    |   58 -
 .../TypeScript/BackwardCompat/index.d.ts      |    8 -
 .../Public/TypeScript/DocumentService.ts      |   60 -
 .../Public/TypeScript/Event/DebounceEvent.ts  |   53 -
 .../Public/TypeScript/Event/EventInterface.ts |   25 -
 .../Public/TypeScript/Event/RegularEvent.ts   |   49 -
 .../Event/RequestAnimationFrameEvent.ts       |   46 -
 .../Public/TypeScript/Event/ThrottleEvent.ts  |   48 -
 .../Public/TypeScript/SecurityUtility.ts      |   90 -
 .../Resources/Public/TypeScript/lit-helper.ts |   43 -
 .../TypeScript/core/ajax/ajax-request.ts      |  189 -
 .../TypeScript/core/ajax/ajax-response.ts     |   57 -
 .../TypeScript/core/ajax/input-transformer.ts |   92 -
 .../core/ajax/simple-response-interface.ts    |    5 -
 .../core/authentication/mfa-provider/totp.ts  |   65 -
 typo3_src/TypeScript/core/document-service.ts |   59 -
 .../TypeScript/core/event/debounce-event.ts   |   52 -
 .../TypeScript/core/event/event-interface.ts  |   24 -
 .../TypeScript/core/event/regular-event.ts    |   48 -
 .../event/request-animation-frame-event.ts    |   45 -
 .../TypeScript/core/event/throttle-event.ts   |   47 -
 .../core/java-script-item-handler.ts          |   31 -
 .../core/java-script-item-processor.ts        |  200 --
 typo3_src/TypeScript/core/lit-helper.ts       |   42 -
 .../core/require-jsconfig-handler.ts          |   25 -
 typo3_src/TypeScript/core/security-utility.ts |   89 -
 .../core/tests/ajax/ajax-request-test.ts      |  254 --
 .../core/tests/ajax/input-transformer-test.ts |   62 -
 .../core/tests/security-utility-test.ts       |   48 -
 webpack.js                                    |   33 -
 280 files changed, 1 insertion(+), 46465 deletions(-)
 delete mode 100644 .ddev/config.yaml
 delete mode 100644 .editorconfig
 delete mode 100644 .github/workflows/build-and-test.yml
 delete mode 100644 .gitignore
 delete mode 100644 .phpstorm.meta.php
 delete mode 100644 Configuration/php-cs-fixer.php
 create mode 100644 Resources/Public/JavaScript/MailCatcher.js
 delete mode 100644 config/sites/main/config.yaml
 delete mode 100644 package-lock.json
 delete mode 100644 package.json
 delete mode 100644 phpstan-baseline.neon
 delete mode 100644 phpstan.neon
 delete mode 100644 tsconfig.json
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/AjaxDataHandler.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/AjaxDataHandler/MessageInterface.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/AjaxDataHandler/ResponseInterface.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/BackendException.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/ColorPicker.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/ContextHelp.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/ContextMenu.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/ContextMenuActions.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/DateTimePicker.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/DebugConsole.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/DocumentHeader.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/DragUploader.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/Enum/KeyTypes.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/Enum/Severity.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/Enum/Viewport/ScaffoldIdentifier.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/Enum/Viewport/TopbarIdentifiers.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/Event/ClientRequest.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/Event/Consumable.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/Event/ConsumerScope.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/Event/InteractionRequest.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/Event/InteractionRequestAssignment.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/Event/InteractionRequestMap.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/Event/TriggerRequest.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/FormEngine/Element/SlugElement.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/FormEngine/FieldControl/AddRecord.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/FormEngine/FieldControl/InsertClipboard.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/FormEngine/FieldControl/ListModule.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/FormEngine/FieldControl/ResetSelection.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/FormEngine/FieldControl/TableWizard.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/FormEngine/FieldWizard/ValueSlider.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/FormEngine/FlexForm/FlexFormElementOptions.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/FormEngineFlexForm.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/FormEngineReview.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/FormEngineSuggest.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/GridEditor.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/Icons.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/ImageManipulation.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/InfoWindow.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/LayoutModule/DragDrop.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/LayoutModule/Paste.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/LiveSearch.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/Localization.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/Login.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/LoginRefresh.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/Modal.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/ModuleMenu.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/NewMultiplePages.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/Notification.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/OnlineMedia.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/PageActions.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/Popover.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/RenameFile.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/Severity.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/SplitButtons.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/Storage.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/Storage/Client.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/Storage/Persistent.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/Tabs.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/ToggleSearchToolbox.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/Toolbar.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/Toolbar/ClearCacheMenu.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/Toolbar/ShortcutMenu.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/Toolbar/SystemInformationMenu.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/Tooltip.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/UserPassLogin.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/Utility.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/Viewport.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/Viewport/AbstractContainer.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/Viewport/ContentContainer.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/Viewport/Loader.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/Viewport/NavigationComponentInterface.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/Viewport/NavigationContainer.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/Viewport/PageTree.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/Viewport/Topbar.ts
 delete mode 100644 typo3_src/TypeScript/backend/Resources/Public/TypeScript/Wizard/NewContentElement.ts
 delete mode 100644 typo3_src/TypeScript/backend/action-button/abstract-action.ts
 delete mode 100644 typo3_src/TypeScript/backend/action-button/deferred-action.ts
 delete mode 100644 typo3_src/TypeScript/backend/action-button/immediate-action.ts
 delete mode 100644 typo3_src/TypeScript/backend/action-dispatcher.ts
 delete mode 100644 typo3_src/TypeScript/backend/ajax-data-handler.ts
 delete mode 100644 typo3_src/TypeScript/backend/ajax-data-handler/message-interface.ts
 delete mode 100644 typo3_src/TypeScript/backend/ajax-data-handler/response-interface.ts
 delete mode 100644 typo3_src/TypeScript/backend/backend-exception.ts
 delete mode 100644 typo3_src/TypeScript/backend/broadcast-message.ts
 delete mode 100644 typo3_src/TypeScript/backend/broadcast-service.ts
 delete mode 100644 typo3_src/TypeScript/backend/clipboard-panel.ts
 delete mode 100644 typo3_src/TypeScript/backend/color-picker.ts
 delete mode 100644 typo3_src/TypeScript/backend/column-selector-button.ts
 delete mode 100644 typo3_src/TypeScript/backend/context-help.ts
 delete mode 100644 typo3_src/TypeScript/backend/context-menu-actions.ts
 delete mode 100644 typo3_src/TypeScript/backend/context-menu.ts
 delete mode 100644 typo3_src/TypeScript/backend/copy-to-clipboard.ts
 delete mode 100644 typo3_src/TypeScript/backend/date-time-picker.ts
 delete mode 100644 typo3_src/TypeScript/backend/debug-console.ts
 delete mode 100644 typo3_src/TypeScript/backend/document-header.ts
 delete mode 100644 typo3_src/TypeScript/backend/document-save-actions.ts
 delete mode 100644 typo3_src/TypeScript/backend/drag-uploader.ts
 delete mode 100644 typo3_src/TypeScript/backend/element/icon-element.ts
 delete mode 100644 typo3_src/TypeScript/backend/element/immediate-action-element.ts
 delete mode 100644 typo3_src/TypeScript/backend/element/spinner-element.ts
 delete mode 100644 typo3_src/TypeScript/backend/element/table-wizard-element.ts
 delete mode 100644 typo3_src/TypeScript/backend/enum/icon-types.ts
 delete mode 100644 typo3_src/TypeScript/backend/enum/key-types.ts
 delete mode 100644 typo3_src/TypeScript/backend/enum/severity.ts
 delete mode 100644 typo3_src/TypeScript/backend/enum/viewport/scaffold-identifier.ts
 delete mode 100644 typo3_src/TypeScript/backend/event/client-request.ts
 delete mode 100644 typo3_src/TypeScript/backend/event/consumable.ts
 delete mode 100644 typo3_src/TypeScript/backend/event/consumer-scope.ts
 delete mode 100644 typo3_src/TypeScript/backend/event/event-dispatcher.ts
 delete mode 100644 typo3_src/TypeScript/backend/event/interaction-request-assignment.ts
 delete mode 100644 typo3_src/TypeScript/backend/event/interaction-request-map.ts
 delete mode 100644 typo3_src/TypeScript/backend/event/interaction-request.ts
 delete mode 100644 typo3_src/TypeScript/backend/event/trigger-request.ts
 delete mode 100644 typo3_src/TypeScript/backend/form-engine-link-browser-adapter.ts
 delete mode 100644 typo3_src/TypeScript/backend/form-engine-review.ts
 delete mode 100644 typo3_src/TypeScript/backend/form-engine-suggest.ts
 delete mode 100644 typo3_src/TypeScript/backend/form-engine-validation.ts
 delete mode 100644 typo3_src/TypeScript/backend/form-engine.ts
 delete mode 100644 typo3_src/TypeScript/backend/form-engine/container/flex-form-container-container.ts
 delete mode 100644 typo3_src/TypeScript/backend/form-engine/container/flex-form-section-container.ts
 delete mode 100644 typo3_src/TypeScript/backend/form-engine/container/inline-control-container.ts
 delete mode 100644 typo3_src/TypeScript/backend/form-engine/container/site-language-container.ts
 delete mode 100644 typo3_src/TypeScript/backend/form-engine/element/abstract-sortable-select-items.ts
 delete mode 100644 typo3_src/TypeScript/backend/form-engine/element/category-element.ts
 delete mode 100644 typo3_src/TypeScript/backend/form-engine/element/color-element.ts
 delete mode 100644 typo3_src/TypeScript/backend/form-engine/element/datetime-element.ts
 delete mode 100644 typo3_src/TypeScript/backend/form-engine/element/extra/select-box-filter.ts
 delete mode 100644 typo3_src/TypeScript/backend/form-engine/element/folder-element.ts
 delete mode 100644 typo3_src/TypeScript/backend/form-engine/element/group-element.ts
 delete mode 100644 typo3_src/TypeScript/backend/form-engine/element/link-element.ts
 delete mode 100644 typo3_src/TypeScript/backend/form-engine/element/mfa-info-element.ts
 delete mode 100644 typo3_src/TypeScript/backend/form-engine/element/modifier/resizable.ts
 delete mode 100644 typo3_src/TypeScript/backend/form-engine/element/modifier/tabbable.ts
 delete mode 100644 typo3_src/TypeScript/backend/form-engine/element/select-check-box-element.ts
 delete mode 100644 typo3_src/TypeScript/backend/form-engine/element/select-multiple-side-by-side-element.ts
 delete mode 100644 typo3_src/TypeScript/backend/form-engine/element/select-single-element.ts
 delete mode 100644 typo3_src/TypeScript/backend/form-engine/element/select-tree-element.ts
 delete mode 100644 typo3_src/TypeScript/backend/form-engine/element/select-tree-toolbar.ts
 delete mode 100644 typo3_src/TypeScript/backend/form-engine/element/select-tree.ts
 delete mode 100644 typo3_src/TypeScript/backend/form-engine/element/slug-element.ts
 delete mode 100644 typo3_src/TypeScript/backend/form-engine/element/text-element.ts
 delete mode 100644 typo3_src/TypeScript/backend/form-engine/element/text-table-element.ts
 delete mode 100644 typo3_src/TypeScript/backend/form-engine/field-control/add-record.ts
 delete mode 100644 typo3_src/TypeScript/backend/form-engine/field-control/edit-popup.ts
 delete mode 100644 typo3_src/TypeScript/backend/form-engine/field-control/insert-clipboard.ts
 delete mode 100644 typo3_src/TypeScript/backend/form-engine/field-control/link-popup.ts
 delete mode 100644 typo3_src/TypeScript/backend/form-engine/field-control/list-module.ts
 delete mode 100644 typo3_src/TypeScript/backend/form-engine/field-control/reset-selection.ts
 delete mode 100644 typo3_src/TypeScript/backend/form-engine/field-control/table-wizard.ts
 delete mode 100644 typo3_src/TypeScript/backend/form-engine/field-wizard/localization-state-selector.ts
 delete mode 100644 typo3_src/TypeScript/backend/form-engine/field-wizard/value-picker.ts
 delete mode 100644 typo3_src/TypeScript/backend/form-engine/field-wizard/value-slider.ts
 delete mode 100644 typo3_src/TypeScript/backend/form-engine/inline-relation/ajax-dispatcher.ts
 delete mode 100644 typo3_src/TypeScript/backend/form-engine/inline-relation/inline-response-interface.ts
 delete mode 100644 typo3_src/TypeScript/backend/form-engine/request-update.ts
 delete mode 100644 typo3_src/TypeScript/backend/global-event-handler.ts
 delete mode 100644 typo3_src/TypeScript/backend/grid-editor.ts
 delete mode 100644 typo3_src/TypeScript/backend/hashing/md5.ts
 delete mode 100644 typo3_src/TypeScript/backend/icons.ts
 delete mode 100644 typo3_src/TypeScript/backend/image-manipulation.ts
 delete mode 100644 typo3_src/TypeScript/backend/info-window.ts
 delete mode 100644 typo3_src/TypeScript/backend/input/clearable.ts
 delete mode 100644 typo3_src/TypeScript/backend/input/index.d.ts
 delete mode 100644 typo3_src/TypeScript/backend/java-script-module-import-event-handler.ts
 delete mode 100644 typo3_src/TypeScript/backend/layout-module/drag-drop.ts
 delete mode 100644 typo3_src/TypeScript/backend/layout-module/paste.ts
 delete mode 100644 typo3_src/TypeScript/backend/localization.ts
 delete mode 100644 typo3_src/TypeScript/backend/login-refresh.ts
 delete mode 100644 typo3_src/TypeScript/backend/login.ts
 delete mode 100644 typo3_src/TypeScript/backend/modal-interface.ts
 delete mode 100644 typo3_src/TypeScript/backend/modal.ts
 delete mode 100644 typo3_src/TypeScript/backend/module-menu.ts
 delete mode 100644 typo3_src/TypeScript/backend/module.ts
 delete mode 100644 typo3_src/TypeScript/backend/module/iframe.ts
 delete mode 100644 typo3_src/TypeScript/backend/module/router.ts
 delete mode 100644 typo3_src/TypeScript/backend/multi-record-selection-action.ts
 delete mode 100644 typo3_src/TypeScript/backend/multi-record-selection.ts
 delete mode 100644 typo3_src/TypeScript/backend/multi-step-wizard.ts
 delete mode 100644 typo3_src/TypeScript/backend/new-content-element-wizard-button.ts
 delete mode 100644 typo3_src/TypeScript/backend/new-content-element-wizard.ts
 delete mode 100644 typo3_src/TypeScript/backend/new-multiple-pages.ts
 delete mode 100644 typo3_src/TypeScript/backend/notification.ts
 delete mode 100644 typo3_src/TypeScript/backend/online-media.ts
 delete mode 100644 typo3_src/TypeScript/backend/page-actions.ts
 delete mode 100644 typo3_src/TypeScript/backend/page-tree/page-tree-element.ts
 delete mode 100644 typo3_src/TypeScript/backend/page-tree/page-tree.ts
 delete mode 100644 typo3_src/TypeScript/backend/popover.ts
 delete mode 100644 typo3_src/TypeScript/backend/severity.ts
 delete mode 100644 typo3_src/TypeScript/backend/site-inline-actions.ts
 delete mode 100644 typo3_src/TypeScript/backend/storage/abstract-client-storage.ts
 delete mode 100644 typo3_src/TypeScript/backend/storage/browser-session.ts
 delete mode 100644 typo3_src/TypeScript/backend/storage/client.ts
 delete mode 100644 typo3_src/TypeScript/backend/storage/module-state-storage.ts
 delete mode 100644 typo3_src/TypeScript/backend/storage/persistent.ts
 delete mode 100644 typo3_src/TypeScript/backend/svg-tree.ts
 delete mode 100644 typo3_src/TypeScript/backend/switch-user.ts
 delete mode 100644 typo3_src/TypeScript/backend/tabs.ts
 delete mode 100644 typo3_src/TypeScript/backend/tests/backend-exception-test.ts
 delete mode 100644 typo3_src/TypeScript/backend/tests/element/immediate-action-element-test.ts
 delete mode 100644 typo3_src/TypeScript/backend/tests/form-engine-validation-test.ts
 delete mode 100644 typo3_src/TypeScript/backend/tests/grid-editor-test.ts
 delete mode 100644 typo3_src/TypeScript/backend/tests/hashing/md5Test.ts
 delete mode 100644 typo3_src/TypeScript/backend/tests/icons-test.ts
 delete mode 100644 typo3_src/TypeScript/backend/tests/notification-test.ts
 delete mode 100644 typo3_src/TypeScript/backend/tests/popover-test.ts
 delete mode 100644 typo3_src/TypeScript/backend/toolbar.ts
 delete mode 100644 typo3_src/TypeScript/backend/toolbar/clear-cache-menu.ts
 delete mode 100644 typo3_src/TypeScript/backend/toolbar/live-search.ts
 delete mode 100644 typo3_src/TypeScript/backend/toolbar/shortcut-menu.ts
 delete mode 100644 typo3_src/TypeScript/backend/toolbar/system-information-menu.ts
 delete mode 100644 typo3_src/TypeScript/backend/tooltip.ts
 delete mode 100644 typo3_src/TypeScript/backend/tree/drag-drop.ts
 delete mode 100644 typo3_src/TypeScript/backend/tree/file-storage-browser.ts
 delete mode 100644 typo3_src/TypeScript/backend/tree/file-storage-tree-container.ts
 delete mode 100644 typo3_src/TypeScript/backend/tree/file-storage-tree.ts
 delete mode 100644 typo3_src/TypeScript/backend/tree/page-browser.ts
 delete mode 100644 typo3_src/TypeScript/backend/tree/tree-node.ts
 delete mode 100644 typo3_src/TypeScript/backend/user-pass-login.ts
 delete mode 100644 typo3_src/TypeScript/backend/utility.ts
 delete mode 100644 typo3_src/TypeScript/backend/utility/message-utility.ts
 delete mode 100644 typo3_src/TypeScript/backend/utility/top-level-module-import.ts
 delete mode 100644 typo3_src/TypeScript/backend/viewport.ts
 delete mode 100644 typo3_src/TypeScript/backend/viewport/abstract-container.ts
 delete mode 100644 typo3_src/TypeScript/backend/viewport/content-container.ts
 delete mode 100644 typo3_src/TypeScript/backend/viewport/loader.ts
 delete mode 100644 typo3_src/TypeScript/backend/viewport/navigation-container.ts
 delete mode 100644 typo3_src/TypeScript/backend/viewport/resizable-navigation.ts
 delete mode 100644 typo3_src/TypeScript/backend/viewport/toolbar.ts
 delete mode 100644 typo3_src/TypeScript/backend/viewport/topbar.ts
 delete mode 100644 typo3_src/TypeScript/backend/window-manager.ts
 delete mode 100644 typo3_src/TypeScript/backend/wizard.ts
 delete mode 100644 typo3_src/TypeScript/core/Resources/Public/TypeScript/Ajax/AjaxRequest.ts
 delete mode 100644 typo3_src/TypeScript/core/Resources/Public/TypeScript/Ajax/AjaxResponse.ts
 delete mode 100644 typo3_src/TypeScript/core/Resources/Public/TypeScript/Ajax/InputTransformer.ts
 delete mode 100644 typo3_src/TypeScript/core/Resources/Public/TypeScript/Ajax/ResponseError.ts
 delete mode 100644 typo3_src/TypeScript/core/Resources/Public/TypeScript/Ajax/SimpleResponseInterface.ts
 delete mode 100644 typo3_src/TypeScript/core/Resources/Public/TypeScript/Authentication/MfaProvider/Totp.ts
 delete mode 100644 typo3_src/TypeScript/core/Resources/Public/TypeScript/BackwardCompat/JQueryNativePromises.ts
 delete mode 100644 typo3_src/TypeScript/core/Resources/Public/TypeScript/BackwardCompat/index.d.ts
 delete mode 100644 typo3_src/TypeScript/core/Resources/Public/TypeScript/DocumentService.ts
 delete mode 100644 typo3_src/TypeScript/core/Resources/Public/TypeScript/Event/DebounceEvent.ts
 delete mode 100644 typo3_src/TypeScript/core/Resources/Public/TypeScript/Event/EventInterface.ts
 delete mode 100644 typo3_src/TypeScript/core/Resources/Public/TypeScript/Event/RegularEvent.ts
 delete mode 100644 typo3_src/TypeScript/core/Resources/Public/TypeScript/Event/RequestAnimationFrameEvent.ts
 delete mode 100644 typo3_src/TypeScript/core/Resources/Public/TypeScript/Event/ThrottleEvent.ts
 delete mode 100644 typo3_src/TypeScript/core/Resources/Public/TypeScript/SecurityUtility.ts
 delete mode 100644 typo3_src/TypeScript/core/Resources/Public/TypeScript/lit-helper.ts
 delete mode 100644 typo3_src/TypeScript/core/ajax/ajax-request.ts
 delete mode 100644 typo3_src/TypeScript/core/ajax/ajax-response.ts
 delete mode 100644 typo3_src/TypeScript/core/ajax/input-transformer.ts
 delete mode 100644 typo3_src/TypeScript/core/ajax/simple-response-interface.ts
 delete mode 100644 typo3_src/TypeScript/core/authentication/mfa-provider/totp.ts
 delete mode 100644 typo3_src/TypeScript/core/document-service.ts
 delete mode 100644 typo3_src/TypeScript/core/event/debounce-event.ts
 delete mode 100644 typo3_src/TypeScript/core/event/event-interface.ts
 delete mode 100644 typo3_src/TypeScript/core/event/regular-event.ts
 delete mode 100644 typo3_src/TypeScript/core/event/request-animation-frame-event.ts
 delete mode 100644 typo3_src/TypeScript/core/event/throttle-event.ts
 delete mode 100644 typo3_src/TypeScript/core/java-script-item-handler.ts
 delete mode 100644 typo3_src/TypeScript/core/java-script-item-processor.ts
 delete mode 100644 typo3_src/TypeScript/core/lit-helper.ts
 delete mode 100644 typo3_src/TypeScript/core/require-jsconfig-handler.ts
 delete mode 100644 typo3_src/TypeScript/core/security-utility.ts
 delete mode 100644 typo3_src/TypeScript/core/tests/ajax/ajax-request-test.ts
 delete mode 100644 typo3_src/TypeScript/core/tests/ajax/input-transformer-test.ts
 delete mode 100644 typo3_src/TypeScript/core/tests/security-utility-test.ts
 delete mode 100644 webpack.js

diff --git a/.ddev/config.yaml b/.ddev/config.yaml
deleted file mode 100644
index 1b80b3e..0000000
--- a/.ddev/config.yaml
+++ /dev/null
@@ -1,206 +0,0 @@
-name: xm-mail-catcher
-type: typo3
-docroot: public
-php_version: "7.2"
-webserver_type: nginx-fpm
-router_http_port: "80"
-router_https_port: "443"
-xdebug_enabled: false
-additional_hostnames: []
-additional_fqdns: []
-database:
-  type: mariadb
-  version: "10.3"
-nfs_mount_enabled: false
-mutagen_enabled: false
-use_dns_when_possible: true
-composer_version: "2"
-web_environment: []
-nodejs_version: "16"
-
-# Key features of ddev's config.yaml:
-
-# name: <projectname> # Name of the project, automatically provides
-#   http://projectname.ddev.site and https://projectname.ddev.site
-
-# type: <projecttype>  # drupal6/7/8, backdrop, typo3, wordpress, php
-
-# docroot: <relative_path> # Relative path to the directory containing index.php.
-
-# php_version: "7.4"  # PHP version to use, "5.6", "7.0", "7.1", "7.2", "7.3", "7.4", "8.0", "8.1"
-
-# You can explicitly specify the webimage but this
-# is not recommended, as the images are often closely tied to ddev's' behavior,
-# so this can break upgrades.
-
-# webimage: <docker_image>  # nginx/php docker image.
-
-# database:
-#   type: <dbtype> # mysql, mariadb
-#   version: <version> # database version, like "10.3" or "8.0"
-# Note that mariadb_version or mysql_version from v1.18 and earlier
-# will automatically be converted to this notation with just a "ddev config --auto"
-
-# router_http_port: <port>  # Port to be used for http (defaults to port 80)
-# router_https_port: <port> # Port for https (defaults to 443)
-
-# xdebug_enabled: false  # Set to true to enable xdebug and "ddev start" or "ddev restart"
-# Note that for most people the commands
-# "ddev xdebug" to enable xdebug and "ddev xdebug off" to disable it work better,
-# as leaving xdebug enabled all the time is a big performance hit.
-
-# xhprof_enabled: false  # Set to true to enable xhprof and "ddev start" or "ddev restart"
-# Note that for most people the commands
-# "ddev xhprof" to enable xhprof and "ddev xhprof off" to disable it work better,
-# as leaving xhprof enabled all the time is a big performance hit.
-
-# webserver_type: nginx-fpm  # or apache-fpm
-
-# timezone: Europe/Berlin
-# This is the timezone used in the containers and by PHP;
-# it can be set to any valid timezone,
-# see https://en.wikipedia.org/wiki/List_of_tz_database_time_zones
-# For example Europe/Dublin or MST7MDT
-
-# composer_root: <relative_path>
-# Relative path to the composer root directory from the project root. This is
-# the directory which contains the composer.json and where all Composer related
-# commands are executed.
-
-# composer_version: "2"
-# if composer_version:"2" it will use the most recent composer v2
-# It can also be set to "1", to get most recent composer v1
-# or "" for the default v2 created at release time.
-# It can be set to any existing specific composer version.
-# After first project 'ddev start' this will not be updated until it changes
-
-# nodejs_version: "16"
-# change from the default system Node.js version to another supported version, like 12, 14, 17.
-# Note that you can use 'ddev nvm' or nvm inside the web container to provide nearly any
-# Node.js version, including v6, etc.
-
-# additional_hostnames:
-#  - somename
-#  - someothername
-# would provide http and https URLs for "somename.ddev.site"
-# and "someothername.ddev.site".
-
-# additional_fqdns:
-#  - example.com
-#  - sub1.example.com
-# would provide http and https URLs for "example.com" and "sub1.example.com"
-# Please take care with this because it can cause great confusion.
-
-# upload_dir: custom/upload/dir
-# would set the destination path for ddev import-files to <docroot>/custom/upload/dir
-
-# working_dir:
-#   web: /var/www/html
-#   db: /home
-# would set the default working directory for the web and db services.
-# These values specify the destination directory for ddev ssh and the
-# directory in which commands passed into ddev exec are run.
-
-# omit_containers: [db, dba, ddev-ssh-agent]
-# Currently only these containers are supported. Some containers can also be
-# omitted globally in the ~/.ddev/global_config.yaml. Note that if you omit
-# the "db" container, several standard features of ddev that access the
-# database container will be unusable. In the global configuration it is also
-# possible to omit ddev-router, but not here.
-
-# nfs_mount_enabled: false
-# Great performance improvement but requires host configuration first.
-# See https://ddev.readthedocs.io/en/stable/users/performance/#using-nfs-to-mount-the-project-into-the-container
-
-# mutagen_enabled: false
-# Experimental performance improvement using mutagen asynchronous updates.
-# See https://ddev.readthedocs.io/en/latest/users/performance/#using-mutagen
-
-# fail_on_hook_fail: False
-# Decide whether 'ddev start' should be interrupted by a failing hook
-
-# host_https_port: "59002"
-# The host port binding for https can be explicitly specified. It is
-# dynamic unless otherwise specified.
-# This is not used by most people, most people use the *router* instead
-# of the localhost port.
-
-# host_webserver_port: "59001"
-# The host port binding for the ddev-webserver can be explicitly specified. It is
-# dynamic unless otherwise specified.
-# This is not used by most people, most people use the *router* instead
-# of the localhost port.
-
-# host_db_port: "59002"
-# The host port binding for the ddev-dbserver can be explicitly specified. It is dynamic
-# unless explicitly specified.
-
-# phpmyadmin_port: "8036"
-# phpmyadmin_https_port: "8037"
-# The PHPMyAdmin ports can be changed from the default 8036 and 8037
-
-# host_phpmyadmin_port: "8036"
-# The phpmyadmin (dba) port is not normally bound on the host at all, instead being routed
-# through ddev-router, but it can be specified and bound.
-
-# mailhog_port: "8025"
-# mailhog_https_port: "8026"
-# The MailHog ports can be changed from the default 8025 and 8026
-
-# host_mailhog_port: "8025"
-# The mailhog port is not normally bound on the host at all, instead being routed
-# through ddev-router, but it can be bound directly to localhost if specified here.
-
-# webimage_extra_packages: [php7.4-tidy, php-bcmath]
-# Extra Debian packages that are needed in the webimage can be added here
-
-# dbimage_extra_packages: [telnet,netcat]
-# Extra Debian packages that are needed in the dbimage can be added here
-
-# use_dns_when_possible: true
-# If the host has internet access and the domain configured can
-# successfully be looked up, DNS will be used for hostname resolution
-# instead of editing /etc/hosts
-# Defaults to true
-
-# project_tld: ddev.site
-# The top-level domain used for project URLs
-# The default "ddev.site" allows DNS lookup via a wildcard
-# If you prefer you can change this to "ddev.local" to preserve
-# pre-v1.9 behavior.
-
-# ngrok_args: --subdomain mysite --auth username:pass
-# Provide extra flags to the "ngrok http" command, see
-# https://ngrok.com/docs#http or run "ngrok http -h"
-
-# disable_settings_management: false
-# If true, ddev will not create CMS-specific settings files like
-# Drupal's settings.php/settings.ddev.php or TYPO3's AdditionalConfiguration.php
-# In this case the user must provide all such settings.
-
-# You can inject environment variables into the web container with:
-# web_environment:
-# - SOMEENV=somevalue
-# - SOMEOTHERENV=someothervalue
-
-# no_project_mount: false
-# (Experimental) If true, ddev will not mount the project into the web container;
-# the user is responsible for mounting it manually or via a script.
-# This is to enable experimentation with alternate file mounting strategies.
-# For advanced users only!
-
-# bind_all_interfaces: false
-# If true, host ports will be bound on all network interfaces,
-# not just the localhost interface. This means that ports
-# will be available on the local network if the host firewall
-# allows it.
-
-# Many ddev commands can be extended to run tasks before or after the
-# ddev command is executed, for example "post-start", "post-import-db",
-# "pre-composer", "post-composer"
-# See https://ddev.readthedocs.io/en/stable/users/extending-commands/ for more
-# information on the commands that can be extended and the tasks you can define
-# for them. Example:
-#hooks:
-#  post-start:
-#    - exec: composer install -d /var/www/html
diff --git a/.editorconfig b/.editorconfig
deleted file mode 100644
index f9c6334..0000000
--- a/.editorconfig
+++ /dev/null
@@ -1,89 +0,0 @@
-# EditorConfig is awesome: http://EditorConfig.org
-
-# top-most EditorConfig file
-root = true
-
-# Unix-style newlines with a newline ending every file
-[*]
-charset = utf-8
-end_of_line = lf
-insert_final_newline = true
-trim_trailing_whitespace = true
-
-# CSS-Files
-[*.css]
-indent_style = tab
-indent_size = 4
-
-# HTML-Files
-[*.html]
-indent_style = tab
-indent_size = 2
-
-# TMPL-Files
-[*.tmpl]
-indent_style = tab
-indent_size = 4
-
-# SCSS-Files
-[*.scss]
-indent_style = space
-indent_size = 4
-
-# TS/JS-Files
-[*.ts]
-indent_style = space
-indent_size = 2
-[*.js]
-indent_style = space
-indent_size = 2
-
-# JSON-Files
-[*.json]
-indent_style = tab
-indent_size = 4
-
-# PHP-Files
-[*.php]
-indent_style = space
-indent_size = 4
-
-# ReST-Files
-[*.rst]
-indent_style = space
-indent_size = 3
-
-# MD-Files
-[*.md]
-indent_style = space
-indent_size = 4
-
-# YAML-Files
-[{*.yaml,*.yml}]
-indent_style = space
-indent_size = 2
-
-# package.json
-# .travis.yml
-# bower.json
-[{package.json,.travis.yml,bower.json}]
-indent_style = space
-indent_size = 2
-
-# TypoScript
-[*.typoscript]
-indent_style = space
-indent_size = 2
-[*.tsconfig]
-indent_style = space
-indent_size = 2
-
-# XLF-Files
-[*.xlf]
-indent_style = tab
-indent_size = 4
-
-# SQL-Files
-[*.sql]
-indent_style = tab
-indent_size = 2
\ No newline at end of file
diff --git a/.github/workflows/build-and-test.yml b/.github/workflows/build-and-test.yml
deleted file mode 100644
index 05c8a83..0000000
--- a/.github/workflows/build-and-test.yml
+++ /dev/null
@@ -1,122 +0,0 @@
-name: build-and-test
-on:
-  push:
-    branches:
-      - 9.x-dev
-
-jobs:
-  build-assets:
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout repository
-        uses: actions/checkout@v3
-      - name: Install dependencies
-        uses: actions/setup-node@v3
-        with:
-          node-version: '16'
-      - run: npm install
-      - run: npm run build
-      - name: Archive production artifacts
-        uses: actions/upload-artifact@v3
-        with:
-          name: assets
-          path: Resources/Public/JavaScript
-
-  php-lint:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v3
-      - name: Install dependencies
-        uses: shivammathur/setup-php@v2
-        with:
-          php-version: 7.4
-      - run: composer install
-      - run: composer run ci:php:lint
-
-  php-fixer:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v3
-      - name: Install dependencies
-        uses: shivammathur/setup-php@v2
-        with:
-          php-version: 7.4
-      - run: composer install
-      - run: composer run ci:php:fixer
-
-  php-stan:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v3
-      - name: Install dependencies
-        uses: shivammathur/setup-php@v2
-        with:
-          php-version: 7.4
-      - run: composer install
-      - run: composer run ci:php:stan
-
-  version-check:
-    runs-on: ubuntu-latest
-    needs:
-      - build-assets
-      - php-lint
-      - php-fixer
-      - php-stan
-    outputs:
-      latest-version: ${{ steps.main.outputs.latest-version }}
-      typo3-ext-version: ${{ steps.dev.outputs.typo3-ext-version }}
-    steps:
-      - uses: actions/checkout@v3
-      - id: dev
-        run: |
-          TYPO3_EXT_VERSION=$(cat ext_emconf.php | grep "version*" | grep -Po "(\d+\.)+\d+")
-          echo "::set-output name=typo3-ext-version::$(echo ${TYPO3_EXT_VERSION})"
-      - uses: actions/checkout@v3
-        with:
-          ref: 9.x
-      - run: git fetch --prune --unshallow --tags
-      - id: main
-        run: |
-          LATEST_TAG=$(git describe --abbrev=0 --tags | grep -Po "(\d+\.)+\d+")
-          echo "::set-output name=latest-version::$(echo ${LATEST_TAG})"
-
-  release:
-    runs-on: ubuntu-latest
-    needs:
-      - version-check
-    if: ${{ needs.version-check.outputs.latest-version != needs.version-check.outputs.typo3-ext-version }}
-    steps:
-      - name: Checkout repository
-        uses: actions/checkout@v3
-      - run: git checkout -b release-${{needs.version-check.outputs.typo3-ext-version}} 9.x-dev
-      - name: Download assets
-        uses: actions/download-artifact@v3
-        with:
-          name: assets
-          path: Resources/Public/JavaScript
-      - name: Clean up
-        run: rm -rf .ddev .github config Configuration/php-cs-fixer.php node_modules public var vendor typo3_src .editorconfig .gitignore .phpstorm.meta.php package.json package-lock.json phpstan.neon phpstan-baseline.neon tsconfig.json webpack.js
-      - uses: EndBug/add-and-commit@v9
-        id: commit
-        with:
-          add: '.'
-          committer_name: GitHub Actions
-          committer_email: actions@github.com
-          message: 'build: ${{needs.version-check.outputs.typo3-ext-version}}'
-          new_branch: release-${{needs.version-check.outputs.typo3-ext-version}}
-      - name: Create PR
-        id: pr
-        run: |
-          echo "PR_URL=$(gh pr create --title="Release ${{needs.version-check.outputs.typo3-ext-version}}" --body 'build ${{ steps.commit.commit_sha }}' --base 9.x --head release-${{needs.version-check.outputs.typo3-ext-version}})" >> $GITHUB_ENV
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-      - name: Merge PR
-        run: gh pr merge ${{ env.PR_URL }} -d --merge
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-      - uses: ncipollo/release-action@v1
-        with:
-          token: ${{ secrets.GITHUB_TOKEN }}
-          tag: "v${{needs.version-check.outputs.typo3-ext-version}}"
-          commit: 9.x
-
diff --git a/.gitignore b/.gitignore
deleted file mode 100644
index c9966d4..0000000
--- a/.gitignore
+++ /dev/null
@@ -1,8 +0,0 @@
-
-public
-node_modules
-!Resources/Public
-!typo3_src/TypeScript/*/Resources/Public
-Resources/Public/JavaScript
-var
-vendor
diff --git a/.phpstorm.meta.php b/.phpstorm.meta.php
deleted file mode 100644
index a35099e..0000000
--- a/.phpstorm.meta.php
+++ /dev/null
@@ -1,90 +0,0 @@
-<?php
-
-/** @link https://www.jetbrains.com/help/phpstorm/ide-advanced-metadata.html */
-
-namespace PHPSTORM_META {
-
-    // valid for all TYPO3 versions
-    override(\TYPO3\CMS\Core\Utility\GeneralUtility::makeInstance(0), type(0));
-
-    // valid for all TYPO3 versions
-    override(\TYPO3\CMS\Extbase\Object\ObjectManagerInterface::get(0), type(0));
-
-    // valid for all TYPO3 versions since 9.4
-    // @see https://docs.typo3.org/c/typo3/cms-core/master/en-us/Changelog/9.4/Feature-85389-ContextAPIForConsistentDataHandling.html
-    expectedArguments(
-        \TYPO3\CMS\Core\Context\Context::getAspect(),
-        0,
-        'date',
-        'visibility',
-        'backend.user',
-        'frontend.user',
-        'workspace',
-        'language',
-        'typoscript'
-    );
-
-    override(\TYPO3\CMS\Core\Context\Context::getAspect(), map([
-        'date' => \TYPO3\CMS\Core\Context\DateTimeAspect::class,
-        'visibility' => \TYPO3\CMS\Core\Context\VisibilityAspect::class,
-        'backend.user' => \TYPO3\CMS\Core\Context\UserAspect::class,
-        'frontend.user' => \TYPO3\CMS\Core\Context\UserAspect::class,
-        'workspace' => \TYPO3\CMS\Core\Context\WorkspaceAspect::class,
-        'language' => \TYPO3\CMS\Core\Context\LanguageAspect::class,
-        'typoscript' => \TYPO3\CMS\Core\Context\TypoScriptAspect::class,
-    ]));
-
-    expectedArguments(
-        \TYPO3\CMS\Core\Context\DateTimeAspect::get(),
-        0,
-        'timestamp',
-        'iso',
-        'timezone',
-        'full',
-        'accessTime'
-    );
-
-    expectedArguments(
-        \TYPO3\CMS\Core\Context\VisibilityAspect::get(),
-        0,
-        'includeHiddenPages',
-        'includeHiddenContent',
-        'includeDeletedRecords'
-    );
-
-    expectedArguments(
-        \TYPO3\CMS\Core\Context\UserAspect::get(),
-        0,
-        'id',
-        'username',
-        'isLoggedIn',
-        'isAdmin',
-        'groupIds',
-        'groupNames'
-    );
-
-    expectedArguments(
-        \TYPO3\CMS\Core\Context\WorkspaceAspect::get(),
-        0,
-        'id',
-        'isLive',
-        'isOffline'
-    );
-
-    expectedArguments(
-        \TYPO3\CMS\Core\Context\LanguageAspect::get(),
-        0,
-        'id',
-        'contentId',
-        'fallbackChain',
-        'overlayType',
-        'legacyLanguageMode',
-        'legacyOverlayType'
-    );
-
-    expectedArguments(
-        \TYPO3\CMS\Core\Context\TypoScriptAspect::get(),
-        0,
-        'forcedTemplateParsing'
-    );
-}
diff --git a/Configuration/php-cs-fixer.php b/Configuration/php-cs-fixer.php
deleted file mode 100644
index 0b167ea..0000000
--- a/Configuration/php-cs-fixer.php
+++ /dev/null
@@ -1,96 +0,0 @@
-<?php
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-/**
- * This file represents the configuration for Code Sniffing PSR-2-related
- * automatic checks of coding guidelines
- * Install @fabpot's great php-cs-fixer tool via
- *  $ composer global require friendsofphp/php-cs-fixer
- * And then simply run
- *  $ ./bin/php-cs-fixer fix --config ./Build/php-cs-fixer.php
- * inside the TYPO3 directory. Warning: This may take up to 10 minutes.
- * For more information read:
- *     https://www.php-fig.org/psr/psr-2/
- *     https://cs.sensiolabs.org
- */
-if (PHP_SAPI !== 'cli') {
-    die('This script supports command line usage only. Please check your command.');
-}
-// Define in which folders to search and which folders to exclude
-// Exclude all files and directories from .gitignore
-$finder = (new PhpCsFixer\Finder())
-    ->ignoreVCSIgnored(true)
-    ->in(realpath(__DIR__ . '/../'));
-// Return a Code Sniffing configuration using
-// all sniffers needed for PSR-2
-// and additionally:
-//  - Remove leading slashes in use clauses.
-//  - PHP single-line arrays should not have trailing comma.
-//  - Single-line whitespace before closing semicolon are prohibited.
-//  - Remove unused use statements in the PHP source code
-//  - Ensure Concatenation to have at least one whitespace around
-//  - Remove trailing whitespace at the end of blank lines.
-return (new \PhpCsFixer\Config())
-    ->setRiskyAllowed(true)
-    ->setRules([
-        '@DoctrineAnnotation' => true,
-        '@PSR2' => true,
-        'array_syntax' => ['syntax' => 'short'],
-        'blank_line_after_opening_tag' => true,
-        'braces' => ['allow_single_line_closure' => true],
-        'cast_spaces' => ['space' => 'none'],
-        'compact_nullable_typehint' => true,
-        'concat_space' => ['spacing' => 'one'],
-        'declare_equal_normalize' => ['space' => 'none'],
-        'dir_constant' => true,
-        'function_typehint_space' => true,
-        'lowercase_cast' => true,
-        'method_argument_space' => ['on_multiline' => 'ensure_fully_multiline'],
-        'modernize_types_casting' => true,
-        'native_function_casing' => true,
-        'new_with_braces' => true,
-        'no_alias_functions' => true,
-        'no_blank_lines_after_phpdoc' => true,
-        'no_empty_phpdoc' => true,
-        'no_empty_statement' => true,
-        'no_extra_blank_lines' => true,
-        'no_leading_import_slash' => true,
-        'no_leading_namespace_whitespace' => true,
-        'no_null_property_initialization' => true,
-        'no_short_bool_cast' => true,
-        'no_singleline_whitespace_before_semicolons' => true,
-        'no_superfluous_elseif' => true,
-        'no_trailing_comma_in_singleline_array' => true,
-        'no_unneeded_control_parentheses' => true,
-        'no_unused_imports' => true,
-        'no_useless_else' => true,
-        'no_whitespace_in_blank_line' => true,
-        'ordered_imports' => true,
-        'php_unit_construct' => ['assertions' => ['assertEquals', 'assertSame', 'assertNotEquals', 'assertNotSame']],
-        'php_unit_mock_short_will_return' => true,
-        'php_unit_test_case_static_method_calls' => ['call_type' => 'self'],
-        'phpdoc_no_access' => true,
-        'phpdoc_no_empty_return' => true,
-        'phpdoc_no_package' => true,
-        'phpdoc_scalar' => true,
-        'phpdoc_trim' => true,
-        'phpdoc_types' => true,
-        'phpdoc_types_order' => ['null_adjustment' => 'always_last', 'sort_algorithm' => 'none'],
-        'return_type_declaration' => ['space_before' => 'none'],
-        'single_quote' => true,
-        'single_line_comment_style' => ['comment_types' => ['hash']],
-        'single_trait_insert_per_statement' => true,
-        'trailing_comma_in_multiline' => ['elements' => ['arrays']],
-        'whitespace_after_comma_in_array' => true,
-    ])
-    ->setFinder($finder);
diff --git a/Resources/Public/JavaScript/MailCatcher.js b/Resources/Public/JavaScript/MailCatcher.js
new file mode 100644
index 0000000..2b395e7
--- /dev/null
+++ b/Resources/Public/JavaScript/MailCatcher.js
@@ -0,0 +1 @@
+define("TYPO3/CMS/XmMailCatcher/MailCatcher",["TYPO3/CMS/Backend/Modal","TYPO3/CMS/Backend/Severity","jquery"],((e,t,a)=>{return s={735:(e,t,a)=>{var s,n;s=[a,t,a(404),a(580),a(339)],n=function(e,t,a,s,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.XmMailCatcher=void 0,t.XmMailCatcher=new class{constructor(){this.bindListener()}bindListener(){a(".content-type-switches a").on("click",this.onContentTypeSwitchClick.bind(this)),a("button[data-delete]").on("click",this.onDeleteButtonClick.bind(this)),a("#delete-all-messages").on("click",this.onDeleteAllMessagesClick.bind(this)),a(".panel.panel-default .form-irre-header-body").on("click",this.onPanelClick.bind(this))}onPanelClick(e){e.preventDefault(),e.stopPropagation();const t=a(e.currentTarget).closest(".panel").find(".panel-collapse");t.hasClass("collapse")?t.removeClass("collapse"):t.addClass("collapse");const s="true"===a(e.currentTarget).attr("data-html-loaded");if(a(e.currentTarget).closest(".panel").find('.content-type-switches a[data-content-type="html"]:only-child').length&&!s){const t=a(e.currentTarget).closest(".panel").attr("data-message-file");this.loadHtmlMail(t)}}onDeleteAllMessagesClick(e){e.preventDefault();const t=this;s.confirm("Delete Messages","Are you sure, you want to delete all messages?",n.warning,[{text:"Yes, delete",btnClass:"btn-danger",trigger:function(){t.deleteAllMessages(),s.dismiss()}},{text:"No, abort",btnClass:"primary-outline",active:!0,trigger:function(){s.dismiss()}}])}deleteAllMessages(){const e=this,t=a(".panel[data-message-file]");a.ajax({url:TYPO3.settings.ajaxUrls.mailcatcher_delete_all}).done((function(a){if(a.success)return t.remove(),e.refreshMessageCount(),void top.TYPO3.Notification.success("Success","All messages have been deleted",3);top.TYPO3.Notification.error("Error","Could not delete messages",3)}))}refreshMessageCount(){const e=a(".panel[data-message-file]").length;a("*[data-message-count]").attr("data-message-count",e),a(".message-count").html(e.toString())}onDeleteButtonClick(e){e.preventDefault();const t=a(e.currentTarget).closest(".panel"),s=t.attr("data-message-file"),n=this,r=TYPO3.settings.ajaxUrls.mailcatcher_delete+"&"+a.param({messageFile:s});a.ajax({url:r}).done((function(e){if(e.success)return t.remove(),void n.refreshMessageCount();top.TYPO3.Notification.error("Error","Could not delete message",3)}))}onContentTypeSwitchClick(e){e.preventDefault();const t=a(e.currentTarget).attr("data-content-type"),s=a(e.currentTarget).attr("data-m-id");a('.content-type-switches a[data-m-id="'+s+'"]').addClass("btn-default").removeClass("btn-primary"),a('.content-type-switches a[data-m-id="'+s+'"][data-content-type="'+t+'"]').removeClass("btn-default").addClass("btn-primary"),a('.form-section[data-m-id="'+s+'"]').addClass("hidden"),a('.form-section[data-m-id="'+s+'"][data-content-type="'+t+'"]').removeClass("hidden");const n=a(e.currentTarget).closest(".panel");"false"===n.attr("data-html-loaded")&&this.loadHtmlMail(n.attr("data-message-file"))}loadHtmlMail(e){const t=TYPO3.settings.ajaxUrls.mailcatcher_html+"&"+a.param({messageFile:e});a.ajax({url:t}).done((function(t){const s=a("<iframe />").attr("frameBorder","0").attr("width","100%").attr("height","500px").attr("srcdoc",t.src);a('.panel[data-message-file="'+e+'"] .form-section[data-content-type="html"]').html(s)}))}}}.apply(t,s),void 0===n||(e.exports=n)},580:t=>{"use strict";t.exports=e},339:e=>{"use strict";e.exports=t},404:e=>{"use strict";e.exports=a}},n={},function e(t){var a=n[t];if(void 0!==a)return a.exports;var r=n[t]={exports:{}};return s[t](r,r.exports,e),r.exports}(735);var s,n}));
\ No newline at end of file
diff --git a/config/sites/main/config.yaml b/config/sites/main/config.yaml
deleted file mode 100644
index 207023c..0000000
--- a/config/sites/main/config.yaml
+++ /dev/null
@@ -1,17 +0,0 @@
-base: 'https://xm-mail-catcher.ddev.site/'
-errorHandling: {  }
-languages:
-  -
-    title: English
-    enabled: true
-    languageId: 0
-    base: /
-    typo3Language: default
-    locale: en_US.UTF-8
-    iso-639-1: en
-    navigationTitle: English
-    hreflang: en-us
-    direction: ltr
-    flag: us
-rootPageId: 1
-routes: {  }
diff --git a/package-lock.json b/package-lock.json
deleted file mode 100644
index 67d082d..0000000
--- a/package-lock.json
+++ /dev/null
@@ -1,3052 +0,0 @@
-{
-  "name": "xm_mail_catcher",
-  "version": "1.0.0",
-  "lockfileVersion": 2,
-  "requires": true,
-  "packages": {
-    "": {
-      "name": "xm_mail_catcher",
-      "version": "1.0.0",
-      "license": "MIT",
-      "devDependencies": {
-        "@types/jquery": "^3.3.31",
-        "jquery": "^3.3.1",
-        "ts-loader": "^8.0.12",
-        "typescript": "^3.7.2",
-        "webpack": "^5.10.0",
-        "webpack-cli": "^4.2.0",
-        "webpack-merge": "^5.7.3"
-      }
-    },
-    "node_modules/@discoveryjs/json-ext": {
-      "version": "0.5.7",
-      "resolved": "https://registry.npmjs.org/@discoveryjs/json-ext/-/json-ext-0.5.7.tgz",
-      "integrity": "sha512-dBVuXR082gk3jsFp7Rd/JI4kytwGHecnCoTtXFb7DB6CNHp4rg5k1bhg0nWdLGLnOV71lmDzGQaLMy8iPLY0pw==",
-      "dev": true,
-      "engines": {
-        "node": ">=10.0.0"
-      }
-    },
-    "node_modules/@types/eslint": {
-      "version": "8.4.2",
-      "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.4.2.tgz",
-      "integrity": "sha512-Z1nseZON+GEnFjJc04sv4NSALGjhFwy6K0HXt7qsn5ArfAKtb63dXNJHf+1YW6IpOIYRBGUbu3GwJdj8DGnCjA==",
-      "dev": true,
-      "dependencies": {
-        "@types/estree": "*",
-        "@types/json-schema": "*"
-      }
-    },
-    "node_modules/@types/eslint-scope": {
-      "version": "3.7.3",
-      "resolved": "https://registry.npmjs.org/@types/eslint-scope/-/eslint-scope-3.7.3.tgz",
-      "integrity": "sha512-PB3ldyrcnAicT35TWPs5IcwKD8S333HMaa2VVv4+wdvebJkjWuW/xESoB8IwRcog8HYVYamb1g/R31Qv5Bx03g==",
-      "dev": true,
-      "dependencies": {
-        "@types/eslint": "*",
-        "@types/estree": "*"
-      }
-    },
-    "node_modules/@types/estree": {
-      "version": "0.0.51",
-      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.51.tgz",
-      "integrity": "sha512-CuPgU6f3eT/XgKKPqKd/gLZV1Xmvf1a2R5POBOGQa6uv82xpls89HU5zKeVoyR8XzHd1RGNOlQlvUe3CFkjWNQ==",
-      "dev": true
-    },
-    "node_modules/@types/jquery": {
-      "version": "3.5.14",
-      "resolved": "https://registry.npmjs.org/@types/jquery/-/jquery-3.5.14.tgz",
-      "integrity": "sha512-X1gtMRMbziVQkErhTQmSe2jFwwENA/Zr+PprCkF63vFq+Yt5PZ4AlKqgmeNlwgn7dhsXEK888eIW2520EpC+xg==",
-      "dev": true,
-      "dependencies": {
-        "@types/sizzle": "*"
-      }
-    },
-    "node_modules/@types/json-schema": {
-      "version": "7.0.11",
-      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.11.tgz",
-      "integrity": "sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ==",
-      "dev": true
-    },
-    "node_modules/@types/node": {
-      "version": "17.0.34",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-17.0.34.tgz",
-      "integrity": "sha512-XImEz7XwTvDBtzlTnm8YvMqGW/ErMWBsKZ+hMTvnDIjGCKxwK5Xpc+c/oQjOauwq8M4OS11hEkpjX8rrI/eEgA==",
-      "dev": true
-    },
-    "node_modules/@types/sizzle": {
-      "version": "2.3.3",
-      "resolved": "https://registry.npmjs.org/@types/sizzle/-/sizzle-2.3.3.tgz",
-      "integrity": "sha512-JYM8x9EGF163bEyhdJBpR2QX1R5naCJHC8ucJylJ3w9/CVBaskdQ8WqBf8MmQrd1kRvp/a4TS8HJ+bxzR7ZJYQ==",
-      "dev": true
-    },
-    "node_modules/@webassemblyjs/ast": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.11.1.tgz",
-      "integrity": "sha512-ukBh14qFLjxTQNTXocdyksN5QdM28S1CxHt2rdskFyL+xFV7VremuBLVbmCePj+URalXBENx/9Lm7lnhihtCSw==",
-      "dev": true,
-      "dependencies": {
-        "@webassemblyjs/helper-numbers": "1.11.1",
-        "@webassemblyjs/helper-wasm-bytecode": "1.11.1"
-      }
-    },
-    "node_modules/@webassemblyjs/floating-point-hex-parser": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.1.tgz",
-      "integrity": "sha512-iGRfyc5Bq+NnNuX8b5hwBrRjzf0ocrJPI6GWFodBFzmFnyvrQ83SHKhmilCU/8Jv67i4GJZBMhEzltxzcNagtQ==",
-      "dev": true
-    },
-    "node_modules/@webassemblyjs/helper-api-error": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.1.tgz",
-      "integrity": "sha512-RlhS8CBCXfRUR/cwo2ho9bkheSXG0+NwooXcc3PAILALf2QLdFyj7KGsKRbVc95hZnhnERon4kW/D3SZpp6Tcg==",
-      "dev": true
-    },
-    "node_modules/@webassemblyjs/helper-buffer": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.11.1.tgz",
-      "integrity": "sha512-gwikF65aDNeeXa8JxXa2BAk+REjSyhrNC9ZwdT0f8jc4dQQeDQ7G4m0f2QCLPJiMTTO6wfDmRmj/pW0PsUvIcA==",
-      "dev": true
-    },
-    "node_modules/@webassemblyjs/helper-numbers": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.1.tgz",
-      "integrity": "sha512-vDkbxiB8zfnPdNK9Rajcey5C0w+QJugEglN0of+kmO8l7lDb77AnlKYQF7aarZuCrv+l0UvqL+68gSDr3k9LPQ==",
-      "dev": true,
-      "dependencies": {
-        "@webassemblyjs/floating-point-hex-parser": "1.11.1",
-        "@webassemblyjs/helper-api-error": "1.11.1",
-        "@xtuc/long": "4.2.2"
-      }
-    },
-    "node_modules/@webassemblyjs/helper-wasm-bytecode": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.1.tgz",
-      "integrity": "sha512-PvpoOGiJwXeTrSf/qfudJhwlvDQxFgelbMqtq52WWiXC6Xgg1IREdngmPN3bs4RoO83PnL/nFrxucXj1+BX62Q==",
-      "dev": true
-    },
-    "node_modules/@webassemblyjs/helper-wasm-section": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.11.1.tgz",
-      "integrity": "sha512-10P9No29rYX1j7F3EVPX3JvGPQPae+AomuSTPiF9eBQeChHI6iqjMIwR9JmOJXwpnn/oVGDk7I5IlskuMwU/pg==",
-      "dev": true,
-      "dependencies": {
-        "@webassemblyjs/ast": "1.11.1",
-        "@webassemblyjs/helper-buffer": "1.11.1",
-        "@webassemblyjs/helper-wasm-bytecode": "1.11.1",
-        "@webassemblyjs/wasm-gen": "1.11.1"
-      }
-    },
-    "node_modules/@webassemblyjs/ieee754": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.11.1.tgz",
-      "integrity": "sha512-hJ87QIPtAMKbFq6CGTkZYJivEwZDbQUgYd3qKSadTNOhVY7p+gfP6Sr0lLRVTaG1JjFj+r3YchoqRYxNH3M0GQ==",
-      "dev": true,
-      "dependencies": {
-        "@xtuc/ieee754": "^1.2.0"
-      }
-    },
-    "node_modules/@webassemblyjs/leb128": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.11.1.tgz",
-      "integrity": "sha512-BJ2P0hNZ0u+Th1YZXJpzW6miwqQUGcIHT1G/sf72gLVD9DZ5AdYTqPNbHZh6K1M5VmKvFXwGSWZADz+qBWxeRw==",
-      "dev": true,
-      "dependencies": {
-        "@xtuc/long": "4.2.2"
-      }
-    },
-    "node_modules/@webassemblyjs/utf8": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.11.1.tgz",
-      "integrity": "sha512-9kqcxAEdMhiwQkHpkNiorZzqpGrodQQ2IGrHHxCy+Ozng0ofyMA0lTqiLkVs1uzTRejX+/O0EOT7KxqVPuXosQ==",
-      "dev": true
-    },
-    "node_modules/@webassemblyjs/wasm-edit": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.11.1.tgz",
-      "integrity": "sha512-g+RsupUC1aTHfR8CDgnsVRVZFJqdkFHpsHMfJuWQzWU3tvnLC07UqHICfP+4XyL2tnr1amvl1Sdp06TnYCmVkA==",
-      "dev": true,
-      "dependencies": {
-        "@webassemblyjs/ast": "1.11.1",
-        "@webassemblyjs/helper-buffer": "1.11.1",
-        "@webassemblyjs/helper-wasm-bytecode": "1.11.1",
-        "@webassemblyjs/helper-wasm-section": "1.11.1",
-        "@webassemblyjs/wasm-gen": "1.11.1",
-        "@webassemblyjs/wasm-opt": "1.11.1",
-        "@webassemblyjs/wasm-parser": "1.11.1",
-        "@webassemblyjs/wast-printer": "1.11.1"
-      }
-    },
-    "node_modules/@webassemblyjs/wasm-gen": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.11.1.tgz",
-      "integrity": "sha512-F7QqKXwwNlMmsulj6+O7r4mmtAlCWfO/0HdgOxSklZfQcDu0TpLiD1mRt/zF25Bk59FIjEuGAIyn5ei4yMfLhA==",
-      "dev": true,
-      "dependencies": {
-        "@webassemblyjs/ast": "1.11.1",
-        "@webassemblyjs/helper-wasm-bytecode": "1.11.1",
-        "@webassemblyjs/ieee754": "1.11.1",
-        "@webassemblyjs/leb128": "1.11.1",
-        "@webassemblyjs/utf8": "1.11.1"
-      }
-    },
-    "node_modules/@webassemblyjs/wasm-opt": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.11.1.tgz",
-      "integrity": "sha512-VqnkNqnZlU5EB64pp1l7hdm3hmQw7Vgqa0KF/KCNO9sIpI6Fk6brDEiX+iCOYrvMuBWDws0NkTOxYEb85XQHHw==",
-      "dev": true,
-      "dependencies": {
-        "@webassemblyjs/ast": "1.11.1",
-        "@webassemblyjs/helper-buffer": "1.11.1",
-        "@webassemblyjs/wasm-gen": "1.11.1",
-        "@webassemblyjs/wasm-parser": "1.11.1"
-      }
-    },
-    "node_modules/@webassemblyjs/wasm-parser": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.11.1.tgz",
-      "integrity": "sha512-rrBujw+dJu32gYB7/Lup6UhdkPx9S9SnobZzRVL7VcBH9Bt9bCBLEuX/YXOOtBsOZ4NQrRykKhffRWHvigQvOA==",
-      "dev": true,
-      "dependencies": {
-        "@webassemblyjs/ast": "1.11.1",
-        "@webassemblyjs/helper-api-error": "1.11.1",
-        "@webassemblyjs/helper-wasm-bytecode": "1.11.1",
-        "@webassemblyjs/ieee754": "1.11.1",
-        "@webassemblyjs/leb128": "1.11.1",
-        "@webassemblyjs/utf8": "1.11.1"
-      }
-    },
-    "node_modules/@webassemblyjs/wast-printer": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.11.1.tgz",
-      "integrity": "sha512-IQboUWM4eKzWW+N/jij2sRatKMh99QEelo3Eb2q0qXkvPRISAj8Qxtmw5itwqK+TTkBuUIE45AxYPToqPtL5gg==",
-      "dev": true,
-      "dependencies": {
-        "@webassemblyjs/ast": "1.11.1",
-        "@xtuc/long": "4.2.2"
-      }
-    },
-    "node_modules/@webpack-cli/configtest": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@webpack-cli/configtest/-/configtest-1.1.1.tgz",
-      "integrity": "sha512-1FBc1f9G4P/AxMqIgfZgeOTuRnwZMten8E7zap5zgpPInnCrP8D4Q81+4CWIch8i/Nf7nXjP0v6CjjbHOrXhKg==",
-      "dev": true,
-      "peerDependencies": {
-        "webpack": "4.x.x || 5.x.x",
-        "webpack-cli": "4.x.x"
-      }
-    },
-    "node_modules/@webpack-cli/info": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/@webpack-cli/info/-/info-1.4.1.tgz",
-      "integrity": "sha512-PKVGmazEq3oAo46Q63tpMr4HipI3OPfP7LiNOEJg963RMgT0rqheag28NCML0o3GIzA3DmxP1ZIAv9oTX1CUIA==",
-      "dev": true,
-      "dependencies": {
-        "envinfo": "^7.7.3"
-      },
-      "peerDependencies": {
-        "webpack-cli": "4.x.x"
-      }
-    },
-    "node_modules/@webpack-cli/serve": {
-      "version": "1.6.1",
-      "resolved": "https://registry.npmjs.org/@webpack-cli/serve/-/serve-1.6.1.tgz",
-      "integrity": "sha512-gNGTiTrjEVQ0OcVnzsRSqTxaBSr+dmTfm+qJsCDluky8uhdLWep7Gcr62QsAKHTMxjCS/8nEITsmFAhfIx+QSw==",
-      "dev": true,
-      "peerDependencies": {
-        "webpack-cli": "4.x.x"
-      },
-      "peerDependenciesMeta": {
-        "webpack-dev-server": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@xtuc/ieee754": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz",
-      "integrity": "sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==",
-      "dev": true
-    },
-    "node_modules/@xtuc/long": {
-      "version": "4.2.2",
-      "resolved": "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz",
-      "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==",
-      "dev": true
-    },
-    "node_modules/acorn": {
-      "version": "8.7.1",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.7.1.tgz",
-      "integrity": "sha512-Xx54uLJQZ19lKygFXOWsscKUbsBZW0CPykPhVQdhIeIwrbPmJzqeASDInc8nKBnp/JT6igTs82qPXz069H8I/A==",
-      "dev": true,
-      "bin": {
-        "acorn": "bin/acorn"
-      },
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
-    "node_modules/acorn-import-assertions": {
-      "version": "1.8.0",
-      "resolved": "https://registry.npmjs.org/acorn-import-assertions/-/acorn-import-assertions-1.8.0.tgz",
-      "integrity": "sha512-m7VZ3jwz4eK6A4Vtt8Ew1/mNbP24u0FhdyfA7fSvnJR6LMdfOYnmuIrrJAgrYfYJ10F/otaHTtrtrtmHdMNzEw==",
-      "dev": true,
-      "peerDependencies": {
-        "acorn": "^8"
-      }
-    },
-    "node_modules/ajv": {
-      "version": "6.12.6",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
-      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
-      "dev": true,
-      "dependencies": {
-        "fast-deep-equal": "^3.1.1",
-        "fast-json-stable-stringify": "^2.0.0",
-        "json-schema-traverse": "^0.4.1",
-        "uri-js": "^4.2.2"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
-      }
-    },
-    "node_modules/ajv-keywords": {
-      "version": "3.5.2",
-      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
-      "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
-      "dev": true,
-      "peerDependencies": {
-        "ajv": "^6.9.1"
-      }
-    },
-    "node_modules/ansi-styles": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
-      "dependencies": {
-        "color-convert": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/big.js": {
-      "version": "5.2.2",
-      "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz",
-      "integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==",
-      "dev": true,
-      "engines": {
-        "node": "*"
-      }
-    },
-    "node_modules/braces": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
-      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
-      "dev": true,
-      "dependencies": {
-        "fill-range": "^7.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/browserslist": {
-      "version": "4.20.3",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.20.3.tgz",
-      "integrity": "sha512-NBhymBQl1zM0Y5dQT/O+xiLP9/rzOIQdKM/eMJBAq7yBgaB6krIYLGejrwVYnSHZdqjscB1SPuAjHwxjvN6Wdg==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/browserslist"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/browserslist"
-        }
-      ],
-      "dependencies": {
-        "caniuse-lite": "^1.0.30001332",
-        "electron-to-chromium": "^1.4.118",
-        "escalade": "^3.1.1",
-        "node-releases": "^2.0.3",
-        "picocolors": "^1.0.0"
-      },
-      "bin": {
-        "browserslist": "cli.js"
-      },
-      "engines": {
-        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
-      }
-    },
-    "node_modules/buffer-from": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
-      "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
-      "dev": true
-    },
-    "node_modules/caniuse-lite": {
-      "version": "1.0.30001341",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001341.tgz",
-      "integrity": "sha512-2SodVrFFtvGENGCv0ChVJIDQ0KPaS1cg7/qtfMaICgeMolDdo/Z2OD32F0Aq9yl6F4YFwGPBS5AaPqNYiW4PoA==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/browserslist"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
-        }
-      ]
-    },
-    "node_modules/chalk": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-      "dev": true,
-      "dependencies": {
-        "ansi-styles": "^4.1.0",
-        "supports-color": "^7.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
-      }
-    },
-    "node_modules/chrome-trace-event": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.3.tgz",
-      "integrity": "sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg==",
-      "dev": true,
-      "engines": {
-        "node": ">=6.0"
-      }
-    },
-    "node_modules/clone-deep": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/clone-deep/-/clone-deep-4.0.1.tgz",
-      "integrity": "sha512-neHB9xuzh/wk0dIHweyAXv2aPGZIVk3pLMe+/RNzINf17fe0OG96QroktYAUm7SM1PBnzTabaLboqqxDyMU+SQ==",
-      "dev": true,
-      "dependencies": {
-        "is-plain-object": "^2.0.4",
-        "kind-of": "^6.0.2",
-        "shallow-clone": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/color-convert": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-      "dev": true,
-      "dependencies": {
-        "color-name": "~1.1.4"
-      },
-      "engines": {
-        "node": ">=7.0.0"
-      }
-    },
-    "node_modules/color-name": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-      "dev": true
-    },
-    "node_modules/colorette": {
-      "version": "2.0.16",
-      "resolved": "https://registry.npmjs.org/colorette/-/colorette-2.0.16.tgz",
-      "integrity": "sha512-hUewv7oMjCp+wkBv5Rm0v87eJhq4woh5rSR+42YSQJKecCqgIqNkZ6lAlQms/BwHPJA5NKMRlpxPRv0n8HQW6g==",
-      "dev": true
-    },
-    "node_modules/commander": {
-      "version": "2.20.3",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
-      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
-      "dev": true
-    },
-    "node_modules/core-util-is": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
-      "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==",
-      "dev": true
-    },
-    "node_modules/cross-spawn": {
-      "version": "7.0.3",
-      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
-      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
-      "dev": true,
-      "dependencies": {
-        "path-key": "^3.1.0",
-        "shebang-command": "^2.0.0",
-        "which": "^2.0.1"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/electron-to-chromium": {
-      "version": "1.4.137",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.137.tgz",
-      "integrity": "sha512-0Rcpald12O11BUogJagX3HsCN3FE83DSqWjgXoHo5a72KUKMSfI39XBgJpgNNxS9fuGzytaFjE06kZkiVFy2qA==",
-      "dev": true
-    },
-    "node_modules/emojis-list": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-3.0.0.tgz",
-      "integrity": "sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==",
-      "dev": true,
-      "engines": {
-        "node": ">= 4"
-      }
-    },
-    "node_modules/enhanced-resolve": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-4.5.0.tgz",
-      "integrity": "sha512-Nv9m36S/vxpsI+Hc4/ZGRs0n9mXqSWGGq49zxb/cJfPAQMbUtttJAlNPS4AQzaBdw/pKskw5bMbekT/Y7W/Wlg==",
-      "dev": true,
-      "dependencies": {
-        "graceful-fs": "^4.1.2",
-        "memory-fs": "^0.5.0",
-        "tapable": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/envinfo": {
-      "version": "7.8.1",
-      "resolved": "https://registry.npmjs.org/envinfo/-/envinfo-7.8.1.tgz",
-      "integrity": "sha512-/o+BXHmB7ocbHEAs6F2EnG0ogybVVUdkRunTT2glZU9XAaGmhqskrvKwqXuDfNjEO0LZKWdejEEpnq8aM0tOaw==",
-      "dev": true,
-      "bin": {
-        "envinfo": "dist/cli.js"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/errno": {
-      "version": "0.1.8",
-      "resolved": "https://registry.npmjs.org/errno/-/errno-0.1.8.tgz",
-      "integrity": "sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==",
-      "dev": true,
-      "dependencies": {
-        "prr": "~1.0.1"
-      },
-      "bin": {
-        "errno": "cli.js"
-      }
-    },
-    "node_modules/es-module-lexer": {
-      "version": "0.9.3",
-      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-0.9.3.tgz",
-      "integrity": "sha512-1HQ2M2sPtxwnvOvT1ZClHyQDiggdNjURWpY2we6aMKCQiUVxTmVs2UYPLIrD84sS+kMdUwfBSylbJPwNnBrnHQ==",
-      "dev": true
-    },
-    "node_modules/escalade": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
-      "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/eslint-scope": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
-      "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
-      "dev": true,
-      "dependencies": {
-        "esrecurse": "^4.3.0",
-        "estraverse": "^4.1.1"
-      },
-      "engines": {
-        "node": ">=8.0.0"
-      }
-    },
-    "node_modules/esrecurse": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
-      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
-      "dev": true,
-      "dependencies": {
-        "estraverse": "^5.2.0"
-      },
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/esrecurse/node_modules/estraverse": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
-      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
-      "dev": true,
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/estraverse": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
-      "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
-      "dev": true,
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/events": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
-      "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.8.x"
-      }
-    },
-    "node_modules/execa": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz",
-      "integrity": "sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==",
-      "dev": true,
-      "dependencies": {
-        "cross-spawn": "^7.0.3",
-        "get-stream": "^6.0.0",
-        "human-signals": "^2.1.0",
-        "is-stream": "^2.0.0",
-        "merge-stream": "^2.0.0",
-        "npm-run-path": "^4.0.1",
-        "onetime": "^5.1.2",
-        "signal-exit": "^3.0.3",
-        "strip-final-newline": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sindresorhus/execa?sponsor=1"
-      }
-    },
-    "node_modules/fast-deep-equal": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
-      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
-      "dev": true
-    },
-    "node_modules/fast-json-stable-stringify": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
-      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
-      "dev": true
-    },
-    "node_modules/fastest-levenshtein": {
-      "version": "1.0.12",
-      "resolved": "https://registry.npmjs.org/fastest-levenshtein/-/fastest-levenshtein-1.0.12.tgz",
-      "integrity": "sha512-On2N+BpYJ15xIC974QNVuYGMOlEVt4s0EOI3wwMqOmK1fdDY+FN/zltPV8vosq4ad4c/gJ1KHScUn/6AWIgiow==",
-      "dev": true
-    },
-    "node_modules/fill-range": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
-      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
-      "dev": true,
-      "dependencies": {
-        "to-regex-range": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/find-up": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
-      "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
-      "dev": true,
-      "dependencies": {
-        "locate-path": "^5.0.0",
-        "path-exists": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/function-bind": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
-      "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
-      "dev": true
-    },
-    "node_modules/get-stream": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz",
-      "integrity": "sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/glob-to-regexp": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz",
-      "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==",
-      "dev": true
-    },
-    "node_modules/graceful-fs": {
-      "version": "4.2.10",
-      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz",
-      "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==",
-      "dev": true
-    },
-    "node_modules/has": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
-      "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
-      "dev": true,
-      "dependencies": {
-        "function-bind": "^1.1.1"
-      },
-      "engines": {
-        "node": ">= 0.4.0"
-      }
-    },
-    "node_modules/has-flag": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/human-signals": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz",
-      "integrity": "sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==",
-      "dev": true,
-      "engines": {
-        "node": ">=10.17.0"
-      }
-    },
-    "node_modules/import-local": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/import-local/-/import-local-3.1.0.tgz",
-      "integrity": "sha512-ASB07uLtnDs1o6EHjKpX34BKYDSqnFerfTOJL2HvMqF70LnxpjkzDB8J44oT9pu4AMPkQwf8jl6szgvNd2tRIg==",
-      "dev": true,
-      "dependencies": {
-        "pkg-dir": "^4.2.0",
-        "resolve-cwd": "^3.0.0"
-      },
-      "bin": {
-        "import-local-fixture": "fixtures/cli.js"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/inherits": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
-      "dev": true
-    },
-    "node_modules/interpret": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/interpret/-/interpret-2.2.0.tgz",
-      "integrity": "sha512-Ju0Bz/cEia55xDwUWEa8+olFpCiQoypjnQySseKtmjNrnps3P+xfpUmGr90T7yjlVJmOtybRvPXhKMbHr+fWnw==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.10"
-      }
-    },
-    "node_modules/is-core-module": {
-      "version": "2.9.0",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.9.0.tgz",
-      "integrity": "sha512-+5FPy5PnwmO3lvfMb0AsoPaBG+5KHUI0wYFXOtYPnVVVspTFUuMZNfNaNVRt3FZadstu2c8x23vykRW/NBoU6A==",
-      "dev": true,
-      "dependencies": {
-        "has": "^1.0.3"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-number": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
-      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.12.0"
-      }
-    },
-    "node_modules/is-plain-object": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz",
-      "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==",
-      "dev": true,
-      "dependencies": {
-        "isobject": "^3.0.1"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-stream": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz",
-      "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/isarray": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
-      "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=",
-      "dev": true
-    },
-    "node_modules/isexe": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
-      "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=",
-      "dev": true
-    },
-    "node_modules/isobject": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
-      "integrity": "sha1-TkMekrEalzFjaqH5yNHMvP2reN8=",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/jest-worker": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz",
-      "integrity": "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==",
-      "dev": true,
-      "dependencies": {
-        "@types/node": "*",
-        "merge-stream": "^2.0.0",
-        "supports-color": "^8.0.0"
-      },
-      "engines": {
-        "node": ">= 10.13.0"
-      }
-    },
-    "node_modules/jest-worker/node_modules/supports-color": {
-      "version": "8.1.1",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
-      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
-      "dev": true,
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/supports-color?sponsor=1"
-      }
-    },
-    "node_modules/jquery": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.6.0.tgz",
-      "integrity": "sha512-JVzAR/AjBvVt2BmYhxRCSYysDsPcssdmTFnzyLEts9qNwmjmu4JTAMYubEfwVOSwpQ1I1sKKFcxhZCI2buerfw==",
-      "dev": true
-    },
-    "node_modules/json-parse-even-better-errors": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
-      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
-      "dev": true
-    },
-    "node_modules/json-schema-traverse": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
-      "dev": true
-    },
-    "node_modules/json5": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.1.tgz",
-      "integrity": "sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==",
-      "dev": true,
-      "bin": {
-        "json5": "lib/cli.js"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/kind-of": {
-      "version": "6.0.3",
-      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
-      "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/loader-runner": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-4.3.0.tgz",
-      "integrity": "sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==",
-      "dev": true,
-      "engines": {
-        "node": ">=6.11.5"
-      }
-    },
-    "node_modules/loader-utils": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.2.tgz",
-      "integrity": "sha512-TM57VeHptv569d/GKh6TAYdzKblwDNiumOdkFnejjD0XwTH87K90w3O7AiJRqdQoXygvi1VQTJTLGhJl7WqA7A==",
-      "dev": true,
-      "dependencies": {
-        "big.js": "^5.2.2",
-        "emojis-list": "^3.0.0",
-        "json5": "^2.1.2"
-      },
-      "engines": {
-        "node": ">=8.9.0"
-      }
-    },
-    "node_modules/locate-path": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
-      "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
-      "dev": true,
-      "dependencies": {
-        "p-locate": "^4.1.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/lodash.sortby": {
-      "version": "4.7.0",
-      "resolved": "https://registry.npmjs.org/lodash.sortby/-/lodash.sortby-4.7.0.tgz",
-      "integrity": "sha1-7dFMgk4sycHgsKG0K7UhBRakJDg=",
-      "dev": true
-    },
-    "node_modules/lru-cache": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dev": true,
-      "dependencies": {
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/memory-fs": {
-      "version": "0.5.0",
-      "resolved": "https://registry.npmjs.org/memory-fs/-/memory-fs-0.5.0.tgz",
-      "integrity": "sha512-jA0rdU5KoQMC0e6ppoNRtpp6vjFq6+NY7r8hywnC7V+1Xj/MtHwGIbB1QaK/dunyjWteJzmkpd7ooeWg10T7GA==",
-      "dev": true,
-      "dependencies": {
-        "errno": "^0.1.3",
-        "readable-stream": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=4.3.0 <5.0.0 || >=5.10"
-      }
-    },
-    "node_modules/merge-stream": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
-      "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
-      "dev": true
-    },
-    "node_modules/micromatch": {
-      "version": "4.0.5",
-      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
-      "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
-      "dev": true,
-      "dependencies": {
-        "braces": "^3.0.2",
-        "picomatch": "^2.3.1"
-      },
-      "engines": {
-        "node": ">=8.6"
-      }
-    },
-    "node_modules/mime-db": {
-      "version": "1.52.0",
-      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
-      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/mime-types": {
-      "version": "2.1.35",
-      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
-      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
-      "dev": true,
-      "dependencies": {
-        "mime-db": "1.52.0"
-      },
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/mimic-fn": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
-      "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/neo-async": {
-      "version": "2.6.2",
-      "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
-      "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
-      "dev": true
-    },
-    "node_modules/node-releases": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.4.tgz",
-      "integrity": "sha512-gbMzqQtTtDz/00jQzZ21PQzdI9PyLYqUSvD0p3naOhX4odFji0ZxYdnVwPTxmSwkmxhcFImpozceidSG+AgoPQ==",
-      "dev": true
-    },
-    "node_modules/npm-run-path": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz",
-      "integrity": "sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==",
-      "dev": true,
-      "dependencies": {
-        "path-key": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/onetime": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
-      "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
-      "dev": true,
-      "dependencies": {
-        "mimic-fn": "^2.1.0"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/p-limit": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
-      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
-      "dev": true,
-      "dependencies": {
-        "p-try": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/p-locate": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
-      "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
-      "dev": true,
-      "dependencies": {
-        "p-limit": "^2.2.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/p-try": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
-      "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/path-exists": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
-      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/path-key": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
-      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/path-parse": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
-      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
-      "dev": true
-    },
-    "node_modules/picocolors": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
-      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
-      "dev": true
-    },
-    "node_modules/picomatch": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-      "dev": true,
-      "engines": {
-        "node": ">=8.6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
-      }
-    },
-    "node_modules/pkg-dir": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz",
-      "integrity": "sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==",
-      "dev": true,
-      "dependencies": {
-        "find-up": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/process-nextick-args": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
-      "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
-      "dev": true
-    },
-    "node_modules/prr": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz",
-      "integrity": "sha1-0/wRS6BplaRexok/SEzrHXj19HY=",
-      "dev": true
-    },
-    "node_modules/punycode": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz",
-      "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/randombytes": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
-      "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
-      "dev": true,
-      "dependencies": {
-        "safe-buffer": "^5.1.0"
-      }
-    },
-    "node_modules/readable-stream": {
-      "version": "2.3.7",
-      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
-      "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==",
-      "dev": true,
-      "dependencies": {
-        "core-util-is": "~1.0.0",
-        "inherits": "~2.0.3",
-        "isarray": "~1.0.0",
-        "process-nextick-args": "~2.0.0",
-        "safe-buffer": "~5.1.1",
-        "string_decoder": "~1.1.1",
-        "util-deprecate": "~1.0.1"
-      }
-    },
-    "node_modules/rechoir": {
-      "version": "0.7.1",
-      "resolved": "https://registry.npmjs.org/rechoir/-/rechoir-0.7.1.tgz",
-      "integrity": "sha512-/njmZ8s1wVeR6pjTZ+0nCnv8SpZNRMT2D1RLOJQESlYFDBvwpTA4KWJpZ+sBJ4+vhjILRcK7JIFdGCdxEAAitg==",
-      "dev": true,
-      "dependencies": {
-        "resolve": "^1.9.0"
-      },
-      "engines": {
-        "node": ">= 0.10"
-      }
-    },
-    "node_modules/resolve": {
-      "version": "1.22.0",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.0.tgz",
-      "integrity": "sha512-Hhtrw0nLeSrFQ7phPp4OOcVjLPIeMnRlr5mcnVuMe7M/7eBn98A3hmFRLoFo3DLZkivSYwhRUJTyPyWAk56WLw==",
-      "dev": true,
-      "dependencies": {
-        "is-core-module": "^2.8.1",
-        "path-parse": "^1.0.7",
-        "supports-preserve-symlinks-flag": "^1.0.0"
-      },
-      "bin": {
-        "resolve": "bin/resolve"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/resolve-cwd": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-cwd/-/resolve-cwd-3.0.0.tgz",
-      "integrity": "sha512-OrZaX2Mb+rJCpH/6CpSqt9xFVpN++x01XnN2ie9g6P5/3xelLAkXWVADpdz1IHD/KFfEXyE6V0U01OQ3UO2rEg==",
-      "dev": true,
-      "dependencies": {
-        "resolve-from": "^5.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/resolve-from": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
-      "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/safe-buffer": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
-      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
-      "dev": true
-    },
-    "node_modules/schema-utils": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.1.1.tgz",
-      "integrity": "sha512-Y5PQxS4ITlC+EahLuXaY86TXfR7Dc5lw294alXOq86JAHCihAIZfqv8nNCWvaEJvaC51uN9hbLGeV0cFBdH+Fw==",
-      "dev": true,
-      "dependencies": {
-        "@types/json-schema": "^7.0.8",
-        "ajv": "^6.12.5",
-        "ajv-keywords": "^3.5.2"
-      },
-      "engines": {
-        "node": ">= 10.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      }
-    },
-    "node_modules/semver": {
-      "version": "7.3.7",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.7.tgz",
-      "integrity": "sha512-QlYTucUYOews+WeEujDoEGziz4K6c47V/Bd+LjSSYcA94p+DmINdf7ncaUinThfvZyu13lN9OY1XDxt8C0Tw0g==",
-      "dev": true,
-      "dependencies": {
-        "lru-cache": "^6.0.0"
-      },
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/serialize-javascript": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.0.tgz",
-      "integrity": "sha512-Qr3TosvguFt8ePWqsvRfrKyQXIiW+nGbYpy8XK24NQHE83caxWt+mIymTT19DGFbNWNLfEwsrkSmN64lVWB9ag==",
-      "dev": true,
-      "dependencies": {
-        "randombytes": "^2.1.0"
-      }
-    },
-    "node_modules/shallow-clone": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/shallow-clone/-/shallow-clone-3.0.1.tgz",
-      "integrity": "sha512-/6KqX+GVUdqPuPPd2LxDDxzX6CAbjJehAAOKlNpqqUpAqPM6HeL8f+o3a+JsyGjn2lv0WY8UsTgUJjU9Ok55NA==",
-      "dev": true,
-      "dependencies": {
-        "kind-of": "^6.0.2"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/shebang-command": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
-      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
-      "dev": true,
-      "dependencies": {
-        "shebang-regex": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/shebang-regex": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
-      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/signal-exit": {
-      "version": "3.0.7",
-      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
-      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
-      "dev": true
-    },
-    "node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/source-map-support": {
-      "version": "0.5.21",
-      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
-      "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
-      "dev": true,
-      "dependencies": {
-        "buffer-from": "^1.0.0",
-        "source-map": "^0.6.0"
-      }
-    },
-    "node_modules/string_decoder": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
-      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
-      "dev": true,
-      "dependencies": {
-        "safe-buffer": "~5.1.0"
-      }
-    },
-    "node_modules/strip-final-newline": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz",
-      "integrity": "sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/supports-color": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "dev": true,
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/supports-preserve-symlinks-flag": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
-      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/tapable": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/tapable/-/tapable-1.1.3.tgz",
-      "integrity": "sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/terser": {
-      "version": "5.13.1",
-      "resolved": "https://registry.npmjs.org/terser/-/terser-5.13.1.tgz",
-      "integrity": "sha512-hn4WKOfwnwbYfe48NgrQjqNOH9jzLqRcIfbYytOXCOv46LBfWr9bDS17MQqOi+BWGD0sJK3Sj5NC/gJjiojaoA==",
-      "dev": true,
-      "dependencies": {
-        "acorn": "^8.5.0",
-        "commander": "^2.20.0",
-        "source-map": "~0.8.0-beta.0",
-        "source-map-support": "~0.5.20"
-      },
-      "bin": {
-        "terser": "bin/terser"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/terser-webpack-plugin": {
-      "version": "5.3.1",
-      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.1.tgz",
-      "integrity": "sha512-GvlZdT6wPQKbDNW/GDQzZFg/j4vKU96yl2q6mcUkzKOgW4gwf1Z8cZToUCrz31XHlPWH8MVb1r2tFtdDtTGJ7g==",
-      "dev": true,
-      "dependencies": {
-        "jest-worker": "^27.4.5",
-        "schema-utils": "^3.1.1",
-        "serialize-javascript": "^6.0.0",
-        "source-map": "^0.6.1",
-        "terser": "^5.7.2"
-      },
-      "engines": {
-        "node": ">= 10.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      },
-      "peerDependencies": {
-        "webpack": "^5.1.0"
-      },
-      "peerDependenciesMeta": {
-        "@swc/core": {
-          "optional": true
-        },
-        "esbuild": {
-          "optional": true
-        },
-        "uglify-js": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/terser/node_modules/source-map": {
-      "version": "0.8.0-beta.0",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.8.0-beta.0.tgz",
-      "integrity": "sha512-2ymg6oRBpebeZi9UUNsgQ89bhx01TcTkmNTGnNO88imTmbSgy4nfujrgVEFKWpMTEGA11EDkTt7mqObTPdigIA==",
-      "dev": true,
-      "dependencies": {
-        "whatwg-url": "^7.0.0"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/to-regex-range": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
-      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-      "dev": true,
-      "dependencies": {
-        "is-number": "^7.0.0"
-      },
-      "engines": {
-        "node": ">=8.0"
-      }
-    },
-    "node_modules/tr46": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/tr46/-/tr46-1.0.1.tgz",
-      "integrity": "sha1-qLE/1r/SSJUZZ0zN5VujaTtwbQk=",
-      "dev": true,
-      "dependencies": {
-        "punycode": "^2.1.0"
-      }
-    },
-    "node_modules/ts-loader": {
-      "version": "8.4.0",
-      "resolved": "https://registry.npmjs.org/ts-loader/-/ts-loader-8.4.0.tgz",
-      "integrity": "sha512-6nFY3IZ2//mrPc+ImY3hNWx1vCHyEhl6V+wLmL4CZcm6g1CqX7UKrkc6y0i4FwcfOhxyMPCfaEvh20f4r9GNpw==",
-      "dev": true,
-      "dependencies": {
-        "chalk": "^4.1.0",
-        "enhanced-resolve": "^4.0.0",
-        "loader-utils": "^2.0.0",
-        "micromatch": "^4.0.0",
-        "semver": "^7.3.4"
-      },
-      "engines": {
-        "node": ">=10.0.0"
-      },
-      "peerDependencies": {
-        "typescript": "*",
-        "webpack": "*"
-      }
-    },
-    "node_modules/typescript": {
-      "version": "3.9.10",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-3.9.10.tgz",
-      "integrity": "sha512-w6fIxVE/H1PkLKcCPsFqKE7Kv7QUwhU8qQY2MueZXWx5cPZdwFupLgKK3vntcK98BtNHZtAF4LA/yl2a7k8R6Q==",
-      "dev": true,
-      "bin": {
-        "tsc": "bin/tsc",
-        "tsserver": "bin/tsserver"
-      },
-      "engines": {
-        "node": ">=4.2.0"
-      }
-    },
-    "node_modules/uri-js": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
-      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
-      "dev": true,
-      "dependencies": {
-        "punycode": "^2.1.0"
-      }
-    },
-    "node_modules/util-deprecate": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
-      "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=",
-      "dev": true
-    },
-    "node_modules/watchpack": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.3.1.tgz",
-      "integrity": "sha512-x0t0JuydIo8qCNctdDrn1OzH/qDzk2+rdCOC3YzumZ42fiMqmQ7T3xQurykYMhYfHaPHTp4ZxAx2NfUo1K6QaA==",
-      "dev": true,
-      "dependencies": {
-        "glob-to-regexp": "^0.4.1",
-        "graceful-fs": "^4.1.2"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
-    "node_modules/webidl-conversions": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-4.0.2.tgz",
-      "integrity": "sha512-YQ+BmxuTgd6UXZW3+ICGfyqRyHXVlD5GtQr5+qjiNW7bF0cqrzX500HVXPBOvgXb5YnzDd+h0zqyv61KUD7+Sg==",
-      "dev": true
-    },
-    "node_modules/webpack": {
-      "version": "5.72.1",
-      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.72.1.tgz",
-      "integrity": "sha512-dXG5zXCLspQR4krZVR6QgajnZOjW2K/djHvdcRaDQvsjV9z9vaW6+ja5dZOYbqBBjF6kGXka/2ZyxNdc+8Jung==",
-      "dev": true,
-      "dependencies": {
-        "@types/eslint-scope": "^3.7.3",
-        "@types/estree": "^0.0.51",
-        "@webassemblyjs/ast": "1.11.1",
-        "@webassemblyjs/wasm-edit": "1.11.1",
-        "@webassemblyjs/wasm-parser": "1.11.1",
-        "acorn": "^8.4.1",
-        "acorn-import-assertions": "^1.7.6",
-        "browserslist": "^4.14.5",
-        "chrome-trace-event": "^1.0.2",
-        "enhanced-resolve": "^5.9.3",
-        "es-module-lexer": "^0.9.0",
-        "eslint-scope": "5.1.1",
-        "events": "^3.2.0",
-        "glob-to-regexp": "^0.4.1",
-        "graceful-fs": "^4.2.9",
-        "json-parse-even-better-errors": "^2.3.1",
-        "loader-runner": "^4.2.0",
-        "mime-types": "^2.1.27",
-        "neo-async": "^2.6.2",
-        "schema-utils": "^3.1.0",
-        "tapable": "^2.1.1",
-        "terser-webpack-plugin": "^5.1.3",
-        "watchpack": "^2.3.1",
-        "webpack-sources": "^3.2.3"
-      },
-      "bin": {
-        "webpack": "bin/webpack.js"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      },
-      "peerDependenciesMeta": {
-        "webpack-cli": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/webpack-cli": {
-      "version": "4.9.2",
-      "resolved": "https://registry.npmjs.org/webpack-cli/-/webpack-cli-4.9.2.tgz",
-      "integrity": "sha512-m3/AACnBBzK/kMTcxWHcZFPrw/eQuY4Df1TxvIWfWM2x7mRqBQCqKEd96oCUa9jkapLBaFfRce33eGDb4Pr7YQ==",
-      "dev": true,
-      "dependencies": {
-        "@discoveryjs/json-ext": "^0.5.0",
-        "@webpack-cli/configtest": "^1.1.1",
-        "@webpack-cli/info": "^1.4.1",
-        "@webpack-cli/serve": "^1.6.1",
-        "colorette": "^2.0.14",
-        "commander": "^7.0.0",
-        "execa": "^5.0.0",
-        "fastest-levenshtein": "^1.0.12",
-        "import-local": "^3.0.2",
-        "interpret": "^2.2.0",
-        "rechoir": "^0.7.0",
-        "webpack-merge": "^5.7.3"
-      },
-      "bin": {
-        "webpack-cli": "bin/cli.js"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      },
-      "peerDependencies": {
-        "webpack": "4.x.x || 5.x.x"
-      },
-      "peerDependenciesMeta": {
-        "@webpack-cli/generators": {
-          "optional": true
-        },
-        "@webpack-cli/migrate": {
-          "optional": true
-        },
-        "webpack-bundle-analyzer": {
-          "optional": true
-        },
-        "webpack-dev-server": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/webpack-cli/node_modules/commander": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
-      "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==",
-      "dev": true,
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/webpack-merge": {
-      "version": "5.8.0",
-      "resolved": "https://registry.npmjs.org/webpack-merge/-/webpack-merge-5.8.0.tgz",
-      "integrity": "sha512-/SaI7xY0831XwP6kzuwhKWVKDP9t1QY1h65lAFLbZqMPIuYcD9QAW4u9STIbU9kaJbPBB/geU/gLr1wDjOhQ+Q==",
-      "dev": true,
-      "dependencies": {
-        "clone-deep": "^4.0.1",
-        "wildcard": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=10.0.0"
-      }
-    },
-    "node_modules/webpack-sources": {
-      "version": "3.2.3",
-      "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.3.tgz",
-      "integrity": "sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==",
-      "dev": true,
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
-    "node_modules/webpack/node_modules/enhanced-resolve": {
-      "version": "5.9.3",
-      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.9.3.tgz",
-      "integrity": "sha512-Bq9VSor+kjvW3f9/MiiR4eE3XYgOl7/rS8lnSxbRbF3kS0B2r+Y9w5krBWxZgDxASVZbdYrn5wT4j/Wb0J9qow==",
-      "dev": true,
-      "dependencies": {
-        "graceful-fs": "^4.2.4",
-        "tapable": "^2.2.0"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
-    "node_modules/webpack/node_modules/tapable": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
-      "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/whatwg-url": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-7.1.0.tgz",
-      "integrity": "sha512-WUu7Rg1DroM7oQvGWfOiAK21n74Gg+T4elXEQYkOhtyLeWiJFoOGLXPKI/9gzIie9CtwVLm8wtw6YJdKyxSjeg==",
-      "dev": true,
-      "dependencies": {
-        "lodash.sortby": "^4.7.0",
-        "tr46": "^1.0.1",
-        "webidl-conversions": "^4.0.2"
-      }
-    },
-    "node_modules/which": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
-      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
-      "dev": true,
-      "dependencies": {
-        "isexe": "^2.0.0"
-      },
-      "bin": {
-        "node-which": "bin/node-which"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/wildcard": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/wildcard/-/wildcard-2.0.0.tgz",
-      "integrity": "sha512-JcKqAHLPxcdb9KM49dufGXn2x3ssnfjbcaQdLlfZsL9rH9wgDQjUtDxbo8NE0F6SFvydeu1VhZe7hZuHsB2/pw==",
-      "dev": true
-    },
-    "node_modules/yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true
-    }
-  },
-  "dependencies": {
-    "@discoveryjs/json-ext": {
-      "version": "0.5.7",
-      "resolved": "https://registry.npmjs.org/@discoveryjs/json-ext/-/json-ext-0.5.7.tgz",
-      "integrity": "sha512-dBVuXR082gk3jsFp7Rd/JI4kytwGHecnCoTtXFb7DB6CNHp4rg5k1bhg0nWdLGLnOV71lmDzGQaLMy8iPLY0pw==",
-      "dev": true
-    },
-    "@types/eslint": {
-      "version": "8.4.2",
-      "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.4.2.tgz",
-      "integrity": "sha512-Z1nseZON+GEnFjJc04sv4NSALGjhFwy6K0HXt7qsn5ArfAKtb63dXNJHf+1YW6IpOIYRBGUbu3GwJdj8DGnCjA==",
-      "dev": true,
-      "requires": {
-        "@types/estree": "*",
-        "@types/json-schema": "*"
-      }
-    },
-    "@types/eslint-scope": {
-      "version": "3.7.3",
-      "resolved": "https://registry.npmjs.org/@types/eslint-scope/-/eslint-scope-3.7.3.tgz",
-      "integrity": "sha512-PB3ldyrcnAicT35TWPs5IcwKD8S333HMaa2VVv4+wdvebJkjWuW/xESoB8IwRcog8HYVYamb1g/R31Qv5Bx03g==",
-      "dev": true,
-      "requires": {
-        "@types/eslint": "*",
-        "@types/estree": "*"
-      }
-    },
-    "@types/estree": {
-      "version": "0.0.51",
-      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.51.tgz",
-      "integrity": "sha512-CuPgU6f3eT/XgKKPqKd/gLZV1Xmvf1a2R5POBOGQa6uv82xpls89HU5zKeVoyR8XzHd1RGNOlQlvUe3CFkjWNQ==",
-      "dev": true
-    },
-    "@types/jquery": {
-      "version": "3.5.14",
-      "resolved": "https://registry.npmjs.org/@types/jquery/-/jquery-3.5.14.tgz",
-      "integrity": "sha512-X1gtMRMbziVQkErhTQmSe2jFwwENA/Zr+PprCkF63vFq+Yt5PZ4AlKqgmeNlwgn7dhsXEK888eIW2520EpC+xg==",
-      "dev": true,
-      "requires": {
-        "@types/sizzle": "*"
-      }
-    },
-    "@types/json-schema": {
-      "version": "7.0.11",
-      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.11.tgz",
-      "integrity": "sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ==",
-      "dev": true
-    },
-    "@types/node": {
-      "version": "17.0.34",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-17.0.34.tgz",
-      "integrity": "sha512-XImEz7XwTvDBtzlTnm8YvMqGW/ErMWBsKZ+hMTvnDIjGCKxwK5Xpc+c/oQjOauwq8M4OS11hEkpjX8rrI/eEgA==",
-      "dev": true
-    },
-    "@types/sizzle": {
-      "version": "2.3.3",
-      "resolved": "https://registry.npmjs.org/@types/sizzle/-/sizzle-2.3.3.tgz",
-      "integrity": "sha512-JYM8x9EGF163bEyhdJBpR2QX1R5naCJHC8ucJylJ3w9/CVBaskdQ8WqBf8MmQrd1kRvp/a4TS8HJ+bxzR7ZJYQ==",
-      "dev": true
-    },
-    "@webassemblyjs/ast": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.11.1.tgz",
-      "integrity": "sha512-ukBh14qFLjxTQNTXocdyksN5QdM28S1CxHt2rdskFyL+xFV7VremuBLVbmCePj+URalXBENx/9Lm7lnhihtCSw==",
-      "dev": true,
-      "requires": {
-        "@webassemblyjs/helper-numbers": "1.11.1",
-        "@webassemblyjs/helper-wasm-bytecode": "1.11.1"
-      }
-    },
-    "@webassemblyjs/floating-point-hex-parser": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.1.tgz",
-      "integrity": "sha512-iGRfyc5Bq+NnNuX8b5hwBrRjzf0ocrJPI6GWFodBFzmFnyvrQ83SHKhmilCU/8Jv67i4GJZBMhEzltxzcNagtQ==",
-      "dev": true
-    },
-    "@webassemblyjs/helper-api-error": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.1.tgz",
-      "integrity": "sha512-RlhS8CBCXfRUR/cwo2ho9bkheSXG0+NwooXcc3PAILALf2QLdFyj7KGsKRbVc95hZnhnERon4kW/D3SZpp6Tcg==",
-      "dev": true
-    },
-    "@webassemblyjs/helper-buffer": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.11.1.tgz",
-      "integrity": "sha512-gwikF65aDNeeXa8JxXa2BAk+REjSyhrNC9ZwdT0f8jc4dQQeDQ7G4m0f2QCLPJiMTTO6wfDmRmj/pW0PsUvIcA==",
-      "dev": true
-    },
-    "@webassemblyjs/helper-numbers": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.1.tgz",
-      "integrity": "sha512-vDkbxiB8zfnPdNK9Rajcey5C0w+QJugEglN0of+kmO8l7lDb77AnlKYQF7aarZuCrv+l0UvqL+68gSDr3k9LPQ==",
-      "dev": true,
-      "requires": {
-        "@webassemblyjs/floating-point-hex-parser": "1.11.1",
-        "@webassemblyjs/helper-api-error": "1.11.1",
-        "@xtuc/long": "4.2.2"
-      }
-    },
-    "@webassemblyjs/helper-wasm-bytecode": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.1.tgz",
-      "integrity": "sha512-PvpoOGiJwXeTrSf/qfudJhwlvDQxFgelbMqtq52WWiXC6Xgg1IREdngmPN3bs4RoO83PnL/nFrxucXj1+BX62Q==",
-      "dev": true
-    },
-    "@webassemblyjs/helper-wasm-section": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.11.1.tgz",
-      "integrity": "sha512-10P9No29rYX1j7F3EVPX3JvGPQPae+AomuSTPiF9eBQeChHI6iqjMIwR9JmOJXwpnn/oVGDk7I5IlskuMwU/pg==",
-      "dev": true,
-      "requires": {
-        "@webassemblyjs/ast": "1.11.1",
-        "@webassemblyjs/helper-buffer": "1.11.1",
-        "@webassemblyjs/helper-wasm-bytecode": "1.11.1",
-        "@webassemblyjs/wasm-gen": "1.11.1"
-      }
-    },
-    "@webassemblyjs/ieee754": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.11.1.tgz",
-      "integrity": "sha512-hJ87QIPtAMKbFq6CGTkZYJivEwZDbQUgYd3qKSadTNOhVY7p+gfP6Sr0lLRVTaG1JjFj+r3YchoqRYxNH3M0GQ==",
-      "dev": true,
-      "requires": {
-        "@xtuc/ieee754": "^1.2.0"
-      }
-    },
-    "@webassemblyjs/leb128": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.11.1.tgz",
-      "integrity": "sha512-BJ2P0hNZ0u+Th1YZXJpzW6miwqQUGcIHT1G/sf72gLVD9DZ5AdYTqPNbHZh6K1M5VmKvFXwGSWZADz+qBWxeRw==",
-      "dev": true,
-      "requires": {
-        "@xtuc/long": "4.2.2"
-      }
-    },
-    "@webassemblyjs/utf8": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.11.1.tgz",
-      "integrity": "sha512-9kqcxAEdMhiwQkHpkNiorZzqpGrodQQ2IGrHHxCy+Ozng0ofyMA0lTqiLkVs1uzTRejX+/O0EOT7KxqVPuXosQ==",
-      "dev": true
-    },
-    "@webassemblyjs/wasm-edit": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.11.1.tgz",
-      "integrity": "sha512-g+RsupUC1aTHfR8CDgnsVRVZFJqdkFHpsHMfJuWQzWU3tvnLC07UqHICfP+4XyL2tnr1amvl1Sdp06TnYCmVkA==",
-      "dev": true,
-      "requires": {
-        "@webassemblyjs/ast": "1.11.1",
-        "@webassemblyjs/helper-buffer": "1.11.1",
-        "@webassemblyjs/helper-wasm-bytecode": "1.11.1",
-        "@webassemblyjs/helper-wasm-section": "1.11.1",
-        "@webassemblyjs/wasm-gen": "1.11.1",
-        "@webassemblyjs/wasm-opt": "1.11.1",
-        "@webassemblyjs/wasm-parser": "1.11.1",
-        "@webassemblyjs/wast-printer": "1.11.1"
-      }
-    },
-    "@webassemblyjs/wasm-gen": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.11.1.tgz",
-      "integrity": "sha512-F7QqKXwwNlMmsulj6+O7r4mmtAlCWfO/0HdgOxSklZfQcDu0TpLiD1mRt/zF25Bk59FIjEuGAIyn5ei4yMfLhA==",
-      "dev": true,
-      "requires": {
-        "@webassemblyjs/ast": "1.11.1",
-        "@webassemblyjs/helper-wasm-bytecode": "1.11.1",
-        "@webassemblyjs/ieee754": "1.11.1",
-        "@webassemblyjs/leb128": "1.11.1",
-        "@webassemblyjs/utf8": "1.11.1"
-      }
-    },
-    "@webassemblyjs/wasm-opt": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.11.1.tgz",
-      "integrity": "sha512-VqnkNqnZlU5EB64pp1l7hdm3hmQw7Vgqa0KF/KCNO9sIpI6Fk6brDEiX+iCOYrvMuBWDws0NkTOxYEb85XQHHw==",
-      "dev": true,
-      "requires": {
-        "@webassemblyjs/ast": "1.11.1",
-        "@webassemblyjs/helper-buffer": "1.11.1",
-        "@webassemblyjs/wasm-gen": "1.11.1",
-        "@webassemblyjs/wasm-parser": "1.11.1"
-      }
-    },
-    "@webassemblyjs/wasm-parser": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.11.1.tgz",
-      "integrity": "sha512-rrBujw+dJu32gYB7/Lup6UhdkPx9S9SnobZzRVL7VcBH9Bt9bCBLEuX/YXOOtBsOZ4NQrRykKhffRWHvigQvOA==",
-      "dev": true,
-      "requires": {
-        "@webassemblyjs/ast": "1.11.1",
-        "@webassemblyjs/helper-api-error": "1.11.1",
-        "@webassemblyjs/helper-wasm-bytecode": "1.11.1",
-        "@webassemblyjs/ieee754": "1.11.1",
-        "@webassemblyjs/leb128": "1.11.1",
-        "@webassemblyjs/utf8": "1.11.1"
-      }
-    },
-    "@webassemblyjs/wast-printer": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.11.1.tgz",
-      "integrity": "sha512-IQboUWM4eKzWW+N/jij2sRatKMh99QEelo3Eb2q0qXkvPRISAj8Qxtmw5itwqK+TTkBuUIE45AxYPToqPtL5gg==",
-      "dev": true,
-      "requires": {
-        "@webassemblyjs/ast": "1.11.1",
-        "@xtuc/long": "4.2.2"
-      }
-    },
-    "@webpack-cli/configtest": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@webpack-cli/configtest/-/configtest-1.1.1.tgz",
-      "integrity": "sha512-1FBc1f9G4P/AxMqIgfZgeOTuRnwZMten8E7zap5zgpPInnCrP8D4Q81+4CWIch8i/Nf7nXjP0v6CjjbHOrXhKg==",
-      "dev": true,
-      "requires": {}
-    },
-    "@webpack-cli/info": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/@webpack-cli/info/-/info-1.4.1.tgz",
-      "integrity": "sha512-PKVGmazEq3oAo46Q63tpMr4HipI3OPfP7LiNOEJg963RMgT0rqheag28NCML0o3GIzA3DmxP1ZIAv9oTX1CUIA==",
-      "dev": true,
-      "requires": {
-        "envinfo": "^7.7.3"
-      }
-    },
-    "@webpack-cli/serve": {
-      "version": "1.6.1",
-      "resolved": "https://registry.npmjs.org/@webpack-cli/serve/-/serve-1.6.1.tgz",
-      "integrity": "sha512-gNGTiTrjEVQ0OcVnzsRSqTxaBSr+dmTfm+qJsCDluky8uhdLWep7Gcr62QsAKHTMxjCS/8nEITsmFAhfIx+QSw==",
-      "dev": true,
-      "requires": {}
-    },
-    "@xtuc/ieee754": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz",
-      "integrity": "sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==",
-      "dev": true
-    },
-    "@xtuc/long": {
-      "version": "4.2.2",
-      "resolved": "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz",
-      "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==",
-      "dev": true
-    },
-    "acorn": {
-      "version": "8.7.1",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.7.1.tgz",
-      "integrity": "sha512-Xx54uLJQZ19lKygFXOWsscKUbsBZW0CPykPhVQdhIeIwrbPmJzqeASDInc8nKBnp/JT6igTs82qPXz069H8I/A==",
-      "dev": true
-    },
-    "acorn-import-assertions": {
-      "version": "1.8.0",
-      "resolved": "https://registry.npmjs.org/acorn-import-assertions/-/acorn-import-assertions-1.8.0.tgz",
-      "integrity": "sha512-m7VZ3jwz4eK6A4Vtt8Ew1/mNbP24u0FhdyfA7fSvnJR6LMdfOYnmuIrrJAgrYfYJ10F/otaHTtrtrtmHdMNzEw==",
-      "dev": true,
-      "requires": {}
-    },
-    "ajv": {
-      "version": "6.12.6",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
-      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
-      "dev": true,
-      "requires": {
-        "fast-deep-equal": "^3.1.1",
-        "fast-json-stable-stringify": "^2.0.0",
-        "json-schema-traverse": "^0.4.1",
-        "uri-js": "^4.2.2"
-      }
-    },
-    "ajv-keywords": {
-      "version": "3.5.2",
-      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
-      "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
-      "dev": true,
-      "requires": {}
-    },
-    "ansi-styles": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
-      "requires": {
-        "color-convert": "^2.0.1"
-      }
-    },
-    "big.js": {
-      "version": "5.2.2",
-      "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz",
-      "integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==",
-      "dev": true
-    },
-    "braces": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
-      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
-      "dev": true,
-      "requires": {
-        "fill-range": "^7.0.1"
-      }
-    },
-    "browserslist": {
-      "version": "4.20.3",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.20.3.tgz",
-      "integrity": "sha512-NBhymBQl1zM0Y5dQT/O+xiLP9/rzOIQdKM/eMJBAq7yBgaB6krIYLGejrwVYnSHZdqjscB1SPuAjHwxjvN6Wdg==",
-      "dev": true,
-      "requires": {
-        "caniuse-lite": "^1.0.30001332",
-        "electron-to-chromium": "^1.4.118",
-        "escalade": "^3.1.1",
-        "node-releases": "^2.0.3",
-        "picocolors": "^1.0.0"
-      }
-    },
-    "buffer-from": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
-      "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
-      "dev": true
-    },
-    "caniuse-lite": {
-      "version": "1.0.30001341",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001341.tgz",
-      "integrity": "sha512-2SodVrFFtvGENGCv0ChVJIDQ0KPaS1cg7/qtfMaICgeMolDdo/Z2OD32F0Aq9yl6F4YFwGPBS5AaPqNYiW4PoA==",
-      "dev": true
-    },
-    "chalk": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-      "dev": true,
-      "requires": {
-        "ansi-styles": "^4.1.0",
-        "supports-color": "^7.1.0"
-      }
-    },
-    "chrome-trace-event": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.3.tgz",
-      "integrity": "sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg==",
-      "dev": true
-    },
-    "clone-deep": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/clone-deep/-/clone-deep-4.0.1.tgz",
-      "integrity": "sha512-neHB9xuzh/wk0dIHweyAXv2aPGZIVk3pLMe+/RNzINf17fe0OG96QroktYAUm7SM1PBnzTabaLboqqxDyMU+SQ==",
-      "dev": true,
-      "requires": {
-        "is-plain-object": "^2.0.4",
-        "kind-of": "^6.0.2",
-        "shallow-clone": "^3.0.0"
-      }
-    },
-    "color-convert": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-      "dev": true,
-      "requires": {
-        "color-name": "~1.1.4"
-      }
-    },
-    "color-name": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-      "dev": true
-    },
-    "colorette": {
-      "version": "2.0.16",
-      "resolved": "https://registry.npmjs.org/colorette/-/colorette-2.0.16.tgz",
-      "integrity": "sha512-hUewv7oMjCp+wkBv5Rm0v87eJhq4woh5rSR+42YSQJKecCqgIqNkZ6lAlQms/BwHPJA5NKMRlpxPRv0n8HQW6g==",
-      "dev": true
-    },
-    "commander": {
-      "version": "2.20.3",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
-      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
-      "dev": true
-    },
-    "core-util-is": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
-      "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==",
-      "dev": true
-    },
-    "cross-spawn": {
-      "version": "7.0.3",
-      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
-      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
-      "dev": true,
-      "requires": {
-        "path-key": "^3.1.0",
-        "shebang-command": "^2.0.0",
-        "which": "^2.0.1"
-      }
-    },
-    "electron-to-chromium": {
-      "version": "1.4.137",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.137.tgz",
-      "integrity": "sha512-0Rcpald12O11BUogJagX3HsCN3FE83DSqWjgXoHo5a72KUKMSfI39XBgJpgNNxS9fuGzytaFjE06kZkiVFy2qA==",
-      "dev": true
-    },
-    "emojis-list": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-3.0.0.tgz",
-      "integrity": "sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==",
-      "dev": true
-    },
-    "enhanced-resolve": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-4.5.0.tgz",
-      "integrity": "sha512-Nv9m36S/vxpsI+Hc4/ZGRs0n9mXqSWGGq49zxb/cJfPAQMbUtttJAlNPS4AQzaBdw/pKskw5bMbekT/Y7W/Wlg==",
-      "dev": true,
-      "requires": {
-        "graceful-fs": "^4.1.2",
-        "memory-fs": "^0.5.0",
-        "tapable": "^1.0.0"
-      }
-    },
-    "envinfo": {
-      "version": "7.8.1",
-      "resolved": "https://registry.npmjs.org/envinfo/-/envinfo-7.8.1.tgz",
-      "integrity": "sha512-/o+BXHmB7ocbHEAs6F2EnG0ogybVVUdkRunTT2glZU9XAaGmhqskrvKwqXuDfNjEO0LZKWdejEEpnq8aM0tOaw==",
-      "dev": true
-    },
-    "errno": {
-      "version": "0.1.8",
-      "resolved": "https://registry.npmjs.org/errno/-/errno-0.1.8.tgz",
-      "integrity": "sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==",
-      "dev": true,
-      "requires": {
-        "prr": "~1.0.1"
-      }
-    },
-    "es-module-lexer": {
-      "version": "0.9.3",
-      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-0.9.3.tgz",
-      "integrity": "sha512-1HQ2M2sPtxwnvOvT1ZClHyQDiggdNjURWpY2we6aMKCQiUVxTmVs2UYPLIrD84sS+kMdUwfBSylbJPwNnBrnHQ==",
-      "dev": true
-    },
-    "escalade": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
-      "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
-      "dev": true
-    },
-    "eslint-scope": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
-      "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
-      "dev": true,
-      "requires": {
-        "esrecurse": "^4.3.0",
-        "estraverse": "^4.1.1"
-      }
-    },
-    "esrecurse": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
-      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
-      "dev": true,
-      "requires": {
-        "estraverse": "^5.2.0"
-      },
-      "dependencies": {
-        "estraverse": {
-          "version": "5.3.0",
-          "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
-          "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
-          "dev": true
-        }
-      }
-    },
-    "estraverse": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
-      "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
-      "dev": true
-    },
-    "events": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
-      "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
-      "dev": true
-    },
-    "execa": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz",
-      "integrity": "sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==",
-      "dev": true,
-      "requires": {
-        "cross-spawn": "^7.0.3",
-        "get-stream": "^6.0.0",
-        "human-signals": "^2.1.0",
-        "is-stream": "^2.0.0",
-        "merge-stream": "^2.0.0",
-        "npm-run-path": "^4.0.1",
-        "onetime": "^5.1.2",
-        "signal-exit": "^3.0.3",
-        "strip-final-newline": "^2.0.0"
-      }
-    },
-    "fast-deep-equal": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
-      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
-      "dev": true
-    },
-    "fast-json-stable-stringify": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
-      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
-      "dev": true
-    },
-    "fastest-levenshtein": {
-      "version": "1.0.12",
-      "resolved": "https://registry.npmjs.org/fastest-levenshtein/-/fastest-levenshtein-1.0.12.tgz",
-      "integrity": "sha512-On2N+BpYJ15xIC974QNVuYGMOlEVt4s0EOI3wwMqOmK1fdDY+FN/zltPV8vosq4ad4c/gJ1KHScUn/6AWIgiow==",
-      "dev": true
-    },
-    "fill-range": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
-      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
-      "dev": true,
-      "requires": {
-        "to-regex-range": "^5.0.1"
-      }
-    },
-    "find-up": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
-      "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
-      "dev": true,
-      "requires": {
-        "locate-path": "^5.0.0",
-        "path-exists": "^4.0.0"
-      }
-    },
-    "function-bind": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
-      "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
-      "dev": true
-    },
-    "get-stream": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz",
-      "integrity": "sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==",
-      "dev": true
-    },
-    "glob-to-regexp": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz",
-      "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==",
-      "dev": true
-    },
-    "graceful-fs": {
-      "version": "4.2.10",
-      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz",
-      "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==",
-      "dev": true
-    },
-    "has": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
-      "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
-      "dev": true,
-      "requires": {
-        "function-bind": "^1.1.1"
-      }
-    },
-    "has-flag": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "dev": true
-    },
-    "human-signals": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz",
-      "integrity": "sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==",
-      "dev": true
-    },
-    "import-local": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/import-local/-/import-local-3.1.0.tgz",
-      "integrity": "sha512-ASB07uLtnDs1o6EHjKpX34BKYDSqnFerfTOJL2HvMqF70LnxpjkzDB8J44oT9pu4AMPkQwf8jl6szgvNd2tRIg==",
-      "dev": true,
-      "requires": {
-        "pkg-dir": "^4.2.0",
-        "resolve-cwd": "^3.0.0"
-      }
-    },
-    "inherits": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
-      "dev": true
-    },
-    "interpret": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/interpret/-/interpret-2.2.0.tgz",
-      "integrity": "sha512-Ju0Bz/cEia55xDwUWEa8+olFpCiQoypjnQySseKtmjNrnps3P+xfpUmGr90T7yjlVJmOtybRvPXhKMbHr+fWnw==",
-      "dev": true
-    },
-    "is-core-module": {
-      "version": "2.9.0",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.9.0.tgz",
-      "integrity": "sha512-+5FPy5PnwmO3lvfMb0AsoPaBG+5KHUI0wYFXOtYPnVVVspTFUuMZNfNaNVRt3FZadstu2c8x23vykRW/NBoU6A==",
-      "dev": true,
-      "requires": {
-        "has": "^1.0.3"
-      }
-    },
-    "is-number": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
-      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
-      "dev": true
-    },
-    "is-plain-object": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz",
-      "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==",
-      "dev": true,
-      "requires": {
-        "isobject": "^3.0.1"
-      }
-    },
-    "is-stream": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz",
-      "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==",
-      "dev": true
-    },
-    "isarray": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
-      "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=",
-      "dev": true
-    },
-    "isexe": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
-      "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=",
-      "dev": true
-    },
-    "isobject": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
-      "integrity": "sha1-TkMekrEalzFjaqH5yNHMvP2reN8=",
-      "dev": true
-    },
-    "jest-worker": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz",
-      "integrity": "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==",
-      "dev": true,
-      "requires": {
-        "@types/node": "*",
-        "merge-stream": "^2.0.0",
-        "supports-color": "^8.0.0"
-      },
-      "dependencies": {
-        "supports-color": {
-          "version": "8.1.1",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
-          "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
-          "dev": true,
-          "requires": {
-            "has-flag": "^4.0.0"
-          }
-        }
-      }
-    },
-    "jquery": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.6.0.tgz",
-      "integrity": "sha512-JVzAR/AjBvVt2BmYhxRCSYysDsPcssdmTFnzyLEts9qNwmjmu4JTAMYubEfwVOSwpQ1I1sKKFcxhZCI2buerfw==",
-      "dev": true
-    },
-    "json-parse-even-better-errors": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
-      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
-      "dev": true
-    },
-    "json-schema-traverse": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
-      "dev": true
-    },
-    "json5": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.1.tgz",
-      "integrity": "sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==",
-      "dev": true
-    },
-    "kind-of": {
-      "version": "6.0.3",
-      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
-      "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
-      "dev": true
-    },
-    "loader-runner": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-4.3.0.tgz",
-      "integrity": "sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==",
-      "dev": true
-    },
-    "loader-utils": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.2.tgz",
-      "integrity": "sha512-TM57VeHptv569d/GKh6TAYdzKblwDNiumOdkFnejjD0XwTH87K90w3O7AiJRqdQoXygvi1VQTJTLGhJl7WqA7A==",
-      "dev": true,
-      "requires": {
-        "big.js": "^5.2.2",
-        "emojis-list": "^3.0.0",
-        "json5": "^2.1.2"
-      }
-    },
-    "locate-path": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
-      "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
-      "dev": true,
-      "requires": {
-        "p-locate": "^4.1.0"
-      }
-    },
-    "lodash.sortby": {
-      "version": "4.7.0",
-      "resolved": "https://registry.npmjs.org/lodash.sortby/-/lodash.sortby-4.7.0.tgz",
-      "integrity": "sha1-7dFMgk4sycHgsKG0K7UhBRakJDg=",
-      "dev": true
-    },
-    "lru-cache": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dev": true,
-      "requires": {
-        "yallist": "^4.0.0"
-      }
-    },
-    "memory-fs": {
-      "version": "0.5.0",
-      "resolved": "https://registry.npmjs.org/memory-fs/-/memory-fs-0.5.0.tgz",
-      "integrity": "sha512-jA0rdU5KoQMC0e6ppoNRtpp6vjFq6+NY7r8hywnC7V+1Xj/MtHwGIbB1QaK/dunyjWteJzmkpd7ooeWg10T7GA==",
-      "dev": true,
-      "requires": {
-        "errno": "^0.1.3",
-        "readable-stream": "^2.0.1"
-      }
-    },
-    "merge-stream": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
-      "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
-      "dev": true
-    },
-    "micromatch": {
-      "version": "4.0.5",
-      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
-      "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
-      "dev": true,
-      "requires": {
-        "braces": "^3.0.2",
-        "picomatch": "^2.3.1"
-      }
-    },
-    "mime-db": {
-      "version": "1.52.0",
-      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
-      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
-      "dev": true
-    },
-    "mime-types": {
-      "version": "2.1.35",
-      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
-      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
-      "dev": true,
-      "requires": {
-        "mime-db": "1.52.0"
-      }
-    },
-    "mimic-fn": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
-      "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
-      "dev": true
-    },
-    "neo-async": {
-      "version": "2.6.2",
-      "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
-      "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
-      "dev": true
-    },
-    "node-releases": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.4.tgz",
-      "integrity": "sha512-gbMzqQtTtDz/00jQzZ21PQzdI9PyLYqUSvD0p3naOhX4odFji0ZxYdnVwPTxmSwkmxhcFImpozceidSG+AgoPQ==",
-      "dev": true
-    },
-    "npm-run-path": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz",
-      "integrity": "sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==",
-      "dev": true,
-      "requires": {
-        "path-key": "^3.0.0"
-      }
-    },
-    "onetime": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
-      "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
-      "dev": true,
-      "requires": {
-        "mimic-fn": "^2.1.0"
-      }
-    },
-    "p-limit": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
-      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
-      "dev": true,
-      "requires": {
-        "p-try": "^2.0.0"
-      }
-    },
-    "p-locate": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
-      "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
-      "dev": true,
-      "requires": {
-        "p-limit": "^2.2.0"
-      }
-    },
-    "p-try": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
-      "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
-      "dev": true
-    },
-    "path-exists": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
-      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
-      "dev": true
-    },
-    "path-key": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
-      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
-      "dev": true
-    },
-    "path-parse": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
-      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
-      "dev": true
-    },
-    "picocolors": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
-      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
-      "dev": true
-    },
-    "picomatch": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-      "dev": true
-    },
-    "pkg-dir": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz",
-      "integrity": "sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==",
-      "dev": true,
-      "requires": {
-        "find-up": "^4.0.0"
-      }
-    },
-    "process-nextick-args": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
-      "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
-      "dev": true
-    },
-    "prr": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz",
-      "integrity": "sha1-0/wRS6BplaRexok/SEzrHXj19HY=",
-      "dev": true
-    },
-    "punycode": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz",
-      "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==",
-      "dev": true
-    },
-    "randombytes": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
-      "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
-      "dev": true,
-      "requires": {
-        "safe-buffer": "^5.1.0"
-      }
-    },
-    "readable-stream": {
-      "version": "2.3.7",
-      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
-      "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==",
-      "dev": true,
-      "requires": {
-        "core-util-is": "~1.0.0",
-        "inherits": "~2.0.3",
-        "isarray": "~1.0.0",
-        "process-nextick-args": "~2.0.0",
-        "safe-buffer": "~5.1.1",
-        "string_decoder": "~1.1.1",
-        "util-deprecate": "~1.0.1"
-      }
-    },
-    "rechoir": {
-      "version": "0.7.1",
-      "resolved": "https://registry.npmjs.org/rechoir/-/rechoir-0.7.1.tgz",
-      "integrity": "sha512-/njmZ8s1wVeR6pjTZ+0nCnv8SpZNRMT2D1RLOJQESlYFDBvwpTA4KWJpZ+sBJ4+vhjILRcK7JIFdGCdxEAAitg==",
-      "dev": true,
-      "requires": {
-        "resolve": "^1.9.0"
-      }
-    },
-    "resolve": {
-      "version": "1.22.0",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.0.tgz",
-      "integrity": "sha512-Hhtrw0nLeSrFQ7phPp4OOcVjLPIeMnRlr5mcnVuMe7M/7eBn98A3hmFRLoFo3DLZkivSYwhRUJTyPyWAk56WLw==",
-      "dev": true,
-      "requires": {
-        "is-core-module": "^2.8.1",
-        "path-parse": "^1.0.7",
-        "supports-preserve-symlinks-flag": "^1.0.0"
-      }
-    },
-    "resolve-cwd": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-cwd/-/resolve-cwd-3.0.0.tgz",
-      "integrity": "sha512-OrZaX2Mb+rJCpH/6CpSqt9xFVpN++x01XnN2ie9g6P5/3xelLAkXWVADpdz1IHD/KFfEXyE6V0U01OQ3UO2rEg==",
-      "dev": true,
-      "requires": {
-        "resolve-from": "^5.0.0"
-      }
-    },
-    "resolve-from": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
-      "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
-      "dev": true
-    },
-    "safe-buffer": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
-      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
-      "dev": true
-    },
-    "schema-utils": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.1.1.tgz",
-      "integrity": "sha512-Y5PQxS4ITlC+EahLuXaY86TXfR7Dc5lw294alXOq86JAHCihAIZfqv8nNCWvaEJvaC51uN9hbLGeV0cFBdH+Fw==",
-      "dev": true,
-      "requires": {
-        "@types/json-schema": "^7.0.8",
-        "ajv": "^6.12.5",
-        "ajv-keywords": "^3.5.2"
-      }
-    },
-    "semver": {
-      "version": "7.3.7",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.7.tgz",
-      "integrity": "sha512-QlYTucUYOews+WeEujDoEGziz4K6c47V/Bd+LjSSYcA94p+DmINdf7ncaUinThfvZyu13lN9OY1XDxt8C0Tw0g==",
-      "dev": true,
-      "requires": {
-        "lru-cache": "^6.0.0"
-      }
-    },
-    "serialize-javascript": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.0.tgz",
-      "integrity": "sha512-Qr3TosvguFt8ePWqsvRfrKyQXIiW+nGbYpy8XK24NQHE83caxWt+mIymTT19DGFbNWNLfEwsrkSmN64lVWB9ag==",
-      "dev": true,
-      "requires": {
-        "randombytes": "^2.1.0"
-      }
-    },
-    "shallow-clone": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/shallow-clone/-/shallow-clone-3.0.1.tgz",
-      "integrity": "sha512-/6KqX+GVUdqPuPPd2LxDDxzX6CAbjJehAAOKlNpqqUpAqPM6HeL8f+o3a+JsyGjn2lv0WY8UsTgUJjU9Ok55NA==",
-      "dev": true,
-      "requires": {
-        "kind-of": "^6.0.2"
-      }
-    },
-    "shebang-command": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
-      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
-      "dev": true,
-      "requires": {
-        "shebang-regex": "^3.0.0"
-      }
-    },
-    "shebang-regex": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
-      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
-      "dev": true
-    },
-    "signal-exit": {
-      "version": "3.0.7",
-      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
-      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
-      "dev": true
-    },
-    "source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true
-    },
-    "source-map-support": {
-      "version": "0.5.21",
-      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
-      "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
-      "dev": true,
-      "requires": {
-        "buffer-from": "^1.0.0",
-        "source-map": "^0.6.0"
-      }
-    },
-    "string_decoder": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
-      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
-      "dev": true,
-      "requires": {
-        "safe-buffer": "~5.1.0"
-      }
-    },
-    "strip-final-newline": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz",
-      "integrity": "sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==",
-      "dev": true
-    },
-    "supports-color": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "dev": true,
-      "requires": {
-        "has-flag": "^4.0.0"
-      }
-    },
-    "supports-preserve-symlinks-flag": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
-      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
-      "dev": true
-    },
-    "tapable": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/tapable/-/tapable-1.1.3.tgz",
-      "integrity": "sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA==",
-      "dev": true
-    },
-    "terser": {
-      "version": "5.13.1",
-      "resolved": "https://registry.npmjs.org/terser/-/terser-5.13.1.tgz",
-      "integrity": "sha512-hn4WKOfwnwbYfe48NgrQjqNOH9jzLqRcIfbYytOXCOv46LBfWr9bDS17MQqOi+BWGD0sJK3Sj5NC/gJjiojaoA==",
-      "dev": true,
-      "requires": {
-        "acorn": "^8.5.0",
-        "commander": "^2.20.0",
-        "source-map": "~0.8.0-beta.0",
-        "source-map-support": "~0.5.20"
-      },
-      "dependencies": {
-        "source-map": {
-          "version": "0.8.0-beta.0",
-          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.8.0-beta.0.tgz",
-          "integrity": "sha512-2ymg6oRBpebeZi9UUNsgQ89bhx01TcTkmNTGnNO88imTmbSgy4nfujrgVEFKWpMTEGA11EDkTt7mqObTPdigIA==",
-          "dev": true,
-          "requires": {
-            "whatwg-url": "^7.0.0"
-          }
-        }
-      }
-    },
-    "terser-webpack-plugin": {
-      "version": "5.3.1",
-      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.1.tgz",
-      "integrity": "sha512-GvlZdT6wPQKbDNW/GDQzZFg/j4vKU96yl2q6mcUkzKOgW4gwf1Z8cZToUCrz31XHlPWH8MVb1r2tFtdDtTGJ7g==",
-      "dev": true,
-      "requires": {
-        "jest-worker": "^27.4.5",
-        "schema-utils": "^3.1.1",
-        "serialize-javascript": "^6.0.0",
-        "source-map": "^0.6.1",
-        "terser": "^5.7.2"
-      }
-    },
-    "to-regex-range": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
-      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-      "dev": true,
-      "requires": {
-        "is-number": "^7.0.0"
-      }
-    },
-    "tr46": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/tr46/-/tr46-1.0.1.tgz",
-      "integrity": "sha1-qLE/1r/SSJUZZ0zN5VujaTtwbQk=",
-      "dev": true,
-      "requires": {
-        "punycode": "^2.1.0"
-      }
-    },
-    "ts-loader": {
-      "version": "8.4.0",
-      "resolved": "https://registry.npmjs.org/ts-loader/-/ts-loader-8.4.0.tgz",
-      "integrity": "sha512-6nFY3IZ2//mrPc+ImY3hNWx1vCHyEhl6V+wLmL4CZcm6g1CqX7UKrkc6y0i4FwcfOhxyMPCfaEvh20f4r9GNpw==",
-      "dev": true,
-      "requires": {
-        "chalk": "^4.1.0",
-        "enhanced-resolve": "^4.0.0",
-        "loader-utils": "^2.0.0",
-        "micromatch": "^4.0.0",
-        "semver": "^7.3.4"
-      }
-    },
-    "typescript": {
-      "version": "3.9.10",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-3.9.10.tgz",
-      "integrity": "sha512-w6fIxVE/H1PkLKcCPsFqKE7Kv7QUwhU8qQY2MueZXWx5cPZdwFupLgKK3vntcK98BtNHZtAF4LA/yl2a7k8R6Q==",
-      "dev": true
-    },
-    "uri-js": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
-      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
-      "dev": true,
-      "requires": {
-        "punycode": "^2.1.0"
-      }
-    },
-    "util-deprecate": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
-      "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=",
-      "dev": true
-    },
-    "watchpack": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.3.1.tgz",
-      "integrity": "sha512-x0t0JuydIo8qCNctdDrn1OzH/qDzk2+rdCOC3YzumZ42fiMqmQ7T3xQurykYMhYfHaPHTp4ZxAx2NfUo1K6QaA==",
-      "dev": true,
-      "requires": {
-        "glob-to-regexp": "^0.4.1",
-        "graceful-fs": "^4.1.2"
-      }
-    },
-    "webidl-conversions": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-4.0.2.tgz",
-      "integrity": "sha512-YQ+BmxuTgd6UXZW3+ICGfyqRyHXVlD5GtQr5+qjiNW7bF0cqrzX500HVXPBOvgXb5YnzDd+h0zqyv61KUD7+Sg==",
-      "dev": true
-    },
-    "webpack": {
-      "version": "5.72.1",
-      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.72.1.tgz",
-      "integrity": "sha512-dXG5zXCLspQR4krZVR6QgajnZOjW2K/djHvdcRaDQvsjV9z9vaW6+ja5dZOYbqBBjF6kGXka/2ZyxNdc+8Jung==",
-      "dev": true,
-      "requires": {
-        "@types/eslint-scope": "^3.7.3",
-        "@types/estree": "^0.0.51",
-        "@webassemblyjs/ast": "1.11.1",
-        "@webassemblyjs/wasm-edit": "1.11.1",
-        "@webassemblyjs/wasm-parser": "1.11.1",
-        "acorn": "^8.4.1",
-        "acorn-import-assertions": "^1.7.6",
-        "browserslist": "^4.14.5",
-        "chrome-trace-event": "^1.0.2",
-        "enhanced-resolve": "^5.9.3",
-        "es-module-lexer": "^0.9.0",
-        "eslint-scope": "5.1.1",
-        "events": "^3.2.0",
-        "glob-to-regexp": "^0.4.1",
-        "graceful-fs": "^4.2.9",
-        "json-parse-even-better-errors": "^2.3.1",
-        "loader-runner": "^4.2.0",
-        "mime-types": "^2.1.27",
-        "neo-async": "^2.6.2",
-        "schema-utils": "^3.1.0",
-        "tapable": "^2.1.1",
-        "terser-webpack-plugin": "^5.1.3",
-        "watchpack": "^2.3.1",
-        "webpack-sources": "^3.2.3"
-      },
-      "dependencies": {
-        "enhanced-resolve": {
-          "version": "5.9.3",
-          "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.9.3.tgz",
-          "integrity": "sha512-Bq9VSor+kjvW3f9/MiiR4eE3XYgOl7/rS8lnSxbRbF3kS0B2r+Y9w5krBWxZgDxASVZbdYrn5wT4j/Wb0J9qow==",
-          "dev": true,
-          "requires": {
-            "graceful-fs": "^4.2.4",
-            "tapable": "^2.2.0"
-          }
-        },
-        "tapable": {
-          "version": "2.2.1",
-          "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
-          "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==",
-          "dev": true
-        }
-      }
-    },
-    "webpack-cli": {
-      "version": "4.9.2",
-      "resolved": "https://registry.npmjs.org/webpack-cli/-/webpack-cli-4.9.2.tgz",
-      "integrity": "sha512-m3/AACnBBzK/kMTcxWHcZFPrw/eQuY4Df1TxvIWfWM2x7mRqBQCqKEd96oCUa9jkapLBaFfRce33eGDb4Pr7YQ==",
-      "dev": true,
-      "requires": {
-        "@discoveryjs/json-ext": "^0.5.0",
-        "@webpack-cli/configtest": "^1.1.1",
-        "@webpack-cli/info": "^1.4.1",
-        "@webpack-cli/serve": "^1.6.1",
-        "colorette": "^2.0.14",
-        "commander": "^7.0.0",
-        "execa": "^5.0.0",
-        "fastest-levenshtein": "^1.0.12",
-        "import-local": "^3.0.2",
-        "interpret": "^2.2.0",
-        "rechoir": "^0.7.0",
-        "webpack-merge": "^5.7.3"
-      },
-      "dependencies": {
-        "commander": {
-          "version": "7.2.0",
-          "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
-          "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==",
-          "dev": true
-        }
-      }
-    },
-    "webpack-merge": {
-      "version": "5.8.0",
-      "resolved": "https://registry.npmjs.org/webpack-merge/-/webpack-merge-5.8.0.tgz",
-      "integrity": "sha512-/SaI7xY0831XwP6kzuwhKWVKDP9t1QY1h65lAFLbZqMPIuYcD9QAW4u9STIbU9kaJbPBB/geU/gLr1wDjOhQ+Q==",
-      "dev": true,
-      "requires": {
-        "clone-deep": "^4.0.1",
-        "wildcard": "^2.0.0"
-      }
-    },
-    "webpack-sources": {
-      "version": "3.2.3",
-      "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.3.tgz",
-      "integrity": "sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==",
-      "dev": true
-    },
-    "whatwg-url": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-7.1.0.tgz",
-      "integrity": "sha512-WUu7Rg1DroM7oQvGWfOiAK21n74Gg+T4elXEQYkOhtyLeWiJFoOGLXPKI/9gzIie9CtwVLm8wtw6YJdKyxSjeg==",
-      "dev": true,
-      "requires": {
-        "lodash.sortby": "^4.7.0",
-        "tr46": "^1.0.1",
-        "webidl-conversions": "^4.0.2"
-      }
-    },
-    "which": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
-      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
-      "dev": true,
-      "requires": {
-        "isexe": "^2.0.0"
-      }
-    },
-    "wildcard": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/wildcard/-/wildcard-2.0.0.tgz",
-      "integrity": "sha512-JcKqAHLPxcdb9KM49dufGXn2x3ssnfjbcaQdLlfZsL9rH9wgDQjUtDxbo8NE0F6SFvydeu1VhZe7hZuHsB2/pw==",
-      "dev": true
-    },
-    "yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true
-    }
-  }
-}
diff --git a/package.json b/package.json
deleted file mode 100644
index cd25747..0000000
--- a/package.json
+++ /dev/null
@@ -1,21 +0,0 @@
-{
-  "name": "xm_mail_catcher",
-  "version": "1.0.0",
-  "description": "Display mails that were send to log file",
-  "devDependencies": {
-    "@types/jquery": "^3.3.31",
-    "jquery": "^3.3.1",
-    "ts-loader": "^8.0.12",
-    "typescript": "^3.7.2",
-    "webpack": "^5.10.0",
-    "webpack-cli": "^4.2.0",
-    "webpack-merge": "^5.7.3"
-  },
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1",
-    "start": "npx webpack --config webpack.js  --devtool=inline-source-map --watch",
-    "build": "npx webpack --config webpack.js --mode=production"
-  },
-  "author": "",
-  "license": "MIT"
-}
diff --git a/phpstan-baseline.neon b/phpstan-baseline.neon
deleted file mode 100644
index 12e12f7..0000000
--- a/phpstan-baseline.neon
+++ /dev/null
@@ -1,41 +0,0 @@
-parameters:
-	ignoreErrors:
-		-
-			message: "#^Call to an undefined method object\\:\\:deleteMessageByFilename\\(\\)\\.$#"
-			count: 1
-			path: Classes/Controller/AjaxController.php
-
-		-
-			message: "#^Call to an undefined method object\\:\\:deleteMessages\\(\\)\\.$#"
-			count: 1
-			path: Classes/Controller/AjaxController.php
-
-		-
-			message: "#^Call to an undefined method object\\:\\:getMessageByFilename\\(\\)\\.$#"
-			count: 1
-			path: Classes/Controller/AjaxController.php
-
-		-
-			message: "#^Call to an undefined method object\\:\\:getMessages\\(\\)\\.$#"
-			count: 1
-			path: Classes/Controller/BackendController.php
-
-		-
-			message: "#^Call to an undefined method object\\:\\:loadRequireJsModule\\(\\)\\.$#"
-			count: 1
-			path: Classes/Controller/BackendController.php
-
-		-
-			message: "#^Call to an undefined method object\\:\\:run\\(\\)\\.$#"
-			count: 1
-			path: Classes/Controller/BackendController.php
-
-		-
-			message: "#^Method Xima\\\\XmMailCatcher\\\\Controller\\\\BackendController\\:\\:indexAction\\(\\) has no return type specified\\.$#"
-			count: 1
-			path: Classes/Controller/BackendController.php
-
-		-
-			message: "#^Method Xima\\\\XmMailCatcher\\\\Domain\\\\Model\\\\Dto\\\\MailMessage\\:\\:loadFromJson\\(\\) has parameter \\$data with no value type specified in iterable type array\\.$#"
-			count: 1
-			path: Classes/Domain/Model/Dto/MailMessage.php
diff --git a/phpstan.neon b/phpstan.neon
deleted file mode 100644
index 530696f..0000000
--- a/phpstan.neon
+++ /dev/null
@@ -1,19 +0,0 @@
-includes:
-    - phpstan-baseline.neon
-
-parameters:
-    parallel:
-        maximumNumberOfProcesses: 5
-
-    level: 8
-
-    bootstrapFiles:
-        - vendor/autoload.php
-
-    scanFiles:
-        - ext_tables.php
-
-    paths:
-        - Classes
-
-    excludePaths:
diff --git a/tsconfig.json b/tsconfig.json
deleted file mode 100644
index 7f48abb..0000000
--- a/tsconfig.json
+++ /dev/null
@@ -1,46 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "es2017",
-    "lib": [
-      "dom",
-      "scripthost",
-      "es2017",
-      "es2018",
-      "es2019"
-    ],
-    "module": "amd",
-    "sourceMap": false,
-    "removeComments": false,
-    "pretty": true,
-    "baseUrl": ".",
-    "moduleResolution": "node",
-    "alwaysStrict": true,
-    "downlevelIteration": true,
-    "experimentalDecorators": true,
-    "paths": {
-      "TYPO3/CMS/XmMailCatcher/*": [
-        "Resources/Private/TypeScript/*",
-        "Resources/Public/JavaScript/*"
-      ],
-      "TYPO3/CMS/Backend/*": [
-        "typo3_src/TypeScript/backend/Resources/Public/TypeScript/*"
-      ],
-      "TYPO3/CMS/Core/*": [
-        "typo3_src/TypeScript/core/Resources/Public/TypeScript/*"
-      ]
-    },
-    "typeRoots": [
-      "node_modules/@types",
-      "types"
-    ],
-    "outDir": "Resources/Public/JavaScript"
-  },
-  "include": [
-    "Resources/Private/TypeScript/*"
-  ],
-  "exclude": [
-    "node_modules",
-    "Configuration",
-    "typo3_src"
-  ]
-}
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/AjaxDataHandler.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/AjaxDataHandler.ts
deleted file mode 100644
index 24a72a2..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/AjaxDataHandler.ts
+++ /dev/null
@@ -1,261 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {SeverityEnum} from './Enum/Severity';
-import MessageInterface from './AjaxDataHandler/MessageInterface';
-import ResponseInterface from './AjaxDataHandler/ResponseInterface';
-import * as $ from 'jquery';
-import Icons = require('./Icons');
-import Modal = require('./Modal');
-import Notification = require('./Notification');
-import Viewport = require('./Viewport');
-
-enum Identifiers {
-  hide = '.t3js-record-hide',
-  delete = '.t3js-record-delete',
-  icon = '.t3js-icon',
-}
-
-/**
- * Module: TYPO3/CMS/Backend/AjaxDataHandler
- * Javascript functions to work with AJAX and interacting with Datahandler
- * through \TYPO3\CMS\Backend\Controller\SimpleDataHandlerController->processAjaxRequest (record_process route)
- */
-class AjaxDataHandler {
-  /**
-   * Refresh the page tree
-   */
-  private static refreshPageTree(): void {
-    if (Viewport.NavigationContainer && Viewport.NavigationContainer.PageTree) {
-      Viewport.NavigationContainer.PageTree.refreshTree();
-    }
-  }
-
-  constructor() {
-    $((): void => {
-      this.initialize();
-    });
-  }
-
-  /**
-   * Generic function to call from the outside the script and validate directly showing errors
-   *
-   * @param {Object} parameters
-   * @returns {JQueryPromise<any>}
-   */
-  public process(parameters: Object): JQueryPromise<any> {
-    return this._call(parameters).done((result: ResponseInterface): void => {
-      if (result.hasErrors) {
-        this.handleErrors(result);
-      }
-    });
-  }
-
-  private initialize(): void {
-    // HIDE/UNHIDE: click events for all action icons to hide/unhide
-    $(document).on('click', Identifiers.hide, (e: JQueryEventObject): void => {
-      e.preventDefault();
-      const $anchorElement = $(e.currentTarget);
-      const $iconElement = $anchorElement.find(Identifiers.icon);
-      const $rowElement = $anchorElement.closest('tr[data-uid]');
-      const params = $anchorElement.data('params');
-
-      // add a spinner
-      this._showSpinnerIcon($iconElement);
-
-      // make the AJAX call to toggle the visibility
-      this._call(params).done((result: ResponseInterface): void => {
-        // print messages on errors
-        if (result.hasErrors) {
-          this.handleErrors(result);
-        } else {
-          // adjust overlay icon
-          this.toggleRow($rowElement);
-        }
-      });
-    });
-
-    // DELETE: click events for all action icons to delete
-    $(document).on('click', Identifiers.delete, (evt: JQueryEventObject): void => {
-      evt.preventDefault();
-      const $anchorElement = $(evt.currentTarget);
-      $anchorElement.tooltip('hide');
-      const $modal = Modal.confirm($anchorElement.data('title'), $anchorElement.data('message'), SeverityEnum.warning, [
-        {
-          text: $anchorElement.data('button-close-text') || TYPO3.lang['button.cancel'] || 'Cancel',
-          active: true,
-          btnClass: 'btn-default',
-          name: 'cancel',
-        },
-        {
-          text: $anchorElement.data('button-ok-text') || TYPO3.lang['button.delete'] || 'Delete',
-          btnClass: 'btn-warning',
-          name: 'delete',
-        },
-      ]);
-      $modal.on('button.clicked', (e: JQueryEventObject): void => {
-        if (e.target.getAttribute('name') === 'cancel') {
-          Modal.dismiss();
-        } else if (e.target.getAttribute('name') === 'delete') {
-          Modal.dismiss();
-          this.deleteRecord($anchorElement);
-        }
-      });
-    });
-  }
-
-  /**
-   * Toggle row visibility after record has been changed
-   *
-   * @param {JQuery} $rowElement
-   */
-  private toggleRow($rowElement: JQuery): void {
-    const $anchorElement = $rowElement.find(Identifiers.hide);
-    const table = $anchorElement.closest('table[data-table]').data('table');
-    const params = $anchorElement.data('params');
-    let nextParams;
-    let nextState;
-    let iconName;
-
-    if ($anchorElement.data('state') === 'hidden') {
-      nextState = 'visible';
-      nextParams = params.replace('=0', '=1');
-      iconName = 'actions-edit-hide';
-    } else {
-      nextState = 'hidden';
-      nextParams = params.replace('=1', '=0');
-      iconName = 'actions-edit-unhide';
-    }
-    $anchorElement.data('state', nextState).data('params', nextParams);
-
-    // Update tooltip title
-    $anchorElement.tooltip('hide').one('hidden.bs.tooltip', (): void => {
-      const nextTitle = $anchorElement.data('toggleTitle');
-      // Bootstrap Tooltip internally uses only .attr('data-original-title')
-      $anchorElement
-        .data('toggleTitle', $anchorElement.attr('data-original-title'))
-        .attr('data-original-title', nextTitle);
-    });
-
-    const $iconElement = $anchorElement.find(Identifiers.icon);
-    Icons.getIcon(iconName, Icons.sizes.small).done((icon: string): void => {
-      $iconElement.replaceWith(icon);
-    });
-
-    // Set overlay for the record icon
-    const $recordIcon = $rowElement.find('.col-icon ' + Identifiers.icon);
-    if (nextState === 'hidden') {
-      Icons.getIcon('miscellaneous-placeholder', Icons.sizes.small, 'overlay-hidden').done((icon: string): void => {
-        $recordIcon.append($(icon).find('.icon-overlay'));
-      });
-    } else {
-      $recordIcon.find('.icon-overlay').remove();
-    }
-
-    $rowElement.fadeTo('fast', 0.4, (): void => {
-      $rowElement.fadeTo('fast', 1);
-    });
-    if (table === 'pages') {
-      AjaxDataHandler.refreshPageTree();
-    }
-  }
-
-  /**
-   * Delete record by given element (icon in table)
-   * don't call it directly!
-   *
-   * @param {JQuery} $anchorElement
-   */
-  private deleteRecord($anchorElement: JQuery): void {
-    const params = $anchorElement.data('params');
-    let $iconElement = $anchorElement.find(Identifiers.icon);
-
-    // add a spinner
-    this._showSpinnerIcon($iconElement);
-
-    // make the AJAX call to toggle the visibility
-    this._call(params).done((result: ResponseInterface): void => {
-      // revert to the old class
-      Icons.getIcon('actions-edit-delete', Icons.sizes.small).done((icon: string): void => {
-        $iconElement = $anchorElement.find(Identifiers.icon);
-        $iconElement.replaceWith(icon);
-      });
-      // print messages on errors
-      if (result.hasErrors) {
-        this.handleErrors(result);
-      } else {
-        const $table = $anchorElement.closest('table[data-table]');
-        const $panel = $anchorElement.closest('.panel');
-        const $panelHeading = $panel.find('.panel-heading');
-        const table = $table.data('table');
-        let $rowElements = $anchorElement.closest('tr[data-uid]');
-        const uid = $rowElements.data('uid');
-        const $translatedRowElements = $table.find('[data-l10nparent=' + uid + ']').closest('tr[data-uid]');
-        $rowElements = $rowElements.add($translatedRowElements);
-
-        $rowElements.fadeTo('slow', 0.4, (): void => {
-          $rowElements.slideUp('slow', (): void => {
-            $rowElements.remove();
-            if ($table.find('tbody tr').length === 0) {
-              $panel.slideUp('slow');
-            }
-          });
-        });
-        if ($anchorElement.data('l10parent') === '0' || $anchorElement.data('l10parent') === '') {
-          const count = Number($panelHeading.find('.t3js-table-total-items').html());
-          $panelHeading.find('.t3js-table-total-items').text(count - 1);
-        }
-
-        if (table === 'pages') {
-          AjaxDataHandler.refreshPageTree();
-        }
-      }
-    });
-  }
-
-  /**
-   * Handle the errors from result object
-   *
-   * @param {Object} result
-   */
-  private handleErrors(result: ResponseInterface): void {
-    $.each(result.messages, (position: number, message: MessageInterface): void => {
-      Notification.error(message.title, message.message);
-    });
-  }
-
-  /**
-   * AJAX call to record_process route (SimpleDataHandlerController->processAjaxRequest)
-   * returns a jQuery Promise to work with
-   *
-   * @param {Object} params
-   * @returns {JQueryXHR}
-   */
-  private _call(params: Object): JQueryXHR {
-    return $.getJSON(TYPO3.settings.ajaxUrls.record_process, params);
-  }
-
-  /**
-   * Replace the given icon with a spinner icon
-   *
-   * @param {Object} $iconElement
-   * @private
-   */
-  private _showSpinnerIcon($iconElement: JQuery): void {
-    Icons.getIcon('spinner-circle-dark', Icons.sizes.small).done((icon: string): void => {
-      $iconElement.replaceWith(icon);
-    });
-  }
-}
-
-export = new AjaxDataHandler();
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/AjaxDataHandler/MessageInterface.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/AjaxDataHandler/MessageInterface.ts
deleted file mode 100644
index cdb70e3..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/AjaxDataHandler/MessageInterface.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-export default interface MessageInterface {
-  title: string;
-  message: string;
-  severity: number;
-}
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/AjaxDataHandler/ResponseInterface.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/AjaxDataHandler/ResponseInterface.ts
deleted file mode 100644
index e30dfc9..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/AjaxDataHandler/ResponseInterface.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import MessageInterface from './MessageInterface';
-
-export default interface ResponseInterface {
-  redirect: string;
-  messages: Array<MessageInterface>;
-  hasErrors: boolean;
-}
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/BackendException.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/BackendException.ts
deleted file mode 100644
index c9da1c2..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/BackendException.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-export class BackendException {
-  public readonly message: string;
-  public readonly code: number;
-
-  constructor(message: string = '', code: number = 0) {
-    this.message = message;
-    this.code = code;
-  }
-}
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/ColorPicker.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/ColorPicker.ts
deleted file mode 100644
index 2044270..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/ColorPicker.ts
+++ /dev/null
@@ -1,67 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import * as $ from 'jquery';
-import 'TYPO3/CMS/Core/Contrib/jquery.minicolors';
-
-/**
- * Module: TYPO3/CMS/Backend/ColorPicker
- * contains all logic for the color picker used in FormEngine
- * @exports TYPO3/CMS/Backend/ColorPicker
- */
-class ColorPicker {
-  /**
-   * The selector for the color picker elements
-   */
-  private selector: string;
-
-  /**
-   * The constructor, set the class properties default values
-   */
-  constructor() {
-    this.selector = '.t3js-color-picker';
-  }
-
-  /**
-   * Initialize the color picker for the given selector
-   */
-  public initialize(): void {
-    ($(this.selector) as any).minicolors({
-      format: 'hex',
-      position: 'bottom left',
-      theme: 'bootstrap',
-    });
-    $(document).on('change', '.t3js-colorpicker-value-trigger', (event: Event): void => {
-      const $element = $(event.target);
-      if ($element.val() !== '') {
-        $element.closest('.t3js-formengine-field-item')
-          .find('.t3js-color-picker')
-          .val($element.val())
-          .trigger('paste');
-        $element.val('');
-      }
-    });
-    // On blur, use the formatted value from minicolors
-    $(document).on('blur', '.t3js-color-picker', (event: Event): void => {
-      const $element = $(event.target);
-      $element.closest('.t3js-formengine-field-item')
-        .find('input[type="hidden"]')
-        .val($element.val());
-      if ($element.val() === '') {
-        $element.trigger('paste');
-      }
-    });
-  }
-}
-// create an instance and return it
-export = new ColorPicker();
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/ContextHelp.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/ContextHelp.ts
deleted file mode 100644
index 385b67f..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/ContextHelp.ts
+++ /dev/null
@@ -1,175 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import 'bootstrap';
-import * as $ from 'jquery';
-import Popover = require('./Popover');
-
-interface HelpData {
-  title: string;
-  content: string;
-}
-
-/**
- * Module: TYPO3/CMS/Backend/ContextHelp
- * API for context help.
- * @exports TYPO3/CMS/Backend/ContextHelp
- */
-class ContextHelp {
-  private ajaxUrl: string = TYPO3.settings.ajaxUrls.context_help;
-  private helpModuleUrl: string;
-  private trigger: string = 'click';
-  private placement: string = 'auto';
-  private selector: string = '.t3-help-link';
-
-  /**
-   * @return {Window}
-   */
-  private static resolveBackend(): Window {
-    if (typeof window.opener !== 'undefined' && window.opener !== null) {
-      return window.opener.top;
-    } else {
-      return top;
-    }
-  }
-
-  constructor() {
-    this.initialize();
-  }
-
-  public initialize(): void {
-    const backendWindow = ContextHelp.resolveBackend();
-    if (typeof backendWindow.TYPO3.settings.ContextHelp !== 'undefined') {
-      this.helpModuleUrl = backendWindow.TYPO3.settings.ContextHelp.moduleUrl;
-    }
-
-    if (typeof TYPO3.ShortcutMenu === 'undefined' && typeof backendWindow.TYPO3.ShortcutMenu === 'undefined') {
-      // @FIXME: if we are in the popup... remove the bookmark / shortcut button
-      // @TODO: make it possible to use the bookmark button also in popup mode
-      $('.icon-actions-system-shortcut-new').closest('.btn').hide();
-    }
-
-    let title = '&nbsp;';
-    if (typeof backendWindow.TYPO3.lang !== 'undefined') {
-      title = backendWindow.TYPO3.lang.csh_tooltip_loading;
-    }
-    const $element = $(this.selector);
-    $element
-      .attr('data-loaded', 'false')
-      .attr('data-html', 'true')
-      .attr('data-original-title', title)
-      .attr('data-placement', this.placement)
-      .attr('data-trigger', this.trigger);
-    Popover.popover($element);
-
-    $(document).on('show.bs.popover', this.selector, (e: Event): void => {
-      const $me = $(e.currentTarget);
-      const description = $me.data('description');
-      if (typeof description !== 'undefined' && description !== '') {
-        Popover.setOptions($me, {
-          title: $me.data('title'),
-          content: description,
-        });
-      } else if ($me.attr('data-loaded') === 'false' && $me.data('table')) {
-        this.loadHelp($me);
-      }
-
-      // if help icon is in DocHeader, force open to bottom
-      if ($me.closest('.t3js-module-docheader').length) {
-        Popover.setOption($me, 'placement', 'bottom');
-      }
-    }).on('shown.bs.popover', this.selector, (e: Event): void => {
-      const $popover = $(e.target).data('bs.popover').$tip;
-      if (!$popover.find('.popover-title').is(':visible')) {
-        $popover.addClass('no-title');
-      }
-    }).on('click', '.tipIsLinked', (e: any): void => {
-      $('.popover').each((index: number, popover: Element): void => {
-        const $popover = $(popover);
-        if ($popover.has(e.target).length) {
-          this.showHelpPopup($popover.data('bs.popover').$element);
-        }
-      });
-    }).on('click', 'body', (e: any): void => {
-      $(this.selector).each((index: number, triggerElement: Element): void => {
-        const $triggerElement = $(triggerElement);
-        // the 'is' for buttons that trigger popups
-        // the 'has' for icons within a button that triggers a popup
-        if (!$triggerElement.is(e.target)
-          && $triggerElement.has(e.target).length === 0
-          && $('.popover').has(e.target).length === 0
-        ) {
-          Popover.hide($triggerElement);
-        }
-      });
-    });
-  }
-
-  /**
-   * Open the help popup
-   *
-   * @param {JQuery} $trigger
-   */
-  private showHelpPopup($trigger: JQuery): any {
-    try {
-      const cshWindow = window.open(
-        this.helpModuleUrl +
-        '&table=' + $trigger.data('table') +
-        '&field=' + $trigger.data('field'),
-        'ContextHelpWindow',
-        'height=400,width=600,status=0,menubar=0,scrollbars=1',
-      );
-      cshWindow.focus();
-      Popover.hide($trigger);
-      return cshWindow;
-    } catch (e) {
-      // do nothing
-    }
-  }
-
-  /**
-   * Load help data
-   *
-   * @param {JQuery} $trigger
-   */
-  private loadHelp($trigger: JQuery): void {
-    const table = $trigger.data('table');
-    const field = $trigger.data('field');
-    // If a table is defined, use ajax call to get the tooltip's content
-    if (table) {
-      // Load content
-      $.getJSON(this.ajaxUrl, {
-        params: {
-          action: 'getContextHelp',
-          table: table,
-          field: field,
-        },
-      }).done((data: HelpData): void => {
-        const title = data.title || '';
-        const content = data.content || '<p></p>';
-        Popover.setOptions($trigger, {
-          title: title,
-          content: content,
-        });
-        $trigger
-          .attr('data-loaded', 'true')
-          .one('hidden.bs.popover', (): void => {
-            Popover.show($trigger);
-          });
-        Popover.hide($trigger);
-      });
-    }
-  }
-}
-
-export = new ContextHelp();
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/ContextMenu.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/ContextMenu.ts
deleted file mode 100644
index d397e00..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/ContextMenu.ts
+++ /dev/null
@@ -1,352 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import * as $ from 'jquery';
-import ContextMenuActions = require('./ContextMenuActions');
-
-interface MousePosition {
-  X: number;
-  Y: number;
-}
-
-interface ActiveRecord {
-  uid: number;
-  table: string;
-}
-
-interface MenuItem {
-  type: string;
-  icon: string;
-  label: string;
-  additionalAttributes?: { [key: string]: string };
-  childItems?: MenuItems;
-  callbackAction?: string;
-}
-
-interface MenuItems {
-  [key: string]: MenuItem;
-}
-
-/**
- * Module: TYPO3/CMS/Backend/ContextMenu
- * Container used to load the context menu via AJAX to render the result in a layer next to the mouse cursor
- */
-class ContextMenu {
-  private mousePos: MousePosition = {X: null, Y: null};
-  private delayContextMenuHide: boolean = false;
-  private record: ActiveRecord = {uid: null, table: null};
-
-  /**
-   * @param {MenuItem} item
-   * @returns {string}
-   */
-  private static drawActionItem(item: MenuItem): string {
-    const attributes: { [key: string]: string } = item.additionalAttributes || {};
-    let attributesString = '';
-    for (let attribute in attributes) {
-      if (attributes.hasOwnProperty(attribute)) {
-        attributesString += ' ' + attribute + '="' + attributes[attribute] + '"';
-      }
-    }
-
-    return '<a class="list-group-item"'
-      + ' data-callback-action="' + item.callbackAction + '"'
-      + attributesString + '><span class="list-group-item-icon">' + item.icon + '</span> ' + item.label + '</a>';
-  }
-
-  /**
-   * @param {JQuery} $element
-   * @param {number} x
-   * @param {number} y
-   * @returns {boolean}
-   */
-  private static within($element: JQuery, x: number, y: number): boolean {
-    const offset = $element.offset();
-    return (
-      y >= offset.top &&
-      y < offset.top + $element.height() &&
-      x >= offset.left &&
-      x < offset.left + $element.width()
-    );
-  }
-
-  /**
-   * Manipulates the DOM to add the divs needed for context menu the bottom of the <body>-tag
-   */
-  private static initializeContextMenuContainer(): void {
-    if ($('#contentMenu0').length === 0) {
-      const code = '<div id="contentMenu0" class="context-menu"></div>'
-        + '<div id="contentMenu1" class="context-menu" style="display: block;"></div>';
-      $('body').append(code);
-    }
-  }
-
-  constructor() {
-    this.initializeEvents();
-  }
-
-  private initializeEvents(): void {
-    $(document).on('click contextmenu', '.t3js-contextmenutrigger', (e: JQueryEventObject): void => {
-      const $me = $(e.currentTarget);
-      // if there is an other "inline" onclick setting, context menu is not triggered
-      // usually this is the case for the foldertree
-      if ($me.prop('onclick') && e.type === 'click') {
-        return;
-      }
-
-      e.preventDefault();
-      this.show(
-        $me.data('table'),
-        $me.data('uid'),
-        $me.data('context'),
-        $me.data('iteminfo'),
-        $me.data('parameters'),
-      );
-    });
-
-    // register mouse movement inside the document
-    $(document).on('mousemove', this.storeMousePositionEvent);
-  }
-
-  /**
-   * Main function, called from most context menu links
-   *
-   * @param {string} table Table from where info should be fetched
-   * @param {number} uid The UID of the item
-   * @param {string} context Context of the item
-   * @param {string} enDisItems Items to disable / enable
-   * @param {string} addParams Additional params
-   */
-  private show(table: string, uid: number, context: string, enDisItems: string, addParams: string): void {
-    this.record = {table: table, uid: uid};
-
-    let parameters = '';
-
-    if (typeof table !== 'undefined') {
-      parameters += 'table=' + encodeURIComponent(table);
-    }
-    if (typeof uid !== 'undefined') {
-      parameters += (parameters.length > 0 ? '&' : '') + 'uid=' + uid;
-    }
-    if (typeof context !== 'undefined') {
-      parameters += (parameters.length > 0 ? '&' : '') + 'context=' + context;
-    }
-    if (typeof enDisItems !== 'undefined') {
-      parameters += (parameters.length > 0 ? '&' : '') + 'enDisItems=' + enDisItems;
-    }
-    if (typeof addParams !== 'undefined') {
-      parameters += (parameters.length > 0 ? '&' : '') + 'addParams=' + addParams;
-    }
-    this.fetch(parameters);
-  }
-
-  /**
-   * Make the AJAX request
-   *
-   * @param {string} parameters Parameters sent to the server
-   */
-  private fetch(parameters: string): void {
-    let url = TYPO3.settings.ajaxUrls.contextmenu;
-    if (parameters) {
-      url += ((url.indexOf('?') === -1) ? '?' : '&') + parameters;
-    }
-    $.ajax(url).done((response: MenuItems): void => {
-      if (typeof response !== 'undefined' && Object.keys(response).length > 0) {
-        this.populateData(response, 0);
-      }
-    });
-  }
-
-  /**
-   * Fills the context menu with content and displays it correctly
-   * depending on the mouse position
-   *
-   * @param {Array<MenuItem>} items The data that will be put in the menu
-   * @param {number} level The depth of the context menu
-   */
-  private populateData(items: MenuItems, level: number): void {
-    ContextMenu.initializeContextMenuContainer();
-
-    const $obj = $('#contentMenu' + level);
-
-    if ($obj.length && (level === 0 || $('#contentMenu' + (level - 1)).is(':visible'))) {
-      const elements = this.drawMenu(items, level);
-      $obj.html('<div class="list-group">' + elements + '</div>');
-
-      $('a.list-group-item', $obj).click((event: JQueryEventObject): void => {
-        event.preventDefault();
-        const $me = $(event.currentTarget);
-
-        if ($me.hasClass('list-group-item-submenu')) {
-          this.openSubmenu(level, $me);
-          return;
-        }
-
-        const callbackName = $me.data('callback-action');
-        const callbackModule = $me.data('callback-module');
-        if ($me.data('callback-module')) {
-          require([callbackModule], (callbackModuleCallback: any): void => {
-            callbackModuleCallback[callbackName].bind($me)(this.record.table, this.record.uid);
-          });
-        } else if (ContextMenuActions && typeof (ContextMenuActions as any)[callbackName] === 'function') {
-          (ContextMenuActions as any)[callbackName].bind($me)(this.record.table, this.record.uid);
-        } else {
-          console.log('action: ' + callbackName + ' not found');
-        }
-        this.hideAll();
-      });
-
-      $obj.css(this.getPosition($obj)).show();
-    }
-  }
-
-  /**
-   * @param {number} level
-   * @param {JQuery} $item
-   */
-  private openSubmenu(level: number, $item: JQuery): void {
-    const $obj = $('#contentMenu' + (level + 1)).html('');
-    $item.next().find('.list-group').clone(true).appendTo($obj);
-    $obj.css(this.getPosition($obj)).show();
-  }
-
-  private getPosition($obj: JQuery): {[key: string]: string} {
-    let x = this.mousePos.X;
-    let y = this.mousePos.Y;
-    const dimsWindow = {
-      width: $(window).width() - 20, // saving margin for scrollbars
-      height: $(window).height(),
-    };
-
-    // dimensions for the context menu
-    const dims = {
-      width: $obj.width(),
-      height: $obj.height(),
-    };
-
-    const relative = {
-      X: this.mousePos.X - $(document).scrollLeft(),
-      Y: this.mousePos.Y - $(document).scrollTop(),
-    };
-
-    // adjusting the Y position of the layer to fit it into the window frame
-    // if there is enough space above then put it upwards,
-    // otherwise adjust it to the bottom of the window
-    if (dimsWindow.height - dims.height < relative.Y) {
-      if (relative.Y > dims.height) {
-        y -= (dims.height - 10);
-      } else {
-        y += (dimsWindow.height - dims.height - relative.Y);
-      }
-    }
-    // adjusting the X position like Y above, but align it to the left side of the viewport if it does not fit completely
-    if (dimsWindow.width - dims.width < relative.X) {
-      if (relative.X > dims.width) {
-        x -= (dims.width - 10);
-      } else if ((dimsWindow.width - dims.width - relative.X) < $(document).scrollLeft()) {
-        x = $(document).scrollLeft();
-      } else {
-        x += (dimsWindow.width - dims.width - relative.X);
-      }
-    }
-
-    return {left: x + 'px', top: y + 'px'};
-  }
-
-  /**
-   * fills the context menu with content and displays it correctly
-   * depending on the mouse position
-   *
-   * @param {MenuItems} items The data that will be put in the menu
-   * @param {Number} level The depth of the context menu
-   * @return {string}
-   */
-  private drawMenu(items: MenuItems, level: number): string {
-    let elements: string = '';
-    for (let key in items) {
-      if (items.hasOwnProperty(key)) {
-        const item = items[key];
-        if (item.type === 'item') {
-          elements += ContextMenu.drawActionItem(item);
-        } else if (item.type === 'divider') {
-          elements += '<a class="list-group-item list-group-item-divider"></a>';
-        } else if (item.type === 'submenu' || item.childItems) {
-          elements += '<a class="list-group-item list-group-item-submenu">'
-            + '<span class="list-group-item-icon">' + item.icon + '</span> '
-            + item.label + '&nbsp;&nbsp;<span class="fa fa-caret-right"></span>'
-            + '</a>';
-
-          const childElements = this.drawMenu(item.childItems, 1);
-          elements += '<div class="context-menu contentMenu' + (level + 1) + '" style="display:none;">'
-            + '<div class="list-group">' + childElements + '</div>'
-            + '</div>';
-        }
-      }
-    }
-    return elements;
-  }
-
-  /**
-   * event handler function that saves the
-   * actual position of the mouse
-   * in the context menu object
-   *
-   * @param {JQueryEventObject} event The event object
-   */
-  private storeMousePositionEvent = (event: JQueryEventObject): void => {
-    this.mousePos = {X: event.pageX, Y: event.pageY};
-    this.mouseOutFromMenu('#contentMenu0');
-    this.mouseOutFromMenu('#contentMenu1');
-  }
-
-  /**
-   * hides a visible menu if the mouse has moved outside
-   * of the object
-   *
-   * @param {string} obj The identifier of the object to hide
-   */
-  private mouseOutFromMenu(obj: string): void {
-    const $element = $(obj);
-
-    if ($element.length > 0 && $element.is(':visible') && !ContextMenu.within($element, this.mousePos.X, this.mousePos.Y)) {
-      this.hide(obj);
-    } else if ($element.length > 0 && $element.is(':visible')) {
-      this.delayContextMenuHide = true;
-    }
-  }
-
-  /**
-   * @param {string} obj
-   */
-  private hide(obj: string): void {
-    this.delayContextMenuHide = false;
-    window.setTimeout(
-      (): void => {
-        if (!this.delayContextMenuHide) {
-          $(obj).hide();
-        }
-      },
-      500,
-    );
-  }
-
-  /**
-   * Hides all context menus
-   */
-  private hideAll(): void {
-    this.hide('#contentMenu0');
-    this.hide('#contentMenu1');
-  }
-}
-
-export = new ContextMenu();
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/ContextMenuActions.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/ContextMenuActions.ts
deleted file mode 100644
index e5511ba..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/ContextMenuActions.ts
+++ /dev/null
@@ -1,357 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {SeverityEnum} from './Enum/Severity';
-import * as $ from 'jquery';
-import AjaxDataHandler = require('./AjaxDataHandler');
-import InfoWindow = require('./InfoWindow');
-import Modal = require('./Modal');
-import ModuleMenu = require('./ModuleMenu');
-import Viewport = require('./Viewport');
-
-/**
- * @exports TYPO3/CMS/Backend/ContextMenuActions
- */
-class ContextMenuActions {
-  /**
-   * @returns {string}
-   */
-  public static getReturnUrl(): string {
-    return top.rawurlencode(top.list_frame.document.location.pathname + top.list_frame.document.location.search);
-  }
-
-  /**
-   * @param {string} table
-   * @param {number} uid
-   */
-  public static editRecord(table: string, uid: number): void {
-    let overrideVals = '',
-      pageLanguageId = $(this).data('pages-language-uid');
-
-    if (pageLanguageId) {
-      // Disallow manual adjustment of the language field for pages
-      overrideVals = '&overrideVals[pages][sys_language_uid]=' + pageLanguageId;
-    }
-
-    Viewport.ContentContainer.setUrl(
-      top.TYPO3.settings.FormEngine.moduleUrl
-        + '&edit[' + table + '][' + uid + ']=edit'
-        + overrideVals
-        + '&returnUrl=' + ContextMenuActions.getReturnUrl(),
-    );
-  }
-
-  /**
-   * @param {string} table
-   * @param {number} uid
-   */
-  public static viewRecord(table: string, uid: number): void {
-    const $viewUrl = $(this).data('preview-url');
-    if ($viewUrl) {
-      const previewWin = window.open($viewUrl, 'newTYPO3frontendWindow');
-      previewWin.focus();
-    }
-  }
-
-  /**
-   * @param {string} table
-   * @param {number} uid
-   */
-  public static openInfoPopUp(table: string, uid: number): void {
-    InfoWindow.showItem(table, uid);
-  }
-
-  /**
-   * @param {string} table
-   * @param {number} uid
-   */
-  public static mountAsTreeRoot(table: string, uid: number): void {
-    if (table === 'pages') {
-      Viewport.NavigationContainer.PageTree.setTemporaryMountPoint(uid);
-    }
-  }
-
-  /**
-   * @param {string} table
-   * @param {number} uid
-   */
-  public static newPageWizard(table: string, uid: number): void {
-    Viewport.ContentContainer.setUrl(
-      top.TYPO3.settings.NewRecord.moduleUrl + '&id=' + uid + '&pagesOnly=1&returnUrl=' + ContextMenuActions.getReturnUrl(),
-    );
-  }
-
-  /**
-   * @param {string} table
-   * @param {number} uid
-   */
-  public static newContentWizard(table: string, uid: number): void {
-    const $me = $(this);
-    let $wizardUrl = $me.data('new-wizard-url');
-    if ($wizardUrl) {
-      $wizardUrl += '&returnUrl=' + ContextMenuActions.getReturnUrl();
-      Modal.advanced({
-        title: $me.data('title'),
-        type: Modal.types.ajax,
-        size: Modal.sizes.medium,
-        content: $wizardUrl,
-        severity: SeverityEnum.notice,
-      });
-    }
-  }
-
-  /**
-   * @param {string} table
-   * @param {number} uid
-   */
-  public static newRecord(table: string, uid: number): void {
-    Viewport.ContentContainer.setUrl(
-      top.TYPO3.settings.FormEngine.moduleUrl + '&edit[' + table + '][-' + uid + ']=new&returnUrl=' + ContextMenuActions.getReturnUrl(),
-    );
-  }
-
-  /**
-   * @param {string} table
-   * @param {number} uid
-   */
-  public static openHistoryPopUp(table: string, uid: number): void {
-    Viewport.ContentContainer.setUrl(
-      top.TYPO3.settings.RecordHistory.moduleUrl + '&element=' + table + ':' + uid + '&returnUrl=' + ContextMenuActions.getReturnUrl(),
-    );
-  }
-
-  /**
-   * @param {string} table
-   * @param {number} uid
-   */
-  public static openListModule(table: string, uid: number): void {
-    const pageId = table === 'pages' ? uid : $(this).data('page-uid');
-    ModuleMenu.App.showModule('web_list', 'id=' + pageId);
-  }
-
-  /**
-   * @param {string} table
-   * @param {number} uid
-   */
-  public static pagesSort(table: string, uid: number): void {
-    const pagesSortUrl = $(this).data('pages-sort-url');
-    if (pagesSortUrl) {
-      Viewport.ContentContainer.setUrl(pagesSortUrl);
-    }
-  }
-
-  /**
-   * @param {string} table
-   * @param {number} uid
-   */
-  public static pagesNewMultiple(table: string, uid: number): void {
-    const pagesSortUrl = $(this).data('pages-new-multiple-url');
-    if (pagesSortUrl) {
-      Viewport.ContentContainer.setUrl(pagesSortUrl);
-    }
-  }
-
-  /**
-   * @param {string} table
-   * @param {number} uid
-   */
-  public static disableRecord(table: string, uid: number): void {
-    const disableFieldName = $(this).data('disable-field') || 'hidden';
-    Viewport.ContentContainer.setUrl(
-      top.TYPO3.settings.RecordCommit.moduleUrl
-      + '&data[' + table + '][' + uid + '][' + disableFieldName + ']=1'
-      + '&redirect=' + ContextMenuActions.getReturnUrl(),
-    ).done((): void => {
-      Viewport.NavigationContainer.PageTree.refreshTree();
-    });
-  }
-
-  /**
-   * @param {string} table
-   * @param {number} uid
-   */
-  public static enableRecord(table: string, uid: number): void {
-    const disableFieldName = $(this).data('disable-field') || 'hidden';
-    Viewport.ContentContainer.setUrl(
-      top.TYPO3.settings.RecordCommit.moduleUrl
-      + '&data[' + table + '][' + uid + '][' + disableFieldName + ']=0'
-      + '&redirect=' + ContextMenuActions.getReturnUrl(),
-    ).done((): void => {
-      Viewport.NavigationContainer.PageTree.refreshTree();
-    });
-  }
-
-  /**
-   * @param {string} table
-   * @param {number} uid
-   */
-  public static deleteRecord(table: string, uid: number): void {
-    const $anchorElement = $(this);
-    const $modal = Modal.confirm(
-      $anchorElement.data('title'),
-      $anchorElement.data('message'),
-      SeverityEnum.warning, [
-        {
-          text: $(this).data('button-close-text') || TYPO3.lang['button.cancel'] || 'Cancel',
-          active: true,
-          btnClass: 'btn-default',
-          name: 'cancel',
-        },
-        {
-          text: $(this).data('button-ok-text') || TYPO3.lang['button.delete'] || 'Delete',
-          btnClass: 'btn-warning',
-          name: 'delete',
-        },
-      ]);
-
-    $modal.on('button.clicked', (e: JQueryEventObject): void => {
-      if (e.target.getAttribute('name') === 'delete') {
-        const xhr = AjaxDataHandler.process('cmd[' + table + '][' + uid + '][delete]=1');
-        xhr.done((): void => {
-          if (table === 'pages' && Viewport.NavigationContainer.PageTree) {
-            if (uid === top.fsMod.recentIds.web) {
-              let node = Viewport.NavigationContainer.PageTree.instance.nodes[0];
-              Viewport.NavigationContainer.PageTree.selectNode(node);
-            }
-            Viewport.NavigationContainer.PageTree.refreshTree();
-          }
-        });
-      }
-      Modal.dismiss();
-    });
-  }
-
-  /**
-   * @param {string} table
-   * @param {number} uid
-   */
-  public static copy(table: string, uid: number): void {
-    const url = TYPO3.settings.ajaxUrls.contextmenu_clipboard
-      + '&CB[el][' + table + '%7C' + uid + ']=1'
-      + '&CB[setCopyMode]=1';
-
-    $.ajax(url).always((): void => {
-      ContextMenuActions.triggerRefresh(Viewport.ContentContainer.get().location.href);
-    });
-  }
-
-  /**
-   * @param {string} table
-   * @param {number} uid
-   */
-  public static clipboardRelease(table: string, uid: number): void {
-    const url = TYPO3.settings.ajaxUrls.contextmenu_clipboard
-      + '&CB[el][' + table + '%7C' + uid + ']=0';
-
-    $.ajax(url).always((): void => {
-      ContextMenuActions.triggerRefresh(Viewport.ContentContainer.get().location.href);
-    });
-  }
-
-  /**
-   * @param {string} table
-   * @param {number} uid
-   */
-  public static cut(table: string, uid: number): void {
-    const url = TYPO3.settings.ajaxUrls.contextmenu_clipboard
-      + '&CB[el][' + table + '%7C' + uid + ']=1'
-      + '&CB[setCopyMode]=0';
-
-    $.ajax(url).always((): void => {
-      ContextMenuActions.triggerRefresh(Viewport.ContentContainer.get().location.href);
-    });
-  }
-
-  /**
-   * @param {string} iframeUrl
-   */
-  public static triggerRefresh(iframeUrl: string): void {
-    if (iframeUrl.indexOf('record%2Fedit') === -1) {
-      Viewport.ContentContainer.refresh(true);
-    }
-  }
-
-  /**
-   * Clear cache for given page uid
-   *
-   * @param {string} table pages table
-   * @param {number} uid uid of the page
-   */
-  public static clearCache(table: string, uid: number): void {
-    const url = top.TYPO3.settings.WebLayout.moduleUrl
-      + '&id=' + uid + '&clear_cache=1';
-    $.ajax(url);
-  }
-
-  /**
-   * Paste db record after another
-   *
-   * @param {string} table any db table except sys_file
-   * @param {number} uid uid of the record after which record from the cliboard will be pasted
-   */
-  public static pasteAfter(table: string, uid: number): void {
-    ContextMenuActions.pasteInto.bind($(this))(table, -uid);
-  }
-
-  /**
-   * Paste page into another page
-   *
-   * @param {string} table any db table except sys_file
-   * @param {number} uid uid of the record after which record from the cliboard will be pasted
-   */
-  public static pasteInto(table: string, uid: number): void {
-    const $anchorElement = $(this);
-    const performPaste = (): void => {
-      const url = '&CB[paste]=' + table + '%7C' + uid
-        + '&CB[pad]=normal'
-        + '&redirect=' + ContextMenuActions.getReturnUrl();
-
-      Viewport.ContentContainer.setUrl(
-        top.TYPO3.settings.RecordCommit.moduleUrl + url,
-      ).done((): void => {
-        if (table === 'pages' && Viewport.NavigationContainer.PageTree) {
-          Viewport.NavigationContainer.PageTree.refreshTree();
-        }
-      });
-    };
-    if (!$anchorElement.data('title')) {
-      performPaste();
-      return;
-    }
-    const $modal = Modal.confirm(
-      $anchorElement.data('title'),
-      $anchorElement.data('message'),
-      SeverityEnum.warning, [
-        {
-          text: $(this).data('button-close-text') || TYPO3.lang['button.cancel'] || 'Cancel',
-          active: true,
-          btnClass: 'btn-default',
-          name: 'cancel',
-        },
-        {
-          text: $(this).data('button-ok-text') || TYPO3.lang['button.ok'] || 'OK',
-          btnClass: 'btn-warning',
-          name: 'ok',
-        },
-      ]);
-
-    $modal.on('button.clicked', (e: JQueryEventObject): void => {
-      if (e.target.getAttribute('name') === 'ok') {
-        performPaste();
-      }
-      Modal.dismiss();
-    });
-  }
-}
-
-export = ContextMenuActions;
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/DateTimePicker.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/DateTimePicker.ts
deleted file mode 100644
index 1d4d4a3..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/DateTimePicker.ts
+++ /dev/null
@@ -1,176 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import * as $ from 'jquery';
-import moment = require('moment');
-import PersistentStorage = require('./Storage/Persistent');
-
-/**
- * Module: TYPO3/CMS/Backend/DateTimePicker
- * contains all logic for the date time picker used in FormEngine
- * and EXT:belog and EXT:scheduler
- */
-class DateTimePicker {
-  private fieldSelector: string = '.t3js-datetimepicker';
-  private format: string = (opener != null && typeof opener.top.TYPO3 !== 'undefined' ? opener.top : top)
-    .TYPO3.settings.DateTimePicker.DateFormat;
-
-  /**
-   * Format a given date for the hidden FormEngine field
-   *
-   * Format the value for the hidden field that is passed on to the backend, i.e. most likely DataHandler.
-   * The format for that is the timestamp for time fields, and a full-blown ISO-8601 timestamp for all date-related fields.
-   *
-   * @param {moment} date
-   * @param {string} type
-   * @returns {string}
-   */
-  private static formatDateForHiddenField(date: any, type: string): string {
-    if (type === 'time' || type === 'timesec') {
-      date.year(1970).month(0).date(1);
-    }
-    return date.format();
-  }
-
-  constructor() {
-    $((): void => {
-      this.initialize();
-    });
-  }
-
-  /**
-   * initialize date fields to add a datepicker to each field
-   * note: this function can be called multiple times (e.g. after AJAX requests) because it only
-   * applies to fields which haven't been used yet.
-   */
-  private initialize(): void {
-    // fetch the date time fields that haven't been initialized yet
-    const $dateTimeFields = $(this.fieldSelector).filter((index: number, element: HTMLElement): boolean => {
-      return typeof $(element).data('DateTimePicker') === 'undefined';
-    });
-
-    if ($dateTimeFields.length > 0) {
-      require(['twbs/bootstrap-datetimepicker'], (): void => {
-        let userLocale = PersistentStorage.get('lang');
-        // Fix our made up locale "ch"
-        if (userLocale === 'ch') {
-          userLocale = 'zh-cn';
-        }
-        const setLocale = userLocale ? moment.locale(userLocale) : false;
-
-        // initialize the datepicker on each selected element
-        $dateTimeFields.each((index: number, element: HTMLElement): void => {
-          this.initializeField($(element), setLocale);
-        });
-
-        $dateTimeFields.on('blur', (e: JQueryEventObject): void => {
-          const $element = $(e.currentTarget);
-          const $hiddenField = $element.parent().parent().find('input[type="hidden"]');
-
-          if ($element.val() === '') {
-            $hiddenField.val('');
-          } else {
-            const type = $element.data('dateType');
-            const format = $element.data('DateTimePicker').format();
-            const date = moment.utc($element.val(), format);
-            if (date.isValid()) {
-              $hiddenField.val(DateTimePicker.formatDateForHiddenField(date, type));
-            } else {
-              $element.val(DateTimePicker.formatDateForHiddenField(moment.utc($hiddenField.val()), type));
-            }
-          }
-        });
-
-        // on datepicker change, write the selected date with the timezone offset to the hidden field
-        $dateTimeFields.on('dp.change', (e: any): void => {
-          const $element = $(e.currentTarget);
-          const $hiddenField = $element.parent().parent().find('input[type=hidden]');
-          const type = $element.data('dateType');
-          let value = '';
-
-          if ($element.val() !== '') {
-            value = DateTimePicker.formatDateForHiddenField(e.date.utc(), type);
-          }
-          $hiddenField.val(value);
-
-          $(document).trigger('formengine.dp.change', [$element]);
-        });
-      });
-    }
-  }
-
-  /**
-   * Initialize a single field
-   *
-   * @param {JQuery} $element
-   * @param {string} locale
-   */
-  private initializeField($element: JQuery, locale: string): void {
-    const format = this.format;
-    const type = $element.data('dateType');
-    const options = {
-      format: '',
-      locale: '',
-      sideBySide: true,
-      showTodayButton: true,
-      toolbarPlacement: 'bottom',
-      icons: {
-        time: 'fa fa-clock-o',
-        date: 'fa fa-calendar',
-        up: 'fa fa-chevron-up',
-        down: 'fa fa-chevron-down',
-        previous: 'fa fa-chevron-left',
-        next: 'fa fa-chevron-right',
-        today: 'fa fa-calendar-o',
-        clear: 'fa fa-trash',
-      },
-    };
-
-    // set options based on type
-    switch (type) {
-      case 'datetime':
-        options.format = format[1];
-        break;
-      case 'date':
-        options.format = format[0];
-        break;
-      case 'time':
-        options.format = 'HH:mm';
-        break;
-      case 'timesec':
-        options.format = 'HH:mm:ss';
-        break;
-      case 'year':
-        options.format = 'YYYY';
-        break;
-      default:
-    }
-
-    // datepicker expects the min and max dates to be formatted with options.format but unix timestamp given
-    if ($element.data('dateMindate')) {
-      $element.data('dateMindate', moment.unix($element.data('dateMindate')).format(options.format));
-    }
-    if ($element.data('dateMaxdate')) {
-      $element.data('dateMaxdate', moment.unix($element.data('dateMaxdate')).format(options.format));
-    }
-
-    if (locale) {
-      options.locale = locale;
-    }
-
-    // initialize the date time picker on this element
-    $element.datetimepicker(options);
-  }
-}
-
-export = new DateTimePicker();
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/DebugConsole.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/DebugConsole.ts
deleted file mode 100644
index dcc9050..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/DebugConsole.ts
+++ /dev/null
@@ -1,257 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import * as $ from 'jquery';
-
-/**
- * Module: TYPO3/CMS/Backend/DebugConsole
- * The debug console shown at the bottom of the backend
- * @exports TYPO3/CMS/Backend/DebugConsole
- */
-class DebugConsole {
-  private $consoleDom: any;
-  private settings: any = {
-    autoscroll: true,
-  };
-
-  /**
-   * Increment the counter of unread messages in the given tab
-   *
-   * @param {JQuery} $tab
-   */
-  private static incrementInactiveTabCounter($tab: JQuery): void {
-    if (!$tab.hasClass('active')) {
-      const $badge = $tab.find('.badge');
-      let value = parseInt($badge.text(), 10);
-
-      if (isNaN(value)) {
-        value = 0;
-      }
-      $badge.text(++value);
-    }
-  }
-
-  constructor() {
-    $((): void => {
-      this.createDom();
-    });
-  }
-
-  /**
-   * Add the debug message to the console
-   *
-   * @param {String} message
-   * @param {String} header
-   * @param {String} [group=Debug]
-   */
-  public add(message: string, header: string, group: string): void {
-    this.attachToViewport();
-
-    const $line = $('<p />').html(message);
-    if (typeof header !== 'undefined' && header.length > 0) {
-      $line.prepend($('<strong />').text(header));
-    }
-
-    if (typeof group === 'undefined' || group.length === 0) {
-      group = 'Debug';
-    }
-
-    const tabIdentifier = 'debugtab-' + group.toLowerCase().replace(/\W+/g, '-');
-    const $debugTabs = this.$consoleDom.find('.t3js-debuggroups');
-    const $tabContent = this.$consoleDom.find('.t3js-debugcontent');
-    let $tab = this.$consoleDom.find('.t3js-debuggroups li[data-identifier=' + tabIdentifier + ']');
-
-    // check if group tab exists
-    if ($tab.length === 0) {
-      // create new tab
-      $tab =
-        $('<li />', {role: 'presentation', 'data-identifier': tabIdentifier}).append(
-          $('<a />', {
-            'aria-controls': tabIdentifier,
-            'data-toggle': 'tab',
-            href: '#' + tabIdentifier,
-            role: 'tab',
-          }).text(group + ' ').append(
-            $('<span />', {'class': 'badge'}),
-          ),
-        ).on('shown.bs.tab', (e: Event) => {
-          $(e.currentTarget).find('.badge').text('');
-        });
-      $debugTabs.append($tab);
-      $tabContent.append(
-        $('<div />', {role: 'tabpanel', 'class': 'tab-pane', id: tabIdentifier}).append(
-          $('<div />', {'class': 't3js-messages messages'}),
-        ),
-      );
-    }
-
-    // activate the first tab if no one is active
-    if ($debugTabs.find('.active').length === 0) {
-      $debugTabs.find('a:first').tab('show');
-    }
-
-    DebugConsole.incrementInactiveTabCounter($tab);
-    this.incrementUnreadMessagesIfCollapsed();
-
-    const $messageBox = $('#' + tabIdentifier + ' .t3js-messages');
-    const isMessageBoxActive = $messageBox.parent().hasClass('active');
-
-    $messageBox.append($line);
-    if (this.settings.autoscroll && isMessageBoxActive) {
-      $messageBox.scrollTop($messageBox.prop('scrollHeight'));
-    }
-  }
-
-  private createDom(): void {
-    if (typeof this.$consoleDom !== 'undefined') {
-      return;
-    }
-
-    this.$consoleDom =
-      $('<div />', {id: 'typo3-debug-console'}).append(
-        $('<div />', {'class': 't3js-topbar topbar'}).append(
-          $('<p />', {'class': 'pull-left'}).text(' TYPO3 Debug Console').prepend(
-            $('<span />', {'class': 'fa fa-terminal topbar-icon'}),
-          ).append(
-            $('<span />', {'class': 'badge'}),
-          ),
-          $('<div />', {'class': 't3js-buttons btn-group pull-right'}),
-        ),
-        $('<div />').append(
-          $('<div />', {role: 'tabpanel'}).append(
-            $('<ul />', {'class': 'nav nav-tabs t3js-debuggroups', role: 'tablist'}),
-          ),
-          $('<div />', {'class': 'tab-content t3js-debugcontent'}),
-        ),
-      );
-
-    this.addButton(
-      $('<button />', {
-        'class': 'btn btn-default btn-sm ' + (this.settings.autoscroll ? 'active' : ''),
-        title: TYPO3.lang['debuggerconsole.autoscroll'],
-      }).append($('<span />', {'class': 't3-icon fa fa-magnet'})),
-      (): void => {
-        $(this).button('toggle');
-        this.settings.autoscroll = !this.settings.autoscroll;
-      },
-    ).addButton(
-      $('<button />', {
-        'class': 'btn btn-default btn-sm',
-        title: TYPO3.lang['debuggerconsole.toggle.collapse'],
-      }).append($('<span />', {'class': 't3-icon fa fa-chevron-down'})),
-      (e: Event): void => {
-        let $button = $(e.currentTarget);
-        let $icon = $button.find('.t3-icon');
-        let $innerContainer = this.$consoleDom.find('.t3js-topbar').next();
-        $innerContainer.toggle();
-        if ($innerContainer.is(':visible')) {
-          $button.attr('title', TYPO3.lang['debuggerconsole.toggle.collapse']);
-          $icon.toggleClass('fa-chevron-down', true).toggleClass('fa-chevron-up', false);
-          this.resetGlobalUnreadCounter();
-        } else {
-          $button.attr('title', TYPO3.lang['debuggerconsole.toggle.expand']);
-          $icon.toggleClass('fa-chevron-down', false).toggleClass('fa-chevron-up', true);
-        }
-      },
-    ).addButton(
-      $('<button />', {
-        'class': 'btn btn-default btn-sm',
-        title: TYPO3.lang['debuggerconsole.clear']}).append($('<span />', {class: 't3-icon fa fa-undo'})),
-      (): void => {
-        this.flush();
-      },
-    ).addButton(
-      $('<button />', {
-        'class': 'btn btn-default btn-sm',
-        title: TYPO3.lang['debuggerconsole.close']}).append($('<span />', {'class': 't3-icon fa fa-times'})),
-      (): void => {
-        this.destroy();
-        this.createDom();
-      },
-    );
-  }
-
-  /**
-   * Adds a button and it's callback to the console's toolbar
-   *
-   * @param {JQuery} $button
-   * @param callback
-   * @returns {DebugConsole}
-   */
-  private addButton($button: JQuery, callback: any): this {
-    $button.on('click', callback);
-    this.$consoleDom.find('.t3js-buttons').append($button);
-
-    return this;
-  }
-
-  /**
-   * Attach the Debugger Console to the viewport
-   */
-  private attachToViewport(): void {
-    const $viewport = $('.t3js-scaffold-content');
-    if ($viewport.has(this.$consoleDom).length === 0) {
-      $viewport.append(this.$consoleDom);
-    }
-  }
-
-  /**
-   * Increment the counter of unread messages in the tabbar
-   */
-  private incrementUnreadMessagesIfCollapsed(): void {
-    const $topbar = this.$consoleDom.find('.t3js-topbar');
-    const $innerContainer = $topbar.next();
-
-    if ($innerContainer.is(':hidden')) {
-      const $badge = $topbar.find('.badge');
-      let value = parseInt($badge.text(), 10);
-
-      if (isNaN(value)) {
-        value = 0;
-      }
-      $badge.text(++value);
-    }
-  }
-
-  /**
-   * Reset global unread counter
-   */
-  private resetGlobalUnreadCounter(): void {
-    this.$consoleDom.find('.t3js-topbar').find('.badge').text('');
-  }
-
-  /**
-   * Reset the console
-   */
-  private flush(): void {
-    const $debugTabs = this.$consoleDom.find('.t3js-debuggroups');
-    const $tabContent = this.$consoleDom.find('.t3js-debugcontent');
-
-    $debugTabs.children().remove();
-    $tabContent.children().remove();
-  }
-
-  /**
-   * Destroy everything of the console
-   */
-  private destroy(): void {
-    this.$consoleDom.remove();
-    this.$consoleDom = undefined;
-  }
-}
-
-const debugConsole = new DebugConsole();
-
-// expose as global object
-TYPO3.DebugConsole = debugConsole;
-export = debugConsole;
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/DocumentHeader.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/DocumentHeader.ts
deleted file mode 100644
index 28425b3..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/DocumentHeader.ts
+++ /dev/null
@@ -1,114 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import * as $ from 'jquery';
-
-/**
- * Module: TYPO3/CMS/Backend/DocumentHeader
- * Calculates the height of the docHeader and hides it upon scrolling
- */
-class DocumentHeader {
-  private $documentHeader: JQuery = null;
-  private $documentHeaderBars: JQuery = null;
-  private $documentHeaderNavigationBar: JQuery = null;
-  private $documentHeaderSearchBar: JQuery = null;
-  private $moduleBody: JQuery = null;
-  private direction: string = 'down';
-  private reactionRange: number = 300;
-  private lastPosition: number = 0;
-  private currentPosition: number = 0;
-  private changedPosition: number = 0;
-  private settings: any = {
-    margin: 24,
-    offset: 100,
-    selectors: {
-      moduleDocumentHeader: '.t3js-module-docheader',
-      moduleDocheaderBar: '.t3js-module-docheader-bar',
-      moduleNavigationBar: '.t3js-module-docheader-bar-navigation',
-      moduleButtonBar: '.t3js-module-docheader-bar-buttons',
-      moduleSearchBar: '.t3js-module-docheader-bar-search',
-      moduleBody: '.t3js-module-body',
-
-    },
-  };
-
-  constructor() {
-    $((): void => {
-      this.initialize();
-    });
-  }
-
-  /**
-   * Reposition
-   */
-  public reposition = (): void => {
-    this.$documentHeader.css('height', 'auto');
-    this.$documentHeaderBars.css('height', 'auto');
-    this.$moduleBody.css('padding-top', this.$documentHeader.outerHeight() + this.settings.margin);
-  }
-
-  /**
-   * Initialize
-   */
-  private initialize(): void {
-    this.$documentHeader = $(this.settings.selectors.moduleDocumentHeader);
-    if (this.$documentHeader.length > 0) {
-      this.$documentHeaderBars = $(this.settings.selectors.moduleDocheaderBar);
-      this.$documentHeaderNavigationBar = $(this.settings.selectors.moduleNavigationBar);
-      this.$documentHeaderSearchBar = $(this.settings.selectors.moduleSearchBar).remove();
-      if (this.$documentHeaderSearchBar.length > 0) {
-        this.$documentHeader.append(this.$documentHeaderSearchBar);
-      }
-      this.$moduleBody = $(this.settings.selectors.moduleBody);
-      this.start();
-    }
-  }
-
-  /**
-   * Start
-   */
-  private start(): void {
-    this.reposition();
-    $(window).on('resize', this.reposition);
-    $('.t3js-module-docheader + .t3js-module-body').on('scroll', this.scroll);
-  }
-
-  /**
-   * Scroll
-   *
-   * @param {Event} e
-   */
-  private scroll = (e: Event): void => {
-    this.currentPosition = $(e.currentTarget).scrollTop();
-    if (this.currentPosition > this.lastPosition) {
-      if (this.direction !== 'down') {
-        this.direction = 'down';
-        this.changedPosition = this.currentPosition;
-      }
-    } else if (this.currentPosition < this.lastPosition) {
-      if (this.direction !== 'up') {
-        this.direction = 'up';
-        this.changedPosition = this.currentPosition;
-      }
-    }
-    if (this.direction === 'up' && (this.changedPosition - this.reactionRange) < this.currentPosition) {
-      this.$documentHeader.css('margin-top', 0);
-    }
-    if (this.direction === 'down' && (this.changedPosition + this.reactionRange) < this.currentPosition) {
-      this.$documentHeader.css('margin-top', (this.$documentHeaderNavigationBar.outerHeight() + 4) * -1);
-    }
-    this.lastPosition = this.currentPosition;
-  }
-}
-
-export = new DocumentHeader();
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/DragUploader.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/DragUploader.ts
deleted file mode 100644
index 17000b7..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/DragUploader.ts
+++ /dev/null
@@ -1,771 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/**
- * Module: TYPO3/CMS/Backend/DragUploader
- */
-import {SeverityEnum} from './Enum/Severity';
-import * as $ from 'jquery';
-import moment = require('moment');
-import NProgress = require('nprogress');
-import Modal = require('./Modal');
-import Notification = require('./Notification');
-// Do not import TYPO3/CMS/Backend/jsfunc.inline because it is loaded in global scope
-// Import here, will load it twice and produce JS errors.
-// @TODO: Import later, after decoupling has been finished
-//  import 'TYPO3/CMS/Backend/jsfunc.inline';
-
-/**
- * Possible actions for conflicts w/ existing files
- */
-enum Action {
-  OVERRIDE = 'replace',
-  RENAME = 'rename',
-  SKIP = 'cancel',
-  USE_EXISTING = 'useExisting',
-}
-
-/**
- * Properties of a file as returned from the AJAX action; essential, this is a serialized instance of
- * \TYPO3\CMS\Core\Resource\File plus some extra properties (see FileController::flattenResultDataValue())
- */
-interface UploadedFile {
-  name: string;
-  id: number;
-  uid: number;
-  icon: string;
-  extension: string;
-  permissions: { read: boolean; write: boolean };
-  size: number;
-  // formatted as ddmmyy
-  date: string;
-
-  mtime: Date;
-  thumbUrl: string;
-  type: string;
-}
-
-interface InternalFile extends File {
-  lastModified: any;
-}
-
-interface DragUploaderOptions {
-  /**
-   * CSS selector for the element where generated messages are inserted. (required)
-   */
-  outputSelector: string;
-  /**
-   * Color of the message text. (optional)
-   */
-  outputColor?: string;
-}
-
-class DragUploaderPlugin {
-  public irreObjectUid: number;
-  public $fileList: JQuery;
-  public fileListColumnCount: number;
-  public filesExtensionsAllowed: string;
-  public fileDenyPattern: RegExp | null;
-  public maxFileSize: number;
-  public $trigger: JQuery;
-  public target: string;
-
-  /**
-   * Array of files which are asked for being overridden
-   */
-  private askForOverride: Array<{ original: UploadedFile, uploaded: InternalFile, action: Action }> = [];
-
-  private percentagePerFile: number = 1;
-
-  private $body: JQuery;
-  private $element: JQuery;
-  private $dropzone: JQuery;
-  private $dropzoneMask: JQuery;
-  private fileInput: HTMLInputElement;
-  private browserCapabilities: { fileReader: boolean; DnD: boolean; Progress: boolean };
-  private dropZoneInsertBefore: boolean;
-  private queueLength: number;
-
-  constructor(element: HTMLElement) {
-    this.$body = $('body');
-    this.$element = $(element);
-    const hasTrigger = this.$element.data('dropzoneTrigger') !== undefined;
-    this.$trigger = $(this.$element.data('dropzoneTrigger'));
-    this.$dropzone = $('<div />').addClass('dropzone').hide();
-    this.irreObjectUid = this.$element.data('fileIrreObject');
-
-    const dropZoneEscapedTarget = this.$element.data('dropzoneTarget');
-    if (this.irreObjectUid && this.$element.nextAll(dropZoneEscapedTarget).length !== 0) {
-      this.dropZoneInsertBefore = true;
-      this.$dropzone.insertBefore(dropZoneEscapedTarget);
-    } else {
-      this.dropZoneInsertBefore = false;
-      this.$dropzone.insertAfter(dropZoneEscapedTarget);
-    }
-    this.$dropzoneMask = $('<div />').addClass('dropzone-mask').appendTo(this.$dropzone);
-    this.fileInput = <HTMLInputElement>document.createElement('input');
-    this.fileInput.setAttribute('type', 'file');
-    this.fileInput.setAttribute('multiple', 'multiple');
-    this.fileInput.setAttribute('name', 'files[]');
-    this.fileInput.classList.add('upload-file-picker');
-    this.$body.append(this.fileInput);
-
-    this.$fileList = $(this.$element.data('progress-container'));
-    this.fileListColumnCount = $('thead tr:first th', this.$fileList).length;
-    this.filesExtensionsAllowed = this.$element.data('file-allowed');
-    this.fileDenyPattern = this.$element.data('file-deny-pattern') ? new RegExp(this.$element.data('file-deny-pattern'), 'i') : null;
-    this.maxFileSize = parseInt(this.$element.data('max-file-size'), 10);
-    this.target = this.$element.data('target-folder');
-
-    this.browserCapabilities = {
-      fileReader: typeof FileReader !== 'undefined',
-      DnD: 'draggable' in document.createElement('span'),
-      Progress: 'upload' in new XMLHttpRequest,
-    };
-
-
-    if (!this.browserCapabilities.DnD) {
-      console.warn('Browser has no Drag and drop capabilities; cannot initialize DragUploader');
-      return;
-    }
-
-    this.$body.on('dragover', this.dragFileIntoDocument);
-    this.$body.on('dragend', this.dragAborted);
-    this.$body.on('drop', this.ignoreDrop);
-
-    this.$dropzone.on('dragenter', this.fileInDropzone);
-    this.$dropzoneMask.on('dragenter', this.fileInDropzone);
-    this.$dropzoneMask.on('dragleave', this.fileOutOfDropzone);
-    this.$dropzoneMask.on('drop', (ev: JQueryEventObject) => this.handleDrop(<JQueryTypedEvent<DragEvent>>ev));
-
-    this.$dropzone.prepend(
-      '<div class="dropzone-hint">' +
-      '<div class="dropzone-hint-media">' +
-      '<div class="dropzone-hint-icon"></div>' +
-      '</div>' +
-      '<div class="dropzone-hint-body">' +
-      '<h3 class="dropzone-hint-title">' +
-      TYPO3.lang['file_upload.dropzonehint.title'] +
-      '</h3>' +
-      '<p class="dropzone-hint-message">' +
-      TYPO3.lang['file_upload.dropzonehint.message'] +
-      '</p>' +
-      '</div>' +
-      '</div>',
-    ).click(() => {
-      this.fileInput.click();
-    });
-    $('<span />').addClass('dropzone-close').click(this.hideDropzone).appendTo(this.$dropzone);
-
-    // no filelist then create own progress table
-    if (this.$fileList.length === 0) {
-      this.$fileList = $('<table />')
-        .attr('id', 'typo3-filelist')
-        .addClass('table table-striped table-hover upload-queue')
-        .html('<tbody></tbody>').hide();
-
-      if (this.dropZoneInsertBefore) {
-        this.$fileList.insertAfter(this.$dropzone);
-      } else {
-        this.$fileList.insertBefore(this.$dropzone);
-      }
-      this.fileListColumnCount = 7;
-    }
-
-    this.fileInput.addEventListener('change', () => {
-      this.processFiles(Array.apply(null, this.fileInput.files));
-    });
-
-    this.bindUploadButton(hasTrigger === true ? this.$trigger : this.$element);
-  }
-
-  public showDropzone(): void {
-    this.$dropzone.show();
-  }
-
-  /**
-   *
-   * @param {Event} event
-   */
-  public hideDropzone = (event: Event): void => {
-    event.stopPropagation();
-    event.preventDefault();
-    this.$dropzone.hide();
-  }
-
-  /**
-   * @param {Event} event
-   * @returns {boolean}
-   */
-  public dragFileIntoDocument = (event: Event): boolean => {
-    event.stopPropagation();
-    event.preventDefault();
-    $(event.currentTarget).addClass('drop-in-progress');
-    this.showDropzone();
-    return false;
-  }
-
-  /**
-   *
-   * @param {Event} event
-   * @returns {Boolean}
-   */
-  public dragAborted = (event: Event): boolean => {
-    event.stopPropagation();
-    event.preventDefault();
-    $(event.currentTarget).removeClass('drop-in-progress');
-    return false;
-  }
-
-  public ignoreDrop = (event: Event): boolean => {
-    // stops the browser from redirecting.
-    event.stopPropagation();
-    event.preventDefault();
-    this.dragAborted(event);
-    return false;
-  }
-
-  public handleDrop = (event: JQueryTypedEvent<DragEvent>): void => {
-    this.ignoreDrop(event);
-    this.processFiles(event.originalEvent.dataTransfer.files);
-    this.$dropzone.removeClass('drop-status-ok');
-  }
-
-  /**
-   * @param {FileList} files
-   */
-  public processFiles(files: FileList): void {
-    this.queueLength = files.length;
-
-    if (!this.$fileList.is(':visible')) {
-      this.$fileList.show();
-    }
-
-    NProgress.start();
-    this.percentagePerFile = 1 / files.length;
-
-    // Check for each file if is already exist before adding it to the queue
-    const ajaxCalls: JQueryXHR[] = [];
-    $.each(files, (i: string, file) => {
-      ajaxCalls[parseInt(i, 10)] = $.ajax({
-        url: TYPO3.settings.ajaxUrls.file_exists,
-        data: {
-          fileName: file.name,
-          fileTarget: this.target,
-        },
-        cache: false,
-        success: (response: any) => {
-          const fileExists = typeof response.uid !== 'undefined';
-          if (fileExists) {
-            this.askForOverride.push({
-              original: response,
-              uploaded: file,
-              action: this.irreObjectUid ? Action.USE_EXISTING : Action.SKIP,
-            });
-            NProgress.inc(this.percentagePerFile);
-          } else {
-            // Unused var _ is necessary as "no-unused-expression" is active
-            const _ = new FileQueueItem(this, file, Action.SKIP);
-          }
-        },
-      });
-    });
-
-    $.when.apply($, ajaxCalls).done(() => {
-      this.drawOverrideModal();
-      NProgress.done();
-    });
-
-    this.fileInput.value = '';
-  }
-
-  public fileInDropzone = (): void => {
-    this.$dropzone.addClass('drop-status-ok');
-  }
-
-  public fileOutOfDropzone = (): void => {
-    this.$dropzone.removeClass('drop-status-ok');
-  }
-
-  /**
-   * Bind file picker to default upload button
-   *
-   * @param {Object} button
-   */
-  public bindUploadButton(button: JQuery): void {
-    button.click((event: Event) => {
-      event.preventDefault();
-      this.fileInput.click();
-      this.showDropzone();
-    });
-  }
-
-  /**
-   * Decrements the queue and renders a flash message if queue is empty
-   */
-  public decrementQueueLength(): void {
-    if (this.queueLength > 0) {
-      this.queueLength--;
-      if (this.queueLength === 0) {
-        $.ajax({
-          url: TYPO3.settings.ajaxUrls.flashmessages_render,
-          cache: false,
-          success: (data) => {
-            $.each(data, (index: number, flashMessage: { title: string, message: string, severity: number }) => {
-              Notification.showMessage(flashMessage.title, flashMessage.message, flashMessage.severity);
-            });
-          },
-        });
-      }
-    }
-  }
-
-  /**
-   * Renders the modal for existing files
-   */
-  public drawOverrideModal(): void {
-    const amountOfItems = Object.keys(this.askForOverride).length;
-    if (amountOfItems === 0) {
-      return;
-    }
-    const $modalContent = $('<div/>').append(
-      $('<p/>').text(TYPO3.lang['file_upload.existingfiles.description']),
-      $('<table/>', {class: 'table'}).append(
-        $('<thead/>').append(
-          $('<tr />').append(
-            $('<th/>'),
-            $('<th/>').text(TYPO3.lang['file_upload.header.originalFile']),
-            $('<th/>').text(TYPO3.lang['file_upload.header.uploadedFile']),
-            $('<th/>').text(TYPO3.lang['file_upload.header.action']),
-          ),
-        ),
-      ),
-    );
-    for (let i = 0; i < amountOfItems; ++i) {
-      const $record = $('<tr />').append(
-        $('<td />').append(
-          (this.askForOverride[i].original.thumbUrl !== ''
-              ? $('<img />', {src: this.askForOverride[i].original.thumbUrl, height: 40})
-              : $(this.askForOverride[i].original.icon)
-          ),
-        ),
-        $('<td />').html(
-          this.askForOverride[i].original.name + ' (' + (DragUploader.fileSizeAsString(this.askForOverride[i].original.size)) + ')' +
-          '<br>' + moment.unix(this.askForOverride[i].original.mtime).format('YYYY-MM-DD HH:mm'),
-        ),
-        $('<td />').html(
-          this.askForOverride[i].uploaded.name + ' (' + (DragUploader.fileSizeAsString(this.askForOverride[i].uploaded.size)) + ')' +
-          '<br>' +
-          moment(
-            this.askForOverride[i].uploaded.lastModified
-              ? this.askForOverride[i].uploaded.lastModified
-              : this.askForOverride[i].uploaded.lastModifiedDate,
-          ).format('YYYY-MM-DD HH:mm'),
-        ),
-        $('<td />').append(
-          $('<select />', {class: 'form-control t3js-actions', 'data-override': i}).append(
-            (this.irreObjectUid ? $('<option/>').val(Action.USE_EXISTING).text(TYPO3.lang['file_upload.actions.use_existing']) : ''),
-            $('<option />').val(Action.SKIP).text(TYPO3.lang['file_upload.actions.skip']),
-            $('<option />').val(Action.RENAME).text(TYPO3.lang['file_upload.actions.rename']),
-            $('<option />').val(Action.OVERRIDE).text(TYPO3.lang['file_upload.actions.override']),
-          ),
-        ),
-      );
-      $modalContent.find('table').append('<tbody />').append($record);
-    }
-
-    const $modal = Modal.confirm(
-      TYPO3.lang['file_upload.existingfiles.title'], $modalContent, SeverityEnum.warning,
-      [
-        {
-          text: $(this).data('button-close-text') || TYPO3.lang['file_upload.button.cancel'] || 'Cancel',
-          active: true,
-          btnClass: 'btn-default',
-          name: 'cancel',
-        },
-        {
-          text: $(this).data('button-ok-text') || TYPO3.lang['file_upload.button.continue'] || 'Continue with selected actions',
-          btnClass: 'btn-warning',
-          name: 'continue',
-        },
-      ],
-      ['modal-inner-scroll'],
-    );
-    $modal.find('.modal-dialog').addClass('modal-lg');
-
-    $modal.find('.modal-footer').prepend(
-      $('<span/>').addClass('form-inline').append(
-        $('<label/>').text(TYPO3.lang['file_upload.actions.all.label']),
-        $('<select/>', {class: 'form-control t3js-actions-all'}).append(
-          $('<option/>').val('').text(TYPO3.lang['file_upload.actions.all.empty']),
-          (this.irreObjectUid ? $('<option/>').val(Action.USE_EXISTING).text(TYPO3.lang['file_upload.actions.all.use_existing']) : ''),
-          $('<option/>').val(Action.SKIP).text(TYPO3.lang['file_upload.actions.all.skip']),
-          $('<option/>').val(Action.RENAME).text(TYPO3.lang['file_upload.actions.all.rename']),
-          $('<option/>').val(Action.OVERRIDE).text(TYPO3.lang['file_upload.actions.all.override']),
-        ),
-      ),
-    );
-
-    const uploader = this;
-    $modal.on('change', '.t3js-actions-all', function (this: HTMLInputElement): void {
-      const $this = $(this),
-        value = $this.val();
-
-      if (value !== '') {
-        // mass action was selected, apply action to every file
-        $modal.find('.t3js-actions').each((i, select) => {
-          const $select = $(select),
-            index = parseInt($select.data('override'), 10);
-          $select.val(value).prop('disabled', 'disabled');
-          uploader.askForOverride[index].action = <Action>$select.val();
-        });
-      } else {
-        $modal.find('.t3js-actions').removeProp('disabled');
-      }
-    }).on('change', '.t3js-actions', function (this: HTMLInputElement): void {
-      const $this = $(this),
-        index = parseInt($this.data('override'), 10);
-      uploader.askForOverride[index].action = <Action>$this.val();
-    }).on('button.clicked', function (this: HTMLInputElement, e: Event): void {
-      if ((<HTMLInputElement>(e.target)).name === 'cancel') {
-        uploader.askForOverride = [];
-        Modal.dismiss();
-      } else if ((<HTMLInputElement>(e.target)).name === 'continue') {
-        $.each(uploader.askForOverride, (key, fileInfo) => {
-          if (fileInfo.action === Action.USE_EXISTING) {
-            DragUploader.addFileToIrre(
-              uploader.irreObjectUid,
-              fileInfo.original,
-            );
-          } else if (fileInfo.action !== Action.SKIP) {
-            // Unused var _ is necessary as "no-unused-expression" is active
-            const _ = new FileQueueItem(uploader, fileInfo.uploaded, fileInfo.action);
-          }
-        });
-        uploader.askForOverride = [];
-        Modal.dismiss();
-      }
-    }).on('hidden.bs.modal', () => {
-      this.askForOverride = [];
-    });
-  }
-}
-
-class FileQueueItem {
-  private $row: JQuery;
-  private $iconCol: JQuery;
-  private $fileName: JQuery;
-  private $progress: JQuery;
-  private $progressContainer: JQuery;
-  private $progressBar: JQuery;
-  private $progressPercentage: JQuery;
-  private $progressMessage: JQuery;
-  private dragUploader: DragUploaderPlugin;
-  private file: InternalFile;
-  private override: Action;
-  private upload: XMLHttpRequest;
-
-  constructor(dragUploader: DragUploaderPlugin, file: InternalFile, override: Action) {
-    this.dragUploader = dragUploader;
-    this.file = file;
-    this.override = override;
-
-    this.$row = $('<tr />').addClass('upload-queue-item uploading');
-    this.$iconCol = $('<td />').addClass('col-icon').appendTo(this.$row);
-    this.$fileName = $('<td />').text(file.name).appendTo(this.$row);
-    this.$progress = $('<td />').attr('colspan', this.dragUploader.fileListColumnCount - 2).appendTo(this.$row);
-    this.$progressContainer = $('<div />').addClass('upload-queue-progress').appendTo(this.$progress);
-    this.$progressBar = $('<div />').addClass('upload-queue-progress-bar').appendTo(this.$progressContainer);
-    this.$progressPercentage = $('<span />').addClass('upload-queue-progress-percentage').appendTo(this.$progressContainer);
-    this.$progressMessage = $('<span />').addClass('upload-queue-progress-message').appendTo(this.$progressContainer);
-
-
-    // position queue item in filelist
-    if ($('tbody tr.upload-queue-item', this.dragUploader.$fileList).length === 0) {
-      this.$row.prependTo($('tbody', this.dragUploader.$fileList));
-      this.$row.addClass('last');
-    } else {
-      this.$row.insertBefore($('tbody tr.upload-queue-item:first', this.dragUploader.$fileList));
-    }
-
-    // set dummy file icon
-    this.$iconCol.html('<span class="t3-icon t3-icon-mimetypes t3-icon-other-other">&nbsp;</span>');
-
-    // check file size
-    if (this.dragUploader.maxFileSize > 0 && this.file.size > this.dragUploader.maxFileSize) {
-      this.updateMessage(TYPO3.lang['file_upload.maxFileSizeExceeded']
-        .replace(/\{0\}/g, this.file.name)
-        .replace(/\{1\}/g, DragUploader.fileSizeAsString(this.dragUploader.maxFileSize)));
-      this.$row.addClass('error');
-
-      // check filename/extension against deny pattern
-    } else if (this.dragUploader.fileDenyPattern && this.file.name.match(this.dragUploader.fileDenyPattern)) {
-      this.updateMessage(TYPO3.lang['file_upload.fileNotAllowed'].replace(/\{0\}/g, this.file.name));
-      this.$row.addClass('error');
-
-    } else if (!this.checkAllowedExtensions()) {
-      this.updateMessage(TYPO3.lang['file_upload.fileExtensionExpected']
-        .replace(/\{0\}/g, this.dragUploader.filesExtensionsAllowed),
-      );
-      this.$row.addClass('error');
-    } else {
-      this.updateMessage('- ' + DragUploader.fileSizeAsString(this.file.size));
-
-      const formData = new FormData();
-      formData.append('data[upload][1][target]', this.dragUploader.target);
-      formData.append('data[upload][1][data]', '1');
-      formData.append('overwriteExistingFiles', this.override);
-      formData.append('redirect', '');
-      formData.append('upload_1', this.file);
-
-      const s = $.extend(true, {}, $.ajaxSettings, {
-        url: TYPO3.settings.ajaxUrls.file_process,
-        contentType: false,
-        processData: false,
-        data: formData,
-        cache: false,
-        type: 'POST',
-        success: (data: { upload?: UploadedFile[] }) => this.uploadSuccess(data),
-        error: (response: XMLHttpRequest) => this.uploadError(response),
-      });
-
-      s.xhr = () => {
-        const xhr = $.ajaxSettings.xhr();
-        xhr.upload.addEventListener('progress', (e: ProgressEvent) => this.updateProgress(e));
-        return xhr;
-      };
-
-      // start upload
-      this.upload = $.ajax(s);
-    }
-  }
-
-  /**
-   * @param {string} message
-   */
-  public updateMessage(message: string): void {
-    this.$progressMessage.text(message);
-  }
-
-  /**
-   * Remove the progress bar
-   */
-  public removeProgress(): void {
-    if (this.$progress) {
-      this.$progress.remove();
-    }
-  }
-
-  public uploadStart(): void {
-    this.$progressPercentage.text('(0%)');
-    this.$progressBar.width('1%');
-    this.dragUploader.$trigger.trigger('uploadStart', [this]);
-  }
-
-  /**
-   * @param {XMLHttpRequest} response
-   */
-  public uploadError(response: XMLHttpRequest): void {
-    this.updateMessage(TYPO3.lang['file_upload.uploadFailed'].replace(/\{0\}/g, this.file.name));
-    const error = $(response.responseText);
-    if (error.is('t3err')) {
-      this.$progressPercentage.text(error.text());
-    } else {
-      this.$progressPercentage.text('(' + response.statusText + ')');
-    }
-    this.$row.addClass('error');
-    this.dragUploader.decrementQueueLength();
-    this.dragUploader.$trigger.trigger('uploadError', [this, response]);
-  }
-
-  /**
-   * @param {ProgressEvent} event
-   */
-  public updateProgress(event: ProgressEvent): void {
-    const percentage = Math.round((event.loaded / event.total) * 100) + '%';
-    this.$progressBar.outerWidth(percentage);
-    this.$progressPercentage.text(percentage);
-    this.dragUploader.$trigger.trigger('updateProgress', [this, percentage, event]);
-  }
-
-  /**
-   * @param {{upload?: UploadedFile[]}} data
-   */
-  public uploadSuccess(data: { upload?: UploadedFile[] }): void {
-    if (data.upload) {
-      this.dragUploader.decrementQueueLength();
-      this.$row.removeClass('uploading');
-      this.$fileName.text(data.upload[0].name);
-      this.$progressPercentage.text('');
-      this.$progressMessage.text('100%');
-      this.$progressBar.outerWidth('100%');
-
-      // replace file icon
-      if (data.upload[0].icon) {
-        this.$iconCol
-          .html(
-            '<a href="#" class="t3js-contextmenutrigger" data-uid="'
-            + data.upload[0].id + '" data-table="sys_file">'
-            + data.upload[0].icon + '&nbsp;</span></a>',
-          );
-      }
-
-      if (this.dragUploader.irreObjectUid) {
-        DragUploader.addFileToIrre(
-          this.dragUploader.irreObjectUid,
-          data.upload[0],
-        );
-        setTimeout(
-          () => {
-            this.$row.remove();
-            if ($('tr', this.dragUploader.$fileList).length === 0) {
-              this.dragUploader.$fileList.hide();
-              this.dragUploader.$trigger.trigger('uploadSuccess', [this, data]);
-            }
-          },
-          3000);
-      } else {
-        setTimeout(
-          () => {
-            this.showFileInfo(data.upload[0]);
-            this.dragUploader.$trigger.trigger('uploadSuccess', [this, data]);
-          },
-          3000);
-      }
-    }
-  }
-
-  /**
-   * @param {UploadedFile} fileInfo
-   */
-  public showFileInfo(fileInfo: UploadedFile): void {
-    this.removeProgress();
-    // add spacing cells when clibboard and/or extended view is enabled
-    for (let i = 7; i < this.dragUploader.fileListColumnCount; i++) {
-      $('<td />').text('').appendTo(this.$row);
-    }
-    $('<td />').text(fileInfo.extension.toUpperCase()).appendTo(this.$row);
-    $('<td />').text(fileInfo.date).appendTo(this.$row);
-    $('<td />').text(DragUploader.fileSizeAsString(fileInfo.size)).appendTo(this.$row);
-    let permissions = '';
-    if (fileInfo.permissions.read) {
-      permissions += '<strong class="text-danger">' + TYPO3.lang['permissions.read'] + '</strong>';
-    }
-    if (fileInfo.permissions.write) {
-      permissions += '<strong class="text-danger">' + TYPO3.lang['permissions.write'] + '</strong>';
-    }
-    $('<td />').html(permissions).appendTo(this.$row);
-    $('<td />').text('-').appendTo(this.$row);
-  }
-
-  public checkAllowedExtensions(): boolean {
-    if (!this.dragUploader.filesExtensionsAllowed) {
-      return true;
-    }
-    const extension = this.file.name.split('.').pop();
-    const allowed = this.dragUploader.filesExtensionsAllowed.split(',');
-
-    return $.inArray(extension.toLowerCase(), allowed) !== -1;
-  }
-}
-
-class DragUploader {
-  public fileListColumnCount: number;
-  public filesExtensionsAllowed: string;
-  public fileDenyPattern: string;
-  private static options: DragUploaderOptions;
-
-  public static fileSizeAsString(size: number): string {
-    const sizeKB: number = size / 1024;
-    let str = '';
-
-    if (sizeKB > 1024) {
-      str = (sizeKB / 1024).toFixed(1) + ' MB';
-    } else {
-      str = sizeKB.toFixed(1) + ' KB';
-    }
-    return str;
-  }
-
-  /**
-   * @param {number} irre_object
-   * @param {UploadedFile} file
-   */
-  public static addFileToIrre(irre_object: number, file: UploadedFile): void {
-    window.inline.delayedImportElement(
-      irre_object,
-      'sys_file',
-      file.uid,
-      'file',
-    );
-  }
-
-  public static init(): void {
-    const me = this;
-    const opts = me.options;
-
-    // register the jQuery plugin "DragUploaderPlugin"
-    $.fn.extend({
-      dragUploader: function (options?: DragUploaderOptions | string): JQuery {
-        return this.each((index: number, elem: HTMLElement): void => {
-          const $this = $(elem);
-          let data = $this.data('DragUploaderPlugin');
-          if (!data) {
-            $this.data('DragUploaderPlugin', (data = new DragUploaderPlugin(elem)));
-          }
-          if (typeof options === 'string') {
-            data[options]();
-          }
-        });
-      },
-    });
-
-    $(() => {
-      $('.t3js-drag-uploader').dragUploader(opts);
-    });
-  }
-
-}
-
-/**
- * Function to apply the example plugin to the selected elements of a jQuery result.
- */
-interface DragUploaderFunction {
-  /**
-   * Apply the example plugin to the elements selected in the jQuery result.
-   *
-   * @param options Options to use for this application of the example plugin.
-   * @returns jQuery result.
-   */
-  (options: DragUploaderOptions): JQuery;
-}
-
-export const initialize = function (): void {
-  DragUploader.init();
-
-  // load required modules to hook in the post initialize function
-  if (
-    'undefined' !== typeof TYPO3.settings
-    && 'undefined' !== typeof TYPO3.settings.RequireJS
-    && 'undefined' !== typeof TYPO3.settings.RequireJS.PostInitializationModules
-    && 'undefined' !== typeof TYPO3.settings.RequireJS.PostInitializationModules['TYPO3/CMS/Backend/DragUploader']
-  ) {
-    $.each(
-      TYPO3.settings.RequireJS.PostInitializationModules['TYPO3/CMS/Backend/DragUploader'], (pos, moduleName) => {
-        require([moduleName]);
-      },
-    );
-  }
-};
-
-initialize();
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Enum/KeyTypes.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Enum/KeyTypes.ts
deleted file mode 100644
index f7403d2..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Enum/KeyTypes.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-export enum KeyTypesEnum {
-  ENTER = 13,
-  ESCAPE = 27,
-}
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Enum/Severity.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Enum/Severity.ts
deleted file mode 100644
index c102275..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Enum/Severity.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-export enum SeverityEnum {
-  notice = -2,
-  info = -1,
-  ok = 0,
-  warning = 1,
-  error = 2,
-}
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Enum/Viewport/ScaffoldIdentifier.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Enum/Viewport/ScaffoldIdentifier.ts
deleted file mode 100644
index 2c78c32..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Enum/Viewport/ScaffoldIdentifier.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-export enum ScaffoldIdentifierEnum {
-  scaffold = '.t3js-scaffold',
-  header = '.t3js-scaffold-header',
-  moduleMenu = '.t3js-scaffold-modulemenu',
-  content = '.t3js-scaffold-content',
-  contentModule = '.t3js-scaffold-content-module',
-  contentModuleIframe = '.t3js-scaffold-content-module-iframe',
-  contentNavigation = '.t3js-scaffold-content-navigation',
-  contentNavigationDataComponent = '.t3js-scaffold-content-navigation [data-component]',
-  contentNavigationIframe = '.t3js-scaffold-content-navigation-iframe',
-}
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Enum/Viewport/TopbarIdentifiers.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Enum/Viewport/TopbarIdentifiers.ts
deleted file mode 100644
index bdbfac0..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Enum/Viewport/TopbarIdentifiers.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-export enum TopbarIdentifiersEnum {
-  buttonNavigationComponent = '.t3js-topbar-button-navigationcomponent',
-}
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Event/ClientRequest.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Event/ClientRequest.ts
deleted file mode 100644
index 2aa583e..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Event/ClientRequest.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import InteractionRequest = require('./InteractionRequest');
-
-class ClientRequest extends InteractionRequest {
-  public readonly clientEvent: any;
-
-  constructor(type: string, clientEvent: Event = null) {
-    super(type);
-    this.clientEvent = clientEvent;
-  }
-}
-
-export = ClientRequest;
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Event/Consumable.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Event/Consumable.ts
deleted file mode 100644
index 845a00c..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Event/Consumable.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import InteractionRequest = require('./InteractionRequest');
-
-interface Consumable {
-  consume(interactionRequest: InteractionRequest): any;
-}
-
-export = Consumable;
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Event/ConsumerScope.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Event/ConsumerScope.ts
deleted file mode 100644
index d6aeb0c..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Event/ConsumerScope.ts
+++ /dev/null
@@ -1,55 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import * as $ from 'jquery';
-import Consumable = require('./Consumable');
-import InteractionRequest = require('./InteractionRequest');
-
-class ConsumerScope {
-  private consumers: Consumable[] = [];
-
-  public getConsumers(): Consumable[] {
-    return this.consumers;
-  }
-
-  public hasConsumer(consumer: Consumable): boolean {
-    return this.consumers.indexOf(consumer) !== -1;
-  }
-
-  public attach(consumer: Consumable): void {
-    if (!this.hasConsumer(consumer)) {
-      this.consumers.push(consumer);
-    }
-  }
-
-  public detach(consumer: Consumable): void {
-    this.consumers = this.consumers.filter(
-      (currentConsumer: Consumable) => currentConsumer !== consumer,
-    );
-  }
-
-  public invoke(request: InteractionRequest): any {
-    const deferreds: any[] = [];
-    this.consumers.forEach(
-      (consumer: Consumable) => {
-        const deferred: any = consumer.consume.call(consumer, request);
-        if (deferred) {
-          deferreds.push(deferred);
-        }
-      },
-    );
-    return ($ as any).when.apply($, deferreds);
-  }
-}
-
-export = new ConsumerScope();
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Event/InteractionRequest.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Event/InteractionRequest.ts
deleted file mode 100644
index 3129b9b..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Event/InteractionRequest.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-class InteractionRequest {
-  public readonly type: string;
-  public readonly parentRequest: InteractionRequest;
-  protected processed: boolean = false;
-  protected processedData: any = null;
-
-  public get outerMostRequest(): InteractionRequest {
-    let request: InteractionRequest = this;
-    while (request.parentRequest instanceof InteractionRequest) {
-      request = request.parentRequest;
-    }
-    return request;
-  }
-
-  constructor(type: string, parentRequest: InteractionRequest = null) {
-    this.type = type;
-    this.parentRequest = parentRequest;
-  }
-
-  public isProcessed(): boolean {
-    return this.processed;
-  }
-
-  public getProcessedData(): any {
-    return this.processedData;
-  }
-
-  public setProcessedData(processedData: any = null): void {
-    this.processed = true;
-    this.processedData = processedData;
-  }
-}
-
-export = InteractionRequest;
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Event/InteractionRequestAssignment.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Event/InteractionRequestAssignment.ts
deleted file mode 100644
index a2a1ca8..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Event/InteractionRequestAssignment.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import InteractionRequest = require('./InteractionRequest');
-
-interface InteractionRequestAssignment {
-  request: InteractionRequest;
-  // @todo Add type for jQuery.Deferred[]
-  deferreds: any[];
-}
-
-export = InteractionRequestAssignment;
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Event/InteractionRequestMap.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Event/InteractionRequestMap.ts
deleted file mode 100644
index c90fbc6..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Event/InteractionRequestMap.ts
+++ /dev/null
@@ -1,75 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import InteractionRequest = require('./InteractionRequest');
-import InteractionRequestAssignment = require('./InteractionRequestAssignment');
-
-class InteractionRequestMap {
-  private assignments: InteractionRequestAssignment[] = [];
-
-  public attachFor(request: InteractionRequest, deferred: any): void {
-    let targetAssignment = this.getFor(request);
-    if (targetAssignment === null) {
-      targetAssignment = {request, deferreds: []} as InteractionRequestAssignment;
-      this.assignments.push(targetAssignment);
-    }
-    targetAssignment.deferreds.push(deferred);
-  }
-
-  public detachFor(request: InteractionRequest): void {
-    const targetAssignment = this.getFor(request);
-    this.assignments = this.assignments.filter(
-      (assignment: InteractionRequestAssignment) => assignment === targetAssignment,
-    );
-  }
-
-  public getFor(triggerEvent: InteractionRequest): InteractionRequestAssignment {
-    let targetAssignment: InteractionRequestAssignment = null;
-    this.assignments.some(
-      (assignment: InteractionRequestAssignment) => {
-        if (assignment.request === triggerEvent) {
-          targetAssignment = assignment;
-          return true;
-        }
-        return false;
-      },
-    );
-    return targetAssignment;
-  }
-
-  public resolveFor(triggerEvent: InteractionRequest): boolean {
-    const targetAssignment = this.getFor(triggerEvent);
-    if (targetAssignment === null) {
-      return false;
-    }
-    targetAssignment.deferreds.forEach(
-      (deferred: any) => deferred.resolve(),
-    );
-    this.detachFor(triggerEvent);
-    return true;
-  }
-
-  public rejectFor(triggerEvent: InteractionRequest): boolean {
-    const targetAssignment = this.getFor(triggerEvent);
-    if (targetAssignment === null) {
-      return false;
-    }
-    targetAssignment.deferreds.forEach(
-      (deferred: any) => deferred.reject(),
-    );
-    this.detachFor(triggerEvent);
-    return true;
-  }
-}
-
-export = new InteractionRequestMap();
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Event/TriggerRequest.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Event/TriggerRequest.ts
deleted file mode 100644
index 433c6fd..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Event/TriggerRequest.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import InteractionRequest = require('./InteractionRequest');
-
-class TriggerRequest extends InteractionRequest {
-  constructor(type: string, parentRequest: InteractionRequest = null) {
-    super(type, parentRequest);
-  }
-
-  public concerns(ancestorRequest: InteractionRequest): boolean {
-    if (this === ancestorRequest) {
-      return true;
-    }
-    let request: InteractionRequest = this;
-    while (request.parentRequest instanceof InteractionRequest) {
-      request = request.parentRequest;
-      if (request === ancestorRequest) {
-        return true;
-      }
-    }
-    return false;
-  }
-
-  public concernsTypes(types: string[]): boolean {
-    if (types.indexOf(this.type) !== -1) {
-      return true;
-    }
-    let request: InteractionRequest = this;
-    while (request.parentRequest instanceof InteractionRequest) {
-      request = request.parentRequest;
-      if (types.indexOf(request.type) !== -1) {
-        return true;
-      }
-    }
-    return false;
-  }
-}
-
-export = TriggerRequest;
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/FormEngine/Element/SlugElement.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/FormEngine/Element/SlugElement.ts
deleted file mode 100644
index f7b4749..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/FormEngine/Element/SlugElement.ts
+++ /dev/null
@@ -1,222 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import * as $ from 'jquery';
-
-interface FieldOptions {
-  pageId: number;
-  recordId: number;
-  tableName: string;
-  fieldName: string;
-  config: { [key: string]: any };
-  listenerFieldNames: string[];
-  language: number;
-  originalValue: string;
-  signature: string;
-  command: string;
-  parentPageId: number;
-  includeUidInValues: boolean;
-}
-
-interface Response {
-  hasConflicts: boolean;
-  manual: string;
-  proposal: ProposalModes;
-}
-
-enum Selectors {
-  toggleButton = '.t3js-form-field-slug-toggle',
-  recreateButton = '.t3js-form-field-slug-recreate',
-  inputField = '.t3js-form-field-slug-input',
-  readOnlyField = '.t3js-form-field-slug-readonly',
-  hiddenField = '.t3js-form-field-slug-hidden',
-}
-
-enum ProposalModes {
-  AUTO = 'auto',
-  RECREATE = 'recreate',
-  MANUAL = 'manual',
-}
-
-/**
- * Module: TYPO3/CMS/Backend/FormEngine/Element/SlugElement
- * Logic for a TCA type "slug"
- *
- * For new records, changes on the other fields of the record (typically the record title) are listened
- * on as well and the response is put in as "placeholder" into the input field.
- *
- * For new and existing records, the toggle switch will allow editors to modify the slug
- *  - for new records, we only need to see if that is already in use or not (uniqueInSite), if it is taken, show a message.
- *  - for existing records, we also check for conflicts, and check if we have subpges, or if we want to add a redirect (todo)
- */
-class SlugElement {
-  private options: FieldOptions = null;
-  private $fullElement: JQuery = null;
-  private manuallyChanged: boolean = false;
-  private $readOnlyField: JQuery = null;
-  private $inputField: JQuery = null;
-  private $hiddenField: JQuery = null;
-  private xhr: JQueryXHR = null;
-  private readonly fieldsToListenOn: { [key: string]: string } = {};
-
-  constructor(selector: string, options: FieldOptions) {
-    this.options = options;
-    this.fieldsToListenOn = this.options.listenerFieldNames || {};
-
-    $((): void => {
-      this.$fullElement = $(selector);
-      this.$inputField = this.$fullElement.find(Selectors.inputField);
-      this.$readOnlyField = this.$fullElement.find(Selectors.readOnlyField);
-      this.$hiddenField = this.$fullElement.find(Selectors.hiddenField);
-
-      this.registerEvents();
-    });
-  }
-
-  private registerEvents(): void {
-    const fieldsToListenOnList = Object.keys(this.getAvailableFieldsForProposalGeneration()).map(k => this.fieldsToListenOn[k]);
-
-    // Listen on 'listenerFieldNames' for new pages. This is typically the 'title' field
-    // of a page to create slugs from the title when title is set / changed.
-    if (fieldsToListenOnList.length > 0) {
-      if (this.options.command === 'new') {
-        $(this.$fullElement).on('keyup', fieldsToListenOnList.join(','), (): void => {
-          if (!this.manuallyChanged) {
-            this.sendSlugProposal(ProposalModes.AUTO);
-          }
-        });
-      }
-
-      // Clicking the recreate button makes new slug proposal created from 'title' field
-      $(this.$fullElement).on('click', Selectors.recreateButton, (e): void => {
-        e.preventDefault();
-        if (this.$readOnlyField.hasClass('hidden')) {
-          // Switch to readonly version - similar to 'new' page where field is
-          // written on the fly with title change
-          this.$readOnlyField.toggleClass('hidden', false);
-          this.$inputField.toggleClass('hidden', true);
-        }
-        this.sendSlugProposal(ProposalModes.RECREATE);
-      });
-    } else {
-      $(this.$fullElement).find(Selectors.recreateButton).addClass('disabled').prop('disabled', true);
-    }
-
-    // Scenario for new pages: Usually, slug is created from the page title. However, if user toggles the
-    // input field and feeds an own slug, and then changes title again, the slug should stay. manuallyChanged
-    // is used to track this.
-    $(this.$inputField).on('keyup', (): void => {
-      this.manuallyChanged = true;
-      this.sendSlugProposal(ProposalModes.MANUAL);
-    });
-
-    // Clicking the toggle button toggles the read only field and the input field.
-    // Also set the value of either the read only or the input field to the hidden field
-    // and update the value of the read only field after manual change of the input field.
-    $(this.$fullElement).on('click', Selectors.toggleButton, (e): void => {
-      e.preventDefault();
-      const showReadOnlyField = this.$readOnlyField.hasClass('hidden');
-      this.$readOnlyField.toggleClass('hidden', !showReadOnlyField);
-      this.$inputField.toggleClass('hidden', showReadOnlyField);
-      if (!showReadOnlyField) {
-        this.$hiddenField.val(this.$inputField.val());
-        return;
-      }
-      if (this.$inputField.val() !== this.$readOnlyField.val()) {
-        this.$readOnlyField.val(this.$inputField.val());
-      } else {
-        this.manuallyChanged = false;
-        this.$fullElement.find('.t3js-form-proposal-accepted').addClass('hidden');
-        this.$fullElement.find('.t3js-form-proposal-different').addClass('hidden');
-      }
-      this.$hiddenField.val(this.$readOnlyField.val());
-    });
-  }
-
-  /**
-   * @param {ProposalModes} mode
-   */
-  private sendSlugProposal(mode: ProposalModes): void {
-    const input: { [key: string]: string } = {};
-    if (mode === ProposalModes.AUTO || mode === ProposalModes.RECREATE) {
-      $.each(this.getAvailableFieldsForProposalGeneration(), (fieldName: string, field: string): void => {
-        input[fieldName] = $('[data-formengine-input-name="' + field + '"]').val();
-      });
-      if (this.options.includeUidInValues === true) {
-        input.uid = this.options.recordId.toString();
-      }
-    } else {
-      input.manual = this.$inputField.val();
-    }
-    if (this.xhr !== null && this.xhr.readyState !== 4) {
-      this.xhr.abort();
-    }
-    this.xhr = $.post(
-      TYPO3.settings.ajaxUrls.record_slug_suggest,
-      {
-        values: input,
-        mode: mode,
-        tableName: this.options.tableName,
-        pageId: this.options.pageId,
-        parentPageId: this.options.parentPageId,
-        recordId: this.options.recordId,
-        language: this.options.language,
-        fieldName: this.options.fieldName,
-        command: this.options.command,
-        signature: this.options.signature,
-      },
-      (response: Response): void => {
-        const visualProposal = '/' + response.proposal.replace(/^\//, '');
-        if (response.hasConflicts) {
-          this.$fullElement.find('.t3js-form-proposal-accepted').addClass('hidden');
-          this.$fullElement.find('.t3js-form-proposal-different').removeClass('hidden').find('span').text(visualProposal);
-        } else {
-          this.$fullElement.find('.t3js-form-proposal-accepted').removeClass('hidden').find('span').text(visualProposal);
-          this.$fullElement.find('.t3js-form-proposal-different').addClass('hidden');
-        }
-        const isChanged = this.$hiddenField.val() !== response.proposal;
-        if (isChanged) {
-          this.$fullElement.find('input').trigger('change');
-        }
-        if (mode === ProposalModes.AUTO || mode === ProposalModes.RECREATE) {
-          this.$readOnlyField.val(response.proposal);
-          this.$hiddenField.val(response.proposal);
-          this.$inputField.val(response.proposal);
-        } else {
-          this.$hiddenField.val(response.proposal);
-        }
-      },
-      'json',
-    );
-  }
-
-  /**
-   * Gets a list of all available fields that can be used for slug generation
-   *
-   * @return { [key: string]: string }
-   */
-  private getAvailableFieldsForProposalGeneration(): { [key: string]: string } {
-    const availableFields: { [key: string]: string } = {};
-
-    $.each(this.fieldsToListenOn, (fieldName: string, field: string): void => {
-      const $selector = $('[data-formengine-input-name="' + field + '"]');
-      if ($selector.length > 0) {
-        availableFields[fieldName] = field;
-      }
-    });
-
-    return availableFields;
-  }
-}
-
-export = SlugElement;
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/FormEngine/FieldControl/AddRecord.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/FormEngine/FieldControl/AddRecord.ts
deleted file mode 100644
index 59f2c46..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/FormEngine/FieldControl/AddRecord.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import * as $ from 'jquery';
-import FormEngine = require('TYPO3/CMS/Backend/FormEngine');
-
-/**
- * Handles the "Add record" field control that renders a new FormEngine instance
- */
-class AddRecord {
-  private controlElement: HTMLElement = null;
-
-  constructor(controlElementId: string) {
-    $((): void => {
-      this.controlElement = <HTMLElement>document.querySelector(controlElementId);
-      this.controlElement.addEventListener('click', this.registerClickHandler);
-    });
-  }
-
-  /**
-   * @param {Event} e
-   */
-  private registerClickHandler = (e: Event): void => {
-    e.preventDefault();
-
-    FormEngine.preventFollowLinkIfNotSaved(this.controlElement.getAttribute('href'));
-  }
-}
-
-export = AddRecord;
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/FormEngine/FieldControl/InsertClipboard.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/FormEngine/FieldControl/InsertClipboard.ts
deleted file mode 100644
index e40f91c..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/FormEngine/FieldControl/InsertClipboard.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import * as $ from 'jquery';
-import FormEngine = require('TYPO3/CMS/Backend/FormEngine');
-
-interface ClipboardItem {
-  title: string;
-  value: string;
-}
-
-/**
- * Handles the "Insert clipboard" field control that pastes the clipboard into a "group" field
- */
-class InsertClipboard {
-  private controlElement: HTMLElement = null;
-
-  constructor(controlElementId: string) {
-    $((): void => {
-      this.controlElement = <HTMLElement>document.querySelector(controlElementId);
-      this.controlElement.addEventListener('click', this.registerClickHandler);
-    });
-  }
-
-  /**
-   * @param {Event} e
-   */
-  private registerClickHandler = (e: Event): void => {
-    e.preventDefault();
-
-    const assignedElement: string = this.controlElement.dataset.element;
-    const clipboardItems: Array<ClipboardItem> = JSON.parse(this.controlElement.dataset.clipboardItems);
-
-    for (let item of clipboardItems) {
-      FormEngine.setSelectOptionFromExternalSource(assignedElement, item.value, item.title, item.title);
-    }
-  }
-}
-
-export = InsertClipboard;
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/FormEngine/FieldControl/ListModule.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/FormEngine/FieldControl/ListModule.ts
deleted file mode 100644
index f3dfbe2..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/FormEngine/FieldControl/ListModule.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import * as $ from 'jquery';
-import FormEngine = require('TYPO3/CMS/Backend/FormEngine');
-
-/**
- * This module is used for the field control "List module" used for "group" fields
- */
-class ListModule {
-  private controlElement: HTMLElement = null;
-
-  constructor(controlElementId: string) {
-    $((): void => {
-      this.controlElement = <HTMLElement>document.querySelector(controlElementId);
-      this.controlElement.addEventListener('click', this.registerClickHandler);
-    });
-  }
-
-  /**
-   * @param {Event} e
-   */
-  private registerClickHandler = (e: Event): void => {
-    e.preventDefault();
-
-    FormEngine.preventFollowLinkIfNotSaved(this.controlElement.getAttribute('href'));
-  }
-}
-
-export = ListModule;
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/FormEngine/FieldControl/ResetSelection.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/FormEngine/FieldControl/ResetSelection.ts
deleted file mode 100644
index ff2d8b9..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/FormEngine/FieldControl/ResetSelection.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import * as $ from 'jquery';
-
-/**
- * This module is used for the field control "Reset selection" used for selectSingleBox
- */
-class ResetSelection {
-  private controlElement: HTMLElement = null;
-
-  constructor(controlElementId: string) {
-    $((): void => {
-      this.controlElement = <HTMLElement>document.querySelector(controlElementId);
-      if (this.controlElement !== null) {
-        this.controlElement.addEventListener('click', this.registerClickHandler);
-      }
-    });
-  }
-
-  /**
-   * @param {Event} e
-   */
-  private registerClickHandler = (e: Event): void => {
-    e.preventDefault();
-
-    const itemName: string = this.controlElement.dataset.itemName;
-    const selectedIndices: Array<number> = JSON.parse(this.controlElement.dataset.selectedIndices);
-    const field = (<HTMLSelectElement>document.forms.namedItem('editform').querySelector('[name="' + itemName + '[]"]'));
-
-    field.selectedIndex = -1;
-    for (let i of selectedIndices) {
-      field.options[i].selected = true;
-    }
-  }
-}
-
-export = ResetSelection;
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/FormEngine/FieldControl/TableWizard.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/FormEngine/FieldControl/TableWizard.ts
deleted file mode 100644
index 3e99c5c..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/FormEngine/FieldControl/TableWizard.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import * as $ from 'jquery';
-import FormEngine = require('TYPO3/CMS/Backend/FormEngine');
-
-/**
- * Handles the "Table wizard" field control
- */
-class TableWizard {
-  private controlElement: HTMLElement = null;
-
-  constructor(controlElementId: string) {
-    $((): void => {
-      this.controlElement = <HTMLElement>document.querySelector(controlElementId);
-      this.controlElement.addEventListener('click', this.registerClickHandler);
-    });
-  }
-
-  /**
-   * @param {Event} e
-   */
-  private registerClickHandler = (e: Event): void => {
-    e.preventDefault();
-
-    FormEngine.preventFollowLinkIfNotSaved(this.controlElement.getAttribute('href'));
-  }
-}
-
-export = TableWizard;
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/FormEngine/FieldWizard/ValueSlider.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/FormEngine/FieldWizard/ValueSlider.ts
deleted file mode 100644
index c7d09db..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/FormEngine/FieldWizard/ValueSlider.ts
+++ /dev/null
@@ -1,80 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import * as $ from 'jquery';
-import 'twbs/bootstrap-slider';
-
-interface UpdatedValue {
-  oldValue: number;
-  newValue: number;
-}
-
-interface ValueSliderUpdateEvent extends JQueryEventObject {
-  value: UpdatedValue;
-}
-
-class ValueSlider {
-  private readonly controlElement: HTMLElement = null;
-
-  /**
-   * Update value of slider element
-   *
-   * @param {ValueSliderUpdateEvent} e
-   */
-  private static updateValue(e: ValueSliderUpdateEvent): void {
-    const $slider = $(e.currentTarget);
-    const $foreignField = $('[data-formengine-input-name="' + $slider.data('sliderItemName') + '"]');
-    const sliderCallbackParams = $slider.data('sliderCallbackParams');
-
-    $foreignField.val(e.value.newValue);
-    TBE_EDITOR.fieldChanged.apply(TBE_EDITOR, sliderCallbackParams);
-  }
-
-  constructor(controlElementId: string) {
-    this.controlElement = document.getElementById(controlElementId) as HTMLElement;
-    this.initializeSlider();
-  }
-
-  /**
-   * Initialize all slider elements
-   */
-  private initializeSlider(): void {
-    const $slider = $(this.controlElement);
-    $slider.slider({
-      formatter: this.renderTooltipValue,
-    });
-    $slider.on('change', ValueSlider.updateValue);
-  }
-
-  /**
-   * @param {string} value
-   * @returns {string}
-   */
-  private renderTooltipValue = (value: string): string => {
-    let renderedValue;
-    const $slider = $(this.controlElement);
-    const data = $slider.data();
-    switch (data.sliderValueType) {
-      case 'double':
-        renderedValue = parseFloat(value).toFixed(2);
-        break;
-      case 'int':
-      default:
-        renderedValue = parseInt(value, 10).toString();
-    }
-
-    return renderedValue;
-  }
-}
-
-export = ValueSlider;
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/FormEngine/FlexForm/FlexFormElementOptions.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/FormEngine/FlexForm/FlexFormElementOptions.ts
deleted file mode 100644
index 08885e9..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/FormEngine/FlexForm/FlexFormElementOptions.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-export interface FlexFormElementOptions {
-  deleteIconSelector: string;
-  sectionSelector: string;
-  sectionContentSelector: string;
-  sectionHeaderSelector: string;
-  sectionHeaderPreviewSelector: string;
-  sectionActionInputFieldSelector: string;
-  sectionToggleInputFieldSelector: string;
-  sectionToggleIconOpenSelector: string;
-  sectionToggleIconCloseSelector: string;
-  sectionToggleButtonSelector: string;
-  flexFormToggleAllSectionsSelector: string;
-  sectionDeletedClass: string;
-  allowRestructure: boolean;
-  flexformId: boolean | string;
-}
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/FormEngineFlexForm.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/FormEngineFlexForm.ts
deleted file mode 100644
index 95a94cf..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/FormEngineFlexForm.ts
+++ /dev/null
@@ -1,282 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/**
- * Module: TYPO3/CMS/Backend/FormEngineFlexForm
- * Contains all JS functions related to TYPO3 Flexforms
- * available under the latest jQuery version
- * can be used by $('myflexform').t3FormEngineFlexFormElement({options});, all .t3-flex-form containers will be called on load
- *
- * currently TYPO3.FormEngine.FlexFormElement represents one Flexform element
- * which can contain one ore more sections
- */
-
-import * as $ from 'jquery';
-import 'jquery-ui/sortable';
-
-import {FlexFormElementOptions} from './FormEngine/FlexForm/FlexFormElementOptions';
-import FormEngine = require('TYPO3/CMS/Backend/FormEngine');
-import Modal = require('TYPO3/CMS/Backend/Modal');
-
-/**
- *
- * @param {HTMLElement} el
- * @param {Object} options
- * @constructor
- * @exports TYPO3/CMS/Backend/FormEngineFlexForm
- */
-class FlexFormElement {
-  // setting some default values
-  private static defaults: FlexFormElementOptions = {
-    deleteIconSelector: '.t3js-delete',
-    sectionSelector: '.t3js-flex-section',
-    sectionContentSelector: '.t3js-flex-section-content',
-    sectionHeaderSelector: '.t3js-flex-section-header',
-    sectionHeaderPreviewSelector: '.t3js-flex-section-header-preview',
-    sectionActionInputFieldSelector: '.t3js-flex-control-action',
-    sectionToggleInputFieldSelector: '.t3js-flex-control-toggle',
-    sectionToggleIconOpenSelector: '.t3js-flex-control-toggle-icon-open',
-    sectionToggleIconCloseSelector: '.t3js-flex-control-toggle-icon-close',
-    sectionToggleButtonSelector: '[data-toggle="formengine-flex"]',
-    flexFormToggleAllSectionsSelector: '.t3js-form-field-toggle-flexsection',
-    sectionDeletedClass: 't3js-flex-section-deleted',
-    allowRestructure: false, // whether the form can be modified
-    flexformId: false,
-  };
-
-  private $el: JQuery;
-
-  // shorthand options notation
-  private opts: FlexFormElementOptions;
-
-  constructor(private el: HTMLElement, options: FlexFormElementOptions) {
-    const that = this;
-    // store DOM element and jQuery object for later use
-    this.el = el;
-    this.$el = $(el);
-
-    // remove any existing backups
-    const old_this = this.$el.data('TYPO3.FormEngine.FlexFormElement');
-    if (typeof old_this !== 'undefined') {
-      this.$el.removeData('TYPO3.FormEngine.FlexFormElement');
-    }
-
-    // add a reverse reference to the DOM element
-    this.$el.data('TYPO3.FormEngine.FlexFormElement', this);
-
-    if (!options) {
-      options = FlexFormElement.defaults;
-    }
-
-    // set some values from existing properties
-    options.allowRestructure = <boolean>this.$el.data('t3-flex-allow-restructure');
-    options.flexformId = this.$el.attr('id');
-
-    // store options and merge with default options
-    this.opts = $.extend({}, FlexFormElement.defaults, options);
-
-    // initialize events
-    this.initializeEvents();
-
-    // generate the preview text if a section is hidden on load
-    this.$el.find(this.opts.sectionSelector).each(function(this: HTMLElement): void {
-      that.generateSectionPreview($(this));
-    });
-
-    return this;
-  }
-
-  /**
-   * init all events related to the flexform. As this method is called multiple times,
-   * some handlers need to be off'ed first to prevent event stacking.
-   */
-  public initializeEvents(): this {
-    // Toggling all sections on/off by clicking all toggle buttons of each section
-    this.$el.prev(this.opts.flexFormToggleAllSectionsSelector).off('click').on('click', () => {
-      this.$el.find(this.opts.sectionToggleButtonSelector).trigger('click');
-    });
-
-    if (this.opts.allowRestructure) {
-      // create a sortable when dragging on the header of a section
-      this.createSortable();
-
-      // allow delete of a single section
-      this.$el.off('click').on('click', this.opts.deleteIconSelector, (evt) => {
-        evt.preventDefault();
-
-        const confirmTitle = TYPO3.lang['flexform.section.delete.title'] || 'Are you sure?';
-        const confirmMessage = TYPO3.lang['flexform.section.delete.message'] || 'Are you sure you want to delete this section?';
-        const $confirm = Modal.confirm(confirmTitle, confirmMessage);
-        $confirm.on('confirm.button.cancel', () => {
-          Modal.currentModal.trigger('modal-dismiss');
-        });
-        $confirm.on('confirm.button.ok', () => {
-          $(evt.target).closest(this.opts.sectionSelector).hide().addClass(this.opts.sectionDeletedClass);
-          this.setActionStatus();
-          FormEngine.Validation.validate();
-          Modal.currentModal.trigger('modal-dismiss');
-        });
-      });
-
-      // allow the toggle open/close of the main selection
-      this.$el.on('click', this.opts.sectionToggleButtonSelector, (evt) => {
-        evt.preventDefault();
-        const $sectionEl = $(evt.currentTarget).closest(this.opts.sectionSelector);
-        this.toggleSection($sectionEl);
-      }).on('click', this.opts.sectionToggleButtonSelector + ' .form-irre-header-control', function(evt: Event): void {
-        evt.stopPropagation();
-      });
-    }
-
-    return this;
-  }
-
-  /**
-   * Allow flexform sections to be sorted
-   */
-  public createSortable(): void {
-    this.$el.sortable({
-      containment: 'parent',
-      handle: '.t3js-sortable-handle',
-      axis: 'y',
-      tolerance: 'pointer',
-      stop: () => {
-        this.setActionStatus();
-        $(document).trigger('flexform:sorting-changed');
-      },
-    });
-  }
-
-  // Updates the "action"-status for a section. This is used to move and delete elements.
-  private setActionStatus(): void {
-    const that = this;
-    // Traverse and find how many sections are open or closed, and save the value accordingly
-    this.$el.find(this.opts.sectionActionInputFieldSelector).each(function(this: HTMLElement, index: number): void {
-      const actionValue = ($(this).parents(that.opts.sectionSelector).hasClass(that.opts.sectionDeletedClass) ? 'DELETE' : index);
-      $(this).val(actionValue);
-    });
-  }
-
-  // Toggling flexform elements on/off
-  // hides the flexform section and shows a preview text
-  // or shows the form parts
-  private toggleSection($sectionEl: JQuery): void {
-   const $contentEl = $sectionEl.find(this.opts.sectionContentSelector);
-
-   // display/hide the content of this flexform section
-   $contentEl.toggle();
-
-   if ($contentEl.is(':visible')) {
-     // show the open icon, and set the hidden field for toggling to "hidden"
-     $sectionEl.find(this.opts.sectionToggleIconOpenSelector).show();
-     $sectionEl.find(this.opts.sectionToggleIconCloseSelector).hide();
-     $sectionEl.find(this.opts.sectionToggleInputFieldSelector).val(0);
-   } else {
-     // show the close icon, and set the hidden field for toggling to "1"
-     $sectionEl.find(this.opts.sectionToggleIconOpenSelector).hide();
-     $sectionEl.find(this.opts.sectionToggleIconCloseSelector).show();
-     $sectionEl.find(this.opts.sectionToggleInputFieldSelector).val(1);
-   }
-
-   // see if the preview content needs to be generated
-   this.generateSectionPreview($sectionEl);
-  }
-
-  // function to generate the section preview in the header
-  // if the section content is hidden
-  // called on load and when toggling an icon
-  private generateSectionPreview($sectionEl: JQuery): void {
-    const $contentEl = $sectionEl.find(this.opts.sectionContentSelector);
-    let previewContent = '';
-
-    if (!$contentEl.is(':visible')) {
-      $contentEl.find('input[type=text], textarea').each(function(this: HTMLElement): void {
-        let content = $($.parseHTML($(this).val())).text();
-        if (content.length > 50) {
-          content = content.substring(0, 50) + '...';
-        }
-        previewContent += (previewContent ? ' / ' : '') + content;
-      });
-    }
-
-    // create a preview container span element
-    if ($sectionEl.find(this.opts.sectionHeaderPreviewSelector).length === 0) {
-      $sectionEl.find(this.opts.sectionHeaderSelector).find('.t3js-record-title').parent()
-        .append('<span class="' + this.opts.sectionHeaderPreviewSelector.replace(/\./, '') + '"></span>');
-    }
-
-    $sectionEl.find(this.opts.sectionHeaderPreviewSelector).text(previewContent);
-  }
-}
-
-
-
-// register the flex functions as jQuery Plugin
-$.fn.t3FormEngineFlexFormElement = function(options: FlexFormElementOptions): JQuery {
-  // apply all util functions to ourself (for use in templates, etc.)
-  return this.each(function(this: HTMLElement): void {
-    const _ = new FlexFormElement(this, options);
-  });
-};
-
-// Initialization Code
-$(function(): void {
-  // run the flexform functions on all containers (which contains one or more sections)
-  $('.t3-flex-container').t3FormEngineFlexFormElement();
-
-  // Add handler to fetch container data on click on "add container" buttons
-  $(document).on('click', '.t3js-flex-container-add', function(this: HTMLElement, e: Event): void {
-    const me = $(this);
-    e.preventDefault();
-    $.ajax({
-      url: TYPO3.settings.ajaxUrls.record_flex_container_add,
-      type: 'POST',
-      cache: false,
-      data: {
-        vanillaUid: me.data('vanillauid'),
-        databaseRowUid: me.data('databaserowuid'),
-        command: me.data('command'),
-        tableName: me.data('tablename'),
-        fieldName: me.data('fieldname'),
-        recordTypeValue: me.data('recordtypevalue'),
-        dataStructureIdentifier: me.data('datastructureidentifier'),
-        flexFormSheetName: me.data('flexformsheetname'),
-        flexFormFieldName: me.data('flexformfieldname'),
-        flexFormContainerName: me.data('flexformcontainername'),
-      },
-      success: function(response: any): void {
-        me.closest('.t3-form-field-container').find('.t3-flex-container').append(response.html);
-        $('.t3-flex-container').t3FormEngineFlexFormElement();
-        if (response.scriptCall && response.scriptCall.length > 0) {
-          $.each(response.scriptCall, function(index: number, value: string): void {
-            /* tslint:disable-next-line:no-eval */
-            eval(value);
-          });
-        }
-        if (response.stylesheetFiles && response.stylesheetFiles.length > 0) {
-          $.each(response.stylesheetFiles, function(index: number, stylesheetFile: string): void {
-            let element = document.createElement('link');
-            element.rel = 'stylesheet';
-            element.type = 'text/css';
-            element.href = stylesheetFile;
-            document.head.appendChild(element);
-          });
-        }
-        FormEngine.reinitialize();
-        FormEngine.Validation.initializeInputFields();
-        FormEngine.Validation.validate();
-      },
-    });
-  });
-
-});
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/FormEngineReview.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/FormEngineReview.ts
deleted file mode 100644
index 8f60fec..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/FormEngineReview.ts
+++ /dev/null
@@ -1,163 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import 'bootstrap';
-import * as $ from 'jquery';
-import FormEngine = require('TYPO3/CMS/Backend/FormEngine');
-
-/**
- * Module: TYPO3/CMS/Backend/FormEngineReview
- * Enables interaction with record fields that need review
- * @exports TYPO3/CMS/Backend/FormEngineReview
- */
-class FormEngineReview {
-
-  /**
-   * Class for the toggle button
-   */
-  private toggleButtonClass: string;
-
-  /**
-   * Class for field list items
-   */
-  private fieldListItemClass: string;
-
-  /**
-   * Class of FormEngine labels
-   */
-  private labelSelector: string;
-
-  /**
-   * Fetches all fields that have a failed validation
-   *
-   * @return {$}
-   */
-  public static findInvalidField(): any {
-    return $(document).find('.tab-content .' + FormEngine.Validation.errorClass);
-  }
-
-  /**
-   * Renders an invisible button to toggle the review panel into the least possible toolbar
-   *
-   * @param {Object} context
-   */
-  public static attachButtonToModuleHeader(context: any): void {
-    const $leastButtonBar: any = $('.t3js-module-docheader-bar-buttons').children().last().find('[role="toolbar"]');
-    const $button: any = $('<a />', {
-      class: 'btn btn-danger btn-sm hidden ' + context.toggleButtonClass,
-      href: '#',
-      title: TYPO3.lang['buttons.reviewFailedValidationFields'],
-    }).append(
-      $('<span />', {class: 'fa fa-fw fa-info'}),
-    );
-
-    $button.popover({
-      container: 'body',
-      html: true,
-      placement: 'bottom',
-    });
-
-    $leastButtonBar.prepend($button);
-  }
-
-  /**
-   * The constructor, set the class properties default values
-   */
-  constructor() {
-    this.toggleButtonClass = 't3js-toggle-review-panel';
-    this.fieldListItemClass = 't3js-field-item';
-    this.labelSelector = '.t3js-formengine-label';
-
-    this.initialize();
-  }
-
-  /**
-   * Initialize the events
-   */
-  public initialize(): void {
-    const me: any = this;
-    const $document: any = $(document);
-
-    $((): void => {
-      FormEngineReview.attachButtonToModuleHeader(me);
-    });
-    $document.on('click', '.' + this.fieldListItemClass, this.switchToField);
-    $document.on('t3-formengine-postfieldvalidation', this.checkForReviewableField);
-  }
-
-  /**
-   * Checks if fields have failed validation. In such case, the markup is rendered and the toggle button is unlocked.
-   */
-  public checkForReviewableField = (): void => {
-    const me: any = this;
-    const $invalidFields: any = FormEngineReview.findInvalidField();
-    const $toggleButton: any = $('.' + this.toggleButtonClass);
-
-    if ($invalidFields.length > 0) {
-      const $list: any = $('<div />', {class: 'list-group'});
-
-      $invalidFields.each(function(this: Element): void {
-        const $field: any = $(this);
-        const $input: any = $field.find('[data-formengine-validation-rules]');
-        let inputId: any = $input.attr('id');
-
-        if (typeof inputId === 'undefined') {
-          inputId = $input.parent().children('[id]').first().attr('id');
-        }
-
-        $list.append(
-          $('<a />', {
-            'class': 'list-group-item ' + me.fieldListItemClass,
-            'data-field-id': inputId,
-            'href': '#',
-          }).text($field.find(me.labelSelector).text()),
-        );
-      });
-
-      $toggleButton.removeClass('hidden');
-
-      // bootstrap has no official API to update the content of a popover w/o destroying it
-      const $popover: any = $toggleButton.data('bs.popover');
-      if ($popover) {
-        $popover.options.content = $list.wrapAll('<div>').parent().html();
-        $popover.setContent();
-        $popover.$tip.addClass($popover.options.placement);
-      }
-    } else {
-      $toggleButton.addClass('hidden').popover('hide');
-    }
-  }
-
-  /**
-   * Finds the field in the form and focuses it
-   *
-   * @param {Event} e
-   */
-  public switchToField = (e: Event): void => {
-    e.preventDefault();
-
-    const $listItem: any = $(e.currentTarget);
-    const referenceFieldId: string = $listItem.data('fieldId');
-    const $referenceField: any = $('#' + referenceFieldId);
-
-    // iterate possibly nested tab panels
-    $referenceField.parents('[id][role="tabpanel"]').each(function(this: Element): void {
-      $('[aria-controls="' + $(this).attr('id') + '"]').tab('show');
-    });
-
-    $referenceField.focus();
-  }
-}
-
-// create an instance and return it
-export = new FormEngineReview();
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/FormEngineSuggest.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/FormEngineSuggest.ts
deleted file mode 100644
index 795c273..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/FormEngineSuggest.ts
+++ /dev/null
@@ -1,138 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import * as $ from 'jquery';
-import 'TYPO3/CMS/Core/Contrib/jquery.autocomplete';
-import FormEngine = require('TYPO3/CMS/Backend/FormEngine');
-
-// data structure returned by SuggestWizardDefaultReceiver::queryTable()
-interface SuggestEntry {
-  table: string;
-  uid: number;
-
-  label: string;
-  // The HTML content for the suggest option
-  text: string;
-  // The record path
-  path: string;
-
-  style: string;
-  class: string;
-  // the icon
-  sprite: string;
-}
-
-interface TransformedSuggestEntry {
-  value: string;
-  data: SuggestEntry;
-}
-
-class FormEngineSuggest {
-  constructor(element: HTMLElement) {
-    $((): void => {
-      this.initialize(element);
-    });
-  }
-
-  private initialize(searchField: HTMLElement): void {
-    const containerElement: JQuery = $(searchField).closest('.t3-form-suggest-container');
-    const tableName: string = searchField.dataset.tablename;
-    const fieldName: string = searchField.dataset.fieldname;
-    const formEl: string = searchField.dataset.field;
-    const uid: number = parseInt(searchField.dataset.uid, 10);
-    const pid: number = parseInt(searchField.dataset.pid, 10);
-    const dataStructureIdentifier: string = searchField.dataset.datastructureidentifier;
-    const flexFormSheetName: string = searchField.dataset.flexformsheetname;
-    const flexFormFieldName: string = searchField.dataset.flexformfieldname;
-    const flexFormContainerName: string = searchField.dataset.flexformcontainername;
-    const flexFormContainerFieldName: string = searchField.dataset.flexformcontainerfieldname;
-    const minimumCharacters: number = parseInt(searchField.dataset.minchars, 10);
-    const url: string = TYPO3.settings.ajaxUrls.record_suggest;
-    const params = {
-      tableName,
-      fieldName,
-      uid,
-      pid,
-      dataStructureIdentifier,
-      flexFormSheetName,
-      flexFormFieldName,
-      flexFormContainerName,
-      flexFormContainerFieldName,
-    };
-
-    function insertValue(element: JQuery): void {
-      let insertData: string = '';
-      if (searchField.dataset.fieldtype === 'select') {
-        insertData = element.data('uid');
-      } else {
-        insertData = element.data('table') + '_' + element.data('uid');
-      }
-      FormEngine.setSelectOptionFromExternalSource(formEl, insertData, element.data('label'), element.data('label'));
-      FormEngine.Validation.markFieldAsChanged($(document.querySelector('input[name="' + formEl + '"]')));
-    }
-
-    $(searchField).autocomplete({
-      // ajax options
-      serviceUrl: url,
-      params: params,
-      type: 'POST',
-      paramName: 'value',
-      dataType: 'json',
-      minChars: minimumCharacters,
-      groupBy: 'typeLabel',
-      containerClass: 'autocomplete-results',
-      appendTo: containerElement,
-      forceFixPosition: false,
-      preserveInput: true,
-      showNoSuggestionNotice: true,
-      noSuggestionNotice: '<div class="autocomplete-info">No results</div>',
-      minLength: minimumCharacters,
-      preventBadQueries: false,
-      // put the AJAX results in the right format
-      transformResult: (response: Array<SuggestEntry>): {suggestions: Array<TransformedSuggestEntry>} => {
-        return {
-          suggestions: response.map((dataItem: SuggestEntry): {value: string, data: SuggestEntry} => {
-            return {value: dataItem.text, data: dataItem};
-          }),
-        };
-      },
-      // Rendering of each item
-      formatResult: (suggestion: {data: SuggestEntry}): string => {
-        return $('<div>').append(
-          $('<a class="autocomplete-suggestion-link" href="#">' +
-            suggestion.data.sprite + suggestion.data.text +
-            '</a></div>').attr({
-            'data-label': suggestion.data.label,
-            'data-table': suggestion.data.table,
-            'data-uid': suggestion.data.uid,
-          })).html();
-      },
-      onSearchComplete: function(): void {
-        containerElement.addClass('open');
-      },
-      beforeRender: function(container: JQuery): void {
-        // Unset height, width and z-index again, should be fixed by the plugin at a later point
-        container.attr('style', '');
-        containerElement.addClass('open');
-      },
-      onHide: function(): void {
-        containerElement.removeClass('open');
-      },
-      onSelect: function(): void {
-        insertValue(containerElement.find('.autocomplete-selected a'));
-      },
-    });
-  }
-}
-
-export = FormEngineSuggest;
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/GridEditor.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/GridEditor.ts
deleted file mode 100644
index e63d7ed..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/GridEditor.ts
+++ /dev/null
@@ -1,934 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {SeverityEnum} from './Enum/Severity';
-import 'bootstrap';
-import * as $ from 'jquery';
-import Modal = require('./Modal');
-import SecurityUtility = require('TYPO3/CMS/Core/SecurityUtility');
-
-/**
- * GridEditorConfigurationInterface
- */
-interface GridEditorConfigurationInterface {
-  nameLabel: string;
-  columnLabel: string;
-}
-
-/**
- * CellInterface
- */
-interface CellInterface {
-  spanned: number;
-  rowspan: number;
-  colspan: number;
-  column: number;
-  name: string;
-  colpos: string;
-}
-
-/**
- * Module: TYPO3/CMS/Backend/GridEditor
- * @exports TYPO3/CMS/Backend/GridEditor
- */
-export class GridEditor {
-
-  protected colCount: number = 1;
-  protected rowCount: number = 1;
-  protected field: JQuery;
-  protected data: any[];
-  protected nameLabel: string = 'name';
-  protected columnLabel: string = 'columen label';
-  protected targetElement: JQuery;
-  protected defaultCell: object = {spanned: 0, rowspan: 1, colspan: 1, name: '', colpos: '', column: undefined};
-  protected selectorEditor: string = '.t3js-grideditor';
-  protected selectorAddColumn: string = '.t3js-grideditor-addcolumn';
-  protected selectorRemoveColumn: string = '.t3js-grideditor-removecolumn';
-  protected selectorAddRowTop: string = '.t3js-grideditor-addrow-top';
-  protected selectorRemoveRowTop: string = '.t3js-grideditor-removerow-top';
-  protected selectorAddRowBottom: string = '.t3js-grideditor-addrow-bottom';
-  protected selectorRemoveRowBottom: string = '.t3js-grideditor-removerow-bottom';
-  protected selectorLinkEditor: string = '.t3js-grideditor-link-editor';
-  protected selectorLinkExpandRight: string = '.t3js-grideditor-link-expand-right';
-  protected selectorLinkShrinkLeft: string = '.t3js-grideditor-link-shrink-left';
-  protected selectorLinkExpandDown: string = '.t3js-grideditor-link-expand-down';
-  protected selectorLinkShrinkUp: string = '.t3js-grideditor-link-shrink-up';
-  protected selectorDocHeaderSave: string = '.t3js-grideditor-savedok';
-  protected selectorDocHeaderSaveClose: string = '.t3js-grideditor-savedokclose';
-  protected selectorConfigPreview: string = '.t3js-grideditor-preview-config';
-  protected selectorConfigPreviewButton: string = '.t3js-grideditor-preview-button';
-
-  /**
-   * Remove all markup
-   *
-   * @param {String} input
-   * @returns {string}
-   */
-  public static stripMarkup(input: string): string {
-    const securityUtility = new SecurityUtility();
-    return securityUtility.stripHtml(input);
-  }
-
-  /**
-   *
-   * @param {GridEditorConfigurationInterface} config
-   */
-  constructor(config: GridEditorConfigurationInterface = null) {
-    const $element = $(this.selectorEditor);
-    this.colCount = $element.data('colcount');
-    this.rowCount = $element.data('rowcount');
-    this.field = $('input[name="' + $element.data('field') + '"]');
-    this.data = $element.data('data');
-    this.nameLabel = config !== null ? config.nameLabel : 'Name';
-    this.columnLabel = config !== null ? config.columnLabel : 'Column';
-    this.targetElement = $(this.selectorEditor);
-    $(this.selectorConfigPreview).hide();
-
-    $(this.selectorConfigPreviewButton).empty().append(TYPO3.lang['button.showPageTsConfig']);
-
-    this.initializeEvents();
-    this.drawTable();
-    this.writeConfig(this.export2LayoutRecord());
-  }
-
-  /**
-   *
-   */
-  protected initializeEvents(): void {
-    $(document).on('click', this.selectorAddColumn, this.addColumnHandler);
-    $(document).on('click', this.selectorRemoveColumn, this.removeColumnHandler);
-    $(document).on('click', this.selectorAddRowTop, this.addRowTopHandler);
-    $(document).on('click', this.selectorAddRowBottom, this.addRowBottomHandler);
-    $(document).on('click', this.selectorRemoveRowTop, this.removeRowTopHandler);
-    $(document).on('click', this.selectorRemoveRowBottom, this.removeRowBottomHandler);
-    $(document).on('click', this.selectorLinkEditor, this.linkEditorHandler);
-    $(document).on('click', this.selectorLinkExpandRight, this.linkExpandRightHandler);
-    $(document).on('click', this.selectorLinkShrinkLeft, this.linkShrinkLeftHandler);
-    $(document).on('click', this.selectorLinkExpandDown, this.linkExpandDownHandler);
-    $(document).on('click', this.selectorLinkShrinkUp, this.linkShrinkUpHandler);
-    $(document).on('click', this.selectorConfigPreviewButton, this.configPreviewButtonHandler);
-  }
-
-  /**
-   *
-   * @param {Event} e
-   */
-  protected modalButtonClickHandler = (e: Event) => {
-    const button: any = e.target;
-    if (button.name === 'cancel') {
-      Modal.currentModal.trigger('modal-dismiss');
-    } else if (button.name === 'ok') {
-      this.setName(
-        Modal.currentModal.find('.t3js-grideditor-field-name').val(),
-        Modal.currentModal.data('col'),
-        Modal.currentModal.data('row'),
-      );
-      this.setColumn(
-        Modal.currentModal.find('.t3js-grideditor-field-colpos').val(),
-        Modal.currentModal.data('col'),
-        Modal.currentModal.data('row'),
-      );
-      this.drawTable();
-      this.writeConfig(this.export2LayoutRecord());
-      Modal.currentModal.trigger('modal-dismiss');
-    }
-  }
-
-  /**
-   *
-   * @param {Event} e
-   */
-  protected addColumnHandler = (e: Event) => {
-    e.preventDefault();
-    this.addColumn();
-    this.drawTable();
-    this.writeConfig(this.export2LayoutRecord());
-  }
-
-  /**
-   *
-   * @param {Event} e
-   */
-  protected removeColumnHandler = (e: Event) => {
-    e.preventDefault();
-    this.removeColumn();
-    this.drawTable();
-    this.writeConfig(this.export2LayoutRecord());
-  }
-
-  /**
-   *
-   * @param {Event} e
-   */
-  protected addRowTopHandler = (e: Event) => {
-    e.preventDefault();
-    this.addRowTop();
-    this.drawTable();
-    this.writeConfig(this.export2LayoutRecord());
-  }
-
-  /**
-   *
-   * @param {Event} e
-   */
-  protected addRowBottomHandler = (e: Event) => {
-    e.preventDefault();
-    this.addRowBottom();
-    this.drawTable();
-    this.writeConfig(this.export2LayoutRecord());
-  }
-
-  /**
-   *
-   * @param {Event} e
-   */
-  protected removeRowTopHandler = (e: Event) => {
-    e.preventDefault();
-    this.removeRowTop();
-    this.drawTable();
-    this.writeConfig(this.export2LayoutRecord());
-  }
-
-  /**
-   *
-   * @param {Event} e
-   */
-  protected removeRowBottomHandler = (e: Event) => {
-    e.preventDefault();
-    this.removeRowBottom();
-    this.drawTable();
-    this.writeConfig(this.export2LayoutRecord());
-  }
-
-  /**
-   *
-   * @param {Event} e
-   */
-  protected linkEditorHandler = (e: Event) => {
-    e.preventDefault();
-    const $element = $(e.target);
-    this.showOptions($element.data('col'), $element.data('row'));
-  }
-
-  /**
-   *
-   * @param {Event} e
-   */
-  protected linkExpandRightHandler = (e: Event) => {
-    e.preventDefault();
-    const $element = $(e.target);
-    this.addColspan($element.data('col'), $element.data('row'));
-    this.drawTable();
-    this.writeConfig(this.export2LayoutRecord());
-  }
-
-  /**
-   *
-   * @param {Event} e
-   */
-  protected linkShrinkLeftHandler = (e: Event) => {
-    e.preventDefault();
-    const $element = $(e.target);
-    this.removeColspan($element.data('col'), $element.data('row'));
-    this.drawTable();
-    this.writeConfig(this.export2LayoutRecord());
-  }
-
-  /**
-   *
-   * @param {Event} e
-   */
-  protected linkExpandDownHandler = (e: Event) => {
-    e.preventDefault();
-    const $element = $(e.target);
-    this.addRowspan($element.data('col'), $element.data('row'));
-    this.drawTable();
-    this.writeConfig(this.export2LayoutRecord());
-  }
-
-  /**
-   *
-   * @param {Event} e
-   */
-  protected linkShrinkUpHandler = (e: Event) => {
-    e.preventDefault();
-    const $element = $(e.target);
-    this.removeRowspan($element.data('col'), $element.data('row'));
-    this.drawTable();
-    this.writeConfig(this.export2LayoutRecord());
-  }
-
-  /**
-   *
-   * @param {Event} e
-   */
-  protected configPreviewButtonHandler = (e: Event) => {
-    e.preventDefault();
-    const $preview = $(this.selectorConfigPreview);
-    const $button = $(this.selectorConfigPreviewButton);
-    if ($preview.is(':visible')) {
-      $button.empty().append(TYPO3.lang['button.showPageTsConfig']);
-      $(this.selectorConfigPreview).slideUp();
-    } else {
-      $button.empty().append(TYPO3.lang['button.hidePageTsConfig']);
-      $(this.selectorConfigPreview).slideDown();
-    }
-  }
-
-  /**
-   * Create a new cell from defaultCell
-   * @returns {Object}
-   */
-  protected getNewCell(): any {
-    return $.extend({}, this.defaultCell);
-  }
-
-  /**
-   * write data back to hidden field
-   *
-   * @param data
-   */
-  protected writeConfig(data: any): void {
-    this.field.val(data);
-    const configLines = data.split('\n');
-    let config = '';
-    for (const line of configLines) {
-      if (line) {
-        config += '\t\t\t' + line + '\n';
-      }
-    }
-    $(this.selectorConfigPreview).find('code').empty().append(
-      'mod.web_layout.BackendLayouts {\n' +
-      '  exampleKey {\n' +
-      '    title = Example\n' +
-      '    icon = EXT:example_extension/Resources/Public/Images/BackendLayouts/default.gif\n' +
-      '    config {\n' +
-      config.replace(new RegExp('\t', 'g'), '  ') +
-      '    }\n' +
-      '  }\n' +
-      '}\n',
-    );
-  }
-
-  /**
-   * Add a new row at the top
-   */
-  protected addRowTop(): void {
-    const newRow = [];
-    for (let i = 0; i < this.colCount; i++) {
-      const newCell = this.getNewCell();
-      newCell.name = i + 'x' + this.data.length;
-      newRow[i] = newCell;
-    }
-    this.data.unshift(newRow);
-    this.rowCount++;
-  }
-
-  /**
-   * Add a new row at the bottom
-   */
-  protected addRowBottom(): void {
-    const newRow = [];
-    for (let i = 0; i < this.colCount; i++) {
-      const newCell = this.getNewCell();
-      newCell.name = i + 'x' + this.data.length;
-      newRow[i] = newCell;
-    }
-    this.data.push(newRow);
-    this.rowCount++;
-  }
-
-  /**
-   * Removes the first row of the grid and adjusts all cells that might be effected
-   * by that change. (Removing colspans)
-   */
-  protected removeRowTop(): boolean {
-    if (this.rowCount <= 1) {
-      return false;
-    }
-    const newData = [];
-    for (let rowIndex = 1; rowIndex < this.rowCount; rowIndex++) {
-      newData.push(this.data[rowIndex]);
-    }
-
-    // fix rowspan in former last row
-    for (let colIndex = 0; colIndex < this.colCount; colIndex++) {
-      if (this.data[0][colIndex].spanned === 1) {
-        this.findUpperCellWidthRowspanAndDecreaseByOne(colIndex, 0);
-      }
-    }
-
-    this.data = newData;
-    this.rowCount--;
-    return true;
-  }
-
-  /**
-   * Removes the last row of the grid and adjusts all cells that might be effected
-   * by that change. (Removing colspans)
-   */
-  protected removeRowBottom(): boolean {
-    if (this.rowCount <= 1) {
-      return false;
-    }
-    const newData = [];
-    for (let rowIndex = 0; rowIndex < this.rowCount - 1; rowIndex++) {
-      newData.push(this.data[rowIndex]);
-    }
-
-    // fix rowspan in former last row
-    for (let colIndex = 0; colIndex < this.colCount; colIndex++) {
-      if (this.data[this.rowCount - 1][colIndex].spanned === 1) {
-        this.findUpperCellWidthRowspanAndDecreaseByOne(colIndex, this.rowCount - 1);
-      }
-    }
-
-    this.data = newData;
-    this.rowCount--;
-    return true;
-  }
-
-  /**
-   * Takes a cell and looks above it if there are any cells that have colspans that
-   * spans into the given cell. This is used when a row was removed from the grid
-   * to make sure that no cell with wrong colspans exists in the grid.
-   *
-   * @param {number} col
-   * @param {number} row integer
-   */
-  protected findUpperCellWidthRowspanAndDecreaseByOne(col: number, row: number): boolean {
-    const upperCell = this.getCell(col, row - 1);
-    if (!upperCell) {
-      return false;
-    }
-
-    if (upperCell.spanned === 1) {
-      this.findUpperCellWidthRowspanAndDecreaseByOne(col, row - 1);
-    } else {
-      if (upperCell.rowspan > 1) {
-        this.removeRowspan(col, row - 1);
-      }
-    }
-    return true;
-  }
-
-  /**
-   * Removes the outermost right column from the grid.
-   */
-  protected removeColumn(): boolean {
-    if (this.colCount <= 1) {
-      return false;
-    }
-    const newData = [];
-
-    for (let rowIndex = 0; rowIndex < this.rowCount; rowIndex++) {
-      const newRow = [];
-      for (let colIndex = 0; colIndex < this.colCount - 1; colIndex++) {
-        newRow.push(this.data[rowIndex][colIndex]);
-      }
-      if (this.data[rowIndex][this.colCount - 1].spanned === 1) {
-        this.findLeftCellWidthColspanAndDecreaseByOne(this.colCount - 1, rowIndex);
-      }
-      newData.push(newRow);
-    }
-
-    this.data = newData;
-    this.colCount--;
-    return true;
-  }
-
-  /**
-   * Checks if there are any cells on the left side of a given cell with a
-   * rowspan that spans over the given cell.
-   *
-   * @param {number} col
-   * @param {number} row
-   */
-  protected findLeftCellWidthColspanAndDecreaseByOne(col: number, row: number): boolean {
-    const leftCell = this.getCell(col - 1, row);
-    if (!leftCell) {
-      return false;
-    }
-
-    if (leftCell.spanned === 1) {
-      this.findLeftCellWidthColspanAndDecreaseByOne(col - 1, row);
-    } else {
-      if (leftCell.colspan > 1) {
-        this.removeColspan(col - 1, row);
-      }
-    }
-    return true;
-  }
-
-  /**
-   * Adds a column at the right side of the grid.
-   */
-  protected addColumn(): void {
-    for (let rowIndex = 0; rowIndex < this.rowCount; rowIndex++) {
-      const newCell = this.getNewCell();
-      newCell.name = this.colCount + 'x' + rowIndex;
-      this.data[rowIndex].push(newCell);
-    }
-    this.colCount++;
-  }
-
-  /**
-   * Draws the grid as table into a given container.
-   * It also adds all needed links and bindings to the cells to make it editable.
-   */
-  protected drawTable(): void {
-    const $colgroup = $('<colgroup>');
-    for (let col = 0; col < this.colCount; col++) {
-      const percent = 100 / this.colCount;
-      $colgroup.append($('<col>').css({
-        width: parseInt(percent.toString(), 10) + '%',
-      }));
-    }
-    const $table = $('<table id="base" class="table editor">');
-    $table.append($colgroup);
-
-    for (let row = 0; row < this.rowCount; row++) {
-      const rowData = this.data[row];
-      if (rowData.length === 0) {
-        continue;
-      }
-
-      const $row = $('<tr>');
-
-      for (let col = 0; col < this.colCount; col++) {
-        const cell = this.data[row][col];
-        if (cell.spanned === 1) {
-          continue;
-        }
-        const percentRow = 100 / this.rowCount;
-        const percentCol = 100 / this.colCount;
-        const $cell = $('<td>').css({
-          height: parseInt(percentRow.toString(), 10) * cell.rowspan + '%',
-          width: parseInt(percentCol.toString(), 10) * cell.colspan + '%',
-        });
-        const $container = $('<div class="cell_container">');
-        $cell.append($container);
-        const $anchor = $('<a href="#" data-col="' + col + '" data-row="' + row + '">');
-
-        $container.append(
-          $anchor
-            .clone()
-            .attr('class', 't3js-grideditor-link-editor link link_editor')
-            .attr('title', TYPO3.lang.grid_editCell),
-        );
-        if (this.cellCanSpanRight(col, row)) {
-          $container.append(
-            $anchor
-              .clone()
-              .attr('class', 't3js-grideditor-link-expand-right link link_expand_right')
-              .attr('title', TYPO3.lang.grid_mergeCell),
-          );
-        }
-        if (this.cellCanShrinkLeft(col, row)) {
-          $container.append(
-            $anchor
-              .clone()
-              .attr('class', 't3js-grideditor-link-shrink-left link link_shrink_left')
-              .attr('title', TYPO3.lang.grid_splitCell),
-          );
-        }
-        if (this.cellCanSpanDown(col, row)) {
-          $container.append(
-            $anchor
-              .clone()
-              .attr('class', 't3js-grideditor-link-expand-down link link_expand_down')
-              .attr('title', TYPO3.lang.grid_mergeCell),
-          );
-        }
-        if (this.cellCanShrinkUp(col, row)) {
-          $container.append(
-            $anchor
-              .clone()
-              .attr('class', 't3js-grideditor-link-shrink-up link link_shrink_up')
-              .attr('title', TYPO3.lang.grid_splitCell),
-          );
-        }
-        $cell.append(
-          $('<div class="cell_data">')
-            .html(
-              TYPO3.lang.grid_name + ': '
-              + (cell.name ? GridEditor.stripMarkup(cell.name) : TYPO3.lang.grid_notSet)
-              + '<br />'
-              + TYPO3.lang.grid_column + ': '
-              + (typeof cell.column === 'undefined' || isNaN(cell.column)
-                  ? TYPO3.lang.grid_notSet
-                  : parseInt(cell.column, 10)
-                ),
-            ),
-        );
-        if (cell.colspan > 1) {
-          $cell.attr('colspan', cell.colspan);
-        }
-        if (cell.rowspan > 1) {
-          $cell.attr('rowspan', cell.rowspan);
-        }
-        $row.append($cell);
-      }
-      $table.append($row);
-    }
-    $(this.targetElement).empty().append($table);
-  }
-
-  /**
-   * Sets the name of a certain grid element.
-   *
-   * @param {String} newName
-   * @param {number} col
-   * @param {number} row
-   *
-   * @returns {Boolean}
-   */
-  protected setName(newName: string, col: number, row: number): boolean {
-    const cell = this.getCell(col, row);
-    if (!cell) {
-      return false;
-    }
-    cell.name = GridEditor.stripMarkup(newName);
-    return true;
-  }
-
-  /**
-   * Sets the column field for a certain grid element. This is NOT the column of the
-   * element itself.
-   *
-   * @param {number} newColumn
-   * @param {number} col
-   * @param {number} row
-   *
-   * @returns {Boolean}
-   */
-  protected setColumn(newColumn: number, col: number, row: number): boolean {
-    const cell = this.getCell(col, row);
-    if (!cell) {
-      return false;
-    }
-    cell.column = parseInt(newColumn.toString(), 10);
-    return true;
-  }
-
-  /**
-   * Creates an Modal with two input fields and shows it. On save, the data
-   * is written into the grid element.
-   *
-   * @param {number} col
-   * @param {number} row
-   *
-   * @returns {Boolean}
-   */
-  protected showOptions(col: number, row: number): boolean {
-    const cell = this.getCell(col, row);
-    if (!cell) {
-      return false;
-    }
-    let colPos;
-    if (cell.column === 0) {
-      colPos = 0;
-    } else if (cell.column) {
-      colPos = parseInt(cell.column.toString(), 10);
-    } else {
-      colPos = '';
-    }
-
-    const $markup = $('<div>');
-    const $formGroup = $('<div class="form-group">');
-    const $label = $('<label>');
-    const $input = $('<input>');
-
-    $markup.append([
-      $formGroup
-        .clone()
-        .append([
-          $label
-            .clone()
-            .text(TYPO3.lang.grid_nameHelp)
-          ,
-          $input
-            .clone()
-            .attr('type', 'text')
-            .attr('class', 't3js-grideditor-field-name form-control')
-            .attr('name', 'name')
-            .val(GridEditor.stripMarkup(cell.name) || ''),
-        ]),
-      $formGroup
-        .clone()
-        .append([
-          $label
-            .clone()
-            .text(TYPO3.lang.grid_columnHelp)
-          ,
-          $input
-            .clone()
-            .attr('type', 'text')
-            .attr('class', 't3js-grideditor-field-colpos form-control')
-            .attr('name', 'column')
-            .val(colPos),
-        ]),
-    ]);
-
-    const $modal = Modal.show(TYPO3.lang.grid_windowTitle, $markup, SeverityEnum.notice, [
-      {
-        active: true,
-        btnClass: 'btn-default',
-        name: 'cancel',
-        text: $(this).data('button-close-text') || TYPO3.lang['button.cancel'] || 'Cancel',
-      },
-      {
-        btnClass: 'btn-primary',
-        name: 'ok',
-        text: $(this).data('button-ok-text') || TYPO3.lang['button.ok'] || 'OK',
-      },
-    ]);
-    $modal.data('col', col);
-    $modal.data('row', row);
-    $modal.on('button.clicked', this.modalButtonClickHandler);
-    return true;
-  }
-
-  /**
-   * Returns a cell element from the grid.
-   *
-   * @param {number} col
-   * @param {number} row
-   */
-  protected getCell(col: number, row: number): any {
-    if (col > this.colCount - 1) {
-      return false;
-    }
-    if (row > this.rowCount - 1) {
-      return false;
-    }
-    if (this.data.length > row - 1 && this.data[row].length > col - 1) {
-      return this.data[row][col];
-    }
-    return null;
-  }
-
-  /**
-   * Checks whether a cell can span to the right or not. A cell can span to the right
-   * if it is not in the last column and if there is no cell beside it that is
-   * already overspanned by some other cell.
-   *
-   * @param {number} col
-   * @param {number} row
-   * @returns {Boolean}
-   */
-  protected cellCanSpanRight(col: number, row: number): boolean {
-    if (col === this.colCount - 1) {
-      return false;
-    }
-
-    const cell = this.getCell(col, row);
-    let checkCell;
-    if (cell.rowspan > 1) {
-      for (let rowIndex = row; rowIndex < row + cell.rowspan; rowIndex++) {
-        checkCell = this.getCell(col + cell.colspan, rowIndex);
-        if (!checkCell || checkCell.spanned === 1 || checkCell.colspan > 1 || checkCell.rowspan > 1) {
-          return false;
-        }
-      }
-    } else {
-      checkCell = this.getCell(col + cell.colspan, row);
-      if (!checkCell || cell.spanned === 1 || checkCell.spanned === 1 || checkCell.colspan > 1
-        || checkCell.rowspan > 1) {
-        return false;
-      }
-    }
-
-    return true;
-  }
-
-  /**
-   * Checks whether a cell can span down or not.
-   *
-   * @param {number} col
-   * @param {number} row
-   * @returns {Boolean}
-   */
-  protected cellCanSpanDown(col: number, row: number): boolean {
-    if (row === this.rowCount - 1) {
-      return false;
-    }
-
-    const cell = this.getCell(col, row);
-    let checkCell;
-    if (cell.colspan > 1) {
-      // we have to check all cells on the right side for the complete colspan
-      for (let colIndex = col; colIndex < col + cell.colspan; colIndex++) {
-        checkCell = this.getCell(colIndex, row + cell.rowspan);
-        if (!checkCell || checkCell.spanned === 1 || checkCell.colspan > 1 || checkCell.rowspan > 1) {
-          return false;
-        }
-      }
-    } else {
-      checkCell = this.getCell(col, row + cell.rowspan);
-      if (!checkCell || cell.spanned === 1 || checkCell.spanned === 1 || checkCell.colspan > 1
-        || checkCell.rowspan > 1) {
-        return false;
-      }
-    }
-
-    return true;
-  }
-
-  /**
-   * Checks if a cell can shrink to the left. It can shrink if the colspan of the
-   * cell is bigger than 1.
-   *
-   * @param {number} col
-   * @param {number} row
-   * @returns {Boolean}
-   */
-  protected cellCanShrinkLeft(col: number, row: number): boolean {
-    return (this.data[row][col].colspan > 1);
-  }
-
-  /**
-   * Returns if a cell can shrink up. This is the case if a cell has at least
-   * a rowspan of 2.
-   *
-   * @param {number} col
-   * @param {number} row
-   * @returns {Boolean}
-   */
-  protected cellCanShrinkUp(col: number, row: number): boolean {
-    return (this.data[row][col].rowspan > 1);
-  }
-
-  /**
-   * Adds a colspan to a grid element.
-   *
-   * @param {number} col
-   * @param {number} row
-   * @returns {Boolean}
-   */
-  protected addColspan(col: number, row: number): boolean {
-    const cell = this.getCell(col, row);
-    if (!cell || !this.cellCanSpanRight(col, row)) {
-      return false;
-    }
-
-    for (let rowIndex = row; rowIndex < row + cell.rowspan; rowIndex++) {
-      this.data[rowIndex][col + cell.colspan].spanned = 1;
-    }
-    cell.colspan += 1;
-    return true;
-  }
-
-  /**
-   * Adds a rowspan to grid element.
-   *
-   * @param {number} col
-   * @param {number} row
-   * @returns {Boolean}
-   */
-  protected addRowspan(col: number, row: number): boolean {
-    const cell = this.getCell(col, row);
-    if (!cell || !this.cellCanSpanDown(col, row)) {
-      return false;
-    }
-
-    for (let colIndex = col; colIndex < col + cell.colspan; colIndex++) {
-      this.data[row + cell.rowspan][colIndex].spanned = 1;
-    }
-    cell.rowspan += 1;
-    return true;
-  }
-
-  /**
-   * Removes a colspan from a grid element.
-   *
-   * @param {number} col
-   * @param {number} row
-   * @returns {Boolean}
-   */
-  protected removeColspan(col: number, row: number): boolean {
-    const cell = this.getCell(col, row);
-    if (!cell || !this.cellCanShrinkLeft(col, row)) {
-      return false;
-    }
-
-    cell.colspan -= 1;
-
-    for (let rowIndex = row; rowIndex < row + cell.rowspan; rowIndex++) {
-      this.data[rowIndex][col + cell.colspan].spanned = 0;
-    }
-    return true;
-  }
-
-  /**
-   * Removes a rowspan from a grid element.
-   *
-   * @param {number} col
-   * @param {number} row
-   * @returns {Boolean}
-   */
-  protected removeRowspan(col: number, row: number): boolean {
-    const cell = this.getCell(col, row);
-    if (!cell || !this.cellCanShrinkUp(col, row)) {
-      return false;
-    }
-
-    cell.rowspan -= 1;
-    for (let colIndex = col; colIndex < col + cell.colspan; colIndex++) {
-      this.data[row + cell.rowspan][colIndex].spanned = 0;
-    }
-    return true;
-  }
-
-  /**
-   * Exports the current grid to a TypoScript notation that can be read by the
-   * page module and is human readable.
-   *
-   * @returns {String}
-   */
-  protected export2LayoutRecord(): string {
-    let result = 'backend_layout {\n\tcolCount = ' + this.colCount + '\n\trowCount = ' + this.rowCount + '\n\trows {\n';
-    for (let row = 0; row < this.rowCount; row++) {
-      result += '\t\t' + (row + 1) + ' {\n';
-      result += '\t\t\tcolumns {\n';
-      let colIndex = 0;
-      for (let col = 0; col < this.colCount; col++) {
-        const cell = this.getCell(col, row);
-        if (cell) {
-          if (!cell.spanned) {
-            const cellName: string = GridEditor.stripMarkup(cell.name) || '';
-            colIndex++;
-            result += '\t\t\t\t' + (colIndex) + ' {\n';
-            result += '\t\t\t\t\tname = ' + ((!cellName) ? col + 'x' + row : cellName) + '\n';
-            if (cell.colspan > 1) {
-              result += '\t\t\t\t\tcolspan = ' + cell.colspan + '\n';
-            }
-            if (cell.rowspan > 1) {
-              result += '\t\t\t\t\trowspan = ' + cell.rowspan + '\n';
-            }
-            if (typeof(cell.column) === 'number') {
-              result += '\t\t\t\t\tcolPos = ' + cell.column + '\n';
-            }
-            result += '\t\t\t\t}\n';
-          }
-        }
-
-      }
-      result += '\t\t\t}\n';
-      result += '\t\t}\n';
-    }
-
-    result += '\t}\n}\n';
-    return result;
-  }
-}
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Icons.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Icons.ts
deleted file mode 100644
index f414484..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Icons.ts
+++ /dev/null
@@ -1,188 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import * as $ from 'jquery';
-import ClientStorage = require('./Storage/Client');
-
-enum Sizes {
-  small = 'small',
-  default = 'default',
-  large = 'large',
-  overlay = 'overlay',
-}
-
-enum States {
-  default = 'default',
-  disabled = 'disabled',
-}
-
-enum MarkupIdentifiers {
-  default = 'default',
-  inline = 'inline',
-}
-
-interface PromiseCache {
-  [key: string]: JQueryPromise<any>;
-}
-
-/**
- * Module: TYPO3/CMS/Backend/Icons
- * Uses the icon API of the core to fetch icons via AJAX.
- */
-class Icons {
-  public readonly sizes: any = Sizes;
-  public readonly states: any = States;
-  public readonly markupIdentifiers: any = MarkupIdentifiers;
-  private readonly promiseCache: PromiseCache = {};
-
-  /**
-   * Get the icon by its identifier
-   *
-   * @param {string} identifier
-   * @param {Sizes} size
-   * @param {string} overlayIdentifier
-   * @param {string} state
-   * @param {MarkupIdentifiers} markupIdentifier
-   * @returns {JQueryPromise<any>}
-   */
-  public getIcon(identifier: string,
-                 size: Sizes,
-                 overlayIdentifier?: string,
-                 state?: string,
-                 markupIdentifier?: MarkupIdentifiers): JQueryPromise<any> {
-
-    /**
-     * Icon keys:
-     *
-     * 0: identifier
-     * 1: size
-     * 2: overlayIdentifier
-     * 3: state
-     * 4: markupIdentifier
-     */
-    size = size || Sizes.default;
-    state = state || States.default;
-    markupIdentifier = markupIdentifier || MarkupIdentifiers.default;
-
-    const describedIcon = [identifier, size, overlayIdentifier, state, markupIdentifier];
-    const cacheIdentifier = describedIcon.join('_');
-
-    return $.when(this.getIconRegistryCache()).pipe((registryCacheIdentifier: string): any => {
-      if (!ClientStorage.isset('icon_registry_cache_identifier')
-        || ClientStorage.get('icon_registry_cache_identifier') !== registryCacheIdentifier
-      ) {
-        ClientStorage.unsetByPrefix('icon_');
-        ClientStorage.set('icon_registry_cache_identifier', registryCacheIdentifier);
-      }
-
-      return this.fetchFromLocal(cacheIdentifier).then(null, (): any => {
-        return this.fetchFromRemote(describedIcon, cacheIdentifier);
-      });
-    });
-  }
-
-  private getIconRegistryCache(): JQueryPromise<any> {
-    const promiseCacheIdentifier = 'icon_registry_cache_identifier';
-
-    if (!this.isPromiseCached(promiseCacheIdentifier)) {
-      this.putInPromiseCache(promiseCacheIdentifier, $.ajax({
-        url: TYPO3.settings.ajaxUrls.icons_cache,
-        success: (response: string): string => {
-          return response;
-        },
-      }));
-    }
-
-    return this.getFromPromiseCache(promiseCacheIdentifier);
-  }
-
-  /**
-   * Performs the AJAX request to fetch the icon
-   *
-   * @param {Array<string>} icon
-   * @param {string} cacheIdentifier
-   * @returns {JQueryPromise<any>}
-   */
-  private fetchFromRemote(icon: Array<string>, cacheIdentifier: string): JQueryPromise<any> {
-    if (!this.isPromiseCached(cacheIdentifier)) {
-      this.putInPromiseCache(cacheIdentifier, $.ajax({
-        url: TYPO3.settings.ajaxUrls.icons,
-        dataType: 'html',
-        data: {
-          icon: JSON.stringify(icon),
-        },
-        success: (markup: string) => {
-          if (markup.indexOf('t3js-icon') !== -1 && markup.indexOf('<span class="icon-markup">') !== -1) {
-            ClientStorage.set('icon_' + cacheIdentifier, markup);
-          }
-          return markup;
-        },
-      }));
-    }
-    return this.getFromPromiseCache(cacheIdentifier);
-  }
-
-  /**
-   * Gets the icon from localStorage
-   * @param {string} cacheIdentifier
-   * @returns {JQueryPromise<any>}
-   */
-  private fetchFromLocal(cacheIdentifier: string): JQueryPromise<any> {
-    const deferred = $.Deferred();
-    if (ClientStorage.isset('icon_' + cacheIdentifier)) {
-      deferred.resolve(ClientStorage.get('icon_' + cacheIdentifier));
-    } else {
-      deferred.reject();
-    }
-
-    return deferred.promise();
-  }
-
-  /**
-   * Check whether icon was fetched already
-   *
-   * @param {string} cacheIdentifier
-   * @returns {boolean}
-   */
-  private isPromiseCached(cacheIdentifier: string): boolean {
-    return typeof this.promiseCache[cacheIdentifier] !== 'undefined';
-  }
-
-  /**
-   * Get icon from cache
-   *
-   * @param {string} cacheIdentifier
-   * @returns {JQueryPromise<any>}
-   */
-  private getFromPromiseCache(cacheIdentifier: string): JQueryPromise<any> {
-    return this.promiseCache[cacheIdentifier];
-  }
-
-  /**
-   * Put icon into cache
-   *
-   * @param {string} cacheIdentifier
-   * @param {JQueryPromise<any>} markup
-   */
-  private putInPromiseCache(cacheIdentifier: string, markup: JQueryPromise<any>): void {
-    this.promiseCache[cacheIdentifier] = markup;
-  }
-}
-
-let iconsObject: Icons;
-if (!iconsObject) {
-  iconsObject = new Icons();
-  TYPO3.Icons = iconsObject;
-}
-
-export = iconsObject;
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/ImageManipulation.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/ImageManipulation.ts
deleted file mode 100644
index 918491b..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/ImageManipulation.ts
+++ /dev/null
@@ -1,977 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import * as $ from 'jquery';
-import 'jquery-ui/draggable';
-import 'jquery-ui/resizable';
-import FormEngineValidation = require('TYPO3/CMS/Backend/FormEngineValidation');
-import Icons = require('./Icons');
-import Modal = require('./Modal');
-import ImagesLoaded = require('TYPO3/CMS/Core/Contrib/imagesloaded.pkgd.min');
-
-interface Area {
-  x: number;
-  y: number;
-  height: number;
-  width: number;
-}
-
-interface Ratio {
-  id: string;
-  title: string;
-  value: number;
-}
-
-interface CropVariant {
-  title: string;
-  id: string;
-  selectedRatio: string;
-  cropArea?: Area;
-  focusArea?: Area;
-  coverAreas?: Area[];
-  allowedAspectRatios: {[key: string]: Ratio};
-}
-
-interface Offset {
-  left: number;
-  top: number;
-}
-
-interface CropperEvent {
-  x: number;
-  y: number;
-  width: number;
-  height: number;
-  rotate: number;
-  scaleX: number;
-  scaleY: number;
-}
-
-interface CropperImageData {
-  left: number;
-  top: number;
-  width: number;
-  height: number;
-  naturalWidth: number;
-  naturalHeight: number;
-  aspectRatio: number;
-  rotate: number;
-  scaleX: number;
-  scaleY: number;
-}
-
-/**
- * Module: TYPO3/CMS/Backend/ImageManipulation
- * Contains all logic for the image crop GUI including setting focusAreas
- * @exports TYPO3/CMS/Backend/ImageManipulation
- */
-class ImageManipulation {
-  private trigger: JQuery;
-  private currentModal: JQuery;
-  private cropVariantTriggers: JQuery;
-  private activeCropVariantTrigger: JQuery;
-  private saveButton: JQuery;
-  private previewButton: JQuery;
-  private dismissButton: JQuery;
-  private resetButton: JQuery;
-  private aspectRatioTrigger: JQuery;
-  private cropperCanvas: JQuery;
-  private cropInfo: JQuery;
-  private cropImageContainerSelector: string = '#t3js-crop-image-container';
-  private imageOriginalSizeFactor: number;
-  private cropImageSelector: string = '#t3js-crop-image';
-  private coverAreaSelector: string = '.t3js-cropper-cover-area';
-  private cropInfoSelector: string = '.t3js-cropper-info-crop';
-  private focusAreaSelector: string = '#t3js-cropper-focus-area';
-  private focusArea: any;
-  private cropBox: JQuery;
-  private cropper: any;
-  private currentCropVariant: CropVariant;
-  private data: any;
-  private defaultFocusArea: Area = {
-    height: 1 / 3,
-    width: 1 / 3,
-    x: 0,
-    y: 0,
-  };
-  private defaultOpts: object = {
-    autoCrop: true,
-    autoCropArea: '0.7',
-    dragMode: 'crop',
-    guides: true,
-    responsive: true,
-    viewMode: 1,
-    zoomable: false,
-  };
-  private resizeTimeout: Number = 450;
-
-  /**
-   * @method isCropAreaEmpty
-   * @desc Checks if an area is set or pristine
-   * @param {Area} area - The area to check
-   * @return {boolean}
-   * @static
-   */
-  public static isEmptyArea(area: Area): boolean {
-    return $.isEmptyObject(area);
-  }
-
-  /**
-   * @method wait
-   * @desc window.setTimeout shim
-   * @param {Function} fn - The function to execute
-   * @param {number} ms - The time in [ms] to wait until execution
-   * @return {boolean}
-   * @public
-   * @static
-   */
-  public static wait(fn: () => void, ms: number): void {
-    window.setTimeout(fn, ms);
-  }
-
-  /**
-   * @method toCssPercent
-   * @desc Takes a number, and converts it to CSS percentage length
-   * @param {number} num - The number to convert
-   * @return {string}
-   * @public
-   * @static
-   */
-  public static toCssPercent(num: number): string {
-    return `${num * 100}%`;
-  }
-
-  /**
-   * @method serializeCropVariants
-   * @desc Serializes crop variants for persistence or preview
-   * @param {Object} cropVariants
-   * @returns string
-   */
-  private static serializeCropVariants(cropVariants: object): string {
-    const omitUnused: any = (key: any, value: any): any =>
-      (
-        key === 'id'
-        || key === 'title'
-        || key === 'allowedAspectRatios'
-        || key === 'coverAreas'
-      ) ? undefined : value;
-
-    return JSON.stringify(cropVariants, omitUnused);
-  }
-
-  constructor() {
-    // silence is golden
-    $(window).resize((): void => {
-      if (this.cropper) {
-        this.cropper.cropper('destroy');
-      }
-    });
-    this.resizeEnd((): void => {
-      if (this.cropper) {
-        this.init();
-      }
-    });
-  }
-
-  /**
-   * @method initializeTrigger
-   * @desc Assign a handler to .t3js-image-manipulation-trigger.
-   *       Show the modal and kick-off image manipulation
-   * @public
-   */
-  public initializeTrigger(): void {
-    const triggerHandler = (e: JQueryEventObject): void => {
-      e.preventDefault();
-      this.trigger = $(e.currentTarget);
-      this.show();
-    };
-    $('.t3js-image-manipulation-trigger').off('click').click(triggerHandler);
-  }
-
-  /**
-   * @method initializeCropperModal
-   * @desc Initialize the cropper modal and dispatch the cropper init
-   * @private
-   */
-  private initializeCropperModal(): void {
-    const image: JQuery = this.currentModal.find(this.cropImageSelector);
-    ImagesLoaded(image as any, (): void => {
-      setTimeout(
-        (): void => {
-          this.init();
-        },
-        100,
-      );
-    });
-  }
-
-  /**
-   * @method show
-   * @desc Load the image and setup the modal UI
-   * @private
-   */
-  private show(): void {
-    const modalTitle: string = this.trigger.data('modalTitle');
-    const buttonPreviewText: string = this.trigger.data('buttonPreviewText');
-    const buttonDismissText: string = this.trigger.data('buttonDismissText');
-    const buttonSaveText: string = this.trigger.data('buttonSaveText');
-    const imageUri: string = this.trigger.data('url');
-    const payload: object = this.trigger.data('payload');
-    const initCropperModal: ()  => void = this.initializeCropperModal.bind(this);
-
-    Icons.getIcon('spinner-circle', Icons.sizes.default, null, null, Icons.markupIdentifiers.inline).done((icon: string): void => {
-      /**
-       * Open modal with image to crop
-       */
-      this.currentModal = Modal.advanced({
-        additionalCssClasses: ['modal-image-manipulation'],
-        buttons: [
-          {
-            btnClass: 'btn-default pull-left',
-            dataAttributes: {
-              method: 'preview',
-            },
-            icon: 'actions-view',
-            text: buttonPreviewText,
-          },
-          {
-            btnClass: 'btn-default',
-            dataAttributes: {
-              method: 'dismiss',
-            },
-            icon: 'actions-close',
-            text: buttonDismissText,
-          },
-          {
-            btnClass: 'btn-primary',
-            dataAttributes: {
-              method: 'save',
-            },
-            icon: 'actions-document-save',
-            text: buttonSaveText,
-          },
-        ],
-        callback: (currentModal: JQuery): void => {
-          $.post({
-            url: imageUri,
-            data: payload,
-          }).done((response: string): void => {
-            initCropperModal();
-            currentModal.find('.t3js-modal-body').append(response).addClass('cropper');
-          });
-        },
-        content: $('<div class="modal-loading">').append(icon),
-        size: Modal.sizes.full,
-        style: Modal.styles.dark,
-        title: modalTitle,
-      });
-
-      this.currentModal.on('hide.bs.modal', (e: JQueryEventObject): void => {
-        this.destroy();
-      });
-      // do not dismiss the modal when clicking beside it to avoid data loss
-      this.currentModal.data('bs.modal').options.backdrop = 'static';
-    });
-  }
-
-  /**
-   * @method init
-   * @desc Initializes the cropper UI and sets up all the event indings for the UI
-   * @private
-   */
-  private init(): void {
-    const image: JQuery = this.currentModal.find(this.cropImageSelector);
-    const imageHeight: number = $(image).height();
-    const imageWidth: number = $(image).width();
-    const data: string = this.trigger.attr('data-crop-variants');
-
-    if (!data) {
-      throw new TypeError('ImageManipulation: No cropVariants data found for image');
-    }
-
-    // if we have data already set we assume an internal reinit eg. after resizing
-    this.data = $.isEmptyObject(this.data) ? JSON.parse(data) : this.data;
-    // initialize our class members
-    this.currentModal.find(this.cropImageContainerSelector).css({height: imageHeight, width: imageWidth});
-    this.cropVariantTriggers = this.currentModal.find('.t3js-crop-variant-trigger');
-    this.activeCropVariantTrigger = this.currentModal.find('.t3js-crop-variant-trigger.is-active');
-    this.cropInfo = this.currentModal.find(this.cropInfoSelector);
-    this.saveButton = this.currentModal.find('[data-method=save]');
-    this.previewButton = this.currentModal.find('[data-method=preview]');
-    this.dismissButton = this.currentModal.find('[data-method=dismiss]');
-    this.resetButton = this.currentModal.find('[data-method=reset]');
-    this.cropperCanvas = this.currentModal.find('#js-crop-canvas');
-    this.aspectRatioTrigger = this.currentModal.find('[data-method=setAspectRatio]');
-    this.currentCropVariant = (this as any).data[this.activeCropVariantTrigger.attr('data-crop-variant-id')];
-
-    /**
-     * Assign EventListener to cropVariantTriggers
-     */
-    this.cropVariantTriggers.off('click').on('click', (e: JQueryEventObject): void => {
-
-      /**
-       * Is the current cropVariantTrigger is active, bail out.
-       * Bootstrap doesn't provide this functionality when collapsing the Collaps panels
-       */
-      if ($(e.currentTarget).hasClass('is-active')) {
-        e.stopPropagation();
-        e.preventDefault();
-        return;
-      }
-
-      this.activeCropVariantTrigger.removeClass('is-active');
-      $(e.currentTarget).addClass('is-active');
-      this.activeCropVariantTrigger = $(e.currentTarget);
-      const cropVariant: CropVariant = this.data[this.activeCropVariantTrigger.attr('data-crop-variant-id')];
-      const imageData: CropperImageData = this.cropper.cropper('getImageData');
-      cropVariant.cropArea = this.convertRelativeToAbsoluteCropArea(cropVariant.cropArea, imageData);
-      this.currentCropVariant = $.extend(true, {}, cropVariant);
-      this.update(cropVariant);
-    });
-
-    /**
-     * Assign EventListener to aspectRatioTrigger
-     */
-    this.aspectRatioTrigger.off('click').on('click', (e: JQueryEventObject): void => {
-      const ratioId: string = $(e.currentTarget).attr('data-option');
-      const temp: CropVariant = $.extend(true, {}, this.currentCropVariant);
-      const ratio: Ratio = temp.allowedAspectRatios[ratioId];
-      this.setAspectRatio(ratio);
-      // set data explicitly or setAspectRatio upscales the crop
-      this.setCropArea(temp.cropArea);
-      this.currentCropVariant = $.extend(true, {}, temp, {selectedRatio: ratioId});
-      this.update(this.currentCropVariant);
-    });
-
-    /**
-     * Assign EventListener to saveButton
-     */
-    this.saveButton.off('click').on('click', (): void => {
-      this.save(this.data);
-    });
-
-    /**
-     * Assign EventListener to previewButton if preview url exists
-     */
-    if (this.trigger.attr('data-preview-url')) {
-      this.previewButton.off('click').on('click', (): void => {
-        this.openPreview(this.data);
-      });
-    } else {
-      this.previewButton.hide();
-    }
-
-    /**
-     * Assign EventListener to dismissButton
-     */
-    this.dismissButton.off('click').on('click', (): void => {
-      this.currentModal.modal('hide');
-    });
-
-    /**
-     * Assign EventListener to resetButton
-     */
-    this.resetButton.off('click').on('click', (e: JQueryEventObject): void => {
-      const imageData: CropperImageData = this.cropper.cropper('getImageData');
-      const resetCropVariantString: string = $(e.currentTarget).attr('data-crop-variant');
-      e.preventDefault();
-      e.stopPropagation();
-      if (!resetCropVariantString) {
-        throw new TypeError('TYPO3 Cropper: No cropVariant data attribute found on reset element.');
-      }
-      const resetCropVariant: CropVariant = JSON.parse(resetCropVariantString);
-      const absoluteCropArea: Area = this.convertRelativeToAbsoluteCropArea(resetCropVariant.cropArea, imageData);
-      this.currentCropVariant = $.extend(true, {}, resetCropVariant, {cropArea: absoluteCropArea});
-      this.update(this.currentCropVariant);
-    });
-
-    // if we start without an cropArea, maximize the cropper
-    if (ImageManipulation.isEmptyArea(this.currentCropVariant.cropArea)) {
-      this.defaultOpts = $.extend({
-        autoCropArea: 1,
-      },                          this.defaultOpts);
-    }
-
-    /**
-     * Initialise the cropper
-     *
-     * Note: We use the extraneous jQuery object here, as CropperJS won't work inside the <iframe>
-     * The top.require is now inlined @see ImageManipulationElemen.php:143
-     * TODO: Find a better solution for cross iframe communications
-     */
-    this.cropper = (top.$(image) as any).cropper($.extend(this.defaultOpts, {
-      built: this.cropBuiltHandler,
-      crop: this.cropMoveHandler,
-      cropend: this.cropEndHandler,
-      cropstart: this.cropStartHandler,
-      data: this.currentCropVariant.cropArea,
-    }));
-  }
-
-  /**
-   * @method cropBuiltHandler
-   * @desc Internal cropper handler. Called when the cropper has been instantiated
-   * @private
-   */
-  private cropBuiltHandler = (): void => {
-    const imageData: CropperImageData = this.cropper.cropper('getImageData');
-    const image: JQuery = this.currentModal.find(this.cropImageSelector);
-
-    this.imageOriginalSizeFactor = image.data('originalWidth') / imageData.naturalWidth;
-
-    // iterate over the crop variants and set up their respective preview
-    this.cropVariantTriggers.each((index: number, elem: Element): void => {
-      const cropVariantId: string = $(elem).attr('data-crop-variant-id');
-      const cropArea: Area = this.convertRelativeToAbsoluteCropArea(
-        this.data[cropVariantId].cropArea,
-        imageData,
-      );
-      const variant: CropVariant = $.extend(true, {}, this.data[cropVariantId], {cropArea});
-      this.updatePreviewThumbnail(variant, $(elem));
-    });
-
-    this.currentCropVariant.cropArea = this.convertRelativeToAbsoluteCropArea(
-      this.currentCropVariant.cropArea,
-      imageData,
-    );
-    // can't use .t3js-* as selector because it is an extraneous selector
-    this.cropBox = this.currentModal.find('.cropper-crop-box');
-
-    this.setCropArea(this.currentCropVariant.cropArea);
-
-    // check if new cropVariant has coverAreas
-    if (this.currentCropVariant.coverAreas) {
-      // init or reinit focusArea
-      this.initCoverAreas(this.cropBox, this.currentCropVariant.coverAreas);
-    }
-    // check if new cropVariant has focusArea
-    if (this.currentCropVariant.focusArea) {
-      // init or reinit focusArea
-      if (ImageManipulation.isEmptyArea(this.currentCropVariant.focusArea)) {
-        // if an empty focusArea is set initialise it with the default
-        this.currentCropVariant.focusArea = $.extend(true, {}, this.defaultFocusArea);
-      }
-      this.initFocusArea(this.cropBox);
-      this.scaleAndMoveFocusArea(this.currentCropVariant.focusArea);
-    }
-
-    if (this.currentCropVariant.selectedRatio) {
-      this.setAspectRatio(this.currentCropVariant.allowedAspectRatios[this.currentCropVariant.selectedRatio]);
-      // set data explicitly or setAspectRatio up-scales the crop
-      this.setCropArea(this.currentCropVariant.cropArea);
-      this.currentModal.find(`[data-option='${this.currentCropVariant.selectedRatio}']`).addClass('active');
-    }
-
-    this.cropperCanvas.addClass('is-visible');
-  }
-
-  /**
-   * @method cropMoveHandler
-   * @desc Internal cropper handler. Called when the cropping area is moving
-   * @private
-   */
-  private cropMoveHandler = (e: CropperEvent): void => {
-    this.currentCropVariant.cropArea = $.extend(true, this.currentCropVariant.cropArea, {
-      height: Math.floor(e.height),
-      width: Math.floor(e.width),
-      x: Math.floor(e.x),
-      y: Math.floor(e.y),
-    });
-    this.updatePreviewThumbnail(this.currentCropVariant, this.activeCropVariantTrigger);
-    this.updateCropVariantData(this.currentCropVariant);
-    const naturalWidth: number = Math.round(this.currentCropVariant.cropArea.width * this.imageOriginalSizeFactor);
-    const naturalHeight: number = Math.round(this.currentCropVariant.cropArea.height * this.imageOriginalSizeFactor);
-    this.cropInfo.text(`${naturalWidth}×${naturalHeight} px`);
-  }
-
-  /**
-   * @method cropStartHandler
-   * @desc Internal cropper handler. Called when the cropping starts moving
-   * @private
-   */
-  private cropStartHandler = (): void => {
-    if (this.currentCropVariant.focusArea) {
-      this.focusArea.draggable('option', 'disabled', true);
-      this.focusArea.resizable('option', 'disabled', true);
-    }
-  }
-
-  /**
-   * @method cropEndHandler
-   * @desc Internal cropper handler. Called when the cropping ends moving
-   * @private
-   */
-  private cropEndHandler = (): void => {
-    if (this.currentCropVariant.focusArea) {
-      this.focusArea.draggable('option', 'disabled', false);
-      this.focusArea.resizable('option', 'disabled', false);
-    }
-  }
-
-  /**
-   * @method update
-   * @desc Update current cropArea position and size when changing cropVariants
-   * @param {CropVariant} cropVariant - The new cropVariant to update the UI with
-   */
-  private update(cropVariant: CropVariant): void {
-    const temp: CropVariant = $.extend(true, {}, cropVariant);
-    const selectedRatio: Ratio = cropVariant.allowedAspectRatios[cropVariant.selectedRatio];
-    this.currentModal.find('[data-option]').removeClass('active');
-    this.currentModal.find(`[data-option="${cropVariant.selectedRatio}"]`).addClass('active');
-    /**
-     * Setting the aspect ratio cause a redraw of the crop area so we need to manually reset it to last data
-     */
-    this.setAspectRatio(selectedRatio);
-    this.setCropArea(temp.cropArea);
-    this.currentCropVariant = $.extend(true, {}, temp, cropVariant);
-    this.cropBox.find(this.coverAreaSelector).remove();
-
-    // if the current container has a focus area element, deregister and cleanup prior to initialization
-    if (this.cropBox.has(this.focusAreaSelector).length) {
-      this.focusArea.resizable('destroy').draggable('destroy');
-      this.focusArea.remove();
-    }
-
-    // check if new cropVariant has focusArea
-    if (cropVariant.focusArea) {
-      // init or reinit focusArea
-      if (ImageManipulation.isEmptyArea(cropVariant.focusArea)) {
-        this.currentCropVariant.focusArea = $.extend(true, {}, this.defaultFocusArea);
-      }
-      this.initFocusArea(this.cropBox);
-      this.scaleAndMoveFocusArea(this.currentCropVariant.focusArea);
-    }
-
-    // check if new cropVariant has coverAreas
-    if (cropVariant.coverAreas) {
-      // init or reinit focusArea
-      this.initCoverAreas(this.cropBox, this.currentCropVariant.coverAreas);
-    }
-    this.updatePreviewThumbnail(this.currentCropVariant, this.activeCropVariantTrigger);
-  }
-
-  /**
-   * @method initFocusArea
-   * @desc Initializes the focus area inside a container and registers the resizable and draggable interfaces to it
-   * @param {JQuery} container
-   * @private
-   */
-  private initFocusArea(container: JQuery): void {
-    this.focusArea = $('<div id="t3js-cropper-focus-area" class="cropper-focus-area"></div>');
-    container.append(this.focusArea);
-    this.focusArea
-        .draggable({
-          containment: container,
-          create: (): void => {
-            this.scaleAndMoveFocusArea(this.currentCropVariant.focusArea);
-          },
-          drag: (): void => {
-            const {left, top}: Offset = container.offset();
-            const {left: fLeft, top: fTop}: Offset = this.focusArea.offset();
-            const {focusArea, coverAreas}: {focusArea?: Area, coverAreas?: Area[]} = this.currentCropVariant;
-
-            focusArea.x = (fLeft - left) / container.width();
-            focusArea.y = (fTop - top) / container.height();
-            this.updatePreviewThumbnail(this.currentCropVariant, this.activeCropVariantTrigger);
-            if (this.checkFocusAndCoverAreasCollision(focusArea, coverAreas)) {
-              this.focusArea.addClass('has-nodrop');
-            } else {
-              this.focusArea.removeClass('has-nodrop');
-            }
-          },
-          revert: (): boolean => {
-            const revertDelay = 250;
-            const {left, top}: Offset = container.offset();
-            const {left: fLeft, top: fTop}: Offset = this.focusArea.offset();
-            const {focusArea, coverAreas}: {focusArea?: Area, coverAreas?: Area[]} = this.currentCropVariant;
-
-            if (this.checkFocusAndCoverAreasCollision(focusArea, coverAreas)) {
-              this.focusArea.removeClass('has-nodrop');
-              ImageManipulation.wait((): void => {
-                focusArea.x = (fLeft - left) / container.width();
-                focusArea.y = (fTop - top) / container.height();
-                this.updateCropVariantData(this.currentCropVariant);
-              },                     revertDelay);
-              return true;
-            }
-            return false;
-          },
-          revertDuration: 200,
-          stop: (): void => {
-            const {left, top}: Offset = container.offset();
-            const {left: fLeft, top: fTop}: Offset = this.focusArea.offset();
-            const {focusArea}: {focusArea?: Area} = this.currentCropVariant;
-
-            focusArea.x = (fLeft - left) / container.width();
-            focusArea.y = (fTop - top) / container.height();
-
-            this.scaleAndMoveFocusArea(focusArea);
-          },
-        })
-        .resizable({
-          containment: container,
-          handles: 'all',
-          resize: (): void => {
-            const {left, top}: Offset = container.offset();
-            const {left: fLeft, top: fTop}: Offset = this.focusArea.offset();
-            const {focusArea, coverAreas}: {focusArea?: Area, coverAreas?: Area[]} = this.currentCropVariant;
-
-            focusArea.height = this.focusArea.height() / container.height();
-            focusArea.width = this.focusArea.width() / container.width();
-            focusArea.x = (fLeft - left) / container.width();
-            focusArea.y = (fTop - top) / container.height();
-            this.updatePreviewThumbnail(this.currentCropVariant, this.activeCropVariantTrigger);
-
-            if (this.checkFocusAndCoverAreasCollision(focusArea, coverAreas)) {
-              this.focusArea.addClass('has-nodrop');
-            } else {
-              this.focusArea.removeClass('has-nodrop');
-            }
-
-          },
-          stop: (event: any, ui: any): void => {
-            const revertDelay = 250;
-            const {left, top}: Offset = container.offset();
-            const {left: fLeft, top: fTop}: Offset = this.focusArea.offset();
-            const {focusArea, coverAreas}: {focusArea?: Area, coverAreas?: Area[]} = this.currentCropVariant;
-
-            if (this.checkFocusAndCoverAreasCollision(focusArea, coverAreas)) {
-              ui.element.animate($.extend(ui.originalPosition, ui.originalSize), revertDelay, (): void => {
-
-                focusArea.height = this.focusArea.height() / container.height();
-                focusArea.height = this.focusArea.height() / container.height();
-                focusArea.width = this.focusArea.width() / container.width();
-                focusArea.x = (fLeft - left) / container.width();
-                focusArea.y = (fTop - top) / container.height();
-
-                this.scaleAndMoveFocusArea(focusArea);
-                this.focusArea.removeClass('has-nodrop');
-              });
-            } else {
-              this.scaleAndMoveFocusArea(focusArea);
-            }
-          },
-        });
-  }
-
-  /**
-   * @method initCoverAreas
-   * @desc Initialise cover areas inside the cropper container
-   * @param {JQuery} container - The container element to append the cover areas
-   * @param {Array<Area>} coverAreas - An array of areas to construxt the cover area elements from
-   */
-  private initCoverAreas(container: JQuery, coverAreas: Area[]): void {
-    coverAreas.forEach((coverArea: Area): void => {
-      const coverAreaCanvas: JQuery = $('<div class="cropper-cover-area t3js-cropper-cover-area"></div>');
-      container.append(coverAreaCanvas);
-      coverAreaCanvas.css({
-        height: ImageManipulation.toCssPercent(coverArea.height),
-        left: ImageManipulation.toCssPercent(coverArea.x),
-        top: ImageManipulation.toCssPercent(coverArea.y),
-        width: ImageManipulation.toCssPercent(coverArea.width),
-      });
-    });
-  }
-
-  /**
-   * @method updatePreviewThumbnail
-   * @desc Sync the croping (and focus area) to the preview thumbnail
-   * @param {CropVariant} cropVariant - The crop variant to preview in the thumbnail
-   * @param {JQuery} cropVariantTrigger - The crop variant element containing the thumbnail
-   * @private
-   */
-  private updatePreviewThumbnail(cropVariant: CropVariant, cropVariantTrigger: JQuery): void {
-    let styles: any;
-    const cropperPreviewThumbnailCrop: JQuery =
-      cropVariantTrigger.find('.t3js-cropper-preview-thumbnail-crop-area');
-    const cropperPreviewThumbnailImage: JQuery =
-      cropVariantTrigger.find('.t3js-cropper-preview-thumbnail-crop-image');
-    const cropperPreviewThumbnailFocus: JQuery =
-      cropVariantTrigger.find('.t3js-cropper-preview-thumbnail-focus-area');
-    const imageData: CropperImageData = this.cropper.cropper('getImageData');
-
-    // update the position/dimension of the crop area in the preview
-    cropperPreviewThumbnailCrop.css({
-      height: ImageManipulation.toCssPercent(cropVariant.cropArea.height / imageData.naturalHeight),
-      left: ImageManipulation.toCssPercent(cropVariant.cropArea.x / imageData.naturalWidth),
-      top: ImageManipulation.toCssPercent(cropVariant.cropArea.y / imageData.naturalHeight),
-      width: ImageManipulation.toCssPercent(cropVariant.cropArea.width / imageData.naturalWidth),
-    });
-
-    // show and update focusArea in the preview only if we really have one configured
-    if (cropVariant.focusArea) {
-      cropperPreviewThumbnailFocus.css({
-        height: ImageManipulation.toCssPercent(cropVariant.focusArea.height),
-        left: ImageManipulation.toCssPercent(cropVariant.focusArea.x),
-        top: ImageManipulation.toCssPercent(cropVariant.focusArea.y),
-        width: ImageManipulation.toCssPercent(cropVariant.focusArea.width),
-      });
-    }
-
-    // destruct the preview container's CSS properties
-    styles = cropperPreviewThumbnailCrop.css([
-      'width', 'height', 'left', 'top',
-    ]);
-
-    /**
-     * Apply negative margins on the previewThumbnailImage to make the illusion of an offset
-     */
-    cropperPreviewThumbnailImage.css({
-      height: `${parseFloat(styles.height) * (1 / (cropVariant.cropArea.height / imageData.naturalHeight))}px`,
-      margin: `${-1 * parseFloat(styles.left)}px`,
-      marginTop: `${-1 * parseFloat(styles.top)}px`,
-      width: `${parseFloat(styles.width) * (1 / (cropVariant.cropArea.width / imageData.naturalWidth))}px`,
-    });
-  }
-
-  /**
-   * @method scaleAndMoveFocusArea
-   * @desc Calculation logic for moving the focus area given the
-   *       specified constrains of a crop and an optional cover area
-   * @param {Area} focusArea - The translation data
-   */
-  private scaleAndMoveFocusArea(focusArea: Area): void {
-    this.focusArea.css({
-      height: ImageManipulation.toCssPercent(focusArea.height),
-      left: ImageManipulation.toCssPercent(focusArea.x),
-      top: ImageManipulation.toCssPercent(focusArea.y),
-      width: ImageManipulation.toCssPercent(focusArea.width),
-    });
-    this.currentCropVariant.focusArea = focusArea;
-    this.updatePreviewThumbnail(this.currentCropVariant, this.activeCropVariantTrigger);
-    this.updateCropVariantData(this.currentCropVariant);
-  }
-
-  /**
-   * @method updateCropVariantData
-   * @desc Immutably updates the currently selected cropVariant data
-   * @param {CropVariant} currentCropVariant - The cropVariant to immutably save
-   * @private
-   */
-  private updateCropVariantData(currentCropVariant: CropVariant): void {
-    const imageData: CropperImageData = this.cropper.cropper('getImageData');
-    const absoluteCropArea: Area = this.convertAbsoluteToRelativeCropArea(currentCropVariant.cropArea, imageData);
-    this.data[currentCropVariant.id] = $.extend(true, {}, currentCropVariant, {cropArea: absoluteCropArea});
-  }
-
-  /**
-   * @method setAspectRatio
-   * @desc Sets the cropper to a specific ratio
-   * @param {ratio} ratio - The ratio value to apply
-   * @private
-   */
-  private setAspectRatio(ratio: Ratio): void {
-    this.cropper.cropper('setAspectRatio', ratio.value);
-  }
-
-  /**
-   * @method setCropArea
-   * @desc Sets the cropper to a specific crop area
-   * @param {cropArea} cropArea - The crop area to apply
-   * @private
-   */
-  private setCropArea(cropArea: Area): void {
-    const currentRatio: Ratio = this.currentCropVariant.allowedAspectRatios[this.currentCropVariant.selectedRatio];
-    if (currentRatio.value === 0) {
-      this.cropper.cropper('setData', {
-        height: cropArea.height,
-        width: cropArea.width,
-        x: cropArea.x,
-        y: cropArea.y,
-      });
-    } else {
-      this.cropper.cropper('setData', {
-        height: cropArea.height,
-        x: cropArea.x,
-        y: cropArea.y,
-      });
-    }
-  }
-
-  /**
-   * @method checkFocusAndCoverAreas
-   * @desc Checks is one focus area and one or more cover areas overlap
-   * @param focusArea
-   * @param coverAreas
-   * @return {boolean}
-   */
-  private checkFocusAndCoverAreasCollision(focusArea: Area, coverAreas: Area[]): boolean {
-    if (!coverAreas) {
-      return false;
-    }
-    return coverAreas
-      .some((coverArea: Area): boolean => {
-        // noinspection OverlyComplexBooleanExpressionJS
-        return (focusArea.x < coverArea.x + coverArea.width &&
-           focusArea.x + focusArea.width > coverArea.x &&
-            focusArea.y < coverArea.y + coverArea.height &&
-           focusArea.height + focusArea.y > coverArea.y);
-      });
-  }
-
-  /**
-   * @method convertAbsoluteToRelativeCropArea
-   * @desc Converts a crop area from absolute pixel-based into relative length values
-   * @param {Area} cropArea - The crop area to convert from
-   * @param {CropperImageData} imageData - The image data
-   * @return {Area}
-   */
-  private convertAbsoluteToRelativeCropArea(cropArea: Area, imageData: CropperImageData): Area {
-    const {height, width, x, y}: Area = cropArea;
-    return {
-      height: height / imageData.naturalHeight,
-      width: width / imageData.naturalWidth,
-      x: x / imageData.naturalWidth,
-      y: y / imageData.naturalHeight,
-    };
-  }
-
-  /**
-   * @method convertRelativeToAbsoluteCropArea
-   * @desc Converts a crop area from relative into absolute pixel-based length values
-   * @param {Area} cropArea - The crop area to convert from
-   * @param {CropperImageData} imageData - The image data
-   * @return {{height: number, width: number, x: number, y: number}}
-   */
-  private convertRelativeToAbsoluteCropArea(cropArea: Area, imageData: CropperImageData): Area {
-    const {height, width, x, y}: Area = cropArea;
-    return {
-      height: height * imageData.naturalHeight,
-      width: width * imageData.naturalWidth,
-      x: x * imageData.naturalWidth,
-      y: y * imageData.naturalHeight,
-    };
-  }
-
-  /**
-   * @method setPreviewImages
-   * @desc Updates the preview images in the editing section with the respective crop variants
-   * @param {Object} data - The internal crop variants state
-   */
-  private setPreviewImages(data: {[key: string]: CropVariant}): void {
-    const $image: any = this.cropper;
-    const imageData: CropperImageData = $image.cropper('getImageData');
-
-    // iterate over the crop variants and set up their respective preview
-    Object.keys(data).forEach((cropVariantId: string) => {
-      const cropVariant: CropVariant = data[cropVariantId];
-      const cropData: Area = this.convertRelativeToAbsoluteCropArea(cropVariant.cropArea, imageData);
-
-      const $preview: JQuery = this.trigger
-                                   .closest('.form-group')
-                                   .find(`.t3js-image-manipulation-preview[data-crop-variant-id="${cropVariantId}"]`);
-      const $previewSelectedRatio: JQuery = this.trigger
-                                                .closest('.form-group')
-                                                .find(`.t3js-image-manipulation-selected-ratio[data-crop-variant-id="${cropVariantId}"]`); // tslint:disable-line:max-line-length
-
-      if ($preview.length === 0) {
-        return;
-      }
-
-      let previewWidth: number = $preview.width();
-      let previewHeight: number = $preview.data('preview-height');
-
-      // adjust aspect ratio of preview width/height
-      const aspectRatio: number = cropData.width / cropData.height;
-      const tmpHeight: number = previewWidth / aspectRatio;
-      if (tmpHeight > previewHeight) {
-        previewWidth = previewHeight * aspectRatio;
-      } else {
-        previewHeight = tmpHeight;
-      }
-      // preview should never be up-scaled
-      if (previewWidth > cropData.width) {
-        previewWidth = cropData.width;
-        previewHeight = cropData.height;
-      }
-
-      const ratio: number = previewWidth / cropData.width;
-      const $viewBox: JQuery = $('<div />').html('<img src="' + $image.attr('src') + '">');
-      const $ratioTitleText: JQuery = this.currentModal.find(`.t3-js-ratio-title[data-ratio-id="${cropVariant.id}${cropVariant.selectedRatio}"]`); // tslint:disable-line:max-line-length
-      $previewSelectedRatio.text($ratioTitleText.text());
-      $viewBox.addClass('cropper-preview-container');
-      $preview.empty().append($viewBox);
-      $viewBox.wrap('<span class="thumbnail thumbnail-status"></span>');
-
-      $viewBox.width(previewWidth).height(previewHeight).find('img').css({
-        height: imageData.naturalHeight * ratio,
-        left: -cropData.x * ratio,
-        top: -cropData.y * ratio,
-        width: imageData.naturalWidth * ratio,
-      });
-    });
-  }
-
-  /**
-   * @method openPreview
-   * @desc Opens a preview view with the crop variants
-   * @param {object} data - The whole data object containing all the cropVariants
-   * @private
-   */
-  private openPreview(data: object): void {
-    const cropVariants: string = ImageManipulation.serializeCropVariants(data);
-    let previewUrl: string = this.trigger.attr('data-preview-url');
-    previewUrl = previewUrl + '&cropVariants=' + encodeURIComponent(cropVariants);
-    window.open(previewUrl, 'TYPO3ImageManipulationPreview');
-  }
-
-  /**
-   * @method save
-   * @desc Saves the edited cropVariants to a hidden field
-   * @param {object} data - The whole data object containing all the cropVariants
-   * @private
-   */
-  private save(data: {[key: string]: CropVariant}): void {
-    const cropVariants: string = ImageManipulation.serializeCropVariants(data);
-    const hiddenField: JQuery = $(`#${this.trigger.attr('data-field')}`);
-    this.trigger.attr('data-crop-variants', JSON.stringify(data));
-    this.setPreviewImages(data);
-    hiddenField.val(cropVariants);
-    FormEngineValidation.markFieldAsChanged(hiddenField);
-    this.currentModal.modal('hide');
-  }
-
-  /**
-   * @method destroy
-   * @desc Destroy the ImageManipulation including cropper and alike
-   * @private
-   */
-  private destroy(): void {
-    if (this.currentModal) {
-      if (typeof this.cropper !== 'undefined' && this.cropper !== null) {
-        this.cropper.cropper('destroy');
-      }
-      this.cropper = null;
-      this.currentModal = null;
-      this.data = null;
-    }
-  }
-
-  /**
-   * @method resizeEnd
-   * @desc Calls a function when the cropper has been resized
-   * @param {Function} fn - The function to call on resize completion
-   * @private
-   */
-  private resizeEnd(fn: () => void): void {
-    let timer: number;
-    $(window).on('resize', (): void => {
-      clearTimeout(timer);
-      timer = setTimeout((): void => {
-        fn();
-      },                 this.resizeTimeout);
-    });
-  }
-}
-
-export = new ImageManipulation();
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/InfoWindow.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/InfoWindow.ts
deleted file mode 100644
index 99a0a2b..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/InfoWindow.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {SeverityEnum} from './Enum/Severity';
-import Modal = require('./Modal');
-
-/**
- * Module: TYPO3/CMS/Backend/InfoWindow
- * @exports TYPO3/CMS/Backend/InfoWindow
- */
-class InfoWindow {
-  /**
-   * Shows the info modal
-   *
-   * @param {string} table
-   * @param {string | number} uid
-   */
-  public static showItem(table: string, uid: string|number): void {
-    Modal.advanced({
-      type: Modal.types.iframe,
-      size: Modal.sizes.large,
-      content: top.TYPO3.settings.ShowItem.moduleUrl
-        + '&table=' + encodeURIComponent(table)
-        + '&uid=' + (typeof uid === 'number' ? uid : encodeURIComponent(uid)),
-      severity: SeverityEnum.notice,
-    });
-  }
-}
-
-// expose as global object
-TYPO3.InfoWindow = InfoWindow;
-export = InfoWindow;
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/LayoutModule/DragDrop.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/LayoutModule/DragDrop.ts
deleted file mode 100644
index fb7315a..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/LayoutModule/DragDrop.ts
+++ /dev/null
@@ -1,272 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/**
- * Module: TYPO3/CMS/Backend/LayoutModule/DragDrop
- * this JS code does the drag+drop logic for the Layout module (Web => Page)
- * based on jQuery UI
- */
-import * as $ from 'jquery';
-import 'jquery-ui/droppable';
-import DataHandler = require('../AjaxDataHandler');
-import ResponseInterface from '../AjaxDataHandler/ResponseInterface';
-
-
-interface Parameters {
-  cmd?: { tt_content: { [key: string]: any } };
-  data?: { tt_content: { [key: string]: any } };
-  CB?: { paste: string, update: { colPos: number | boolean, sys_language_uid: number }};
-}
-
-interface DroppableEventUIParam {
-    draggable: JQuery;
-    helper: JQuery;
-    position: { top: number; left: number; };
-    offset: { top: number; left: number; };
-}
-
-class DragDrop {
-
-  private static readonly contentIdentifier: string = '.t3js-page-ce';
-  private static readonly dragIdentifier: string = '.t3-page-ce-dragitem';
-  private static readonly dragHeaderIdentifier: string = '.t3js-page-ce-draghandle';
-  private static readonly dropZoneIdentifier: string = '.t3js-page-ce-dropzone-available';
-  private static readonly columnIdentifier: string = '.t3js-page-column';
-  private static readonly validDropZoneClass: string = 'active';
-  private static readonly dropPossibleHoverClass: string = 't3-page-ce-dropzone-possible';
-  private static readonly addContentIdentifier: string = '.t3js-page-new-ce';
-  private static originalStyles: string = '';
-
-  /**
-   * initializes Drag+Drop for all content elements on the page
-   */
-  public static initialize(): void {
-    $(DragDrop.contentIdentifier).draggable({
-      handle: DragDrop.dragHeaderIdentifier,
-      scope: 'tt_content',
-      cursor: 'move',
-      distance: 20,
-      // removed because of incompatible types:
-      // addClasses: 'active-drag',
-      revert: 'invalid',
-      zIndex: 100,
-      start: (evt: JQueryEventObject, ui: DroppableEventUIParam): void => {
-        DragDrop.onDragStart($(evt.target));
-      },
-      stop: (evt: JQueryEventObject, ui: DroppableEventUIParam): void => {
-        DragDrop.onDragStop($(evt.target));
-      },
-    });
-
-    $(DragDrop.dropZoneIdentifier).droppable({
-      accept: this.contentIdentifier,
-      scope: 'tt_content',
-      tolerance: 'pointer',
-      over: (evt: JQueryEventObject, ui: DroppableEventUIParam): void => {
-        DragDrop.onDropHoverOver($(ui.draggable), $(evt.target));
-      },
-      out: (evt: JQueryEventObject, ui: DroppableEventUIParam): void => {
-        DragDrop.onDropHoverOut($(ui.draggable), $(evt.target));
-      },
-      drop: (evt: JQueryEventObject, ui: DroppableEventUIParam): void => {
-        DragDrop.onDrop($(ui.draggable), $(evt.target), evt);
-      },
-    });
-  }
-
-  /**
-   * called when a draggable is selected to be moved
-   * @param $element a jQuery object for the draggable
-   * @private
-   */
-  public static onDragStart($element: JQuery): void {
-    // Add css class for the drag shadow
-    DragDrop.originalStyles = $element.get(0).style.cssText;
-    $element.children(DragDrop.dragIdentifier).addClass('dragitem-shadow');
-    $element.append('<div class="ui-draggable-copy-message">' + TYPO3.lang['dragdrop.copy.message'] + '</div>');
-    // Hide create new element button
-    $element.children(DragDrop.dropZoneIdentifier).addClass('drag-start');
-    $element.closest(DragDrop.columnIdentifier).removeClass('active');
-
-    // TODO decide what to do with this
-    // $element.parents(DragDrop.columnHolderIdentifier).find(DragDrop.addContentIdentifier).hide();
-    $element.find(DragDrop.dropZoneIdentifier).hide();
-
-    $(DragDrop.dropZoneIdentifier).each((index: number, element: HTMLElement): void => {
-      const $me = $(element);
-      if ($me.parent().find('.t3js-toggle-new-content-element-wizard').length) {
-        $me.addClass(DragDrop.validDropZoneClass);
-      } else {
-        $me.closest(DragDrop.contentIdentifier)
-          .find('> ' + DragDrop.addContentIdentifier + ', > > ' + DragDrop.addContentIdentifier).show();
-      }
-    });
-  }
-
-  /**
-   * called when a draggable is released
-   * @param $element a jQuery object for the draggable
-   * @private
-   */
-  public static onDragStop($element: JQuery): void {
-    // Remove css class for the drag shadow
-    $element.children(DragDrop.dragIdentifier).removeClass('dragitem-shadow');
-    // Show create new element button
-    $element.children(DragDrop.dropZoneIdentifier).removeClass('drag-start');
-    $element.closest(DragDrop.columnIdentifier).addClass('active');
-    // TODO decide what to do with this
-    // $element.parents(DragDrop.columnHolderIdentifier).find(DragDrop.addContentIdentifier).show();
-    $element.find(DragDrop.dropZoneIdentifier).show();
-    $element.find('.ui-draggable-copy-message').remove();
-
-    // Reset inline style
-    $element.get(0).style.cssText = DragDrop.originalStyles;
-
-    $(DragDrop.dropZoneIdentifier + '.' + DragDrop.validDropZoneClass).removeClass(DragDrop.validDropZoneClass);
-  }
-
-  /**
-   * adds CSS classes when hovering over a dropzone
-   * @param $draggableElement
-   * @param $droppableElement
-   * @private
-   */
-  public static onDropHoverOver($draggableElement: JQuery, $droppableElement: JQuery): void {
-    if ($droppableElement.hasClass(DragDrop.validDropZoneClass)) {
-      $droppableElement.addClass(DragDrop.dropPossibleHoverClass);
-    }
-  }
-
-  /**
-   * removes the CSS classes after hovering out of a dropzone again
-   * @param $draggableElement
-   * @param $droppableElement
-   * @private
-   */
-  public static onDropHoverOut($draggableElement: JQuery, $droppableElement: JQuery): void {
-    $droppableElement.removeClass(DragDrop.dropPossibleHoverClass);
-  }
-
-  /**
-   * this method does the whole logic when a draggable is dropped on to a dropzone
-   * sending out the request and afterwards move the HTML element in the right place.
-   *
-   * @param $draggableElement
-   * @param $droppableElement
-   * @param {Event} evt the event
-   * @private
-   */
-  public static onDrop($draggableElement: number | JQuery, $droppableElement: JQuery, evt: JQueryEventObject): void {
-    const newColumn = DragDrop.getColumnPositionForElement($droppableElement);
-
-    $droppableElement.removeClass(DragDrop.dropPossibleHoverClass);
-
-    // send an AJAX requst via the AjaxDataHandler
-    const contentElementUid: number = parseInt((<JQuery>$draggableElement).data('uid'), 10);
-
-    if (typeof(contentElementUid) === 'number' && contentElementUid > 0) {
-      let parameters: Parameters = {};
-      // add the information about a possible column position change
-      const targetFound = $droppableElement.closest(DragDrop.contentIdentifier).data('uid');
-      // the item was moved to the top of the colPos, so the page ID is used here
-      let targetPid = 0;
-
-      if (typeof targetFound === 'undefined') {
-        // the actual page is needed. Read it from the container into which the element was dropped.
-        targetPid = parseInt((<HTMLElement>evt.target).offsetParent.getAttribute('data-page'), 10);
-      } else {
-        // the negative value of the content element after where it should be moved
-        targetPid = 0 - parseInt(targetFound, 10);
-      }
-
-      const language = parseInt($droppableElement.closest('[data-language-uid]').data('language-uid'), 10);
-      let colPos: number | boolean = 0;
-      if (targetPid !== 0) {
-        colPos = newColumn;
-      }
-      parameters.cmd = {tt_content: {}};
-      parameters.data = {tt_content: {}};
-
-      const copyAction = (evt && (<JQueryInputEventObject>evt.originalEvent).ctrlKey || $droppableElement.hasClass('t3js-paste-copy'));
-      if (copyAction) {
-        parameters.cmd.tt_content[contentElementUid] = {
-          copy: {
-            action: 'paste',
-            target: targetPid,
-            update: {
-              colPos: colPos,
-              sys_language_uid: language,
-            },
-          },
-        };
-        // TODO Make sure we actually have a JQuery object here, not only cast it
-        DragDrop.ajaxAction($droppableElement, <JQuery>$draggableElement, parameters, copyAction);
-      } else {
-        parameters.data.tt_content[contentElementUid] = {
-          colPos: colPos,
-          sys_language_uid: language,
-        };
-        parameters.cmd.tt_content[contentElementUid] = {move: targetPid};
-        // fire the request, and show a message if it has failed
-        DragDrop.ajaxAction($droppableElement, <JQuery>$draggableElement, parameters, copyAction);
-      }
-    }
-  }
-
-  /**
-   * this method does the actual AJAX request for both, the move and the copy action.
-   *
-   * @param {JQuery} $droppableElement
-   * @param {JQuery} $draggableElement
-   * @param {Parameters} parameters
-   * @param {boolean} copyAction
-   * @private
-   */
-  public static ajaxAction($droppableElement: JQuery, $draggableElement: JQuery, parameters: Parameters, copyAction: boolean): void {
-    DataHandler.process(parameters).done(function(result: ResponseInterface): void {
-      if (result.hasErrors) {
-        return;
-      }
-
-      // insert draggable on the new position
-      if (!$droppableElement.parent().hasClass(DragDrop.contentIdentifier.substring(1))) {
-        $draggableElement.detach().css({top: 0, left: 0})
-          .insertAfter($droppableElement.closest(DragDrop.dropZoneIdentifier));
-      } else {
-        $draggableElement.detach().css({top: 0, left: 0})
-          .insertAfter($droppableElement.closest(DragDrop.contentIdentifier));
-      }
-      if (copyAction) {
-        self.location.reload(true);
-      }
-    });
-  }
-
-  /**
-   * returns the next "upper" container colPos parameter inside the code
-   * @param $element
-   * @return int|null the colPos
-   */
-  public static getColumnPositionForElement($element: JQuery): number | boolean {
-    const $columnContainer = $element.closest('[data-colpos]');
-    if ($columnContainer.length && $columnContainer.data('colpos') !== 'undefined') {
-      return $columnContainer.data('colpos');
-    } else {
-      return false;
-    }
-  }
-}
-
-export default DragDrop;
-
-$(DragDrop.initialize);
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/LayoutModule/Paste.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/LayoutModule/Paste.ts
deleted file mode 100644
index 422f7f7..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/LayoutModule/Paste.ts
+++ /dev/null
@@ -1,185 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/**
- * Module: TYPO3/CMS/Backend/LayoutModule/Paste
- * this JS code does the paste logic for the Layout module (Web => Page)
- * based on jQuery UI
- */
-import * as $ from 'jquery';
-import ResponseInterface from '../AjaxDataHandler/ResponseInterface';
-import DataHandler = require('../AjaxDataHandler');
-import Modal = require('../Modal');
-import Severity = require('../Severity');
-
-interface Button {
-  text: string;
-  active?: boolean;
-  btnClass: string;
-  trigger: () => void;
-}
-
-class Paste {
-  private elementIdentifier: string = '.t3js-page-ce';
-
-  /**
-   * @param {JQuery} $element
-   * @return number
-   */
-  private static determineColumn($element: JQuery): number {
-    const $columnContainer = $element.closest('[data-colpos]');
-    if ($columnContainer.length && $columnContainer.data('colpos') !== 'undefined') {
-      return $columnContainer.data('colpos');
-    }
-
-    return 0;
-  }
-
-  /**
-   * initializes paste icons for all content elements on the page
-   */
-  constructor() {
-    $((): void => {
-      if ($('.t3js-page-columns').length) {
-        this.activatePasteIcons();
-      }
-    });
-  }
-
-  /**
-   * activates the paste into / paste after icons outside of the context menus
-   */
-  private activatePasteIcons(): void {
-    const me = this;
-
-    $('.t3-page-ce-wrapper-new-ce').each((index: number, el: HTMLElement): void => {
-      if (!$(el).find('.t3js-toggle-new-content-element-wizard').length) {
-        return;
-      }
-      $('.t3js-page-lang-column .t3-page-ce > .t3-page-ce').removeClass('t3js-page-ce');
-      if (top.pasteAfterLinkTemplate && top.pasteIntoLinkTemplate) {
-        const parent = $(el).parent();
-        if (parent.data('page')) {
-          $(el).append(top.pasteIntoLinkTemplate);
-        } else {
-          $(el).append(top.pasteAfterLinkTemplate);
-        }
-        $(el).find('.t3js-paste').on('click', (evt: Event): void => {
-          evt.preventDefault();
-          me.activatePasteModal($(evt.currentTarget));
-        });
-      }
-    });
-  }
-
-  /**
-   * generates the paste into / paste after modal
-   */
-  private activatePasteModal(element: JQuery): void {
-    const me = this;
-    const $element = $(element);
-    const url = $element.data('url') || null;
-    const title = (TYPO3.lang['paste.modal.title.paste'] || 'Paste record') + ': "' + $element.data('title') + '"';
-    const severity = (typeof top.TYPO3.Severity[$element.data('severity')] !== 'undefined') ?
-      top.TYPO3.Severity[$element.data('severity')] :
-      top.TYPO3.Severity.info;
-
-    let content: string = '';
-    let buttons: Array<Button> = [];
-    if ($element.hasClass('t3js-paste-copy')) {
-      content = TYPO3.lang['paste.modal.pastecopy'] || 'Do you want to copy the record to this position?';
-      buttons = [
-        {
-          text: TYPO3.lang['paste.modal.button.cancel'] || 'Cancel',
-          active: true,
-          btnClass: 'btn-default',
-          trigger: (): void => {
-            Modal.currentModal.trigger('modal-dismiss');
-          },
-        },
-        {
-          text: TYPO3.lang['paste.modal.button.pastecopy'] || 'Copy',
-          btnClass: 'btn-' + Severity.getCssClass(severity),
-          trigger: (): void => {
-            Modal.currentModal.trigger('modal-dismiss');
-            me.execute($element);
-          },
-        },
-      ];
-    } else {
-      content = TYPO3.lang['paste.modal.paste'] || 'Do you want to move the record to this position?';
-      buttons = [
-        {
-          text: TYPO3.lang['paste.modal.button.cancel'] || 'Cancel',
-          active: true,
-          btnClass: 'btn-default',
-          trigger: (): void => {
-            Modal.currentModal.trigger('modal-dismiss');
-          },
-        },
-        {
-          text: TYPO3.lang['paste.modal.button.paste'] || 'Move',
-          btnClass: 'btn-' + Severity.getCssClass(severity),
-          trigger: (): void => {
-            Modal.currentModal.trigger('modal-dismiss');
-            me.execute($element);
-          },
-        },
-      ];
-    }
-    if (url !== null) {
-      const separator = (url.indexOf('?') > -1) ? '&' : '?';
-      const params = $.param({data: $element.data()});
-      Modal.loadUrl(title, severity, buttons, url + separator + params);
-    } else {
-      Modal.show(title, content, severity, buttons);
-    }
-  }
-
-  /**
-   * Send an AJAX requst via the AjaxDataHandler
-   *
-   * @param {JQuery} $element
-   */
-  private execute($element: JQuery): void {
-    const colPos = Paste.determineColumn($element);
-    const closestElement = $element.closest(this.elementIdentifier);
-    const targetFound = closestElement.data('uid');
-    let targetPid;
-    if (typeof targetFound === 'undefined') {
-      targetPid = parseInt(closestElement.data('page'), 10);
-    } else {
-      targetPid = 0 - parseInt(targetFound, 10);
-    }
-    const language = parseInt($element.closest('[data-language-uid]').data('language-uid'), 10);
-    const parameters = {
-      CB: {
-        paste: 'tt_content|' + targetPid,
-        update: {
-          colPos: colPos,
-          sys_language_uid: language,
-        },
-      },
-    };
-
-    DataHandler.process(parameters).done((result: ResponseInterface): void => {
-      if (result.hasErrors) {
-        return;
-      }
-
-      window.location.reload(true);
-    });
-  }
-}
-
-export = new Paste();
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/LiveSearch.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/LiveSearch.ts
deleted file mode 100644
index 174508a..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/LiveSearch.ts
+++ /dev/null
@@ -1,202 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import * as $ from 'jquery';
-import Viewport = require('./Viewport');
-import Icons = require('./Icons');
-import 'jquery/autocomplete';
-import 'TYPO3/CMS/Backend/jquery.clearable';
-
-enum Identifiers {
-  containerSelector = '#typo3-cms-backend-backend-toolbaritems-livesearchtoolbaritem',
-  toolbarItem = '.t3js-toolbar-item-search',
-  dropdownToggle = '.t3js-toolbar-search-dropdowntoggle',
-  searchFieldSelector = '.t3js-topbar-navigation-search-field',
-  formSelector = '.t3js-topbar-navigation-search',
-}
-
-interface ResultItem {
-  editLink: string;
-  iconHTML: string;
-  id: string;
-  pageId: number;
-  title: string;
-  typeLabel: string;
-}
-
-interface Suggestion {
-  data: ResultItem;
-  value: string;
-}
-
-/**
- * Module: TYPO3/CMS/Backend/LiveSearch
- * Global search to deal with everything in the backend that is search-related
- * @exports TYPO3/CMS/Backend/LiveSearch
- */
-class LiveSearch {
-  private url: string = TYPO3.settings.ajaxUrls.livesearch;
-
-  constructor() {
-    Viewport.Topbar.Toolbar.registerEvent((): void => {
-      this.registerAutocomplete();
-      this.registerEvents();
-
-      // Unset height, width and z-index
-      $(Identifiers.toolbarItem).removeAttr('style');
-
-      $(Identifiers.searchFieldSelector).clearable({
-        onClear: (): void => {
-          if ($(Identifiers.toolbarItem).hasClass('open')) {
-            $(Identifiers.dropdownToggle).dropdown('toggle');
-          }
-        },
-      });
-    });
-  }
-
-  private registerAutocomplete(): void {
-    $(Identifiers.searchFieldSelector).autocomplete({
-      // ajax options
-      serviceUrl: this.url,
-      paramName: 'q',
-      dataType: 'json',
-      minChars: 2,
-      width: '100%',
-      groupBy: 'typeLabel',
-      noCache: true,
-      containerClass: Identifiers.toolbarItem.substr(1, Identifiers.toolbarItem.length),
-      appendTo: Identifiers.containerSelector + ' .dropdown-menu',
-      forceFixPosition: false,
-      preserveInput: true,
-      showNoSuggestionNotice: true,
-      triggerSelectOnValidInput: false,
-      preventBadQueries: false,
-      noSuggestionNotice: '<h3 class="dropdown-headline">' + TYPO3.lang.liveSearch_listEmptyText + '</h3>'
-      + '<p>' + TYPO3.lang.liveSearch_helpTitle + '</p>'
-      + '<hr>'
-      + '<p>' + TYPO3.lang.liveSearch_helpDescription + '<br>' + TYPO3.lang.liveSearch_helpDescriptionPages + '</p>',
-      // put the AJAX results in the right format
-      transformResult: (response: Array<ResultItem>): { [key: string]: Array<Suggestion> } => {
-        return {
-          suggestions: $.map(response, (dataItem: ResultItem): Suggestion => {
-            return {value: dataItem.title, data: dataItem};
-          }),
-        };
-      },
-      formatGroup: (suggestion: Suggestion, category: string, i: number): string => {
-        let html = '';
-        // add a divider if it's not the first group
-        if (i > 0) {
-          html = '<hr>';
-        }
-        return html + '<h3 class="dropdown-headline">' + category + '</h3>';
-      },
-      // Rendering of each item
-      formatResult: (suggestion: Suggestion): string => {
-        return ''
-          + '<div class="dropdown-table">'
-          + '<div class="dropdown-table-row">'
-          + '<div class="dropdown-table-column dropdown-table-icon">' + suggestion.data.iconHTML + '</div>'
-          + '<div class="dropdown-table-column dropdown-table-title">'
-          + '<a class="dropdown-table-title-ellipsis dropdown-list-link"'
-          + ' href="#" data-pageid="' + suggestion.data.pageId + '" data-target="' + suggestion.data.editLink + '">'
-          + suggestion.data.title
-          + '</a>'
-          + '</div>'
-          + '</div>'
-          + '</div>'
-          + '';
-      },
-      onSearchStart: (): void => {
-        const $toolbarItem = $(Identifiers.toolbarItem);
-        if (!$toolbarItem.hasClass('loading')) {
-          $toolbarItem.addClass('loading');
-          Icons.getIcon(
-            'spinner-circle-light',
-            Icons.sizes.small,
-            '',
-            Icons.states.default,
-            Icons.markupIdentifiers.inline,
-          ).done((markup: string): void => {
-            $toolbarItem.find('.icon-apps-toolbar-menu-search').replaceWith(markup);
-          });
-        }
-      },
-      onSearchComplete: (): void => {
-        const $toolbarItem = $(Identifiers.toolbarItem);
-        const $searchField = $(Identifiers.searchFieldSelector);
-        if (!$toolbarItem.hasClass('open') && $searchField.val().length > 1) {
-          $(Identifiers.dropdownToggle).dropdown('toggle');
-          $searchField.focus();
-        }
-        if ($toolbarItem.hasClass('loading')) {
-          $toolbarItem.removeClass('loading');
-          Icons.getIcon(
-            'apps-toolbar-menu-search',
-            Icons.sizes.small,
-            '',
-            Icons.states.default,
-            Icons.markupIdentifiers.inline,
-          ).done((markup: string): void => {
-            $toolbarItem.find('.icon-spinner-circle-light').replaceWith(markup);
-          });
-        }
-      },
-      beforeRender: (container: JQuery): void => {
-        container.append('<hr><div>' +
-          '<a href="#" class="btn btn-primary pull-right t3js-live-search-show-all">' +
-          TYPO3.lang.liveSearch_showAllResults +
-          '</a>' +
-          '</div>');
-        if (!$(Identifiers.toolbarItem).hasClass('open')) {
-          $(Identifiers.dropdownToggle).dropdown('toggle');
-          $(Identifiers.searchFieldSelector).focus();
-        }
-      },
-      onHide: (): void => {
-        if ($(Identifiers.toolbarItem).hasClass('open')) {
-          $(Identifiers.dropdownToggle).dropdown('toggle');
-        }
-      },
-    });
-  }
-
-  private registerEvents(): void {
-    const $searchField = $(Identifiers.searchFieldSelector);
-
-    $(Identifiers.containerSelector).on('click', '.t3js-live-search-show-all', (evt: JQueryEventObject): void => {
-      evt.preventDefault();
-
-      TYPO3.ModuleMenu.App.showModule('web_list', 'id=0&search_levels=-1&search_field=' + encodeURIComponent($searchField.val()));
-      $searchField.val('').trigger('change');
-    });
-    if ($searchField.length) {
-      const $autocompleteContainer = $('.' + $searchField.autocomplete().options.containerClass);
-      $autocompleteContainer.on('click.autocomplete', '.dropdown-list-link', (evt: JQueryEventObject): void => {
-        evt.preventDefault();
-
-        const $me = $(evt.currentTarget);
-        top.jump($me.data('target'), 'web_list', 'web', $me.data('pageid'));
-        $searchField.val('').trigger('change');
-      });
-    }
-
-    // Prevent submitting the search form
-    $(Identifiers.formSelector).on('submit', (evt: JQueryEventObject): void => {
-      evt.preventDefault();
-    });
-  }
-}
-
-export = new LiveSearch();
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Localization.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Localization.ts
deleted file mode 100644
index 9b51395..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Localization.ts
+++ /dev/null
@@ -1,356 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {SeverityEnum} from './Enum/Severity';
-import * as $ from 'jquery';
-import Icons = require('./Icons');
-import Wizard = require('TYPO3/CMS/Backend/Wizard');
-
-type LanguageRecord = {
-  uid: number;
-  title: string;
-  flagIcon: string;
-};
-
-type SummaryColumns = {
-  columns: { [key: number]: string };
-  columnList: Array<number>;
-};
-
-type SummaryColPosRecord = {
-  uid: number;
-  title: string;
-  icon: string;
-};
-
-type SummaryRecord = {
-  columns: SummaryColumns;
-  records: Array<Array<SummaryColPosRecord>>;
-};
-
-class Localization {
-  private triggerButton: string = '.t3js-localize';
-  private localizationMode: string = null;
-  private sourceLanguage: number = null;
-  private records: Array<any> = [];
-
-  constructor() {
-    $((): void => {
-      this.initialize();
-    });
-  }
-
-  private initialize(): void {
-    const me = this;
-    Icons.getIcon('actions-localize', Icons.sizes.large).done((localizeIconMarkup: string): void => {
-      Icons.getIcon('actions-edit-copy', Icons.sizes.large).done((copyIconMarkup: string): void => {
-        $(me.triggerButton).removeClass('disabled');
-
-        $(document).on('click', me.triggerButton, (e: JQueryEventObject): void => {
-          e.preventDefault();
-
-          const $triggerButton = $(e.currentTarget);
-          const actions: Array<string> = [];
-          let slideStep1: string = '';
-
-          if ($triggerButton.data('allowTranslate')) {
-            actions.push(
-              '<div class="row">'
-              + '<div class="btn-group col-sm-3">'
-              + '<label class="btn btn-block btn-default t3js-localization-option" data-helptext=".t3js-helptext-translate">'
-              + localizeIconMarkup
-              + '<input type="radio" name="mode" id="mode_translate" value="localize" style="display: none">'
-              + '<br>Translate</label>'
-              + '</div>'
-              + '<div class="col-sm-9">'
-              + '<p class="t3js-helptext t3js-helptext-translate text-muted">' + TYPO3.lang['localize.educate.translate'] + '</p>'
-              + '</div>'
-              + '</div>',
-            );
-          }
-
-          if ($triggerButton.data('allowCopy')) {
-            actions.push(
-              '<div class="row">'
-              + '<div class="col-sm-3 btn-group">'
-              + '<label class="btn btn-block btn-default t3js-localization-option" data-helptext=".t3js-helptext-copy">'
-              + copyIconMarkup
-              + '<input type="radio" name="mode" id="mode_copy" value="copyFromLanguage" style="display: none">'
-              + '<br>Copy</label>'
-              + '</div>'
-              + '<div class="col-sm-9">'
-              + '<p class="t3js-helptext t3js-helptext-copy text-muted">' + TYPO3.lang['localize.educate.copy'] + '</p>'
-              + '</div>'
-              + '</div>',
-            );
-          }
-
-          slideStep1 += '<div data-toggle="buttons">' + actions.join('<hr>') + '</div>';
-          Wizard.addSlide(
-            'localize-choose-action',
-            TYPO3.lang['localize.wizard.header_page']
-              .replace('{0}', $triggerButton.data('page'))
-              .replace('{1}', $triggerButton.data('languageName')),
-            slideStep1,
-            SeverityEnum.info,
-          );
-          Wizard.addSlide(
-            'localize-choose-language',
-            TYPO3.lang['localize.view.chooseLanguage'],
-            '',
-            SeverityEnum.info,
-            ($slide: JQuery): void => {
-              Icons.getIcon('spinner-circle-dark', Icons.sizes.large).done((markup: string): void => {
-                $slide.html('<div class="text-center">' + markup + '</div>');
-
-                this.loadAvailableLanguages(
-                  parseInt($triggerButton.data('pageId'), 10),
-                  parseInt($triggerButton.data('languageId'), 10),
-                ).done((result: Array<LanguageRecord>): void => {
-                  if (result.length === 1) {
-                    // We only have one result, auto select the record and continue
-                    this.sourceLanguage = result[0].uid;
-                    Wizard.unlockNextStep().trigger('click');
-                    return;
-                  }
-
-                  Wizard.getComponent().on('click', '.t3js-language-option', (optionEvt: JQueryEventObject): void => {
-                    const $me = $(optionEvt.currentTarget);
-                    const $radio = $me.find('input[type="radio"]');
-
-                    this.sourceLanguage = $radio.val();
-                    console.log('Localization.ts@132', this.sourceLanguage);
-                    Wizard.unlockNextStep();
-                  });
-
-                  const $languageButtons = $('<div />', {class: 'row', 'data-toggle': 'buttons'});
-
-                  for (const languageObject of result) {
-                    $languageButtons.append(
-                      $('<div />', {class: 'col-sm-4'}).append(
-                        $('<label />', {class: 'btn btn-default btn-block t3js-language-option option'})
-                          .text(' ' + languageObject.title)
-                          .prepend(languageObject.flagIcon)
-                          .prepend(
-                            $('<input />', {
-                              type: 'radio',
-                              name: 'language',
-                              id: 'language' + languageObject.uid,
-                              value: languageObject.uid,
-                              style: 'display: none;',
-                            },
-                          ),
-                        ),
-                      ),
-                    );
-                  }
-                  $slide.empty().append($languageButtons);
-                });
-              });
-            },
-          );
-          Wizard.addSlide(
-            'localize-summary',
-            TYPO3.lang['localize.view.summary'],
-            '',
-            SeverityEnum.info, ($slide: JQuery): void => {
-              Icons.getIcon('spinner-circle-dark', Icons.sizes.large).done((markup: string): void => {
-                $slide.html('<div class="text-center">' + markup + '</div>');
-              });
-              this.getSummary(
-                parseInt($triggerButton.data('pageId'), 10),
-                parseInt($triggerButton.data('languageId'), 10),
-              ).done((result: SummaryRecord): void => {
-                $slide.empty();
-                this.records = [];
-
-                const columns = result.columns.columns;
-                const columnList = result.columns.columnList;
-
-                columnList.forEach((colPos: number): void => {
-                  if (typeof result.records[colPos] === 'undefined') {
-                    return;
-                  }
-
-                  const column = columns[colPos];
-                  const $row = $('<div />', {class: 'row'});
-
-                  result.records[colPos].forEach((record: SummaryColPosRecord): void => {
-                    const label = ' (' + record.uid + ') ' + record.title;
-                    this.records.push(record.uid);
-
-                    $row.append(
-                      $('<div />', {'class': 'col-sm-6'}).append(
-                        $('<div />', {'class': 'input-group'}).append(
-                          $('<span />', {'class': 'input-group-addon'}).append(
-                            $('<input />', {
-                              type: 'checkbox',
-                              'class': 't3js-localization-toggle-record',
-                              id: 'record-uid-' + record.uid,
-                              checked: 'checked',
-                              'data-uid': record.uid,
-                              'aria-label': label,
-                            }),
-                          ),
-                          $('<label />', {
-                            'class': 'form-control',
-                            for: 'record-uid-' + record.uid,
-                          }).text(label).prepend(record.icon),
-                        ),
-                      ),
-                    );
-                  });
-
-                  $slide.append(
-                    $('<fieldset />', {
-                      'class': 'localization-fieldset',
-                    }).append(
-                      $('<label />').text(column).prepend(
-                        $('<input />', {
-                          'class': 't3js-localization-toggle-column',
-                          type: 'checkbox',
-                          checked: 'checked',
-                        }),
-                      ),
-                      $row,
-                    ),
-                  );
-                });
-
-                Wizard.unlockNextStep();
-
-                Wizard.getComponent().on('change', '.t3js-localization-toggle-record', (cmpEvt: JQueryEventObject): void => {
-                  const $me = $(cmpEvt.currentTarget);
-                  const uid = $me.data('uid');
-                  const $parent = $me.closest('fieldset');
-                  const $columnCheckbox = $parent.find('.t3js-localization-toggle-column');
-
-                  if ($me.is(':checked')) {
-                    this.records.push(uid);
-                  } else {
-                    const index = this.records.indexOf(uid);
-                    if (index > -1) {
-                      this.records.splice(index, 1);
-                    }
-                  }
-
-                  const $allChildren = $parent.find('.t3js-localization-toggle-record');
-                  const $checkedChildren = $parent.find('.t3js-localization-toggle-record:checked');
-
-                  $columnCheckbox.prop('checked', $checkedChildren.length > 0);
-                  $columnCheckbox.prop('indeterminate', $checkedChildren.length > 0 && $checkedChildren.length < $allChildren.length);
-
-                  if (this.records.length > 0) {
-                    Wizard.unlockNextStep();
-                  } else {
-                    Wizard.lockNextStep();
-                  }
-                }).on('change', '.t3js-localization-toggle-column', (toggleEvt): void => {
-                  const $me = $(toggleEvt.currentTarget);
-                  const $children = $me.closest('fieldset').find('.t3js-localization-toggle-record');
-
-                  $children.prop('checked', $me.is(':checked'));
-                  $children.trigger('change');
-                });
-              });
-            },
-          );
-
-          Wizard.addFinalProcessingSlide((): void => {
-            this.localizeRecords(
-              parseInt($triggerButton.data('pageId'), 10),
-              parseInt($triggerButton.data('languageId'), 10),
-              this.records,
-            ).done((): void => {
-              Wizard.dismiss();
-              document.location.reload();
-            });
-          }).done((): void => {
-            Wizard.show();
-
-            Wizard.getComponent().on('click', '.t3js-localization-option', (optionEvt: JQueryEventObject): void => {
-              const $me = $(optionEvt.currentTarget);
-              const $radio = $me.find('input[type="radio"]');
-
-              if ($me.data('helptext')) {
-                const $container = $(optionEvt.delegateTarget);
-                $container.find('.t3js-helptext').addClass('text-muted');
-                $container.find($me.data('helptext')).removeClass('text-muted');
-              }
-              this.localizationMode = $radio.val();
-              Wizard.unlockNextStep();
-            });
-          });
-        });
-      });
-    });
-  }
-
-  /**
-   * Load available languages from page
-   *
-   * @param {number} pageId
-   * @param {number} languageId
-   * @returns {JQueryXHR}
-   */
-  private loadAvailableLanguages(pageId: number, languageId: number): JQueryXHR {
-    return $.ajax({
-      url: TYPO3.settings.ajaxUrls.page_languages,
-      data: {
-        pageId: pageId,
-        languageId: languageId,
-      },
-    });
-  }
-
-  /**
-   * Get summary for record processing
-   *
-   * @param {number} pageId
-   * @param {number} languageId
-   * @returns {JQueryXHR}
-   */
-  private getSummary(pageId: number, languageId: number): JQueryXHR {
-    return $.ajax({
-      url: TYPO3.settings.ajaxUrls.records_localize_summary,
-      data: {
-        pageId: pageId,
-        destLanguageId: languageId,
-        languageId: this.sourceLanguage,
-      },
-    });
-  }
-
-  /**
-   * Localize records
-   *
-   * @param {number} pageId
-   * @param {number} languageId
-   * @param {Array<number>} uidList
-   * @returns {JQueryXHR}
-   */
-  private localizeRecords(pageId: number, languageId: number, uidList: Array<number>): JQueryXHR {
-    return $.ajax({
-      url: TYPO3.settings.ajaxUrls.records_localize,
-      data: {
-        pageId: pageId,
-        srcLanguageId: this.sourceLanguage,
-        destLanguageId: languageId,
-        action: this.localizationMode,
-        uidList: uidList,
-      },
-    });
-  }
-}
-
-export = new Localization();
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Login.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Login.ts
deleted file mode 100644
index 79a0067..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Login.ts
+++ /dev/null
@@ -1,212 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import 'bootstrap';
-import * as $ from 'jquery';
-import 'TYPO3/CMS/Backend/jquery.clearable';
-
-interface PreflightResponse {
-  capabilities: PreflightResponseCapabilities;
-}
-
-interface PreflightResponseCapabilities {
-  cookie: boolean;
-  referrer: boolean;
-}
-
-/**
- * Module: TYPO3/CMS/Backend/Login
- * JavaScript module for the backend login form
- * @exports TYPO3/CMS/Backend/Login
- *
- * Class and file name do not match as the class was renamed, but to keep overrides in place, the filename has to stay!
- */
-class BackendLogin {
-  public options: any;
-  public ready: boolean = true;
-
-  constructor() {
-    this.options = {
-      error: '.t3js-login-error',
-      errorNoCookies: '.t3js-login-error-nocookies',
-      errorNoReferrer: '.t3js-login-error-noreferrer',
-      formFields: '.t3js-login-formfields',
-      interfaceField: '.t3js-login-interface-field',
-      loginForm: '#typo3-login-form',
-      loginUrlLink: 't3js-login-url',
-      submitButton: '.t3js-login-submit',
-      submitHandler: null,
-      useridentField: '.t3js-login-userident-field',
-    };
-
-    this.checkCookieSupport();
-    this.checkForInterfaceCookie();
-    this.checkDocumentReferrerSupport();
-    this.initializeEvents();
-
-    // prevent opening the login form in the backend frameset
-    if (top.location.href !== location.href) {
-      this.ready = false;
-      top.location.href = location.href;
-    }
-    if (this.ready) {
-      document.body.setAttribute('data-typo3-login-ready', 'true');
-    }
-  }
-
-  /**
-   * Hide all form fields and show a progress message and icon
-   */
-  private showLoginProcess(): void {
-    this.showLoadingIndicator();
-    $(this.options.error).addClass('hidden');
-    $(this.options.errorNoCookies).addClass('hidden');
-  }
-
-  /**
-   * Show the loading spinner in the submit button
-   */
-  private showLoadingIndicator(): void {
-    $(this.options.submitButton).button('loading');
-  }
-
-  /**
-   * Pass on to registered submit handler
-   *
-   * @param {Event} event
-   */
-  private handleSubmit(event: Event): void {
-    this.showLoginProcess();
-
-    if (typeof this.options.submitHandler === 'function') {
-      this.options.submitHandler(event);
-    }
-  }
-
-  /**
-   * Store the new selected Interface in a cookie to save it for future visits
-   */
-  private interfaceSelectorChanged(): void {
-    const now = new Date();
-    // cookie expires in one year
-    const expires = new Date(now.getTime() + 1000 * 60 * 60 * 24 * 365);
-    document.cookie = 'typo3-login-interface='
-      + $(this.options.interfaceField).val()
-      + '; expires=' + expires.toUTCString() + ';';
-  }
-
-  /**
-   * Check if an interface was stored in a cookie and preselect it in the select box
-   */
-  private checkForInterfaceCookie(): void {
-    if ($(this.options.interfaceField).length) {
-      const posStart = document.cookie.indexOf('typo3-login-interface=');
-      if (posStart !== -1) {
-        let selectedInterface = document.cookie.substr(posStart + 22);
-        selectedInterface = selectedInterface.substr(0, selectedInterface.indexOf(';'));
-        $(this.options.interfaceField).val(selectedInterface);
-      }
-    }
-  }
-
-  private checkDocumentReferrerSupport(): void {
-    const loginUrlLink = document.getElementById(this.options.loginUrlLink) as HTMLAnchorElement;
-    // skip referrer check if explicitly disabled
-    if (loginUrlLink !== null
-      && typeof loginUrlLink.dataset.referrerCheckEnabled === 'undefined'
-      && loginUrlLink.dataset.referrerCheckEnabled !== '1'
-    ) {
-      return;
-    }
-    if (typeof TYPO3.settings === 'undefined' || typeof TYPO3.settings.ajaxUrls === 'undefined') {
-      return;
-    }
-    $.ajax({
-      url: TYPO3.settings.ajaxUrls.login_preflight,
-      type: 'get',
-      success: (result: PreflightResponse): void => {
-        if (result.capabilities.referrer !== true) {
-          document.querySelectorAll(this.options.errorNoReferrer)
-            .forEach((element: HTMLElement): void => element.classList.remove('hidden'));
-        }
-      },
-    });
-  }
-
-  /**
-   * Hides input fields and shows cookie warning
-   */
-  private showCookieWarning(): void {
-    $(this.options.formFields).addClass('hidden');
-    $(this.options.errorNoCookies).removeClass('hidden');
-  }
-
-  /**
-   * Hides cookie warning and shows input fields
-   */
-  private hideCookieWarning(): void {
-    $(this.options.formFields).removeClass('hidden');
-    $(this.options.errorNoCookies).addClass('hidden');
-  }
-
-  /**
-   * Checks browser's cookie support
-   * see http://stackoverflow.com/questions/8112634/jquery-detecting-cookies-enabled
-   */
-  private checkCookieSupport(): void {
-    const cookieEnabled = navigator.cookieEnabled;
-
-    // when cookieEnabled flag is present and false then cookies are disabled.
-    if (cookieEnabled === false) {
-      this.showCookieWarning();
-    } else {
-      // try to set a test cookie if we can't see any cookies and we're using
-      // either a browser that doesn't support navigator.cookieEnabled
-      // or IE (which always returns true for navigator.cookieEnabled)
-      if (!document.cookie && (cookieEnabled === null || /*@cc_on!@*/false)) {
-        document.cookie = 'typo3-login-cookiecheck=1';
-
-        if (!document.cookie) {
-          this.showCookieWarning();
-        } else {
-          // unset the cookie again
-          document.cookie = 'typo3-login-cookiecheck=; expires=' + new Date(0).toUTCString();
-        }
-      }
-    }
-  }
-
-  /**
-   * Registers listeners for the Login Interface
-   */
-  private initializeEvents(): void {
-    $(document).ajaxStart(this.showLoadingIndicator.bind(this));
-    $(this.options.loginForm).on('submit', this.handleSubmit.bind(this));
-
-    // the Interface selector is not always present, so this check is needed
-    if ($(this.options.interfaceField).length > 0) {
-      $(document).on('change blur', this.options.interfaceField, this.interfaceSelectorChanged.bind(this));
-    }
-
-    $('.t3js-clearable').clearable();
-
-    // carousel news height transition
-    $('.t3js-login-news-carousel').on('slide.bs.carousel', (e: any) => {
-      const nextH = $(e.relatedTarget).height();
-      const $element: JQuery = $(e.target);
-      $element.find('div.active').parent().animate({ height: nextH }, 500);
-    });
-  }
-}
-
-export = new BackendLogin();
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/LoginRefresh.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/LoginRefresh.ts
deleted file mode 100644
index f9407ab..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/LoginRefresh.ts
+++ /dev/null
@@ -1,527 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import * as $ from 'jquery';
-import Typo3Notification = require('TYPO3/CMS/Backend/Notification');
-import Modal = require('TYPO3/CMS/Backend/Modal');
-import Severity = require('TYPO3/CMS/Backend/Severity');
-import Client = require('TYPO3/CMS/Backend/Storage/Client');
-
-enum MarkupIdentifiers {
-  loginrefresh = 't3js-modal-loginrefresh',
-  lockedModal = 't3js-modal-backendlocked',
-  loginFormModal = 't3js-modal-backendloginform',
-}
-
-// hack is required, because the Notification definition is wrong
-declare var Notification: any;
-
-/**
- * Module: TYPO3/CMS/Backend/LoginRefresh
- * @exports TYPO3/CMS/Backend/LoginRefresh
- */
-class LoginRefresh {
-  private options: any = {
-    modalConfig: {
-      backdrop: 'static',
-    },
-  };
-  private webNotification: Notification = null;
-  private intervalTime: number = 60;
-  private intervalId: number = null;
-  private backendIsLocked: boolean = false;
-  private isTimingOut: boolean = false;
-  private $timeoutModal: JQuery = null;
-  private $backendLockedModal: JQuery = null;
-  private $loginForm: JQuery = null;
-  private loginFramesetUrl: string = '';
-  private logoutUrl: string = '';
-
-  /**
-   * Initialize login refresh
-   */
-  public initialize(): void {
-    this.initializeTimeoutModal();
-    this.initializeBackendLockedModal();
-    this.initializeLoginForm();
-
-    this.startTask();
-
-    const askForNotifications = !(Client.isset('notifications.asked') && Client.get('notifications.asked') === 'yes');
-    const isDefaultNotificationLevel = typeof Notification !== 'undefined' && Notification.permission === 'default';
-    if (askForNotifications
-      && document.location.protocol === 'https:'
-      && isDefaultNotificationLevel
-    ) {
-      Modal.confirm(
-        TYPO3.lang['notification.request.title'],
-        TYPO3.lang['notification.request.description'],
-        Severity.info,
-        [{
-          text: TYPO3.lang['button.yes'] || 'Yes',
-          btnClass: 'btn-' + Severity.getCssClass(Severity.info),
-          name: 'ok',
-          active: true,
-        }, {
-          text: TYPO3.lang['button.no'] || 'No',
-          btnClass: 'btn-' + Severity.getCssClass(Severity.notice),
-          name: 'cancel',
-        }],
-      ).on('confirm.button.ok', (): void => {
-        Notification.requestPermission();
-        Modal.dismiss();
-      }).on('confirm.button.cancel', (): void => {
-        Modal.dismiss();
-      }).on('hide.bs.modal', (): void => {
-        Client.set('notifications.asked', 'yes');
-      });
-    }
-  }
-
-  /**
-   * Start the task
-   */
-  public startTask(): void {
-    if (this.intervalId !== null) {
-      return;
-    }
-    // set interval to 60 seconds
-    let interval: number = this.intervalTime * 1000;
-    this.intervalId = setInterval(this.checkActiveSession, interval);
-  }
-
-  /**
-   * Stop the task
-   */
-  public stopTask(): void {
-    clearInterval(this.intervalId);
-    this.intervalId = null;
-  }
-
-  /**
-   * Set interval time
-   *
-   * @param {number} intervalTime
-   */
-  public setIntervalTime(intervalTime: number): void {
-    // To avoid the integer overflow in setInterval, we limit the interval time to be one request per day
-    this.intervalTime = Math.min(intervalTime, 86400);
-  }
-
-  /**
-   * Set the logout URL
-   *
-   * @param {string} logoutUrl
-   */
-  public setLogoutUrl(logoutUrl: string): void {
-    this.logoutUrl = logoutUrl;
-  }
-
-  /**
-   * Set login frameset url
-   */
-  public setLoginFramesetUrl(loginFramesetUrl: string): void {
-    this.loginFramesetUrl = loginFramesetUrl;
-  }
-
-  /**
-   * Shows the timeout dialog. If the backend is not focused, a Web Notification
-   * is displayed, too.
-   */
-  public showTimeoutModal(): void {
-    this.isTimingOut = true;
-    this.$timeoutModal.modal(this.options.modalConfig);
-    this.fillProgressbar(this.$timeoutModal);
-
-    if (document.location.protocol === 'https:' && typeof Notification !== 'undefined'
-      && Notification.permission === 'granted' && document.hidden) {
-      this.webNotification = new Notification(TYPO3.lang['mess.login_about_to_expire_title'], {
-        body: TYPO3.lang['mess.login_about_to_expire'],
-        icon: '/typo3/sysext/backend/Resources/Public/Images/Logo.png',
-      });
-      this.webNotification.onclick = () => {
-        window.focus();
-      };
-    }
-  }
-
-  /**
-   * Hides the timeout dialog. If a Web Notification is displayed, close it too.
-   */
-  public hideTimeoutModal(): void {
-    this.isTimingOut = false;
-    this.$timeoutModal.modal('hide');
-
-    if (typeof Notification !== 'undefined' && this.webNotification !== null) {
-      this.webNotification.close();
-    }
-  }
-
-  /**
-   * Shows the "backend locked" dialog.
-   */
-  public showBackendLockedModal(): void {
-    this.$backendLockedModal.modal(this.options.modalConfig);
-  }
-
-  /**
-   * Hides the "backend locked" dialog.
-   */
-  public hideBackendLockedModal(): void {
-    this.$backendLockedModal.modal('hide');
-  }
-
-  /**
-   * Shows the login form.
-   */
-  public showLoginForm(): void {
-    // log off for sure
-    $.ajax({
-      url: TYPO3.settings.ajaxUrls.logout,
-      method: 'GET',
-      success: () => {
-        TYPO3.configuration.showRefreshLoginPopup
-          ? this.showLoginPopup()
-          : this.$loginForm.modal(this.options.modalConfig);
-      },
-    });
-  }
-
-  /**
-   * Opens the login form in a new window.
-   */
-  public showLoginPopup(): void {
-    const vHWin = window.open(
-      this.loginFramesetUrl,
-      'relogin_' + Math.random().toString(16).slice(2),
-      'height=450,width=700,status=0,menubar=0,location=1',
-    );
-    if (vHWin) {
-      vHWin.focus();
-    }
-  }
-
-  /**
-   * Hides the login form.
-   */
-  public hideLoginForm(): void {
-    this.$loginForm.modal('hide');
-  }
-
-  /**
-   * Generates the modal displayed if the backend is locked.
-   */
-  protected initializeBackendLockedModal(): void {
-    this.$backendLockedModal = this.generateModal(MarkupIdentifiers.lockedModal);
-    this.$backendLockedModal.find('.modal-header h4').text(TYPO3.lang['mess.please_wait']);
-    this.$backendLockedModal.find('.modal-body').append(
-      $('<p />').text(TYPO3.lang['mess.be_locked']),
-    );
-    this.$backendLockedModal.find('.modal-footer').remove();
-
-    $('body').append(this.$backendLockedModal);
-  }
-
-  /**
-   * Generates the modal displayed on near session time outs
-   */
-  protected initializeTimeoutModal(): void {
-    this.$timeoutModal = this.generateModal(MarkupIdentifiers.loginrefresh);
-    this.$timeoutModal.addClass('modal-severity-notice');
-    this.$timeoutModal.find('.modal-header h4').text(TYPO3.lang['mess.login_about_to_expire_title']);
-    this.$timeoutModal.find('.modal-body').append(
-      $('<p />').text(TYPO3.lang['mess.login_about_to_expire']),
-      $('<div />', {class: 'progress'}).append(
-        $('<div />', {
-          class: 'progress-bar progress-bar-warning progress-bar-striped active',
-          role: 'progressbar',
-          'aria-valuemin': '0',
-          'aria-valuemax': '100',
-        }).append(
-          $('<span />', {class: 'sr-only'}),
-        ),
-      ),
-    );
-    this.$timeoutModal.find('.modal-footer').append(
-      $('<button />', {
-        class: 'btn btn-default',
-        'data-action': 'logout',
-      }).text(TYPO3.lang['mess.refresh_login_logout_button']).on('click', () => {
-        top.location.href = this.logoutUrl;
-      }),
-      $('<button />', {
-        class: 'btn btn-primary t3js-active',
-        'data-action': 'refreshSession',
-      }).text(TYPO3.lang['mess.refresh_login_refresh_button']).on('click', () => {
-        $.ajax({
-          url: TYPO3.settings.ajaxUrls.login_timedout,
-          method: 'GET',
-          success: () => {
-            this.hideTimeoutModal();
-          },
-        });
-      }),
-    );
-    this.registerDefaultModalEvents(this.$timeoutModal);
-
-    $('body').append(this.$timeoutModal);
-  }
-
-  /**
-   * Generates the login form displayed if the session has timed out.
-   */
-  protected initializeLoginForm(): void {
-    if (TYPO3.configuration.showRefreshLoginPopup) {
-      // dialog is not required if "showRefreshLoginPopup" is enabled
-      return;
-    }
-
-    this.$loginForm = this.generateModal(MarkupIdentifiers.loginFormModal);
-    this.$loginForm.addClass('modal-notice');
-    let refresh_login_title = String(TYPO3.lang['mess.refresh_login_title']).replace('%s', TYPO3.configuration.username);
-    this.$loginForm.find('.modal-header h4').text(refresh_login_title);
-    this.$loginForm.find('.modal-body').append(
-      $('<p />').text(TYPO3.lang['mess.login_expired']),
-      $('<form />', {
-        id: 'beLoginRefresh',
-        method: 'POST',
-        action: TYPO3.settings.ajaxUrls.login,
-      }).append(
-        $('<div />', {class: 'form-group'}).append(
-          $('<input />', {
-            type: 'password',
-            name: 'p_field',
-            autofocus: 'autofocus',
-            class: 'form-control',
-            placeholder: TYPO3.lang['mess.refresh_login_password'],
-            'data-rsa-encryption': 't3-loginrefres-userident',
-          }),
-        ),
-        $('<input />', {type: 'hidden', name: 'username', value: TYPO3.configuration.username}),
-        $('<input />', {type: 'hidden', name: 'userident', id: 't3-loginrefres-userident'}),
-      ),
-    );
-    this.$loginForm.find('.modal-footer').append(
-      $('<a />', {
-        href: this.logoutUrl,
-        class: 'btn btn-default',
-      }).text(TYPO3.lang['mess.refresh_exit_button']),
-      $('<button />', {type: 'button', class: 'btn btn-primary', 'data-action': 'refreshSession'})
-        .text(TYPO3.lang['mess.refresh_login_button'])
-        .on('click', () => {
-          this.$loginForm.find('form').submit();
-        }),
-    );
-    this.registerDefaultModalEvents(this.$loginForm).on('submit', this.submitForm);
-    $('body').append(this.$loginForm);
-    if (require.specified('TYPO3/CMS/Rsaauth/RsaEncryptionModule')) {
-      require(['TYPO3/CMS/Rsaauth/RsaEncryptionModule'], function(RsaEncryption: any): void {
-        RsaEncryption.registerForm($('#beLoginRefresh').get(0));
-      });
-    }
-  }
-
-  /**
-   * Generates a modal dialog as template.
-   *
-   * @param {string} identifier
-   * @returns {JQuery}
-   */
-  protected generateModal(identifier: string): JQuery {
-    return $('<div />', {
-      id: identifier,
-      class: 't3js-modal ' + identifier + ' modal modal-type-default modal-severity-notice modal-style-light modal-size-small fade',
-    }).append(
-      $('<div />', {class: 'modal-dialog'}).append(
-        $('<div />', {class: 'modal-content'}).append(
-          $('<div />', {class: 'modal-header'}).append(
-            $('<h4 />', {class: 'modal-title'}),
-          ),
-          $('<div />', {class: 'modal-body'}),
-          $('<div />', {class: 'modal-footer'}),
-        ),
-      ),
-    );
-  }
-
-  /**
-   * Fills the progressbar attached to the given modal.
-   */
-  protected fillProgressbar($activeModal: JQuery): void {
-    if (!this.isTimingOut) {
-      return;
-    }
-
-    const max = 100;
-    let current = 0;
-    const $progressBar = $activeModal.find('.progress-bar');
-    const $srText = $progressBar.children('.sr-only');
-
-    const progress = setInterval(() => {
-      const isOverdue = (current >= max);
-      if (!this.isTimingOut || isOverdue) {
-        clearInterval(progress);
-
-        if (isOverdue) {
-          // show login form
-          this.hideTimeoutModal();
-          this.showLoginForm();
-        }
-
-        // reset current
-        current = 0;
-      } else {
-        current += 1;
-      }
-
-      const percentText = (current) + '%';
-      $progressBar.css('width', percentText);
-      $srText.text(percentText);
-    },                           300);
-  }
-
-  /**
-   * Creates additional data based on the security level and "submits" the form
-   * via an AJAX request.
-   *
-   * @param {JQueryEventObject} event
-   */
-  protected submitForm = (event: JQueryEventObject): void => {
-    event.preventDefault();
-
-    const $form = this.$loginForm.find('form');
-    const $passwordField = $form.find('input[name=p_field]');
-    const $useridentField = $form.find('input[name=userident]');
-    const passwordFieldValue = $passwordField.val();
-
-    if (passwordFieldValue === '' && $useridentField.val() === '') {
-      Typo3Notification.error(TYPO3.lang['mess.refresh_login_failed'], TYPO3.lang['mess.refresh_login_emptyPassword']);
-      $passwordField.focus();
-      return;
-    }
-
-    if (passwordFieldValue) {
-      $useridentField.val(passwordFieldValue);
-      $passwordField.val('');
-    }
-
-    const postData: any = {
-      login_status: 'login',
-    };
-    $.each($form.serializeArray(), function(i: number, field: any): void {
-      postData[field.name] = field.value;
-    });
-    $.ajax({
-      url: $form.attr('action'),
-      method: 'POST',
-      data: postData,
-      success: (response) => {
-        if (response.login.success) {
-          // User is logged in
-          this.hideLoginForm();
-        } else {
-          Typo3Notification.error(TYPO3.lang['mess.refresh_login_failed'], TYPO3.lang['mess.refresh_login_failed_message']);
-          $passwordField.focus();
-        }
-      },
-    });
-  }
-
-  /**
-   * Registers the (shown|hidden).bs.modal events.
-   * If a modal is shown, the interval check is stopped. If the modal hides,
-   * the interval check starts again.
-   * This method is not invoked for the backend locked modal, because we still
-   * need to check if the backend gets unlocked again.
-   *
-   * @param {JQuery} $modal
-   * @returns {JQuery}
-   */
-  protected registerDefaultModalEvents($modal: JQuery): JQuery {
-    $modal.on('hidden.bs.modal', () => {
-      this.startTask();
-    }).on('shown.bs.modal', () => {
-      this.stopTask();
-      // focus the button which was configured as active button
-      this.$timeoutModal.find('.modal-footer .t3js-active').first().focus();
-    });
-    return $modal;
-  }
-
-  /**
-   * Periodically called task that checks if
-   *
-   * - the user's backend session is about to expire
-   * - the user's backend session has expired
-   * - the backend got locked
-   *
-   * and opens a dialog.
-   */
-  protected checkActiveSession = (): void => {
-    $.getJSON(TYPO3.settings.ajaxUrls.login_timedout, [], (response) => {
-      if (response.login.locked) {
-        if (!this.backendIsLocked) {
-          this.backendIsLocked = true;
-          this.showBackendLockedModal();
-        }
-      } else {
-        if (this.backendIsLocked) {
-          this.backendIsLocked = false;
-          this.hideBackendLockedModal();
-        }
-      }
-
-      if (!this.backendIsLocked) {
-        if (response.login.timed_out || response.login.will_time_out) {
-          response.login.timed_out
-            ? this.showLoginForm()
-            : this.showTimeoutModal();
-        }
-      }
-    });
-  }
-}
-
-let loginRefreshObject;
-try {
-  // fetch from opening window
-  if (window.opener && window.opener.TYPO3 && window.opener.TYPO3.LoginRefresh) {
-    loginRefreshObject = window.opener.TYPO3.LoginRefresh;
-  }
-
-  // fetch from parent
-  if (parent && parent.window.TYPO3 && parent.window.TYPO3.LoginRefresh) {
-    loginRefreshObject = parent.window.TYPO3.LoginRefresh;
-  }
-
-  // fetch object from outer frame
-  if (top && top.TYPO3 && top.TYPO3.LoginRefresh) {
-    loginRefreshObject = top.TYPO3.LoginRefresh;
-  }
-} catch (e) {
-  // This only happens if the opener, parent or top is some other url (eg a local file)
-  // which loaded the current window. Then the browser's cross domain policy jumps in
-  // and raises an exception.
-  // For this case we are safe and we can create our global object below.
-}
-
-if (!loginRefreshObject) {
-  loginRefreshObject = new LoginRefresh();
-
-  // attach to global frame
-  if (typeof TYPO3 !== 'undefined') {
-    TYPO3.LoginRefresh = loginRefreshObject;
-  }
-}
-
-export = loginRefreshObject;
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Modal.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Modal.ts
deleted file mode 100644
index 8f7d202..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Modal.ts
+++ /dev/null
@@ -1,502 +0,0 @@
-// @ts-nocheck
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {SeverityEnum} from './Enum/Severity';
-import 'bootstrap';
-import * as $ from 'jquery';
-import Icons = require('./Icons');
-import Severity = require('./Severity');
-import SecurityUtility = require('TYPO3/CMS/Core/SecurityUtility');
-
-enum Identifiers {
-  modal = '.t3js-modal',
-  content = '.t3js-modal-content',
-  title = '.t3js-modal-title',
-  close = '.t3js-modal-close',
-  body = '.t3js-modal-body',
-  footer = '.t3js-modal-footer',
-  iframe = '.t3js-modal-iframe',
-  iconPlaceholder = '.t3js-modal-icon-placeholder',
-}
-
-enum Sizes {
-  small = 'small',
-  default = 'default',
-  medium = 'medium',
-  large = 'large',
-  full = 'full',
-}
-
-enum Styles {
-  default = 'default',
-  light = 'light',
-  dark = 'dark',
-}
-
-enum Types {
-  default = 'default',
-  ajax = 'ajax',
-  iframe = 'iframe',
-}
-
-interface Button {
-  text: string;
-  active: boolean;
-  btnClass: string;
-  name: string;
-  trigger: (e: JQueryEventObject) => {};
-  dataAttributes: { [key: string]: string };
-  icon: string;
-}
-
-interface Configuration {
-  type: Types;
-  title: string;
-  content: string | JQuery;
-  severity: SeverityEnum;
-  buttons: Array<Button>;
-  style: string;
-  size: string;
-  additionalCssClasses: Array<string>;
-  callback: Function;
-  ajaxCallback: Function;
-  ajaxTarget: string;
-}
-
-/**
- * Module: TYPO3/CMS/Backend/Modal
- * API for modal windows powered by Twitter Bootstrap.
- */
-class Modal {
-  public readonly sizes: any = Sizes;
-  public readonly styles: any = Styles;
-  public readonly types: any = Types;
-  public currentModal: JQuery = null;
-  private instances: Array<JQuery> = [];
-  private readonly $template: JQuery = $(
-    '<div class="t3js-modal modal fade">' +
-    '<div class="modal-dialog">' +
-    '<div class="t3js-modal-content modal-content">' +
-    '<div class="modal-header">' +
-    '<button class="t3js-modal-close close">' +
-    '<span aria-hidden="true">' +
-    '<span class="t3js-modal-icon-placeholder" data-icon="actions-close"></span>' +
-    '</span>' +
-    '<span class="sr-only"></span>' +
-    '</button>' +
-    '<h4 class="t3js-modal-title modal-title"></h4>' +
-    '</div>' +
-    '<div class="t3js-modal-body modal-body"></div>' +
-    '<div class="t3js-modal-footer modal-footer"></div>' +
-    '</div>' +
-    '</div>' +
-    '</div>',
-  );
-
-  private defaultConfiguration: Configuration = {
-    type: Types.default,
-    title: 'Information',
-    content: 'No content provided, please check your <code>Modal</code> configuration.',
-    severity: SeverityEnum.notice,
-    buttons: [],
-    style: Styles.default,
-    size: Sizes.default,
-    additionalCssClasses: [],
-    callback: $.noop(),
-    ajaxCallback: $.noop(),
-    ajaxTarget: null,
-  };
-
-  private readonly securityUtility: SecurityUtility;
-
-  constructor(securityUtility: SecurityUtility) {
-    this.securityUtility = securityUtility;
-    $(document).on('modal-dismiss', this.dismiss);
-    this.initializeMarkupTrigger(document);
-  }
-
-  /**
-   * Close the current open modal
-   */
-  public dismiss(): void {
-    if (this.currentModal) {
-      this.currentModal.modal('hide');
-    }
-  }
-
-  /**
-   * Shows a confirmation dialog
-   * Events:
-   * - button.clicked
-   * - confirm.button.cancel
-   * - confirm.button.ok
-   *
-   * @param {string} title The title for the confirm modal
-   * @param {string | JQuery} content The content for the conform modal, e.g. the main question
-   * @param {SeverityEnum} severity Default SeverityEnum.warning
-   * @param {Array<Button>} buttons An array with buttons, default no buttons
-   * @param {Array<string>} additionalCssClasses Additional css classes to add to the modal
-   * @returns {JQuery}
-   */
-  public confirm(title: string,
-                 content: string | JQuery,
-                 severity: SeverityEnum = SeverityEnum.warning,
-                 buttons: Array<Object> = [],
-                 additionalCssClasses?: Array<string>): JQuery {
-    if (buttons.length === 0) {
-      buttons.push(
-        {
-          text: $(this).data('button-close-text') || TYPO3.lang['button.cancel'] || 'Cancel',
-          active: true,
-          btnClass: 'btn-default',
-          name: 'cancel',
-        },
-        {
-          text: $(this).data('button-ok-text') || TYPO3.lang['button.ok'] || 'OK',
-          btnClass: 'btn-' + Severity.getCssClass(severity),
-          name: 'ok',
-        },
-      );
-    }
-
-    return this.advanced({
-      title,
-      content,
-      severity,
-      buttons,
-      additionalCssClasses,
-      callback: (currentModal: JQuery): void => {
-        currentModal.on('button.clicked', (e: JQueryEventObject): void => {
-          if (e.target.getAttribute('name') === 'cancel') {
-            $(e.currentTarget).trigger('confirm.button.cancel');
-          } else if (e.target.getAttribute('name') === 'ok') {
-            $(e.currentTarget).trigger('confirm.button.ok');
-          }
-        });
-      },
-    });
-  }
-
-  /**
-   * Load URL with AJAX, append the content to the modal-body
-   * and trigger the callback
-   *
-   * @param {string} title
-   * @param {SeverityEnum} severity
-   * @param {Array<Button>} buttons
-   * @param {string} url
-   * @param {Function} callback
-   * @param {string} target
-   * @returns {JQuery}
-   */
-  public loadUrl(title: string,
-                 severity: SeverityEnum = SeverityEnum.info,
-                 buttons: Array<Object>,
-                 url: string,
-                 callback?: Function,
-                 target?: string,
-  ): JQuery {
-    return this.advanced({
-      type: Types.ajax,
-      title,
-      severity,
-      buttons,
-      ajaxCallback: callback,
-      ajaxTarget: target,
-      content: url,
-    });
-  }
-
-  /**
-   * Shows a dialog
-   *
-   * @param {string} title
-   * @param {string | JQuery} content
-   * @param {number} severity
-   * @param {Array<Object>} buttons
-   * @param {Array<string>} additionalCssClasses
-   * @returns {JQuery}
-   */
-  public show(title: string,
-              content: string | JQuery,
-              severity: SeverityEnum = SeverityEnum.info,
-              buttons?: Array<Object>,
-              additionalCssClasses?: Array<string>): JQuery {
-    return this.advanced({
-      type: Types.default,
-      title,
-      content,
-      severity,
-      buttons,
-      additionalCssClasses,
-    });
-  }
-
-  /**
-   * Loads modal by configuration
-   *
-   * @param {object} configuration configuration for the modal
-   */
-  public advanced(configuration: { [key: string]: any }): JQuery {
-    // Validation of configuration
-    configuration.type = typeof configuration.type === 'string' && configuration.type in Types
-      ? configuration.type
-      : this.defaultConfiguration.type;
-    configuration.title = typeof configuration.title === 'string'
-      ? configuration.title
-      : this.defaultConfiguration.title;
-    configuration.content = typeof configuration.content === 'string' || typeof configuration.content === 'object'
-      ? configuration.content
-      : this.defaultConfiguration.content;
-    configuration.severity = typeof configuration.severity !== 'undefined'
-      ? configuration.severity
-      : this.defaultConfiguration.severity;
-    configuration.buttons = <Array<Button>>configuration.buttons || this.defaultConfiguration.buttons;
-    configuration.size = typeof configuration.size === 'string' && configuration.size in Sizes
-      ? configuration.size
-      : this.defaultConfiguration.size;
-    configuration.style = typeof configuration.style === 'string' && configuration.style in Styles
-      ? configuration.style
-      : this.defaultConfiguration.style;
-    configuration.additionalCssClasses = configuration.additionalCssClasses || this.defaultConfiguration.additionalCssClasses;
-    configuration.callback = typeof configuration.callback === 'function' ? configuration.callback : this.defaultConfiguration.callback;
-    configuration.ajaxCallback = typeof configuration.ajaxCallback === 'function'
-      ? configuration.ajaxCallback
-      : this.defaultConfiguration.ajaxCallback;
-    configuration.ajaxTarget = typeof configuration.ajaxTarget === 'string'
-      ? configuration.ajaxTarget
-      : this.defaultConfiguration.ajaxTarget;
-
-    return this.generate(<Configuration>configuration);
-  }
-
-  /**
-   * Initialize markup with data attributes
-   *
-   * @param {HTMLDocument} theDocument
-   */
-  private initializeMarkupTrigger(theDocument: HTMLDocument): void {
-    $(theDocument).on('click', '.t3js-modal-trigger', (evt: JQueryEventObject): void => {
-      evt.preventDefault();
-      const $element = $(evt.currentTarget);
-      const content = $element.data('content') || 'Are you sure?';
-      const severity = typeof SeverityEnum[$element.data('severity')] !== 'undefined'
-        ? SeverityEnum[$element.data('severity')]
-        : SeverityEnum.info;
-      let url = $element.data('url') || null;
-      if (url !== null) {
-        const separator = (url.indexOf('?') > -1) ? '&' : '?';
-        const params = $.param({data: $element.data()});
-        url = url + separator + params;
-      }
-      this.advanced({
-        type: url !== null ? Types.ajax : Types.default,
-        title: $element.data('title') || 'Alert',
-        content: url !== null ? url : content,
-        severity,
-        buttons: [
-          {
-            text: $element.data('button-close-text') || TYPO3.lang['button.close'] || 'Close',
-            active: true,
-            btnClass: 'btn-default',
-            trigger: (): void => {
-              this.currentModal.trigger('modal-dismiss');
-            },
-          },
-          {
-            text: $element.data('button-ok-text') || TYPO3.lang['button.ok'] || 'OK',
-            btnClass: 'btn-' + Severity.getCssClass(severity),
-            trigger: (): void => {
-              this.currentModal.trigger('modal-dismiss');
-              evt.target.ownerDocument.location.href = $element.data('href') || $element.attr('href');
-            },
-          },
-        ],
-      });
-    });
-  }
-
-  /**
-   * @param {Configuration} configuration
-   */
-  private generate(configuration: Configuration): JQuery {
-    const currentModal = this.$template.clone();
-    if (configuration.additionalCssClasses.length > 0) {
-      for (let additionalClass of configuration.additionalCssClasses) {
-        currentModal.addClass(additionalClass);
-      }
-    }
-    currentModal.addClass('modal-type-' + configuration.type);
-    currentModal.addClass('modal-severity-' + Severity.getCssClass(configuration.severity));
-    currentModal.addClass('modal-style-' + configuration.style);
-    currentModal.addClass('modal-size-' + configuration.size);
-    currentModal.attr('tabindex', '-1');
-    currentModal.find(Identifiers.title).text(configuration.title);
-    currentModal.find(Identifiers.close).on('click', (): void => {
-      currentModal.modal('hide');
-    });
-
-    if (configuration.type === 'ajax') {
-      const contentTarget = configuration.ajaxTarget ? configuration.ajaxTarget : Identifiers.body;
-      const $loaderTarget = currentModal.find(contentTarget);
-      Icons.getIcon('spinner-circle', Icons.sizes.default, null, null, Icons.markupIdentifiers.inline).done((icon: string): void => {
-        $loaderTarget.html('<div class="modal-loading">' + icon + '</div>');
-        $.get(
-          <string>configuration.content,
-          (response: string): void => {
-            this.currentModal.find(contentTarget)
-              .empty()
-              .append(response);
-            if (configuration.ajaxCallback) {
-              configuration.ajaxCallback();
-            }
-            this.currentModal.trigger('modal-loaded');
-          },
-          'html',
-        );
-      });
-    } else if (configuration.type === 'iframe') {
-      currentModal.find(Identifiers.body).append(
-        $('<iframe />', {
-          src: configuration.content,
-          'name': 'modal_frame',
-          'class': 'modal-iframe t3js-modal-iframe',
-        }),
-      );
-      currentModal.find(Identifiers.iframe).on('load', (): void => {
-        currentModal.find(Identifiers.title).text(
-          (<HTMLIFrameElement>currentModal.find(Identifiers.iframe).get(0)).contentDocument.title,
-        );
-      });
-    } else {
-      if (typeof configuration.content === 'string') {
-        configuration.content = $('<p />').html(
-          this.securityUtility.encodeHtml(configuration.content),
-        );
-      }
-      currentModal.find(Identifiers.body).append(configuration.content);
-    }
-
-    // Add buttons
-    if (configuration.buttons.length > 0) {
-      for (let i = 0; i < configuration.buttons.length; i++) {
-        const button = configuration.buttons[i];
-        const $button = $('<button />', {'class': 'btn'});
-        $button.html('<span>' + this.securityUtility.encodeHtml(button.text, false) + '</span>');
-        if (button.active) {
-          $button.addClass('t3js-active');
-        }
-        if (button.btnClass !== '') {
-          $button.addClass(button.btnClass);
-        }
-        if (button.name !== '') {
-          $button.attr('name', button.name);
-        }
-        if (button.trigger) {
-          $button.on('click', button.trigger);
-        }
-        if (button.dataAttributes) {
-          if (Object.keys(button.dataAttributes).length > 0) {
-            Object.keys(button.dataAttributes).map((value: string): any => {
-              $button.attr('data-' + value, button.dataAttributes[value]);
-            });
-          }
-        }
-        if (button.icon) {
-          $button.prepend('<span class="t3js-modal-icon-placeholder" data-icon="' + button.icon + '"></span>');
-        }
-        currentModal.find(Identifiers.footer).append($button);
-      }
-      currentModal
-        .find(Identifiers.footer).find('button')
-        .on('click', (e: JQueryEventObject): void => {
-          $(e.currentTarget).trigger('button.clicked');
-        });
-    } else {
-      currentModal.find(Identifiers.footer).remove();
-    }
-
-    currentModal.on('shown.bs.modal', (e: JQueryEventObject): void => {
-      const $me = $(e.currentTarget);
-      // focus the button which was configured as active button
-      $me.find(Identifiers.footer).find('.t3js-active').first().focus();
-      // Get Icons
-      $me.find(Identifiers.iconPlaceholder).each((index: number, elem: Element): void => {
-        Icons.getIcon($(elem).data('icon'), Icons.sizes.small, null, null, Icons.markupIdentifiers.inline).done((icon: string): void => {
-          this.currentModal.find(Identifiers.iconPlaceholder + '[data-icon=' + $(icon).data('identifier') + ']').replaceWith(icon);
-        });
-      });
-    });
-
-    // Remove modal from Modal.instances when hidden
-    currentModal.on('hidden.bs.modal', (e: JQueryEventObject): void => {
-      if (this.instances.length > 0) {
-        const lastIndex = this.instances.length - 1;
-        this.instances.splice(lastIndex, 1);
-        this.currentModal = this.instances[lastIndex - 1];
-      }
-      currentModal.trigger('modal-destroyed');
-      $(e.currentTarget).remove();
-      // Keep class modal-open on body tag as long as open modals exist
-      if (this.instances.length > 0) {
-        $('body').addClass('modal-open');
-      }
-    });
-
-    // When modal is opened/shown add it to Modal.instances and make it Modal.currentModal
-    currentModal.on('show.bs.modal', (e: JQueryEventObject): void => {
-      this.currentModal = $(e.currentTarget);
-      this.instances.push(this.currentModal);
-    });
-    currentModal.on('modal-dismiss', (e: JQueryEventObject): void => {
-      // Hide modal, the bs.modal events will clean up Modal.instances
-      $(e.currentTarget).modal('hide');
-    });
-
-    if (configuration.callback) {
-      configuration.callback(currentModal);
-    }
-
-    return currentModal.modal();
-  }
-}
-
-let modalObject: Modal = null;
-try {
-  if (parent && parent.window.TYPO3 && parent.window.TYPO3.Modal) {
-    // fetch from parent
-    // we need to trigger the event capturing again, in order to make sure this works inside iframes
-    parent.window.TYPO3.Modal.initializeMarkupTrigger(document);
-    modalObject = parent.window.TYPO3.Modal;
-  } else if (top && top.TYPO3.Modal) {
-    // fetch object from outer frame
-    // we need to trigger the event capturing again, in order to make sure this works inside iframes
-    top.TYPO3.Modal.initializeMarkupTrigger(document);
-    modalObject = top.TYPO3.Modal;
-  }
-} catch (e) {
-  // This only happens if the opener, parent or top is some other url (eg a local file)
-  // which loaded the current window. Then the browser's cross domain policy jumps in
-  // and raises an exception.
-  // For this case we are safe and we can create our global object below.
-}
-
-if (!modalObject) {
-  modalObject = new Modal(new SecurityUtility());
-
-  // expose as global object
-  TYPO3.Modal = modalObject;
-}
-
-export = modalObject;
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/ModuleMenu.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/ModuleMenu.ts
deleted file mode 100644
index 83666fe..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/ModuleMenu.ts
+++ /dev/null
@@ -1,422 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {NavigationComponentInterface} from './Viewport/NavigationComponentInterface';
-import {ScaffoldIdentifierEnum} from './Enum/Viewport/ScaffoldIdentifier';
-import * as $ from 'jquery';
-import PersistentStorage = require('./Storage/Persistent');
-import Viewport = require('./Viewport');
-import ClientRequest = require('./Event/ClientRequest');
-import TriggerRequest = require('./Event/TriggerRequest');
-import InteractionRequest = require('./Event/InteractionRequest');
-
-interface Module {
-  name: string;
-  navigationComponentId: string;
-  navigationFrameScript: string;
-  navigationFrameScriptParam: string;
-  link: string;
-}
-
-/**
- * Class to render the module menu and handle the BE navigation
- */
-class ModuleMenu {
-  private loadedModule: string = null;
-  private loadedNavigationComponentId: string = '';
-
-  /**
-   * Fetches all module menu elements in the local storage that should be collapsed
-   *
-   * @returns {Object}
-   */
-  private static getCollapsedMainMenuItems(): { [key: string]: boolean } {
-    if (PersistentStorage.isset('modulemenu')) {
-      return JSON.parse(PersistentStorage.get('modulemenu'));
-    } else {
-      return {};
-    }
-  }
-
-  /**
-   * Adds a module menu item to the local storage
-   *
-   * @param {string} item
-   */
-  private static addCollapsedMainMenuItem(item: string): void {
-    const existingItems = ModuleMenu.getCollapsedMainMenuItems();
-    existingItems[item] = true;
-    PersistentStorage.set('modulemenu', JSON.stringify(existingItems));
-  }
-
-  /**
-   * Removes a module menu item from the local storage
-   *
-   * @param {string} item
-   */
-  private static removeCollapseMainMenuItem(item: string): void {
-    const existingItems = this.getCollapsedMainMenuItems();
-    delete existingItems[item];
-    PersistentStorage.set('modulemenu', JSON.stringify(existingItems));
-  }
-
-  /**
-   * Prepends previously saved record id to the url params
-   *
-   * @param {Object} moduleData
-   * @param {string} params query string parameters for module url
-   * @return {string}
-   */
-  private static includeId(moduleData: Module, params: string): string {
-    if (!moduleData.navigationComponentId && !moduleData.navigationFrameScript) {
-      return params;
-    }
-    // get id
-    let section = '';
-    if (moduleData.navigationComponentId === 'TYPO3/CMS/Backend/PageTree/PageTreeElement') {
-      section = 'web';
-    } else {
-      section = moduleData.name.split('_')[0];
-    }
-    if (top.fsMod.recentIds[section]) {
-      params = 'id=' + top.fsMod.recentIds[section] + '&' + params;
-    }
-
-    return params;
-  }
-
-  /**
-   * @param {boolean} collapse
-   */
-  private static toggleMenu(collapse?: boolean): void {
-    Viewport.NavigationContainer.cleanup();
-
-    const $mainContainer = $(ScaffoldIdentifierEnum.scaffold);
-    const expandedClass = 'scaffold-modulemenu-expanded';
-
-    if (typeof collapse === 'undefined') {
-      collapse = $mainContainer.hasClass(expandedClass);
-    }
-    $mainContainer.toggleClass(expandedClass, !collapse);
-    if (!collapse) {
-      $('.scaffold')
-        .removeClass('scaffold-search-expanded')
-        .removeClass('scaffold-toolbar-expanded');
-    }
-
-    // Persist collapsed state in the UC of the current user
-    PersistentStorage.set(
-      'BackendComponents.States.typo3-module-menu',
-      {
-        collapsed: collapse,
-      },
-    );
-
-    Viewport.doLayout();
-  }
-
-  /**
-   * Gets the module properties from module menu markup (data attributes)
-   *
-   * @param {string} name
-   * @returns {Module}
-   */
-  private static getRecordFromName(name: string): Module {
-    const $subModuleElement = $('#' + name);
-    return {
-      name: name,
-      navigationComponentId: $subModuleElement.data('navigationcomponentid'),
-      navigationFrameScript: $subModuleElement.data('navigationframescript'),
-      navigationFrameScriptParam: $subModuleElement.data('navigationframescriptparameters'),
-      link: $subModuleElement.find('a').data('link'),
-    };
-  }
-
-  /**
-   * @param {string} module
-   */
-  private static highlightModuleMenuItem(module: string): void {
-    $('.modulemenu-item.active').removeClass('active');
-    $('#' + module).addClass('active');
-  }
-
-  constructor() {
-    $((): void => this.initialize());
-  }
-
-  /**
-   * Refresh the HTML by fetching the menu again
-   */
-  public refreshMenu(): void {
-    $.ajax(TYPO3.settings.ajaxUrls.modulemenu).done((result: { [key: string]: string }): void => {
-      $('#menu').replaceWith(result.menu);
-      if (top.currentModuleLoaded) {
-        ModuleMenu.highlightModuleMenuItem(top.currentModuleLoaded);
-      }
-      Viewport.doLayout();
-    });
-  }
-
-  /**
-   * Reloads the frames
-   *
-   * Hint: This method can't be static (yet), as this must be bound to the ModuleMenu instance.
-   */
-  public reloadFrames(): void {
-    Viewport.NavigationContainer.refresh();
-    Viewport.ContentContainer.refresh();
-  }
-
-  /**
-   * Event handler called after clicking on the module menu item
-   *
-   * @param {string} name
-   * @param {string} params
-   * @param {JQueryEventObject} event
-   * @returns {JQueryDeferred<TriggerRequest>}
-   */
-  public showModule(name: string, params?: string, event?: JQueryEventObject): JQueryDeferred<TriggerRequest> {
-    params = params || '';
-    const moduleData = ModuleMenu.getRecordFromName(name);
-    return this.loadModuleComponents(
-      moduleData,
-      params,
-      new ClientRequest('typo3.showModule', event),
-    );
-  }
-
-  private initialize(): void {
-    const me = this;
-    let deferred = $.Deferred();
-    deferred.resolve();
-
-    // load the start module
-    if (top.startInModule && top.startInModule[0] && $('#' + top.startInModule[0]).length > 0) {
-      deferred = this.showModule(
-        top.startInModule[0],
-        top.startInModule[1],
-      );
-    } else {
-      // fetch first module
-      const $firstModule = $('.t3js-mainmodule:first');
-      if ($firstModule.attr('id')) {
-        deferred = this.showModule(
-          $firstModule.attr('id'),
-        );
-      }
-      // else case: the main module has no entries, this is probably a backend
-      // user with very little access rights, maybe only the logout button and
-      // a user settings module in topbar.
-    }
-
-    deferred.then((): void => {
-      me.initializeEvents();
-    });
-  }
-
-  private initializeEvents(): void {
-    $(document).on('click', '.modulemenu-group .modulemenu-group-header', (e: JQueryEventObject): void => {
-      const $group = $(e.currentTarget).parent('.modulemenu-group');
-      const $groupContainer = $group.find('.modulemenu-group-container');
-
-      Viewport.NavigationContainer.cleanup();
-      if ($group.hasClass('expanded')) {
-        ModuleMenu.addCollapsedMainMenuItem($group.attr('id'));
-        $group.addClass('collapsed').removeClass('expanded');
-        $groupContainer.stop().slideUp().promise().done((): void => {
-          Viewport.doLayout();
-        });
-      } else {
-        ModuleMenu.removeCollapseMainMenuItem($group.attr('id'));
-        $group.addClass('expanded').removeClass('collapsed');
-        $groupContainer.stop().slideDown().promise().done((): void => {
-          Viewport.doLayout();
-        });
-      }
-    });
-
-    // register clicking on sub modules
-    $(document).on('click', '.modulemenu-item,.t3-menuitem-submodule', (evt: JQueryEventObject): void => {
-      evt.preventDefault();
-      this.showModule($(evt.currentTarget).attr('id'), '', evt);
-    });
-    $(document).on('click', '.t3js-topbar-button-modulemenu', (evt: JQueryEventObject): void => {
-        evt.preventDefault();
-        ModuleMenu.toggleMenu();
-      },
-    );
-    $(document).on('click', '.t3js-scaffold-content-overlay', (evt: JQueryEventObject): void => {
-        evt.preventDefault();
-        ModuleMenu.toggleMenu(true);
-      },
-    );
-    $(document).on('click', '.t3js-topbar-button-navigationcomponent', (evt: JQueryEventObject): void => {
-      evt.preventDefault();
-      Viewport.NavigationContainer.toggle();
-    });
-  }
-
-  /**
-   * Shows requested module (e.g. list/page)
-   *
-   * @param {Object} moduleData
-   * @param {string} params
-   * @param {InteractionRequest} [interactionRequest]
-   * @return {jQuery.Deferred}
-   */
-  private loadModuleComponents(
-    moduleData: Module,
-    params: string,
-    interactionRequest: InteractionRequest,
-  ): JQueryDeferred<TriggerRequest> {
-    const moduleName = moduleData.name;
-
-    // Allow other components e.g. Formengine to cancel switching between modules
-    // (e.g. you have unsaved changes in the form)
-    const deferred = Viewport.ContentContainer.beforeSetUrl(interactionRequest);
-    deferred.then(
-      $.proxy(
-        (): void => {
-          if (moduleData.navigationComponentId) {
-            this.loadNavigationComponent(moduleData.navigationComponentId);
-          } else if (moduleData.navigationFrameScript) {
-            Viewport.NavigationContainer.show('typo3-navigationIframe');
-            this.openInNavFrame(
-              moduleData.navigationFrameScript,
-              moduleData.navigationFrameScriptParam,
-              new TriggerRequest(
-                'typo3.loadModuleComponents',
-                interactionRequest,
-              ),
-            );
-          } else {
-            Viewport.NavigationContainer.hide();
-          }
-
-          ModuleMenu.highlightModuleMenuItem(moduleName);
-          this.loadedModule = moduleName;
-          params = ModuleMenu.includeId(moduleData, params);
-          this.openInContentFrame(
-            moduleData.link,
-            params,
-            new TriggerRequest(
-              'typo3.loadModuleComponents',
-              interactionRequest,
-            ),
-          );
-
-          // compatibility
-          top.currentSubScript = moduleData.link;
-          top.currentModuleLoaded = moduleName;
-
-          Viewport.doLayout();
-        },
-        this,
-      ),
-    );
-
-    return deferred;
-  }
-
-  /**
-   * Renders registered (non-iframe) navigation component e.g. a page tree
-   *
-   * @param {string} navigationComponentId
-   */
-  private loadNavigationComponent(navigationComponentId: string): void {
-    const me = this;
-
-    Viewport.NavigationContainer.show(navigationComponentId);
-    if (navigationComponentId === this.loadedNavigationComponentId) {
-      return;
-    }
-    const componentCssName = navigationComponentId.replace(/[/]/g, '_');
-    if (this.loadedNavigationComponentId !== '') {
-      $('#navigationComponent-' + this.loadedNavigationComponentId.replace(/[/]/g, '_')).hide();
-    }
-    if ($('.t3js-scaffold-content-navigation [data-component="' + navigationComponentId + '"]').length < 1) {
-      $('.t3js-scaffold-content-navigation')
-        .append($('<div />', {
-          'class': 'scaffold-content-navigation-component',
-          'data-component': navigationComponentId,
-          id: 'navigationComponent-' + componentCssName,
-        }));
-    }
-
-    require([navigationComponentId], (NavigationComponent: NavigationComponentInterface): void => {
-      NavigationComponent.initialize('#navigationComponent-' + componentCssName);
-      Viewport.NavigationContainer.show(navigationComponentId);
-      me.loadedNavigationComponentId = navigationComponentId;
-    });
-  }
-
-  /**
-   * @param {string} url
-   * @param {string} params
-   * @param {InteractionRequest} interactionRequest
-   * @returns {JQueryDeferred<TriggerRequest>}
-   */
-  private openInNavFrame(url: string, params: string, interactionRequest: InteractionRequest): JQueryDeferred<TriggerRequest> {
-    const navUrl = url + (params ? (url.indexOf('?') !== -1 ? '&' : '?') + params : '');
-    const currentUrl = Viewport.NavigationContainer.getUrl();
-    const deferred = Viewport.NavigationContainer.setUrl(
-      url,
-      new TriggerRequest('typo3.openInNavFrame', interactionRequest),
-    );
-    if (currentUrl !== navUrl) {
-      // if deferred is already resolved, execute directly
-      if (deferred.state() === 'resolved') {
-        Viewport.NavigationContainer.refresh();
-        // otherwise hand in future callback
-      } else {
-        deferred.then(Viewport.NavigationContainer.refresh);
-      }
-    }
-    return deferred;
-  }
-
-  /**
-   * @param {string} url
-   * @param {string} params
-   * @param {InteractionRequest} interactionRequest
-   * @returns {JQueryDeferred<TriggerRequest>}
-   */
-  private openInContentFrame(url: string, params: string, interactionRequest: InteractionRequest):  JQueryDeferred<TriggerRequest> {
-    let deferred;
-
-    if (top.nextLoadModuleUrl) {
-      deferred = Viewport.ContentContainer.setUrl(
-        top.nextLoadModuleUrl,
-        new TriggerRequest('typo3.openInContentFrame', interactionRequest),
-      );
-      top.nextLoadModuleUrl = '';
-    } else {
-      const urlToLoad = url + (params ? (url.indexOf('?') !== -1 ? '&' : '?') + params : '');
-      deferred = Viewport.ContentContainer.setUrl(
-        urlToLoad,
-        new TriggerRequest('typo3.openInContentFrame', interactionRequest),
-      );
-    }
-
-    return deferred;
-  }
-}
-
-if (!top.TYPO3.ModuleMenu) {
-  top.TYPO3.ModuleMenu = {
-    App: new ModuleMenu(),
-  };
-}
-const moduleMenuApp = top.TYPO3.ModuleMenu;
-
-export = moduleMenuApp;
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/NewMultiplePages.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/NewMultiplePages.ts
deleted file mode 100644
index 5071da2..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/NewMultiplePages.ts
+++ /dev/null
@@ -1,73 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import * as $ from 'jquery';
-
-enum Identifiers {
-  containerSelector = '.t3js-newmultiplepages-container',
-  addMoreFieldsButtonSelector = '.t3js-newmultiplepages-createnewfields',
-  doktypeSelector = '.t3js-newmultiplepages-select-doktype',
-  templateRow = '.t3js-newmultiplepages-newlinetemplate',
-}
-
-/**
- * Module: TYPO3/CMS/Backend/NewMultiplePages
- * JavaScript functions for creating multiple pages
- */
-class NewMultiplePages {
-  private lineCounter: number = 5;
-
-  constructor() {
-    $((): void => {
-      this.initializeEvents();
-    });
-  }
-
-  /**
-   * Register listeners
-   */
-  private initializeEvents(): void {
-    $(Identifiers.addMoreFieldsButtonSelector).on('click', (): void => {
-      this.createNewFormFields();
-    });
-
-    $(document).on('change', Identifiers.doktypeSelector, (e: JQueryEventObject): void => {
-      this.actOnTypeSelectChange($(e.currentTarget));
-    });
-  }
-
-  /**
-   * Add further input rows
-   */
-  private createNewFormFields(): void {
-    for (let i = 0; i < 5; i++) {
-      const label = this.lineCounter + i + 1;
-      const line = $(Identifiers.templateRow).html()
-        .replace(/\[0\]/g, (this.lineCounter + i).toString())
-        .replace(/\[1\]/g, label.toString());
-      $(line).appendTo(Identifiers.containerSelector);
-    }
-    this.lineCounter += 5;
-  }
-
-  /**
-   * @param {JQuery} $selectElement
-   */
-  private actOnTypeSelectChange($selectElement: JQuery): void {
-    const $optionElement = $selectElement.find(':selected');
-    const $target = $($selectElement.data('target'));
-    $target.html($optionElement.data('icon'));
-  }
-}
-
-export = new NewMultiplePages();
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Notification.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Notification.ts
deleted file mode 100644
index a792b00..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Notification.ts
+++ /dev/null
@@ -1,201 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {SeverityEnum} from './Enum/Severity';
-import Severity = require('./Severity');
-
-/**
- * Module: TYPO3/CMS/Backend/Notification
- * Notification API for the TYPO3 backend
- */
-class Notification {
-  private static duration: number = 5;
-  private static messageContainer: JQuery = null;
-
-  /**
-   * Show a notice notification
-   *
-   * @param {string} title
-   * @param {string} message
-   * @param {number} duration
-   */
-  public static notice(title: string, message: string, duration: number): void {
-    Notification.showMessage(title, message, SeverityEnum.notice, duration);
-  }
-
-  /**
-   * Show a info notification
-   *
-   * @param {string} title
-   * @param {string} message
-   * @param {number} duration
-   */
-  public static info(title: string, message: string, duration: number): void {
-    Notification.showMessage(title, message, SeverityEnum.info, duration);
-  }
-
-  /**
-   * Show a success notification
-   *
-   * @param {string} title
-   * @param {string} message
-   * @param {number} duration
-   */
-  public static success(title: string, message: string, duration: number): void {
-    Notification.showMessage(title, message, SeverityEnum.ok, duration);
-  }
-
-  /**
-   * Show a warning notification
-   *
-   * @param {string} title
-   * @param {string} message
-   * @param {number} duration
-   */
-  public static warning(title: string, message: string, duration: number): void {
-    Notification.showMessage(title, message, SeverityEnum.warning, duration);
-  }
-
-  /**
-   * Show a error notification
-   *
-   * @param {string} title
-   * @param {string} message
-   * @param {number} duration
-   */
-  public static error(title: string, message: string, duration: number = 0): void {
-    Notification.showMessage(title, message, SeverityEnum.error, duration);
-  }
-
-  /**
-   * @param {string} title
-   * @param {string} message
-   * @param {SeverityEnum} severity
-   * @param {number} duration
-   */
-  public static showMessage(title: string,
-                            message: string,
-                            severity: SeverityEnum,
-                            duration: number | string = this.duration): void {
-    const className = Severity.getCssClass(severity);
-    let icon = '';
-    switch (severity) {
-      case SeverityEnum.notice:
-        icon = 'lightbulb-o';
-        break;
-      case SeverityEnum.ok:
-        icon = 'check';
-        break;
-      case SeverityEnum.warning:
-        icon = 'exclamation';
-        break;
-      case SeverityEnum.error:
-        icon = 'times';
-        break;
-      case SeverityEnum.info:
-      default:
-        icon = 'info';
-    }
-
-    duration = (typeof duration === 'undefined')
-      ? this.duration
-      : (
-        typeof duration === 'string'
-          ? parseFloat(duration)
-          : duration
-      );
-
-    if (this.messageContainer === null) {
-      this.messageContainer = $('<div id="alert-container"></div>').appendTo('body');
-    }
-    const $box = $(
-      '<div class="alert alert-' + className + ' alert-dismissible fade" role="alert">' +
-      '<button type="button" class="close" data-dismiss="alert">' +
-      '<span aria-hidden="true"><i class="fa fa-times-circle"></i></span>' +
-      '<span class="sr-only">Close</span>' +
-      '</button>' +
-      '<div class="media">' +
-      '<div class="media-left">' +
-      '<span class="fa-stack fa-lg">' +
-      '<i class="fa fa-circle fa-stack-2x"></i>' +
-      '<i class="fa fa-' + icon + ' fa-stack-1x"></i>' +
-      '</span>' +
-      '</div>' +
-      '<div class="media-body">' +
-      '<h4 class="alert-title"></h4>' +
-      '<p class="alert-message text-pre-wrap"></p>' +
-      '</div>' +
-      '</div>' +
-      '</div>',
-    );
-    $box.find('.alert-title').text(title);
-    $box.find('.alert-message').text(message);
-    $box.on('close.bs.alert', (e: Event) => {
-      e.preventDefault();
-      const $me = $(e.currentTarget);
-      $me
-        .clearQueue()
-        .queue((next: any): void => {
-          $me.removeClass('in');
-          next();
-        })
-        .slideUp(() => {
-          $me.remove();
-        });
-    });
-    $box.appendTo(this.messageContainer);
-    $box.delay(200)
-      .queue((next: any): void => {
-        $box.addClass('in');
-        next();
-      });
-
-    if (duration > 0) {
-      // if duration > 0 dismiss alert
-      $box.delay(duration * 1000)
-        .queue((next: any): void => {
-          $box.alert('close');
-          next();
-        });
-    }
-  }
-}
-
-let notificationObject;
-
-try {
-  // fetch from parent
-  if (parent && parent.window.TYPO3 && parent.window.TYPO3.Notification) {
-    notificationObject = parent.window.TYPO3.Notification;
-  }
-
-  // fetch object from outer frame
-  if (top && top.TYPO3.Notification) {
-    notificationObject = top.TYPO3.Notification;
-  }
-} catch (e) {
-  // This only happens if the opener, parent or top is some other url (eg a local file)
-  // which loaded the current window. Then the browser's cross domain policy jumps in
-  // and raises an exception.
-  // For this case we are safe and we can create our global object below.
-}
-
-if (!notificationObject) {
-  notificationObject = Notification;
-
-  // attach to global frame
-  if (typeof TYPO3 !== 'undefined') {
-    TYPO3.Notification = notificationObject;
-  }
-}
-export = notificationObject;
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/OnlineMedia.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/OnlineMedia.ts
deleted file mode 100644
index 1b508a1..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/OnlineMedia.ts
+++ /dev/null
@@ -1,137 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {KeyTypesEnum} from './Enum/KeyTypes';
-import * as $ from 'jquery';
-import NProgress = require('nprogress');
-import Modal = require('./Modal');
-import Severity = require('./Severity');
-import SecurityUtility = require('TYPO3/CMS/Core/SecurityUtility');
-
-interface Response {
-  file?: number;
-  error?: string;
-}
-
-/**
- * Module: TYPO3/CMS/Backend/OnlineMedia
- * Javascript for show the online media dialog
- */
-class OnlineMedia {
-  private readonly securityUtility: SecurityUtility;
-  constructor() {
-    this.securityUtility = new SecurityUtility();
-    $((): void => {
-      this.registerEvents();
-    });
-  }
-
-  private registerEvents(): void {
-    const me = this;
-    $(document).on('click', '.t3js-online-media-add-btn', (e: JQueryEventObject): void => {
-      me.triggerModal($(e.currentTarget));
-    });
-  }
-
-  /**
-   * @param {JQuery} $trigger
-   * @param {string} url
-   */
-  private addOnlineMedia($trigger: JQuery, url: string): void {
-    const target = $trigger.data('target-folder');
-    const allowed = $trigger.data('online-media-allowed');
-    const irreObjectUid = $trigger.data('file-irre-object');
-
-    NProgress.start();
-    $.post(
-      TYPO3.settings.ajaxUrls.online_media_create,
-      {
-        url: url,
-        targetFolder: target,
-        allowed: allowed,
-      },
-      (data: Response): void => {
-        if (data.file) {
-          window.inline.delayedImportElement(irreObjectUid, 'sys_file', data.file, 'file');
-        } else {
-          const $confirm = Modal.confirm(
-            'ERROR',
-            data.error,
-            Severity.error,
-            [{
-              text: TYPO3.lang['button.ok'] || 'OK',
-              btnClass: 'btn-' + Severity.getCssClass(Severity.error),
-              name: 'ok',
-              active: true,
-            }],
-          ).on('confirm.button.ok', (): void => {
-            $confirm.modal('hide');
-          });
-        }
-        NProgress.done();
-      },
-    );
-  }
-
-  /**
-   * @param {JQuery} $currentTarget
-   */
-  private triggerModal($currentTarget: JQuery): void {
-    const btnSubmit = $currentTarget.data('btn-submit') || 'Add';
-    const placeholder = $currentTarget.data('placeholder') || 'Paste media url here...';
-    const allowedExtMarkup = $.map($currentTarget.data('online-media-allowed').split(','), (ext: string): string => {
-      return '<span class="label label-success">' + this.securityUtility.encodeHtml(ext.toUpperCase(), false) + '</span>';
-    });
-    const allowedHelpText = $currentTarget.data('online-media-allowed-help-text') || 'Allow to embed from sources:';
-
-    const $markup = $('<div>')
-        .attr('class', 'form-control-wrap')
-        .append([
-          $('<input>')
-            .attr('type', 'text')
-            .attr('class', 'form-control online-media-url')
-            .attr('placeholder', placeholder),
-          $('<div>')
-            .attr('class', 'help-block')
-            .html(this.securityUtility.encodeHtml(allowedHelpText, false) + '<br>' + allowedExtMarkup.join(' ')),
-        ]);
-    const $modal = Modal.show(
-      $currentTarget.attr('title'),
-      $markup,
-      Severity.notice,
-      [{
-        text: btnSubmit,
-        btnClass: 'btn btn-primary',
-        name: 'ok',
-        trigger: (): void => {
-          const url = $modal.find('input.online-media-url').val();
-          if (url) {
-            $modal.modal('hide');
-            this.addOnlineMedia($currentTarget, url);
-          }
-        },
-      }],
-    );
-
-    $modal.on('shown.bs.modal', (e: JQueryEventObject): void => {
-      // focus the input field
-      $(e.currentTarget).find('input.online-media-url').first().focus().on('keydown', (kdEvt: JQueryEventObject): void => {
-        if (kdEvt.keyCode === KeyTypesEnum.ENTER) {
-          $modal.find('button[name="ok"]').trigger('click');
-        }
-      });
-    });
-  }
-}
-
-export = new OnlineMedia();
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/PageActions.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/PageActions.ts
deleted file mode 100644
index 6948244..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/PageActions.ts
+++ /dev/null
@@ -1,240 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {KeyTypesEnum} from './Enum/KeyTypes';
-import * as $ from 'jquery';
-import PersistentStorage = require('./Storage/Persistent');
-import NewContentElement = require('./Wizard/NewContentElement');
-
-enum IdentifierEnum {
-  pageTitle = '.t3js-title-inlineedit',
-  hiddenElements = '.t3js-hidden-record',
-  newButton = '.t3js-toggle-new-content-element-wizard',
-}
-
-/**
- * Module: TYPO3/CMS/Backend/PageActions
- * JavaScript implementations for page actions
- */
-class PageActions {
-  private pageId: number = 0;
-  private pageOverlayId: number = 0;
-  private $pageTitle: JQuery = null;
-  private $showHiddenElementsCheckbox: JQuery = null;
-
-  constructor() {
-    $((): void => {
-      this.initializeElements();
-      this.initializeEvents();
-      this.initializeNewContentElementWizard();
-      this.initializePageTitleRenaming();
-    });
-  }
-
-  /**
-   * Set the page id (used in the RequireJS callback)
-   *
-   * @param {number} pageId
-   */
-  public setPageId(pageId: number): void {
-    this.pageId = pageId;
-  }
-
-  /**
-   * Set the overlay id
-   *
-   * @param {number} overlayId
-   */
-  public setLanguageOverlayId(overlayId: number): void {
-    this.pageOverlayId = overlayId;
-  }
-
-  /**
-   * Initialize page title renaming
-   */
-  public initializePageTitleRenaming(): void {
-    if (!$.isReady) {
-      $((): void => {
-        this.initializePageTitleRenaming();
-      });
-      return;
-    }
-    if (this.pageId <= 0) {
-      return;
-    }
-
-    const $editActionLink = $('<a class="hidden" href="#" data-action="edit"><span class="t3-icon fa fa-pencil"></span></a>');
-    $editActionLink.on('click', (e: JQueryEventObject): void => {
-      e.preventDefault();
-      this.editPageTitle();
-    });
-    this.$pageTitle
-      .on('dblclick',  (): void => {
-        this.editPageTitle();
-      })
-      .on('mouseover', (): void => {
-        $editActionLink.removeClass('hidden');
-      })
-      .on('mouseout', (): void => {
-        $editActionLink.addClass('hidden');
-      })
-      .append($editActionLink);
-  }
-
-  /**
-   * Initialize elements
-   */
-  private initializeElements(): void {
-    this.$pageTitle = $(IdentifierEnum.pageTitle + ':first');
-    this.$showHiddenElementsCheckbox = $('#checkTt_content_showHidden');
-  }
-
-  /**
-   * Initialize events
-   */
-  private initializeEvents(): void {
-    this.$showHiddenElementsCheckbox.on('change', this.toggleContentElementVisibility);
-  }
-
-  /**
-   * Toggles the "Show hidden content elements" checkbox
-   */
-  private toggleContentElementVisibility(e: JQueryEventObject): void {
-    const $me = $(e.currentTarget);
-    const $hiddenElements = $(IdentifierEnum.hiddenElements);
-
-    // show a spinner to show activity
-    const $spinner = $('<span />', {class: 'checkbox-spinner fa fa-circle-o-notch fa-spin'});
-    $me.hide().after($spinner);
-
-    if ($me.prop('checked')) {
-      $hiddenElements.slideDown();
-    } else {
-      $hiddenElements.slideUp();
-    }
-
-    PersistentStorage.set('moduleData.web_layout.tt_content_showHidden', $me.prop('checked') ? '1' : '0').done((): void => {
-      $spinner.remove();
-      $me.show();
-    });
-  }
-
-  /**
-   * Changes the h1 to an edit form
-   */
-  private editPageTitle(): void {
-    const $inputFieldWrap = $(
-      '<form>' +
-      '<div class="form-group">' +
-      '<div class="input-group input-group-lg">' +
-      '<input class="form-control t3js-title-edit-input">' +
-      '<span class="input-group-btn">' +
-      '<button class="btn btn-default" type="button" data-action="submit"><span class="t3-icon fa fa-floppy-o"></span></button> ' +
-      '</span>' +
-      '<span class="input-group-btn">' +
-      '<button class="btn btn-default" type="button" data-action="cancel"><span class="t3-icon fa fa-times"></span></button> ' +
-      '</span>' +
-      '</div>' +
-      '</div>' +
-      '</form>',
-      ),
-      $inputField = $inputFieldWrap.find('input');
-
-    $inputFieldWrap.find('[data-action="cancel"]').on('click', (): void => {
-      $inputFieldWrap.replaceWith(this.$pageTitle);
-      this.initializePageTitleRenaming();
-    });
-
-    $inputFieldWrap.find('[data-action="submit"]').on('click', (): void => {
-      const newPageTitle = $.trim($inputField.val());
-      if (newPageTitle !== '' && this.$pageTitle.text() !== newPageTitle) {
-        this.saveChanges($inputField);
-      } else {
-        $inputFieldWrap.find('[data-action="cancel"]').trigger('click');
-      }
-    });
-
-    // the form stuff is a wacky workaround to prevent the submission of the docheader form
-    $inputField.parents('form').on('submit', (e: JQueryEventObject): boolean => {
-      e.preventDefault();
-      return false;
-    });
-
-    const $h1 = this.$pageTitle;
-    $h1.children().last().remove();
-    $h1.replaceWith($inputFieldWrap);
-    $inputField.val($h1.text()).focus();
-
-    $inputField.on('keyup', (e: JQueryEventObject): void => {
-      switch (e.which) {
-        case KeyTypesEnum.ENTER:
-          $inputFieldWrap.find('[data-action="submit"]').trigger('click');
-          break;
-        case KeyTypesEnum.ESCAPE:
-          $inputFieldWrap.find('[data-action="cancel"]').trigger('click');
-          break;
-        default:
-      }
-    });
-  }
-
-  /**
-   * Save the changes and reload the page tree
-   *
-   * @param {JQuery} $field
-   */
-  private saveChanges($field: JQuery): void {
-    const $inputFieldWrap = $field.parents('form');
-    $inputFieldWrap.find('button').addClass('disabled');
-    $field.attr('disabled', 'disabled');
-
-    let parameters: {[k: string]: any} = {};
-    let recordUid;
-
-    if (this.pageOverlayId > 0) {
-      recordUid = this.pageOverlayId;
-    } else {
-      recordUid = this.pageId;
-    }
-
-    parameters.data = {};
-    parameters.data.pages = {};
-    parameters.data.pages[recordUid] = {title: $field.val()};
-
-    require(['TYPO3/CMS/Backend/AjaxDataHandler'], (DataHandler: any): void => {
-      DataHandler.process(parameters).done((): void => {
-        $inputFieldWrap.find('[data-action=cancel]').trigger('click');
-        this.$pageTitle.text($field.val());
-        this.initializePageTitleRenaming();
-        top.TYPO3.Backend.NavigationContainer.PageTree.refreshTree();
-      }).fail((): void => {
-        $inputFieldWrap.find('[data-action=cancel]').trigger('click');
-      });
-    });
-  }
-
-  /**
-   * Activate New Content Element Wizard
-   */
-  private initializeNewContentElementWizard(): void {
-    $(IdentifierEnum.newButton).removeClass('disabled');
-    $(IdentifierEnum.newButton).click((e: JQueryEventObject): void => {
-      e.preventDefault();
-
-      const $me = $(e.currentTarget);
-      NewContentElement.wizard($me.attr('href'), $me.data('title'));
-    });
-  }
-}
-
-export = new PageActions();
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Popover.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Popover.ts
deleted file mode 100644
index e8ff938..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Popover.ts
+++ /dev/null
@@ -1,127 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import 'bootstrap';
-import * as $ from 'jquery';
-
-/**
- * Module: TYPO3/CMS/Backend/Popover
- * API for popover windows powered by Twitter Bootstrap.
- * @exports TYPO3/CMS/Backend/Popover
- */
-class Popover {
-
-  /**
-   * Default selector string.
-   *
-   * @return {string}
-   */
-  private readonly DEFAULT_SELECTOR: string = '[data-toggle="popover"]';
-
-  // noinspection JSMethodCanBeStatic
-  /**
-   * Initialize
-   */
-  public initialize(selector?: string): void {
-    selector = selector || this.DEFAULT_SELECTOR;
-    $(selector).popover();
-  }
-
-  // noinspection JSMethodCanBeStatic
-  /**
-   * Popover wrapper function
-   *
-   * @param {JQuery} $element
-   */
-  public popover($element: JQuery): void {
-    $element.popover();
-  }
-
-  // noinspection JSMethodCanBeStatic
-  /**
-   * Set popover options on $element
-   *
-   * @param {JQuery} $element
-   * @param {PopoverOptions} options
-   */
-  public setOptions($element: JQuery, options?: PopoverOptions): void {
-    options = options || {};
-    const title: string|(() => void) = options.title || $element.data('title') || '';
-    const content: string|(() => void) = options.content || $element.data('content') || '';
-    $element
-      .attr('data-original-title', (title as string))
-      .attr('data-content', (content as string))
-      .attr('data-placement', 'auto')
-      .popover(options);
-  }
-
-  // noinspection JSMethodCanBeStatic
-  /**
-   * Set popover option on $element
-   *
-   * @param {JQuery} $element
-   * @param {String} key
-   * @param {String} value
-   */
-  public setOption($element: JQuery, key: string, value: string): void {
-    $element.data('bs.popover').options[key] = value;
-  }
-
-  // noinspection JSMethodCanBeStatic
-  /**
-   * Show popover with title and content on $element
-   *
-   * @param {JQuery} $element
-   */
-  public show($element: JQuery): void {
-    $element.popover('show');
-  }
-
-  // noinspection JSMethodCanBeStatic
-  /**
-   * Hide popover on $element
-   *
-   * @param {JQuery} $element
-   */
-  public hide($element: JQuery): void {
-    $element.popover('hide');
-  }
-
-  // noinspection JSMethodCanBeStatic
-  /**
-   * Destroy popover on $element
-   *
-   * @param {Object} $element
-   */
-  public destroy($element: JQuery): void {
-    $element.popover('destroy');
-  }
-
-  // noinspection JSMethodCanBeStatic
-  /**
-   * Toggle popover on $element
-   *
-   * @param {Object} $element
-   */
-  public toggle($element: JQuery): void {
-    $element.popover('toggle');
-  }
-}
-
-// create an instance, initialize and return it
-const popover: Popover = new Popover();
-popover.initialize();
-
-// @deprecated since TYPO3 v9, will be removed in TYPO3 v10 prevent global object usage
-TYPO3.Popover = popover;
-export = popover;
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/RenameFile.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/RenameFile.ts
deleted file mode 100644
index a122c98..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/RenameFile.ts
+++ /dev/null
@@ -1,95 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {SeverityEnum} from './Enum/Severity';
-import * as $ from 'jquery';
-import Modal = require('./Modal');
-
-/**
- * Module: TYPO3/CMS/Backend/RenameFile
- * Modal to pick the required conflict strategy for colliding filenames
- * @exports TYPO3/CMS/Backend/RenameFile
- */
-class RenameFile {
-
-  constructor() {
-    this.initialize();
-  }
-
-  public initialize(): void {
-    $('.t3js-submit-file-rename').on('click', this.checkForDuplicate);
-  }
-
-  private checkForDuplicate(e: any): void {
-    e.preventDefault();
-
-    const form: any = $('#' + $(e.currentTarget).attr('form'));
-    const fileNameField: any = form.find('input[name="data[rename][0][target]"]');
-    const conflictModeField: any = form.find('input[name="data[rename][0][conflictMode]"]');
-    const ajaxUrl: string = TYPO3.settings.ajaxUrls.file_exists;
-
-    $.ajax({
-      cache: false,
-      data: {
-        fileName: fileNameField.val(),
-        fileTarget: form.find('input[name="data[rename][0][destination]"]').val(),
-      },
-      success: (response: any): void => {
-        const fileExists: boolean = typeof response.uid !== 'undefined';
-        const originalFileName: string = fileNameField.data('original');
-        const newFileName: string = fileNameField.val();
-
-        if (fileExists && originalFileName !== newFileName) {
-          const description: string = TYPO3.lang['file_rename.exists.description']
-                                           .replace('{0}', originalFileName).replace('{1}', newFileName);
-
-          const modal: JQuery = Modal.confirm(
-            TYPO3.lang['file_rename.exists.title'],
-            description,
-            SeverityEnum.warning,
-            [
-              {
-                active: true,
-                btnClass: 'btn-default',
-                name: 'cancel',
-                text: TYPO3.lang['file_rename.actions.cancel'],
-              },
-              {
-                btnClass: 'btn-primary',
-                name: 'rename',
-                text: TYPO3.lang['file_rename.actions.rename'],
-              },
-              {
-                btnClass: 'btn-default',
-                name: 'replace',
-                text: TYPO3.lang['file_rename.actions.override'],
-              },
-            ]);
-
-          modal.on('button.clicked', (event: any): void => {
-            if (event.target.name !== 'cancel') {
-              conflictModeField.val(event.target.name);
-              form.submit();
-            }
-            Modal.dismiss();
-          });
-        } else {
-          form.submit();
-        }
-      },
-      url: ajaxUrl,
-    });
-  }
-}
-
-export = new RenameFile();
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Severity.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Severity.ts
deleted file mode 100644
index fc45c69..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Severity.ts
+++ /dev/null
@@ -1,90 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {SeverityEnum} from './Enum/Severity';
-
-/**
- * Module: TYPO3/CMS/Backend/Severity
- * Severity for the TYPO3 backend
- */
-class Severity {
-  public static notice: number = SeverityEnum.notice;
-  public static info: number = SeverityEnum.info;
-  public static ok: number = SeverityEnum.ok;
-  public static warning: number = SeverityEnum.warning;
-  public static error: number = SeverityEnum.error;
-
-  /**
-   * Gets the CSS class for the severity
-   *
-   * @param {SeverityEnum} severity
-   * @returns {string}
-   */
-  public static getCssClass(severity: SeverityEnum): string {
-    let severityClass: string;
-
-    switch (severity) {
-      case SeverityEnum.notice:
-        severityClass = 'notice';
-        break;
-      case SeverityEnum.ok:
-        severityClass = 'success';
-        break;
-      case SeverityEnum.warning:
-        severityClass = 'warning';
-        break;
-      case SeverityEnum.error:
-        severityClass = 'danger';
-        break;
-      case SeverityEnum.info:
-      default:
-        severityClass = 'info';
-    }
-
-    return severityClass;
-  }
-}
-
-let severityObject;
-try {
-  // fetch from opening window
-  if (window.opener && window.opener.TYPO3 && window.opener.TYPO3.Severity) {
-    severityObject = window.opener.TYPO3.Severity;
-  }
-
-  // fetch from parent
-  if (parent && parent.window.TYPO3 && parent.window.TYPO3.Severity) {
-    severityObject = parent.window.TYPO3.Severity;
-  }
-
-  // fetch object from outer frame
-  if (top && top.TYPO3 && top.TYPO3.Severity) {
-    severityObject = top.TYPO3.Severity;
-  }
-} catch (e) {
-  // This only happens if the opener, parent or top is some other url (eg a local file)
-  // which loaded the current window. Then the browser's cross domain policy jumps in
-  // and raises an exception.
-  // For this case we are safe and we can create our global object below.
-}
-
-if (!severityObject) {
-  severityObject = Severity;
-
-  // attach to global frame
-  if (typeof TYPO3 !== 'undefined') {
-    TYPO3.Severity = severityObject;
-  }
-}
-
-export = severityObject;
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/SplitButtons.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/SplitButtons.ts
deleted file mode 100644
index 923af42..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/SplitButtons.ts
+++ /dev/null
@@ -1,114 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with DocumentHeader source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import * as $ from 'jquery';
-import Icons = require('./Icons');
-
-class SplitButtons {
-  private preSubmitCallbacks: Array<Function> = [];
-
-  constructor() {
-    $((): void => {
-      this.initializeSaveHandling();
-    });
-  }
-
-  /**
-   * Adds a callback being executed before submit
-   *
-   * @param {Function} callback
-   */
-  public addPreSubmitCallback(callback: Function): void {
-    if (typeof callback !== 'function') {
-      throw 'callback must be a function.';
-    }
-
-    this.preSubmitCallbacks.push(callback);
-  }
-
-  /**
-   * Initializes the save handling
-   */
-  private initializeSaveHandling(): void {
-    let preventExec = false;
-    const elements = [
-      'button[form]',
-      'button[name^="_save"]',
-      'a[data-name^="_save"]',
-      'button[name="CMD"][value^="save"]',
-      'a[data-name="CMD"][data-value^="save"]',
-      'button[name^="_translation_save"]',
-      'a[data-name^="_translation_save"]',
-      'button[name="CMD"][value^="_translation_save"]',
-      'a[data-name="CMD"][data-value^="_translation_save"]',
-    ].join(',');
-
-    $('.t3js-module-docheader').on('click', elements, (e: JQueryEventObject): boolean => {
-      // prevent doubleclick double submission bug in chrome,
-      // see https://forge.typo3.org/issues/77942
-      if (!preventExec) {
-        preventExec = true;
-        const $me = $(e.currentTarget);
-        const linkedForm = $me.attr('form') || $me.attr('data-form') || null;
-        const $form = linkedForm ? $('#' + linkedForm) : $me.closest('form');
-        const name = $me.data('name') || e.currentTarget.getAttribute('name');
-        const value = $me.data('value') || e.currentTarget.getAttribute('value');
-        const $elem = $('<input />').attr('type', 'hidden').attr('name', name).attr('value', value);
-
-        // Run any preSubmit callbacks
-        for (let i = 0; i < this.preSubmitCallbacks.length; ++i) {
-          this.preSubmitCallbacks[i](e);
-
-          if (e.isPropagationStopped()) {
-            preventExec = false;
-            return false;
-          }
-        }
-        $form.append($elem);
-        // Disable submit buttons
-        $form.on('submit', (): boolean => {
-          if ($form.find('.has-error').length > 0) {
-            preventExec = false;
-            return false;
-          }
-
-          let $affectedButton: JQuery;
-          const $splitButton = $me.closest('.t3js-splitbutton');
-
-          if ($splitButton.length > 0) {
-            $splitButton.find('button').prop('disabled', true);
-            $affectedButton = $splitButton.children().first();
-          } else {
-            $me.prop('disabled', true);
-            $affectedButton = $me;
-          }
-
-          Icons.getIcon('spinner-circle-dark', Icons.sizes.small).done((markup: string): void => {
-            $affectedButton.find('.t3js-icon').replaceWith(markup);
-          });
-
-          return true;
-        });
-
-        if ((e.currentTarget.tagName === 'A' || $me.attr('form')) && !e.isDefaultPrevented()) {
-          $form.submit();
-          e.preventDefault();
-        }
-      }
-
-      return true;
-    });
-  }
-}
-
-export = new SplitButtons();
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Storage.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Storage.ts
deleted file mode 100644
index 999949f..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Storage.ts
+++ /dev/null
@@ -1,126 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import Client = require('./Storage/Client');
-import Persistent = require('./Storage/Persistent');
-
-/**
- * Module: TYPO3/CMS/Backend/Storage
- * Adds a public API for the browsers' localStorage called
- * TYPO3.Storage.Client and the Backend Users "uc",
- * available via TYPO3.Storage.Persistent
- * @exports TYPO3/CMS/Backend/Storage
- * @deprecated
- */
-class Storage {
-  public Client: any;
-  public Persistent: any;
-
-  constructor() {
-    this.Client = {
-      clear: (): any => {
-        this.logDeprecated('Client', 'clear');
-        Client.clear();
-      },
-      get: (key: string): any => {
-        this.logDeprecated('Client', 'get');
-        return Client.get(key);
-      },
-      isset: (key: string): any => {
-        this.logDeprecated('Client', 'isset');
-        return Client.isset(key);
-      },
-      set: (key: string, value: string): any => {
-        this.logDeprecated('Client', 'set');
-        return Client.set(key, value);
-      },
-      unset: (key: string): any => {
-        this.logDeprecated('Client', 'unset');
-        return Client.unset(key);
-      },
-    };
-    this.Persistent = {
-      addToList: (key: string, value: string): any => {
-        this.logDeprecated('Persistent', 'addToList');
-        return Persistent.addToList(key, value);
-      },
-      clear: (): any => {
-        this.logDeprecated('Persistent', 'clear');
-        Persistent.clear();
-      },
-      get: (key: string): any => {
-        this.logDeprecated('Persistent', 'get');
-        return Persistent.get(key);
-      },
-      isset: (key: string): any => {
-        this.logDeprecated('Persistent', 'isset');
-        return Persistent.isset(key);
-      },
-      load: (data: any): any => {
-        this.logDeprecated('Persistent', 'load');
-        return Persistent.load(data);
-      },
-      removeFromList: (key: string, value: string): any => {
-        this.logDeprecated('Persistent', 'removeFromList');
-        return Persistent.removeFromList(key, value);
-      },
-      set: (key: string, value: string): any => {
-        this.logDeprecated('Persistent', 'set');
-        return Persistent.set(key, value);
-      },
-      unset: (key: string): any => {
-        this.logDeprecated('Persistent', 'unset');
-        return Persistent.unset(key);
-      },
-    };
-  }
-
-  private logDeprecated = (className: string, methodName: string): any => {
-    if (console) {
-      console.warn(
-        'top.TYPO3.Storage.' + className + '.' + methodName + '() is marked as deprecated since TYPO3 v9 and will be '
-        + 'removed in TYPO3 v10.',
-      );
-    }
-  }
-}
-
-let storageObject;
-try {
-  // fetch from opening window
-  if (window.opener && window.opener.TYPO3 && window.opener.TYPO3.Storage) {
-    storageObject = window.opener.TYPO3.Storage;
-  }
-
-  // fetch from parent
-  if (parent && parent.window.TYPO3 && parent.window.TYPO3.Storage) {
-    storageObject = parent.window.TYPO3.Storage;
-  }
-
-  // fetch object from outer frame
-  if (top && top.TYPO3.Storage) {
-    storageObject = top.TYPO3.Storage;
-  }
-} catch (e) {
-  // this only happens if the opener, parent or top is some other url (eg a local file)
-  // which loaded the current window. Then the browser's cross domain policy jumps in
-  // and raises an exception.
-  // for this case we are safe and we can create our global object below.
-}
-
-if (!storageObject) {
-  storageObject = new Storage();
-}
-
-TYPO3.Storage = storageObject;
-export = storageObject;
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Storage/Client.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Storage/Client.ts
deleted file mode 100644
index c233081..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Storage/Client.ts
+++ /dev/null
@@ -1,115 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/**
- * Module: TYPO3/CMS/Backend/Storage/Client
- * Wrapper for localStorage
- * @exports TYPO3/CMS/Backend/Storage/Client
- */
-class Client {
-  private keyPrefix: string = 't3-';
-
-  /**
-   * @returns {boolean}
-   */
-  private static isCapable(): boolean {
-    return localStorage !== null;
-  }
-
-  /**
-   * Simple localStorage wrapper, to get value from localStorage
-   * @param {string} key
-   * @returns {string}
-   */
-  public get = (key: string): string => {
-    return Client.isCapable() ? localStorage.getItem(this.keyPrefix + key) : null;
-  }
-
-  /**
-   * Simple localStorage wrapper, to set value from localStorage
-   *
-   * @param {string} key
-   * @param {string} value
-   * @returns {string}
-   */
-  public set = (key: string, value: string): void => {
-    if (Client.isCapable()) {
-      localStorage.setItem(this.keyPrefix + key, value);
-    }
-  }
-
-  /**
-   * Simple localStorage wrapper, to unset value from localStorage
-   *
-   * @param {string} key
-   */
-  public unset = (key: string): void => {
-    if (Client.isCapable()) {
-      localStorage.removeItem(this.keyPrefix + key);
-    }
-  }
-
-  /**
-   * Removes values from localStorage by a specific prefix of the key
-   *
-   * @param {string} prefix
-   */
-  public unsetByPrefix = (prefix: string): void => {
-    if (!Client.isCapable()) {
-      return;
-    }
-
-    prefix = this.keyPrefix + prefix;
-
-    const keysToDelete: Array<string> = [];
-    for (let i = 0; i < localStorage.length; ++i) {
-      if (localStorage.key(i).substring(0, prefix.length) === prefix) {
-        // Remove the global key prefix, as it gets prepended in unset again
-        const key = localStorage.key(i).substr(this.keyPrefix.length);
-
-        // We can't delete the key here as this interferes with the size of the localStorage
-        keysToDelete.push(key);
-      }
-    }
-
-    for (let key of keysToDelete) {
-      this.unset(key);
-    }
-  }
-
-  /**
-   * Simple localStorage wrapper, to clear localStorage
-   */
-  public clear = (): void => {
-    if (Client.isCapable()) {
-      localStorage.clear();
-    }
-  }
-
-  /**
-   * Checks if a key was set before, useful to not do all the undefined checks all the time
-   *
-   * @param {string} key
-   * @returns {boolean}
-   */
-  public isset = (key: string): boolean => {
-    if (Client.isCapable()) {
-      const value = this.get(key);
-      return (typeof value !== 'undefined' && value !== null);
-    }
-
-    return false;
-  }
-}
-
-export = new Client();
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Storage/Persistent.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Storage/Persistent.ts
deleted file mode 100644
index f783e08..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Storage/Persistent.ts
+++ /dev/null
@@ -1,220 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import * as $ from 'jquery';
-
-/**
- * Module: TYPO3/CMS/Backend/Storage/Persistent
- * Wrapper for persistent storage in UC
- * @exports TYPO3/CMS/Backend/Storage/Persistent
- */
-class Persistent {
-  private data: any = false;
-
-  /**
-   * Persistent storage, stores everything on the server via AJAX, does a greedy load on read
-   * common functions get/set/clear
-   *
-   * @param {String} key
-   * @returns {*}
-   */
-  public get = (key: string): any => {
-    const me = this;
-
-    if (this.data === false) {
-      let value;
-      this.loadFromServer().done(() => {
-        value = me.getRecursiveDataByDeepKey(me.data, key.split('.'));
-      });
-      return value;
-    }
-
-    return this.getRecursiveDataByDeepKey(this.data, key.split('.'));
-  }
-
-  /**
-   * Store data persistent on server
-   *
-   * @param {String} key
-   * @param {String} value
-   * @returns {$}
-   */
-  public set = (key: string, value: string|object): any => {
-    if (this.data !== false) {
-      this.data = this.setRecursiveDataByDeepKey(this.data, key.split('.'), value);
-    }
-    return this.storeOnServer(key, value);
-  }
-
-  /**
-   * @param {string} key
-   * @param {string} value
-   * @returns {$}
-   */
-  public addToList = (key: string, value: string): any => {
-    const me = this;
-    return $.ajax(TYPO3.settings.ajaxUrls.usersettings_process, {
-      data: {
-        action: 'addToList',
-        key,
-        value,
-      },
-      method: 'post',
-    }).done((data: any): any => {
-      me.data = data;
-    });
-  }
-
-  /**
-   * @param {string} key
-   * @param {string} value
-   * @returns {$}
-   */
-  public removeFromList = (key: string, value: string): any => {
-    const me = this;
-    return $.ajax(TYPO3.settings.ajaxUrls.usersettings_process, {
-      data: {
-        action: 'removeFromList',
-        key,
-        value,
-      },
-      method: 'post',
-    }).done((data: any): any => {
-      me.data = data;
-    });
-  }
-
-  public unset = (key: string): any => {
-    const me = this;
-    return $.ajax(TYPO3.settings.ajaxUrls.usersettings_process, {
-      data: {
-        action: 'unset',
-        key,
-      },
-      method: 'post',
-    }).done((data: any): any => {
-      me.data = data;
-    });
-  }
-
-  /**
-   * Clears the UC
-   */
-  public clear = (): any => {
-    $.ajax(TYPO3.settings.ajaxUrls.usersettings_process, {
-      data: {
-        action: 'clear',
-      },
-    });
-    this.data = false;
-  }
-
-  /**
-   * Checks if a key was set before, useful to not do all the undefined checks all the time
-   *
-   * @param {string} key
-   * @returns {boolean}
-   */
-  public isset = (key: string): boolean => {
-    const value = this.get(key);
-    return (typeof value !== 'undefined' && value !== null);
-  }
-
-  /**
-   * Loads the data from outside, only used for the initial call from BackendController
-   *
-   * @param {String} data
-   */
-  public load = (data: any): any => {
-    this.data = data;
-  }
-
-  /**
-   * Loads all data from the server
-   *
-   * @returns {$}
-   */
-  private loadFromServer = (): any => {
-    const me = this;
-    return $.ajax(TYPO3.settings.ajaxUrls.usersettings_process, {
-      async: false,
-      data: {
-        action: 'getAll',
-      },
-    }).done((data) => {
-      me.data = data;
-    });
-  }
-
-  /**
-   * Stores data on the server, and gets the updated data on return
-   * to always be up-to-date inside the browser
-   *
-   * @param {string} key
-   * @param {string} value
-   * @returns {*}
-   */
-  private storeOnServer = (key: string, value: string|object): any => {
-    const me = this;
-    return $.ajax(TYPO3.settings.ajaxUrls.usersettings_process, {
-      data: {
-        action: 'set',
-        key,
-        value,
-      },
-      method: 'post',
-    }).done((data): any => {
-      me.data = data;
-    });
-  }
-
-  /**
-   * Helper function used to set a value which could have been a flat object key data["my.foo.bar"] to
-   * data[my][foo][bar] is called recursively by itself
-   *
-   * @param {Object} data the data to be uased as base
-   * @param {String} keyParts the keyParts for the subtree
-   * @returns {Object}
-   */
-  private getRecursiveDataByDeepKey = (data: any, keyParts: any[]): any => {
-    if (keyParts.length === 1) {
-      return (data || {})[keyParts[0]];
-    }
-
-    const firstKey = keyParts.shift();
-    return this.getRecursiveDataByDeepKey(data[firstKey] || {}, keyParts);
-  }
-
-  /**
-   * helper function used to set a value which could have been a flat object key data["my.foo.bar"] to
-   * data[my][foo][bar]
-   * is called recursively by itself
-   *
-   * @param data
-   * @param {any[]} keyParts
-   * @param {string} value
-   * @returns {any[]}
-   */
-  private setRecursiveDataByDeepKey = (data: any, keyParts: any[], value: string|object): any[] => {
-    if (keyParts.length === 1) {
-      data = data || {};
-      data[keyParts[0]] = value;
-    } else {
-      const firstKey = keyParts.shift();
-      data[firstKey] = this.setRecursiveDataByDeepKey(data[firstKey] || {}, keyParts, value);
-    }
-    return data;
-  }
-}
-
-export = new Persistent();
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Tabs.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Tabs.ts
deleted file mode 100644
index 2d75c2b..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Tabs.ts
+++ /dev/null
@@ -1,86 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import 'bootstrap';
-import * as $ from 'jquery';
-import Client = require('./Storage/Client');
-
-/**
- * Module: TYPO3/CMS/Backend/Tabs
- * @exports TYPO3/CMS/Backend/Tabs
- */
-class Tabs {
-
-  public storage: any;
-  protected cacheTimeInSeconds: number = 1800;
-  protected storeLastActiveTab: boolean = true;
-
-  /**
-   * Resolve timestamp
-   */
-  public static getTimestamp(): number {
-    return Math.round((new Date()).getTime() / 1000);
-  }
-
-  constructor() {
-    this.storage = Client;
-
-    const that = this;
-    $((): void => {
-      $('.t3js-tabs').each(function(this: Element): void {
-        const $tabContainer: JQuery = $(this);
-        that.storeLastActiveTab = $tabContainer.data('storeLastTab') === 1;
-        const currentActiveTab = that.receiveActiveTab($tabContainer.attr('id'));
-        if (currentActiveTab) {
-          $tabContainer.find('a[href="' + currentActiveTab + '"]').tab('show');
-        }
-        $tabContainer.on('show.bs.tab', (e: any) => {
-          if (that.storeLastActiveTab) {
-            const id = e.currentTarget.id;
-            const target = e.target.hash;
-            that.storeActiveTab(id, target);
-          }
-        });
-      });
-    });
-  }
-
-  /**
-   * Receive active tab from storage
-   *
-   * @param {string} id
-   * @returns {string}
-   */
-  public receiveActiveTab(id: string): string {
-    const target = this.storage.get(id) || '';
-    const expire = this.storage.get(id + '.expire') || 0;
-    if (expire > Tabs.getTimestamp()) {
-      return target;
-    }
-    return '';
-  }
-
-  /**
-   * Set active tab to storage
-   *
-   * @param {string} id
-   * @param {string} target
-   */
-  public storeActiveTab(id: string, target: string): void {
-    this.storage.set(id, target);
-    this.storage.set(id + '.expire', Tabs.getTimestamp() + this.cacheTimeInSeconds);
-  }
-}
-
-const tabs = new Tabs();
-export = tabs;
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/ToggleSearchToolbox.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/ToggleSearchToolbox.ts
deleted file mode 100644
index 91565f8..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/ToggleSearchToolbox.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import * as $ from 'jquery';
-import DocumentHeader = require('./DocumentHeader');
-import 'TYPO3/CMS/Backend/jquery.clearable';
-
-/**
- * Module: TYPO3/CMS/Backend/ToggleSearchToolbox
- * Toggle the search toolbox
- * @exports TYPO3/CMS/Backend/ToggleSearchToolbox
- */
-class ToggleSearchToolbox {
-  constructor() {
-    $((): void => {
-      this.initialize();
-    });
-  }
-
-  private initialize(): void {
-    const $toolbar = $('#db_list-searchbox-toolbar');
-    $('.t3js-toggle-search-toolbox').on('click', (): void => {
-      $toolbar.toggle();
-      DocumentHeader.reposition();
-      if ($toolbar.is(':visible')) {
-        $('#search_field').focus();
-      }
-    });
-
-    const $searchFields = $('#search_field');
-    const searchResultShown = ('' !== $searchFields.val());
-
-    // make search field clearable
-    $searchFields.clearable({
-      onClear: (): void => {
-        if (searchResultShown) {
-          $(this).closest('form').submit();
-        }
-      },
-    });
-  }
-}
-
-export = new ToggleSearchToolbox();
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Toolbar.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Toolbar.ts
deleted file mode 100644
index 7d30180..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Toolbar.ts
+++ /dev/null
@@ -1,55 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import * as $ from 'jquery';
-import ModuleMenu = require('./ModuleMenu');
-
-/**
- * Module: TYPO3/CMS/Backend/Toolbar
- * Toolbar component of the TYPO3 backend
- * @exports TYPO3/CMS/Backend/Toolbar
- */
-class Toolbar {
-  public static initialize(): void {
-    Toolbar.initializeEvents();
-  }
-
-  private static initializeEvents(): void {
-    $('.t3js-toolbar-item').parent().on('hidden.bs.dropdown', (): void => {
-      $('.scaffold')
-        .removeClass('scaffold-toolbar-expanded')
-        .removeClass('scaffold-search-expanded');
-    });
-    $(document).on('click', '.toolbar-item [data-modulename]', (evt: JQueryEventObject): void => {
-      evt.preventDefault();
-      const moduleName = $(evt.target).closest('[data-modulename]').data('modulename');
-      ModuleMenu.App.showModule(moduleName);
-    });
-    $(document).on('click', '.t3js-topbar-button-toolbar', (): void => {
-      $('.scaffold')
-        .removeClass('scaffold-modulemenu-expanded')
-        .removeClass('scaffold-search-expanded')
-        .toggleClass('scaffold-toolbar-expanded');
-    });
-    $(document).on('click', '.t3js-topbar-button-search', (): void => {
-      $('.scaffold')
-        .removeClass('scaffold-modulemenu-expanded')
-        .removeClass('scaffold-toolbar-expanded')
-        .toggleClass('scaffold-search-expanded');
-    });
-  }
-}
-
-$((): void => {
-  Toolbar.initialize();
-});
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Toolbar/ClearCacheMenu.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Toolbar/ClearCacheMenu.ts
deleted file mode 100644
index 4feb935..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Toolbar/ClearCacheMenu.ts
+++ /dev/null
@@ -1,90 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import * as $ from 'jquery';
-import Icons = require('../Icons');
-import Notification = require('../Notification');
-import Viewport = require('../Viewport');
-
-enum Identifiers {
-  containerSelector = '#typo3-cms-backend-backend-toolbaritems-clearcachetoolbaritem',
-  menuItemSelector = 'a.toolbar-cache-flush-action',
-  toolbarIconSelector = '.toolbar-item-icon .t3js-icon',
-}
-
-/**
- * Module: TYPO3/CMS/Backend/Toolbar/ClearCacheMenu
- * main functionality for clearing caches via the top bar
- * reloading the clear cache icon
- */
-class ClearCacheMenu {
-  constructor() {
-    Viewport.Topbar.Toolbar.registerEvent(this.initializeEvents);
-  }
-
-  /**
-   * Registers listeners for the icons inside the dropdown to trigger
-   * the clear cache call
-   */
-  private initializeEvents = (): void => {
-    $(Identifiers.containerSelector).on('click', Identifiers.menuItemSelector, (evt: JQueryEventObject): void => {
-      evt.preventDefault();
-      const ajaxUrl = $(evt.currentTarget).attr('href');
-      if (ajaxUrl) {
-        this.clearCache(ajaxUrl);
-      }
-    });
-  }
-
-  /**
-   * Calls TYPO3 to clear a cache, then changes the topbar icon
-   * to a spinner. Restores the original topbar icon when the request completed.
-   *
-   * @param {string} ajaxUrl The URL to load
-   */
-  private clearCache(ajaxUrl: string): void {
-    // Close clear cache menu
-    $(Identifiers.containerSelector).removeClass('open');
-
-    const $toolbarItemIcon = $(Identifiers.toolbarIconSelector, Identifiers.containerSelector);
-    const $existingIcon = $toolbarItemIcon.clone();
-
-    Icons.getIcon('spinner-circle-light', Icons.sizes.small).done((spinner: string): void => {
-      $toolbarItemIcon.replaceWith(spinner);
-    });
-
-    $.ajax({
-      url: ajaxUrl,
-      type: 'post',
-      cache: false,
-      success: (data: any): void => {
-        if (data.success === true) {
-          Notification.success(data.title, data.message);
-        } else if (data.success === false) {
-          Notification.error(data.title, data.message);
-        }
-      },
-      error: (): void => {
-        Notification.error(
-          'An error occurred',
-          'An error occurred while clearing the cache. It is likely not all caches were cleared as expected.',
-        );
-      },
-      complete: (): void => {
-        $(Identifiers.toolbarIconSelector, Identifiers.containerSelector).replaceWith($existingIcon);
-      },
-    });
-  }
-}
-
-export = new ClearCacheMenu();
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Toolbar/ShortcutMenu.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Toolbar/ShortcutMenu.ts
deleted file mode 100644
index 96a1d58..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Toolbar/ShortcutMenu.ts
+++ /dev/null
@@ -1,216 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import * as $ from 'jquery';
-import Icons = require('../Icons');
-import Modal = require('../Modal');
-import Notification = require('../Notification');
-import Viewport = require('../Viewport');
-
-enum Identifiers {
-  containerSelector = '#typo3-cms-backend-backend-toolbaritems-shortcuttoolbaritem',
-  toolbarIconSelector = '.dropdown-toggle span.icon',
-  toolbarMenuSelector = '.dropdown-menu',
-
-  shortcutItemSelector = '.t3js-topbar-shortcut',
-  shortcutDeleteSelector = '.t3js-shortcut-delete',
-  shortcutEditSelector = '.t3js-shortcut-edit',
-
-  shortcutFormTitleSelector = 'input[name="shortcut-title"]',
-  shortcutFormGroupSelector = 'select[name="shortcut-group"]',
-  shortcutFormSaveSelector = '.shortcut-form-save',
-  shortcutFormCancelSelector = '.shortcut-form-cancel',
-  shortcutFormSelector = '.shortcut-form',
-}
-
-/**
- * Module =TYPO3/CMS/Backend/Toolbar/ShortcutMenu
- * shortcut menu logic to add new shortcut, remove a shortcut
- * and edit a shortcut
- */
-class ShortcutMenu {
-  constructor() {
-    Viewport.Topbar.Toolbar.registerEvent(this.initializeEvents);
-  }
-
-  /**
-   * makes a call to the backend class to create a new shortcut,
-   * when finished it reloads the menu
-   *
-   * @param {String} moduleName
-   * @param {String} url
-   * @param {String} confirmationText
-   * @param {String} motherModule
-   * @param {Object} shortcutButton
-   * @param {String} displayName
-   */
-  public createShortcut(
-    moduleName: string,
-    url: string,
-    confirmationText: string,
-    motherModule: string,
-    shortcutButton: JQuery,
-    displayName: string,
-  ): void {
-    if (typeof confirmationText !== 'undefined') {
-      Modal.confirm(TYPO3.lang['bookmark.create'], confirmationText).on('confirm.button.ok', (e: JQueryEventObject): void => {
-        const $toolbarItemIcon = $(Identifiers.toolbarIconSelector, Identifiers.containerSelector);
-        const $existingIcon = $toolbarItemIcon.clone();
-
-        Icons.getIcon('spinner-circle-light', Icons.sizes.small).done((spinner: string): void => {
-          $toolbarItemIcon.replaceWith(spinner);
-        });
-
-        $.ajax({
-          url: TYPO3.settings.ajaxUrls.shortcut_create,
-          type: 'post',
-          data: {
-            module: moduleName,
-            url: url,
-            motherModName: motherModule,
-            displayName: displayName,
-          },
-          cache: false,
-        }).done((): void => {
-          this.refreshMenu();
-          $(Identifiers.toolbarIconSelector, Identifiers.containerSelector).replaceWith($existingIcon);
-          if (typeof shortcutButton === 'object') {
-            Icons.getIcon('actions-system-shortcut-active', Icons.sizes.small).done((icon: string): void => {
-              $(shortcutButton).html(icon);
-            });
-            $(shortcutButton).addClass('active');
-            $(shortcutButton).attr('title', null);
-            $(shortcutButton).attr('onclick', null);
-          }
-        });
-        $(e.currentTarget).trigger('modal-dismiss');
-      })
-      .on('confirm.button.cancel', (e: JQueryEventObject): void => {
-        $(e.currentTarget).trigger('modal-dismiss');
-      });
-    }
-  }
-
-  private initializeEvents = (): void => {
-    $(Identifiers.containerSelector).on('click', Identifiers.shortcutDeleteSelector, (evt: JQueryEventObject): void => {
-      evt.preventDefault();
-      evt.stopImmediatePropagation();
-      this.deleteShortcut($(evt.currentTarget).closest(Identifiers.shortcutItemSelector));
-    }).on('click', Identifiers.shortcutFormGroupSelector, (evt: JQueryEventObject): void => {
-      evt.preventDefault();
-      evt.stopImmediatePropagation();
-    }).on('click', Identifiers.shortcutEditSelector, (evt: JQueryEventObject): void => {
-      evt.preventDefault();
-      evt.stopImmediatePropagation();
-      this.editShortcut($(evt.currentTarget).closest(Identifiers.shortcutItemSelector));
-    }).on('click', Identifiers.shortcutFormSaveSelector, (evt: JQueryEventObject): void => {
-      evt.preventDefault();
-      evt.stopImmediatePropagation();
-      this.saveShortcutForm($(evt.currentTarget).closest(Identifiers.shortcutFormSelector));
-    }).on('submit', Identifiers.shortcutFormSelector, (evt: JQueryEventObject): void => {
-      evt.preventDefault();
-      evt.stopImmediatePropagation();
-      this.saveShortcutForm($(evt.currentTarget).closest(Identifiers.shortcutFormSelector));
-    }).on('click', Identifiers.shortcutFormCancelSelector, (evt: JQueryEventObject): void => {
-      evt.preventDefault();
-      evt.stopImmediatePropagation();
-      this.refreshMenu();
-    });
-  }
-
-  /**
-   * Removes an existing short by sending an AJAX call
-   *
-   * @param {JQuery} $shortcutRecord
-   */
-  private deleteShortcut($shortcutRecord: JQuery): void {
-    Modal.confirm(TYPO3.lang['bookmark.delete'], TYPO3.lang['bookmark.confirmDelete'])
-      .on('confirm.button.ok', (e: JQueryEventObject): void => {
-        $.ajax({
-          url: TYPO3.settings.ajaxUrls.shortcut_remove,
-          data: {
-            shortcutId: $shortcutRecord.data('shortcutid'),
-          },
-          type: 'post',
-          cache: false,
-        }).done((): void => {
-          // a reload is used in order to restore the original behaviour
-          // e.g. remove groups that are now empty because the last one in the group
-          // was removed
-          this.refreshMenu();
-        });
-        $(e.currentTarget).trigger('modal-dismiss');
-      })
-      .on('confirm.button.cancel', (e: JQueryEventObject): void => {
-        $(e.currentTarget).trigger('modal-dismiss');
-      });
-  }
-
-  /**
-   * Build the in-place-editor for a shortcut
-   *
-   * @param {JQuery} $shortcutRecord
-   */
-  private editShortcut($shortcutRecord: JQuery): void {
-    // load the form
-    $.ajax({
-      url: TYPO3.settings.ajaxUrls.shortcut_editform,
-      data: {
-        shortcutId: $shortcutRecord.data('shortcutid'),
-        shortcutGroup: $shortcutRecord.data('shortcutgroup'),
-      },
-      cache: false,
-    }).done((data: string): void => {
-      $(Identifiers.containerSelector).find(Identifiers.toolbarMenuSelector).html(data);
-    });
-  }
-
-  /**
-   * Save the data from the in-place-editor for a shortcut
-   *
-   * @param {JQuery} $shortcutForm
-   */
-  private saveShortcutForm($shortcutForm: JQuery): void {
-    $.ajax({
-      url: TYPO3.settings.ajaxUrls.shortcut_saveform,
-      data: {
-        shortcutId: $shortcutForm.data('shortcutid'),
-        shortcutTitle: $shortcutForm.find(Identifiers.shortcutFormTitleSelector).val(),
-        shortcutGroup: $shortcutForm.find(Identifiers.shortcutFormGroupSelector).val(),
-      },
-      type: 'post',
-      cache: false,
-    }).done((): void => {
-      Notification.success(TYPO3.lang['bookmark.savedTitle'], TYPO3.lang['bookmark.savedMessage']);
-      this.refreshMenu();
-    });
-  }
-
-  /**
-   * Reloads the menu after an update
-   */
-  private refreshMenu(): void {
-    $.ajax({
-      url: TYPO3.settings.ajaxUrls.shortcut_list,
-      type: 'get',
-      cache: false,
-    }).done((data: string): void => {
-      $(Identifiers.toolbarMenuSelector, Identifiers.containerSelector).html(data);
-    });
-  }
-}
-
-let shortcutMenuObject = new ShortcutMenu();
-TYPO3.ShortcutMenu = shortcutMenuObject;
-
-export = shortcutMenuObject;
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Toolbar/SystemInformationMenu.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Toolbar/SystemInformationMenu.ts
deleted file mode 100644
index 199f23b..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Toolbar/SystemInformationMenu.ts
+++ /dev/null
@@ -1,124 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import * as $ from 'jquery';
-import Icons = require('../Icons');
-import PersistentStorage = require('../Storage/Persistent');
-import Viewport = require('../Viewport');
-
-enum Identifiers {
-  containerSelector = '#typo3-cms-backend-backend-toolbaritems-systeminformationtoolbaritem',
-  toolbarIconSelector = '.toolbar-item-icon .t3js-icon',
-  menuContainerSelector = '.dropdown-menu',
-  moduleLinks = '.t3js-systeminformation-module',
-  counter = '.t3js-systeminformation-counter',
-}
-
-/**
- * Module: TYPO3/CMS/Backend/Toolbar/SystemInformationMenu
- * System information menu handler
- */
-class SystemInformationMenu {
-  private timer: number = null;
-
-  /**
-   * Updates the counter
-   */
-  private static updateCounter(): void {
-    const $container = $(Identifiers.containerSelector).find(Identifiers.menuContainerSelector).find('.t3js-systeminformation-container');
-    const $counter = $(Identifiers.counter);
-    const count = $container.data('count');
-    const badgeClass = $container.data('severityclass');
-
-    $counter.text(count).toggle(parseInt(count, 10) > 0);
-
-    // ensure all default classes are available and previous
-    // (at this time in processing unknown) class is removed
-    $counter.removeClass();
-    $counter.addClass('t3js-systeminformation-counter toolbar-item-badge badge');
-    // badgeClass e.g. could be 'badge-info', 'badge-danger', ...
-    if (badgeClass !== '') {
-      $counter.addClass(badgeClass);
-    }
-  }
-
-  constructor() {
-    Viewport.Topbar.Toolbar.registerEvent(this.updateMenu);
-  }
-
-  private updateMenu = (): void => {
-    const $toolbarItemIcon = $(Identifiers.toolbarIconSelector, Identifiers.containerSelector);
-    const $existingIcon = $toolbarItemIcon.clone();
-    const $menuContainer = $(Identifiers.containerSelector).find(Identifiers.menuContainerSelector);
-
-    if (this.timer !== null) {
-      clearTimeout(this.timer);
-      this.timer = null;
-    }
-
-    Icons.getIcon('spinner-circle-light', Icons.sizes.small).done((spinner: string): void => {
-      $toolbarItemIcon.replaceWith(spinner);
-    });
-
-    $.ajax({
-      url: TYPO3.settings.ajaxUrls.systeminformation_render,
-      type: 'post',
-      cache: false,
-      success: (data: string): void => {
-        $menuContainer.html(data);
-        SystemInformationMenu.updateCounter();
-        $(Identifiers.moduleLinks).on('click', this.openModule);
-      },
-      complete: (): void => {
-        $(Identifiers.toolbarIconSelector, Identifiers.containerSelector).replaceWith($existingIcon);
-      },
-    }).done((): void => {
-      // reload error data every five minutes
-      this.timer = setTimeout(
-        this.updateMenu,
-        1000 * 300,
-      );
-    });
-  }
-
-  /**
-   * Updates the UC and opens the linked module
-   *
-   * @param {Event} e
-   */
-  private openModule(e: JQueryEventObject): void {
-    e.preventDefault();
-    e.stopPropagation();
-
-    let storedSystemInformationSettings = {};
-    const moduleStorageObject: { [key: string]: Object } = {};
-    const requestedModule: string = $(e.currentTarget).data('modulename');
-    const moduleParams = $(e.currentTarget).data('moduleparams');
-    const timestamp = Math.floor((new Date()).getTime() / 1000);
-
-    if (PersistentStorage.isset('systeminformation')) {
-      storedSystemInformationSettings = JSON.parse(PersistentStorage.get('systeminformation'));
-    }
-
-    moduleStorageObject[requestedModule] = {lastAccess: timestamp};
-    $.extend(true, storedSystemInformationSettings, moduleStorageObject);
-    const $ajax = PersistentStorage.set('systeminformation', JSON.stringify(storedSystemInformationSettings));
-    $ajax.done((): void => {
-      // finally, open the module now
-      TYPO3.ModuleMenu.App.showModule(requestedModule, moduleParams);
-      Viewport.Topbar.refresh();
-    });
-  }
-}
-
-export = new SystemInformationMenu();
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Tooltip.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Tooltip.ts
deleted file mode 100644
index 395c44f..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Tooltip.ts
+++ /dev/null
@@ -1,62 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import 'bootstrap';
-import * as $ from 'jquery';
-
-/**
- * The main tooltip object
- *
- * Hint: Due to the current usage of tooltips, this class can't be static right now
- */
-class Tooltip {
-  constructor() {
-    $((): void => {
-      this.initialize('[data-toggle="tooltip"]');
-    });
-  }
-
-  public initialize(selector: string, options?: object): void {
-    options = options || {};
-    $(selector).tooltip(options);
-  }
-
-  /**
-   * Show tooltip on $element
-   *
-   * @param {Object} $element
-   * @param {String} title
-   */
-  public show($element: JQuery, title: string): void {
-    $element
-      .attr('data-placement', 'auto')
-      .attr('data-title', title)
-      .tooltip('show');
-  }
-
-  /**
-   * Hide tooltip on $element
-   *
-   * @param {Object} $element
-   */
-  public hide($element: JQuery): void {
-    $element.tooltip('hide');
-  }
-}
-
-const tooltipObject = new Tooltip();
-
-// expose as global object
-TYPO3.Tooltip = tooltipObject;
-
-export = tooltipObject;
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/UserPassLogin.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/UserPassLogin.ts
deleted file mode 100644
index b5f0a08..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/UserPassLogin.ts
+++ /dev/null
@@ -1,113 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import * as $ from 'jquery';
-import Login = require('./Login');
-
-/**
- * Module: TYPO3/CMS/Backend/UserPassLogin
- * JavaScript module for the UsernamePasswordLoginProvider
- * @exports TYPO3/CMS/Backend/UserPassLogin
- */
-class UserPassLogin {
-
-  protected options: any;
-
-  /**
-   * Checks whether capslock is enabled (returns TRUE if enabled, false otherwise)
-   * thanks to http://24ways.org/2007/capturing-caps-lock
-   *
-   * @param {Event} e
-   * @returns {boolean}
-   */
-  public static isCapslockEnabled(e: any): boolean {
-    const ev = e ? e : window.event;
-    if (!ev) {
-      return false;
-    }
-    // get key pressed
-    let pressedKeyAsciiCode = -1;
-    if (ev.which) {
-      pressedKeyAsciiCode = ev.which;
-    } else if (ev.keyCode) {
-      pressedKeyAsciiCode = ev.keyCode;
-    }
-    // get shift status
-    let shiftPressed = false;
-    if (ev.shiftKey) {
-      shiftPressed = ev.shiftKey;
-    } else if (ev.modifiers) {
-      /* tslint:disable:no-bitwise */
-      shiftPressed = !!(ev.modifiers & 4);
-    }
-    return (pressedKeyAsciiCode >= 65 && pressedKeyAsciiCode <= 90 && !shiftPressed)
-      || (pressedKeyAsciiCode >= 97 && pressedKeyAsciiCode <= 122 && shiftPressed);
-  }
-
-  constructor() {
-    this.options = {
-      passwordField: '.t3js-login-password-field',
-      usernameField: '.t3js-login-username-field',
-    };
-
-    // register submit handler
-    Login.options.submitHandler = this.resetPassword;
-
-    const $usernameField = $(this.options.usernameField);
-    const $passwordField = $(this.options.passwordField);
-
-    $usernameField.on('keypress', this.showCapsLockWarning);
-    $passwordField.on('keypress', this.showCapsLockWarning);
-
-    // if the login screen is shown in the login_frameset window for re-login,
-    // then try to get the username of the current/former login from opening windows main frame:
-    try {
-      if (parent.opener
-        && parent.opener.TYPO3
-        && parent.opener.TYPO3.configuration
-        && parent.opener.TYPO3.configuration.username
-      ) {
-        $usernameField.val(parent.opener.TYPO3.configuration.username);
-      }
-    } catch (error) {
-      // continue
-    }
-
-    if ($usernameField.val() === '') {
-      $usernameField.focus();
-    } else {
-      $passwordField.focus();
-    }
-  }
-
-  /**
-   * Reset user password field to prevent it from being submitted
-   */
-  public resetPassword = (): void => {
-    const $passwordField = $(this.options.passwordField);
-    if ($passwordField.val()) {
-      $(Login.options.useridentField).val($passwordField.val());
-      $passwordField.val('');
-    }
-  }
-
-  public showCapsLockWarning = (event: Event): void => {
-    $(event.target)
-      .parent()
-      .parent()
-      .find('.t3js-login-alert-capslock')
-      .toggleClass('hidden', !UserPassLogin.isCapslockEnabled(event));
-  }
-}
-
-export = new UserPassLogin();
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Utility.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Utility.ts
deleted file mode 100644
index 895e880..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Utility.ts
+++ /dev/null
@@ -1,84 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/**
- * Module: TYPO3/CMS/Backend/Utility
- */
-class Utility {
-  /**
-   * Checks if a given number is really a number
-   *
-   * Taken from:
-   * http://dl.dropbox.com/u/35146/js/tests/isNumber.html
-   *
-   * @param {number} value
-   * @returns {boolean}
-   */
-  public isNumber = (value: number): boolean => {
-    return !isNaN(parseFloat(value.toString())) && isFinite(value);
-  }
-
-  /**
-   * Gets a parameter from a given url
-   *
-   * @param {string} url
-   * @param {string} parameter
-   * @returns {string}
-   */
-  public getParameterFromUrl = (url: string, parameter: string): string => {
-    if (typeof url.split !== 'function') {
-      return '';
-    }
-    const parts = url.split('?');
-    let value = '';
-
-    if (parts.length >= 2) {
-      const queryString = parts.join('?');
-
-      const prefix = encodeURIComponent(parameter) + '=';
-      const parameters = queryString.split(/[&;]/g);
-      for (let i = parameters.length; i-- > 0; ) {
-        if (parameters[i].lastIndexOf(prefix, 0) !== -1) {
-          value = parameters[i].split('=')[1];
-          break;
-        }
-      }
-    }
-
-    return value;
-  }
-
-  /**
-   * Updates a parameter inside of given url
-   *
-   * @param {string} url
-   * @param {string} key
-   * @param {string} value
-   * @returns {string}
-   */
-  public updateQueryStringParameter = (url: string, key: string, value: string): string => {
-    const re = new RegExp('([?&])' + key + '=.*?(&|$)', 'i');
-    const separator = url.indexOf('?') !== -1 ? '&' : '?';
-
-    if (url.match(re)) {
-      return url.replace(re, '$1' + key + '=' + value + '$2');
-    }
-    return url + separator + key + '=' + value;
-  }
-}
-
-const utilityObject = new Utility();
-
-// @deprecated since TYPO3 v9, will be removed in TYPO3 v10. Use the TYPO3/CMS/Backend/Utility module in AMD instead
-TYPO3.Utility = utilityObject;
-export = utilityObject;
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Viewport.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Viewport.ts
deleted file mode 100644
index f94c4a9..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Viewport.ts
+++ /dev/null
@@ -1,58 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import * as $  from 'jquery';
-import ContentContainer = require('./Viewport/ContentContainer');
-import ConsumerScope = require('./Event/ConsumerScope');
-import Loader = require('./Viewport/Loader');
-import NavigationContainer = require('./Viewport/NavigationContainer');
-import Topbar = require('./Viewport/Topbar');
-
-class Viewport {
-  // The attributes are uppercase for compatibility reasons
-  public readonly Loader: Loader = Loader;
-  public readonly Topbar: Topbar = Topbar;
-  public readonly NavigationContainer: NavigationContainer = null;
-  public readonly ContentContainer: ContentContainer = null;
-  public readonly consumerScope: any = ConsumerScope;
-
-  constructor() {
-    $((): void => this.initialize());
-    this.NavigationContainer = new NavigationContainer(this.consumerScope);
-    this.ContentContainer = new ContentContainer(this.consumerScope);
-  }
-
-  private initialize(): void {
-    this.doLayout();
-    $(window).on('resize', () => {
-      this.doLayout();
-    });
-  }
-
-  private doLayout(): void {
-    this.NavigationContainer.cleanup();
-    this.NavigationContainer.calculateScrollbar();
-    $('.t3js-topbar-header').css('padding-right', $('.t3js-scaffold-toolbar').outerWidth());
-  }
-}
-
-let viewportObject;
-
-if (!top.TYPO3.Backend) {
-  viewportObject = new Viewport();
-  top.TYPO3.Backend = viewportObject;
-} else {
-  viewportObject = top.TYPO3.Backend;
-}
-
-export = viewportObject;
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Viewport/AbstractContainer.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Viewport/AbstractContainer.ts
deleted file mode 100644
index 49afd4a..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Viewport/AbstractContainer.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import ConsumerScope = require('../Event/ConsumerScope');
-
-export abstract class AbstractContainer {
-  protected readonly consumerScope: any = ConsumerScope;
-
-  constructor(consumerScope: any) {
-    this.consumerScope = consumerScope;
-  }
-}
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Viewport/ContentContainer.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Viewport/ContentContainer.ts
deleted file mode 100644
index d445360..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Viewport/ContentContainer.ts
+++ /dev/null
@@ -1,111 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {ScaffoldIdentifierEnum} from '../Enum/Viewport/ScaffoldIdentifier';
-import {AbstractContainer} from './AbstractContainer';
-import * as $  from 'jquery';
-import InteractionRequest = require('../Event/InteractionRequest');
-import Loader = require('./Loader');
-import Utility = require('../Utility');
-import TriggerRequest = require('../Event/TriggerRequest');
-
-class ContentContainer extends AbstractContainer {
-  public get(): Window {
-    return (<HTMLIFrameElement>$(ScaffoldIdentifierEnum.contentModuleIframe)[0]).contentWindow;
-  }
-
-  /**
-   * @param {InteractionRequest} interactionRequest
-   * @returns {JQueryDeferred<TriggerRequest>}
-   */
-  public beforeSetUrl(interactionRequest: InteractionRequest): JQueryDeferred<TriggerRequest> {
-    return this.consumerScope.invoke(
-      new TriggerRequest('typo3.beforeSetUrl', interactionRequest),
-    );
-  }
-
-  /**
-   * @param {String} urlToLoad
-   * @param {InteractionRequest} [interactionRequest]
-   * @returns {JQueryDeferred<TriggerRequest>}
-   */
-  public setUrl(urlToLoad: string, interactionRequest: InteractionRequest): JQueryDeferred<TriggerRequest> {
-    let deferred: JQueryDeferred<TriggerRequest>;
-    const iFrame = this.resolveIFrameElement();
-    // abort, if no IFRAME can be found
-    if (iFrame === null) {
-      deferred = $.Deferred();
-      deferred.reject();
-      return deferred;
-    }
-    deferred = this.consumerScope.invoke(
-      new TriggerRequest('typo3.setUrl', interactionRequest),
-    );
-    deferred.then((): void => {
-      Loader.start();
-      $(ScaffoldIdentifierEnum.contentModuleIframe)
-        .attr('src', urlToLoad)
-        .one('load', (): void => {
-          Loader.finish();
-        });
-    });
-    return deferred;
-  }
-
-  /**
-   * @returns {string}
-   */
-  public getUrl(): string {
-    return $(ScaffoldIdentifierEnum.contentModuleIframe).attr('src');
-  }
-
-  /**
-   * @param {boolean} forceGet
-   * @param {InteractionRequest} interactionRequest
-   * @returns {JQueryDeferred<{}>}
-   */
-  public refresh(forceGet: boolean, interactionRequest: InteractionRequest): JQueryDeferred<{}> {
-    let deferred;
-    const iFrame = <HTMLIFrameElement>this.resolveIFrameElement();
-    // abort, if no IFRAME can be found
-    if (iFrame === null) {
-      deferred = $.Deferred();
-      deferred.reject();
-      return deferred;
-    }
-    deferred = this.consumerScope.invoke(
-      new TriggerRequest('typo3.refresh', interactionRequest),
-    );
-    deferred.then((): void => {
-      iFrame.contentWindow.location.reload(forceGet);
-    });
-    return deferred;
-  }
-
-  public getIdFromUrl(): number {
-    if (this.getUrl) {
-      return parseInt(Utility.getParameterFromUrl(this.getUrl(), 'id'), 10);
-    }
-    return 0;
-  }
-
-  private resolveIFrameElement(): HTMLElement {
-    const $iFrame = $(ScaffoldIdentifierEnum.contentModuleIframe + ':first');
-    if ($iFrame.length === 0) {
-      return null;
-    }
-    return $iFrame.get(0);
-  }
-}
-
-export = ContentContainer;
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Viewport/Loader.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Viewport/Loader.ts
deleted file mode 100644
index 1e96e0b..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Viewport/Loader.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {ScaffoldIdentifierEnum} from '../Enum/Viewport/ScaffoldIdentifier';
-import NProgress = require('nprogress');
-
-class Loader {
-  public static start(): void {
-    NProgress.configure({parent: ScaffoldIdentifierEnum.contentModule, showSpinner: false});
-    NProgress.start();
-  }
-
-  public static finish(): void {
-    NProgress.done();
-  }
-}
-
-export = Loader;
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Viewport/NavigationComponentInterface.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Viewport/NavigationComponentInterface.ts
deleted file mode 100644
index 0e06c05..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Viewport/NavigationComponentInterface.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-
-interface SetTemporaryMountPoint {
-  (pid: number): void;
-}
-
-export interface NavigationComponentInterface {
-  initialize: Function;
-  refreshOrFilterTree: Function;
-  setTemporaryMountPoint: SetTemporaryMountPoint;
-  unsetTemporaryMountPoint: Function;
-  selectNode: Function;
-}
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Viewport/NavigationContainer.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Viewport/NavigationContainer.ts
deleted file mode 100644
index df22dda..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Viewport/NavigationContainer.ts
+++ /dev/null
@@ -1,127 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {NavigationComponentInterface} from './NavigationComponentInterface';
-import {ScaffoldIdentifierEnum} from '../Enum/Viewport/ScaffoldIdentifier';
-import {TopbarIdentifiersEnum} from '../Enum/Viewport/TopbarIdentifiers';
-import {AbstractContainer} from './AbstractContainer';
-import * as $ from 'jquery';
-import PageTree = require('./PageTree');
-import Icons = require('./../Icons');
-import TriggerRequest = require('../Event/TriggerRequest');
-import InteractionRequest = require('../Event/InteractionRequest');
-
-class NavigationContainer extends AbstractContainer {
-  public PageTree: PageTree = null;
-  private instance: NavigationComponentInterface = null;
-
-  /**
-   * Public method used by Navigation components to register themselves.
-   * See TYPO3/CMS/Backend/PageTree/PageTreeElement->initialize
-   *
-   * @param {NavigationComponentInterface} component
-   */
-  public setComponentInstance(component: NavigationComponentInterface): void {
-    this.instance = component;
-    this.PageTree = new PageTree(component);
-  }
-
-  public toggle(): void {
-    $(ScaffoldIdentifierEnum.scaffold).toggleClass('scaffold-content-navigation-expanded');
-  }
-
-  public cleanup(): void {
-    $(ScaffoldIdentifierEnum.moduleMenu).removeAttr('style');
-    $(ScaffoldIdentifierEnum.content).removeAttr('style');
-  }
-
-  public hide(): void {
-    $(TopbarIdentifiersEnum.buttonNavigationComponent).prop('disabled', true);
-    Icons.getIcon(
-      'actions-pagetree',
-      Icons.sizes.small,
-      'overlay-readonly',
-      null,
-      Icons.markupIdentifiers.inline,
-    ).done((icon: string): void => {
-      $(TopbarIdentifiersEnum.buttonNavigationComponent).html(icon);
-    });
-    $(ScaffoldIdentifierEnum.scaffold).removeClass('scaffold-content-navigation-expanded');
-    $(ScaffoldIdentifierEnum.contentModule).removeAttr('style');
-  }
-
-  public show(component: string): void {
-    $(TopbarIdentifiersEnum.buttonNavigationComponent).prop('disabled', false);
-    Icons.getIcon('actions-pagetree', Icons.sizes.small, null, null, Icons.markupIdentifiers.inline).done((icon: string): void => {
-      $(TopbarIdentifiersEnum.buttonNavigationComponent).html(icon);
-    });
-
-    $(ScaffoldIdentifierEnum.contentNavigationDataComponent).hide();
-    if (typeof component !== undefined) {
-      $(ScaffoldIdentifierEnum.scaffold).addClass('scaffold-content-navigation-expanded');
-      $(ScaffoldIdentifierEnum.contentNavigation + ' [data-component="' + component + '"]').show();
-    }
-  }
-
-  /**
-   * @param {string} urlToLoad
-   * @param {InteractionRequest} interactionRequest
-   * @returns {JQueryDeferred<TriggerRequest>}
-   */
-  public setUrl(urlToLoad: string, interactionRequest: InteractionRequest): JQueryDeferred<TriggerRequest> {
-    const deferred = this.consumerScope.invoke(
-      new TriggerRequest('typo3.setUrl', interactionRequest),
-    );
-    deferred.then((): void => {
-      $(ScaffoldIdentifierEnum.scaffold).addClass('scaffold-content-navigation-expanded');
-      $(ScaffoldIdentifierEnum.contentNavigationIframe).attr('src', urlToLoad);
-    });
-    return deferred;
-  }
-
-  /**
-   * @returns {string}
-   */
-  public getUrl(): string {
-    return $(ScaffoldIdentifierEnum.contentNavigationIframe).attr('src');
-  }
-
-  /**
-   * @param {boolean} forceGet
-   */
-  public refresh(forceGet: boolean): any {
-    return (<HTMLIFrameElement>$(ScaffoldIdentifierEnum.contentNavigationIframe)[0]).contentWindow.location.reload(forceGet);
-  }
-
-  public calculateScrollbar(): void {
-    this.cleanup();
-    const $scaffold = $(ScaffoldIdentifierEnum.scaffold);
-    const $moduleMenuContainer = $(ScaffoldIdentifierEnum.moduleMenu);
-    const $contentContainer = $(ScaffoldIdentifierEnum.content);
-    const $moduleMenu = $('.t3js-modulemenu');
-    $moduleMenuContainer.css('overflow', 'auto');
-    const moduleMenuContainerWidth = $moduleMenuContainer.outerWidth();
-    const moduleMenuWidth = $moduleMenu.outerWidth();
-    $moduleMenuContainer.removeAttr('style').css('overflow', 'hidden');
-    if ($scaffold.hasClass('scaffold-modulemenu-expanded') === false) {
-      $moduleMenuContainer.width(moduleMenuContainerWidth + (moduleMenuContainerWidth - moduleMenuWidth));
-      $contentContainer.css('left', moduleMenuContainerWidth + (moduleMenuContainerWidth - moduleMenuWidth));
-    } else {
-      $moduleMenuContainer.removeAttr('style');
-      $contentContainer.removeAttr('style');
-    }
-    $moduleMenuContainer.css('overflow', 'auto');
-  }
-}
-
-export = NavigationContainer;
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Viewport/PageTree.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Viewport/PageTree.ts
deleted file mode 100644
index 08a95b5..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Viewport/PageTree.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {NavigationComponentInterface} from './NavigationComponentInterface';
-
-class PageTree {
-  private instance: NavigationComponentInterface = null;
-
-  constructor(instance: NavigationComponentInterface) {
-    this.instance = instance;
-  }
-
-  public refreshTree(): void {
-    if (this.instance !== null) {
-      this.instance.refreshOrFilterTree();
-    }
-  }
-
-  public setTemporaryMountPoint(pid: number): void {
-    if (this.instance !== null) {
-      this.instance.setTemporaryMountPoint(pid);
-    }
-  }
-
-  public unsetTemporaryMountPoint(): void {
-    if (this.instance !== null) {
-      this.instance.unsetTemporaryMountPoint();
-    }
-  }
-
-  public selectNode(node: object): void {
-    if (this.instance !== null) {
-      this.instance.selectNode(node);
-    }
-  }
-}
-
-export = PageTree;
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Viewport/Topbar.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Viewport/Topbar.ts
deleted file mode 100644
index 1526407..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Viewport/Topbar.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {ScaffoldIdentifierEnum} from '../Enum/Viewport/ScaffoldIdentifier';
-import * as $ from 'jquery';
-
-class Topbar {
-  public static readonly topbarSelector: string = ScaffoldIdentifierEnum.header;
-
-  public static Toolbar: { [key: string]: Function } = {
-    registerEvent: (callback: (eventHandler: JQueryEventObject) => any): void => {
-      $(callback);
-      $(Topbar.topbarSelector).on('t3-topbar-update', callback);
-    },
-  };
-
-  public static refresh(): void {
-    $.ajax(TYPO3.settings.ajaxUrls.topbar).done((data: { [key: string]: string }): void => {
-      $(Topbar.topbarSelector).html(data.topbar);
-      $(Topbar.topbarSelector).trigger('t3-topbar-update');
-    });
-  }
-}
-
-export = Topbar;
diff --git a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Wizard/NewContentElement.ts b/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Wizard/NewContentElement.ts
deleted file mode 100644
index 48ab854..0000000
--- a/typo3_src/TypeScript/backend/Resources/Public/TypeScript/Wizard/NewContentElement.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {SeverityEnum} from '../Enum/Severity';
-import Modal = require('../Modal');
-
-/**
- * Module: TYPO3/CMS/Backend/Wizard/NewContentElement
- * NewContentElement JavaScript
- * @exports TYPO3/CMS/Backend/Wizard/NewContentElement
- */
-class NewContentElement {
-  public static wizard(url: string, title: string): void {
-    Modal.advanced({
-      callback: (currentModal: JQuery) => {
-        currentModal.find('.t3js-modal-body').addClass('t3-new-content-element-wizard-window');
-      },
-      content: url,
-      severity: SeverityEnum.notice,
-      size: Modal.sizes.medium,
-      title,
-      type: Modal.types.ajax,
-    });
-  }
-}
-
-export = NewContentElement;
diff --git a/typo3_src/TypeScript/backend/action-button/abstract-action.ts b/typo3_src/TypeScript/backend/action-button/abstract-action.ts
deleted file mode 100644
index d2e6424..0000000
--- a/typo3_src/TypeScript/backend/action-button/abstract-action.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-export abstract class AbstractAction {
-  protected callback: (promise?: Promise<any>) => void|Promise<any>;
-
-  constructor(callback: (promise?: Promise<any>) => void|Promise<any>) {
-    this.callback = callback;
-  }
-
-  public abstract execute(el: HTMLElement): Promise<any>;
-}
diff --git a/typo3_src/TypeScript/backend/action-button/deferred-action.ts b/typo3_src/TypeScript/backend/action-button/deferred-action.ts
deleted file mode 100644
index b4044ea..0000000
--- a/typo3_src/TypeScript/backend/action-button/deferred-action.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {AbstractAction} from './abstract-action';
-import Icons from '../icons';
-
-/**
- * Action used when an operation execution time is unknown.
- */
-class DeferredAction extends AbstractAction {
-  protected callback: () => Promise<any>;
-
-  public async execute(el: HTMLElement): Promise<any> {
-    Icons.getIcon('spinner-circle-light', Icons.sizes.small).then((spinner: string): void => {
-      el.innerHTML = spinner;
-    });
-    return await this.executeCallback();
-  }
-
-  private async executeCallback(): Promise<any> {
-    return await this.callback();
-  }
-}
-
-export default DeferredAction;
diff --git a/typo3_src/TypeScript/backend/action-button/immediate-action.ts b/typo3_src/TypeScript/backend/action-button/immediate-action.ts
deleted file mode 100644
index 4de8800..0000000
--- a/typo3_src/TypeScript/backend/action-button/immediate-action.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {AbstractAction} from './abstract-action';
-
-/**
- * Action used when an operation is executed immediately.
- */
-class ImmediateAction extends AbstractAction {
-  protected callback: () => void;
-
-  public execute(): Promise<any> {
-    return this.executeCallback();
-  }
-
-  private async executeCallback(): Promise<any> {
-    return Promise.resolve(this.callback());
-  }
-}
-
-export default ImmediateAction;
diff --git a/typo3_src/TypeScript/backend/action-dispatcher.ts b/typo3_src/TypeScript/backend/action-dispatcher.ts
deleted file mode 100644
index 263f3bf..0000000
--- a/typo3_src/TypeScript/backend/action-dispatcher.ts
+++ /dev/null
@@ -1,116 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import InfoWindow from '@typo3/backend/info-window';
-import RegularEvent from '@typo3/core/event/regular-event';
-import shortcutMenu from '@typo3/backend/toolbar/shortcut-menu';
-import windowManager from '@typo3/backend/window-manager';
-import moduleMenuApp from '@typo3/backend/module-menu';
-import documentService from '@typo3/core/document-service';
-import Utility from '@typo3/backend/utility';
-
-declare type ActionDispatchArgument = string | HTMLElement | Event;
-
-/**
- * Module: @typo3/backend/action-dispatcher
- *
- * @example
- * <a class="btn btn-default" href="#"
- *  data-dispatch-action="TYPO3.InfoWindow.showItem"
- *  data-dispatch-args-list="tt_content,123"
- *  ...
- *  data-dispatch-args="[$quot;tt_content&quot;,123]"
- *  ...
- *  data-dispatch-disabled>
- */
-class ActionDispatcher {
-  private delegates: {[key: string]: Function} = {};
-
-  private static resolveArguments(element: HTMLElement): null | string[] {
-    if (element.dataset.dispatchArgs) {
-      // `&quot;` is the only literal of a PHP `json_encode` that needs to be substituted
-      // all other payload values are expected to be serialized to unicode literals
-      const json = element.dataset.dispatchArgs.replace(/&quot;/g, '"');
-      const args = JSON.parse(json);
-      return args instanceof Array ? Utility.trimItems(args) : null;
-    } else if (element.dataset.dispatchArgsList) {
-      const args = element.dataset.dispatchArgsList.split(',');
-      return Utility.trimItems(args);
-    }
-    return null;
-  }
-
-  private static enrichItems(items: any[], evt: Event, target: HTMLElement): any[] {
-    return items.map((item: any) => {
-      if (!(item instanceof Object) || !item.$event) {
-        return item;
-      }
-      if (item.$target) {
-        return target;
-      }
-      if (item.$event) {
-        return evt;
-      }
-    });
-  }
-
-  public constructor() {
-    this.createDelegates();
-    documentService.ready().then((): void => this.registerEvents());
-  }
-
-  private createDelegates(): void {
-    this.delegates = {
-      'TYPO3.InfoWindow.showItem': InfoWindow.showItem.bind(null),
-      'TYPO3.ShortcutMenu.createShortcut': shortcutMenu.createShortcut.bind(shortcutMenu),
-      'TYPO3.WindowManager.localOpen': windowManager.localOpen.bind(windowManager),
-      'TYPO3.ModuleMenu.showModule': moduleMenuApp.App.showModule.bind(moduleMenuApp.App),
-    };
-  }
-
-  private registerEvents(): void {
-    new RegularEvent('click', this.handleClickEvent.bind(this))
-      .delegateTo(document, '[data-dispatch-action]');
-  }
-
-  private handleClickEvent(evt: Event, target: HTMLElement): void {
-    evt.preventDefault();
-    this.delegateTo(evt, target);
-  }
-
-  private delegateTo(evt: Event, target: HTMLElement): void {
-    const disabled = target.hasAttribute('data-dispatch-disabled');
-    if (disabled) {
-      return;
-    }
-    const action = target.dataset.dispatchAction;
-    let args: ActionDispatchArgument[] = ActionDispatcher.resolveArguments(target);
-    if (args instanceof Array) {
-      args = args.map((arg: string): ActionDispatchArgument => {
-        switch (arg) {
-          case '{$target}':
-            return target;
-          case '{$event}':
-            return evt;
-          default:
-            return arg;
-        }
-      });
-    }
-    if (this.delegates[action]) {
-      this.delegates[action].apply(null, args || []);
-    }
-  }
-}
-
-export default new ActionDispatcher();
diff --git a/typo3_src/TypeScript/backend/ajax-data-handler.ts b/typo3_src/TypeScript/backend/ajax-data-handler.ts
deleted file mode 100644
index 6057681..0000000
--- a/typo3_src/TypeScript/backend/ajax-data-handler.ts
+++ /dev/null
@@ -1,291 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {BroadcastMessage} from '@typo3/backend/broadcast-message';
-import {AjaxResponse} from '@typo3/core/ajax/ajax-response';
-import AjaxRequest from '@typo3/core/ajax/ajax-request';
-import {SeverityEnum} from './enum/severity';
-import MessageInterface from './ajax-data-handler/message-interface';
-import ResponseInterface from './ajax-data-handler/response-interface';
-import $ from 'jquery';
-import BroadcastService from '@typo3/backend/broadcast-service';
-import Icons from './icons';
-import Modal from './modal';
-import Notification from './notification';
-import Viewport from './viewport';
-
-enum Identifiers {
-  hide = '.t3js-record-hide',
-  delete = '.t3js-record-delete',
-  icon = '.t3js-icon',
-}
-
-interface AfterProcessEventDict {
-  component: string;
-  action: string;
-  table: string;
-  uid: number;
-}
-
-/**
- * Module: @typo3/backend/ajax-data-handler
- * Javascript functions to work with AJAX and interacting with Datahandler
- * through \TYPO3\CMS\Backend\Controller\SimpleDataHandlerController->processAjaxRequest (record_process route)
- */
-class AjaxDataHandler {
-  /**
-   * Refresh the page tree
-   */
-  private static refreshPageTree(): void {
-    top.document.dispatchEvent(new CustomEvent('typo3:pagetree:refresh'));
-  }
-
-  /**
-   * AJAX call to record_process route (SimpleDataHandlerController->processAjaxRequest)
-   * returns a jQuery Promise to work with
-   *
-   * @param {string | object} params
-   * @returns {Promise<any>}
-   */
-  private static call(params: string | object): Promise<ResponseInterface> {
-    return (new AjaxRequest(TYPO3.settings.ajaxUrls.record_process)).withQueryArguments(params).get().then(async (response: AjaxResponse): Promise<ResponseInterface> => {
-      return await response.resolve();
-    });
-  }
-
-  constructor() {
-    $((): void => {
-      this.initialize();
-    });
-  }
-
-  /**
-   * Generic function to call from the outside the script and validate directly showing errors
-   *
-   * @param {string | object} parameters
-   * @param {AfterProcessEventDict} eventDict Dictionary used as event detail. This is private API yet.
-   * @returns {Promise<any>}
-   */
-  public process(parameters: string | object, eventDict?: AfterProcessEventDict): Promise<any> {
-    const promise = AjaxDataHandler.call(parameters);
-    return promise.then((result: ResponseInterface): ResponseInterface => {
-      if (result.hasErrors) {
-        this.handleErrors(result);
-      }
-
-      if (eventDict) {
-        const payload = {...eventDict, hasErrors: result.hasErrors};
-        const message = new BroadcastMessage(
-          'datahandler',
-          'process',
-          payload
-        );
-        BroadcastService.post(message);
-
-        const event = new CustomEvent('typo3:datahandler:process',{
-          detail: {
-            payload: payload
-          }
-        });
-        document.dispatchEvent(event);
-      }
-
-      return result;
-    });
-  }
-
-  // TODO: Many extensions rely on this behavior but it's misplaced in AjaxDataHandler. Move into Recordlist.ts and deprecate in v11.
-  private initialize(): void {
-    // HIDE/UNHIDE: click events for all action icons to hide/unhide
-    $(document).on('click', Identifiers.hide, (e: JQueryEventObject): void => {
-      e.preventDefault();
-      const $anchorElement = $(e.currentTarget);
-      const $iconElement = $anchorElement.find(Identifiers.icon);
-      const $rowElement = $anchorElement.closest('tr[data-uid]');
-      const params = $anchorElement.data('params');
-
-      // add a spinner
-      this._showSpinnerIcon($iconElement);
-
-      // make the AJAX call to toggle the visibility
-      this.process(params).then((result: ResponseInterface): void => {
-        if (!result.hasErrors) {
-          // adjust overlay icon
-          this.toggleRow($rowElement);
-        }
-      });
-    });
-
-    // DELETE: click events for all action icons to delete
-    $(document).on('click', Identifiers.delete, (evt: JQueryEventObject): void => {
-      evt.preventDefault();
-      const $anchorElement = $(evt.currentTarget);
-      $anchorElement.tooltip('hide');
-      const $modal = Modal.confirm($anchorElement.data('title'), $anchorElement.data('message'), SeverityEnum.warning, [
-        {
-          text: $anchorElement.data('button-close-text') || TYPO3.lang['button.cancel'] || 'Cancel',
-          active: true,
-          btnClass: 'btn-default',
-          name: 'cancel',
-        },
-        {
-          text: $anchorElement.data('button-ok-text') || TYPO3.lang['button.delete'] || 'Delete',
-          btnClass: 'btn-warning',
-          name: 'delete',
-        },
-      ]);
-      $modal.on('button.clicked', (e: JQueryEventObject): void => {
-        if (e.target.getAttribute('name') === 'cancel') {
-          Modal.dismiss();
-        } else if (e.target.getAttribute('name') === 'delete') {
-          Modal.dismiss();
-          this.deleteRecord($anchorElement);
-        }
-      });
-    });
-  }
-
-  /**
-   * Toggle row visibility after record has been changed
-   *
-   * @param {JQuery} $rowElement
-   */
-  private toggleRow($rowElement: JQuery): void {
-    const $anchorElement = $rowElement.find(Identifiers.hide);
-    const table = $anchorElement.closest('table[data-table]').data('table');
-    const params = $anchorElement.data('params');
-    let nextParams;
-    let nextState;
-    let iconName;
-
-    if ($anchorElement.data('state') === 'hidden') {
-      nextState = 'visible';
-      nextParams = params.replace('=0', '=1');
-      iconName = 'actions-edit-hide';
-    } else {
-      nextState = 'hidden';
-      nextParams = params.replace('=1', '=0');
-      iconName = 'actions-edit-unhide';
-    }
-    $anchorElement.data('state', nextState).data('params', nextParams);
-
-    // Update tooltip title
-    $anchorElement.one('hidden.bs.tooltip', (): void => {
-      const nextTitle = $anchorElement.data('toggleTitle');
-      // Bootstrap Tooltip internally uses only .attr('data-bs-original-title')
-      $anchorElement
-        .data('toggleTitle', $anchorElement.attr('data-bs-original-title'))
-        .attr('data-bs-original-title', nextTitle);
-    });
-    $anchorElement.tooltip('hide');
-
-    const $iconElement = $anchorElement.find(Identifiers.icon);
-    Icons.getIcon(iconName, Icons.sizes.small).then((icon: string): void => {
-      $iconElement.replaceWith(icon);
-    });
-
-    // Set overlay for the record icon
-    const $recordIcon = $rowElement.find('.col-icon ' + Identifiers.icon);
-    if (nextState === 'hidden') {
-      Icons.getIcon('miscellaneous-placeholder', Icons.sizes.small, 'overlay-hidden').then((icon: string): void => {
-        $recordIcon.append($(icon).find('.icon-overlay'));
-      });
-    } else {
-      $recordIcon.find('.icon-overlay').remove();
-    }
-
-    $rowElement.fadeTo('fast', 0.4, (): void => {
-      $rowElement.fadeTo('fast', 1);
-    });
-    if (table === 'pages') {
-      AjaxDataHandler.refreshPageTree();
-    }
-  }
-
-  /**
-   * Delete record by given element (icon in table)
-   * don't call it directly!
-   *
-   * @param {JQuery} $anchorElement
-   */
-  private deleteRecord($anchorElement: JQuery): void {
-    const params = $anchorElement.data('params');
-    let $iconElement = $anchorElement.find(Identifiers.icon);
-
-    // add a spinner
-    this._showSpinnerIcon($iconElement);
-
-    const $table = $anchorElement.closest('table[data-table]');
-    const table = $table.data('table');
-    let $rowElements = $anchorElement.closest('tr[data-uid]');
-    const uid = $rowElements.data('uid');
-
-    // make the AJAX call to toggle the visibility
-    const eventData = {component: 'datahandler', action: 'delete', table, uid};
-    this.process(params, eventData).then((result: ResponseInterface): void => {
-      // revert to the old class
-      Icons.getIcon('actions-edit-delete', Icons.sizes.small).then((icon: string): void => {
-        $iconElement = $anchorElement.find(Identifiers.icon);
-        $iconElement.replaceWith(icon);
-      });
-      if (!result.hasErrors) {
-        const $panel = $anchorElement.closest('.panel');
-        const $panelHeading = $panel.find('.panel-heading');
-        const $translatedRowElements = $table.find('[data-l10nparent=' + uid + ']').closest('tr[data-uid]');
-        $rowElements = $rowElements.add($translatedRowElements);
-
-        $rowElements.fadeTo('slow', 0.4, (): void => {
-          $rowElements.slideUp('slow', (): void => {
-            $rowElements.remove();
-            if ($table.find('tbody tr').length === 0) {
-              $panel.slideUp('slow');
-            }
-          });
-        });
-        if ($anchorElement.data('l10parent') === '0' || $anchorElement.data('l10parent') === '') {
-          const count = Number($panelHeading.find('.t3js-table-total-items').html());
-          $panelHeading.find('.t3js-table-total-items').text(count - 1);
-        }
-
-        if (table === 'pages') {
-          AjaxDataHandler.refreshPageTree();
-        }
-      }
-    });
-  }
-
-  /**
-   * Handle the errors from result object
-   *
-   * @param {Object} result
-   */
-  private handleErrors(result: ResponseInterface): void {
-    $.each(result.messages, (position: number, message: MessageInterface): void => {
-      Notification.error(message.title, message.message);
-    });
-  }
-
-  /**
-   * Replace the given icon with a spinner icon
-   *
-   * @param {Object} $iconElement
-   * @private
-   */
-  private _showSpinnerIcon($iconElement: JQuery): void {
-    Icons.getIcon('spinner-circle-dark', Icons.sizes.small).then((icon: string): void => {
-      $iconElement.replaceWith(icon);
-    });
-  }
-}
-
-export default new AjaxDataHandler();
diff --git a/typo3_src/TypeScript/backend/ajax-data-handler/message-interface.ts b/typo3_src/TypeScript/backend/ajax-data-handler/message-interface.ts
deleted file mode 100644
index cdb70e3..0000000
--- a/typo3_src/TypeScript/backend/ajax-data-handler/message-interface.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-export default interface MessageInterface {
-  title: string;
-  message: string;
-  severity: number;
-}
diff --git a/typo3_src/TypeScript/backend/ajax-data-handler/response-interface.ts b/typo3_src/TypeScript/backend/ajax-data-handler/response-interface.ts
deleted file mode 100644
index edab0d4..0000000
--- a/typo3_src/TypeScript/backend/ajax-data-handler/response-interface.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import MessageInterface from './message-interface';
-
-export default interface ResponseInterface {
-  redirect: string;
-  messages: Array<MessageInterface>;
-  hasErrors: boolean;
-}
diff --git a/typo3_src/TypeScript/backend/backend-exception.ts b/typo3_src/TypeScript/backend/backend-exception.ts
deleted file mode 100644
index c9da1c2..0000000
--- a/typo3_src/TypeScript/backend/backend-exception.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-export class BackendException {
-  public readonly message: string;
-  public readonly code: number;
-
-  constructor(message: string = '', code: number = 0) {
-    this.message = message;
-    this.code = code;
-  }
-}
diff --git a/typo3_src/TypeScript/backend/broadcast-message.ts b/typo3_src/TypeScript/backend/broadcast-message.ts
deleted file mode 100644
index c774eb9..0000000
--- a/typo3_src/TypeScript/backend/broadcast-message.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/**
- * @module @typo3/backend/broadcast-message
- */
-export class BroadcastMessage {
-  readonly componentName: string;
-  readonly eventName: string;
-  readonly payload: any;
-
-  public static fromData(data: any): BroadcastMessage {
-    let payload = Object.assign({}, data);
-    delete payload.componentName;
-    delete payload.eventName;
-    return new BroadcastMessage(
-      data.componentName,
-      data.eventName,
-      payload,
-    );
-  }
-
-  constructor(componentName: string, eventName: string, payload: any) {
-    if (!componentName || !eventName) {
-      throw new Error('Properties componentName and eventName have to be defined');
-    }
-    this.componentName = componentName;
-    this.eventName = eventName;
-    this.payload = payload || {};
-  }
-
-  public createCustomEvent(scope: string = 'typo3'): CustomEvent {
-    return new CustomEvent(
-      [scope, this.componentName, this.eventName].join(':'),
-      { detail: this.payload },
-    );
-  }
-}
diff --git a/typo3_src/TypeScript/backend/broadcast-service.ts b/typo3_src/TypeScript/backend/broadcast-service.ts
deleted file mode 100644
index 3ecd0d6..0000000
--- a/typo3_src/TypeScript/backend/broadcast-service.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import 'broadcastchannel';
-import {BroadcastMessage} from '@typo3/backend/broadcast-message';
-import {MessageUtility} from '@typo3/backend/utility/message-utility';
-
-/**
- * @module @typo3/backend/broadcast-service
- */
-class BroadcastService {
-  private readonly channel: BroadcastChannel;
-
-  public get isListening(): boolean {
-    return typeof this.channel.onmessage === 'function';
-  }
-
-  private static onMessage(evt: MessageEvent): void {
-    if (!MessageUtility.verifyOrigin(evt.origin)) {
-      throw 'Denied message sent by ' + evt.origin;
-    }
-    const message = BroadcastMessage.fromData(evt.data);
-    document.dispatchEvent(message.createCustomEvent('typo3'));
-  }
-
-  public constructor() {
-    this.channel = new BroadcastChannel('typo3');
-  }
-
-  public listen(): void {
-    if (this.isListening) {
-      return;
-    }
-    // once `this` becomes necessary, use `.bind(this)`
-    this.channel.onmessage = BroadcastService.onMessage;
-  }
-
-  public post(message: BroadcastMessage): void {
-    this.channel.postMessage(message);
-  }
-}
-
-export default new BroadcastService();
diff --git a/typo3_src/TypeScript/backend/clipboard-panel.ts b/typo3_src/TypeScript/backend/clipboard-panel.ts
deleted file mode 100644
index 22fc9eb..0000000
--- a/typo3_src/TypeScript/backend/clipboard-panel.ts
+++ /dev/null
@@ -1,234 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {html, css, LitElement, TemplateResult} from 'lit';
-import {customElement, property} from 'lit/decorators';
-import {until} from 'lit/directives/until';
-import {unsafeHTML} from 'lit/directives/unsafe-html';
-import {classMap} from 'lit/directives/class-map';
-import AjaxRequest from '@typo3/core/ajax/ajax-request';
-import {AjaxResponse} from '@typo3/core/ajax/ajax-response';
-import Notification from '@typo3/backend/notification';
-import '@typo3/backend/element/spinner-element';
-import '@typo3/backend/element/icon-element';
-
-enum CopyMode {
-  cut = 'cut',
-  copy = 'copy',
-}
-
-interface ClipboardData {
-  current: string;
-  copyMode: CopyMode;
-  elementCount: number;
-  tabs: Array<ClipboardTab>;
-  labels: any;
-}
-
-interface ClipboardTab {
-  identifier: string;
-  info: string;
-  title: string;
-  description: string;
-  items: Array<ClipboardTabItem>;
-}
-
-interface ClipboardTabItem {
-  identifier: string;
-  title: string;
-  icon: string;
-  thumb: string;
-  infoDataDispatch: DispatchArgs;
-}
-
-interface DispatchArgs {
-  action: string,
-  args: Array<any>
-}
-
-/**
- * Module: @typo3/backend/clipboard-panel
- *
- * @example
- * <typo3-backend-clipboard-panel return-url="/typo3/module" table="_FILE"></typo3-backend-clipboard-panel>
- */
-@customElement('typo3-backend-clipboard-panel')
-export class ClipboardPanel extends LitElement {
-  @property({type: String, attribute: 'return-url'}) returnUrl: string = '';
-  @property({type: String}) table: string = '';
-
-  private static renderLoader(): TemplateResult {
-    return html`
-      <div class="panel-loader">
-        <typo3-backend-spinner size="small" variant="dark"></typo3-backend-spinner>
-      </div>
-    `;
-  }
-
-  public createRenderRoot(): HTMLElement | ShadowRoot {
-    // @todo Switch to Shadow DOM once Bootstrap CSS style can be applied correctly
-    // const renderRoot = this.attachShadow({mode: 'open'});
-    return this;
-  }
-
-  public render(): TemplateResult {
-    return html`
-      <div class="clipboard-panel">
-        ${until(this.renderPanel(), ClipboardPanel.renderLoader())}
-      </div>
-    `;
-  }
-
-  private renderPanel(): Promise<TemplateResult> {
-    return (new AjaxRequest(top.TYPO3.settings.Clipboard.moduleUrl))
-      .withQueryArguments({action: 'getClipboardData'})
-      .post({table: this.table})
-      .then(async (response: AjaxResponse): Promise<TemplateResult> => {
-        const resolvedBody = await response.resolve();
-        if (resolvedBody.success === true && resolvedBody.data) {
-          const clipboardData: ClipboardData = resolvedBody.data;
-          return html`
-            <div class="panel panel-default">
-              <div class="panel-heading">
-                ${clipboardData.labels.clipboard}
-              </div>
-              <table class="table">
-                <tbody>
-                  ${clipboardData.tabs.map((tab: any): TemplateResult => this.renderTab(tab, clipboardData))}
-                </tbody>
-              </tabel>
-            </div>
-          `;
-        } else {
-          Notification.error('Clipboard data could not be fetched');
-          return html``;
-        }
-      })
-      .catch((): TemplateResult => {
-        Notification.error('An error occured while fetching clipboard data');
-        return html``;
-      });
-  }
-
-  private renderTab(tab: ClipboardTab, clipboardData: ClipboardData): TemplateResult {
-    return html`
-      <tr>
-        <td colspan="2" class="nowrap">
-          <button type="button" class="btn btn-link p-0" title="${tab.description}" data-action="setP" @click="${(event: PointerEvent) => this.updateClipboard(event, {CB: {'setP': tab.identifier}})}">
-            ${clipboardData.current === tab.identifier ? html`
-              <typo3-backend-icon identifier="actions-check-circle-alt" alternativeMarkupIdentifier="inline" size="small" class="icon icon-size-small"></typo3-backend-icon>
-              ${tab.title}
-              ${tab.info}` : html`
-              <typo3-backend-icon identifier="actions-circle" alternativeMarkupIdentifier="inline" size="small" class="icon icon-size-small"></typo3-backend-icon>
-              <span class="text-muted">
-                ${tab.title}
-                ${tab.info}
-              </span>
-            `}
-          </button>
-        </td>
-        <td class="col-control nowrap">
-          ${clipboardData.current !== tab.identifier ? html`` : html`
-            <div class="btn-group">
-              <input type="radio" class="btn-check" id="clipboard-copymode-copy" data-action="setCopyMode" ?checked=${clipboardData.copyMode === CopyMode.copy} @click="${(event: PointerEvent) => this.updateClipboard(event, {CB: {'setCopyMode': '1'}})}">
-              <label class="btn btn-default btn-sm" for="clipboard-copymode-copy">
-                <typo3-backend-icon identifier="actions-edit-copy" alternativeMarkupIdentifier="inline" size="small" class="icon icon-size-small"></typo3-backend-icon>
-                ${clipboardData.labels.copyElements}
-              </label>
-              <input type="radio" class="btn-check" id="clipboard-copymode-move" data-action="setCopyMode" ?checked=${clipboardData.copyMode !== CopyMode.copy} @click="${(event: PointerEvent) => this.updateClipboard(event, {CB: {'setCopyMode': '0'}})}">
-              <label class="btn btn-default btn-sm" for="clipboard-copymode-move">
-                <typo3-backend-icon identifier="actions-cut" alternativeMarkupIdentifier="inline" size="small" class="icon icon-size-small"></typo3-backend-icon>
-                ${clipboardData.labels.moveElements}
-              </label>
-            </div>
-            ${!clipboardData.elementCount ? html`` : html`
-              <button type="button" class="btn btn-default btn-sm" title="${clipboardData.labels.removeAll}" data-action="removeAll" @click="${(event: PointerEvent) => this.updateClipboard(event, {CB: {'removeAll': tab.identifier}})}">
-                <typo3-backend-icon identifier="actions-remove" alternativeMarkupIdentifier="inline" size="small" class="icon icon-size-small"></typo3-backend-icon>
-                ${clipboardData.labels.removeAll}
-              </button>`}
-          `}
-        </td>
-      </tr>
-      ${clipboardData.current === tab.identifier && tab.items ? tab.items.map((tabItem: ClipboardTabItem): TemplateResult => this.renderTabItem(tabItem, tab.identifier, clipboardData)) : html``}
-    `;
-  }
-
-  private renderTabItem(tabItem: ClipboardTabItem, tabIdentifier: string, clipboardData: ClipboardData): TemplateResult {
-    return html`
-      <tr>
-        <td class="col-icon nowrap ${classMap({'ps-4': !tabItem.identifier})}">
-          ${unsafeHTML(tabItem.icon)}
-        </td>
-        <td class="nowrap" style="width: 95%">
-          ${unsafeHTML(tabItem.title)}
-          ${tabIdentifier === 'normal' ? html`<strong>(${clipboardData.copyMode === CopyMode.copy ? html`${clipboardData.labels.copy}` : html`${clipboardData.labels.cut}`})</strong>` : html``}
-          ${tabItem.thumb ? html`<div class="d-block">${unsafeHTML(tabItem.thumb)}</div>` : html``}
-        </td>
-        <td class="col-control nowrap">
-          <div class="btn-group">
-            ${!tabItem.infoDataDispatch ? html`` : html`
-              <button type="button" class="btn btn-default btn-sm" data-dispatch-action="${tabItem.infoDataDispatch.action}" data-dispatch-args="${tabItem.infoDataDispatch.args}" title="${clipboardData.labels.info}">
-                <span>
-                  <typo3-backend-icon identifier="actions-document-info" alternativeMarkupIdentifier="inline" size="small" class="icon icon-size-small"></typo3-backend-icon>
-                </span>
-              </button>
-            `}
-            ${!tabItem.identifier ? html`` : html`
-              <button type="button" class="btn btn-default btn-sm" title="${clipboardData.labels.removeItem}" data-action="remove" @click="${(event: PointerEvent) => this.updateClipboard(event,{CB: {'remove': tabItem.identifier}})}">
-                <span>
-                    <typo3-backend-icon identifier="actions-remove" alternativeMarkupIdentifier="inline" size="small" class="icon icon-size-small"></typo3-backend-icon>
-                    ${clipboardData.labels.removeItem}
-                </span>
-              </button>
-            `}
-          </div>
-        </td>
-      </tr>`;
-  }
-
-  private updateClipboard(event: PointerEvent, payload: object): void {
-    event.preventDefault();
-    const target: HTMLElement = event.currentTarget as HTMLElement;
-    (new AjaxRequest(top.TYPO3.settings.Clipboard.moduleUrl))
-      .post(payload)
-      .then(async (response: AjaxResponse): Promise<void> => {
-        const resolvedBody = await response.resolve();
-        if (resolvedBody.success === true) {
-          // In case action is provided, dispatch an event to let
-          // other components react on the updated clipboard state.
-          if (target.dataset.action) {
-            target.dispatchEvent(new CustomEvent('typo3:clipboard:' + target.dataset.action, {
-              detail: {payload: payload, response: resolvedBody},
-              bubbles: true,
-              cancelable: false
-            }));
-          }
-          // @todo Add possibility for a callback, e.g. to dispatch an event after clipboard data was updated
-          this.reloadModule();
-        } else {
-          Notification.error('Clipboard data could not be updated');
-        }
-      })
-      .catch((): void => {
-        Notification.error('An error occured while updating clipboard data');
-      });
-  }
-
-  private reloadModule (): void {
-    if (this.returnUrl) {
-      this.ownerDocument.location.href = this.returnUrl
-    } else {
-      this.ownerDocument.location.reload();
-    }
-  }
-}
diff --git a/typo3_src/TypeScript/backend/color-picker.ts b/typo3_src/TypeScript/backend/color-picker.ts
deleted file mode 100644
index 3566038..0000000
--- a/typo3_src/TypeScript/backend/color-picker.ts
+++ /dev/null
@@ -1,74 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import $ from 'jquery';
-import 'jquery/minicolors';
-
-/**
- * Module: @typo3/backend/color-picker
- * contains all logic for the color picker used in FormEngine
- * @exports @typo3/backend/color-picker
- */
-class ColorPicker {
-
-  /**
-   * Initialize the color picker for the given element
-   */
-  public initialize(element?: HTMLInputElement): void {
-
-    if (typeof element === 'undefined') {
-      // @deprecated since v12, will be removed in v13.
-      console.warn('Initializing all color pickers globally has been marked as deprecated. Please pass a specific element to ColorPicker.initialize().');
-      document.querySelectorAll('.t3js-color-picker').forEach((colorPicker: HTMLInputElement): void => {
-        this.initialize(colorPicker);
-      });
-      return;
-    }
-
-    if (!(element instanceof HTMLInputElement) || element.parentElement?.classList.contains('minicolors')) {
-      return;
-    }
-
-    // Initialize color picker
-    ($(element) as any).minicolors({
-      format: 'hex',
-      position: 'bottom left',
-      theme: 'bootstrap',
-    });
-
-    const hiddenElement: HTMLInputElement = element.closest('.t3js-formengine-field-item')?.querySelector('input[type="hidden"]');
-    if (!hiddenElement) {
-      // Early return in case we do not deal with the usual visibile+hidden field combination
-      return;
-    }
-
-    // When hidden field is changed (e.g. through a value picker), trigger "paste" on the element
-    hiddenElement.addEventListener('change', (): JQuery => $(element).trigger('paste'));
-
-    // On element change, set the formatted value from minicolors
-    element.addEventListener('blur', (e: Event): void => {
-      e.stopImmediatePropagation();
-
-      const target = e.target as HTMLInputElement;
-
-      hiddenElement.value = target.value;
-      if (target.value === '') {
-        $(target).trigger('paste');
-      }
-
-      target.dispatchEvent(new Event('formengine.cp.change'));
-    });
-  }
-}
-
-export default new ColorPicker();
diff --git a/typo3_src/TypeScript/backend/column-selector-button.ts b/typo3_src/TypeScript/backend/column-selector-button.ts
deleted file mode 100644
index a130bf9..0000000
--- a/typo3_src/TypeScript/backend/column-selector-button.ts
+++ /dev/null
@@ -1,304 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {html, TemplateResult, LitElement} from 'lit';
-import {customElement, property} from 'lit/decorators';
-import {SeverityEnum} from '@typo3/backend/enum/severity';
-import Severity from '@typo3/backend/severity';
-import Modal from '@typo3/backend/modal';
-import {lll} from '@typo3/core/lit-helper';
-import AjaxRequest from '@typo3/core/ajax/ajax-request';
-import {AjaxResponse} from '@typo3/core/ajax/ajax-response';
-import Notification from '@typo3/backend/notification';
-
-enum Selectors {
-  columnsSelector = '.t3js-column-selector',
-  columnsContainerSelector = '.t3js-column-selector-container',
-  columnsFilterSelector = 'input[name="columns-filter"]',
-  columnsSelectorActionsSelector = '.t3js-column-selector-actions'
-}
-
-enum SelectorActions {
-  toggle = 'select-toggle',
-  all = 'select-all',
-  none = 'select-none'
-}
-
-/**
- * Module: @typo3/backend/column-selector-button
- *
- * @example
- * <typo3-backend-column-selector-button
- *    url="/url/to/column/selector/form"
- *    target="/url/to/go/after/column/selection"
- *    title="Show columns"
- *    ok="Update"
- *    close="Cancel"
- *    close="Error"
- * >
- *   <button>Show columns/button>
- * </typo3-backend-column-selector-button>
- */
-@customElement('typo3-backend-column-selector-button')
-class ColumnSelectorButton extends LitElement {
-  @property({type: String}) url: string;
-  @property({type: String}) target: string;
-  @property({type: String}) title: string = 'Show columns';
-  @property({type: String}) ok: string = lll('button.ok') || 'Update';
-  @property({type: String}) close: string = lll('button.close') || 'Close';
-  @property({type: String}) error: string = 'Could not update columns';
-
-  /**
-   * Toggle selector actions state (enabled or disabled) depending
-   * on the columns state (checked, unchecked, displayed or hidden)
-   *
-   * @param columns The columns
-   * @param selectAll The "select all" action button
-   * @param selectNone The "select none" action button
-   * @param initialize Whether this is the initialize call - don't check hidden
-   *                   state as all columns are displayed on initialization
-   * @private
-   */
-  private static toggleSelectorActions(
-    columns: NodeListOf<HTMLInputElement>,
-    selectAll: HTMLButtonElement,
-    selectNone: HTMLButtonElement,
-    initialize: boolean = false
-  ) {
-    selectAll.classList.add('disabled')
-    for (let i=0; i < columns.length; i++) {
-      if (!columns[i].disabled
-        && !columns[i].checked
-        && (initialize || !ColumnSelectorButton.isColumnHidden(columns[i]))
-      ) {
-        selectAll.classList.remove('disabled')
-        break;
-      }
-    }
-    selectNone.classList.add('disabled')
-    for (let i=0; i < columns.length; i++) {
-      if (!columns[i].disabled
-        && columns[i].checked
-        && (initialize || !ColumnSelectorButton.isColumnHidden(columns[i]))
-      ) {
-        selectNone.classList.remove('disabled')
-        break;
-      }
-    }
-  }
-
-  /**
-   * Check if the given column is hidden by looking at it's container element
-   *
-   * @param column The column to check for
-   * @private
-   */
-  private static isColumnHidden(column: HTMLInputElement): boolean {
-    return column.closest(Selectors.columnsContainerSelector)?.classList.contains('hidden');
-  }
-
-  /**
-   * Check each column if it matches the current search term.
-   * If not, hide its outer container to not break the grid.
-   *
-   * @param columnsFilter The columns filter
-   * @param columns The columns to check
-   * @private
-   */
-  private static filterColumns(columnsFilter: HTMLInputElement, columns: NodeListOf<HTMLInputElement>): void {
-    columns.forEach((column: HTMLInputElement) => {
-      const columnContainer: HTMLDivElement = column.closest(Selectors.columnsContainerSelector);
-      if (!column.disabled && columnContainer !== null) {
-        const filterValue: string = columnContainer.querySelector('.form-check-label-text')?.textContent;
-        if (filterValue && filterValue.length) {
-          columnContainer.classList.toggle(
-            'hidden',
-            columnsFilter.value !== '' && !RegExp(columnsFilter.value, 'i').test(
-              filterValue.trim().replace(/\[\]/g, '').replace(/\s+/g, ' ')
-            )
-          );
-        }
-      }
-    });
-  }
-
-  public constructor() {
-    super();
-    this.addEventListener('click', (e: Event): void => {
-      e.preventDefault();
-      this.showColumnSelectorModal();
-    });
-  }
-
-  protected render(): TemplateResult {
-    return html`<slot></slot>`;
-  }
-
-  private showColumnSelectorModal(): void {
-    if (!this.url || !this.target) {
-      // Don't render modal in case no url or target is given
-      return;
-    }
-
-    Modal.advanced({
-      content: this.url,
-      title: this.title,
-      severity: SeverityEnum.notice,
-      size: Modal.sizes.medium,
-      type: Modal.types.ajax,
-      buttons: [
-        {
-          text: this.close,
-          active: true,
-          btnClass: 'btn-default',
-          name: 'cancel',
-          trigger: (): void => Modal.dismiss(),
-        },
-        {
-          text: this.ok,
-          btnClass: 'btn-' + Severity.getCssClass(SeverityEnum.info),
-          name: 'update',
-          trigger: (): void => this.proccessSelection(Modal.currentModal[0])
-        }
-      ],
-      ajaxCallback: (): void => this.handleModalContentLoaded(Modal.currentModal[0])
-    });
-  }
-
-  private proccessSelection(currentModal: HTMLElement): void {
-    const form: HTMLFormElement = currentModal.querySelector('form') as HTMLFormElement;
-    if (form === null) {
-      this.abortSelection();
-      return;
-    }
-    (new AjaxRequest(TYPO3.settings.ajaxUrls.show_columns))
-      .post('', {body: new FormData(form)})
-      .then(async (response: AjaxResponse): Promise<any> => {
-        const data = await response.resolve();
-        if (data.success === true) {
-          // @todo This does not jump to the anchor (#t3-table-some_table) after the reload!!!
-          this.ownerDocument.location.href = this.target
-          this.ownerDocument.location.reload();
-        } else {
-          Notification.error(data.message || 'No update was performed');
-        }
-        Modal.dismiss();
-      })
-      .catch(() => {
-        this.abortSelection();
-      })
-  }
-
-  private handleModalContentLoaded(currentModal: HTMLElement): void {
-    const form: HTMLFormElement = currentModal.querySelector('form') as HTMLFormElement;
-    if (form === null) {
-      // Early return if modal content does not include a form
-      return;
-    }
-    // Prevent the form from being submitted as the form data will be send via an ajax request
-    form.addEventListener('submit', (e: Event): void => { e.preventDefault() });
-
-    const columns: NodeListOf<HTMLInputElement> = currentModal.querySelectorAll(Selectors.columnsSelector);
-    const columnsFilter: HTMLInputElement = currentModal.querySelector(Selectors.columnsFilterSelector);
-    const columnsSelectorActions: HTMLDivElement = currentModal.querySelector(Selectors.columnsSelectorActionsSelector);
-    const selectAll: HTMLButtonElement = columnsSelectorActions.querySelector('button[data-action="' + SelectorActions.all + '"]');
-    const selectNone: HTMLButtonElement = columnsSelectorActions.querySelector('button[data-action="' + SelectorActions.none + '"]');
-
-    if (!columns.length || columnsFilter === null || selectAll === null || selectNone === null) {
-      // Return in case required elements do not exist in the modal content
-      return;
-    }
-
-    // First initialize select-all / select-none buttons
-    ColumnSelectorButton.toggleSelectorActions(columns, selectAll, selectNone, true);
-
-    // Add event listener for each column to toggle the selector actions after change
-    columns.forEach((column: HTMLInputElement) => {
-      column.addEventListener('change', (): void => {
-        ColumnSelectorButton.toggleSelectorActions(columns, selectAll, selectNone);
-      });
-    });
-
-    // Add event listener for keydown event for the columns filter, so we
-    // can catch the "Escape" key, which would otherwise close the modal.
-    columnsFilter.addEventListener('keydown', (e: KeyboardEvent): void => {
-      const target = e.target as HTMLInputElement;
-      if (e.code === 'Escape') {
-        e.stopImmediatePropagation();
-        target.value = '';
-      }
-    });
-
-    // Add event listener for keydown event for the columns filter, allowing the "live filtering"
-    columnsFilter.addEventListener('keyup', (e: KeyboardEvent): void => {
-      ColumnSelectorButton.filterColumns(e.target as HTMLInputElement, columns);
-      ColumnSelectorButton.toggleSelectorActions(columns, selectAll, selectNone);
-    });
-
-    // Catch browser specific "search" event, triggered on clicking the "clear" button
-    columnsFilter.addEventListener('search', (e: Event): void => {
-      ColumnSelectorButton.filterColumns(e.target as HTMLInputElement, columns);
-      ColumnSelectorButton.toggleSelectorActions(columns, selectAll, selectNone);
-    });
-
-    // Add event listener for all columns select actions. querySelectorAll will return
-    // at least two actions (selectAll and selectNone) which we checked above already
-    columnsSelectorActions.querySelectorAll('button[data-action]').forEach((action: HTMLButtonElement) => {
-      action.addEventListener('click', (e: Event): void => {
-        e.preventDefault();
-
-        const target: HTMLButtonElement = e.currentTarget as HTMLButtonElement;
-        if (!target.dataset.action) {
-          // Return if we don't deal with a valid action (No action defined)
-          return;
-        }
-
-        // Perform requested action
-        switch (target.dataset.action) {
-          case SelectorActions.toggle:
-            columns.forEach((column: HTMLInputElement) => {
-              if (!column.disabled && !ColumnSelectorButton.isColumnHidden(column)) {
-                column.checked = !column.checked;
-              }
-            });
-            break;
-          case SelectorActions.all:
-            columns.forEach((column: HTMLInputElement) => {
-              if (!column.disabled && !ColumnSelectorButton.isColumnHidden(column)) {
-                column.checked = true;
-              }
-            });
-            break;
-          case SelectorActions.none:
-            columns.forEach((column: HTMLInputElement) => {
-              if (!column.disabled && !ColumnSelectorButton.isColumnHidden(column)) {
-                column.checked = false;
-              }
-            });
-            break;
-          default:
-            // Unknown action
-            Notification.warning('Unknown selector action');
-        }
-
-        // After performing the action always toggle selector actions
-        ColumnSelectorButton.toggleSelectorActions(columns, selectAll, selectNone);
-      });
-    });
-  }
-
-  private abortSelection(): void {
-    Notification.error(this.error);
-    Modal.dismiss();
-  }
-}
diff --git a/typo3_src/TypeScript/backend/context-help.ts b/typo3_src/TypeScript/backend/context-help.ts
deleted file mode 100644
index 447f58a..0000000
--- a/typo3_src/TypeScript/backend/context-help.ts
+++ /dev/null
@@ -1,67 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import 'bootstrap';
-import $ from 'jquery';
-import {Popover as BootstrapPopover} from 'bootstrap';
-import Popover from './popover';
-
-/**
- * Module: @typo3/backend/context-help
- * API for context help.
- * @exports @typo3/backend/context-help
- */
-class ContextHelp {
-  private trigger: string = 'click';
-  private placement: string = 'auto';
-  private selector: string = '.help-link';
-
-  constructor() {
-    this.initialize();
-  }
-
-  public initialize(): void {
-    const $element = $(this.selector);
-    $element
-      .attr('data-bs-html', 'true')
-      .attr('data-bs-placement', this.placement)
-      .attr('data-bs-trigger', this.trigger);
-    Popover.popover($element);
-
-    $(document).on('show.bs.popover', this.selector, (e: Event): void => {
-      const $me = $(e.currentTarget);
-      const description = $me.data('description');
-      if (typeof description !== 'undefined' && description !== '') {
-        const options = <BootstrapPopover.Options>{
-          title: $me.data('title') || '',
-          content: description,
-        };
-        Popover.setOptions($me, options);
-      }
-    }).on('click', 'body', (e: any): void => {
-      $(this.selector).each((index: number, triggerElement: Element): void => {
-        const $triggerElement = $(triggerElement);
-        // the 'is' for buttons that trigger popups
-        // the 'has' for icons within a button that triggers a popup
-        if (!$triggerElement.is(e.target)
-          && $triggerElement.has(e.target).length === 0
-          && $('.popover').has(e.target).length === 0
-        ) {
-          Popover.hide($triggerElement);
-        }
-      });
-    });
-  }
-}
-
-export default new ContextHelp();
diff --git a/typo3_src/TypeScript/backend/context-menu-actions.ts b/typo3_src/TypeScript/backend/context-menu-actions.ts
deleted file mode 100644
index 8d10824..0000000
--- a/typo3_src/TypeScript/backend/context-menu-actions.ts
+++ /dev/null
@@ -1,394 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {AjaxResponse} from '@typo3/core/ajax/ajax-response';
-import {SeverityEnum} from './enum/severity';
-import $ from 'jquery';
-import AjaxDataHandler from './ajax-data-handler';
-import AjaxRequest from '@typo3/core/ajax/ajax-request';
-import InfoWindow from './info-window';
-import Modal from './modal';
-import ModuleMenu from './module-menu';
-import Notification from '@typo3/backend/notification';
-import Viewport from './viewport';
-import {ModuleStateStorage} from './storage/module-state-storage';
-import {NewContentElementWizard} from '@typo3/backend/new-content-element-wizard';
-
-/**
- * @exports @typo3/backend/context-menu-actions
- */
-class ContextMenuActions {
-  /**
-   * @returns {string}
-   */
-  public static getReturnUrl(): string {
-    return encodeURIComponent(top.list_frame.document.location.pathname + top.list_frame.document.location.search);
-  }
-
-  /**
-   * @param {string} table
-   * @param {number} uid
-   */
-  public static editRecord(table: string, uid: number): void {
-    let overrideVals = '',
-      pageLanguageId = $(this).data('pages-language-uid');
-
-    if (pageLanguageId) {
-      // Disallow manual adjustment of the language field for pages
-      overrideVals = '&overrideVals[pages][sys_language_uid]=' + pageLanguageId;
-    }
-
-    Viewport.ContentContainer.setUrl(
-      top.TYPO3.settings.FormEngine.moduleUrl
-        + '&edit[' + table + '][' + uid + ']=edit'
-        + overrideVals
-        + '&returnUrl=' + ContextMenuActions.getReturnUrl(),
-    );
-  }
-
-  public static viewRecord(): void {
-    const $viewUrl = $(this).data('preview-url');
-    if ($viewUrl) {
-      const previewWin = window.open($viewUrl, 'newTYPO3frontendWindow');
-      previewWin.focus();
-    }
-  }
-
-  /**
-   * @param {string} table
-   * @param {number} uid
-   */
-  public static openInfoPopUp(table: string, uid: number): void {
-    InfoWindow.showItem(table, uid);
-  }
-
-  /**
-   * @param {string} table
-   * @param {number} uid
-   */
-  public static mountAsTreeRoot(table: string, uid: number): void {
-    if (table === 'pages') {
-      const event = new CustomEvent('typo3:pagetree:mountPoint', {
-        detail: {
-          pageId: uid
-        },
-      });
-      top.document.dispatchEvent(event);
-    }
-  }
-
-  /**
-   * @param {string} table
-   * @param {number} uid
-   */
-  public static newPageWizard(table: string, uid: number): void {
-    const moduleUrl: string = $(this).data('pages-new-wizard-url');
-    Viewport.ContentContainer.setUrl(
-      moduleUrl + '&returnUrl=' + ContextMenuActions.getReturnUrl(),
-    );
-  }
-
-  public static newContentWizard(): void {
-    const $me = $(this);
-    let $wizardUrl = $me.data('new-wizard-url');
-    if ($wizardUrl) {
-      $wizardUrl += '&returnUrl=' + ContextMenuActions.getReturnUrl();
-      Modal.advanced({
-        title: $me.data('title'),
-        type: Modal.types.ajax,
-        size: Modal.sizes.medium,
-        content: $wizardUrl,
-        severity: SeverityEnum.notice,
-        ajaxCallback: (): void => {
-          const currentModal: HTMLElement = Modal.currentModal.get(0);
-          if (currentModal && currentModal.querySelector('.t3-new-content-element-wizard-inner')) {
-            new NewContentElementWizard(currentModal);
-          }
-        }
-      });
-    }
-  }
-
-  /**
-   * Create new records on the same level. Pages are being inserted "inside".
-   *
-   * @param {string} table
-   * @param {number} uid
-   */
-  public static newRecord(table: string, uid: number): void {
-    Viewport.ContentContainer.setUrl(
-      top.TYPO3.settings.FormEngine.moduleUrl + '&edit[' + table + '][' + (table !== 'pages' ? '-' : '') + uid + ']=new&returnUrl=' + ContextMenuActions.getReturnUrl(),
-    );
-  }
-
-  /**
-   * @param {string} table
-   * @param {number} uid
-   */
-  public static openHistoryPopUp(table: string, uid: number): void {
-    Viewport.ContentContainer.setUrl(
-      top.TYPO3.settings.RecordHistory.moduleUrl + '&element=' + table + ':' + uid + '&returnUrl=' + ContextMenuActions.getReturnUrl(),
-    );
-  }
-
-  /**
-   * @param {string} table
-   * @param {number} uid
-   */
-  public static openListModule(table: string, uid: number): void {
-    const pageId = table === 'pages' ? uid : $(this).data('page-uid');
-    ModuleMenu.App.showModule('web_list', 'id=' + pageId);
-  }
-
-  public static pagesSort(): void {
-    const pagesSortUrl = $(this).data('pages-sort-url');
-    if (pagesSortUrl) {
-      Viewport.ContentContainer.setUrl(pagesSortUrl);
-    }
-  }
-
-  public static pagesNewMultiple(): void {
-    const pagesSortUrl = $(this).data('pages-new-multiple-url');
-    if (pagesSortUrl) {
-      Viewport.ContentContainer.setUrl(pagesSortUrl);
-    }
-  }
-
-  /**
-   * @param {string} table
-   * @param {number} uid
-   */
-  public static disableRecord(table: string, uid: number): void {
-    const disableFieldName = $(this).data('disable-field') || 'hidden';
-    Viewport.ContentContainer.setUrl(
-      top.TYPO3.settings.RecordCommit.moduleUrl
-      + '&data[' + table + '][' + uid + '][' + disableFieldName + ']=1'
-      + '&redirect=' + ContextMenuActions.getReturnUrl(),
-    );
-  }
-
-  /**
-   * @param {string} table
-   * @param {number} uid
-   */
-  public static enableRecord(table: string, uid: number): void {
-    const disableFieldName = $(this).data('disable-field') || 'hidden';
-    Viewport.ContentContainer.setUrl(
-      top.TYPO3.settings.RecordCommit.moduleUrl
-      + '&data[' + table + '][' + uid + '][' + disableFieldName + ']=0'
-      + '&redirect=' + ContextMenuActions.getReturnUrl(),
-    );
-  }
-
-  /**
-   * @param {string} table
-   * @param {number} uid
-   */
-  public static showInMenus(table: string, uid: number): void {
-    Viewport.ContentContainer.setUrl(
-      top.TYPO3.settings.RecordCommit.moduleUrl
-      + '&data[' + table + '][' + uid + '][nav_hide]=0'
-      + '&redirect=' + ContextMenuActions.getReturnUrl(),
-    );
-  }
-
-  /**
-   * @param {string} table
-   * @param {number} uid
-   */
-  public static hideInMenus(table: string, uid: number): void {
-    Viewport.ContentContainer.setUrl(
-      top.TYPO3.settings.RecordCommit.moduleUrl
-      + '&data[' + table + '][' + uid + '][nav_hide]=1'
-      + '&redirect=' + ContextMenuActions.getReturnUrl(),
-    );
-  }
-
-  /**
-   * @param {string} table
-   * @param {number} uid
-   */
-  public static deleteRecord(table: string, uid: number): void {
-    const $anchorElement = $(this);
-    const $modal = Modal.confirm(
-      $anchorElement.data('title'),
-      $anchorElement.data('message'),
-      SeverityEnum.warning, [
-        {
-          text: $(this).data('button-close-text') || TYPO3.lang['button.cancel'] || 'Cancel',
-          active: true,
-          btnClass: 'btn-default',
-          name: 'cancel',
-        },
-        {
-          text: $(this).data('button-ok-text') || TYPO3.lang['button.delete'] || 'Delete',
-          btnClass: 'btn-warning',
-          name: 'delete',
-        },
-      ]);
-
-    $modal.on('button.clicked', (e: JQueryEventObject): void => {
-      if (e.target.getAttribute('name') === 'delete') {
-        const eventData = {component: 'contextmenu', action: 'delete', table, uid};
-        AjaxDataHandler.process('cmd[' + table + '][' + uid + '][delete]=1', eventData).then((): void => {
-          if (table === 'pages') {
-            // base on the assumption that the last selected node, is the one that got deleted
-            if (ModuleStateStorage.current('web').identifier === uid.toString()) {
-              top.document.dispatchEvent(new CustomEvent('typo3:pagetree:selectFirstNode'));
-            }
-            ContextMenuActions.refreshPageTree();
-          } else if (table === 'tt_content') {
-            Viewport.ContentContainer.refresh();
-          }
-        });
-      }
-      Modal.dismiss();
-    });
-  }
-
-  /**
-   * @param {string} table
-   * @param {number} uid
-   */
-  public static copy(table: string, uid: number): void {
-    const url = TYPO3.settings.ajaxUrls.contextmenu_clipboard
-      + '&CB[el][' + table + '%7C' + uid + ']=1'
-      + '&CB[setCopyMode]=1';
-
-    (new AjaxRequest(url)).get().finally((): void => {
-      ContextMenuActions.triggerRefresh(Viewport.ContentContainer.get().location.href);
-    });
-  }
-
-  /**
-   * @param {string} table
-   * @param {number} uid
-   */
-  public static clipboardRelease(table: string, uid: number): void {
-    const url = TYPO3.settings.ajaxUrls.contextmenu_clipboard
-      + '&CB[el][' + table + '%7C' + uid + ']=0';
-
-    (new AjaxRequest(url)).get().finally((): void => {
-      ContextMenuActions.triggerRefresh(Viewport.ContentContainer.get().location.href);
-    });
-  }
-
-  /**
-   * @param {string} table
-   * @param {number} uid
-   */
-  public static cut(table: string, uid: number): void {
-    const url = TYPO3.settings.ajaxUrls.contextmenu_clipboard
-      + '&CB[el][' + table + '%7C' + uid + ']=1'
-      + '&CB[setCopyMode]=0';
-
-    (new AjaxRequest(url)).get().finally((): void => {
-      ContextMenuActions.triggerRefresh(Viewport.ContentContainer.get().location.href);
-    });
-  }
-
-  /**
-   * @param {string} iframeUrl
-   */
-  public static triggerRefresh(iframeUrl: string): void {
-    if (!iframeUrl.includes('record%2Fedit')) {
-      Viewport.ContentContainer.refresh();
-    }
-  }
-
-  /**
-   * Clear cache for given page uid
-   *
-   * @param {string} table pages table
-   * @param {number} uid uid of the page
-   */
-  public static clearCache(table: string, uid: number): void {
-    (new AjaxRequest(TYPO3.settings.ajaxUrls.web_list_clearpagecache)).withQueryArguments({id: uid}).get({cache: 'no-cache'}).then(
-      async (response: AjaxResponse): Promise<any> => {
-        const data = await response.resolve();
-        if (data.success === true) {
-          Notification.success(data.title, data.message, 1);
-        } else {
-          Notification.error(data.title, data.message, 1);
-        }
-      },
-      (): void => {
-        Notification.error(
-          'Clearing page caches went wrong on the server side.',
-        );
-      }
-    );
-  }
-
-  /**
-   * Paste db record after another
-   *
-   * @param {string} table any db table except sys_file
-   * @param {number} uid uid of the record after which record from the clipboard will be pasted
-   */
-  public static pasteAfter(table: string, uid: number): void {
-    ContextMenuActions.pasteInto.bind($(this))(table, -uid);
-  }
-
-  /**
-   * Paste page into another page
-   *
-   * @param {string} table any db table except sys_file
-   * @param {number} uid uid of the record after which record from the clipboard will be pasted
-   */
-  public static pasteInto(table: string, uid: number): void {
-    const $anchorElement = $(this);
-    const performPaste = (): void => {
-      const url = '&CB[paste]=' + table + '%7C' + uid
-        + '&CB[pad]=normal'
-        + '&redirect=' + ContextMenuActions.getReturnUrl();
-
-      Viewport.ContentContainer.setUrl(
-        top.TYPO3.settings.RecordCommit.moduleUrl + url,
-      );
-    };
-    if (!$anchorElement.data('title')) {
-      performPaste();
-      return;
-    }
-    const $modal = Modal.confirm(
-      $anchorElement.data('title'),
-      $anchorElement.data('message'),
-      SeverityEnum.warning, [
-        {
-          text: $(this).data('button-close-text') || TYPO3.lang['button.cancel'] || 'Cancel',
-          active: true,
-          btnClass: 'btn-default',
-          name: 'cancel',
-        },
-        {
-          text: $(this).data('button-ok-text') || TYPO3.lang['button.ok'] || 'OK',
-          btnClass: 'btn-warning',
-          name: 'ok',
-        },
-      ]);
-
-    $modal.on('button.clicked', (e: JQueryEventObject): void => {
-      if (e.target.getAttribute('name') === 'ok') {
-        performPaste();
-      }
-      Modal.dismiss();
-    });
-  }
-
-  private static refreshPageTree(): void {
-    top.document.dispatchEvent(new CustomEvent('typo3:pagetree:refresh'));
-  }
-}
-
-export default ContextMenuActions;
diff --git a/typo3_src/TypeScript/backend/context-menu.ts b/typo3_src/TypeScript/backend/context-menu.ts
deleted file mode 100644
index 4e4a0c5..0000000
--- a/typo3_src/TypeScript/backend/context-menu.ts
+++ /dev/null
@@ -1,468 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import $ from 'jquery';
-import {AjaxResponse} from '@typo3/core/ajax/ajax-response';
-import AjaxRequest from '@typo3/core/ajax/ajax-request';
-import ContextMenuActions from './context-menu-actions';
-import DebounceEvent from '@typo3/core/event/debounce-event';
-import RegularEvent from '@typo3/core/event/regular-event';
-import ThrottleEvent from '@typo3/core/event/throttle-event';
-
-interface MousePosition {
-  X: number;
-  Y: number;
-}
-
-interface ActiveRecord {
-  uid: number|string;
-  table: string;
-}
-
-interface MenuItem {
-  type: string;
-  icon: string;
-  label: string;
-  additionalAttributes?: { [key: string]: string };
-  childItems?: MenuItems;
-  callbackAction?: string;
-}
-
-interface MenuItems {
-  [key: string]: MenuItem;
-}
-
-/**
- * Module: @typo3/backend/context-menu
- * Container used to load the context menu via AJAX to render the result in a layer next to the mouse cursor
- */
-class ContextMenu {
-  private mousePos: MousePosition = {X: null, Y: null};
-  private record: ActiveRecord = {uid: null, table: null};
-  private eventSources: Element[] = [];
-
-  /**
-   * @param {MenuItem} item
-   * @returns {string}
-   */
-  private static drawActionItem(item: MenuItem): string {
-    const attributes: { [key: string]: string } = item.additionalAttributes || {};
-    let attributesString = '';
-    for (const attribute of Object.entries(attributes)) {
-      const [k, v] = attribute;
-      attributesString += ' ' + k + '="' + v + '"';
-    }
-
-    return '<li role="menuitem" class="context-menu-item" tabindex="-1"'
-      + ' data-callback-action="' + item.callbackAction + '"'
-      + attributesString + '><span class="context-menu-item-icon">' + item.icon + '</span> <span class="context-menu-item-label">' + item.label + '</span></li>';
-  }
-
-  private static within(element: HTMLElement, x: number, y: number): boolean {
-    const clientRect = element.getBoundingClientRect();
-    const scrollLeft = window.pageXOffset || document.documentElement.scrollLeft;
-    const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
-    const isInXBoundary = x >= clientRect.left + scrollLeft && x <= clientRect.left + scrollLeft + clientRect.width;
-    const isInYBoundary = y >= clientRect.top + scrollTop && y <= clientRect.top + scrollTop + clientRect.height;
-
-    return isInXBoundary && isInYBoundary;
-  }
-
-  constructor() {
-    $(document).on('click contextmenu', '.t3js-contextmenutrigger', (e: JQueryEventObject): void => {
-      const $me = $(e.currentTarget);
-      // if there is an other "inline" onclick setting, context menu is not triggered
-      // usually this is the case for the foldertree
-      if ($me.prop('onclick') && e.type === 'click') {
-        return;
-      }
-      e.preventDefault();
-      this.show(
-        $me.data('table'),
-        $me.data('uid'),
-        $me.data('context'),
-        $me.data('iteminfo'),
-        $me.data('parameters'),
-        e.target
-      );
-    });
-
-    // register mouse movement inside the document
-    new ThrottleEvent('mousemove', this.storeMousePositionEvent.bind(this), 50).bindTo(document);
-  }
-
-  /**
-   * Main function, called from most context menu links
-   *
-   * @param {string} table Table from where info should be fetched
-   * @param {number} uid The UID of the item
-   * @param {string} context Context of the item
-   * @param {string} enDisItems Items to disable / enable
-   * @param {string} addParams Additional params
-   * @param {Element} eventSource Source Element
-   */
-  public show(table: string, uid: number|string, context: string, enDisItems: string, addParams: string, eventSource: Element = null): void {
-    this.hideAll();
-
-    this.record = {table: table, uid: uid};
-    // fix: [tabindex=-1] is not focusable!!!
-    const focusableSource = eventSource.matches('a, button, [tabindex]') ? eventSource : eventSource.closest('a, button, [tabindex]');
-    this.eventSources.push(focusableSource);
-
-    let parameters = '';
-
-    if (typeof table !== 'undefined') {
-      parameters += 'table=' + encodeURIComponent(table);
-    }
-    if (typeof uid !== 'undefined') {
-      parameters += (parameters.length > 0 ? '&' : '') + 'uid=' + uid;
-    }
-    if (typeof context !== 'undefined') {
-      parameters += (parameters.length > 0 ? '&' : '') + 'context=' + context;
-    }
-    if (typeof enDisItems !== 'undefined') {
-      parameters += (parameters.length > 0 ? '&' : '') + 'enDisItems=' + enDisItems;
-    }
-    if (typeof addParams !== 'undefined') {
-      parameters += (parameters.length > 0 ? '&' : '') + 'addParams=' + addParams;
-    }
-    this.fetch(parameters);
-  }
-
-  /**
-   * Manipulates the DOM to add the divs needed for context menu at the bottom of the <body>-tag
-   */
-  private initializeContextMenuContainer(): void {
-    if ($('#contentMenu0').length === 0) {
-      const code = '<div id="contentMenu0" class="context-menu" style="display: none;"></div>'
-        + '<div id="contentMenu1" class="context-menu" data-parent="#contentMenu0" style="display: none;"></div>';
-      $('body').append(code);
-
-      document.querySelectorAll('.context-menu').forEach((contextMenu: Element): void => {
-        // Explicitly update cursor position if element is entered to avoid timing issues
-        new RegularEvent('mouseenter', (e: MouseEvent): void => {
-          const target: HTMLElement = e.target as HTMLElement;
-          this.storeMousePositionEvent(e);
-        }).bindTo(contextMenu);
-
-        new DebounceEvent('mouseleave', (e: MouseEvent) => {
-          const target: HTMLElement = e.target as HTMLElement;
-          const childMenu: HTMLElement | null = document.querySelector('[data-parent="#' + target.id + '"]');
-
-          const hideThisMenu =
-            !ContextMenu.within(target, this.mousePos.X, this.mousePos.Y) // cursor it outside triggered context menu
-            && (childMenu === null || childMenu.offsetParent === null); // child menu, if any, is not visible
-
-          if (hideThisMenu) {
-            this.hide('#' + target.id);
-
-            // close parent menu (if any) if cursor is outside its boundaries
-            let parent: HTMLElement | null;
-            if (typeof target.dataset.parent !== 'undefined' && (parent = document.querySelector(target.dataset.parent)) !== null) {
-              if (!ContextMenu.within(parent, this.mousePos.X, this.mousePos.Y)) {
-                this.hide(target.dataset.parent);
-              }
-            }
-          }
-        }, 500).bindTo(contextMenu);
-      });
-    }
-  }
-
-  /**
-   * Make the AJAX request
-   *
-   * @param {string} parameters Parameters sent to the server
-   */
-  private fetch(parameters: string): void {
-    const url = TYPO3.settings.ajaxUrls.contextmenu;
-    (new AjaxRequest(url)).withQueryArguments(parameters).get().then(async (response: AjaxResponse): Promise<any> => {
-      const data: MenuItems = await response.resolve();
-      if (typeof response !== 'undefined' && Object.keys(response).length > 0) {
-        this.populateData(data, 0);
-      }
-    });
-  }
-
-  /**
-   * Fills the context menu with content and displays it correctly
-   * depending on the mouse position
-   *
-   * @param {MenuItems} items The data that will be put in the menu
-   * @param {number} level The depth of the context menu
-   */
-  private populateData(items: MenuItems, level: number): void {
-    this.initializeContextMenuContainer();
-
-    const $obj = $('#contentMenu' + level);
-
-    if ($obj.length && (level === 0 || $('#contentMenu' + (level - 1)).is(':visible'))) {
-      const elements = this.drawMenu(items, level);
-      $obj.html('<ul class="context-menu-group" role="menu">' + elements + '</ul>');
-
-      $('li.context-menu-item', $obj).on('click', (event: JQueryEventObject): void => {
-        event.preventDefault();
-        const $me = $(event.currentTarget);
-
-        if ($me.hasClass('context-menu-item-submenu')) {
-          this.openSubmenu(level, $me, false);
-          return;
-        }
-
-        const callbackName = $me.data('callback-action');
-        const callbackModule = $me.data('callback-module');
-        if ($me.data('callback-module')) {
-          import(callbackModule + '.js').then(({default: callbackModuleCallback}: {default: any}): void => {
-            callbackModuleCallback[callbackName].bind($me)(this.record.table, this.record.uid);
-          });
-        } else if (ContextMenuActions && typeof (ContextMenuActions as any)[callbackName] === 'function') {
-          (ContextMenuActions as any)[callbackName].bind($me)(this.record.table, this.record.uid);
-        } else {
-          console.log('action: ' + callbackName + ' not found');
-        }
-        this.hideAll();
-      });
-      $('li.context-menu-item', $obj).on('keydown', (event: JQueryEventObject): void => {
-        const $currentItem = $(event.currentTarget);
-        switch (event.key) {
-          case 'Down': // IE/Edge specific value
-          case 'ArrowDown':
-            this.setFocusToNextItem($currentItem.get(0));
-            break;
-          case 'Up': // IE/Edge specific value
-          case 'ArrowUp':
-            this.setFocusToPreviousItem($currentItem.get(0));
-            break;
-          case 'Right': // IE/Edge specific value
-          case 'ArrowRight':
-            if ($currentItem.hasClass('context-menu-item-submenu')) {
-              this.openSubmenu(level, $currentItem, true);
-            } else {
-              return; // allow default behaviour of right key
-            }
-            break;
-          case 'Home':
-            this.setFocusToFirstItem($currentItem.get(0));
-            break;
-          case 'End':
-            this.setFocusToLastItem($currentItem.get(0));
-            break;
-          case 'Enter':
-          case 'Space':
-            $currentItem.click();
-            break;
-          case 'Esc': // IE/Edge specific value
-          case 'Escape':
-          case 'Left': // IE/Edge specific value
-          case 'ArrowLeft':
-            this.hide('#' + $currentItem.parents('.context-menu').first().attr('id'));
-            break;
-          case 'Tab':
-            this.hideAll();
-            break;
-          default:
-            return; // return to allow default keypress behaviour
-        }
-        // if not returned yet, prevent the default action of the event.
-        event.preventDefault();
-      });
-      $obj.css(this.getPosition($obj, false)).show();
-      // focus the first element on creation to enable keyboard shortcuts
-      $('li.context-menu-item[tabindex=-1]', $obj).first().focus();
-    }
-  }
-
-  private setFocusToPreviousItem(currentItem: HTMLElement): void {
-    let previousItem = this.getItemBackward(currentItem.previousElementSibling);
-    if (!previousItem) {
-      previousItem = this.getLastItem(currentItem);
-    }
-    previousItem.focus();
-  }
-
-  private setFocusToNextItem(currentItem: HTMLElement): void {
-    let nextItem = this.getItemForward(currentItem.nextElementSibling);
-    if (!nextItem) {
-      nextItem = this.getFirstItem(currentItem);
-    }
-    nextItem.focus();
-  }
-
-  private setFocusToFirstItem(currentItem: HTMLElement): void {
-    let firstItem = this.getFirstItem(currentItem);
-    if (firstItem) {
-      firstItem.focus();
-    }
-  }
-
-  private setFocusToLastItem(currentItem: HTMLElement): void {
-    let lastItem = this.getLastItem(currentItem);
-    if (lastItem) {
-      lastItem.focus();
-    }
-  }
-
-  /**
-   * Returns passed element if it is a menu item, if not checks the previous elements until one is found.
-   */
-  private getItemBackward(element: Element): HTMLElement | null {
-    while (element &&
-      (!element.classList.contains('context-menu-item') || (element.getAttribute('tabindex') !== '-1'))) {
-      element = element.previousElementSibling;
-    }
-    return <HTMLElement>element;
-  }
-
-  /**
-   * Returns passed element if it is a menu item, if not checks the previous elements until one is found.
-   */
-  private getItemForward(item: Element): HTMLElement | null {
-    while (item &&
-      (!item.classList.contains('context-menu-item') || (item.getAttribute('tabindex') !== '-1'))) {
-      item = item.nextElementSibling;
-    }
-    return <HTMLElement>item;
-  }
-
-  private getFirstItem(item: Element): HTMLElement | null {
-    return this.getItemForward(item.parentElement.firstElementChild);
-  }
-
-  private getLastItem(item: Element): HTMLElement | null {
-    return this.getItemBackward(item.parentElement.lastElementChild);
-  }
-
-  /**
-   * @param {number} level
-   * @param {JQuery} $item
-   * @param {boolean} keyboard
-   */
-  private openSubmenu(level: number, $item: JQuery, keyboard: boolean): void {
-    this.eventSources.push($item[0]);
-    const $obj = $('#contentMenu' + (level + 1)).html('');
-    $item.next().find('.context-menu-group').clone(true).appendTo($obj);
-    $obj.css(this.getPosition($obj, keyboard)).show();
-    $('.context-menu-item[tabindex=-1]',$obj).first().focus();
-  }
-
-  private getPosition($obj: JQuery, keyboard: boolean): {[key: string]: string} {
-    let x = 0, y = 0;
-    if (this.eventSources.length && (this.mousePos.X === null || keyboard)) {
-      const boundingRect = this.eventSources[this.eventSources.length - 1].getBoundingClientRect();
-      x = this.eventSources.length > 1 ? boundingRect.right : boundingRect.x;
-      y = boundingRect.y;
-    } else {
-      x = this.mousePos.X - 1;
-      y = this.mousePos.Y - 1;
-    }
-    const dimsWindow = {
-      width: $(window).width() - 20, // saving margin for scrollbars
-      height: $(window).height(),
-    };
-
-    // dimensions for the context menu
-    const dims = {
-      width: $obj.width(),
-      height: $obj.height(),
-    };
-
-    const relative = {
-      X: x - $(document).scrollLeft(),
-      Y: y - $(document).scrollTop(),
-    };
-
-    // adjusting the Y position of the layer to fit it into the window frame
-    // if there is enough space above then put it upwards,
-    // otherwise adjust it to the bottom of the window
-    if (dimsWindow.height - dims.height < relative.Y) {
-      if (relative.Y > dims.height) {
-        y -= (dims.height - 10);
-      } else {
-        y += (dimsWindow.height - dims.height - relative.Y);
-      }
-    }
-    // adjusting the X position like Y above, but align it to the left side of the viewport if it does not fit completely
-    if (dimsWindow.width - dims.width < relative.X) {
-      if (relative.X > dims.width) {
-        x -= (dims.width - 10);
-      } else if ((dimsWindow.width - dims.width - relative.X) < $(document).scrollLeft()) {
-        x = $(document).scrollLeft();
-      } else {
-        x += (dimsWindow.width - dims.width - relative.X);
-      }
-    }
-
-    return {left: x + 'px', top: y + 'px'};
-  }
-
-  /**
-   * fills the context menu with content and displays it correctly
-   * depending on the mouse position
-   *
-   * @param {MenuItems} items The data that will be put in the menu
-   * @param {Number} level The depth of the context menu
-   * @return {string}
-   */
-  private drawMenu(items: MenuItems, level: number): string {
-    let elements: string = '';
-    for (const item of Object.values(items)) {
-      if (item.type === 'item') {
-        elements += ContextMenu.drawActionItem(item);
-      } else if (item.type === 'divider') {
-        elements += '<li role="separator" class="context-menu-item context-menu-item-divider"></li>';
-      } else if (item.type === 'submenu' || item.childItems) {
-        elements += '<li role="menuitem" aria-haspopup="true" class="context-menu-item context-menu-item-submenu" tabindex="-1">'
-          + '<span class="context-menu-item-icon">' + item.icon + '</span>'
-          + '<span class="context-menu-item-label">' + item.label + '</span>'
-          + '<span class="context-menu-item-indicator"><typo3-backend-icon identifier="actions-chevron-right" size="small"></typo3-backend-icon></span>'
-          + '</li>';
-
-        const childElements = this.drawMenu(item.childItems, 1);
-        elements += '<div class="context-menu contentMenu' + (level + 1) + '" style="display:none;">'
-          + '<ul role="menu" class="context-menu-group">' + childElements + '</ul>'
-          + '</div>';
-      }
-    }
-    return elements;
-  }
-
-  /**
-   * event handler function that saves the
-   * actual position of the mouse
-   * in the context menu object
-   */
-  private storeMousePositionEvent = (event: MouseEvent): void => {
-    this.mousePos = {X: event.pageX, Y: event.pageY};
-  }
-
-  /**
-   * @param {string} obj
-   */
-  private hide(obj: string): void {
-    $(obj).hide();
-    const source = this.eventSources.pop();
-    if (source) {
-      $(source).focus();
-    }
-  }
-
-  /**
-   * Hides all context menus
-   */
-  private hideAll(): void {
-    this.hide('#contentMenu0');
-    this.hide('#contentMenu1');
-  }
-}
-
-export default new ContextMenu();
diff --git a/typo3_src/TypeScript/backend/copy-to-clipboard.ts b/typo3_src/TypeScript/backend/copy-to-clipboard.ts
deleted file mode 100644
index 7a530e0..0000000
--- a/typo3_src/TypeScript/backend/copy-to-clipboard.ts
+++ /dev/null
@@ -1,74 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {html, TemplateResult, LitElement} from 'lit';
-import {customElement, property} from 'lit/decorators';
-import Notification from '@typo3/backend/notification';
-import {lll} from '@typo3/core/lit-helper';
-
-/**
- * Module: @typo3/backend/copy-to-clipboard
- *
- * This module can be used to copy a given text to
- * the operating systems' clipboard.
- *
- * @example
- * <typo3-copy-to-clipboard text="some text">
- *   <button>Copy to clipboard</button>
- * </typo3-copy-to-clipboard>
- */
-@customElement('typo3-copy-to-clipboard')
-class CopyToClipboard extends LitElement {
-  @property({type: String}) text: string;
-
-  public constructor() {
-    super();
-    this.addEventListener('click', (e: Event): void => {
-      e.preventDefault();
-      this.copyToClipboard()
-    });
-  }
-
-  protected render(): TemplateResult {
-    return html`<slot></slot>`;
-  }
-
-  private copyToClipboard(): void {
-    if (typeof this.text !== 'string' || !this.text.length) {
-      console.warn('No text for copy to clipboard given.')
-      Notification.error(lll('copyToClipboard.error'));
-      return;
-    }
-    if (navigator.clipboard) {
-      navigator.clipboard.writeText(this.text).then((): void => {
-        Notification.success(lll('copyToClipboard.success'), '', 1);
-      }).catch((): void => {
-        Notification.error(lll('copyToClipboard.error'));
-      });
-    } else {
-      const textarea = document.createElement('textarea');
-      textarea.value = this.text;
-      document.body.appendChild(textarea);
-      textarea.focus();
-      textarea.select();
-      try {
-        document.execCommand('copy')
-          ? Notification.success(lll('copyToClipboard.success'), '', 1)
-          : Notification.error(lll('copyToClipboard.error'));
-      } catch (err) {
-        Notification.error(lll('copyToClipboard.error'));
-      }
-      document.body.removeChild(textarea);
-    }
-  }
-}
diff --git a/typo3_src/TypeScript/backend/date-time-picker.ts b/typo3_src/TypeScript/backend/date-time-picker.ts
deleted file mode 100644
index 1d75dce..0000000
--- a/typo3_src/TypeScript/backend/date-time-picker.ts
+++ /dev/null
@@ -1,226 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import flatpickr from 'flatpickr/flatpickr.min';
-import moment from 'moment';
-import PersistentStorage from './storage/persistent';
-import ThrottleEvent from '@typo3/core/event/throttle-event';
-
-interface FlatpickrInputElement extends HTMLInputElement {
-  _flatpickr: any;
-}
-
-/**
- * Module: @typo3/backend/date-time-picker
- * contains all logic for the date time picker used in FormEngine
- * and EXT:belog and EXT:scheduler
- */
-class DateTimePicker {
-  private format: string = (typeof opener?.top?.TYPO3 !== 'undefined' ? opener.top : top).TYPO3.settings.DateTimePicker.DateFormat;
-
-  /**
-   * Format a given date for the hidden FormEngine field
-   *
-   * Format the value for the hidden field that is passed on to the backend, i.e. most likely DataHandler.
-   * The format for that is the timestamp for time fields, and a full-blown ISO-8601 timestamp for all date-related fields.
-   *
-   * @param {moment} date
-   * @param {string} type
-   * @returns {string}
-   */
-  private static formatDateForHiddenField(date: any, type: string): string {
-    if (type === 'time' || type === 'timesec') {
-      date.year(1970).month(0).date(1);
-    }
-    return date.format();
-  }
-
-  /**
-   * initialize date fields to add a datepicker to each field
-   * note: this function can be called multiple times (e.g. after AJAX requests) because it only
-   * applies to fields which haven't been used yet.
-   */
-  public initialize(element: HTMLInputElement): void {
-    if (!(element instanceof HTMLInputElement) || typeof element.dataset.datepickerInitialized !== 'undefined') {
-      return;
-    }
-
-    let userLocale = PersistentStorage.get('lang');
-    if (userLocale === '') {
-      userLocale = 'default';
-    } else if (userLocale === 'ch') {
-      // Fix our made up locale "ch"
-      userLocale = 'zh';
-    }
-
-    element.dataset.datepickerInitialized = '1';
-    import('flatpickr/locales').then((): void => {
-      this.initializeField(element, userLocale);
-    });
-  }
-
-  /**
-   * Initialize a single field
-   *
-   * @param {HTMLInputElement} inputElement
-   * @param {string} locale
-   */
-  private initializeField(inputElement: HTMLInputElement, locale: string): void {
-    const scrollEvent = this.getScrollEvent();
-    const options = this.getDateOptions(inputElement);
-    options.locale = locale;
-    options.onOpen = [
-      (): void => {
-        scrollEvent.bindTo(document.querySelector('.t3js-module-body'))
-      }
-    ];
-    options.onClose = (): void => {
-      scrollEvent.release();
-    };
-
-    // initialize the date time picker on this element
-    const dateTimePicker = flatpickr(inputElement, options);
-
-    inputElement.addEventListener('input', (): void => {
-      // Update selected date in picker
-      const value = dateTimePicker._input.value
-      const parsedDate = dateTimePicker.parseDate(value)
-      const formattedDate = dateTimePicker.formatDate(parsedDate, dateTimePicker.config.dateFormat)
-
-      if (value === formattedDate) {
-        dateTimePicker.setDate(value);
-      }
-    });
-
-    inputElement.addEventListener('change', (e: Event): void => {
-      e.stopImmediatePropagation();
-
-      const target = (e.target as FlatpickrInputElement);
-      const hiddenField = inputElement.parentElement.parentElement.querySelector('input[type="hidden"]') as HTMLInputElement;
-
-      if (target.value !== '') {
-        const type = target.dataset.dateType;
-        const date = moment.utc(target.value, target._flatpickr.config.dateFormat);
-        if (date.isValid()) {
-          hiddenField.value = DateTimePicker.formatDateForHiddenField(date, type);
-        } else {
-          target.value = DateTimePicker.formatDateForHiddenField(moment.utc(hiddenField.value), type);
-        }
-      } else {
-        hiddenField.value = '';
-      }
-
-      target.dispatchEvent(new Event('formengine.dp.change'));
-    });
-  }
-
-  /**
-   * Due to some whack CSS the scrollPosition of the document stays 0 which renders a stuck date time picker.
-   * Because of this the position is recalculated on scrolling `.t3js-module-body`.
-   *
-   * @return {ThrottleEvent}
-   */
-  private getScrollEvent(): ThrottleEvent {
-    return new ThrottleEvent('scroll', (): void => {
-      const activeFlatpickrElement = document.querySelector('.flatpickr-input.active') as FlatpickrInputElement;
-      if (activeFlatpickrElement === null) {
-        return;
-      }
-
-      const bounds = activeFlatpickrElement.getBoundingClientRect();
-      const additionalOffset = 2;
-      const calendarHeight = activeFlatpickrElement._flatpickr.calendarContainer.offsetHeight;
-      const distanceFromBottom = window.innerHeight - bounds.bottom
-      const showOnTop = distanceFromBottom < calendarHeight && bounds.top > calendarHeight;
-
-      let newPosition;
-      let arrowClass;
-      if (showOnTop) {
-        newPosition = bounds.y - calendarHeight - additionalOffset;
-        arrowClass = 'arrowBottom';
-      } else {
-        newPosition = bounds.y + bounds.height + additionalOffset;
-        arrowClass = 'arrowTop';
-      }
-
-      activeFlatpickrElement._flatpickr.calendarContainer.style.top = newPosition + 'px';
-      activeFlatpickrElement._flatpickr.calendarContainer.classList.remove('arrowBottom', 'arrowTop');
-      activeFlatpickrElement._flatpickr.calendarContainer.classList.add(arrowClass);
-    }, 15);
-  }
-
-  /**
-   * Initialize a single field
-   *
-   * @param {HTMLInputElement} inputElement
-   */
-  private getDateOptions(inputElement: HTMLInputElement): { [key: string]: any } {
-    const format = this.format;
-    const type = inputElement.dataset.dateType;
-    const options = {
-      allowInput: true,
-      dateFormat: '',
-      defaultDate: inputElement.value,
-      enableSeconds: false,
-      enableTime: false,
-      formatDate: (date: Date, format: string) => {
-        return moment(date).format(format);
-      },
-      parseDate: (datestr: string, format: string): Date => {
-        return moment(datestr, format, true).toDate();
-      },
-      maxDate: '',
-      minDate: '',
-      minuteIncrement: 1,
-      noCalendar: false,
-      weekNumbers: true,
-    };
-
-    // set options based on type
-    switch (type) {
-      case 'datetime':
-        options.dateFormat = format[1];
-        options.enableTime = true;
-        break;
-      case 'date':
-        options.dateFormat = format[0];
-        break;
-      case 'time':
-        options.dateFormat = 'HH:mm';
-        options.enableTime = true;
-        options.noCalendar = true;
-        break;
-      case 'timesec':
-        options.dateFormat = 'HH:mm:ss';
-        options.enableSeconds = true;
-        options.enableTime = true;
-        options.noCalendar = true;
-        break;
-      case 'year':
-        options.dateFormat = 'Y';
-        break;
-      default:
-    }
-
-    if (inputElement.dataset.dateMindate !== 'undefined') {
-      options.minDate = inputElement.dataset.dateMindate;
-    }
-    if (inputElement.dataset.dateMaxdate !== 'undefined') {
-      options.maxDate = inputElement.dataset.dateMaxdate;
-    }
-
-    return options;
-  }
-}
-
-export default new DateTimePicker();
diff --git a/typo3_src/TypeScript/backend/debug-console.ts b/typo3_src/TypeScript/backend/debug-console.ts
deleted file mode 100644
index c820f37..0000000
--- a/typo3_src/TypeScript/backend/debug-console.ts
+++ /dev/null
@@ -1,258 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import $ from 'jquery';
-
-/**
- * Module: @typo3/backend/debug-console
- * The debug console shown at the bottom of the backend
- * @exports @typo3/backend/debug-console
- */
-class DebugConsole {
-  private $consoleDom: any;
-  private settings: any = {
-    autoscroll: true,
-  };
-
-  /**
-   * Increment the counter of unread messages in the given tab
-   *
-   * @param {JQuery} $tab
-   */
-  private static incrementInactiveTabCounter($tab: JQuery): void {
-    if (!$tab.hasClass('active')) {
-      const $badge = $tab.find('.badge');
-      let value = parseInt($badge.text(), 10);
-
-      if (isNaN(value)) {
-        value = 0;
-      }
-      $badge.text(++value);
-    }
-  }
-
-  constructor() {
-    $((): void => {
-      this.createDom();
-    });
-  }
-
-  /**
-   * Add the debug message to the console
-   *
-   * @param {String} message
-   * @param {String} header
-   * @param {String} [group=Debug]
-   */
-  public add(message: string, header: string, group: string): void {
-    this.attachToViewport();
-
-    const $line = $('<p />').html(message);
-    if (typeof header !== 'undefined' && header.length > 0) {
-      $line.prepend($('<strong />').text(header));
-    }
-
-    if (typeof group === 'undefined' || group.length === 0) {
-      group = 'Debug';
-    }
-
-    const tabIdentifier = 'debugtab-' + group.toLowerCase().replace(/\W+/g, '-');
-    const $debugTabs = this.$consoleDom.find('.t3js-debuggroups');
-    const $tabContent = this.$consoleDom.find('.t3js-debugcontent');
-    let $tab = this.$consoleDom.find('.t3js-debuggroups li[data-identifier=' + tabIdentifier + ']');
-
-    // check if group tab exists
-    if ($tab.length === 0) {
-      // create new tab
-      $tab =
-        $('<li />', {role: 'presentation', class: 'nav-item', 'data-identifier': tabIdentifier}).append(
-          $('<a />', {
-            'aria-controls': tabIdentifier,
-            'data-bs-toggle': 'tab',
-            class: 'nav-link',
-            href: '#' + tabIdentifier,
-            role: 'tab',
-          }).text(group + ' ').append(
-            $('<span />', {'class': 'badge'}),
-          ),
-        ).on('shown.bs.tab', (e: Event) => {
-          $(e.currentTarget).find('.badge').text('');
-        });
-      $debugTabs.append($tab);
-      $tabContent.append(
-        $('<div />', {role: 'tabpanel', 'class': 'tab-pane', id: tabIdentifier}).append(
-          $('<div />', {'class': 't3js-messages messages'}),
-        ),
-      );
-    }
-
-    // activate the first tab if no one is active
-    if ($debugTabs.find('.active').length === 0) {
-      $debugTabs.find('a:first').tab('show');
-    }
-
-    DebugConsole.incrementInactiveTabCounter($tab);
-    this.incrementUnreadMessagesIfCollapsed();
-
-    const $messageBox = $('#' + tabIdentifier + ' .t3js-messages');
-    const isMessageBoxActive = $messageBox.parent().hasClass('active');
-
-    $messageBox.append($line);
-    if (this.settings.autoscroll && isMessageBoxActive) {
-      $messageBox.scrollTop($messageBox.prop('scrollHeight'));
-    }
-  }
-
-  private createDom(): void {
-    if (typeof this.$consoleDom !== 'undefined') {
-      return;
-    }
-
-    this.$consoleDom =
-      $('<div />', {id: 'typo3-debug-console'}).append(
-        $('<div />', {'class': 't3js-topbar topbar'}).append(
-          $('<p />', {'class': 'pull-left'}).text(' TYPO3 Debug Console').prepend(
-            $('<span />', {'class': 'fa fa-terminal topbar-icon'}),
-          ).append(
-            $('<span />', {'class': 'badge'}),
-          ),
-          $('<div />', {'class': 't3js-buttons btn-group pull-right'}),
-        ),
-        $('<div />').append(
-          $('<div />', {role: 'tabpanel'}).append(
-            $('<ul />', {'class': 'nav nav-tabs t3js-debuggroups', role: 'tablist'}),
-          ),
-          $('<div />', {'class': 'tab-content t3js-debugcontent'}),
-        ),
-      );
-
-    this.addButton(
-      $('<button />', {
-        'class': 'btn btn-default btn-sm ' + (this.settings.autoscroll ? 'active' : ''),
-        title: TYPO3.lang['debuggerconsole.autoscroll'],
-      }).append($('<span />', {'class': 't3-icon fa fa-magnet'})),
-      (): void => {
-        $(this).button('toggle');
-        this.settings.autoscroll = !this.settings.autoscroll;
-      },
-    ).addButton(
-      $('<button />', {
-        'class': 'btn btn-default btn-sm',
-        title: TYPO3.lang['debuggerconsole.toggle.collapse'],
-      }).append($('<span />', {'class': 't3-icon fa fa-chevron-down'})),
-      (e: Event): void => {
-        let $button = $(e.currentTarget);
-        let $icon = $button.find('.t3-icon');
-        let $innerContainer = this.$consoleDom.find('.t3js-topbar').next();
-        $innerContainer.toggle();
-        if ($innerContainer.is(':visible')) {
-          $button.attr('title', TYPO3.lang['debuggerconsole.toggle.collapse']);
-          $icon.toggleClass('fa-chevron-down', true).toggleClass('fa-chevron-up', false);
-          this.resetGlobalUnreadCounter();
-        } else {
-          $button.attr('title', TYPO3.lang['debuggerconsole.toggle.expand']);
-          $icon.toggleClass('fa-chevron-down', false).toggleClass('fa-chevron-up', true);
-        }
-      },
-    ).addButton(
-      $('<button />', {
-        'class': 'btn btn-default btn-sm',
-        title: TYPO3.lang['debuggerconsole.clear']}).append($('<span />', {class: 't3-icon fa fa-undo'})),
-      (): void => {
-        this.flush();
-      },
-    ).addButton(
-      $('<button />', {
-        'class': 'btn btn-default btn-sm',
-        title: TYPO3.lang['debuggerconsole.close']}).append($('<span />', {'class': 't3-icon fa fa-times'})),
-      (): void => {
-        this.destroy();
-        this.createDom();
-      },
-    );
-  }
-
-  /**
-   * Adds a button and it's callback to the console's toolbar
-   *
-   * @param {JQuery} $button
-   * @param callback
-   * @returns {DebugConsole}
-   */
-  private addButton($button: JQuery, callback: any): this {
-    $button.on('click', callback);
-    this.$consoleDom.find('.t3js-buttons').append($button);
-
-    return this;
-  }
-
-  /**
-   * Attach the Debugger Console to the viewport
-   */
-  private attachToViewport(): void {
-    const $viewport = $('.t3js-scaffold-content');
-    if ($viewport.has(this.$consoleDom).length === 0) {
-      $viewport.append(this.$consoleDom);
-    }
-  }
-
-  /**
-   * Increment the counter of unread messages in the tabbar
-   */
-  private incrementUnreadMessagesIfCollapsed(): void {
-    const $topbar = this.$consoleDom.find('.t3js-topbar');
-    const $innerContainer = $topbar.next();
-
-    if ($innerContainer.is(':hidden')) {
-      const $badge = $topbar.find('.badge');
-      let value = parseInt($badge.text(), 10);
-
-      if (isNaN(value)) {
-        value = 0;
-      }
-      $badge.text(++value);
-    }
-  }
-
-  /**
-   * Reset global unread counter
-   */
-  private resetGlobalUnreadCounter(): void {
-    this.$consoleDom.find('.t3js-topbar').find('.badge').text('');
-  }
-
-  /**
-   * Reset the console
-   */
-  private flush(): void {
-    const $debugTabs = this.$consoleDom.find('.t3js-debuggroups');
-    const $tabContent = this.$consoleDom.find('.t3js-debugcontent');
-
-    $debugTabs.children().remove();
-    $tabContent.children().remove();
-  }
-
-  /**
-   * Destroy everything of the console
-   */
-  private destroy(): void {
-    this.$consoleDom.remove();
-    this.$consoleDom = undefined;
-  }
-}
-
-const debugConsole = new DebugConsole();
-
-// expose as global object
-TYPO3.DebugConsole = debugConsole;
-export default debugConsole;
diff --git a/typo3_src/TypeScript/backend/document-header.ts b/typo3_src/TypeScript/backend/document-header.ts
deleted file mode 100644
index ef85344..0000000
--- a/typo3_src/TypeScript/backend/document-header.ts
+++ /dev/null
@@ -1,78 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import DocumentService from '@typo3/core/document-service';
-import ThrottleEvent from '@typo3/core/event/throttle-event';
-
-/**
- * Module: @typo3/backend/document-header
- * Folds docHeader when scrolling down, and reveals when scrollup up
- */
-class DocumentHeader {
-  private documentHeader: HTMLElement = null;
-
-  private direction: string = 'down';
-  private reactionRange: number = 300;
-  private lastPosition: number = 0;
-  private currentPosition: number = 0;
-  private changedPosition: number = 0;
-  private settings: any = {
-    margin: 24,
-    offset: 100,
-    selectors: {
-      moduleDocumentHeader: '.t3js-module-docheader',
-      moduleSearchBar: '.t3js-module-docheader-bar-search',
-    },
-  };
-
-  constructor() {
-    DocumentService.ready().then((): void => {
-      this.documentHeader = document.querySelector(this.settings.selectors.moduleDocumentHeader);
-      if (this.documentHeader === null) {
-        return;
-      }
-
-      const moduleElement = this.documentHeader.parentElement;
-      new ThrottleEvent('scroll', this.scroll, 100).bindTo(moduleElement);
-    });
-  }
-
-  /**
-   * Scroll
-   *
-   * @param {Event} e
-   */
-  private scroll = (e: Event): void => {
-    this.currentPosition = (e.target as HTMLElement).scrollTop;
-    if (this.currentPosition > this.lastPosition) {
-      if (this.direction !== 'down') {
-        this.direction = 'down';
-        this.changedPosition = this.currentPosition;
-      }
-    } else if (this.currentPosition < this.lastPosition) {
-      if (this.direction !== 'up') {
-        this.direction = 'up';
-        this.changedPosition = this.currentPosition;
-      }
-    }
-    if (this.direction === 'up' && (this.changedPosition - this.reactionRange) < this.currentPosition) {
-      this.documentHeader.classList.remove('module-docheader-folded');
-    }
-    if (this.direction === 'down' && (this.changedPosition + this.reactionRange) < this.currentPosition) {
-      this.documentHeader.classList.add('module-docheader-folded');
-    }
-    this.lastPosition = this.currentPosition;
-  }
-}
-
-export default new DocumentHeader();
diff --git a/typo3_src/TypeScript/backend/document-save-actions.ts b/typo3_src/TypeScript/backend/document-save-actions.ts
deleted file mode 100644
index 53d6e94..0000000
--- a/typo3_src/TypeScript/backend/document-save-actions.ts
+++ /dev/null
@@ -1,123 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import $ from 'jquery';
-import Icons from './icons';
-
-class DocumentSaveActions {
-  private static instance: DocumentSaveActions = null;
-  private preSubmitCallbacks: Array<Function> = [];
-
-  public static getInstance(): DocumentSaveActions {
-    if (DocumentSaveActions.instance === null) {
-      DocumentSaveActions.instance = new DocumentSaveActions();
-    }
-
-    return DocumentSaveActions.instance;
-  }
-
-  private constructor() {
-    $((): void => {
-      this.initializeSaveHandling();
-    });
-  }
-
-  /**
-   * Adds a callback being executed before submit
-   *
-   * @param {Function} callback
-   */
-  public addPreSubmitCallback(callback: Function): void {
-    if (typeof callback !== 'function') {
-      throw 'callback must be a function.';
-    }
-
-    this.preSubmitCallbacks.push(callback);
-  }
-
-  /**
-   * Initializes the save handling
-   */
-  private initializeSaveHandling(): void {
-    let preventExec = false;
-    const elements = [
-      'button[form]',
-      'button[name^="_save"]',
-      'a[data-name^="_save"]',
-      'button[name="CMD"][value^="save"]',
-      'a[data-name="CMD"][data-value^="save"]',
-    ].join(',');
-
-    $('.t3js-module-docheader').on('click', elements, (e: JQueryEventObject): boolean => {
-      // prevent doubleclick double submission bug in chrome,
-      // see https://forge.typo3.org/issues/77942
-      if (!preventExec) {
-        preventExec = true;
-        const $me = $(e.currentTarget);
-        const linkedForm = $me.attr('form') || $me.attr('data-form') || null;
-        const $form = linkedForm ? $('#' + linkedForm) : $me.closest('form');
-        const name = $me.data('name') || e.currentTarget.getAttribute('name');
-        const value = $me.data('value') || e.currentTarget.getAttribute('value');
-        const $elem = $('<input />').attr('type', 'hidden').attr('name', name).attr('value', value);
-
-        // Run any preSubmit callbacks
-        for (let callback of this.preSubmitCallbacks) {
-          callback(e);
-
-          if (e.isPropagationStopped()) {
-            preventExec = false;
-            return false;
-          }
-        }
-        $form.append($elem);
-        // Disable submit buttons
-        $form.on('submit', (): boolean => {
-          if ($form.find('.has-error').length > 0) {
-            preventExec = false;
-            return false;
-          }
-
-          let $affectedButton: JQuery;
-          const $splitButton = $me.closest('.t3js-splitbutton');
-
-          if ($splitButton.length > 0) {
-            $splitButton.find('button').prop('disabled', true);
-            $affectedButton = $splitButton.children().first();
-          } else {
-            $me.prop('disabled', true);
-            $affectedButton = $me;
-          }
-
-          Icons.getIcon('spinner-circle-dark', Icons.sizes.small).then((markup: string): void => {
-            $affectedButton.find('.t3js-icon').replaceWith(markup);
-          }).catch((e) => {
-            // Catch error in case the promise was not resolved
-            // e.g. loading a new page
-          });
-
-          return true;
-        });
-
-        if ((e.currentTarget.tagName === 'A' || $me.attr('form')) && !e.isDefaultPrevented()) {
-          $form.find('[name="doSave"]').val('1');
-          $form.trigger('submit');
-          e.preventDefault();
-        }
-      }
-
-      return true;
-    });
-  }
-}
-
-export default DocumentSaveActions;
diff --git a/typo3_src/TypeScript/backend/drag-uploader.ts b/typo3_src/TypeScript/backend/drag-uploader.ts
deleted file mode 100644
index ccb93ab..0000000
--- a/typo3_src/TypeScript/backend/drag-uploader.ts
+++ /dev/null
@@ -1,890 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import $ from 'jquery';
-import moment from 'moment';
-import {AjaxResponse} from '@typo3/core/ajax/ajax-response';
-import {SeverityEnum} from './enum/severity';
-import {MessageUtility} from './utility/message-utility';
-import NProgress from 'nprogress';
-import AjaxRequest from '@typo3/core/ajax/ajax-request';
-import Modal from './modal';
-import Notification from './notification';
-import ImmediateAction from '@typo3/backend/action-button/immediate-action';
-import Md5 from '@typo3/backend/hashing/md5';
-
-/**
- * Possible actions for conflicts w/ existing files
- */
-enum Action {
-  OVERRIDE = 'replace',
-  RENAME = 'rename',
-  SKIP = 'cancel',
-  USE_EXISTING = 'useExisting',
-}
-
-/**
- * Properties of a file as returned from the AJAX action; essential, this is a serialized instance of
- * \TYPO3\CMS\Core\Resource\File plus some extra properties (see FileController::flattenResultDataValue())
- */
-interface UploadedFile {
-  name: string;
-  id: number;
-  uid: number;
-  icon: string;
-  extension: string;
-  permissions: { read: boolean; write: boolean };
-  size: number;
-  // formatted as ddmmyy
-  date: string;
-
-  mtime: Date;
-  thumbUrl: string;
-  type: string;
-  path: string;
-}
-
-interface InternalFile extends File {
-  lastModified: any;
-  lastModifiedDate: any;
-}
-
-interface DragUploaderOptions {
-  /**
-   * CSS selector for the element where generated messages are inserted. (required)
-   */
-  outputSelector: string;
-  /**
-   * Color of the message text. (optional)
-   */
-  outputColor?: string;
-}
-
-interface FileConflict {
-  original: UploadedFile;
-  uploaded: InternalFile;
-  action: Action;
-}
-
-interface FlashMessage {
-  title: string,
-  message: string,
-  severity: number
-}
-
-class DragUploaderPlugin {
-  public irreObjectUid: number;
-  public $fileList: JQuery;
-  public fileListColumnCount: number;
-  public filesExtensionsAllowed: string;
-  public fileDenyPattern: RegExp | null;
-  public maxFileSize: number;
-  public $trigger: JQuery;
-  public target: string;
-  public reloadUrl: string;
-  public manualTable: boolean;
-
-  /**
-   * Array of files which are asked for being overridden
-   */
-  private askForOverride: Array<FileConflict> = [];
-
-  private percentagePerFile: number = 1;
-
-  private $body: JQuery;
-  private readonly $element: JQuery;
-  private readonly $dropzone: JQuery;
-  private readonly $dropzoneMask: JQuery;
-  private readonly fileInput: HTMLInputElement;
-  private browserCapabilities: { fileReader: boolean; DnD: boolean; Progress: boolean };
-  private readonly dropZoneInsertBefore: boolean;
-  private queueLength: number;
-  private readonly defaultAction: Action;
-  private manuallyTriggered: boolean;
-
-  constructor(element: HTMLElement) {
-    this.$body = $('body');
-    this.$element = $(element);
-    const hasTrigger = this.$element.data('dropzoneTrigger') !== undefined;
-    this.$trigger = $(this.$element.data('dropzoneTrigger'));
-    this.defaultAction = this.$element.data('defaultAction') || Action.SKIP;
-    this.$dropzone = $('<div />').addClass('dropzone').hide();
-    this.irreObjectUid = this.$element.data('fileIrreObject');
-
-    const dropZoneEscapedTarget = this.$element.data('dropzoneTarget');
-    if (this.irreObjectUid && this.$element.nextAll(dropZoneEscapedTarget).length !== 0) {
-      this.dropZoneInsertBefore = true;
-      this.$dropzone.insertBefore(dropZoneEscapedTarget);
-    } else {
-      this.dropZoneInsertBefore = false;
-      this.$dropzone.insertAfter(dropZoneEscapedTarget);
-    }
-    this.$dropzoneMask = $('<div />').addClass('dropzone-mask').appendTo(this.$dropzone);
-    this.fileInput = <HTMLInputElement>document.createElement('input');
-    this.fileInput.setAttribute('type', 'file');
-    this.fileInput.setAttribute('multiple', 'multiple');
-    this.fileInput.setAttribute('name', 'files[]');
-    this.fileInput.classList.add('upload-file-picker');
-    this.$body.append(this.fileInput);
-
-    this.$fileList = $(this.$element.data('progress-container'));
-    this.fileListColumnCount = $('thead tr:first th', this.$fileList).length + 1;
-    this.filesExtensionsAllowed = this.$element.data('file-allowed');
-    this.fileDenyPattern = this.$element.data('file-deny-pattern') ? new RegExp(this.$element.data('file-deny-pattern'), 'i') : null;
-    this.maxFileSize = parseInt(this.$element.data('max-file-size'), 10);
-    this.target = this.$element.data('target-folder');
-    this.reloadUrl = this.$element.data('reload-url');
-
-    this.browserCapabilities = {
-      fileReader: typeof FileReader !== 'undefined',
-      DnD: 'draggable' in document.createElement('span'),
-      Progress: 'upload' in new XMLHttpRequest,
-    };
-
-
-    if (!this.browserCapabilities.DnD) {
-      console.warn('Browser has no Drag and drop capabilities; cannot initialize DragUploader');
-      return;
-    }
-
-    this.$body.on('dragover', this.dragFileIntoDocument);
-    this.$body.on('dragend', this.dragAborted);
-    this.$body.on('drop', this.ignoreDrop);
-
-    this.$dropzone.on('dragenter', this.fileInDropzone);
-    this.$dropzoneMask.on('dragenter', this.fileInDropzone);
-    this.$dropzoneMask.on('dragleave', this.fileOutOfDropzone);
-    this.$dropzoneMask.on('drop', (ev: JQueryEventObject) => this.handleDrop(<JQueryTypedEvent<DragEvent>>ev));
-
-    this.$dropzone.prepend(
-      '<button type="button" class="dropzone-hint" aria-labelledby="dropzone-title">' +
-      '<div class="dropzone-hint-media">' +
-      '<div class="dropzone-hint-icon"></div>' +
-      '</div>' +
-      '<div class="dropzone-hint-body">' +
-      '<h3 id="dropzone-title" class="dropzone-hint-title">' +
-      TYPO3.lang['file_upload.dropzonehint.title'] +
-      '</h3>' +
-      '<p class="dropzone-hint-message">' +
-      TYPO3.lang['file_upload.dropzonehint.message'] +
-      '</p>' +
-      '</div>' +
-      '</div>',
-    ).on('click', () => {
-      this.fileInput.click();
-    });
-    $('<button type="button" />')
-      .addClass('dropzone-close')
-      .attr('aria-label', TYPO3.lang['file_upload.dropzone.close'])
-      .on('click', this.hideDropzone).appendTo(this.$dropzone);
-
-    // no filelist then create own progress table
-    if (this.$fileList.length === 0) {
-      this.$fileList = $('<table />')
-        .attr('id', 'typo3-filelist')
-        .addClass('table table-striped table-hover upload-queue')
-        .html('<tbody></tbody>').hide();
-
-      if (this.dropZoneInsertBefore) {
-        this.$fileList.insertAfter(this.$dropzone);
-      } else {
-        this.$fileList.insertBefore(this.$dropzone);
-      }
-      this.fileListColumnCount = 8;
-      this.manualTable = true;
-    }
-
-    this.fileInput.addEventListener('change', (event: Event) => {
-      this.hideDropzone(event);
-      this.processFiles(Array.apply(null, this.fileInput.files));
-    });
-
-    // Allow the user to hide the dropzone with the "Escape" key
-    // @todo Enable this also for manual (fake) tables when DragUploader can handle multiple full sized dropzones
-    document.addEventListener('keydown', (event: KeyboardEvent): void => {
-      if (event.code === 'Escape' && this.$dropzone.is(':visible') && !this.manualTable) {
-        this.hideDropzone(event);
-      }
-    });
-
-    this.bindUploadButton(hasTrigger === true ? this.$trigger : this.$element);
-  }
-
-  public showDropzone(): void {
-    this.$dropzone.show();
-  }
-
-  /**
-   *
-   * @param {Event} event
-   */
-  public hideDropzone = (event: Event): void => {
-    event.stopPropagation();
-    event.preventDefault();
-    this.$dropzone.hide();
-    this.$dropzone.removeClass('drop-status-ok');
-    // User manually hides the dropzone, so we can reset the flag
-    this.manuallyTriggered = false;
-  }
-
-  /**
-   * @param {Event} event
-   * @returns {boolean}
-   */
-  public dragFileIntoDocument = (event: JQueryTypedEvent<DragEvent>): boolean => {
-    event.stopPropagation();
-    event.preventDefault();
-    $(event.currentTarget).addClass('drop-in-progress');
-    // Only show dropzone in case $element is currently visible. This prevents
-    // use cases, such as opening the dropzone in a non visible tab in FormEngine.
-    if (this.$element.get(0)?.offsetParent) {
-      this.showDropzone();
-    }
-    return false;
-  }
-
-  /**
-   *
-   * @param {Event} event
-   * @returns {Boolean}
-   */
-  public dragAborted = (event: Event): boolean => {
-    event.stopPropagation();
-    event.preventDefault();
-    $(event.currentTarget).removeClass('drop-in-progress');
-    return false;
-  }
-
-  public ignoreDrop = (event: Event): boolean => {
-    // stops the browser from redirecting.
-    event.stopPropagation();
-    event.preventDefault();
-    this.dragAborted(event);
-    return false;
-  }
-
-  public handleDrop = (event: JQueryTypedEvent<DragEvent>): void => {
-    this.ignoreDrop(event);
-    this.hideDropzone(event);
-    this.processFiles(event.originalEvent.dataTransfer.files);
-  }
-
-  /**
-   * @param {FileList} files
-   */
-  public processFiles(files: FileList): void {
-    this.queueLength = files.length;
-
-    if (!this.$fileList.is(':visible')) {
-      // Show the filelist (table)
-      this.$fileList.show();
-      // Remove hidden state from table container (also makes column selection etc. visible)
-      this.$fileList.closest('.t3-filelist-table-container')?.removeClass('hidden');
-      // Hide the information container
-      this.$fileList.closest('form')?.find('.t3-filelist-info-container')?.hide();
-    }
-
-    NProgress.start();
-    this.percentagePerFile = 1 / files.length;
-
-    // Check for each file if is already exist before adding it to the queue
-    const ajaxCalls: Promise<void>[] = [];
-    Array.from(files).forEach((file: InternalFile) => {
-      const request = new AjaxRequest(TYPO3.settings.ajaxUrls.file_exists).withQueryArguments({
-        fileName: file.name,
-        fileTarget: this.target,
-      }).get({cache: 'no-cache'}).then(async (response: AjaxResponse): Promise<void> => {
-        const data = await response.resolve();
-        const fileExists = typeof data.uid !== 'undefined';
-        if (fileExists) {
-          this.askForOverride.push({
-            original: data,
-            uploaded: file,
-            action: this.irreObjectUid ? Action.USE_EXISTING : this.defaultAction,
-          });
-          NProgress.inc(this.percentagePerFile);
-        } else {
-          new FileQueueItem(this, file, Action.SKIP);
-        }
-      });
-      ajaxCalls.push(request);
-    });
-
-    Promise.all(ajaxCalls).then((): void => {
-      this.drawOverrideModal();
-      NProgress.done();
-    });
-
-    this.fileInput.value = '';
-  }
-
-  public fileInDropzone = (): void => {
-    this.$dropzone.addClass('drop-status-ok');
-  }
-
-  public fileOutOfDropzone = (): void => {
-    this.$dropzone.removeClass('drop-status-ok');
-    // In case dropzone was not manually triggered and this is no manual (fake) table, hide it when leaving
-    // @todo This is disabled for manual tables since this will currently lead to a flicker effect.
-    //        Should be enabled when DragUploader is capable of dealing with multiple full sized dropzones.
-    if (!this.manuallyTriggered && !this.manualTable) {
-      this.$dropzone.hide();
-    }
-  }
-
-  /**
-   * Bind file picker to default upload button
-   *
-   * @param {Object} button
-   */
-  public bindUploadButton(button: JQuery): void {
-    button.on('click', (event: Event) => {
-      event.preventDefault();
-      this.fileInput.click();
-      this.showDropzone();
-      // In case user manually triggers the dropzone, we add a flag
-      this.manuallyTriggered = true;
-    });
-  }
-
-  /**
-   * Decrements the queue and renders a flash message if queue is empty
-   */
-  public decrementQueueLength(messages?: FlashMessage[]): void {
-    if (this.queueLength > 0) {
-      this.queueLength--;
-      if (this.queueLength === 0) {
-        const timeout: number = messages && messages.length ? 5000 : 0;
-        if (timeout) {
-          for (let flashMessage of messages) {
-            Notification.showMessage(flashMessage.title, flashMessage.message, flashMessage.severity);
-          }
-        }
-        if (this.reloadUrl && !this.manualTable) {
-          // After 5 seconds (when flash messages have disappeared), provide the user the option to reload the module
-          setTimeout(() => {
-            Notification.info(
-              TYPO3.lang['file_upload.reload.filelist'],
-              TYPO3.lang['file_upload.reload.filelist.message'],
-              10,
-              [
-                {
-                  label: TYPO3.lang['file_upload.reload.filelist.actions.dismiss'],
-                },
-                {
-                  label: TYPO3.lang['file_upload.reload.filelist.actions.reload'],
-                  action: new ImmediateAction( (): void => {
-                    top.list_frame.document.location.href = this.reloadUrl
-                  })
-                }
-              ]
-            );
-          }, timeout)
-        }
-      }
-    }
-  }
-
-  /**
-   * Renders the modal for existing files
-   */
-  public drawOverrideModal(): void {
-    const amountOfItems = Object.keys(this.askForOverride).length;
-    if (amountOfItems === 0) {
-      return;
-    }
-    const $modalContent = $('<div/>').append(
-      $('<p/>').text(TYPO3.lang['file_upload.existingfiles.description']),
-      $('<table/>', {class: 'table'}).append(
-        $('<thead/>').append(
-          $('<tr />').append(
-            $('<th/>'),
-            $('<th/>').text(TYPO3.lang['file_upload.header.originalFile']),
-            $('<th/>').text(TYPO3.lang['file_upload.header.uploadedFile']),
-            $('<th/>').text(TYPO3.lang['file_upload.header.action']),
-          ),
-        ),
-      ),
-    );
-    for (let i = 0; i < amountOfItems; ++i) {
-      const $record = $('<tr />').append(
-        $('<td />').append(
-          (this.askForOverride[i].original.thumbUrl !== ''
-            ? $('<img />', {src: this.askForOverride[i].original.thumbUrl, height: 40})
-            : $(this.askForOverride[i].original.icon)
-          ),
-        ),
-        $('<td />').html(
-          this.askForOverride[i].original.name + ' (' + (DragUploader.fileSizeAsString(this.askForOverride[i].original.size)) + ')' +
-          '<br>' + moment(this.askForOverride[i].original.mtime).format('YYYY-MM-DD HH:mm'),
-        ),
-        $('<td />').html(
-          this.askForOverride[i].uploaded.name + ' (' + (DragUploader.fileSizeAsString(this.askForOverride[i].uploaded.size)) + ')' +
-          '<br>' +
-          moment(
-            this.askForOverride[i].uploaded.lastModified
-              ? this.askForOverride[i].uploaded.lastModified
-              : this.askForOverride[i].uploaded.lastModifiedDate,
-          ).format('YYYY-MM-DD HH:mm'),
-        ),
-        $('<td />').append(
-          $('<select />', {class: 'form-select t3js-actions', 'data-override': i}).append(
-            (this.irreObjectUid ? $('<option/>').val(Action.USE_EXISTING).text(TYPO3.lang['file_upload.actions.use_existing']) : ''),
-            $('<option />', {'selected': this.defaultAction === Action.SKIP})
-              .val(Action.SKIP).text(TYPO3.lang['file_upload.actions.skip']),
-            $('<option />', {'selected': this.defaultAction === Action.RENAME})
-              .val(Action.RENAME).text(TYPO3.lang['file_upload.actions.rename']),
-            $('<option />', {'selected': this.defaultAction === Action.OVERRIDE})
-              .val(Action.OVERRIDE).text(TYPO3.lang['file_upload.actions.override']),
-          ),
-        ),
-      );
-      $modalContent.find('table').append('<tbody />').append($record);
-    }
-
-    const $modal = Modal.confirm(
-      TYPO3.lang['file_upload.existingfiles.title'], $modalContent, SeverityEnum.warning,
-      [
-        {
-          text: $(this).data('button-close-text') || TYPO3.lang['file_upload.button.cancel'] || 'Cancel',
-          active: true,
-          btnClass: 'btn-default',
-          name: 'cancel',
-        },
-        {
-          text: $(this).data('button-ok-text') || TYPO3.lang['file_upload.button.continue'] || 'Continue with selected actions',
-          btnClass: 'btn-warning',
-          name: 'continue',
-        },
-      ],
-      ['modal-inner-scroll'],
-    );
-    $modal.find('.modal-dialog').addClass('modal-lg');
-
-    $modal.find('.modal-footer').prepend(
-      $('<span/>').addClass('form-inline').append(
-        $('<label/>').text(TYPO3.lang['file_upload.actions.all.label']),
-        $('<select/>', {class: 'form-select t3js-actions-all'}).append(
-          $('<option/>').val('').text(TYPO3.lang['file_upload.actions.all.empty']),
-          (this.irreObjectUid ? $('<option/>').val(Action.USE_EXISTING).text(TYPO3.lang['file_upload.actions.all.use_existing']) : ''),
-          $('<option/>', {'selected': this.defaultAction === Action.SKIP})
-            .val(Action.SKIP).text(TYPO3.lang['file_upload.actions.all.skip']),
-          $('<option/>', {'selected': this.defaultAction === Action.RENAME})
-            .val(Action.RENAME).text(TYPO3.lang['file_upload.actions.all.rename']),
-          $('<option/>', {'selected': this.defaultAction === Action.OVERRIDE})
-            .val(Action.OVERRIDE).text(TYPO3.lang['file_upload.actions.all.override']),
-        ),
-      ),
-    );
-
-    const uploader = this;
-    $modal.on('change', '.t3js-actions-all', function (this: HTMLInputElement): void {
-      const $this = $(this),
-        value = $this.val();
-
-      if (value !== '') {
-        // mass action was selected, apply action to every file
-        $modal.find('.t3js-actions').each((i: number, select: HTMLSelectElement) => {
-          const $select = $(select),
-            index = parseInt($select.data('override'), 10);
-          $select.val(value).prop('disabled', 'disabled');
-          uploader.askForOverride[index].action = <Action>$select.val();
-        });
-      } else {
-        $modal.find('.t3js-actions').removeProp('disabled');
-      }
-    }).on('change', '.t3js-actions', function (this: HTMLInputElement): void {
-      const $this = $(this),
-        index = parseInt($this.data('override'), 10);
-      uploader.askForOverride[index].action = <Action>$this.val();
-    }).on('button.clicked', function (this: HTMLInputElement, e: Event): void {
-      if ((<HTMLInputElement>(e.target)).name === 'cancel') {
-        uploader.askForOverride = [];
-        Modal.dismiss();
-      } else if ((<HTMLInputElement>(e.target)).name === 'continue') {
-        $.each(uploader.askForOverride, (key: number, fileInfo: FileConflict) => {
-          if (fileInfo.action === Action.USE_EXISTING) {
-            DragUploader.addFileToIrre(
-              uploader.irreObjectUid,
-              fileInfo.original,
-            );
-          } else if (fileInfo.action !== Action.SKIP) {
-            new FileQueueItem(uploader, fileInfo.uploaded, fileInfo.action);
-          }
-        });
-        uploader.askForOverride = [];
-        Modal.dismiss();
-      }
-    }).on('hidden.bs.modal', () => {
-      this.askForOverride = [];
-    });
-  }
-}
-
-class FileQueueItem {
-  private readonly $row: JQuery;
-  private readonly $progress: JQuery;
-  private readonly $progressContainer: JQuery;
-  private readonly file: InternalFile;
-  private readonly override: Action;
-  private readonly $selector: JQuery;
-  private $iconCol: JQuery;
-  private $fileName: JQuery;
-  private $progressBar: JQuery;
-  private $progressPercentage: JQuery;
-  private $progressMessage: JQuery;
-  private dragUploader: DragUploaderPlugin;
-
-  constructor(dragUploader: DragUploaderPlugin, file: InternalFile, override: Action) {
-    this.dragUploader = dragUploader;
-    this.file = file;
-    this.override = override;
-
-    this.$row = $('<tr />').addClass('upload-queue-item uploading');
-    if (!this.dragUploader.manualTable) {
-      // Add selector cell, if this is a real table (e.g. not in FormEngine)
-      this.$selector = $('<td />').addClass('col-selector').appendTo(this.$row);
-    }
-    this.$iconCol = $('<td />').addClass('col-icon').appendTo(this.$row);
-    this.$fileName = $('<td />').text(file.name).appendTo(this.$row);
-    this.$progress = $('<td />').attr('colspan', this.dragUploader.fileListColumnCount - this.$row.find('td').length).appendTo(this.$row);
-    this.$progressContainer = $('<div />').addClass('upload-queue-progress').appendTo(this.$progress);
-    this.$progressBar = $('<div />').addClass('upload-queue-progress-bar').appendTo(this.$progressContainer);
-    this.$progressPercentage = $('<span />').addClass('upload-queue-progress-percentage').appendTo(this.$progressContainer);
-    this.$progressMessage = $('<span />').addClass('upload-queue-progress-message').appendTo(this.$progressContainer);
-
-
-    // position queue item in filelist
-    if ($('tbody tr.upload-queue-item', this.dragUploader.$fileList).length === 0) {
-      this.$row.prependTo($('tbody', this.dragUploader.$fileList));
-      this.$row.addClass('last');
-    } else {
-      this.$row.insertBefore($('tbody tr.upload-queue-item:first', this.dragUploader.$fileList));
-    }
-
-    // Set a disabled checkbox to the selector column, if available
-    if (this.$selector) {
-      this.$selector.html(
-        '<span class="form-check form-toggle">' +
-        '<input type="checkbox" class="form-check-input t3js-multi-record-selection-check" disabled/>' +
-        '</span>'
-      );
-    }
-
-    // set dummy file icon
-    this.$iconCol.html('<span class="t3-icon t3-icon-mimetypes t3-icon-other-other">&nbsp;</span>');
-
-    // check file size
-    if (this.dragUploader.maxFileSize > 0 && this.file.size > this.dragUploader.maxFileSize) {
-      this.updateMessage(TYPO3.lang['file_upload.maxFileSizeExceeded']
-        .replace(/\{0\}/g, this.file.name)
-        .replace(/\{1\}/g, DragUploader.fileSizeAsString(this.dragUploader.maxFileSize)));
-      this.$row.addClass('error');
-
-      // check filename/extension against deny pattern
-    } else if (this.dragUploader.fileDenyPattern && this.file.name.match(this.dragUploader.fileDenyPattern)) {
-      this.updateMessage(TYPO3.lang['file_upload.fileNotAllowed'].replace(/\{0\}/g, this.file.name));
-      this.$row.addClass('error');
-
-    } else if (!this.checkAllowedExtensions()) {
-      this.updateMessage(TYPO3.lang['file_upload.fileExtensionExpected']
-        .replace(/\{0\}/g, this.dragUploader.filesExtensionsAllowed),
-      );
-      this.$row.addClass('error');
-    } else {
-      this.updateMessage('- ' + DragUploader.fileSizeAsString(this.file.size));
-
-      const formData = new FormData();
-      formData.append('data[upload][1][target]', this.dragUploader.target);
-      formData.append('data[upload][1][data]', '1');
-      formData.append('overwriteExistingFiles', this.override);
-      formData.append('redirect', '');
-      formData.append('upload_1', this.file);
-
-      // We use XMLHttpRequest as we need the `progress` event which isn't supported by fetch()
-      const xhr = new XMLHttpRequest();
-      xhr.onreadystatechange = (): void => {
-        if (xhr.readyState === XMLHttpRequest.DONE) {
-          if (xhr.status === 200) {
-            try {
-              const response = JSON.parse(xhr.responseText);
-              if (!response.hasErrors) {
-                this.uploadSuccess(response);
-              } else {
-                this.uploadError(xhr);
-              }
-            }
-            catch (e) {
-              // In case JSON can not be parsed, the upload failed due to server errors,
-              // e.g. "POST Content-Length exceeds limit". Just handle as upload error.
-              this.uploadError(xhr);
-            }
-          } else {
-            this.uploadError(xhr);
-          }
-        }
-      };
-      xhr.upload.addEventListener('progress', (e: ProgressEvent) => this.updateProgress(e));
-      xhr.open('POST', TYPO3.settings.ajaxUrls.file_process);
-      xhr.send(formData);
-    }
-  }
-
-  /**
-   * @param {string} message
-   */
-  public updateMessage(message: string): void {
-    this.$progressMessage.text(message);
-  }
-
-  /**
-   * Remove the progress bar
-   */
-  public removeProgress(): void {
-    if (this.$progress) {
-      this.$progress.remove();
-    }
-  }
-
-  public uploadStart(): void {
-    this.$progressPercentage.text('(0%)');
-    this.$progressBar.width('1%');
-    this.dragUploader.$trigger.trigger('uploadStart', [this]);
-  }
-
-  /**
-   * @param {XMLHttpRequest} response
-   */
-  public uploadError(response: XMLHttpRequest): void {
-    const errorText = TYPO3.lang['file_upload.uploadFailed'].replace(/\{0\}/g, this.file.name);
-    this.updateMessage(errorText);
-    try {
-      const jsonResponse = JSON.parse(response.responseText) as any;
-      const messages = jsonResponse.messages as FlashMessage[];
-      this.$progressPercentage.text('');
-      if (messages && messages.length) {
-        for (let flashMessage of messages) {
-          Notification.showMessage(flashMessage.title, flashMessage.message, flashMessage.severity, 10);
-        }
-      }
-    } catch (e) {
-      // do nothing in case JSON could not be parsed
-    }
-
-    this.$row.addClass('error');
-    this.dragUploader.decrementQueueLength();
-    this.dragUploader.$trigger.trigger('uploadError', [this, response]);
-  }
-
-  /**
-   * @param {ProgressEvent} event
-   */
-  public updateProgress(event: ProgressEvent): void {
-    const percentage = Math.round((event.loaded / event.total) * 100) + '%';
-    this.$progressBar.outerWidth(percentage);
-    this.$progressPercentage.text(percentage);
-    this.dragUploader.$trigger.trigger('updateProgress', [this, percentage, event]);
-  }
-
-  /**
-   * @param {{upload?: UploadedFile[]}} data
-   */
-  public uploadSuccess(data: { upload?: UploadedFile[], messages?: FlashMessage[] }): void {
-    if (data.upload) {
-      this.dragUploader.decrementQueueLength(data.messages);
-      this.$row.removeClass('uploading');
-      this.$row.prop('data-type', 'file');
-      this.$row.prop('data-file-uid', data.upload[0].uid);
-      this.$fileName.text(data.upload[0].name);
-      this.$progressPercentage.text('');
-      this.$progressMessage.text('100%');
-      this.$progressBar.outerWidth('100%');
-
-      const combinedIdentifier: string = String(data.upload[0].id);
-
-      // Enable checkbox, if available
-      if (this.$selector) {
-        const checkbox: HTMLInputElement = <HTMLInputElement>this.$selector.find('input')?.get(0);
-        if (checkbox) {
-          checkbox.removeAttribute('disabled');
-          checkbox.setAttribute('name', 'CBC[_FILE|' + Md5.hash(combinedIdentifier) + ']');
-          checkbox.setAttribute('value', combinedIdentifier)
-        }
-      }
-
-      // replace file icon
-      if (data.upload[0].icon) {
-        this.$iconCol
-          .html(
-            '<a href="#" class="t3js-contextmenutrigger" data-uid="'
-            + combinedIdentifier + '" data-table="sys_file">'
-            + data.upload[0].icon + '&nbsp;</span></a>',
-          );
-      }
-
-      if (this.dragUploader.irreObjectUid) {
-        DragUploader.addFileToIrre(
-          this.dragUploader.irreObjectUid,
-          data.upload[0],
-        );
-        setTimeout(
-          () => {
-            this.$row.remove();
-            if ($('tr', this.dragUploader.$fileList).length === 0) {
-              this.dragUploader.$fileList.hide();
-              this.dragUploader.$fileList.closest('.t3-filelist-table-container')?.addClass('hidden');
-              this.dragUploader.$trigger.trigger('uploadSuccess', [this, data]);
-            }
-          },
-          3000);
-      } else {
-        setTimeout(
-          () => {
-            this.showFileInfo(data.upload[0]);
-            this.dragUploader.$trigger.trigger('uploadSuccess', [this, data]);
-          },
-          3000);
-      }
-    }
-  }
-
-  /**
-   * @param {UploadedFile} fileInfo
-   */
-  public showFileInfo(fileInfo: UploadedFile): void {
-    this.removeProgress();
-    if ((document.querySelector('#search_field') as HTMLInputElement)?.value) {
-      // When search is active, the PATH column is always present so we add it
-      $('<td />').text(fileInfo.path).appendTo(this.$row);
-    }
-    // Controls column is deliberately empty
-    $('<td />').text('').appendTo(this.$row);
-    $('<td />').text(TYPO3.lang['type.file'] + ' (' + fileInfo.extension.toUpperCase() + ')').appendTo(this.$row);
-    $('<td />').text(DragUploader.fileSizeAsString(fileInfo.size)).appendTo(this.$row);
-    let permissions = '';
-    if (fileInfo.permissions.read) {
-      permissions += '<strong class="text-danger">' + TYPO3.lang['permissions.read'] + '</strong>';
-    }
-    if (fileInfo.permissions.write) {
-      permissions += '<strong class="text-danger">' + TYPO3.lang['permissions.write'] + '</strong>';
-    }
-    $('<td />').html(permissions).appendTo(this.$row);
-    $('<td />').text('-').appendTo(this.$row);
-
-    // add spacing cells when more columns are displayed (column selector)
-    for (let i = this.$row.find('td').length; i < this.dragUploader.fileListColumnCount; i++) {
-      $('<td />').text('').appendTo(this.$row);
-    }
-  }
-
-  public checkAllowedExtensions(): boolean {
-    if (!this.dragUploader.filesExtensionsAllowed) {
-      return true;
-    }
-    const extension = this.file.name.split('.').pop();
-    const allowed = this.dragUploader.filesExtensionsAllowed.split(',');
-
-    return $.inArray(extension.toLowerCase(), allowed) !== -1;
-  }
-}
-
-class DragUploader {
-  public fileListColumnCount: number;
-  public filesExtensionsAllowed: string;
-  public fileDenyPattern: string;
-  private static options: DragUploaderOptions;
-
-  public static fileSizeAsString(size: number): string {
-    const sizeKB: number = size / 1024;
-    let str = '';
-
-    if (sizeKB > 1024) {
-      str = (sizeKB / 1024).toFixed(1) + ' MB';
-    } else {
-      str = sizeKB.toFixed(1) + ' KB';
-    }
-    return str;
-  }
-
-  /**
-   * @param {number} irre_object
-   * @param {UploadedFile} file
-   */
-  public static addFileToIrre(irre_object: number, file: UploadedFile): void {
-    const message = {
-      actionName: 'typo3:foreignRelation:insert',
-      objectGroup: irre_object,
-      table: 'sys_file',
-      uid: file.uid,
-    };
-    MessageUtility.send(message);
-  }
-
-  public static init(): void {
-    const me = this;
-    const opts = me.options;
-
-    // register the jQuery plugin "DragUploaderPlugin"
-    $.fn.extend({
-      dragUploader: function (options?: DragUploaderOptions | string): JQuery {
-        return this.each((index: number, elem: HTMLElement): void => {
-          const $this = $(elem);
-          let data = $this.data('DragUploaderPlugin');
-          if (!data) {
-            $this.data('DragUploaderPlugin', (data = new DragUploaderPlugin(elem)));
-          }
-          if (typeof options === 'string') {
-            data[options]();
-          }
-        });
-      },
-    });
-
-    $(() => {
-      $('.t3js-drag-uploader').dragUploader(opts);
-    });
-  }
-}
-
-/**
- * Function to apply the example plugin to the selected elements of a jQuery result.
- */
-interface DragUploaderFunction {
-  /**
-   * Apply the example plugin to the elements selected in the jQuery result.
-   *
-   * @param options Options to use for this application of the example plugin.
-   * @returns jQuery result.
-   */
-  (options: DragUploaderOptions): JQuery;
-}
-
-export const initialize = function (): void {
-  DragUploader.init();
-
-  // load required modules to hook in the post initialize function
-  if (
-    'undefined' !== typeof TYPO3.settings
-    && 'undefined' !== typeof TYPO3.settings.RequireJS
-    && 'undefined' !== typeof TYPO3.settings.RequireJS.PostInitializationModules
-    && 'undefined' !== typeof TYPO3.settings.RequireJS.PostInitializationModules['TYPO3/CMS/Backend/DragUploader']
-  ) {
-    $.each(
-      TYPO3.settings.RequireJS.PostInitializationModules['TYPO3/CMS/Backend/DragUploader'], (pos: number, moduleName: string) => {
-        window.require([moduleName]);
-      },
-    );
-  }
-};
-
-initialize();
diff --git a/typo3_src/TypeScript/backend/element/icon-element.ts b/typo3_src/TypeScript/backend/element/icon-element.ts
deleted file mode 100644
index 41fe876..0000000
--- a/typo3_src/TypeScript/backend/element/icon-element.ts
+++ /dev/null
@@ -1,158 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {html, css, unsafeCSS, LitElement, TemplateResult, CSSResult} from 'lit';
-import {customElement, property} from 'lit/decorators';
-import {unsafeHTML} from 'lit/directives/unsafe-html';
-import {until} from 'lit/directives/until';
-import {Sizes, States, MarkupIdentifiers} from '../enum/icon-types';
-import Icons from '../icons';
-import '@typo3/backend/element/spinner-element';
-
-const iconUnifyModifier = 0.86;
-const iconSize = (identifier: CSSResult, size: number) => css`
-  :host([size=${identifier}]),
-  :host([raw]) .icon-size-${identifier} {
-    font-size: ${size}px;
-  }
-`;
-
-/**
- * Module: @typo3/backend/element/icon-element
- *
- * @example
- * <typo3-backend-icon identifier="data-view-page" size="small"></typo3-backend-icon>
- */
-@customElement('typo3-backend-icon')
-export class IconElement extends LitElement {
-  @property({type: String}) identifier: string;
-  @property({type: String}) size: Sizes = Sizes.default;
-  @property({type: String}) state: States = States.default;
-  @property({type: String}) overlay: string = null;
-  @property({type: String}) markup: MarkupIdentifiers = MarkupIdentifiers.inline;
-
-  /**
-   * @internal Usage of `raw` attribute is discouraged due to security implications.
-   *
-   * The `raw` attribute value will be rendered unescaped into DOM as raw html (.innerHTML = raw).
-   * That means it is the responsibility of the callee to ensure the HTML string does not contain
-   * user supplied strings.
-   * This attribute should therefore only be used to preserve backwards compatibility,
-   * and must not be used in new code or with user supplied strings.
-   * Use `identifier` attribute if ever possible instead.
-   */
-  @property({type: String}) raw?: string = null;
-
-  static styles = [
-    css`
-      :host {
-        display: flex;
-        width: 1em;
-        height: 1em;
-        line-height: 0;
-      }
-
-      .icon {
-        position: relative;
-        display: block;
-        overflow: hidden;
-        white-space: nowrap;
-        height: 1em;
-        width: 1em;
-        line-height: 1;
-      }
-
-      .icon svg,
-      .icon img {
-        display: block;
-        height: 1em;
-        width: 1em;
-        transform: translate3d(0, 0, 0);
-      }
-
-      .icon * {
-        display: block;
-        line-height: inherit;
-      }
-
-      .icon-markup {
-        position: absolute;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        text-align: center;
-        top: 0;
-        left: 0;
-        right: 0;
-        bottom: 0;
-      }
-
-      .icon-overlay {
-        position: absolute;
-        bottom: 0;
-        right: 0;
-        font-size: 0.6875em;
-        text-align: center;
-      }
-
-      .icon-color {
-        fill: currentColor;
-      }
-
-      .icon-state-disabled .icon-markup {
-        opacity: .5;
-      }
-
-      .icon-unify {
-        font-size: ${iconUnifyModifier}em;
-        line-height: ${1 / iconUnifyModifier};
-      }
-
-      .icon-spin .icon-markup {
-        animation: icon-spin 2s infinite linear;
-      }
-
-      @keyframes icon-spin {
-        0% {
-          transform: rotate(0deg);
-        }
-
-        100% {
-          transform: rotate(360deg);
-        }
-      }
-    `,
-    iconSize(unsafeCSS(Sizes.small), 16),
-    iconSize(unsafeCSS(Sizes.default), 32),
-    iconSize(unsafeCSS(Sizes.large), 48),
-    iconSize(unsafeCSS(Sizes.mega), 64),
-  ];
-
-  public render(): TemplateResult {
-    if (this.raw) {
-      return html`${unsafeHTML(this.raw)}`;
-    }
-
-    if (!this.identifier) {
-      return html``;
-    }
-
-    const icon = Icons.getIcon(this.identifier, this.size, this.overlay, this.state, this.markup)
-      .then((markup: string) => {
-        return html`
-          ${unsafeHTML(markup)}
-        `;
-      });
-    return html`${until(icon, html`<typo3-backend-spinner></typo3-backend-spinner>`)}`;
-  }
-}
diff --git a/typo3_src/TypeScript/backend/element/immediate-action-element.ts b/typo3_src/TypeScript/backend/element/immediate-action-element.ts
deleted file mode 100644
index 6a3a6ec..0000000
--- a/typo3_src/TypeScript/backend/element/immediate-action-element.ts
+++ /dev/null
@@ -1,89 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import Utility from '@typo3/backend/utility';
-import {EventDispatcher} from '@typo3/backend/event/event-dispatcher';
-
-/**
- * Module: @typo3/backend/element/immediate-action-element
- *
- * @example
- * <typo3-immediate-action action="TYPO3.ModuleMenu.App.refreshMenu"></typo3-immediate-action>
- *
- * This is based on W3C custom elements ("web components") specification, see
- * https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements
- */
-export class ImmediateActionElement extends HTMLElement {
-  private action: string;
-  private args: any[] = [];
-
-  private static async getDelegate(action: string): Promise<Function> {
-    switch (action) {
-      case 'TYPO3.ModuleMenu.App.refreshMenu':
-        const {default: moduleMenuApp} = await import('@typo3/backend/module-menu');
-        return moduleMenuApp.App.refreshMenu.bind(moduleMenuApp.App);
-      case 'TYPO3.Backend.Topbar.refresh':
-        const {default: viewportObject} = await import('@typo3/backend/viewport');
-        return viewportObject.Topbar.refresh.bind(viewportObject.Topbar);
-      case 'TYPO3.WindowManager.localOpen':
-        const {default: windowManager} = await import('@typo3/backend/window-manager');
-        return windowManager.localOpen.bind(windowManager);
-      case 'TYPO3.Backend.Storage.ModuleStateStorage.update':
-        return (await import('@typo3/backend/storage/module-state-storage')).ModuleStateStorage.update;
-      case 'TYPO3.Backend.Storage.ModuleStateStorage.updateWithCurrentMount':
-        return (await import('@typo3/backend/storage/module-state-storage')).ModuleStateStorage.updateWithCurrentMount;
-      case 'TYPO3.Backend.Event.EventDispatcher.dispatchCustomEvent':
-        return EventDispatcher.dispatchCustomEvent;
-      default:
-        throw Error('Unknown action "' + action + '"');
-    }
-  }
-
-  /**
-   * Observed attributes handled by `attributeChangedCallback`.
-   */
-  public static get observedAttributes(): string[] {
-    return ['action', 'args', 'args-list'];
-  }
-
-  /**
-   * Custom element life-cycle callback initializing attributes.
-   */
-  public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {
-    if (name === 'action') {
-      this.action = newValue;
-    } else if (name === 'args') {
-      // `&quot;` is the only literal of a PHP `json_encode` that needs to be substituted
-      // all other payload values are expected to be serialized to unicode literals
-      const json = newValue.replace(/&quot;/g, '"');
-      const args = JSON.parse(json);
-      this.args = args instanceof Array ? Utility.trimItems(args) : [];
-    } else if (name === 'args-list') {
-      const args = newValue.split(',');
-      this.args = Utility.trimItems(args);
-    }
-  }
-
-  /**
-   * Custom element life-cycle callback triggered when element
-   * becomes available in document ("connected to DOM").
-   */
-  public connectedCallback(): void {
-    if (!this.action) {
-      throw new Error('Missing mandatory action attribute');
-    }
-    ImmediateActionElement.getDelegate(this.action).then((callback: Function): void => callback.apply(null, this.args));
-  }
-}
-
-window.customElements.define('typo3-immediate-action', ImmediateActionElement);
diff --git a/typo3_src/TypeScript/backend/element/spinner-element.ts b/typo3_src/TypeScript/backend/element/spinner-element.ts
deleted file mode 100644
index cd94f4e..0000000
--- a/typo3_src/TypeScript/backend/element/spinner-element.ts
+++ /dev/null
@@ -1,93 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {html, css, LitElement, TemplateResult} from 'lit';
-import {customElement, property} from 'lit/decorators';
-import {Sizes} from '../enum/icon-types';
-
-enum Variant {
-  light = 'light',
-  dark = 'dark'
-}
-
-/**
- * Module: @typo3/backend/element/spinner-element
- *
- * @example
- * <typo3-backend-spinner size="small" variant="dark"></typo3-backend-spinner>
- * + attribute size can be one of small, default, large or mega
- */
-@customElement('typo3-backend-spinner')
-export class SpinnerElement extends LitElement {
-  @property({type: String}) size: Sizes = Sizes.default;
-  @property({type: String}) variant: Variant = Variant.dark;
-
-  static styles = css`
-    :host {
-      display: flex;
-      width: 1em;
-      height: 1em;
-      line-height: 0;
-    }
-    .icon {
-      position: relative;
-      display: block;
-      height: 1em;
-      width: 1em;
-      line-height: 1;
-    }
-    svg {
-      position: absolute;
-      top: 0;
-      left: 0;
-      right: 0;
-      bottom: 0;
-      display: block;
-      height: 1em;
-      width: 1em;
-      transform: translate3d(0, 0, 0);
-      fill: currentColor;
-    }
-    :host([variant=dark]) svg {
-      fill: #212121;
-    }
-    :host([variant=light]) svg {
-      fill: #fff;
-    }
-    :host([size=small]) {
-      font-size: 16px;
-    }
-    :host([size=default]) {
-      font-size: 32px;
-    }
-    :host([size=large]) {
-      font-size: 48px;
-    }
-    :host([size=mega]) {
-      font-size: 64px;
-    }
-  `;
-
-  public render(): TemplateResult {
-    return html`
-      <div class="icon">
-        <svg viewBox="0 0 16 16">
-          <path d="M8 15c-3.86 0-7-3.141-7-7 0-3.86 3.14-7 7-7 3.859 0 7 3.14 7 7 0 3.859-3.141 7-7 7zM8 3C5.243 3 3 5.243 3 8s2.243 5 5 5 5-2.243 5-5 -2.243-5-5-5z" opacity=".3"/>
-          <path d="M14 9a1 1 0 0 1-1-1c0-2.757-2.243-5-5-5a1 1 0 0 1 0-2c3.859 0 7 3.14 7 7a1 1 0 0 1-1 1z" transform-origin="center center">
-            <animateTransform attributeName="transform" attributeType="XML" type="rotate" from="0" to="360" begin="0s" dur="1s" repeatCount="indefinite" />
-          </path>
-        </svg>
-      </div>
-    `;
-  }
-}
diff --git a/typo3_src/TypeScript/backend/element/table-wizard-element.ts b/typo3_src/TypeScript/backend/element/table-wizard-element.ts
deleted file mode 100644
index fd28eff..0000000
--- a/typo3_src/TypeScript/backend/element/table-wizard-element.ts
+++ /dev/null
@@ -1,438 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import { html, LitElement, TemplateResult, render } from 'lit';
-import { customElement, property } from 'lit/decorators';
-import { lll } from '@typo3/core/lit-helper';
-import '@typo3/backend/element/icon-element';
-import Severity from '@typo3/backend/severity';
-import Modal from '@typo3/backend/modal';
-import { SeverityEnum } from '@typo3/backend/enum/severity';
-
-/**
- * Module: @typo3/backend/element/table-wizard-element
- *
- * @example
- * <typo3-backend-table-wizard table="[["quot;a"quot;,"quot;b"quot;],["quot;c"quot;,"quot;d"quot;]]">
- * </typo3-backend-table-wizard>
- *
- * This is based on W3C custom elements ("web components") specification, see
- * https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements
- */
-@customElement('typo3-backend-table-wizard')
-export class TableWizardElement extends LitElement {
-  @property({ type: String }) type: string = 'textarea';
-  @property({ type: String }) selectorData: string = '';
-  @property({ type: String}) delimiter: string = '|';
-  @property({ type: String}) enclosure: string = '';
-  @property({ type: Number, attribute: 'append-rows' }) appendRows: number = 1;
-  @property({ type: Object }) l10n: any = {};
-
-  private table: string[][] = [];
-
-  constructor() {
-    super();
-    // Initialize selector so it can be used before property initialization
-    // and is able to load table data from textarea
-    this.selectorData = this.getAttribute('selector');
-    this.delimiter = this.getAttribute('delimiter');
-    this.enclosure = this.getAttribute('enclosure') || '';
-    this.readTableFromTextarea();
-  }
-
-  private get firstRow(): string[] {
-    return this.table[0] || [];
-  }
-
-  public createRenderRoot(): HTMLElement | ShadowRoot {
-    // @todo Switch to Shadow DOM once Bootstrap CSS style can be applied correctly
-    // const renderRoot = this.attachShadow({mode: 'open'});
-    return this;
-  }
-
-  public render(): TemplateResult {
-    return this.renderTemplate();
-  }
-
-  private provideMinimalTable(): void {
-    if (this.table.length === 0 || this.firstRow.length === 0) {
-      // create a table with one row and one column
-      this.table = [
-        ['']
-      ];
-    }
-  }
-
-  private readTableFromTextarea(): void {
-    let textarea: HTMLTextAreaElement = document.querySelector(this.selectorData);
-    let table: string[][] = [];
-
-    textarea.value.split('\n').forEach((row: string) => {
-      if (row !== '') {
-        if(this.enclosure) {
-          row = row.replace(new RegExp(this.enclosure, 'g'), '');
-        }
-
-        let cols = row.split(this.delimiter)
-        table.push(cols)
-      }
-    });
-
-    this.table = table;
-  }
-
-  private writeTableSyntaxToTextarea(): void {
-    let textarea: HTMLTextAreaElement = document.querySelector(this.selectorData);
-    let text = '';
-    this.table.forEach((row) => {
-      let count = row.length;
-      text += row.reduce((result, word, index) => {
-        // Do not add delimiter at the end of each row
-        let delimiter = (count - 1) === index ? '' : this.delimiter;
-
-        return result + this.enclosure + word + this.enclosure + delimiter;
-      }, '') + '\n';
-    });
-    textarea.value = text;
-    textarea.dispatchEvent(new CustomEvent('change', {bubbles: true}));
-  }
-
-  private modifyTable(evt: Event, rowIndex: number, colIndex: number): void {
-    const target = evt.target as HTMLInputElement | HTMLTextAreaElement;
-    this.table[rowIndex][colIndex] = target.value;
-    this.writeTableSyntaxToTextarea();
-    this.requestUpdate();
-  }
-
-  private toggleType(evt: Event): void {
-    this.type = this.type === 'input' ? 'textarea' : 'input';
-  }
-
-  private moveColumn(evt: Event, col: number, target: number): void {
-    this.table = this.table.map((row: string[]): string[] => {
-      const temp = row.splice(col, 1);
-      row.splice(target, 0, ...temp);
-      return row;
-    });
-    this.writeTableSyntaxToTextarea();
-    this.requestUpdate();
-  }
-
-  private appendColumn(evt: Event, col: number): void {
-    this.table = this.table.map((row: string[]): string[] => {
-      row.splice(col + 1, 0, '');
-      return row;
-    });
-    this.writeTableSyntaxToTextarea();
-    this.requestUpdate();
-  }
-
-  private removeColumn(evt: Event, col: number): void {
-    this.table = this.table.map((row: string[]): string[] => {
-      row.splice(col, 1);
-      return row;
-    });
-    this.writeTableSyntaxToTextarea();
-    this.requestUpdate();
-  }
-
-  private moveRow(evt: Event, row: number, target: number): void {
-    const temp = this.table.splice(row, 1);
-    this.table.splice(target, 0, ...temp);
-    this.writeTableSyntaxToTextarea();
-    this.requestUpdate();
-  }
-
-  private appendRow(evt: Event, row: number): void {
-    let columns = this.firstRow.concat().fill('');
-    let rows = (new Array(this.appendRows)).fill(columns);
-    this.table.splice(row + 1, 0, ...rows);
-    this.writeTableSyntaxToTextarea();
-    this.requestUpdate();
-  }
-
-  private removeRow(evt: Event, row: number): void {
-    this.table.splice(row, 1);
-    this.writeTableSyntaxToTextarea();
-    this.requestUpdate();
-  }
-
-  private renderTemplate(): TemplateResult {
-    this.provideMinimalTable();
-    const colIndexes = Object.keys(this.firstRow).map((item: string) => parseInt(item, 10));
-    const lastColIndex = colIndexes[colIndexes.length - 1];
-    const lastRowIndex = this.table.length - 1;
-
-    return html`
-      <style>
-        :host, typo3-backend-table-wizard { display: inline-block; }
-      </style>
-      <div class="table-fit table-fit-inline-block">
-        <table class="table table-center">
-          <thead>
-            <th>${this.renderTypeButton()}</th>
-            ${colIndexes.map((colIndex: number) => html`
-            <th>${this.renderColButtons(colIndex, lastColIndex)}</th>
-            `)}
-          </thead>
-          <tbody>
-            ${this.table.map((row: string[], rowIndex: number) => html`
-            <tr>
-              <th>${this.renderRowButtons(rowIndex, lastRowIndex)}</th>
-              ${row.map((value: string, colIndex: number) => html`
-              <td>${this.renderDataElement(value, rowIndex, colIndex)}</td>
-              `)}
-            </tr>
-            `)}
-          </tbody>
-        </table>
-      </div>
-    `;
-  }
-
-  private renderDataElement(value: string, rowIndex: number, colIndex: number): TemplateResult {
-    const modifyTable = (evt: Event) => this.modifyTable(evt, rowIndex, colIndex);
-    switch (this.type) {
-      case 'input':
-        return html`
-          <input class="form-control" type="text" name="TABLE[c][${rowIndex}][${colIndex}]"
-            @change="${modifyTable}" .value="${value.replace(/\n/g, '<br>')}">
-        `;
-      case 'textarea':
-      default:
-        return html`
-          <textarea class="form-control" rows="6" name="TABLE[c][${rowIndex}][${colIndex}]"
-            @change="${modifyTable}" .value="${value.replace(/<br[ ]*\/?>/g, '\n')}"></textarea>
-        `;
-    }
-  }
-
-  private renderTypeButton(): TemplateResult {
-    return html`
-      <span class="btn-group">
-        <button class="btn btn-default" type="button" title="${lll('table_smallFields')}"
-                @click="${(evt: Event) => this.toggleType(evt)}">
-          <typo3-backend-icon identifier="${this.type === 'input' ? 'actions-chevron-expand' : 'actions-chevron-contract'}" size="small"></typo3-backend-icon>
-        </button>
-        <button class="btn btn-default" type="button" title="${lll('table_setCount')}"
-                @click="${(evt: Event) => this.showTableConfigurationModal(evt)}">
-          <typo3-backend-icon identifier="actions-add" size="small"></typo3-backend-icon>
-        </button>
-        <button class="btn btn-default" type="button" title="${lll('table_showCode')}"
-                @click="${(evt: Event) => this.showTableSyntax(evt)}">
-          <typo3-backend-icon identifier="actions-code" size="small"></typo3-backend-icon>
-        </button>
-      </span>
-    `;
-  }
-
-  private renderColButtons(col: number, last: number): TemplateResult {
-    const leftButton = {
-      title: col === 0 ? lll('table_end') : lll('table_left'),
-      class: col === 0 ? 'bar-right' : 'left',
-      target: col === 0 ? last : col - 1,
-    };
-    const rightButton = {
-      title: col === last ? lll('table_start') : lll('table_right'),
-      class: col === last ? 'bar-left' : 'right',
-      target: col === last ? 0 : col + 1,
-    };
-    return html`
-      <span class="btn-group">
-        <button class="btn btn-default" type="button" title="${leftButton.title}"
-                @click="${(evt: Event) => this.moveColumn(evt, col, leftButton.target)}">
-          <typo3-backend-icon identifier="actions-chevron-${leftButton.class}" size="small"></typo3-backend-icon>
-        </button>
-        <button class="btn btn-default" type="button" title="${rightButton.title}"
-                @click="${(evt: Event) => this.moveColumn(evt, col, rightButton.target)}">
-          <typo3-backend-icon identifier="actions-chevron-${rightButton.class}" size="small"></typo3-backend-icon>
-        </button>
-        <button class="btn btn-default" type="button" title="${lll('table_removeColumn')}"
-                @click="${(evt: Event) => this.removeColumn(evt, col)}">
-          <typo3-backend-icon identifier="actions-delete" size="small"></typo3-backend-icon>
-        </button>
-        <button class="btn btn-default" type="button" title="${lll('table_addColumn')}"
-                @click="${(evt: Event) => this.appendColumn(evt, col)}">
-          <typo3-backend-icon identifier="actions-add" size="small"></typo3-backend-icon>
-        </button>
-      </span>
-    `;
-  }
-
-  private renderRowButtons(row: number, last: number): TemplateResult {
-    const topButton = {
-      title: row === 0 ? lll('table_bottom') : lll('table_up'),
-      class: row === 0 ? 'bar-down' : 'up',
-      target: row === 0 ? last : row - 1,
-    };
-    const bottomButton = {
-      title: row === last ? lll('table_top') : lll('table_down'),
-      class: row === last ? 'bar-up' : 'down',
-      target: row === last ? 0 : row + 1,
-    };
-    return html`
-      <span class="btn-group${this.type === 'input' ? '' : '-vertical'}">
-        <button class="btn btn-default" type="button" title="${topButton.title}"
-                @click="${(evt: Event) => this.moveRow(evt, row, topButton.target)}">
-          <typo3-backend-icon identifier="actions-chevron-${topButton.class}" size="small"></typo3-backend-icon>
-        </button>
-        <button class="btn btn-default" type="button" title="${bottomButton.title}"
-                @click="${(evt: Event) => this.moveRow(evt, row, bottomButton.target)}">
-          <typo3-backend-icon identifier="actions-chevron-${bottomButton.class}" size="small"></typo3-backend-icon>
-        </button>
-        <button class="btn btn-default" type="button" title="${lll('table_removeRow')}"
-                @click="${(evt: Event) => this.removeRow(evt, row)}">
-          <typo3-backend-icon identifier="actions-delete" size="small"></typo3-backend-icon>
-        </button>
-        <button class="btn btn-default" type="button" title="${lll('table_addRow')}"
-                @click="${(evt: Event) => this.appendRow(evt, row)}">
-          <typo3-backend-icon identifier="actions-add" size="small"></typo3-backend-icon>
-        </button>
-      </span>
-    `;
-  }
-
-  private showTableConfigurationModal(evt: Event): void {
-    const lastColIndex: number = this.firstRow.length;
-    const lastRowIndex: number = this.table.length;
-    const initRowValue: number = lastRowIndex || 1;
-    const initTableValue: number = lastColIndex || 1;
-
-    Modal.advanced({
-      content: '', // Callback is used to fill in content
-      title: lll('table_setCountHeadline'),
-      severity: SeverityEnum.notice,
-      size: Modal.sizes.small,
-      buttons: [
-        {
-          text: lll('button.close') || 'Close',
-          active: true,
-          btnClass: 'btn-default',
-          name: 'cancel',
-          trigger: (): void => Modal.dismiss(),
-        },
-        {
-          text: lll('table_buttonApply') || 'Apply',
-          btnClass: 'btn-' + Severity.getCssClass(SeverityEnum.info),
-          name: 'apply',
-          trigger: (): void => {
-            const rows: HTMLInputElement = Modal.currentModal[0].querySelector('#t3js-expand-rows');
-            const cols: HTMLInputElement = Modal.currentModal[0].querySelector('#t3js-expand-cols');
-
-            if (rows === null || cols === null) {
-              return;
-            }
-
-            if (rows.checkValidity() && cols.checkValidity()) {
-              const modifyRows: number = Number(rows.value) - lastRowIndex;
-              const modifyCols: number = Number(cols.value) - lastColIndex;
-              this.setColAndRowCount(evt, modifyCols, modifyRows);
-              Modal.dismiss();
-            } else {
-              rows.reportValidity();
-              cols.reportValidity();
-            }
-          }
-        }
-      ],
-      callback: (currentModal: HTMLCollection): void => {
-        render(
-          html`
-            <div class="form-group ">
-              <label>${lll('table_rowCount')}</label>
-              <input id="t3js-expand-rows" class="form-control" type="number" min="1" required value="${initRowValue}">
-            </div>
-            <div class="form-group ">
-              <label>${lll('table_colCount')}</label>
-              <input id="t3js-expand-cols" class="form-control" type="number" min="1" required value="${initTableValue}">
-            </div>
-          `,
-          currentModal[0].querySelector('.t3js-modal-body') as HTMLElement
-        );
-      }
-    });
-  }
-
-  private showTableSyntax(evt: Event): void {
-
-    Modal.advanced({
-      content: '', // Callback is used to fill in content
-      title: lll('table_showCode'),
-      severity: SeverityEnum.notice,
-      size: Modal.sizes.small,
-      buttons: [
-        {
-          text: lll('button.close') || 'Close',
-          active: true,
-          btnClass: 'btn-default',
-          name: 'cancel',
-          trigger: (): void => Modal.dismiss(),
-        },
-        {
-          text: lll('table_buttonApply') || 'Apply',
-          btnClass: 'btn-' + Severity.getCssClass(SeverityEnum.info),
-          name: 'apply',
-          trigger: (): void => {
-            // Apply table changes
-            let textarea: HTMLTextAreaElement = document.querySelector(this.selectorData);
-            textarea.value = Modal.currentModal[0].querySelector('textarea').value;
-            this.readTableFromTextarea();
-            this.requestUpdate();
-
-            Modal.dismiss();
-          }
-        }
-      ],
-      callback: (currentModal: HTMLCollection): void => {
-        let textarea: HTMLTextAreaElement = document.querySelector(this.selectorData);
-
-        render(
-          html`<textarea style="width: 100%;">${textarea.value}</textarea>`,
-          currentModal[0].querySelector('.t3js-modal-body') as HTMLElement
-        );
-      }
-    });
-  }
-
-  /**
-   * Allow user to set a specific row/col count
-   *
-   * @param evt
-   * @param colCount
-   * @param rowCount
-   * @private
-   */
-  private setColAndRowCount(evt: Event, colCount: number, rowCount: number) {
-    const lastRowIndex: number = this.table.length;
-
-    if (rowCount > 0) {
-      for (let count = 0; count < rowCount; count++) {
-        this.appendRow(evt, lastRowIndex);
-      }
-    } else {
-      for (let count = 0; count < Math.abs(rowCount); count++) {
-        this.removeRow(evt, this.table.length - 1);
-      }
-    }
-
-    if (colCount > 0) {
-      for (let count = 0; count < colCount; count++) {
-        this.appendColumn(evt, colCount);
-      }
-    } else {
-      for (let count = 0; count < Math.abs(colCount); count++) {
-        this.removeColumn(evt, this.firstRow.length - 1);
-      }
-    }
-  }
-}
diff --git a/typo3_src/TypeScript/backend/enum/icon-types.ts b/typo3_src/TypeScript/backend/enum/icon-types.ts
deleted file mode 100644
index 576a8a2..0000000
--- a/typo3_src/TypeScript/backend/enum/icon-types.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-export enum Sizes {
-  small = 'small',
-  default = 'default',
-  large = 'large',
-  mega = 'mega',
-  overlay = 'overlay',
-}
-
-export enum States {
-  default = 'default',
-  disabled = 'disabled',
-}
-
-export enum MarkupIdentifiers {
-  default = 'default',
-  inline = 'inline',
-}
diff --git a/typo3_src/TypeScript/backend/enum/key-types.ts b/typo3_src/TypeScript/backend/enum/key-types.ts
deleted file mode 100644
index 0b4e559..0000000
--- a/typo3_src/TypeScript/backend/enum/key-types.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-export enum KeyTypesEnum {
-  TAB = 9,
-  ENTER = 13,
-  ESCAPE = 27,
-  SPACE = 32,
-  END = 35,
-  HOME,
-  LEFT,
-  UP,
-  RIGHT,
-  DOWN
-}
diff --git a/typo3_src/TypeScript/backend/enum/severity.ts b/typo3_src/TypeScript/backend/enum/severity.ts
deleted file mode 100644
index c102275..0000000
--- a/typo3_src/TypeScript/backend/enum/severity.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-export enum SeverityEnum {
-  notice = -2,
-  info = -1,
-  ok = 0,
-  warning = 1,
-  error = 2,
-}
diff --git a/typo3_src/TypeScript/backend/enum/viewport/scaffold-identifier.ts b/typo3_src/TypeScript/backend/enum/viewport/scaffold-identifier.ts
deleted file mode 100644
index 4ba904c..0000000
--- a/typo3_src/TypeScript/backend/enum/viewport/scaffold-identifier.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-export enum ScaffoldIdentifierEnum {
-  scaffold = '.t3js-scaffold',
-  header = '.t3js-scaffold-header',
-  moduleMenu = '.t3js-scaffold-modulemenu',
-  content = '.t3js-scaffold-content',
-  contentModule = '.t3js-scaffold-content-module',
-  contentModuleRouter = 'typo3-backend-module-router',
-  contentModuleIframe = '.t3js-scaffold-content-module-iframe',
-  contentNavigation = '.t3js-scaffold-content-navigation',
-  contentNavigationDataComponent = '.t3js-scaffold-content-navigation [data-component]',
-  contentNavigationSwitcher = '.t3js-scaffold-content-navigation-switcher',
-}
diff --git a/typo3_src/TypeScript/backend/event/client-request.ts b/typo3_src/TypeScript/backend/event/client-request.ts
deleted file mode 100644
index 80510b9..0000000
--- a/typo3_src/TypeScript/backend/event/client-request.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import InteractionRequest from './interaction-request';
-
-class ClientRequest extends InteractionRequest {
-  public readonly clientEvent: any;
-
-  constructor(type: string, clientEvent: Event = null) {
-    super(type);
-    this.clientEvent = clientEvent;
-  }
-}
-
-export default ClientRequest;
diff --git a/typo3_src/TypeScript/backend/event/consumable.ts b/typo3_src/TypeScript/backend/event/consumable.ts
deleted file mode 100644
index 6a5840e..0000000
--- a/typo3_src/TypeScript/backend/event/consumable.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import InteractionRequest from './interaction-request';
-
-interface Consumable {
-  consume(interactionRequest: InteractionRequest): any;
-}
-
-export default Consumable;
diff --git a/typo3_src/TypeScript/backend/event/consumer-scope.ts b/typo3_src/TypeScript/backend/event/consumer-scope.ts
deleted file mode 100644
index 7ed3249..0000000
--- a/typo3_src/TypeScript/backend/event/consumer-scope.ts
+++ /dev/null
@@ -1,55 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import $ from 'jquery';
-import Consumable from './consumable';
-import InteractionRequest from './interaction-request';
-
-class ConsumerScope {
-  private consumers: Consumable[] = [];
-
-  public getConsumers(): Consumable[] {
-    return this.consumers;
-  }
-
-  public hasConsumer(consumer: Consumable): boolean {
-    return this.consumers.includes(consumer);
-  }
-
-  public attach(consumer: Consumable): void {
-    if (!this.hasConsumer(consumer)) {
-      this.consumers.push(consumer);
-    }
-  }
-
-  public detach(consumer: Consumable): void {
-    this.consumers = this.consumers.filter(
-      (currentConsumer: Consumable) => currentConsumer !== consumer,
-    );
-  }
-
-  public invoke(request: InteractionRequest): any {
-    const deferreds: any[] = [];
-    this.consumers.forEach(
-      (consumer: Consumable) => {
-        const deferred: any = consumer.consume.call(consumer, request);
-        if (deferred) {
-          deferreds.push(deferred);
-        }
-      },
-    );
-    return ($ as any).when.apply($, deferreds);
-  }
-}
-
-export default new ConsumerScope();
diff --git a/typo3_src/TypeScript/backend/event/event-dispatcher.ts b/typo3_src/TypeScript/backend/event/event-dispatcher.ts
deleted file mode 100644
index 97a416f..0000000
--- a/typo3_src/TypeScript/backend/event/event-dispatcher.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/**
- * Module: @typo3/backend/event/event-dispatcher
- */
-export class EventDispatcher {
-  static dispatchCustomEvent(name: string, detail: any = null, useTop: boolean = false): void {
-    const event = new CustomEvent(name, {detail: detail});
-    if (!useTop) {
-      document.dispatchEvent(event);
-    } else if (typeof top !== 'undefined') {
-      top.document.dispatchEvent(event);
-    }
-  }
-}
diff --git a/typo3_src/TypeScript/backend/event/interaction-request-assignment.ts b/typo3_src/TypeScript/backend/event/interaction-request-assignment.ts
deleted file mode 100644
index e54efc9..0000000
--- a/typo3_src/TypeScript/backend/event/interaction-request-assignment.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import InteractionRequest from './interaction-request';
-
-interface InteractionRequestAssignment {
-  request: InteractionRequest;
-  // @todo Add type for jQuery.Deferred[]
-  deferreds: any[];
-}
-
-export default InteractionRequestAssignment;
diff --git a/typo3_src/TypeScript/backend/event/interaction-request-map.ts b/typo3_src/TypeScript/backend/event/interaction-request-map.ts
deleted file mode 100644
index 7f6d9de..0000000
--- a/typo3_src/TypeScript/backend/event/interaction-request-map.ts
+++ /dev/null
@@ -1,75 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import InteractionRequest from './interaction-request';
-import InteractionRequestAssignment from './interaction-request-assignment';
-
-class InteractionRequestMap {
-  private assignments: InteractionRequestAssignment[] = [];
-
-  public attachFor(request: InteractionRequest, deferred: any): void {
-    let targetAssignment = this.getFor(request);
-    if (targetAssignment === null) {
-      targetAssignment = {request, deferreds: []} as InteractionRequestAssignment;
-      this.assignments.push(targetAssignment);
-    }
-    targetAssignment.deferreds.push(deferred);
-  }
-
-  public detachFor(request: InteractionRequest): void {
-    const targetAssignment = this.getFor(request);
-    this.assignments = this.assignments.filter(
-      (assignment: InteractionRequestAssignment) => assignment === targetAssignment,
-    );
-  }
-
-  public getFor(triggerEvent: InteractionRequest): InteractionRequestAssignment {
-    let targetAssignment: InteractionRequestAssignment = null;
-    this.assignments.some(
-      (assignment: InteractionRequestAssignment) => {
-        if (assignment.request === triggerEvent) {
-          targetAssignment = assignment;
-          return true;
-        }
-        return false;
-      },
-    );
-    return targetAssignment;
-  }
-
-  public resolveFor(triggerEvent: InteractionRequest): boolean {
-    const targetAssignment = this.getFor(triggerEvent);
-    if (targetAssignment === null) {
-      return false;
-    }
-    targetAssignment.deferreds.forEach(
-      (deferred: any) => deferred.resolve(),
-    );
-    this.detachFor(triggerEvent);
-    return true;
-  }
-
-  public rejectFor(triggerEvent: InteractionRequest): boolean {
-    const targetAssignment = this.getFor(triggerEvent);
-    if (targetAssignment === null) {
-      return false;
-    }
-    targetAssignment.deferreds.forEach(
-      (deferred: any) => deferred.reject(),
-    );
-    this.detachFor(triggerEvent);
-    return true;
-  }
-}
-
-export default new InteractionRequestMap();
diff --git a/typo3_src/TypeScript/backend/event/interaction-request.ts b/typo3_src/TypeScript/backend/event/interaction-request.ts
deleted file mode 100644
index d594fcb..0000000
--- a/typo3_src/TypeScript/backend/event/interaction-request.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-class InteractionRequest {
-  public readonly type: string;
-  public readonly parentRequest: InteractionRequest;
-  protected processed: boolean = false;
-  protected processedData: any = null;
-
-  public get outerMostRequest(): InteractionRequest {
-    let request: InteractionRequest = this;
-    while (request.parentRequest instanceof InteractionRequest) {
-      request = request.parentRequest;
-    }
-    return request;
-  }
-
-  constructor(type: string, parentRequest: InteractionRequest = null) {
-    this.type = type;
-    this.parentRequest = parentRequest;
-  }
-
-  public isProcessed(): boolean {
-    return this.processed;
-  }
-
-  public getProcessedData(): any {
-    return this.processedData;
-  }
-
-  public setProcessedData(processedData: any = null): void {
-    this.processed = true;
-    this.processedData = processedData;
-  }
-}
-
-export default InteractionRequest;
diff --git a/typo3_src/TypeScript/backend/event/trigger-request.ts b/typo3_src/TypeScript/backend/event/trigger-request.ts
deleted file mode 100644
index 13ff69a..0000000
--- a/typo3_src/TypeScript/backend/event/trigger-request.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import InteractionRequest from './interaction-request';
-
-class TriggerRequest extends InteractionRequest {
-  constructor(type: string, parentRequest: InteractionRequest = null) {
-    super(type, parentRequest);
-  }
-
-  public concerns(ancestorRequest: InteractionRequest): boolean {
-    if (this === ancestorRequest) {
-      return true;
-    }
-    let request: InteractionRequest = this;
-    while (request.parentRequest instanceof InteractionRequest) {
-      request = request.parentRequest;
-      if (request === ancestorRequest) {
-        return true;
-      }
-    }
-    return false;
-  }
-
-  public concernsTypes(types: string[]): boolean {
-    if (types.includes(this.type)) {
-      return true;
-    }
-    let request: InteractionRequest = this;
-    while (request.parentRequest instanceof InteractionRequest) {
-      request = request.parentRequest;
-      if (types.includes(request.type)) {
-        return true;
-      }
-    }
-    return false;
-  }
-}
-
-export default TriggerRequest;
diff --git a/typo3_src/TypeScript/backend/form-engine-link-browser-adapter.ts b/typo3_src/TypeScript/backend/form-engine-link-browser-adapter.ts
deleted file mode 100644
index e431ac2..0000000
--- a/typo3_src/TypeScript/backend/form-engine-link-browser-adapter.ts
+++ /dev/null
@@ -1,124 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/**
- * Module: @typo3/backend/form-engine-link-browser-adapter
- * LinkBrowser communication with parent window
- */
-import $ from 'jquery';
-import LinkBrowser from '@typo3/recordlist/link-browser'
-import Modal from '@typo3/backend/modal';
-
-interface OnFieldChangeItem {
-  name: string;
-  data: {[key: string]: string|number|boolean|null}
-}
-
-export default (function() {
-
-  /**
-   * @exports @typo3/backend/form-engine-link-browser-adapter
-   */
-  const FormEngineLinkBrowserAdapter: any = {
-    onFieldChangeItems: null // those are set in the module initializer function in PHP
-  };
-
-  /**
-   * @param {OnFieldChangeItem[]} onFieldChangeItems
-   */
-  FormEngineLinkBrowserAdapter.setOnFieldChangeItems = function(onFieldChangeItems: Array<OnFieldChangeItem>) {
-    FormEngineLinkBrowserAdapter.onFieldChangeItems = onFieldChangeItems;
-  };
-
-  /**
-   * Return reference to parent's form element
-   *
-   * @returns {Element}
-   */
-  FormEngineLinkBrowserAdapter.checkReference = function(): void {
-    const selector = 'form[name="' + LinkBrowser.parameters.formName + '"] [data-formengine-input-name="' + LinkBrowser.parameters.itemName + '"]';
-    const opener = FormEngineLinkBrowserAdapter.getParent();
-
-    if (opener && opener.document && opener.document.querySelector(selector)) {
-      return opener.document.querySelector(selector);
-    } else {
-      Modal.dismiss();
-    }
-  };
-
-  /**
-   * Save the current link back to the opener
-   *
-   * @param {String} input
-   */
-  LinkBrowser.finalizeFunction = function(input: string): void {
-    const field = FormEngineLinkBrowserAdapter.checkReference();
-    if (field) {
-      const attributeValues = LinkBrowser.getLinkAttributeValues();
-      // encode link on server
-      attributeValues.url = input;
-
-      $.ajax({
-        url: TYPO3.settings.ajaxUrls.link_browser_encodetypolink,
-        data: attributeValues,
-        method: 'GET'
-      }).done(function(data: {typoLink: string}) {
-        if (data.typoLink) {
-          field.value = data.typoLink;
-          field.dispatchEvent(new Event('change', {bubbles: true, cancelable: true}));
-
-          if (FormEngineLinkBrowserAdapter.onFieldChangeItems instanceof Array) {
-            // @todo us `CustomEvent` or broadcast channel as alternative
-            FormEngineLinkBrowserAdapter.getParent()
-              .TYPO3.FormEngine.processOnFieldChange(FormEngineLinkBrowserAdapter.onFieldChangeItems);
-          }
-
-          Modal.dismiss();
-        }
-      });
-    }
-  };
-
-  /**
-   * Returns the parent document object
-   */
-  FormEngineLinkBrowserAdapter.getParent = function(): Window {
-    let opener: Window;
-    if (
-      typeof window.parent !== 'undefined' &&
-      typeof window.parent.document.list_frame !== 'undefined' &&
-      window.parent.document.list_frame.parent.document.querySelector('.t3js-modal-iframe') !== null
-    ) {
-      opener = window.parent.document.list_frame;
-    } else if (
-      typeof window.parent !== 'undefined' &&
-      typeof window.parent.frames.list_frame !== 'undefined' &&
-      window.parent.frames.list_frame.parent.document.querySelector('.t3js-modal-iframe') !== null
-    ) {
-      opener = window.parent.frames.list_frame;
-    } else if (
-      typeof window.frames !== 'undefined' &&
-      typeof window.frames.frameElement !== 'undefined' &&
-      window.frames.frameElement !== null &&
-      window.frames.frameElement.classList.contains('t3js-modal-iframe')
-    ) {
-      opener = (window.frames.frameElement as HTMLIFrameElement).contentWindow.parent;
-    } else if (window.opener) {
-      opener = window.opener;
-    }
-
-    return opener;
-  };
-
-  return FormEngineLinkBrowserAdapter;
-})();
diff --git a/typo3_src/TypeScript/backend/form-engine-review.ts b/typo3_src/TypeScript/backend/form-engine-review.ts
deleted file mode 100644
index 8b63772..0000000
--- a/typo3_src/TypeScript/backend/form-engine-review.ts
+++ /dev/null
@@ -1,164 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import 'bootstrap';
-import $ from 'jquery';
-import FormEngine from '@typo3/backend/form-engine';
-
-/**
- * Module: @typo3/backend/form-engine-review
- * Enables interaction with record fields that need review
- * @exports @typo3/backend/form-engine-review
- */
-class FormEngineReview {
-
-  /**
-   * Class for the toggle button
-   */
-  private toggleButtonClass: string;
-
-  /**
-   * Class for field list items
-   */
-  private fieldListItemClass: string;
-
-  /**
-   * Class of FormEngine labels
-   */
-  private labelSelector: string;
-
-  /**
-   * Fetches all fields that have a failed validation
-   *
-   * @return {$}
-   */
-  public static findInvalidField(): any {
-    return $(document).find('.tab-content .' + FormEngine.Validation.errorClass);
-  }
-
-  /**
-   * Renders an invisible button to toggle the review panel into the least possible toolbar
-   *
-   * @param {Object} context
-   */
-  public static attachButtonToModuleHeader(context: any): void {
-    const $leastButtonBar: any = $('.t3js-module-docheader-bar-buttons').children().last().find('[role="toolbar"]');
-    const $button: any = $('<a />', {
-      class: 'btn btn-danger btn-sm hidden ' + context.toggleButtonClass,
-      href: '#',
-      title: TYPO3.lang['buttons.reviewFailedValidationFields'],
-    }).append(
-      $('<span />', {class: 'fa fa-fw fa-info'}),
-    );
-
-    $button.popover({
-      container: 'body',
-      html: true,
-      placement: 'bottom',
-    });
-
-    $leastButtonBar.prepend($button);
-  }
-
-  /**
-   * The constructor, set the class properties default values
-   */
-  constructor() {
-    this.toggleButtonClass = 't3js-toggle-review-panel';
-    this.fieldListItemClass = 't3js-field-item';
-    this.labelSelector = '.t3js-formengine-label';
-
-    this.initialize();
-  }
-
-  /**
-   * Initialize the events
-   */
-  public initialize(): void {
-    const me: any = this;
-    const $document: any = $(document);
-
-    $((): void => {
-      FormEngineReview.attachButtonToModuleHeader(me);
-    });
-    $document.on('click', '.' + this.fieldListItemClass, this.switchToField);
-    $document.on('t3-formengine-postfieldvalidation', this.checkForReviewableField);
-  }
-
-  /**
-   * Checks if fields have failed validation. In such case, the markup is rendered and the toggle button is unlocked.
-   */
-  public checkForReviewableField = (): void => {
-    const me: any = this;
-    const $invalidFields: any = FormEngineReview.findInvalidField();
-    const $toggleButton: any = $('.' + this.toggleButtonClass);
-
-    if ($invalidFields.length > 0) {
-      const $list: any = $('<div />', {class: 'list-group'});
-
-      $invalidFields.each(function(this: Element): void {
-        const $field: any = $(this);
-        const $input: any = $field.find('[data-formengine-validation-rules]');
-        let inputId: any = $input.attr('id');
-
-        if (typeof inputId === 'undefined') {
-          inputId = $input.parent().children('[id]').first().attr('id');
-        }
-
-        $list.append(
-          $('<a />', {
-            'class': 'list-group-item ' + me.fieldListItemClass,
-            'data-field-id': inputId,
-            'href': '#',
-          }).text($field.find(me.labelSelector).text()),
-        );
-      });
-
-      $toggleButton.removeClass('hidden');
-
-      // bootstrap has no official API to update the content of a popover w/o destroying it
-      const $popover: any = $toggleButton.data('bs.popover');
-      if ($popover) {
-        $popover.options.html = true;
-        $popover.options.content = $list.wrapAll('<div>').parent().html();
-        $popover.setContent($popover.$tip);
-        $popover.$tip.addClass($popover.options.placement);
-      }
-    } else {
-      $toggleButton.addClass('hidden').popover('hide');
-    }
-  }
-
-  /**
-   * Finds the field in the form and focuses it
-   *
-   * @param {Event} e
-   */
-  public switchToField = (e: Event): void => {
-    e.preventDefault();
-
-    const $listItem: any = $(e.currentTarget);
-    const referenceFieldId: string = $listItem.data('fieldId');
-    const $referenceField: any = $('#' + referenceFieldId);
-
-    // iterate possibly nested tab panels
-    $referenceField.parents('[id][role="tabpanel"]').each(function(this: Element): void {
-      $('[aria-controls="' + $(this).attr('id') + '"]').tab('show');
-    });
-
-    $referenceField.focus();
-  }
-}
-
-// create an instance and return it
-export default new FormEngineReview();
diff --git a/typo3_src/TypeScript/backend/form-engine-suggest.ts b/typo3_src/TypeScript/backend/form-engine-suggest.ts
deleted file mode 100644
index ec2164e..0000000
--- a/typo3_src/TypeScript/backend/form-engine-suggest.ts
+++ /dev/null
@@ -1,138 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import $ from 'jquery';
-import 'jquery/autocomplete';
-import FormEngine from '@typo3/backend/form-engine';
-
-// data structure returned by SuggestWizardDefaultReceiver::queryTable()
-interface SuggestEntry {
-  table: string;
-  uid: number;
-
-  label: string;
-  // The HTML content for the suggest option
-  text: string;
-  // The record path
-  path: string;
-
-  style: string;
-  class: string;
-  // the icon
-  sprite: string;
-}
-
-interface TransformedSuggestEntry {
-  value: string;
-  data: SuggestEntry;
-}
-
-class FormEngineSuggest {
-  constructor(element: HTMLElement) {
-    $((): void => {
-      this.initialize(element);
-    });
-  }
-
-  private initialize(searchField: HTMLElement): void {
-    const containerElement: Element = searchField.closest('.t3-form-suggest-container');
-    const tableName: string = searchField.dataset.tablename;
-    const fieldName: string = searchField.dataset.fieldname;
-    const formEl: string = searchField.dataset.field;
-    const uid: number = parseInt(searchField.dataset.uid, 10);
-    const pid: number = parseInt(searchField.dataset.pid, 10);
-    const dataStructureIdentifier: string = searchField.dataset.datastructureidentifier;
-    const flexFormSheetName: string = searchField.dataset.flexformsheetname;
-    const flexFormFieldName: string = searchField.dataset.flexformfieldname;
-    const flexFormContainerName: string = searchField.dataset.flexformcontainername;
-    const flexFormContainerFieldName: string = searchField.dataset.flexformcontainerfieldname;
-    const minimumCharacters: number = parseInt(searchField.dataset.minchars, 10);
-    const url: string = TYPO3.settings.ajaxUrls.record_suggest;
-    const params = {
-      tableName,
-      fieldName,
-      uid,
-      pid,
-      dataStructureIdentifier,
-      flexFormSheetName,
-      flexFormFieldName,
-      flexFormContainerName,
-      flexFormContainerFieldName,
-    };
-
-    function insertValue(element: HTMLElement): void {
-      let insertData: string = '';
-      if (searchField.dataset.fieldtype === 'select') {
-        insertData = element.dataset.uid;
-      } else {
-        insertData = element.dataset.table + '_' + element.dataset.uid;
-      }
-      FormEngine.setSelectOptionFromExternalSource(formEl, insertData, element.dataset.label, element.dataset.label);
-      FormEngine.Validation.markFieldAsChanged($(document.querySelector('input[name="' + formEl + '"]')));
-    }
-
-    $(searchField).autocomplete({
-      // ajax options
-      serviceUrl: url,
-      params: params,
-      type: 'POST',
-      paramName: 'value',
-      dataType: 'json',
-      minChars: minimumCharacters,
-      groupBy: 'typeLabel',
-      containerClass: 'autocomplete-results',
-      appendTo: containerElement,
-      forceFixPosition: false,
-      preserveInput: true,
-      showNoSuggestionNotice: true,
-      noSuggestionNotice: '<div class="autocomplete-info">No results</div>',
-      minLength: minimumCharacters,
-      preventBadQueries: false,
-      // put the AJAX results in the right format
-      transformResult: (response: Array<SuggestEntry>): {suggestions: Array<TransformedSuggestEntry>} => {
-        return {
-          suggestions: response.map((dataItem: SuggestEntry): {value: string, data: SuggestEntry} => {
-            return {value: dataItem.text, data: dataItem};
-          }),
-        };
-      },
-      // Rendering of each item
-      formatResult: (suggestion: {data: SuggestEntry}): string => {
-        return $('<div>').append(
-          $('<a class="autocomplete-suggestion-link" href="#">' +
-            suggestion.data.sprite + suggestion.data.text +
-            '</a></div>').attr({
-            'data-label': suggestion.data.label,
-            'data-table': suggestion.data.table,
-            'data-uid': suggestion.data.uid,
-          })).html();
-      },
-      onSearchComplete: function(): void {
-        containerElement.classList.add('open');
-      },
-      beforeRender: function(container: JQuery): void {
-        // Unset height, width and z-index again, should be fixed by the plugin at a later point
-        container.attr('style', '');
-        containerElement.classList.add('open');
-      },
-      onHide: function(): void {
-        containerElement.classList.remove('open');
-      },
-      onSelect: function(): void {
-        insertValue(<HTMLElement>(containerElement.querySelector('.autocomplete-selected a')));
-      },
-    });
-  }
-}
-
-export default FormEngineSuggest;
diff --git a/typo3_src/TypeScript/backend/form-engine-validation.ts b/typo3_src/TypeScript/backend/form-engine-validation.ts
deleted file mode 100644
index 0b587f6..0000000
--- a/typo3_src/TypeScript/backend/form-engine-validation.ts
+++ /dev/null
@@ -1,991 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/**
- * Module: @typo3/backend/form-engine-validation
- * Contains all JS functions related to TYPO3 TCEforms/FormEngineValidation
- * @internal
- */
-import $ from 'jquery';
-import moment from 'moment';
-import Md5 from '@typo3/backend/hashing/md5';
-import DocumentSaveActions from '@typo3/backend/document-save-actions';
-import Modal from '@typo3/backend/modal';
-import Severity from '@typo3/backend/severity';
-
-export default (function() {
-
-  /**
-   * The main FormEngineValidation object
-   *
-   * @type {{rulesSelector: string, inputSelector: string, markerSelector: string, groupFieldHiddenElement: string, relatedFieldSelector: string, errorClass: string, lastYear: number, lastDate: number, lastTime: number, passwordDummy: string}}
-   * @exports @typo3/backend/form-engine-validation
-   */
-  const FormEngineValidation: any = {
-    rulesSelector: '[data-formengine-validation-rules]',
-    inputSelector: '[data-formengine-input-params]',
-    markerSelector: '.t3js-formengine-validation-marker',
-    groupFieldHiddenElement: '.t3js-formengine-field-group input[type=hidden]',
-    relatedFieldSelector: '[data-relatedfieldname]',
-    errorClass: 'has-error',
-    lastYear: 0,
-    lastDate: 0,
-    lastTime: 0,
-    passwordDummy: '********'
-  };
-
-  /**
-   * @type {Map<string, Function>}
-   */
-  const customEvaluations = new Map();
-
-  /**
-   * Initialize validation for the first time
-   */
-  FormEngineValidation.initialize = function(): void {
-    $(document).find('.' + FormEngineValidation.errorClass).removeClass(FormEngineValidation.errorClass);
-
-    // Initialize input fields
-    FormEngineValidation.initializeInputFields().promise().done(function() {
-      // Bind to field changes
-      $(document).on('change', FormEngineValidation.rulesSelector, (event: JQueryEventObject) => {
-        FormEngineValidation.validateField(event.currentTarget);
-        FormEngineValidation.markFieldAsChanged(event.currentTarget);
-      });
-
-      FormEngineValidation.registerSubmitCallback();
-    });
-
-    const today = new Date();
-    FormEngineValidation.lastYear = FormEngineValidation.getYear(today);
-    FormEngineValidation.lastDate = FormEngineValidation.getDate(today);
-    FormEngineValidation.lastTime = 0;
-    FormEngineValidation.validate();
-  };
-
-  /**
-   * Initialize all input fields
-   *
-   * @returns {Object}
-   */
-  FormEngineValidation.initializeInputFields = function(): JQuery {
-    return $(document).find(FormEngineValidation.inputSelector).each(function(index: number, field: HTMLElement) {
-      const config = $(field).data('formengine-input-params');
-      const fieldName = config.field;
-      const $field = $('[name="' + fieldName + '"]');
-
-      // ignore fields which already have been initialized
-      if ($field.data('main-field') === undefined) {
-        $field.data('main-field', fieldName);
-        $field.data('config', config);
-        FormEngineValidation.initializeInputField(fieldName);
-      }
-    });
-  };
-
-  /**
-   * Initialize field by name
-   *
-   * @param {String} fieldName
-   */
-  FormEngineValidation.initializeInputField = function(fieldName: string): void {
-    const $field = $('[name="' + fieldName + '"]');
-    const $humanReadableField = $('[data-formengine-input-name="' + fieldName + '"]');
-    let $mainField = $('[name="' + $field.data('main-field') + '"]');
-    if ($mainField.length === 0) {
-      $mainField = $field;
-    }
-
-    const config = $mainField.data('config');
-    if (typeof config !== 'undefined') {
-      const evalList = FormEngineValidation.trimExplode(',', config.evalList);
-      let value = $field.val();
-
-      for (let i = 0; i < evalList.length; i++) {
-        value = FormEngineValidation.formatValue(evalList[i], value, config);
-      }
-      if (value.length) {
-        $humanReadableField.val(value);
-      }
-    }
-    $humanReadableField.data('main-field', fieldName);
-    $humanReadableField.data('config', config);
-    $humanReadableField.on('change', function() {
-      FormEngineValidation.updateInputField($humanReadableField.attr('data-formengine-input-name'));
-    });
-
-    // add the attribute so that acceptance tests can know when the field initialization has completed
-    $humanReadableField.attr('data-formengine-input-initialized', 'true');
-  };
-
-  /**
-   * @param {string} name
-   * @param {Function} handler
-   */
-  FormEngineValidation.registerCustomEvaluation = function(name: string, handler: Function): void {
-    if (!customEvaluations.has(name)) {
-      customEvaluations.set(name, handler);
-    }
-  }
-
-  /**
-   * Format field value
-   *
-   * @param {String} type
-   * @param {String|Number} value
-   * @param {Object} config
-   * @returns {String}
-   */
-  FormEngineValidation.formatValue = function(type: string, value: string|number, config: Object): string {
-    let theString = '';
-    let parsedInt: number, theTime: Date;
-    switch (type) {
-      case 'date':
-        // poor man’s ISO-8601 detection: if we have a "-" in it, it apparently is not an integer.
-        if (value.toString().indexOf('-') > 0) {
-          const date = moment.utc(value);
-          theString = date.format('DD-MM-YYYY');
-        } else {
-          // @ts-ignore
-          parsedInt = value * 1;
-          if (!parsedInt) {
-            return '';
-          }
-          theTime = new Date(parsedInt * 1000);
-          const day = (theTime.getUTCDate()).toString(10).padStart(2, '0');
-          const month = (theTime.getUTCMonth() + 1).toString(10).padStart(2, '0');
-          const year = this.getYear(theTime);
-          theString = day + '-' + month + '-' + year;
-        }
-        break;
-      case 'datetime':
-        // eslint-disable-next-line radix
-        if (value.toString().indexOf('-') <= 0 && !(typeof value === 'number' ? value : parseInt(value))) {
-          return '';
-        }
-        theString = FormEngineValidation.formatValue('time', value, config) + ' ' + FormEngineValidation.formatValue('date', value, config);
-        break;
-      case 'time':
-      case 'timesec':
-        let dateValue;
-        if (value.toString().indexOf('-') > 0) {
-          dateValue = moment.utc(value);
-        } else {
-          // eslint-disable-next-line radix
-          parsedInt = typeof value === 'number' ? value : parseInt(value);
-          if (!parsedInt && value.toString() !== '0') {
-            return '';
-          }
-          dateValue = moment.unix(parsedInt).utc();
-        }
-        if (type === 'timesec') {
-          theString = dateValue.format('HH:mm:ss');
-        } else {
-          theString = dateValue.format('HH:mm');
-        }
-        break;
-      case 'password':
-        theString = (value) ? FormEngineValidation.passwordDummy : '';
-        break;
-      default:
-        // @ts-ignore
-        theString = value;
-    }
-    return theString;
-  };
-
-  /**
-   * Update input field after change
-   *
-   * @param {String} fieldName
-   */
-  FormEngineValidation.updateInputField = function(fieldName: string): void {
-    const $field = $('[name="' + fieldName + '"]');
-    let $mainField = $('[name="' + $field.data('main-field') + '"]');
-    if ($mainField.length === 0) {
-      $mainField = $field;
-    }
-    const $humanReadableField = $('[data-formengine-input-name="' + $mainField.attr('name') + '"]');
-
-    const config = $mainField.data('config');
-    if (typeof config !== 'undefined') {
-      const evalList = FormEngineValidation.trimExplode(',', config.evalList);
-      let newValue = $humanReadableField.val();
-
-      for (let i = 0; i < evalList.length; i++) {
-        newValue = FormEngineValidation.processValue(evalList[i], newValue, config);
-      }
-
-      let formattedValue = newValue;
-      for (let i = 0; i < evalList.length; i++) {
-        formattedValue = FormEngineValidation.formatValue(evalList[i], formattedValue, config);
-      }
-
-      $mainField.val(newValue);
-      // After updating the value of the main field, dispatch a "change" event to inform e.g. the "RequestUpdate"
-      // component, which always listens to the main field instead of the "human readable field", about it.
-      $mainField.get(0).dispatchEvent(new Event('change'));
-      $humanReadableField.val(formattedValue);
-    }
-  };
-
-  /**
-   * Run validation for field
-   *
-   * @param {HTMLInputElement|HTMLTextAreaElement|HTMLSelectElement|jQuery} field
-   * @param {String} [value=$field.val()]
-   * @returns {String}
-   */
-  FormEngineValidation.validateField = function(_field: HTMLInputElement|HTMLTextAreaElement|HTMLSelectElement|JQuery, value?: string): string {
-
-    const field = <HTMLInputElement|HTMLTextAreaElement|HTMLSelectElement>(_field instanceof $ ? (<JQuery>_field).get(0) : _field)
-
-    value = value || field.value || '';
-
-    if (typeof field.dataset.formengineValidationRules === 'undefined') {
-      return value;
-    }
-
-    const rules: any = JSON.parse(field.dataset.formengineValidationRules);
-    let markParent = false;
-    let selected = 0;
-    // keep the original value, validateField should not alter it
-    let returnValue: string = value;
-    let $relatedField: JQuery;
-    let minItems: number;
-    let maxItems: number;
-
-    if (!$.isArray(value)) {
-      value = FormEngineValidation.ltrim(value);
-    }
-
-    $.each(rules, function(k: number, rule: any): void|boolean {
-      if (markParent) {
-        // abort any further validation as validating the field already failed
-        return false;
-      }
-      switch (rule.type) {
-        case 'required':
-          if (value === '') {
-            markParent = true;
-            field.closest(FormEngineValidation.markerSelector).classList.add(FormEngineValidation.errorClass);
-          }
-          break;
-        case 'range':
-          if (value !== '') {
-            if (rule.minItems || rule.maxItems) {
-              $relatedField = $(document).find('[name="' + field.dataset.relatedfieldname + '"]');
-              if ($relatedField.length) {
-                selected = FormEngineValidation.trimExplode(',', $relatedField.val()).length;
-              } else {
-                // @ts-ignore
-                selected = field.value;
-              }
-              if (typeof rule.minItems !== 'undefined') {
-                minItems = rule.minItems * 1;
-                if (!isNaN(minItems) && selected < minItems) {
-                  markParent = true;
-                }
-              }
-              if (typeof rule.maxItems !== 'undefined') {
-                maxItems = rule.maxItems * 1;
-                if (!isNaN(maxItems) && selected > maxItems) {
-                  markParent = true;
-                }
-              }
-            }
-            if (typeof rule.lower !== 'undefined') {
-              const minValue = rule.lower * 1;
-              // @ts-ignore
-              if (!isNaN(minValue) && value < minValue) {
-                markParent = true;
-              }
-            }
-            if (typeof rule.upper !== 'undefined') {
-              const maxValue = rule.upper * 1;
-              // @ts-ignore
-              if (!isNaN(maxValue) && value > maxValue) {
-                markParent = true;
-              }
-            }
-          }
-          break;
-        case 'select':
-        case 'category':
-          if (rule.minItems || rule.maxItems) {
-            $relatedField = $(document).find('[name="' + field.dataset.relatedfieldname + '"]');
-            if ($relatedField.length) {
-              selected = FormEngineValidation.trimExplode(',', $relatedField.val()).length;
-            } else if (field instanceof HTMLSelectElement) {
-              selected = field.querySelectorAll('option:checked').length;
-            } else {
-              selected = field.querySelectorAll('input[value]:checked').length;
-            }
-
-            if (typeof rule.minItems !== 'undefined') {
-              minItems = rule.minItems * 1;
-              if (!isNaN(minItems) && selected < minItems) {
-                markParent = true;
-              }
-            }
-            if (typeof rule.maxItems !== 'undefined') {
-              maxItems = rule.maxItems * 1;
-              if (!isNaN(maxItems) && selected > maxItems) {
-                markParent = true;
-              }
-            }
-          }
-          break;
-        case 'group':
-          if (rule.minItems || rule.maxItems) {
-            selected = FormEngineValidation.trimExplode(',', field.value).length;
-            if (typeof rule.minItems !== 'undefined') {
-              minItems = rule.minItems * 1;
-              if (!isNaN(minItems) && selected < minItems) {
-                markParent = true;
-              }
-            }
-            if (typeof rule.maxItems !== 'undefined') {
-              maxItems = rule.maxItems * 1;
-              if (!isNaN(maxItems) && selected > maxItems) {
-                markParent = true;
-              }
-            }
-          }
-          break;
-        case 'inline':
-          if (rule.minItems || rule.maxItems) {
-            selected = FormEngineValidation.trimExplode(',', field.value).length;
-            if (typeof rule.minItems !== 'undefined') {
-              minItems = rule.minItems * 1;
-              if (!isNaN(minItems) && selected < minItems) {
-                markParent = true;
-              }
-            }
-            if (typeof rule.maxItems !== 'undefined') {
-              maxItems = rule.maxItems * 1;
-              if (!isNaN(maxItems) && selected > maxItems) {
-                markParent = true;
-              }
-            }
-          }
-          break;
-        case 'null':
-          // unknown type null, we ignore it
-          break;
-        default:
-          break;
-      }
-    });
-
-    const isValid = !markParent;
-    field.closest(FormEngineValidation.markerSelector).classList.toggle(FormEngineValidation.errorClass, !isValid);
-    FormEngineValidation.markParentTab($(field), isValid);
-
-    $(document).trigger('t3-formengine-postfieldvalidation');
-
-    return returnValue;
-  };
-
-  /**
-   * Process a value by given command and config
-   *
-   * @param {String} command
-   * @param {String} value
-   * @param {Array} config
-   * @returns {String}
-   */
-  FormEngineValidation.processValue = function(command: string, value: string, config: {is_in: string}): string {
-    let newString = '';
-    let theValue = '';
-    let theCmd = '';
-    let a = 0;
-    let returnValue = value;
-    switch (command) {
-      case 'alpha':
-      case 'num':
-      case 'alphanum':
-      case 'alphanum_x':
-        newString = '';
-        for (a = 0; a < value.length; a++) {
-          const theChar = value.substr(a, 1);
-          let special = (theChar === '_' || theChar === '-');
-          let alpha = (theChar >= 'a' && theChar <= 'z') || (theChar >= 'A' && theChar <= 'Z');
-          let num = (theChar >= '0' && theChar <= '9');
-          switch (command) {
-            case 'alphanum':
-              special = false;
-              break;
-            case 'alpha':
-              num = false;
-              special = false;
-              break;
-            case 'num':
-              alpha = false;
-              special = false;
-              break;
-            default:
-              break;
-          }
-          if (alpha || num || special) {
-            newString += theChar;
-          }
-        }
-        if (newString !== value) {
-          returnValue = newString;
-        }
-        break;
-      case 'is_in':
-        if (config.is_in) {
-          theValue = '' + value;
-          // Escape special characters, see https://stackoverflow.com/a/6969486/4828813
-          // eslint-disable-next-line @typescript-eslint/quotes
-          config.is_in = config.is_in.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
-          const re = new RegExp('[^' + config.is_in + ']+', 'g');
-          newString = theValue.replace(re, '');
-        } else {
-          newString = theValue;
-        }
-        returnValue = newString;
-        break;
-      case 'nospace':
-        returnValue = ('' + value).replace(/ /g, '');
-        break;
-      case 'md5':
-        if (value !== '') {
-          returnValue = Md5.hash(value);
-        }
-        break;
-      case 'upper':
-        returnValue = value.toUpperCase();
-        break;
-      case 'lower':
-        returnValue = value.toLowerCase();
-        break;
-      case 'integer':
-        if (value !== '') {
-          returnValue = FormEngineValidation.parseInt(value);
-        }
-        break;
-      case 'decimal':
-        if (value !== '') {
-          returnValue = FormEngineValidation.parseDouble(value);
-        }
-        break;
-      case 'trim':
-        returnValue = String(value).trim();
-        break;
-      case 'datetime':
-        if (value !== '') {
-          theCmd = value.substr(0, 1);
-          returnValue = FormEngineValidation.parseDateTime(value);
-        }
-        break;
-      case 'date':
-        if (value !== '') {
-          theCmd = value.substr(0, 1);
-          returnValue = FormEngineValidation.parseDate(value);
-        }
-        break;
-      case 'time':
-      case 'timesec':
-        if (value !== '') {
-          theCmd = value.substr(0, 1);
-          returnValue = FormEngineValidation.parseTime(value, command);
-        }
-        break;
-      case 'year':
-        if (value !== '') {
-          theCmd = value.substr(0, 1);
-          returnValue = FormEngineValidation.parseYear(value);
-        }
-        break;
-      case 'null':
-        // unknown type null, we ignore it
-        break;
-      case 'password':
-        // password is only a display evaluation, we ignore it
-        break;
-      default:
-        if (customEvaluations.has(command)) {
-          returnValue = customEvaluations.get(command).call(null, value);
-        } else if (typeof TBE_EDITOR === 'object' && typeof TBE_EDITOR.customEvalFunctions !== 'undefined' && typeof TBE_EDITOR.customEvalFunctions[command] === 'function') {
-          returnValue = TBE_EDITOR.customEvalFunctions[command](value);
-        }
-    }
-    return returnValue;
-  };
-
-  /**
-   * Validate the complete form
-   */
-  FormEngineValidation.validate = function(section?: Element): void {
-    if (typeof section === 'undefined' || section instanceof Document) {
-      $(document).find(FormEngineValidation.markerSelector + ', .t3js-tabmenu-item')
-        .removeClass(FormEngineValidation.errorClass)
-        .removeClass('has-validation-error');
-    }
-
-    const sectionElement = section || document;
-    $(sectionElement).find(FormEngineValidation.rulesSelector).each((index: number, field: HTMLElement) => {
-      const $field = $(field);
-
-      if (!$field.closest('.t3js-flex-section-deleted, .t3js-inline-record-deleted').length) {
-        let modified = false;
-        const currentValue = $field.val();
-        const newValue = FormEngineValidation.validateField($field, currentValue);
-        if ($.isArray(newValue) && $.isArray(currentValue)) {
-          // handling for multi-selects
-          if (newValue.length !== currentValue.length) {
-            modified = true;
-          } else {
-            for (let i = 0; i < newValue.length; i++) {
-              if (newValue[i] !== currentValue[i]) {
-                modified = true;
-                break;
-              }
-            }
-          }
-        } else if (newValue.length && currentValue !== newValue) {
-          modified = true;
-        }
-        if (modified) {
-          $field.val(newValue);
-        }
-      }
-    });
-  };
-
-  /**
-   * Helper function to mark a field as changed.
-   *
-   * @param {HTMLInputElement|HTMLTextAreaElement|jQuery} field
-   */
-  FormEngineValidation.markFieldAsChanged = function(field: HTMLInputElement|HTMLTextAreaElement|HTMLSelectElement|JQuery): void {
-    if (field instanceof $) {
-      field = <HTMLInputElement|HTMLTextAreaElement|HTMLSelectElement>(field as JQuery).get(0);
-    }
-    if (!(field instanceof HTMLElement)) {
-      return;
-    }
-    const paletteField = field.closest('.t3js-formengine-palette-field');
-    paletteField.classList.add('has-change');
-  };
-
-  /**
-   * Helper function to get clean trimmed array from comma list
-   *
-   * @param {String} delimiter
-   * @param {String} string
-   * @returns {Array}
-   */
-  FormEngineValidation.trimExplode = function(delimiter: string, string: string): Array<string> {
-    const result = [];
-    const items = string.split(delimiter);
-    for (let i = 0; i < items.length; i++) {
-      const item = items[i].trim();
-      if (item.length > 0) {
-        result.push(item);
-      }
-    }
-    return result;
-  };
-
-  /**
-   * Parse value to integer
-   *
-   * @param {(Number|String)} value
-   * @returns {Number}
-   */
-  FormEngineValidation.parseInt = function(value: number|string|boolean): number {
-    const theVal = '' + value;
-    let returnValue;
-
-    if (!value) {
-      return 0;
-    }
-
-    returnValue = parseInt(theVal, 10);
-    if (isNaN(returnValue)) {
-      return 0;
-    }
-    return returnValue;
-  };
-
-  /**
-   * Parse value to double
-   *
-   * @param {String} value
-   * @param {Number} precision
-   * @returns {String}
-   */
-  FormEngineValidation.parseDouble = function(value: number|string|boolean, precision: number = 2): string {
-    let theVal = '' + value;
-    theVal = theVal.replace(/[^0-9,\.-]/g, '');
-    const negative = theVal.substring(0, 1) === '-';
-    theVal = theVal.replace(/-/g, '');
-    theVal = theVal.replace(/,/g, '.');
-    if (theVal.indexOf('.') === -1) {
-      theVal += '.0';
-    }
-    const parts = theVal.split('.');
-    const dec = parts.pop();
-    let theNumberVal = Number(parts.join('') + '.' + dec);
-    if (negative) {
-      theNumberVal *= -1;
-    }
-    theVal = theNumberVal.toFixed(precision);
-
-    return theVal;
-  };
-
-  /**
-   * Trims leading whitespace characters
-   *
-   * @param {String} value
-   * @returns {String}
-   */
-  FormEngineValidation.ltrim = function(value: string): string {
-    const theVal = '' + value;
-    if (!value) {
-      return '';
-    }
-    return theVal.replace(/^\s+/, '');
-  };
-
-  /**
-   * Trims trailing whitespace characters
-   *
-   * @param {String} value
-   * @returns {String}
-   */
-  FormEngineValidation.btrim = function(value: string): string {
-    const theVal = '' + value;
-    if (!value) {
-      return '';
-    }
-    return theVal.replace(/\s+$/, '');
-  };
-
-  /**
-   * Parse datetime value
-   *
-   * @param {String} value
-   * @returns {*}
-   */
-  FormEngineValidation.parseDateTime = function(value: string): number {
-    const index = value.indexOf(' ');
-    if (index !== -1) {
-      const dateVal = FormEngineValidation.parseDate(value.substr(index, value.length));
-      FormEngineValidation.lastTime = dateVal + FormEngineValidation.parseTime(value.substr(0, index), 'time');
-    } else {
-      // only date, no time
-      FormEngineValidation.lastTime = FormEngineValidation.parseDate(value);
-    }
-    return FormEngineValidation.lastTime;
-  };
-
-  /**
-   * Parse date value
-   *
-   * @param {String} value
-   * @returns {*}
-   */
-  FormEngineValidation.parseDate = function(value: string): number {
-    const today = new Date();
-    let values = FormEngineValidation.split(value);
-
-    if (values.values[1] && values.values[1].length > 2) {
-      const temp = values.values[1];
-      values = FormEngineValidation.splitSingle(temp);
-    }
-
-    const year = (values.values[3]) ? FormEngineValidation.parseInt(values.values[3]) : FormEngineValidation.getYear(today);
-    const month = (values.values[2]) ? FormEngineValidation.parseInt(values.values[2]) : today.getUTCMonth() + 1;
-    const day = (values.values[1]) ? FormEngineValidation.parseInt(values.values[1]) : today.getUTCDate();
-    const theTime = moment.utc();
-    // eslint-disable-next-line radix
-    theTime.year(parseInt(year)).month(parseInt(month) - 1).date(parseInt(day)).hour(0).minute(0).second(0);
-    FormEngineValidation.lastDate = theTime.unix();
-
-    return FormEngineValidation.lastDate;
-  };
-
-  /**
-   * Parse time value
-   *
-   * @param {String} value
-   * @param {String} type
-   * @returns {*}
-   */
-  FormEngineValidation.parseTime = function(value: string, type: string): number {
-    const today = new Date();
-    let values = FormEngineValidation.split(value);
-
-    if (values.values[1] && values.values[1].length > 2) {
-      const temp = values.values[1];
-      values = FormEngineValidation.splitSingle(temp);
-    }
-
-    const sec = (values.values[3]) ? FormEngineValidation.parseInt(values.values[3]) : today.getUTCSeconds();
-    const min = (values.values[2]) ? FormEngineValidation.parseInt(values.values[2]) : today.getUTCMinutes();
-    const hour = (values.values[1]) ? FormEngineValidation.parseInt(values.values[1]) : today.getUTCHours();
-    const theTime = moment.utc();
-    theTime.year(1970).month(0).date(1).hour(hour).minute(min).second(type === 'timesec' ? sec : 0);
-
-    FormEngineValidation.lastTime = theTime.unix();
-    if (FormEngineValidation.lastTime < 0) {
-      FormEngineValidation.lastTime += 24 * 60 * 60;
-    }
-    return FormEngineValidation.lastTime;
-  };
-
-  /**
-   * Parse year value
-   *
-   * @param {String} value
-   * @returns {*}
-   */
-  FormEngineValidation.parseYear = function(value: string): number {
-    const today = new Date();
-    const values = FormEngineValidation.split(value);
-
-    FormEngineValidation.lastYear = (values.values[1]) ? FormEngineValidation.parseInt(values.values[1]) : FormEngineValidation.getYear(today);
-    return FormEngineValidation.lastYear;
-  };
-
-  /**
-   * Get year from date object
-   *
-   * @param {Date} timeObj
-   * @returns {?number}
-   */
-  FormEngineValidation.getYear = function(timeObj: Date|null): number|null {
-    if (timeObj === null) {
-      return null;
-    }
-    return timeObj.getUTCFullYear();
-  };
-
-  /**
-   * Get date as timestamp from Date object
-   *
-   * @param {Date} timeObj
-   * @returns {Number}
-   */
-  FormEngineValidation.getDate = function(timeObj: Date): number {
-    const theTime = new Date(FormEngineValidation.getYear(timeObj), timeObj.getUTCMonth(), timeObj.getUTCDate());
-    return FormEngineValidation.getTimestamp(theTime);
-  };
-
-  /**
-   *
-   * @param {String} foreign
-   * @param {String} value
-   * @returns {Object}
-   */
-  FormEngineValidation.pol = function(foreign: string, value: string): Object {
-    // @todo deprecate
-    // eslint-disable-next-line no-eval
-    return eval(((foreign == '-') ? '-' : '') + value);
-  };
-
-  /**
-   * Substract timezone offset from client to a timestamp to get UTC-timestamp to be send to server
-   *
-   * @param {Number} timestamp
-   * @param {Number} timeonly
-   * @returns {*}
-   */
-  FormEngineValidation.convertClientTimestampToUTC = function(timestamp: number, timeonly: number): number {
-    const timeObj = new Date(timestamp * 1000);
-    timeObj.setTime((timestamp - timeObj.getTimezoneOffset() * 60) * 1000);
-    if (timeonly) {
-      // only seconds since midnight
-      return FormEngineValidation.getTime(timeObj);
-    } else {
-      // seconds since the "unix-epoch"
-      return FormEngineValidation.getTimestamp(timeObj);
-    }
-  };
-
-  /**
-   * Parse date string or object and return unix timestamp
-   *
-   * @param {(String|Date)} timeObj
-   * @returns {Number}
-   */
-  FormEngineValidation.getTimestamp = function(timeObj: string|Date): number {
-    return Date.parse(timeObj instanceof Date ? timeObj.toISOString() : timeObj) / 1000;
-  };
-
-  /**
-   * Seconds since midnight
-   *
-   * @param timeObj
-   * @returns {*}
-   */
-  FormEngineValidation.getTime = function(timeObj: Date): number {
-    return timeObj.getUTCHours() * 60 * 60 + timeObj.getUTCMinutes() * 60 + FormEngineValidation.getSecs(timeObj);
-  };
-
-  /**
-   *
-   * @param timeObj
-   * @returns {Number}
-   */
-  FormEngineValidation.getSecs = function(timeObj: Date): number {
-    return timeObj.getUTCSeconds();
-  };
-
-  /**
-   *
-   * @param timeObj
-   * @returns {Number}
-   */
-  FormEngineValidation.getTimeSecs = function(timeObj: Date): number {
-    return timeObj.getHours() * 60 * 60 + timeObj.getMinutes() * 60 + timeObj.getSeconds();
-  };
-
-  /**
-   * Find tab by field and mark it as has-validation-error
-   *
-   * @param {Object} $element
-   * @param {Boolean} isValid
-   */
-  FormEngineValidation.markParentTab = function($element: JQuery, isValid: boolean): void {
-    const $panes = $element.parents('.tab-pane');
-    $panes.each(function(index: number, pane: HTMLElement) {
-      const $pane = $(pane);
-      if (isValid) {
-        // If incoming element is valid, check for errors in the same sheet
-        isValid = $pane.find('.has-error').length === 0;
-      }
-      const id = $pane.attr('id');
-      $(document)
-        .find('a[href="#' + id + '"]')
-        .closest('.t3js-tabmenu-item')
-        .toggleClass('has-validation-error', !isValid);
-    });
-  };
-
-  /**
-   *
-   * @param value
-   * @returns {{values: Array, pointer: number}}
-   */
-  FormEngineValidation.splitSingle = function(value: string): {values: Array<string>, pointer: number} {
-    const theVal = '' + value;
-    const result = {
-      values: <Array<string>>[],
-      pointer: 3
-    };
-    result.values[1] = theVal.substr(0, 2);
-    result.values[2] = theVal.substr(2, 2);
-    result.values[3] = theVal.substr(4, 10);
-    return result;
-  };
-
-  /**
-   *
-   * @param theStr1
-   * @param delim
-   * @param index
-   * @returns {*}
-   */
-  FormEngineValidation.splitStr = function(theStr1: string, delim: string, index: number): string {
-    const theStr = '' + theStr1;
-    const lengthOfDelim = delim.length;
-    let sPos = -lengthOfDelim;
-    if (index < 1) {
-      index = 1;
-    }
-    for (let a = 1; a < index; a++) {
-      sPos = theStr.indexOf(delim, sPos + lengthOfDelim);
-      if (sPos == -1) {
-        return null;
-      }
-    }
-    let ePos = theStr.indexOf(delim, sPos + lengthOfDelim);
-    if (ePos == -1) {
-      ePos = theStr.length;
-    }
-    return (theStr.substring(sPos + lengthOfDelim, ePos));
-  };
-
-  /**
-   *
-   * @param value
-   * @returns {{values: Array, valPol: Array, pointer: number, numberMode: number, theVal: string}}
-   */
-  FormEngineValidation.split = function(value: string): {
-    values: Array<string>,
-    valPol: Array<string>,
-    pointer: number,
-    numberMode: number,
-    theVal: string
-  } {
-    const result = {
-      values: <Array<string>>[],
-      valPol: <Array<string>>[],
-      pointer: 0,
-      numberMode: 0,
-      theVal: ''
-    };
-    value += ' ';
-    for (let a = 0; a < value.length; a++) {
-      const theChar = value.substr(a, 1);
-      if (theChar < '0' || theChar > '9') {
-        if (result.numberMode) {
-          result.pointer++;
-          result.values[result.pointer] = result.theVal;
-          result.theVal = '';
-          result.numberMode = 0;
-        }
-        if (theChar == '+' || theChar == '-') {
-          result.valPol[result.pointer + 1] = theChar;
-        }
-      } else {
-        result.theVal += theChar;
-        result.numberMode = 1;
-      }
-    }
-    return result;
-  };
-
-  FormEngineValidation.registerSubmitCallback = function () {
-    DocumentSaveActions.getInstance().addPreSubmitCallback(function (e: Event) {
-      if ($('.' + FormEngineValidation.errorClass).length > 0) {
-        Modal.confirm(
-          TYPO3.lang.alert || 'Alert',
-          TYPO3.lang['FormEngine.fieldsMissing'],
-          Severity.error,
-          [
-            {
-              text: TYPO3.lang['button.ok'] || 'OK',
-              active: true,
-              btnClass: 'btn-default',
-              name: 'ok',
-            },
-          ]
-        ).on('button.clicked', function () {
-          Modal.dismiss();
-        });
-
-        e.stopImmediatePropagation();
-      }
-    });
-  }
-
-  return FormEngineValidation;
-})();
diff --git a/typo3_src/TypeScript/backend/form-engine.ts b/typo3_src/TypeScript/backend/form-engine.ts
deleted file mode 100644
index 129d5a5..0000000
--- a/typo3_src/TypeScript/backend/form-engine.ts
+++ /dev/null
@@ -1,1236 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/**
- * contains all JS functions related to TYPO3 TCEforms/FormEngine
- *
- * there are separate issues in this main object
- *   - functions, related to Element Browser ("Popup Window") and select fields
- *   - filling select fields (by wizard etc) from outside, formerly known via "setFormValueFromBrowseWin"
- *   - select fields: move selected items up and down via buttons, remove items etc
- */
-
-/**
- * Module: @typo3/backend/form-engine
- */
-import $ from 'jquery';
-import FormEngineValidation from '@typo3/backend/form-engine-validation';
-import DocumentSaveActions from '@typo3/backend/document-save-actions';
-import Icons from '@typo3/backend/icons';
-import Modal from '@typo3/backend/modal';
-import * as MessageUtility from '@typo3/backend/utility/message-utility';
-import Severity from '@typo3/backend/severity';
-import * as BackendExceptionModule from '@typo3/backend/backend-exception';
-import InteractionRequestMap from '@typo3/backend/event/interaction-request-map';
-import InteractionRequest from '@typo3/backend/event/interaction-request';
-import TriggerRequest from '@typo3/backend/event/trigger-request';
-
-interface OnFieldChangeItem {
-  name: string;
-  data: {[key: string]: string|number|boolean|null}
-}
-
-export default (function() {
-
-  function handleConsumeResponse(interactionRequest: InteractionRequest, response: boolean): void {
-    if (response) {
-      FormEngine.interactionRequestMap.resolveFor(interactionRequest);
-    } else {
-      FormEngine.interactionRequestMap.rejectFor(interactionRequest);
-    }
-  }
-
-  const onFieldChangeHandlers: Map<string, Function> = new Map();
-
-  // @see \TYPO3\CMS\Backend\Form\Behavior\UpdateValueOnFieldChange
-  onFieldChangeHandlers.set('typo3-backend-form-update-value', (data: {elementName: string}, evt: Event) => {
-    const valueField = document.querySelector('[name="' + CSS.escape(data.elementName) + '"]');
-    const humanReadableField = document.querySelector('[data-formengine-input-name="' + CSS.escape(data.elementName) + '"]');
-    FormEngineValidation.updateInputField(data.elementName);
-    if (valueField !== null) {
-      FormEngineValidation.markFieldAsChanged(valueField as HTMLInputElement);
-      FormEngineValidation.validateField(valueField as HTMLInputElement);
-    }
-    if (humanReadableField !== null && humanReadableField !== valueField) {
-      FormEngineValidation.validateField(humanReadableField as HTMLTextAreaElement);
-    }
-  });
-  // @see \TYPO3\CMS\Backend\Form\Behavior\ReloadOnFieldChange
-  onFieldChangeHandlers.set('typo3-backend-form-reload', (data: {confirm: boolean}, evt: Event) => {
-    if (!data.confirm) {
-      FormEngine.saveDocument();
-      return;
-    }
-    Modal.confirm(TYPO3.lang['FormEngine.refreshRequiredTitle'], TYPO3.lang['FormEngine.refreshRequiredContent'])
-      .on('button.clicked', (evt) => {
-        if ((evt.target as HTMLButtonElement).name == 'ok') {
-          FormEngine.saveDocument();
-        }
-        Modal.dismiss();
-      });
-  });
-  // @see \TYPO3\CMS\Backend\Form\Behavior\UpdateBitmaskOnFieldChange
-  onFieldChangeHandlers.set('typo3-backend-form-update-bitmask', (data: {position: number, total: number, invert: boolean, elementName: string }, evt: Event) => {
-    const targetRef = evt.target; // clicked element
-    const elementRef = ((document as any).editform as HTMLFormElement)[data.elementName]; // (hidden) element holding value
-    const active = (targetRef as HTMLInputElement).checked !== data.invert; // `xor` either checked or inverted
-    const mask = Math.pow(2, data.position);
-    const unmask = Math.pow(2, data.total) - mask - 1;
-    elementRef.value = active ? (elementRef.value | mask) : (elementRef.value & unmask);
-    elementRef.dispatchEvent(new Event('change', {bubbles: true, cancelable: true}));
-  });
-
-  /**
-   * @exports @typo3/backend/form-engine
-   */
-  const FormEngine: any = {
-    consumeTypes: ['typo3.setUrl', 'typo3.beforeSetUrl', 'typo3.refresh'],
-    Validation: FormEngineValidation,
-    interactionRequestMap: InteractionRequestMap,
-    formName: TYPO3.settings.FormEngine.formName,
-    openedPopupWindow: null,
-    legacyFieldChangedCb: function() {
-      !$.isFunction(TYPO3.settings.FormEngine.legacyFieldChangedCb) || TYPO3.settings.FormEngine.legacyFieldChangedCb();
-    },
-    browserUrl: ''
-  };
-
-  /**
-   * Opens a popup window with the element browser (browser.php)
-   *
-   * @param {string} mode can be "db" or "file"
-   * @param {string} params additional params for the browser window
-   * @param {string} entryPoint the entry point, which should be expanded by default
-   */
-  FormEngine.openPopupWindow = function(mode: string, params: string, entryPoint: string): JQuery {
-    return Modal.advanced({
-      type: Modal.types.iframe,
-      content: FormEngine.browserUrl + '&mode=' + mode + '&bparams=' + params + (entryPoint ? ('&' + (mode === 'db' ? 'expandPage' : 'expandFolder') + '=' + entryPoint) : ''),
-      size: Modal.sizes.large
-    });
-  };
-
-  /**
-   * properly fills the select field from the popup window (element browser, link browser)
-   * or from a multi-select (two selects side-by-side)
-   * previously known as "setFormValueFromBrowseWin"
-   *
-   * @param {string} fieldName Formerly known as "fsetFormValueFromBrowseWinName" name of the field, like [tt_content][2387][header]
-   * @param {string|number} value The value to fill in (could be an integer)
-   * @param {string} label The visible name in the selector
-   * @param {string} title The title when hovering over it
-   * @param {string} exclusiveValues If the select field has exclusive options that are not combine-able
-   * @param {HTMLOptionElement} optionEl The HTMLOptionElement object of the selected <option> tag
-   */
-  FormEngine.setSelectOptionFromExternalSource = function(
-    fieldName: string,
-    value: string,
-    label: string,
-    title: string,
-    exclusiveValues?: string,
-    optionEl?: HTMLOptionElement,
-  ): void {
-    exclusiveValues = String(exclusiveValues);
-
-    let $fieldEl,
-      originalFieldEl,
-      isMultiple = false,
-      isList = false;
-
-    $fieldEl = FormEngine.getFieldElement(fieldName);
-    originalFieldEl = $fieldEl.get(0);
-
-    if (originalFieldEl === null || value === '--div--' || originalFieldEl instanceof HTMLOptGroupElement) {
-      return;
-    }
-
-    // Check if the form object has a "_list" element
-    // The "_list" element exists for multiple selection select types
-    const $listFieldEl = FormEngine.getFieldElement(fieldName, '_list', true);
-    if ($listFieldEl.length > 0) {
-      $fieldEl = $listFieldEl;
-      isMultiple = ($fieldEl.prop('multiple') && $fieldEl.prop('size') != '1');
-      isList = true;
-    }
-
-    if (isMultiple || isList) {
-      const $availableFieldEl = FormEngine.getFieldElement(fieldName, '_avail');
-
-      // If multiple values are not allowed, clear anything that is in the control already
-      if (!isMultiple) {
-        $fieldEl.find('option').each((index: number, el: HTMLElement) => {
-          const $option = $availableFieldEl.find('option[value="' + $.escapeSelector($(el).attr('value')) + '"]');
-          if ($option.length) {
-            $option.removeClass('hidden').prop('disabled', false);
-            FormEngine.enableOptGroup($option.get(0));
-          }
-        });
-        $fieldEl.empty();
-      }
-
-      // Clear elements if exclusive values are found
-      if (exclusiveValues) {
-        let reenableOptions = false;
-
-        let m = new RegExp('(^|,)' + value + '($|,)');
-        // the new value is exclusive => remove all existing values
-        if (exclusiveValues.match(m)) {
-          $fieldEl.empty();
-          reenableOptions = true;
-        } else if ($fieldEl.find('option').length == 1) {
-          // there is an old value and it was exclusive => it has to be removed
-          m = new RegExp('(^|,)' + $fieldEl.find('option').prop('value') + '($|,)');
-          if (exclusiveValues.match(m)) {
-            $fieldEl.empty();
-            reenableOptions = true;
-          }
-        }
-
-        if (reenableOptions && typeof optionEl !== 'undefined') {
-          optionEl.closest('select').querySelectorAll('[disabled]').forEach(function (disabledOption: HTMLOptionElement) {
-            disabledOption.classList.remove('hidden');
-            disabledOption.disabled = false;
-            FormEngine.enableOptGroup(disabledOption);
-          });
-        }
-      }
-
-      // Inserting the new element
-      let addNewValue = true;
-
-      // check if there is a "_mul" field (a field on the right) and if the field was already added
-      const $multipleFieldEl = FormEngine.getFieldElement(fieldName, '_mul', true);
-      if ($multipleFieldEl.length == 0 || $multipleFieldEl.val() == 0) {
-        $fieldEl.find('option').each(function(k: number, optionEl: HTMLOptionElement): void|boolean {
-          if ($(optionEl).prop('value') == value) {
-            addNewValue = false;
-            return false;
-          }
-        });
-
-        if (addNewValue && typeof optionEl !== 'undefined') {
-          optionEl.classList.add('hidden');
-          optionEl.disabled = true;
-          // In case the disabled option was the last active option and is in an optGroup, also disable the optGroup
-          const optGroup = <HTMLOptGroupElement>optionEl.parentElement;
-          if (optGroup instanceof HTMLOptGroupElement
-            && optGroup.querySelectorAll('option:not([disabled]):not([hidden]):not(.hidden)').length === 0
-          ) {
-            optGroup.disabled = true;
-            optGroup.classList.add('hidden');
-          }
-        }
-      }
-
-      // element can be added
-      if (addNewValue) {
-        // finally add the option
-        const $option = $('<option></option>');
-        $option.attr({value: value, title: title}).text(label);
-        $option.appendTo($fieldEl);
-
-        // set the hidden field
-        FormEngine.updateHiddenFieldValueFromSelect($fieldEl, originalFieldEl);
-
-        // execute the phpcode from $FormEngine->TBE_EDITOR_fieldChanged_func
-        FormEngine.legacyFieldChangedCb();
-        FormEngineValidation.markFieldAsChanged(originalFieldEl);
-        FormEngine.Validation.validateField($fieldEl);
-        FormEngine.Validation.validateField($availableFieldEl);
-      }
-
-    } else {
-
-      // The incoming value consists of the table name, an underscore and the uid
-      // or just the uid
-      // For a single selection field we need only the uid, so we extract it
-      const pattern = /_(\d+)$/
-        , result = value.toString().match(pattern);
-
-      if (result != null) {
-        value = result[1];
-      }
-
-      // Change the selected value
-      $fieldEl.val(value);
-      FormEngine.Validation.validateField($fieldEl);
-    }
-  };
-
-  /**
-   * sets the value of the hidden field, from the select list, always executed after the select field was updated
-   * previously known as global function setHiddenFromList()
-   *
-   * @param {HTMLElement} selectFieldEl the select field
-   * @param {HTMLElement} originalFieldEl the hidden form field
-   */
-  FormEngine.updateHiddenFieldValueFromSelect = function(selectFieldEl: HTMLSelectElement, originalFieldEl: HTMLSelectElement): void {
-    const selectedValues = <Array<string>>[];
-    $(selectFieldEl).find('option').each((index: number, el: HTMLElement) => {
-      selectedValues.push($(el).prop('value'));
-    });
-
-    // make a comma separated list, if it is a multi-select
-    // set the values to the final hidden field
-    originalFieldEl.value = selectedValues.join(',');
-    originalFieldEl.dispatchEvent(new Event('change', {bubbles: true, cancelable: true}));
-  };
-
-  /**
-   * returns a jQuery object for the given form name of the current form,
-   * if the parameter "fieldName" is given, then the form element is only returned if the field name is available
-   * the latter behaviour mirrors the one of the function "setFormValue_getFObj"
-   *
-   * @param {String} fieldName the field name to check for, optional
-   * @returns {*|HTMLElement}
-   */
-  FormEngine.getFormElement = function(fieldName: string): JQuery|HTMLElement|void {
-    const $formEl = $('form[name="' + FormEngine.formName + '"]:first');
-    if (fieldName) {
-      const $fieldEl = FormEngine.getFieldElement(fieldName)
-        , $listFieldEl = FormEngine.getFieldElement(fieldName, '_list');
-
-      // Take the form object if it is either of type select-one or of type-multiple and it has a "_list" element
-      if ($fieldEl.length > 0 &&
-        (
-          ($fieldEl.prop('type') === 'select-one') ||
-          ($listFieldEl.length > 0 && $listFieldEl.prop('type').match(/select-(one|multiple)/))
-        )
-      ) {
-        return $formEl;
-      } else {
-        console.error('Form fields missing: form: ' + FormEngine.formName + ', field name: ' + fieldName);
-        alert('Form field is invalid');
-      }
-    } else {
-      return $formEl;
-    }
-  };
-
-
-  /**
-   * Returns a jQuery object of the field DOM element of the current form, can also be used to
-   * request an alternative field like "_hr", "_list" or "_mul"
-   *
-   * @param {String} fieldName the name of the field (<input name="fieldName">)
-   * @param {String} appendix optional
-   * @param {Boolean} noFallback if set, then the appendix value is returned no matter if it exists or not
-   * @returns {*|HTMLElement}
-   */
-  FormEngine.getFieldElement = function(fieldName: string, appendix: string, noFallback: boolean): JQuery|HTMLElement {
-    const $formEl = $('form[name="' + FormEngine.formName + '"]:first');
-
-    // if an appendix is set, return the field with the appendix (like _mul or _list)
-    if (appendix) {
-      let $fieldEl;
-      switch (appendix) {
-        case '_list':
-          $fieldEl = $(':input[data-formengine-input-name="' + fieldName + '"]:not([type=hidden])', $formEl);
-          break;
-        case '_avail':
-          $fieldEl = $(':input[data-relatedfieldname="' + fieldName + '"]', $formEl);
-          break;
-        case '_mul':
-        case '_hr':
-          $fieldEl = $(':input[type=hidden][data-formengine-input-name="' + fieldName + '"]', $formEl);
-          break;
-        default:
-          $fieldEl = null;
-          break;
-      }
-      if (($fieldEl && $fieldEl.length > 0) || noFallback === true) {
-        return $fieldEl;
-      }
-    }
-
-    return $(':input[name="' + fieldName + '"]', $formEl);
-  };
-
-  /**
-   * Initialize events for all form engine relevant tasks.
-   * This function only needs to be called once on page load,
-   * as it using deferrer methods only
-   */
-  FormEngine.initializeEvents = function() {
-    if (top.TYPO3 && typeof top.TYPO3.Backend !== 'undefined') {
-      top.TYPO3.Backend.consumerScope.attach(FormEngine);
-      $(window).on('unload', function() {
-        top.TYPO3.Backend.consumerScope.detach(FormEngine);
-      });
-    }
-    $(document).on('click', '.t3js-editform-close', (e: Event) => {
-      e.preventDefault();
-      FormEngine.preventExitIfNotSaved(
-        FormEngine.preventExitIfNotSavedCallback
-      );
-    }).on('click', '.t3js-editform-view', (e: Event) => {
-      e.preventDefault();
-      FormEngine.previewAction(e, FormEngine.previewActionCallback);
-    }).on('click', '.t3js-editform-new', (e: Event) => {
-      e.preventDefault();
-      FormEngine.newAction(e, FormEngine.newActionCallback);
-    }).on('click', '.t3js-editform-duplicate', (e: Event) => {
-      e.preventDefault();
-      FormEngine.duplicateAction(e, FormEngine.duplicateActionCallback);
-    }).on('click', '.t3js-editform-delete-record', (e: Event) => {
-      e.preventDefault();
-      FormEngine.deleteAction(e, FormEngine.deleteActionCallback);
-    }).on('click', '.t3js-editform-submitButton', (event: JQueryEventObject) => {
-      const $me = $(event.currentTarget),
-        name = $me.data('name') || (event.currentTarget as HTMLInputElement).name,
-        $elem = $('<input />').attr('type', 'hidden').attr('name', name).attr('value', '1');
-
-      $me.parents('form').append($elem);
-    }).on('change', '.t3-form-field-eval-null-checkbox input[type="checkbox"]', (e: JQueryEventObject) => {
-      // Null checkboxes without placeholder click event handler
-      $(e.currentTarget).closest('.t3js-formengine-field-item').toggleClass('disabled');
-    }).on('change', '.t3js-form-field-eval-null-placeholder-checkbox input[type="checkbox"]', (e: JQueryEventObject) => {
-      FormEngine.toggleCheckboxField($(e.currentTarget));
-      FormEngineValidation.markFieldAsChanged($(e.currentTarget));
-    }).on('change', function(event: Event) {
-      $('.module-docheader-bar .btn').removeClass('disabled').prop('disabled', false);
-    }).on('click', '.t3js-element-browser', function(e: Event) {
-      e.preventDefault();
-      e.stopPropagation();
-
-      const $me = $(e.currentTarget);
-      const mode = $me.data('mode');
-      const params = $me.data('params');
-      const entryPoint = $me.data('entryPoint');
-
-      FormEngine.openPopupWindow(mode, params, entryPoint);
-    }).on('click', '[data-formengine-field-change-event="click"]', (evt: Event) => {
-      const items = JSON.parse((evt.currentTarget as HTMLElement).dataset.formengineFieldChangeItems);
-      FormEngine.processOnFieldChange(items, evt);
-    }).on('change', '[data-formengine-field-change-event="change"]', (evt: Event) => {
-      const items = JSON.parse((evt.currentTarget as HTMLElement).dataset.formengineFieldChangeItems);
-      FormEngine.processOnFieldChange(items, evt);
-    });
-
-    ((document as any).editform as HTMLFormElement).addEventListener('submit', function () {
-      if (((document as any).editform as HTMLFormElement).closeDoc.value) {
-        return;
-      }
-
-      const elements = [
-        'button[form]',
-        'button[name^="_save"]',
-        'a[data-name^="_save"]',
-        'button[name="CMD"][value^="save"]',
-        'a[data-name="CMD"][data-value^="save"]',
-      ].join(',');
-
-      const button = document.querySelector(elements) as HTMLInputElement;
-      if (button !== null) {
-        button.disabled = true;
-
-        Icons.getIcon('spinner-circle-dark', Icons.sizes.small).then(function (markup: string) {
-          button.querySelector('.t3js-icon').outerHTML = markup;
-        });
-      }
-    });
-
-    window.addEventListener('message', FormEngine.handlePostMessage);
-  };
-
-  /**
-   * @param {InteractionRequest} interactionRequest
-   * @return {jQuery.Deferred}
-   */
-  FormEngine.consume = function(interactionRequest: TriggerRequest) {
-    if (!interactionRequest) {
-      throw new BackendExceptionModule.BackendException('No interaction request given', 1496589980);
-    }
-    const deferred = $.Deferred();
-    if (interactionRequest.concernsTypes(FormEngine.consumeTypes)) {
-      const outerMostRequest = interactionRequest.outerMostRequest;
-
-      FormEngine.interactionRequestMap.attachFor(
-        outerMostRequest,
-        deferred
-      );
-      // resolve or reject deferreds with previous user choice
-      if (outerMostRequest.isProcessed()) {
-        handleConsumeResponse(
-          outerMostRequest,
-          outerMostRequest.getProcessedData().response
-        );
-        // show confirmation dialog
-      } else if (FormEngine.hasChange()) {
-        FormEngine.preventExitIfNotSaved(function(response: boolean) {
-          outerMostRequest.setProcessedData(
-            {response: response}
-          );
-          handleConsumeResponse(outerMostRequest, response);
-        });
-        // resolve directly
-      } else {
-        FormEngine.interactionRequestMap.resolveFor(outerMostRequest);
-      }
-    }
-    return deferred;
-  };
-
-  FormEngine.handlePostMessage = function (e: MessageEvent) {
-    if (!MessageUtility.MessageUtility.verifyOrigin(e.origin)) {
-      throw 'Denied message sent by ' + e.origin;
-    }
-
-    if (e.data.actionName === 'typo3:elementBrowser:elementAdded') {
-      if (typeof e.data.fieldName === 'undefined') {
-        throw 'fieldName not defined in message';
-      }
-
-      if (typeof e.data.value === 'undefined') {
-        throw 'value not defined in message';
-      }
-
-      const label = e.data.label || e.data.value;
-      const title = e.data.title || label;
-      const exclusiveValues = e.data.exclusiveValues || '';
-
-      FormEngine.setSelectOptionFromExternalSource(e.data.fieldName, e.data.value, label, title, exclusiveValues);
-    }
-  };
-
-  /**
-   * Initializes the remaining character views based on the fields' maxlength attribute
-   */
-  FormEngine.initializeRemainingCharacterViews = function() {
-    // all fields with a "maxlength" attribute
-    const $maxlengthElements = $('[maxlength]').not('.t3js-datetimepicker').not('.t3js-color-picker').not('.t3js-charcounter-initialized');
-    $maxlengthElements.on('focus', (event: JQueryEventObject) => {
-      const $field = $(event.currentTarget),
-        $parent = $field.parents('.t3js-formengine-field-item:first'),
-        maxlengthProperties = FormEngine.getCharacterCounterProperties($field);
-
-      // append the counter only at focus to avoid cluttering the DOM
-      $parent.append($('<div />', {'class': 't3js-charcounter'}).append(
-        $('<span />', {'class': maxlengthProperties.labelClass}).text(TYPO3.lang['FormEngine.remainingCharacters'].replace('{0}', maxlengthProperties.remainingCharacters))
-      ));
-    }).on('blur', (event: JQueryEventObject) => {
-      const $field = $(event.currentTarget),
-        $parent = $field.parents('.t3js-formengine-field-item:first');
-      $parent.find('.t3js-charcounter').remove();
-    }).on('keyup', (event: JQueryEventObject) => {
-      const $field = $(event.currentTarget),
-        $parent = $field.parents('.t3js-formengine-field-item:first'),
-        maxlengthProperties = FormEngine.getCharacterCounterProperties($field);
-
-      // change class and value
-      $parent.find('.t3js-charcounter span').removeClass().addClass(maxlengthProperties.labelClass).text(TYPO3.lang['FormEngine.remainingCharacters'].replace('{0}', maxlengthProperties.remainingCharacters))
-    });
-    $maxlengthElements.addClass('t3js-charcounter-initialized');
-  };
-
-  /**
-   * Get the properties required for proper rendering of the character counter
-   *
-   * @param {Object} $field
-   * @returns {{remainingCharacters: number, labelClass: string}}
-   */
-  FormEngine.getCharacterCounterProperties = function($field: JQuery): {remainingCharacters: number, labelClass: string} {
-    const fieldText = $field.val(),
-      maxlength = $field.attr('maxlength'),
-      currentFieldLength = fieldText.length,
-      numberOfLineBreaks = (fieldText.match(/\n/g) || []).length, // count line breaks
-      // @ts-ignore
-      remainingCharacters = maxlength - currentFieldLength - numberOfLineBreaks,
-      threshold = 15; // hard limit of remaining characters when the label class changes
-    let labelClass = '';
-
-    if (remainingCharacters < threshold) {
-      labelClass = 'badge-danger';
-    } else if (remainingCharacters < threshold * 2) {
-      labelClass = 'badge-warning';
-    } else {
-      labelClass = 'badge-info';
-    }
-
-    return {
-      remainingCharacters: remainingCharacters,
-      labelClass: 'badge ' + labelClass
-    };
-  };
-
-  /**
-   * Initialize input / text field "null" checkbox CSS overlay if no placeholder is set.
-   */
-  FormEngine.initializeNullNoPlaceholderCheckboxes = function(): void {
-    $('.t3-form-field-eval-null-checkbox').each(function(index: number, el: HTMLElement) {
-      const $el = $(el);
-      // Add disabled class to "t3js-formengine-field-item" if the null checkbox is NOT set,
-      // This activates a CSS overlay "disabling" the input field and everything around.
-      const $checkbox = $el.find('input[type="checkbox"]');
-      const $fieldItem = $el.closest('.t3js-formengine-field-item');
-      if (!$checkbox.attr('checked')) {
-        $fieldItem.addClass('disabled');
-      }
-    });
-  };
-
-  /**
-   * Initialize input / text field "null" checkbox placeholder / real field if placeholder is set.
-   */
-  FormEngine.initializeNullWithPlaceholderCheckboxes = function(): void {
-    $('.t3js-form-field-eval-null-placeholder-checkbox').each((index: number, el: HTMLElement) => {
-      FormEngine.toggleCheckboxField($(el).find('input[type="checkbox"]'), false);
-    });
-  };
-
-  /**
-   * Set initial state of both div's (one containing actual field, other containing placeholder field)
-   * depending on whether checkbox is checked or not
-   */
-  FormEngine.toggleCheckboxField = function($checkbox: JQuery, triggerFocusWhenChecked: boolean = true): void {
-    const $item = $checkbox.closest('.t3js-formengine-field-item');
-    if ($checkbox.prop('checked')) {
-      $item.find('.t3js-formengine-placeholder-placeholder').hide();
-      $item.find('.t3js-formengine-placeholder-formfield').show();
-      if (triggerFocusWhenChecked) {
-        $item.find('.t3js-formengine-placeholder-formfield').find(':input').trigger('focus');
-      }
-    } else {
-      $item.find('.t3js-formengine-placeholder-placeholder').show();
-      $item.find('.t3js-formengine-placeholder-formfield').hide();
-    }
-  };
-
-  /**
-   * This is the main function that is called on page load, but also after elements are asynchronously
-   * called e.g. after inline elements are loaded, or a new flexform section is added.
-   * Use this function in your extension like this "TYPO3.FormEngine.initialize()"
-   * if you add new fields dynamically.
-   */
-  FormEngine.reinitialize = function(): void {
-    // Apply "close" button to all input / datetime fields
-    const clearables = Array.from(document.querySelectorAll('.t3js-clearable'));
-    if (clearables.length > 0) {
-      import('@typo3/backend/input/clearable').then(function() {
-        clearables.forEach(clearableField => (clearableField as any).clearable());
-      });
-    }
-
-    FormEngine.initializeNullNoPlaceholderCheckboxes();
-    FormEngine.initializeNullWithPlaceholderCheckboxes();
-    FormEngine.initializeLocalizationStateSelector();
-    FormEngine.initializeRemainingCharacterViews();
-  };
-
-  /**
-   * Disable the input field on load if localization state selector is set to "parent" or "source"
-   */
-  FormEngine.initializeLocalizationStateSelector = function(): void {
-    $('.t3js-l10n-state-container').each((index: number, el: HTMLElement) => {
-      const $el = $(el);
-      const $input = $el.closest('.t3js-formengine-field-item').find('[data-formengine-input-name]');
-      const currentState = $el.find('input[type="radio"]:checked').val();
-      if (currentState === 'parent' || currentState === 'source') {
-        $input.attr('disabled', 'disabled');
-      }
-    });
-  };
-
-  /**
-   * @return {boolean}
-   */
-  FormEngine.hasChange = function(): boolean {
-    const formElementChanges = $('form[name="' + FormEngine.formName + '"] .has-change').length > 0,
-      inlineRecordChanges = $('[name^="data["].has-change').length > 0;
-    return formElementChanges || inlineRecordChanges;
-  };
-
-  /**
-   * @param {boolean} response
-   */
-  FormEngine.preventExitIfNotSavedCallback = function(response: boolean): void {
-    FormEngine.closeDocument();
-  };
-
-  /**
-   * Show modal to confirm following a clicked link to confirm leaving the document without saving
-   *
-   * @param {String} href
-   * @returns {Boolean}
-   */
-  FormEngine.preventFollowLinkIfNotSaved = function(href: string): boolean {
-    FormEngine.preventExitIfNotSaved(
-      function () {
-        window.location.href = href;
-      }
-    );
-    return false;
-  };
-
-  /**
-   * Show modal to confirm closing the document without saving.
-   *
-   * @param {Function} callback
-   */
-  FormEngine.preventExitIfNotSaved = function(callback: Function): void {
-    callback = callback || FormEngine.preventExitIfNotSavedCallback;
-
-    if (FormEngine.hasChange()) {
-      const title = TYPO3.lang['label.confirm.close_without_save.title'] || 'Do you want to close without saving?';
-      const content = TYPO3.lang['label.confirm.close_without_save.content'] || 'You currently have unsaved changes. Are you sure you want to discard these changes?';
-      const $elem = $('<input />').attr('type', 'hidden').attr('name', '_saveandclosedok').attr('value', '1');
-      const buttons: Array<{text: string, btnClass: string, name: string, active?: boolean}> = [
-        {
-          text: TYPO3.lang['buttons.confirm.close_without_save.no'] || 'No, I will continue editing',
-          btnClass: 'btn-default',
-          name: 'no'
-        },
-        {
-          text: TYPO3.lang['buttons.confirm.close_without_save.yes'] || 'Yes, discard my changes',
-          btnClass: 'btn-default',
-          name: 'yes'
-        }
-      ];
-      if ($('.has-error').length === 0) {
-        buttons.push({
-          text: TYPO3.lang['buttons.confirm.save_and_close'] || 'Save and close',
-          btnClass: 'btn-warning',
-          name: 'save',
-          active: true
-        });
-      }
-
-      const $modal = Modal.confirm(title, content, Severity.warning, buttons);
-      $modal.on('button.clicked', function(e: Event) {
-        if ((e.target as HTMLButtonElement).name === 'no') {
-          Modal.dismiss();
-        } else if ((e.target as HTMLButtonElement).name === 'yes') {
-          Modal.dismiss();
-          callback.call(null, true);
-        } else if ((e.target as HTMLButtonElement).name === 'save') {
-          $('form[name=' + FormEngine.formName + ']').append($elem);
-          Modal.dismiss();
-          FormEngine.saveDocument();
-        }
-      });
-    } else {
-      callback.call(null, true);
-    }
-  };
-
-  /**
-   * Show modal to confirm closing the document without saving
-   */
-  FormEngine.preventSaveIfHasErrors = function(): boolean {
-    if ($('.has-error').length > 0) {
-      const title = TYPO3.lang['label.alert.save_with_error.title'] || 'You have errors in your form!';
-      const content = TYPO3.lang['label.alert.save_with_error.content'] || 'Please check the form, there is at least one error in your form.';
-      const $modal = Modal.confirm(title, content, Severity.error, [
-        {
-          text: TYPO3.lang['buttons.alert.save_with_error.ok'] || 'OK',
-          btnClass: 'btn-danger',
-          name: 'ok'
-        }
-      ]);
-      $modal.on('button.clicked', function(e: Event) {
-        if ((e.target as HTMLButtonElement).name === 'ok') {
-          Modal.dismiss();
-        }
-      });
-      return false;
-    }
-    return true;
-  };
-
-  FormEngine.requestFormEngineUpdate = function(showConfirmation: boolean): void {
-    if (showConfirmation) {
-      const $modal = Modal.confirm(
-        TYPO3.lang['FormEngine.refreshRequiredTitle'],
-        TYPO3.lang['FormEngine.refreshRequiredContent']
-      );
-
-      $modal.on('button.clicked', function(e: Event) {
-        if ((e.target as HTMLButtonElement).name === 'ok') {
-          FormEngine.closeModalsRecursive();
-          FormEngine.saveDocument();
-        } else {
-          Modal.dismiss();
-        }
-      });
-    } else {
-      FormEngine.saveDocument();
-    }
-  };
-
-  /**
-   * @param {OnFieldChangeItem[]} items
-   * @param {Event|null|undefined} evt
-   */
-  FormEngine.processOnFieldChange = function(items: Array<OnFieldChangeItem>, evt?: Event|null) {
-    items.forEach((item) => {
-      const handler = onFieldChangeHandlers.get(item.name);
-      if (handler instanceof Function) {
-        handler.call(null, item.data || null, evt);
-      }
-    });
-  };
-
-  /**
-   * @param {string} name
-   * @param {Function} handler
-   */
-  FormEngine.registerOnFieldChangeHandler = function(name: string, handler: Function): void {
-    if (onFieldChangeHandlers.has(name)) {
-      console.warn('Handler for onFieldChange name `' + name + '` has been overridden.');
-    }
-    onFieldChangeHandlers.set(name, handler);
-  }
-
-  FormEngine.closeModalsRecursive = function() {
-    if (typeof Modal.currentModal !== 'undefined' && Modal.currentModal !== null) {
-      Modal.currentModal.on('hidden.bs.modal', function () {
-        FormEngine.closeModalsRecursive(Modal.currentModal);
-      });
-      Modal.currentModal.trigger('modal-dismiss');
-    }
-  }
-
-  /**
-   * Preview action
-   *
-   * When there are changes:
-   * Will take action based on local storage preset
-   * If preset is not available, a modal will open
-   *
-   * @param {Event} event
-   * @param {Function} callback
-   */
-  FormEngine.previewAction = function(event: Event, callback: Function): void {
-    callback = callback || FormEngine.previewActionCallback;
-
-    const previewUrl = (event.target as HTMLAnchorElement).href;
-    const isNew = (event.target as HTMLAnchorElement).dataset.hasOwnProperty('isNew');
-    const $actionElement = $('<input />').attr('type', 'hidden').attr('name', '_savedokview').attr('value', '1');
-    if (FormEngine.hasChange()) {
-      FormEngine.showPreviewModal(previewUrl, isNew, $actionElement, callback);
-    } else {
-      $('form[name=' + FormEngine.formName + ']').append($actionElement);
-      window.open('', 'newTYPO3frontendWindow');
-      ((document as any).editform as HTMLFormElement).submit();
-    }
-  };
-
-  /**
-   * The callback for the preview action
-   *
-   * @param {string} modalButtonName
-   * @param {string} previewUrl
-   * @param {element} $actionElement
-   */
-  FormEngine.previewActionCallback = function(modalButtonName: string, previewUrl: string, $actionElement: JQuery): void {
-    Modal.dismiss();
-    switch(modalButtonName) {
-      case 'discard':
-        const previewWin = window.open(previewUrl, 'newTYPO3frontendWindow');
-        previewWin.focus();
-        if (previewWin.location.href === previewUrl) {
-          previewWin.location.reload();
-        }
-        break;
-      case 'save':
-        $('form[name=' + FormEngine.formName + ']').append($actionElement);
-        window.open('', 'newTYPO3frontendWindow');
-        FormEngine.saveDocument();
-        break;
-      default:
-        break;
-    }
-  };
-
-  /**
-   * Show the preview modal
-   *
-   * @param {string} previewUrl
-   * @param {bool} isNew
-   * @param {element} $actionElement
-   * @param {Function} callback
-   */
-  FormEngine.showPreviewModal = function(previewUrl: string, isNew: boolean, $actionElement: JQuery, callback: Function): void {
-    const title = TYPO3.lang['label.confirm.view_record_changed.title'] || 'Do you want to save before viewing?';
-    const modalCancelButtonConfiguration = {
-      text: TYPO3.lang['buttons.confirm.view_record_changed.cancel'] || 'Cancel',
-      btnClass: 'btn-default',
-      name: 'cancel'
-    };
-    const modaldismissViewButtonConfiguration = {
-      text: TYPO3.lang['buttons.confirm.view_record_changed.no-save'] || 'View without changes',
-      btnClass: 'btn-info',
-      name: 'discard'
-    };
-    const modalsaveViewButtonConfiguration = {
-      text: TYPO3.lang['buttons.confirm.view_record_changed.save'] || 'Save changes and view',
-      btnClass: 'btn-info',
-      name: 'save',
-      active: true
-    };
-    let modalButtons = [];
-    let content = '';
-    if (isNew) {
-      modalButtons = [
-        modalCancelButtonConfiguration,
-        modalsaveViewButtonConfiguration
-      ];
-      content = (
-        TYPO3.lang['label.confirm.view_record_changed.content.is-new-page']
-        || 'You need to save your changes before viewing the page. Do you want to save and view them now?'
-      );
-    } else {
-      modalButtons = [
-        modalCancelButtonConfiguration,
-        modaldismissViewButtonConfiguration,
-        modalsaveViewButtonConfiguration
-      ];
-      content = (
-        TYPO3.lang['label.confirm.view_record_changed.content']
-        || 'You currently have unsaved changes. You can either discard these changes or save and view them.'
-      )
-    }
-    const $modal = Modal.confirm(title, content, Severity.info, modalButtons);
-    $modal.on('button.clicked', function (event: Event) {
-      callback((event.target as HTMLButtonElement).name, previewUrl, $actionElement, $modal);
-    });
-  };
-
-  /**
-   * New action
-   *
-   * When there are changes:
-   * Will take action based on local storage preset
-   * If preset is not available, a modal will open
-   *
-   * @param {Event} event
-   * @param {Function} callback
-   */
-  FormEngine.newAction = function(event: Event, callback: Function): void {
-    callback = callback || FormEngine.newActionCallback;
-
-    const $actionElement = $('<input />').attr('type', 'hidden').attr('name', '_savedoknew').attr('value', '1');
-    const isNew = (event.target as HTMLElement).dataset.hasOwnProperty('isNew');
-    if (FormEngine.hasChange()) {
-      FormEngine.showNewModal(isNew, $actionElement, callback);
-    } else {
-      $('form[name=' + FormEngine.formName + ']').append($actionElement);
-      ((document as any).editform as HTMLFormElement).submit();
-    }
-  };
-
-  /**
-   * The callback for the preview action
-   *
-   * @param {string} modalButtonName
-   * @param {element} $actionElement
-   */
-  FormEngine.newActionCallback = function(modalButtonName: string, $actionElement: JQuery): void {
-    const $form = $('form[name=' + FormEngine.formName + ']');
-    Modal.dismiss();
-    switch(modalButtonName) {
-      case 'no':
-        $form.append($actionElement);
-        ((document as any).editform as HTMLFormElement).submit();
-        break;
-      case 'yes':
-        $form.append($actionElement);
-        FormEngine.saveDocument();
-        break;
-      default:
-        break;
-    }
-  };
-
-  /**
-   * Show the new modal
-   *
-   * @param {bool} isNew
-   * @param {element} $actionElement
-   * @param {Function} callback
-   */
-  FormEngine.showNewModal = function(isNew: boolean, $actionElement: JQuery, callback: Function): void {
-    const title = TYPO3.lang['label.confirm.new_record_changed.title'] || 'Do you want to save before adding?';
-    const content = (
-      TYPO3.lang['label.confirm.new_record_changed.content']
-      || 'You need to save your changes before creating a new record. Do you want to save and create now?'
-    );
-    let modalButtons = [];
-    const modalCancelButtonConfiguration = {
-      text: TYPO3.lang['buttons.confirm.new_record_changed.cancel'] || 'Cancel',
-      btnClass: 'btn-default',
-      name: 'cancel'
-    };
-    const modalNoButtonConfiguration = {
-      text: TYPO3.lang['buttons.confirm.new_record_changed.no'] || 'No, just add',
-      btnClass: 'btn-default',
-      name: 'no'
-    };
-    const modalYesButtonConfiguration = {
-      text: TYPO3.lang['buttons.confirm.new_record_changed.yes'] || 'Yes, save and create now',
-      btnClass: 'btn-info',
-      name: 'yes',
-      active: true
-    };
-    if (isNew) {
-      modalButtons = [
-        modalCancelButtonConfiguration,
-        modalYesButtonConfiguration
-      ];
-    } else {
-      modalButtons = [
-        modalCancelButtonConfiguration,
-        modalNoButtonConfiguration,
-        modalYesButtonConfiguration
-      ];
-    }
-    const $modal = Modal.confirm(title, content, Severity.info, modalButtons);
-    $modal.on('button.clicked', function (event: Event) {
-      callback((event.target as HTMLButtonElement).name, $actionElement);
-    });
-  };
-
-  /**
-   * Duplicate action
-   *
-   * When there are changes:
-   * Will take action based on local storage preset
-   * If preset is not available, a modal will open
-   *
-   * @param {Event} event
-   * @param {Function} callback
-   */
-  FormEngine.duplicateAction = function(event: Event, callback: Function): void {
-    callback = callback || FormEngine.duplicateActionCallback;
-
-    const $actionElement = $('<input />').attr('type', 'hidden').attr('name', '_duplicatedoc').attr('value', '1');
-    const isNew = (event.target as HTMLElement).dataset.hasOwnProperty('isNew');
-    if (FormEngine.hasChange()) {
-      FormEngine.showDuplicateModal(isNew, $actionElement, callback);
-    } else {
-      $('form[name=' + FormEngine.formName + ']').append($actionElement);
-      ((document as any).editform as HTMLFormElement).submit();
-    }
-  };
-
-  /**
-   * The callback for the duplicate action
-   *
-   * @param {string} modalButtonName
-   * @param {element} $actionElement
-   */
-  FormEngine.duplicateActionCallback = function(modalButtonName: string, $actionElement: JQuery): void {
-    const $form = $('form[name=' + FormEngine.formName + ']');
-    Modal.dismiss();
-    switch(modalButtonName) {
-      case 'no':
-        $form.append($actionElement);
-        ((document as any).editform as HTMLFormElement).submit();
-        break;
-      case 'yes':
-        $form.append($actionElement);
-        FormEngine.saveDocument();
-        break;
-      default:
-        break;
-    }
-  };
-
-  /**
-   * Show the duplicate modal
-   *
-   * @param {bool} isNew
-   * @param {element} $actionElement
-   * @param {Function} callback
-   */
-  FormEngine.showDuplicateModal = function(isNew: boolean, $actionElement: JQuery, callback: Function): void {
-    const title = TYPO3.lang['label.confirm.duplicate_record_changed.title'] || 'Do you want to save before duplicating this record?';
-    const content = (
-      TYPO3.lang['label.confirm.duplicate_record_changed.content']
-      || 'You currently have unsaved changes. Do you want to save your changes before duplicating this record?'
-    );
-    let modalButtons = [];
-    const modalCancelButtonConfiguration = {
-      text: TYPO3.lang['buttons.confirm.duplicate_record_changed.cancel'] || 'Cancel',
-      btnClass: 'btn-default',
-      name: 'cancel'
-    };
-    const modalDismissDuplicateButtonConfiguration = {
-      text: TYPO3.lang['buttons.confirm.duplicate_record_changed.no'] || 'No, just duplicate the original',
-      btnClass: 'btn-default',
-      name: 'no'
-    };
-    const modalSaveDuplicateButtonConfiguration = {
-      text: TYPO3.lang['buttons.confirm.duplicate_record_changed.yes'] || 'Yes, save and duplicate this record',
-      btnClass: 'btn-info',
-      name: 'yes',
-      active: true
-    };
-    if (isNew) {
-      modalButtons = [
-        modalCancelButtonConfiguration,
-        modalSaveDuplicateButtonConfiguration
-      ];
-    } else {
-      modalButtons = [
-        modalCancelButtonConfiguration,
-        modalDismissDuplicateButtonConfiguration,
-        modalSaveDuplicateButtonConfiguration
-      ];
-    }
-    const $modal = Modal.confirm(title, content, Severity.info, modalButtons);
-    $modal.on('button.clicked', function (event: Event) {
-      callback((event.target as HTMLButtonElement).name, $actionElement);
-    });
-  };
-
-  /**
-   * Delete action
-   *
-   * When there are changes:
-   * Will take action based on local storage preset
-   * If preset is not available, a modal will open
-   *
-   * @param {Event} event
-   * @param {Function} callback
-   */
-  FormEngine.deleteAction = function(event: Event, callback: Function): void {
-    callback = callback || FormEngine.deleteActionCallback;
-
-    const $anchorElement = $(event.target);
-
-    FormEngine.showDeleteModal($anchorElement, callback);
-  };
-
-  /**
-   * The callback for the delete action
-   *
-   * @param {string} modalButtonName
-   * @param {element} $anchorElement
-   */
-  FormEngine.deleteActionCallback = function(modalButtonName: string, $anchorElement: JQuery): void {
-    Modal.dismiss();
-    if (modalButtonName === 'yes') {
-      FormEngine.invokeRecordDeletion($anchorElement);
-    }
-  };
-
-  /**
-   * Show the delete modal
-   *
-   * @param {element} $anchorElement
-   * @param {Function} callback
-   */
-  FormEngine.showDeleteModal = function($anchorElement: JQuery, callback: Function): void {
-    const title = TYPO3.lang['label.confirm.delete_record.title'] || 'Delete this record?';
-    let content = TYPO3.lang['label.confirm.delete_record.content'] || 'Are you sure you want to delete this record?';
-
-    if ($anchorElement.data('reference-count-message')) {
-      content += ' ' + $anchorElement.data('reference-count-message');
-    }
-
-    if ($anchorElement.data('translation-count-message')) {
-      content += ' ' + $anchorElement.data('translation-count-message');
-    }
-
-    const $modal = Modal.confirm(title, content, Severity.warning, [
-      {
-        text: TYPO3.lang['buttons.confirm.delete_record.no'] || 'Cancel',
-        btnClass: 'btn-default',
-        name: 'no'
-      },
-      {
-        text: TYPO3.lang['buttons.confirm.delete_record.yes'] || 'Yes, delete this record',
-        btnClass: 'btn-warning',
-        name: 'yes',
-        active: true
-      }
-    ]);
-    $modal.on('button.clicked', function (event: Event) {
-      callback((event.target as HTMLButtonElement).name, $anchorElement);
-    });
-  };
-
-  /**
-   * In case the given option is a child of a disabled optGroup, enable the optGroup
-   */
-  FormEngine.enableOptGroup = function (option: HTMLOptionElement): void {
-    const optGroup = <HTMLOptGroupElement>option.parentElement;
-    if (optGroup instanceof HTMLOptGroupElement && optGroup.querySelectorAll('option:not([hidden]):not([disabled]):not(.hidden)').length) {
-      optGroup.hidden = false;
-      optGroup.disabled = false;
-      optGroup.classList.remove('hidden');
-    }
-  }
-
-  /**
-   * Close current open document
-   */
-  FormEngine.closeDocument = function(): void {
-    ((document as any).editform as HTMLFormElement).closeDoc.value = 1;
-
-    FormEngine.dispatchSubmitEvent();
-    ((document as any).editform as HTMLFormElement).submit();
-  };
-
-  FormEngine.saveDocument = function(): void {
-    ((document as any).editform as HTMLFormElement).doSave.value = 1;
-
-    FormEngine.dispatchSubmitEvent();
-    ((document as any).editform as HTMLFormElement).submit();
-  };
-
-  /**
-   * Dispatches the "submit" event to the form. This is necessary if .submit() is called directly.
-   */
-  FormEngine.dispatchSubmitEvent = function(): void {
-    const submitEvent = document.createEvent('Event');
-    submitEvent.initEvent('submit', false, true);
-    ((document as any).editform as HTMLFormElement).dispatchEvent(submitEvent);
-  };
-
-  /**
-   * Main init function called from outside
-   *
-   * Sets some options and registers the DOMready handler to initialize further things
-   *
-   * @param {String} browserUrl
-   */
-  FormEngine.initialize = function(browserUrl: string): void {
-    FormEngine.browserUrl = browserUrl;
-
-    $(function() {
-      FormEngine.initializeEvents();
-      FormEngine.Validation.initialize();
-      FormEngine.reinitialize();
-      $('#t3js-ui-block').remove();
-    });
-  };
-
-  FormEngine.invokeRecordDeletion = function ($anchorElement: JQuery) {
-    window.location.href = $anchorElement.attr('href');
-  };
-
-  // load required modules to hook in the post initialize function
-  if (undefined !== TYPO3.settings.RequireJS && undefined !== TYPO3.settings.RequireJS.PostInitializationModules['TYPO3/CMS/Backend/FormEngine']) {
-    $.each(TYPO3.settings.RequireJS.PostInitializationModules['TYPO3/CMS/Backend/FormEngine'], function(pos: number, moduleName: string) {
-      window.require([moduleName]);
-    });
-  }
-
-  // make the form engine object publicly visible for other objects in the TYPO3 namespace
-  TYPO3.FormEngine = FormEngine;
-
-  // return the object in the global space
-  return FormEngine;
-})();
diff --git a/typo3_src/TypeScript/backend/form-engine/container/flex-form-container-container.ts b/typo3_src/TypeScript/backend/form-engine/container/flex-form-container-container.ts
deleted file mode 100644
index 1ada928..0000000
--- a/typo3_src/TypeScript/backend/form-engine/container/flex-form-container-container.ts
+++ /dev/null
@@ -1,160 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {Collapse} from 'bootstrap';
-import SecurityUtility from '@typo3/core/security-utility';
-import FlexFormSectionContainer from './flex-form-section-container';
-import Modal from '@typo3/backend/modal';
-import RegularEvent from '@typo3/core/event/regular-event';
-import Severity from '@typo3/backend/severity';
-
-enum Selectors {
-  toggleSelector = '[data-bs-toggle="flexform-inline"]',
-  actionFieldSelector = '.t3js-flex-control-action',
-  toggleFieldSelector = '.t3js-flex-control-toggle',
-  controlSectionSelector = '.t3js-formengine-irre-control',
-  sectionContentContainerSelector = '.t3js-flex-section-content',
-  deleteContainerButtonSelector = '.t3js-delete',
-  contentPreviewSelector = '.content-preview',
-}
-
-interface ContainerStatus {
-  id: string;
-  collapsed: boolean;
-}
-
-class FlexFormContainerContainer {
-  private readonly securityUtility: SecurityUtility;
-  private readonly parentContainer: FlexFormSectionContainer;
-  private readonly container: HTMLElement;
-  private readonly containerContent: HTMLElement;
-  private readonly containerId: string;
-
-  private readonly panelHeading: HTMLElement;
-  private readonly panelButton: HTMLElement;
-  private readonly toggleField: HTMLInputElement;
-
-  private static getCollapseInstance(container: HTMLElement): Collapse {
-    return Collapse.getInstance(container) ?? new Collapse(container, {toggle: false})
-  }
-
-  constructor(parentContainer: FlexFormSectionContainer, container: HTMLElement) {
-    this.securityUtility = new SecurityUtility();
-    this.parentContainer = parentContainer;
-    this.container = container;
-    this.containerContent = container.querySelector(Selectors.sectionContentContainerSelector);
-    this.containerId = container.dataset.flexformContainerId;
-
-    this.panelHeading = container.querySelector('[data-bs-target="#flexform-container-' + this.containerId + '"]');
-    this.panelButton = this.panelHeading.querySelector('[aria-controls="flexform-container-' + this.containerId + '"]');
-    this.toggleField = container.querySelector(Selectors.toggleFieldSelector);
-
-    this.registerEvents();
-    this.generatePreview();
-  }
-
-  public getStatus(): ContainerStatus {
-    return {
-      id: this.containerId,
-      collapsed: this.panelButton.getAttribute('aria-expanded') === 'false',
-    }
-  }
-
-  private registerEvents(): void {
-    if (this.parentContainer.isRestructuringAllowed()) {
-      this.registerDelete();
-    }
-
-    this.registerToggle();
-    this.registerPanelToggle();
-  }
-
-  private registerDelete(): void {
-    new RegularEvent('click', (): void => {
-      const title = TYPO3.lang['flexform.section.delete.title'] || 'Delete this container?';
-      const content = TYPO3.lang['flexform.section.delete.message'] || 'Are you sure you want to delete this container?';
-      const $modal = Modal.confirm(title, content, Severity.warning, [
-        {
-          text: TYPO3.lang['buttons.confirm.delete_record.no'] || 'Cancel',
-          active: true,
-          btnClass: 'btn-default',
-          name: 'no',
-        },
-        {
-          text: TYPO3.lang['buttons.confirm.delete_record.yes'] || 'Yes, delete this container',
-          btnClass: 'btn-warning',
-          name: 'yes',
-        },
-      ]);
-      $modal.on('button.clicked', (modalEvent: Event): void => {
-        if ((modalEvent.target as HTMLAnchorElement).name === 'yes') {
-          const actionField = this.container.querySelector(Selectors.actionFieldSelector) as HTMLInputElement;
-          actionField.value = 'DELETE';
-
-          this.container.appendChild(actionField);
-          this.container.classList.add('t3-flex-section--deleted');
-          this.container.classList.add('has-change');
-          new RegularEvent('transitionend', (): void => {
-            this.container.classList.add('hidden');
-
-            const event = new CustomEvent('formengine:flexform:container-deleted', {
-              detail: {
-                containerId: this.containerId
-              }
-            });
-            this.parentContainer.getContainer().dispatchEvent(event);
-          }).bindTo(this.container);
-        }
-
-        Modal.dismiss();
-      });
-    }).bindTo(this.container.querySelector(Selectors.deleteContainerButtonSelector));
-  }
-
-  private registerToggle(): void {
-    new RegularEvent('click', (): void => {
-      FlexFormContainerContainer.getCollapseInstance(this.containerContent).toggle();
-      this.generatePreview();
-    }).delegateTo(this.container, `${Selectors.toggleSelector} .form-irre-header-cell:not(${Selectors.controlSectionSelector}`);
-  }
-
-  private registerPanelToggle(): void {
-    ['hide.bs.collapse', 'show.bs.collapse'].forEach((eventName: string): void => {
-      new RegularEvent(eventName, (e: Event): void => {
-        const collapseTriggered = e.type === 'hide.bs.collapse';
-
-        this.toggleField.value = collapseTriggered ? '1' : '0';
-        this.panelButton.setAttribute('aria-expanded', collapseTriggered ? 'false' : 'true');
-        this.panelButton.parentElement.classList.toggle('collapsed', collapseTriggered);
-      }).bindTo(this.containerContent);
-    });
-  }
-
-  private generatePreview(): void {
-    let previewContent = '';
-    if (this.getStatus().collapsed) {
-      const formFields: NodeListOf<HTMLInputElement|HTMLTextAreaElement> = this.containerContent.querySelectorAll('input[type="text"], textarea');
-      for (let field of formFields) {
-        let content = this.securityUtility.stripHtml(field.value);
-        if (content.length > 50) {
-          content = content.substring(0, 50) + '...';
-        }
-        previewContent += (previewContent ? ' / ' : '') + content;
-      }
-    }
-
-    this.panelHeading.querySelector(Selectors.contentPreviewSelector).textContent = previewContent;
-  }
-}
-
-export default FlexFormContainerContainer;
diff --git a/typo3_src/TypeScript/backend/form-engine/container/flex-form-section-container.ts b/typo3_src/TypeScript/backend/form-engine/container/flex-form-section-container.ts
deleted file mode 100644
index 7635cac..0000000
--- a/typo3_src/TypeScript/backend/form-engine/container/flex-form-section-container.ts
+++ /dev/null
@@ -1,216 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {Collapse} from 'bootstrap';
-import $ from 'jquery';
-import Sortable from 'sortablejs';
-import AjaxRequest from '@typo3/core/ajax/ajax-request';
-import {AjaxResponse} from '@typo3/core/ajax/ajax-response';
-import DocumentService from '@typo3/core/document-service';
-import FlexFormContainerContainer from './flex-form-container-container';
-import FormEngine from '@typo3/backend/form-engine';
-import RegularEvent from '@typo3/core/event/regular-event';
-import {JavaScriptItemProcessor} from '@typo3/core/java-script-item-processor';
-
-enum Selectors {
-  toggleAllSelector = '.t3-form-flexsection-toggle',
-  addContainerSelector = '.t3js-flex-container-add',
-  actionFieldSelector = '.t3js-flex-control-action',
-  sectionContainerSelector = '.t3js-flex-section',
-  sectionContentContainerSelector = '.t3js-flex-section-content',
-  sortContainerButtonSelector = '.t3js-sortable-handle',
-}
-
-class FlexFormSectionContainer {
-  private readonly sectionContainerId: string;
-  private container: HTMLElement;
-  private sectionContainer: HTMLElement;
-  private allowRestructure: boolean = false;
-  private flexformContainerContainers: FlexFormContainerContainer[] = [];
-
-  private static getCollapseInstance(container: HTMLElement): Collapse {
-    return Collapse.getInstance(container) ?? new Collapse(container, {toggle: false})
-  }
-
-  /**
-   * @param {string} elementId
-   */
-  constructor(elementId: string) {
-    this.sectionContainerId = elementId;
-
-    DocumentService.ready().then((document: Document): void => {
-      this.container = <HTMLElement>document.getElementById(elementId);
-      this.sectionContainer = this.container.querySelector(this.container.dataset.section) as HTMLElement;
-      this.allowRestructure = this.sectionContainer.dataset.t3FlexAllowRestructure === '1';
-
-      this.registerEvents();
-      this.registerContainers();
-    });
-  }
-
-  public getContainer(): HTMLElement {
-    return this.container;
-  }
-
-  public isRestructuringAllowed(): boolean {
-    return this.allowRestructure;
-  }
-
-  private registerEvents(): void {
-    if (this.allowRestructure) {
-      this.registerSortable();
-      this.registerContainerDeleted();
-    }
-
-    this.registerToggleAll();
-    this.registerCreateNewContainer();
-    this.registerPanelToggle();
-  }
-
-  private registerContainers(): void {
-    const sectionContainerContainers: NodeListOf<HTMLElement> = this.container.querySelectorAll(Selectors.sectionContainerSelector);
-    for (let sectionContainerContainer of sectionContainerContainers) {
-      this.flexformContainerContainers.push(new FlexFormContainerContainer(this, sectionContainerContainer));
-    }
-
-    this.updateToggleAllState();
-  }
-
-  private getToggleAllButton(): HTMLButtonElement {
-    return this.container.querySelector(Selectors.toggleAllSelector) as HTMLButtonElement;
-  }
-
-  private registerSortable(): void {
-    new Sortable(this.sectionContainer, {
-      group: this.sectionContainer.id,
-      handle: Selectors.sortContainerButtonSelector,
-      onSort: this.updateSorting,
-    });
-  }
-
-  private updateSorting = (e: Sortable.SortableEvent): void => {
-    const actionFields: NodeListOf<HTMLInputElement> = this.container.querySelectorAll(Selectors.actionFieldSelector);
-    actionFields.forEach((element: HTMLInputElement, key: number): void => {
-      element.value = key.toString();
-    });
-
-    this.updateToggleAllState();
-    this.flexformContainerContainers.splice(e.newIndex, 0, this.flexformContainerContainers.splice(e.oldIndex, 1)[0]);
-    document.dispatchEvent(new Event('formengine:flexform:sorting-changed'));
-  }
-
-  private registerToggleAll(): void {
-    new RegularEvent('click', (e: Event): void => {
-      const trigger = e.target as HTMLButtonElement;
-      const showAll = trigger.dataset.expandAll === 'true';
-      const collapsibles: NodeListOf<HTMLElement> = this.container.querySelectorAll(Selectors.sectionContentContainerSelector);
-
-      for (let collapsible of collapsibles) {
-        if (showAll) {
-          FlexFormSectionContainer.getCollapseInstance(collapsible).show();
-        } else {
-          FlexFormSectionContainer.getCollapseInstance(collapsible).hide();
-        }
-      }
-    }).bindTo(this.getToggleAllButton());
-  }
-
-  private registerCreateNewContainer(): void {
-    new RegularEvent('click', (e: Event, target: HTMLElement): void => {
-      e.preventDefault();
-      this.createNewContainer(target.dataset);
-    }).delegateTo(this.container, Selectors.addContainerSelector);
-  }
-
-  private createNewContainer(dataset: DOMStringMap): void {
-    (new AjaxRequest(TYPO3.settings.ajaxUrls.record_flex_container_add)).post({
-      vanillaUid: dataset.vanillauid,
-      databaseRowUid: dataset.databaserowuid,
-      command: dataset.command,
-      tableName: dataset.tablename,
-      fieldName: dataset.fieldname,
-      recordTypeValue: dataset.recordtypevalue,
-      dataStructureIdentifier: JSON.parse(dataset.datastructureidentifier),
-      flexFormSheetName: dataset.flexformsheetname,
-      flexFormFieldName: dataset.flexformfieldname,
-      flexFormContainerName: dataset.flexformcontainername,
-    }).then(async (response: AjaxResponse): Promise<any> => {
-      const data = await response.resolve();
-      const createdContainer = new DOMParser().parseFromString(data.html, 'text/html').body.firstElementChild as HTMLElement;
-
-      this.flexformContainerContainers.push(new FlexFormContainerContainer(this, createdContainer));
-
-      const sectionContainer = document.querySelector(dataset.target);
-      sectionContainer.insertAdjacentElement('beforeend', createdContainer);
-
-      if (data.scriptItems instanceof Array && data.scriptItems.length > 0) {
-        const processor = new JavaScriptItemProcessor();
-        processor.processItems(data.scriptItems);
-      }
-
-      // @todo deprecate or remove with TYPO3 v12.0
-      if (data.scriptCall && data.scriptCall.length > 0) {
-        $.each(data.scriptCall, function (index: number, value: string): void {
-          // eslint-disable-next-line no-eval
-          eval(value);
-        });
-      }
-      if (data.stylesheetFiles && data.stylesheetFiles.length > 0) {
-        $.each(data.stylesheetFiles, function (index: number, stylesheetFile: string): void {
-          let element = document.createElement('link');
-          element.rel = 'stylesheet';
-          element.type = 'text/css';
-          element.href = stylesheetFile;
-          document.head.appendChild(element);
-        });
-      }
-
-      this.updateToggleAllState();
-
-      FormEngine.reinitialize();
-      FormEngine.Validation.initializeInputFields();
-      FormEngine.Validation.validate(sectionContainer);
-
-      this.container.classList.add('has-change');
-    });
-  }
-
-  private registerContainerDeleted(): void {
-    new RegularEvent('formengine:flexform:container-deleted', (e: CustomEvent): void => {
-      const deletedContainerId = e.detail.containerId;
-      this.flexformContainerContainers = this.flexformContainerContainers.filter(
-        flexformContainerContainer => flexformContainerContainer.getStatus().id !== deletedContainerId
-      );
-
-      FormEngine.Validation.validate(this.container);
-      this.updateToggleAllState();
-    }).bindTo(this.container);
-  }
-
-  private registerPanelToggle(): void {
-    ['hide.bs.collapse', 'show.bs.collapse'].forEach((eventName: string): void => {
-      new RegularEvent(eventName, (): void => {
-        this.updateToggleAllState();
-      }).delegateTo(this.container, Selectors.sectionContentContainerSelector);
-    });
-  }
-
-  private updateToggleAllState(): void {
-    if (this.flexformContainerContainers.length > 0) {
-      const firstContainer = this.flexformContainerContainers.find(Boolean);
-      this.getToggleAllButton().dataset.expandAll = firstContainer.getStatus().collapsed === true ? 'true' : 'false'
-    }
-  }
-}
-
-export default FlexFormSectionContainer;
diff --git a/typo3_src/TypeScript/backend/form-engine/container/inline-control-container.ts b/typo3_src/TypeScript/backend/form-engine/container/inline-control-container.ts
deleted file mode 100644
index de7749c..0000000
--- a/typo3_src/TypeScript/backend/form-engine/container/inline-control-container.ts
+++ /dev/null
@@ -1,1225 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import AjaxRequest from '@typo3/core/ajax/ajax-request';
-import {MessageUtility} from '../../utility/message-utility';
-import {AjaxDispatcher} from './../inline-relation/ajax-dispatcher';
-import {InlineResponseInterface} from './../inline-relation/inline-response-interface';
-import DocumentService from '@typo3/core/document-service';
-import NProgress from 'nprogress';
-import Sortable from 'sortablejs';
-import FormEngine from '@typo3/backend/form-engine';
-import FormEngineValidation from '@typo3/backend/form-engine-validation';
-import Icons from '../../icons';
-import InfoWindow from '../../info-window';
-import Modal from '../../modal';
-import Notification from '../../notification';
-import RegularEvent from '@typo3/core/event/regular-event';
-import Severity from '../../severity';
-import Utility from '../../utility';
-
-enum Selectors {
-  toggleSelector = '[data-bs-toggle="formengine-inline"]',
-  controlSectionSelector = '.t3js-formengine-irre-control',
-  createNewRecordButtonSelector = '.t3js-create-new-button',
-  createNewRecordBySelectorSelector = '.t3js-create-new-selector',
-  deleteRecordButtonSelector = '.t3js-editform-delete-inline-record',
-  enableDisableRecordButtonSelector = '.t3js-toggle-visibility-button',
-  infoWindowButton = '[data-action="infowindow"]',
-  synchronizeLocalizeRecordButtonSelector = '.t3js-synchronizelocalize-button',
-  uniqueValueSelectors = 'select.t3js-inline-unique',
-  revertUniqueness = '.t3js-revert-unique',
-  controlContainer = '.t3js-inline-controls',
-}
-
-enum States {
-  new = 'inlineIsNewRecord',
-  visible = 'panel-visible',
-  collapsed = 'panel-collapsed',
-  notLoaded = 't3js-not-loaded',
-}
-
-enum Separators {
-  structureSeparator = '-',
-}
-
-enum SortDirections {
-  DOWN = 'down',
-  UP = 'up',
-}
-
-interface RequestQueue {
-  [key: string]: AjaxRequest;
-}
-
-interface ProgressQueue {
-  [key: string]: any;
-}
-
-interface Appearance {
-  expandSingle?: boolean;
-  useSortable?: boolean;
-}
-
-interface UniqueDefinition {
-  elTable: string;
-  field: string;
-  max: number;
-  possible: { [key: string]: string };
-  selector: string;
-  table: string;
-  type: string;
-  used: UniqueDefinitionCollection;
-}
-
-interface UniqueDefinitionCollection {
-  [key: string]: UniqueDefinitionUsed;
-}
-
-interface UniqueDefinitionUsed {
-  table: string;
-  uid: string | number;
-}
-
-class InlineControlContainer {
-  private container: HTMLElement = null;
-  private ajaxDispatcher: AjaxDispatcher = null;
-  private appearance: Appearance = null;
-  private requestQueue: RequestQueue = {};
-  private progessQueue: ProgressQueue = {};
-  private noTitleString: string = (TYPO3.lang ? TYPO3.lang['FormEngine.noRecordTitle'] : '[No title]');
-
-  /**
-   * @param {string} objectId
-   * @return HTMLDivElement
-   */
-  private static getInlineRecordContainer(objectId: string): HTMLDivElement {
-    return <HTMLDivElement>document.querySelector('[data-object-id="' + objectId + '"]');
-  }
-
-  /**
-   * @param {string} objectId
-   * @return HTMLButtonElement
-   */
-  private static getCollapseButton(objectId: string): HTMLButtonElement {
-    return <HTMLButtonElement>document.querySelector('[aria-controls="' + objectId + '_fields"]');
-  }
-
-  /**
-   * @param {string} objectId
-   */
-  private static toggleElement(objectId: string): void {
-    const recordContainer = InlineControlContainer.getInlineRecordContainer(objectId);
-    if (recordContainer.classList.contains(States.collapsed)) {
-      InlineControlContainer.expandElement(recordContainer, objectId);
-    } else {
-      InlineControlContainer.collapseElement(recordContainer, objectId);
-    }
-  }
-
-  /**
-   * @param {HTMLDivElement} recordContainer
-   * @param {string} objectId
-   */
-  private static collapseElement(recordContainer: HTMLDivElement, objectId: string): void {
-    const collapseButton = InlineControlContainer.getCollapseButton(objectId);
-    recordContainer.classList.remove(States.visible);
-    recordContainer.classList.add(States.collapsed);
-    collapseButton.setAttribute('aria-expanded', 'false');
-  }
-
-  /**
-   * @param {HTMLDivElement} recordContainer
-   * @param {string} objectId
-   */
-  private static expandElement(recordContainer: HTMLDivElement, objectId: string): void {
-    const collapseButton = InlineControlContainer.getCollapseButton(objectId);
-    recordContainer.classList.remove(States.collapsed);
-    recordContainer.classList.add(States.visible);
-    collapseButton.setAttribute('aria-expanded', 'true');
-  }
-
-  /**
-   * @param {string} objectId
-   * @return boolean
-   */
-  private static isNewRecord(objectId: string): boolean {
-    const recordContainer = InlineControlContainer.getInlineRecordContainer(objectId);
-    return recordContainer.classList.contains(States.new);
-  }
-
-  /**
-   * @param {string} objectId
-   * @param {boolean} value
-   */
-  private static updateExpandedCollapsedStateLocally(objectId: string, value: boolean): void {
-    const recordContainer = InlineControlContainer.getInlineRecordContainer(objectId);
-
-    const ucName = 'uc[inlineView]'
-      + '[' + recordContainer.dataset.topmostParentTable + ']'
-      + '[' + recordContainer.dataset.topmostParentUid + ']'
-      + recordContainer.dataset.fieldName;
-    const ucFormObj = document.getElementsByName(ucName);
-
-    if (ucFormObj.length) {
-      (<HTMLInputElement>ucFormObj[0]).value = value ? '1' : '0';
-    }
-  }
-
-  /**
-   * @param {UniqueDefinitionCollection} hashmap
-   */
-  private static getValuesFromHashMap(hashmap: UniqueDefinitionCollection): Array<any> {
-    return Object.keys(hashmap).map((key: string) => hashmap[key]);
-  }
-
-  private static selectOptionValueExists(selectElement: HTMLSelectElement, value: string): boolean {
-    return selectElement.querySelector('option[value="' + value + '"]') !== null;
-  }
-
-  /**
-   * @param {HTMLSelectElement} selectElement
-   * @param {string} value
-   */
-  private static removeSelectOptionByValue(selectElement: HTMLSelectElement, value: string): void {
-    const option = selectElement.querySelector('option[value="' + value + '"]');
-    if (option !== null) {
-      option.remove();
-    }
-  }
-
-  /**
-   * @param {HTMLSelectElement} selectElement
-   * @param {string} value
-   * @param {UniqueDefinition} unique
-   */
-  private static reAddSelectOption(selectElement: HTMLSelectElement, value: string, unique: UniqueDefinition): void {
-    if (InlineControlContainer.selectOptionValueExists(selectElement, value)) {
-      return;
-    }
-
-    const options: NodeListOf<HTMLOptionElement> = selectElement.querySelectorAll('option');
-    let index: number = -1;
-
-    for (let possibleValue of Object.keys(unique.possible)) {
-      if (possibleValue === value) {
-        break;
-      }
-
-      for (let k = 0; k < options.length; ++k) {
-        const option = options[k];
-        if (option.value === possibleValue) {
-          index = k;
-          break;
-        }
-      }
-    }
-
-    if (index === -1) {
-      index = 0;
-    } else if (index < options.length) {
-      index++;
-    }
-    // recreate the <option> tag
-    const readdOption = document.createElement('option');
-    readdOption.text = unique.possible[value];
-    readdOption.value = value;
-    // add the <option> at the right position
-    selectElement.insertBefore(readdOption, selectElement.options[index]);
-  }
-
-  /**
-   * @param {string} elementId
-   */
-  constructor(elementId: string) {
-    DocumentService.ready().then((document: Document): void => {
-      this.container = <HTMLElement>document.getElementById(elementId);
-      this.ajaxDispatcher = new AjaxDispatcher(this.container.dataset.objectGroup);
-
-      this.registerEvents();
-    });
-  }
-
-  private registerEvents(): void {
-    this.registerInfoButton();
-    this.registerSort();
-    this.registerCreateRecordButton();
-    this.registerEnableDisableButton();
-    this.registerDeleteButton();
-    this.registerSynchronizeLocalize();
-    this.registerRevertUniquenessAction();
-    this.registerToggle();
-
-    this.registerCreateRecordBySelector();
-    this.registerUniqueSelectFieldChanged();
-
-    new RegularEvent('message', this.handlePostMessage).bindTo(window);
-
-    if (this.getAppearance().useSortable) {
-      const recordListContainer = <HTMLDivElement>document.getElementById(this.container.getAttribute('id') + '_records');
-      // tslint:disable-next-line:no-unused-expression
-      new Sortable(recordListContainer, {
-        group: recordListContainer.getAttribute('id'),
-        handle: '.sortableHandle',
-        onSort: (): void => {
-          this.updateSorting();
-        },
-      });
-    }
-  }
-
-  private registerToggle(): void {
-    const me = this;
-    new RegularEvent('click', function(this: HTMLElement, e: Event) {
-      e.preventDefault();
-      e.stopImmediatePropagation();
-
-      me.loadRecordDetails(this.closest(Selectors.toggleSelector).parentElement.dataset.objectId);
-    }).delegateTo(this.container, `${Selectors.toggleSelector} .form-irre-header-cell:not(${Selectors.controlSectionSelector}`);
-  }
-
-  private registerSort(): void {
-    const me = this;
-    new RegularEvent('click', function(this: HTMLElement, e: Event) {
-      e.preventDefault();
-      e.stopImmediatePropagation();
-
-      me.changeSortingByButton(
-        (<HTMLDivElement>this.closest('[data-object-id]')).dataset.objectId,
-        <SortDirections>this.dataset.direction,
-      );
-    }).delegateTo(this.container, Selectors.controlSectionSelector + ' [data-action="sort"]');
-  }
-
-  private registerCreateRecordButton(): void {
-    const me = this;
-    new RegularEvent('click', function(this: HTMLElement, e: Event) {
-      e.preventDefault();
-      e.stopImmediatePropagation();
-
-      if (me.isBelowMax()) {
-        let objectId = me.container.dataset.objectGroup;
-        if (typeof this.dataset.recordUid !== 'undefined') {
-          objectId += Separators.structureSeparator + this.dataset.recordUid;
-        }
-
-        me.importRecord([objectId, (me.container.querySelector(Selectors.createNewRecordBySelectorSelector) as HTMLInputElement)?.value], this.dataset.recordUid ?? null);
-      }
-    }).delegateTo(this.container, Selectors.createNewRecordButtonSelector);
-  }
-
-  private registerCreateRecordBySelector(): void {
-    const me = this;
-    new RegularEvent('change', function(this: HTMLElement, e: Event) {
-      e.preventDefault();
-      e.stopImmediatePropagation();
-
-      const selectTarget = <HTMLSelectElement>this;
-      const recordUid = selectTarget.options[selectTarget.selectedIndex].getAttribute('value');
-
-      me.importRecord([me.container.dataset.objectGroup, recordUid]);
-    }).delegateTo(this.container, Selectors.createNewRecordBySelectorSelector);
-  }
-
-  /**
-   * @param {MessageEvent} e
-   */
-  private handlePostMessage = (e: MessageEvent): void => {
-    if (!MessageUtility.verifyOrigin(e.origin)) {
-      throw 'Denied message sent by ' + e.origin;
-    }
-
-    if (e.data.actionName === 'typo3:foreignRelation:insert') {
-      if (typeof e.data.objectGroup === 'undefined') {
-        throw 'No object group defined for message';
-      }
-
-      if (e.data.objectGroup !== this.container.dataset.objectGroup) {
-        // Received message isn't provisioned for current InlineControlContainer instance
-        return;
-      }
-
-      if (this.isUniqueElementUsed(parseInt(e.data.uid, 10), e.data.table)) {
-        Notification.error('There is already a relation to the selected element');
-        return;
-      }
-
-      this.importRecord([e.data.objectGroup, e.data.uid]).then((): void => {
-        if (e.source) {
-          const message = {
-            actionName: 'typo3:foreignRelation:inserted',
-            objectGroup: e.data.objectId,
-            table: e.data.table,
-            uid: e.data.uid,
-          };
-          MessageUtility.send(message, e.source as Window);
-        }
-      });
-    }
-  }
-
-  /**
-   * @param {string} uid
-   * @param {string} markup
-   * @param {string} afterUid
-   * @param {string} selectedValue
-   */
-  private createRecord(uid: string, markup: string, afterUid: string = null, selectedValue: string = null): void {
-    let objectId = this.container.dataset.objectGroup;
-    if (afterUid !== null) {
-      objectId += Separators.structureSeparator + afterUid;
-    }
-
-    if (afterUid !== null) {
-      InlineControlContainer.getInlineRecordContainer(objectId).insertAdjacentHTML('afterend', markup);
-      this.memorizeAddRecord(uid, afterUid, selectedValue);
-    } else {
-      document.getElementById(this.container.getAttribute('id') + '_records').insertAdjacentHTML('beforeend', markup);
-      this.memorizeAddRecord(uid, null, selectedValue);
-    }
-  }
-
-  /**
-   * @param {Array} params
-   * @param {string} afterUid
-   */
-  private async importRecord(params: Array<any>, afterUid?: string): Promise<void> {
-    return this.ajaxDispatcher.send(
-      this.ajaxDispatcher.newRequest(this.ajaxDispatcher.getEndpoint('record_inline_create')),
-      params,
-    ).then(async (response: InlineResponseInterface): Promise<void> => {
-      if (this.isBelowMax()) {
-        this.createRecord(
-          response.compilerInput.uid,
-          response.data,
-          typeof afterUid !== 'undefined' ? afterUid : null,
-          typeof response.compilerInput.childChildUid !== 'undefined' ? response.compilerInput.childChildUid : null,
-        );
-      }
-    });
-  }
-
-  private registerEnableDisableButton(): void {
-    new RegularEvent('click', (e: Event, target: HTMLElement): void => {
-      e.preventDefault();
-      e.stopImmediatePropagation();
-
-      const objectId = (<HTMLDivElement>target.closest('[data-object-id]')).dataset.objectId;
-      const recordContainer = InlineControlContainer.getInlineRecordContainer(objectId);
-      const hiddenFieldName = 'data' + recordContainer.dataset.fieldName + '[' + target.dataset.hiddenField + ']';
-      const hiddenValueCheckBox = <HTMLInputElement>document.querySelector('[data-formengine-input-name="' + hiddenFieldName + '"');
-      const hiddenValueInput = <HTMLInputElement>document.querySelector('[name="' + hiddenFieldName + '"');
-
-      if (hiddenValueCheckBox !== null && hiddenValueInput !== null) {
-        hiddenValueCheckBox.checked = !hiddenValueCheckBox.checked;
-        hiddenValueInput.value = hiddenValueCheckBox.checked ? '1' : '0';
-        FormEngineValidation.markFieldAsChanged(hiddenValueCheckBox);
-      }
-
-      const hiddenClass = 't3-form-field-container-inline-hidden';
-      const isHidden = recordContainer.classList.contains(hiddenClass);
-      let toggleIcon: string;
-
-      if (isHidden) {
-        toggleIcon = 'actions-edit-hide';
-        recordContainer.classList.remove(hiddenClass);
-      } else {
-        toggleIcon = 'actions-edit-unhide';
-        recordContainer.classList.add(hiddenClass);
-      }
-
-      Icons.getIcon(toggleIcon, Icons.sizes.small).then((markup: string): void => {
-        target.replaceChild(document.createRange().createContextualFragment(markup), target.querySelector('.t3js-icon'));
-      });
-    }).delegateTo(this.container, Selectors.enableDisableRecordButtonSelector);
-  }
-
-  private registerInfoButton(): void {
-    new RegularEvent('click', function(this: HTMLElement, e: Event) {
-      e.preventDefault();
-      e.stopImmediatePropagation();
-
-      InfoWindow.showItem(this.dataset.infoTable, this.dataset.infoUid);
-    }).delegateTo(this.container, Selectors.infoWindowButton);
-  }
-
-  private registerDeleteButton(): void {
-    const me = this;
-    new RegularEvent('click', function(this: HTMLElement, e: Event) {
-      e.preventDefault();
-      e.stopImmediatePropagation();
-
-      const title = TYPO3.lang['label.confirm.delete_record.title'] || 'Delete this record?';
-      const content = TYPO3.lang['label.confirm.delete_record.content'] || 'Are you sure you want to delete this record?';
-      const $modal = Modal.confirm(title, content, Severity.warning, [
-        {
-          text: TYPO3.lang['buttons.confirm.delete_record.no'] || 'Cancel',
-          active: true,
-          btnClass: 'btn-default',
-          name: 'no',
-        },
-        {
-          text: TYPO3.lang['buttons.confirm.delete_record.yes'] || 'Yes, delete this record',
-          btnClass: 'btn-warning',
-          name: 'yes',
-        },
-      ]);
-      $modal.on('button.clicked', (modalEvent: Event): void => {
-        if ((<HTMLAnchorElement>modalEvent.target).name === 'yes') {
-          const objectId = (<HTMLDivElement>this.closest('[data-object-id]')).dataset.objectId;
-          me.deleteRecord(objectId);
-        }
-
-        Modal.dismiss();
-      });
-    }).delegateTo(this.container, Selectors.deleteRecordButtonSelector);
-  }
-
-  /**
-   * @param {Event} e
-   */
-  private registerSynchronizeLocalize(): void {
-    const me = this;
-    new RegularEvent('click', function(this: HTMLElement, e: Event) {
-      e.preventDefault();
-      e.stopImmediatePropagation();
-
-      me.ajaxDispatcher.send(
-        me.ajaxDispatcher.newRequest(me.ajaxDispatcher.getEndpoint('record_inline_synchronizelocalize')),
-        [me.container.dataset.objectGroup, this.dataset.type],
-      ).then(async (response: InlineResponseInterface): Promise<any> => {
-        document.getElementById(me.container.getAttribute('id') + '_records').insertAdjacentHTML('beforeend', response.data);
-
-        const objectIdPrefix = me.container.dataset.objectGroup + Separators.structureSeparator;
-        for (let itemUid of response.compilerInput.delete) {
-          me.deleteRecord(objectIdPrefix + itemUid, true);
-        }
-
-        for (let item of Object.values(response.compilerInput.localize)) {
-          if (typeof item.remove !== 'undefined') {
-            const removableRecordContainer = InlineControlContainer.getInlineRecordContainer(objectIdPrefix + item.remove);
-            removableRecordContainer.parentElement.removeChild(removableRecordContainer);
-          }
-
-          me.memorizeAddRecord(item.uid, null, item.selectedValue);
-        }
-      });
-    }).delegateTo(this.container, Selectors.synchronizeLocalizeRecordButtonSelector);
-  }
-
-  private registerUniqueSelectFieldChanged(): void {
-    const me = this;
-    new RegularEvent('change', function(this: HTMLElement, e: Event) {
-      e.preventDefault();
-      e.stopImmediatePropagation();
-
-      const recordContainer = (<HTMLDivElement>this.closest('[data-object-id]'));
-      if (recordContainer !== null) {
-        const objectId = recordContainer.dataset.objectId;
-        const objectUid = recordContainer.dataset.objectUid;
-        me.handleChangedField(<HTMLSelectElement>this, objectId);
-
-        const formField = me.getFormFieldForElements();
-        if (formField === null) {
-          return;
-        }
-        me.updateUnique(<HTMLSelectElement>this, formField, objectUid);
-      }
-    }).delegateTo(this.container, Selectors.uniqueValueSelectors);
-  }
-
-  private registerRevertUniquenessAction(): void {
-    const me = this;
-    new RegularEvent('click', function(this: HTMLElement, e: Event) {
-      e.preventDefault();
-      e.stopImmediatePropagation();
-
-      me.revertUnique(this.dataset.uid);
-    }).delegateTo(this.container, Selectors.revertUniqueness);
-  }
-
-  /**
-   * @param {string} objectId
-   */
-  private loadRecordDetails(objectId: string): void {
-    const recordFieldsContainer = document.getElementById(objectId + '_fields');
-    const recordContainer = InlineControlContainer.getInlineRecordContainer(objectId);
-    const isLoading = typeof this.requestQueue[objectId] !== 'undefined';
-    const isLoaded = recordFieldsContainer !== null && !recordContainer.classList.contains(States.notLoaded);
-
-    if (!isLoaded) {
-      const progress = this.getProgress(objectId, recordContainer.dataset.objectIdHash);
-
-      if (!isLoading) {
-        const ajaxRequest = this.ajaxDispatcher.newRequest(this.ajaxDispatcher.getEndpoint('record_inline_details'));
-        const request = this.ajaxDispatcher.send(ajaxRequest, [objectId]);
-
-        request.then(async (response: InlineResponseInterface): Promise<any> => {
-          delete this.requestQueue[objectId];
-          delete this.progessQueue[objectId];
-
-          recordContainer.classList.remove(States.notLoaded);
-          recordFieldsContainer.innerHTML = response.data;
-          this.collapseExpandRecord(objectId);
-
-          progress.done();
-
-          FormEngine.reinitialize();
-          FormEngineValidation.initializeInputFields();
-          FormEngineValidation.validate(this.container);
-
-          if (this.hasObjectGroupDefinedUniqueConstraints()) {
-            const recordContainer = InlineControlContainer.getInlineRecordContainer(objectId);
-            this.removeUsed(recordContainer);
-          }
-        });
-
-        this.requestQueue[objectId] = ajaxRequest;
-        progress.start();
-      } else {
-        // Abort loading if collapsed again
-        this.requestQueue[objectId].abort();
-        delete this.requestQueue[objectId];
-        delete this.progessQueue[objectId];
-        progress.done();
-      }
-
-      return;
-    }
-
-    this.collapseExpandRecord(objectId);
-  }
-
-  /**
-   * Collapses or expands a record and stores the state either in a form field or directly in backend user's UC, depending
-   * on whether the record is new or already existing.
-   *
-   * @param {String} objectId
-   */
-  private collapseExpandRecord(objectId: string): void {
-    const recordElement = InlineControlContainer.getInlineRecordContainer(objectId);
-    const expandSingle = this.getAppearance().expandSingle === true;
-    const isCollapsed: boolean = recordElement.classList.contains(States.collapsed);
-    let collapse: Array<string> = [];
-    const expand: Array<string> = [];
-
-    if (expandSingle && isCollapsed) {
-      collapse = this.collapseAllRecords(recordElement.dataset.objectUid);
-    }
-
-    InlineControlContainer.toggleElement(objectId);
-
-    if (InlineControlContainer.isNewRecord(objectId)) {
-      InlineControlContainer.updateExpandedCollapsedStateLocally(objectId, isCollapsed);
-    } else if (isCollapsed) {
-      expand.push(recordElement.dataset.objectUid);
-    } else if (!isCollapsed) {
-      collapse.push(recordElement.dataset.objectUid);
-    }
-
-    this.ajaxDispatcher.send(
-      this.ajaxDispatcher.newRequest(this.ajaxDispatcher.getEndpoint('record_inline_expandcollapse')),
-      [objectId, expand.join(','), collapse.join(',')]
-    );
-  }
-
-  /**
-   * @param {string} newUid
-   * @param {string} afterUid
-   * @param {string} selectedValue
-   */
-  private memorizeAddRecord(newUid: string, afterUid: string = null, selectedValue: string = null): void {
-    const formField = this.getFormFieldForElements();
-    if (formField === null) {
-      return;
-    }
-
-    let records = Utility.trimExplode(',', (<HTMLInputElement>formField).value);
-    if (afterUid) {
-      const newRecords = [];
-      for (let i = 0; i < records.length; i++) {
-        if (records[i].length) {
-          newRecords.push(records[i]);
-        }
-        if (afterUid === records[i]) {
-          newRecords.push(newUid);
-        }
-      }
-      records = newRecords;
-    } else {
-      records.push(newUid);
-    }
-
-    (<HTMLInputElement>formField).value = records.join(',');
-    (<HTMLInputElement>formField).classList.add('has-change');
-    document.dispatchEvent(new Event('change'));
-
-    this.redrawSortingButtons(this.container.dataset.objectGroup, records);
-    this.setUnique(newUid, selectedValue);
-
-    if (!this.isBelowMax()) {
-      this.toggleContainerControls(false);
-    }
-
-    FormEngine.reinitialize();
-    FormEngineValidation.initializeInputFields();
-    FormEngineValidation.validate(this.container);
-  }
-
-  /**
-   * @param {String} objectUid
-   * @return Array<string>
-   */
-  private memorizeRemoveRecord(objectUid: string): Array<string> {
-    const formField = this.getFormFieldForElements();
-    if (formField === null) {
-      return [];
-    }
-
-    let records = Utility.trimExplode(',', (<HTMLInputElement>formField).value);
-    const indexOfRemoveUid = records.indexOf(objectUid);
-    if (indexOfRemoveUid > -1) {
-      delete records[indexOfRemoveUid];
-
-      (<HTMLInputElement>formField).value = records.join(',');
-      (<HTMLInputElement>formField).classList.add('has-change');
-      document.dispatchEvent(new Event('change'));
-
-      this.redrawSortingButtons(this.container.dataset.objectGroup, records);
-    }
-
-    return records;
-  }
-
-  /**
-   * @param {string} objectId
-   * @param {SortDirections} direction
-   */
-  private changeSortingByButton(objectId: string, direction: SortDirections): void {
-    const currentRecordContainer = InlineControlContainer.getInlineRecordContainer(objectId);
-    const recordUid = currentRecordContainer.dataset.objectUid;
-    const recordListContainer = <HTMLDivElement>document.getElementById(this.container.getAttribute('id') + '_records');
-    const records = Array.from(recordListContainer.children).map((child: HTMLElement) => child.dataset.objectUid);
-    let position = records.indexOf(recordUid);
-    let isChanged = false;
-
-    if (direction === SortDirections.UP && position > 0) {
-      records[position] = records[position - 1];
-      records[position - 1] = recordUid;
-      isChanged = true;
-    } else if (direction === SortDirections.DOWN && position < records.length - 1) {
-      records[position] = records[position + 1];
-      records[position + 1] = recordUid;
-      isChanged = true;
-    }
-
-    if (isChanged) {
-      const objectIdPrefix = this.container.dataset.objectGroup + Separators.structureSeparator;
-      const adjustment = direction === SortDirections.UP ? 1 : 0;
-      currentRecordContainer.parentElement.insertBefore(
-        InlineControlContainer.getInlineRecordContainer(objectIdPrefix + records[position - adjustment]),
-        InlineControlContainer.getInlineRecordContainer(objectIdPrefix + records[position + 1 - adjustment]),
-      );
-
-      this.updateSorting();
-    }
-  }
-
-  private updateSorting(): void {
-    const formField = this.getFormFieldForElements();
-    if (formField === null) {
-      return;
-    }
-
-    const recordListContainer = <HTMLDivElement>document.getElementById(this.container.getAttribute('id') + '_records');
-    const records = Array.from(recordListContainer.querySelectorAll('[data-object-parent-group="' + this.container.dataset.objectGroup + '"][data-placeholder-record="0"]'))
-      .map((child: HTMLElement) => child.dataset.objectUid);
-
-    (<HTMLInputElement>formField).value = records.join(',');
-    (<HTMLInputElement>formField).classList.add('has-change');
-    document.dispatchEvent(new Event('inline:sorting-changed'));
-    document.dispatchEvent(new Event('change'));
-
-    this.redrawSortingButtons(this.container.dataset.objectGroup, records);
-  }
-
-  /**
-   * @param {String} objectId
-   * @param {Boolean} forceDirectRemoval
-   */
-  private deleteRecord(objectId: string, forceDirectRemoval: boolean = false): void {
-    const recordContainer = InlineControlContainer.getInlineRecordContainer(objectId);
-    const objectUid = recordContainer.dataset.objectUid;
-
-    recordContainer.classList.add('t3js-inline-record-deleted');
-
-    if (!InlineControlContainer.isNewRecord(objectId) && !forceDirectRemoval) {
-      const deleteCommandInput = this.container.querySelector('[name="cmd' + recordContainer.dataset.fieldName + '[delete]"]');
-      deleteCommandInput.removeAttribute('disabled');
-
-      // Move input field to inline container so we can remove the record container
-      recordContainer.parentElement.insertAdjacentElement('afterbegin', deleteCommandInput);
-    }
-
-    new RegularEvent('transitionend', (): void => {
-      recordContainer.parentElement.removeChild(recordContainer);
-      FormEngineValidation.validate(this.container);
-    }).bindTo(recordContainer);
-
-    this.revertUnique(objectUid);
-    this.memorizeRemoveRecord(objectUid);
-    recordContainer.classList.add('form-irre-object--deleted');
-
-    if (this.isBelowMax()) {
-      this.toggleContainerControls(true);
-    }
-  }
-
-  /**
-   * @param {boolean} visible
-   */
-  private toggleContainerControls(visible: boolean): void {
-    const controlContainer = this.container.querySelector(Selectors.controlContainer);
-    if (controlContainer === null) {
-      return;
-    }
-    const controlContainerButtons = controlContainer.querySelectorAll('button, a');
-    controlContainerButtons.forEach((button: HTMLElement): void => {
-      button.style.display = visible ? null : 'none';
-    });
-  }
-
-  /**
-   * @param {string} objectId
-   * @param {string} objectIdHash
-   */
-  private getProgress(objectId: string, objectIdHash: string): any {
-    const headerIdentifier = '#' + objectIdHash + '_header';
-    let progress: any;
-
-    if (typeof this.progessQueue[objectId] !== 'undefined') {
-      progress = this.progessQueue[objectId];
-    } else {
-      progress = NProgress;
-      progress.configure({parent: headerIdentifier, showSpinner: false});
-      this.progessQueue[objectId] = progress;
-    }
-
-    return progress;
-  }
-
-  /**
-   * @param {string} excludeUid
-   */
-  private collapseAllRecords(excludeUid: string): Array<string> {
-    const formField = this.getFormFieldForElements();
-    const collapse: Array<string> = [];
-
-    if (formField !== null) {
-      const records = Utility.trimExplode(',', (<HTMLInputElement>formField).value);
-      for (let recordUid of records) {
-        if (recordUid === excludeUid) {
-          continue;
-        }
-
-        const recordObjectId = this.container.dataset.objectGroup + Separators.structureSeparator + recordUid;
-        const recordContainer = InlineControlContainer.getInlineRecordContainer(recordObjectId);
-        if (recordContainer.classList.contains(States.visible)) {
-          InlineControlContainer.collapseElement(recordContainer, recordObjectId);
-
-          if (InlineControlContainer.isNewRecord(recordObjectId)) {
-            InlineControlContainer.updateExpandedCollapsedStateLocally(recordObjectId, false);
-          } else {
-            collapse.push(recordUid);
-          }
-        }
-      }
-    }
-
-    return collapse;
-  }
-
-  /**
-   * @return HTMLInputElement | void
-   */
-  private getFormFieldForElements(): HTMLInputElement | null {
-    const formFields = document.getElementsByName(this.container.dataset.formField);
-    if (formFields.length > 0) {
-      return <HTMLInputElement>formFields[0];
-    }
-
-    return null;
-  }
-
-  /**
-   * Redraws rhe sorting buttons of each record
-   *
-   * @param {string} objectId
-   * @param {Array<string>} records
-   */
-  private redrawSortingButtons(objectId: string, records: Array<string> = []): void {
-    if (records.length === 0) {
-      const formField = this.getFormFieldForElements();
-      if (formField !== null) {
-        records = Utility.trimExplode(',', (<HTMLInputElement>formField).value);
-      }
-    }
-
-    if (records.length === 0) {
-      return;
-    }
-
-    records.forEach((recordUid: string, index: number): void => {
-      const recordContainer = InlineControlContainer.getInlineRecordContainer(objectId + Separators.structureSeparator + recordUid);
-      const headerIdentifier = recordContainer.dataset.objectIdHash + '_header';
-      const headerElement = document.getElementById(headerIdentifier);
-      const sortUp = headerElement.querySelector('[data-action="sort"][data-direction="' + SortDirections.UP + '"]');
-
-      if (sortUp !== null) {
-        let iconIdentifier = 'actions-move-up';
-        if (index === 0) {
-          sortUp.classList.add('disabled');
-          iconIdentifier = 'empty-empty';
-        } else {
-          sortUp.classList.remove('disabled');
-        }
-        Icons.getIcon(iconIdentifier, Icons.sizes.small).then((markup: string): void => {
-          sortUp.replaceChild(document.createRange().createContextualFragment(markup), sortUp.querySelector('.t3js-icon'));
-        });
-      }
-
-      const sortDown = headerElement.querySelector('[data-action="sort"][data-direction="' + SortDirections.DOWN + '"]');
-      if (sortDown !== null) {
-        let iconIdentifier = 'actions-move-down';
-        if (index === records.length - 1) {
-          sortDown.classList.add('disabled');
-          iconIdentifier = 'empty-empty';
-        } else {
-          sortDown.classList.remove('disabled');
-        }
-        Icons.getIcon(iconIdentifier, Icons.sizes.small).then((markup: string): void => {
-          sortDown.replaceChild(document.createRange().createContextualFragment(markup), sortDown.querySelector('.t3js-icon'));
-        });
-      }
-    });
-  }
-
-  /**
-   * @return {boolean}
-   */
-  private isBelowMax(): boolean {
-    const formField = this.getFormFieldForElements();
-    if (formField === null) {
-      return true;
-    }
-
-    if (typeof TYPO3.settings.FormEngineInline.config[this.container.dataset.objectGroup] !== 'undefined') {
-      const records = Utility.trimExplode(',', (<HTMLInputElement>formField).value);
-      if (records.length >= TYPO3.settings.FormEngineInline.config[this.container.dataset.objectGroup].max) {
-        return false;
-      }
-
-      if (this.hasObjectGroupDefinedUniqueConstraints()) {
-        const unique = TYPO3.settings.FormEngineInline.unique[this.container.dataset.objectGroup];
-        if (unique.used.length >= unique.max && unique.max >= 0) {
-          return false;
-        }
-      }
-    }
-
-    return true;
-  }
-
-  /**
-   * @param {number} uid
-   * @param {string} table
-   */
-  private isUniqueElementUsed(uid: number, table: string): boolean {
-    if (!this.hasObjectGroupDefinedUniqueConstraints()) {
-      return false;
-    }
-
-    const unique: UniqueDefinition = TYPO3.settings.FormEngineInline.unique[this.container.dataset.objectGroup];
-    const values = InlineControlContainer.getValuesFromHashMap(unique.used);
-
-    if (unique.type === 'select' && values.indexOf(uid) !== -1) {
-      return true;
-    }
-
-    if (unique.type === 'groupdb') {
-      for (let i = values.length - 1; i >= 0; i--) {
-        // if the pair table:uid is already used:
-        if (values[i].table === table && values[i].uid === uid) {
-          return true;
-        }
-      }
-    }
-
-    return false;
-  }
-
-  /**
-   * @param {HTMLDivElement} recordContainer
-   */
-  private removeUsed(recordContainer: HTMLDivElement): void {
-    if (!this.hasObjectGroupDefinedUniqueConstraints()) {
-      return;
-    }
-
-    const unique: UniqueDefinition = TYPO3.settings.FormEngineInline.unique[this.container.dataset.objectGroup];
-    if (unique.type !== 'select') {
-      return;
-    }
-
-    let uniqueValueField = <HTMLSelectElement>recordContainer.querySelector(
-      '[name="data[' + unique.table + '][' + recordContainer.dataset.objectUid + '][' + unique.field + ']"]',
-    );
-    const values = InlineControlContainer.getValuesFromHashMap(unique.used);
-
-    if (uniqueValueField !== null) {
-      const selectedValue = uniqueValueField.options[uniqueValueField.selectedIndex].value;
-      for (let value of values) {
-        if (value !== selectedValue) {
-          InlineControlContainer.removeSelectOptionByValue(uniqueValueField, value);
-        }
-      }
-    }
-  }
-
-  /**
-   * @param {string} recordUid
-   * @param {string} selectedValue
-   */
-  private setUnique(recordUid: string, selectedValue: string): void {
-    if (!this.hasObjectGroupDefinedUniqueConstraints()) {
-      return;
-    }
-    const selectorElement: HTMLSelectElement = <HTMLSelectElement>document.getElementById(
-      this.container.dataset.objectGroup + '_selector',
-    );
-    const unique: UniqueDefinition = TYPO3.settings.FormEngineInline.unique[this.container.dataset.objectGroup];
-    if (unique.type === 'select') {
-      if (!(unique.selector && unique.max === -1)) {
-        const formField = this.getFormFieldForElements();
-        const recordObjectId = this.container.dataset.objectGroup + Separators.structureSeparator + recordUid;
-        const recordContainer = InlineControlContainer.getInlineRecordContainer(recordObjectId);
-        let uniqueValueField = <HTMLSelectElement>recordContainer.querySelector(
-          '[name="data[' + unique.table + '][' + recordUid + '][' + unique.field + ']"]',
-        );
-        const values = InlineControlContainer.getValuesFromHashMap(unique.used);
-        if (selectorElement !== null) {
-          // remove all items from the new select-item which are already used in other children
-          if (uniqueValueField !== null) {
-            for (let value of values) {
-              InlineControlContainer.removeSelectOptionByValue(uniqueValueField, value);
-            }
-            // set the selected item automatically to the first of the remaining items if no selector is used
-            if (!unique.selector) {
-              selectedValue = uniqueValueField.options[0].value;
-              uniqueValueField.options[0].selected = true;
-              this.updateUnique(uniqueValueField, formField, recordUid);
-              this.handleChangedField(uniqueValueField, this.container.dataset.objectGroup + '[' + recordUid + ']');
-            }
-          }
-          for (let value of values) {
-            InlineControlContainer.removeSelectOptionByValue(uniqueValueField, value);
-          }
-          if (typeof unique.used.length !== 'undefined') {
-            unique.used = {};
-          }
-          unique.used[recordUid] = {
-            table: unique.elTable,
-            uid: selectedValue,
-          };
-        }
-        // remove the newly used item from each select-field of the child records
-        if (formField !== null && InlineControlContainer.selectOptionValueExists(selectorElement, selectedValue)) {
-          const records = Utility.trimExplode(',', (<HTMLInputElement>formField).value);
-          for (let record of records) {
-            uniqueValueField = <HTMLSelectElement>document.querySelector(
-              '[name="data[' + unique.table + '][' + record + '][' + unique.field + ']"]',
-            );
-            if (uniqueValueField !== null && record !== recordUid) {
-              InlineControlContainer.removeSelectOptionByValue(uniqueValueField, selectedValue);
-            }
-          }
-        }
-      }
-    } else if (unique.type === 'groupdb') {
-      // add the new record to the used items:
-      unique.used[recordUid] = {
-        table: unique.elTable,
-        uid: selectedValue,
-      };
-    }
-
-    // remove used items from a selector-box
-    if (unique.selector === 'select' && InlineControlContainer.selectOptionValueExists(selectorElement, selectedValue)) {
-      InlineControlContainer.removeSelectOptionByValue(selectorElement, selectedValue);
-      unique.used[recordUid] = {
-        table: unique.elTable,
-        uid: selectedValue,
-      };
-    }
-  }
-
-  /**
-   * @param {HTMLSelectElement} srcElement
-   * @param {HTMLInputElement} formField
-   * @param {string} recordUid
-   */
-  private updateUnique(srcElement: HTMLSelectElement, formField: HTMLInputElement, recordUid: string): void {
-    if (!this.hasObjectGroupDefinedUniqueConstraints()) {
-      return;
-    }
-    const unique = TYPO3.settings.FormEngineInline.unique[this.container.dataset.objectGroup];
-    const oldValue = unique.used[recordUid];
-
-    if (unique.selector === 'select') {
-      const selectorElement: HTMLSelectElement = <HTMLSelectElement>document.getElementById(
-        this.container.dataset.objectGroup + '_selector',
-      );
-      InlineControlContainer.removeSelectOptionByValue(selectorElement, srcElement.value);
-      if (typeof oldValue !== 'undefined') {
-        InlineControlContainer.reAddSelectOption(selectorElement, oldValue, unique);
-      }
-    }
-
-    if (unique.selector && unique.max === -1) {
-      return;
-    }
-
-    if (!unique || formField === null) {
-      return;
-    }
-
-    const records = Utility.trimExplode(',', formField.value);
-    let uniqueValueField;
-    for (let record of records) {
-      uniqueValueField = <HTMLSelectElement>document.querySelector(
-        '[name="data[' + unique.table + '][' + record + '][' + unique.field + ']"]',
-      );
-      if (uniqueValueField !== null && uniqueValueField !== srcElement) {
-        InlineControlContainer.removeSelectOptionByValue(uniqueValueField, srcElement.value);
-        if (typeof oldValue !== 'undefined') {
-          InlineControlContainer.reAddSelectOption(uniqueValueField, oldValue, unique);
-        }
-      }
-    }
-    unique.used[recordUid] = srcElement.value;
-  }
-
-  /**
-   * @param {string} recordUid
-   */
-  private revertUnique(recordUid: string): void {
-    if (!this.hasObjectGroupDefinedUniqueConstraints()) {
-      return;
-    }
-
-    const unique = TYPO3.settings.FormEngineInline.unique[this.container.dataset.objectGroup];
-    const recordObjectId = this.container.dataset.objectGroup + Separators.structureSeparator + recordUid;
-    const recordContainer = InlineControlContainer.getInlineRecordContainer(recordObjectId);
-
-    let uniqueValueField = <HTMLSelectElement>recordContainer.querySelector(
-      '[name="data[' + unique.table + '][' + recordContainer.dataset.objectUid + '][' + unique.field + ']"]',
-    );
-    if (unique.type === 'select') {
-      let uniqueValue;
-      if (uniqueValueField !== null) {
-        uniqueValue = uniqueValueField.value;
-      } else if (recordContainer.dataset.tableUniqueOriginalValue !== '') {
-        uniqueValue = recordContainer.dataset.tableUniqueOriginalValue;
-      } else {
-        return;
-      }
-
-      if (unique.selector === 'select') {
-        if (!isNaN(parseInt(uniqueValue, 10))) {
-          const selectorElement: HTMLSelectElement = <HTMLSelectElement>document.getElementById(
-            this.container.dataset.objectGroup + '_selector',
-          );
-          InlineControlContainer.reAddSelectOption(selectorElement, uniqueValue, unique);
-        }
-      }
-
-      if (unique.selector && unique.max === -1) {
-        return;
-      }
-
-      const formField = this.getFormFieldForElements();
-      if (formField === null) {
-        return;
-      }
-
-      const records = Utility.trimExplode(',', formField.value);
-      let recordObj;
-      // walk through all inline records on that level and get the select field
-      for (let i = 0; i < records.length; i++) {
-        recordObj = <HTMLSelectElement>document.querySelector(
-          '[name="data[' + unique.table + '][' + records[i] + '][' + unique.field + ']"]',
-        );
-        if (recordObj !== null) {
-          InlineControlContainer.reAddSelectOption(recordObj, uniqueValue, unique);
-        }
-      }
-
-      delete unique.used[recordUid];
-    } else if (unique.type === 'groupdb') {
-      delete unique.used[recordUid];
-    }
-  }
-
-  /**
-   * @return {boolean}
-   */
-  private hasObjectGroupDefinedUniqueConstraints(): boolean {
-    return typeof TYPO3.settings.FormEngineInline.unique !== 'undefined'
-      && typeof TYPO3.settings.FormEngineInline.unique[this.container.dataset.objectGroup] !== 'undefined';
-  }
-
-  /**
-   * @param {HTMLInputElement | HTMLSelectElement} formField
-   * @param {string} objectId
-   */
-  private handleChangedField(formField: HTMLInputElement | HTMLSelectElement, objectId: string): void {
-    let value;
-    if (formField instanceof HTMLSelectElement) {
-      value = formField.options[formField.selectedIndex].text;
-    } else {
-      value = formField.value;
-    }
-    document.getElementById(objectId + '_label').textContent = value.length ? value : this.noTitleString;
-  }
-
-  /**
-   * @return {Object}
-   */
-  private getAppearance(): Appearance {
-    if (this.appearance === null) {
-      this.appearance = {};
-
-      if (typeof this.container.dataset.appearance === 'string') {
-        try {
-          this.appearance = JSON.parse(this.container.dataset.appearance);
-        } catch (e) {
-          console.error(e);
-        }
-      }
-    }
-
-    return this.appearance;
-  }
-}
-
-export default InlineControlContainer;
diff --git a/typo3_src/TypeScript/backend/form-engine/container/site-language-container.ts b/typo3_src/TypeScript/backend/form-engine/container/site-language-container.ts
deleted file mode 100644
index 3ae64d1..0000000
--- a/typo3_src/TypeScript/backend/form-engine/container/site-language-container.ts
+++ /dev/null
@@ -1,581 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import AjaxRequest from '@typo3/core/ajax/ajax-request';
-import {MessageUtility} from '../../utility/message-utility';
-import {AjaxDispatcher} from './../inline-relation/ajax-dispatcher';
-import {InlineResponseInterface} from './../inline-relation/inline-response-interface';
-import NProgress from 'nprogress';
-import FormEngine from '@typo3/backend/form-engine';
-import FormEngineValidation from '@typo3/backend/form-engine-validation';
-import Modal from '../../modal';
-import Notification from '../../notification';
-import RegularEvent from '@typo3/core/event/regular-event';
-import Severity from '../../severity';
-import Utility from '../../utility';
-
-enum Selectors {
-  toggleSelector = '[data-bs-toggle="formengine-inline"]',
-  controlSectionSelector = '.t3js-formengine-irre-control',
-  createNewRecordButtonSelector = '.t3js-create-new-button',
-  createNewRecordBySelectorSelector = '.t3js-create-new-selector',
-  deleteRecordButtonSelector = '.t3js-editform-delete-inline-record',
-}
-
-enum States {
-  new = 'inlineIsNewRecord',
-  visible = 'panel-visible',
-  collapsed = 'panel-collapsed',
-  notLoaded = 't3js-not-loaded',
-}
-
-enum Separators {
-  structureSeparator = '-',
-}
-
-interface RequestQueue {
-  [key: string]: AjaxRequest;
-}
-
-interface ProgressQueue {
-  [key: string]: any;
-}
-
-interface UniqueDefinition {
-  elTable: string;
-  field: string;
-  max: number;
-  possible: { [key: string]: string };
-  table: string;
-  used: UniqueDefinitionCollection;
-}
-
-interface UniqueDefinitionCollection {
-  [key: string]: UniqueDefinitionUsed;
-}
-
-interface UniqueDefinitionUsed {
-  table: string;
-  uid: string | number;
-}
-
-/**
- * Module: @typo3/backend/form-engine/container/site-language-container
- *
- * Functionality for the site language container
- *
- * @example
- * <typo3-formengine-container-sitelanguage identifier="some-id">
- *   ...
- * </typo3-formengine-container-sitelanguage>
- *
- * This is based on W3C custom elements ("web components") specification, see
- * https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements
- */
-class SiteLanguageContainer extends HTMLElement {
-  private container: HTMLElement = null;
-  private ajaxDispatcher: AjaxDispatcher = null;
-  private requestQueue: RequestQueue = {};
-  private progessQueue: ProgressQueue = {};
-
-  private static getInlineRecordContainer(objectId: string): HTMLDivElement {
-    return <HTMLDivElement>document.querySelector('[data-object-id="' + objectId + '"]');
-  }
-
-  private static getValuesFromHashMap(hashmap: UniqueDefinitionCollection): Array<any> {
-    return Object.keys(hashmap).map((key: string) => hashmap[key]);
-  }
-
-  private static selectOptionValueExists(selectElement: HTMLSelectElement, value: string): boolean {
-    return selectElement.querySelector('option[value="' + value + '"]') !== null;
-  }
-
-  private static removeSelectOptionByValue(selectElement: HTMLSelectElement, value: string): void {
-    const option = selectElement.querySelector('option[value="' + value + '"]');
-    if (option !== null) {
-      option.remove();
-    }
-  }
-
-  private static reAddSelectOption(selectElement: HTMLSelectElement, value: string, unique: UniqueDefinition): void {
-    if (SiteLanguageContainer.selectOptionValueExists(selectElement, value)) {
-      return;
-    }
-
-    const options: NodeListOf<HTMLOptionElement> = selectElement.querySelectorAll('option');
-    let index: number = -1;
-
-    for (let possibleValue of Object.keys(unique.possible)) {
-      if (possibleValue === value) {
-        break;
-      }
-
-      for (let i = 0; i < options.length; ++i) {
-        const option = options[i];
-        if (option.value === possibleValue) {
-          index = i;
-          break;
-        }
-      }
-    }
-
-    if (index === -1) {
-      index = 0;
-    } else if (index < options.length) {
-      index++;
-    }
-
-    const readdOption = document.createElement('option');
-    readdOption.text = unique.possible[value];
-    readdOption.value = value;
-    selectElement.insertBefore(readdOption, selectElement.options[index]);
-  }
-
-  private static collapseExpandRecord(objectId: string): void {
-    const recordContainer = SiteLanguageContainer.getInlineRecordContainer(objectId);
-    const collapseButton = <HTMLButtonElement>document.querySelector('[aria-controls="' + objectId + '_fields"]');
-    if (recordContainer.classList.contains(States.collapsed)) {
-      recordContainer.classList.remove(States.collapsed);
-      recordContainer.classList.add(States.visible);
-      collapseButton.setAttribute('aria-expanded', 'true');
-    } else {
-      recordContainer.classList.remove(States.visible);
-      recordContainer.classList.add(States.collapsed);
-      collapseButton.setAttribute('aria-expanded', 'false');
-    }
-  }
-
-  public connectedCallback(): void {
-    const identifier = this.getAttribute('identifier') || '' as string;
-    this.container = <HTMLElement>this.querySelector('#' + identifier);
-
-    if (this.container !== null) {
-      this.ajaxDispatcher = new AjaxDispatcher(this.container.dataset.objectGroup);
-      this.registerEvents();
-    }
-  }
-
-  private registerEvents(): void {
-    this.registerCreateRecordButton();
-    this.registerCreateRecordBySelector();
-    this.registerRecordToggle();
-    this.registerDeleteButton();
-
-    new RegularEvent('message', this.handlePostMessage).bindTo(window);
-  }
-
-  private registerCreateRecordButton(): void {
-    const me = this;
-    new RegularEvent('click', function(this: HTMLElement, e: Event) {
-      e.preventDefault();
-      e.stopImmediatePropagation();
-
-      let objectId = me.container.dataset.objectGroup;
-      if (typeof this.dataset.recordUid !== 'undefined') {
-        objectId += Separators.structureSeparator + this.dataset.recordUid;
-      }
-
-      me.importRecord([objectId, (me.container.querySelector(Selectors.createNewRecordBySelectorSelector) as HTMLInputElement)?.value], this.dataset.recordUid ?? null);
-    }).delegateTo(this.container, Selectors.createNewRecordButtonSelector);
-  }
-
-  private registerCreateRecordBySelector(): void {
-    const me = this;
-    new RegularEvent('change', function(this: HTMLElement, e: Event) {
-      e.preventDefault();
-      e.stopImmediatePropagation();
-
-      const selectTarget = <HTMLSelectElement>this;
-      const recordUid = selectTarget.options[selectTarget.selectedIndex].getAttribute('value');
-
-      me.importRecord([me.container.dataset.objectGroup, recordUid]);
-    }).delegateTo(this.container, Selectors.createNewRecordBySelectorSelector);
-  }
-
-  private registerRecordToggle(): void {
-    const me = this;
-    new RegularEvent('click', function(this: HTMLElement, e: Event) {
-      e.preventDefault();
-      e.stopImmediatePropagation();
-
-      me.loadRecordDetails(this.closest(Selectors.toggleSelector).parentElement.dataset.objectId);
-    }).delegateTo(this.container, `${Selectors.toggleSelector} .form-irre-header-cell:not(${Selectors.controlSectionSelector}`);
-  }
-
-  private registerDeleteButton(): void {
-    const me = this;
-    new RegularEvent('click', function(this: HTMLElement, e: Event) {
-      e.preventDefault();
-      e.stopImmediatePropagation();
-
-      const title = TYPO3.lang['label.confirm.delete_record.title'] || 'Delete this record?';
-      const content = TYPO3.lang['label.confirm.delete_record.content'] || 'Are you sure you want to delete this record?';
-      Modal.confirm(title, content, Severity.warning, [
-        {
-          text: TYPO3.lang['buttons.confirm.delete_record.no'] || 'Cancel',
-          active: true,
-          btnClass: 'btn-default',
-          name: 'no',
-          trigger: (): void => {
-            Modal.currentModal.trigger('modal-dismiss');
-          }
-        },
-        {
-          text: TYPO3.lang['buttons.confirm.delete_record.yes'] || 'Yes, delete this record',
-          btnClass: 'btn-warning',
-          name: 'yes',
-          trigger: (): void => {
-            me.deleteRecord((<HTMLDivElement>this.closest('[data-object-id]')).dataset.objectId);
-            Modal.currentModal.trigger('modal-dismiss');
-          }
-        },
-      ]);
-    }).delegateTo(this.container, Selectors.deleteRecordButtonSelector);
-  }
-
-  private handlePostMessage = (e: MessageEvent): void => {
-    if (!MessageUtility.verifyOrigin(e.origin)) {
-      throw 'Denied message sent by ' + e.origin;
-    }
-
-    if (e.data.actionName === 'typo3:foreignRelation:insert') {
-      if (typeof e.data.objectGroup === 'undefined') {
-        throw 'No object group defined for message';
-      }
-
-      if (e.data.objectGroup !== this.container.dataset.objectGroup) {
-        // Received message isn't provisioned for currentSiteLanguageContainer instance
-        return;
-      }
-
-      if (this.isUniqueElementUsed(parseInt(e.data.uid, 10))) {
-        Notification.error('There is already a relation to the selected element');
-        return;
-      }
-
-      this.importRecord([e.data.objectGroup, e.data.uid]).then((): void => {
-        if (e.source) {
-          const message = {
-            actionName: 'typo3:foreignRelation:inserted',
-            objectGroup: e.data.objectId,
-            table: e.data.table,
-            uid: e.data.uid,
-          };
-          MessageUtility.send(message, e.source as Window);
-        }
-      });
-    }
-  }
-
-  private createRecord(uid: string, markup: string, afterUid: string = null, selectedValue: string = null): void {
-    let objectId = this.container.dataset.objectGroup;
-    if (afterUid !== null) {
-      objectId += Separators.structureSeparator + afterUid;
-      SiteLanguageContainer.getInlineRecordContainer(objectId).insertAdjacentHTML('afterend', markup);
-      this.memorizeAddRecord(uid, afterUid, selectedValue);
-    } else {
-      document.getElementById(this.container.getAttribute('id') + '_records').insertAdjacentHTML('beforeend', markup);
-      this.memorizeAddRecord(uid, null, selectedValue);
-    }
-  }
-
-  private async importRecord(params: Array<any>, afterUid?: string): Promise<void> {
-    return this.ajaxDispatcher.send(
-      this.ajaxDispatcher.newRequest(this.ajaxDispatcher.getEndpoint('site_configuration_inline_create')),
-      params,
-    ).then(async (response: InlineResponseInterface): Promise<void> => {
-      this.createRecord(
-        response.compilerInput.uid,
-        response.data,
-        typeof afterUid !== 'undefined' ? afterUid : null,
-        typeof response.compilerInput.childChildUid !== 'undefined' ? response.compilerInput.childChildUid : null,
-      );
-    });
-  }
-
-  private loadRecordDetails(objectId: string): void {
-    const recordFieldsContainer = document.getElementById(objectId + '_fields');
-    const recordContainer = SiteLanguageContainer.getInlineRecordContainer(objectId);
-    const isLoading = typeof this.requestQueue[objectId] !== 'undefined';
-    const isLoaded = recordFieldsContainer !== null && !recordContainer.classList.contains(States.notLoaded);
-
-    if (!isLoaded) {
-      const progress = this.getProgress(objectId, recordContainer.dataset.objectIdHash);
-
-      if (!isLoading) {
-        const ajaxRequest = this.ajaxDispatcher.newRequest(this.ajaxDispatcher.getEndpoint('site_configuration_inline_details'));
-        const request = this.ajaxDispatcher.send(ajaxRequest, [objectId]);
-
-        request.then(async (response: InlineResponseInterface): Promise<any> => {
-          delete this.requestQueue[objectId];
-          delete this.progessQueue[objectId];
-
-          recordContainer.classList.remove(States.notLoaded);
-          recordFieldsContainer.innerHTML = response.data;
-          SiteLanguageContainer.collapseExpandRecord(objectId);
-
-          progress.done();
-
-          FormEngine.reinitialize();
-          FormEngineValidation.initializeInputFields();
-          FormEngineValidation.validate(this.container);
-
-          this.removeUsed(SiteLanguageContainer.getInlineRecordContainer(objectId));
-        });
-
-        this.requestQueue[objectId] = ajaxRequest;
-        progress.start();
-      } else {
-        // Abort loading if collapsed again
-        this.requestQueue[objectId].abort();
-        delete this.requestQueue[objectId];
-        delete this.progessQueue[objectId];
-        progress.done();
-      }
-
-      return;
-    }
-
-    SiteLanguageContainer.collapseExpandRecord(objectId);
-  }
-
-  private memorizeAddRecord(newUid: string, afterUid: string = null, selectedValue: string = null): void {
-    const formField = this.getFormFieldForElements();
-    if (formField === null) {
-      return;
-    }
-
-    let records = Utility.trimExplode(',', (<HTMLInputElement>formField).value);
-    if (afterUid) {
-      const newRecords = [];
-      for (let i = 0; i < records.length; i++) {
-        if (records[i].length) {
-          newRecords.push(records[i]);
-        }
-        if (afterUid === records[i]) {
-          newRecords.push(newUid);
-        }
-      }
-      records = newRecords;
-    } else {
-      records.push(newUid);
-    }
-
-    (<HTMLInputElement>formField).value = records.join(',');
-    (<HTMLInputElement>formField).classList.add('has-change');
-    document.dispatchEvent(new Event('change'));
-
-    this.setUnique(newUid, selectedValue);
-
-    FormEngine.reinitialize();
-    FormEngineValidation.initializeInputFields();
-    FormEngineValidation.validate(this.container);
-  }
-
-  private memorizeRemoveRecord(objectUid: string): Array<string> {
-    const formField = this.getFormFieldForElements();
-    if (formField === null) {
-      return [];
-    }
-
-    let records = Utility.trimExplode(',', (<HTMLInputElement>formField).value);
-    const indexOfRemoveUid = records.indexOf(objectUid);
-    if (indexOfRemoveUid > -1) {
-      delete records[indexOfRemoveUid];
-
-      (<HTMLInputElement>formField).value = records.join(',');
-      (<HTMLInputElement>formField).classList.add('has-change');
-      document.dispatchEvent(new Event('change'));
-    }
-
-    return records;
-  }
-
-  private deleteRecord(objectId: string, forceDirectRemoval: boolean = false): void {
-    const recordContainer = SiteLanguageContainer.getInlineRecordContainer(objectId);
-    const objectUid = recordContainer.dataset.objectUid;
-
-    recordContainer.classList.add('t3js-inline-record-deleted');
-
-    if (!recordContainer.classList.contains(States.new) && !forceDirectRemoval) {
-      const deleteCommandInput = this.container.querySelector('[name="cmd' + recordContainer.dataset.fieldName + '[delete]"]');
-      deleteCommandInput.removeAttribute('disabled');
-
-      // Move input field to inline container so we can remove the record container
-      recordContainer.parentElement.insertAdjacentElement('afterbegin', deleteCommandInput);
-    }
-
-    new RegularEvent('transitionend', (): void => {
-      recordContainer.parentElement.removeChild(recordContainer);
-      FormEngineValidation.validate(this.container);
-    }).bindTo(recordContainer);
-
-    this.revertUnique(objectUid);
-    this.memorizeRemoveRecord(objectUid);
-    recordContainer.classList.add('form-irre-object--deleted');
-  }
-
-  private getProgress(objectId: string, objectIdHash: string): any {
-    const headerIdentifier = '#' + objectIdHash + '_header';
-    let progress: any;
-
-    if (typeof this.progessQueue[objectId] !== 'undefined') {
-      progress = this.progessQueue[objectId];
-    } else {
-      progress = NProgress;
-      progress.configure({parent: headerIdentifier, showSpinner: false});
-      this.progessQueue[objectId] = progress;
-    }
-
-    return progress;
-  }
-
-  private getFormFieldForElements(): HTMLInputElement | null {
-    const formFields = document.getElementsByName(this.container.dataset.formField);
-    if (formFields.length > 0) {
-      return <HTMLInputElement>formFields[0];
-    }
-
-    return null;
-  }
-
-  private isUniqueElementUsed(uid: number): boolean {
-    const unique: UniqueDefinition = TYPO3.settings.FormEngineInline.unique[this.container.dataset.objectGroup];
-    return SiteLanguageContainer.getValuesFromHashMap(unique.used).indexOf(uid) !== -1;
-  }
-
-  private removeUsed(recordContainer: HTMLDivElement): void {
-    const unique: UniqueDefinition = TYPO3.settings.FormEngineInline.unique[this.container.dataset.objectGroup];
-    const values = SiteLanguageContainer.getValuesFromHashMap(unique.used);
-
-    let uniqueValueField = <HTMLSelectElement>recordContainer.querySelector(
-      '[name="data[' + unique.table + '][' + recordContainer.dataset.objectUid + '][' + unique.field + ']"]',
-    );
-
-    if (uniqueValueField !== null) {
-      const selectedValue = uniqueValueField.options[uniqueValueField.selectedIndex].value;
-      for (let value of values) {
-        if (value !== selectedValue) {
-          SiteLanguageContainer.removeSelectOptionByValue(uniqueValueField, value);
-        }
-      }
-    }
-  }
-
-  private setUnique(recordUid: string, selectedValue: string): void {
-    const unique: UniqueDefinition = TYPO3.settings.FormEngineInline.unique[this.container.dataset.objectGroup];
-    const selectorElement: HTMLSelectElement = <HTMLSelectElement>document.getElementById(
-      this.container.dataset.objectGroup + '_selector',
-    );
-    if (unique.max !== -1) {
-      const formField = this.getFormFieldForElements();
-      const recordObjectId = this.container.dataset.objectGroup + Separators.structureSeparator + recordUid;
-      const recordContainer = SiteLanguageContainer.getInlineRecordContainer(recordObjectId);
-      let uniqueValueField = <HTMLSelectElement>recordContainer.querySelector(
-        '[name="data[' + unique.table + '][' + recordUid + '][' + unique.field + ']"]',
-      );
-      const values = SiteLanguageContainer.getValuesFromHashMap(unique.used);
-      if (selectorElement !== null) {
-        // remove all items from the new select-item which are already used in other children
-        if (uniqueValueField !== null) {
-          for (let value of values) {
-            SiteLanguageContainer.removeSelectOptionByValue(uniqueValueField, value);
-          }
-        }
-        for (let value of values) {
-          SiteLanguageContainer.removeSelectOptionByValue(uniqueValueField, value);
-        }
-        if (typeof unique.used.length !== 'undefined') {
-          unique.used = {};
-        }
-        unique.used[recordUid] = {
-          table: unique.elTable,
-          uid: selectedValue,
-        };
-      }
-      // remove the newly used item from each select-field of the child records
-      if (formField !== null && SiteLanguageContainer.selectOptionValueExists(selectorElement, selectedValue)) {
-        const records = Utility.trimExplode(',', (<HTMLInputElement>formField).value);
-        for (let record of records) {
-          uniqueValueField = <HTMLSelectElement>document.querySelector(
-            '[name="data[' + unique.table + '][' + record + '][' + unique.field + ']"]',
-          );
-          if (uniqueValueField !== null && record !== recordUid) {
-            SiteLanguageContainer.removeSelectOptionByValue(uniqueValueField, selectedValue);
-          }
-        }
-      }
-    }
-
-    // remove used items from the selector
-    if (SiteLanguageContainer.selectOptionValueExists(selectorElement, selectedValue)) {
-      SiteLanguageContainer.removeSelectOptionByValue(selectorElement, selectedValue);
-      unique.used[recordUid] = {
-        table: unique.elTable,
-        uid: selectedValue,
-      };
-    }
-  }
-
-  private revertUnique(recordUid: string): void {
-    const unique = TYPO3.settings.FormEngineInline.unique[this.container.dataset.objectGroup];
-    const recordObjectId = this.container.dataset.objectGroup + Separators.structureSeparator + recordUid;
-    const recordContainer = SiteLanguageContainer.getInlineRecordContainer(recordObjectId);
-
-    let uniqueValueField = <HTMLSelectElement>recordContainer.querySelector(
-      '[name="data[' + unique.table + '][' + recordContainer.dataset.objectUid + '][' + unique.field + ']"]',
-    );
-    let uniqueValue;
-    if (uniqueValueField !== null) {
-      uniqueValue = uniqueValueField.value;
-    } else if (recordContainer.dataset.tableUniqueOriginalValue !== '') {
-      uniqueValue = recordContainer.dataset.tableUniqueOriginalValue.replace(unique.table + '_', '');
-    } else {
-      return;
-    }
-
-    // 9223372036854775807 is the PHP_INT_MAX placeholder, used to allow creation of new records.
-    // This option however should never be displayed in the selector box at is therefore checked.
-    if (!isNaN(parseInt(uniqueValue, 10)) && parseInt(uniqueValue, 10) !== 9223372036854775807) {
-      const selectorElement: HTMLSelectElement = <HTMLSelectElement>document.getElementById(
-        this.container.dataset.objectGroup + '_selector',
-      );
-      SiteLanguageContainer.reAddSelectOption(selectorElement, uniqueValue, unique);
-    }
-
-    if (unique.max === -1) {
-      return;
-    }
-
-    const formField = this.getFormFieldForElements();
-    if (formField === null) {
-      return;
-    }
-
-    const records = Utility.trimExplode(',', formField.value);
-    let recordObj;
-    // walk through all records on that level and get the select field
-    for (let i = 0; i < records.length; i++) {
-      recordObj = <HTMLSelectElement>document.querySelector(
-        '[name="data[' + unique.table + '][' + records[i] + '][' + unique.field + ']"]',
-      );
-      if (recordObj !== null) {
-        SiteLanguageContainer.reAddSelectOption(recordObj, uniqueValue, unique);
-      }
-    }
-
-    delete unique.used[recordUid];
-  }
-}
-
-window.customElements.define('typo3-formengine-container-sitelanguage', SiteLanguageContainer);
diff --git a/typo3_src/TypeScript/backend/form-engine/element/abstract-sortable-select-items.ts b/typo3_src/TypeScript/backend/form-engine/element/abstract-sortable-select-items.ts
deleted file mode 100644
index 79eb0ab..0000000
--- a/typo3_src/TypeScript/backend/form-engine/element/abstract-sortable-select-items.ts
+++ /dev/null
@@ -1,144 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import FormEngine from '@typo3/backend/form-engine';
-import FormEngineValidation from '@typo3/backend/form-engine-validation';
-
-export abstract class AbstractSortableSelectItems {
-
-  /**
-   * Moves currently selected options from a select field to the very top,
-   * can be multiple entries as well
-   *
-   * @param {HTMLSelectElement} fieldElement
-   */
-  private static moveOptionToTop(fieldElement: HTMLSelectElement): void {
-    Array.from(fieldElement.querySelectorAll(':checked')).reverse().forEach((optionEl: HTMLOptionElement): void => {
-      fieldElement.insertBefore(optionEl, fieldElement.firstElementChild);
-    });
-  }
-
-  /**
-   * Moves currently selected options from a select field as the very last entries
-   *
-   * @param {HTMLSelectElement} fieldElement
-   */
-  private static moveOptionToBottom(fieldElement: HTMLSelectElement): void {
-    fieldElement.querySelectorAll(':checked').forEach((optionEl: HTMLOptionElement): void => {
-      fieldElement.insertBefore(optionEl, null);
-    });
-  }
-
-  /**
-   * Moves currently selected options from a select field up by one position,
-   * can be multiple entries as well
-   *
-   * @param {HTMLSelectElement} fieldElement
-   */
-  private static moveOptionUp(fieldElement: HTMLSelectElement): void {
-    const allChildren = Array.from(fieldElement.children);
-    const selectedOptions = Array.from(fieldElement.querySelectorAll(':checked'));
-    for (let optionEl of selectedOptions) {
-      if (allChildren.indexOf(optionEl) === 0 && optionEl.previousElementSibling === null) {
-        break;
-      }
-
-      fieldElement.insertBefore(optionEl, optionEl.previousElementSibling);
-    }
-  }
-
-  /**
-   * Moves currently selected options from a select field up by one position,
-   * can be multiple entries as well
-   *
-   * @param {HTMLSelectElement} fieldElement
-   */
-  private static moveOptionDown(fieldElement: HTMLSelectElement): void {
-    const allChildren = Array.from(fieldElement.children).reverse();
-    const selectedOptions = Array.from(fieldElement.querySelectorAll(':checked')).reverse();
-    for (let optionEl of selectedOptions) {
-      if (allChildren.indexOf(optionEl) === 0 && optionEl.nextElementSibling === null) {
-        break;
-      }
-
-      fieldElement.insertBefore(optionEl, optionEl.nextElementSibling.nextElementSibling);
-    }
-  }
-
-  /**
-   * Removes currently selected options from a select field
-   *
-   * @param {HTMLSelectElement} fieldElement
-   * @param {HTMLSelectElement} availableFieldElement
-   */
-  private static removeOption(fieldElement: HTMLSelectElement, availableFieldElement: HTMLSelectElement): void {
-    fieldElement.querySelectorAll(':checked').forEach((option: HTMLOptionElement): void => {
-      const originalOption = <HTMLOptionElement>availableFieldElement.querySelector('option[value="' + option.value + '"]');
-      if (originalOption !== null) {
-        originalOption.classList.remove('hidden');
-        originalOption.disabled = false;
-        FormEngine.enableOptGroup(originalOption);
-      }
-
-      fieldElement.removeChild(option);
-    });
-  }
-
-  /**
-   * @param {HTMLSelectElement} fieldElement
-   */
-  protected registerSortableEventHandler = (fieldElement: HTMLSelectElement): void => {
-    const aside = fieldElement.closest('.form-wizards-wrap').querySelector('.form-wizards-items-aside');
-    if (aside === null) {
-      return;
-    }
-
-    aside.addEventListener('click', (e: Event): void => {
-      let target: HTMLAnchorElement;
-
-      if ((target = (<Element>e.target).closest('.t3js-btn-option')) === null) {
-        if ((<Element>e.target).matches('.t3js-btn-option')) {
-          target = <HTMLAnchorElement>e.target;
-        }
-
-        return;
-      }
-
-      e.preventDefault();
-
-      const relatedFieldName = target.dataset.fieldname;
-      const relatedField = FormEngine.getFieldElement(relatedFieldName).get(0) as HTMLSelectElement;
-      const relatedAvailableValuesField = FormEngine.getFieldElement(relatedFieldName,'_avail').get(0) as HTMLSelectElement;
-
-      if (target.classList.contains('t3js-btn-moveoption-top')) {
-        AbstractSortableSelectItems.moveOptionToTop(fieldElement);
-      } else if (target.classList.contains('t3js-btn-moveoption-up')) {
-        AbstractSortableSelectItems.moveOptionUp(fieldElement);
-      } else if (target.classList.contains('t3js-btn-moveoption-down')) {
-        AbstractSortableSelectItems.moveOptionDown(fieldElement);
-      } else if (target.classList.contains('t3js-btn-moveoption-bottom')) {
-        AbstractSortableSelectItems.moveOptionToBottom(fieldElement);
-      } else if (target.classList.contains('t3js-btn-removeoption')) {
-        AbstractSortableSelectItems.removeOption(
-          fieldElement,
-          relatedAvailableValuesField,
-        );
-      }
-
-      FormEngine.updateHiddenFieldValueFromSelect(fieldElement, relatedField);
-      FormEngine.legacyFieldChangedCb();
-      FormEngineValidation.markFieldAsChanged(relatedAvailableValuesField);
-      FormEngineValidation.validateField(relatedAvailableValuesField);
-    });
-  }
-}
diff --git a/typo3_src/TypeScript/backend/form-engine/element/category-element.ts b/typo3_src/TypeScript/backend/form-engine/element/category-element.ts
deleted file mode 100644
index a1bb03a..0000000
--- a/typo3_src/TypeScript/backend/form-engine/element/category-element.ts
+++ /dev/null
@@ -1,168 +0,0 @@
-/*
-* This file is part of the TYPO3 CMS project.
-*
-* It is free software; you can redistribute it and/or modify it under
-* the terms of the GNU General Public License, either version 2
-* of the License, or any later version.
-*
-* For the full copyright and license information, please read the
-* LICENSE.txt file that was distributed with this source code.
-*
-* The TYPO3 project - inspiring people to share!
-*/
-
-import type {SelectTree} from './select-tree';
-import type {SelectTreeToolbar} from './select-tree-toolbar';
-import './select-tree';
-import './select-tree-toolbar';
-import '@typo3/backend/element/icon-element';
-import {TreeNode} from '@typo3/backend/tree/tree-node';
-
-/**
- * Module: @typo3/backend/form-engine/element/category-element
- *
- * Functionality for the category element (renders a tree view)
- *
- * @example
- * <typo3-formengine-element-category recordFieldId="some-id" treeWrapperId="some-id">
- *   ...
- * </typo3-formengine-element-category>
- *
- * This is based on W3C custom elements ("web components") specification, see
- * https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements
- */
-class CategoryElement extends HTMLElement{
-  private recordField: HTMLInputElement = null;
-  private treeWrapper: HTMLElement = null;
-  private tree: SelectTree = null;
-
-  public connectedCallback(): void {
-    this.recordField = <HTMLInputElement>this.querySelector('#' + (this.getAttribute('recordFieldId') || '' as string));
-    this.treeWrapper = <HTMLElement>this.querySelector('#' + (this.getAttribute('treeWrapperId') || '' as string));
-
-    if (!this.recordField || !this.treeWrapper) {
-      return;
-    }
-
-    this.tree = document.createElement('typo3-backend-form-selecttree') as SelectTree;
-    this.tree.classList.add('svg-tree-wrapper');
-    this.tree.setup = {
-      id: this.treeWrapper.id,
-      dataUrl: this.generateDataUrl(),
-      readOnlyMode: this.recordField.dataset.readOnly,
-      input: this.recordField,
-      exclusiveNodesIdentifiers: this.recordField.dataset.treeExclusiveKeys,
-      validation: JSON.parse(this.recordField.dataset.formengineValidationRules)[0],
-      expandUpToLevel: this.recordField.dataset.treeExpandUpToLevel,
-      unselectableElements: [] as Array<any>
-    };
-
-    this.treeWrapper.append(this.tree);
-    this.registerTreeEventListeners();
-  }
-
-  private registerTreeEventListeners(): void {
-    this.tree.addEventListener('typo3:svg-tree:nodes-prepared', this.loadDataAfter);
-    this.tree.addEventListener('typo3:svg-tree:node-selected', this.selectNode);
-    this.tree.addEventListener('svg-tree:initialized', () => {
-      if (this.recordField.dataset.treeShowToolbar) {
-        const toolbarElement = document.createElement('typo3-backend-form-selecttree-toolbar') as SelectTreeToolbar;
-        toolbarElement.tree = this.tree;
-        this.tree.prepend(toolbarElement);
-      }
-    });
-    this.listenForVisibleTree();
-  }
-
-  /**
-   * If the category element is in an invisible tab, it needs to be rendered once the tab becomes visible.
-   */
-  private listenForVisibleTree(): void {
-    if (!this.tree.offsetParent) {
-      // Search for the parents that are tab containers
-      const idOfTabContainer = this.tree.closest('.tab-pane').getAttribute('id');
-      if (idOfTabContainer) {
-        const btn = document.querySelector('[aria-controls="' + idOfTabContainer + '"]');
-        btn.addEventListener('shown.bs.tab', () => { this.tree.dispatchEvent(new Event('svg-tree:visible')); });
-      }
-    }
-  }
-
-  private generateDataUrl(): string {
-    return TYPO3.settings.ajaxUrls.record_tree_data + '&' + new URLSearchParams({
-      uid: this.recordField.dataset.uid,
-      command: this.recordField.dataset.command,
-      tableName: this.recordField.dataset.tablename,
-      fieldName: this.recordField.dataset.fieldname,
-      defaultValues: this.recordField.dataset.defaultvalues,
-      overrideValues: this.recordField.dataset.overridevalues,
-      recordTypeValue: this.recordField.dataset.recordtypevalue,
-      flexFormSheetName: this.recordField.dataset.flexformsheetname,
-      flexFormFieldName: this.recordField.dataset.flexformfieldname,
-      flexFormContainerName: this.recordField.dataset.flexformcontainername,
-      dataStructureIdentifier: this.recordField.dataset.datastructureidentifier,
-      flexFormContainerFieldName: this.recordField.dataset.flexformcontainerfieldname,
-      flexFormContainerIdentifier: this.recordField.dataset.flexformcontaineridentifier,
-      flexFormSectionContainerIsNew: this.recordField.dataset.flexformsectioncontainerisnew,
-    });
-  }
-
-  private selectNode = (evt: CustomEvent) => {
-    const node = evt.detail.node as TreeNode;
-    this.updateAncestorsIndeterminateState(node);
-    // check all nodes again, to ensure correct display of indeterminate state
-    this.calculateIndeterminate(this.tree.nodes);
-    this.saveCheckboxes();
-    this.tree.setup.input.dispatchEvent(new Event('change', {bubbles: true, cancelable: true}));
-  }
-
-  /**
-   * Resets the node.indeterminate for the whole tree.
-   * It's done once after loading data.
-   * Later indeterminate state is updated just for the subset of nodes
-   */
-  private loadDataAfter = () => {
-    this.tree.nodes = this.tree.nodes.map((node: TreeNode) => {
-      node.indeterminate = false;
-      return node;
-    });
-    this.calculateIndeterminate(this.tree.nodes);
-  }
-
-  /**
-   * Sets a comma-separated list of selected nodes identifiers to configured input
-   */
-  private saveCheckboxes = (): void => {
-    this.recordField.value = this.tree.getSelectedNodes().map((node: TreeNode): string => node.identifier).join(',');
-  }
-
-  /**
-   * Updates the indeterminate state for ancestors of the current node
-   */
-  private updateAncestorsIndeterminateState(node: TreeNode): void {
-    // foreach ancestor except node itself
-    let indeterminate = false;
-    node.parents.forEach((index: number) => {
-      const node = this.tree.nodes[index];
-      node.indeterminate = (node.checked || node.indeterminate || indeterminate);
-      // check state for the next level
-      indeterminate = (node.checked || node.indeterminate || node.checked || node.indeterminate);
-    });
-  }
-
-  /**
-   * Sets indeterminate state for a subtree.
-   * It relays on the tree to have indeterminate state reset beforehand.
-   */
-  private calculateIndeterminate(nodes: TreeNode[]): void {
-    nodes.forEach((node: TreeNode) => {
-      if ((node.checked || node.indeterminate) && node.parents && node.parents.length > 0) {
-        node.parents.forEach((parentNodeIndex: number) => {
-          nodes[parentNodeIndex].indeterminate = true;
-        });
-      }
-    });
-  }
-}
-
-window.customElements.define('typo3-formengine-element-category', CategoryElement);
diff --git a/typo3_src/TypeScript/backend/form-engine/element/color-element.ts b/typo3_src/TypeScript/backend/form-engine/element/color-element.ts
deleted file mode 100644
index 1560958..0000000
--- a/typo3_src/TypeScript/backend/form-engine/element/color-element.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import RegularEvent from '@typo3/core/event/regular-event';
-import FormEngineValidation from '@typo3/backend/form-engine-validation';
-
-/**
- * Module: @typo3/backend/form-engine/element/color-element
- *
- * Functionality for the color element
- *
- * @example
- * <typo3-formengine-element-color recordFieldId="some-id">
- *   ...
- * </typo3-formengine-element-color>
- *
- * This is based on W3C custom elements ("web components") specification, see
- * https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements
- */
-class ColorElement extends HTMLElement {
-  private element: HTMLInputElement = null;
-
-  public connectedCallback(): void {
-    this.element = document.getElementById((this.getAttribute('recordFieldId') || '' as string)) as HTMLInputElement;
-
-    if (!this.element) {
-      return;
-    }
-
-    this.registerEventHandler();
-    import('@typo3/backend/color-picker').then(({default: ColorPicker}): void => {
-      ColorPicker.initialize(this.element)
-    });
-  }
-
-  private registerEventHandler(): void {
-    new RegularEvent('formengine.cp.change', (e: CustomEvent): void => {
-      FormEngineValidation.validateField(e.target as HTMLInputElement);
-      FormEngineValidation.markFieldAsChanged(e.target as HTMLInputElement);
-
-      document.querySelectorAll('.module-docheader-bar .btn').forEach((btn: HTMLButtonElement): void => {
-        btn.classList.remove('disabled');
-        btn.disabled = false;
-      });
-    }).bindTo(this.element);
-  }
-}
-
-window.customElements.define('typo3-formengine-element-color', ColorElement);
diff --git a/typo3_src/TypeScript/backend/form-engine/element/datetime-element.ts b/typo3_src/TypeScript/backend/form-engine/element/datetime-element.ts
deleted file mode 100644
index e9dcc99..0000000
--- a/typo3_src/TypeScript/backend/form-engine/element/datetime-element.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import FormEngineValidation from '@typo3/backend/form-engine-validation';
-import RegularEvent from '@typo3/core/event/regular-event';
-
-/**
- * Module: @typo3/backend/form-engine/element/datetime-element
- *
- * Functionality for the datetime element
- *
- * @example
- * <typo3-formengine-element-datetime recordFieldId="some-id">
- *   ...
- * </typo3-formengine-element-datetime>
- *
- * This is based on W3C custom elements ("web components") specification, see
- * https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements
- */
-class DatetimeElement extends HTMLElement {
-  private element: HTMLInputElement = null;
-
-  public connectedCallback(): void {
-    this.element = document.getElementById((this.getAttribute('recordFieldId') || '' as string)) as HTMLInputElement;
-
-    if (!this.element) {
-      return;
-    }
-
-    this.registerEventHandler();
-    import('../../date-time-picker').then(({default: DateTimePicker}): void => {
-      DateTimePicker.initialize(this.element)
-    });
-  }
-
-  private registerEventHandler(): void {
-    new RegularEvent('formengine.dp.change', (e: CustomEvent): void => {
-      FormEngineValidation.validateField(e.target as HTMLInputElement);
-      FormEngineValidation.markFieldAsChanged(e.target as HTMLInputElement);
-
-      document.querySelectorAll('.module-docheader-bar .btn').forEach((btn: HTMLButtonElement): void => {
-        btn.classList.remove('disabled');
-        btn.disabled = false;
-      });
-    }).bindTo(this.element);
-  }
-}
-
-window.customElements.define('typo3-formengine-element-datetime', DatetimeElement);
diff --git a/typo3_src/TypeScript/backend/form-engine/element/extra/select-box-filter.ts b/typo3_src/TypeScript/backend/form-engine/element/extra/select-box-filter.ts
deleted file mode 100644
index 0dffe59..0000000
--- a/typo3_src/TypeScript/backend/form-engine/element/extra/select-box-filter.ts
+++ /dev/null
@@ -1,84 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import RegularEvent from '@typo3/core/event/regular-event';
-
-enum Selectors {
-  fieldContainerSelector = '.t3js-formengine-field-group',
-  filterTextFieldSelector = '.t3js-formengine-multiselect-filter-textfield',
-  filterSelectFieldSelector = '.t3js-formengine-multiselect-filter-dropdown',
-}
-
-/**
- * Select field filter functions, see TCA option "multiSelectFilterItems"
- */
-class SelectBoxFilter {
-  private selectElement: HTMLSelectElement = null;
-  private filterText: string = '';
-  private availableOptions: NodeListOf<HTMLOptionElement> = null;
-
-  private static toggleOptGroup(option: HTMLOptionElement): void {
-    const optGroup = <HTMLOptGroupElement>option.parentElement;
-    if (!(optGroup instanceof HTMLOptGroupElement)) {
-      return;
-    }
-    if (optGroup.querySelectorAll('option:not([hidden]):not([disabled]):not(.hidden)').length === 0) {
-      optGroup.hidden = true;
-    } else {
-      optGroup.hidden = false;
-      optGroup.disabled = false;
-      optGroup.classList.remove('hidden');
-    }
-  }
-
-  constructor(selectElement: HTMLSelectElement) {
-    this.selectElement = selectElement;
-
-    this.initializeEvents();
-  }
-
-  private initializeEvents(): void {
-    const wizardsElement = this.selectElement.closest('.form-wizards-element');
-    if (wizardsElement === null) {
-      return;
-    }
-
-    new RegularEvent('input', (e: Event): void => {
-      this.filter((<HTMLInputElement>e.target).value);
-    }).delegateTo(wizardsElement, Selectors.filterTextFieldSelector);
-
-    new RegularEvent('change', (e: Event): void => {
-      this.filter((<HTMLInputElement>e.target).value);
-    }).delegateTo(wizardsElement, Selectors.filterSelectFieldSelector);
-  }
-
-  /**
-   * Filter the actual items
-   *
-   * @param {string} filterText
-   */
-  private filter(filterText: string): void {
-    this.filterText = filterText;
-    if (this.availableOptions === null) {
-      this.availableOptions = this.selectElement.querySelectorAll('option');
-    }
-
-    const matchFilter = new RegExp(filterText, 'i');
-    this.availableOptions.forEach((option: HTMLOptionElement): void => {
-      option.hidden = filterText.length > 0 && option.textContent.match(matchFilter) === null;
-      SelectBoxFilter.toggleOptGroup(option);
-    });
-  }
-}
-
-export default SelectBoxFilter;
diff --git a/typo3_src/TypeScript/backend/form-engine/element/folder-element.ts b/typo3_src/TypeScript/backend/form-engine/element/folder-element.ts
deleted file mode 100644
index d3f613c..0000000
--- a/typo3_src/TypeScript/backend/form-engine/element/folder-element.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {AbstractSortableSelectItems} from '@typo3/backend/form-engine/element/abstract-sortable-select-items';
-
-class FolderSortableSelectItems extends AbstractSortableSelectItems {
-  public registerEventHandler(element: HTMLSelectElement): void {
-    this.registerSortableEventHandler(element);
-  }
-}
-
-/**
- * Module: @typo3/backend/form-engine/element/folder-element
- *
- * Functionality for the folder element
- *
- * @example
- * <typo3-formengine-element-folder recordFieldId="some-id">
- *   ...
- * </typo3-formengine-element-folder>
- *
- * This is based on W3C custom elements ("web components") specification, see
- * https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements
- */
-class FolderElement extends HTMLElement {
-  private recordField: HTMLSelectElement = null;
-
-  public connectedCallback(): void {
-    this.recordField = <HTMLSelectElement>this.querySelector('#' + (this.getAttribute('recordFieldId') || '' as string));
-
-    if (!this.recordField) {
-      return;
-    }
-
-    this.registerEventHandler();
-  }
-
-  private registerEventHandler(): void {
-    const folderSortableSelectItems = new FolderSortableSelectItems();
-    folderSortableSelectItems.registerEventHandler(this.recordField);
-  }
-}
-
-window.customElements.define('typo3-formengine-element-folder', FolderElement);
diff --git a/typo3_src/TypeScript/backend/form-engine/element/group-element.ts b/typo3_src/TypeScript/backend/form-engine/element/group-element.ts
deleted file mode 100644
index 60fd6be..0000000
--- a/typo3_src/TypeScript/backend/form-engine/element/group-element.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {AbstractSortableSelectItems} from './abstract-sortable-select-items';
-import DocumentService from '@typo3/core/document-service';
-import FormEngineSuggest from '../../form-engine-suggest';
-
-class GroupElement extends AbstractSortableSelectItems {
-  private element: HTMLSelectElement = null;
-
-  constructor(elementId: string) {
-    super();
-
-    DocumentService.ready().then((): void => {
-      this.element = <HTMLSelectElement>document.getElementById(elementId);
-      this.registerEventHandler();
-      this.registerSuggest();
-    });
-  }
-
-  private registerEventHandler(): void {
-    this.registerSortableEventHandler(this.element);
-  }
-
-  private registerSuggest(): void {
-    let suggestContainer;
-    if ((suggestContainer = <HTMLElement>this.element.closest('.t3js-formengine-field-item').querySelector('.t3-form-suggest')) !== null) {
-      // tslint:disable-next-line:no-unused-expression
-      new FormEngineSuggest(suggestContainer);
-    }
-  }
-}
-
-export default GroupElement;
diff --git a/typo3_src/TypeScript/backend/form-engine/element/link-element.ts b/typo3_src/TypeScript/backend/form-engine/element/link-element.ts
deleted file mode 100644
index 968359c..0000000
--- a/typo3_src/TypeScript/backend/form-engine/element/link-element.ts
+++ /dev/null
@@ -1,92 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-enum Selectors {
-  toggleSelector = '.t3js-form-field-link-explanation-toggle',
-  inputFieldSelector = '.t3js-form-field-link-input',
-  explanationSelector = '.t3js-form-field-link-explanation',
-  iconSelector = '.t3js-form-field-link-icon',
-}
-
-/**
- * Module: @typo3/backend/form-engine/element/link-element
- *
- * Functionality for the link element
- *
- * @example
- * <typo3-formengine-element-link recordFieldId="some-id">
- *   ...
- * </typo3-formengine-element-link>
- *
- * This is based on W3C custom elements ("web components") specification, see
- * https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements
- */
-class LinkElement extends HTMLElement {
-  private element: HTMLSelectElement = null;
-  private container: HTMLElement = null;
-  private toggleSelector: HTMLButtonElement = null;
-  private explanationField: HTMLInputElement = null;
-  private icon: HTMLSpanElement = null;
-
-  public connectedCallback(): void {
-    this.element = <HTMLSelectElement>this.querySelector('#' + (this.getAttribute('recordFieldId') || '' as string));
-
-    if (!this.element) {
-      return;
-    }
-
-    this.container = <HTMLElement>this.element.closest('.t3js-form-field-link');
-    this.toggleSelector = <HTMLButtonElement>this.container.querySelector(Selectors.toggleSelector);
-    this.explanationField = <HTMLInputElement>this.container.querySelector(Selectors.explanationSelector);
-    this.icon = <HTMLSpanElement>this.container.querySelector(Selectors.iconSelector);
-    this.toggleVisibility(this.explanationField.value === '');
-    this.registerEventHandler();
-  }
-
-  /**
-   * @param {boolean} explanationShown
-   */
-  private toggleVisibility(explanationShown: boolean): void {
-    this.explanationField.classList.toggle('hidden', explanationShown);
-    this.element.classList.toggle('hidden', !explanationShown);
-  }
-
-  private registerEventHandler(): void {
-    this.toggleSelector.addEventListener('click', (e: Event): void => {
-      e.preventDefault();
-
-      const explanationShown = !this.explanationField.classList.contains('hidden');
-      this.toggleVisibility(explanationShown);
-    });
-
-    this.container.querySelector(Selectors.inputFieldSelector).addEventListener('change', (): void => {
-      const explanationShown = !this.explanationField.classList.contains('hidden');
-      if (explanationShown) {
-        this.toggleVisibility(explanationShown);
-      }
-      this.disableToggle();
-      this.clearIcon();
-    });
-  }
-
-  private disableToggle(): void {
-    this.toggleSelector.classList.add('disabled');
-    this.toggleSelector.setAttribute('disabled', 'disabled');
-  }
-
-  private clearIcon(): void {
-    this.icon.innerHTML = '';
-  }
-}
-
-window.customElements.define('typo3-formengine-element-link', LinkElement);
diff --git a/typo3_src/TypeScript/backend/form-engine/element/mfa-info-element.ts b/typo3_src/TypeScript/backend/form-engine/element/mfa-info-element.ts
deleted file mode 100644
index 3cb66c8..0000000
--- a/typo3_src/TypeScript/backend/form-engine/element/mfa-info-element.ts
+++ /dev/null
@@ -1,167 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {AjaxResponse} from '@typo3/core/ajax/ajax-response';
-import AjaxRequest from '@typo3/core/ajax/ajax-request';
-import DocumentService from '@typo3/core/document-service';
-import RegularEvent from '@typo3/core/event/regular-event';
-import Notification from '@typo3/backend/notification';
-import Modal from '@typo3/backend/modal';
-import {SeverityEnum} from '@typo3/backend/enum/severity';
-
-interface FieldOptions {
-  userId: number,
-  tableName: string
-}
-
-interface Response {
-  success: boolean;
-  status: Array<Status>;
-  remaining: number;
-}
-
-interface Status {
-  title: string;
-  message: string;
-}
-
-enum Selectors {
-  deactivteProviderButton = '.t3js-deactivate-provider-button',
-  deactivteMfaButton = '.t3js-deactivate-mfa-button',
-  providerslist = '.t3js-mfa-active-providers-list',
-  mfaStatusLabel = '.t3js-mfa-status-label',
-}
-
-class MfaInfoElement {
-  private options: FieldOptions = null;
-  private fullElement: HTMLElement = null;
-  private deactivteProviderButtons: NodeListOf<HTMLButtonElement> = null;
-  private deactivteMfaButton: HTMLButtonElement = null;
-  private providersList: HTMLUListElement = null;
-  private mfaStatusLabel: HTMLSpanElement = null;
-  private request: AjaxRequest = null;
-
-  constructor(selector: string, options: FieldOptions) {
-    this.options = options;
-    DocumentService.ready().then((document: Document): void => {
-      this.fullElement = document.querySelector(selector);
-      this.deactivteProviderButtons = this.fullElement.querySelectorAll(Selectors.deactivteProviderButton);
-      this.deactivteMfaButton = this.fullElement.querySelector(Selectors.deactivteMfaButton);
-      this.providersList = this.fullElement.querySelector(Selectors.providerslist);
-      this.mfaStatusLabel = this.fullElement.parentElement.querySelector(Selectors.mfaStatusLabel);
-      this.registerEvents();
-    });
-  }
-
-  private registerEvents(): void {
-    new RegularEvent('click', (e: Event): void => {
-      e.preventDefault();
-      this.prepareDeactivateRequest(this.deactivteMfaButton);
-    }).bindTo(this.deactivteMfaButton);
-
-    this.deactivteProviderButtons.forEach((buttonElement: HTMLButtonElement): void => {
-      new RegularEvent('click', (e: Event): void => {
-        e.preventDefault();
-        this.prepareDeactivateRequest(buttonElement);
-      }).bindTo(buttonElement);
-    });
-  }
-
-  private prepareDeactivateRequest(button: HTMLButtonElement): void {
-    const $modal = Modal.show(
-      button.dataset.confirmationTitle || button.getAttribute('title') || 'Deactivate provider(s)',
-      button.dataset.confirmationContent || 'Are you sure you want to continue? This action cannot be undone and will be applied immediately!',
-      SeverityEnum.warning,
-      [
-        {
-          text: button.dataset.confirmationCancelText || 'Cancel',
-          active: true,
-          btnClass: 'btn-default',
-          name: 'cancel'
-        },
-        {
-          text: button.dataset.confirmationDeactivateText || 'Deactivate',
-          btnClass: 'btn-warning',
-          name: 'deactivate',
-          trigger: (): void => {
-            this.sendDeactivateRequest(button.dataset.provider);
-          }
-        }
-      ]
-    );
-
-    $modal.on('button.clicked', (): void => {
-      $modal.modal('hide');
-    });
-  }
-
-  private sendDeactivateRequest(provider?: string): void {
-    if (this.request instanceof AjaxRequest) {
-      this.request.abort();
-    }
-    this.request = (new AjaxRequest(TYPO3.settings.ajaxUrls.mfa));
-    this.request.post({
-      action: 'deactivate',
-      provider: provider,
-      userId: this.options.userId,
-      tableName: this.options.tableName
-    }).then(async (response: AjaxResponse): Promise<any> => {
-      const data: Response = await response.resolve();
-      if (data.status.length > 0) {
-        data.status.forEach((status: Status): void => {
-          if (data.success) {
-            Notification.success(status.title, status.message);
-          } else {
-            Notification.error(status.title, status.message);
-          }
-        });
-      }
-      if (!data.success) {
-        return;
-      }
-      if (provider === undefined || data.remaining === 0) {
-        this.deactivateMfa();
-        return;
-      }
-      if (this.providersList === null) {
-        return;
-      }
-      const providerEntry: HTMLLIElement = this.providersList.querySelector('li#provider-' + provider);
-      if (providerEntry === null) {
-        return;
-      }
-      providerEntry.remove();
-      const providerEntries: NodeListOf<HTMLLIElement> = this.providersList.querySelectorAll('li');
-      if (providerEntries.length === 0){
-        this.deactivateMfa();
-      }
-    }).finally((): void => {
-      this.request = null;
-    });
-  }
-
-  private deactivateMfa(): void {
-    this.deactivteMfaButton.classList.add('disabled');
-    this.deactivteMfaButton.setAttribute('disabled', 'disabled');
-    if (this.providersList !== null) {
-      this.providersList.remove();
-    }
-    if (this.mfaStatusLabel !== null) {
-      this.mfaStatusLabel.innerText = this.mfaStatusLabel.dataset.alternativeLabel;
-      this.mfaStatusLabel.classList.remove('badge-success');
-      this.mfaStatusLabel.classList.add('badge-danger');
-    }
-  }
-}
-
-export default MfaInfoElement;
diff --git a/typo3_src/TypeScript/backend/form-engine/element/modifier/resizable.ts b/typo3_src/TypeScript/backend/form-engine/element/modifier/resizable.ts
deleted file mode 100644
index 78f2d22..0000000
--- a/typo3_src/TypeScript/backend/form-engine/element/modifier/resizable.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/**
- * Convert textarea so they grow when it is typed in.
- */
-export class Resizable {
-
-  /**
-   * @param {HTMLTextAreaElement} textarea
-   */
-  public static enable(textarea: HTMLTextAreaElement): void {
-    import('autosize').then(({default: autosize}): void => {
-      autosize(textarea);
-    });
-  }
-}
diff --git a/typo3_src/TypeScript/backend/form-engine/element/modifier/tabbable.ts b/typo3_src/TypeScript/backend/form-engine/element/modifier/tabbable.ts
deleted file mode 100644
index 9edcb22..0000000
--- a/typo3_src/TypeScript/backend/form-engine/element/modifier/tabbable.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/**
- * Convert textarea to enable tab
- */
-export class Tabbable {
-
-  /**
-   * @param {HTMLTextAreaElement} textarea
-   */
-  public static enable(textarea: HTMLTextAreaElement): void {
-    if (textarea.classList.contains('t3js-enable-tab')) {
-      import('taboverride').then(({default: taboverride}): void => {
-        taboverride.set(textarea);
-      });
-    }
-  }
-}
diff --git a/typo3_src/TypeScript/backend/form-engine/element/select-check-box-element.ts b/typo3_src/TypeScript/backend/form-engine/element/select-check-box-element.ts
deleted file mode 100644
index 7102912..0000000
--- a/typo3_src/TypeScript/backend/form-engine/element/select-check-box-element.ts
+++ /dev/null
@@ -1,93 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import DocumentService from '@typo3/core/document-service';
-import RegularEvent from '@typo3/core/event/regular-event';
-
-enum Identifier {
-  toggleAll = '.t3js-toggle-checkboxes',
-  singleItem = '.t3js-checkbox',
-  revertSelection = '.t3js-revert-selection',
-}
-
-class SelectCheckBoxElement {
-  private checkBoxId: string = '';
-  private table: HTMLTableElement = null;
-  private checkedBoxes: NodeListOf<HTMLInputElement> = null;
-
-  /**
-   * Determines whether all available checkboxes are checked
-   *
-   * @param {NodeListOf<HTMLInputElement>} checkBoxes
-   * @return {boolean}
-   */
-  private static allCheckBoxesAreChecked(checkBoxes: NodeListOf<HTMLInputElement>): boolean {
-    const checkboxArray = Array.from(checkBoxes);
-    return checkBoxes.length === checkboxArray.filter((checkBox: HTMLInputElement) => checkBox.checked).length;
-  }
-
-  /**
-   * @param {string} checkBoxId
-   */
-  constructor(checkBoxId: string) {
-    this.checkBoxId = checkBoxId;
-    DocumentService.ready().then((document: Document): void => {
-      this.table = document.getElementById(checkBoxId).closest('table');
-      this.checkedBoxes = this.table.querySelectorAll(Identifier.singleItem + ':checked');
-
-      this.enableTriggerCheckBox();
-      this.registerEventHandler();
-    });
-  }
-
-  /**
-   * Registers the events for clicking the "Toggle all" and the single item checkboxes
-   */
-  private registerEventHandler(): void {
-    new RegularEvent('change', (e: Event, currentTarget: HTMLInputElement): void => {
-      const checkBoxes: NodeListOf<HTMLInputElement> = this.table.querySelectorAll(Identifier.singleItem);
-      const checkIt = !SelectCheckBoxElement.allCheckBoxesAreChecked(checkBoxes);
-
-      checkBoxes.forEach((checkBox: HTMLInputElement): void => {
-        checkBox.checked = checkIt;
-      });
-      currentTarget.checked = checkIt;
-    }).delegateTo(this.table, Identifier.toggleAll);
-
-    new RegularEvent('change', this.setToggleAllState.bind(this)).delegateTo(this.table, Identifier.singleItem);
-
-    new RegularEvent('click', (): void => {
-      const checkBoxes = this.table.querySelectorAll(Identifier.singleItem);
-      const checkedCheckBoxesAsArray = Array.from(this.checkedBoxes);
-      checkBoxes.forEach((checkBox: HTMLInputElement): void => {
-        checkBox.checked = checkedCheckBoxesAsArray.includes(checkBox);
-      });
-      this.setToggleAllState();
-    }).delegateTo(this.table, Identifier.revertSelection);
-  }
-
-  private setToggleAllState(): void {
-    const checkBoxes: NodeListOf<HTMLInputElement> = this.table.querySelectorAll(Identifier.singleItem);
-    (this.table.querySelector(Identifier.toggleAll) as HTMLInputElement).checked = SelectCheckBoxElement.allCheckBoxesAreChecked(checkBoxes);
-  }
-
-  /**
-   * Enables the "Toggle all" checkbox on document load if all child checkboxes are checked
-   */
-  private enableTriggerCheckBox(): void {
-    const checkBoxes: NodeListOf<HTMLInputElement> = this.table.querySelectorAll(Identifier.singleItem);
-    (document.getElementById(this.checkBoxId) as HTMLInputElement).checked = SelectCheckBoxElement.allCheckBoxesAreChecked(checkBoxes);
-  }
-}
-
-export default SelectCheckBoxElement;
diff --git a/typo3_src/TypeScript/backend/form-engine/element/select-multiple-side-by-side-element.ts b/typo3_src/TypeScript/backend/form-engine/element/select-multiple-side-by-side-element.ts
deleted file mode 100644
index 8d97358..0000000
--- a/typo3_src/TypeScript/backend/form-engine/element/select-multiple-side-by-side-element.ts
+++ /dev/null
@@ -1,62 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {AbstractSortableSelectItems} from './abstract-sortable-select-items';
-import DocumentService from '@typo3/core/document-service';
-import FormEngine from '@typo3/backend/form-engine';
-import SelectBoxFilter from './extra/select-box-filter';
-
-class SelectMultipleSideBySideElement extends AbstractSortableSelectItems {
-  private selectedOptionsElement: HTMLSelectElement = null;
-  private availableOptionsElement: HTMLSelectElement = null;
-
-  constructor(selectedOptionsElementId: string, availableOptionsElementId: string) {
-    super();
-
-    DocumentService.ready().then((document: Document): void => {
-      this.selectedOptionsElement = <HTMLSelectElement>document.getElementById(selectedOptionsElementId);
-      this.availableOptionsElement = <HTMLSelectElement>document.getElementById(availableOptionsElementId);
-      this.registerEventHandler();
-    });
-  }
-
-  private registerEventHandler(): void {
-    this.registerSortableEventHandler(this.selectedOptionsElement);
-
-    this.availableOptionsElement.addEventListener('click', (e: Event): void => {
-      const el = <HTMLSelectElement>e.currentTarget;
-      const fieldName = el.dataset.relatedfieldname;
-      if (fieldName) {
-        const exclusiveValues = el.dataset.exclusivevalues;
-        const selectedOptions = el.querySelectorAll('option:checked'); // Yep, :checked finds selected options
-        if (selectedOptions.length > 0) {
-          selectedOptions.forEach((optionElement: HTMLOptionElement): void => {
-            FormEngine.setSelectOptionFromExternalSource(
-              fieldName,
-              optionElement.value,
-              optionElement.textContent,
-              optionElement.getAttribute('title'),
-              exclusiveValues,
-              optionElement,
-            );
-          });
-        }
-      }
-    });
-
-    // tslint:disable-next-line:no-unused-expression
-    new SelectBoxFilter(this.availableOptionsElement);
-  }
-}
-
-export default SelectMultipleSideBySideElement;
diff --git a/typo3_src/TypeScript/backend/form-engine/element/select-single-element.ts b/typo3_src/TypeScript/backend/form-engine/element/select-single-element.ts
deleted file mode 100644
index c7e5f87..0000000
--- a/typo3_src/TypeScript/backend/form-engine/element/select-single-element.ts
+++ /dev/null
@@ -1,79 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import RegularEvent from '@typo3/core/event/regular-event';
-import DocumentService from '@typo3/core/document-service';
-import FormEngine from '@typo3/backend/form-engine';
-import OnFieldChangeItem = TYPO3.CMS.Backend.OnFieldChangeItem;
-
-interface SelectSingleElementOptions {
-  onChange?: OnFieldChangeItem[];
-}
-
-/**
- * Module: @typo3/backend/form-engine/element/select-single-element
- * Logic for SelectSingleElement
- */
-class SelectSingleElement {
-  public initializeOnReady(selector: string, options: SelectSingleElementOptions): void {
-    DocumentService.ready().then(() => {
-      this.initialize(selector, options);
-    });
-  }
-
-  public initialize = (selector: string, options: SelectSingleElementOptions): void => {
-    let selectElement: HTMLSelectElement = document.querySelector(selector);
-    options = options || {};
-
-    new RegularEvent('change', (e: Event): void => {
-      const target = e.target as HTMLSelectElement;
-      const groupIconContainer: HTMLElement = target.parentElement.querySelector('.input-group-icon');
-
-      // Update prepended select icon
-      if (groupIconContainer !== null) {
-        groupIconContainer.innerHTML = (target.options[target.selectedIndex].dataset.icon);
-      }
-
-      const selectIcons: HTMLElement = target.closest('.t3js-formengine-field-item').querySelector('.t3js-forms-select-single-icons');
-      if (selectIcons !== null) {
-        const activeItem = selectIcons.querySelector('.item.active');
-        if (activeItem !== null) {
-          activeItem.classList.remove('active');
-        }
-
-        const selectionIcon = selectIcons.querySelector('[data-select-index="' + target.selectedIndex + '"]');
-        if (selectionIcon !== null)  {
-          selectionIcon.closest('.item').classList.add('active');
-        }
-      }
-    }).bindTo(selectElement);
-
-    if (options.onChange instanceof Array) {
-      // hand `OnFieldChange` processing over to `FormEngine`
-      new RegularEvent('change', () => FormEngine.processOnFieldChange(options.onChange)).bindTo(selectElement);
-    }
-
-    new RegularEvent('click', (e: Event, target: HTMLAnchorElement): void => {
-      const currentActive = target.closest('.t3js-forms-select-single-icons').querySelector('.item.active');
-      if (currentActive !== null) {
-        currentActive.classList.remove('active');
-      }
-
-      selectElement.selectedIndex = parseInt(target.dataset.selectIndex, 10);
-      selectElement.dispatchEvent(new Event('change'));
-      target.closest('.item').classList.add('active');
-    }).delegateTo(selectElement.closest('.form-control-wrap'), '.t3js-forms-select-single-icons .item:not(.active) a');
-  }
-}
-
-export default new SelectSingleElement();
diff --git a/typo3_src/TypeScript/backend/form-engine/element/select-tree-element.ts b/typo3_src/TypeScript/backend/form-engine/element/select-tree-element.ts
deleted file mode 100644
index 30e83c5..0000000
--- a/typo3_src/TypeScript/backend/form-engine/element/select-tree-element.ts
+++ /dev/null
@@ -1,159 +0,0 @@
-/*
-* This file is part of the TYPO3 CMS project.
-*
-* It is free software; you can redistribute it and/or modify it under
-* the terms of the GNU General Public License, either version 2
-* of the License, or any later version.
-*
-* For the full copyright and license information, please read the
-* LICENSE.txt file that was distributed with this source code.
-*
-* The TYPO3 project - inspiring people to share!
-*/
-
-import type {SelectTree} from './select-tree';
-import type {SelectTreeToolbar} from './select-tree-toolbar';
-import './select-tree';
-import './select-tree-toolbar';
-import '@typo3/backend/element/icon-element';
-import {TreeNode} from '@typo3/backend/tree/tree-node';
-import FormEngine from '@typo3/backend/form-engine';
-import OnFieldChangeItem = TYPO3.CMS.Backend.OnFieldChangeItem;
-
-export class SelectTreeElement {
-  private readonly recordField: HTMLInputElement = null;
-  private readonly tree: SelectTree = null;
-
-  constructor(treeWrapperId: string, treeRecordFieldId: string, callback?: Function, onFieldChangeItems?: OnFieldChangeItem[]) {
-    if (callback instanceof Function) {
-      throw new Error('Function `callback` is not supported anymore since TYPO3 v12.0');
-    }
-
-    this.recordField = <HTMLInputElement>document.getElementById(treeRecordFieldId);
-    const treeWrapper = <HTMLElement>document.getElementById(treeWrapperId);
-    this.tree = document.createElement('typo3-backend-form-selecttree') as SelectTree;
-    this.tree.classList.add('svg-tree-wrapper');
-    this.tree.addEventListener('typo3:svg-tree:nodes-prepared', this.loadDataAfter);
-    this.tree.addEventListener('typo3:svg-tree:node-selected', this.selectNode);
-
-    if (onFieldChangeItems instanceof Array) {
-      this.tree.addEventListener('typo3:svg-tree:node-selected', () => { FormEngine.processOnFieldChange(onFieldChangeItems) } );
-    }
-
-    const settings = {
-      id: treeWrapperId,
-      dataUrl: this.generateRequestUrl(),
-      readOnlyMode: parseInt(this.recordField.dataset.readOnly, 10) === 1,
-      input: this.recordField,
-      exclusiveNodesIdentifiers: this.recordField.dataset.treeExclusiveKeys,
-      validation: JSON.parse(this.recordField.dataset.formengineValidationRules)[0],
-      expandUpToLevel: this.recordField.dataset.treeExpandUpToLevel,
-      unselectableElements: [] as Array<any>
-    };
-    this.tree.addEventListener('svg-tree:initialized', () => {
-      if (this.recordField.dataset.treeShowToolbar) {
-        const toolbarElement = document.createElement('typo3-backend-form-selecttree-toolbar') as SelectTreeToolbar;
-        toolbarElement.tree = this.tree;
-        this.tree.prepend(toolbarElement);
-      }
-    });
-    this.tree.setup = settings;
-    treeWrapper.append(this.tree);
-    this.listenForVisibleTree();
-  }
-
-  /**
-   * If the Select item is in an invisible tab, it needs to be rendered once the tab
-   * becomes visible.
-   */
-  private listenForVisibleTree(): void {
-    if (!this.tree.offsetParent) {
-      // Search for the parents that are tab containers
-      let idOfTabContainer = this.tree.closest('.tab-pane').getAttribute('id');
-      if (idOfTabContainer) {
-        let btn = document.querySelector('[aria-controls="' + idOfTabContainer + '"]');
-        btn.addEventListener('shown.bs.tab', () => { this.tree.dispatchEvent(new Event('svg-tree:visible')); });
-      }
-    }
-  }
-
-  private generateRequestUrl(): string {
-    const params = {
-      tableName: this.recordField.dataset.tablename,
-      fieldName: this.recordField.dataset.fieldname,
-      uid: this.recordField.dataset.uid,
-      defaultValues: this.recordField.dataset.defaultvalues,
-      overrideValues: this.recordField.dataset.overridevalues,
-      recordTypeValue: this.recordField.dataset.recordtypevalue,
-      dataStructureIdentifier: this.recordField.dataset.datastructureidentifier,
-      flexFormSheetName: this.recordField.dataset.flexformsheetname,
-      flexFormFieldName: this.recordField.dataset.flexformfieldname,
-      flexFormContainerName: this.recordField.dataset.flexformcontainername,
-      flexFormContainerIdentifier: this.recordField.dataset.flexformcontaineridentifier,
-      flexFormContainerFieldName: this.recordField.dataset.flexformcontainerfieldname,
-      flexFormSectionContainerIsNew: this.recordField.dataset.flexformsectioncontainerisnew,
-      command: this.recordField.dataset.command,
-    };
-    return TYPO3.settings.ajaxUrls.record_tree_data + '&' + new URLSearchParams(params);
-  }
-
-  private selectNode = (evt: CustomEvent) => {
-    const node = evt.detail.node as TreeNode;
-    this.updateAncestorsIndeterminateState(node);
-    // check all nodes again, to ensure correct display of indeterminate state
-    this.calculateIndeterminate(this.tree.nodes);
-    this.saveCheckboxes();
-    this.tree.setup.input.dispatchEvent(new Event('change', {bubbles: true, cancelable: true}));
-  }
-
-  /**
-   * Resets the node.indeterminate for the whole tree.
-   * It's done once after loading data.
-   * Later indeterminate state is updated just for the subset of nodes
-   */
-  private loadDataAfter = () => {
-    this.tree.nodes = this.tree.nodes.map((node: TreeNode) => {
-      node.indeterminate = false;
-      return node;
-    });
-    this.calculateIndeterminate(this.tree.nodes);
-  }
-
-  /**
-   * Sets a comma-separated list of selected nodes identifiers to configured input
-   */
-  private saveCheckboxes = (): void => {
-    if (typeof this.recordField === 'undefined') {
-      return;
-    }
-    this.recordField.value = this.tree.getSelectedNodes().map((node: TreeNode): string => node.identifier).join(',');
-  }
-
-  /**
-   * Updates the indeterminate state for ancestors of the current node
-   */
-  private updateAncestorsIndeterminateState(node: TreeNode): void {
-    // foreach ancestor except node itself
-    let indeterminate = false;
-    node.parents.forEach((index: number) => {
-      const node = this.tree.nodes[index];
-      node.indeterminate = (node.checked || node.indeterminate || indeterminate);
-      // check state for the next level
-      indeterminate = (node.checked || node.indeterminate || node.checked || node.indeterminate);
-    });
-  }
-
-  /**
-   * Sets indeterminate state for a subtree.
-   * It relays on the tree to have indeterminate state reset beforehand.
-   */
-  private calculateIndeterminate(nodes: TreeNode[]): void {
-    nodes.forEach((node: TreeNode) => {
-      if ((node.checked || node.indeterminate) && node.parents && node.parents.length > 0) {
-        node.parents.forEach((parentNodeIndex: number) => {
-          nodes[parentNodeIndex].indeterminate = true;
-        });
-      }
-    });
-  }
-}
diff --git a/typo3_src/TypeScript/backend/form-engine/element/select-tree-toolbar.ts b/typo3_src/TypeScript/backend/form-engine/element/select-tree-toolbar.ts
deleted file mode 100644
index b19b159..0000000
--- a/typo3_src/TypeScript/backend/form-engine/element/select-tree-toolbar.ts
+++ /dev/null
@@ -1,121 +0,0 @@
-/*
-* This file is part of the TYPO3 CMS project.
-*
-* It is free software; you can redistribute it and/or modify it under
-* the terms of the GNU General Public License, either version 2
-* of the License, or any later version.
-*
-* For the full copyright and license information, please read the
-* LICENSE.txt file that was distributed with this source code.
-*
-* The TYPO3 project - inspiring people to share!
-*/
-
-import type {SelectTree} from './select-tree';
-import {Tooltip} from 'bootstrap';
-import {html, LitElement, TemplateResult} from 'lit';
-import {customElement} from 'lit/decorators';
-import {lll} from '@typo3/core/lit-helper';
-import {TreeNode} from '../../tree/tree-node';
-
-@customElement('typo3-backend-form-selecttree-toolbar')
-export class SelectTreeToolbar extends LitElement {
-  public tree: SelectTree;
-  private settings = {
-    collapseAllBtn: 'collapse-all-btn',
-    expandAllBtn: 'expand-all-btn',
-    searchInput: 'search-input',
-    toggleHideUnchecked: 'hide-unchecked-btn'
-  };
-
-  /**
-   * State of the hide unchecked toggle button
-   *
-   * @type {boolean}
-   */
-  private hideUncheckedState: boolean = false;
-
-  // disable shadow dom for now
-  protected createRenderRoot(): HTMLElement | ShadowRoot {
-    return this;
-  }
-
-  protected firstUpdated(): void {
-    this.querySelectorAll('[data-bs-toggle="tooltip"]').forEach((tooltipTriggerEl: HTMLElement) => new Tooltip(tooltipTriggerEl));
-  }
-
-  protected render(): TemplateResult {
-    return html`
-      <div class="tree-toolbar btn-toolbar">
-        <div class="input-group">
-          <span class="input-group-addon input-group-icon filter">
-            <typo3-backend-icon identifier="actions-filter" size="small"></typo3-backend-icon>
-          </span>
-          <input type="text" class="form-control ${this.settings.searchInput}" placeholder="${lll('tcatree.findItem')}" @input="${(evt: InputEvent) => this.filter(evt)}">
-        </div>
-        <div class="btn-group">
-          <button type="button" data-bs-toggle="tooltip" class="btn btn-default ${this.settings.expandAllBtn}" title="${lll('tcatree.expandAll')}" @click="${() => this.expandAll()}">
-            <typo3-backend-icon identifier="apps-pagetree-category-expand-all" size="small"></typo3-backend-icon>
-          </button>
-          <button type="button" data-bs-toggle="tooltip" class="btn btn-default ${this.settings.collapseAllBtn}" title="${lll('tcatree.collapseAll')}" @click="${(evt: MouseEvent) => this.collapseAll(evt)}">
-            <typo3-backend-icon identifier="apps-pagetree-category-collapse-all" size="small"></typo3-backend-icon>
-          </button>
-          <button type="button" data-bs-toggle="tooltip" class="btn btn-default ${this.settings.toggleHideUnchecked}" title="${lll('tcatree.toggleHideUnchecked')}" @click="${() => this.toggleHideUnchecked()}">
-            <typo3-backend-icon identifier="apps-pagetree-category-toggle-hide-checked" size="small"></typo3-backend-icon>
-          </button>
-        </div>
-      </div>
-    `;
-  }
-
-  /**
-   * Collapse children of root node
-   */
-  private collapseAll(evt: MouseEvent): void {
-    evt.preventDefault();
-    // Only collapse nodes that aren't on the root level
-    this.tree.nodes.forEach((node: TreeNode) => {
-      if (node.parents.length) {
-        this.tree.hideChildren(node);
-      }
-    });
-    this.tree.prepareDataForVisibleNodes();
-    this.tree.updateVisibleNodes();
-  }
-
-
-  /**
-   * Expand all nodes
-   */
-  private expandAll() {
-    this.tree.expandAll();
-  }
-
-  private filter(event: InputEvent): void {
-    const inputEl = <HTMLInputElement>event.target;
-    this.tree.filter(inputEl.value.trim());
-  }
-
-  /**
-   * Show only checked items
-   */
-  private toggleHideUnchecked(): void {
-    this.hideUncheckedState = !this.hideUncheckedState;
-    if (this.hideUncheckedState) {
-      this.tree.nodes.forEach((node: any) => {
-        if (node.checked) {
-          this.tree.showParents(node);
-          node.expanded = true;
-          node.hidden = false;
-        } else {
-          node.hidden = true;
-          node.expanded = false;
-        }
-      });
-    } else {
-      this.tree.nodes.forEach((node: any) => node.hidden = false);
-    }
-    this.tree.prepareDataForVisibleNodes();
-    this.tree.updateVisibleNodes();
-  }
-}
diff --git a/typo3_src/TypeScript/backend/form-engine/element/select-tree.ts b/typo3_src/TypeScript/backend/form-engine/element/select-tree.ts
deleted file mode 100644
index 0be5e09..0000000
--- a/typo3_src/TypeScript/backend/form-engine/element/select-tree.ts
+++ /dev/null
@@ -1,277 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import * as d3selection from 'd3-selection';
-import {SvgTree, SvgTreeSettings, TreeNodeSelection} from '../../svg-tree';
-import {TreeNode} from '../../tree/tree-node';
-import {customElement} from 'lit/decorators';
-
-interface SelectTreeSettings extends SvgTreeSettings {
-  exclusiveNodesIdentifiers: '';
-  validation: {[keys: string]: any};
-  unselectableElements: Array<any>,
-  readOnlyMode: false
-}
-
-@customElement('typo3-backend-form-selecttree')
-export class SelectTree extends SvgTree
-{
-  public textPosition: number = 30;
-  public settings: SelectTreeSettings = {
-    unselectableElements: [],
-    exclusiveNodesIdentifiers: '',
-    validation: {},
-    readOnlyMode: false,
-    showIcons: true,
-    marginTop: 15,
-    nodeHeight: 26,
-    icon: {
-      size: 16,
-      containerSize: 20,
-    },
-    indentWidth: 20,
-    width: 300,
-    duration: 400,
-    dataUrl: '',
-    defaultProperties: {},
-    expandUpToLevel: null as any,
-  };
-
-  /**
-   * Exclusive node which is currently selected
-   */
-  private exclusiveSelectedNode: TreeNode = null;
-
-  constructor() {
-    super();
-    this.addIcons();
-    this.addEventListener('typo3:svg-tree:nodes-prepared', this.prepareLoadedNodes);
-  }
-
-  /**
-   * Expand all nodes and refresh view
-   */
-  public expandAll(): void {
-    this.nodes.forEach((node: TreeNode) => { this.showChildren(node); });
-    this.prepareDataForVisibleNodes();
-    this.updateVisibleNodes();
-  }
-
-  /**
-   * Node selection logic (triggered by different events) to select multiple
-   * nodes (unlike SVG Tree itself).
-   */
-  public selectNode(node: TreeNode, propagate: boolean = true): void {
-    if (!this.isNodeSelectable(node)) {
-      return;
-    }
-
-    const checked = node.checked;
-    this.handleExclusiveNodeSelection(node);
-
-    if (this.settings.validation && this.settings.validation.maxItems) {
-      if (!checked && this.getSelectedNodes().length >= this.settings.validation.maxItems) {
-        return;
-      }
-    }
-
-    node.checked = !checked;
-
-    this.dispatchEvent(new CustomEvent('typo3:svg-tree:node-selected', {detail: {node: node, propagate: propagate}}));
-    this.updateVisibleNodes();
-  }
-
-  public filter(searchTerm?: string|null): void {
-    this.searchTerm = searchTerm;
-    if (this.nodes.length) {
-      this.nodes[0].expanded = false;
-    }
-    const regex = new RegExp(searchTerm, 'i');
-
-    this.nodes.forEach((node: any) => {
-      if (regex.test(node.name)) {
-        this.showParents(node);
-        node.expanded = true;
-        node.hidden = false;
-      } else {
-        node.hidden = true;
-        node.expanded = false;
-      }
-    });
-
-    this.prepareDataForVisibleNodes();
-    this.updateVisibleNodes();
-  }
-
-  /**
-   * Finds and show all parents of node
-   */
-  public showParents(node: any): void {
-    if (node.parents.length === 0) {
-      return;
-    }
-    const parent = this.nodes[node.parents[0]];
-    parent.hidden = false;
-    // expand parent node
-    parent.expanded = true;
-    this.showParents(parent);
-  }
-
-  /**
-   * Function relays on node.indeterminate state being up to date
-   *
-   * Fetches all visible nodes
-   */
-  public updateVisibleNodes(): void {
-    super.updateVisibleNodes();
-    const visibleRows = Math.ceil(this.viewportHeight / this.settings.nodeHeight + 1);
-    const position = Math.floor(Math.max(this.scrollTop - (this.settings.nodeHeight * 2), 0) / this.settings.nodeHeight);
-
-    const visibleNodes = this.data.nodes.slice(position, position + visibleRows);
-    let nodes = this.nodesContainer.selectAll('.node')
-      .data(visibleNodes, (node: TreeNode) => node.stateIdentifier);
-    nodes
-      .selectAll('.tree-check use')
-      .attr('visibility', function(this: SVGUseElement, node: TreeNode): string {
-        const checked = Boolean(node.checked);
-        const selection = d3selection.select(this);
-        if (selection.classed('icon-checked') && checked) {
-          return 'visible';
-        } else if (selection.classed('icon-indeterminate') && node.indeterminate && !checked) {
-          return 'visible';
-        } else if (selection.classed('icon-check') && !node.indeterminate && !checked) {
-          return 'visible';
-        } else {
-          return 'hidden';
-        }
-      });
-  }
-
-  /**
-   * Check whether node can be selected.
-   * In some cases (e.g. selecting a parent) it should not be possible to select
-   * element (as it's own parent).
-   */
-  protected isNodeSelectable(node: TreeNode): boolean {
-    return !this.settings.readOnlyMode && this.settings.unselectableElements.indexOf(node.identifier) === -1;
-  }
-  /**
-   * Add checkbox before the text element
-   */
-  protected appendTextElement(nodes: TreeNodeSelection): TreeNodeSelection {
-    this.renderCheckbox(nodes);
-    return super.appendTextElement(nodes)
-  }
-
-  /**
-   * Adds svg elements for checkbox rendering.
-   *
-   * @param {Selection} nodeSelection ENTER selection (only new DOM objects)
-   */
-  private renderCheckbox(nodeSelection: TreeNodeSelection): void {
-    // this can be simplified to single "use" element with changing href on click
-    // when we drop IE11 on WIN7 support
-    const g = nodeSelection.filter((node: TreeNode) => {
-      // do not render checkbox if node is not selectable
-      return this.isNodeSelectable(node) || Boolean(node.checked);
-    })
-      .append('g')
-      .attr('class', 'tree-check')
-      .on('click', (evt: MouseEvent, node: TreeNode) => {
-        this.selectNode(node);
-        this.focusNode(node);
-        this.updateVisibleNodes();
-      });
-
-    g.append('use')
-      .attr('x', 28)
-      .attr('y', -8)
-      .attr('visibility', 'hidden')
-      .attr('class', 'icon-check')
-      .attr('xlink:href', '#icon-check');
-    g.append('use')
-      .attr('x', 28)
-      .attr('y', -8)
-      .attr('visibility', 'hidden')
-      .attr('class', 'icon-checked')
-      .attr('xlink:href', '#icon-checked');
-    g.append('use')
-      .attr('x', 28)
-      .attr('y', -8)
-      .attr('visibility', 'hidden')
-      .attr('class', 'icon-indeterminate')
-      .attr('xlink:href', '#icon-indeterminate');
-  }
-
-  /**
-   * Check if a node has all information to be used.
-   * create stateIdentifier if doesn't exist (for category tree)
-   */
-  private prepareLoadedNodes(evt: CustomEvent): void {
-    let nodes = evt.detail.nodes as Array<TreeNode>;
-    evt.detail.nodes = nodes.map((node: TreeNode) => {
-      if (!node.stateIdentifier) {
-        const parentId = (node.parents.length) ? node.parents[node.parents.length - 1] : node.identifier;
-        node.stateIdentifier = parentId + '_' + node.identifier;
-      }
-      if (node.selectable === false) {
-        this.settings.unselectableElements.push(node.identifier);
-      }
-      return node;
-    });
-  }
-
-  /**
-   * Handle exclusive nodes functionality
-   * If a node is one of the exclusiveNodesIdentifiers list,
-   * all other nodes has to be unselected before selecting this node.
-   *
-   * @param {Node} node
-   */
-  private handleExclusiveNodeSelection(node: TreeNode): void {
-    const exclusiveKeys = this.settings.exclusiveNodesIdentifiers.split(',');
-    if (this.settings.exclusiveNodesIdentifiers.length && node.checked === false) {
-      if (exclusiveKeys.indexOf('' + node.identifier) > -1) {
-        // this key is exclusive, so uncheck all others
-        this.disableSelectedNodes();
-        this.exclusiveSelectedNode = node;
-      } else if (exclusiveKeys.indexOf('' + node.identifier) === -1 && this.exclusiveSelectedNode) {
-
-        // current node is not exclusive, but other exclusive node is already selected
-        this.exclusiveSelectedNode.checked = false;
-        this.exclusiveSelectedNode = null;
-      }
-    }
-  }
-
-  /**
-   * Add icons imitating checkboxes
-   */
-  private addIcons(): void {
-    this.icons = {
-      check: {
-        identifier: 'check',
-        icon: '<g width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">' +
-          '<rect height="16" width="16" fill="transparent"></rect><path transform="scale(0.01)" d="M1312 256h-832q-66 0-113 47t-47 113v832q0 66 47 113t113 47h832q66 0 113-47t47-113v-832q0-66-47-113t-113-47zm288 160v832q0 119-84.5 203.5t-203.5 84.5h-832q-119 0-203.5-84.5t-84.5-203.5v-832q0-119 84.5-203.5t203.5-84.5h832q119 0 203.5 84.5t84.5 203.5z"></path></g>'
-      },
-      checked: {
-        identifier: 'checked',
-        icon: '<g width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><rect height="16" width="16" fill="transparent"></rect><path transform="scale(0.01)" d="M813 1299l614-614q19-19 19-45t-19-45l-102-102q-19-19-45-19t-45 19l-467 467-211-211q-19-19-45-19t-45 19l-102 102q-19 19-19 45t19 45l358 358q19 19 45 19t45-19zm851-883v960q0 119-84.5 203.5t-203.5 84.5h-960q-119 0-203.5-84.5t-84.5-203.5v-960q0-119 84.5-203.5t203.5-84.5h960q119 0 203.5 84.5t84.5 203.5z"></path></g>'
-      },
-      indeterminate: {
-        identifier: 'indeterminate',
-        icon: '<g width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><rect height="16" width="16" fill="transparent"></rect><path transform="scale(0.01)" d="M1344 800v64q0 14-9 23t-23 9h-832q-14 0-23-9t-9-23v-64q0-14 9-23t23-9h832q14 0 23 9t9 23zm128 448v-832q0-66-47-113t-113-47h-832q-66 0-113 47t-47 113v832q0 66 47 113t113 47h832q66 0 113-47t47-113zm128-832v832q0 119-84.5 203.5t-203.5 84.5h-832q-119 0-203.5-84.5t-84.5-203.5v-832q0-119 84.5-203.5t203.5-84.5h832q119 0 203.5 84.5t84.5 203.5z"></path></g>'
-      }
-    }
-  }
-}
diff --git a/typo3_src/TypeScript/backend/form-engine/element/slug-element.ts b/typo3_src/TypeScript/backend/form-engine/element/slug-element.ts
deleted file mode 100644
index 26c824b..0000000
--- a/typo3_src/TypeScript/backend/form-engine/element/slug-element.ts
+++ /dev/null
@@ -1,239 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {AjaxResponse} from '@typo3/core/ajax/ajax-response';
-import AjaxRequest from '@typo3/core/ajax/ajax-request';
-import DocumentService from '@typo3/core/document-service';
-import DebounceEvent from '@typo3/core/event/debounce-event';
-import RegularEvent from '@typo3/core/event/regular-event';
-
-interface FieldOptions {
-  pageId: number;
-  recordId: number;
-  tableName: string;
-  fieldName: string;
-  config: { [key: string]: any };
-  listenerFieldNames: { [key: string]: string };
-  language: number;
-  originalValue: string;
-  signature: string;
-  command: string;
-  parentPageId: number;
-  includeUidInValues: boolean;
-}
-
-interface Response {
-  hasConflicts: boolean;
-  manual: string;
-  proposal: ProposalModes;
-}
-
-enum Selectors {
-  toggleButton = '.t3js-form-field-slug-toggle',
-  recreateButton = '.t3js-form-field-slug-recreate',
-  inputField = '.t3js-form-field-slug-input',
-  readOnlyField = '.t3js-form-field-slug-readonly',
-  hiddenField = '.t3js-form-field-slug-hidden',
-}
-
-enum ProposalModes {
-  AUTO = 'auto',
-  RECREATE = 'recreate',
-  MANUAL = 'manual',
-}
-
-/**
- * Module: @typo3/backend/form-engine/element/slug-element
- * Logic for a TCA type "slug"
- *
- * For new records, changes on the other fields of the record (typically the record title) are listened
- * on as well and the response is put in as "placeholder" into the input field.
- *
- * For new and existing records, the toggle switch will allow editors to modify the slug
- *  - for new records, we only need to see if that is already in use or not (uniqueInSite), if it is taken, show a message.
- *  - for existing records, we also check for conflicts, and check if we have subpages, or if we want to add a redirect (todo)
- */
-class SlugElement {
-  private options: FieldOptions = null;
-  private fullElement: HTMLElement = null;
-  private manuallyChanged: boolean = false;
-  private readOnlyField: HTMLInputElement = null;
-  private inputField: HTMLInputElement = null;
-  private hiddenField: HTMLInputElement = null;
-  private request: AjaxRequest = null;
-  private readonly fieldsToListenOn: { [key: string]: string } = {};
-
-  constructor(selector: string, options: FieldOptions) {
-    this.options = options;
-    this.fieldsToListenOn = this.options.listenerFieldNames || {};
-
-    DocumentService.ready().then((document: Document): void => {
-      this.fullElement = document.querySelector(selector);
-      this.inputField = this.fullElement.querySelector(Selectors.inputField);
-      this.readOnlyField = this.fullElement.querySelector(Selectors.readOnlyField);
-      this.hiddenField = this.fullElement.querySelector(Selectors.hiddenField);
-
-      this.registerEvents();
-    });
-  }
-
-  private registerEvents(): void {
-    const fieldsToListenOnList = Object.values(this.getAvailableFieldsForProposalGeneration()).map((selector: string) => `[data-formengine-input-name="${selector}"]`);
-    const recreateButton: HTMLButtonElement = this.fullElement.querySelector(Selectors.recreateButton);
-
-    // Listen on 'listenerFieldNames' for new pages. This is typically the 'title' field
-    // of a page to create slugs from the title when title is set / changed.
-    if (fieldsToListenOnList.length > 0) {
-      if (this.options.command === 'new') {
-        new DebounceEvent('input', (): void => {
-          if (!this.manuallyChanged) {
-            this.sendSlugProposal(ProposalModes.AUTO);
-          }
-        }).delegateTo(document, fieldsToListenOnList.join(','));
-      }
-    }
-
-    // Clicking the recreate button makes new slug proposal created from 'title' field or any defined postModifiers
-    if (fieldsToListenOnList.length > 0 || this.hasPostModifiersDefined()) {
-      new RegularEvent('click', (e: Event): void => {
-        e.preventDefault();
-        if (this.readOnlyField.classList.contains('hidden')) {
-          // Switch to readonly version - similar to 'new' page where field is
-          // written on the fly with title change
-          this.readOnlyField.classList.toggle('hidden', false);
-          this.inputField.classList.toggle('hidden', true);
-        }
-        this.sendSlugProposal(ProposalModes.RECREATE);
-      }).bindTo(recreateButton);
-    } else {
-      recreateButton.classList.add('disabled');
-      recreateButton.disabled = true;
-    }
-
-    // Scenario for new pages: Usually, slug is created from the page title. However, if user toggles the
-    // input field and feeds an own slug, and then changes title again, the slug should stay. manuallyChanged
-    // is used to track this.
-    new DebounceEvent('input', (): void => {
-      this.manuallyChanged = true;
-      this.sendSlugProposal(ProposalModes.MANUAL);
-    }).bindTo(this.inputField);
-
-    // Clicking the toggle button toggles the read only field and the input field.
-    // Also set the value of either the read only or the input field to the hidden field
-    // and update the value of the read only field after manual change of the input field.
-    const toggleButton = this.fullElement.querySelector(Selectors.toggleButton);
-    new RegularEvent('click', (e: Event): void => {
-      e.preventDefault();
-      const showReadOnlyField = this.readOnlyField.classList.contains('hidden');
-      this.readOnlyField.classList.toggle('hidden', !showReadOnlyField);
-      this.inputField.classList.toggle('hidden', showReadOnlyField);
-      if (!showReadOnlyField) {
-        this.hiddenField.value = this.inputField.value;
-        return;
-      }
-      if (this.inputField.value !== this.readOnlyField.value) {
-        this.readOnlyField.value = this.inputField.value;
-      } else {
-        this.manuallyChanged = false;
-        this.fullElement.querySelector('.t3js-form-proposal-accepted').classList.add('hidden');
-        this.fullElement.querySelector('.t3js-form-proposal-different').classList.add('hidden');
-      }
-      this.hiddenField.value = this.readOnlyField.value;
-    }).bindTo(toggleButton);
-  }
-
-  /**
-   * @param {ProposalModes} mode
-   */
-  private sendSlugProposal(mode: ProposalModes): void {
-    const input: { [key: string]: string } = {};
-    if (mode === ProposalModes.AUTO || mode === ProposalModes.RECREATE) {
-      for (const [fieldName, selector] of Object.entries(this.getAvailableFieldsForProposalGeneration())) {
-        input[fieldName] = (document.querySelector('[data-formengine-input-name="' + selector + '"]') as HTMLInputElement).value;
-      }
-      if (this.options.includeUidInValues === true) {
-        input.uid = this.options.recordId.toString();
-      }
-    } else {
-      input.manual = this.inputField.value;
-    }
-    if (this.request instanceof AjaxRequest) {
-      this.request.abort();
-    }
-    this.request = (new AjaxRequest(TYPO3.settings.ajaxUrls.record_slug_suggest));
-    this.request.post({
-      values: input,
-      mode: mode,
-      tableName: this.options.tableName,
-      pageId: this.options.pageId,
-      parentPageId: this.options.parentPageId,
-      recordId: this.options.recordId,
-      language: this.options.language,
-      fieldName: this.options.fieldName,
-      command: this.options.command,
-      signature: this.options.signature,
-    }).then(async (response: AjaxResponse): Promise<any> => {
-      const data: Response = await response.resolve();
-      const visualProposal = '/' + data.proposal.replace(/^\//, '');
-      const acceptedProposalField: HTMLElement = this.fullElement.querySelector('.t3js-form-proposal-accepted');
-      const differentProposalField: HTMLElement = this.fullElement.querySelector('.t3js-form-proposal-different');
-
-      acceptedProposalField.classList.toggle('hidden', data.hasConflicts);
-      differentProposalField.classList.toggle('hidden', !data.hasConflicts);
-      (data.hasConflicts ? differentProposalField : acceptedProposalField).querySelector('span').innerText = visualProposal;
-
-      const isChanged = this.hiddenField.value !== data.proposal;
-      if (isChanged) {
-        this.fullElement.querySelector('input[data-formengine-input-name]')
-          .dispatchEvent(new Event('change', {bubbles: true, cancelable: true}));
-      }
-      if (mode === ProposalModes.AUTO || mode === ProposalModes.RECREATE) {
-        this.readOnlyField.value = data.proposal;
-        this.hiddenField.value = data.proposal;
-        this.inputField.value = data.proposal;
-      } else {
-        this.hiddenField.value = data.proposal;
-      }
-    }).finally((): void => {
-      this.request = null;
-    });
-  }
-
-  /**
-   * Gets a list of all available fields that can be used for slug generation
-   *
-   * @return { [key: string]: string }
-   */
-  private getAvailableFieldsForProposalGeneration(): { [key: string]: string } {
-    const availableFields: { [key: string]: string } = {};
-    for (const [fieldName, selector] of Object.entries(this.fieldsToListenOn)) {
-      const field = document.querySelector('[data-formengine-input-name="' + selector + '"]');
-      if (field !== null) {
-        availableFields[fieldName] = selector;
-      }
-    }
-
-    return availableFields;
-  }
-
-  /**
-   * Check whether the slug element has post modifiers defined for slug generation
-   *
-   * @return boolean
-   */
-  private hasPostModifiersDefined(): boolean {
-    return Array.isArray(this.options.config.generatorOptions.postModifiers) && this.options.config.generatorOptions.postModifiers.length > 0;
-  }
-}
-
-export default SlugElement;
diff --git a/typo3_src/TypeScript/backend/form-engine/element/text-element.ts b/typo3_src/TypeScript/backend/form-engine/element/text-element.ts
deleted file mode 100644
index a70408a..0000000
--- a/typo3_src/TypeScript/backend/form-engine/element/text-element.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {Resizable} from './modifier/resizable';
-import {Tabbable} from './modifier/tabbable';
-
-/**
- * Module: @typo3/backend/form-engine/element/text-element
- *
- * Functionality for the text element
- *
- * @example
- * <typo3-formengine-element-text recordFieldId="some-id">
- *   ...
- * </typo3-formengine-element-text>
- *
- * This is based on W3C custom elements ("web components") specification, see
- * https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements
- */
-class TextElement extends HTMLElement {
-  private element: HTMLTextAreaElement = null;
-
-  public connectedCallback(): void {
-    this.element = document.getElementById((this.getAttribute('recordFieldId') || '' as string)) as HTMLTextAreaElement;
-
-    if (!this.element) {
-      return;
-    }
-
-    Resizable.enable(this.element);
-    Tabbable.enable(this.element);
-  }
-}
-
-window.customElements.define('typo3-formengine-element-text', TextElement);
diff --git a/typo3_src/TypeScript/backend/form-engine/element/text-table-element.ts b/typo3_src/TypeScript/backend/form-engine/element/text-table-element.ts
deleted file mode 100644
index b7c4e66..0000000
--- a/typo3_src/TypeScript/backend/form-engine/element/text-table-element.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {Resizable} from './modifier/resizable';
-import {Tabbable} from './modifier/tabbable';
-import DocumentService from '@typo3/core/document-service';
-
-class TextTableElement {
-  private element: HTMLTextAreaElement = null;
-
-  constructor(elementId: string) {
-    DocumentService.ready().then((): void => {
-      this.element = <HTMLTextAreaElement>document.getElementById(elementId);
-
-      Resizable.enable(this.element);
-      Tabbable.enable(this.element);
-    });
-  }
-}
-
-export default TextTableElement;
diff --git a/typo3_src/TypeScript/backend/form-engine/field-control/add-record.ts b/typo3_src/TypeScript/backend/form-engine/field-control/add-record.ts
deleted file mode 100644
index 142c9a5..0000000
--- a/typo3_src/TypeScript/backend/form-engine/field-control/add-record.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import DocumentService from '@typo3/core/document-service';
-import FormEngine from '@typo3/backend/form-engine';
-
-/**
- * Handles the "Add record" field control that renders a new FormEngine instance
- */
-class AddRecord {
-  private controlElement: HTMLElement = null;
-
-  constructor(controlElementId: string) {
-    DocumentService.ready().then((): void => {
-      this.controlElement = <HTMLElement>document.querySelector(controlElementId);
-      this.controlElement.addEventListener('click', this.registerClickHandler);
-    });
-  }
-
-  /**
-   * @param {Event} e
-   */
-  private registerClickHandler = (e: Event): void => {
-    e.preventDefault();
-
-    FormEngine.preventFollowLinkIfNotSaved(this.controlElement.getAttribute('href'));
-  }
-}
-
-export default AddRecord;
diff --git a/typo3_src/TypeScript/backend/form-engine/field-control/edit-popup.ts b/typo3_src/TypeScript/backend/form-engine/field-control/edit-popup.ts
deleted file mode 100644
index e9476f0..0000000
--- a/typo3_src/TypeScript/backend/form-engine/field-control/edit-popup.ts
+++ /dev/null
@@ -1,64 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import DocumentService from '@typo3/core/document-service';
-
-/**
- * Handles the "Edit popup" field control that renders a new FormEngine instance
- */
-class EditPopup {
-  private controlElement: HTMLAnchorElement = null;
-  private assignedFormField: HTMLSelectElement = null;
-
-  constructor(controlElementId: string) {
-    DocumentService.ready().then((): void => {
-      this.controlElement = <HTMLAnchorElement>document.querySelector(controlElementId);
-      this.assignedFormField = <HTMLSelectElement>document.querySelector(
-        'select[data-formengine-input-name="' + this.controlElement.dataset.element + '"]',
-      );
-
-      if (this.assignedFormField.options.selectedIndex === -1) {
-        this.controlElement.classList.add('disabled');
-      }
-
-      this.assignedFormField.addEventListener('change', this.registerChangeHandler);
-      this.controlElement.addEventListener('click', this.registerClickHandler);
-    });
-  }
-
-  private registerChangeHandler = (): void => {
-    this.controlElement.classList.toggle('disabled', this.assignedFormField.options.selectedIndex === -1);
-  }
-
-  /**
-   * @param {Event} e
-   */
-  private registerClickHandler = (e: Event): void => {
-    e.preventDefault();
-
-    const values: Array<string> = [];
-    for (let i = 0; i < this.assignedFormField.selectedOptions.length; ++i) {
-      const option  = this.assignedFormField.selectedOptions.item(i);
-      values.push(option.value);
-    }
-
-    const url = this.controlElement.getAttribute('href')
-      + '&P[currentValue]=' + encodeURIComponent(this.assignedFormField.value)
-      + '&P[currentSelectedValues]=' + values.join(',')
-    ;
-    const popupWindow = window.open(url, '', this.controlElement.dataset.windowParameters);
-    popupWindow.focus();
-  }
-}
-
-export default EditPopup;
diff --git a/typo3_src/TypeScript/backend/form-engine/field-control/insert-clipboard.ts b/typo3_src/TypeScript/backend/form-engine/field-control/insert-clipboard.ts
deleted file mode 100644
index 21d1042..0000000
--- a/typo3_src/TypeScript/backend/form-engine/field-control/insert-clipboard.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import DocumentService from '@typo3/core/document-service';
-import FormEngine from '@typo3/backend/form-engine';
-
-interface ClipboardItem {
-  title: string;
-  value: string;
-}
-
-/**
- * Handles the "Insert clipboard" field control that pastes the clipboard into a "group" field
- */
-class InsertClipboard {
-  private controlElement: HTMLElement = null;
-
-  constructor(controlElementId: string) {
-    DocumentService.ready().then((): void => {
-      this.controlElement = <HTMLElement>document.querySelector(controlElementId);
-      this.controlElement.addEventListener('click', this.registerClickHandler);
-    });
-  }
-
-  /**
-   * @param {Event} e
-   */
-  private registerClickHandler = (e: Event): void => {
-    e.preventDefault();
-
-    const assignedElement: string = this.controlElement.dataset.element;
-    const clipboardItems: Array<ClipboardItem> = JSON.parse(this.controlElement.dataset.clipboardItems);
-
-    for (let item of clipboardItems) {
-      FormEngine.setSelectOptionFromExternalSource(assignedElement, item.value, item.title, item.title);
-    }
-  }
-}
-
-export default InsertClipboard;
diff --git a/typo3_src/TypeScript/backend/form-engine/field-control/link-popup.ts b/typo3_src/TypeScript/backend/form-engine/field-control/link-popup.ts
deleted file mode 100644
index 6fc74e4..0000000
--- a/typo3_src/TypeScript/backend/form-engine/field-control/link-popup.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import DocumentService from '@typo3/core/document-service';
-import FormEngine from '@typo3/backend/form-engine';
-import Modal from '../../modal';
-
-/**
- * This module is used for the field control "Link popup"
- */
-class LinkPopup {
-  private controlElement: HTMLElement = null;
-
-  constructor(controlElementId: string) {
-    DocumentService.ready().then((): void => {
-      this.controlElement = <HTMLElement>document.querySelector(controlElementId);
-      this.controlElement.addEventListener('click', this.handleControlClick);
-    });
-  }
-
-  /**
-   * @param {Event} e
-   */
-  private handleControlClick = (e: Event): void => {
-    e.preventDefault();
-
-    const itemName = this.controlElement.dataset.itemName;
-    const url = this.controlElement.getAttribute('href')
-      + '&P[currentValue]=' + encodeURIComponent(document.forms.namedItem('editform')[itemName].value)
-      + '&P[currentSelectedValues]=' + encodeURIComponent(FormEngine.getFieldElement(itemName).val());
-
-    Modal.advanced({
-      type: Modal.types.iframe,
-      content: url,
-      size: Modal.sizes.large,
-    });
-  }
-}
-
-export default LinkPopup;
diff --git a/typo3_src/TypeScript/backend/form-engine/field-control/list-module.ts b/typo3_src/TypeScript/backend/form-engine/field-control/list-module.ts
deleted file mode 100644
index ac3e196..0000000
--- a/typo3_src/TypeScript/backend/form-engine/field-control/list-module.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import DocumentService from '@typo3/core/document-service';
-import FormEngine from '@typo3/backend/form-engine';
-
-/**
- * This module is used for the field control "List module" used for "group" fields
- */
-class ListModule {
-  private controlElement: HTMLElement = null;
-
-  constructor(controlElementId: string) {
-    DocumentService.ready().then((): void => {
-      this.controlElement = <HTMLElement>document.querySelector(controlElementId);
-      this.controlElement.addEventListener('click', this.registerClickHandler);
-    });
-  }
-
-  /**
-   * @param {Event} e
-   */
-  private registerClickHandler = (e: Event): void => {
-    e.preventDefault();
-
-    FormEngine.preventFollowLinkIfNotSaved(this.controlElement.getAttribute('href'));
-  }
-}
-
-export default ListModule;
diff --git a/typo3_src/TypeScript/backend/form-engine/field-control/reset-selection.ts b/typo3_src/TypeScript/backend/form-engine/field-control/reset-selection.ts
deleted file mode 100644
index 9aa2cda..0000000
--- a/typo3_src/TypeScript/backend/form-engine/field-control/reset-selection.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import DocumentService from '@typo3/core/document-service';
-
-/**
- * This module is used for the field control "Reset selection" used for selectSingleBox
- */
-class ResetSelection {
-  private controlElement: HTMLElement = null;
-
-  constructor(controlElementId: string) {
-    DocumentService.ready().then((): void => {
-      this.controlElement = <HTMLElement>document.querySelector(controlElementId);
-      if (this.controlElement !== null) {
-        this.controlElement.addEventListener('click', this.registerClickHandler);
-      }
-    });
-  }
-
-  /**
-   * @param {Event} e
-   */
-  private registerClickHandler = (e: Event): void => {
-    e.preventDefault();
-
-    const itemName: string = this.controlElement.dataset.itemName;
-    const selectedIndices: Array<number> = JSON.parse(this.controlElement.dataset.selectedIndices);
-    const field = (<HTMLSelectElement>document.forms.namedItem('editform').querySelector('[name="' + itemName + '[]"]'));
-
-    field.selectedIndex = -1;
-    for (let i of selectedIndices) {
-      field.options[i].selected = true;
-    }
-  }
-}
-
-export default ResetSelection;
diff --git a/typo3_src/TypeScript/backend/form-engine/field-control/table-wizard.ts b/typo3_src/TypeScript/backend/form-engine/field-control/table-wizard.ts
deleted file mode 100644
index 95b8440..0000000
--- a/typo3_src/TypeScript/backend/form-engine/field-control/table-wizard.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import DocumentService from '@typo3/core/document-service';
-import FormEngine from '@typo3/backend/form-engine';
-
-/**
- * Handles the "Table wizard" field control
- */
-class TableWizard {
-  private controlElement: HTMLElement = null;
-
-  constructor(controlElementId: string) {
-    DocumentService.ready().then((): void => {
-      this.controlElement = <HTMLElement>document.querySelector(controlElementId);
-      this.controlElement.addEventListener('click', this.registerClickHandler);
-    });
-  }
-
-  /**
-   * @param {Event} e
-   */
-  private registerClickHandler = (e: Event): void => {
-    e.preventDefault();
-
-    FormEngine.preventFollowLinkIfNotSaved(this.controlElement.getAttribute('href'));
-  }
-}
-
-export default TableWizard;
diff --git a/typo3_src/TypeScript/backend/form-engine/field-wizard/localization-state-selector.ts b/typo3_src/TypeScript/backend/form-engine/field-wizard/localization-state-selector.ts
deleted file mode 100644
index 567681b..0000000
--- a/typo3_src/TypeScript/backend/form-engine/field-wizard/localization-state-selector.ts
+++ /dev/null
@@ -1,67 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import DocumentService from '@typo3/core/document-service';
-import RegularEvent from '@typo3/core/event/regular-event';
-
-enum States {
-  CUSTOM = 'custom',
-}
-
-class LocalizationStateSelector {
-  constructor(fieldName: string) {
-    DocumentService.ready().then((): void => {
-      this.registerEventHandler(fieldName);
-    });
-  }
-
-  /**
-   * @param {string} fieldName
-   */
-  private registerEventHandler(fieldName: string): void {
-    new RegularEvent('change', (e: Event): void => {
-      const target = e.target as HTMLInputElement;
-      const input: HTMLInputElement = target.closest('.t3js-formengine-field-item')?.querySelector('[data-formengine-input-name]');
-      if (!input) {
-        return;
-      }
-
-      const lastState = input.dataset.lastL10nState || false;
-      const currentState = target.value;
-
-      if (lastState && currentState === lastState) {
-        return;
-      }
-
-      if (currentState === States.CUSTOM) {
-        if (lastState) {
-          target.dataset.originalLanguageValue = input.value;
-        }
-        input.disabled = false;
-      } else {
-        if (lastState === States.CUSTOM) {
-          (target.closest('.t3js-l10n-state-container')
-            .querySelector('.t3js-l10n-state-custom') as HTMLElement)
-            .dataset.originalLanguageValue = input.value;
-        }
-        input.disabled = true;
-      }
-
-      input.value = target.dataset.originalLanguageValue;
-      input.dispatchEvent(new Event('change'));
-      input.dataset.lastL10nState = target.value;
-    }).delegateTo(document, '.t3js-l10n-state-container input[type="radio"][name="' + fieldName + '"]');
-  }
-}
-
-export default LocalizationStateSelector;
diff --git a/typo3_src/TypeScript/backend/form-engine/field-wizard/value-picker.ts b/typo3_src/TypeScript/backend/form-engine/field-wizard/value-picker.ts
deleted file mode 100644
index 63bc1fa..0000000
--- a/typo3_src/TypeScript/backend/form-engine/field-wizard/value-picker.ts
+++ /dev/null
@@ -1,70 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-enum InsertModes {
-  append = 'append',
-  replace = 'replace',
-  prepend = 'prepend'
-}
-
-/**
- * Module @typo3/backend/form-engine/field-wizard/value-picker
- *
- * @example
- * <typo3-formengine-valuepicker mode="prepend" linked-field="css-selector">
- *   <select>
- * </typo3-formengine-valuepicker>
- *
- * This is based on W3C custom elements ("web components") specification, see
- * https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements
- */
-export class ValuePicker extends HTMLElement {
-  private valuePicker: HTMLSelectElement;
-
-  public connectedCallback(): void {
-    this.valuePicker = this.querySelector('select') as HTMLSelectElement;
-    if (this.valuePicker !== null) {
-      this.valuePicker.addEventListener('change', this.onChange);
-    }
-  }
-
-  public disconnectedCallback(): void {
-    if (this.valuePicker !== null) {
-      this.valuePicker.removeEventListener('change', this.onChange);
-      this.valuePicker = null;
-    }
-  }
-
-  private onChange = () => {
-    this.setValue();
-    this.valuePicker.selectedIndex = 0;
-    this.valuePicker.blur();
-  }
-
-  private setValue (): void {
-    const selectedValue = this.valuePicker.options[this.valuePicker.selectedIndex].value;
-    const linkedField = document.querySelector(this.getAttribute('linked-field')) as HTMLInputElement|HTMLTextAreaElement;
-    const mode = this.getAttribute('mode') as InsertModes ?? InsertModes.replace;
-
-    if (mode === InsertModes.append) {
-      linkedField.value += selectedValue;
-    } else if (mode === InsertModes.prepend) {
-      linkedField.value = selectedValue + linkedField.value;
-    } else {
-      linkedField.value = selectedValue;
-    }
-    linkedField.dispatchEvent(new Event('change', {bubbles: true, cancelable: true}));
-  }
-}
-
-window.customElements.define('typo3-formengine-valuepicker', ValuePicker);
diff --git a/typo3_src/TypeScript/backend/form-engine/field-wizard/value-slider.ts b/typo3_src/TypeScript/backend/form-engine/field-wizard/value-slider.ts
deleted file mode 100644
index c049c02..0000000
--- a/typo3_src/TypeScript/backend/form-engine/field-wizard/value-slider.ts
+++ /dev/null
@@ -1,79 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import ThrottleEvent from '@typo3/core/event/throttle-event';
-
-enum Format {
-  integer = 'integer',
-  decimal = 'decimal'
-}
-
-/**
- * Module @typo3/backend/form-engine/field-wizard/value-slider
- *
- * @example
- * <typo3-formengine-valueslider linked-field="css-selector" format="integer" precision="2">
- *   <input>
- * </typo3-formengine-valueslider>
- *
- * This is based on W3C custom elements ("web components") specification, see
- * https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements
- */
-export class ValueSlider extends HTMLElement {
-  private valueSlider: HTMLInputElement = null;
-
-  public connectedCallback(): void {
-    this.valueSlider = this.querySelector('input') as HTMLInputElement;
-    if (this.valueSlider !== null) {
-      new ThrottleEvent('input', this.handleRangeChange, 25).bindTo(this.valueSlider);
-    }
-  }
-
-  private handleRangeChange = (e: Event): void => {
-    const target = e.target as HTMLInputElement;
-    this.updateValue(target);
-    this.updateTooltipValue(target);
-  }
-
-  /**
-   * Update value of slider element
-   *
-   * @param {HTMLInputElement} element
-   */
-  private updateValue(element: HTMLInputElement): void {
-    const foreignField = document.querySelector(this.getAttribute('linked-field')) as HTMLInputElement;
-    foreignField.value = element.value;
-    foreignField.dispatchEvent(new Event('change', {bubbles: true, cancelable: true}));
-  }
-
-  /**
-   * @param {HTMLInputElement} element
-   */
-  private updateTooltipValue(element: HTMLInputElement): void {
-    let renderedValue;
-    const value = element.value;
-
-    switch (this.getAttribute('format')) {
-      case Format.decimal:
-        renderedValue = parseFloat(value).toFixed(Number(this.getAttribute('precision')) || 2);
-        break;
-      case Format.integer:
-      default:
-        renderedValue = parseInt(value, 10);
-    }
-
-    element.title = renderedValue.toString();
-  }
-}
-
-window.customElements.define('typo3-formengine-valueslider', ValueSlider);
diff --git a/typo3_src/TypeScript/backend/form-engine/inline-relation/ajax-dispatcher.ts b/typo3_src/TypeScript/backend/form-engine/inline-relation/ajax-dispatcher.ts
deleted file mode 100644
index 1e0cbcf..0000000
--- a/typo3_src/TypeScript/backend/form-engine/inline-relation/ajax-dispatcher.ts
+++ /dev/null
@@ -1,144 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {AjaxResponse} from '@typo3/core/ajax/ajax-response';
-import AjaxRequest from '@typo3/core/ajax/ajax-request';
-import {JavaScriptItemProcessor} from '@typo3/core/java-script-item-processor';
-import Notification from '../../notification';
-import Utility from '../../utility';
-
-interface Context {
-  config: Object;
-  hmac: string;
-}
-
-interface Message {
-  title: string;
-  message: string;
-}
-
-export interface AjaxDispatcherResponse {
-  hasErrors: boolean;
-  messages: Message[];
-  stylesheetFiles: string[];
-  inlineData: object;
-  requireJsModules: string[];
-  scriptCall: string[];
-  scriptItems?: any[];
-}
-
-export class AjaxDispatcher {
-  private readonly objectGroup: string = null;
-
-  constructor(objectGroup: string) {
-    this.objectGroup = objectGroup;
-  }
-
-  public newRequest(endpoint: string): AjaxRequest {
-    return new AjaxRequest(endpoint);
-  }
-
-  /**
-   * @param {String} routeName
-   */
-  public getEndpoint(routeName: string): string {
-    if (typeof TYPO3.settings.ajaxUrls[routeName] !== 'undefined') {
-      return TYPO3.settings.ajaxUrls[routeName];
-    }
-
-    throw 'Undefined endpoint for route "' + routeName + '"';
-  }
-
-  public send(request: AjaxRequest, params: Array<string>): Promise<any> {
-    const sentRequest = request.post(this.createRequestBody(params)).then(async (response: AjaxResponse): Promise<any> => {
-      return this.processResponse(await response.resolve());
-    });
-    sentRequest.catch((reason: Error): void => {
-      Notification.error('Error ' + reason.message);
-    });
-
-    return sentRequest;
-  }
-
-  private createRequestBody(input: Array<string>): { [key: string]: string } {
-    const body: { [key: string]: string } = {};
-    for (let i = 0; i < input.length; i++) {
-      body['ajax[' + i + ']'] = input[i];
-    }
-
-    body['ajax[context]'] = JSON.stringify(this.getContext());
-
-    return body;
-  }
-
-  private getContext(): Context {
-    let context: Context;
-
-    if (typeof TYPO3.settings.FormEngineInline.config[this.objectGroup] !== 'undefined'
-      && typeof TYPO3.settings.FormEngineInline.config[this.objectGroup].context !== 'undefined'
-    ) {
-      context = TYPO3.settings.FormEngineInline.config[this.objectGroup].context;
-    }
-
-    return context;
-  }
-
-  private processResponse(json: AjaxDispatcherResponse): AjaxDispatcherResponse {
-    if (json.hasErrors) {
-      for (const message of json.messages) {
-        Notification.error(message.title, message.message);
-      }
-    }
-
-    // If there are elements they should be added to the <HEAD> tag (e.g. for RTEhtmlarea):
-    if (json.stylesheetFiles) {
-      for (const [index, stylesheetFile] of json.stylesheetFiles.entries()) {
-        if (!stylesheetFile) {
-          break;
-        }
-        const element = document.createElement('link');
-        element.rel = 'stylesheet';
-        element.type = 'text/css';
-        element.href = stylesheetFile;
-        document.querySelector('head').appendChild(element);
-        delete json.stylesheetFiles[index];
-      }
-    }
-
-    if (typeof json.inlineData === 'object') {
-      TYPO3.settings.FormEngineInline = Utility.mergeDeep(TYPO3.settings.FormEngineInline, json.inlineData);
-    }
-
-    if (json.scriptItems instanceof Array && json.scriptItems.length > 0) {
-      const processor = new JavaScriptItemProcessor();
-      processor.processItems(json.scriptItems);
-    }
-
-    // @todo deprecate or remove with TYPO3 v12.0
-    if (typeof json.requireJsModules === 'object') {
-      for (let requireJsModule of json.requireJsModules) {
-        new Function(requireJsModule)();
-      }
-    }
-    // TODO: This is subject to be removed
-    // @todo deprecate or remove with TYPO3 v12.0
-    if (json.scriptCall && json.scriptCall.length > 0) {
-      for (const scriptCall of json.scriptCall) {
-        // eslint-disable-next-line no-eval
-        eval(scriptCall);
-      }
-    }
-
-    return json;
-  }
-}
diff --git a/typo3_src/TypeScript/backend/form-engine/inline-relation/inline-response-interface.ts b/typo3_src/TypeScript/backend/form-engine/inline-relation/inline-response-interface.ts
deleted file mode 100644
index d6082b3..0000000
--- a/typo3_src/TypeScript/backend/form-engine/inline-relation/inline-response-interface.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {AjaxDispatcherResponse} from '@typo3/backend/form-engine/inline-relation/ajax-dispatcher';
-
-export interface InlineResponseInterface extends AjaxDispatcherResponse{
-  data: string;
-  inlineData: InlineData;
-  scriptCall: Array<string>;
-  stylesheetFiles: Array<string>;
-  compilerInput?: CompilerInput,
-}
-
-interface InlineData {
-  config: { [key: string]: Object };
-  map: { [key: string]: Array<string> };
-  nested: { [key: string]: Array<Array<string>> };
-}
-
-interface CompilerInput {
-  uid: string;
-  childChildUid: string;
-  parentConfig: { [key: string]: any };
-  delete?: Array<string>;
-  localize?: Array<LocalizeItem>;
-}
-
-interface LocalizeItem {
-  uid: string;
-  selectedValue: string;
-  remove?: number;
-}
diff --git a/typo3_src/TypeScript/backend/form-engine/request-update.ts b/typo3_src/TypeScript/backend/form-engine/request-update.ts
deleted file mode 100644
index 1970148..0000000
--- a/typo3_src/TypeScript/backend/form-engine/request-update.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {LitElement} from 'lit';
-import {customElement, property} from 'lit/decorators';
-import FormEngine from '@typo3/backend/form-engine';
-
-enum UpdateMode {
-  ask = 'ask',
-  enforce = 'enforce'
-}
-
-const selectorConverter = {
-  fromAttribute(selector: string) {
-    return document.querySelectorAll(selector);
-  }
-};
-
-@customElement('typo3-formengine-updater')
-class RequestUpdate extends LitElement {
-  @property({type: String, attribute: 'mode'}) mode: String = UpdateMode.ask;
-
-  @property({attribute: 'field', converter: selectorConverter}) fields: NodeList;
-
-  public connectedCallback(): void {
-    super.connectedCallback();
-    for (let field of this.fields) {
-      field.addEventListener('change', this.requestFormEngineUpdate);
-    }
-  }
-
-  public disconnectedCallback(): void {
-    super.disconnectedCallback();
-    for (let field of this.fields) {
-      field.removeEventListener('change', this.requestFormEngineUpdate);
-    }
-  }
-
-  private requestFormEngineUpdate = (): void => {
-    const askForUpdate = this.mode === UpdateMode.ask;
-    FormEngine.requestFormEngineUpdate(askForUpdate);
-  }
-}
diff --git a/typo3_src/TypeScript/backend/global-event-handler.ts b/typo3_src/TypeScript/backend/global-event-handler.ts
deleted file mode 100644
index a1b591e..0000000
--- a/typo3_src/TypeScript/backend/global-event-handler.ts
+++ /dev/null
@@ -1,172 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import documentService from '@typo3/core/document-service';
-import RegularEvent from '@typo3/core/event/regular-event';
-
-type HTMLFormChildElement = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
-
-/**
- * Module: @typo3/backend/global-event-handler
- *
- * + `data-global-event="change"`
- *   + `data-action-submit="..."` submits form data
- *     + `$form` parent form element of current element is submitted
- *     + `<any CSS selector>` queried element is submitted (if implementing HTMLFormElement)
- *   + `data-action-navigate="..."` navigates to URL
- *     + `$value` URL taken from value of current element
- *     + `$data` URL taken from `data-navigate-value`
- *     + `$data=~s/$value/` URL taken from `data-navigate-value`,
- *        substituting literal `${value}` and `$[value]` of current element
- * + `data-global-event="submit"`
- *   + `data-value-selector`="..."` retrieves `$value` from corresponding CSS selector
- *   + `data-action-navigate="..."` navigates to URL
- *     + `$form=~s/$value/` URL taken from `form[action]`,
- *        substituting literal `${value}` and `$[value]` taken from `data-value-selector`
- * + `data-global-event="click"`
- *   + @todo
- *
- * @example
- * <form action="..." id="...">
- *   <input name="name" value="value" data-global-event="change" data-action-submit="$form">
- * </form>
- */
-class GlobalEventHandler {
-  private options = {
-    onChangeSelector: '[data-global-event="change"]',
-    onClickSelector: '[data-global-event="click"]',
-    onSubmitSelector: 'form[data-global-event="submit"]',
-  };
-
-  constructor() {
-    documentService.ready().then((): void => this.registerEvents());
-  };
-
-  private registerEvents(): void {
-    new RegularEvent('change', this.handleChangeEvent.bind(this))
-      .delegateTo(document, this.options.onChangeSelector);
-    new RegularEvent('click', this.handleClickEvent.bind(this))
-      .delegateTo(document, this.options.onClickSelector);
-    new RegularEvent('submit', this.handleSubmitEvent.bind(this))
-      .delegateTo(document, this.options.onSubmitSelector);
-  }
-
-  private handleChangeEvent(evt: Event, resolvedTarget: HTMLElement): void {
-    evt.preventDefault();
-    this.handleFormChildSubmitAction(evt, resolvedTarget)
-      || this.handleFormChildNavigateAction(evt, resolvedTarget);
-  }
-
-  private handleClickEvent(evt: Event, resolvedTarget: HTMLElement): void {
-    evt.preventDefault();
-  }
-
-  private handleSubmitEvent(evt: Event, resolvedTarget: HTMLFormElement): void {
-    evt.preventDefault();
-    this.handleFormNavigateAction(evt, resolvedTarget);
-  }
-
-  private handleFormChildSubmitAction(evt: Event, resolvedTarget: HTMLElement): boolean {
-    const actionSubmit: string = resolvedTarget.dataset.actionSubmit;
-    if (!actionSubmit) {
-      return false;
-    }
-    // @example [data-action-submit]="$form"
-    if (actionSubmit === '$form' && this.isHTMLFormChildElement(resolvedTarget)) {
-      (resolvedTarget as HTMLFormChildElement).form.submit();
-      return true;
-    }
-    const formCandidate = document.querySelector(actionSubmit);
-    if (formCandidate instanceof HTMLFormElement) {
-      formCandidate.submit();
-      return true;
-    }
-    return false;
-  }
-
-  private handleFormChildNavigateAction(evt: Event, resolvedTarget: HTMLElement): boolean {
-    const actionNavigate: string = resolvedTarget.dataset.actionNavigate;
-    if (!actionNavigate) {
-      return false;
-    }
-    const value = this.resolveHTMLFormChildElementValue(resolvedTarget);
-    const navigateValue = resolvedTarget.dataset.navigateValue;
-    if (actionNavigate === '$data=~s/$value/' && navigateValue && value !== null) {
-      window.location.href = this.substituteValueVariable(navigateValue, value);
-      return true;
-    }
-    if (actionNavigate === '$data' && navigateValue) {
-      window.location.href = navigateValue;
-      return true;
-    }
-    if (actionNavigate === '$value' && value) {
-      window.location.href = value;
-      return true;
-    }
-    return false;
-  }
-
-  private handleFormNavigateAction(evt: Event, resolvedTarget: HTMLFormElement): boolean {
-    const formAction = resolvedTarget.action;
-    const actionNavigate: string = resolvedTarget.dataset.actionNavigate;
-    if (!formAction || !actionNavigate) {
-      return false;
-    }
-    const navigateValue = resolvedTarget.dataset.navigateValue;
-    const valueSelector = resolvedTarget.dataset.valueSelector;
-    const value = this.resolveHTMLFormChildElementValue(resolvedTarget.querySelector(valueSelector));
-    if (actionNavigate === '$form=~s/$value/' && navigateValue && value !== null) {
-      window.location.href = this.substituteValueVariable(navigateValue, value);
-      return true;
-    }
-    if (actionNavigate === '$form') {
-      window.location.href = formAction;
-      return true;
-    }
-    return false;
-  }
-
-  private substituteValueVariable(haystack: string, substitute: string): string {
-    // replacing `${value}` and `$[value]` and its URL encoded representation
-    // (`${value}` is difficult to achieve with Fluid, that's why there's `$[value]` as well)
-    return haystack.replace(/(\$\{value\}|%24%7Bvalue%7D|\$\[value\]|%24%5Bvalue%5D)/gi, substitute);
-  }
-
-  private isHTMLFormChildElement(element: HTMLElement): boolean {
-    return element instanceof HTMLSelectElement
-      || element instanceof HTMLInputElement
-      || element instanceof HTMLTextAreaElement;
-  }
-
-  private resolveHTMLFormChildElementValue(element: HTMLElement): string | null {
-    const type: string = element.getAttribute('type');
-    if (element instanceof HTMLSelectElement) {
-      return element.options[element.selectedIndex].value;
-    } else if (element instanceof HTMLInputElement && type === 'checkbox') {
-      // used for representing unchecked state as e.g. `data-empty-value="0"`
-      const emptyValue: string = element.dataset.emptyValue;
-      if (element.checked) {
-        return element.value;
-      } else if (typeof emptyValue !== 'undefined') {
-        return emptyValue;
-      } else {
-        return '';
-      }
-    } else if (element instanceof HTMLInputElement) {
-      return element.value;
-    }
-    return null;
-  }
-}
-
-export default new GlobalEventHandler();
diff --git a/typo3_src/TypeScript/backend/grid-editor.ts b/typo3_src/TypeScript/backend/grid-editor.ts
deleted file mode 100644
index f060afc..0000000
--- a/typo3_src/TypeScript/backend/grid-editor.ts
+++ /dev/null
@@ -1,953 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {SeverityEnum} from './enum/severity';
-import 'bootstrap';
-import $ from 'jquery';
-import Modal from './modal';
-import SecurityUtility from '@typo3/core/security-utility';
-
-/**
- * GridEditorConfigurationInterface
- */
-interface GridEditorConfigurationInterface {
-  nameLabel: string;
-  columnLabel: string;
-}
-
-/**
- * CellInterface
- */
-interface CellInterface {
-  spanned: number;
-  rowspan: number;
-  colspan: number;
-  column: number;
-  name: string;
-  colpos: string;
-}
-
-/**
- * Module: @typo3/backend/grid-editor
- * @exports @typo3/backend/grid-editor
- */
-export class GridEditor {
-
-  protected colCount: number = 1;
-  protected rowCount: number = 1;
-  protected readOnly: boolean = false;
-  protected field: JQuery;
-  protected data: any[];
-  protected nameLabel: string = 'name';
-  protected columnLabel: string = 'column label';
-  protected targetElement: JQuery;
-  protected defaultCell: object = {spanned: 0, rowspan: 1, colspan: 1, name: '', colpos: '', column: undefined};
-  protected selectorEditor: string = '.t3js-grideditor';
-  protected selectorAddColumn: string = '.t3js-grideditor-addcolumn';
-  protected selectorRemoveColumn: string = '.t3js-grideditor-removecolumn';
-  protected selectorAddRowTop: string = '.t3js-grideditor-addrow-top';
-  protected selectorRemoveRowTop: string = '.t3js-grideditor-removerow-top';
-  protected selectorAddRowBottom: string = '.t3js-grideditor-addrow-bottom';
-  protected selectorRemoveRowBottom: string = '.t3js-grideditor-removerow-bottom';
-  protected selectorLinkEditor: string = '.t3js-grideditor-link-editor';
-  protected selectorLinkExpandRight: string = '.t3js-grideditor-link-expand-right';
-  protected selectorLinkShrinkLeft: string = '.t3js-grideditor-link-shrink-left';
-  protected selectorLinkExpandDown: string = '.t3js-grideditor-link-expand-down';
-  protected selectorLinkShrinkUp: string = '.t3js-grideditor-link-shrink-up';
-  protected selectorConfigPreview: string = '.t3js-grideditor-preview-config';
-  protected selectorPreviewArea: string = '.t3js-tsconfig-preview-area';
-  protected selectorCodeMirror: string = '.t3js-grideditor-preview-config .CodeMirror';
-
-  /**
-   * Remove all markup
-   *
-   * @param {String} input
-   * @returns {string}
-   */
-  public static stripMarkup(input: string): string {
-    const securityUtility = new SecurityUtility();
-    return securityUtility.stripHtml(input);
-  }
-
-  /**
-   *
-   * @param {GridEditorConfigurationInterface} config
-   */
-  constructor(config: GridEditorConfigurationInterface = null) {
-    const $element = $(this.selectorEditor);
-    this.colCount = $element.data('colcount');
-    this.rowCount = $element.data('rowcount');
-    this.readOnly = $element.data('readonly');
-    this.field = $('input[name="' + $element.data('field') + '"]');
-    this.data = $element.data('data');
-    this.nameLabel = config !== null ? config.nameLabel : 'Name';
-    this.columnLabel = config !== null ? config.columnLabel : 'Column';
-    this.targetElement = $(this.selectorEditor);
-
-    this.initializeEvents();
-    this.addVisibilityObserver($element.get(0));
-    this.drawTable();
-    this.writeConfig(this.export2LayoutRecord());
-  }
-
-  /**
-   *
-   */
-  protected initializeEvents(): void {
-    if (this.readOnly) {
-      // Do not initialize events in case this is a readonly field
-      return;
-    }
-    $(document).on('click', this.selectorAddColumn, this.addColumnHandler);
-    $(document).on('click', this.selectorRemoveColumn, this.removeColumnHandler);
-    $(document).on('click', this.selectorAddRowTop, this.addRowTopHandler);
-    $(document).on('click', this.selectorAddRowBottom, this.addRowBottomHandler);
-    $(document).on('click', this.selectorRemoveRowTop, this.removeRowTopHandler);
-    $(document).on('click', this.selectorRemoveRowBottom, this.removeRowBottomHandler);
-    $(document).on('click', this.selectorLinkEditor, this.linkEditorHandler);
-    $(document).on('click', this.selectorLinkExpandRight, this.linkExpandRightHandler);
-    $(document).on('click', this.selectorLinkShrinkLeft, this.linkShrinkLeftHandler);
-    $(document).on('click', this.selectorLinkExpandDown, this.linkExpandDownHandler);
-    $(document).on('click', this.selectorLinkShrinkUp, this.linkShrinkUpHandler);
-  }
-
-  /**
-   *
-   * @param {Event} e
-   */
-  protected modalButtonClickHandler = (e: Event) => {
-    const button: any = e.target;
-    if (button.name === 'cancel') {
-      Modal.currentModal.trigger('modal-dismiss');
-    } else if (button.name === 'ok') {
-      this.setName(
-        Modal.currentModal.find('.t3js-grideditor-field-name').val(),
-        Modal.currentModal.data('col'),
-        Modal.currentModal.data('row'),
-      );
-      this.setColumn(
-        Modal.currentModal.find('.t3js-grideditor-field-colpos').val(),
-        Modal.currentModal.data('col'),
-        Modal.currentModal.data('row'),
-      );
-      this.drawTable();
-      this.writeConfig(this.export2LayoutRecord());
-      Modal.currentModal.trigger('modal-dismiss');
-    }
-  }
-
-  /**
-   *
-   * @param {Event} e
-   */
-  protected addColumnHandler = (e: Event) => {
-    e.preventDefault();
-    this.addColumn();
-    this.drawTable();
-    this.writeConfig(this.export2LayoutRecord());
-  }
-
-  /**
-   *
-   * @param {Event} e
-   */
-  protected removeColumnHandler = (e: Event) => {
-    e.preventDefault();
-    this.removeColumn();
-    this.drawTable();
-    this.writeConfig(this.export2LayoutRecord());
-  }
-
-  /**
-   *
-   * @param {Event} e
-   */
-  protected addRowTopHandler = (e: Event) => {
-    e.preventDefault();
-    this.addRowTop();
-    this.drawTable();
-    this.writeConfig(this.export2LayoutRecord());
-  }
-
-  /**
-   *
-   * @param {Event} e
-   */
-  protected addRowBottomHandler = (e: Event) => {
-    e.preventDefault();
-    this.addRowBottom();
-    this.drawTable();
-    this.writeConfig(this.export2LayoutRecord());
-  }
-
-  /**
-   *
-   * @param {Event} e
-   */
-  protected removeRowTopHandler = (e: Event) => {
-    e.preventDefault();
-    this.removeRowTop();
-    this.drawTable();
-    this.writeConfig(this.export2LayoutRecord());
-  }
-
-  /**
-   *
-   * @param {Event} e
-   */
-  protected removeRowBottomHandler = (e: Event) => {
-    e.preventDefault();
-    this.removeRowBottom();
-    this.drawTable();
-    this.writeConfig(this.export2LayoutRecord());
-  }
-
-  /**
-   *
-   * @param {Event} e
-   */
-  protected linkEditorHandler = (e: Event) => {
-    e.preventDefault();
-    const $element = $(e.target);
-    this.showOptions($element.data('col'), $element.data('row'));
-  }
-
-  /**
-   *
-   * @param {Event} e
-   */
-  protected linkExpandRightHandler = (e: Event) => {
-    e.preventDefault();
-    const $element = $(e.target);
-    this.addColspan($element.data('col'), $element.data('row'));
-    this.drawTable();
-    this.writeConfig(this.export2LayoutRecord());
-  }
-
-  /**
-   *
-   * @param {Event} e
-   */
-  protected linkShrinkLeftHandler = (e: Event) => {
-    e.preventDefault();
-    const $element = $(e.target);
-    this.removeColspan($element.data('col'), $element.data('row'));
-    this.drawTable();
-    this.writeConfig(this.export2LayoutRecord());
-  }
-
-  /**
-   *
-   * @param {Event} e
-   */
-  protected linkExpandDownHandler = (e: Event) => {
-    e.preventDefault();
-    const $element = $(e.target);
-    this.addRowspan($element.data('col'), $element.data('row'));
-    this.drawTable();
-    this.writeConfig(this.export2LayoutRecord());
-  }
-
-  /**
-   *
-   * @param {Event} e
-   */
-  protected linkShrinkUpHandler = (e: Event) => {
-    e.preventDefault();
-    const $element = $(e.target);
-    this.removeRowspan($element.data('col'), $element.data('row'));
-    this.drawTable();
-    this.writeConfig(this.export2LayoutRecord());
-  }
-
-  /**
-   * Create a new cell from defaultCell
-   * @returns {Object}
-   */
-  protected getNewCell(): any {
-    return $.extend({}, this.defaultCell);
-  }
-
-  /**
-   * write data back to hidden field
-   *
-   * @param data
-   */
-  protected writeConfig(data: any): void {
-    this.field.val(data);
-    const configLines = data.split('\n');
-    let config = '';
-    for (const line of configLines) {
-      if (line) {
-        config += '\t\t\t' + line + '\n';
-      }
-    }
-
-    let content = 'mod.web_layout.BackendLayouts {\n' +
-      '  exampleKey {\n' +
-      '    title = Example\n' +
-      '    icon = EXT:example_extension/Resources/Public/Images/BackendLayouts/default.gif\n' +
-      '    config {\n' +
-      config.replace(new RegExp('\t', 'g'), '  ') +
-      '    }\n' +
-      '  }\n' +
-      '}\n';
-
-    $(this.selectorConfigPreview).find(this.selectorPreviewArea).empty().append(
-      content
-    );
-
-    // Update CodeMirror content if instantiated
-    const codemirror: any = document.querySelector(this.selectorCodeMirror);
-    if (codemirror) {
-      codemirror.CodeMirror.setValue(content)
-    }
-  }
-
-  /**
-   * Add a new row at the top
-   */
-  protected addRowTop(): void {
-    const newRow = [];
-    for (let i = 0; i < this.colCount; i++) {
-      const newCell = this.getNewCell();
-      newCell.name = i + 'x' + this.data.length;
-      newRow[i] = newCell;
-    }
-    this.data.unshift(newRow);
-    this.rowCount++;
-  }
-
-  /**
-   * Add a new row at the bottom
-   */
-  protected addRowBottom(): void {
-    const newRow = [];
-    for (let i = 0; i < this.colCount; i++) {
-      const newCell = this.getNewCell();
-      newCell.name = i + 'x' + this.data.length;
-      newRow[i] = newCell;
-    }
-    this.data.push(newRow);
-    this.rowCount++;
-  }
-
-  /**
-   * Removes the first row of the grid and adjusts all cells that might be effected
-   * by that change. (Removing colspans)
-   */
-  protected removeRowTop(): boolean {
-    if (this.rowCount <= 1) {
-      return false;
-    }
-    const newData = [];
-    for (let rowIndex = 1; rowIndex < this.rowCount; rowIndex++) {
-      newData.push(this.data[rowIndex]);
-    }
-
-    // fix rowspan in former last row
-    for (let colIndex = 0; colIndex < this.colCount; colIndex++) {
-      if (this.data[0][colIndex].spanned === 1) {
-        this.findUpperCellWidthRowspanAndDecreaseByOne(colIndex, 0);
-      }
-    }
-
-    this.data = newData;
-    this.rowCount--;
-    return true;
-  }
-
-  /**
-   * Removes the last row of the grid and adjusts all cells that might be effected
-   * by that change. (Removing colspans)
-   */
-  protected removeRowBottom(): boolean {
-    if (this.rowCount <= 1) {
-      return false;
-    }
-    const newData = [];
-    for (let rowIndex = 0; rowIndex < this.rowCount - 1; rowIndex++) {
-      newData.push(this.data[rowIndex]);
-    }
-
-    // fix rowspan in former last row
-    for (let colIndex = 0; colIndex < this.colCount; colIndex++) {
-      if (this.data[this.rowCount - 1][colIndex].spanned === 1) {
-        this.findUpperCellWidthRowspanAndDecreaseByOne(colIndex, this.rowCount - 1);
-      }
-    }
-
-    this.data = newData;
-    this.rowCount--;
-    return true;
-  }
-
-  /**
-   * Takes a cell and looks above it if there are any cells that have colspans that
-   * spans into the given cell. This is used when a row was removed from the grid
-   * to make sure that no cell with wrong colspans exists in the grid.
-   *
-   * @param {number} col
-   * @param {number} row integer
-   */
-  protected findUpperCellWidthRowspanAndDecreaseByOne(col: number, row: number): boolean {
-    const upperCell = this.getCell(col, row - 1);
-    if (!upperCell) {
-      return false;
-    }
-
-    if (upperCell.spanned === 1) {
-      this.findUpperCellWidthRowspanAndDecreaseByOne(col, row - 1);
-    } else {
-      if (upperCell.rowspan > 1) {
-        this.removeRowspan(col, row - 1);
-      }
-    }
-    return true;
-  }
-
-  /**
-   * Removes the outermost right column from the grid.
-   */
-  protected removeColumn(): boolean {
-    if (this.colCount <= 1) {
-      return false;
-    }
-    const newData = [];
-
-    for (let rowIndex = 0; rowIndex < this.rowCount; rowIndex++) {
-      const newRow = [];
-      for (let colIndex = 0; colIndex < this.colCount - 1; colIndex++) {
-        newRow.push(this.data[rowIndex][colIndex]);
-      }
-      if (this.data[rowIndex][this.colCount - 1].spanned === 1) {
-        this.findLeftCellWidthColspanAndDecreaseByOne(this.colCount - 1, rowIndex);
-      }
-      newData.push(newRow);
-    }
-
-    this.data = newData;
-    this.colCount--;
-    return true;
-  }
-
-  /**
-   * Checks if there are any cells on the left side of a given cell with a
-   * rowspan that spans over the given cell.
-   *
-   * @param {number} col
-   * @param {number} row
-   */
-  protected findLeftCellWidthColspanAndDecreaseByOne(col: number, row: number): boolean {
-    const leftCell = this.getCell(col - 1, row);
-    if (!leftCell) {
-      return false;
-    }
-
-    if (leftCell.spanned === 1) {
-      this.findLeftCellWidthColspanAndDecreaseByOne(col - 1, row);
-    } else {
-      if (leftCell.colspan > 1) {
-        this.removeColspan(col - 1, row);
-      }
-    }
-    return true;
-  }
-
-  /**
-   * Adds a column at the right side of the grid.
-   */
-  protected addColumn(): void {
-    for (let rowIndex = 0; rowIndex < this.rowCount; rowIndex++) {
-      const newCell = this.getNewCell();
-      newCell.name = this.colCount + 'x' + rowIndex;
-      this.data[rowIndex].push(newCell);
-    }
-    this.colCount++;
-  }
-
-  /**
-   * Draws the grid as table into a given container.
-   * It also adds all needed links and bindings to the cells to make it editable.
-   */
-  protected drawTable(): void {
-    const $colgroup = $('<colgroup>');
-    for (let col = 0; col < this.colCount; col++) {
-      const percent = 100 / this.colCount;
-      $colgroup.append($('<col>').css({
-        width: parseInt(percent.toString(), 10) + '%',
-      }));
-    }
-    const $table = $('<table id="base" class="table editor">');
-    $table.append($colgroup);
-
-    for (let row = 0; row < this.rowCount; row++) {
-      const rowData = this.data[row];
-      if (rowData.length === 0) {
-        continue;
-      }
-
-      const $row = $('<tr>');
-
-      for (let col = 0; col < this.colCount; col++) {
-        const cell = this.data[row][col];
-        if (cell.spanned === 1) {
-          continue;
-        }
-        const percentRow = 100 / this.rowCount;
-        const percentCol = 100 / this.colCount;
-        const $cell = $('<td>').css({
-          height: parseInt(percentRow.toString(), 10) * cell.rowspan + '%',
-          width: parseInt(percentCol.toString(), 10) * cell.colspan + '%',
-        });
-
-        if (!this.readOnly) {
-          // Add cell container and actions in case this isn't a readonly field
-          const $container = $('<div class="cell_container">');
-          $cell.append($container);
-          const $anchor = $('<a href="#" data-col="' + col + '" data-row="' + row + '">');
-
-          $container.append(
-            $anchor
-              .clone()
-              .attr('class', 't3js-grideditor-link-editor link link_editor')
-              .attr('title', TYPO3.lang.grid_editCell),
-          );
-          if (this.cellCanSpanRight(col, row)) {
-            $container.append(
-              $anchor
-                .clone()
-                .attr('class', 't3js-grideditor-link-expand-right link link_expand_right')
-                .attr('title', TYPO3.lang.grid_mergeCell),
-            );
-          }
-          if (this.cellCanShrinkLeft(col, row)) {
-            $container.append(
-              $anchor
-                .clone()
-                .attr('class', 't3js-grideditor-link-shrink-left link link_shrink_left')
-                .attr('title', TYPO3.lang.grid_splitCell),
-            );
-          }
-          if (this.cellCanSpanDown(col, row)) {
-            $container.append(
-              $anchor
-                .clone()
-                .attr('class', 't3js-grideditor-link-expand-down link link_expand_down')
-                .attr('title', TYPO3.lang.grid_mergeCell),
-            );
-          }
-          if (this.cellCanShrinkUp(col, row)) {
-            $container.append(
-              $anchor
-                .clone()
-                .attr('class', 't3js-grideditor-link-shrink-up link link_shrink_up')
-                .attr('title', TYPO3.lang.grid_splitCell),
-            );
-          }
-        }
-
-        $cell.append(
-          $('<div class="cell_data">')
-            .html(
-              TYPO3.lang.grid_name + ': '
-              + (cell.name ? GridEditor.stripMarkup(cell.name) : TYPO3.lang.grid_notSet)
-              + '<br />'
-              + TYPO3.lang.grid_column + ': '
-              + (typeof cell.column === 'undefined' || isNaN(cell.column)
-                ? TYPO3.lang.grid_notSet
-                : parseInt(cell.column, 10)
-              ),
-            ),
-        );
-        if (cell.colspan > 1) {
-          $cell.attr('colspan', cell.colspan);
-        }
-        if (cell.rowspan > 1) {
-          $cell.attr('rowspan', cell.rowspan);
-        }
-        $row.append($cell);
-      }
-      $table.append($row);
-    }
-    $(this.targetElement).empty().append($table);
-  }
-
-  /**
-   * Sets the name of a certain grid element.
-   *
-   * @param {String} newName
-   * @param {number} col
-   * @param {number} row
-   *
-   * @returns {Boolean}
-   */
-  protected setName(newName: string, col: number, row: number): boolean {
-    const cell = this.getCell(col, row);
-    if (!cell) {
-      return false;
-    }
-    cell.name = GridEditor.stripMarkup(newName);
-    return true;
-  }
-
-  /**
-   * Sets the column field for a certain grid element. This is NOT the column of the
-   * element itself.
-   *
-   * @param {number} newColumn
-   * @param {number} col
-   * @param {number} row
-   *
-   * @returns {Boolean}
-   */
-  protected setColumn(newColumn: number, col: number, row: number): boolean {
-    const cell = this.getCell(col, row);
-    if (!cell) {
-      return false;
-    }
-    cell.column = parseInt(newColumn.toString(), 10);
-    return true;
-  }
-
-  /**
-   * Creates an Modal with two input fields and shows it. On save, the data
-   * is written into the grid element.
-   *
-   * @param {number} col
-   * @param {number} row
-   *
-   * @returns {Boolean}
-   */
-  protected showOptions(col: number, row: number): boolean {
-    const cell = this.getCell(col, row);
-    if (!cell) {
-      return false;
-    }
-    let colPos;
-    if (cell.column === 0) {
-      colPos = 0;
-    } else if (cell.column) {
-      colPos = parseInt(cell.column.toString(), 10);
-    } else {
-      colPos = '';
-    }
-
-    const $markup = $('<div>');
-    const $formGroup = $('<div class="form-group">');
-    const $label = $('<label>');
-    const $input = $('<input>');
-
-    $markup.append([
-      $formGroup
-        .clone()
-        .append([
-          $label
-            .clone()
-            .text(TYPO3.lang.grid_nameHelp)
-          ,
-          $input
-            .clone()
-            .attr('type', 'text')
-            .attr('class', 't3js-grideditor-field-name form-control')
-            .attr('name', 'name')
-            .val(GridEditor.stripMarkup(cell.name) || ''),
-        ]),
-      $formGroup
-        .clone()
-        .append([
-          $label
-            .clone()
-            .text(TYPO3.lang.grid_columnHelp)
-          ,
-          $input
-            .clone()
-            .attr('type', 'text')
-            .attr('class', 't3js-grideditor-field-colpos form-control')
-            .attr('name', 'column')
-            .val(colPos),
-        ]),
-    ]);
-
-    const $modal = Modal.show(TYPO3.lang.grid_windowTitle, $markup, SeverityEnum.notice, [
-      {
-        active: true,
-        btnClass: 'btn-default',
-        name: 'cancel',
-        text: $(this).data('button-close-text') || TYPO3.lang['button.cancel'] || 'Cancel',
-      },
-      {
-        btnClass: 'btn-primary',
-        name: 'ok',
-        text: $(this).data('button-ok-text') || TYPO3.lang['button.ok'] || 'OK',
-      },
-    ]);
-    $modal.data('col', col);
-    $modal.data('row', row);
-    $modal.on('button.clicked', this.modalButtonClickHandler);
-    return true;
-  }
-
-  /**
-   * Returns a cell element from the grid.
-   *
-   * @param {number} col
-   * @param {number} row
-   */
-  protected getCell(col: number, row: number): any {
-    if (col > this.colCount - 1) {
-      return false;
-    }
-    if (row > this.rowCount - 1) {
-      return false;
-    }
-    if (this.data.length > row - 1 && this.data[row].length > col - 1) {
-      return this.data[row][col];
-    }
-    return null;
-  }
-
-  /**
-   * Checks whether a cell can span to the right or not. A cell can span to the right
-   * if it is not in the last column and if there is no cell beside it that is
-   * already overspanned by some other cell.
-   *
-   * @param {number} col
-   * @param {number} row
-   * @returns {Boolean}
-   */
-  protected cellCanSpanRight(col: number, row: number): boolean {
-    if (col === this.colCount - 1) {
-      return false;
-    }
-
-    const cell = this.getCell(col, row);
-    let checkCell;
-    if (cell.rowspan > 1) {
-      for (let rowIndex = row; rowIndex < row + cell.rowspan; rowIndex++) {
-        checkCell = this.getCell(col + cell.colspan, rowIndex);
-        if (!checkCell || checkCell.spanned === 1 || checkCell.colspan > 1 || checkCell.rowspan > 1) {
-          return false;
-        }
-      }
-    } else {
-      checkCell = this.getCell(col + cell.colspan, row);
-      if (!checkCell || cell.spanned === 1 || checkCell.spanned === 1 || checkCell.colspan > 1
-        || checkCell.rowspan > 1) {
-        return false;
-      }
-    }
-
-    return true;
-  }
-
-  /**
-   * Checks whether a cell can span down or not.
-   *
-   * @param {number} col
-   * @param {number} row
-   * @returns {Boolean}
-   */
-  protected cellCanSpanDown(col: number, row: number): boolean {
-    if (row === this.rowCount - 1) {
-      return false;
-    }
-
-    const cell = this.getCell(col, row);
-    let checkCell;
-    if (cell.colspan > 1) {
-      // we have to check all cells on the right side for the complete colspan
-      for (let colIndex = col; colIndex < col + cell.colspan; colIndex++) {
-        checkCell = this.getCell(colIndex, row + cell.rowspan);
-        if (!checkCell || checkCell.spanned === 1 || checkCell.colspan > 1 || checkCell.rowspan > 1) {
-          return false;
-        }
-      }
-    } else {
-      checkCell = this.getCell(col, row + cell.rowspan);
-      if (!checkCell || cell.spanned === 1 || checkCell.spanned === 1 || checkCell.colspan > 1
-        || checkCell.rowspan > 1) {
-        return false;
-      }
-    }
-
-    return true;
-  }
-
-  /**
-   * Checks if a cell can shrink to the left. It can shrink if the colspan of the
-   * cell is bigger than 1.
-   *
-   * @param {number} col
-   * @param {number} row
-   * @returns {Boolean}
-   */
-  protected cellCanShrinkLeft(col: number, row: number): boolean {
-    return (this.data[row][col].colspan > 1);
-  }
-
-  /**
-   * Returns if a cell can shrink up. This is the case if a cell has at least
-   * a rowspan of 2.
-   *
-   * @param {number} col
-   * @param {number} row
-   * @returns {Boolean}
-   */
-  protected cellCanShrinkUp(col: number, row: number): boolean {
-    return (this.data[row][col].rowspan > 1);
-  }
-
-  /**
-   * Adds a colspan to a grid element.
-   *
-   * @param {number} col
-   * @param {number} row
-   * @returns {Boolean}
-   */
-  protected addColspan(col: number, row: number): boolean {
-    const cell = this.getCell(col, row);
-    if (!cell || !this.cellCanSpanRight(col, row)) {
-      return false;
-    }
-
-    for (let rowIndex = row; rowIndex < row + cell.rowspan; rowIndex++) {
-      this.data[rowIndex][col + cell.colspan].spanned = 1;
-    }
-    cell.colspan += 1;
-    return true;
-  }
-
-  /**
-   * Adds a rowspan to grid element.
-   *
-   * @param {number} col
-   * @param {number} row
-   * @returns {Boolean}
-   */
-  protected addRowspan(col: number, row: number): boolean {
-    const cell = this.getCell(col, row);
-    if (!cell || !this.cellCanSpanDown(col, row)) {
-      return false;
-    }
-
-    for (let colIndex = col; colIndex < col + cell.colspan; colIndex++) {
-      this.data[row + cell.rowspan][colIndex].spanned = 1;
-    }
-    cell.rowspan += 1;
-    return true;
-  }
-
-  /**
-   * Removes a colspan from a grid element.
-   *
-   * @param {number} col
-   * @param {number} row
-   * @returns {Boolean}
-   */
-  protected removeColspan(col: number, row: number): boolean {
-    const cell = this.getCell(col, row);
-    if (!cell || !this.cellCanShrinkLeft(col, row)) {
-      return false;
-    }
-
-    cell.colspan -= 1;
-
-    for (let rowIndex = row; rowIndex < row + cell.rowspan; rowIndex++) {
-      this.data[rowIndex][col + cell.colspan].spanned = 0;
-    }
-    return true;
-  }
-
-  /**
-   * Removes a rowspan from a grid element.
-   *
-   * @param {number} col
-   * @param {number} row
-   * @returns {Boolean}
-   */
-  protected removeRowspan(col: number, row: number): boolean {
-    const cell = this.getCell(col, row);
-    if (!cell || !this.cellCanShrinkUp(col, row)) {
-      return false;
-    }
-
-    cell.rowspan -= 1;
-    for (let colIndex = col; colIndex < col + cell.colspan; colIndex++) {
-      this.data[row + cell.rowspan][colIndex].spanned = 0;
-    }
-    return true;
-  }
-
-  /**
-   * Exports the current grid to a TypoScript notation that can be read by the
-   * page module and is human readable.
-   *
-   * @returns {String}
-   */
-  protected export2LayoutRecord(): string {
-    let result = 'backend_layout {\n\tcolCount = ' + this.colCount + '\n\trowCount = ' + this.rowCount + '\n\trows {\n';
-    for (let row = 0; row < this.rowCount; row++) {
-      result += '\t\t' + (row + 1) + ' {\n';
-      result += '\t\t\tcolumns {\n';
-      let colIndex = 0;
-      for (let col = 0; col < this.colCount; col++) {
-        const cell = this.getCell(col, row);
-        if (cell) {
-          if (!cell.spanned) {
-            const cellName: string = GridEditor.stripMarkup(cell.name) || '';
-            colIndex++;
-            result += '\t\t\t\t' + (colIndex) + ' {\n';
-            result += '\t\t\t\t\tname = ' + ((!cellName) ? col + 'x' + row : cellName) + '\n';
-            if (cell.colspan > 1) {
-              result += '\t\t\t\t\tcolspan = ' + cell.colspan + '\n';
-            }
-            if (cell.rowspan > 1) {
-              result += '\t\t\t\t\trowspan = ' + cell.rowspan + '\n';
-            }
-            if (typeof(cell.column) === 'number') {
-              result += '\t\t\t\t\tcolPos = ' + cell.column + '\n';
-            }
-            result += '\t\t\t\t}\n';
-          }
-        }
-
-      }
-      result += '\t\t\t}\n';
-      result += '\t\t}\n';
-    }
-
-    result += '\t}\n}\n';
-    return result;
-  }
-
-  /**
-   * Observe the editors' visibility, since codeMirror needs to be refreshed as soon as it becomes
-   * visible in the viewport. Otherwise, if this element is not in the first visible FormEngine tab,
-   * it will not display any value, unless the grid gets manually updated.
-   */
-  protected addVisibilityObserver(gridEditor: HTMLElement) {
-    if (gridEditor.offsetParent !== null) {
-      // In case the editor is already visible, we don't have to add the observer
-      return;
-    }
-    new IntersectionObserver((entries: IntersectionObserverEntry[], observer: IntersectionObserver) => {
-      entries.forEach(entry => {
-        const codemirror: any = document.querySelector(this.selectorCodeMirror);
-        if (entry.intersectionRatio > 0 && codemirror) {
-          codemirror.CodeMirror.refresh();
-        }
-      });
-    }).observe(gridEditor);
-  }
-}
diff --git a/typo3_src/TypeScript/backend/hashing/md5.ts b/typo3_src/TypeScript/backend/hashing/md5.ts
deleted file mode 100644
index b5c0676..0000000
--- a/typo3_src/TypeScript/backend/hashing/md5.ts
+++ /dev/null
@@ -1,253 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/*! Based on http://www.webtoolkit.info/javascript_md5.html */
-
-class Md5 {
-  public static hash(value: string): string {
-    let x;
-    let k;
-    let AA;
-    let BB;
-    let CC;
-    let DD;
-    let a;
-    let b;
-    let c;
-    let d;
-    const S11 = 7;
-    const S12 = 12;
-    const S13 = 17;
-    const S14 = 22;
-    const S21 = 5;
-    const S22 = 9;
-    const S23 = 14;
-    const S24 = 20;
-    const S31 = 4;
-    const S32 = 11;
-    const S33 = 16;
-    const S34 = 23;
-    const S41 = 6;
-    const S42 = 10;
-    const S43 = 15;
-    const S44 = 21;
-
-    value = Md5.utf8Encode(value);
-    x = Md5.convertToWordArray(value);
-
-    a = 0x67452301;
-    b = 0xEFCDAB89;
-    c = 0x98BADCFE;
-    d = 0x10325476;
-
-    for (k = 0; k < x.length; k += 16) {
-      AA = a;
-      BB = b;
-      CC = c;
-      DD = d;
-      a = Md5.FF(a, b, c, d, x[k], S11, 0xD76AA478);
-      d = Md5.FF(d, a, b, c, x[k + 1], S12, 0xE8C7B756);
-      c = Md5.FF(c, d, a, b, x[k + 2], S13, 0x242070DB);
-      b = Md5.FF(b, c, d, a, x[k + 3], S14, 0xC1BDCEEE);
-      a = Md5.FF(a, b, c, d, x[k + 4], S11, 0xF57C0FAF);
-      d = Md5.FF(d, a, b, c, x[k + 5], S12, 0x4787C62A);
-      c = Md5.FF(c, d, a, b, x[k + 6], S13, 0xA8304613);
-      b = Md5.FF(b, c, d, a, x[k + 7], S14, 0xFD469501);
-      a = Md5.FF(a, b, c, d, x[k + 8], S11, 0x698098D8);
-      d = Md5.FF(d, a, b, c, x[k + 9], S12, 0x8B44F7AF);
-      c = Md5.FF(c, d, a, b, x[k + 10], S13, 0xFFFF5BB1);
-      b = Md5.FF(b, c, d, a, x[k + 11], S14, 0x895CD7BE);
-      a = Md5.FF(a, b, c, d, x[k + 12], S11, 0x6B901122);
-      d = Md5.FF(d, a, b, c, x[k + 13], S12, 0xFD987193);
-      c = Md5.FF(c, d, a, b, x[k + 14], S13, 0xA679438E);
-      b = Md5.FF(b, c, d, a, x[k + 15], S14, 0x49B40821);
-      a = Md5.GG(a, b, c, d, x[k + 1], S21, 0xF61E2562);
-      d = Md5.GG(d, a, b, c, x[k + 6], S22, 0xC040B340);
-      c = Md5.GG(c, d, a, b, x[k + 11], S23, 0x265E5A51);
-      b = Md5.GG(b, c, d, a, x[k], S24, 0xE9B6C7AA);
-      a = Md5.GG(a, b, c, d, x[k + 5], S21, 0xD62F105D);
-      d = Md5.GG(d, a, b, c, x[k + 10], S22, 0x2441453);
-      c = Md5.GG(c, d, a, b, x[k + 15], S23, 0xD8A1E681);
-      b = Md5.GG(b, c, d, a, x[k + 4], S24, 0xE7D3FBC8);
-      a = Md5.GG(a, b, c, d, x[k + 9], S21, 0x21E1CDE6);
-      d = Md5.GG(d, a, b, c, x[k + 14], S22, 0xC33707D6);
-      c = Md5.GG(c, d, a, b, x[k + 3], S23, 0xF4D50D87);
-      b = Md5.GG(b, c, d, a, x[k + 8], S24, 0x455A14ED);
-      a = Md5.GG(a, b, c, d, x[k + 13], S21, 0xA9E3E905);
-      d = Md5.GG(d, a, b, c, x[k + 2], S22, 0xFCEFA3F8);
-      c = Md5.GG(c, d, a, b, x[k + 7], S23, 0x676F02D9);
-      b = Md5.GG(b, c, d, a, x[k + 12], S24, 0x8D2A4C8A);
-      a = Md5.HH(a, b, c, d, x[k + 5], S31, 0xFFFA3942);
-      d = Md5.HH(d, a, b, c, x[k + 8], S32, 0x8771F681);
-      c = Md5.HH(c, d, a, b, x[k + 11], S33, 0x6D9D6122);
-      b = Md5.HH(b, c, d, a, x[k + 14], S34, 0xFDE5380C);
-      a = Md5.HH(a, b, c, d, x[k + 1], S31, 0xA4BEEA44);
-      d = Md5.HH(d, a, b, c, x[k + 4], S32, 0x4BDECFA9);
-      c = Md5.HH(c, d, a, b, x[k + 7], S33, 0xF6BB4B60);
-      b = Md5.HH(b, c, d, a, x[k + 10], S34, 0xBEBFBC70);
-      a = Md5.HH(a, b, c, d, x[k + 13], S31, 0x289B7EC6);
-      d = Md5.HH(d, a, b, c, x[k], S32, 0xEAA127FA);
-      c = Md5.HH(c, d, a, b, x[k + 3], S33, 0xD4EF3085);
-      b = Md5.HH(b, c, d, a, x[k + 6], S34, 0x4881D05);
-      a = Md5.HH(a, b, c, d, x[k + 9], S31, 0xD9D4D039);
-      d = Md5.HH(d, a, b, c, x[k + 12], S32, 0xE6DB99E5);
-      c = Md5.HH(c, d, a, b, x[k + 15], S33, 0x1FA27CF8);
-      b = Md5.HH(b, c, d, a, x[k + 2], S34, 0xC4AC5665);
-      a = Md5.II(a, b, c, d, x[k], S41, 0xF4292244);
-      d = Md5.II(d, a, b, c, x[k + 7], S42, 0x432AFF97);
-      c = Md5.II(c, d, a, b, x[k + 14], S43, 0xAB9423A7);
-      b = Md5.II(b, c, d, a, x[k + 5], S44, 0xFC93A039);
-      a = Md5.II(a, b, c, d, x[k + 12], S41, 0x655B59C3);
-      d = Md5.II(d, a, b, c, x[k + 3], S42, 0x8F0CCC92);
-      c = Md5.II(c, d, a, b, x[k + 10], S43, 0xFFEFF47D);
-      b = Md5.II(b, c, d, a, x[k + 1], S44, 0x85845DD1);
-      a = Md5.II(a, b, c, d, x[k + 8], S41, 0x6FA87E4F);
-      d = Md5.II(d, a, b, c, x[k + 15], S42, 0xFE2CE6E0);
-      c = Md5.II(c, d, a, b, x[k + 6], S43, 0xA3014314);
-      b = Md5.II(b, c, d, a, x[k + 13], S44, 0x4E0811A1);
-      a = Md5.II(a, b, c, d, x[k + 4], S41, 0xF7537E82);
-      d = Md5.II(d, a, b, c, x[k + 11], S42, 0xBD3AF235);
-      c = Md5.II(c, d, a, b, x[k + 2], S43, 0x2AD7D2BB);
-      b = Md5.II(b, c, d, a, x[k + 9], S44, 0xEB86D391);
-      a = Md5.addUnsigned(a, AA);
-      b = Md5.addUnsigned(b, BB);
-      c = Md5.addUnsigned(c, CC);
-      d = Md5.addUnsigned(d, DD);
-    }
-
-    let temp = Md5.wordToHex(a) + Md5.wordToHex(b) + Md5.wordToHex(c) + Md5.wordToHex(d);
-
-    return temp.toLowerCase();
-  }
-
-  private static rotateLeft(lValue: number, iShiftBits: number): number {
-    return (lValue << iShiftBits) | (lValue >>> (32 - iShiftBits));
-  }
-
-  private static addUnsigned(lX: number, lY: number): number {
-    let lX8 = (lX & 0x80000000);
-    let lY8 = (lY & 0x80000000);
-    let lX4 = (lX & 0x40000000);
-    let lY4 = (lY & 0x40000000);
-    let lResult = (lX & 0x3FFFFFFF) + (lY & 0x3FFFFFFF);
-    if (lX4 & lY4) {
-      return (lResult ^ 0x80000000 ^ lX8 ^ lY8);
-    }
-    if (lX4 | lY4) {
-      if (lResult & 0x40000000) {
-        return (lResult ^ 0xC0000000 ^ lX8 ^ lY8);
-      } else {
-        return (lResult ^ 0x40000000 ^ lX8 ^ lY8);
-      }
-    } else {
-      return (lResult ^ lX8 ^ lY8);
-    }
-  }
-
-  private static F(x: number, y: number, z: number): number {
-    return (x & y) | ((~x) & z);
-  }
-
-  private static G(x: number, y: number, z: number): number {
-    return (x & z) | (y & (~z));
-  }
-
-  private static H(x: number, y: number, z: number): number {
-    return (x ^ y ^ z);
-  }
-
-  private static I(x: number, y: number, z: number): number {
-    return (y ^ (x | (~z)));
-  }
-
-  private static FF(a: number, b: number, c: number, d: number, x: number, s: number, ac: number): number {
-    a = Md5.addUnsigned(a, Md5.addUnsigned(Md5.addUnsigned(Md5.F(b, c, d), x), ac));
-    return Md5.addUnsigned(Md5.rotateLeft(a, s), b);
-  }
-
-  private static GG(a: number, b: number, c: number, d: number, x: number, s: number, ac: number): number {
-    a = Md5.addUnsigned(a, Md5.addUnsigned(Md5.addUnsigned(Md5.G(b, c, d), x), ac));
-    return Md5.addUnsigned(Md5.rotateLeft(a, s), b);
-  }
-
-  private static HH(a: number, b: number, c: number, d: number, x: number, s: number, ac: number): number {
-    a = Md5.addUnsigned(a, Md5.addUnsigned(Md5.addUnsigned(Md5.H(b, c, d), x), ac));
-    return Md5.addUnsigned(Md5.rotateLeft(a, s), b);
-  }
-
-  private static II(a: number, b: number, c: number, d: number, x: number, s: number, ac: number): number {
-    a = Md5.addUnsigned(a, Md5.addUnsigned(Md5.addUnsigned(Md5.I(b, c, d), x), ac));
-    return Md5.addUnsigned(Md5.rotateLeft(a, s), b);
-  }
-
-  private static convertToWordArray(string: string): Array<number> {
-    let lWordCount;
-    let lMessageLength = string.length;
-    let lNumberOfWords_temp1 = lMessageLength + 8;
-    let lNumberOfWords_temp2 = (lNumberOfWords_temp1 - (lNumberOfWords_temp1 % 64)) / 64;
-    let lNumberOfWords = (lNumberOfWords_temp2 + 1) * 16;
-    let lWordArray = Array(lNumberOfWords - 1);
-    let lBytePosition = 0;
-    let lByteCount = 0;
-    while (lByteCount < lMessageLength) {
-      lWordCount = (lByteCount - (lByteCount % 4)) / 4;
-      lBytePosition = (lByteCount % 4) * 8;
-      lWordArray[lWordCount] = (lWordArray[lWordCount] | (string.charCodeAt(lByteCount) << lBytePosition));
-      lByteCount++;
-    }
-    lWordCount = (lByteCount - (lByteCount % 4)) / 4;
-    lBytePosition = (lByteCount % 4) * 8;
-    lWordArray[lWordCount] = lWordArray[lWordCount] | (0x80 << lBytePosition);
-    lWordArray[lNumberOfWords - 2] = lMessageLength << 3;
-    lWordArray[lNumberOfWords - 1] = lMessageLength >>> 29;
-    return lWordArray;
-  }
-
-  private static wordToHex(lValue: number): string {
-    let wordToHexValue = '';
-    let wordToHexValue_temp = '';
-    let lByte;
-    let lCount;
-    for (lCount = 0; lCount <= 3; lCount++) {
-      lByte = (lValue >>> (lCount * 8)) & 255;
-      wordToHexValue_temp = '0' + lByte.toString(16);
-      wordToHexValue = wordToHexValue + wordToHexValue_temp.substr(wordToHexValue_temp.length - 2, 2);
-    }
-    return wordToHexValue;
-  }
-
-  private static utf8Encode(string: string): string {
-    string = string.replace(/\r\n/g, '\n');
-    let utftext = '';
-
-    for (let n = 0; n < string.length; n++) {
-      let c = string.charCodeAt(n);
-
-      if (c < 128) {
-        utftext += String.fromCharCode(c);
-      } else if ((c > 127) && (c < 2048)) {
-        utftext += String.fromCharCode((c >> 6) | 192);
-        utftext += String.fromCharCode((c & 63) | 128);
-      } else {
-        utftext += String.fromCharCode((c >> 12) | 224);
-        utftext += String.fromCharCode(((c >> 6) & 63) | 128);
-        utftext += String.fromCharCode((c & 63) | 128);
-      }
-
-    }
-
-    return utftext;
-  }
-}
-
-export default Md5;
diff --git a/typo3_src/TypeScript/backend/icons.ts b/typo3_src/TypeScript/backend/icons.ts
deleted file mode 100644
index 51bbd29..0000000
--- a/typo3_src/TypeScript/backend/icons.ts
+++ /dev/null
@@ -1,174 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {AjaxResponse} from '@typo3/core/ajax/ajax-response';
-import AjaxRequest from '@typo3/core/ajax/ajax-request';
-import ClientStorage from './storage/client';
-import {Sizes, States, MarkupIdentifiers} from './enum/icon-types';
-
-interface PromiseCache {
-  [key: string]: Promise<string>;
-}
-
-/**
- * Module: @typo3/backend/icons
- * Uses the icon API of the core to fetch icons via AJAX.
- */
-class Icons {
-  public readonly sizes: any = Sizes;
-  public readonly states: any = States;
-  public readonly markupIdentifiers: any = MarkupIdentifiers;
-  private readonly promiseCache: PromiseCache = {};
-
-  /**
-   * Get the icon by its identifier
-   *
-   * @param {string} identifier
-   * @param {Sizes} size
-   * @param {string} overlayIdentifier
-   * @param {string} state
-   * @param {MarkupIdentifiers} markupIdentifier
-   * @returns {Promise<string>}
-   */
-  public getIcon(
-    identifier: string,
-    size: Sizes,
-    overlayIdentifier?: string,
-    state?: string,
-    markupIdentifier?: MarkupIdentifiers,
-  ): Promise<string> {
-
-    /**
-     * Icon keys:
-     *
-     * 0: identifier
-     * 1: size
-     * 2: overlayIdentifier
-     * 3: state
-     * 4: markupIdentifier
-     */
-    size = size || Sizes.default;
-    state = state || States.default;
-    markupIdentifier = markupIdentifier || MarkupIdentifiers.default;
-
-    const describedIcon = [identifier, size, overlayIdentifier, state, markupIdentifier];
-    const cacheIdentifier = describedIcon.join('_');
-
-    return this.getIconRegistryCache().then((registryCacheIdentifier: string): any => {
-      if (!ClientStorage.isset('icon_registry_cache_identifier')
-        || ClientStorage.get('icon_registry_cache_identifier') !== registryCacheIdentifier
-      ) {
-        ClientStorage.unsetByPrefix('icon_');
-        ClientStorage.set('icon_registry_cache_identifier', registryCacheIdentifier);
-      }
-
-      return this.fetchFromLocal(cacheIdentifier).then(null, (): any => {
-        return this.fetchFromRemote(describedIcon, cacheIdentifier);
-      });
-    });
-  }
-
-  private getIconRegistryCache(): Promise<string> {
-    const promiseCacheIdentifier = 'icon_registry_cache_identifier';
-
-    if (!this.isPromiseCached(promiseCacheIdentifier)) {
-      this.putInPromiseCache(
-        promiseCacheIdentifier,
-        (new AjaxRequest(TYPO3.settings.ajaxUrls.icons_cache)).get()
-          .then(async (response: AjaxResponse): Promise<string> => {
-            return await response.resolve()
-          })
-      );
-    }
-
-    return this.getFromPromiseCache(promiseCacheIdentifier);
-  }
-
-  /**
-   * Performs the AJAX request to fetch the icon
-   *
-   * @param {Array<string>} icon
-   * @param {string} cacheIdentifier
-   * @returns {JQueryPromise<any>}
-   */
-  private fetchFromRemote(icon: Array<string>, cacheIdentifier: string): Promise<string> {
-    if (!this.isPromiseCached(cacheIdentifier)) {
-      const queryArguments = {
-        icon: JSON.stringify(icon),
-      };
-      this.putInPromiseCache(
-        cacheIdentifier,
-        (new AjaxRequest(TYPO3.settings.ajaxUrls.icons)).withQueryArguments(queryArguments).get()
-          .then(async (response: AjaxResponse): Promise<string> => {
-            const markup = await response.resolve();
-            if (markup.includes('t3js-icon') && markup.includes('<span class="icon-markup">')) {
-              ClientStorage.set('icon_' + cacheIdentifier, markup);
-            }
-            return markup;
-          })
-      );
-    }
-    return this.getFromPromiseCache(cacheIdentifier);
-  }
-
-  /**
-   * Gets the icon from localStorage
-   * @param {string} cacheIdentifier
-   * @returns {Promise<string>}
-   */
-  private fetchFromLocal(cacheIdentifier: string): Promise<string> {
-    if (ClientStorage.isset('icon_' + cacheIdentifier)) {
-      return Promise.resolve(ClientStorage.get('icon_' + cacheIdentifier));
-    }
-
-    return Promise.reject();
-  }
-
-  /**
-   * Check whether icon was fetched already
-   *
-   * @param {string} cacheIdentifier
-   * @returns {boolean}
-   */
-  private isPromiseCached(cacheIdentifier: string): boolean {
-    return typeof this.promiseCache[cacheIdentifier] !== 'undefined';
-  }
-
-  /**
-   * Get icon from cache
-   *
-   * @param {string} cacheIdentifier
-   * @returns {Promise<string>}
-   */
-  private getFromPromiseCache(cacheIdentifier: string): Promise<string> {
-    return this.promiseCache[cacheIdentifier];
-  }
-
-  /**
-   * Put icon into cache
-   *
-   * @param {string} cacheIdentifier
-   * @param {Promise<string>} markup
-   */
-  private putInPromiseCache(cacheIdentifier: string, markup: Promise<string>): void {
-    this.promiseCache[cacheIdentifier] = markup;
-  }
-}
-
-let iconsObject: Icons;
-if (!iconsObject) {
-  iconsObject = new Icons();
-  TYPO3.Icons = iconsObject;
-}
-
-export default iconsObject;
diff --git a/typo3_src/TypeScript/backend/image-manipulation.ts b/typo3_src/TypeScript/backend/image-manipulation.ts
deleted file mode 100644
index ee82653..0000000
--- a/typo3_src/TypeScript/backend/image-manipulation.ts
+++ /dev/null
@@ -1,947 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import $ from 'jquery';
-import 'jquery-ui/draggable';
-import 'jquery-ui/resizable';
-import {AjaxResponse} from '@typo3/core/ajax/ajax-response';
-import FormEngineValidation from '@typo3/backend/form-engine-validation';
-import AjaxRequest from '@typo3/core/ajax/ajax-request';
-import Cropper from 'cropperjs';
-import ImagesLoaded from 'imagesloaded';
-import Icons from './icons';
-import Modal from './modal';
-
-interface Area {
-  x: number;
-  y: number;
-  height: number;
-  width: number;
-}
-
-interface Ratio {
-  id: string;
-  title: string;
-  value: number;
-}
-
-interface CropVariant {
-  title: string;
-  id: string;
-  selectedRatio: string;
-  cropArea?: Area;
-  focusArea?: Area;
-  coverAreas?: Area[];
-  allowedAspectRatios: {[key: string]: Ratio};
-}
-
-interface Offset {
-  left: number;
-  top: number;
-}
-
-interface CropperEvent extends CustomEvent {
-  detail: Cropper.Data;
-}
-
-/**
- * Module: @typo3/backend/image-manipulation
- * Contains all logic for the image crop GUI including setting focusAreas
- * @exports @typo3/backend/image-manipulation
- */
-class ImageManipulation {
-  private initialized: boolean = false;
-  private trigger: JQuery;
-  private currentModal: JQuery;
-  private cropVariantTriggers: JQuery;
-  private activeCropVariantTrigger: JQuery;
-  private saveButton: JQuery;
-  private previewButton: JQuery;
-  private dismissButton: JQuery;
-  private resetButton: JQuery;
-  private aspectRatioTrigger: JQuery;
-  private cropInfo: JQuery;
-  private cropImageContainerSelector: string = '#t3js-crop-image-container';
-  private imageOriginalSizeFactor: number;
-  private cropImageSelector: string = '#t3js-crop-image';
-  private coverAreaSelector: string = '.t3js-cropper-cover-area';
-  private cropInfoSelector: string = '.t3js-cropper-info-crop';
-  private focusAreaSelector: string = '#t3js-cropper-focus-area';
-  private focusArea: any;
-  private cropBox: JQuery;
-  private cropper: Cropper;
-  private currentCropVariant: CropVariant;
-  private data: any;
-  private defaultFocusArea: Area = {
-    height: 1 / 3,
-    width: 1 / 3,
-    x: 0,
-    y: 0,
-  };
-  private defaultOpts: Cropper.Options = {
-    autoCrop: true,
-    autoCropArea: 0.7,
-    dragMode: 'crop',
-    guides: true,
-    responsive: true,
-    viewMode: 1,
-    zoomable: false,
-    checkCrossOrigin: false,
-  };
-
-  /**
-   * @method isCropAreaEmpty
-   * @desc Checks if an area is set or pristine
-   * @param {Area} area - The area to check
-   * @return {boolean}
-   * @static
-   */
-  public static isEmptyArea(area: Area): boolean {
-    return $.isEmptyObject(area);
-  }
-
-  /**
-   * @method wait
-   * @desc window.setTimeout shim
-   * @param {Function} fn - The function to execute
-   * @param {number} ms - The time in [ms] to wait until execution
-   * @return {boolean}
-   * @public
-   * @static
-   */
-  public static wait(fn: () => void, ms: number): void {
-    window.setTimeout(fn, ms);
-  }
-
-  /**
-   * @method toCssPercent
-   * @desc Takes a number, and converts it to CSS percentage length
-   * @param {number} num - The number to convert
-   * @return {string}
-   * @public
-   * @static
-   */
-  public static toCssPercent(num: number): string {
-    return `${num * 100}%`;
-  }
-
-  /**
-   * @method serializeCropVariants
-   * @desc Serializes crop variants for persistence or preview
-   * @param {Object} cropVariants
-   * @returns string
-   */
-  private static serializeCropVariants(cropVariants: object): string {
-    const omitUnused: any = (key: any, value: any) => {
-      return (
-        key === 'id'
-        || key === 'title'
-        || key === 'allowedAspectRatios'
-        || key === 'coverAreas'
-      ) ? undefined : value;
-    };
-
-    return JSON.stringify(cropVariants, omitUnused);
-  }
-
-  /**
-   * @method initializeTrigger
-   * @desc Assign a handler to .t3js-image-manipulation-trigger.
-   *       Show the modal and kick-off image manipulation
-   * @public
-   */
-  public initializeTrigger(): void {
-    const triggerHandler = (e: JQueryEventObject): void => {
-      e.preventDefault();
-      this.trigger = $(e.currentTarget);
-      this.show();
-    };
-    $('.t3js-image-manipulation-trigger').off('click').on('click', triggerHandler);
-  }
-
-  /**
-   * @method initializeCropperModal
-   * @desc Initialize the cropper modal and dispatch the cropper init
-   * @private
-   */
-  private initializeCropperModal(): void {
-    const image: JQuery = this.currentModal.find(this.cropImageSelector);
-    ImagesLoaded(image.get(0), (): void => {
-      this.init();
-    });
-  }
-
-  /**
-   * @method show
-   * @desc Load the image and setup the modal UI
-   * @private
-   */
-  private show(): void {
-    const modalTitle: string = this.trigger.data('modalTitle');
-    const buttonPreviewText: string = this.trigger.data('buttonPreviewText');
-    const buttonDismissText: string = this.trigger.data('buttonDismissText');
-    const buttonSaveText: string = this.trigger.data('buttonSaveText');
-    const imageUri: string = this.trigger.data('url');
-    const payload: object = this.trigger.data('payload');
-
-    Icons.getIcon('spinner-circle', Icons.sizes.default, null, null, Icons.markupIdentifiers.inline).then((icon: string): void => {
-      /**
-       * Open modal with image to crop
-       */
-      this.currentModal = Modal.advanced({
-        additionalCssClasses: ['modal-image-manipulation'],
-        buttons: [
-          {
-            btnClass: 'btn-default pull-left',
-            dataAttributes: {
-              method: 'preview',
-            },
-            icon: 'actions-view',
-            text: buttonPreviewText,
-          },
-          {
-            btnClass: 'btn-default',
-            dataAttributes: {
-              method: 'dismiss',
-            },
-            icon: 'actions-close',
-            text: buttonDismissText,
-          },
-          {
-            btnClass: 'btn-primary',
-            dataAttributes: {
-              method: 'save',
-            },
-            icon: 'actions-document-save',
-            text: buttonSaveText,
-          },
-        ],
-        content: $('<div class="modal-loading">').append(icon),
-        size: Modal.sizes.full,
-        style: Modal.styles.dark,
-        title: modalTitle,
-      });
-
-      this.currentModal.on('shown.bs.modal', (): void => {
-        new AjaxRequest(imageUri).post(payload).then(async (response: AjaxResponse): Promise<void> => {
-          this.currentModal.find('.t3js-modal-body').append(await response.resolve()).addClass('cropper');
-          this.currentModal.find('.modal-loading').remove();
-          this.initializeCropperModal();
-        });
-      });
-
-      this.currentModal.on('hide.bs.modal', (): void => {
-        this.destroy();
-      });
-      // do not dismiss the modal when clicking beside it to avoid data loss
-      this.currentModal.css('pointer-events', 'none');
-    });
-  }
-
-  /**
-   * @method init
-   * @desc Initializes the cropper UI and sets up all the event bindings for the UI
-   * @private
-   */
-  private init(): void {
-    const image: JQuery = this.currentModal.find(this.cropImageSelector);
-    const data: string = this.trigger.attr('data-crop-variants');
-
-    if (!data) {
-      throw new TypeError('ImageManipulation: No cropVariants data found for image');
-    }
-
-    // if we have data already set we assume an internal reinit eg. after resizing
-    this.data = $.isEmptyObject(this.data) ? JSON.parse(data) : this.data;
-
-    this.cropVariantTriggers = this.currentModal.find('.t3js-crop-variant-trigger');
-    this.activeCropVariantTrigger = this.currentModal.find('.t3js-crop-variant-trigger.is-active');
-    this.cropInfo = this.currentModal.find(this.cropInfoSelector);
-    this.saveButton = this.currentModal.find('[data-method=save]');
-    this.previewButton = this.currentModal.find('[data-method=preview]');
-    this.dismissButton = this.currentModal.find('[data-method=dismiss]');
-    this.resetButton = this.currentModal.find('[data-method=reset]');
-    this.aspectRatioTrigger = this.currentModal.find('[data-method=setAspectRatio]');
-    this.currentCropVariant = this.data[this.activeCropVariantTrigger.attr('data-crop-variant-id')];
-
-    /**
-     * Assign EventListener to cropVariantTriggers
-     */
-    this.cropVariantTriggers.off('click').on('click', (e: JQueryEventObject): void => {
-
-      /**
-       * Is the current cropVariantTrigger is active, bail out.
-       * Bootstrap doesn't provide this functionality when collapsing the Collapse panels
-       */
-      if ($(e.currentTarget).hasClass('is-active')) {
-        e.stopPropagation();
-        e.preventDefault();
-        return;
-      }
-
-      this.activeCropVariantTrigger.removeClass('is-active');
-      $(e.currentTarget).addClass('is-active');
-      this.activeCropVariantTrigger = $(e.currentTarget);
-      const cropVariant: CropVariant = this.data[this.activeCropVariantTrigger.attr('data-crop-variant-id')];
-      const imageData: Cropper.ImageData = this.cropper.getImageData();
-      cropVariant.cropArea = this.convertRelativeToAbsoluteCropArea(cropVariant.cropArea, imageData);
-      this.currentCropVariant = $.extend(true, {}, cropVariant);
-      this.update(cropVariant);
-    });
-
-    /**
-     * Assign EventListener to aspectRatioTrigger
-     */
-    this.aspectRatioTrigger.off('click').on('click', (e: JQueryEventObject): void => {
-      const ratioId: string = $(e.currentTarget).attr('data-bs-option');
-      const temp: CropVariant = $.extend(true, {}, this.currentCropVariant);
-      const ratio: Ratio = temp.allowedAspectRatios[ratioId];
-      this.setAspectRatio(ratio);
-      // set data explicitly or setAspectRatio upscales the crop
-      this.setCropArea(temp.cropArea);
-      this.currentCropVariant = $.extend(true, {}, temp, {selectedRatio: ratioId});
-      this.update(this.currentCropVariant);
-    });
-
-    /**
-     * Assign EventListener to saveButton
-     */
-    this.saveButton.off('click').on('click', (): void => {
-      this.save(this.data);
-    });
-
-    /**
-     * Assign EventListener to previewButton if preview url exists
-     */
-    if (this.trigger.attr('data-preview-url')) {
-      this.previewButton.off('click').on('click', (): void => {
-        this.openPreview(this.data);
-      });
-    } else {
-      this.previewButton.hide();
-    }
-
-    /**
-     * Assign EventListener to dismissButton
-     */
-    this.dismissButton.off('click').on('click', (): void => {
-      this.currentModal.modal('hide');
-    });
-
-    /**
-     * Assign EventListener to resetButton
-     */
-    this.resetButton.off('click').on('click', (e: JQueryEventObject): void => {
-      const imageData: Cropper.ImageData = this.cropper.getImageData();
-      const resetCropVariantString: string = $(e.currentTarget).attr('data-crop-variant');
-      e.preventDefault();
-      e.stopPropagation();
-      if (!resetCropVariantString) {
-        throw new TypeError('TYPO3 Cropper: No cropVariant data attribute found on reset element.');
-      }
-      const resetCropVariant: CropVariant = JSON.parse(resetCropVariantString);
-      const absoluteCropArea: Area = this.convertRelativeToAbsoluteCropArea(resetCropVariant.cropArea, imageData);
-      this.currentCropVariant = $.extend(true, {}, resetCropVariant, {cropArea: absoluteCropArea});
-      this.update(this.currentCropVariant);
-    });
-
-    // if we start without an cropArea, maximize the cropper
-    if (ImageManipulation.isEmptyArea(this.currentCropVariant.cropArea)) {
-      this.defaultOpts = $.extend({
-        autoCropArea: 1,
-      }, this.defaultOpts);
-    }
-
-    /**
-     * Initialise the cropper
-     */
-    this.cropper = new Cropper((image.get(0) as HTMLImageElement), $.extend(this.defaultOpts, {
-      ready: this.cropBuiltHandler,
-      crop: this.cropMoveHandler,
-      cropend: this.cropEndHandler,
-      cropstart: this.cropStartHandler,
-      data: this.currentCropVariant.cropArea,
-    }));
-
-    // Initialize current crop variant
-    this.update(this.currentCropVariant);
-  }
-
-  /**
-   * @method cropBuiltHandler
-   * @desc Internal cropper handler. Called when the cropper has been instantiated
-   * @private
-   */
-  private cropBuiltHandler = (): void => {
-    this.initialized = true;
-
-    const imageData: Cropper.ImageData = this.cropper.getImageData();
-    const image: JQuery = this.currentModal.find(this.cropImageSelector);
-
-    // Make the image in the backdrop visible again.
-    // TODO: Check why this doesn't happen automatically.
-    this.currentModal.find('.cropper-canvas img').removeClass('cropper-hide');
-
-    this.imageOriginalSizeFactor = image.data('originalWidth') / imageData.naturalWidth;
-
-    // iterate over the crop variants and set up their respective preview
-    this.cropVariantTriggers.each((index: number, elem: Element): void => {
-      const cropVariantId: string = $(elem).attr('data-crop-variant-id');
-      const cropArea: Area = this.convertRelativeToAbsoluteCropArea(
-        this.data[cropVariantId].cropArea,
-        imageData,
-      );
-      const variant: CropVariant = $.extend(true, {}, this.data[cropVariantId], {cropArea});
-      this.updatePreviewThumbnail(variant, $(elem));
-    });
-
-    this.currentCropVariant.cropArea = this.convertRelativeToAbsoluteCropArea(
-      this.currentCropVariant.cropArea,
-      imageData,
-    );
-    // can't use .t3js-* as selector because it is an extraneous selector
-    this.cropBox = this.currentModal.find('.cropper-crop-box');
-
-    this.setCropArea(this.currentCropVariant.cropArea);
-
-    // check if new cropVariant has coverAreas
-    if (this.currentCropVariant.coverAreas) {
-      // init or reinit focusArea
-      this.initCoverAreas(this.cropBox, this.currentCropVariant.coverAreas);
-    }
-    // check if new cropVariant has focusArea
-    if (this.currentCropVariant.focusArea) {
-      // init or reinit focusArea
-      if (ImageManipulation.isEmptyArea(this.currentCropVariant.focusArea)) {
-        // if an empty focusArea is set initialise it with the default
-        this.currentCropVariant.focusArea = $.extend(true, {}, this.defaultFocusArea);
-      }
-      this.initFocusArea(this.cropBox);
-      this.scaleAndMoveFocusArea(this.currentCropVariant.focusArea);
-    }
-
-    if (this.currentCropVariant.selectedRatio) {
-      // set data explicitly or setAspectRatio up-scales the crop
-      this.currentModal.find(`[data-bs-option='${this.currentCropVariant.selectedRatio}']`).addClass('active');
-    }
-  }
-
-  /**
-   * @method cropMoveHandler
-   * @desc Internal cropper handler. Called when the cropping area is moving
-   * @private
-   */
-  private cropMoveHandler = (e: CropperEvent): void => {
-    if (!this.initialized) {
-      return;
-    }
-
-    this.currentCropVariant.cropArea = $.extend(true, this.currentCropVariant.cropArea, {
-      height: Math.floor(e.detail.height),
-      width: Math.floor(e.detail.width),
-      x: Math.floor(e.detail.x),
-      y: Math.floor(e.detail.y),
-    });
-    this.updatePreviewThumbnail(this.currentCropVariant, this.activeCropVariantTrigger);
-    this.updateCropVariantData(this.currentCropVariant);
-    const naturalWidth: number = Math.round(this.currentCropVariant.cropArea.width * this.imageOriginalSizeFactor);
-    const naturalHeight: number = Math.round(this.currentCropVariant.cropArea.height * this.imageOriginalSizeFactor);
-    this.cropInfo.text(`${naturalWidth}×${naturalHeight} px`);
-  }
-
-  /**
-   * @method cropStartHandler
-   * @desc Internal cropper handler. Called when the cropping starts moving
-   * @private
-   */
-  private cropStartHandler = (): void => {
-    if (this.currentCropVariant.focusArea) {
-      this.focusArea.draggable('option', 'disabled', true);
-      this.focusArea.resizable('option', 'disabled', true);
-    }
-  }
-
-  /**
-   * @method cropEndHandler
-   * @desc Internal cropper handler. Called when the cropping ends moving
-   * @private
-   */
-  private cropEndHandler = (): void => {
-    if (this.currentCropVariant.focusArea) {
-      this.focusArea.draggable('option', 'disabled', false);
-      this.focusArea.resizable('option', 'disabled', false);
-    }
-  }
-
-  /**
-   * @method update
-   * @desc Update current cropArea position and size when changing cropVariants
-   * @param {CropVariant} cropVariant - The new cropVariant to update the UI with
-   */
-  private update(cropVariant: CropVariant): void {
-    const temp: CropVariant = $.extend(true, {}, cropVariant);
-    const selectedRatio: Ratio = cropVariant.allowedAspectRatios[cropVariant.selectedRatio];
-    this.currentModal.find('[data-bs-option]').removeClass('active');
-    this.currentModal.find(`[data-bs-option="${cropVariant.selectedRatio}"]`).addClass('active');
-    /**
-     * Setting the aspect ratio cause a redraw of the crop area so we need to manually reset it to last data
-     */
-    this.setAspectRatio(selectedRatio);
-    this.setCropArea(temp.cropArea);
-    this.currentCropVariant = $.extend(true, {}, temp, cropVariant);
-    this.cropBox.find(this.coverAreaSelector).remove();
-
-    // if the current container has a focus area element, deregister and cleanup prior to initialization
-    if (this.cropBox.has(this.focusAreaSelector).length) {
-      this.focusArea.resizable('destroy').draggable('destroy');
-      this.focusArea.remove();
-    }
-
-    // check if new cropVariant has focusArea
-    if (cropVariant.focusArea) {
-      // init or reinit focusArea
-      if (ImageManipulation.isEmptyArea(cropVariant.focusArea)) {
-        this.currentCropVariant.focusArea = $.extend(true, {}, this.defaultFocusArea);
-      }
-      this.initFocusArea(this.cropBox);
-      this.scaleAndMoveFocusArea(this.currentCropVariant.focusArea);
-    }
-
-    // check if new cropVariant has coverAreas
-    if (cropVariant.coverAreas) {
-      // init or reinit focusArea
-      this.initCoverAreas(this.cropBox, this.currentCropVariant.coverAreas);
-    }
-    this.updatePreviewThumbnail(this.currentCropVariant, this.activeCropVariantTrigger);
-  }
-
-  /**
-   * @method initFocusArea
-   * @desc Initializes the focus area inside a container and registers the resizable and draggable interfaces to it
-   * @param {JQuery} container
-   * @private
-   */
-  private initFocusArea(container: JQuery): void {
-    this.focusArea = $('<div id="t3js-cropper-focus-area" class="cropper-focus-area"></div>');
-    container.append(this.focusArea);
-    this.focusArea
-      .draggable({
-        containment: container,
-        create: (): void => {
-          /**
-           * To make the focusarea draggable, cropper must be disabled by register the same events as cropper does.
-           *  Copied from https://github.com/fengyuanchen/cropperjs/blob/main/src/js/constants.js
-           */
-          const IS_BROWSER = typeof window !== 'undefined' && typeof window.document !== 'undefined';
-          const IS_TOUCH_DEVICE = IS_BROWSER && window.document.documentElement ? 'ontouchstart' in window.document.documentElement : false;
-          const HAS_POINTER_EVENT = IS_BROWSER ? 'PointerEvent' in window : false;
-          const EVENT_TOUCH_START = IS_TOUCH_DEVICE ? 'touchstart' : 'mousedown';
-          const EVENT_TOUCH_END = IS_TOUCH_DEVICE ? 'touchend touchcancel' : 'mouseup';
-          const EVENT_POINTER_DOWN = HAS_POINTER_EVENT ? 'pointerdown' : EVENT_TOUCH_START;
-          const EVENT_POINTER_UP = HAS_POINTER_EVENT ? 'pointerup pointercancel' : EVENT_TOUCH_END;
-
-          this.focusArea.on(EVENT_POINTER_DOWN, (): void => {
-            this.cropper.disable();
-          });
-          this.focusArea.on(EVENT_POINTER_UP, (): void => {
-            this.cropper.enable();
-          });
-
-          this.scaleAndMoveFocusArea(this.currentCropVariant.focusArea);
-        },
-        drag: (): void => {
-          const {left, top}: Offset = container.offset();
-          const {left: fLeft, top: fTop}: Offset = this.focusArea.offset();
-          const {focusArea, coverAreas}: {focusArea?: Area, coverAreas?: Area[]} = this.currentCropVariant;
-
-          focusArea.x = (fLeft - left) / container.width();
-          focusArea.y = (fTop - top) / container.height();
-          this.updatePreviewThumbnail(this.currentCropVariant, this.activeCropVariantTrigger);
-          if (this.checkFocusAndCoverAreasCollision(focusArea, coverAreas)) {
-            this.focusArea.addClass('has-nodrop');
-          } else {
-            this.focusArea.removeClass('has-nodrop');
-          }
-        },
-        revert: (): boolean => {
-          const revertDelay = 250;
-          const {left, top}: Offset = container.offset();
-          const {left: fLeft, top: fTop}: Offset = this.focusArea.offset();
-          const {focusArea, coverAreas}: {focusArea?: Area, coverAreas?: Area[]} = this.currentCropVariant;
-
-          if (this.checkFocusAndCoverAreasCollision(focusArea, coverAreas)) {
-            this.focusArea.removeClass('has-nodrop');
-            ImageManipulation.wait((): void => {
-              focusArea.x = (fLeft - left) / container.width();
-              focusArea.y = (fTop - top) / container.height();
-              this.updateCropVariantData(this.currentCropVariant);
-            }, revertDelay);
-            return true;
-          }
-          return false;
-        },
-        revertDuration: 200,
-        stop: (): void => {
-          const {left, top}: Offset = container.offset();
-          const {left: fLeft, top: fTop}: Offset = this.focusArea.offset();
-          const {focusArea}: {focusArea?: Area} = this.currentCropVariant;
-
-          focusArea.x = (fLeft - left) / container.width();
-          focusArea.y = (fTop - top) / container.height();
-
-          this.scaleAndMoveFocusArea(focusArea);
-        },
-      })
-      .resizable({
-        containment: container,
-        handles: 'all',
-        resize: (): void => {
-          const {left, top}: Offset = container.offset();
-          const {left: fLeft, top: fTop}: Offset = this.focusArea.offset();
-          const {focusArea, coverAreas}: {focusArea?: Area, coverAreas?: Area[]} = this.currentCropVariant;
-
-          focusArea.height = this.focusArea.height() / container.height();
-          focusArea.width = this.focusArea.width() / container.width();
-          focusArea.x = (fLeft - left) / container.width();
-          focusArea.y = (fTop - top) / container.height();
-          this.updatePreviewThumbnail(this.currentCropVariant, this.activeCropVariantTrigger);
-
-          if (this.checkFocusAndCoverAreasCollision(focusArea, coverAreas)) {
-            this.focusArea.addClass('has-nodrop');
-          } else {
-            this.focusArea.removeClass('has-nodrop');
-          }
-
-        },
-        stop: (event: any, ui: any): void => {
-          const revertDelay = 250;
-          const {left, top}: Offset = container.offset();
-          const {left: fLeft, top: fTop}: Offset = this.focusArea.offset();
-          const {focusArea, coverAreas}: {focusArea?: Area, coverAreas?: Area[]} = this.currentCropVariant;
-
-          if (this.checkFocusAndCoverAreasCollision(focusArea, coverAreas)) {
-            ui.element.animate($.extend(ui.originalPosition, ui.originalSize), revertDelay, (): void => {
-
-              focusArea.height = this.focusArea.height() / container.height();
-              focusArea.width = this.focusArea.width() / container.width();
-              focusArea.x = (fLeft - left) / container.width();
-              focusArea.y = (fTop - top) / container.height();
-
-              this.scaleAndMoveFocusArea(focusArea);
-              this.focusArea.removeClass('has-nodrop');
-            });
-          } else {
-            this.scaleAndMoveFocusArea(focusArea);
-          }
-        },
-      });
-  }
-
-  /**
-   * @method initCoverAreas
-   * @desc Initialise cover areas inside the cropper container
-   * @param {JQuery} container - The container element to append the cover areas
-   * @param {Array<Area>} coverAreas - An array of areas to construct the cover area elements from
-   */
-  private initCoverAreas(container: JQuery, coverAreas: Area[]): void {
-    coverAreas.forEach((coverArea: Area): void => {
-      const coverAreaCanvas: JQuery = $('<div class="cropper-cover-area t3js-cropper-cover-area"></div>');
-      container.append(coverAreaCanvas);
-      coverAreaCanvas.css({
-        height: ImageManipulation.toCssPercent(coverArea.height),
-        left: ImageManipulation.toCssPercent(coverArea.x),
-        top: ImageManipulation.toCssPercent(coverArea.y),
-        width: ImageManipulation.toCssPercent(coverArea.width),
-      });
-    });
-  }
-
-  /**
-   * @method updatePreviewThumbnail
-   * @desc Sync the cropping (and focus area) to the preview thumbnail
-   * @param {CropVariant} cropVariant - The crop variant to preview in the thumbnail
-   * @param {JQuery} cropVariantTrigger - The crop variant element containing the thumbnail
-   * @private
-   */
-  private updatePreviewThumbnail(cropVariant: CropVariant, cropVariantTrigger: JQuery): void {
-    let styles: any;
-    const cropperPreviewThumbnailCrop: JQuery =
-      cropVariantTrigger.find('.t3js-cropper-preview-thumbnail-crop-area');
-    const cropperPreviewThumbnailImage: JQuery =
-      cropVariantTrigger.find('.t3js-cropper-preview-thumbnail-crop-image');
-    const cropperPreviewThumbnailFocus: JQuery =
-      cropVariantTrigger.find('.t3js-cropper-preview-thumbnail-focus-area');
-    const imageData: Cropper.ImageData = this.cropper.getImageData();
-
-    // update the position/dimension of the crop area in the preview
-    cropperPreviewThumbnailCrop.css({
-      height: ImageManipulation.toCssPercent(cropVariant.cropArea.height / imageData.naturalHeight),
-      left: ImageManipulation.toCssPercent(cropVariant.cropArea.x / imageData.naturalWidth),
-      top: ImageManipulation.toCssPercent(cropVariant.cropArea.y / imageData.naturalHeight),
-      width: ImageManipulation.toCssPercent(cropVariant.cropArea.width / imageData.naturalWidth),
-    });
-
-    // show and update focusArea in the preview only if we really have one configured
-    if (cropVariant.focusArea) {
-      cropperPreviewThumbnailFocus.css({
-        height: ImageManipulation.toCssPercent(cropVariant.focusArea.height),
-        left: ImageManipulation.toCssPercent(cropVariant.focusArea.x),
-        top: ImageManipulation.toCssPercent(cropVariant.focusArea.y),
-        width: ImageManipulation.toCssPercent(cropVariant.focusArea.width),
-      });
-    }
-
-    // destruct the preview container's CSS properties
-    styles = cropperPreviewThumbnailCrop.css([
-      'width', 'height', 'left', 'top',
-    ]);
-
-    /**
-     * Apply negative margins on the previewThumbnailImage to make the illusion of an offset
-     */
-    cropperPreviewThumbnailImage.css({
-      height: `${parseFloat(styles.height) * (1 / (cropVariant.cropArea.height / imageData.naturalHeight))}px`,
-      margin: `${-1 * parseFloat(styles.left)}px`,
-      marginTop: `${-1 * parseFloat(styles.top)}px`,
-      width: `${parseFloat(styles.width) * (1 / (cropVariant.cropArea.width / imageData.naturalWidth))}px`,
-    });
-  }
-
-  /**
-   * @method scaleAndMoveFocusArea
-   * @desc Calculation logic for moving the focus area given the
-   *       specified constrains of a crop and an optional cover area
-   * @param {Area} focusArea - The translation data
-   */
-  private scaleAndMoveFocusArea(focusArea: Area): void {
-    this.focusArea.css({
-      height: ImageManipulation.toCssPercent(focusArea.height),
-      left: ImageManipulation.toCssPercent(focusArea.x),
-      top: ImageManipulation.toCssPercent(focusArea.y),
-      width: ImageManipulation.toCssPercent(focusArea.width),
-    });
-    this.currentCropVariant.focusArea = focusArea;
-    this.updatePreviewThumbnail(this.currentCropVariant, this.activeCropVariantTrigger);
-    this.updateCropVariantData(this.currentCropVariant);
-  }
-
-  /**
-   * @method updateCropVariantData
-   * @desc Immutably updates the currently selected cropVariant data
-   * @param {CropVariant} currentCropVariant - The cropVariant to immutably save
-   * @private
-   */
-  private updateCropVariantData(currentCropVariant: CropVariant): void {
-    const imageData: Cropper.ImageData = this.cropper.getImageData();
-    const absoluteCropArea: Area = this.convertAbsoluteToRelativeCropArea(currentCropVariant.cropArea, imageData);
-    this.data[currentCropVariant.id] = $.extend(true, {}, currentCropVariant, {cropArea: absoluteCropArea});
-  }
-
-  /**
-   * @method setAspectRatio
-   * @desc Sets the cropper to a specific ratio
-   * @param {ratio} ratio - The ratio value to apply
-   * @private
-   */
-  private setAspectRatio(ratio: Ratio): void {
-    this.cropper.setAspectRatio(ratio.value);
-  }
-
-  /**
-   * @method setCropArea
-   * @desc Sets the cropper to a specific crop area
-   * @param {cropArea} cropArea - The crop area to apply
-   * @private
-   */
-  private setCropArea(cropArea: Area): void {
-    const currentRatio: Ratio = this.currentCropVariant.allowedAspectRatios[this.currentCropVariant.selectedRatio];
-    if (currentRatio.value === 0) {
-      this.cropper.setData({
-        height: cropArea.height,
-        width: cropArea.width,
-        x: cropArea.x,
-        y: cropArea.y,
-      });
-    } else {
-      this.cropper.setData({
-        height: cropArea.height,
-        width: cropArea.height * currentRatio.value,
-        x: cropArea.x,
-        y: cropArea.y,
-      });
-    }
-  }
-
-  /**
-   * @method checkFocusAndCoverAreas
-   * @desc Checks is one focus area and one or more cover areas overlap
-   * @param focusArea
-   * @param coverAreas
-   * @return {boolean}
-   */
-  private checkFocusAndCoverAreasCollision(focusArea: Area, coverAreas: Area[]): boolean {
-    if (!coverAreas) {
-      return false;
-    }
-    return coverAreas
-      .some((coverArea: Area): boolean => {
-        // noinspection OverlyComplexBooleanExpressionJS
-        return (focusArea.x < coverArea.x + coverArea.width &&
-           focusArea.x + focusArea.width > coverArea.x &&
-            focusArea.y < coverArea.y + coverArea.height &&
-           focusArea.height + focusArea.y > coverArea.y);
-      });
-  }
-
-  /**
-   * @method convertAbsoluteToRelativeCropArea
-   * @desc Converts a crop area from absolute pixel-based into relative length values
-   * @param {Area} cropArea - The crop area to convert from
-   * @param {Cropper.ImageData} imageData - The image data
-   * @return {Area}
-   */
-  private convertAbsoluteToRelativeCropArea(cropArea: Area, imageData: Cropper.ImageData): Area {
-    const {height, width, x, y}: Area = cropArea;
-    return {
-      height: height / imageData.naturalHeight,
-      width: width / imageData.naturalWidth,
-      x: x / imageData.naturalWidth,
-      y: y / imageData.naturalHeight,
-    };
-  }
-
-  /**
-   * @method convertRelativeToAbsoluteCropArea
-   * @desc Converts a crop area from relative into absolute pixel-based length values
-   * @param {Area} cropArea - The crop area to convert from
-   * @param {Cropper.ImageData} imageData - The image data
-   * @return {{height: number, width: number, x: number, y: number}}
-   */
-  private convertRelativeToAbsoluteCropArea(cropArea: Area, imageData: Cropper.ImageData): Area {
-    const {height, width, x, y}: Area = cropArea;
-    return {
-      height: height * imageData.naturalHeight,
-      width: width * imageData.naturalWidth,
-      x: x * imageData.naturalWidth,
-      y: y * imageData.naturalHeight,
-    };
-  }
-
-  /**
-   * @method setPreviewImages
-   * @desc Updates the preview images in the editing section with the respective crop variants
-   * @param {Object} data - The internal crop variants state
-   */
-  private setPreviewImages(data: {[key: string]: CropVariant}): void {
-    // @ts-ignore .image is not declared
-    const image: HTMLImageElement = this.cropper.image;
-    const imageData: Cropper.ImageData = this.cropper.getImageData();
-
-    // iterate over the crop variants and set up their respective preview
-    Object.keys(data).forEach((cropVariantId: string) => {
-      const cropVariant: CropVariant = data[cropVariantId];
-      const cropData: Area = this.convertRelativeToAbsoluteCropArea(cropVariant.cropArea, imageData);
-
-      const $preview: JQuery = this.trigger
-        .closest('.form-group')
-        .find(`.t3js-image-manipulation-preview[data-crop-variant-id="${cropVariantId}"]`);
-      const $previewSelectedRatio: JQuery = this.trigger
-        .closest('.form-group')
-        .find(`.t3js-image-manipulation-selected-ratio[data-crop-variant-id="${cropVariantId}"]`); // tslint:disable-line:max-line-length
-
-      if ($preview.length === 0) {
-        return;
-      }
-
-      let previewWidth: number = $preview.width();
-      let previewHeight: number = $preview.data('preview-height');
-
-      // adjust aspect ratio of preview width/height
-      const aspectRatio: number = cropData.width / cropData.height;
-      const tmpHeight: number = previewWidth / aspectRatio;
-      if (tmpHeight > previewHeight) {
-        previewWidth = previewHeight * aspectRatio;
-      } else {
-        previewHeight = tmpHeight;
-      }
-      // preview should never be up-scaled
-      if (previewWidth > cropData.width) {
-        previewWidth = cropData.width;
-        previewHeight = cropData.height;
-      }
-
-      const ratio: number = previewWidth / cropData.width;
-      const $viewBox: JQuery = $('<div />').html('<img src="' + image.src + '">');
-      const $ratioTitleText: JQuery = this.currentModal.find(`.t3-js-ratio-title[data-ratio-id="${cropVariant.id}${cropVariant.selectedRatio}"]`); // tslint:disable-line:max-line-length
-      $previewSelectedRatio.text($ratioTitleText.text());
-      $viewBox.addClass('cropper-preview-container');
-      $preview.empty().append($viewBox);
-      $viewBox.wrap('<span class="thumbnail thumbnail-status"></span>');
-
-      $viewBox.width(previewWidth).height(previewHeight).find('img').css({
-        height: imageData.naturalHeight * ratio,
-        left: -cropData.x * ratio,
-        top: -cropData.y * ratio,
-        width: imageData.naturalWidth * ratio,
-      });
-    });
-  }
-
-  /**
-   * @method openPreview
-   * @desc Opens a preview view with the crop variants
-   * @param {object} data - The whole data object containing all the cropVariants
-   * @private
-   */
-  private openPreview(data: object): void {
-    const cropVariants: string = ImageManipulation.serializeCropVariants(data);
-    let previewUrl: string = this.trigger.attr('data-preview-url');
-    previewUrl = previewUrl + (previewUrl.includes('?') ? '&' : '?') + 'cropVariants=' + encodeURIComponent(cropVariants);
-    window.open(previewUrl, 'TYPO3ImageManipulationPreview');
-  }
-
-  /**
-   * @method save
-   * @desc Saves the edited cropVariants to a hidden field
-   * @param {object} data - The whole data object containing all the cropVariants
-   * @private
-   */
-  private save(data: {[key: string]: CropVariant}): void {
-    const cropVariants: string = ImageManipulation.serializeCropVariants(data);
-    const hiddenField: JQuery = $(`#${this.trigger.attr('data-field')}`);
-    this.trigger.attr('data-crop-variants', JSON.stringify(data));
-    this.setPreviewImages(data);
-    hiddenField.val(cropVariants);
-    FormEngineValidation.markFieldAsChanged(hiddenField);
-    this.currentModal.modal('hide');
-  }
-
-  /**
-   * @method destroy
-   * @desc Destroy the ImageManipulation including cropper and alike
-   * @private
-   */
-  private destroy(): void {
-    if (this.currentModal) {
-      if (this.cropper instanceof Cropper) {
-        this.cropper.destroy();
-      }
-      this.initialized = false;
-      this.cropper = null;
-      this.currentModal = null;
-      this.data = null;
-    }
-  }
-}
-
-export default new ImageManipulation();
diff --git a/typo3_src/TypeScript/backend/info-window.ts b/typo3_src/TypeScript/backend/info-window.ts
deleted file mode 100644
index 244db21..0000000
--- a/typo3_src/TypeScript/backend/info-window.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {SeverityEnum} from './enum/severity';
-import Modal from './modal';
-
-/**
- * Module: @typo3/backend/info-window
- * @exports @typo3/backend/info-window
- */
-class InfoWindow {
-  /**
-   * Shows the info modal
-   *
-   * @param {string} table
-   * @param {string | number} uid
-   */
-  public static showItem(table: string, uid: string|number): void {
-    Modal.advanced({
-      type: Modal.types.iframe,
-      size: Modal.sizes.large,
-      content: top.TYPO3.settings.ShowItem.moduleUrl
-        + '&table=' + encodeURIComponent(table)
-        + '&uid=' + (typeof uid === 'number' ? uid : encodeURIComponent(uid)),
-      severity: SeverityEnum.notice,
-    });
-  }
-}
-
-if (!top.TYPO3.InfoWindow) {
-  top.TYPO3.InfoWindow = InfoWindow;
-}
-
-// expose as global object
-TYPO3.InfoWindow = InfoWindow;
-export default InfoWindow;
diff --git a/typo3_src/TypeScript/backend/input/clearable.ts b/typo3_src/TypeScript/backend/input/clearable.ts
deleted file mode 100644
index 2564c7f..0000000
--- a/typo3_src/TypeScript/backend/input/clearable.ts
+++ /dev/null
@@ -1,104 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-class Clearable {
-  private static createCloseButton(): HTMLButtonElement {
-    // The inlined markup represents the current generated markup from the
-    // icon api for the icon actions-close that can be found in the official
-    // icon repository and is registered in the backend icon api.
-    //
-    // It´s not possible to use/open the backend icon api without opening
-    // new possible vectors for attackers to sniff system information.
-    //
-    // When the icon definition of actions-close changes also the inline
-    // icon should be updated.
-    //
-    // https://github.com/typo3/typo3.icons
-    const closeIcon =
-      `<span class="t3js-icon icon icon-size-small icon-state-default icon-actions-close" data-identifier="actions-close">
-        <span class="icon-markup">
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
-                <path
-                    d="M11.9 5.5L9.4 8l2.5 2.5c.2.2.2.5 0
-                    .7l-.7.7c-.2.2-.5.2-.7 0L8 9.4l-2.5 2.5c-.2.2-.5.2-.7
-                    0l-.7-.7c-.2-.2-.2-.5 0-.7L6.6 8 4.1 5.5c-.2-.2-.2-.5
-                    0-.7l.7-.7c.2-.2.5-.2.7 0L8 6.6l2.5-2.5c.2-.2.5-.2.7
-                    0l.7.7c.2.2.2.5 0 .7z"
-                    class="icon-color"/>
-            </svg>
-        </span>
-    </span>`;
-
-    const closeButton = document.createElement('button');
-    closeButton.type = 'button';
-    closeButton.tabIndex = -1;
-    closeButton.innerHTML = closeIcon;
-    closeButton.style.visibility = 'hidden';
-    closeButton.classList.add('close');
-
-    return closeButton;
-  }
-
-  constructor() {
-    if (typeof HTMLInputElement.prototype.clearable === 'function') {
-      return;
-    }
-
-    this.registerClearable();
-  }
-
-  private registerClearable(): void {
-    HTMLInputElement.prototype.clearable = function(options: Options = {}): void {
-      if (this.isClearable) {
-        // input field is already clearable, nothing to do here
-        return;
-      }
-
-      if (typeof options !== 'object') {
-        throw new Error('Passed options must be an object, ' + typeof options + ' given');
-      }
-
-      const wrap = document.createElement('div');
-      wrap.classList.add('form-control-clearable');
-      this.parentNode.insertBefore(wrap, this);
-      wrap.appendChild(this);
-
-      const clearButton = Clearable.createCloseButton();
-      const toggleClearButtonVisibility = (): void => {
-        clearButton.style.visibility = this.value.length === 0 ? 'hidden' : 'visible';
-      };
-
-      clearButton.addEventListener('click', (e: Event): void => {
-        e.preventDefault();
-
-        this.value = '';
-
-        if (typeof options.onClear === 'function') {
-          options.onClear(this);
-        }
-
-        this.dispatchEvent(new Event('change', {bubbles: true, cancelable: true}));
-        toggleClearButtonVisibility();
-      });
-      wrap.appendChild(clearButton);
-
-      this.addEventListener('focus', toggleClearButtonVisibility);
-      this.addEventListener('keyup', toggleClearButtonVisibility);
-
-      toggleClearButtonVisibility();
-      this.isClearable = true;
-    };
-  }
-}
-
-export default new Clearable();
diff --git a/typo3_src/TypeScript/backend/input/index.d.ts b/typo3_src/TypeScript/backend/input/index.d.ts
deleted file mode 100644
index aaf3dda..0000000
--- a/typo3_src/TypeScript/backend/input/index.d.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-interface Options {
-  onClear?: Function;
-}
-
-interface HTMLInputElement {
-  isClearable: boolean;
-  clearable: (options?: Options) => void;
-}
diff --git a/typo3_src/TypeScript/backend/java-script-module-import-event-handler.ts b/typo3_src/TypeScript/backend/java-script-module-import-event-handler.ts
deleted file mode 100644
index a4f25f5..0000000
--- a/typo3_src/TypeScript/backend/java-script-module-import-event-handler.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/**
- * @internal
- */
-document.addEventListener('typo3:import-javascript-module', (e: CustomEvent<{ specifier: string; importPromise?: Promise<any>; }>) => {
-  e.detail.importPromise = import(e.detail.specifier);
-});
diff --git a/typo3_src/TypeScript/backend/layout-module/drag-drop.ts b/typo3_src/TypeScript/backend/layout-module/drag-drop.ts
deleted file mode 100644
index 8ec7633..0000000
--- a/typo3_src/TypeScript/backend/layout-module/drag-drop.ts
+++ /dev/null
@@ -1,284 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/**
- * Module: @typo3/backend/layout-module/drag-drop
- * this JS code does the drag+drop logic for the Layout module (Web => Page)
- * based on jQuery UI
- */
-import $ from 'jquery';
-import 'jquery-ui/droppable';
-import DataHandler from '../ajax-data-handler';
-import Icons from '../icons';
-import ResponseInterface from '../ajax-data-handler/response-interface';
-
-interface Parameters {
-  cmd?: { [key: string]: { [key: string]: any } };
-  data?: { [key: string]: { [key: string]: any } };
-  CB?: { paste: string, update: { colPos: number | boolean, sys_language_uid: number }};
-}
-
-interface DroppableEventUIParam {
-  draggable: JQuery;
-  helper: JQuery;
-  position: { top: number; left: number; };
-  offset: { top: number; left: number; };
-}
-
-class DragDrop {
-
-  private static readonly contentIdentifier: string = '.t3js-page-ce';
-  private static readonly dragIdentifier: string = '.t3js-page-ce-dragitem';
-  private static readonly dragHeaderIdentifier: string = '.t3js-page-ce-draghandle';
-  private static readonly dropZoneIdentifier: string = '.t3js-page-ce-dropzone-available';
-  private static readonly columnIdentifier: string = '.t3js-page-column';
-  private static readonly validDropZoneClass: string = 'active';
-  private static readonly dropPossibleHoverClass: string = 't3-page-ce-dropzone-possible';
-  private static readonly addContentIdentifier: string = '.t3js-page-new-ce';
-  private static originalStyles: string = '';
-
-  /**
-   * initializes Drag+Drop for all content elements on the page
-   */
-  public static initialize(): void {
-    $(DragDrop.contentIdentifier).draggable({
-      handle: DragDrop.dragHeaderIdentifier,
-      scope: 'tt_content',
-      cursor: 'move',
-      distance: 20,
-      // removed because of incompatible types:
-      // addClasses: 'active-drag',
-      revert: 'invalid',
-      zIndex: 100,
-      start: (evt: JQueryEventObject): void => {
-        DragDrop.onDragStart($(evt.target));
-      },
-      stop: (evt: JQueryEventObject): void => {
-        DragDrop.onDragStop($(evt.target));
-      },
-    });
-
-    $(DragDrop.dropZoneIdentifier).droppable({
-      accept: this.contentIdentifier,
-      scope: 'tt_content',
-      tolerance: 'pointer',
-      over: (evt: JQueryEventObject, ui: DroppableEventUIParam): void => {
-        DragDrop.onDropHoverOver($(ui.draggable), $(evt.target));
-      },
-      out: (evt: JQueryEventObject, ui: DroppableEventUIParam): void => {
-        DragDrop.onDropHoverOut($(ui.draggable), $(evt.target));
-      },
-      drop: (evt: JQueryEventObject, ui: DroppableEventUIParam): void => {
-        DragDrop.onDrop($(ui.draggable), $(evt.target), evt);
-      },
-    });
-  }
-
-  /**
-   * called when a draggable is selected to be moved
-   * @param $element a jQuery object for the draggable
-   * @private
-   */
-  public static onDragStart($element: JQuery): void {
-    // Add css class for the drag shadow
-    DragDrop.originalStyles = $element.get(0).style.cssText;
-    $element.children(DragDrop.dragIdentifier).addClass('dragitem-shadow');
-    $element.append('<div class="ui-draggable-copy-message">' + TYPO3.lang['dragdrop.copy.message'] + '</div>');
-    // Hide create new element button
-    $element.children(DragDrop.dropZoneIdentifier).addClass('drag-start');
-    $element.closest(DragDrop.columnIdentifier).removeClass('active');
-
-    // TODO decide what to do with this
-    // $element.parents(DragDrop.columnHolderIdentifier).find(DragDrop.addContentIdentifier).hide();
-    $element.find(DragDrop.dropZoneIdentifier).hide();
-
-    $(DragDrop.dropZoneIdentifier).each((index: number, element: HTMLElement): void => {
-      const $me = $(element);
-      if ($me.parent().find(DragDrop.addContentIdentifier).length) {
-        $me.addClass(DragDrop.validDropZoneClass);
-      }
-    });
-  }
-
-  /**
-   * called when a draggable is released
-   * @param $element a jQuery object for the draggable
-   * @private
-   */
-  public static onDragStop($element: JQuery): void {
-    // Remove css class for the drag shadow
-    $element.children(DragDrop.dragIdentifier).removeClass('dragitem-shadow');
-    // Show create new element button
-    $element.children(DragDrop.dropZoneIdentifier).removeClass('drag-start');
-    $element.closest(DragDrop.columnIdentifier).addClass('active');
-    // TODO decide what to do with this
-    // $element.parents(DragDrop.columnHolderIdentifier).find(DragDrop.addContentIdentifier).show();
-    $element.find(DragDrop.dropZoneIdentifier).show();
-    $element.find('.ui-draggable-copy-message').remove();
-
-    // Reset inline style
-    $element.get(0).style.cssText = DragDrop.originalStyles;
-
-    $(DragDrop.dropZoneIdentifier + '.' + DragDrop.validDropZoneClass).removeClass(DragDrop.validDropZoneClass);
-  }
-
-  /**
-   * adds CSS classes when hovering over a dropzone
-   * @param $draggableElement
-   * @param $droppableElement
-   * @private
-   */
-  public static onDropHoverOver($draggableElement: JQuery, $droppableElement: JQuery): void {
-    if ($droppableElement.hasClass(DragDrop.validDropZoneClass)) {
-      $droppableElement.addClass(DragDrop.dropPossibleHoverClass);
-    }
-  }
-
-  /**
-   * removes the CSS classes after hovering out of a dropzone again
-   * @param $draggableElement
-   * @param $droppableElement
-   * @private
-   */
-  public static onDropHoverOut($draggableElement: JQuery, $droppableElement: JQuery): void {
-    $droppableElement.removeClass(DragDrop.dropPossibleHoverClass);
-  }
-
-  /**
-   * this method does the whole logic when a draggable is dropped on to a dropzone
-   * sending out the request and afterwards move the HTML element in the right place.
-   *
-   * @param $draggableElement
-   * @param $droppableElement
-   * @param {Event} evt the event
-   * @private
-   */
-  public static onDrop($draggableElement: JQuery, $droppableElement: JQuery, evt: JQueryEventObject): void {
-    const newColumn = DragDrop.getColumnPositionForElement($droppableElement);
-
-    $droppableElement.removeClass(DragDrop.dropPossibleHoverClass);
-
-    // send an AJAX request via the AjaxDataHandler
-    const contentElementUid: number = parseInt($draggableElement.data('uid'), 10);
-
-    if (typeof(contentElementUid) === 'number' && contentElementUid > 0) {
-      let parameters: Parameters = {};
-      // add the information about a possible column position change
-      const targetFound = $droppableElement.closest(DragDrop.contentIdentifier).data('uid');
-      // the item was moved to the top of the colPos, so the page ID is used here
-      let targetPid = 0;
-
-      if (typeof targetFound === 'undefined') {
-        // the actual page is needed. Read it from the container into which the element was dropped.
-        targetPid = parseInt((<HTMLElement>evt.target).offsetParent.getAttribute('data-page'), 10);
-      } else {
-        // the negative value of the content element after where it should be moved
-        targetPid = 0 - parseInt(targetFound, 10);
-      }
-
-      // the dragged elements language uid
-      let language: number = parseInt($draggableElement.data('language-uid'), 10);
-      if (language !== -1) {
-        // new elements language must be the same as the column the element is dropped in if element is not -1
-        language = parseInt($droppableElement.closest('[data-language-uid]').data('language-uid'), 10);
-      }
-
-      let colPos: number | boolean = 0;
-      if (targetPid !== 0) {
-        colPos = newColumn;
-      }
-      const isCopyAction = (evt && (<JQueryInputEventObject>evt.originalEvent).ctrlKey || $droppableElement.hasClass('t3js-paste-copy'));
-      const datahandlerCommand = isCopyAction ? 'copy' : 'move';
-      parameters.cmd = {
-        tt_content: {
-          [contentElementUid]: {
-            [datahandlerCommand]: {
-              action: 'paste',
-              target: targetPid,
-              update: {
-                colPos: colPos,
-                sys_language_uid: language,
-              },
-            }
-          }
-        }
-      };
-
-      DragDrop.ajaxAction($droppableElement, $draggableElement, parameters, isCopyAction).then((): void => {
-        const $languageDescriber = $(`.t3-page-column-lang-name[data-language-uid="${language}"]`);
-        if ($languageDescriber.length === 0) {
-          return;
-        }
-
-        const newFlagIdentifier = $languageDescriber.data('flagIdentifier');
-        const newLanguageTitle = $languageDescriber.data('languageTitle');
-
-        Icons.getIcon(newFlagIdentifier, Icons.sizes.small).then((markup: string): void => {
-          const $flagIcon = $draggableElement.find('.t3js-flag');
-          $flagIcon.attr('title', newLanguageTitle).html(markup);
-        });
-      });
-    }
-  }
-
-  /**
-   * this method does the actual AJAX request for both, the move and the copy action.
-   *
-   * @param {JQuery} $droppableElement
-   * @param {JQuery} $draggableElement
-   * @param {Parameters} parameters
-   * @param {boolean} isCopyAction
-   * @private
-   */
-  public static ajaxAction($droppableElement: JQuery, $draggableElement: JQuery, parameters: Parameters, isCopyAction: boolean): Promise<any> {
-    const table: string = Object.keys(parameters.cmd).shift();
-    const uid: number = parseInt(Object.keys(parameters.cmd[table]).shift(), 10);
-    const eventData = {component: 'dragdrop', action: isCopyAction ? 'copy' : 'move', table, uid};
-
-    return DataHandler.process(parameters, eventData).then((result: ResponseInterface): void => {
-      if (result.hasErrors) {
-        throw result.messages;
-      }
-
-      // insert draggable on the new position
-      if (!$droppableElement.parent().hasClass(DragDrop.contentIdentifier.substring(1))) {
-        $draggableElement.detach().css({top: 0, left: 0})
-          .insertAfter($droppableElement.closest(DragDrop.dropZoneIdentifier));
-      } else {
-        $draggableElement.detach().css({top: 0, left: 0})
-          .insertAfter($droppableElement.closest(DragDrop.contentIdentifier));
-      }
-      if (isCopyAction) {
-        self.location.reload();
-      }
-    });
-  }
-
-  /**
-   * returns the next "upper" container colPos parameter inside the code
-   * @param $element
-   * @return int|null the colPos
-   */
-  public static getColumnPositionForElement($element: JQuery): number | boolean {
-    const $columnContainer = $element.closest('[data-colpos]');
-    if ($columnContainer.length && $columnContainer.data('colpos') !== 'undefined') {
-      return $columnContainer.data('colpos');
-    } else {
-      return false;
-    }
-  }
-}
-
-export default DragDrop;
-
-$(DragDrop.initialize);
diff --git a/typo3_src/TypeScript/backend/layout-module/paste.ts b/typo3_src/TypeScript/backend/layout-module/paste.ts
deleted file mode 100644
index ac8a2a7..0000000
--- a/typo3_src/TypeScript/backend/layout-module/paste.ts
+++ /dev/null
@@ -1,178 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/**
- * Module: @typo3/backend/layout-module/paste
- * Dynamically adds "Paste" Icons in the Page Layout module (Web => Page)
- * and triggers a modal window. which then calls the AjaxDataHandler
- * to execute the action to paste the current clipboard contents.
- */
-import $ from 'jquery';
-import ResponseInterface from '../ajax-data-handler/response-interface';
-import DataHandler from '../ajax-data-handler';
-import Modal from '../modal';
-import Severity from '../severity';
-import '@typo3/backend/element/icon-element';
-import {SeverityEnum} from '../enum/severity';
-
-interface Button {
-  text: string;
-  active?: boolean;
-  btnClass: string;
-  trigger: () => void;
-}
-
-class Paste {
-  public itemOnClipboardUid: number = 0;
-  public itemOnClipboardTitle: string = '';
-  public copyMode: string = '';
-  private elementIdentifier: string = '.t3js-page-ce';
-  private pasteAfterLinkTemplate: string = '';
-  private pasteIntoLinkTemplate: string = '';
-
-  /**
-   * @param {JQuery} $element
-   * @return number
-   */
-  private static determineColumn($element: JQuery): number {
-    const $columnContainer = $element.closest('[data-colpos]');
-    if ($columnContainer.length && $columnContainer.data('colpos') !== 'undefined') {
-      return $columnContainer.data('colpos');
-    }
-
-    return 0;
-  }
-
-  /**
-   * initializes paste icons for all content elements on the page
-   */
-  constructor() {
-    $((): void => {
-      if ($('.t3js-page-columns').length) {
-        this.generateButtonTemplates();
-        this.activatePasteIcons();
-        this.initializeEvents();
-      }
-    });
-  }
-
-  private initializeEvents(): void
-  {
-    $(document).on('click', '.t3js-paste', (evt: Event): void => {
-      evt.preventDefault();
-      this.activatePasteModal($(evt.currentTarget));
-    });
-  }
-
-  private generateButtonTemplates(): void
-  {
-    if (!this.itemOnClipboardUid) {
-      return;
-    }
-    this.pasteAfterLinkTemplate = '<button'
-      + ' type="button"'
-      + ' class="t3js-paste t3js-paste' + (this.copyMode ? '-' + this.copyMode : '') + ' t3js-paste-after btn btn-default btn-sm"'
-      + ' title="' + TYPO3.lang?.pasteAfterRecord + '">'
-      + '<typo3-backend-icon identifier="actions-document-paste-into" size="small"></typo3-backend-icon>'
-      + '</button>';
-    this.pasteIntoLinkTemplate = '<button'
-      + ' type="button"'
-      + ' class="t3js-paste t3js-paste' + (this.copyMode ? '-' + this.copyMode : '') + ' t3js-paste-into btn btn-default btn-sm"'
-      + ' title="' + TYPO3.lang?.pasteIntoColumn + '">'
-      + '<typo3-backend-icon identifier="actions-document-paste-into" size="small"></typo3-backend-icon>'
-      + '</button>';
-  }
-
-  /**
-   * activates the paste into / paste after icons outside of the context menus
-   */
-  private activatePasteIcons(): void {
-    $('.t3js-page-new-ce').each((index: number, el: HTMLElement): void => {
-      if (this.pasteAfterLinkTemplate && this.pasteIntoLinkTemplate) {
-        const parent = $(el).parent();
-        // append the buttons
-        if (parent.data('page')) {
-          $(el).append(this.pasteIntoLinkTemplate);
-        } else {
-          $(el).append(this.pasteAfterLinkTemplate);
-        }
-      }
-    });
-  }
-
-  /**
-   * generates the paste into / paste after modal
-   */
-  private activatePasteModal($element: JQuery): void {
-    const title = (TYPO3.lang['paste.modal.title.paste'] || 'Paste record') + ': "' + this.itemOnClipboardTitle + '"';
-    const content = TYPO3.lang['paste.modal.paste'] || 'Do you want to paste the record to this position?';
-
-    let buttons: Array<Button> = [];
-    buttons = [
-      {
-        text: TYPO3.lang['paste.modal.button.cancel'] || 'Cancel',
-        active: true,
-        btnClass: 'btn-default',
-        trigger: (): void => {
-          Modal.currentModal.trigger('modal-dismiss');
-        },
-      },
-      {
-        text: TYPO3.lang['paste.modal.button.paste'] || 'Paste',
-        btnClass: 'btn-' + Severity.getCssClass(SeverityEnum.warning),
-        trigger: (): void => {
-          Modal.currentModal.trigger('modal-dismiss');
-          this.execute($element);
-        },
-      },
-    ];
-
-    Modal.show(title, content, SeverityEnum.warning, buttons);
-  }
-
-  /**
-   * Send an AJAX request via the AjaxDataHandler
-   *
-   * @param {JQuery} $element
-   */
-  private execute($element: JQuery): void {
-    const colPos = Paste.determineColumn($element);
-    const closestElement = $element.closest(this.elementIdentifier);
-    const targetFound = closestElement.data('uid');
-    let targetPid;
-    if (typeof targetFound === 'undefined') {
-      targetPid = parseInt(closestElement.data('page'), 10);
-    } else {
-      targetPid = 0 - parseInt(targetFound, 10);
-    }
-    const language = parseInt($element.closest('[data-language-uid]').data('language-uid'), 10);
-    const parameters = {
-      CB: {
-        paste: 'tt_content|' + targetPid,
-        pad: 'normal',
-        update: {
-          colPos: colPos,
-          sys_language_uid: language,
-        },
-      },
-    };
-
-    DataHandler.process(parameters).then((result: ResponseInterface): void => {
-      if (!result.hasErrors) {
-        window.location.reload();
-      }
-    });
-  }
-}
-
-export default new Paste();
diff --git a/typo3_src/TypeScript/backend/localization.ts b/typo3_src/TypeScript/backend/localization.ts
deleted file mode 100644
index 4251427..0000000
--- a/typo3_src/TypeScript/backend/localization.ts
+++ /dev/null
@@ -1,382 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import $ from 'jquery';
-import {AjaxResponse} from '@typo3/core/ajax/ajax-response';
-import {SeverityEnum} from './enum/severity';
-import AjaxRequest from '@typo3/core/ajax/ajax-request';
-import Icons from './icons';
-import Wizard from './wizard';
-
-type LanguageRecord = {
-  uid: number;
-  title: string;
-  flagIcon: string;
-};
-
-type SummaryColumns = {
-  columns: { [key: number]: string };
-  columnList: Array<number>;
-};
-
-type SummaryColPosRecord = {
-  uid: number;
-  title: string;
-  icon: string;
-};
-
-type SummaryRecord = {
-  columns: SummaryColumns;
-  records: Array<Array<SummaryColPosRecord>>;
-};
-
-class Localization {
-  private triggerButton: string = '.t3js-localize';
-  private localizationMode: string = null;
-  private sourceLanguage: number = null;
-  private records: Array<any> = [];
-
-  constructor() {
-    $((): void => {
-      this.initialize();
-    });
-  }
-
-  private initialize(): void {
-    const me = this;
-    Icons.getIcon('actions-localize', Icons.sizes.large).then((localizeIconMarkup: string): void => {
-      Icons.getIcon('actions-edit-copy', Icons.sizes.large).then((copyIconMarkup: string): void => {
-        $(me.triggerButton).removeClass('disabled');
-
-        $(document).on('click', me.triggerButton, (e: JQueryEventObject): void => {
-          e.preventDefault();
-
-          const $triggerButton = $(e.currentTarget);
-          const actions: Array<string> = [];
-          const availableLocalizationModes: Array<string> = [];
-          let slideStep1: string = '';
-
-          if ($triggerButton.data('allowTranslate')) {
-            actions.push(
-              '<div class="row">'
-              + '<div class="col-sm-3">'
-              + '<label class="btn btn-block btn-default t3js-localization-option" data-helptext=".t3js-helptext-translate">'
-              + localizeIconMarkup
-              + '<input type="radio" name="mode" id="mode_translate" value="localize" style="display: none">'
-              + '<br>' + TYPO3.lang['localize.wizard.button.translate'] + '</label>'
-              + '</div>'
-              + '<div class="col-sm-9">'
-              + '<p class="t3js-helptext t3js-helptext-translate text-muted">' + TYPO3.lang['localize.educate.translate'] + '</p>'
-              + '</div>'
-              + '</div>',
-            );
-            availableLocalizationModes.push('localize');
-          }
-
-          if ($triggerButton.data('allowCopy')) {
-            actions.push(
-              '<div class="row">'
-              + '<div class="col-sm-3">'
-              + '<label class="btn btn-block btn-default t3js-localization-option" data-helptext=".t3js-helptext-copy">'
-              + copyIconMarkup
-              + '<input type="radio" name="mode" id="mode_copy" value="copyFromLanguage" style="display: none">'
-              + '<br>' + TYPO3.lang['localize.wizard.button.copy'] + '</label>'
-              + '</div>'
-              + '<div class="col-sm-9">'
-              + '<p class="t3js-helptext t3js-helptext-copy text-muted">' + TYPO3.lang['localize.educate.copy'] + '</p>'
-              + '</div>'
-              + '</div>',
-            );
-            availableLocalizationModes.push('copyFromLanguage');
-          }
-
-          if ($triggerButton.data('allowTranslate') === 0 && $triggerButton.data('allowCopy') === 0) {
-            actions.push(
-              '<div class="row">'
-              + '<div class="col-sm-12">'
-              + '<div class="alert alert-warning">'
-              + '<div class="media">'
-              + '<div class="media-left">'
-              + '<span class="fa-stack fa-lg"><i class="fa fa-circle fa-stack-2x"></i><i class="fa fa-exclamation fa-stack-1x"></i></span>'
-              + '</div>'
-              + '<div class="media-body">'
-              + '<p class="alert-message">' + TYPO3.lang['localize.educate.noTranslate'] + '</p>'
-              + '</div>'
-              + '</div>'
-              + '</div>'
-              + '</div>'
-              + '</div>',
-            );
-          }
-
-          slideStep1 += '<div data-bs-toggle="buttons">' + actions.join('<hr>') + '</div>';
-          Wizard.addSlide(
-            'localize-choose-action',
-            TYPO3.lang['localize.wizard.header_page']
-              .replace('{0}', $triggerButton.data('page'))
-              .replace('{1}', $triggerButton.data('languageName')),
-            slideStep1,
-            SeverityEnum.info,
-            (): void => {
-              if (availableLocalizationModes.length === 1) {
-                // In case only one mode is available, select the mode and continue
-                this.localizationMode = availableLocalizationModes[0];
-                Wizard.unlockNextStep().trigger('click');
-              }
-            }
-          );
-          Wizard.addSlide(
-            'localize-choose-language',
-            TYPO3.lang['localize.view.chooseLanguage'],
-            '',
-            SeverityEnum.info,
-            ($slide: JQuery): void => {
-              Icons.getIcon('spinner-circle-dark', Icons.sizes.large).then((markup: string): void => {
-                $slide.html('<div class="text-center">' + markup + '</div>');
-
-                this.loadAvailableLanguages(
-                  parseInt($triggerButton.data('pageId'), 10),
-                  parseInt($triggerButton.data('languageId'), 10),
-                ).then(async (response: AjaxResponse): Promise<void> => {
-                  const result: Array<LanguageRecord> = await response.resolve();
-                  if (result.length === 1) {
-                    // We only have one result, auto select the record and continue
-                    this.sourceLanguage = result[0].uid;
-                    Wizard.unlockNextStep().trigger('click');
-                    return;
-                  }
-
-                  Wizard.getComponent().on('click', '.t3js-language-option', (optionEvt: JQueryEventObject): void => {
-                    const $me = $(optionEvt.currentTarget);
-                    const $radio = $me.prev();
-
-                    this.sourceLanguage = $radio.val();
-                    Wizard.unlockNextStep();
-                  });
-
-                  const $languageButtons = $('<div />', {class: 'row'});
-
-                  for (const languageObject of result) {
-                    const id: string = 'language' + languageObject.uid;
-                    const $input: JQuery = $('<input />', {
-                      type: 'radio',
-                      name: 'language',
-                      id: id,
-                      value: languageObject.uid,
-                      style: 'display: none;',
-                      class: 'btn-check'
-                    });
-                    const $label: JQuery = $('<label />', {class: 'btn btn-default btn-block t3js-language-option option', 'for': id})
-                      .text(' ' + languageObject.title)
-                      .prepend(languageObject.flagIcon);
-
-                    $languageButtons.append(
-                      $('<div />', {class: 'col-sm-4'})
-                        .append($input)
-                        .append($label),
-                    );
-                  }
-                  $slide.empty().append($languageButtons);
-                });
-              });
-            },
-          );
-          Wizard.addSlide(
-            'localize-summary',
-            TYPO3.lang['localize.view.summary'],
-            '',
-            SeverityEnum.info, ($slide: JQuery): void => {
-              Icons.getIcon('spinner-circle-dark', Icons.sizes.large).then((markup: string): void => {
-                $slide.html('<div class="text-center">' + markup + '</div>');
-              });
-              this.getSummary(
-                parseInt($triggerButton.data('pageId'), 10),
-                parseInt($triggerButton.data('languageId'), 10),
-              ).then(async (response: AjaxResponse): Promise<void> => {
-                const result: SummaryRecord = await response.resolve();
-                $slide.empty();
-                this.records = [];
-
-                const columns = result.columns.columns;
-                const columnList = result.columns.columnList;
-
-                columnList.forEach((colPos: number): void => {
-                  if (typeof result.records[colPos] === 'undefined') {
-                    return;
-                  }
-
-                  const column = columns[colPos];
-                  const $row = $('<div />', {class: 'row'});
-
-                  result.records[colPos].forEach((record: SummaryColPosRecord): void => {
-                    const label = ' (' + record.uid + ') ' + record.title;
-                    this.records.push(record.uid);
-
-                    $row.append(
-                      $('<div />', {'class': 'col-sm-6'}).append(
-                        $('<div />', {'class': 'input-group'}).append(
-                          $('<span />', {'class': 'input-group-addon'}).append(
-                            $('<input />', {
-                              type: 'checkbox',
-                              'class': 't3js-localization-toggle-record',
-                              id: 'record-uid-' + record.uid,
-                              checked: 'checked',
-                              'data-uid': record.uid,
-                              'aria-label': label,
-                            }),
-                          ),
-                          $('<label />', {
-                            'class': 'form-control',
-                            for: 'record-uid-' + record.uid,
-                          }).text(label).prepend(record.icon),
-                        ),
-                      ),
-                    );
-                  });
-
-                  $slide.append(
-                    $('<fieldset />', {
-                      'class': 'localization-fieldset',
-                    }).append(
-                      $('<label />').text(column).prepend(
-                        $('<input />', {
-                          'class': 't3js-localization-toggle-column',
-                          type: 'checkbox',
-                          checked: 'checked',
-                        }),
-                      ),
-                      $row,
-                    ),
-                  );
-                });
-
-                Wizard.unlockNextStep();
-
-                Wizard.getComponent().on('change', '.t3js-localization-toggle-record', (cmpEvt: JQueryEventObject): void => {
-                  const $me = $(cmpEvt.currentTarget);
-                  const uid = $me.data('uid');
-                  const $parent = $me.closest('fieldset');
-                  const $columnCheckbox = $parent.find('.t3js-localization-toggle-column');
-
-                  if ($me.is(':checked')) {
-                    this.records.push(uid);
-                  } else {
-                    const index = this.records.indexOf(uid);
-                    if (index > -1) {
-                      this.records.splice(index, 1);
-                    }
-                  }
-
-                  const $allChildren = $parent.find('.t3js-localization-toggle-record');
-                  const $checkedChildren = $parent.find('.t3js-localization-toggle-record:checked');
-
-                  $columnCheckbox.prop('checked', $checkedChildren.length > 0);
-                  $columnCheckbox.prop('indeterminate', $checkedChildren.length > 0 && $checkedChildren.length < $allChildren.length);
-
-                  if (this.records.length > 0) {
-                    Wizard.unlockNextStep();
-                  } else {
-                    Wizard.lockNextStep();
-                  }
-                }).on('change', '.t3js-localization-toggle-column', (toggleEvt: JQueryEventObject): void => {
-                  const $me = $(toggleEvt.currentTarget);
-                  const $children = $me.closest('fieldset').find('.t3js-localization-toggle-record');
-
-                  $children.prop('checked', $me.is(':checked'));
-                  $children.trigger('change');
-                });
-              });
-            },
-          );
-
-          Wizard.addFinalProcessingSlide((): void => {
-            this.localizeRecords(
-              parseInt($triggerButton.data('pageId'), 10),
-              parseInt($triggerButton.data('languageId'), 10),
-              this.records,
-            ).then((): void => {
-              Wizard.dismiss();
-              document.location.reload();
-            });
-          }).then((): void => {
-            Wizard.show();
-
-            Wizard.getComponent().on('click', '.t3js-localization-option', (optionEvt: JQueryEventObject): void => {
-              const $me = $(optionEvt.currentTarget);
-              const $radio = $me.find('input[type="radio"]');
-
-              if ($me.data('helptext')) {
-                const $container = $(optionEvt.delegateTarget);
-                $container.find('.t3js-localization-option').removeClass('active');
-                $container.find('.t3js-helptext').addClass('text-muted');
-                $me.addClass('active');
-                $container.find($me.data('helptext')).removeClass('text-muted');
-              }
-              this.localizationMode = $radio.val();
-              Wizard.unlockNextStep();
-            });
-          });
-        });
-      });
-    });
-  }
-
-  /**
-   * Load available languages from page
-   *
-   * @param {number} pageId
-   * @param {number} languageId
-   * @returns {Promise<AjaxResponse>}
-   */
-  private loadAvailableLanguages(pageId: number, languageId: number): Promise<AjaxResponse> {
-    return new AjaxRequest(TYPO3.settings.ajaxUrls.page_languages).withQueryArguments({
-      pageId: pageId,
-      languageId: languageId,
-    }).get();
-  }
-
-  /**
-   * Get summary for record processing
-   *
-   * @param {number} pageId
-   * @param {number} languageId
-   * @returns {Promise<AjaxResponse>}
-   */
-  private getSummary(pageId: number, languageId: number): Promise<AjaxResponse> {
-    return new AjaxRequest(TYPO3.settings.ajaxUrls.records_localize_summary).withQueryArguments({
-      pageId: pageId,
-      destLanguageId: languageId,
-      languageId: this.sourceLanguage,
-    }).get();
-  }
-
-  /**
-   * Localize records
-   *
-   * @param {number} pageId
-   * @param {number} languageId
-   * @param {Array<number>} uidList
-   * @returns {Promise<AjaxResponse>}
-   */
-  private localizeRecords(pageId: number, languageId: number, uidList: Array<number>): Promise<AjaxResponse> {
-    return new AjaxRequest(TYPO3.settings.ajaxUrls.records_localize).withQueryArguments({
-      pageId: pageId,
-      srcLanguageId: this.sourceLanguage,
-      destLanguageId: languageId,
-      action: this.localizationMode,
-      uidList: uidList,
-    }).get();
-  }
-}
-
-export default new Localization();
diff --git a/typo3_src/TypeScript/backend/login-refresh.ts b/typo3_src/TypeScript/backend/login-refresh.ts
deleted file mode 100644
index 992f885..0000000
--- a/typo3_src/TypeScript/backend/login-refresh.ts
+++ /dev/null
@@ -1,494 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import $ from 'jquery';
-import {AjaxResponse} from '@typo3/core/ajax/ajax-response';
-import AjaxRequest from '@typo3/core/ajax/ajax-request';
-import Notification from '@typo3/backend/notification';
-
-enum MarkupIdentifiers {
-  loginrefresh = 't3js-modal-loginrefresh',
-  lockedModal = 't3js-modal-backendlocked',
-  loginFormModal = 't3js-modal-backendloginform',
-}
-
-interface LoginRefreshOptions {
-  intervalTime?: number;
-  loginFramesetUrl?: string;
-  logoutUrl?: string;
-}
-
-/**
- * Module: @typo3/backend/login-refresh
- * @exports @typo3/backend/login-refresh
- */
-class LoginRefresh {
-  private options: any = {
-    modalConfig: {
-      backdrop: 'static',
-    },
-  };
-  private intervalTime: number = 60;
-  private intervalId: number = null;
-  private backendIsLocked: boolean = false;
-  private isTimingOut: boolean = false;
-  private $timeoutModal: JQuery = null;
-  private $backendLockedModal: JQuery = null;
-  private $loginForm: JQuery = null;
-  private loginFramesetUrl: string = '';
-  private logoutUrl: string = '';
-
-  /**
-   * Initialize login refresh
-   */
-  public initialize(options?: LoginRefreshOptions): void {
-    if (typeof options === 'object') {
-      this.applyOptions(options);
-    }
-    this.initializeTimeoutModal();
-    this.initializeBackendLockedModal();
-    this.initializeLoginForm();
-    this.startTask();
-  }
-
-  /**
-   * Start the task
-   */
-  public startTask(): void {
-    if (this.intervalId !== null) {
-      return;
-    }
-    // set interval to 60 seconds
-    let interval: number = this.intervalTime * 1000;
-    this.intervalId = setInterval(this.checkActiveSession, interval);
-  }
-
-  /**
-   * Stop the task
-   */
-  public stopTask(): void {
-    clearInterval(this.intervalId);
-    this.intervalId = null;
-  }
-
-  /**
-   * Set interval time
-   *
-   * @param {number} intervalTime
-   */
-  public setIntervalTime(intervalTime: number): void {
-    // To avoid the integer overflow in setInterval, we limit the interval time to be one request per day
-    this.intervalTime = Math.min(intervalTime, 86400);
-  }
-
-  /**
-   * Set the logout URL
-   *
-   * @param {string} logoutUrl
-   */
-  public setLogoutUrl(logoutUrl: string): void {
-    this.logoutUrl = logoutUrl;
-  }
-
-  /**
-   * Set login frameset url
-   */
-  public setLoginFramesetUrl(loginFramesetUrl: string): void {
-    this.loginFramesetUrl = loginFramesetUrl;
-  }
-
-  /**
-   * Shows the timeout dialog. If the backend is not focused, a Web Notification
-   * is displayed, too.
-   */
-  public showTimeoutModal(): void {
-    this.isTimingOut = true;
-    this.$timeoutModal.modal(this.options.modalConfig);
-    this.$timeoutModal.modal('show');
-    this.fillProgressbar(this.$timeoutModal);
-  }
-
-  /**
-   * Hides the timeout dialog. If a Web Notification is displayed, close it too.
-   */
-  public hideTimeoutModal(): void {
-    this.isTimingOut = false;
-    this.$timeoutModal.modal('hide');
-  }
-
-  /**
-   * Shows the "backend locked" dialog.
-   */
-  public showBackendLockedModal(): void {
-    this.$backendLockedModal.modal(this.options.modalConfig);
-    this.$backendLockedModal.modal('show');
-  }
-
-  /**
-   * Hides the "backend locked" dialog.
-   */
-  public hideBackendLockedModal(): void {
-    this.$backendLockedModal.modal('hide');
-  }
-
-  /**
-   * Shows the login form.
-   */
-  public showLoginForm(): void {
-    // log off for sure
-    new AjaxRequest(TYPO3.settings.ajaxUrls.logout).get().then((): void => {
-      if (TYPO3.configuration.showRefreshLoginPopup) {
-        this.showLoginPopup();
-      } else {
-        this.$loginForm.modal(this.options.modalConfig);
-        this.$loginForm.modal('show');
-      }
-    });
-  }
-
-  /**
-   * Opens the login form in a new window.
-   */
-  public showLoginPopup(): void {
-    const vHWin = window.open(
-      this.loginFramesetUrl,
-      'relogin_' + Math.random().toString(16).slice(2),
-      'height=450,width=700,status=0,menubar=0,location=1',
-    );
-    if (vHWin) {
-      vHWin.focus();
-    }
-  }
-
-  /**
-   * Hides the login form.
-   */
-  public hideLoginForm(): void {
-    this.$loginForm.modal('hide');
-  }
-
-  /**
-   * Generates the modal displayed if the backend is locked.
-   */
-  protected initializeBackendLockedModal(): void {
-    this.$backendLockedModal = this.generateModal(MarkupIdentifiers.lockedModal);
-    this.$backendLockedModal.find('.modal-header h4').text(TYPO3.lang['mess.please_wait']);
-    this.$backendLockedModal.find('.modal-body').append(
-      $('<p />').text(TYPO3.lang['mess.be_locked']),
-    );
-    this.$backendLockedModal.find('.modal-footer').remove();
-
-    $('body').append(this.$backendLockedModal);
-  }
-
-  /**
-   * Generates the modal displayed on near session time outs
-   */
-  protected initializeTimeoutModal(): void {
-    this.$timeoutModal = this.generateModal(MarkupIdentifiers.loginrefresh);
-    this.$timeoutModal.addClass('modal-severity-notice');
-    this.$timeoutModal.find('.modal-header h4').text(TYPO3.lang['mess.login_about_to_expire_title']);
-    this.$timeoutModal.find('.modal-body').append(
-      $('<p />').text(TYPO3.lang['mess.login_about_to_expire']),
-      $('<div />', {class: 'progress'}).append(
-        $('<div />', {
-          class: 'progress-bar progress-bar-warning progress-bar-striped progress-bar-animated',
-          role: 'progressbar',
-          'aria-valuemin': '0',
-          'aria-valuemax': '100',
-        }).append(
-          $('<span />', {class: 'sr-only'}),
-        ),
-      ),
-    );
-    this.$timeoutModal.find('.modal-footer').append(
-      $('<button />', {
-        class: 'btn btn-default',
-        'data-action': 'logout',
-      }).text(TYPO3.lang['mess.refresh_login_logout_button']).on('click', () => {
-        top.location.href = this.logoutUrl;
-      }),
-      $('<button />', {
-        class: 'btn btn-primary t3js-active',
-        'data-action': 'refreshSession',
-      }).text(TYPO3.lang['mess.refresh_login_refresh_button']).on('click', () => {
-        new AjaxRequest(TYPO3.settings.ajaxUrls.login_refresh).get().then(async (response: AjaxResponse): Promise<void> => {
-          const data = await response.resolve();
-          this.hideTimeoutModal();
-          if (!data.refresh.success) {
-            this.showLoginForm();
-          }
-        });
-      }),
-    );
-    this.registerDefaultModalEvents(this.$timeoutModal);
-
-    $('body').append(this.$timeoutModal);
-  }
-
-  /**
-   * Generates the login form displayed if the session has timed out.
-   */
-  protected initializeLoginForm(): void {
-    if (TYPO3.configuration.showRefreshLoginPopup) {
-      // dialog is not required if "showRefreshLoginPopup" is enabled
-      return;
-    }
-
-    this.$loginForm = this.generateModal(MarkupIdentifiers.loginFormModal);
-    this.$loginForm.addClass('modal-notice');
-    let refresh_login_title = String(TYPO3.lang['mess.refresh_login_title']).replace('%s', TYPO3.configuration.username);
-    this.$loginForm.find('.modal-header h4').text(refresh_login_title);
-    this.$loginForm.find('.modal-body').append(
-      $('<p />').text(TYPO3.lang['mess.login_expired']),
-      $('<form />', {
-        id: 'beLoginRefresh',
-        method: 'POST',
-        action: TYPO3.settings.ajaxUrls.login,
-      }).append(
-        $('<div />').append(
-          $('<input />', {type: 'text', name: 'username', class: 'd-none', value: TYPO3.configuration.username}),
-          $('<input />', {type: 'hidden', name: 'userident', id: 't3-loginrefresh-userident'})
-        ),
-        $('<div />', {class: 'form-group'}).append(
-          $('<input />', {
-            type: 'password',
-            name: 'p_field',
-            autofocus: 'autofocus',
-            class: 'form-control',
-            placeholder: TYPO3.lang['mess.refresh_login_password'],
-          }),
-        ),
-      ),
-    );
-    // Added to disable DOM warnings in browser consoles
-    this.$loginForm.find('.modal-body .d-none').attr('autocomplete', 'username');
-    this.$loginForm.find('.modal-body .form-control').attr('autocomplete', 'current-password');
-    this.$loginForm.find('.modal-footer').append(
-      $('<a />', {
-        href: this.logoutUrl,
-        class: 'btn btn-default',
-      }).text(TYPO3.lang['mess.refresh_exit_button']),
-      $('<button />', {type: 'button', class: 'btn btn-primary', 'data-action': 'refreshSession'})
-        .text(TYPO3.lang['mess.refresh_login_button'])
-        .on('click', () => {
-          this.$loginForm.find('form').trigger('submit');
-        }),
-    );
-    this.registerDefaultModalEvents(this.$loginForm).on('submit', this.submitForm);
-    $('body').append(this.$loginForm);
-  }
-
-  /**
-   * Generates a modal dialog as template.
-   *
-   * @param {string} identifier
-   * @returns {JQuery}
-   */
-  protected generateModal(identifier: string): JQuery {
-    return $('<div />', {
-      id: identifier,
-      class: 't3js-modal ' + identifier + ' modal modal-type-default modal-severity-notice modal-style-light modal-size-small fade',
-    }).append(
-      $('<div />', {class: 'modal-dialog'}).append(
-        $('<div />', {class: 'modal-content'}).append(
-          $('<div />', {class: 'modal-header'}).append(
-            $('<h4 />', {class: 'modal-title'}),
-          ),
-          $('<div />', {class: 'modal-body'}),
-          $('<div />', {class: 'modal-footer'}),
-        ),
-      ),
-    );
-  }
-
-  /**
-   * Fills the progressbar attached to the given modal.
-   */
-  protected fillProgressbar($activeModal: JQuery): void {
-    if (!this.isTimingOut) {
-      return;
-    }
-
-    const max = 100;
-    let current = 0;
-    const $progressBar = $activeModal.find('.progress-bar');
-    const $srText = $progressBar.children('.sr-only');
-
-    const progress = setInterval(() => {
-      const isOverdue = (current >= max);
-      if (!this.isTimingOut || isOverdue) {
-        clearInterval(progress);
-
-        if (isOverdue) {
-          // show login form
-          this.hideTimeoutModal();
-          this.showLoginForm();
-        }
-
-        // reset current
-        current = 0;
-      } else {
-        current += 1;
-      }
-
-      const percentText = (current) + '%';
-      $progressBar.css('width', percentText);
-      $srText.text(percentText);
-    },                           300);
-  }
-
-  /**
-   * Creates additional data based on the security level and "submits" the form
-   * via an AJAX request.
-   *
-   * @param {JQueryEventObject} event
-   */
-  protected submitForm = (event: JQueryEventObject): void => {
-    event.preventDefault();
-
-    const $form = this.$loginForm.find('form');
-    const $passwordField = $form.find('input[name=p_field]');
-    const $useridentField = $form.find('input[name=userident]');
-    const passwordFieldValue = $passwordField.val();
-
-    if (passwordFieldValue === '' && $useridentField.val() === '') {
-      Notification.error(TYPO3.lang['mess.refresh_login_failed'], TYPO3.lang['mess.refresh_login_emptyPassword']);
-      $passwordField.focus();
-      return;
-    }
-
-    if (passwordFieldValue) {
-      $useridentField.val(passwordFieldValue);
-      $passwordField.val('');
-    }
-
-    const postData: any = {
-      login_status: 'login',
-    };
-    $.each($form.serializeArray(), function (i: number, field: any): void {
-      postData[field.name] = field.value;
-    });
-    new AjaxRequest($form.attr('action')).post(postData).then(async (response: AjaxResponse): Promise<void> => {
-      const data = await response.resolve();
-      if (data.login.success) {
-        // User is logged in
-        this.hideLoginForm();
-      } else {
-        Notification.error(TYPO3.lang['mess.refresh_login_failed'], TYPO3.lang['mess.refresh_login_failed_message']);
-        $passwordField.focus();
-      }
-    });
-  }
-
-  /**
-   * Registers the (shown|hidden).bs.modal events.
-   * If a modal is shown, the interval check is stopped. If the modal hides,
-   * the interval check starts again.
-   * This method is not invoked for the backend locked modal, because we still
-   * need to check if the backend gets unlocked again.
-   *
-   * @param {JQuery} $modal
-   * @returns {JQuery}
-   */
-  protected registerDefaultModalEvents($modal: JQuery): JQuery {
-    $modal.on('hidden.bs.modal', () => {
-      this.startTask();
-    }).on('shown.bs.modal', () => {
-      this.stopTask();
-      // focus the button which was configured as active button
-      this.$timeoutModal.find('.modal-footer .t3js-active').first().focus();
-    });
-    return $modal;
-  }
-
-  /**
-   * Periodically called task that checks if
-   *
-   * - the user's backend session is about to expire
-   * - the user's backend session has expired
-   * - the backend got locked
-   *
-   * and opens a dialog.
-   */
-  protected checkActiveSession = (): void => {
-    new AjaxRequest(TYPO3.settings.ajaxUrls.login_timedout).get().then(async (response: AjaxResponse): Promise<void> => {
-      const data = await response.resolve();
-      if (data.login.locked) {
-        if (!this.backendIsLocked) {
-          this.backendIsLocked = true;
-          this.showBackendLockedModal();
-        }
-      } else {
-        if (this.backendIsLocked) {
-          this.backendIsLocked = false;
-          this.hideBackendLockedModal();
-        }
-      }
-
-      if (!this.backendIsLocked) {
-        if (data.login.timed_out || data.login.will_time_out) {
-          data.login.timed_out
-            ? this.showLoginForm()
-            : this.showTimeoutModal();
-        }
-      }
-    });
-  }
-
-  private applyOptions(options: LoginRefreshOptions): void {
-    if (options.intervalTime !== undefined) {
-      this.setIntervalTime(options.intervalTime);
-    }
-    if (options.loginFramesetUrl !== undefined) {
-      this.setLoginFramesetUrl(options.loginFramesetUrl);
-    }
-    if (options.logoutUrl !== undefined) {
-      this.setLogoutUrl(options.logoutUrl);
-    }
-  }
-}
-
-let loginRefreshObject;
-try {
-  // fetch from opening window
-  if (window.opener && window.opener.TYPO3 && window.opener.TYPO3.LoginRefresh) {
-    loginRefreshObject = window.opener.TYPO3.LoginRefresh;
-  }
-
-  // fetch from parent
-  if (parent && parent.window.TYPO3 && parent.window.TYPO3.LoginRefresh) {
-    loginRefreshObject = parent.window.TYPO3.LoginRefresh;
-  }
-
-  // fetch object from outer frame
-  if (top && top.TYPO3 && top.TYPO3.LoginRefresh) {
-    loginRefreshObject = top.TYPO3.LoginRefresh;
-  }
-} catch {
-  // This only happens if the opener, parent or top is some other url (eg a local file)
-  // which loaded the current window. Then the browser's cross domain policy jumps in
-  // and raises an exception.
-  // For this case we are safe and we can create our global object below.
-}
-
-if (!loginRefreshObject) {
-  loginRefreshObject = new LoginRefresh();
-
-  // attach to global frame
-  if (typeof TYPO3 !== 'undefined') {
-    TYPO3.LoginRefresh = loginRefreshObject;
-  }
-}
-
-export default loginRefreshObject;
diff --git a/typo3_src/TypeScript/backend/login.ts b/typo3_src/TypeScript/backend/login.ts
deleted file mode 100644
index d114d17..0000000
--- a/typo3_src/TypeScript/backend/login.ts
+++ /dev/null
@@ -1,226 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import 'bootstrap';
-import $ from 'jquery';
-import '@typo3/backend/input/clearable';
-import AjaxRequest from '@typo3/core/ajax/ajax-request';
-import {AjaxResponse} from '@typo3/core/ajax/ajax-response';
-
-interface PreflightResponse {
-  capabilities: PreflightResponseCapabilities;
-}
-
-interface PreflightResponseCapabilities {
-  cookie: boolean,
-  referrer: boolean
-}
-
-/**
- * Module: @typo3/backend/login
- * JavaScript module for the backend login form
- * @exports @typo3/backend/login
- *
- * Class and file name do not match as the class was renamed, but to keep overrides in place, the filename has to stay!
- */
-class BackendLogin {
-  public options: any;
-  public ready: boolean = true;
-
-  constructor() {
-    this.options = {
-      error: '.t3js-login-error',
-      errorNoCookies: '.t3js-login-error-nocookies',
-      errorNoReferrer: '.t3js-login-error-noreferrer',
-      formFields: '.t3js-login-formfields',
-      interfaceField: '.t3js-login-interface-field',
-      loginForm: '#typo3-login-form',
-      loginUrlLink: 't3js-login-url',
-      submitButton: '.t3js-login-submit',
-      submitHandler: null,
-      useridentField: '.t3js-login-userident-field',
-    };
-
-    this.checkLoginRefresh();
-    this.checkCookieSupport();
-    this.checkForInterfaceCookie();
-    this.checkDocumentReferrerSupport();
-    this.initializeEvents();
-
-    // prevent opening the login form in the backend frameset
-    if (top.location.href !== location.href) {
-      this.ready = false;
-      top.location.href = location.href;
-    }
-    if (this.ready) {
-      document.body.setAttribute('data-typo3-login-ready', 'true');
-    }
-  }
-
-  /**
-   * Hide all form fields and show a progress message and icon
-   */
-  private showLoginProcess(): void {
-    this.showLoadingIndicator();
-    $(this.options.error).addClass('hidden');
-    $(this.options.errorNoCookies).addClass('hidden');
-  }
-
-  /**
-   * Show the loading spinner in the submit button
-   */
-  private showLoadingIndicator(): void {
-    const button = $(this.options.submitButton);
-    button.html(button.data('loading-text'));
-  }
-
-  /**
-   * Pass on to registered submit handler
-   *
-   * @param {Event} event
-   */
-  private handleSubmit(event: Event): void {
-    this.showLoginProcess();
-
-    if (typeof this.options.submitHandler === 'function') {
-      this.options.submitHandler(event);
-    }
-  }
-
-  /**
-   * Store the new selected Interface in a cookie to save it for future visits
-   */
-  private interfaceSelectorChanged(): void {
-    const now = new Date();
-    // cookie expires in one year
-    const expires = new Date(now.getTime() + 1000 * 60 * 60 * 24 * 365);
-    document.cookie = 'typo3-login-interface='
-      + $(this.options.interfaceField).val()
-      + '; expires=' + expires.toUTCString() + ';';
-  }
-
-  /**
-   * Check if an interface was stored in a cookie and preselect it in the select box
-   */
-  private checkForInterfaceCookie(): void {
-    if ($(this.options.interfaceField).length) {
-      const posStart = document.cookie.indexOf('typo3-login-interface=');
-      if (posStart !== -1) {
-        let selectedInterface = document.cookie.substr(posStart + 22);
-        selectedInterface = selectedInterface.substr(0, selectedInterface.indexOf(';'));
-        $(this.options.interfaceField).val(selectedInterface);
-      }
-    }
-  }
-
-  private checkDocumentReferrerSupport(): void {
-    const loginUrlLink = document.getElementById(this.options.loginUrlLink) as HTMLAnchorElement;
-    // skip referrer check if explicitly disabled
-    if (loginUrlLink !== null
-      && typeof loginUrlLink.dataset.referrerCheckEnabled === 'undefined'
-      && loginUrlLink.dataset.referrerCheckEnabled !== '1'
-    ) {
-      return;
-    }
-    if (typeof TYPO3.settings === 'undefined' || typeof TYPO3.settings.ajaxUrls === 'undefined') {
-      return;
-    }
-    new AjaxRequest(TYPO3.settings.ajaxUrls.login_preflight).get()
-      .then(async (response: AjaxResponse) => {
-        const result = await response.resolve('application/json') as PreflightResponse;
-        if (result.capabilities.referrer !== true) {
-          document.querySelectorAll(this.options.errorNoReferrer)
-            .forEach((element: HTMLElement): void => element.classList.remove('hidden'));
-        }
-      });
-  }
-
-  /**
-   * Hides input fields and shows cookie warning
-   */
-  private showCookieWarning(): void {
-    $(this.options.formFields).addClass('hidden');
-    $(this.options.errorNoCookies).removeClass('hidden');
-  }
-
-  /**
-   * Hides cookie warning and shows input fields
-   */
-  private hideCookieWarning(): void {
-    $(this.options.formFields).removeClass('hidden');
-    $(this.options.errorNoCookies).addClass('hidden');
-  }
-
-  private checkLoginRefresh(): void {
-    const loginRefresh = document.querySelector(this.options.loginForm + ' input[name="loginRefresh"]');
-    if (loginRefresh instanceof HTMLInputElement && loginRefresh.value) {
-      if (window.opener && window.opener.TYPO3 && window.opener.TYPO3.LoginRefresh) {
-        window.opener.TYPO3.LoginRefresh.startTask();
-        window.close();
-      }
-    }
-  }
-
-  /**
-   * Checks browser's cookie support
-   * see http://stackoverflow.com/questions/8112634/jquery-detecting-cookies-enabled
-   */
-  private checkCookieSupport(): void {
-    const cookieEnabled = navigator.cookieEnabled;
-
-    // when cookieEnabled flag is present and false then cookies are disabled.
-    if (cookieEnabled === false) {
-      this.showCookieWarning();
-    } else {
-      // try to set a test cookie if we can't see any cookies and we're using
-      // either a browser that doesn't support navigator.cookieEnabled
-      // or IE (which always returns true for navigator.cookieEnabled)
-      if (!document.cookie && (cookieEnabled === null || /*@cc_on!@*/false)) {
-        document.cookie = 'typo3-login-cookiecheck=1';
-
-        if (!document.cookie) {
-          this.showCookieWarning();
-        } else {
-          // unset the cookie again
-          document.cookie = 'typo3-login-cookiecheck=; expires=' + new Date(0).toUTCString();
-        }
-      }
-    }
-  }
-
-  /**
-   * Registers listeners for the Login Interface
-   */
-  private initializeEvents(): void {
-    $(document).ajaxStart(this.showLoadingIndicator.bind(this));
-    $(this.options.loginForm).on('submit', this.handleSubmit.bind(this));
-
-    // the Interface selector is not always present, so this check is needed
-    if ($(this.options.interfaceField).length > 0) {
-      $(document).on('change blur', this.options.interfaceField, this.interfaceSelectorChanged.bind(this));
-    }
-
-    (<NodeListOf<HTMLInputElement>>document.querySelectorAll('.t3js-clearable')).forEach(
-      (clearableField: HTMLInputElement) => clearableField.clearable(),
-    );
-
-    // carousel news height transition
-    $('.t3js-login-news-carousel').on('slide.bs.carousel', (e: any) => {
-      const nextH = $(e.relatedTarget).height();
-      const $element: JQuery = $(e.target);
-      $element.find('div.active').parent().animate({ height: nextH }, 500);
-    });
-  }
-}
-
-export default new BackendLogin();
diff --git a/typo3_src/TypeScript/backend/modal-interface.ts b/typo3_src/TypeScript/backend/modal-interface.ts
deleted file mode 100644
index 9a12338..0000000
--- a/typo3_src/TypeScript/backend/modal-interface.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-export interface ModalResponseEvent extends CustomEvent {
-  readonly detail: {
-    result: boolean,
-    payload: any
-  };
-}
diff --git a/typo3_src/TypeScript/backend/modal.ts b/typo3_src/TypeScript/backend/modal.ts
deleted file mode 100644
index 32e2c15..0000000
--- a/typo3_src/TypeScript/backend/modal.ts
+++ /dev/null
@@ -1,610 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import 'bootstrap';
-import $ from 'jquery';
-import {html, render} from 'lit';
-import {AjaxResponse} from '@typo3/core/ajax/ajax-response';
-import {AbstractAction} from './action-button/abstract-action';
-import {ModalResponseEvent} from '@typo3/backend/modal-interface';
-import {SeverityEnum} from './enum/severity';
-import AjaxRequest from '@typo3/core/ajax/ajax-request';
-import SecurityUtility from '@typo3/core/security-utility';
-import Icons from './icons';
-import Severity from './severity';
-
-enum Identifiers {
-  modal = '.t3js-modal',
-  content = '.t3js-modal-content',
-  title = '.t3js-modal-title',
-  close = '.t3js-modal-close',
-  body = '.t3js-modal-body',
-  footer = '.t3js-modal-footer',
-  iframe = '.t3js-modal-iframe',
-  iconPlaceholder = '.t3js-modal-icon-placeholder',
-}
-
-enum Sizes {
-  small = 'small',
-  default = 'default',
-  medium = 'medium',
-  large = 'large',
-  full = 'full',
-}
-
-enum Styles {
-  default = 'default',
-  light = 'light',
-  dark = 'dark',
-}
-
-enum Types {
-  default = 'default',
-  ajax = 'ajax',
-  iframe = 'iframe',
-}
-
-interface Button {
-  text: string;
-  active: boolean;
-  btnClass: string;
-  name: string;
-  trigger: (e: JQueryEventObject) => {};
-  dataAttributes: { [key: string]: string };
-  icon: string;
-  action: AbstractAction;
-}
-
-interface Configuration {
-  type: Types;
-  title: string;
-  content: string | JQuery;
-  severity: SeverityEnum;
-  buttons: Array<Button>;
-  style: string;
-  size: string;
-  additionalCssClasses: Array<string>;
-  callback: Function;
-  ajaxCallback: Function;
-  ajaxTarget: string;
-}
-
-/**
- * Module: @typo3/backend/modal
- * API for modal windows powered by Twitter Bootstrap.
- */
-class Modal {
-  public readonly sizes: any = Sizes;
-  public readonly styles: any = Styles;
-  public readonly types: any = Types;
-  public currentModal: JQuery = null;
-  private instances: Array<JQuery> = [];
-  private readonly $template: JQuery = $(`
-    <div class="t3js-modal modal fade">
-        <div class="modal-dialog">
-            <div class="t3js-modal-content modal-content">
-                <div class="modal-header">
-                    <h4 class="t3js-modal-title modal-title"></h4>
-                    <button class="t3js-modal-close close">
-                        <span aria-hidden="true">
-                            <span class="t3js-modal-icon-placeholder" data-icon="actions-close"></span>
-                        </span>
-                        <span class="sr-only"></span>
-                    </button>
-                </div>
-                <div class="t3js-modal-body modal-body"></div>
-                <div class="t3js-modal-footer modal-footer"></div>
-            </div>
-        </div>
-    </div>`
-  );
-
-  private defaultConfiguration: Configuration = {
-    type: Types.default,
-    title: 'Information',
-    content: 'No content provided, please check your <code>Modal</code> configuration.',
-    severity: SeverityEnum.notice,
-    buttons: [],
-    style: Styles.default,
-    size: Sizes.default,
-    additionalCssClasses: [],
-    callback: $.noop(),
-    ajaxCallback: $.noop(),
-    ajaxTarget: null,
-  };
-
-  private readonly securityUtility: SecurityUtility;
-
-  private static resolveEventNameTargetElement(evt: Event): HTMLElement | null {
-    const target = evt.target as HTMLElement;
-    const currentTarget = evt.currentTarget as HTMLElement;
-    if (target.dataset && target.dataset.eventName) {
-      return target;
-    } else if (currentTarget.dataset && currentTarget.dataset.eventName) {
-      return currentTarget;
-    }
-    return null;
-  }
-
-  private static createModalResponseEventFromElement(element: HTMLElement, result: boolean): ModalResponseEvent | null {
-    if (!element || !element.dataset.eventName) {
-      return null;
-    }
-    return new CustomEvent(
-      element.dataset.eventName, {
-        bubbles: true,
-        detail: { result, payload: element.dataset.eventPayload || null }
-      });
-  }
-
-  constructor(securityUtility: SecurityUtility) {
-    this.securityUtility = securityUtility;
-    $(document).on('modal-dismiss', this.dismiss);
-    this.initializeMarkupTrigger(document);
-  }
-
-  /**
-   * Close the current open modal
-   */
-  public dismiss(): void {
-    if (this.currentModal) {
-      this.currentModal.modal('hide');
-    }
-  }
-
-  /**
-   * Shows a confirmation dialog
-   * Events:
-   * - button.clicked
-   * - confirm.button.cancel
-   * - confirm.button.ok
-   *
-   * @param {string} title The title for the confirm modal
-   * @param {string | JQuery} content The content for the conform modal, e.g. the main question
-   * @param {SeverityEnum} severity Default SeverityEnum.warning
-   * @param {Array<Button>} buttons An array with buttons, default no buttons
-   * @param {Array<string>} additionalCssClasses Additional css classes to add to the modal
-   * @returns {JQuery}
-   */
-  public confirm(
-    title: string,
-    content: string | JQuery,
-    severity: SeverityEnum = SeverityEnum.warning,
-    buttons: Array<Object> = [],
-    additionalCssClasses?: Array<string>,
-  ): JQuery {
-    if (buttons.length === 0) {
-      buttons.push(
-        {
-          text: $(this).data('button-close-text') || TYPO3.lang['button.cancel'] || 'Cancel',
-          active: true,
-          btnClass: 'btn-default',
-          name: 'cancel',
-        },
-        {
-          text: $(this).data('button-ok-text') || TYPO3.lang['button.ok'] || 'OK',
-          btnClass: 'btn-' + Severity.getCssClass(severity),
-          name: 'ok',
-        },
-      );
-    }
-
-    return this.advanced({
-      title,
-      content,
-      severity,
-      buttons,
-      additionalCssClasses,
-      callback: (currentModal: JQuery): void => {
-        currentModal.on('button.clicked', (e: JQueryEventObject): void => {
-          if (e.target.getAttribute('name') === 'cancel') {
-            $(e.currentTarget).trigger('confirm.button.cancel');
-          } else if (e.target.getAttribute('name') === 'ok') {
-            $(e.currentTarget).trigger('confirm.button.ok');
-          }
-        });
-      },
-    });
-  }
-
-  /**
-   * Load URL with AJAX, append the content to the modal-body
-   * and trigger the callback
-   *
-   * @param {string} title
-   * @param {SeverityEnum} severity
-   * @param {Array<Button>} buttons
-   * @param {string} url
-   * @param {Function} callback
-   * @param {string} target
-   * @returns {JQuery}
-   */
-  public loadUrl(
-    title: string,
-    severity: SeverityEnum = SeverityEnum.info,
-    buttons: Array<Object>,
-    url: string,
-    callback?: Function,
-    target?: string,
-  ): JQuery {
-    return this.advanced({
-      type: Types.ajax,
-      title,
-      severity,
-      buttons,
-      ajaxCallback: callback,
-      ajaxTarget: target,
-      content: url,
-    });
-  }
-
-  /**
-   * Shows a dialog
-   *
-   * @param {string} title
-   * @param {string | JQuery} content
-   * @param {number} severity
-   * @param {Array<Object>} buttons
-   * @param {Array<string>} additionalCssClasses
-   * @returns {JQuery}
-   */
-  public show(
-    title: string,
-    content: string | JQuery,
-    severity: SeverityEnum = SeverityEnum.info,
-    buttons?: Array<Object>,
-    additionalCssClasses?: Array<string>,
-  ): JQuery {
-    return this.advanced({
-      type: Types.default,
-      title,
-      content,
-      severity,
-      buttons,
-      additionalCssClasses,
-    });
-  }
-
-  /**
-   * Loads modal by configuration
-   *
-   * @param {object} configuration configuration for the modal
-   */
-  public advanced(configuration: { [key: string]: any }): JQuery {
-    // Validation of configuration
-    configuration.type = typeof configuration.type === 'string' && configuration.type in Types
-      ? configuration.type
-      : this.defaultConfiguration.type;
-    configuration.title = typeof configuration.title === 'string'
-      ? configuration.title
-      : this.defaultConfiguration.title;
-    configuration.content = typeof configuration.content === 'string' || typeof configuration.content === 'object'
-      ? configuration.content
-      : this.defaultConfiguration.content;
-    configuration.severity = typeof configuration.severity !== 'undefined'
-      ? configuration.severity
-      : this.defaultConfiguration.severity;
-    configuration.buttons = <Array<Button>>configuration.buttons || this.defaultConfiguration.buttons;
-    configuration.size = typeof configuration.size === 'string' && configuration.size in Sizes
-      ? configuration.size
-      : this.defaultConfiguration.size;
-    configuration.style = typeof configuration.style === 'string' && configuration.style in Styles
-      ? configuration.style
-      : this.defaultConfiguration.style;
-    configuration.additionalCssClasses = configuration.additionalCssClasses || this.defaultConfiguration.additionalCssClasses;
-    configuration.callback = typeof configuration.callback === 'function' ? configuration.callback : this.defaultConfiguration.callback;
-    configuration.ajaxCallback = typeof configuration.ajaxCallback === 'function'
-      ? configuration.ajaxCallback
-      : this.defaultConfiguration.ajaxCallback;
-    configuration.ajaxTarget = typeof configuration.ajaxTarget === 'string'
-      ? configuration.ajaxTarget
-      : this.defaultConfiguration.ajaxTarget;
-
-    return this.generate(<Configuration>configuration);
-  }
-
-  /**
-   * Sets action buttons for the modal window or removed the footer, if no buttons are given.
-   *
-   * @param {Array<Button>} buttons
-   */
-  public setButtons(buttons: Array<Button>): JQuery {
-    const modalFooter = this.currentModal.find(Identifiers.footer);
-    if (buttons.length > 0) {
-      modalFooter.empty();
-
-      for (let i = 0; i < buttons.length; i++) {
-        const button = buttons[i];
-        const $button = $('<button />', {'class': 'btn'});
-        $button.html('<span>' + this.securityUtility.encodeHtml(button.text, false) + '</span>');
-        if (button.active) {
-          $button.addClass('t3js-active');
-        }
-        if (button.btnClass !== '') {
-          $button.addClass(button.btnClass);
-        }
-        if (button.name !== '') {
-          $button.attr('name', button.name);
-        }
-        if (button.action) {
-          $button.on('click', (): void => {
-            modalFooter.find('button').not($button).addClass('disabled');
-            button.action.execute($button.get(0)).then((): void => {
-              this.currentModal.modal('hide');
-            });
-          });
-        } else if (button.trigger) {
-          $button.on('click', button.trigger);
-        }
-        if (button.dataAttributes) {
-          if (Object.keys(button.dataAttributes).length > 0) {
-            Object.keys(button.dataAttributes).map((value: string): any => {
-              $button.attr('data-' + value, button.dataAttributes[value]);
-            });
-          }
-        }
-        if (button.icon) {
-          $button.prepend('<span class="t3js-modal-icon-placeholder" data-icon="' + button.icon + '"></span>');
-        }
-        modalFooter.append($button);
-      }
-      modalFooter.show();
-      modalFooter.find('button')
-        .on('click', (e: JQueryEventObject): void => {
-          $(e.currentTarget).trigger('button.clicked');
-        });
-    } else {
-      modalFooter.hide();
-    }
-
-    return this.currentModal;
-  }
-
-  /**
-   * Initialize markup with data attributes
-   *
-   * @param {HTMLDocument} theDocument
-   */
-  private initializeMarkupTrigger(theDocument: HTMLDocument): void {
-    $(theDocument).on('click', '.t3js-modal-trigger', (evt: JQueryEventObject): void => {
-      evt.preventDefault();
-      const $element = $(evt.currentTarget);
-      const content = $element.data('bs-content') || 'Are you sure?';
-      const severity = typeof SeverityEnum[$element.data('severity')] !== 'undefined'
-        ? SeverityEnum[$element.data('severity')]
-        : SeverityEnum.info;
-      let url = $element.data('url') || null;
-      if (url !== null) {
-        const separator = url.includes('?') ? '&' : '?';
-        const params = $.param({data: $element.data()});
-        url = url + separator + params;
-      }
-      this.advanced({
-        type: url !== null ? Types.ajax : Types.default,
-        title: $element.data('title') || 'Alert',
-        content: url !== null ? url : content,
-        severity,
-        buttons: [
-          {
-            text: $element.data('button-close-text') || TYPO3.lang['button.close'] || 'Close',
-            active: true,
-            btnClass: 'btn-default',
-            trigger: (): void => {
-              this.currentModal.trigger('modal-dismiss');
-              const eventNameTarget = Modal.resolveEventNameTargetElement(evt);
-              const event = Modal.createModalResponseEventFromElement(eventNameTarget, false);
-              if (event !== null) {
-                // dispatch event at the element having `data-event-name` declared
-                eventNameTarget.dispatchEvent(event);
-              }
-            },
-          },
-          {
-            text: $element.data('button-ok-text') || TYPO3.lang['button.ok'] || 'OK',
-            btnClass: 'btn-' + Severity.getCssClass(severity),
-            trigger: (): void => {
-              this.currentModal.trigger('modal-dismiss');
-              const eventNameTarget = Modal.resolveEventNameTargetElement(evt);
-              const event = Modal.createModalResponseEventFromElement(eventNameTarget, true);
-              if (event !== null) {
-                // dispatch event at the element having `data-event-name` declared
-                eventNameTarget.dispatchEvent(event);
-              }
-              let targetLocation = $element.attr('data-uri') || $element.data('href') || $element.attr('href');
-              if (targetLocation && targetLocation !== '#') {
-                evt.target.ownerDocument.location.href = targetLocation;
-              }
-              if (evt.currentTarget.getAttribute('type') === 'submit') {
-                // Submit a possible form in case the trigger has type=submit and is child of a form
-                (evt.currentTarget.closest('form') as HTMLFormElement)?.submit();
-                if (evt.currentTarget.tagName === 'BUTTON' && evt.currentTarget.hasAttribute('form')) {
-                  // Submit a possible form in case the trigger is a BUTTON, having a
-                  // form attribute set to a valid form identifier in the ownerDocument.
-                  (evt.target.ownerDocument.querySelector('form#' + evt.currentTarget.getAttribute('form')) as HTMLFormElement)?.submit();
-                }
-              }
-              if (evt.currentTarget.hasAttribute('data-target-form')) {
-                // Submit a possible form in case the trigger has the data-target-form
-                // attribute set to a valid form identifier in the ownerDocument.
-                (evt.target.ownerDocument.querySelector('form#' + evt.currentTarget.getAttribute('data-target-form')) as HTMLFormElement)?.submit();
-              }
-            },
-          },
-        ],
-      });
-    });
-  }
-
-  /**
-   * @param {Configuration} configuration
-   */
-  private generate(configuration: Configuration): JQuery {
-    const currentModal = this.$template.clone();
-    if (configuration.additionalCssClasses.length > 0) {
-      for (let additionalClass of configuration.additionalCssClasses) {
-        currentModal.addClass(additionalClass);
-      }
-    }
-    currentModal.addClass('modal-type-' + configuration.type);
-    currentModal.addClass('modal-severity-' + Severity.getCssClass(configuration.severity));
-    currentModal.addClass('modal-style-' + configuration.style);
-    currentModal.addClass('modal-size-' + configuration.size);
-    currentModal.attr('tabindex', '-1');
-    currentModal.find(Identifiers.title).text(configuration.title);
-    currentModal.find(Identifiers.close).on('click', (): void => {
-      currentModal.modal('hide');
-    });
-
-    if (configuration.type === 'ajax') {
-      const contentTarget = configuration.ajaxTarget ? configuration.ajaxTarget : Identifiers.body;
-      const $loaderTarget = currentModal.find(contentTarget);
-      Icons.getIcon('spinner-circle', Icons.sizes.default, null, null, Icons.markupIdentifiers.inline).then((icon: string): void => {
-        $loaderTarget.html('<div class="modal-loading">' + icon + '</div>');
-        new AjaxRequest(configuration.content as string).get().finally(async (): Promise<void> => {
-          if (!this.currentModal.parent().length) {
-            // attach modal to DOM, otherwise embedded scripts are not executed by jquery append()
-            this.currentModal.appendTo('body');
-          }
-        }).then(async (response: AjaxResponse): Promise<void> => {
-          const htmlResponse = await response.raw().text();
-          this.currentModal.find(contentTarget)
-            .empty()
-            .append(htmlResponse);
-
-          if (configuration.ajaxCallback) {
-            configuration.ajaxCallback();
-          }
-          this.currentModal.trigger('modal-loaded');
-        }).catch(async (response: AjaxResponse): Promise<void> => {
-          const htmlResponse = await response.raw().text();
-          const $contentTarget = this.currentModal.find(contentTarget).empty();
-          if (htmlResponse) {
-            $contentTarget.append(htmlResponse);
-          } else {
-            render(
-              html`<p><strong>Oops, received a ${response.response.status} response from </strong> <span class="text-break">${configuration.content as string}</span>.</p>`,
-              $contentTarget[0]
-            );
-          }
-        });
-      });
-    } else if (configuration.type === 'iframe') {
-      currentModal.find(Identifiers.body).append(
-        $('<iframe />', {
-          src: configuration.content,
-          'name': 'modal_frame',
-          'class': 'modal-iframe t3js-modal-iframe',
-        }),
-      );
-      currentModal.find(Identifiers.iframe).on('load', (): void => {
-        currentModal.find(Identifiers.title).text(
-          (<HTMLIFrameElement>currentModal.find(Identifiers.iframe).get(0)).contentDocument.title,
-        );
-      });
-    } else {
-      if (typeof configuration.content === 'string') {
-        configuration.content = $('<p />').html(
-          this.securityUtility.encodeHtml(configuration.content),
-        );
-      }
-      currentModal.find(Identifiers.body).append(configuration.content);
-    }
-
-    currentModal.on('shown.bs.modal', (e: JQueryEventObject): void => {
-      const $me = $(e.currentTarget);
-      const $backdrop = $me.prev('.modal-backdrop');
-
-      // We use 1000 as the overall base to circumvent a stuttering UI as Bootstrap uses a z-index of 1040 for backdrops
-      // on initial rendering - this will clash again when at least four modals are open, which is fine and should never happen
-      const baseZIndex = 1000 + (10 * this.instances.length);
-      const backdropZIndex = baseZIndex - 10;
-      $me.css('z-index', baseZIndex);
-      $backdrop.css('z-index', backdropZIndex);
-
-      // focus the button which was configured as active button
-      $me.find(Identifiers.footer).find('.t3js-active').first().focus();
-      // Get Icons
-      $me.find(Identifiers.iconPlaceholder).each((index: number, elem: Element): void => {
-        Icons.getIcon($(elem).data('icon'), Icons.sizes.small, null, null, Icons.markupIdentifiers.inline).then((icon: string): void => {
-          this.currentModal.find(Identifiers.iconPlaceholder + '[data-icon=' + $(icon).data('identifier') + ']').replaceWith(icon);
-        });
-      });
-    });
-
-    // Remove modal from Modal.instances when hidden
-    currentModal.on('hide.bs.modal', (): void => {
-      if (this.instances.length > 0) {
-        const lastIndex = this.instances.length - 1;
-        this.instances.splice(lastIndex, 1);
-        this.currentModal = this.instances[lastIndex - 1];
-      }
-    });
-
-    currentModal.on('hidden.bs.modal', (e: JQueryEventObject): void => {
-      currentModal.trigger('modal-destroyed');
-      $(e.currentTarget).remove();
-      // Keep class modal-open on body tag as long as open modals exist
-      if (this.instances.length > 0) {
-        $('body').addClass('modal-open');
-      }
-    });
-
-    // When modal is opened/shown add it to Modal.instances and make it Modal.currentModal
-    currentModal.on('show.bs.modal', (e: JQueryEventObject): void => {
-      this.currentModal = $(e.currentTarget);
-      // Add buttons
-      this.setButtons(configuration.buttons);
-      this.instances.push(this.currentModal);
-    });
-    currentModal.on('modal-dismiss', (e: JQueryEventObject): void => {
-      // Hide modal, the bs.modal events will clean up Modal.instances
-      $(e.currentTarget).modal('hide');
-    });
-
-    if (configuration.callback) {
-      configuration.callback(currentModal);
-    }
-
-    currentModal.modal('show');
-    return currentModal;
-  }
-}
-
-let modalObject: Modal = null;
-try {
-  if (parent && parent.window.TYPO3 && parent.window.TYPO3.Modal) {
-    // fetch from parent
-    // we need to trigger the event capturing again, in order to make sure this works inside iframes
-    parent.window.TYPO3.Modal.initializeMarkupTrigger(document);
-    modalObject = parent.window.TYPO3.Modal;
-  } else if (top && top.TYPO3.Modal) {
-    // fetch object from outer frame
-    // we need to trigger the event capturing again, in order to make sure this works inside iframes
-    top.TYPO3.Modal.initializeMarkupTrigger(document);
-    modalObject = top.TYPO3.Modal;
-  }
-} catch {
-  // This only happens if the opener, parent or top is some other url (eg a local file)
-  // which loaded the current window. Then the browser's cross domain policy jumps in
-  // and raises an exception.
-  // For this case we are safe and we can create our global object below.
-}
-
-if (!modalObject) {
-  modalObject = new Modal(new SecurityUtility());
-
-  // expose as global object
-  TYPO3.Modal = modalObject;
-}
-
-export default modalObject;
diff --git a/typo3_src/TypeScript/backend/module-menu.ts b/typo3_src/TypeScript/backend/module-menu.ts
deleted file mode 100644
index 0680666..0000000
--- a/typo3_src/TypeScript/backend/module-menu.ts
+++ /dev/null
@@ -1,502 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {AjaxResponse} from '@typo3/core/ajax/ajax-response';
-import {ScaffoldIdentifierEnum} from './enum/viewport/scaffold-identifier';
-import {getRecordFromName, Module, ModuleState} from './module';
-import $ from 'jquery';
-import PersistentStorage from './storage/persistent';
-import Viewport from './viewport';
-import ClientRequest from './event/client-request';
-import TriggerRequest from './event/trigger-request';
-import InteractionRequest from './event/interaction-request';
-import AjaxRequest from '@typo3/core/ajax/ajax-request';
-import RegularEvent from '@typo3/core/event/regular-event';
-import {ModuleStateStorage} from './storage/module-state-storage';
-
-/**
- * Class to render the module menu and handle the BE navigation
- * Module: @typo3/backend/module-menu
- */
-class ModuleMenu {
-  private loadedModule: string = null;
-  private spaceKeyPressedOnCollapsible: boolean = false;
-
-  /**
-   * Fetches all module menu elements in the local storage that should be collapsed
-   *
-   * @returns {Object}
-   */
-  private static getCollapsedMainMenuItems(): { [key: string]: boolean } {
-    if (PersistentStorage.isset('modulemenu')) {
-      return JSON.parse(PersistentStorage.get('modulemenu'));
-    } else {
-      return {};
-    }
-  }
-
-  /**
-   * Adds a module menu item to the local storage
-   *
-   * @param {string} item
-   */
-  private static addCollapsedMainMenuItem(item: string): void {
-    const existingItems = ModuleMenu.getCollapsedMainMenuItems();
-    existingItems[item] = true;
-    PersistentStorage.set('modulemenu', JSON.stringify(existingItems));
-  }
-
-  /**
-   * Removes a module menu item from the local storage
-   *
-   * @param {string} item
-   */
-  private static removeCollapseMainMenuItem(item: string): void {
-    const existingItems = this.getCollapsedMainMenuItems();
-    delete existingItems[item];
-    PersistentStorage.set('modulemenu', JSON.stringify(existingItems));
-  }
-
-  /**
-   * Prepends previously saved record id to the url params
-   *
-   * @param {Object} moduleData
-   * @param {string} params query string parameters for module url
-   * @return {string}
-   */
-  private static includeId(moduleData: Module, params: string): string {
-    if (!moduleData.navigationComponentId) {
-      return params;
-    }
-    // get id
-    let section = '';
-    if (moduleData.navigationComponentId === '@typo3/backend/page-tree/page-tree-element') {
-      section = 'web';
-    } else {
-      section = moduleData.name.split('_')[0];
-    }
-    const moduleStateStorage = ModuleStateStorage.current(section);
-    if (moduleStateStorage.selection) {
-      params = 'id=' + moduleStateStorage.selection + '&' + params;
-    }
-    return params;
-  }
-
-  /**
-   * @param {boolean} collapse
-   */
-  private static toggleMenu(collapse?: boolean): void {
-    const $mainContainer = $(ScaffoldIdentifierEnum.scaffold);
-    const expandedClass = 'scaffold-modulemenu-expanded';
-
-    if (typeof collapse === 'undefined') {
-      collapse = $mainContainer.hasClass(expandedClass);
-    }
-    $mainContainer.toggleClass(expandedClass, !collapse);
-    if (!collapse) {
-      $('.scaffold')
-        .removeClass('scaffold-search-expanded')
-        .removeClass('scaffold-toolbar-expanded');
-    }
-
-    // Persist collapsed state in the UC of the current user
-    PersistentStorage.set(
-      'BackendComponents.States.typo3-module-menu',
-      {
-        collapsed: collapse,
-      },
-    );
-  }
-
-  /**
-   * @param {HTMLButtonElement} button
-   */
-  private static toggleModuleGroup(button: HTMLElement): void {
-    const moduleGroup = button.closest('.modulemenu-group');
-    const moduleGroupContainer = moduleGroup.querySelector('.modulemenu-group-container');
-    const ariaExpanded = button.attributes.getNamedItem('aria-expanded').value === 'true';
-
-    if (ariaExpanded) {
-      ModuleMenu.addCollapsedMainMenuItem(button.id);
-    } else {
-      ModuleMenu.removeCollapseMainMenuItem(button.id);
-    }
-
-    moduleGroup.classList.toggle('modulemenu-group-collapsed', ariaExpanded);
-    moduleGroup.classList.toggle('modulemenu-group-expanded', !ariaExpanded);
-
-    button.attributes.getNamedItem('aria-expanded').value = (!ariaExpanded).toString();
-
-    $(moduleGroupContainer).stop().slideToggle();
-  }
-
-  /**
-   * @param {string} module
-   */
-  private static highlightModuleMenuItem(module: string): void {
-    $('.modulemenu-action.modulemenu-action-active')
-      .removeClass('modulemenu-action-active')
-      .removeAttr('aria-current');
-    $('#' + module)
-      .addClass('modulemenu-action-active')
-      .attr('aria-current', 'location');
-  }
-
-  private static getPreviousItem(item: HTMLButtonElement): HTMLButtonElement {
-    let previousParent = item.parentElement.previousElementSibling; // previous <li>
-    if (previousParent === null) {
-      return ModuleMenu.getLastItem(item);
-    }
-    return previousParent.firstElementChild as HTMLButtonElement; // the <button>
-  }
-
-  private static getNextItem(item: HTMLButtonElement): HTMLButtonElement {
-    let nextParent = item.parentElement.nextElementSibling; // next <li>
-    if (nextParent === null) {
-      return ModuleMenu.getFirstItem(item);
-    }
-    return nextParent.firstElementChild as HTMLButtonElement; // the <button>
-  }
-
-  private static getFirstItem(item: HTMLButtonElement): HTMLButtonElement {
-    // from <button> up to <ul> and down to <button> of first <li>
-    return item.parentElement.parentElement.firstElementChild.firstElementChild as HTMLButtonElement;
-  }
-
-  private static getLastItem(item: HTMLButtonElement): HTMLButtonElement {
-    // from <button> up to <ul> and down to <button> of first <li>
-    return item.parentElement.parentElement.lastElementChild.firstElementChild as HTMLButtonElement;
-  }
-
-  private static getParentItem(item: HTMLButtonElement): HTMLButtonElement {
-    // from <button> up to <ul> and the <li> above and down down its <button>
-    return item.parentElement.parentElement.parentElement.firstElementChild as HTMLButtonElement;
-  }
-
-  private static getFirstChildItem(item: HTMLButtonElement): HTMLButtonElement {
-    // the first <li> of the <ul> following the <button>, then down down its <button>
-    return item.nextElementSibling.firstElementChild.firstElementChild as HTMLButtonElement;
-  }
-
-  private static getLastChildItem(item: HTMLButtonElement): HTMLButtonElement {
-    // the first <li> of the <ul> following the <button>, then down down its <button>
-    return item.nextElementSibling.lastElementChild.firstElementChild as HTMLButtonElement;
-  }
-
-  constructor() {
-    $((): void => this.initialize());
-  }
-
-  /**
-   * Refresh the HTML by fetching the menu again
-   */
-  public refreshMenu(): void {
-    new AjaxRequest(TYPO3.settings.ajaxUrls.modulemenu).get().then(async (response: AjaxResponse): Promise<void> => {
-      const result = await response.resolve();
-      document.getElementById('modulemenu').outerHTML = result.menu;
-      this.initializeModuleMenuEvents();
-      if (this.loadedModule) {
-        ModuleMenu.highlightModuleMenuItem(this.loadedModule);
-      }
-    });
-  }
-
-  public getCurrentModule(): string|null {
-    return this.loadedModule;
-  }
-
-  /**
-   * Reloads the frames
-   *
-   * Hint: This method can't be static (yet), as this must be bound to the ModuleMenu instance.
-   */
-  public reloadFrames(): void {
-    Viewport.ContentContainer.refresh();
-  }
-
-  /**
-   * Event handler called after clicking on the module menu item
-   *
-   * @param {string} name
-   * @param {string} params
-   * @param {Event} event
-   * @returns {JQueryDeferred<TriggerRequest>}
-   */
-  public showModule(name: string, params?: string, event: Event = null): JQueryDeferred<TriggerRequest> {
-    params = params || '';
-    const moduleData = getRecordFromName(name);
-    return this.loadModuleComponents(
-      moduleData,
-      params,
-      new ClientRequest('typo3.showModule', event),
-    );
-  }
-
-  private initialize(): void {
-    if (document.querySelector('.t3js-modulemenu') === null) {
-      return;
-    }
-
-    let deferred = $.Deferred();
-    deferred.resolve();
-
-    deferred.then((): void => {
-      this.initializeModuleMenuEvents();
-      Viewport.Topbar.Toolbar.registerEvent(() => {
-        // Only initialize top bar events when top bar exists.
-        // E.g. install tool has no top bar
-        if(document.querySelector('.t3js-scaffold-toolbar')) {
-          this.initializeTopBarEvents()
-        }
-      });
-    });
-  }
-
-  /**
-   * Implement the complete keyboard navigation of the menus
-   */
-  private keyboardNavigation(e: KeyboardEvent, target: HTMLButtonElement, trackSpaceKey: boolean = false): void {
-    const level = target.parentElement.attributes.getNamedItem('data-level').value;
-    let item = null;
-    if (trackSpaceKey) {
-      this.spaceKeyPressedOnCollapsible = false; // only for tracking t3js-modulemenu!!!
-    }
-
-    switch (e.code) {
-      case 'ArrowUp':
-        item = ModuleMenu.getPreviousItem(target);
-        break;
-      case 'ArrowDown':
-        item = ModuleMenu.getNextItem(target);
-        break;
-      case 'ArrowLeft':
-        if (level === '1' && target.classList.contains('t3js-modulemenu-collapsible')) {
-          if (target.attributes.getNamedItem('aria-expanded').value === 'false') {
-            ModuleMenu.toggleModuleGroup(target);
-          }
-          item = ModuleMenu.getLastChildItem(target);
-        } else if (level === '2') {
-          item = ModuleMenu.getPreviousItem(ModuleMenu.getParentItem(target));
-        }
-        break;
-      case 'ArrowRight':
-        if (level === '1' && target.classList.contains('t3js-modulemenu-collapsible')) {
-          if (target.attributes.getNamedItem('aria-expanded').value === 'false') {
-            ModuleMenu.toggleModuleGroup(target);
-          }
-          item = ModuleMenu.getFirstChildItem(target);
-        } else if (level === '2') {
-          item = ModuleMenu.getNextItem(ModuleMenu.getParentItem(target));
-        }
-        break;
-      case 'Home':
-        if (e.ctrlKey && level === '2') {
-          item = ModuleMenu.getFirstItem(ModuleMenu.getParentItem(target));
-        } else {
-          item = ModuleMenu.getFirstItem(target);
-        }
-        break;
-      case 'End':
-        if (e.ctrlKey && level === '2') {
-          item = ModuleMenu.getLastItem(ModuleMenu.getParentItem(target));
-        } else {
-          item = ModuleMenu.getLastItem(target);
-        }
-        break;
-      case 'Space':
-      case 'Enter':
-        if (level === '1' && target.classList.contains('t3js-modulemenu-collapsible')) {
-          if (e.code === 'Enter') {
-            e.preventDefault(); // we do not want the click handler to run, need to prevent default immediately
-          }
-          ModuleMenu.toggleModuleGroup(target);
-          if (target.attributes.getNamedItem('aria-expanded').value === 'true') {
-            item = ModuleMenu.getFirstChildItem(target);
-            if (e.code === 'Space') {
-              this.spaceKeyPressedOnCollapsible = true; // focus shifts, so keyup will be sent to submodule
-            }
-          }
-        }
-        break;
-      case 'Esc':
-      case 'Escape':
-        if (level === '2') {
-          item = ModuleMenu.getParentItem(target);
-          ModuleMenu.toggleModuleGroup(item);
-        }
-        break;
-      default:
-        item = null;
-    }
-    if (item !== null) {
-      if (!e.defaultPrevented) {
-        e.preventDefault();
-      }
-      item.focus();
-    }
-  }
-
-  private initializeModuleMenuEvents(): void {
-    const moduleMenu = document.querySelector('.t3js-modulemenu');
-
-    const preventSpace = function(this: ModuleMenu, e: KeyboardEvent): void {
-      if (e.code === 'Space') {
-        if (this.spaceKeyPressedOnCollapsible) { // keydown has been sent to module
-          e.preventDefault(); // we do not want the click handler to run
-          this.spaceKeyPressedOnCollapsible = false;
-        }
-      }
-    }.bind(this);
-
-    new RegularEvent('keydown', this.keyboardNavigation).delegateTo(moduleMenu, '.t3js-modulemenu-action');
-
-    moduleMenu.querySelectorAll('[data-level="2"] a.t3js-modulemenu-action[href]').forEach( (item: Element): void => {
-      item.addEventListener('keyup', preventSpace);
-    });
-
-    new RegularEvent('keyup', (e: KeyboardEvent, target: HTMLButtonElement): void => {
-      if (e.code === 'Space') {
-        e.preventDefault(); // we do not want the click handler to run
-      }
-    }).delegateTo(moduleMenu, '.t3js-modulemenu-collapsible');
-
-    new RegularEvent('click', (e: Event, target: HTMLElement): void => {
-      e.preventDefault();
-      this.showModule(target.id, '', e);
-    }).delegateTo(moduleMenu, 'a.t3js-modulemenu-action[href]');
-
-
-    new RegularEvent('click', (e: Event, target: HTMLElement): void => {
-      e.preventDefault();
-      ModuleMenu.toggleModuleGroup(target);
-    }).delegateTo(moduleMenu, '.t3js-modulemenu-collapsible');
-  }
-
-  /**
-   * Initialize events for label toggle and help menu
-   */
-  private initializeTopBarEvents(): void {
-    const toolbar = document.querySelector('.t3js-scaffold-toolbar');
-
-    new RegularEvent('keydown', (e: KeyboardEvent, target: HTMLButtonElement) => {
-      this.keyboardNavigation(e, target);
-    }).delegateTo(toolbar, '.t3js-modulemenu-action');
-
-    new RegularEvent('click', (e: Event, target: HTMLElement): void => {
-      e.preventDefault();
-      this.showModule(target.id, '', e);
-    }).delegateTo(toolbar, 'a.t3js-modulemenu-action[href]');
-
-    new RegularEvent('click', (e: Event): void => {
-      e.preventDefault();
-      ModuleMenu.toggleMenu();
-    }).bindTo(document.querySelector('.t3js-topbar-button-modulemenu'));
-
-    new RegularEvent('click', (e: Event): void => {
-      e.preventDefault();
-      ModuleMenu.toggleMenu(true);
-    }).bindTo(document.querySelector('.t3js-scaffold-content-overlay'));
-
-    const moduleLoadListener = (evt: CustomEvent<ModuleState>) => {
-      const moduleName = evt.detail.module;
-      if (!moduleName || this.loadedModule === moduleName) {
-        return;
-      }
-      const moduleData = getRecordFromName(moduleName);
-      if (!moduleData.link) {
-        return;
-      }
-
-      ModuleMenu.highlightModuleMenuItem(moduleName);
-      $('#' + moduleName).focus();
-      this.loadedModule = moduleName;
-
-      // Synchronise navigation container if module is a standalone module (linked via ModuleMenu).
-      // Do not hide navigation for intermediate modules like record_edit, which may be used
-      // with our without a navigation component, depending on the context.
-      if (moduleData.navigationComponentId) {
-        Viewport.NavigationContainer.showComponent(moduleData.navigationComponentId);
-      } else {
-        Viewport.NavigationContainer.hide(false);
-      }
-    };
-    document.addEventListener('typo3-module-load', moduleLoadListener);
-    document.addEventListener('typo3-module-loaded', moduleLoadListener);
-  }
-
-  /**
-   * Shows requested module (e.g. list/page)
-   *
-   * @param {Object} moduleData
-   * @param {string} params
-   * @param {InteractionRequest} [interactionRequest]
-   * @return {jQuery.Deferred}
-   */
-  private loadModuleComponents(
-    moduleData: Module,
-    params: string,
-    interactionRequest: InteractionRequest,
-  ): JQueryDeferred<TriggerRequest> {
-    const moduleName = moduleData.name;
-
-    // Allow other components e.g. Formengine to cancel switching between modules
-    // (e.g. you have unsaved changes in the form)
-    const deferred = Viewport.ContentContainer.beforeSetUrl(interactionRequest);
-    deferred.then((): void => {
-      if (moduleData.navigationComponentId) {
-        Viewport.NavigationContainer.showComponent(moduleData.navigationComponentId);
-      } else {
-        Viewport.NavigationContainer.hide(true);
-      }
-
-      ModuleMenu.highlightModuleMenuItem(moduleName);
-      this.loadedModule = moduleName;
-      params = ModuleMenu.includeId(moduleData, params);
-      this.openInContentContainer(
-        moduleName,
-        moduleData.link,
-        params,
-        new TriggerRequest(
-          'typo3.loadModuleComponents',
-          interactionRequest,
-        ),
-      );
-    });
-    return deferred;
-  }
-
-  /**
-   * @param {string} module
-   * @param {string} url
-   * @param {string} params
-   * @param {InteractionRequest} interactionRequest
-   * @returns {JQueryDeferred<TriggerRequest>}
-   */
-  private openInContentContainer(module: string, url: string, params: string, interactionRequest: InteractionRequest):  JQueryDeferred<TriggerRequest> {
-    const urlToLoad = url + (params ? (url.includes('?') ? '&' : '?') + params : '');
-    return Viewport.ContentContainer.setUrl(
-      urlToLoad,
-      new TriggerRequest('typo3.openInContentFrame', interactionRequest),
-      module
-    );
-  }
-}
-
-if (!top.TYPO3.ModuleMenu) {
-  top.TYPO3.ModuleMenu = {
-    App: new ModuleMenu(),
-  };
-}
-const moduleMenuApp = top.TYPO3.ModuleMenu;
-
-export default moduleMenuApp;
diff --git a/typo3_src/TypeScript/backend/module.ts b/typo3_src/TypeScript/backend/module.ts
deleted file mode 100644
index e1419f6..0000000
--- a/typo3_src/TypeScript/backend/module.ts
+++ /dev/null
@@ -1,84 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/**
- * Module: @typo3/backend/module
- */
-
-export interface ModuleState {
-  url: string;
-  title?: string|null;
-  module?: string;
-}
-
-/**
- * @internal
- */
-export interface Module {
-  name: string;
-  component: string;
-  navigationComponentId: string;
-  link: string;
-}
-
-/**
- * Gets the module properties from module information data attribute
- *
- * @param {string} name
- * @returns {Module}
- * @internal
- */
-export function getRecordFromName(name: string): Module {
-  const parsedRecord = getParsedRecordFromName(name);
-  if (parsedRecord === null) {
-    return {
-      name: name,
-      component: '',
-      navigationComponentId: '',
-      link: ''
-    };
-  }
-  return {
-    name: name,
-    component: parsedRecord.component || '',
-    navigationComponentId: parsedRecord.navigationComponentId || '',
-    link: parsedRecord.link || '',
-  };
-}
-
-interface ParsedInformation {
-  [index: string]: Partial<Module>;
-}
-
-/**
- * Runtime cache of json serialized module information
- */
-let parsedInformation: ParsedInformation = null;
-
-function getParsedRecordFromName(name: string): Partial<Module>|null {
-  if (parsedInformation === null) {
-    const modulesInformation: string = String((document.querySelector('.t3js-scaffold-modulemenu') as HTMLElement)?.dataset.modulesInformation || '');
-    if (modulesInformation !== '') {
-      try {
-        parsedInformation = JSON.parse(modulesInformation);
-      } catch (e) {
-        console.error('Invalid modules information provided.');
-        parsedInformation = null;
-      }
-    }
-  }
-  if (parsedInformation !== null && name in parsedInformation) {
-    return parsedInformation[name];
-  }
-  return null;
-}
diff --git a/typo3_src/TypeScript/backend/module/iframe.ts b/typo3_src/TypeScript/backend/module/iframe.ts
deleted file mode 100644
index c50cf9c..0000000
--- a/typo3_src/TypeScript/backend/module/iframe.ts
+++ /dev/null
@@ -1,120 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {html, css, LitElement, TemplateResult} from 'lit';
-import {customElement, property, query} from 'lit/decorators';
-import {ModuleState} from '../module';
-import {lll} from '@typo3/core/lit-helper';
-
-/**
- * Module: @typo3/backend/module/iframe
- */
-export const componentName = 'typo3-iframe-module';
-
-@customElement(componentName)
-export class IframeModuleElement extends LitElement {
-
-  @property({type: String}) endpoint: string = '';
-
-  @query('iframe', true) iframe: HTMLIFrameElement;
-
-  public createRenderRoot(): HTMLElement | ShadowRoot {
-    // Disable shadow root as <iframe> needs to be accessible
-    // via top.list_frame for legacy-code and backwards compatibility.
-    return this;
-  }
-
-  public render(): TemplateResult {
-    if (!this.endpoint) {
-      return html``;
-    }
-
-    return html`
-      <iframe
-        src="${this.endpoint}"
-        name="list_frame"
-        id="typo3-contentIframe"
-        class="scaffold-content-module-iframe t3js-scaffold-content-module-iframe"
-        title="${lll('iframe.listFrame')}"
-        scrolling="no"
-        @load="${this._loaded}"
-      ></iframe>
-    `;
-  }
-
-  public attributeChangedCallback(name: string, old: string, value: string) {
-    super.attributeChangedCallback(name, old, value);
-
-    if (name === 'endpoint' && value === old) {
-      // Trigger explicit reload if value has been reset to current value,
-      // lit doesn't re-set the attribute in this case.
-      this.iframe.setAttribute('src', value);
-    }
-  }
-
-  public connectedCallback(): void {
-    super.connectedCallback();
-    if (this.endpoint) {
-      this.dispatch('typo3-iframe-load', { url: this.endpoint, title: null });
-    }
-  }
-
-  private registerUnloadHandler(iframe: HTMLIFrameElement): void {
-    try {
-      iframe.contentWindow.addEventListener('unload', (e: Event) => this._unload(e, iframe), { once: true});
-    } catch (e) {
-      console.error('Failed to access contentWindow of module iframe – using a foreign origin?');
-      throw e;
-    }
-  }
-
-  private retrieveModuleStateFromIFrame(iframe: HTMLIFrameElement): ModuleState {
-    try {
-      return {
-        url: iframe.contentWindow.location.href,
-        title: iframe.contentDocument.title,
-        module: iframe.contentDocument.body.querySelector('.module[data-module-name]')?.getAttribute('data-module-name')
-      };
-    } catch (e) {
-      console.error('Failed to access contentWindow of module iframe – using a foreign origin?');
-      return { url: this.endpoint, title: null };
-    }
-  }
-
-  private _loaded({target}: Event) {
-    const iframe = <HTMLIFrameElement> target;
-
-    // The event handler for the "unload" event needs to be attached
-    // after every iframe load (for the current iframes's contentWindow).
-    this.registerUnloadHandler(iframe);
-
-    const state = this.retrieveModuleStateFromIFrame(iframe);
-    this.dispatch('typo3-iframe-loaded', state);
-  }
-
-  private _unload(e: Event, iframe: HTMLIFrameElement) {
-    // Asynchronous execution needed because the URL changes immediately after
-    // the `unload` event is dispatched, but has not been changed right now.
-    new Promise((resolve) => window.setTimeout(resolve, 0)).then(() => {
-      if (iframe.contentWindow !== null) {
-        this.dispatch('typo3-iframe-load', { url: iframe.contentWindow.location.href, title: null });
-      }
-    });
-  }
-
-  private dispatch(type: 'typo3-iframe-load' | 'typo3-iframe-loaded', state: ModuleState) {
-    this.dispatchEvent(
-      new CustomEvent<ModuleState>(type, { detail: state, bubbles: true, composed: true })
-    );
-  }
-}
diff --git a/typo3_src/TypeScript/backend/module/router.ts b/typo3_src/TypeScript/backend/module/router.ts
deleted file mode 100644
index 0474122..0000000
--- a/typo3_src/TypeScript/backend/module/router.ts
+++ /dev/null
@@ -1,217 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {html, css, LitElement, TemplateResult} from 'lit';
-import {customElement, property, query} from 'lit/decorators';
-import {getRecordFromName, Module, ModuleState} from '../module';
-
-const IFRAME_COMPONENT = '@typo3/backend/module/iframe';
-
-interface DecoratedModuleState {
-  slotName: string;
-  detail: ModuleState;
-}
-
-// Trigger a render cycle, even if property has been reset to
-// the current value (this is to trigger a module refresh).
-const alwaysUpdate = (newVal: string, oldVal: string) => true;
-
-/**
- * Module: @typo3/backend/module/router
- */
-@customElement('typo3-backend-module-router')
-export class ModuleRouter extends LitElement {
-
-  @property({type: String, hasChanged: alwaysUpdate}) module: string = '';
-
-  @property({type: String, hasChanged: alwaysUpdate}) endpoint: string = '';
-
-  @property({type: String, attribute: 'state-tracker'}) stateTrackerUrl: string;
-
-  @property({type: String, attribute: 'sitename'}) sitename: string;
-
-  @property({type: Boolean, attribute: 'sitename-first'}) sitenameFirst: boolean;
-
-  @query('slot', true) slotElement: HTMLSlotElement;
-
-  public static styles = css`
-    :host {
-      width: 100%;
-      min-height: 100%;
-      flex: 1 0 auto;
-      display: flex;
-      flex-direction: row;
-    }
-    ::slotted(*) {
-      min-height: 100%;
-      width: 100%;
-    }
-  `;
-
-  constructor() {
-    super();
-
-    this.addEventListener('typo3-module-load', ({target, detail}: CustomEvent<ModuleState>) => {
-      const slotName = (target as HTMLElement).getAttribute('slot');
-      this.pushState({ slotName, detail });
-    });
-
-    this.addEventListener('typo3-module-loaded', ({detail}: CustomEvent<ModuleState>) => {
-      this.updateBrowserState(detail);
-    });
-
-    this.addEventListener('typo3-iframe-load', ({detail}: CustomEvent<ModuleState>) => {
-      let state: DecoratedModuleState = {
-        slotName: IFRAME_COMPONENT,
-        detail: detail
-      };
-
-      if (state.detail.url.includes(this.stateTrackerUrl + '?state=')) {
-        const parts = state.detail.url.split('?state=');
-        state = <DecoratedModuleState>JSON.parse(decodeURIComponent(parts[1] || '{}'));
-      }
-
-      /*
-       * Event came frame <typo3-iframe-module>, that means it may have been triggered by an
-       * a) explicit iframe src attribute change or by
-       * b) browser history backwards or forward navigation
-       *
-       * In case of b), the following code block manually synchronizes the slot attribute
-       */
-      if (this.slotElement.getAttribute('name') !== state.slotName) {
-        // The "name" attribute of <slot> gets of out sync
-        // due to browser history backwards or forward navigation.
-        // Synchronize to the state as advertised by the iframe event.
-        this.slotElement.setAttribute('name', state.slotName)
-      }
-
-      // Mark active and sync endpoint attribute for modules.
-      // Do not reset endpoint for iframe modules as the URL has already been
-      // updated and a reset would trigger a reload and another event cycle.
-      this.markActive(
-        state.slotName,
-        this.slotElement.getAttribute('name') === IFRAME_COMPONENT ? null : state.detail.url,
-        false
-      );
-
-      this.updateBrowserState(state.detail);
-
-      // Send load event (e.g. to be handled by ModuleMenu).
-      // Dispated via parent element to prevent routers own event handlers to be invoked.
-      // @todo: Introduce a separate event (name) to prevent the parentElement workaround?
-      this.parentElement.dispatchEvent(new CustomEvent<ModuleState>('typo3-module-load', {
-        bubbles: true,
-        composed: true,
-        detail: state.detail
-      }));
-    });
-
-    this.addEventListener('typo3-iframe-loaded', ({detail}: CustomEvent<ModuleState>) => {
-      this.updateBrowserState(detail);
-      this.parentElement.dispatchEvent(new CustomEvent<ModuleState>('typo3-module-loaded', {
-        bubbles: true,
-        composed: true,
-        detail
-      }));
-    });
-  }
-
-  public render(): TemplateResult {
-    const moduleData = getRecordFromName(this.module);
-    const jsModule = moduleData.component || IFRAME_COMPONENT;
-
-    return html`<slot name="${jsModule}"></slot>`;
-  }
-
-  protected updated(): void {
-    const moduleData = getRecordFromName(this.module);
-    const jsModule = moduleData.component || IFRAME_COMPONENT;
-
-    this.markActive(jsModule, this.endpoint);
-  }
-
-  private async markActive(jsModule: string, endpoint: string|null, forceEndpointReset: boolean = true): Promise<void> {
-    const element = await this.getModuleElement(jsModule);
-    if (endpoint && (forceEndpointReset || element.getAttribute('endpoint') !== endpoint)) {
-      element.setAttribute('endpoint', endpoint);
-    }
-    if (!element.hasAttribute('active')) {
-      element.setAttribute('active', '');
-    }
-    for (let previous = element.previousElementSibling; previous !== null; previous = previous.previousElementSibling) {
-      previous.removeAttribute('active');
-    }
-    for (let next = element.nextElementSibling; next !== null; next = next.nextElementSibling) {
-      next.removeAttribute('active');
-    }
-  }
-
-  private async getModuleElement(moduleName: string): Promise<Element> {
-    let element = this.querySelector(`*[slot="${moduleName}"]`);
-    if (element !== null) {
-      return element;
-    }
-
-    try {
-      const module = await import(moduleName + '.js');
-      // @todo: Check if .componentName exists
-      element = document.createElement(module.componentName);
-    } catch (e) {
-      console.error({msg: `Error importing ${moduleName} as backend module`, err: e})
-      throw e;
-    }
-
-    element.setAttribute('slot', moduleName);
-    this.appendChild(element);
-    return element;
-  }
-
-  private async pushState(state: DecoratedModuleState): Promise<void> {
-    const url = this.stateTrackerUrl + '?state=' + encodeURIComponent(JSON.stringify(state));
-    // push dummy route to iframe. to trigger an implicit browser state update
-    const component = await this.getModuleElement(IFRAME_COMPONENT);
-    component.setAttribute('endpoint', url);
-  }
-
-  private updateBrowserState(state: ModuleState): void {
-    const url = new URL(state.url || '', window.location.origin);
-    const params = new URLSearchParams(url.search);
-
-    const title = 'title' in state ? state.title : '';
-    // update/reset document.title if state.title is not null
-    // (state.title === null indicates "keep current title")
-    if (title !== null) {
-      const titleComponents = [ this.sitename ];
-      if (title !== '') {
-        titleComponents.unshift(title);
-      }
-      if (this.sitenameFirst) {
-        titleComponents.reverse();
-      }
-      document.title = titleComponents.join(' · ');
-    }
-
-    if (!params.has('token')) {
-      // non token-urls (e.g. backend install tool) cannot be mapped by
-      // the main backend controller right now
-      return;
-    }
-
-    params.delete('token');
-    url.search = params.toString();
-
-    const niceUrl = url.toString();
-    window.history.replaceState(state, '', niceUrl);
-  }
-
-}
diff --git a/typo3_src/TypeScript/backend/multi-record-selection-action.ts b/typo3_src/TypeScript/backend/multi-record-selection-action.ts
deleted file mode 100644
index 4f4b974..0000000
--- a/typo3_src/TypeScript/backend/multi-record-selection-action.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/**
- * Module: @typo3/backend/multi-record-selection-action
- */
-
-export interface ActionConfiguration {
-  idField: string;
-}
-
-export interface ActionEventDetails {
-  identifier: string,
-  checkboxes: NodeListOf<HTMLInputElement>,
-  configuration: any
-}
diff --git a/typo3_src/TypeScript/backend/multi-record-selection.ts b/typo3_src/TypeScript/backend/multi-record-selection.ts
deleted file mode 100644
index 2c3b812..0000000
--- a/typo3_src/TypeScript/backend/multi-record-selection.ts
+++ /dev/null
@@ -1,451 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import Notification from '@typo3/backend/notification';
-import DocumentService from '@typo3/core/document-service';
-import RegularEvent from '@typo3/core/event/regular-event';
-import {ActionConfiguration, ActionEventDetails} from '@typo3/backend/multi-record-selection-action';
-
-enum Selectors {
-  actionsSelector = '.t3js-multi-record-selection-actions',
-  checkboxSelector = '.t3js-multi-record-selection-check',
-  checkboxActionsSelector = '.t3js-multi-record-selection-check-actions',
-  checkboxActionsToggleSelector = '.t3js-multi-record-selection-check-actions-toggle',
-  rowSelectionSelector = '[data-multi-record-selection-row-selection] tr'
-}
-
-enum Buttons {
-  actionButton = 'button[data-multi-record-selection-action]',
-  checkboxActionButton = 'button[data-multi-record-selection-check-action]',
-}
-
-enum CheckboxActions {
-  checkAll = 'check-all',
-  checkNone = 'check-none',
-  toggle = 'toggle'
-}
-
-enum CheckboxState {
-  any = '',
-  checked = ':checked',
-  unchecked = ':not(:checked)'
-}
-
-/**
- * Module: @typo3/backend/multi-record-selection
- */
-class MultiRecordSelection {
-  private lastChecked: HTMLInputElement = null;
-
-  private static getCheckboxes(state: CheckboxState = CheckboxState.any, identifier: string = ''): NodeListOf<HTMLInputElement> {
-    return document.querySelectorAll(MultiRecordSelection.getCombinedSelector(Selectors.checkboxSelector + state, identifier));
-  }
-
-  private static getCombinedSelector(selector: string, identifier: string): string {
-    return identifier !== '' ? ['[data-multi-record-selection-identifier="' + identifier + '"]',  selector].join (' ') : selector;
-  }
-
-  private static getIdentifier(element: HTMLElement): string {
-    return (element.closest('[data-multi-record-selection-identifier]') as HTMLElement)?.dataset.multiRecordSelectionIdentifier || '';
-  }
-
-  private static changeCheckboxState(checkbox: HTMLInputElement, check: boolean): void {
-    if (checkbox.checked === check || checkbox.dataset.manuallyChanged) {
-      // Return in case state did not change or another component has already changed it
-      return;
-    }
-    checkbox.checked = check;
-    checkbox.dispatchEvent(new CustomEvent('multiRecordSelection:checkbox:state:changed',{
-      detail: { identifier: MultiRecordSelection.getIdentifier(checkbox) }, bubbles: true, cancelable: false
-    }));
-  }
-
-  /**
-   * This restores (initializes) a temporary state, which is required in case
-   * the user returns to the listing using the browsers' history back feature,
-   * which will not result in a new request.
-   */
-  private static restoreTemporaryState(): void {
-    const checked: NodeListOf<HTMLInputElement> = MultiRecordSelection.getCheckboxes(CheckboxState.checked);
-    // In case nothing is checked we don't have to do anything here
-    if (!checked.length) {
-      return;
-    }
-    // Highlight each checked checkbox and toggle the corresponding actions. Since
-    // the evaluation for toggling actions does a lot of things, we don't want to
-    // perform this for every checked checkbox. Therefore we store the identifiers,
-    // which were already evaluated and do not call the evaluation for them again.
-    let actionsToggled: boolean = false;
-    let identifiers: Array<string> = [];
-    checked.forEach((checkbox: HTMLInputElement) => {
-      checkbox.closest('tr').classList.add('success');
-      const identifier: string = MultiRecordSelection.getIdentifier(checkbox);
-      if (identifier !== '' && !identifiers.includes(identifier)) {
-        identifiers.push(identifier);
-        actionsToggled = true;
-        MultiRecordSelection.toggleActionsState(identifier);
-      }
-    });
-    // If none of the checked checkboxes contain an identifier, call the toggling one time anyways.
-    if (!actionsToggled) {
-      MultiRecordSelection.toggleActionsState();
-    }
-  }
-
-  /**
-   * Toggles the state of the actions, depending on the
-   * currently selected elements and their nature.
-   */
-  private static toggleActionsState(identifier: string = ''): void {
-    const actionContainers: NodeListOf<HTMLElement> = document.querySelectorAll(
-      MultiRecordSelection.getCombinedSelector(Selectors.actionsSelector, identifier)
-    );
-
-    if (!actionContainers.length) {
-      // Early return in case no action containers are defined
-      return;
-    }
-
-    if (!MultiRecordSelection.getCheckboxes(CheckboxState.checked, identifier).length) {
-      // In case no checkbox is checked, hide all action containers and return
-      actionContainers.forEach((container: HTMLElement): void => MultiRecordSelection.changeActionContainerVisibility(container, false));
-      return;
-    }
-
-    // Remove hidden state of all action containers, since checked checkboxes exist
-    actionContainers.forEach((container: HTMLElement): void => MultiRecordSelection.changeActionContainerVisibility(container));
-
-    const actions: NodeListOf<HTMLButtonElement> = document.querySelectorAll(
-      [MultiRecordSelection.getCombinedSelector(Selectors.actionsSelector, identifier), Buttons.actionButton].join(' ')
-    );
-
-    if (!actions.length) {
-      // Early return in case no action is defined
-      return;
-    }
-
-    actions.forEach((action: HTMLButtonElement): void => {
-      if (!action.dataset.multiRecordSelectionActionConfig) {
-        // In case the action does not define any configuration, no toggling is possible
-        return;
-      }
-      const configuration: ActionConfiguration = JSON.parse(action.dataset.multiRecordSelectionActionConfig);
-      if (!configuration.idField) {
-        // Return in case the idField (where to find the id on selected elements) is not defined
-        return;
-      }
-      // Start the evaluation by disabling the action
-      action.classList.add('disabled');
-      // Get all currently checked elements
-      const checked: NodeListOf<HTMLInputElement> = MultiRecordSelection.getCheckboxes(CheckboxState.checked, identifier);
-      for (let i=0; i < checked.length; i++) {
-        // Evaluate each checked element if it contains the specified idField
-        if (checked[i].closest('tr').dataset[configuration.idField]) {
-          // If a checked element contains the idField, remove the "disabled"
-          // state and end the search since the action can be performed.
-          action.classList.remove('disabled');
-          break;
-        }
-      }
-    });
-  }
-
-  /**
-   * This primarily just adds/removes the "hidden" class of the container. In case
-   * the container is in a panel, it also toggles the other panel heading elements.
-   * Note: This only works in case the container is not in the wrapper class, which
-   * should only be used for containers, outside of a panel.
-   *
-   * @param {HTMLElement} container The container to change the visibility for
-   * @param {boolean} visible Whether the container should be visible or not
-   */
-  private static changeActionContainerVisibility(container: HTMLElement, visible: boolean = true): void {
-    const panelElements: HTMLCollection = container.closest('.multi-record-selection-panel')?.children;
-    if (visible) {
-      if (panelElements) {
-        for (let i=0; i < panelElements.length; i++) { panelElements[i].classList.add('hidden') }
-      }
-      container.classList.remove('hidden');
-    } else {
-      if (panelElements) {
-        for (let i=0; i < panelElements.length; i++) { panelElements[i].classList.remove('hidden') }
-      }
-      container.classList.add('hidden');
-    }
-  }
-
-  /**
-   * The manually changed attribute can be set by components, using
-   * this module while implementing custom logic to change checkbox
-   * state. To not cancel each others action, all actions in this
-   * module respect this attribute before changing checkbox state.
-   * Therefore, this method is called prior to every action in
-   * this module, which changes checkbox states. Otherwise old
-   * state would may led to misbehaviour.
-   */
-  private static unsetManuallyChangedAttribute(identifier: string): void {
-    MultiRecordSelection.getCheckboxes(CheckboxState.any, identifier).forEach((checkbox: HTMLInputElement): void => {
-      checkbox.removeAttribute('data-manually-changed');
-    });
-  }
-
-  constructor() {
-    DocumentService.ready().then((): void => {
-      MultiRecordSelection.restoreTemporaryState();
-      this.registerActions();
-      this.registerActionsEventHandlers();
-      this.registerCheckboxActions();
-      this.registerCheckboxKeyboardActions();
-      this.registerCheckboxTableRowSelectionAction();
-      this.registerToggleCheckboxActions();
-      this.registerDispatchCheckboxStateChangedEvent();
-      this.registerCheckboxStateChangedEventHandler();
-    });
-  }
-
-  private registerActions(): void {
-    new RegularEvent('click', (e: Event, target: HTMLButtonElement): void => {
-      if (!target.dataset.multiRecordSelectionAction) {
-        // Return if we don't deal with a valid action
-      }
-
-      const identifier: string = MultiRecordSelection.getIdentifier(target);
-      const configuration: any = JSON.parse((target.dataset.multiRecordSelectionActionConfig || '{}'));
-      const checked: NodeListOf<HTMLInputElement> = MultiRecordSelection.getCheckboxes(CheckboxState.checked, identifier);
-
-      if (!checked.length) {
-        // Return in case there is currently no element checked to perform the action on.
-        return;
-      }
-
-      // This component does not implement any specific action itself, but just dispatches
-      // an event so the implementing components can react on the triggered action. To decrease
-      // selections in those components, most of the information are passed within the custom event.
-      // Those are e.g. the checked checkboxes, the instance identifier and the action configuration.
-      target.dispatchEvent(new CustomEvent(
-        'multiRecordSelection:action:' + target.dataset.multiRecordSelectionAction,
-        {
-          detail: <ActionEventDetails> { identifier: identifier, checkboxes: checked, configuration: configuration },
-          bubbles: true,
-          cancelable: false
-        }
-      ));
-    }).delegateTo(document, [Selectors.actionsSelector, Buttons.actionButton].join(' '));
-  }
-
-  /**
-   * Other components can dispatch the "multiRecordSelection:actions"
-   * events to influence the display depending on their custom logic.
-   */
-  private registerActionsEventHandlers(): void {
-    new RegularEvent('multiRecordSelection:actions:show', (e: CustomEvent): void => {
-      const identifier: string = e.detail?.identifier || '';
-      const actionContainers: NodeListOf<HTMLElement> = document.querySelectorAll(MultiRecordSelection.getCombinedSelector(Selectors.actionsSelector, identifier));
-      actionContainers.length && actionContainers.forEach((container: HTMLElement): void => MultiRecordSelection.changeActionContainerVisibility(container));
-    }).bindTo(document);
-    new RegularEvent('multiRecordSelection:actions:hide', (e: CustomEvent): void => {
-      const identifier: string = e.detail?.identifier || '';
-      const actionContainers: NodeListOf<HTMLElement> = document.querySelectorAll(MultiRecordSelection.getCombinedSelector(Selectors.actionsSelector, identifier));
-      actionContainers.length && actionContainers.forEach((container: HTMLElement): void => MultiRecordSelection.changeActionContainerVisibility(container, false));
-    }).bindTo(document);
-  }
-
-  private registerCheckboxActions(): void {
-    new RegularEvent('click', (e: Event, target: HTMLButtonElement): void => {
-      e.preventDefault();
-
-      if (!target.dataset.multiRecordSelectionCheckAction) {
-        // Return if we don't deal with a valid action
-        return;
-      }
-
-      const identifier: string = MultiRecordSelection.getIdentifier(target);
-      const checkboxes: NodeListOf<HTMLInputElement> = MultiRecordSelection.getCheckboxes(CheckboxState.any, identifier);
-
-      if (!checkboxes.length) {
-        // Return in case there are no checkboxes (elements) to perform the action on.
-        return;
-      }
-
-      // Unset manually changed attribute so we can be sure, in case this is
-      // set on a checkbox, while executing the requested action, the checkbox
-      // was already changed by another component.
-      MultiRecordSelection.unsetManuallyChangedAttribute(identifier);
-
-      // Perform requested action
-      switch (target.dataset.multiRecordSelectionCheckAction) {
-        case CheckboxActions.checkAll:
-          checkboxes.forEach((checkbox: HTMLInputElement) => {
-            MultiRecordSelection.changeCheckboxState(checkbox, true);
-          });
-          break;
-        case CheckboxActions.checkNone:
-          checkboxes.forEach((checkbox: HTMLInputElement) => {
-            MultiRecordSelection.changeCheckboxState(checkbox, false);
-          });
-          break;
-        case CheckboxActions.toggle:
-          checkboxes.forEach((checkbox: HTMLInputElement) => {
-            MultiRecordSelection.changeCheckboxState(checkbox, !checkbox.checked);
-          });
-          break;
-        default:
-          // Unknown action
-          Notification.warning('Unknown checkbox action');
-      }
-
-      // To prevent possible side effects we simply clean up and unset the attribute here again
-      MultiRecordSelection.unsetManuallyChangedAttribute(identifier);
-    }).delegateTo(document, [Selectors.checkboxActionsSelector, Buttons.checkboxActionButton].join(' '));
-  }
-
-  private registerCheckboxKeyboardActions(): void {
-    new RegularEvent('click', (e: PointerEvent, target: HTMLInputElement): void => this.handleCheckboxKeyboardActions(e, target))
-      .delegateTo(document, Selectors.checkboxSelector);
-  }
-
-  private registerCheckboxTableRowSelectionAction(): void {
-    new RegularEvent('click', (e: PointerEvent, target: HTMLElement): void => {
-      const eventTargetTagName: string = (e.target as HTMLElement).tagName;
-      if (eventTargetTagName !== 'TH' && eventTargetTagName !== 'TD') {
-        // Only change checkbox state if the target is the row itself
-        return;
-      }
-      const checkbox: HTMLInputElement = target.querySelector(Selectors.checkboxSelector);
-      if (checkbox === null) {
-        // Return in case the table row does not contain a checkbox, handled by this component
-        return;
-      }
-      // Note: Since we only change the state of one checkbox, we don't have to unset the
-      // manually changed flag and also do not need to evaluate any instance identifier.
-      MultiRecordSelection.changeCheckboxState(checkbox, !checkbox.checked);
-      // After changing the target checkbox state, let's check if a keyboard action
-      // should be performed as well. We also prevent the keyboard actions from unsetting
-      // any state, e.g. the "manually changed flag", as this might have been set by any
-      // component triggered by the above checkbox state change operation.
-      this.handleCheckboxKeyboardActions(e, checkbox, false)
-    }).delegateTo(document, Selectors.rowSelectionSelector);
-
-    // In case row selection is enabled and a keyboard "shortcut" is used, prevent text selection on the rows
-    new RegularEvent('mousedown', (e: PointerEvent): void => (e.shiftKey || e.altKey || e.ctrlKey) && e.preventDefault())
-      .delegateTo(document, Selectors.rowSelectionSelector);
-  }
-
-  private registerDispatchCheckboxStateChangedEvent(): void {
-    new RegularEvent('change', (e: Event, target: HTMLInputElement): void => {
-      target.dispatchEvent(new CustomEvent('multiRecordSelection:checkbox:state:changed',{
-        detail: { identifier: MultiRecordSelection.getIdentifier(target) }, bubbles: true, cancelable: false
-      }));
-    }).delegateTo(document, Selectors.checkboxSelector);
-  }
-
-  private registerCheckboxStateChangedEventHandler(): void {
-    new RegularEvent('multiRecordSelection:checkbox:state:changed', (e: CustomEvent): void => {
-      const checkbox: HTMLInputElement = <HTMLInputElement>e.target;
-      const identifier: string = e.detail?.identifier || '';
-
-      if (checkbox.checked) {
-        checkbox.closest('tr').classList.add('success');
-      } else {
-        checkbox.closest('tr').classList.remove('success');
-      }
-
-      // Toggle actions for changed checkbox state
-      MultiRecordSelection.toggleActionsState(identifier);
-    }).bindTo(document);
-  }
-
-  private registerToggleCheckboxActions(): void {
-    new RegularEvent('click', (e: Event, target: HTMLButtonElement): void => {
-      const identifier: string = MultiRecordSelection.getIdentifier(target);
-
-      const checkAll: HTMLButtonElement = document.querySelector([
-        MultiRecordSelection.getCombinedSelector(Selectors.checkboxActionsSelector, identifier),
-        'button[data-multi-record-selection-check-action="' + CheckboxActions.checkAll + '"]'
-      ].join(' '));
-
-      if (checkAll !== null) {
-        checkAll.classList.toggle('disabled', !MultiRecordSelection.getCheckboxes(CheckboxState.unchecked, identifier).length)
-      }
-
-      const checkNone: HTMLButtonElement = document.querySelector([
-        MultiRecordSelection.getCombinedSelector(Selectors.checkboxActionsSelector, identifier),
-        'button[data-multi-record-selection-check-action="' + CheckboxActions.checkNone + '"]'
-      ].join(' '));
-
-      if (checkNone !== null) {
-        checkNone.classList.toggle('disabled', !MultiRecordSelection.getCheckboxes(CheckboxState.checked, identifier).length);
-      }
-    }).delegateTo(document, Selectors.checkboxActionsToggleSelector);
-  }
-
-  private handleCheckboxKeyboardActions(e: PointerEvent, target: HTMLInputElement, cleanUpState: boolean = true): void {
-    const identifier: string = MultiRecordSelection.getIdentifier(target);
-
-    // If lastChecked is not set, does no longer exist in visible DOM (e.g. because the list is paginated
-    // and lastChecked is on a prev/next page), is not in the same table as current target (according to
-    // the identifier) or no shortcut is used at all, add the current target as lastChecked and return.
-    if (!this.lastChecked
-      || !document.body.contains(this.lastChecked)
-      || MultiRecordSelection.getIdentifier(this.lastChecked) !== identifier
-      || (!e.shiftKey && !e.altKey && !e.ctrlKey)
-    ) {
-      this.lastChecked = target;
-      return;
-    }
-
-    if (cleanUpState) {
-      // In case clean up is *NOT* prevented, unset manually changed attribute.
-      // Usually clean up will be prevented by actions, which have already
-      // performed checkbox change operations.
-      MultiRecordSelection.unsetManuallyChangedAttribute(identifier);
-    }
-
-    // With the shift key, it's possible to check / uncheck a range of checkboxes
-    if (e.shiftKey) {
-      // To easily calculate the start and end position we need checkboxes as an array
-      const checkboxes: Array<HTMLInputElement> = Array.from(MultiRecordSelection.getCheckboxes(CheckboxState.any, identifier));
-      // The current target is the start position
-      const start = checkboxes.indexOf(target);
-      // The last manually clicked / checked checkbox is the end
-      const end = checkboxes.indexOf(this.lastChecked);
-      // Get the checkboxes which should be changed (we use min() and max() to allow ranges in both directions)
-      const checkboxesToChange = checkboxes.slice(Math.min(start, end), Math.max(start, end) + 1);
-      checkboxesToChange.forEach((checkbox: HTMLInputElement): void => {
-        // Change the state of each checkbox in question. Do not change the current target since we
-        // use it's current checked state, making both "check all" and "uncheck all" possible.
-        if (checkbox !== target) {
-          MultiRecordSelection.changeCheckboxState(checkbox, target.checked);
-        }
-      });
-    }
-
-    // We can now store the current target as lastChecked so it can be used in the next run
-    this.lastChecked = target;
-
-    // With the alt or ctrl key, it's possible to toggle the current selection
-    if (e.altKey || e.ctrlKey) {
-      MultiRecordSelection.getCheckboxes(CheckboxState.any, identifier).forEach((checkbox: HTMLInputElement): void => {
-        // Toggle all checkboxes except the current target as this was already done by clicking on it
-        if (checkbox !== target) {
-          MultiRecordSelection.changeCheckboxState(checkbox, !checkbox.checked);
-        }
-      })
-    }
-
-    // To prevent possible side effects we simply clean up and unset the attribute here again
-    MultiRecordSelection.unsetManuallyChangedAttribute(identifier);
-  }
-}
-
-export default new MultiRecordSelection();
diff --git a/typo3_src/TypeScript/backend/multi-step-wizard.ts b/typo3_src/TypeScript/backend/multi-step-wizard.ts
deleted file mode 100644
index a698b58..0000000
--- a/typo3_src/TypeScript/backend/multi-step-wizard.ts
+++ /dev/null
@@ -1,574 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {SeverityEnum} from './enum/severity';
-import $ from 'jquery';
-import Modal from './modal';
-import Severity from './severity';
-import Icons from './icons';
-
-
-interface MultiStepWizardSettings {
-  [key: string]: any;
-}
-
-interface MultiStepWizardSetup {
-  slides: Array<any>;
-  settings: MultiStepWizardSettings;
-  forceSelection: boolean;
-  $carousel: JQuery;
-}
-
-interface Slide {
-  identifier: string;
-  title: string;
-  progressBarTitle: string;
-  content: string|JQuery;
-  severity: SeverityEnum;
-  callback?: Function;
-}
-
-/**
- * Module: @typo3/backend/multi-step-wizard
- * Multi step wizard within a modal
- * @exports @typo3/backend/multi-step-wizard
- */
-class MultiStepWizard {
-  private setup: MultiStepWizardSetup;
-  private readonly originalSetup: MultiStepWizardSetup;
-
-  constructor() {
-    this.setup = {
-      slides: [],
-      settings: {},
-      forceSelection: true,
-      $carousel: null,
-    };
-    this.originalSetup = $.extend(true, {}, this.setup);
-  }
-
-  /**
-   * @param {string} key
-   * @param {any} value
-   * @returns {MultiStepWizard}
-   */
-  public set(key: string, value: any): MultiStepWizard {
-    this.setup.settings[key] = value;
-    return this;
-  }
-
-  /**
-   * Add a slide item to carousel as an additional step
-   *
-   * @param {string} identifier
-   * @param {string} title
-   * @param {string} progressBarTitle
-   * @param {string} content
-   * @param {SeverityEnum} severity
-   * @param {Function} callback
-   * @returns {MultiStepWizard}
-   */
-  public addSlide(
-    identifier: string,
-    title: string,
-    content: string = '',
-    severity: SeverityEnum = SeverityEnum.info,
-    progressBarTitle: string,
-    callback?: Function,
-  ): MultiStepWizard {
-    const slide: Slide = {
-      identifier: identifier,
-      title: title,
-      content: content,
-      severity: severity,
-      progressBarTitle: progressBarTitle,
-      callback: callback,
-    };
-    this.setup.slides.push(slide);
-    return this;
-  }
-
-  /**
-   * Add the final processing slide as the last step
-   *
-   * @param {Function} callback
-   * @returns {Promise<string>}
-   */
-  public addFinalProcessingSlide(callback?: Function): Promise<void> {
-    if (!callback) {
-      callback = (): void => {
-        this.dismiss();
-      };
-    }
-
-    return Icons.getIcon('spinner-circle', Icons.sizes.default, null, null).then((markup: string) => {
-      let $processingSlide = $('<div />', {class: 'text-center'}).append(markup);
-      this.addSlide(
-        'final-processing-slide', top.TYPO3.lang['wizard.processing.title'],
-        $processingSlide[0].outerHTML,
-        Severity.info,
-        null,
-        callback,
-      );
-    });
-  }
-
-  /**
-   * Create wizard with modal, buttons, progress bar and carousel
-   */
-  public show(): void {
-    let $slides = this.generateSlides();
-    let firstSlide = this.setup.slides[0];
-
-    Modal.confirm(
-      firstSlide.title,
-      $slides,
-      firstSlide.severity,
-      [{
-        text: top.TYPO3.lang['wizard.button.cancel'],
-        active: true,
-        btnClass: 'btn-default pull-left',
-        name: 'cancel',
-        trigger: (): void => {
-          this.getComponent().trigger('wizard-dismiss');
-        },
-      }, {
-        text: top.TYPO3.lang['wizard.button.prev'],
-        btnClass: 'btn-' + Severity.getCssClass(firstSlide.severity),
-        name: 'prev',
-      }, {
-        text: top.TYPO3.lang['wizard.button.next'],
-        btnClass: 'btn-' + Severity.getCssClass(firstSlide.severity),
-        name: 'next',
-      }],
-      ['modal-multi-step-wizard'],
-    );
-
-    this.addButtonContainer();
-    this.addProgressBar();
-    this.initializeEvents();
-
-    this.getComponent().on('wizard-visible', (): void => {
-      this.runSlideCallback(firstSlide, this.setup.$carousel.find('.carousel-item').first());
-    }).on('wizard-dismissed', (): void => {
-      this.setup = $.extend(true, {}, this.originalSetup);
-    });
-  }
-
-  /**
-   * @returns {JQuery}
-   */
-  public getComponent(): JQuery {
-    if (this.setup.$carousel === null) {
-      this.generateSlides();
-    }
-    return this.setup.$carousel;
-  }
-
-  /**
-   * Close the modal / wizard
-   */
-  public dismiss(): void {
-    Modal.dismiss();
-  }
-
-  /**
-   * Lock the button for the next step
-   *
-   * @returns {JQuery}
-   */
-  public lockNextStep(): JQuery {
-    let $button = this.setup.$carousel.closest('.modal').find('button[name="next"]');
-    $button.prop('disabled', true);
-    return $button;
-  }
-
-  /**
-   * Unlock the button for the next step
-   *
-   * @returns {JQuery}
-   */
-  public unlockNextStep(): JQuery {
-    let $button = this.setup.$carousel.closest('.modal').find('button[name="next"]');
-    $button.prop('disabled', false);
-    return $button;
-  }
-
-  /**
-   * Lock the button for the prev step
-   *
-   * @returns {JQuery}
-   */
-  public lockPrevStep(): JQuery {
-    let $button = this.setup.$carousel.closest('.modal').find('button[name="prev"]');
-    $button.prop('disabled', true);
-    return $button;
-  }
-
-  /**
-   * Unlock the button for the prev step
-   *
-   * @returns {JQuery}
-   */
-  public unlockPrevStep(): JQuery {
-    let $button = this.setup.$carousel.closest('.modal').find('button[name="prev"]');
-    $button.prop('disabled', false);
-    return $button;
-  }
-
-  /**
-   * Trigger a step button (prev or next)
-   *
-   * @param {string} direction
-   * @returns {JQuery}
-   */
-  public triggerStepButton(direction: string): JQuery {
-    let $button = this.setup.$carousel.closest('.modal').find('button[name="' + direction + '"]');
-    if ($button.length > 0 && $button.prop('disabled') !== true) {
-      $button.trigger('click');
-    }
-    return $button;
-  }
-
-  /**
-   * Blur the button for the cancel step
-   *
-   * @returns {JQuery}
-   */
-  public blurCancelStep(): JQuery {
-    let $button = this.setup.$carousel.closest('.modal').find('button[name="cancel"]');
-    $button.trigger('blur');
-    return $button;
-  }
-
-  /**
-   * Register all events
-   *
-   * @private
-   */
-  private initializeEvents(): void {
-    let $modal = this.setup.$carousel.closest('.modal');
-    this.initializeSlideNextEvent($modal);
-    this.initializeSlidePrevEvent($modal);
-
-    // Event fires when the slide transition is invoked
-    this.setup.$carousel.on('slide.bs.carousel', (evt: any): void => {
-      if (evt.direction === 'left') {
-        this.nextSlideChanges($modal);
-      } else {
-        this.prevSlideChanges($modal);
-      }
-    })
-      // Event is fired when the carousel has completed its slide transition
-      .on('slid.bs.carousel', (evt: JQueryEventObject): void => {
-        let currentIndex = this.setup.$carousel.data('currentIndex');
-        let slide = this.setup.slides[currentIndex];
-
-        this.runSlideCallback(slide, $(evt.relatedTarget));
-
-        if (this.setup.forceSelection) {
-          this.lockNextStep();
-        }
-      });
-
-    // Custom event, closes the wizard
-    let cmp = this.getComponent();
-    cmp.on('wizard-dismiss', this.dismiss);
-
-    Modal.currentModal.on('hidden.bs.modal', (): void => {
-      cmp.trigger('wizard-dismissed');
-    }).on('shown.bs.modal', (): void => {
-      cmp.trigger('wizard-visible');
-    });
-  }
-
-  private initializeSlideNextEvent($modal: JQuery) {
-    let $modalFooter = $modal.find('.modal-footer');
-    let $nextButton = $modalFooter.find('button[name="next"]');
-    $nextButton.off().on('click', (): void => {
-      this.setup.$carousel.carousel('next');
-    });
-  }
-
-  private initializeSlidePrevEvent($modal: JQuery) {
-    let $modalFooter = $modal.find('.modal-footer');
-    let $prevButton = $modalFooter.find('button[name="prev"]');
-    $prevButton.off().on('click', (): void => {
-      this.setup.$carousel.carousel('prev');
-    });
-  }
-
-  /**
-   * All changes after applying the next-button
-   *
-   * @param {JQuery} $modal
-   * @private
-   */
-  private nextSlideChanges($modal: JQuery): void {
-    this.initializeSlideNextEvent($modal);
-
-    const $modalTitle = $modal.find('.modal-title');
-    const $modalFooter = $modal.find('.modal-footer');
-    const nextSlideNumber = this.setup.$carousel.data('currentSlide') + 1;
-    const currentIndex = this.setup.$carousel.data('currentIndex');
-    const nextIndex = currentIndex + 1;
-
-    $modalTitle.text(this.setup.slides[nextIndex].title);
-
-    this.setup.$carousel.data('currentSlide', nextSlideNumber);
-    this.setup.$carousel.data('currentIndex', nextIndex);
-
-    const progressBars = $modalFooter.find('.progress-bar');
-
-    // Hide current progress bar section
-    progressBars
-      .eq(currentIndex)
-      .width('0%');
-
-    // Increase size of next progress bar section
-    progressBars
-      .eq(nextIndex)
-      .width(this.setup.$carousel.data('initialStep') * nextSlideNumber + '%')
-      .removeClass('inactive');
-
-    this.updateCurrentSeverity($modal, currentIndex, nextIndex);
-  }
-
-  /**
-   * All changes after applying the prev-button
-   *
-   * @param {JQuery} $modal
-   * @private
-   */
-  private prevSlideChanges($modal: JQuery): void {
-    this.initializeSlidePrevEvent($modal);
-
-    const $modalTitle = $modal.find('.modal-title');
-    const $modalFooter = $modal.find('.modal-footer');
-    const $nextButton = $modalFooter.find('button[name="next"]');
-    const nextSlideNumber = this.setup.$carousel.data('currentSlide') - 1;
-    const currentIndex = this.setup.$carousel.data('currentIndex');
-    const nextIndex = currentIndex - 1;
-
-    this.setup.$carousel.data('currentSlide', nextSlideNumber);
-    this.setup.$carousel.data('currentIndex', nextIndex);
-
-    $modalTitle.text(this.setup.slides[nextIndex].title);
-
-    $modalFooter.find('.progress-bar.last-step')
-      .width(this.setup.$carousel.data('initialStep') + '%')
-      .text(this.getProgressBarTitle(this.setup.$carousel.data('slideCount') - 1));
-
-    $nextButton.text(top.TYPO3.lang['wizard.button.next']);
-
-    const progressBars = $modalFooter.find('.progress-bar');
-
-    // Reset size of current progress bar
-    progressBars
-      .eq(currentIndex)
-      .width(this.setup.$carousel.data('initialStep') + '%')
-      .addClass('inactive');
-
-    // Enable next (previous) progress bar again
-    progressBars
-      .eq(nextIndex)
-      .width(this.setup.$carousel.data('initialStep') * nextSlideNumber + '%')
-      .removeClass('inactive');
-
-    this.updateCurrentSeverity($modal, currentIndex, nextIndex);
-  }
-
-  /**
-   * Update severity of modal and buttons when changing slides.
-   *
-   * @param $modal
-   * @param currentIndex
-   * @param nextIndex
-   * @private
-   */
-  private updateCurrentSeverity($modal: JQuery, currentIndex: number, nextIndex: number): void {
-    const $modalFooter = $modal.find('.modal-footer');
-    const $nextButton = $modalFooter.find('button[name="next"]');
-
-    $nextButton
-      .removeClass('btn-' + Severity.getCssClass(this.setup.slides[currentIndex].severity))
-      .addClass('btn-' + Severity.getCssClass(this.setup.slides[nextIndex].severity));
-
-    $modal
-      .removeClass('modal-severity-' + Severity.getCssClass(this.setup.slides[currentIndex].severity))
-      .addClass('modal-severity-' + Severity.getCssClass(this.setup.slides[nextIndex].severity));
-  }
-
-  /**
-   * get custom progress bar label of current slide
-   * or fallback label
-   *
-   * @private
-   */
-  private getProgressBarTitle(slideIndex: number): string {
-    let progessBarTitle;
-
-    if (this.setup.slides[slideIndex].progressBarTitle === null) {
-      if (slideIndex === 0) {
-        progessBarTitle = top.TYPO3.lang['wizard.progressStep.start'];
-      } else if (slideIndex >= this.setup.$carousel.data('slideCount') - 1) {
-        progessBarTitle = top.TYPO3.lang['wizard.progressStep.finish'];
-      } else {
-        progessBarTitle = top.TYPO3.lang['wizard.progressStep'] + String(slideIndex + 1);
-      }
-    } else {
-      progessBarTitle = this.setup.slides[slideIndex].progressBarTitle;
-    }
-
-    return progessBarTitle;
-  }
-
-  /**
-   * @param {Slide} slide
-   * @param {JQuery} $slide
-   * @private
-   */
-  private runSlideCallback(slide: Slide, $slide: JQuery): void {
-    if (typeof slide.callback === 'function') {
-      slide.callback($slide, this.setup.settings, slide.identifier);
-    }
-  }
-
-  /**
-   * Create the progress bar within the modal footer
-   *
-   * @private
-   */
-  private addProgressBar(): void {
-    let realSlideCount = this.setup.$carousel.find('.carousel-item').length;
-    let slideCount = Math.max(1, realSlideCount);
-    let initialStep;
-    let $modal = this.setup.$carousel.closest('.modal');
-    let $modalFooter = $modal.find('.modal-footer');
-
-    initialStep = Math.round(100 / slideCount);
-
-    this.setup.$carousel
-      .data('initialStep', initialStep)
-      .data('slideCount', slideCount)
-      .data('realSlideCount', realSlideCount)
-      .data('currentIndex', 0)
-      .data('currentSlide', 1);
-
-    // Append progress bar to modal footer
-    if (slideCount > 1) {
-      $modalFooter.prepend($('<div />', {class: 'progress'}));
-      for (let i = 0; i < this.setup.slides.length; ++i) {
-        let classes;
-        if (i === 0) {
-          classes = 'progress-bar first-step';
-        } else if (i === this.setup.$carousel.data('slideCount') - 1) {
-          classes = 'progress-bar last-step inactive';
-        } else {
-          classes = 'progress-bar step inactive';
-        }
-        $modalFooter.find('.progress')
-          .append(
-            $('<div />', {
-              role: 'progressbar',
-              class: classes,
-              'aria-valuemin': 0,
-              'aria-valuenow': initialStep,
-              'aria-valuemax': 100,
-            })
-              .width(initialStep + '%')
-              .text(this.getProgressBarTitle(i))
-          );
-      }
-    }
-  }
-
-  /**
-   * Wrap all the buttons of modal footer
-   *
-   * @private
-   */
-  private addButtonContainer(): void {
-    let $modal = this.setup.$carousel.closest('.modal');
-    let $modalFooterButtons = $modal.find('.modal-footer .btn');
-
-    $modalFooterButtons.wrapAll('<div class="modal-btn-group" />');
-  }
-
-  /**
-   * Generate slides of carousel
-   *
-   * @returns {JQuery}
-   * @private
-   */
-  private generateSlides(): JQuery {
-    // Check whether the slides were already generated
-    if (this.setup.$carousel !== null) {
-      return this.setup.$carousel;
-    }
-
-    let slides = '<div class="carousel slide" data-bs-ride="carousel" data-bs-interval="false">'
-      + '<div class="carousel-inner" role="listbox">';
-
-    for (let i = 0; i < this.setup.slides.length; ++i) {
-      let currentSlide: Slide = this.setup.slides[i];
-      let slideContent = currentSlide.content;
-
-      if (typeof slideContent === 'object') {
-        slideContent = slideContent.html();
-      }
-      slides += '<div class="carousel-item" data-bs-slide="' + currentSlide.identifier + '" data-step="' + i + '">' + slideContent + '</div>';
-    }
-
-    slides += '</div></div>';
-
-    this.setup.$carousel = $(slides);
-    this.setup.$carousel.find('.carousel-item').first().addClass('active');
-
-    return this.setup.$carousel;
-  }
-}
-
-let multistepWizardObject;
-try {
-  // fetch from opening window
-  if (window.opener && window.opener.TYPO3 && window.opener.TYPO3.MultiStepWizard) {
-    multistepWizardObject = window.opener.TYPO3.MultiStepWizard;
-  }
-
-  // fetch from parent
-  if (parent && parent.window.TYPO3 && parent.window.TYPO3.MultiStepWizard) {
-    multistepWizardObject = parent.window.TYPO3.MultiStepWizard;
-  }
-
-  // fetch object from outer frame
-  if (top && top.TYPO3 && top.TYPO3.MultiStepWizard) {
-    multistepWizardObject = top.TYPO3.MultiStepWizard;
-  }
-} catch (e) {
-  // This only happens if the opener, parent or top is some other url (eg a local file)
-  // which loaded the current window. Then the browser's cross domain policy jumps in
-  // and raises an exception.
-  // For this case we are safe and we can create our global object below.
-}
-
-if (!multistepWizardObject) {
-  multistepWizardObject = new MultiStepWizard();
-
-  // attach to global frame
-  if (typeof TYPO3 !== 'undefined') {
-    TYPO3.MultiStepWizard = multistepWizardObject;
-  }
-}
-
-export default multistepWizardObject;
diff --git a/typo3_src/TypeScript/backend/new-content-element-wizard-button.ts b/typo3_src/TypeScript/backend/new-content-element-wizard-button.ts
deleted file mode 100644
index 6b8ce97..0000000
--- a/typo3_src/TypeScript/backend/new-content-element-wizard-button.ts
+++ /dev/null
@@ -1,68 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {customElement, property} from 'lit/decorators';
-import {html, LitElement, TemplateResult} from 'lit';
-import Modal from '@typo3/backend/modal';
-import {SeverityEnum} from '@typo3/backend/enum/severity';
-import {NewContentElementWizard} from '@typo3/backend/new-content-element-wizard';
-
-/**
- * Module: @typo3/backend/new-content-element-wizard-button
- *
- * @example
- * <typo3-backend-new-content-element-wizard-button url="link/to/endpoint" title="Wizard title" ></typo3-backend-new-content-element-wizard-button>
- */
-@customElement('typo3-backend-new-content-element-wizard-button')
-export class NewContentElementWizardButton extends LitElement {
-  @property({type: String}) url: string;
-  @property({type: String}) title: string;
-
-  private static handleModalContentLoaded(currentModal: HTMLElement): void {
-    if (!currentModal || !currentModal.querySelector('.t3-new-content-element-wizard-inner')) {
-      // Return in case modal is not defined or we deal with a custom wizard (mod.newContentElementWizard.override)
-      return;
-    }
-    // Initialize the wizard functions
-    new NewContentElementWizard(currentModal);
-  }
-
-  public constructor() {
-    super();
-    this.addEventListener('click', (e: Event): void => {
-      e.preventDefault();
-      this.renderWizard();
-    });
-  }
-
-  protected render(): TemplateResult {
-    return html`<slot></slot>`;
-  }
-
-  private renderWizard(): void
-  {
-    if (!this.url) {
-      // Return in case no url is defined
-      return;
-    }
-
-    Modal.advanced({
-      content: this.url,
-      title: this.title,
-      severity: SeverityEnum.notice,
-      size: Modal.sizes.medium,
-      type: Modal.types.ajax,
-      ajaxCallback: (): void => NewContentElementWizardButton.handleModalContentLoaded(Modal.currentModal[0])
-    });
-  }
-}
diff --git a/typo3_src/TypeScript/backend/new-content-element-wizard.ts b/typo3_src/TypeScript/backend/new-content-element-wizard.ts
deleted file mode 100644
index 960af6d..0000000
--- a/typo3_src/TypeScript/backend/new-content-element-wizard.ts
+++ /dev/null
@@ -1,198 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import Modal from '@typo3/backend/modal';
-import Notification from '@typo3/backend/notification';
-import RegularEvent from '@typo3/core/event/regular-event';
-import DebounceEvent from '@typo3/core/event/debounce-event';
-import AjaxRequest from '@typo3/core/ajax/ajax-request';
-import {AjaxResponse} from '@typo3/core/ajax/ajax-response';
-
-interface PositionMapArguments {
-  url: string,
-  defVals: Array<any>,
-  saveAndClose: boolean
-}
-
-enum ClassNames {
-  wizardWindow = 't3-new-content-element-wizard-window'
-}
-
-enum Selectors {
-  modalBodySelector = '.t3js-modal-body',
-  modalTabsSelector = '.t3js-tabs',
-  elementsFilterSelector = '.t3js-contentWizard-search',
-  noResultSelector = '.t3js-filter-noresult',
-  wizardWindowSelector = '.t3-new-content-element-wizard-window',
-  wizardElementSelector = '.t3js-media-new-content-element-wizard',
-  wizardElementWithTargetSelector = 'button[data-target]',
-  wizardElementWithPositionMapArugmentsSelector = 'button[data-position-map-arguments]'
-}
-
-/**
- * Module: @typo3/backend/new-content-element-wizard
- */
-export class NewContentElementWizard {
-  private readonly modal: HTMLElement;
-  private readonly elementsFilter: HTMLInputElement;
-
-  private static getTabIdentifier(tab: Element): string {
-    const tabLink = tab.querySelector('a') as HTMLAnchorElement;
-    const [, tabIdentifier] = tabLink.href.split('#');
-    return tabIdentifier;
-  }
-
-  private static countVisibleContentElements(container: Element): number {
-    return container.querySelectorAll(Selectors.wizardElementSelector + ':not(.hidden)').length;
-  }
-
-  constructor(modal: HTMLElement) {
-    this.modal = modal;
-    this.elementsFilter = this.modal.querySelector(Selectors.elementsFilterSelector);
-
-    // Add new content element specific class to the modal body
-    this.modal.querySelector(Selectors.modalBodySelector)?.classList.add(ClassNames.wizardWindow);
-
-    this.registerEvents();
-  }
-
-  private registerEvents(): void {
-    new RegularEvent('shown.bs.modal', (): void => {
-      this.elementsFilter.focus();
-    }).bindTo(this.modal);
-
-    new RegularEvent('keydown', (e: KeyboardEvent): void => {
-      const target = e.target as HTMLInputElement;
-      if (e.code === 'Escape') {
-        e.stopImmediatePropagation();
-        target.value = '';
-      }
-    }).bindTo(this.elementsFilter);
-
-    new DebounceEvent('keyup', (e: KeyboardEvent): void => {
-      this.filterElements(e.target as HTMLInputElement);
-    }, 150).bindTo(this.elementsFilter);
-
-    new RegularEvent('search', (e: Event): void => {
-      this.filterElements(e.target as HTMLInputElement);
-    }).bindTo(this.elementsFilter);
-
-    new RegularEvent('click', (e: PointerEvent): void => {
-      e.preventDefault();
-      e.stopPropagation();
-    }).delegateTo(this.modal, [Selectors.modalTabsSelector, '.disabled'].join(' '));
-
-    new RegularEvent('click', (e: PointerEvent, eventTarget: HTMLButtonElement): void => {
-      e.preventDefault();
-      const target: string = eventTarget.dataset.target;
-      if (!target) {
-        // Skip in case no target defined
-        return;
-      }
-      // Close modal and call target
-      Modal.dismiss();
-      top.list_frame.location.href = target;
-    }).delegateTo(this.modal, [Selectors.wizardWindowSelector, Selectors.wizardElementWithTargetSelector].join(' '));
-
-    new RegularEvent('click', (e: PointerEvent, eventTarget: HTMLButtonElement): void => {
-      e.preventDefault();
-      if (!eventTarget.dataset.positionMapArguments) {
-        // In case parameters are empty, skip this item
-        return;
-      }
-      const positionMapArguments: PositionMapArguments = JSON.parse(eventTarget.dataset.positionMapArguments);
-      if (!positionMapArguments.url) {
-        // In case no url is given in the parameters, skip the item
-        return;
-      }
-      (new AjaxRequest(positionMapArguments.url)).post({
-        defVals: positionMapArguments.defVals,
-        saveAndClose: positionMapArguments.saveAndClose ? '1' : '0'
-      }).then(async (response: AjaxResponse): Promise<any> => {
-        this.modal.querySelector(Selectors.wizardWindowSelector).innerHTML = await response.raw().text();
-      }).catch((): void => {
-        Notification.error('Could not load module data');
-      });
-    }).delegateTo(this.modal, [Selectors.wizardWindowSelector, Selectors.wizardElementWithPositionMapArugmentsSelector].join(' '));
-  }
-
-  private filterElements(inputField: HTMLInputElement): void {
-    const tabContainer = this.modal.querySelector(Selectors.modalTabsSelector);
-    const nothingFoundAlert = this.modal.querySelector(Selectors.noResultSelector);
-
-    this.modal.querySelectorAll(Selectors.wizardElementSelector).forEach((element: Element): void => {
-      // Clean up textContent by trimming and replacing consecutive spaces with a single space
-      const textContent = element.textContent.trim().replace(/\s+/g, ' ');
-      element.classList.toggle('hidden', inputField.value !== '' && !RegExp(inputField.value, 'i').test(textContent));
-    });
-
-    const visibleContentElements = NewContentElementWizard.countVisibleContentElements(this.modal);
-    tabContainer.parentElement.classList.toggle('hidden', visibleContentElements === 0);
-    nothingFoundAlert.classList.toggle('hidden', visibleContentElements > 0);
-    this.switchTabIfNecessary(tabContainer);
-  }
-
-  private switchTabIfNecessary(tabContainer: Element): void {
-    const currentActiveTab = tabContainer.querySelector('.active').parentElement;
-    const siblings = Array.from(currentActiveTab.parentElement.children);
-
-    for (let sibling of siblings) {
-      const siblingTabIdentifier = NewContentElementWizard.getTabIdentifier(sibling);
-      const navLink = sibling.querySelector('a');
-      navLink.classList.toggle('disabled', !this.hasTabContent(siblingTabIdentifier));
-      if (navLink.classList.contains('disabled')) {
-        navLink.setAttribute('tabindex', '-1');
-      } else {
-        navLink.removeAttribute('tabindex');
-      }
-    }
-
-    if (!this.hasTabContent(NewContentElementWizard.getTabIdentifier(currentActiveTab))) {
-      for (let sibling of siblings) {
-        if (sibling === currentActiveTab) {
-          // We already know the current active tab has no content, that's why we're here in the first place
-          continue;
-        }
-
-        const siblingTabIdentifier = NewContentElementWizard.getTabIdentifier(sibling);
-        if (this.hasTabContent(siblingTabIdentifier)) {
-          this.switchTab(tabContainer.parentElement, siblingTabIdentifier);
-          break;
-        }
-      }
-    }
-  }
-
-  private hasTabContent(tabIdentifier: string): boolean {
-    const tabContentContainer = this.modal.querySelector(`#${tabIdentifier}`);
-    return NewContentElementWizard.countVisibleContentElements(tabContentContainer) > 0;
-  }
-
-  /**
-   * Switches the tab to the requested one. Unfortunately, bootstrap has a bug and searches the tab content in document,
-   * whereas top.document is our correct context.
-   *
-   * @param {HTMLElement} tabContainerWrapper
-   * @param {string} tabIdentifier
-   */
-  private switchTab(tabContainerWrapper: HTMLElement, tabIdentifier: string): void {
-    const tabElement = tabContainerWrapper.querySelector(`a[href="#${tabIdentifier}"]`);
-    const tabContentElement = this.modal.querySelector(`#${tabIdentifier}`);
-
-    tabContainerWrapper.querySelector('a.active').classList.remove('active');
-    tabContainerWrapper.querySelector('.tab-pane.active').classList.remove('active');
-
-    tabElement.classList.add('active');
-    tabContentElement.classList.add('active');
-  }
-}
diff --git a/typo3_src/TypeScript/backend/new-multiple-pages.ts b/typo3_src/TypeScript/backend/new-multiple-pages.ts
deleted file mode 100644
index 67c5328..0000000
--- a/typo3_src/TypeScript/backend/new-multiple-pages.ts
+++ /dev/null
@@ -1,73 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import $ from 'jquery';
-
-enum Identifiers {
-  containerSelector = '.t3js-newmultiplepages-container',
-  addMoreFieldsButtonSelector = '.t3js-newmultiplepages-createnewfields',
-  doktypeSelector = '.t3js-newmultiplepages-select-doktype',
-  templateRow = '.t3js-newmultiplepages-newlinetemplate',
-}
-
-/**
- * Module: @typo3/backend/new-multiple-pages
- * JavaScript functions for creating multiple pages
- */
-class NewMultiplePages {
-  private lineCounter: number = 5;
-
-  constructor() {
-    $((): void => {
-      this.initializeEvents();
-    });
-  }
-
-  /**
-   * Register listeners
-   */
-  private initializeEvents(): void {
-    $(Identifiers.addMoreFieldsButtonSelector).on('click', (): void => {
-      this.createNewFormFields();
-    });
-
-    $(document).on('change', Identifiers.doktypeSelector, (e: JQueryEventObject): void => {
-      this.actOnTypeSelectChange($(e.currentTarget));
-    });
-  }
-
-  /**
-   * Add further input rows
-   */
-  private createNewFormFields(): void {
-    for (let i = 0; i < 5; i++) {
-      const label = this.lineCounter + i + 1;
-      const line = $(Identifiers.templateRow).html()
-        .replace(/\[0\]/g, (this.lineCounter + i).toString())
-        .replace(/\[1\]/g, label.toString());
-      $(line).appendTo(Identifiers.containerSelector);
-    }
-    this.lineCounter += 5;
-  }
-
-  /**
-   * @param {JQuery} $selectElement
-   */
-  private actOnTypeSelectChange($selectElement: JQuery): void {
-    const $optionElement = $selectElement.find(':selected');
-    const $target = $($selectElement.data('target'));
-    $target.html($optionElement.data('icon'));
-  }
-}
-
-export default new NewMultiplePages();
diff --git a/typo3_src/TypeScript/backend/notification.ts b/typo3_src/TypeScript/backend/notification.ts
deleted file mode 100644
index 2c21fbc..0000000
--- a/typo3_src/TypeScript/backend/notification.ts
+++ /dev/null
@@ -1,279 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {LitElement, html} from 'lit';
-import {customElement, property, state} from 'lit/decorators';
-import {classMap} from 'lit/directives/class-map';
-import {ifDefined} from 'lit/directives/if-defined';
-import {AbstractAction} from './action-button/abstract-action';
-import {SeverityEnum} from './enum/severity';
-import Severity from './severity';
-
-interface Action {
-  label: string;
-  action?: AbstractAction;
-}
-
-/**
- * Module: @typo3/backend/notification
- * Notification API for the TYPO3 backend
- */
-class Notification {
-  private static duration: number = 5;
-  private static messageContainer: HTMLElement = null;
-
-  /**
-   * Show a notice notification
-   *
-   * @param {string} title
-   * @param {string} message
-   * @param {number} duration
-   * @param {Action[]} actions
-   */
-  public static notice(title: string, message?: string, duration?: number, actions?: Array<Action>): void {
-    Notification.showMessage(title, message, SeverityEnum.notice, duration, actions);
-  }
-
-  /**
-   * Show a info notification
-   *
-   * @param {string} title
-   * @param {string} message
-   * @param {number} duration
-   * @param {Action[]} actions
-   */
-  public static info(title: string, message?: string, duration?: number, actions?: Array<Action>): void {
-    Notification.showMessage(title, message, SeverityEnum.info, duration, actions);
-  }
-
-  /**
-   * Show a success notification
-   *
-   * @param {string} title
-   * @param {string} message
-   * @param {number} duration
-   * @param {Action[]} actions
-   */
-  public static success(title: string, message?: string, duration?: number, actions?: Array<Action>): void {
-    Notification.showMessage(title, message, SeverityEnum.ok, duration, actions);
-  }
-
-  /**
-   * Show a warning notification
-   *
-   * @param {string} title
-   * @param {string} message
-   * @param {number} duration
-   * @param {Action[]} actions
-   */
-  public static warning(title: string, message?: string, duration?: number, actions?: Array<Action>): void {
-    Notification.showMessage(title, message, SeverityEnum.warning, duration, actions);
-  }
-
-  /**
-   * Show a error notification
-   *
-   * @param {string} title
-   * @param {string} message
-   * @param {number} duration
-   * @param {Action[]} actions
-   */
-  public static error(title: string, message?: string, duration: number = 0, actions?: Array<Action>): void {
-    Notification.showMessage(title, message, SeverityEnum.error, duration, actions);
-  }
-
-  /**
-   * @param {string} title
-   * @param {string} message
-   * @param {SeverityEnum} severity
-   * @param {number} duration
-   * @param {Action[]} actions
-   */
-  public static showMessage(
-    title: string,
-    message?: string,
-    severity: SeverityEnum = SeverityEnum.info,
-    duration?: number | string,
-    actions: Array<Action> = [],
-  ): void {
-    if (typeof duration === 'undefined') {
-      duration = (severity === SeverityEnum.error) ? 0 : this.duration;
-    }
-
-    if (this.messageContainer === null || document.getElementById('alert-container') === null) {
-      this.messageContainer = document.createElement('div');
-      this.messageContainer.setAttribute('id', 'alert-container');
-      document.body.appendChild(this.messageContainer);
-    }
-
-    const box = <NotificationMessage>document.createElement('typo3-notification-message');
-    box.setAttribute('notificationId', 'notification-' + Math.random().toString(36).substr(2, 5));
-    box.setAttribute('title', title);
-    if (message) {
-      box.setAttribute('message', message);
-    }
-    box.setAttribute('severity', severity.toString());
-    box.setAttribute('duration', duration.toString());
-    box.actions = actions;
-    this.messageContainer.appendChild(box);
-  }
-}
-
-@customElement('typo3-notification-message')
-class NotificationMessage extends LitElement {
-  @property() notificationId: string;
-  @property() title: string;
-  @property() message: string;
-  @property({type: Number}) severity: SeverityEnum = SeverityEnum.info;
-  @property() duration: number = 0;
-  @property({type: Array, attribute: false}) actions: Array<Action> = [];
-
-  @state() visible: boolean = false;
-  @state() executingAction: number = -1;
-
-  createRenderRoot(): Element|ShadowRoot {
-    return this;
-  }
-
-  async firstUpdated() {
-    await new Promise(resolve => window.setTimeout(resolve, 200));
-    this.visible = true;
-    await this.requestUpdate();
-    if (this.duration > 0) {
-      await new Promise(resolve => window.setTimeout(resolve, this.duration * 1000));
-      this.close();
-    }
-  }
-
-  async close(): Promise<void> {
-    this.visible = false;
-    const onfinish = () => {
-      this.parentNode && this.parentNode.removeChild(this);
-    };
-
-    if ('animate' in this) {
-      this.style.overflow = 'hidden';
-      this.style.display = 'block';
-      this.animate(
-        [
-          { height: this.getBoundingClientRect().height + 'px' },
-          { height: 0 },
-        ], {
-          duration: 400,
-          easing: 'cubic-bezier(.02, .01, .47, 1)'
-        }
-      ).onfinish = onfinish;
-    } else {
-      onfinish();
-    }
-  }
-
-  render() {
-    const className = Severity.getCssClass(this.severity);
-    let icon = '';
-    switch (this.severity) {
-      case SeverityEnum.notice:
-        icon = 'lightbulb-o';
-        break;
-      case SeverityEnum.ok:
-        icon = 'check';
-        break;
-      case SeverityEnum.warning:
-        icon = 'exclamation';
-        break;
-      case SeverityEnum.error:
-        icon = 'times';
-        break;
-      case SeverityEnum.info:
-      default:
-        icon = 'info';
-    }
-
-    /* eslint-disable @typescript-eslint/indent */
-    return html`
-      <div
-        id="${ifDefined(this.notificationId || undefined)}"
-        class="${'alert alert-' + className + ' alert-dismissible fade' + (this.visible ? ' in' : '')}"
-        role="alert">
-        <button type="button" class="close" @click="${async (e: Event) => this.close()}">
-          <span aria-hidden="true"><i class="fa fa-times-circle"></i></span>
-          <span class="sr-only">Close</span>
-        </button>
-        <div class="media">
-          <div class="media-left">
-            <span class="fa-stack fa-lg">
-              <i class="fa fa-circle fa-stack-2x"></i>
-              <i class="${'fa fa-' + icon + ' fa-stack-1x'}"></i>
-            </span>
-          </div>
-          <div class="media-body">
-            <h4 class="alert-title">${this.title}</h4>
-            <p class="alert-message text-pre-wrap">${this.message ? this.message : ''}</p>
-          </div>
-        </div>
-        ${this.actions.length === 0 ? '' : html`
-          <div class="alert-actions">
-            ${this.actions.map((action, index) => html`
-              <a href="#"
-                 title="${action.label}"
-                 @click="${async (e: any) => {
-                   e.preventDefault()
-                   this.executingAction = index;
-                   await this.updateComplete;
-                   if ('action' in action) {
-                     await action.action.execute(e.currentTarget);
-                   }
-                   this.close();
-                 }}"
-                 class="${classMap({
-                   executing: this.executingAction === index,
-                   disabled: this.executingAction >= 0 && this.executingAction !== index
-                 })}"
-                >${action.label}</a>
-            `)}
-          </div>
-        `}
-      </div>
-    `;
-    /* eslint-enable @typescript-eslint/indent */
-  }
-}
-
-let notificationObject: any;
-
-try {
-  // fetch from parent
-  if (parent && parent.window.TYPO3 && parent.window.TYPO3.Notification) {
-    notificationObject = parent.window.TYPO3.Notification;
-  }
-
-  // fetch object from outer frame
-  if (top && top.TYPO3.Notification) {
-    notificationObject = top.TYPO3.Notification;
-  }
-} catch {
-  // This only happens if the opener, parent or top is some other url (eg a local file)
-  // which loaded the current window. Then the browser's cross domain policy jumps in
-  // and raises an exception.
-  // For this case we are safe and we can create our global object below.
-}
-
-if (!notificationObject) {
-  notificationObject = Notification;
-
-  // attach to global frame
-  if (typeof TYPO3 !== 'undefined') {
-    TYPO3.Notification = notificationObject;
-  }
-}
-export default notificationObject;
diff --git a/typo3_src/TypeScript/backend/online-media.ts b/typo3_src/TypeScript/backend/online-media.ts
deleted file mode 100644
index 2cdc534..0000000
--- a/typo3_src/TypeScript/backend/online-media.ts
+++ /dev/null
@@ -1,143 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import $ from 'jquery';
-import {MessageUtility} from '@typo3/backend/utility/message-utility';
-import {AjaxResponse} from '@typo3/core/ajax/ajax-response';
-import {KeyTypesEnum} from './enum/key-types';
-import NProgress from 'nprogress';
-import AjaxRequest from '@typo3/core/ajax/ajax-request';
-import SecurityUtility from '@typo3/core/security-utility';
-import Modal from './modal';
-import Severity from './severity';
-
-interface Response {
-  file?: number;
-  error?: string;
-}
-
-/**
- * Module: @typo3/backend/online-media
- * Javascript for show the online media dialog
- */
-class OnlineMedia {
-  private readonly securityUtility: SecurityUtility;
-  constructor() {
-    this.securityUtility = new SecurityUtility();
-    $((): void => {
-      this.registerEvents();
-    });
-  }
-
-  private registerEvents(): void {
-    const me = this;
-    $(document).on('click', '.t3js-online-media-add-btn', (e: JQueryEventObject): void => {
-      me.triggerModal($(e.currentTarget));
-    });
-  }
-
-  /**
-   * @param {JQuery} $trigger
-   * @param {string} url
-   */
-  private addOnlineMedia($trigger: JQuery, url: string): void {
-    const target = $trigger.data('target-folder');
-    const allowed = $trigger.data('online-media-allowed');
-    const irreObjectUid = $trigger.data('file-irre-object');
-
-    NProgress.start();
-    new AjaxRequest(TYPO3.settings.ajaxUrls.online_media_create).post({
-      url: url,
-      targetFolder: target,
-      allowed: allowed,
-    }).then(async (response: AjaxResponse): Promise<void> => {
-      const data: Response = await response.resolve();
-      if (data.file) {
-        const message = {
-          actionName: 'typo3:foreignRelation:insert',
-          objectGroup: irreObjectUid,
-          table: 'sys_file',
-          uid: data.file,
-        };
-        MessageUtility.send(message);
-      } else {
-        const $confirm = Modal.confirm(
-          'ERROR',
-          data.error,
-          Severity.error,
-          [{
-            text: TYPO3.lang['button.ok'] || 'OK',
-            btnClass: 'btn-' + Severity.getCssClass(Severity.error),
-            name: 'ok',
-            active: true,
-          }],
-        ).on('confirm.button.ok', (): void => {
-          $confirm.modal('hide');
-        });
-      }
-      NProgress.done();
-    });
-  }
-
-  /**
-   * @param {JQuery} $currentTarget
-   */
-  private triggerModal($currentTarget: JQuery): void {
-    const btnSubmit = $currentTarget.data('btn-submit') || 'Add';
-    const placeholder = $currentTarget.data('placeholder') || 'Paste media url here...';
-    const allowedExtMarkup = $.map($currentTarget.data('online-media-allowed').split(','), (ext: string): string => {
-      return '<span class="badge badge-success">' + this.securityUtility.encodeHtml(ext.toUpperCase(), false) + '</span>';
-    });
-    const allowedHelpText = $currentTarget.data('online-media-allowed-help-text') || 'Allow to embed from sources:';
-
-    const $markup = $('<div>')
-      .attr('class', 'form-control-wrap')
-      .append([
-        $('<input>')
-          .attr('type', 'text')
-          .attr('class', 'form-control online-media-url')
-          .attr('placeholder', placeholder),
-        $('<div>')
-          .attr('class', 'help-block')
-          .html(this.securityUtility.encodeHtml(allowedHelpText, false) + '<br>' + allowedExtMarkup.join(' ')),
-      ]);
-    const $modal = Modal.show(
-      $currentTarget.attr('title'),
-      $markup,
-      Severity.notice,
-      [{
-        text: btnSubmit,
-        btnClass: 'btn btn-primary',
-        name: 'ok',
-        trigger: (): void => {
-          const url = $modal.find('input.online-media-url').val();
-          if (url) {
-            $modal.modal('hide');
-            this.addOnlineMedia($currentTarget, url);
-          }
-        },
-      }],
-    );
-
-    $modal.on('shown.bs.modal', (e: JQueryEventObject): void => {
-      // focus the input field
-      $(e.currentTarget).find('input.online-media-url').first().focus().on('keydown', (kdEvt: JQueryEventObject): void => {
-        if (kdEvt.keyCode === KeyTypesEnum.ENTER) {
-          $modal.find('button[name="ok"]').trigger('click');
-        }
-      });
-    });
-  }
-}
-
-export default new OnlineMedia();
diff --git a/typo3_src/TypeScript/backend/page-actions.ts b/typo3_src/TypeScript/backend/page-actions.ts
deleted file mode 100644
index fcd27d1..0000000
--- a/typo3_src/TypeScript/backend/page-actions.ts
+++ /dev/null
@@ -1,220 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import { KeyTypesEnum } from './enum/key-types';
-import $ from 'jquery';
-import PersistentStorage from './storage/persistent';
-import '@typo3/backend/element/icon-element';
-import '@typo3/backend/new-content-element-wizard-button';
-
-enum IdentifierEnum {
-  pageTitle = '.t3js-title-inlineedit',
-  hiddenElements = '.t3js-hidden-record',
-}
-
-/**
- * Module: @typo3/backend/page-actions
- * JavaScript implementations for page actions
- */
-class PageActions {
-  private pageId: number = 0;
-  private pageOverlayId: number = 0;
-  private $pageTitle: JQuery = null;
-  private $showHiddenElementsCheckbox: JQuery = null;
-
-  constructor() {
-    $((): void => {
-      this.initializeElements();
-      this.initializeEvents();
-      this.initializePageTitleRenaming();
-    });
-  }
-
-  /**
-   * Set the page id (used in the RequireJS callback)
-   *
-   * @param {number} pageId
-   */
-  public setPageId(pageId: number): void {
-    this.pageId = pageId;
-  }
-
-  /**
-   * Set the overlay id
-   *
-   * @param {number} overlayId
-   */
-  public setLanguageOverlayId(overlayId: number): void {
-    this.pageOverlayId = overlayId;
-  }
-
-  /**
-   * Initialize page title renaming
-   */
-  public initializePageTitleRenaming(): void {
-    if (!$.isReady) {
-      $((): void => {
-        this.initializePageTitleRenaming();
-      });
-      return;
-    }
-    if (this.pageId <= 0) {
-      return;
-    }
-
-    const $editActionLink = $(
-      '<button type="button" class="btn btn-link" aria-label="' + TYPO3.lang.editPageTitle + '" data-action="edit">' +
-      '<typo3-backend-icon identifier="actions-open" size="small"></typo3-backend-icon>' +
-      '</button>'
-    );
-    $editActionLink.on('click', (): void => {
-      this.editPageTitle();
-    });
-    this.$pageTitle
-      .on('dblclick', (): void => {
-        this.editPageTitle();
-      })
-      .append($editActionLink);
-  }
-
-  /**
-   * Initialize elements
-   */
-  private initializeElements(): void {
-    this.$pageTitle = $(IdentifierEnum.pageTitle + ':first');
-    this.$showHiddenElementsCheckbox = $('#checkShowHidden');
-  }
-
-  /**
-   * Initialize events
-   */
-  private initializeEvents(): void {
-    this.$showHiddenElementsCheckbox.on('change', this.toggleContentElementVisibility);
-  }
-
-  /**
-   * Toggles the "Show hidden content elements" checkbox
-   */
-  private toggleContentElementVisibility(e: JQueryEventObject): void {
-    const $me = $(e.currentTarget);
-    const $hiddenElements = $(IdentifierEnum.hiddenElements);
-
-    // show a spinner to show activity
-    const $spinner = $('<span class="form-check-spinner"><typo3-backend-icon identifier="spinner-circle" size="small"></typo3-backend-icon></span>');
-    $me.hide().after($spinner);
-
-    if ($me.prop('checked')) {
-      $hiddenElements.slideDown();
-    } else {
-      $hiddenElements.slideUp();
-    }
-
-    PersistentStorage.set('moduleData.web_layout.showHidden', $me.prop('checked') ? '1' : '0').done((): void => {
-      $spinner.remove();
-      $me.show();
-    });
-  }
-
-  /**
-   * Changes the h1 to an edit form
-   */
-  private editPageTitle(): void {
-    const $inputFieldWrap = $(
-        '<form class="t3js-title-edit-form">' +
-        '<div class="form-group">' +
-        '<div class="input-group input-group-lg">' +
-        '<input class="form-control t3js-title-edit-input">' +
-        '<button class="btn btn-default" type="button" data-action="submit"><typo3-backend-icon identifier="actions-save" size="small"></typo3-backend-icon></button> ' +
-        '<button class="btn btn-default" type="button" data-action="cancel"><typo3-backend-icon identifier="actions-close" size="small"></typo3-backend-icon></button> ' +
-        '</div>' +
-        '</div>' +
-        '</form>',
-      ),
-      $inputField = $inputFieldWrap.find('input');
-
-    $inputFieldWrap.find('[data-action="cancel"]').on('click', (): void => {
-      $inputFieldWrap.replaceWith(this.$pageTitle);
-      this.initializePageTitleRenaming();
-    });
-
-    $inputFieldWrap.find('[data-action="submit"]').on('click', (): void => {
-      const newPageTitle = $inputField.val().trim();
-      if (newPageTitle !== '' && this.$pageTitle.text() !== newPageTitle) {
-        this.saveChanges($inputField);
-      } else {
-        $inputFieldWrap.find('[data-action="cancel"]').trigger('click');
-      }
-    });
-
-    // the form stuff is a wacky workaround to prevent the submission of the docheader form
-    $inputField.parents('form').on('submit', (e: JQueryEventObject): boolean => {
-      e.preventDefault();
-      return false;
-    });
-
-    const $h1 = this.$pageTitle;
-    $h1.children().last().remove();
-    $h1.replaceWith($inputFieldWrap);
-    $inputField.val($h1.text()).focus();
-
-    // Use type 'keydown' instead of 'keyup' which would be triggered directly in case a keyboard is used to start editing.
-    $inputField.on('keydown', (e: JQueryEventObject): void => {
-      switch (e.which) {
-        case KeyTypesEnum.ENTER:
-          $inputFieldWrap.find('[data-action="submit"]').trigger('click');
-          break;
-        case KeyTypesEnum.ESCAPE:
-          $inputFieldWrap.find('[data-action="cancel"]').trigger('click');
-          break;
-        default:
-      }
-    });
-  }
-
-  /**
-   * Save the changes and reload the page tree
-   *
-   * @param {JQuery} $field
-   */
-  private saveChanges($field: JQuery): void {
-    const $inputFieldWrap = $field.parents('form.t3js-title-edit-form');
-    $inputFieldWrap.find('button').addClass('disabled');
-    $field.attr('disabled', 'disabled');
-
-    let parameters: { [k: string]: any } = {};
-    let recordUid;
-
-    if (this.pageOverlayId > 0) {
-      recordUid = this.pageOverlayId;
-    } else {
-      recordUid = this.pageId;
-    }
-
-    parameters.data = {};
-    parameters.data.pages = {};
-    parameters.data.pages[recordUid] = { title: $field.val() };
-
-    import('@typo3/backend/ajax-data-handler').then(({default: DataHandler}): void => {
-      DataHandler.process(parameters).then((): void => {
-        $inputFieldWrap.find('[data-action=cancel]').trigger('click');
-        this.$pageTitle.text($field.val());
-        this.initializePageTitleRenaming();
-        top.document.dispatchEvent(new CustomEvent('typo3:pagetree:refresh'));
-      }).catch((): void => {
-        $inputFieldWrap.find('[data-action=cancel]').trigger('click');
-      });
-    });
-  }
-}
-
-export default new PageActions();
diff --git a/typo3_src/TypeScript/backend/page-tree/page-tree-element.ts b/typo3_src/TypeScript/backend/page-tree/page-tree-element.ts
deleted file mode 100644
index c80f340..0000000
--- a/typo3_src/TypeScript/backend/page-tree/page-tree-element.ts
+++ /dev/null
@@ -1,1077 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {html, LitElement, TemplateResult, PropertyValues} from 'lit';
-import {customElement, property, query} from 'lit/decorators';
-import {until} from 'lit/directives/until';
-import {lll} from '@typo3/core/lit-helper';
-import {PageTree} from './page-tree';
-import {TreeNode} from './../tree/tree-node';
-import AjaxRequest from '@typo3/core/ajax/ajax-request';
-import {AjaxResponse} from '@typo3/core/ajax/ajax-response';
-import Persistent from '@typo3/backend/storage/persistent';
-import {getRecordFromName} from '../module';
-import ContextMenu from '../context-menu';
-import * as d3selection from 'd3-selection';
-import {KeyTypesEnum as KeyTypes} from '@typo3/backend/enum/key-types';
-import {TreeNodeSelection, TreeWrapperSelection, Toolbar} from '../svg-tree';
-import {DragDrop, DragDropHandler, DraggablePositionEnum} from '../tree/drag-drop';
-import {D3DragEvent} from 'd3-drag';
-import Modal from '../modal';
-import Severity from '../severity';
-import {ModuleStateStorage} from '../storage/module-state-storage';
-
-/**
- * This module defines the Custom Element for rendering the navigation component for an editable page tree
- * including drag+drop, deletion, in-place editing and a custom toolbar for this component.
- *
- * It is used as custom element via "<typo3-backend-navigation-component-pagetree>".
- *
- * The navigationComponentName export is used by the NavigationContainer in order to
- * create an instance of PageTreeNavigationComponent via document.createElement().
- */
-
-export const navigationComponentName: string = 'typo3-backend-navigation-component-pagetree';
-
-/**
- * PageTree which allows for drag+drop, and in-place editing, as well as
- * tree highlighting from the outside
- */
-@customElement('typo3-backend-navigation-component-pagetree-tree')
-export class EditablePageTree extends PageTree {
-  public nodeIsEdit: boolean;
-  public dragDrop: PageTreeDragDrop;
-
-  public selectFirstNode(): void {
-    this.selectNode(this.nodes[0], true);
-    this.focusNode(this.nodes[0]);
-  }
-
-  public sendChangeCommand(data: any): void {
-    let params = '';
-    let targetUid = 0;
-
-    if (data.target) {
-      targetUid = data.target.identifier;
-      if (data.position === 'after') {
-        targetUid = -targetUid;
-      }
-    }
-
-    if (data.command === 'new') {
-      params = '&data[pages][NEW_1][pid]=' + targetUid +
-        '&data[pages][NEW_1][title]=' + encodeURIComponent(data.name) +
-        '&data[pages][NEW_1][doktype]=' + data.type;
-    } else if (data.command === 'edit') {
-      params = '&data[pages][' + data.uid + '][' + data.nameSourceField + ']=' + encodeURIComponent(data.title);
-    } else if (data.command === 'delete') {
-      // @todo currently it's "If uid of deleted record (data.uid) is still selected, randomly select the first node"
-      const moduleStateStorage = ModuleStateStorage.current('web');
-      if (data.uid === moduleStateStorage.identifier) {
-        this.selectFirstNode();
-      }
-      params = '&cmd[pages][' + data.uid + '][delete]=1';
-    } else {
-      params = 'cmd[pages][' + data.uid + '][' + data.command + ']=' + targetUid;
-    }
-
-    this.requestTreeUpdate(params).then((response) => {
-      if (response && response.hasErrors) {
-        this.errorNotification(response.messages, false);
-        this.nodesContainer.selectAll('.node').remove();
-        this.updateVisibleNodes();
-        this.nodesRemovePlaceholder();
-      } else {
-        this.refreshOrFilterTree();
-      }
-    });
-  }
-
-  /**
-   * Make the DOM element of the node given as parameter focusable and focus it
-   */
-  public focusNode(node: TreeNode) {
-    // Focus node only if it's not currently in edit mode
-    if (!this.nodeIsEdit) {
-      super.focusNode(node);
-    }
-  }
-
-  public nodesUpdate(nodes: TreeNodeSelection): TreeNodeSelection {
-    return super.nodesUpdate.call(this, nodes).call(this.initializeDragForNode());
-  }
-
-  public updateNodeBgClass(nodeBg: TreeNodeSelection) {
-    return super.updateNodeBgClass.call(this, nodeBg).call(this.initializeDragForNode());
-  }
-
-  /**
-   * Initializes a drag&drop when called on the page tree. Should be moved somewhere else at some point
-   */
-  public initializeDragForNode() {
-    return this.dragDrop.connectDragHandler(new PageTreeNodeDragHandler(this, this.dragDrop))
-  }
-
-  public removeEditedText() {
-    const inputWrapper = d3selection.selectAll('.node-edit');
-    if (inputWrapper.size()) {
-      try {
-        inputWrapper.remove();
-        this.nodeIsEdit = false;
-      } catch (e) {
-        // ...
-      }
-    }
-  }
-
-  /**
-   * Event handler for double click on a node's label
-   */
-  protected appendTextElement(nodes: TreeNodeSelection): TreeNodeSelection {
-    let clicks = 0;
-    return super.appendTextElement(nodes)
-      .on('click', (event, node: TreeNode) => {
-        if (node.identifier === '0') {
-          this.selectNode(node, true);
-          this.focusNode(node);
-          return;
-        }
-        if (++clicks === 1) {
-          setTimeout(() => {
-            if (clicks === 1) {
-              this.selectNode(node, true);
-              this.focusNode(node);
-            } else {
-              this.editNodeLabel(node);
-            }
-            clicks = 0;
-          }, 300);
-        }
-      });
-  }
-
-  private sendEditNodeLabelCommand(node: TreeNode) {
-    const params = '&data[pages][' + node.identifier + '][' + node.nameSourceField + ']=' + encodeURIComponent(node.newName);
-    this.requestTreeUpdate(params, node)
-      .then((response) => {
-        if (response && response.hasErrors) {
-          this.errorNotification(response.messages, false);
-        } else {
-          node.name = node.newName;
-        }
-        this.refreshOrFilterTree();
-      });
-  }
-
-  private requestTreeUpdate(params: any, node: any = null): Promise<any> {
-    // remove old node from svg tree
-    this.nodesAddPlaceholder(node);
-    return (new AjaxRequest(top.TYPO3.settings.ajaxUrls.record_process))
-      .post(params, {
-        headers: { 'Content-Type': 'application/x-www-form-urlencoded', 'X-Requested-With': 'XMLHttpRequest'},
-      })
-      .then((response) => {
-        return response.resolve();
-      })
-      .catch((error) => {
-        this.errorNotification(error, true);
-      });
-  }
-
-  private editNodeLabel(node: TreeNode) {
-    if (!node.allowEdit) {
-      return;
-    }
-
-    this.disableFocusedNodes();
-    node.focused = true
-    this.updateVisibleNodes();
-
-    this.removeEditedText();
-    this.nodeIsEdit = true;
-
-    d3selection.select(this.svg.node().parentNode as HTMLElement)
-      .append('input')
-      .attr('class', 'node-edit')
-      .style('top', (node.y + this.settings.marginTop) + 'px')
-      .style('left', (node.x + this.textPosition + 5) + 'px')
-      .style('width', 'calc(100% - ' + (node.x + this.textPosition + 5) + 'px)')
-      .style('height', this.settings.nodeHeight + 'px')
-      .attr('type', 'text')
-      .attr('value', node.name)
-      .on('keydown', (event: KeyboardEvent) => {
-        // @todo Migrate to `evt.code`, see https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/code
-        const code = event.keyCode;
-
-        if (code === KeyTypes.ENTER || code === KeyTypes.TAB) {
-          const target = event.target as HTMLInputElement;
-          const newName = target.value.trim();
-          this.nodeIsEdit = false;
-          this.removeEditedText();
-          if (newName.length && (newName !== node.name)) {
-            node.nameSourceField = node.nameSourceField || 'title';
-            node.newName = newName;
-            this.sendEditNodeLabelCommand(node);
-          }
-        } else if (code === KeyTypes.ESCAPE) {
-          this.nodeIsEdit = false;
-          this.removeEditedText();
-        }
-        this.focusNode(node);
-      })
-      .on('blur', (evt: FocusEvent) => {
-        if (!this.nodeIsEdit) {
-          return;
-        }
-        const target = evt.target as HTMLInputElement;
-        const newName = target.value.trim();
-        if (newName.length && (newName !== node.name)) {
-          node.nameSourceField = node.nameSourceField || 'title';
-          node.newName = newName;
-          this.sendEditNodeLabelCommand(node);
-        }
-        this.removeEditedText();
-        this.focusNode(node);
-      })
-      .node()
-      .select();
-  }
-}
-
-interface Configuration {
-  [keys: string]: any;
-}
-
-@customElement(navigationComponentName)
-export class PageTreeNavigationComponent extends LitElement {
-  @property({type: String}) mountPointPath: string = null;
-
-  @query('.svg-tree-wrapper') tree: EditablePageTree;
-  @query('typo3-backend-navigation-component-pagetree-toolbar') toolbar: PageTreeToolbar;
-
-  private configuration: Configuration = null;
-
-  connectedCallback(): void {
-    super.connectedCallback();
-    document.addEventListener('typo3:pagetree:refresh', this.refresh);
-    document.addEventListener('typo3:pagetree:mountPoint', this.setMountPoint);
-    document.addEventListener('typo3:pagetree:selectFirstNode', this.selectFirstNode);
-  }
-
-  disconnectedCallback(): void {
-    document.removeEventListener('typo3:pagetree:refresh', this.refresh);
-    document.removeEventListener('typo3:pagetree:mountPoint', this.setMountPoint);
-    document.removeEventListener('typo3:pagetree:selectFirstNode', this.selectFirstNode);
-    super.disconnectedCallback();
-  }
-
-  // disable shadow dom for now
-  protected createRenderRoot(): HTMLElement | ShadowRoot {
-    return this;
-  }
-
-  protected render(): TemplateResult {
-    return html`
-      <div id="typo3-pagetree" class="svg-tree">
-        ${until(this.renderTree(), this.renderLoader())}
-      </div>
-    `;
-  }
-
-  protected getConfiguration(): Promise<Configuration> {
-    if (this.configuration !== null) {
-      return Promise.resolve(this.configuration);
-    }
-
-    const configurationUrl = top.TYPO3.settings.ajaxUrls.page_tree_configuration;
-    return (new AjaxRequest(configurationUrl)).get()
-      .then(async (response: AjaxResponse): Promise<Configuration> => {
-        const configuration = await response.resolve('json');
-        this.configuration = configuration;
-        this.mountPointPath = configuration.temporaryMountPoint || null;
-        return configuration;
-      });
-  }
-
-  protected renderTree(): Promise<TemplateResult> {
-    return this.getConfiguration()
-      .then((configuration: Configuration): TemplateResult => {
-        // Initialize the toolbar once the tree was rendered
-        const initialized = () => {
-          this.tree.dragDrop = new PageTreeDragDrop(this.tree);
-          this.toolbar.tree = this.tree;
-          this.tree.addEventListener('typo3:svg-tree:expand-toggle', this.toggleExpandState);
-          this.tree.addEventListener('typo3:svg-tree:node-selected', this.loadContent);
-          this.tree.addEventListener('typo3:svg-tree:node-context', this.showContextMenu);
-          this.tree.addEventListener('typo3:svg-tree:nodes-prepared', this.selectActiveNode);
-        }
-
-        return html`
-          <div>
-            <typo3-backend-navigation-component-pagetree-toolbar id="typo3-pagetree-toolbar" class="svg-toolbar" .tree="${this.tree}"></typo3-backend-navigation-component-pagetree-toolbar>
-            <div id="typo3-pagetree-treeContainer" class="navigation-tree-container">
-              ${this.renderMountPoint()}
-              <typo3-backend-navigation-component-pagetree-tree id="typo3-pagetree-tree" class="svg-tree-wrapper" .setup=${configuration} @svg-tree:initialized=${initialized}></typo3-backend-navigation-component-pagetree-tree>
-            </div>
-          </div>
-          ${this.renderLoader()}
-        `;
-      });
-  }
-
-  protected renderLoader(): TemplateResult {
-    return html`
-      <div class="svg-tree-loader">
-        <typo3-backend-icon identifier="spinner-circle-light" size="large"></typo3-backend-icon>
-      </div>
-    `;
-  }
-
-  private refresh = (): void => {
-    this.tree.refreshOrFilterTree();
-  }
-
-  private setMountPoint = (e: CustomEvent): void => {
-    this.setTemporaryMountPoint(e.detail.pageId as number);
-  }
-
-  private selectFirstNode = (): void => {
-    this.tree.selectFirstNode();
-  }
-
-  private unsetTemporaryMountPoint() {
-    this.mountPointPath = null;
-    Persistent.unset('pageTree_temporaryMountPoint').then(() => {
-      this.tree.refreshTree();
-    });
-  }
-
-  private renderMountPoint(): TemplateResult {
-    if (this.mountPointPath === null) {
-      return html``;
-    }
-    return html`
-      <div class="node-mount-point">
-        <div class="node-mount-point__icon"><typo3-backend-icon identifier="actions-info-circle" size="small"></typo3-backend-icon></div>
-        <div class="node-mount-point__text">${this.mountPointPath}</div>
-        <div class="node-mount-point__icon mountpoint-close" @click="${() => this.unsetTemporaryMountPoint()}" title="${lll('labels.temporaryDBmount')}">
-          <typo3-backend-icon identifier="actions-close" size="small"></typo3-backend-icon>
-        </div>
-      </div>
-    `;
-  }
-
-  private setTemporaryMountPoint(pid: number): void {
-    (new AjaxRequest(this.configuration.setTemporaryMountPointUrl))
-      .post('pid=' + pid, {
-        headers: { 'Content-Type': 'application/x-www-form-urlencoded', 'X-Requested-With': 'XMLHttpRequest'},
-      })
-      .then((response) => response.resolve())
-      .then((response) => {
-        if (response && response.hasErrors) {
-          this.tree.errorNotification(response.message, true);
-          this.tree.updateVisibleNodes();
-        } else {
-          this.mountPointPath = response.mountPointPath;
-          this.tree.refreshOrFilterTree();
-        }
-      })
-      .catch((error) => {
-        this.tree.errorNotification(error, true);
-      });
-  }
-
-  private toggleExpandState = (evt: CustomEvent): void => {
-    const node = evt.detail.node as TreeNode;
-    if (node) {
-      Persistent.set('BackendComponents.States.Pagetree.stateHash.' + node.stateIdentifier, (node.expanded ? '1' : '0'));
-    }
-  }
-
-  private loadContent = (evt: CustomEvent): void => {
-    const node = evt.detail.node as TreeNode;
-    if (!node?.checked) {
-      return;
-    }
-    //remember the selected page in the global state
-    ModuleStateStorage.update('web', node.identifier, true, node.stateIdentifier.split('_')[0]);
-
-    if (evt.detail.propagate === false) {
-      return;
-    }
-
-    // Load the currently selected module with the updated URL
-    const moduleMenu = top.TYPO3.ModuleMenu.App;
-    let contentUrl = getRecordFromName(moduleMenu.getCurrentModule()).link;
-    contentUrl += contentUrl.includes('?') ? '&' : '?';
-    top.TYPO3.Backend.ContentContainer.setUrl(contentUrl + 'id=' + node.identifier);
-  }
-
-  private showContextMenu = (evt: CustomEvent): void => {
-    const node = evt.detail.node as TreeNode;
-    if (!node) {
-      return;
-    }
-    ContextMenu.show(
-      node.itemType,
-      parseInt(node.identifier, 10),
-      'tree',
-      '',
-      '',
-      this.tree.getElementFromNode(node)
-    );
-  }
-
-  /**
-   * Event listener called for each loaded node,
-   * here used to mark node remembered in ModuleState as selected
-   */
-  private selectActiveNode = (evt: CustomEvent): void => {
-    const selectedNodeIdentifier = ModuleStateStorage.current('web').selection;
-    let nodes = evt.detail.nodes as Array<TreeNode>;
-    evt.detail.nodes = nodes.map((node: TreeNode) => {
-      if (node.stateIdentifier === selectedNodeIdentifier) {
-        node.checked = true;
-      }
-      return node;
-    });
-  }
-}
-
-@customElement('typo3-backend-navigation-component-pagetree-toolbar')
-class PageTreeToolbar extends Toolbar {
-  @property({type: EditablePageTree}) tree: EditablePageTree = null;
-
-  public initializeDragDrop(dragDrop: PageTreeDragDrop): void
-  {
-    if (this.tree?.settings?.doktypes?.length) {
-      this.tree.settings.doktypes.forEach((item: any) => {
-        if (item.icon) {
-          const htmlElement = this.querySelector('[data-tree-icon="' + item.icon + '"]');
-          d3selection.select(htmlElement).call(this.dragToolbar(item, dragDrop));
-        } else {
-          console.warn('Missing icon definition for doktype: ' + item.nodeType);
-        }
-      });
-    }
-  }
-
-  protected updated(changedProperties: PropertyValues): void {
-    changedProperties.forEach((oldValue, propName) => {
-      if (propName === 'tree' && this.tree !== null) {
-        this.initializeDragDrop(this.tree.dragDrop);
-      }
-    });
-  }
-
-  protected render(): TemplateResult {
-    /* eslint-disable @typescript-eslint/indent */
-    return html`
-      <div class="tree-toolbar">
-        <div class="svg-toolbar__menu">
-          <div class="svg-toolbar__search">
-              <input type="search" class="form-control form-control-sm search-input" placeholder="${lll('tree.searchTermInfo')}">
-          </div>
-        </div>
-        <div class="svg-toolbar__submenu">
-          ${this.tree?.settings?.doktypes?.length
-            ? this.tree.settings.doktypes.map((item: any) => {
-              return html`
-                <div class="svg-toolbar__menuitem svg-toolbar__drag-node" data-tree-icon="${item.icon}" data-node-type="${item.nodeType}"
-                     title="${item.title}" tooltip="${item.tooltip}">
-                  <typo3-backend-icon identifier="${item.icon}" size="small"></typo3-backend-icon>
-                </div>
-              `;
-              })
-            : ''
-          }
-          <a class="svg-toolbar__menuitem nav-link dropdown-toggle dropdown-toggle-no-chevron float-end" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false"><typo3-backend-icon identifier="actions-menu-alternative" size="small"></typo3-backend-icon></a>
-          <ul class="dropdown-menu dropdown-menu-end">
-            <li>
-              <button class="dropdown-item" @click="${() => this.refreshTree()}">
-                <typo3-backend-icon identifier="actions-refresh" size="small" class="icon icon-size-small"></typo3-backend-icon>
-                ${lll('labels.refresh')}
-              </button>
-            </li>
-            <li>
-              <button class="dropdown-item" @click="${(evt: MouseEvent) => this.collapseAll(evt)}">
-                <typo3-backend-icon identifier="apps-pagetree-category-collapse-all" size="small" class="icon icon-size-small"></typo3-backend-icon>
-                ${lll('labels.collapse')}
-              </button>
-            </li>
-          </ul>
-        </div>
-      </div>
-    `;
-  }
-
-  /**
-   * Register Drag and drop for new elements of toolbar
-   * Returns method from d3drag
-   */
-  private dragToolbar(item: any, dragDrop: PageTreeDragDrop) {
-    return dragDrop.connectDragHandler(new ToolbarDragHandler(item, this.tree, dragDrop));
-  }
-}
-
-
-type TreeNodeDragEvent = D3DragEvent<SVGElement, any, TreeNode>;
-
-interface NodeCreationOptions {
-  type: string,
-  name: string,
-  title?: string;
-  tooltip: string,
-  icon: string,
-  position: DraggablePositionEnum,
-  target: TreeNode
-}
-
-interface NodePositionOptions {
-  node: TreeNode,
-  target: TreeNode,
-  uid: string,
-  position: DraggablePositionEnum,
-  command: string
-}
-
-interface NodeTargetPosition {
-  target: TreeNode,
-  position: DraggablePositionEnum
-}
-
-/**
- * Extends Drag&Drop functionality for Page Tree positioning when dropping
- */
-class PageTreeDragDrop extends DragDrop {
-  public changeNodePosition(droppedNode: TreeNode, command: string = ''): null|NodePositionOptions {
-    const nodes = this.tree.nodes;
-    const uid = this.tree.settings.nodeDrag.identifier;
-    let position = this.tree.settings.nodeDragPosition;
-    let target = droppedNode || this.tree.settings.nodeDrag;
-
-    if (uid === target.identifier && command !== 'delete') {
-      return null;
-    }
-
-    if (position === DraggablePositionEnum.BEFORE) {
-      const index = nodes.indexOf(droppedNode);
-      const positionAndTarget = this.setNodePositionAndTarget(index);
-      if (positionAndTarget === null) {
-        return null;
-      }
-      position = positionAndTarget.position;
-      target = positionAndTarget.target;
-    }
-
-    return {
-      node: this.tree.settings.nodeDrag,
-      uid: uid, // dragged node id
-      target: target, // hovered node
-      position: position, // before, in, after
-      command: command // element is copied or moved
-    }
-  }
-
-  /**
-   * Returns Array of position and target node
-   *
-   * @param {number} index of node which is over mouse
-   * @returns {Array} [position, target]
-   * @todo this should be moved into PageTree.js
-   */
-  public setNodePositionAndTarget(index: number): null|NodeTargetPosition {
-    const nodes = this.tree.nodes;
-    const nodeOver = nodes[index];
-    const nodeOverDepth = nodeOver.depth;
-    if (index > 0) {
-      index--;
-    }
-    const nodeBefore = nodes[index];
-    const nodeBeforeDepth = nodeBefore.depth;
-    const target = this.tree.nodes[index];
-
-    if (nodeBeforeDepth === nodeOverDepth) {
-      return {position: DraggablePositionEnum.AFTER, target};
-    } else if (nodeBeforeDepth < nodeOverDepth) {
-      return {position: DraggablePositionEnum.INSIDE, target};
-    } else {
-      for (let i = index; i >= 0; i--) {
-        if (nodes[i].depth === nodeOverDepth) {
-          return {position: DraggablePositionEnum.AFTER, target: this.tree.nodes[i]};
-        } else if (nodes[i].depth < nodeOverDepth) {
-          return {position: DraggablePositionEnum.AFTER, target: nodes[i]};
-        }
-      }
-    }
-    return null;
-  }
-}
-
-/**
- * Main Handler for the toolbar when creating new items
- */
-class ToolbarDragHandler implements DragDropHandler {
-  public startDrag: boolean = false;
-  public startPageX: number = 0;
-  public startPageY: number = 0;
-  private readonly id: string = '';
-  private readonly name: string = '';
-  private readonly tooltip: string = '';
-  private readonly icon: string = '';
-  private isDragged: boolean = false;
-  private dragDrop: PageTreeDragDrop;
-  private tree: EditablePageTree;
-
-  constructor(item: any, tree: EditablePageTree, dragDrop: PageTreeDragDrop) {
-    this.id = item.nodeType;
-    this.name = item.title;
-    this.tooltip = item.tooltip;
-    this.icon = item.icon;
-    this.tree = tree;
-    this.dragDrop = dragDrop;
-  }
-
-  public dragStart(event: TreeNodeDragEvent): boolean {
-    this.isDragged = false;
-    this.startDrag = false;
-    this.startPageX = event.sourceEvent.pageX;
-    this.startPageY = event.sourceEvent.pageY;
-    return true;
-  }
-
-  public dragDragged(event: TreeNodeDragEvent): boolean {
-    if (this.dragDrop.isDragNodeDistanceMore(event, this)) {
-      this.startDrag = true;
-    } else {
-      return false;
-    }
-
-    // Add the draggable element
-    if (this.isDragged === false) {
-      this.isDragged = true;
-      this.dragDrop.createDraggable('#icon-' + this.icon, this.name);
-    }
-    this.dragDrop.openNodeTimeout();
-    this.dragDrop.updateDraggablePosition(event);
-    this.dragDrop.changeNodeClasses(event);
-    return true;
-  }
-
-  public dragEnd(event: TreeNodeDragEvent): boolean {
-    if (!this.startDrag) {
-      return false;
-    }
-
-    this.isDragged = false;
-    this.dragDrop.removeNodeDdClass();
-    if (this.tree.settings.allowDragMove !== true || !this.tree.hoveredNode || !this.tree.isOverSvg) {
-      return false;
-    }
-    if (this.tree.settings.canNodeDrag) {
-      this.addNewNode({
-        type: this.id,
-        name: this.name,
-        tooltip: this.tooltip,
-        icon: this.icon,
-        position: this.tree.settings.nodeDragPosition,
-        target: this.tree.hoveredNode
-      });
-    }
-    return true;
-  }
-
-  /**
-   * Add new node to the tree (used in drag+drop)
-   *
-   * @type {Object} options
-   * @private
-   */
-  private addNewNode(options: NodeCreationOptions): void {
-    const target = options.target;
-    let index = this.tree.nodes.indexOf(target);
-    const newNode = {} as TreeNode;
-
-    this.tree.disableFocusedNodes();
-    newNode.focused = true
-    this.tree.updateVisibleNodes();
-
-    newNode.command = 'new';
-    newNode.type = options.type;
-    newNode.identifier = '-1';
-    newNode.target = target;
-    newNode.parents = target.parents;
-    newNode.parentsStateIdentifier = target.parentsStateIdentifier;
-    newNode.depth = target.depth;
-    newNode.position = options.position;
-    newNode.name = (typeof options.title !== 'undefined') ? options.title : TYPO3.lang['tree.defaultPageTitle'];
-    newNode.y = newNode.y || newNode.target.y;
-    newNode.x = newNode.x || newNode.target.x;
-
-    this.tree.nodeIsEdit = true;
-
-    if (options.position === DraggablePositionEnum.INSIDE) {
-      newNode.depth++;
-      newNode.parents.unshift(index);
-      newNode.parentsStateIdentifier.unshift(this.tree.nodes[index].stateIdentifier);
-      this.tree.nodes[index].hasChildren = true;
-      this.tree.showChildren(this.tree.nodes[index]);
-    }
-
-    if (options.position === DraggablePositionEnum.INSIDE || options.position === DraggablePositionEnum.AFTER) {
-      index++;
-    }
-
-    if (options.icon) {
-      newNode.icon = options.icon;
-    }
-
-    if (newNode.position === DraggablePositionEnum.BEFORE) {
-      const positionAndTarget = this.dragDrop.setNodePositionAndTarget(index);
-      // @todo Check whether an error should be thrown in case of `null`
-      if (positionAndTarget !== null) {
-        newNode.position = positionAndTarget.position;
-        newNode.target = positionAndTarget.target;
-      }
-    }
-
-    this.tree.nodes.splice(index, 0, newNode);
-    this.tree.setParametersNode();
-    this.tree.prepareDataForVisibleNodes();
-    this.tree.updateVisibleNodes();
-    this.tree.removeEditedText();
-
-    d3selection.select(this.tree.svg.node().parentNode as HTMLElement)
-      .append('input')
-      .attr('class', 'node-edit')
-      .style('top', (newNode.y + this.tree.settings.marginTop) + 'px')
-      .style('left', (newNode.x + this.tree.textPosition + 5) + 'px')
-      .style('width', 'calc(100% - ' + (newNode.x + this.tree.textPosition + 5) + 'px)')
-      .style('height', this.tree.settings.nodeHeight + 'px')
-      .attr('text', 'text')
-      .attr('value', newNode.name)
-      .on('keydown', (evt: KeyboardEvent) => {
-        const target = evt.target as HTMLInputElement;
-        const code = evt.keyCode;
-        if (code === 13 || code === 9) { // enter || tab
-          this.tree.nodeIsEdit = false;
-          const newName = target.value.trim();
-          if (newName.length) {
-            newNode.name = newName;
-            this.tree.removeEditedText();
-            this.tree.sendChangeCommand(newNode);
-          } else {
-            this.removeNode(newNode);
-          }
-        } else if (code === 27) { // esc
-          this.tree.nodeIsEdit = false;
-          this.removeNode(newNode);
-        }
-      })
-      .on('blur', (evt: FocusEvent) => {
-        if (this.tree.nodeIsEdit && (this.tree.nodes.indexOf(newNode) > -1)) {
-          const target = evt.target as HTMLInputElement;
-          const newName = target.value.trim();
-          if (newName.length) {
-            newNode.name = newName;
-            this.tree.removeEditedText();
-            this.tree.sendChangeCommand(newNode);
-          } else {
-            this.removeNode(newNode);
-          }
-        }
-      })
-      .node()
-      .select();
-  }
-
-  private removeNode(newNode: TreeNode) {
-    let index = this.tree.nodes.indexOf(newNode);
-    // if newNode is only one child
-    if (this.tree.nodes[index - 1].depth != newNode.depth
-      && (!this.tree.nodes[index + 1] || this.tree.nodes[index + 1].depth != newNode.depth)) {
-      this.tree.nodes[index - 1].hasChildren = false;
-    }
-    this.tree.nodes.splice(index, 1);
-    this.tree.setParametersNode();
-    this.tree.prepareDataForVisibleNodes();
-    this.tree.updateVisibleNodes();
-    this.tree.removeEditedText();
-  };
-}
-
-/**
- * Drag and drop for nodes (copy/move) including the deleting / drop functionality.
- */
-class PageTreeNodeDragHandler implements DragDropHandler {
-  public startDrag: boolean = false;
-  public startPageX: number = 0;
-  public startPageY: number = 0;
-
-  /**
-   * SVG <g> container for deleting drop zone
-   *
-   * @type {Selection}
-   */
-  private dropZoneDelete: null|TreeWrapperSelection<SVGGElement>;
-  private isDragged: boolean = false;
-  private tree: any;
-  private dragDrop: PageTreeDragDrop;
-  private nodeIsOverDelete: boolean = false;
-
-  constructor(tree: any, dragDrop: PageTreeDragDrop) {
-    this.tree = tree;
-    this.dragDrop = dragDrop;
-  }
-
-  public dragStart(event: TreeNodeDragEvent): boolean {
-    const node = event.subject;
-    if (this.tree.settings.allowDragMove !== true || node.depth === 0) {
-      return false;
-    }
-    this.dropZoneDelete = null;
-
-    if (node.allowDelete) {
-      this.dropZoneDelete = this.tree.nodesContainer
-        .select('.node[data-state-id="' + node.stateIdentifier + '"]')
-        .append('g')
-        .attr('class', 'nodes-drop-zone')
-        .attr('height', this.tree.settings.nodeHeight);
-      this.nodeIsOverDelete = false;
-      this.dropZoneDelete.append('rect')
-        .attr('height', this.tree.settings.nodeHeight)
-        .attr('width', '50px')
-        .attr('x', 0)
-        .attr('y', 0)
-        .on('mouseover', () => {
-          this.nodeIsOverDelete = true;
-        })
-        .on('mouseout', () => {
-          this.nodeIsOverDelete = false;
-        });
-
-      this.dropZoneDelete.append('text')
-        .text(TYPO3.lang.deleteItem)
-        .attr('x', 5)
-        .attr('y', ((this.tree.settings.nodeHeight) / 2 ) + 4);
-
-      this.dropZoneDelete.node().dataset.open = 'false';
-      this.dropZoneDelete.node().style.transform = this.getDropZoneCloseTransform(node);
-    }
-
-    this.startPageX = event.sourceEvent.pageX;
-    this.startPageY = event.sourceEvent.pageY;
-    this.startDrag = false;
-    return true;
-  };
-
-  public dragDragged(event: TreeNodeDragEvent): boolean {
-    const node = event.subject;
-    if (this.dragDrop.isDragNodeDistanceMore(event, this)) {
-      this.startDrag = true;
-    } else {
-      return false;
-    }
-
-    if (this.tree.settings.allowDragMove !== true || node.depth === 0) {
-      return false;
-    }
-
-    this.tree.settings.nodeDrag = node;
-
-    const nodeBg = this.tree.svg.node().querySelector('.node-bg[data-state-id="' + node.stateIdentifier + '"]');
-    const nodeDd = this.tree.svg.node().parentNode.querySelector('.node-dd');
-
-    // Create the draggable
-    if (!this.isDragged) {
-      this.isDragged = true;
-      this.dragDrop.createDraggable(this.tree.getIconId(node), node.name);
-      nodeBg.classList.add('node-bg--dragging');
-    }
-
-    this.tree.settings.nodeDragPosition = false;
-    this.dragDrop.openNodeTimeout();
-    this.dragDrop.updateDraggablePosition(event);
-
-    if (node.isOver
-      || (this.tree.hoveredNode && this.tree.hoveredNode.parentsStateIdentifier.indexOf(node.stateIdentifier) !== -1)
-      || !this.tree.isOverSvg) {
-
-      this.dragDrop.addNodeDdClass(nodeDd, 'nodrop');
-
-      if (!this.tree.isOverSvg) {
-        this.tree.nodesBgContainer.selectAll('.node-bg__border').style('display', 'none');
-      }
-
-      if (this.dropZoneDelete && this.dropZoneDelete.node().dataset.open !== 'true' && this.tree.isOverSvg) {
-        this.animateDropZone('show', this.dropZoneDelete.node(), node);
-      }
-    } else if (!this.tree.hoveredNode) {
-      this.dragDrop.addNodeDdClass(nodeDd, 'nodrop');
-      this.tree.nodesBgContainer.selectAll('.node-bg__border').style('display', 'none');
-    } else if (this.dropZoneDelete && this.dropZoneDelete.node().dataset.open !== 'false') {
-      this.animateDropZone('hide', this.dropZoneDelete.node(), node);
-    }
-    this.dragDrop.changeNodeClasses(event);
-    return true;
-  }
-
-  public dragEnd(event: TreeNodeDragEvent): boolean {
-    const node = event.subject;
-    if (this.dropZoneDelete && this.dropZoneDelete.node().dataset.open === 'true') {
-      const dropZone = this.dropZoneDelete;
-      this.animateDropZone('hide', this.dropZoneDelete.node(), node, () => {
-        dropZone.remove();
-        this.dropZoneDelete = null;
-      });
-    } else if (this.dropZoneDelete && this.dropZoneDelete.node().dataset.open === 'false') {
-      this.dropZoneDelete.remove();
-      this.dropZoneDelete = null;
-    } else {
-      this.dropZoneDelete = null;
-    }
-
-    if (!this.startDrag || this.tree.settings.allowDragMove !== true || node.depth === 0) {
-      return false;
-    }
-
-    const droppedNode = this.tree.hoveredNode;
-    this.isDragged = false;
-    this.dragDrop.removeNodeDdClass();
-
-    if (
-      !(node.isOver
-        || (droppedNode && droppedNode.parentsStateIdentifier.indexOf(node.stateIdentifier) !== -1)
-        || !this.tree.settings.canNodeDrag
-        || !this.tree.isOverSvg
-      )
-    ) {
-      const options = this.dragDrop.changeNodePosition(droppedNode, '');
-      if (options === null) {
-        return false;
-      }
-      let modalText = options.position === DraggablePositionEnum.INSIDE ? TYPO3.lang['mess.move_into'] : TYPO3.lang['mess.move_after'];
-      modalText = modalText.replace('%s', options.node.name).replace('%s', options.target.name);
-
-      Modal.confirm(
-        TYPO3.lang.move_page,
-        modalText,
-        Severity.warning, [
-          {
-            text: TYPO3.lang['labels.cancel'] || 'Cancel',
-            active: true,
-            btnClass: 'btn-default',
-            name: 'cancel'
-          },
-          {
-            text: TYPO3.lang['cm.copy'] || 'Copy',
-            btnClass: 'btn-warning',
-            name: 'copy'
-          },
-          {
-            text: TYPO3.lang['labels.move'] || 'Move',
-            btnClass: 'btn-warning',
-            name: 'move'
-          }
-        ])
-        .on('button.clicked', (e: JQueryEventObject) => {
-          const target = e.target as HTMLInputElement;
-          if (target.name === 'move') {
-            options.command = 'move';
-            this.tree.sendChangeCommand(options);
-          } else if (target.name === 'copy') {
-            options.command = 'copy';
-            this.tree.sendChangeCommand(options);
-          }
-          Modal.dismiss();
-        });
-    } else if (this.nodeIsOverDelete) {
-      const options = this.dragDrop.changeNodePosition(droppedNode, 'delete');
-      if (options === null) {
-        return false;
-      }
-      if (this.tree.settings.displayDeleteConfirmation) {
-        const $modal = Modal.confirm(
-          TYPO3.lang['mess.delete.title'],
-          TYPO3.lang['mess.delete'].replace('%s', options.node.name),
-          Severity.warning, [
-            {
-              text: TYPO3.lang['labels.cancel'] || 'Cancel',
-              active: true,
-              btnClass: 'btn-default',
-              name: 'cancel'
-            },
-            {
-              text: TYPO3.lang.delete || 'Delete',
-              btnClass: 'btn-warning',
-              name: 'delete'
-            }
-          ]);
-        $modal.on('button.clicked', (e: JQueryEventObject) => {
-          const target = e.target as HTMLInputElement;
-          if (target.name === 'delete') {
-            this.tree.sendChangeCommand(options);
-          }
-          Modal.dismiss();
-        });
-      } else {
-        this.tree.sendChangeCommand(options);
-      }
-    }
-    return true;
-  }
-
-  /**
-   * Returns deleting drop zone open 'transform' attribute value
-   */
-  private getDropZoneOpenTransform(node: TreeNode): string {
-    const svgWidth = parseFloat(this.tree.svg.style('width')) || 300;
-    return 'translate(' + (svgWidth - 58 - node.x) + 'px, ' + (this.tree.settings.nodeHeight / 2 * -1) + 'px)';
-  }
-
-  /**
-   * Returns deleting drop zone close 'transform' attribute value
-   */
-  private getDropZoneCloseTransform(node: TreeNode): string {
-    const svgWidth = parseFloat(this.tree.svg.style('width')) || 300;
-    return 'translate(' + (svgWidth - node.x) + 'px, ' + (this.tree.settings.nodeHeight / 2 * -1) + 'px)';
-  }
-
-  /**
-   * Animates the drop zone next to given node
-   */
-  private animateDropZone(action: string, dropZone: SVGElement, node: TreeNode, onfinish: Function = null) {
-    dropZone.classList.add('animating');
-    dropZone.dataset.open = (action === 'show') ? 'true' : 'false';
-    let keyframes = [
-      { transform: this.getDropZoneCloseTransform(node) },
-      { transform: this.getDropZoneOpenTransform(node) }
-    ];
-    if (action !== 'show') {
-      keyframes = keyframes.reverse();
-    }
-    const done = function() {
-      dropZone.style.transform = keyframes[1].transform;
-      dropZone.classList.remove('animating');
-      onfinish && onfinish();
-    };
-    if ('animate' in dropZone) {
-      dropZone.animate(keyframes, {
-        duration: 300,
-        easing: 'cubic-bezier(.02, .01, .47, 1)'
-      }).onfinish = done;
-    } else {
-      done();
-    }
-  }
-}
diff --git a/typo3_src/TypeScript/backend/page-tree/page-tree.ts b/typo3_src/TypeScript/backend/page-tree/page-tree.ts
deleted file mode 100644
index e9600e1..0000000
--- a/typo3_src/TypeScript/backend/page-tree/page-tree.ts
+++ /dev/null
@@ -1,125 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import AjaxRequest from '@typo3/core/ajax/ajax-request';
-import {SvgTree, TreeNodeSelection} from '../svg-tree';
-import {TreeNode} from '../tree/tree-node';
-import {AjaxResponse} from '@typo3/core/ajax/ajax-response';
-
-/**
- * A Tree based on SVG for pages, which has a AJAX-based loading of the tree
- * and also handles search + filter via AJAX.
- */
-export class PageTree extends SvgTree
-{
-  protected networkErrorTitle: string = TYPO3.lang.pagetree_networkErrorTitle;
-  protected networkErrorMessage: string = TYPO3.lang.pagetree_networkErrorDesc;
-
-  public constructor() {
-    super();
-    this.settings.defaultProperties = {
-      hasChildren: false,
-      nameSourceField: 'title',
-      itemType: 'pages',
-      prefix: '',
-      suffix: '',
-      locked: false,
-      loaded: false,
-      overlayIcon: '',
-      selectable: true,
-      expanded: false,
-      checked: false,
-      backgroundColor: '',
-      stopPageTree: false,
-      class: '',
-      readableRootline: '',
-      isMountPoint: false,
-    };
-  }
-
-  public showChildren(node: TreeNode) {
-    this.loadChildrenOfNode(node);
-    super.showChildren(node);
-  }
-
-  public nodesUpdate(nodes: TreeNodeSelection): TreeNodeSelection {
-    nodes = super.nodesUpdate(nodes);
-
-    // append the stop element
-    let nodeStop = nodes
-      .append('svg')
-      .attr('class', 'node-stop')
-      .attr('y', (super.settings.icon.size / 2 * -1))
-      .attr('x', (super.settings.icon.size / 2 * -1))
-      .attr('height', super.settings.icon.size)
-      .attr('width', super.settings.icon.size)
-      .attr('visibility', (node: TreeNode) => node.stopPageTree && node.depth !== 0 ? 'visible' : 'hidden')
-      .on('click', (evt: MouseEvent, node: TreeNode) => {
-        document.dispatchEvent(new CustomEvent('typo3:pagetree:mountPoint', {detail: {pageId: parseInt(node.identifier, 10)}}));
-      });
-    nodeStop.append('rect')
-      .attr('height', super.settings.icon.size)
-      .attr('width', super.settings.icon.size)
-      .attr('fill', 'rgba(0,0,0,0)');
-    nodeStop.append('use')
-      .attr('transform-origin', '50% 50%')
-      .attr('href', '#icon-actions-caret-right');
-
-    return nodes;
-  }
-
-  protected getToggleVisibility(node: TreeNode): string {
-    if (node.stopPageTree && node.depth !== 0) {
-      return 'hidden';
-    }
-
-    return node.hasChildren ? 'visible' : 'hidden';
-  }
-
-  /**
-   * Loads child nodes via Ajax (used when expanding a collapsed node)
-   */
-  protected loadChildrenOfNode(parentNode: TreeNode) {
-    if (parentNode.loaded) {
-      return;
-    }
-
-    this.nodesAddPlaceholder();
-    (new AjaxRequest(this.settings.dataUrl + '&pid=' + parentNode.identifier + '&mount=' + parentNode.mountPoint + '&pidDepth=' + parentNode.depth))
-      .get({cache: 'no-cache'})
-      .then((response: AjaxResponse) => response.resolve())
-      .then((json: any) => {
-        let nodes = Array.isArray(json) ? json : [];
-        // first element is a parent
-        nodes.shift();
-        const index = this.nodes.indexOf(parentNode) + 1;
-        // adding fetched node after parent
-        nodes.forEach((node: TreeNode, offset: number) => {
-          this.nodes.splice(index + offset, 0, node);
-        });
-
-        parentNode.loaded = true;
-        this.setParametersNode();
-        this.prepareDataForVisibleNodes();
-        this.updateVisibleNodes();
-        this.nodesRemovePlaceholder();
-
-        this.focusNode(parentNode);
-      })
-      .catch((error: any) => {
-        this.errorNotification(error, false)
-        this.nodesRemovePlaceholder();
-        throw error;
-      });
-  }
-}
diff --git a/typo3_src/TypeScript/backend/popover.ts b/typo3_src/TypeScript/backend/popover.ts
deleted file mode 100644
index 36d14aa..0000000
--- a/typo3_src/TypeScript/backend/popover.ts
+++ /dev/null
@@ -1,175 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import $ from 'jquery';
-import {Popover as BootstrapPopover} from 'bootstrap';
-
-/**
- * Module: @typo3/backend/popover
- * API for popover windows powered by Twitter Bootstrap.
- * @exports @typo3/backend/popover
- */
-class Popover {
-
-  /**
-   * Default selector string.
-   *
-   * @return {string}
-   */
-  private readonly DEFAULT_SELECTOR: string = '[data-bs-toggle="popover"]';
-
-  constructor() {
-    this.initialize();
-  }
-
-  /**
-   * Initialize
-   */
-  public initialize(selector?: string): void {
-    selector = selector || this.DEFAULT_SELECTOR;
-    $(selector).each((i, el) => {
-      const popover = new BootstrapPopover(el);
-      $(el).data('typo3.bs.popover', popover);
-    });
-  }
-
-  // noinspection JSMethodCanBeStatic
-  /**
-   * Popover wrapper function
-   *
-   * @param {JQuery} $element
-   */
-  public popover($element: JQuery) {
-    $element.each((i, el) => {
-      const popover = new BootstrapPopover(el);
-      $(el).data('typo3.bs.popover', popover);
-    });
-  }
-
-  // noinspection JSMethodCanBeStatic
-  /**
-   * Set popover options on $element
-   *
-   * @param {JQuery} $element
-   * @param {PopoverOptions} options
-   */
-  public setOptions($element: JQuery, options?: BootstrapPopover.Options): void {
-    options = options || <BootstrapPopover.Options>{};
-    options.html = true;
-    const title: string|(() => void) = options.title || $element.data('title') || '';
-    const content: string|(() => void) = options.content || $element.data('bs-content') || '';
-    $element
-      .attr('data-bs-original-title', (title as string))
-      .attr('data-bs-content', (content as string))
-      .attr('data-bs-placement', 'auto')
-
-    $.each(options, (key, value) => {
-      this.setOption($element, key, value);
-    });
-  }
-
-  // noinspection JSMethodCanBeStatic
-  /**
-   * Set popover option on $element
-   *
-   * @param {JQuery} $element
-   * @param {String} key
-   * @param {String} value
-   */
-  public setOption($element: JQuery, key: string, value: string): void {
-    if (key === 'content') {
-      const popover = $element.data('typo3.bs.popover');
-      popover._config.content = value;
-      popover.setContent(popover.tip);
-    } else {
-      $element.each((i, el) => {
-        const popover = $(el).data('typo3.bs.popover');
-        if (popover) {
-          popover._config[key] = value;
-        }
-      });
-    }
-  }
-
-  // noinspection JSMethodCanBeStatic
-  /**
-   * Show popover with title and content on $element
-   *
-   * @param {JQuery} $element
-   */
-  public show($element: JQuery): void {
-    $element.each((i, el) => {
-      const popover = $(el).data('typo3.bs.popover');
-      if (popover) {
-        popover.show();
-      }
-    });
-  }
-
-  // noinspection JSMethodCanBeStatic
-  /**
-   * Hide popover on $element
-   *
-   * @param {JQuery} $element
-   */
-  public hide($element: JQuery): void {
-    $element.each((i, el) => {
-      const popover = $(el).data('typo3.bs.popover');
-      if (popover) {
-        popover.hide();
-      }
-    });
-  }
-
-  // noinspection JSMethodCanBeStatic
-  /**
-   * Destroy popover on $element
-   *
-   * @param {Object} $element
-   */
-  public destroy($element: JQuery): void {
-    $element.each((i, el) => {
-      const popover = $(el).data('typo3.bs.popover');
-      if (popover) {
-        popover.dispose();
-      }
-    });
-  }
-
-  // noinspection JSMethodCanBeStatic
-  /**
-   * Toggle popover on $element
-   *
-   * @param {Object} $element
-   */
-  public toggle($element: JQuery): void {
-    $element.each((i, el) => {
-      const popover = $(el).data('typo3.bs.popover');
-      if (popover) {
-        popover.toggle();
-      }
-    });
-  }
-
-  // noinspection JSMethodCanBeStatic
-  /**
-   * Update popover with new content
-   *
-   * @param $element
-   */
-  public update($element: JQuery): void {
-    $element.data('typo3.bs.popover')._popper.update();
-  }
-}
-
-export default new Popover();
diff --git a/typo3_src/TypeScript/backend/severity.ts b/typo3_src/TypeScript/backend/severity.ts
deleted file mode 100644
index eac3296..0000000
--- a/typo3_src/TypeScript/backend/severity.ts
+++ /dev/null
@@ -1,90 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {SeverityEnum} from './enum/severity';
-
-/**
- * Module: @typo3/backend/severity
- * Severity for the TYPO3 backend
- */
-class Severity {
-  public static notice: number = SeverityEnum.notice;
-  public static info: number = SeverityEnum.info;
-  public static ok: number = SeverityEnum.ok;
-  public static warning: number = SeverityEnum.warning;
-  public static error: number = SeverityEnum.error;
-
-  /**
-   * Gets the CSS class for the severity
-   *
-   * @param {SeverityEnum} severity
-   * @returns {string}
-   */
-  public static getCssClass(severity: SeverityEnum): string {
-    let severityClass: string;
-
-    switch (severity) {
-      case SeverityEnum.notice:
-        severityClass = 'notice';
-        break;
-      case SeverityEnum.ok:
-        severityClass = 'success';
-        break;
-      case SeverityEnum.warning:
-        severityClass = 'warning';
-        break;
-      case SeverityEnum.error:
-        severityClass = 'danger';
-        break;
-      case SeverityEnum.info:
-      default:
-        severityClass = 'info';
-    }
-
-    return severityClass;
-  }
-}
-
-let severityObject: any;
-try {
-  // fetch from opening window
-  if (window.opener && window.opener.TYPO3 && window.opener.TYPO3.Severity) {
-    severityObject = window.opener.TYPO3.Severity;
-  }
-
-  // fetch from parent
-  if (parent && parent.window.TYPO3 && parent.window.TYPO3.Severity) {
-    severityObject = parent.window.TYPO3.Severity;
-  }
-
-  // fetch object from outer frame
-  if (top && top.TYPO3 && top.TYPO3.Severity) {
-    severityObject = top.TYPO3.Severity;
-  }
-} catch {
-  // This only happens if the opener, parent or top is some other url (eg a local file)
-  // which loaded the current window. Then the browser's cross domain policy jumps in
-  // and raises an exception.
-  // For this case we are safe and we can create our global object below.
-}
-
-if (!severityObject) {
-  severityObject = Severity;
-
-  // attach to global frame
-  if (typeof TYPO3 !== 'undefined') {
-    TYPO3.Severity = severityObject;
-  }
-}
-
-export default severityObject;
diff --git a/typo3_src/TypeScript/backend/site-inline-actions.ts b/typo3_src/TypeScript/backend/site-inline-actions.ts
deleted file mode 100644
index 0250d84..0000000
--- a/typo3_src/TypeScript/backend/site-inline-actions.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import DocumentService from '@typo3/core/document-service';
-
-/**
- * Module: @typo3/backend/site-inline-actions
- * Site configuration backend module FormEngine inline:
- * Override inline 'create' and 'details' route to point to SiteInlineAjaxController
- */
-class SiteInlineActions {
-
-  constructor() {
-    DocumentService.ready().then((): void => {
-      TYPO3.settings.ajaxUrls.record_inline_details = TYPO3.settings.ajaxUrls.site_configuration_inline_details;
-      TYPO3.settings.ajaxUrls.record_inline_create = TYPO3.settings.ajaxUrls.site_configuration_inline_create;
-    });
-  }
-
-}
-
-export default new SiteInlineActions();
diff --git a/typo3_src/TypeScript/backend/storage/abstract-client-storage.ts b/typo3_src/TypeScript/backend/storage/abstract-client-storage.ts
deleted file mode 100644
index 37d83de..0000000
--- a/typo3_src/TypeScript/backend/storage/abstract-client-storage.ts
+++ /dev/null
@@ -1,63 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/**
- * Module: @typo3/backend/storage/abstract-client-storage
- * @exports @typo3/backend/storage/abstract-client-storage
- */
-export default abstract class AbstractClientStorage {
-  protected keyPrefix: string = 't3-';
-  protected storage: Storage = null;
-
-  public get(key: string): string {
-    if (this.storage === null) {
-      return null;
-    }
-    return this.storage.getItem(this.keyPrefix + key);
-  }
-
-  public set(key: string, value: string): void {
-    if (this.storage !== null) {
-      this.storage.setItem(this.keyPrefix + key, value);
-    }
-  }
-
-  public unset(key: string): void {
-    if (this.storage !== null) {
-      this.storage.removeItem(this.keyPrefix + key);
-    }
-  }
-
-  public unsetByPrefix(prefix: string): void {
-    if (this.storage === null) {
-      return;
-    }
-    prefix = this.keyPrefix + prefix;
-    Object.keys(this.storage)
-      .filter((key: string) => key.startsWith(prefix))
-      .forEach((key: string) => this.storage.removeItem(key));
-  }
-
-  public clear(): void {
-    if (this.storage !== null) {
-      this.storage.clear();
-    }
-  }
-
-  public isset(key: string): boolean {
-    if (this.storage === null) {
-      return false;
-    }
-    return this.get(key) !== null;
-  }
-}
diff --git a/typo3_src/TypeScript/backend/storage/browser-session.ts b/typo3_src/TypeScript/backend/storage/browser-session.ts
deleted file mode 100644
index f590be2..0000000
--- a/typo3_src/TypeScript/backend/storage/browser-session.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import AbstractClientStorage from './abstract-client-storage';
-
-/**
- * Module: @typo3/backend/storage/browser-session
- * Wrapper for sessionStorage
- * @exports @typo3/backend/storage/browser-session
- */
-class BrowserSession extends AbstractClientStorage {
-  public constructor() {
-    super();
-    this.storage = sessionStorage;
-  }
-}
-
-export default new BrowserSession();
diff --git a/typo3_src/TypeScript/backend/storage/client.ts b/typo3_src/TypeScript/backend/storage/client.ts
deleted file mode 100644
index 245a327..0000000
--- a/typo3_src/TypeScript/backend/storage/client.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import AbstractClientStorage from './abstract-client-storage';
-
-/**
- * Module: @typo3/backend/storage/client
- * Wrapper for localStorage
- * @exports @typo3/backend/storage/client
- */
-class Client extends AbstractClientStorage {
-  public constructor() {
-    super();
-    this.storage = localStorage;
-  }
-}
-
-export default new Client();
diff --git a/typo3_src/TypeScript/backend/storage/module-state-storage.ts b/typo3_src/TypeScript/backend/storage/module-state-storage.ts
deleted file mode 100644
index 7c6ecfd..0000000
--- a/typo3_src/TypeScript/backend/storage/module-state-storage.ts
+++ /dev/null
@@ -1,112 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-interface StateChange {
-  mount?: string;
-  identifier: string;
-  selected: boolean;
-}
-
-interface CurrentState {
-  mount?: string;
-  identifier: string;
-  selection?: string
-}
-
-/**
- * Module State previous known as `fsMod` with the previous description:
- *
- * > Used in main modules with a frameset for submodules to keep the ID
- * > between modules Typically that is set by something like this in a
- * > Web>* sub module
- *
- * @exports @typo3/backend/storage/module-state-storage
- */
-export class ModuleStateStorage {
-  private static prefix = 't3-module-state-';
-
-  public static update(module: string, identifier: string|number, selected: boolean, mount?: string|number)
-  {
-    if (typeof identifier === 'number') {
-      identifier = identifier.toString(10);
-    } else if (typeof identifier !== 'string') {
-      throw new SyntaxError('identifier must be of type string');
-    }
-    if (typeof mount === 'number') {
-      mount = mount.toString(10);
-    } else if (typeof mount !== 'string' && typeof mount !== 'undefined' && mount !== null) {
-      throw new SyntaxError('mount must be of type string');
-    }
-    const state = ModuleStateStorage.assignProperties(
-      {mount, identifier, selected} as StateChange,
-      ModuleStateStorage.fetch(module)
-    );
-    ModuleStateStorage.commit(module, state);
-  }
-
-  public static updateWithCurrentMount(module: string, identifier: string|number, selected: boolean)
-  {
-    ModuleStateStorage.update(
-      module,
-      identifier,
-      selected,
-      ModuleStateStorage.current(module).mount
-    )
-  }
-
-  public static current(module: string): CurrentState {
-    return ModuleStateStorage.fetch(module) || ModuleStateStorage.createCurrentState();
-  }
-
-  public static purge(): void
-  {
-    Object.keys(sessionStorage)
-      .filter((key: string) => key.startsWith(ModuleStateStorage.prefix))
-      .forEach((key: string) => sessionStorage.removeItem(key));
-  }
-
-  private static fetch(module: string): CurrentState|null {
-    const data = sessionStorage.getItem(ModuleStateStorage.prefix + module);
-    if (data === null) {
-      return null;
-    }
-    return JSON.parse(data);
-  }
-
-  private static commit(module: string, state: CurrentState) {
-    sessionStorage.setItem(ModuleStateStorage.prefix + module, JSON.stringify(state));
-  }
-
-  private static assignProperties(change: StateChange, state: CurrentState|null): CurrentState
-  {
-    let target = Object.assign(ModuleStateStorage.createCurrentState(), state) as CurrentState;
-    if (change.mount) {
-      target.mount = change.mount;
-    }
-    if (change.identifier) {
-      target.identifier = change.identifier;
-    }
-    if (change.selected) {
-      target.selection = target.identifier;
-    }
-    return target;
-  }
-
-  private static createCurrentState(): CurrentState
-  {
-    return {mount: null, identifier: '', selection: null} as CurrentState;
-  }
-}
-
-// exposing `ModuleStateStorage`
-(window as any).ModuleStateStorage = ModuleStateStorage;
diff --git a/typo3_src/TypeScript/backend/storage/persistent.ts b/typo3_src/TypeScript/backend/storage/persistent.ts
deleted file mode 100644
index 0177e78..0000000
--- a/typo3_src/TypeScript/backend/storage/persistent.ts
+++ /dev/null
@@ -1,221 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import $ from 'jquery';
-
-/**
- * Module: @typo3/backend/storage/persistent
- * Wrapper for persistent storage in UC
- * @exports @typo3/backend/storage/persistent
- */
-class Persistent {
-  private data: any = false;
-
-  /**
-   * Persistent storage, stores everything on the server via AJAX, does a greedy load on read
-   * common functions get/set/clear
-   *
-   * @param {String} key
-   * @returns {*}
-   */
-  public get = (key: string): any => {
-    const me = this;
-
-    if (this.data === false) {
-      let value;
-      this.loadFromServer().done(() => {
-        value = me.getRecursiveDataByDeepKey(me.data, key.split('.'));
-      });
-      return value;
-    }
-
-    return this.getRecursiveDataByDeepKey(this.data, key.split('.'));
-  }
-
-  /**
-   * Store data persistent on server
-   *
-   * @param {String} key
-   * @param {String} value
-   * @returns {$}
-   */
-  public set = (key: string, value: string|object): any => {
-    if (this.data !== false) {
-      this.data = this.setRecursiveDataByDeepKey(this.data, key.split('.'), value);
-    }
-    return this.storeOnServer(key, value);
-  }
-
-  /**
-   * @param {string} key
-   * @param {string} value
-   * @returns {$}
-   */
-  public addToList = (key: string, value: string): any => {
-    const me = this;
-    return $.ajax(TYPO3.settings.ajaxUrls.usersettings_process, {
-      data: {
-        action: 'addToList',
-        key,
-        value,
-      },
-      method: 'post',
-    }).done((data: any): any => {
-      me.data = data;
-    });
-  }
-
-  /**
-   * @param {string} key
-   * @param {string} value
-   * @returns {$}
-   */
-  public removeFromList = (key: string, value: string): any => {
-    const me = this;
-    return $.ajax(TYPO3.settings.ajaxUrls.usersettings_process, {
-      data: {
-        action: 'removeFromList',
-        key,
-        value,
-      },
-      method: 'post',
-    }).done((data: any): any => {
-      me.data = data;
-    });
-  }
-
-  public unset = (key: string): any => {
-    const me = this;
-    return $.ajax(TYPO3.settings.ajaxUrls.usersettings_process, {
-      data: {
-        action: 'unset',
-        key,
-      },
-      method: 'post',
-    }).done((data: any): any => {
-      me.data = data;
-    });
-  }
-
-  /**
-   * Clears the UC
-   */
-  public clear = (): any => {
-    $.ajax(TYPO3.settings.ajaxUrls.usersettings_process, {
-      data: {
-        action: 'clear',
-      },
-      method: 'post',
-    });
-    this.data = false;
-  }
-
-  /**
-   * Checks if a key was set before, useful to not do all the undefined checks all the time
-   *
-   * @param {string} key
-   * @returns {boolean}
-   */
-  public isset = (key: string): boolean => {
-    const value = this.get(key);
-    return (typeof value !== 'undefined' && value !== null);
-  }
-
-  /**
-   * Loads the data from outside, only used for the initial call from BackendController
-   *
-   * @param {String} data
-   */
-  public load = (data: any): any => {
-    this.data = data;
-  }
-
-  /**
-   * Loads all data from the server
-   *
-   * @returns {$}
-   */
-  private loadFromServer = (): any => {
-    const me = this;
-    return $.ajax(TYPO3.settings.ajaxUrls.usersettings_process, {
-      async: false,
-      data: {
-        action: 'getAll',
-      },
-    }).done((data: any) => {
-      me.data = data;
-    });
-  }
-
-  /**
-   * Stores data on the server, and gets the updated data on return
-   * to always be up-to-date inside the browser
-   *
-   * @param {string} key
-   * @param {string} value
-   * @returns {*}
-   */
-  private storeOnServer = (key: string, value: string|object): any => {
-    const me = this;
-    return $.ajax(TYPO3.settings.ajaxUrls.usersettings_process, {
-      data: {
-        action: 'set',
-        key,
-        value,
-      },
-      method: 'post',
-    }).done((data: any): any => {
-      me.data = data;
-    });
-  }
-
-  /**
-   * Helper function used to set a value which could have been a flat object key data["my.foo.bar"] to
-   * data[my][foo][bar] is called recursively by itself
-   *
-   * @param {Object} data the data to be used as base
-   * @param {String} keyParts the keyParts for the subtree
-   * @returns {Object}
-   */
-  private getRecursiveDataByDeepKey = (data: any, keyParts: any[]): any => {
-    if (keyParts.length === 1) {
-      return (data || {})[keyParts[0]];
-    }
-
-    const firstKey = keyParts.shift();
-    return this.getRecursiveDataByDeepKey(data[firstKey] || {}, keyParts);
-  }
-
-  /**
-   * helper function used to set a value which could have been a flat object key data["my.foo.bar"] to
-   * data[my][foo][bar]
-   * is called recursively by itself
-   *
-   * @param data
-   * @param {any[]} keyParts
-   * @param {string} value
-   * @returns {any[]}
-   */
-  private setRecursiveDataByDeepKey = (data: any, keyParts: any[], value: string|object): any[] => {
-    if (keyParts.length === 1) {
-      data = data || {};
-      data[keyParts[0]] = value;
-    } else {
-      const firstKey = keyParts.shift();
-      data[firstKey] = this.setRecursiveDataByDeepKey(data[firstKey] || {}, keyParts, value);
-    }
-    return data;
-  }
-}
-
-export default new Persistent();
diff --git a/typo3_src/TypeScript/backend/svg-tree.ts b/typo3_src/TypeScript/backend/svg-tree.ts
deleted file mode 100644
index 78e60bf..0000000
--- a/typo3_src/TypeScript/backend/svg-tree.ts
+++ /dev/null
@@ -1,1485 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {html, LitElement, TemplateResult} from 'lit';
-import {customElement, property, state} from 'lit/decorators';
-import {TreeNode} from './tree/tree-node';
-import * as d3selection from 'd3-selection';
-import AjaxRequest from '@typo3/core/ajax/ajax-request';
-import Notification from './notification';
-import {KeyTypesEnum as KeyTypes} from './enum/key-types';
-import Icons from './icons';
-import Tooltip from './tooltip';
-import {AjaxResponse} from '@typo3/core/ajax/ajax-response';
-import {MarkupIdentifiers} from './enum/icon-types';
-import {lll} from '@typo3/core/lit-helper';
-import DebounceEvent from '@typo3/core/event/debounce-event';
-import '@typo3/backend/element/icon-element';
-import {Tooltip as BootstrapTooltip} from 'bootstrap';
-
-export type TreeWrapperSelection<TBase extends d3selection.BaseType> = d3selection.Selection<TBase, any, any, any>;
-export type TreeNodeSelection = d3selection.Selection<d3selection.BaseType, TreeNode, any, any>;
-
-interface SvgTreeData {
-  nodes: TreeNode[];
-  links: SvgTreeDataLink[];
-}
-
-interface SvgTreeDataLink {
-  source: TreeNode;
-  target: TreeNode;
-}
-
-interface SvgTreeDataIcon {
-  identifier: string;
-  icon: string|null|SVGElement;
-}
-
-export interface SvgTreeSettings {
-  [keys: string]: any;
-  defaultProperties: {[keys: string]: any};
-}
-
-export interface SvgTreeWrapper extends HTMLElement {
-  svgtree?: SvgTree
-}
-
-export class SvgTree extends LitElement {
-  @property({type: Object}) setup?: {[keys: string]: any} = null;
-  @state() settings: SvgTreeSettings = {
-    showIcons: false,
-    marginTop: 15,
-    nodeHeight: 26,
-    icon: {
-      size: 16,
-      containerSize: 20,
-    },
-    indentWidth: 20,
-    width: 300,
-    duration: 400,
-    dataUrl: '',
-    filterUrl: '',
-    defaultProperties: {},
-    expandUpToLevel: null as any,
-    actions: []
-  };
-
-  /**
-   * Check if cursor is over the SVG element
-   */
-  public isOverSvg: boolean = false;
-
-  /**
-   * Root <svg> element
-   */
-  public svg: TreeWrapperSelection<SVGSVGElement> = null;
-
-  /**
-   * SVG <g> container wrapping all .nodes, .links, .nodes-bg  elements
-   */
-  public container: TreeWrapperSelection<SVGGElement> = null;
-
-  /**
-   * SVG <g> container wrapping all .node elements
-   */
-  public nodesContainer: TreeWrapperSelection<SVGGElement> = null;
-
-  /**
-   * SVG <g> container wrapping all .nodes-bg elements
-   */
-  public nodesBgContainer: TreeWrapperSelection<SVGGElement> = null;
-
-  /**
-   * Is set when the input device is hovered over a node
-   */
-  public hoveredNode: TreeNode|null = null;
-
-  public nodes: TreeNode[] = [];
-
-  public textPosition: number = 10;
-
-  protected icons: {[keys: string]: SvgTreeDataIcon} = {};
-  protected nodesActionsContainer: TreeWrapperSelection<SVGGElement> = null;
-
-  /**
-   * SVG <defs> container wrapping all icon definitions
-   */
-  protected iconsContainer: TreeWrapperSelection<SVGDefsElement> = null;
-
-  /**
-   * SVG <g> container wrapping all links (lines between parent and child)
-   *
-   * @type {Selection}
-   */
-  protected linksContainer: TreeWrapperSelection<SVGGElement> = null;
-
-  protected data: SvgTreeData = new class implements SvgTreeData {
-    links: SvgTreeDataLink[] = [];
-    nodes: TreeNode[] = [];
-  };
-
-  protected viewportHeight: number = 0;
-  protected scrollBottom: number = 0;
-  protected searchTerm: string|null = null;
-  protected unfilteredNodes: string = '';
-
-  protected networkErrorTitle: string = top.TYPO3.lang.tree_networkError;
-  protected networkErrorMessage: string = top.TYPO3.lang.tree_networkErrorDescription;
-
-  protected tooltipOptions: Partial<BootstrapTooltip.Options> = {};
-
-  /**
-   * Initializes the tree component - created basic markup, loads and renders data
-   * @todo declare private
-   */
-  public doSetup(settings: any): void {
-    Object.assign(this.settings, settings);
-    if (this.settings.showIcons) {
-      this.textPosition += this.settings.icon.containerSize;
-    }
-
-    this.svg = d3selection.select(this).select('svg');
-    this.container = this.svg.select('.nodes-wrapper') as TreeWrapperSelection<SVGGElement>;
-    this.nodesBgContainer = this.container.select('.nodes-bg') as TreeWrapperSelection<SVGGElement>;
-    this.nodesActionsContainer = this.container.select('.nodes-actions') as TreeWrapperSelection<SVGGElement>;
-    this.linksContainer = this.container.select('.links') as TreeWrapperSelection<SVGGElement>;
-    this.nodesContainer = this.container.select('.nodes') as TreeWrapperSelection<SVGGElement>;
-    this.iconsContainer = this.svg.select('defs') as TreeWrapperSelection<SVGGElement>;
-
-    this.tooltipOptions = {
-      delay: 50,
-      trigger: 'hover',
-      placement: 'right',
-      container: typeof this.settings.id !== 'undefined' ? '#' + this.settings.id : 'body',
-    }
-
-    this.updateScrollPosition();
-    this.loadCommonIcons();
-    this.loadData();
-    this.dispatchEvent(new Event('svg-tree:initialized'));
-  }
-
-  /**
-   * Preloads common icons to have them available as early
-   * as possible and avoid unnessesary early node updates.
-   */
-  public loadCommonIcons(): void
-  {
-    this.fetchIcon('actions-chevron-right', false); // used as toggle icon
-    this.fetchIcon('overlay-backenduser', false);   // used as locked indicator (a different user is editing)
-    this.fetchIcon('actions-caret-right', false);   // used as enter icon for stopped trees
-    this.fetchIcon('actions-link', false);          // used as link indicator
-  }
-
-  /**
-   * Make the DOM element given as parameter focusable and focus it
-   *
-   * @param {SVGElement} element
-   */
-  public focusElement(element: SVGElement|HTMLElement): void {
-    if (element === null) {
-      return;
-    }
-    const visibleElements = element.parentNode.querySelectorAll('[tabindex]');
-    visibleElements.forEach((visibleElement) => {
-      visibleElement.setAttribute('tabindex','-1');
-    });
-    element.setAttribute('tabindex', '0');
-    element.focus();
-  }
-
-  /**
-   * Make the DOM element of the node given as parameter focusable and focus it
-   */
-  public focusNode(node: TreeNode): void {
-    this.disableFocusedNodes();
-    node.focused = true;
-    this.focusElement(this.getElementFromNode(node));
-  }
-
-  public getNodeFromElement(element: SVGElement|HTMLElement): TreeNode|null
-  {
-    if (element === null || !('stateId' in element.dataset)) {
-      return null;
-    }
-
-    return this.getNodeByIdentifier(element.dataset.stateId);
-  }
-
-  /**
-   * Return the DOM element of a tree node
-   */
-  public getElementFromNode(node: TreeNode): HTMLElement|null {
-    return this.querySelector('#identifier-' + this.getNodeStateIdentifier(node));
-  }
-
-  /**
-   * Loads tree data (json) from configured url
-   */
-  public loadData() {
-    this.nodesAddPlaceholder();
-    (new AjaxRequest(this.settings.dataUrl))
-      .get({cache: 'no-cache'})
-      .then((response: AjaxResponse) => response.resolve())
-      .then((json) => {
-        const nodes = Array.isArray(json) ? json : [];
-        this.replaceData(nodes);
-        this.nodesRemovePlaceholder();
-        // @todo: needed?
-        this.updateScrollPosition();
-        this.updateVisibleNodes();
-      })
-      .catch((error) => {
-        this.errorNotification(error, false);
-        this.nodesRemovePlaceholder();
-        throw error;
-      });
-  }
-
-  /**
-   * Delete old tree and create new one
-   */
-  public replaceData(nodes: TreeNode[]) {
-    this.setParametersNode(nodes);
-    this.prepareDataForVisibleNodes();
-    this.nodesContainer.selectAll('.node').remove();
-    this.nodesBgContainer.selectAll('.node-bg').remove();
-    this.nodesActionsContainer.selectAll('.node-action').remove();
-    this.linksContainer.selectAll('.link').remove();
-    this.updateVisibleNodes();
-  }
-
-  /**
-   * Set parameters like node parents, parentsStateIdentifier, checked.
-   * Usually called when data is loaded initially or replaced completely.
-   *
-   * @param {Node[]} nodes
-   */
-  public setParametersNode(nodes: TreeNode[] = null): void {
-    nodes = nodes || this.nodes;
-    nodes = nodes.map((node, index) => {
-      if (typeof node.command === 'undefined') {
-        node = Object.assign({}, this.settings.defaultProperties, node);
-      }
-      node.expanded = (this.settings.expandUpToLevel !== null) ? node.depth < this.settings.expandUpToLevel : Boolean(node.expanded);
-      node.parents = [];
-      node.parentsStateIdentifier = [];
-      if (node.depth > 0) {
-        let currentDepth = node.depth;
-        for (let i = index; i >= 0; i--) {
-          let currentNode = nodes[i];
-          if (currentNode.depth < currentDepth) {
-            node.parents.push(i);
-            node.parentsStateIdentifier.push(nodes[i].stateIdentifier);
-            currentDepth = currentNode.depth;
-          }
-        }
-      }
-
-      if (typeof node.checked === 'undefined') {
-        node.checked = false;
-      }
-      if (typeof node.focused === 'undefined') {
-        node.focused = false;
-      }
-      return node;
-    });
-
-    // get nodes with depth 0, if there is only 1 then open it and disable toggle
-    const nodesOnRootLevel = nodes.filter((node) => node.depth === 0);
-    if (nodesOnRootLevel.length === 1) {
-      nodes[0].expanded = true;
-    }
-    const evt = new CustomEvent('typo3:svg-tree:nodes-prepared', {detail: {nodes: nodes}, bubbles: false});
-    this.dispatchEvent(evt);
-    this.nodes = evt.detail.nodes;
-  }
-
-  public nodesRemovePlaceholder() {
-    const nodeLoader = this.querySelector('.node-loader') as HTMLElement;
-    if (nodeLoader) {
-      nodeLoader.style.display = 'none';
-    }
-    const componentWrapper = this.closest('.svg-tree');
-    const treeLoader = componentWrapper?.querySelector('.svg-tree-loader') as HTMLElement;
-    if (treeLoader) {
-      treeLoader.style.display = 'none';
-    }
-  }
-
-  public nodesAddPlaceholder(node: TreeNode = null) {
-    if (node) {
-      const nodeLoader = this.querySelector('.node-loader') as HTMLElement;
-      if (nodeLoader) {
-        nodeLoader.style.top = '' + (node.y + this.settings.marginTop);
-        nodeLoader.style.display = 'block';
-      }
-    } else {
-      const componentWrapper = this.closest('.svg-tree');
-      const treeLoader = componentWrapper?.querySelector('.svg-tree-loader') as HTMLElement;
-      if (treeLoader) {
-        treeLoader.style.display = 'block';
-      }
-    }
-  }
-
-  /**
-   * Updates node's data to hide/collapse children
-   *
-   * @param {Node} node
-   */
-  public hideChildren(node: TreeNode): void {
-    node.expanded = false;
-    this.setExpandedState(node);
-    this.dispatchEvent(new CustomEvent('typo3:svg-tree:expand-toggle', {detail: {node: node}}));
-  }
-
-  /**
-   * Updates node's data to show/expand children
-   *
-   * @param {Node} node
-   */
-  public showChildren(node: TreeNode): void {
-    node.expanded = true;
-    this.setExpandedState(node);
-    this.dispatchEvent(new CustomEvent('typo3:svg-tree:expand-toggle', {detail: {node: node}}));
-  }
-
-  /**
-   * Updates the expanded state of the DOM element that belongs to the node.
-   * This is required because the node is not recreated on update and thus the change in the expanded state
-   * of the node data is not represented in DOM on hideChildren and showChildren.
-   *
-   * @param {Node} node
-   */
-  public setExpandedState(node: TreeNode): void {
-    const nodeElement = this.getElementFromNode(node);
-    if (nodeElement) {
-      if (node.hasChildren) {
-        nodeElement.setAttribute('aria-expanded', node.expanded ? 'true' : 'false');
-      } else {
-        nodeElement.removeAttribute('aria-expanded');
-      }
-    }
-  }
-
-  /**
-   * Refresh view with new data
-   */
-  public refreshTree(): void {
-    this.loadData();
-  }
-
-  public refreshOrFilterTree(): void {
-    if (this.searchTerm !== '') {
-      this.filter(this.searchTerm);
-    } else {
-      this.refreshTree();
-    }
-  }
-
-  /**
-   * Filters out invisible nodes (collapsed) from the full dataset (this.rootNode)
-   * and enriches dataset with additional properties
-   * Visible dataset is stored in this.data
-   */
-  public prepareDataForVisibleNodes(): void {
-    const blacklist: {[keys: string]: boolean} = {};
-    this.nodes.forEach((node: TreeNode, index: number): void => {
-      if (!node.expanded) {
-        blacklist[index] = true;
-      }
-    });
-
-    this.data.nodes = this.nodes.filter((node: TreeNode): boolean => {
-      return node.hidden !== true && !node.parents.some((index: number) => Boolean(blacklist[index]))
-    });
-
-    this.data.links = [];
-    let pathAboveMounts = 0;
-
-    this.data.nodes.forEach((node: TreeNode, i: number) => {
-      // delete n.children;
-      node.x = node.depth * this.settings.indentWidth;
-      if (node.readableRootline) {
-        pathAboveMounts += this.settings.nodeHeight;
-      }
-
-      node.y = (i * this.settings.nodeHeight) + pathAboveMounts;
-      if (node.parents[0] !== undefined) {
-        this.data.links.push({
-          source: this.nodes[node.parents[0]],
-          target: node
-        });
-      }
-
-      if (this.settings.showIcons) {
-        this.fetchIcon(node.icon);
-        this.fetchIcon(node.overlayIcon);
-      }
-    });
-
-    this.svg.attr('height', ((this.data.nodes.length * this.settings.nodeHeight) + (this.settings.nodeHeight / 2) + pathAboveMounts));
-  }
-
-  /**
-   * Fetch icon from Icon API and store it in this.icons
-   */
-  public fetchIcon(iconName: string, update: boolean = true): void {
-    if (!iconName) {
-      return;
-    }
-
-    if (!(iconName in this.icons)) {
-      this.icons[iconName] = {
-        identifier: iconName,
-        icon: null
-      } as SvgTreeDataIcon;
-      Icons.getIcon(iconName, Icons.sizes.small, null, null, MarkupIdentifiers.inline).then((icon: string) => {
-        let result = icon.match(/<svg[\s\S]*<\/svg>/i);
-        if (result) {
-          let iconEl = document.createRange().createContextualFragment(result[0]);
-          this.icons[iconName].icon = iconEl.firstElementChild as SVGElement;
-        }
-        if (update) {
-          this.updateVisibleNodes();
-        }
-      });
-    }
-  }
-
-  /**
-   * Renders the subset of the tree nodes fitting the viewport (adding, modifying and removing SVG nodes)
-   */
-  public updateVisibleNodes(): void {
-    const visibleRows = Math.ceil(this.viewportHeight / this.settings.nodeHeight + 1);
-    const position = Math.floor(Math.max(this.scrollTop - (this.settings.nodeHeight * 2), 0) / this.settings.nodeHeight);
-
-    const visibleNodes = this.data.nodes.slice(position, position + visibleRows);
-    const focusableElement = this.querySelector('[tabindex="0"]');
-    const focusedNodeInViewport = visibleNodes.find((node: TreeNode) => node.focused);
-    const checkedNodeInViewport = visibleNodes.find((node: TreeNode) => node.checked);
-
-    let nodes = this.nodesContainer.selectAll('.node')
-      .data(visibleNodes, (node: TreeNode) => node.stateIdentifier);
-    const nodesBg = this.nodesBgContainer.selectAll('.node-bg')
-      .data(visibleNodes, (node: TreeNode) => node.stateIdentifier);
-    const nodesActions = this.nodesActionsContainer.selectAll('.node-action')
-      .data(visibleNodes, (node: TreeNode) => node.stateIdentifier);
-
-    // delete nodes without corresponding data
-    nodes.exit().remove();
-    nodesBg.exit().remove();
-    nodesActions.exit().remove();
-
-    // update nodes actions
-    this.updateNodeActions(nodesActions);
-    // update nodes background
-    const nodeBgClass = this.updateNodeBgClass(nodesBg);
-
-    nodeBgClass
-      .attr('class', (node: TreeNode, i: number) => {
-        return this.getNodeBgClass(node, i, nodeBgClass);
-      })
-      .attr('style', (node: TreeNode) => {
-        return node.backgroundColor ? 'fill: ' + node.backgroundColor + ';' : '';
-      });
-
-    this.updateLinks();
-    nodes = this.enterSvgElements(nodes);
-
-    // update nodes
-    nodes
-      .attr('tabindex', (node: TreeNode, index: number) => {
-        if (typeof focusedNodeInViewport !== 'undefined') {
-          if (focusedNodeInViewport === node) {
-            return '0';
-          }
-        } else {
-          if (typeof checkedNodeInViewport !== 'undefined') {
-            if (checkedNodeInViewport === node) {
-              return '0';
-            }
-          } else {
-            if (focusableElement === null) {
-              if (index === 0) {
-                return '0';
-              }
-            } else {
-              if (d3selection.select(focusableElement).datum() === node) {
-                return '0';
-              }
-            }
-          }
-        }
-
-        return '-1';
-      })
-      .attr('transform', this.getNodeTransform)
-      .select('.node-name')
-      .html((node: TreeNode) => this.getNodeLabel(node));
-
-    nodes
-      .select('.node-toggle')
-      .attr('class', this.getToggleClass)
-      .attr('visibility', this.getToggleVisibility);
-
-    if (this.settings.showIcons) {
-      nodes
-        .select('use.node-icon')
-        .attr('xlink:href', this.getIconId);
-      nodes
-        .select('use.node-icon-overlay')
-        .attr('xlink:href', this.getIconOverlayId);
-      nodes
-        .select('use.node-icon-locked')
-        .attr('xlink:href', (node: TreeNode) => {
-          return '#icon-' + (node.locked ? 'overlay-backenduser' : '');
-        });
-    }
-  }
-
-  public updateNodeBgClass(nodesBg: TreeNodeSelection): TreeNodeSelection {
-    let nodeHeight = this.settings.nodeHeight;
-
-    // IMPORTANT
-    //
-    // The SVG spec does not support stroke alignment, and the stroke is always centered on the edge
-    // this results in blurry edges with 1px borders. Setting shape rendering to crispEdges has
-    // different results depending on the used browser.
-    //
-    // To resolve this issue need to:
-    // 1. reduce the height -1px - done in SvgTree::updateNodeBgClass
-    // 2. offset the element by 0.5px - done in SvgTree::getNodeBackgroundTransform
-    nodeHeight = nodeHeight - 1;
-
-    let node = nodesBg.enter()
-      .append('rect')
-      .merge(nodesBg as d3selection.Selection<SVGRectElement, TreeNode, any, any>);
-    return node
-      .attr('width', '100%')
-      .attr('height', nodeHeight)
-      .attr('data-state-id', this.getNodeStateIdentifier)
-      .attr('transform', (node: TreeNode) => this.getNodeBackgroundTransform(node, this.settings.indentWidth, this.settings.nodeHeight))
-      .on('mouseover', (evt: MouseEvent, node: TreeNode) => this.onMouseOverNode(node))
-      .on('mouseout', (evt: MouseEvent, node: TreeNode) => this.onMouseOutOfNode(node))
-      .on('click', (evt: MouseEvent, node: TreeNode) => {
-        this.selectNode(node, true);
-        this.focusNode(node);
-        this.updateVisibleNodes();
-      })
-      .on('contextmenu', (evt: MouseEvent, node: TreeNode) => {
-        evt.preventDefault();
-        this.dispatchEvent(new CustomEvent('typo3:svg-tree:node-context', {detail: {node: node}}));
-      });
-  }
-
-  /**
-   * Returns icon's href attribute value
-   */
-  public getIconId(node: TreeNode): string {
-    return '#icon-' + node.icon;
-  }
-
-  /**
-   * Returns icon's href attribute value
-   */
-  public getIconOverlayId(node: TreeNode): string {
-    return '#icon-' + node.overlayIcon;
-  }
-
-  /**
-   * Node selection logic (triggered by different events)
-   * This represents a dummy method and is usually overridden
-   * The second argument can be interpreted by the listened events to e.g. not avoid reloading the content frame and instead
-   * used for just updating the state within the tree
-   */
-  public selectNode(node: TreeNode, propagate: boolean = true): void {
-    if (!this.isNodeSelectable(node)) {
-      return;
-    }
-    // Disable already selected nodes
-    this.disableSelectedNodes();
-    this.disableFocusedNodes();
-    node.checked = true;
-    node.focused = true;
-    this.dispatchEvent(new CustomEvent('typo3:svg-tree:node-selected', {detail: {node: node, propagate: propagate}}));
-    this.updateVisibleNodes();
-  }
-
-  public filter(searchTerm?: string|null): void {
-    if (typeof searchTerm === 'string') {
-      this.searchTerm = searchTerm;
-    }
-    this.nodesAddPlaceholder();
-    if (this.searchTerm && this.settings.filterUrl) {
-      (new AjaxRequest(this.settings.filterUrl + '&q=' + this.searchTerm))
-        .get({cache: 'no-cache'})
-        .then((response: AjaxResponse) => response.resolve())
-        .then((json) => {
-          let nodes = Array.isArray(json) ? json : [];
-          if (nodes.length > 0) {
-            if (this.unfilteredNodes === '') {
-              this.unfilteredNodes = JSON.stringify(this.nodes);
-            }
-            this.replaceData(nodes);
-          }
-          this.nodesRemovePlaceholder();
-        })
-        .catch((error: any) => {
-          this.errorNotification(error, false)
-          this.nodesRemovePlaceholder();
-          throw error;
-        });
-    } else {
-      // restore original state without filters
-      this.resetFilter();
-    }
-  }
-
-  public resetFilter(): void
-  {
-    this.searchTerm = '';
-    if (this.unfilteredNodes.length > 0) {
-      let currentlySelected = this.getSelectedNodes()[0];
-      if (typeof currentlySelected === 'undefined') {
-        this.refreshTree();
-        return;
-      }
-      this.nodes = JSON.parse(this.unfilteredNodes);
-      this.unfilteredNodes = '';
-      // re-select the node from the identifier because the nodes have been updated
-      const currentlySelectedNode = this.getNodeByIdentifier(currentlySelected.stateIdentifier);
-      if (currentlySelectedNode) {
-        this.selectNode(currentlySelectedNode, false);
-        this.focusNode(currentlySelectedNode);
-        // Remove placeholder, in case this method was called from this.filter()
-        // and there was currently a node selected.
-        this.nodesRemovePlaceholder();
-      } else {
-        this.refreshTree();
-      }
-    } else {
-      this.refreshTree();
-    }
-    this.prepareDataForVisibleNodes();
-    this.updateVisibleNodes();
-  }
-
-  /**
-   * Displays a notification message and refresh nodes
-   */
-  public errorNotification(error: any = null, refresh: boolean = false): void {
-    if (Array.isArray(error)) {
-      error.forEach((message: any) => { Notification.error(
-        message.title,
-        message.message
-      )});
-    } else {
-      let title = this.networkErrorTitle;
-      if (error && error.target && (error.target.status || error.target.statusText)) {
-        title += ' - ' + (error.target.status || '') + ' ' + (error.target.statusText || '');
-      }
-      Notification.error(title, this.networkErrorMessage);
-    }
-    if (refresh) {
-      this.loadData();
-    }
-  }
-
-  public connectedCallback(): void {
-    super.connectedCallback();
-    this.addEventListener('resize', () => this.updateView());
-    this.addEventListener('scroll', () => this.updateView());
-    this.addEventListener('svg-tree:visible', () => this.updateView());
-    window.addEventListener('resize', () => {
-      if (this.getClientRects().length > 0) {
-        this.updateView();
-      }
-    });
-  }
-
-  /**
-   * Returns an array of selected nodes
-   */
-  public getSelectedNodes(): TreeNode[] {
-    return this.nodes.filter((node: TreeNode) => node.checked);
-  }
-
-  /**
-   * Returns an array of focused nodes
-   */
-  public getFocusedNodes(): TreeNode[] {
-    return this.nodes.filter((node: TreeNode) => node.focused);
-  }
-
-  /**
-   * Disable currently focused nodes
-   */
-  public disableFocusedNodes(): void {
-    this.getFocusedNodes().forEach((node: TreeNode) => {
-      if (node.focused === true) {
-        node.focused = false;
-      }
-    });
-  }
-
-  // disable shadow dom for now
-  protected createRenderRoot(): HTMLElement | ShadowRoot {
-    return this;
-  }
-
-  protected render(): TemplateResult {
-    return html`
-      <div class="node-loader">
-        <typo3-backend-icon identifier="spinner-circle-light" size="small"></typo3-backend-icon>
-      </div>
-      <svg version="1.1"
-           width="100%"
-           @mouseover=${() => this.isOverSvg = true}
-           @mouseout=${() => this.isOverSvg = false}
-           @keydown=${(evt: KeyboardEvent) => this.handleKeyboardInteraction(evt)}>
-        <g class="nodes-wrapper" transform="translate(${this.settings.indentWidth / 2},${this.settings.nodeHeight / 2})">
-          <g class="links"></g>
-          <g class="nodes-bg"></g>
-          <g class="nodes" role="tree"></g>
-          <g class="nodes-actions"></g>
-        </g>
-        <defs></defs>
-      </svg>
-    `;
-  }
-
-  protected firstUpdated(): void {
-    this.svg = d3selection.select(this.querySelector('svg'))
-    this.container = d3selection.select(this.querySelector('.nodes-wrapper'))
-      .attr('transform', 'translate(' + (this.settings.indentWidth / 2) + ',' + (this.settings.nodeHeight / 2) + ')') as any;
-    this.nodesBgContainer = d3selection.select(this.querySelector('.nodes-bg')) as any;
-    this.nodesActionsContainer = d3selection.select(this.querySelector('.nodes-actions')) as any;
-    this.linksContainer = d3selection.select(this.querySelector('.links')) as any;
-    this.nodesContainer = d3selection.select(this.querySelector('.nodes')) as any;
-
-    this.doSetup(this.setup || {});
-    this.updateView();
-  }
-
-  protected updateView(): void {
-    this.updateScrollPosition();
-    this.updateVisibleNodes();
-    if (this.settings.actions && this.settings.actions.length) {
-      this.nodesActionsContainer.attr('transform', 'translate(' + (this.querySelector('svg').clientWidth - 16 - ((16 * this.settings.actions.length))) + ',0)');
-    }
-  }
-
-  protected disableSelectedNodes(): void {
-    // Disable already selected nodes
-    this.getSelectedNodes().forEach((node: TreeNode) => {
-      if (node.checked === true) {
-        node.checked = false;
-      }
-    });
-  }
-
-  /**
-   * Ensure to update the actions column to stick to the very end
-   */
-  protected updateNodeActions(nodesActions: TreeNodeSelection): TreeNodeSelection {
-    if (this.settings.actions && this.settings.actions.length) {
-      // Remove all existing actions again
-      this.nodesActionsContainer.selectAll('.node-action').selectChildren().remove();
-      return nodesActions.enter()
-        .append('g')
-        .merge(nodesActions as d3selection.Selection<SVGGElement, TreeNode, any, any>)
-        .attr('class', 'node-action')
-        .on('mouseover', (evt: MouseEvent, node: TreeNode) => this.onMouseOverNode(node))
-        .on('mouseout', (evt: MouseEvent, node: TreeNode) => this.onMouseOutOfNode(node))
-        .attr('data-state-id', this.getNodeStateIdentifier)
-        .attr('transform', (node: TreeNode) => this.getNodeActionTransform(node, this.settings.indentWidth, this.settings.nodeHeight))
-    }
-    return nodesActions.enter();
-  }
-
-  /**
-   * This is a quick helper function to create custom action icons.
-   */
-  protected createIconAreaForAction(actionItem: any, iconIdentifier: string): void
-  {
-    const icon = actionItem
-      .append('svg')
-      .attr('class', 'node-icon-container')
-      .attr('height', this.settings.icon.containerSize)
-      .attr('width', this.settings.icon.containerSize)
-      .attr('x', '0')
-      .attr('y', '0');
-    // improve usability by making the click area a 20px square
-    icon
-      .append('rect')
-      .attr('height', this.settings.icon.containerSize)
-      .attr('width', this.settings.icon.containerSize)
-      .attr('y', '0')
-      .attr('x', '0')
-      .attr('class', 'node-icon-click');
-    const nodeInner = icon
-      .append('svg')
-      .attr('height', this.settings.icon.size)
-      .attr('width', this.settings.icon.size)
-      .attr('y', (this.settings.icon.containerSize - this.settings.icon.size) / 2)
-      .attr('x', (this.settings.icon.containerSize - this.settings.icon.size) / 2)
-      .attr('class', 'node-icon-inner');
-    nodeInner
-      .append('use')
-      .attr('class', 'node-icon')
-      .attr('xlink:href', '#icon-' + iconIdentifier);
-  }
-
-  /**
-   * Check whether node can be selected.
-   * In some cases (e.g. selecting a parent) it should not be possible to select
-   * element (as it's own parent).
-   */
-  protected isNodeSelectable(node: TreeNode): boolean {
-    return true;
-  }
-
-  protected appendTextElement(nodes: TreeNodeSelection): TreeNodeSelection {
-    return nodes
-      .append('text')
-      .attr('dx', this.textPosition)
-      .attr('dy', 5)
-      .attr('class', 'node-name')
-      .on('click', (evt: MouseEvent, node: TreeNode) => {
-        this.selectNode(node, true);
-        this.focusNode(node);
-        this.updateVisibleNodes();
-      });
-  }
-
-  protected nodesUpdate(nodes: TreeNodeSelection): TreeNodeSelection {
-    nodes = nodes
-      .enter()
-      .append('g')
-      .attr('class', 'node')
-      .attr('id', (node: TreeNode) => { return 'identifier-' + node.stateIdentifier; })
-      .attr('role', 'treeitem')
-      .attr('aria-owns', (node: TreeNode) => { return (node.hasChildren ? 'group-identifier-' + node.stateIdentifier : null); })
-      .attr('aria-level', this.getNodeDepth)
-      .attr('aria-setsize', this.getNodeSetsize)
-      .attr('aria-posinset', this.getNodePositionInSet)
-      .attr('aria-expanded', (node: TreeNode) => { return (node.hasChildren ? node.expanded : null); })
-      .attr('transform', this.getNodeTransform)
-      .attr('data-state-id', this.getNodeStateIdentifier)
-      .attr('title', this.getNodeTitle)
-      .on('mouseover', (evt: MouseEvent, node: TreeNode) => this.onMouseOverNode(node))
-      .on('mouseout', (evt: MouseEvent, node: TreeNode) => this.onMouseOutOfNode(node))
-      .on('contextmenu', (evt: MouseEvent, node: TreeNode) => {
-        evt.preventDefault();
-        this.dispatchEvent(new CustomEvent('typo3:svg-tree:node-context', {detail: {node: node}}));
-      });
-
-    nodes
-      .append('text')
-      .text((node: TreeNode) => { return node.readableRootline; })
-      .attr('class', 'node-rootline')
-      .attr('dx', 0)
-      .attr('dy', (this.settings.nodeHeight / 2 * -1))
-      .attr('visibility', (node: TreeNode) => node.readableRootline ? 'visible' : 'hidden')
-    ;
-    return nodes;
-  }
-
-  protected getNodeIdentifier(node: TreeNode): string {
-    return node.identifier;
-  }
-
-  protected getNodeDepth(node: TreeNode): number {
-    return node.depth;
-  }
-
-  protected getNodeSetsize(node: TreeNode): number {
-    return node.siblingsCount;
-  }
-
-  protected getNodePositionInSet(node: TreeNode): number {
-    return node.siblingsPosition;
-  }
-
-  protected getNodeStateIdentifier(node: TreeNode): string {
-    return node.stateIdentifier;
-  }
-
-  protected getNodeLabel(node: TreeNode): string {
-    let label = (node.prefix || '') + node.name + (node.suffix || '');
-    // make a text node out of it, and strip out any HTML (this is because the return value uses html()
-    // instead of text() which is needed to avoid XSS in a page title
-    const labelNode = document.createElement('div');
-    labelNode.textContent = label;
-    label = labelNode.innerHTML;
-    if (this.searchTerm) {
-      const regexp = new RegExp(this.searchTerm, 'gi');
-      label = label.replace(regexp, '<tspan class="node-highlight-text">$&</tspan>');
-    }
-    return label;
-  }
-
-  /**
-   * Finds node by its stateIdentifier (e.g. "0_360")
-   */
-  protected getNodeByIdentifier(identifier: string): TreeNode|null {
-    return this.nodes.find((node: TreeNode) => {
-      return node.stateIdentifier === identifier;
-    });
-  }
-
-  /**
-   * Computes the tree node-bg class
-   */
-  protected getNodeBgClass(node: TreeNode, i: number, nodeBgClass: TreeNodeSelection): string {
-    let bgClass = 'node-bg';
-    let prevNode = null;
-    let nextNode = null;
-
-    if (typeof nodeBgClass === 'object') {
-      prevNode = nodeBgClass.data()[i - 1];
-      nextNode = nodeBgClass.data()[i + 1];
-    }
-
-    if (node.checked) {
-      bgClass += ' node-selected';
-    }
-
-    if (node.focused) {
-      bgClass += ' node-focused';
-    }
-
-    if ((prevNode && (node.depth > prevNode.depth)) || !prevNode) {
-      node.firstChild = true;
-      bgClass += ' node-first-child';
-    }
-
-    if ((nextNode && (node.depth > nextNode.depth)) || !nextNode) {
-      node.lastChild = true;
-      bgClass += ' node-last-child';
-    }
-
-    if (node.class) {
-      bgClass += ' ' + node.class;
-    }
-
-    return bgClass;
-  }
-
-  protected getNodeTitle(node: TreeNode): string {
-    return node.tip ? node.tip : 'uid=' + node.identifier;
-  }
-
-  protected getToggleVisibility(node: TreeNode): string {
-    return node.hasChildren ? 'visible' : 'hidden';
-  }
-
-  protected getToggleClass(node: TreeNode): string {
-    return 'node-toggle node-toggle--' + (node.expanded ? 'expanded' : 'collapsed')
-      // Nessesary for testing framework can be removed after testing framework is adapted at some point
-      + ' chevron ' + (node.expanded ? 'expanded' : 'collapsed');
-  }
-
-  /**
-   * Returns a SVG path's 'd' attribute value
-   *
-   * @param {SvgTreeDataLink} link
-   * @returns {String}
-   */
-  protected getLinkPath(link: SvgTreeDataLink): string {
-    const target = {
-      x: link.target.x,
-      y: link.target.y
-    };
-    const path = [];
-    path.push('M' + link.source.x + ' ' + link.source.y);
-    path.push('V' + target.y);
-    if (link.target.hasChildren) {
-      path.push('H' + (target.x - 2));
-    } else {
-      path.push('H' + ((target.x + this.settings.indentWidth / 4) - 2));
-    }
-    return path.join(' ');
-  }
-
-  /**
-   * Returns a 'transform' attribute value for the tree element (absolute positioning)
-   *
-   * @param {Node} node
-   */
-  protected getNodeTransform(node: TreeNode): string {
-    return 'translate(' + (node.x || 0) + ',' + (node.y || 0) + ')';
-  }
-
-  /**
-   * Returns a 'transform' attribute value for the node background element (absolute positioning)
-   *
-   * @param {Node} node
-   * @param {number} indentWidth
-   * @param {number} nodeHeight
-   */
-  protected getNodeBackgroundTransform(node: TreeNode, indentWidth: number, nodeHeight: number): string {
-
-    let positionX = (indentWidth / 2 * -1);
-    let positionY = (node.y || 0) - (nodeHeight / 2);
-
-    // IMPORTANT
-    //
-    // The SVG spec does not support stroke alignment, and the stroke is always centered on the edge
-    // this results in blurry edges with 1px borders. Setting shape rendering to crispEdges has
-    // different results depending on the used browser.
-    //
-    // To resolve this issue need to:
-    // 1. reduce the height -1px - done in SvgTree::updateNodeBgClass
-    // 2. offset the element by 0.5px - done in SvgTree::getNodeBackgroundTransform
-    positionY = positionY + 0.5;
-
-    return 'translate(' + positionX + ', ' + positionY + ')';
-  }
-
-  /**
-   * Returns a 'transform' attribute value for the node action element (absolute positioning)
-   *
-   * @param {Node} node
-   * @param {number} indentWidth
-   * @param {number} nodeHeight
-   */
-  protected getNodeActionTransform(node: TreeNode, indentWidth: number, nodeHeight: number): string {
-    return 'translate(' + (indentWidth / 2 * -1) + ', ' + ((node.y || 0) - (nodeHeight / 2)) + ')';
-  }
-
-
-  /**
-   * Event handler for clicking on a node's icon
-   */
-  protected clickOnIcon(node: TreeNode): void {
-    this.dispatchEvent(new CustomEvent('typo3:svg-tree:node-context', {detail: {node: node}}));
-  }
-
-  /**
-   * Event handler for collapsing or expanding nodes
-   */
-  protected handleNodeToggle(node: TreeNode): void {
-    if (node.expanded) {
-      this.hideChildren(node);
-    } else {
-      this.showChildren(node);
-    }
-    this.prepareDataForVisibleNodes();
-    this.updateVisibleNodes();
-  }
-
-  /**
-   * Adds missing SVG nodes
-   *
-   * @param {Selection} nodes
-   * @returns {Selection}
-   */
-  protected enterSvgElements(nodes: TreeNodeSelection): TreeNodeSelection {
-    if (this.settings.showIcons) {
-      const iconsArray = Object.values(this.icons)
-        .filter((icon: SvgTreeDataIcon): boolean => icon.icon !== '' && icon.icon !== null);
-      const icons = this.iconsContainer
-        .selectAll('.icon-def')
-        .data(iconsArray, (icon: SvgTreeDataIcon) => icon.identifier);
-      icons.exit().remove();
-
-      icons
-        .enter()
-        .append('g')
-        .attr('class', 'icon-def')
-        .attr('id', (node: TreeNode) => 'icon-' + node.identifier)
-        .append((node: TreeNode): SVGElement => {
-          if (node.icon instanceof SVGElement) {
-            return node.icon;
-          }
-          // Once all icons are real SVG Elements, this part can safely be removed
-          const markup = '<svg>' + node.icon + '</svg>';
-          const parser = new DOMParser();
-          const dom = parser.parseFromString(markup, 'image/svg+xml');
-          return dom.documentElement.firstChild as SVGElement;
-        });
-    }
-
-    // create the node elements
-    const nodeEnter = this.nodesUpdate(nodes);
-
-    // append the toggle element
-    let nodeToggle = nodeEnter
-      .append('svg')
-      .attr('class', 'node-toggle')
-      .attr('y', (this.settings.icon.size / 2 * -1))
-      .attr('x', (this.settings.icon.size / 2 * -1))
-      .attr('visibility', this.getToggleVisibility)
-      .attr('height', this.settings.icon.size)
-      .attr('width', this.settings.icon.size)
-      .on('click', (evt: MouseEvent, node: TreeNode) => this.handleNodeToggle(node));
-    nodeToggle.append('use')
-      .attr('class', 'node-toggle-icon')
-      .attr('href', '#icon-actions-chevron-right');
-    nodeToggle.append('rect')
-      .attr('class', 'node-toggle-spacer')
-      .attr('height', this.settings.icon.size)
-      .attr('width', this.settings.icon.size)
-      .attr('fill', 'transparent');
-
-    // append the icon element
-    if (this.settings.showIcons) {
-      const nodeContainer = nodeEnter
-        .append('svg')
-        .attr('class', 'node-icon-container')
-        .attr('title', this.getNodeTitle)
-        .attr('height', '20')
-        .attr('width', '20')
-        .attr('x', '6')
-        .attr('y', '-10')
-        .attr('data-bs-toggle', 'tooltip')
-        .on('click', (evt: MouseEvent, node: TreeNode) => {
-          evt.preventDefault();
-          this.clickOnIcon(node)
-        });
-
-      // improve usability by making the click area a 20px square
-      nodeContainer
-        .append('rect')
-        .style('opacity', 0)
-        .attr('width', '20')
-        .attr('height', '20')
-        .attr('y', '0')
-        .attr('x', '0')
-        .attr('class', 'node-icon-click');
-
-      const nodeInner = nodeContainer
-        .append('svg')
-        .attr('height', '16')
-        .attr('width', '16')
-        .attr('y', '2')
-        .attr('x', '2')
-        .attr('class', 'node-icon-inner');
-
-      nodeInner
-        .append('use')
-        .attr('class', 'node-icon')
-        .attr('data-uid', this.getNodeIdentifier);
-
-      const nodeIconOverlay = nodeInner
-        .append('svg')
-        .attr('height', '11')
-        .attr('width', '11')
-        .attr('y', '5')
-        .attr('x', '5');
-
-      nodeIconOverlay
-        .append('use')
-        .attr('class', 'node-icon-overlay');
-
-      const nodeIconLocked = nodeInner
-        .append('svg')
-        .attr('height', '11')
-        .attr('width', '11')
-        .attr('y', '5')
-        .attr('x', '5');
-
-      nodeIconLocked
-        .append('use')
-        .attr('class', 'node-icon-locked');
-    }
-
-    Tooltip.initialize('[data-bs-toggle="tooltip"]', this.tooltipOptions);
-
-    this.appendTextElement(nodeEnter);
-    return nodes.merge(nodeEnter);
-  }
-  /**
-   * Updates variables used for visible nodes calculation
-   */
-  private updateScrollPosition(): void {
-    this.viewportHeight = this.getBoundingClientRect().height;
-    this.scrollBottom = this.scrollTop + this.viewportHeight + (this.viewportHeight / 2);
-    // wait for the tooltip to appear and disable tooltips when scrolling
-    setTimeout(() => {
-      Tooltip.hide(document.querySelector(<string>this.tooltipOptions.container).querySelectorAll('.bs-tooltip-end'));
-    }, <number>this.tooltipOptions.delay)
-  }
-
-  /**
-   * node background events if mouse enters a node
-   */
-  private onMouseOverNode(node: TreeNode): void {
-    node.isOver = true;
-    this.hoveredNode = node;
-
-    let elementNodeBg = this.svg.select('.nodes-bg .node-bg[data-state-id="' + node.stateIdentifier + '"]');
-    if (elementNodeBg.size()) {
-      elementNodeBg.classed('node-over', true);
-    }
-
-    let elementNodeAction = this.nodesActionsContainer.select('.node-action[data-state-id="' + node.stateIdentifier + '"]');
-    if (elementNodeAction.size()) {
-      elementNodeAction.classed('node-action-over', true);
-      // @todo: needs to be adapted for active nodes
-      elementNodeAction.attr('fill', elementNodeBg.style('fill'));
-    }
-  }
-
-  /**
-   * node background event if mouse leaves a node
-   */
-  private onMouseOutOfNode(node: TreeNode): void {
-    node.isOver = false;
-    this.hoveredNode = null;
-
-    let elementNodeBg = this.svg.select('.nodes-bg .node-bg[data-state-id="' + node.stateIdentifier + '"]');
-    if (elementNodeBg.size()) {
-      elementNodeBg.classed('node-over node-alert', false);
-    }
-
-    let elementNodeAction = this.nodesActionsContainer.select('.node-action[data-state-id="' + node.stateIdentifier + '"]');
-    if (elementNodeAction.size()) {
-      elementNodeAction.classed('node-action-over', false);
-    }
-  }
-
-  /**
-   * Add keydown handling to allow keyboard navigation inside the tree
-   */
-  private handleKeyboardInteraction(evt: KeyboardEvent) {
-    const evtTarget = evt.target as SVGElement;
-    let currentNode = d3selection.select(evtTarget).datum() as TreeNode;
-    const charCodes = [
-      KeyTypes.ENTER,
-      KeyTypes.SPACE,
-      KeyTypes.END,
-      KeyTypes.HOME,
-      KeyTypes.LEFT,
-      KeyTypes.UP,
-      KeyTypes.RIGHT,
-      KeyTypes.DOWN
-    ];
-    if (charCodes.indexOf(evt.keyCode) === -1) {
-      return;
-    }
-    evt.preventDefault();
-    const parentDomNode = evtTarget.parentNode as SVGElement;
-    // @todo Migrate to `evt.code`, see https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/code
-    switch (evt.keyCode) {
-      case KeyTypes.END:
-        // scroll to end, select last node
-        this.scrollTop = this.lastElementChild.getBoundingClientRect().height + this.settings.nodeHeight - this.viewportHeight;
-        parentDomNode.scrollIntoView({behavior: 'smooth', block: 'end'});
-        this.focusNode(this.getNodeFromElement(parentDomNode.lastElementChild as SVGElement));
-        this.updateVisibleNodes();
-        break;
-      case KeyTypes.HOME:
-        // scroll to top, select first node
-        this.scrollTo({'top': this.nodes[0].y, 'behavior': 'smooth'});
-        this.prepareDataForVisibleNodes();
-        this.focusNode(this.getNodeFromElement(parentDomNode.firstElementChild as SVGElement));
-        this.updateVisibleNodes();
-        break;
-      case KeyTypes.LEFT:
-        if (currentNode.expanded) {
-          // collapse node if collapsible
-          if (currentNode.hasChildren) {
-            this.hideChildren(currentNode);
-            this.prepareDataForVisibleNodes();
-            this.updateVisibleNodes();
-          }
-        } else if (currentNode.parents.length > 0) {
-          // go to parent node
-          let parentNode = this.nodes[currentNode.parents[0]];
-          this.scrollNodeIntoVisibleArea(parentNode, 'up');
-          this.focusNode(parentNode);
-          this.updateVisibleNodes();
-        }
-        break;
-      case KeyTypes.UP:
-        // select previous visible node on any level
-        this.scrollNodeIntoVisibleArea(currentNode, 'up');
-        if (evtTarget.previousSibling) {
-          this.focusNode(this.getNodeFromElement(evtTarget.previousSibling as SVGElement));
-          this.updateVisibleNodes();
-        }
-        break;
-      case KeyTypes.RIGHT:
-        if (currentNode.expanded) {
-          // the current node is expanded, goto first child (next element on the list)
-          this.scrollNodeIntoVisibleArea(currentNode, 'down');
-          this.focusNode(this.getNodeFromElement(evtTarget.nextSibling as SVGElement));
-          this.updateVisibleNodes();
-        } else {
-          if (currentNode.hasChildren) {
-            // expand currentNode
-            this.showChildren(currentNode);
-            this.prepareDataForVisibleNodes();
-            this.focusNode(this.getNodeFromElement(evtTarget as SVGElement));
-            this.updateVisibleNodes();
-          }
-          //do nothing if node has no children
-        }
-        break;
-      case KeyTypes.DOWN:
-        // select next visible node on any level
-        // check if node is at end of viewport and scroll down if so
-        this.scrollNodeIntoVisibleArea(currentNode, 'down');
-        if (evtTarget.nextSibling) {
-          this.focusNode(this.getNodeFromElement(evtTarget.nextSibling as SVGElement));
-          this.updateVisibleNodes();
-        }
-        break;
-      case KeyTypes.ENTER:
-      case KeyTypes.SPACE:
-        this.selectNode(currentNode, true);
-        this.focusNode(currentNode)
-        break;
-      default:
-    }
-  }
-
-  /**
-   * If node is at the top of the viewport and direction is up, scroll up by the height of one item
-   * If node is at the bottom of the viewport and direction is down, scroll down by the height of one item
-   */
-  private scrollNodeIntoVisibleArea(node: TreeNode, direction: string = 'up'): void {
-    let scrollTop = this.scrollTop;
-    if (direction === 'up' && scrollTop > node.y - this.settings.nodeHeight) {
-      scrollTop = node.y - this.settings.nodeHeight;
-    } else if (direction === 'down' && scrollTop + this.viewportHeight <= node.y + (3 * this.settings.nodeHeight)) {
-      scrollTop = scrollTop + this.settings.nodeHeight;
-    } else {
-      return;
-    }
-    this.scrollTo({'top': scrollTop, 'behavior': 'smooth'});
-    this.updateVisibleNodes();
-  }
-
-  /**
-   * Renders links(lines) between parent and child nodes and is also used for grouping the children
-   * The line element of the first child is used as role=group node to group the children programmatically
-   */
-  private updateLinks() {
-    const visibleLinks = this.data.links
-      .filter((link: SvgTreeDataLink) => {
-        return link.source.y <= this.scrollBottom && link.target.y >= this.scrollTop - this.settings.nodeHeight;
-      })
-      .map((link: SvgTreeDataLink) => {
-        link.source.owns = link.source.owns || [];
-        link.source.owns.push('identifier-' + link.target.stateIdentifier);
-        return link;
-      });
-    const links = this.linksContainer.selectAll('.link').data(visibleLinks);
-    // delete
-    links.exit().remove();
-    // create
-    links.enter()
-      .append('path')
-      .attr('class', 'link')
-      .attr('id', this.getGroupIdentifier)
-      .attr('role', (link: SvgTreeDataLink): null|string => {
-        return link.target.siblingsPosition === 1 && link.source.owns.length > 0 ? 'group' : null
-      })
-      .attr('aria-owns', (link: SvgTreeDataLink): null|string => {
-        return link.target.siblingsPosition === 1 && link.source.owns.length > 0 ? link.source.owns.join(' ') : null
-      })
-      // create + update
-      .merge(links as d3selection.Selection<any, any, any, any>)
-      .attr('d', (link: SvgTreeDataLink) => this.getLinkPath(link));
-  }
-
-  /**
-   * If the link target is the first child, set the group identifier.
-   * The group with this id is used for grouping the siblings, thus the identifier uses the stateIdentifier of
-   * the link source item.
-   */
-  private getGroupIdentifier(link: any): string|null {
-    return link.target.siblingsPosition === 1 ? 'group-identifier-' + link.source.stateIdentifier : null;
-  }
-
-}
-
-
-/**
- * A basic toolbar allowing to search / filter
- */
-@customElement('typo3-backend-tree-toolbar')
-export class Toolbar extends LitElement {
-  @property({type: SvgTree}) tree: SvgTree = null;
-  protected settings = {
-    searchInput: '.search-input',
-    filterTimeout: 450
-  };
-
-  protected createRenderRoot(): HTMLElement | ShadowRoot {
-    return this;
-  }
-
-  protected firstUpdated(): void
-  {
-    const inputEl = this.querySelector(this.settings.searchInput) as HTMLInputElement;
-    if (inputEl) {
-      new DebounceEvent('input', (evt: InputEvent) => {
-        const el = evt.target as HTMLInputElement;
-        this.tree.filter(el.value.trim());
-      }, this.settings.filterTimeout).bindTo(inputEl);
-      inputEl.focus();
-    }
-  }
-
-  protected render(): TemplateResult {
-    /* eslint-disable @typescript-eslint/indent */
-    return html`
-      <div class="tree-toolbar">
-        <div class="svg-toolbar__menu">
-          <div class="svg-toolbar__search">
-              <input type="search" class="form-control form-control-sm search-input" placeholder="${lll('tree.searchTermInfo')}">
-          </div>
-        </div>
-        <div class="svg-toolbar__submenu">
-          <a class="svg-toolbar__menuitem nav-link dropdown-toggle dropdown-toggle-no-chevron float-end" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false"><typo3-backend-icon identifier="actions-menu-alternative" size="small"></typo3-backend-icon></a>
-          <ul class="dropdown-menu dropdown-menu-end">
-            <li>
-              <button class="dropdown-item" @click="${() => this.refreshTree()}">
-                <typo3-backend-icon identifier="actions-refresh" size="small" class="icon icon-size-small"></typo3-backend-icon>
-                ${lll('labels.refresh')}
-              </button>
-            </li>
-            <li>
-              <button class="dropdown-item" @click="${(evt: MouseEvent) => this.collapseAll(evt)}">
-                <typo3-backend-icon identifier="apps-pagetree-category-collapse-all" size="small" class="icon icon-size-small"></typo3-backend-icon>
-                ${lll('labels.collapse')}
-              </button>
-            </li>
-          </ul>
-        </div>
-      </div>
-    `;
-  }
-
-  protected refreshTree(): void {
-    this.tree.refreshOrFilterTree();
-  }
-
-  protected collapseAll(evt: MouseEvent): void {
-    evt.preventDefault();
-    // Only collapse nodes that aren't on the root level
-    this.tree.nodes.forEach((node: TreeNode) => {
-      if (node.parentsStateIdentifier.length) {
-        this.tree.hideChildren(node);
-      }
-    });
-    this.tree.prepareDataForVisibleNodes();
-    this.tree.updateVisibleNodes();
-  }
-}
diff --git a/typo3_src/TypeScript/backend/switch-user.ts b/typo3_src/TypeScript/backend/switch-user.ts
deleted file mode 100644
index c569876..0000000
--- a/typo3_src/TypeScript/backend/switch-user.ts
+++ /dev/null
@@ -1,85 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {html, TemplateResult, LitElement} from 'lit';
-import {customElement, property} from 'lit/decorators';
-import AjaxRequest from '@typo3/core/ajax/ajax-request';
-import {AjaxResponse} from '@typo3/core/ajax/ajax-response';
-import Notification from '@typo3/backend/notification';
-
-enum Modes {
-  switch = 'switch',
-  exit = 'exit',
-}
-
-/**
- * Module: @typo3/backend/switch-user
- *
- * @example
- * <typo3-switch-user targetUser="123" mode="switch">
- *   <button>Switch user</button>
- * </typo3-switch-user>
- */
-@customElement('typo3-backend-switch-user')
-class SwitchUser extends LitElement {
-  @property({type: String}) targetUser: string;
-  @property({type: Modes}) mode: Modes = Modes.switch;
-
-  public constructor() {
-    super();
-    this.addEventListener('click', (e: Event): void => {
-      e.preventDefault();
-      if (this.mode === Modes.switch) {
-        this.handleSwitchUser();
-      } else if (this.mode === Modes.exit) {
-        this.handleExitSwitchUser();
-      }
-    });
-  }
-
-  protected render(): TemplateResult {
-    return html`<slot></slot>`;
-  }
-
-  private handleSwitchUser(): void {
-    if (!this.targetUser) {
-      // Invalid request without target user
-      Notification.error('Switching to user went wrong.');
-      return;
-    }
-
-    (new AjaxRequest(TYPO3.settings.ajaxUrls.switch_user)).post({
-      targetUser: this.targetUser,
-    }).then(async (response: AjaxResponse): Promise<any> => {
-      const data = await response.resolve();
-      if (data.success === true && data.url) {
-        top.window.location.href = data.url;
-      } else {
-        Notification.error('Switching to user went wrong.');
-      }
-    });
-  }
-
-  private handleExitSwitchUser(): void {
-    (new AjaxRequest(TYPO3.settings.ajaxUrls.switch_user_exit)).post({}).then(async (response: AjaxResponse): Promise<any> => {
-      const data = await response.resolve();
-      if (data.success === true && data.url) {
-        top.window.location.href = data.url;
-      } else {
-        Notification.error('Exiting current user went wrong.');
-      }
-    });
-  }
-}
-
-
diff --git a/typo3_src/TypeScript/backend/tabs.ts b/typo3_src/TypeScript/backend/tabs.ts
deleted file mode 100644
index c9cce1d..0000000
--- a/typo3_src/TypeScript/backend/tabs.ts
+++ /dev/null
@@ -1,69 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {Tab} from 'bootstrap';
-import BrowserSession from './storage/browser-session';
-import Client from './storage/client';
-import DocumentService from '@typo3/core/document-service';
-
-/**
- * Module: @typo3/backend/tabs
- * @exports @typo3/backend/tabs
- */
-class Tabs {
-  /**
-   * Receive active tab from storage
-   *
-   * @param {string} id
-   * @returns {string}
-   */
-  private static receiveActiveTab(id: string): string {
-    return BrowserSession.get(id) || '';
-  }
-
-  /**
-   * Set active tab to storage
-   *
-   * @param {string} id
-   * @param {string} target
-   */
-  private static storeActiveTab(id: string, target: string): void {
-    BrowserSession.set(id, target);
-  }
-
-  constructor() {
-    DocumentService.ready().then((): void => {
-      const tabContainers = document.querySelectorAll('.t3js-tabs');
-      tabContainers.forEach((tabContainer: HTMLElement): void => {
-        const currentActiveTab = Tabs.receiveActiveTab(tabContainer.id);
-        if (currentActiveTab) {
-          new Tab(document.querySelector('a[href="' + currentActiveTab + '"]')).show();
-        }
-
-        const storeLastActiveTab = tabContainer.dataset.storeLastTab === '1';
-        if (storeLastActiveTab) {
-          tabContainer.addEventListener('show.bs.tab', (e: Event): void => {
-            const id = (e.currentTarget as HTMLElement).id;
-            const tabTarget = (e.target as HTMLAnchorElement).hash;
-            Tabs.storeActiveTab(id, tabTarget);
-          });
-        }
-      });
-    });
-
-    // Remove legacy values from localStorage
-    Client.unsetByPrefix('tabs-');
-  }
-}
-
-export default new Tabs();
diff --git a/typo3_src/TypeScript/backend/tests/backend-exception-test.ts b/typo3_src/TypeScript/backend/tests/backend-exception-test.ts
deleted file mode 100644
index 8c0fcbc..0000000
--- a/typo3_src/TypeScript/backend/tests/backend-exception-test.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {BackendException} from '@typo3/backend/backend-exception';
-
-describe('@typo3/backend/backend-exception', () => {
-  it('sets exception message', () => {
-    const backendException: BackendException = new BackendException('some message');
-    expect(backendException.message).toBe('some message');
-  });
-
-  it('sets exception code', () => {
-    const backendException: BackendException = new BackendException('', 12345);
-    expect(backendException.code).toBe(12345);
-  });
-});
diff --git a/typo3_src/TypeScript/backend/tests/element/immediate-action-element-test.ts b/typo3_src/TypeScript/backend/tests/element/immediate-action-element-test.ts
deleted file mode 100644
index cfece04..0000000
--- a/typo3_src/TypeScript/backend/tests/element/immediate-action-element-test.ts
+++ /dev/null
@@ -1,102 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {ImmediateActionElement} from '@typo3/backend/element/immediate-action-element';
-import moduleMenuApp from '@typo3/backend/module-menu';
-import viewportObject from '@typo3/backend/viewport';
-
-describe('TYPO3/CMS/Backend/Element/ImmediateActionElement:', () => {
-  let root: HTMLElement; // This will hold the actual element under test.
-
-  beforeEach((): void => {
-    root = document.createElement('div');
-    document.body.appendChild(root);
-  });
-
-  afterEach((): void => {
-    root.remove();
-    root = null;
-  });
-
-  it('dispatches action when created via constructor', async () => {
-    const backup = viewportObject.Topbar;
-    const observer = {
-      refresh: (): void => {
-        return;
-      },
-    };
-    spyOn(observer, 'refresh').and.callThrough();
-    (viewportObject as any).Topbar = observer;
-    const element = new ImmediateActionElement;
-    element.setAttribute('action', 'TYPO3.Backend.Topbar.refresh');
-    expect(observer.refresh).not.toHaveBeenCalled();
-    root.appendChild(element);
-    await import('@typo3/backend/viewport');
-    await new Promise((resolve) => setTimeout(resolve, 100))
-    expect(observer.refresh).toHaveBeenCalled();
-    (viewportObject as any).Topbar = backup;
-  });
-
-  it('dispatches action when created via createElement', async () => {
-    const backup = viewportObject.Topbar;
-    const observer = {
-      refresh: (): void => {
-        return;
-      },
-    };
-    spyOn(observer, 'refresh').and.callThrough();
-    (viewportObject as any).Topbar = observer;
-    const element = <ImmediateActionElement>document.createElement('typo3-immediate-action');
-    element.setAttribute('action', 'TYPO3.Backend.Topbar.refresh');
-    expect(observer.refresh).not.toHaveBeenCalled();
-    root.appendChild(element);
-    await import('@typo3/backend/viewport');
-    await new Promise((resolve) => setTimeout(resolve, 100))
-    expect(observer.refresh).toHaveBeenCalled();
-    (viewportObject as any).Topbar = backup;
-  });
-
-  it('dispatches action when created from string', async () => {
-    const backup = moduleMenuApp.App;
-    const observer = {
-      refreshMenu: (): void => {
-        return;
-      },
-    };
-    spyOn(observer, 'refreshMenu').and.callThrough();
-    (moduleMenuApp as any).App = observer;
-    const element = document.createRange().createContextualFragment('<typo3-immediate-action action="TYPO3.ModuleMenu.App.refreshMenu"></typo3-immediate-action>').querySelector('typo3-immediate-action');
-    expect(observer.refreshMenu).not.toHaveBeenCalled();
-    root.appendChild(element);
-    await import('@typo3/backend/module-menu');
-    await new Promise((resolve) => setTimeout(resolve, 100))
-    expect(observer.refreshMenu).toHaveBeenCalled();
-    (viewportObject as any).App = backup;
-  });
-
-  it('dispatches action when created via innerHTML', async () => {
-    const backup = moduleMenuApp.App;
-    const observer = {
-      refreshMenu: (): void => {
-        return;
-      },
-    };
-    spyOn(observer, 'refreshMenu').and.callThrough();
-    (moduleMenuApp as any).App = observer;
-    root.innerHTML = '<typo3-immediate-action action="TYPO3.ModuleMenu.App.refreshMenu"></typo3-immediate-action>';
-    await import('@typo3/backend/module-menu');
-    await new Promise((resolve) => setTimeout(resolve, 100))
-    expect(observer.refreshMenu).toHaveBeenCalled();
-    (moduleMenuApp as any).App = backup;
-  });
-});
diff --git a/typo3_src/TypeScript/backend/tests/form-engine-validation-test.ts b/typo3_src/TypeScript/backend/tests/form-engine-validation-test.ts
deleted file mode 100644
index 840a369..0000000
--- a/typo3_src/TypeScript/backend/tests/form-engine-validation-test.ts
+++ /dev/null
@@ -1,379 +0,0 @@
-import $ from 'jquery';
-import FormEngineValidation from '@typo3/backend/form-engine-validation';
-
-declare function using(values: Function|Array<Object>|Object, func: Function): void;
-
-interface FormEngineConfig {
-  [x: string]: any;
-}
-
-interface FormatValueData {
-  description: string,
-  type: string,
-  value: number|string,
-  config: FormEngineConfig,
-  result: string
-}
-
-interface ProcessValueData {
-  description: string,
-  command: string,
-  value: string,
-  config: FormEngineConfig,
-  result: string
-}
-
-describe('TYPO3/CMS/Backend/FormEngineValidationTest:', () => {
-  const formatValueDataProvider: Array<FormatValueData> = [
-    {
-      'description': 'works for type date',
-      'type': 'date',
-      'value': 0,
-      'config': {},
-      'result': ''
-    },
-    {
-      'description': 'works for type date with timestamp',
-      'type': 'date',
-      'value': 10000000,
-      'config': {},
-      'result': '26-04-1970'
-    },
-    {
-      'description': 'works for type date with iso date',
-      'type': 'date',
-      'value': '2016-12-02T11:16:06+00:00',
-      'config': {},
-      'result': '02-12-2016'
-    },
-    {
-      'description': 'works for type datetime',
-      'type': 'datetime',
-      'value': 0,
-      'config': {},
-      'result': ''
-    },
-    {
-      'description': 'works for type datetime with timestamp',
-      'type': 'datetime',
-      'value': 10000000,
-      'config': {},
-      'result': '17:46 26-04-1970'
-    },
-    {
-      'description': 'works for type datetime with iso date',
-      'type': 'datetime',
-      'value': '2016-12-02T11:16:06+00:00',
-      'config': {},
-      'result': '11:16 02-12-2016'
-    },
-    {
-      'description': 'resolves to empty result for zero value',
-      'type': 'datetime',
-      'value': 0,
-      'config': {},
-      'result': ''
-    },
-    {
-      'description': 'resolves to empty result for invalid value',
-      'type': 'datetime',
-      'value': 'invalid',
-      'config': {},
-      'result': ''
-    },
-    {
-      'description': 'works for type time',
-      'type': 'time',
-      'value': 0,
-      'config': {},
-      'result': '00:00'
-    },
-    {
-      'description': 'works for type time with timestamp',
-      'type': 'time',
-      'value': 10000000,
-      'config': {},
-      'result': '17:46'
-    },
-    {
-      'description': 'works for type time with iso date',
-      'type': 'time',
-      'value': '2016-12-02T11:16:06+00:00',
-      'config': {},
-      'result': '11:16'
-    }
-  ];
-
-  /**
-   * @dataProvider formatValueDataProvider
-   * @test
-   */
-  describe('tests for formatValue', () => {
-    using(formatValueDataProvider, function(testCase: FormatValueData) {
-      it(testCase.description, () => {
-        FormEngineValidation.initialize();
-        const result = FormEngineValidation.formatValue(testCase.type, testCase.value, testCase.config);
-        expect(result).toBe(testCase.result);
-      });
-    });
-  });
-
-  const processValueDataProvider: Array<ProcessValueData> = [
-    {
-      'description': 'works for command alpha with numeric value',
-      'command': 'alpha',
-      'value': '1234',
-      'config': {},
-      'result': ''
-    },
-    {
-      'description': 'works for command alpha with string value',
-      'command': 'alpha',
-      'value': 'abc',
-      'config': {},
-      'result': 'abc'
-    },
-    {
-      'description': 'works for command alpha with alphanum input',
-      'command': 'alpha',
-      'value': 'abc123',
-      'config': {},
-      'result': 'abc'
-    },
-    {
-      'description': 'works for command alpha with alphanum input',
-      'command': 'alpha',
-      'value': '123abc123',
-      'config': {},
-      'result': 'abc'
-    }
-  ];
-
-  /**
-   * @dataProvider processValueDataProvider
-   * @test
-   */
-  describe('test for processValue', () => {
-    using(processValueDataProvider, function(testCase: ProcessValueData) {
-      it(testCase.description, () => {
-        const result = FormEngineValidation.processValue(testCase.command, testCase.value, testCase.config);
-        expect(result).toBe(testCase.result);
-      });
-    });
-  });
-
-  /**
-   * @test
-   */
-  xdescribe('tests for validateField', () => {
-    /* tslint:disable:no-empty */
-  });
-
-  /**
-   * @test
-   */
-  describe('tests for trimExplode', () => {
-    it('works for comma as separator and list without spaces', () => {
-      expect(FormEngineValidation.trimExplode(',', 'foo,bar,baz')).toEqual(['foo', 'bar', 'baz']);
-    });
-    it('works for comma as separator and list with spaces', () => {
-      expect(FormEngineValidation.trimExplode(',', ' foo , bar , baz ')).toEqual(['foo', 'bar', 'baz']);
-    });
-    it('works for pipe as separator and list with spaces', () => {
-      expect(FormEngineValidation.trimExplode('|', ' foo | bar | baz ')).toEqual(['foo', 'bar', 'baz']);
-    });
-  });
-
-  /**
-   * @test
-   */
-  describe('tests for parseInt', () => {
-    it('works for value 0', () => {
-      expect(FormEngineValidation.parseInt(0)).toBe(0);
-    });
-    it('works for value 1', () => {
-      expect(FormEngineValidation.parseInt(1)).toBe(1);
-    });
-    it('works for value -1', () => {
-      expect(FormEngineValidation.parseInt(-1)).toBe(-1);
-    });
-    it('works for value "0"', () => {
-      expect(FormEngineValidation.parseInt('0')).toBe(0);
-    });
-    it('works for value "1"', () => {
-      expect(FormEngineValidation.parseInt('1')).toBe(1);
-    });
-    it('works for value "-1"', () => {
-      expect(FormEngineValidation.parseInt('-1')).toBe(-1);
-    });
-    it('works for value 0.5', () => {
-      expect(FormEngineValidation.parseInt(0.5)).toBe(0);
-    });
-    it('works for value "0.5"', () => {
-      expect(FormEngineValidation.parseInt('0.5')).toBe(0);
-    });
-    it('works for value "foo"', () => {
-      expect(FormEngineValidation.parseInt('foo')).toBe(0);
-    });
-    it('works for value true', () => {
-      expect(FormEngineValidation.parseInt(true)).toBe(0);
-    });
-    it('works for value false', () => {
-      expect(FormEngineValidation.parseInt(false)).toBe(0);
-    });
-    it('works for value null', () => {
-      expect(FormEngineValidation.parseInt(null)).toBe(0);
-    });
-  });
-
-  /**
-   * @test
-   */
-  describe('tests for parseDouble', () => {
-    it('works for value 0', () => {
-      expect(FormEngineValidation.parseDouble(0)).toBe('0.00');
-    });
-    it('works for value 1', () => {
-      expect(FormEngineValidation.parseDouble(1)).toBe('1.00');
-    });
-    it('works for value -1', () => {
-      expect(FormEngineValidation.parseDouble(-1)).toBe('-1.00');
-    });
-    it('works for value "0"', () => {
-      expect(FormEngineValidation.parseDouble('0')).toBe('0.00');
-    });
-    it('works for value "1"', () => {
-      expect(FormEngineValidation.parseDouble('1')).toBe('1.00');
-    });
-    it('works for value "-1"', () => {
-      expect(FormEngineValidation.parseDouble('-1')).toBe('-1.00');
-    });
-    it('works for value 0.5', () => {
-      expect(FormEngineValidation.parseDouble(0.5)).toBe('0.50');
-    });
-    it('works for value "0.5"', () => {
-      expect(FormEngineValidation.parseDouble('0.5')).toBe('0.50');
-    });
-    it('works for value "foo"', () => {
-      expect(FormEngineValidation.parseDouble('foo')).toBe('0.00');
-    });
-    it('works for value true', () => {
-      expect(FormEngineValidation.parseDouble(true)).toBe('0.00');
-    });
-    it('works for value false', () => {
-      expect(FormEngineValidation.parseDouble(false)).toBe('0.00');
-    });
-    it('works for value null', () => {
-      expect(FormEngineValidation.parseDouble(null)).toBe('0.00');
-    });
-  });
-
-  /**
-   * @test
-   */
-  describe('tests for btrim', () => {
-    const result = FormEngineValidation.btrim(' test ');
-
-    it('works for string with whitespace in begin and end', () => {
-      expect(result).toBe(' test');
-    });
-  });
-
-  /**
-   * @test
-   */
-  describe('tests for ltrim', () => {
-    const result = FormEngineValidation.ltrim(' test ');
-
-    it('works for string with whitespace in begin and end', () => {
-      expect(result).toBe('test ');
-    });
-  });
-
-  /**
-   * @test
-   */
-  xdescribe('tests for parseDateTime', () => {
-    /* tslint:disable:no-empty */
-  });
-
-  /**
-   * @test
-   */
-  xdescribe('tests for parseDate', () => {
-    /* tslint:disable:no-empty */
-  });
-
-  /**
-   * @test
-   */
-  xdescribe('tests for parseTime', () => {
-    /* tslint:disable:no-empty */
-  });
-
-  /**
-   * @test
-   */
-  xdescribe('tests for parseYear', () => {
-    /* tslint:disable:no-empty */
-  });
-
-  /**
-   * @test
-   */
-  describe('tests for getYear', () => {
-    const currentDate = new Date();
-    afterEach(() => {
-      jasmine.clock().mockDate(currentDate);
-    });
-
-    it('works for current date', () => {
-      const date = new Date();
-      expect(FormEngineValidation.getYear(date)).toBe(date.getFullYear());
-    });
-    it('works for year 2013', () => {
-      const baseTime = new Date(2013, 9, 23);
-      jasmine.clock().mockDate(baseTime);
-      expect(FormEngineValidation.getYear(baseTime)).toBe(2013);
-    })
-  });
-
-  /**
-   * @test
-   */
-  describe('tests for getDate', () => {
-    const currentDate = new Date();
-    afterEach(() => {
-      jasmine.clock().mockDate(currentDate);
-    });
-
-    xit('works for year 2013', () => {
-      const baseTime = new Date(2013, 9, 23, 13, 13, 13);
-      jasmine.clock().mockDate(baseTime);
-      expect(FormEngineValidation.getDate(baseTime)).toBe(1382479200);
-    })
-  });
-
-  /**
-   * @test
-   */
-  describe('tests for splitStr', () => {
-    it('works for command and index', () => {
-      expect(FormEngineValidation.splitStr('foo,bar,baz', ',', -1)).toBe('foo');
-      expect(FormEngineValidation.splitStr('foo,bar,baz', ',', 0)).toBe('foo');
-      expect(FormEngineValidation.splitStr('foo,bar,baz', ',', 1)).toBe('foo');
-      expect(FormEngineValidation.splitStr('foo,bar,baz', ',', 2)).toBe('bar');
-      expect(FormEngineValidation.splitStr('foo,bar,baz', ',', 3)).toBe('baz');
-      expect(FormEngineValidation.splitStr(' foo , bar , baz ', ',', 1)).toBe(' foo ');
-      expect(FormEngineValidation.splitStr(' foo , bar , baz ', ',', 2)).toBe(' bar ');
-      expect(FormEngineValidation.splitStr(' foo , bar , baz ', ',', 3)).toBe(' baz ');
-    });
-  });
-
-  /**
-   * @test
-   */
-  xdescribe('tests for split', () => {
-    /* tslint:disable:no-empty */
-  });
-});
diff --git a/typo3_src/TypeScript/backend/tests/grid-editor-test.ts b/typo3_src/TypeScript/backend/tests/grid-editor-test.ts
deleted file mode 100644
index b11b6b9..0000000
--- a/typo3_src/TypeScript/backend/tests/grid-editor-test.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {GridEditor} from '@typo3/backend/grid-editor';
-
-describe('TYPO3/CMS/Backend/GridEditorTest:', () => {
-
-  describe('tests for stripMarkup', () => {
-    it('works with string which contains html markup only', () => {
-      expect(GridEditor.stripMarkup('<b>\'formula\': "x > y"</b>')).toBe('\'formula\': "x > y"');
-    });
-    it('works with string which contains html markup and normal text', () => {
-      expect(GridEditor.stripMarkup('<b>foo</b> bar')).toBe('foo bar');
-    });
-  });
-
-});
diff --git a/typo3_src/TypeScript/backend/tests/hashing/md5Test.ts b/typo3_src/TypeScript/backend/tests/hashing/md5Test.ts
deleted file mode 100644
index 74befbc..0000000
--- a/typo3_src/TypeScript/backend/tests/hashing/md5Test.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import Md5 from '@typo3/backend/hashing/md5';
-
-describe('TYPO3/CMS/Backend/Hashing/Md5:', () => {
-  describe('tests for hash', () => {
-    it('hashes a value as expected', () => {
-      expect(Md5.hash('Hello World')).toBe('b10a8db164e0754105b7a99be72e3fe5');
-      expect(
-        Md5.hash('TYPO3 CMS is an Open Source Enterprise Content Management System with a large global community,'
-          + ' backed by the approximately 900 members of the TYPO3 Association.'),
-      ).toBe('65b0beb76ada01bd7b5f44fb37da6139');
-    });
-  });
-});
diff --git a/typo3_src/TypeScript/backend/tests/icons-test.ts b/typo3_src/TypeScript/backend/tests/icons-test.ts
deleted file mode 100644
index 942fbfe..0000000
--- a/typo3_src/TypeScript/backend/tests/icons-test.ts
+++ /dev/null
@@ -1,65 +0,0 @@
-import $ from 'jquery';
-import Icons from '@typo3/backend/icons';
-
-describe('TYPO3/CMS/Backend/IconsTest:', () => {
-  /**
-   * @test
-   */
-  describe('tests for Icons object', () => {
-    it('has all sizes', () => {
-      expect(Icons.sizes.small).toBe('small');
-      expect(Icons.sizes.default).toBe('default');
-      expect(Icons.sizes.large).toBe('large');
-      expect(Icons.sizes.overlay).toBe('overlay');
-    });
-    it('has all states', () => {
-      expect(Icons.states.default).toBe('default');
-      expect(Icons.states.disabled).toBe('disabled');
-    });
-    it('has all markupIdentifiers', () => {
-      expect(Icons.markupIdentifiers.default).toBe('default');
-      expect(Icons.markupIdentifiers.inline).toBe('inline');
-    });
-  });
-
-  /**
-   * @test
-   */
-  describe('tests for Icons::getIcon', () => {
-    beforeEach(() => {
-      spyOn(Icons, 'getIcon');
-      Icons.getIcon('test', Icons.sizes.small, null, Icons.states.default, Icons.markupIdentifiers.default);
-    });
-
-    it('tracks that the spy was called', () => {
-      expect(Icons.getIcon).toHaveBeenCalled();
-    });
-    it('tracks all the arguments of its calls', () => {
-      expect(Icons.getIcon).toHaveBeenCalledWith('test', Icons.sizes.small, null, Icons.states.default, Icons.markupIdentifiers.default);
-    });
-    xit('works get icon from remote server');
-  });
-
-  /**
-   * @test
-   */
-  describe('tests for Icons::putInCache', () => {
-    it('works for simply identifier and markup', () => {
-      const promise = new Promise<void>((reveal) => reveal());
-      (Icons as any).putInPromiseCache('foo', promise);
-      expect((Icons as any).getFromPromiseCache('foo')).toBe(promise);
-      expect((Icons as any).isPromiseCached('foo')).toBe(true);
-    });
-  });
-
-  /**
-   * @test
-   */
-  describe('tests for Icons::getFromPromiseCache', () => {
-    it('return undefined for uncached promise', () => {
-      expect((Icons as any).getFromPromiseCache('bar')).not.toBeDefined();
-      expect((Icons as any).isPromiseCached('bar')).toBe(false);
-    });
-  });
-});
-;
diff --git a/typo3_src/TypeScript/backend/tests/notification-test.ts b/typo3_src/TypeScript/backend/tests/notification-test.ts
deleted file mode 100644
index 0b5075e..0000000
--- a/typo3_src/TypeScript/backend/tests/notification-test.ts
+++ /dev/null
@@ -1,143 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import DeferredAction from '@typo3/backend/action-button/deferred-action';
-import ImmediateAction from '@typo3/backend/action-button/immediate-action';
-import Notification from '@typo3/backend/notification';
-import type {LitElement} from 'lit';
-
-describe('TYPO3/CMS/Backend/Notification:', () => {
-  beforeEach((): void => {
-    const alertContainer = document.getElementById('alert-container');
-    while (alertContainer !== null && alertContainer.firstChild) {
-      alertContainer.removeChild(alertContainer.firstChild);
-    }
-  });
-
-  describe('can render notifications with dismiss after 1000ms', () => {
-    interface NotificationDataSet {
-      method: Function;
-      title: string;
-      message: string;
-      class: string;
-    }
-
-    function notificationProvider(): Array<NotificationDataSet> {
-      return [
-        {
-          method: Notification.notice,
-          title: 'Notice message',
-          message: 'This notification describes a notice',
-          class: 'alert-notice',
-        },
-        {
-          method: Notification.info,
-          title: 'Info message',
-          message: 'This notification describes an informative action',
-          class: 'alert-info',
-        },
-        {
-          method: Notification.success,
-          title: 'Success message',
-          message: 'This notification describes a successful action',
-          class: 'alert-success',
-        },
-        {
-          method: Notification.warning,
-          title: 'Warning message',
-          message: 'This notification describes a harmful action',
-          class: 'alert-warning',
-        },
-        {
-          method: Notification.error,
-          title: 'Error message',
-          message: 'This notification describes an erroneous action',
-          class: 'alert-danger',
-        },
-      ];
-    }
-
-    for (let dataSet of notificationProvider()) {
-      it('can render a notification of type ' + dataSet.class, async () => {
-        dataSet.method(dataSet.title, dataSet.message, 1);
-
-        await (document.querySelector('#alert-container typo3-notification-message:last-child') as LitElement).updateComplete;
-        const alertSelector = 'div.alert.' + dataSet.class;
-        const alertBox = document.querySelector(alertSelector);
-        expect(alertBox).not.toBe(null);
-        expect(alertBox.querySelector('.alert-title').textContent).toEqual(dataSet.title);
-        expect(alertBox.querySelector('.alert-message').textContent).toEqual(dataSet.message);
-        // wait for the notification to disappear for the next assertion (which tests for auto dismiss)
-        await new Promise(resolve => window.setTimeout(resolve, 2000));
-        expect(document.querySelector(alertSelector)).toBe(null);
-      });
-    }
-  });
-
-  it('can render action buttons', async () => {
-    Notification.info(
-      'Info message',
-      'Some text',
-      1,
-      [
-        {
-          label: 'My action',
-          action: new ImmediateAction((promise: Promise<any>): Promise<any> => {
-            return promise;
-          }),
-        },
-        {
-          label: 'My other action',
-          action: new DeferredAction((promise: Promise<any>): Promise<any> => {
-            return promise;
-          }),
-        },
-      ],
-    );
-
-    await (document.querySelector('#alert-container typo3-notification-message:last-child') as LitElement).updateComplete;
-    const alertBox = document.querySelector('div.alert');
-    expect(alertBox.querySelector('.alert-actions')).not.toBe(null);
-    expect(alertBox.querySelectorAll('.alert-actions a').length).toEqual(2);
-    expect(alertBox.querySelectorAll('.alert-actions a')[0].textContent).toEqual('My action');
-    expect(alertBox.querySelectorAll('.alert-actions a')[1].textContent).toEqual('My other action');
-  });
-
-  it('immediate action is called', async () => {
-    const observer = {
-      callback: (): void => {
-        return;
-      },
-    };
-
-    spyOn(observer, 'callback').and.callThrough();
-
-    Notification.info(
-      'Info message',
-      'Some text',
-      1,
-      [
-        {
-          label: 'My immediate action',
-          action: new ImmediateAction(observer.callback),
-        },
-      ],
-    );
-
-    await (document.querySelector('#alert-container typo3-notification-message:last-child') as LitElement).updateComplete;
-    const alertBox = document.querySelector('div.alert');
-    (<HTMLAnchorElement>alertBox.querySelector('.alert-actions a')).click();
-    await (document.querySelector('#alert-container typo3-notification-message:last-child') as LitElement).updateComplete;
-    expect(observer.callback).toHaveBeenCalled();
-  });
-});
diff --git a/typo3_src/TypeScript/backend/tests/popover-test.ts b/typo3_src/TypeScript/backend/tests/popover-test.ts
deleted file mode 100644
index 29fa1fd..0000000
--- a/typo3_src/TypeScript/backend/tests/popover-test.ts
+++ /dev/null
@@ -1,77 +0,0 @@
-import $ from 'jquery';
-import {Popover as BootstrapPopover} from 'bootstrap';
-import Popover from '@typo3/backend/popover';
-
-describe('TYPO3/CMS/Backend/PopoverTest:', () => {
-  /**
-   * @test
-   */
-  describe('initialize', () => {
-    const $body = $('body');
-    const $element = $('<div data-bs-toggle="popover">');
-    $body.append($element);
-    it('works with default selector', () => {
-      Popover.initialize();
-      expect($element[0].outerHTML).toBe('<div data-bs-toggle="popover" data-bs-original-title="" title=""></div>');
-    });
-
-    const $element2 = $('<div data-bs-toggle="popover" data-title="foo">');
-    $body.append($element2);
-    it('works with default selector and title attribute', () => {
-      Popover.initialize();
-      expect($element2[0].outerHTML).toBe('<div data-bs-toggle="popover" data-title="foo" data-bs-original-title="" title=""></div>');
-    });
-
-    const $element3 = $('<div data-bs-toggle="popover" data-bs-content="foo">');
-    $body.append($element3);
-    it('works with default selector and content attribute', () => {
-      Popover.initialize();
-      expect($element3[0].outerHTML).toBe('<div data-bs-toggle="popover" data-bs-content="foo" data-bs-original-title="" title=""></div>');
-    });
-
-    const $element4 = $('<div class="t3js-popover">');
-    $body.append($element4);
-    it('works with custom selector', () => {
-      Popover.initialize('.t3js-popover');
-      expect($element4[0].outerHTML).toBe('<div class="t3js-popover" data-bs-original-title="" title=""></div>');
-    });
-  });
-
-  describe('call setOptions', () => {
-    const $body = $('body');
-    const $element = $('<div class="t3js-test-set-options" data-title="foo-title" data-bs-content="foo-content">');
-    $body.append($element);
-    it('can set title', () => {
-      Popover.initialize('.t3js-test-set-options');
-      expect($element.attr('data-title')).toBe('foo-title');
-      expect($element.attr('data-bs-content')).toBe('foo-content');
-      expect($element.attr('data-bs-original-title')).toBe('');
-      expect($element.attr('title')).toBe('');
-      Popover.setOptions($element, <BootstrapPopover.Options>{
-        'title': 'bar-title'
-      });
-      expect($element.attr('data-title')).toBe('foo-title');
-      expect($element.attr('data-bs-content')).toBe('foo-content');
-      expect($element.attr('data-bs-original-title')).toBe('bar-title');
-      expect($element.attr('title')).toBe('');
-    });
-    const $element2 = $('<div class="t3js-test-set-options2" data-title="foo-title" data-bs-content="foo-content">');
-    $body.append($element2);
-    it('can set content', () => {
-      Popover.initialize('.t3js-test-set-options2');
-      // Popover must be visible before the content can be updated manually via setOptions()
-      Popover.show($element2);
-      expect($element2.attr('data-title')).toBe('foo-title');
-      expect($element2.attr('data-bs-content')).toBe('foo-content');
-      expect($element2.attr('data-bs-original-title')).toBe('');
-      expect($element2.attr('title')).toBe('');
-      Popover.setOptions($element2, <BootstrapPopover.Options>{
-        'content': 'bar-content'
-      });
-      expect($element2.attr('data-title')).toBe('foo-title');
-      expect($element2.attr('data-bs-content')).toBe('bar-content');
-      expect($element2.attr('data-bs-original-title')).toBe('foo-title');
-      expect($element2.attr('title')).toBe('');
-    });
-  });
-});
diff --git a/typo3_src/TypeScript/backend/toolbar.ts b/typo3_src/TypeScript/backend/toolbar.ts
deleted file mode 100644
index c8ce7de..0000000
--- a/typo3_src/TypeScript/backend/toolbar.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import DocumentService from '@typo3/core/document-service';
-import RegularEvent from '@typo3/core/event/regular-event';
-
-/**
- * Module: @typo3/backend/toolbar
- * Toolbar component of the TYPO3 backend
- * @exports @typo3/backend/toolbar
- */
-class Toolbar {
-  public static initialize(): void {
-    Toolbar.initializeEvents();
-  }
-
-  private static initializeEvents(): void {
-    new RegularEvent('click', (): void => {
-      const scaffold = document.querySelector('.scaffold');
-      scaffold.classList.remove('scaffold-modulemenu-expanded', 'scaffold-search-expanded');
-      scaffold.classList.toggle('scaffold-toolbar-expanded');
-    }).bindTo(document.querySelector('.t3js-topbar-button-toolbar'));
-
-    new RegularEvent('click', (): void => {
-      const scaffold = document.querySelector('.scaffold');
-      scaffold.classList.remove('scaffold-modulemenu-expanded', 'scaffold-toolbar-expanded');
-      scaffold.classList.toggle('scaffold-search-expanded');
-    }).bindTo(document.querySelector('.t3js-topbar-button-search'))
-  }
-}
-
-DocumentService.ready().then(Toolbar.initialize);
diff --git a/typo3_src/TypeScript/backend/toolbar/clear-cache-menu.ts b/typo3_src/TypeScript/backend/toolbar/clear-cache-menu.ts
deleted file mode 100644
index 30ce534..0000000
--- a/typo3_src/TypeScript/backend/toolbar/clear-cache-menu.ts
+++ /dev/null
@@ -1,86 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import $ from 'jquery';
-import {AjaxResponse} from '@typo3/core/ajax/ajax-response';
-import AjaxRequest from '@typo3/core/ajax/ajax-request';
-import Icons from '../icons';
-import Notification from '../notification';
-import Viewport from '../viewport';
-
-enum Identifiers {
-  containerSelector = '#typo3-cms-backend-backend-toolbaritems-clearcachetoolbaritem',
-  menuItemSelector = 'a.toolbar-cache-flush-action',
-  toolbarIconSelector = '.toolbar-item-icon .t3js-icon',
-}
-
-/**
- * Module: @typo3/backend/toolbar/clear-cache-menu
- * main functionality for clearing caches via the top bar
- * reloading the clear cache icon
- */
-class ClearCacheMenu {
-  constructor() {
-    Viewport.Topbar.Toolbar.registerEvent(this.initializeEvents);
-  }
-
-  /**
-   * Registers listeners for the icons inside the dropdown to trigger
-   * the clear cache call
-   */
-  private initializeEvents = (): void => {
-    $(Identifiers.containerSelector).on('click', Identifiers.menuItemSelector, (evt: JQueryEventObject): void => {
-      evt.preventDefault();
-      const ajaxUrl = $(evt.currentTarget).attr('href');
-      if (ajaxUrl) {
-        this.clearCache(ajaxUrl);
-      }
-    });
-  }
-
-  /**
-   * Calls TYPO3 to clear a cache, then changes the topbar icon
-   * to a spinner. Restores the original topbar icon when the request completed.
-   *
-   * @param {string} ajaxUrl The URL to load
-   */
-  private clearCache(ajaxUrl: string): void {
-    // Close clear cache menu
-    $(Identifiers.containerSelector).removeClass('open');
-
-    const $toolbarItemIcon = $(Identifiers.toolbarIconSelector, Identifiers.containerSelector);
-    const $existingIcon = $toolbarItemIcon.clone();
-
-    Icons.getIcon('spinner-circle-light', Icons.sizes.small).then((spinner: string): void => {
-      $toolbarItemIcon.replaceWith(spinner);
-    });
-
-    (new AjaxRequest(ajaxUrl)).post({}).then(
-      async (response: AjaxResponse): Promise<any> => {
-        const data = await response.resolve();
-        if (data.success === true) {
-          Notification.success(data.title, data.message);
-        } else if (data.success === false) {
-          Notification.error(data.title, data.message);
-        }
-      },
-      (): void => {
-        Notification.error(TYPO3.lang['flushCaches.error'], TYPO3.lang['flushCaches.error.description']);
-      },
-    ).finally((): void => {
-      $(Identifiers.toolbarIconSelector, Identifiers.containerSelector).replaceWith($existingIcon);
-    });
-  }
-}
-
-export default new ClearCacheMenu();
diff --git a/typo3_src/TypeScript/backend/toolbar/live-search.ts b/typo3_src/TypeScript/backend/toolbar/live-search.ts
deleted file mode 100644
index 64dffaa..0000000
--- a/typo3_src/TypeScript/backend/toolbar/live-search.ts
+++ /dev/null
@@ -1,220 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import $ from 'jquery';
-import Viewport from '../viewport';
-import Icons from '../icons';
-import 'jquery/autocomplete';
-import '../input/clearable';
-import {html, render, TemplateResult} from 'lit';
-import {unsafeHTML} from 'lit/directives/unsafe-html';
-import {renderHTML} from '@typo3/core/lit-helper';
-
-enum Identifiers {
-  containerSelector = '#typo3-cms-backend-backend-toolbaritems-livesearchtoolbaritem',
-  toolbarItem = '.t3js-toolbar-item-search',
-  dropdownToggle = '.t3js-toolbar-search-dropdowntoggle',
-  searchFieldSelector = '.t3js-topbar-navigation-search-field',
-  formSelector = '.t3js-topbar-navigation-search',
-  dropdownClass = 'toolbar-item-search-field-dropdown',
-}
-
-interface ResultItem {
-  editLink: string;
-  iconHTML: string;
-  id: string;
-  pageId: number;
-  title: string;
-  typeLabel: string;
-}
-
-interface Suggestion {
-  data: ResultItem;
-  value: string;
-}
-
-/**
- * Module: @typo3/backend/toolbar/live-search
- * Global search to deal with everything in the backend that is search-related
- * @exports @typo3/backend/toolbar/live-search
- */
-class LiveSearch {
-  private url: string = TYPO3.settings.ajaxUrls.livesearch;
-
-  constructor() {
-    Viewport.Topbar.Toolbar.registerEvent((): void => {
-      this.registerAutocomplete();
-      this.registerEvents();
-
-      // Unset height, width and z-index
-      $(Identifiers.toolbarItem).removeAttr('style');
-      let searchField: HTMLInputElement;
-      if ((searchField = document.querySelector(Identifiers.searchFieldSelector)) !== null) {
-        searchField.clearable();
-      }
-    });
-  }
-
-  private registerAutocomplete(): void {
-    const $searchField = $(Identifiers.searchFieldSelector);
-    $(Identifiers.searchFieldSelector).autocomplete({
-      // ajax options
-      serviceUrl: this.url,
-      paramName: 'q',
-      dataType: 'json',
-      minChars: 2,
-      width: '100%',
-      groupBy: 'typeLabel',
-      tabDisabled: true,
-      noCache: true,
-      containerClass: Identifiers.toolbarItem.substr(1, Identifiers.toolbarItem.length) + ' dropdown-menu ' + Identifiers.dropdownClass,
-      forceFixPosition: false,
-      preserveInput: true,
-      showNoSuggestionNotice: true,
-      triggerSelectOnValidInput: false,
-      preventBadQueries: false,
-      noSuggestionNotice: '<h3 class="dropdown-headline">' + TYPO3.lang.liveSearch_listEmptyText + '</h3>'
-      + '<p>' + TYPO3.lang.liveSearch_helpTitle + '</p>'
-      + '<hr>'
-      + '<p>' + TYPO3.lang.liveSearch_helpDescription + '<br>' + TYPO3.lang.liveSearch_helpDescriptionPages + '</p>',
-      // put the AJAX results in the right format
-      transformResult: (response: Array<ResultItem>): { [key: string]: Array<Suggestion> } => {
-        let allSuggestions = $.map(response, (dataItem: ResultItem): Suggestion => {
-          return {value: dataItem.title, data: dataItem};
-        });
-
-        // If there are search results, append a "Show all"-link to suggestions
-        // to allow the user to reach "Show all" using up/down key
-        if(allSuggestions.length > 0) {
-          let showAll: Suggestion = {
-            value: 'search_all',
-            data: {
-              typeLabel: '',
-              title: TYPO3.lang.liveSearch_showAllResults,
-              editLink: '#',
-              iconHTML: '',
-              id: '',
-              pageId: 0
-            }
-          }
-          allSuggestions.push(showAll);
-        }
-
-        return {
-          suggestions: allSuggestions,
-        };
-      },
-      formatGroup: (suggestion: Suggestion, category: string, i: number): string => {
-        // Do not return headline div if category empty
-        if(category.length < 1) {
-          return '';
-        }
-
-        return renderHTML(html`
-          ${i > 0 ? html`<hr>` : ''}
-          <h3 class="dropdown-headline">${category}</h3>
-        `);
-      },
-      // Rendering of each item
-      formatResult: (suggestion: Suggestion): string => {
-        return renderHTML(html`
-          <div class="dropdown-table">
-            <div class="dropdown-table-row">
-              ${this.linkItem(suggestion)}
-            </div>
-          </div>
-        `);
-      },
-      onSearchStart: (): void => {
-        const $toolbarItem = $(Identifiers.toolbarItem);
-        if (!$toolbarItem.hasClass('loading')) {
-          $toolbarItem.addClass('loading');
-          Icons.getIcon(
-            'spinner-circle-light',
-            Icons.sizes.small,
-            '',
-            Icons.states.default,
-            Icons.markupIdentifiers.inline,
-          ).then((markup: string): void => {
-            $toolbarItem.find('.icon-apps-toolbar-menu-search').replaceWith(markup);
-          });
-        }
-      },
-      onSearchComplete: (): void => {
-        const $toolbarItem = $(Identifiers.toolbarItem);
-        if ($toolbarItem.hasClass('loading')) {
-          $toolbarItem.removeClass('loading');
-          Icons.getIcon(
-            'apps-toolbar-menu-search',
-            Icons.sizes.small,
-            '',
-            Icons.states.default,
-            Icons.markupIdentifiers.inline,
-          ).then((markup: string): void => {
-            $toolbarItem.find('.icon-spinner-circle-light').replaceWith(markup);
-          });
-        }
-      },
-      onSelect: (item: Suggestion): void => {
-        $searchField.focus();
-        $(Identifiers.searchFieldSelector).autocomplete('hide');
-
-        if(item.value === 'search_all') {
-          TYPO3.ModuleMenu.App.showModule('web_list', 'id=0&search_levels=-1&search_field=' + encodeURIComponent($searchField.val()));
-        } else {
-          TYPO3.Backend.ContentContainer.setUrl(item.data.editLink);
-        }
-
-        // Hide mobile menu scaffold coz it does not make sense to keep the layer
-        if (document.body.classList.contains('scaffold-search-expanded')) {
-          document.body.classList.remove('scaffold-search-expanded')
-        }
-
-        // Make sure the dropdown is hidden after selection when using the keyboard
-        document.getElementById('typo3-contentIframe').onload = function() {
-          $(Identifiers.searchFieldSelector).autocomplete('hide');
-        };
-      }
-    });
-  }
-
-  private registerEvents(): void {
-    // Prevent submitting the search form
-    $(Identifiers.formSelector).on('submit', (evt: JQueryEventObject): void => {
-      evt.preventDefault();
-    });
-  }
-
-  private linkItem(suggestion: Suggestion): TemplateResult {
-    if(suggestion.value === 'search_all') {
-      return html`
-        <a class="dropdown-list-link btn btn-primary pull-right t3js-live-search-show-all" data-pageid="0">${suggestion.data.title}</a>
-      `
-    }
-
-    return suggestion.data.editLink
-      ? html`
-        <a class="dropdown-list-link"
-           data-pageid="${suggestion.data.pageId}" href="#">
-          <div class="dropdown-table-column dropdown-table-icon">
-            ${unsafeHTML(suggestion.data.iconHTML)}
-          </div>
-          <div class="dropdown-table-column">
-            ${suggestion.data.title}
-          </div>
-        </a>`
-      : html`<span class="dropdown-list-title">${suggestion.data.title}</span>`;
-  }
-}
-
-export default new LiveSearch();
diff --git a/typo3_src/TypeScript/backend/toolbar/shortcut-menu.ts b/typo3_src/TypeScript/backend/toolbar/shortcut-menu.ts
deleted file mode 100644
index bb62bb5..0000000
--- a/typo3_src/TypeScript/backend/toolbar/shortcut-menu.ts
+++ /dev/null
@@ -1,211 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import $ from 'jquery';
-import {AjaxResponse} from '@typo3/core/ajax/ajax-response';
-import AjaxRequest from '@typo3/core/ajax/ajax-request';
-import Icons from '../icons';
-import Modal from '../modal';
-import Notification from '../notification';
-import Viewport from '../viewport';
-import SecurityUtility from '@typo3/core/security-utility';
-import {ModuleStateStorage} from '@typo3/backend/storage/module-state-storage';
-
-enum Identifiers {
-  containerSelector = '#typo3-cms-backend-backend-toolbaritems-shortcuttoolbaritem',
-  toolbarIconSelector = '.dropdown-toggle span.icon',
-  toolbarMenuSelector = '.dropdown-menu',
-
-  shortcutItemSelector = '.t3js-topbar-shortcut',
-  shortcutJumpSelector = '.t3js-shortcut-jump',
-  shortcutDeleteSelector = '.t3js-shortcut-delete',
-  shortcutEditSelector = '.t3js-shortcut-edit',
-
-  shortcutFormTitleSelector = 'input[name="shortcut-title"]',
-  shortcutFormGroupSelector = 'select[name="shortcut-group"]',
-  shortcutFormSaveSelector = '.shortcut-form-save',
-  shortcutFormCancelSelector = '.shortcut-form-cancel',
-  shortcutFormSelector = '.shortcut-form',
-}
-
-/**
- * Module =TYPO3/CMS/Backend/Toolbar/ShortcutMenu
- * shortcut menu logic to add new shortcut, remove a shortcut
- * and edit a shortcut
- */
-class ShortcutMenu {
-  constructor() {
-    Viewport.Topbar.Toolbar.registerEvent(this.initializeEvents);
-  }
-
-  /**
-   * makes a call to the backend class to create a new shortcut,
-   * when finished it reloads the menu
-   *
-   * @param {String} routeIdentifier
-   * @param {String} routeArguments
-   * @param {String} displayName
-   * @param {String} confirmationText
-   * @param {Object} shortcutButton
-   */
-  public createShortcut(
-    routeIdentifier: string,
-    routeArguments: string,
-    displayName: string,
-    confirmationText: string,
-    shortcutButton: HTMLElement,
-  ): void {
-    if (typeof confirmationText !== 'undefined') {
-      Modal.confirm(TYPO3.lang['bookmark.create'], confirmationText).on('confirm.button.ok', (e: JQueryEventObject): void => {
-        const $toolbarItemIcon = $(Identifiers.toolbarIconSelector, Identifiers.containerSelector);
-        const $existingIcon = $toolbarItemIcon.clone();
-
-        Icons.getIcon('spinner-circle-light', Icons.sizes.small).then((spinner: string): void => {
-          $toolbarItemIcon.replaceWith(spinner);
-        });
-
-        (new AjaxRequest(TYPO3.settings.ajaxUrls.shortcut_create)).post({
-          routeIdentifier: routeIdentifier,
-          arguments: routeArguments,
-          displayName: displayName,
-        }).then((): void => {
-          this.refreshMenu();
-          $(Identifiers.toolbarIconSelector, Identifiers.containerSelector).replaceWith($existingIcon);
-          if (typeof shortcutButton === 'object') {
-            const isDropdownItem = $(shortcutButton).hasClass('dropdown-item');
-            const securityUtility = new SecurityUtility();
-            Icons.getIcon('actions-system-shortcut-active', Icons.sizes.small).then((icon: string): void => {
-              $(shortcutButton).html(icon + (isDropdownItem ? ' ' + securityUtility.encodeHtml(TYPO3.lang['labels.alreadyBookmarked']) : ''));
-            });
-            $(shortcutButton).addClass(isDropdownItem ? 'disabled' : 'active');
-            // @todo using plain `disabled` HTML attr would have been better, since it disables events, mouse cursor, etc.
-            // (however, it might make things more complicated in Bootstrap's `button-variant` mixin)
-            $(shortcutButton).attr('data-dispatch-disabled', 'disabled');
-            $(shortcutButton).attr('title', TYPO3.lang['labels.alreadyBookmarked']);
-          }
-        });
-        $(e.currentTarget).trigger('modal-dismiss');
-      })
-        .on('confirm.button.cancel', (e: JQueryEventObject): void => {
-          $(e.currentTarget).trigger('modal-dismiss');
-        });
-    }
-  }
-
-  private initializeEvents = (): void => {
-    $(Identifiers.containerSelector).on('click', Identifiers.shortcutDeleteSelector, (evt: JQueryEventObject): void => {
-      evt.preventDefault();
-      evt.stopImmediatePropagation();
-      this.deleteShortcut($(evt.currentTarget).closest(Identifiers.shortcutItemSelector));
-    }).on('click', Identifiers.shortcutFormGroupSelector, (evt: JQueryEventObject): void => {
-      evt.preventDefault();
-      evt.stopImmediatePropagation();
-    }).on('click', Identifiers.shortcutEditSelector, (evt: JQueryEventObject): void => {
-      evt.preventDefault();
-      evt.stopImmediatePropagation();
-      this.editShortcut($(evt.currentTarget).closest(Identifiers.shortcutItemSelector));
-    }).on('click', Identifiers.shortcutFormSaveSelector, (evt: JQueryEventObject): void => {
-      evt.preventDefault();
-      evt.stopImmediatePropagation();
-      this.saveShortcutForm($(evt.currentTarget).closest(Identifiers.shortcutFormSelector));
-    }).on('submit', Identifiers.shortcutFormSelector, (evt: JQueryEventObject): void => {
-      evt.preventDefault();
-      evt.stopImmediatePropagation();
-      this.saveShortcutForm($(evt.currentTarget).closest(Identifiers.shortcutFormSelector));
-    }).on('click', Identifiers.shortcutFormCancelSelector, (evt: JQueryEventObject): void => {
-      evt.preventDefault();
-      evt.stopImmediatePropagation();
-      this.refreshMenu();
-    }).on('click', Identifiers.shortcutJumpSelector, (evt: JQueryEventObject): void => {
-      evt.preventDefault();
-      evt.stopImmediatePropagation();
-      const pageId = $(evt.currentTarget).data('pageid');
-      if (pageId) {
-        ModuleStateStorage.updateWithCurrentMount('web', pageId, true);
-      }
-      const router = document.querySelector('typo3-backend-module-router');
-      router.setAttribute('endpoint', $(evt.currentTarget).attr('href'))
-      router.setAttribute('module', $(evt.currentTarget).data('module'));
-    });
-  }
-
-  /**
-   * Removes an existing short by sending an AJAX call
-   *
-   * @param {JQuery} $shortcutRecord
-   */
-  private deleteShortcut($shortcutRecord: JQuery): void {
-    Modal.confirm(TYPO3.lang['bookmark.delete'], TYPO3.lang['bookmark.confirmDelete'])
-      .on('confirm.button.ok', (e: JQueryEventObject): void => {
-        (new AjaxRequest(TYPO3.settings.ajaxUrls.shortcut_remove)).post({
-          shortcutId: $shortcutRecord.data('shortcutid'),
-        }).then((): void => {
-          // a reload is used in order to restore the original behaviour
-          // e.g. remove groups that are now empty because the last one in the group
-          // was removed
-          this.refreshMenu();
-        });
-        $(e.currentTarget).trigger('modal-dismiss');
-      })
-      .on('confirm.button.cancel', (e: JQueryEventObject): void => {
-        $(e.currentTarget).trigger('modal-dismiss');
-      });
-  }
-
-  /**
-   * Build the in-place-editor for a shortcut
-   *
-   * @param {JQuery} $shortcutRecord
-   */
-  private editShortcut($shortcutRecord: JQuery): void {
-    // load the form
-    (new AjaxRequest(TYPO3.settings.ajaxUrls.shortcut_editform)).withQueryArguments({
-      shortcutId: $shortcutRecord.data('shortcutid'),
-      shortcutGroup: $shortcutRecord.data('shortcutgroup'),
-    }).get({cache: 'no-cache'}).then(async (response: AjaxResponse): Promise<any> => {
-      $(Identifiers.containerSelector).find(Identifiers.toolbarMenuSelector).html(await response.resolve());
-    });
-  }
-
-  /**
-   * Save the data from the in-place-editor for a shortcut
-   *
-   * @param {JQuery} $shortcutForm
-   */
-  private saveShortcutForm($shortcutForm: JQuery): void {
-    (new AjaxRequest(TYPO3.settings.ajaxUrls.shortcut_saveform)).post({
-      shortcutId: $shortcutForm.data('shortcutid'),
-      shortcutTitle: $shortcutForm.find(Identifiers.shortcutFormTitleSelector).val(),
-      shortcutGroup: $shortcutForm.find(Identifiers.shortcutFormGroupSelector).val(),
-    }).then((): void => {
-      Notification.success(TYPO3.lang['bookmark.savedTitle'], TYPO3.lang['bookmark.savedMessage']);
-      this.refreshMenu();
-    });
-  }
-
-  /**
-   * Reloads the menu after an update
-   */
-  private refreshMenu(): void {
-    (new AjaxRequest(TYPO3.settings.ajaxUrls.shortcut_list)).get({cache: 'no-cache'}).then(async (response: AjaxResponse): Promise<any> => {
-      $(Identifiers.toolbarMenuSelector, Identifiers.containerSelector).html(await response.resolve());
-    });
-  }
-}
-
-if (!top.TYPO3.ShortcutMenu || typeof top.TYPO3.ShortcutMenu !== 'object') {
-  top.TYPO3.ShortcutMenu = new ShortcutMenu();
-}
-
-const shortcutMenuObject: ShortcutMenu = top.TYPO3.ShortcutMenu;
-export default shortcutMenuObject;
diff --git a/typo3_src/TypeScript/backend/toolbar/system-information-menu.ts b/typo3_src/TypeScript/backend/toolbar/system-information-menu.ts
deleted file mode 100644
index 180e04f..0000000
--- a/typo3_src/TypeScript/backend/toolbar/system-information-menu.ts
+++ /dev/null
@@ -1,119 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import $ from 'jquery';
-import {AjaxResponse} from '@typo3/core/ajax/ajax-response';
-import AjaxRequest from '@typo3/core/ajax/ajax-request';
-import Icons from '../icons';
-import PersistentStorage from '../storage/persistent';
-import Viewport from '../viewport';
-
-enum Identifiers {
-  containerSelector = '#typo3-cms-backend-backend-toolbaritems-systeminformationtoolbaritem',
-  toolbarIconSelector = '.toolbar-item-icon .t3js-icon',
-  menuContainerSelector = '.dropdown-menu',
-  moduleLinks = '.t3js-systeminformation-module',
-  counter = '.t3js-systeminformation-counter',
-}
-
-/**
- * Module: @typo3/backend/toolbar/system-information-menu
- * System information menu handler
- */
-class SystemInformationMenu {
-  private timer: number = null;
-
-  /**
-   * Updates the counter
-   */
-  private static updateCounter(): void {
-    const $container = $(Identifiers.containerSelector).find(Identifiers.menuContainerSelector).find('.t3js-systeminformation-container');
-    const $counter = $(Identifiers.counter);
-    const count = $container.data('count');
-    const badgeClass = $container.data('severityclass');
-
-    $counter.text(count).toggle(parseInt(count, 10) > 0);
-
-    // ensure all default classes are available and previous
-    // (at this time in processing unknown) class is removed
-    $counter.removeClass();
-    $counter.addClass('t3js-systeminformation-counter toolbar-item-badge badge rounded-pill');
-    // badgeClass e.g. could be 'badge-info', 'badge-danger', ...
-    if (badgeClass !== '') {
-      $counter.addClass(badgeClass);
-    }
-  }
-
-  constructor() {
-    Viewport.Topbar.Toolbar.registerEvent(this.updateMenu);
-  }
-
-  private updateMenu = (): void => {
-    const $toolbarItemIcon = $(Identifiers.toolbarIconSelector, Identifiers.containerSelector);
-    const $existingIcon = $toolbarItemIcon.clone();
-    const $menuContainer = $(Identifiers.containerSelector).find(Identifiers.menuContainerSelector);
-
-    if (this.timer !== null) {
-      clearTimeout(this.timer);
-      this.timer = null;
-    }
-
-    Icons.getIcon('spinner-circle-light', Icons.sizes.small).then((spinner: string): void => {
-      $toolbarItemIcon.replaceWith(spinner);
-    });
-
-    (new AjaxRequest(TYPO3.settings.ajaxUrls.systeminformation_render)).get().then(async (response: AjaxResponse): Promise<any> => {
-      $menuContainer.html(await response.resolve());
-      SystemInformationMenu.updateCounter();
-      $(Identifiers.moduleLinks).on('click', this.openModule);
-    }).finally((): void => {
-      $(Identifiers.toolbarIconSelector, Identifiers.containerSelector).replaceWith($existingIcon);
-      // reload error data every five minutes
-      this.timer = setTimeout(
-        this.updateMenu,
-        1000 * 300,
-      );
-    });
-  }
-
-  /**
-   * Updates the UC and opens the linked module
-   *
-   * @param {Event} e
-   */
-  private openModule(e: JQueryEventObject): void {
-    e.preventDefault();
-    e.stopPropagation();
-
-    let storedSystemInformationSettings = {};
-    const moduleStorageObject: { [key: string]: Object } = {};
-    const requestedModule: string = $(e.currentTarget).data('modulename');
-    const moduleParams = $(e.currentTarget).data('moduleparams');
-    const timestamp = Math.floor((new Date()).getTime() / 1000);
-
-    if (PersistentStorage.isset('systeminformation')) {
-      storedSystemInformationSettings = JSON.parse(PersistentStorage.get('systeminformation'));
-    }
-
-    moduleStorageObject[requestedModule] = {lastAccess: timestamp};
-    $.extend(true, storedSystemInformationSettings, moduleStorageObject);
-    const $ajax = PersistentStorage.set('systeminformation', JSON.stringify(storedSystemInformationSettings));
-    $ajax.done((): void => {
-      // finally, open the module now
-      TYPO3.ModuleMenu.App.showModule(requestedModule, moduleParams);
-      Viewport.Topbar.refresh();
-    });
-  }
-}
-
-export default new SystemInformationMenu();
diff --git a/typo3_src/TypeScript/backend/tooltip.ts b/typo3_src/TypeScript/backend/tooltip.ts
deleted file mode 100644
index 0aa6c96..0000000
--- a/typo3_src/TypeScript/backend/tooltip.ts
+++ /dev/null
@@ -1,108 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {Tooltip as BootstrapTooltip} from 'bootstrap';
-import DocumentService from '@typo3/core/document-service';
-
-/**
- * The main tooltip object
- *
- * Hint: Due to the current usage of tooltips, this class can't be static right now
- */
-class Tooltip {
-  private static applyAttributes(attributes: { [key: string]: string }, node: HTMLElement): void {
-    for (const [attribute, value] of Object.entries(attributes)) {
-      node.setAttribute(attribute, value);
-    }
-  }
-
-  constructor() {
-    DocumentService.ready().then((): void => {
-      this.initialize('[data-bs-toggle="tooltip"]');
-    });
-  }
-
-  public initialize(selector: string, options: Partial<BootstrapTooltip.Options> = {}): void {
-    if (Object.entries(options).length === 0) {
-      options = {
-        container: 'body',
-        trigger: 'hover',
-        delay: {
-          show: 500,
-          hide: 100
-        }
-      }
-    }
-    const elements = document.querySelectorAll(selector);
-    for (const element of elements) {
-      // Ensure elements are not initialized multiple times.
-      BootstrapTooltip.getOrCreateInstance(element, options);
-    }
-  }
-
-  /**
-   * Show tooltip on element(s)
-   *
-   * @param {NodeListOf<HTMLElement>|HTMLElement} elements
-   * @param {String} title
-   */
-  public show(elements: NodeListOf<HTMLElement> | HTMLElement, title: string): void {
-    const attributes = {
-      'data-bs-placement': 'auto',
-      title: title
-    };
-
-    if (elements instanceof NodeList) {
-      for (const node of elements) {
-        Tooltip.applyAttributes(attributes, node);
-        BootstrapTooltip.getInstance(node).show();
-      }
-      return;
-    }
-
-    if (elements instanceof HTMLElement) {
-      Tooltip.applyAttributes(attributes, elements);
-      BootstrapTooltip.getInstance(elements).show();
-      return;
-    }
-  }
-
-  /**
-   * Hide tooltip on element(s)
-   *
-   * @param {NodeListOf<HTMLElement>|HTMLElement} elements
-   */
-  public hide(elements: NodeListOf<HTMLElement> | HTMLElement): void {
-    if (elements instanceof NodeList) {
-      for (const node of elements) {
-        const instance = BootstrapTooltip.getInstance(node);
-        if (instance !== null) {
-          instance.hide();
-        }
-      }
-      return;
-    }
-
-    if (elements instanceof HTMLElement) {
-      BootstrapTooltip.getInstance(elements).hide();
-      return;
-    }
-  }
-}
-
-const tooltipObject = new Tooltip();
-
-// expose as global object
-TYPO3.Tooltip = tooltipObject;
-
-export default tooltipObject;
diff --git a/typo3_src/TypeScript/backend/tree/drag-drop.ts b/typo3_src/TypeScript/backend/tree/drag-drop.ts
deleted file mode 100644
index 541d5b0..0000000
--- a/typo3_src/TypeScript/backend/tree/drag-drop.ts
+++ /dev/null
@@ -1,251 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {html, TemplateResult} from 'lit';
-import {renderNodes} from '@typo3/core/lit-helper';
-import * as d3drag from 'd3-drag';
-import * as d3selection from 'd3-selection';
-import {SvgTree, SvgTreeWrapper} from '../svg-tree';
-
-/**
- * Contains basic types for allowing dragging + dropping in trees
- */
-
-/**
- * Generates a template for dragged node
- */
-class DraggableTemplate {
-  public static get(icon: string, name: string): TemplateResult {
-    return html`<div class="node-dd node-dd--nodrop">
-        <div class="node-dd__ctrl-icon"></div>
-        <div class="node-dd__text">
-            <span class="node-dd__icon">
-                <svg aria-hidden="true" style="width: 16px; height: 16px">
-                    <use xlink:ref="${icon}"></use>
-                </svg>
-            </span>
-            <span class="node-dd__name">${name}</span>
-        </div>
-    </div>`;
-  }
-}
-
-export enum DraggablePositionEnum {
-  INSIDE = 'inside',
-  BEFORE = 'before',
-  AFTER = 'after'
-}
-
-export interface DragDropHandler {
-  startDrag: boolean;
-  startPageX: number;
-  startPageY: number;
-  dragStart(event: d3drag.D3DragEvent<any, any, any>): boolean;
-  dragDragged(event: d3drag.D3DragEvent<any, any, any>): boolean;
-  dragEnd(event: d3drag.D3DragEvent<any, any, any>): boolean;
-}
-
-/**
- * Contains the information about drag+drop of one tree instance, contains common
- * functionality used for drag+drop.
- */
-export class DragDrop {
-  protected tree: SvgTree;
-  private timeout: any = {};
-  private minimalDistance: number = 10;
-
-  public static setDragStart(): void {
-    document.querySelectorAll('iframe').forEach((htmlElement: HTMLIFrameElement) => htmlElement.style.pointerEvents = 'none' );
-  }
-
-  public static setDragEnd(): void {
-    document.querySelectorAll('iframe').forEach((htmlElement: HTMLIFrameElement) => htmlElement.style.pointerEvents = '' );
-  }
-
-  constructor(svgTree: SvgTree) {
-    this.tree = svgTree;
-  }
-
-  /**
-   * Creates a new drag instance and initializes the clickDistance setting to
-   * prevent clicks from being wrongly detected as drag attempts.
-   */
-  public connectDragHandler(dragHandler: DragDropHandler) {
-    return d3drag
-      .drag()
-      .clickDistance(5)
-      .on('start', function(evt: d3drag.D3DragEvent<any, any, any>) { dragHandler.dragStart(evt) && DragDrop.setDragStart(); })
-      .on('drag', function(evt: d3drag.D3DragEvent<any, any, any>) { dragHandler.dragDragged(evt); })
-      .on('end', function(evt: d3drag.D3DragEvent<any, any, any>) { DragDrop.setDragEnd(); dragHandler.dragEnd(evt); })
-  }
-
-  public createDraggable(icon: string, name: string)
-  {
-    let svg = this.tree.svg.node() as SVGElement;
-    const draggable = renderNodes(DraggableTemplate.get(icon, name));
-    svg.after(...draggable);
-    this.tree.svg.node().querySelector('.nodes-wrapper')?.classList.add('nodes-wrapper--dragging');
-  }
-
-  public updateDraggablePosition(evt: d3drag.D3DragEvent<any, any, any>): void {
-    let left = 18;
-    let top = 15;
-    if (evt.sourceEvent && evt.sourceEvent.pageX) {
-      left += evt.sourceEvent.pageX;
-    }
-
-    if (evt.sourceEvent && evt.sourceEvent.pageY) {
-      top += evt.sourceEvent.pageY;
-    }
-    document.querySelectorAll('.node-dd').forEach((draggable: HTMLElement) => {
-      draggable.style.top = top + 'px';
-      draggable.style.left = left + 'px';
-      draggable.style.display = 'block';
-    });
-  }
-
-  /**
-   * Open node with children while holding the node/element over this node for 1 second
-   */
-  public openNodeTimeout(): void {
-    if (this.tree.hoveredNode !== null && this.tree.hoveredNode.hasChildren && !this.tree.hoveredNode.expanded) {
-      if (this.timeout.node != this.tree.hoveredNode) {
-        this.timeout.node = this.tree.hoveredNode;
-        clearTimeout(this.timeout.time);
-        this.timeout.time = setTimeout(() => {
-          if (this.tree.hoveredNode) {
-            this.tree.showChildren(this.tree.hoveredNode);
-            this.tree.prepareDataForVisibleNodes();
-            this.tree.updateVisibleNodes();
-          }
-        }, 1000);
-      }
-    } else {
-      clearTimeout(this.timeout.time);
-    }
-  }
-
-  public changeNodeClasses(event: any): void {
-    const elementNodeBg = this.tree.svg.select('.node-over');
-    const svg = this.tree.svg.node() as SVGElement;
-    const nodeDd = svg.parentNode.querySelector('.node-dd') as HTMLElement;
-    type NodeBgBorderSelection = d3selection.Selection<SVGElement, any, SVGElement, any>
-    | d3selection.Selection<SVGElement, any, SvgTreeWrapper, any>;
-    let nodeBgBorder: NodeBgBorderSelection = this.tree.nodesBgContainer.selectAll('.node-bg__border');
-
-    if (elementNodeBg.size() && this.tree.isOverSvg) {
-      // line between nodes
-      if (nodeBgBorder.empty()) {
-        nodeBgBorder = this.tree.nodesBgContainer
-          .append('rect')
-          .attr('class', 'node-bg__border')
-          .attr('height', '1px')
-          .attr('width', '100%');
-      }
-
-      const coordinates = d3selection.pointer(event, elementNodeBg.node());
-      let y = coordinates[1];
-
-      if (y < 3) {
-        const attr = nodeBgBorder.attr('transform', 'translate(' + (this.tree.settings.indentWidth / 2 * -1) + ', ' + (this.tree.hoveredNode.y - (this.tree.settings.nodeHeight / 2)) + ')') as NodeBgBorderSelection;
-        attr.style('display', 'block');
-
-        if (this.tree.hoveredNode.depth === 0) {
-          this.addNodeDdClass(nodeDd, 'nodrop');
-        } else if (this.tree.hoveredNode.firstChild) {
-          this.addNodeDdClass(nodeDd, 'ok-above');
-        } else {
-          this.addNodeDdClass(nodeDd, 'ok-between');
-        }
-
-        this.tree.settings.nodeDragPosition = DraggablePositionEnum.BEFORE;
-      } else if (y > 17) {
-        nodeBgBorder.style('display', 'none');
-
-        if (this.tree.hoveredNode.expanded && this.tree.hoveredNode.hasChildren) {
-          this.addNodeDdClass(nodeDd, 'ok-append');
-          this.tree.settings.nodeDragPosition = DraggablePositionEnum.INSIDE;
-        } else {
-          const attr = nodeBgBorder.attr('transform', 'translate(' + (this.tree.settings.indentWidth / 2 * -1) + ', ' + (this.tree.hoveredNode.y + (this.tree.settings.nodeHeight / 2)) + ')') as NodeBgBorderSelection;
-          attr.style('display', 'block');
-
-          if (this.tree.hoveredNode.lastChild) {
-            this.addNodeDdClass(nodeDd, 'ok-below');
-          } else {
-            this.addNodeDdClass(nodeDd, 'ok-between');
-          }
-
-          this.tree.settings.nodeDragPosition = DraggablePositionEnum.AFTER;
-        }
-      } else {
-        nodeBgBorder.style('display', 'none');
-        this.addNodeDdClass(nodeDd, 'ok-append');
-        this.tree.settings.nodeDragPosition = DraggablePositionEnum.INSIDE;
-      }
-    } else {
-      this.tree.nodesBgContainer
-        .selectAll('.node-bg__border')
-        .style('display', 'none');
-
-      this.addNodeDdClass(nodeDd, 'nodrop');
-    }
-  }
-
-  public addNodeDdClass(nodeDd: HTMLElement|null, className: string): void {
-    const nodesWrap = this.tree.svg.node().querySelector('.nodes-wrapper') as SVGElement;
-    if (nodeDd) {
-      this.applyNodeClassNames(nodeDd, 'node-dd--', className);
-    }
-    if (nodesWrap) {
-      this.applyNodeClassNames(nodesWrap, 'nodes-wrapper--', className);
-    }
-    this.tree.settings.canNodeDrag = className !== 'nodrop';
-  }
-
-  // Clean up after a finished drag+drop move
-  public removeNodeDdClass(): void {
-    const nodesWrap = this.tree.svg.node().querySelector('.nodes-wrapper');
-    // remove any classes from wrapper
-    [
-      'nodes-wrapper--nodrop',
-      'nodes-wrapper--ok-append',
-      'nodes-wrapper--ok-below',
-      'nodes-wrapper--ok-between',
-      'nodes-wrapper--ok-above',
-      'nodes-wrapper--dragging'
-    ].forEach((className: string) => nodesWrap.classList.remove(className) );
-
-    this.tree.nodesBgContainer.node().querySelector('.node-bg.node-bg--dragging')?.classList.remove('node-bg--dragging');
-    this.tree.nodesBgContainer.selectAll('.node-bg__border').style('display', 'none');
-    this.tree.svg.node().parentNode.querySelector('.node-dd').remove();
-  }
-
-  /**
-   * Check if node is dragged at least @distance
-   */
-  public isDragNodeDistanceMore(event: d3drag.D3DragEvent<any, any, any>, dragHandler: DragDropHandler): boolean {
-    return (dragHandler.startDrag ||
-      (((dragHandler.startPageX - this.minimalDistance) > event.sourceEvent.pageX) ||
-        ((dragHandler.startPageX + this.minimalDistance) < event.sourceEvent.pageX) ||
-        ((dragHandler.startPageY - this.minimalDistance) > event.sourceEvent.pageY) ||
-        ((dragHandler.startPageY + this.minimalDistance) < event.sourceEvent.pageY)));
-  }
-
-  private applyNodeClassNames(target: HTMLElement|SVGElement, prefix: string, className: string): void {
-    const classNames = ['nodrop', 'ok-append', 'ok-below', 'ok-between', 'ok-above'];
-    // remove any existing classes
-    classNames.forEach((className: string) => target.classList.remove(prefix + className));
-    // apply new class
-    target.classList.add(prefix + className);
-  }
-}
diff --git a/typo3_src/TypeScript/backend/tree/file-storage-browser.ts b/typo3_src/TypeScript/backend/tree/file-storage-browser.ts
deleted file mode 100644
index 0b5edb1..0000000
--- a/typo3_src/TypeScript/backend/tree/file-storage-browser.ts
+++ /dev/null
@@ -1,178 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {html, LitElement, TemplateResult} from 'lit';
-import {customElement, query} from 'lit/decorators';
-import AjaxRequest from '@typo3/core/ajax/ajax-request';
-import {AjaxResponse} from '@typo3/core/ajax/ajax-response';
-import {TreeNode} from './tree-node';
-import {Toolbar, TreeNodeSelection} from '../svg-tree';
-import ElementBrowser from '@typo3/recordlist/element-browser';
-import LinkBrowser from '@typo3/recordlist/link-browser';
-import '@typo3/backend/element/icon-element';
-import Persistent from '@typo3/backend/storage/persistent';
-import {FileStorageTree} from './file-storage-tree';
-
-const componentName: string = 'typo3-backend-component-filestorage-browser';
-
-/**
- * Extension of the SVG Tree, allowing to show additional actions on the right hand of the tree to directly link
- * select a folder
- */
-@customElement('typo3-backend-component-filestorage-browser-tree')
-class FileStorageBrowserTree extends FileStorageTree {
-
-  protected updateNodeActions(nodesActions: TreeNodeSelection): TreeNodeSelection {
-    const nodes = super.updateNodeActions(nodesActions);
-    if (this.settings.actions.includes('link')) {
-      // Check if a node can be linked
-      const linkAction = nodes
-        .append('g')
-        .on('click', (evt: MouseEvent, node: TreeNode) => {
-          this.linkItem(node);
-        });
-      this.createIconAreaForAction(linkAction, 'actions-link');
-    } else if (this.settings.actions.includes('select')) {
-      // Check if a node can be selected
-      const linkAction = nodes
-        .append('g')
-        .on('click', (evt: MouseEvent, node: TreeNode) => {
-          this.selectItem(node);
-        });
-      this.createIconAreaForAction(linkAction, 'actions-link');
-    }
-    return nodes;
-  }
-
-  /**
-   * Link to a folder - Link Handler specific
-   */
-  private linkItem(node: TreeNode): void {
-    LinkBrowser.finalizeFunction('t3://folder?storage=' + node.storage + '&identifier=' + node.pathIdentifier);
-  }
-
-  /**
-   * Element Browser specific
-   */
-  private selectItem(node: TreeNode): void {
-    ElementBrowser.insertElement(
-      node.itemType,
-      node.identifier,
-      node.name,
-      node.identifier,
-      true
-    );
-  }
-}
-
-@customElement(componentName)
-export class FileStorageBrowser extends LitElement {
-  @query('.svg-tree-wrapper') tree: FileStorageBrowserTree;
-
-  private activeFolder: String = '';
-  private actions: Array<string> = [];
-
-  public connectedCallback(): void {
-    super.connectedCallback();
-    document.addEventListener('typo3:navigation:resized', this.triggerRender);
-  }
-
-  public disconnectedCallback(): void {
-    document.removeEventListener('typo3:navigation:resized', this.triggerRender);
-    super.disconnectedCallback();
-  }
-
-  protected firstUpdated() {
-    this.activeFolder = this.getAttribute('active-folder') || '';
-  }
-
-  // disable shadow dom for now
-  protected createRenderRoot(): HTMLElement | ShadowRoot {
-    return this;
-  }
-
-  protected triggerRender = (): void => {
-    this.tree.dispatchEvent(new Event('svg-tree:visible'));
-  }
-
-  protected render(): TemplateResult {
-    if (this.hasAttribute('tree-actions') && this.getAttribute('tree-actions').length) {
-      this.actions = JSON.parse(this.getAttribute('tree-actions'));
-    }
-    const treeSetup = {
-      dataUrl: top.TYPO3.settings.ajaxUrls.filestorage_tree_data,
-      filterUrl: top.TYPO3.settings.ajaxUrls.filestorage_tree_filter,
-      showIcons: true,
-      actions: this.actions
-    };
-
-    const initialized = () => {
-      this.tree.dispatchEvent(new Event('svg-tree:visible'));
-      this.tree.addEventListener('typo3:svg-tree:expand-toggle', this.toggleExpandState);
-      this.tree.addEventListener('typo3:svg-tree:node-selected', this.loadFolderDetails);
-      this.tree.addEventListener('typo3:svg-tree:nodes-prepared', this.selectActiveNode);
-      // set up toolbar now with updated properties
-      const toolbar = this.querySelector('typo3-backend-tree-toolbar') as Toolbar;
-      toolbar.tree = this.tree;
-    }
-
-    return html`
-      <div class="svg-tree">
-        <div>
-          <typo3-backend-tree-toolbar .tree="${this.tree}" class="svg-toolbar"></typo3-backend-tree-toolbar>
-          <div class="navigation-tree-container">
-            <typo3-backend-component-filestorage-browser-tree class="svg-tree-wrapper" .setup=${treeSetup} @svg-tree:initialized=${initialized}></typo3-backend-component-page-browser-tree>
-          </div>
-        </div>
-        <div class="svg-tree-loader">
-          <typo3-backend-icon identifier="spinner-circle-light" size="large"></typo3-backend-icon>
-        </div>
-      </div>
-    `;
-  }
-
-  private selectActiveNode = (evt: CustomEvent): void => {
-    // Activate the current node
-    let nodes = evt.detail.nodes as Array<TreeNode>;
-    evt.detail.nodes = nodes.map((node: TreeNode) => {
-      if (decodeURIComponent(node.identifier) === this.activeFolder) {
-        node.checked = true;
-      }
-      return node;
-    });
-  }
-
-  private toggleExpandState = (evt: CustomEvent): void => {
-    const node = evt.detail.node as TreeNode;
-    if (node) {
-      Persistent.set('BackendComponents.States.FileStorageTree.stateHash.' + node.stateIdentifier, (node.expanded ? '1' : '0'));
-    }
-  }
-
-  /**
-   * If a page is clicked, the content area needs to be updated
-   */
-  private loadFolderDetails = (evt: CustomEvent): void => {
-    const node = evt.detail.node as TreeNode;
-    if (!node.checked) {
-      return;
-    }
-    let contentsUrl = document.location.href + '&contentOnly=1&expandFolder=' + node.identifier;
-    (new AjaxRequest(contentsUrl)).get()
-      .then((response: AjaxResponse) => response.resolve())
-      .then((response) => {
-        const contentContainer = document.querySelector('.element-browser-main-content .element-browser-body') as HTMLElement;
-        contentContainer.innerHTML = response;
-      });
-  }
-}
diff --git a/typo3_src/TypeScript/backend/tree/file-storage-tree-container.ts b/typo3_src/TypeScript/backend/tree/file-storage-tree-container.ts
deleted file mode 100644
index ec13eb3..0000000
--- a/typo3_src/TypeScript/backend/tree/file-storage-tree-container.ts
+++ /dev/null
@@ -1,477 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {html, LitElement, TemplateResult} from 'lit';
-import {customElement, query} from 'lit/decorators';
-import {FileStorageTree} from './file-storage-tree';
-import '@typo3/backend/element/icon-element';
-import {TreeNode} from '@typo3/backend/tree/tree-node';
-import Persistent from '@typo3/backend/storage/persistent';
-import ContextMenu from '../context-menu';
-import {D3DragEvent} from 'd3-drag';
-import {DragDropHandler, DragDrop, DraggablePositionEnum} from './drag-drop';
-import Modal from '../modal';
-import Severity from '../severity';
-import Notification from '../notification';
-import AjaxRequest from '@typo3/core/ajax/ajax-request';
-import {TreeNodeSelection, Toolbar} from '../svg-tree';
-import {ModuleStateStorage} from '../storage/module-state-storage';
-import {getRecordFromName} from '../module';
-
-export const navigationComponentName: string = 'typo3-backend-navigation-component-filestoragetree';
-
-/**
- * FileStorageTree which allows for drag+drop, and in-place editing, as well as
- * tree highlighting from the outside
- */
-@customElement('typo3-backend-navigation-component-filestorage-tree')
-class EditableFileStorageTree extends FileStorageTree {
-  private readonly actionHandler: FileStorageTreeActions;
-
-  public constructor() {
-    super();
-    this.actionHandler = new FileStorageTreeActions(this);
-  }
-
-  public updateNodeBgClass(nodesBg: TreeNodeSelection): TreeNodeSelection {
-    return super.updateNodeBgClass.call(this, nodesBg).call(this.initializeDragForNode());
-  }
-
-  protected nodesUpdate(nodes: TreeNodeSelection): TreeNodeSelection {
-    return super.nodesUpdate.call(this, nodes).call(this.initializeDragForNode());
-  }
-
-  /**
-   * Initializes a drag&drop when called on the tree.
-   */
-  private initializeDragForNode() {
-    return this.actionHandler.connectDragHandler(new FileStorageTreeNodeDragHandler(this, this.actionHandler))
-  }
-}
-
-/**
- * Responsible for setting up the viewport for the Navigation Component for the File Tree
- */
-@customElement(navigationComponentName)
-export class FileStorageTreeNavigationComponent extends LitElement {
-  @query('.svg-tree-wrapper') tree: EditableFileStorageTree;
-  @query('typo3-backend-tree-toolbar') toolbar: Toolbar;
-
-  public connectedCallback(): void {
-    super.connectedCallback();
-    document.addEventListener('typo3:filestoragetree:refresh', this.refresh);
-    document.addEventListener('typo3:filestoragetree:selectFirstNode', this.selectFirstNode);
-    // event listener updating current tree state, this can be removed in TYPO3 v12
-    document.addEventListener('typo3:filelist:treeUpdateRequested', this.treeUpdateRequested);
-  }
-
-  public disconnectedCallback(): void {
-    document.removeEventListener('typo3:filestoragetree:refresh', this.refresh);
-    document.removeEventListener('typo3:filestoragetree:selectFirstNode', this.selectFirstNode);
-    document.removeEventListener('typo3:filelist:treeUpdateRequested', this.treeUpdateRequested);
-    super.disconnectedCallback();
-  }
-
-  // disable shadow dom for now
-  protected createRenderRoot(): HTMLElement | ShadowRoot {
-    return this;
-  }
-
-  protected render(): TemplateResult {
-    const treeSetup = {
-      dataUrl: top.TYPO3.settings.ajaxUrls.filestorage_tree_data,
-      filterUrl: top.TYPO3.settings.ajaxUrls.filestorage_tree_filter,
-      showIcons: true
-    };
-
-    return html`
-      <div id="typo3-filestoragetree" class="svg-tree">
-        <div>
-          <typo3-backend-tree-toolbar .tree="${this.tree}" id="filestoragetree-toolbar" class="svg-toolbar"></typo3-backend-tree-toolbar>
-          <div class="navigation-tree-container">
-            <typo3-backend-navigation-component-filestorage-tree id="typo3-filestoragetree-tree" class="svg-tree-wrapper" .setup=${treeSetup}></typo3-backend-navigation-component-filestorage-tree>
-          </div>
-        </div>
-        <div class="svg-tree-loader">
-          <typo3-backend-icon identifier="spinner-circle-light" size="large"></typo3-backend-icon>
-        </div>
-      </div>
-    `;
-  }
-
-  protected firstUpdated() {
-    this.toolbar.tree = this.tree;
-    this.tree.addEventListener('typo3:svg-tree:expand-toggle', this.toggleExpandState);
-    this.tree.addEventListener('typo3:svg-tree:node-selected', this.loadContent);
-    this.tree.addEventListener('typo3:svg-tree:node-context', this.showContextMenu);
-    this.tree.addEventListener('typo3:svg-tree:nodes-prepared', this.selectActiveNode);
-  }
-
-  private refresh = (): void => {
-    this.tree.refreshOrFilterTree();
-  }
-
-  private selectFirstNode = (): void => {
-    const node = this.tree.nodes[0];
-    if (node) {
-      this.tree.selectNode(node, true);
-    }
-  }
-
-  // event listener updating current tree state, this can be removed in TYPO3 v12
-  private treeUpdateRequested = (evt: CustomEvent): void => {
-    const identifier = encodeURIComponent(evt.detail.payload.identifier);
-    let nodeToSelect = this.tree.nodes.filter((node: TreeNode) => { return node.identifier === identifier})[0];
-    if (nodeToSelect && this.tree.getSelectedNodes().filter((selectedNode: TreeNode) => { return selectedNode.identifier === nodeToSelect.identifier; }).length === 0) {
-      this.tree.selectNode(nodeToSelect, false);
-    }
-  }
-
-  private toggleExpandState = (evt: CustomEvent): void => {
-    const node = evt.detail.node as TreeNode;
-    if (node) {
-      Persistent.set('BackendComponents.States.FileStorageTree.stateHash.' + node.stateIdentifier, (node.expanded ? '1' : '0'));
-    }
-  }
-
-  private loadContent = (evt: CustomEvent): void => {
-    const node = evt.detail.node as TreeNode;
-    if (!node?.checked) {
-      return;
-    }
-
-    // remember the selected folder in the global state
-    ModuleStateStorage.update('file', node.identifier, true);
-
-    if (evt.detail.propagate === false) {
-      return;
-    }
-
-    // Load the currently selected module with the updated URL
-    const moduleMenu = top.TYPO3.ModuleMenu.App;
-    let contentUrl = getRecordFromName(moduleMenu.getCurrentModule()).link;
-    contentUrl += contentUrl.includes('?') ? '&' : '?';
-    top.TYPO3.Backend.ContentContainer.setUrl(contentUrl + 'id=' + node.identifier);
-  }
-
-  private showContextMenu = (evt: CustomEvent): void => {
-    const node = evt.detail.node as TreeNode;
-    if (!node) {
-      return;
-    }
-    ContextMenu.show(
-      node.itemType,
-      decodeURIComponent(node.identifier),
-      'tree',
-      '',
-      '',
-      this.tree.getElementFromNode(node)
-    );
-  }
-
-  /**
-   * Event listener called for each loaded node,
-   * here used to mark node remembered in ModuleStateStorage as selected
-   */
-  private selectActiveNode = (evt: CustomEvent): void => {
-    const selectedNodeIdentifier = ModuleStateStorage.current('file').selection;
-    let nodes = evt.detail.nodes as Array<TreeNode>;
-    evt.detail.nodes = nodes.map((node: TreeNode) => {
-      if (node.identifier === selectedNodeIdentifier) {
-        node.checked = true;
-      }
-      return node;
-    });
-  }
-}
-
-
-
-
-interface NodePositionOptions {
-  node: TreeNode,
-  target: TreeNode,
-  identifier: string,
-  position: DraggablePositionEnum
-}
-
-interface NodeTargetPosition {
-  target: TreeNode,
-  position: DraggablePositionEnum
-}
-
-/**
- * Extends Drag&Drop functionality for File Storage Tree positioning when dropping
- */
-class FileStorageTreeActions extends DragDrop {
-  public changeNodePosition(droppedNode: TreeNode): null|NodePositionOptions {
-    const nodes = this.tree.nodes;
-    const identifier = this.tree.settings.nodeDrag.identifier;
-    let position = this.tree.settings.nodeDragPosition;
-    let target = droppedNode || this.tree.settings.nodeDrag;
-
-    if (identifier === target.identifier) {
-      return null;
-    }
-
-    if (position === DraggablePositionEnum.BEFORE) {
-      const index = nodes.indexOf(droppedNode);
-      const positionAndTarget = this.setNodePositionAndTarget(index);
-      if (positionAndTarget === null) {
-        return null;
-      }
-      position = positionAndTarget.position;
-      target = positionAndTarget.target;
-    }
-
-    return {
-      node: this.tree.settings.nodeDrag,
-      identifier: identifier, // dragged node id
-      target: target, // hovered node
-      position: position // before, in, after
-    }
-  }
-
-  /**
-   * Returns position and target node
-   */
-  public setNodePositionAndTarget(index: number): null|NodeTargetPosition {
-    const nodes = this.tree.nodes;
-    const nodeOver = nodes[index];
-    const nodeOverDepth = nodeOver.depth;
-    if (index > 0) {
-      index--;
-    }
-    const nodeBefore = nodes[index];
-    const nodeBeforeDepth = nodeBefore.depth;
-    const target = this.tree.nodes[index];
-
-    if (nodeBeforeDepth === nodeOverDepth) {
-      return {position: DraggablePositionEnum.AFTER, target};
-    } else if (nodeBeforeDepth < nodeOverDepth) {
-      return {position: DraggablePositionEnum.INSIDE, target};
-    } else {
-      for (let i = index; i >= 0; i--) {
-        if (nodes[i].depth === nodeOverDepth) {
-          return {position: DraggablePositionEnum.AFTER, target: this.tree.nodes[i]};
-        } else if (nodes[i].depth < nodeOverDepth) {
-          return {position: DraggablePositionEnum.AFTER, target: nodes[i]};
-        }
-      }
-    }
-    return null;
-  }
-
-  public changeNodeClasses(event: any): void {
-    const elementNodeBg = this.tree.svg.select('.node-over');
-    const svg = this.tree.svg.node() as SVGElement;
-    const nodeDd = svg.parentNode.querySelector('.node-dd') as HTMLElement;
-
-    if (elementNodeBg.size() && this.tree.isOverSvg) {
-      this.tree.nodesBgContainer
-        .selectAll('.node-bg__border')
-        .style('display', 'none');
-      this.addNodeDdClass(nodeDd, 'ok-append');
-      this.tree.settings.nodeDragPosition = DraggablePositionEnum.INSIDE;
-    }
-  }
-
-}
-
-
-/**
- * Drag and drop for nodes (copy/move)
- */
-class FileStorageTreeNodeDragHandler implements DragDropHandler {
-  public startDrag: boolean = false;
-  public startPageX: number = 0;
-  public startPageY: number = 0;
-  private isDragged: boolean = false;
-  private tree: FileStorageTree;
-  private actionHandler: FileStorageTreeActions;
-
-  constructor(tree: FileStorageTree, actionHandler: FileStorageTreeActions) {
-    this.tree = tree;
-    this.actionHandler = actionHandler;
-  }
-
-  public dragStart(event: D3DragEvent<any, any, any>): boolean {
-    let node = event.subject;
-    if (node.depth === 0) {
-      return false;
-    }
-    this.startPageX = event.sourceEvent.pageX;
-    this.startPageY = event.sourceEvent.pageY;
-    this.startDrag = false;
-    return true;
-  };
-
-  public dragDragged(event: D3DragEvent<any, any, any>): boolean {
-    let node = event.subject;
-    if (this.actionHandler.isDragNodeDistanceMore(event, this)) {
-      this.startDrag = true;
-    } else {
-      return false;
-    }
-
-    if (node.depth === 0) {
-      return false;
-    }
-
-    this.tree.settings.nodeDrag = node;
-
-    let nodeBg = this.tree.svg.node().querySelector('.node-bg[data-state-id="' + node.stateIdentifier + '"]');
-    let nodeDd = this.tree.svg.node().parentNode.querySelector('.node-dd') as HTMLElement;
-
-    // Create the draggable
-    if (!this.isDragged) {
-      this.isDragged = true;
-      this.actionHandler.createDraggable(this.tree.getIconId(node), node.name);
-      nodeBg?.classList.add('node-bg--dragging');
-    }
-
-    this.tree.settings.nodeDragPosition = false;
-    this.actionHandler.openNodeTimeout();
-    this.actionHandler.updateDraggablePosition(event);
-
-    if (node.isOver
-      || (this.tree.hoveredNode && this.tree.hoveredNode.parentsStateIdentifier.indexOf(node.stateIdentifier) !== -1)
-      || !this.tree.isOverSvg) {
-
-      this.actionHandler.addNodeDdClass(nodeDd, 'nodrop');
-
-      if (!this.tree.isOverSvg) {
-        this.tree.nodesBgContainer.selectAll('.node-bg__border').style('display', 'none');
-      }
-    }
-
-    if (!this.tree.hoveredNode || this.isInSameParentNode(node, this.tree.hoveredNode)) {
-      this.actionHandler.addNodeDdClass(nodeDd, 'nodrop');
-      this.tree.nodesBgContainer.selectAll('.node-bg__border').style('display', 'none');
-    } else {
-      this.actionHandler.changeNodeClasses(event);
-    }
-    return true;
-  }
-
-  public isInSameParentNode(activeHoveredNode: TreeNode, targetNode: TreeNode): boolean {
-    return activeHoveredNode.stateIdentifier == targetNode.stateIdentifier
-      || activeHoveredNode.parentsStateIdentifier[0] == targetNode.stateIdentifier
-      || targetNode.parentsStateIdentifier.includes(activeHoveredNode.stateIdentifier);
-  }
-
-  public dragEnd(event: D3DragEvent<any, any, any>): boolean {
-    let node = event.subject;
-
-    if (!this.startDrag || node.depth === 0) {
-      return false;
-    }
-
-    let droppedNode = this.tree.hoveredNode;
-    this.isDragged = false;
-    this.actionHandler.removeNodeDdClass();
-
-    if (
-      !(node.isOver
-        || (droppedNode && droppedNode.parentsStateIdentifier.indexOf(node.stateIdentifier) !== -1)
-        || !this.tree.settings.canNodeDrag
-        || !this.tree.isOverSvg
-      )
-    ) {
-      let options = this.actionHandler.changeNodePosition(droppedNode);
-      let modalText = options.position === DraggablePositionEnum.INSIDE ? TYPO3.lang['mess.move_into'] : TYPO3.lang['mess.move_after'];
-      modalText = modalText.replace('%s', options.node.name).replace('%s', options.target.name);
-
-      Modal.confirm(
-        TYPO3.lang.move_folder,
-        modalText,
-        Severity.warning, [
-          {
-            text: TYPO3.lang['labels.cancel'] || 'Cancel',
-            active: true,
-            btnClass: 'btn-default',
-            name: 'cancel'
-          },
-          {
-            text: TYPO3.lang['cm.copy'] || 'Copy',
-            btnClass: 'btn-warning',
-            name: 'copy'
-          },
-          {
-            text: TYPO3.lang['labels.move'] || 'Move',
-            btnClass: 'btn-warning',
-            name: 'move'
-          }
-        ])
-        .on('button.clicked', (e: JQueryEventObject) => {
-          const target = e.target as HTMLInputElement;
-          if (target.name === 'move') {
-            this.sendChangeCommand('move', options);
-          } else if (target.name === 'copy') {
-            this.sendChangeCommand('copy', options);
-          }
-          Modal.dismiss();
-        });
-    }
-    return true;
-  }
-
-  /**
-   * Used when something a folder was drag+dropped.
-   */
-  private sendChangeCommand(command: string, data: any): void {
-    let params = {
-      data: {}
-    } as any;
-
-    if (command === 'copy') {
-      params.data.copy = [];
-      params.copy.push({data: decodeURIComponent(data.identifier), target: decodeURIComponent(data.target.identifier)});
-    } else if (command === 'move') {
-      params.data.move = [];
-      params.data.move.push({data: decodeURIComponent(data.identifier), target: decodeURIComponent(data.target.identifier)});
-    } else {
-      return;
-    }
-
-    this.tree.nodesAddPlaceholder();
-
-    (new AjaxRequest(top.TYPO3.settings.ajaxUrls.file_process))
-      .post(params)
-      .then((response) => {
-        return response.resolve();
-      })
-      .then((response) => {
-        if (response && response.hasErrors) {
-          this.tree.errorNotification(response.messages, false);
-          this.tree.nodesContainer.selectAll('.node').remove();
-          this.tree.updateVisibleNodes();
-          this.tree.nodesRemovePlaceholder();
-        } else {
-          if (response.messages) {
-            response.messages.forEach((message: any) => {
-              Notification.showMessage(
-                message.title || '',
-                message.message || '',
-                message.severity
-              );
-            });
-          }
-          this.tree.refreshOrFilterTree();
-        }
-      })
-      .catch((error) => {
-        this.tree.errorNotification(error, true);
-      });
-  }
-}
diff --git a/typo3_src/TypeScript/backend/tree/file-storage-tree.ts b/typo3_src/TypeScript/backend/tree/file-storage-tree.ts
deleted file mode 100644
index b1742e0..0000000
--- a/typo3_src/TypeScript/backend/tree/file-storage-tree.ts
+++ /dev/null
@@ -1,86 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import AjaxRequest from '@typo3/core/ajax/ajax-request';
-import {SvgTree} from '../svg-tree';
-import {TreeNode} from '../tree/tree-node';
-import {AjaxResponse} from '@typo3/core/ajax/ajax-response';
-
-/**
- * A tree for folders / storages
- */
-export class FileStorageTree extends SvgTree {
-  public constructor() {
-    super();
-    this.settings.defaultProperties = {
-      hasChildren: false,
-      nameSourceField: 'title',
-      itemType: 'sys_file',
-      prefix: '',
-      suffix: '',
-      locked: false,
-      loaded: false,
-      overlayIcon: '',
-      selectable: true,
-      expanded: false,
-      checked: false,
-      backgroundColor: '',
-      class: '',
-      readableRootline: ''
-    };
-  }
-
-  public showChildren(node: TreeNode): void {
-    this.loadChildrenOfNode(node);
-    super.showChildren(node);
-  }
-
-  protected getNodeTitle(node: TreeNode): string {
-    return decodeURIComponent(node.name);
-  }
-
-  /**
-   * Loads child nodes via Ajax (used when expanding a collapsed node)
-   */
-  private loadChildrenOfNode(parentNode: TreeNode): void {
-    if (parentNode.loaded) {
-      this.prepareDataForVisibleNodes();
-      this.updateVisibleNodes();
-      return;
-    }
-    this.nodesAddPlaceholder();
-
-    (new AjaxRequest(this.settings.dataUrl + '&parent=' + parentNode.identifier + '&currentDepth=' + parentNode.depth))
-      .get({cache: 'no-cache'})
-      .then((response: AjaxResponse) => response.resolve())
-      .then((json: any) => {
-        let nodes = Array.isArray(json) ? json : [];
-        const index = this.nodes.indexOf(parentNode) + 1;
-        //adding fetched node after parent
-        nodes.forEach((node: TreeNode, offset: number) => {
-          this.nodes.splice(index + offset, 0, node);
-        });
-        parentNode.loaded = true;
-        this.setParametersNode();
-        this.prepareDataForVisibleNodes();
-        this.updateVisibleNodes();
-        this.nodesRemovePlaceholder();
-        this.focusNode(parentNode);
-      })
-      .catch((error: any) => {
-        this.errorNotification(error, false);
-        this.nodesRemovePlaceholder();
-        throw error;
-      });
-  }
-}
diff --git a/typo3_src/TypeScript/backend/tree/page-browser.ts b/typo3_src/TypeScript/backend/tree/page-browser.ts
deleted file mode 100644
index aabb2ec..0000000
--- a/typo3_src/TypeScript/backend/tree/page-browser.ts
+++ /dev/null
@@ -1,297 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {html, LitElement, TemplateResult} from 'lit';
-import {customElement, property, query} from 'lit/decorators';
-import {until} from 'lit/directives/until';
-import {lll} from '@typo3/core/lit-helper';
-import {PageTree} from '../page-tree/page-tree';
-import AjaxRequest from '@typo3/core/ajax/ajax-request';
-import {AjaxResponse} from '@typo3/core/ajax/ajax-response';
-import {TreeNode} from './tree-node';
-import {TreeNodeSelection, Toolbar} from '../svg-tree';
-import ElementBrowser from '@typo3/recordlist/element-browser';
-import LinkBrowser from '@typo3/recordlist/link-browser';
-import '@typo3/backend/element/icon-element';
-import Persistent from '@typo3/backend/storage/persistent';
-
-
-const componentName: string = 'typo3-backend-component-page-browser';
-
-interface Configuration {
-  [keys: string]: any;
-}
-
-/**
- * Extension of the SVG Tree, allowing to show additional actions on the right hand of the tree to directly link
- * select a page
- */
-@customElement('typo3-backend-component-page-browser-tree')
-class PageBrowserTree extends PageTree {
-
-  /**
-   * Check if the page is linkable, if not, let's grey it out.
-   */
-  protected appendTextElement(nodes: TreeNodeSelection): TreeNodeSelection {
-    return super.appendTextElement(nodes).attr('opacity', (node: TreeNode) => {
-      if (!this.settings.actions.includes('link')) {
-        return 1;
-      }
-      if (this.isLinkable(node)) {
-        return 1;
-      }
-      return 0.5;
-    });
-  }
-
-  protected updateNodeActions(nodesActions: TreeNodeSelection): TreeNodeSelection {
-    const nodes = super.updateNodeActions(nodesActions);
-    if (this.settings.actions.includes('link')) {
-      // Check if a node can be linked
-      const linkAction = this.nodesActionsContainer.selectAll('.node-action')
-        .append('g')
-        .attr('visibility', (node: TreeNode) => {
-          return this.isLinkable(node) ? 'visible' : 'hidden'
-        })
-        .on('click', (evt: MouseEvent, node: TreeNode) => {
-          this.linkItem(node);
-        });
-      this.createIconAreaForAction(linkAction, 'actions-link');
-    } else if (this.settings.actions.includes('select')) {
-      // Check if a node can be selected
-      const linkAction = nodes
-        .append('g')
-        .on('click', (evt: MouseEvent, node: TreeNode) => {
-          this.selectItem(node);
-        });
-      this.createIconAreaForAction(linkAction, 'actions-link');
-    }
-    return nodes;
-  }
-
-  /**
-   * Page Link Handler specific
-   */
-  private linkItem(node: TreeNode): void {
-    LinkBrowser.finalizeFunction('t3://page?uid=' + node.identifier);
-  }
-
-  /**
-   * The following page doktypes can be browsed, but not directly added as "action":
-   * - Spacer
-   * - SysFolder
-   * - Recycler
-   */
-  private isLinkable(node: TreeNode): boolean {
-    const nonLinkableDoktypes = ['199', '254', '255'];
-    return nonLinkableDoktypes.includes(String(node.type)) === false;
-  }
-
-  /**
-   * Element Browser specific
-   */
-  private selectItem(node: TreeNode): void {
-    ElementBrowser.insertElement(
-      node.itemType,
-      node.identifier,
-      node.name,
-      node.identifier,
-      true
-    );
-  }
-}
-
-/**
- * The actual element used in the HTML composing the tree and the toolbar
- */
-@customElement(componentName)
-export class PageBrowser extends LitElement {
-  @property({type: String}) mountPointPath: string = null;
-  @query('.svg-tree-wrapper') tree: PageBrowserTree;
-
-  private activePageId: number = 0;
-  // selectPage
-  private actions: Array<string> = [];
-  private configuration: Configuration = null;
-
-  public connectedCallback(): void {
-    super.connectedCallback();
-    document.addEventListener('typo3:navigation:resized', this.triggerRender);
-    document.addEventListener('typo3:pagetree:mountPoint', this.setMountPoint);
-  }
-
-  public disconnectedCallback(): void {
-    document.removeEventListener('typo3:navigation:resized', this.triggerRender);
-    document.removeEventListener('typo3:pagetree:mountPoint', this.setMountPoint);
-    super.disconnectedCallback();
-  }
-
-  protected firstUpdated() {
-    this.activePageId = parseInt(this.getAttribute('active-page'), 10);
-    this.actions = JSON.parse(this.getAttribute('tree-actions'));
-  }
-
-  // disable shadow dom for now
-  protected createRenderRoot(): HTMLElement | ShadowRoot {
-    return this;
-  }
-
-  protected triggerRender = (): void => {
-    this.tree.dispatchEvent(new Event('svg-tree:visible'));
-  }
-
-  protected getConfiguration(): Promise<Configuration> {
-    if (this.configuration !== null) {
-      return Promise.resolve(this.configuration);
-    }
-
-    const configurationUrl = top.TYPO3.settings.ajaxUrls.page_tree_browser_configuration;
-    const alternativeEntryPoints = this.hasAttribute('alternative-entry-points') ? JSON.parse(this.getAttribute('alternative-entry-points')) : [];
-    let request = new AjaxRequest(configurationUrl);
-    if (alternativeEntryPoints.length) {
-      request = request.withQueryArguments('alternativeEntryPoints=' + encodeURIComponent(alternativeEntryPoints))
-    }
-    return request.get()
-      .then(async (response: AjaxResponse): Promise<Configuration> => {
-        const configuration = await response.resolve('json');
-        configuration.actions = this.actions;
-        this.configuration = configuration;
-        this.mountPointPath = configuration.temporaryMountPoint || null;
-        return configuration;
-      });
-  }
-
-  protected render(): TemplateResult {
-    return html`
-      <div class="svg-tree">
-        ${until(this.renderTree(), this.renderLoader())}
-      </div>
-    `;
-  }
-
-  protected renderTree(): Promise<TemplateResult> {
-    return this.getConfiguration()
-      .then((configuration: Configuration): TemplateResult => {
-        const initialized = () => {
-          this.tree.dispatchEvent(new Event('svg-tree:visible'));
-          this.tree.addEventListener('typo3:svg-tree:expand-toggle', this.toggleExpandState);
-          this.tree.addEventListener('typo3:svg-tree:node-selected', this.loadRecordsOfPage);
-          this.tree.addEventListener('typo3:svg-tree:nodes-prepared', this.selectActivePageInTree);
-          // set up toolbar now with updated properties
-          const toolbar = this.querySelector('typo3-backend-tree-toolbar') as Toolbar;
-          toolbar.tree = this.tree;
-        }
-
-        return html`
-          <div>
-            <typo3-backend-tree-toolbar .tree="${this.tree}" class="svg-toolbar"></typo3-backend-tree-toolbar>
-            <div class="navigation-tree-container">
-              ${this.renderMountPoint()}
-              <typo3-backend-component-page-browser-tree id="typo3-pagetree-tree" class="svg-tree-wrapper" .setup=${configuration} @svg-tree:initialized=${initialized}></typo3-backend-component-page-browser-tree>
-            </div>
-          </div>
-          ${this.renderLoader()}
-        `;
-      });
-  }
-
-  protected renderLoader(): TemplateResult {
-    return html`
-      <div class="svg-tree-loader">
-        <typo3-backend-icon identifier="spinner-circle-light" size="large"></typo3-backend-icon>
-      </div>
-    `;
-  }
-
-  private selectActivePageInTree = (evt: CustomEvent): void => {
-    // Activate the current node
-    let nodes = evt.detail.nodes as Array<TreeNode>;
-    evt.detail.nodes = nodes.map((node: TreeNode) => {
-      if (parseInt(node.identifier, 10) === this.activePageId) {
-        node.checked = true;
-      }
-      return node;
-    });
-  }
-
-  private toggleExpandState = (evt: CustomEvent): void => {
-    const node = evt.detail.node as TreeNode;
-    if (node) {
-      Persistent.set('BackendComponents.States.Pagetree.stateHash.' + node.stateIdentifier, (node.expanded ? '1' : '0'));
-    }
-  }
-  /**
-   * If a page is clicked, the content area needs to be updated
-   */
-  private loadRecordsOfPage = (evt: CustomEvent): void => {
-    const node = evt.detail.node as TreeNode;
-    if (!node.checked) {
-      return;
-    }
-    let contentsUrl = document.location.href + '&contentOnly=1&expandPage=' + node.identifier;
-    (new AjaxRequest(contentsUrl)).get()
-      .then((response: AjaxResponse) => response.resolve())
-      .then((response) => {
-        const contentContainer = document.querySelector('.element-browser-main-content .element-browser-body') as HTMLElement;
-        contentContainer.innerHTML = response;
-      });
-  }
-
-
-  private setMountPoint = (e: CustomEvent): void => {
-    this.setTemporaryMountPoint(e.detail.pageId as number);
-  }
-
-  private unsetTemporaryMountPoint() {
-    this.mountPointPath = null;
-    Persistent.unset('pageTree_temporaryMountPoint').then(() => {
-      this.tree.refreshTree();
-    });
-  }
-
-  private renderMountPoint(): TemplateResult {
-    if (this.mountPointPath === null) {
-      return html``;
-    }
-    return html`
-      <div class="node-mount-point">
-        <div class="node-mount-point__icon"><typo3-backend-icon identifier="actions-info-circle" size="small"></typo3-backend-icon></div>
-        <div class="node-mount-point__text">${this.mountPointPath}</div>
-        <div class="node-mount-point__icon mountpoint-close" @click="${() => this.unsetTemporaryMountPoint()}" title="${lll('labels.temporaryDBmount')}">
-          <typo3-backend-icon identifier="actions-close" size="small"></typo3-backend-icon>
-        </div>
-      </div>
-    `;
-  }
-
-  private setTemporaryMountPoint(pid: number): void {
-    (new AjaxRequest(this.configuration.setTemporaryMountPointUrl))
-      .post('pid=' + pid, {
-        headers: { 'Content-Type': 'application/x-www-form-urlencoded', 'X-Requested-With': 'XMLHttpRequest'},
-      })
-      .then((response) => response.resolve())
-      .then((response) => {
-        if (response && response.hasErrors) {
-          this.tree.errorNotification(response.message, true);
-          this.tree.updateVisibleNodes();
-        } else {
-          this.mountPointPath = response.mountPointPath;
-          this.tree.refreshOrFilterTree();
-        }
-      })
-      .catch((error) => {
-        this.tree.errorNotification(error, true);
-      });
-  }
-}
-
diff --git a/typo3_src/TypeScript/backend/tree/tree-node.ts b/typo3_src/TypeScript/backend/tree/tree-node.ts
deleted file mode 100644
index 0fa336a..0000000
--- a/typo3_src/TypeScript/backend/tree/tree-node.ts
+++ /dev/null
@@ -1,80 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import * as d3selection from 'd3-selection';
-import {DraggablePositionEnum} from './drag-drop';
-
-/**
- * Represents a single node in the SVG tree that is rendered.
- */
-export interface TreeNode extends d3selection.EnterElement {
-  firstChild: Node | boolean | null;
-  lastChild: Node | boolean | null;
-  // e.g. "pages" or "sys_file", depending on the implementation
-  itemType: string | null;
-  x: number;
-  y: number;
-  // page-tree specific (doktype)
-  type: string;
-  depth: number;
-  parents: Array<number>;
-  loaded: boolean;
-  expanded: boolean;
-  hasChildren: boolean;
-  hidden: boolean;
-  isOver: boolean;
-  tip: string;
-  selectable: boolean;
-  checked: boolean;
-  focused: boolean;
-  locked: boolean;
-  readableRootline: string;
-  command: string;
-  identifier: string;
-  name: string;
-  class: string;
-  prefix: string;
-  suffix: string;
-  // page-tree specific
-  mountPoint: string;
-  // page-tree specific
-  stopPageTree: boolean;
-  stateIdentifier: string;
-  parentsStateIdentifier: Array<string>;
-  backgroundColor: string;
-  overlayIcon: string;
-  attr: Function;
-  enter: Function;
-  append: Function;
-  select: Function;
-  icon: any;
-  node: boolean | TreeNode;
-  siblingsCount: number;
-  siblingsPosition: number;
-
-  owns?: string[];
-  indeterminate?: boolean;
-
-  // folder-tree specific
-  pathIdentifier: string;
-  storage: number;
-
-  allowDelete?: boolean;
-  allowEdit?: boolean;
-  // page-tree specific: which DB field should be updated when editing the DB field
-  nameSourceField?: string;
-  // page-tree specific: which DB field should be updated when editing the DB field
-  newName?: string;
-  target?: TreeNode;
-  position?: DraggablePositionEnum;
-}
diff --git a/typo3_src/TypeScript/backend/user-pass-login.ts b/typo3_src/TypeScript/backend/user-pass-login.ts
deleted file mode 100644
index bfd1cc6..0000000
--- a/typo3_src/TypeScript/backend/user-pass-login.ts
+++ /dev/null
@@ -1,122 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import $ from 'jquery';
-import Login from './login';
-
-/**
- * Module: @typo3/backend/user-pass-login
- * JavaScript module for the UsernamePasswordLoginProvider
- * @exports @typo3/backend/user-pass-login
- */
-class UserPassLogin {
-
-  protected options: any;
-
-  /**
-   * Checks whether capslock is enabled (returns TRUE if enabled, false otherwise)
-   * thanks to http://24ways.org/2007/capturing-caps-lock
-   *
-   * @param {Event} e
-   * @returns {boolean}
-   */
-  public static isCapslockEnabled(e: any): boolean {
-    const ev = e ? e : window.event;
-    if (!ev) {
-      return false;
-    }
-    // get key pressed
-    let pressedKeyAsciiCode = -1;
-    if (ev.which) {
-      pressedKeyAsciiCode = ev.which;
-    } else if (ev.keyCode) {
-      pressedKeyAsciiCode = ev.keyCode;
-    }
-    // get shift status
-    let shiftPressed = false;
-    if (ev.shiftKey) {
-      shiftPressed = ev.shiftKey;
-    } else if (ev.modifiers) {
-      /* tslint:disable:no-bitwise */
-      shiftPressed = !!(ev.modifiers & 4);
-    }
-    return (pressedKeyAsciiCode >= 65 && pressedKeyAsciiCode <= 90 && !shiftPressed)
-      || (pressedKeyAsciiCode >= 97 && pressedKeyAsciiCode <= 122 && shiftPressed);
-  }
-
-  constructor() {
-    this.options = {
-      passwordField: '.t3js-login-password-field',
-      usernameField: '.t3js-login-username-field',
-      copyrightLink: 't3js-login-copyright-link',
-    };
-
-    // register submit handler
-    Login.options.submitHandler = this.resetPassword;
-
-    const $usernameField = $(this.options.usernameField);
-    const $passwordField = $(this.options.passwordField);
-    const copyrightLink = document.getElementsByClassName(this.options.copyrightLink)[0];
-
-    $usernameField.on('keypress', this.showCapsLockWarning);
-    $passwordField.on('keypress', this.showCapsLockWarning);
-    copyrightLink.addEventListener('keydown', this.toggleCopyright);
-
-    // if the login screen is shown in the login_frameset window for re-login,
-    // then try to get the username of the current/former login from opening windows main frame:
-    try {
-      if (parent.opener
-        && parent.opener.TYPO3
-        && parent.opener.TYPO3.configuration
-        && parent.opener.TYPO3.configuration.username
-      ) {
-        $usernameField.val(parent.opener.TYPO3.configuration.username);
-      }
-    } catch (error) {
-      // continue
-    }
-
-    if ($usernameField.val() === '') {
-      $usernameField.focus();
-    } else {
-      $passwordField.focus();
-    }
-  }
-
-  /**
-   * Reset user password field to prevent it from being submitted
-   */
-  public resetPassword = (): void => {
-    const $passwordField = $(this.options.passwordField);
-    if ($passwordField.val()) {
-      $(Login.options.useridentField).val($passwordField.val());
-      $passwordField.val('');
-    }
-  }
-
-  public showCapsLockWarning = (event: Event): void => {
-    $(event.target)
-      .parent()
-      .parent()
-      .find('.t3js-login-alert-capslock')
-      .toggleClass('hidden', !UserPassLogin.isCapslockEnabled(event));
-  }
-
-  public toggleCopyright = (event: KeyboardEvent): void => {
-    if (event.key === ' ') {
-      (<HTMLLinkElement>(event.target)).click();
-    }
-  }
-}
-
-export default new UserPassLogin();
diff --git a/typo3_src/TypeScript/backend/utility.ts b/typo3_src/TypeScript/backend/utility.ts
deleted file mode 100644
index af22a84..0000000
--- a/typo3_src/TypeScript/backend/utility.ts
+++ /dev/null
@@ -1,176 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/**
- * Module: @typo3/backend/utility
- */
-class Utility {
-  /**
-   * Splits a string by a given delimiter and trims the values
-   *
-   * @param {string} delimiter
-   * @param {string} string
-   * @return Array<string>
-   */
-  public static trimExplode(delimiter: string, string: string): Array<string> {
-    return string.split(delimiter).map((item: string) => item.trim()).filter((item: string) => item !== '');
-  }
-
-  /**
-   * Trims string items.
-   *
-   * @param {string[]|any[]} items
-   */
-  public static trimItems(items: any[]): any[] {
-    return items.map((item: any) => {
-      if (item instanceof String) {
-        return item.trim();
-      }
-      return item;
-    });
-  }
-
-  /**
-   * Splits a string by a given delimiter and converts the values to integer
-   *
-   * @param {string} delimiter
-   * @param {string} string
-   * @param {boolean} excludeZeroValues
-   * @return Array<number>
-   */
-  public static intExplode(delimiter: string, string: string, excludeZeroValues: boolean = false): Array<number> {
-    return string
-      .split(delimiter)
-      .map((item: string) => parseInt(item, 10))
-      .filter((item: number) => !isNaN(item) || excludeZeroValues && item === 0);
-  }
-
-  /**
-   * Checks if a given number is really a number
-   *
-   * Taken from:
-   * http://dl.dropbox.com/u/35146/js/tests/isNumber.html
-   *
-   * @param {number} value
-   * @returns {boolean}
-   */
-  public static isNumber(value: number): boolean {
-    return !isNaN(parseFloat(value.toString())) && isFinite(value);
-  }
-
-  /**
-   * Gets a parameter from a given url
-   *
-   * @param {string} url
-   * @param {string} parameter
-   * @returns {string}
-   */
-  public static getParameterFromUrl(url: string, parameter: string): string {
-    if (typeof url.split !== 'function') {
-      return '';
-    }
-    const parts = url.split('?');
-    let value = '';
-
-    if (parts.length >= 2) {
-      const queryString = parts.join('?');
-
-      const prefix = encodeURIComponent(parameter) + '=';
-      const parameters = queryString.split(/[&;]/g);
-      for (let i = parameters.length; i-- > 0; ) {
-        if (parameters[i].lastIndexOf(prefix, 0) !== -1) {
-          value = parameters[i].split('=')[1];
-          break;
-        }
-      }
-    }
-
-    return value;
-  }
-
-  /**
-   * Updates a parameter inside of given url
-   *
-   * @param {string} url
-   * @param {string} key
-   * @param {string} value
-   * @returns {string}
-   */
-  public static updateQueryStringParameter(url: string, key: string, value: string): string {
-    const re = new RegExp('([?&])' + key + '=.*?(&|$)', 'i');
-    const separator = url.includes('?') ? '&' : '?';
-
-    if (url.match(re)) {
-      return url.replace(re, '$1' + key + '=' + value + '$2');
-    }
-    return url + separator + key + '=' + value;
-  }
-
-  public static convertFormToObject(form: HTMLFormElement): { [key: string]: any } {
-    const obj: { [key: string]: any } = {};
-    form.querySelectorAll('input, select, textarea').forEach((element: HTMLInputElement|HTMLSelectElement|HTMLTextAreaElement): void => {
-      const name = element.name;
-      const value = element.value;
-
-      if (name) {
-        if (element instanceof HTMLInputElement && element.type == 'checkbox') {
-          if (obj[name] === undefined) {
-            obj[name] = [];
-          }
-          if (element.checked){
-            obj[name].push(value);
-          }
-
-        }else{
-          obj[name] = value;
-        }
-      }
-    });
-
-    return obj;
-  }
-
-  /**
-   * Performs a deep merge of `source` into `target`.
-   * Mutates `target` only but not its objects and arrays.
-   *
-   * @author inspired by [jhildenbiddle](https://stackoverflow.com/a/48218209/4828813).
-   */
-  public static mergeDeep(...objects: object[]) {
-    type IndexedObject = { [key: string]: any };
-    const isObject = (obj: any) => {
-      return obj && typeof obj === 'object';
-    };
-
-    return objects.reduce((prev: IndexedObject, obj: IndexedObject): IndexedObject => {
-      Object.keys(obj).forEach((key: string): void => {
-        const pVal = prev[key];
-        const oVal = obj[key];
-
-        if (Array.isArray(pVal) && Array.isArray(oVal)) {
-          prev[key] = pVal.concat(...oVal);
-        }
-        else if (isObject(pVal) && isObject(oVal)) {
-          prev[key] = Utility.mergeDeep(pVal, oVal);
-        }
-        else {
-          prev[key] = oVal;
-        }
-      });
-
-      return prev;
-    }, {});
-  }
-}
-
-export default Utility;
diff --git a/typo3_src/TypeScript/backend/utility/message-utility.ts b/typo3_src/TypeScript/backend/utility/message-utility.ts
deleted file mode 100644
index c3e2103..0000000
--- a/typo3_src/TypeScript/backend/utility/message-utility.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-interface Message {
-  actionName: string;
-  [key: string]: any;
-}
-
-export class MessageUtility {
-  /**
-   * Generates an URL for usage in postMessage
-   *
-   * @return {string}
-   */
-  public static getOrigin(): string {
-    return window.origin;
-  }
-
-  /**
-   * @param {string} receivedOrigin
-   */
-  public static verifyOrigin(receivedOrigin: string): boolean {
-    const currentDomain = MessageUtility.getOrigin();
-
-    return currentDomain === receivedOrigin;
-  }
-
-  /**
-   * @param {*} message
-   * @param {Window} windowObject
-   */
-  public static send(message: Message, windowObject: Window = window): void {
-    windowObject.postMessage(message, MessageUtility.getOrigin());
-  }
-}
diff --git a/typo3_src/TypeScript/backend/utility/top-level-module-import.ts b/typo3_src/TypeScript/backend/utility/top-level-module-import.ts
deleted file mode 100644
index 8c73223..0000000
--- a/typo3_src/TypeScript/backend/utility/top-level-module-import.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/**
- * @internal
- */
-export function topLevelModuleImport(specifier: string): Promise<any> {
-  const event: CustomEvent<{ specifier: string; importPromise?: Promise<any>; }> = new CustomEvent('typo3:import-javascript-module', {
-    detail: {
-      specifier,
-      importPromise: null
-    }
-  });
-
-  top.document.dispatchEvent(event);
-
-  if (event.detail.importPromise) {
-    return event.detail.importPromise;
-  }
-
-  return Promise.reject(new Error('Top level did not respond with a promise.'));
-}
diff --git a/typo3_src/TypeScript/backend/viewport.ts b/typo3_src/TypeScript/backend/viewport.ts
deleted file mode 100644
index 854aebd..0000000
--- a/typo3_src/TypeScript/backend/viewport.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import ContentContainer from './viewport/content-container';
-import ConsumerScope from './event/consumer-scope';
-import Loader from './viewport/loader';
-import NavigationContainer from './viewport/navigation-container';
-import Topbar from './viewport/topbar';
-
-class Viewport {
-  // The attributes are uppercase for compatibility reasons
-  public readonly Loader: Loader = Loader;
-  public readonly Topbar: Topbar;
-  public readonly NavigationContainer: NavigationContainer = null;
-  public readonly ContentContainer: ContentContainer = null;
-  public readonly consumerScope: any = ConsumerScope;
-
-  constructor() {
-    this.Topbar = new Topbar();
-    this.NavigationContainer = new NavigationContainer(this.consumerScope);
-    this.ContentContainer = new ContentContainer(this.consumerScope);
-  }
-}
-
-let viewportObject: Viewport;
-
-if (!top.TYPO3.Backend) {
-  viewportObject = new Viewport();
-  top.TYPO3.Backend = viewportObject;
-} else {
-  viewportObject = top.TYPO3.Backend;
-}
-
-export default viewportObject;
diff --git a/typo3_src/TypeScript/backend/viewport/abstract-container.ts b/typo3_src/TypeScript/backend/viewport/abstract-container.ts
deleted file mode 100644
index 70e721b..0000000
--- a/typo3_src/TypeScript/backend/viewport/abstract-container.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import ConsumerScope from '../event/consumer-scope';
-
-export abstract class AbstractContainer {
-  protected readonly consumerScope: any = ConsumerScope;
-
-  constructor(consumerScope: any) {
-    this.consumerScope = consumerScope;
-  }
-}
diff --git a/typo3_src/TypeScript/backend/viewport/content-container.ts b/typo3_src/TypeScript/backend/viewport/content-container.ts
deleted file mode 100644
index 30c16d5..0000000
--- a/typo3_src/TypeScript/backend/viewport/content-container.ts
+++ /dev/null
@@ -1,117 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {ScaffoldIdentifierEnum} from '../enum/viewport/scaffold-identifier';
-import {AbstractContainer} from './abstract-container';
-import $ from 'jquery';
-import ClientRequest from '../event/client-request';
-import InteractionRequest from '../event/interaction-request';
-import Loader from './loader';
-import Utility from '../utility';
-import TriggerRequest from '../event/trigger-request';
-
-class ContentContainer extends AbstractContainer {
-  public get(): Window {
-    return (<HTMLIFrameElement>$(ScaffoldIdentifierEnum.contentModuleIframe)[0]).contentWindow;
-  }
-
-  /**
-   * @param {InteractionRequest} interactionRequest
-   * @returns {JQueryDeferred<TriggerRequest>}
-   */
-  public beforeSetUrl(interactionRequest: InteractionRequest): JQueryDeferred<TriggerRequest> {
-    return this.consumerScope.invoke(
-      new TriggerRequest('typo3.beforeSetUrl', interactionRequest),
-    );
-  }
-
-  /**
-   * @param {string} urlToLoad
-   * @param {InteractionRequest} [interactionRequest]
-   * @param {string|null} module
-   * @returns {JQueryDeferred<TriggerRequest>}
-   */
-  public setUrl(urlToLoad: string, interactionRequest?: InteractionRequest, module?: string): JQueryDeferred<TriggerRequest> {
-    let deferred: JQueryDeferred<TriggerRequest>;
-    const router = this.resolveRouterElement();
-    // abort, if router can not be found
-    if (router === null) {
-      deferred = $.Deferred();
-      deferred.reject();
-      return deferred;
-    }
-    if (!(interactionRequest instanceof InteractionRequest)) {
-      interactionRequest = new ClientRequest('typo3.setUrl', null);
-    }
-    deferred = this.consumerScope.invoke(
-      new TriggerRequest('typo3.setUrl', interactionRequest),
-    );
-    deferred.then((): void => {
-      Loader.start();
-      router.setAttribute('endpoint', urlToLoad);
-      router.setAttribute('module', module ? module : null);
-      router.parentElement.addEventListener('typo3-module-loaded', (): void => Loader.finish(), { once: true });
-    });
-    return deferred;
-  }
-
-  /**
-   * @returns {string}
-   */
-  public getUrl(): string {
-    return this.resolveRouterElement().getAttribute('endpoint');
-  }
-
-  /**
-   * @param {InteractionRequest} interactionRequest
-   * @returns {JQueryDeferred<{}>}
-   */
-  public refresh(interactionRequest?: InteractionRequest): JQueryDeferred<{}> {
-    let deferred;
-    const iFrame = <HTMLIFrameElement>this.resolveIFrameElement();
-    // abort, if no IFRAME can be found
-    if (iFrame === null) {
-      deferred = $.Deferred();
-      deferred.reject();
-      return deferred;
-    }
-    deferred = this.consumerScope.invoke(
-      new TriggerRequest('typo3.refresh', interactionRequest),
-    );
-    deferred.then((): void => {
-      iFrame.contentWindow.location.reload();
-    });
-    return deferred;
-  }
-
-  public getIdFromUrl(): number {
-    if (this.getUrl) {
-      return parseInt(Utility.getParameterFromUrl(this.getUrl(), 'id'), 10);
-    }
-    return 0;
-  }
-
-  private resolveIFrameElement(): HTMLElement {
-    const $iFrame = $(ScaffoldIdentifierEnum.contentModuleIframe + ':first');
-    if ($iFrame.length === 0) {
-      return null;
-    }
-    return $iFrame.get(0);
-  }
-
-  private resolveRouterElement(): HTMLElement {
-    return document.querySelector(ScaffoldIdentifierEnum.contentModuleRouter);
-  }
-}
-
-export default ContentContainer;
diff --git a/typo3_src/TypeScript/backend/viewport/loader.ts b/typo3_src/TypeScript/backend/viewport/loader.ts
deleted file mode 100644
index 3a381ab..0000000
--- a/typo3_src/TypeScript/backend/viewport/loader.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {ScaffoldIdentifierEnum} from '../enum/viewport/scaffold-identifier';
-import NProgress from 'nprogress';
-
-class Loader {
-  public static start(): void {
-    NProgress.configure({parent: ScaffoldIdentifierEnum.contentModule, showSpinner: false});
-    NProgress.start();
-  }
-
-  public static finish(): void {
-    NProgress.done();
-  }
-}
-
-export default Loader;
diff --git a/typo3_src/TypeScript/backend/viewport/navigation-container.ts b/typo3_src/TypeScript/backend/viewport/navigation-container.ts
deleted file mode 100644
index 7e5f848..0000000
--- a/typo3_src/TypeScript/backend/viewport/navigation-container.ts
+++ /dev/null
@@ -1,143 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {ScaffoldIdentifierEnum} from '../enum/viewport/scaffold-identifier';
-import {AbstractContainer} from './abstract-container';
-import TriggerRequest from '../event/trigger-request';
-import InteractionRequest from '../event/interaction-request';
-
-class NavigationContainer extends AbstractContainer {
-  private activeComponentId: string = '';
-
-  private get parent(): HTMLElement
-  {
-    return document.querySelector(ScaffoldIdentifierEnum.scaffold);
-  }
-
-  private get container(): HTMLElement
-  {
-    return document.querySelector(ScaffoldIdentifierEnum.contentNavigation);
-  }
-
-  private get switcher(): HTMLElement|null
-  {
-    return document.querySelector(ScaffoldIdentifierEnum.contentNavigationSwitcher);
-  }
-
-  public constructor(consumerScope: any)
-  {
-    super(consumerScope);
-  }
-
-  /**
-   * Renders registered (non-iframe) navigation component e.g. a page tree
-   *
-   * @param {string} navigationComponentId
-   */
-  public showComponent(navigationComponentId: string): void {
-    const container = this.container;
-    this.show(navigationComponentId);
-    // Component is already loaded and active, nothing to do
-    if (navigationComponentId === this.activeComponentId) {
-      return;
-    }
-    if (this.activeComponentId !== '') {
-      let activeComponentElement = container.querySelector('#navigationComponent-' + this.activeComponentId.replace(/[/@]/g, '_')) as HTMLElement;
-      if (activeComponentElement) {
-        activeComponentElement.style.display = 'none';
-      }
-    }
-
-    const componentCssName = navigationComponentId.replace(/[/@]/g, '_');
-    const navigationComponentElement = 'navigationComponent-' + componentCssName;
-
-    // The component was already set up, so requiring the module again can be excluded.
-    if (container.querySelectorAll('[data-component="' + navigationComponentId + '"]').length === 1) {
-      this.show(navigationComponentId);
-      this.activeComponentId = navigationComponentId;
-      return;
-    }
-
-    import(navigationComponentId + '.js').then((__esModule: {navigationComponentName?: string}): void => {
-      if (typeof __esModule.navigationComponentName === 'string') {
-        const tagName: string = __esModule.navigationComponentName;
-        const element = document.createElement(tagName);
-        element.setAttribute('id', navigationComponentElement);
-        element.classList.add('scaffold-content-navigation-component');
-        element.dataset.component = navigationComponentId;
-        container.append(element);
-      } else {
-        // Because the component does not exist, let's create the div as wrapper
-        container.insertAdjacentHTML(
-          'beforeend',
-          '<div class="scaffold-content-navigation-component" data-component="' + navigationComponentId + '" id="' + navigationComponentElement + '"></div>'
-        );
-
-        // manual static initialize method, unused but kept for backwards-compatibility until TYPO3 v12
-        // @ts-ignore
-        const navigationComponent = Object.values(__esModule)[0] as any;
-        // @ts-ignore
-        navigationComponent.initialize('#' + navigationComponentElement);
-      }
-      this.show(navigationComponentId);
-      this.activeComponentId = navigationComponentId;
-    });
-  }
-
-  public hide(hideSwitcher: boolean): void {
-    const parent = this.parent;
-    const switcher = this.switcher;
-    parent.classList.remove('scaffold-content-navigation-expanded');
-    parent.classList.remove('scaffold-content-navigation-available');
-    if (hideSwitcher && switcher) {
-      switcher.style.display = 'none';
-    }
-  }
-
-  public show(component: string): void {
-    const parent = this.parent;
-    const container = this.container;
-    const switcher = this.switcher;
-    container.querySelectorAll(ScaffoldIdentifierEnum.contentNavigationDataComponent).forEach((el: HTMLElement) => el.style.display = 'none');
-    if (typeof component !== undefined) {
-      parent.classList.add('scaffold-content-navigation-expanded');
-      parent.classList.add('scaffold-content-navigation-available');
-      const selectedElement = container.querySelector('[data-component="' + component + '"]') as HTMLElement;
-      if (selectedElement) {
-        // Re-set to the display setting from CSS
-        selectedElement.style.display = null;
-      }
-    }
-    if (switcher) {
-      // Re-set to the display setting from CSS
-      switcher.style.display = null;
-    }
-  }
-
-  /**
-   * @param {string} urlToLoad
-   * @param {InteractionRequest} interactionRequest
-   * @returns {JQueryDeferred<TriggerRequest>}
-   */
-  public setUrl(urlToLoad: string, interactionRequest: InteractionRequest): JQueryDeferred<TriggerRequest> {
-    const deferred = this.consumerScope.invoke(
-      new TriggerRequest('typo3.setUrl', interactionRequest),
-    );
-    deferred.then((): void => {
-      this.parent.classList.add('scaffold-content-navigation-expanded');
-    });
-    return deferred;
-  }
-}
-
-export default NavigationContainer;
diff --git a/typo3_src/TypeScript/backend/viewport/resizable-navigation.ts b/typo3_src/TypeScript/backend/viewport/resizable-navigation.ts
deleted file mode 100644
index 9e84d61..0000000
--- a/typo3_src/TypeScript/backend/viewport/resizable-navigation.ts
+++ /dev/null
@@ -1,151 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {html, LitElement, TemplateResult} from 'lit';
-import {customElement, property, state} from 'lit/decorators';
-import {lll} from '@typo3/core/lit-helper';
-import Persistent from '../storage/persistent';
-import '@typo3/backend/element/icon-element';
-
-const selectorConverter = {
-  fromAttribute(selector: string) {
-    return document.querySelector(selector);
-  }
-};
-
-@customElement('typo3-backend-navigation-switcher')
-class ResizableNavigation extends LitElement {
-  @property({type: Number, attribute: 'minimum-width'}) minimumWidth: number = 250;
-  @property({type: Number, attribute: 'initial-width'}) initialWidth: number;
-  @property({type: String, attribute: 'persistence-identifier'}) persistenceIdentifier: string;
-
-  @property({attribute: 'parent', converter: selectorConverter}) parentContainer: HTMLElement;
-  @property({attribute: 'navigation', converter: selectorConverter}) navigationContainer: HTMLElement;
-
-  @state() resizing: boolean = false;
-
-  public connectedCallback(): void {
-    super.connectedCallback();
-    const initialWidth = this.initialWidth || parseInt(Persistent.get(this.persistenceIdentifier), 10);
-    this.setNavigationWidth(initialWidth);
-    window.addEventListener('resize', this.fallbackNavigationSizeIfNeeded, {passive: true});
-  }
-
-  public disconnectedCallback(): void {
-    super.disconnectedCallback();
-    window.removeEventListener('resize', this.fallbackNavigationSizeIfNeeded);
-  }
-
-  // disable shadow dom
-  protected createRenderRoot(): HTMLElement | ShadowRoot {
-    return this;
-  }
-
-  protected async firstUpdated() {
-    // Give the browser a chance to paint
-    await new Promise((r) => setTimeout(r, 0));
-    // needed to avoid any issues related to browsers, as lit-decorators (eventOptions) do not work yet
-    // properly https://lit-element.polymer-project.org/guide/events - @touchstart would throw warnings in browser console without passive=true
-    this.querySelector('.scaffold-content-navigation-switcher-btn').addEventListener('touchstart', this.toggleNavigation, {passive: true});
-    this.querySelector('.scaffold-content-navigation-drag').addEventListener('touchstart', this.startResizeNavigation, {passive: true});
-  }
-
-  protected render(): TemplateResult {
-    return html`
-      <div class="scaffold-content-navigation-switcher">
-        <button @mouseup="${this.toggleNavigation}" class="btn btn-default btn-borderless scaffold-content-navigation-switcher-btn scaffold-content-navigation-switcher-open" role="button" title="${lll('viewport_navigation_show')}">
-          <typo3-backend-icon identifier="actions-chevron-right" size="small"></typo3-backend-icon>
-        </button>
-        <button @mouseup="${this.toggleNavigation}" class="btn btn-default btn-borderless scaffold-content-navigation-switcher-btn scaffold-content-navigation-switcher-close" role="button" title="${lll('viewport_navigation_hide')}">
-          <typo3-backend-icon identifier="actions-chevron-left" size="small"></typo3-backend-icon>
-        </button>
-      </div>
-      <div @mousedown="${this.startResizeNavigation}" class="scaffold-content-navigation-drag ${this.resizing ? 'resizing' : ''}"></div>
-    `;
-  }
-
-  private toggleNavigation = (event: MouseEvent | TouchEvent) => {
-    if (event instanceof MouseEvent && event.button === 2) {
-      return;
-    }
-    event.stopPropagation();
-    this.parentContainer.classList.toggle('scaffold-content-navigation-expanded');
-  }
-
-  private fallbackNavigationSizeIfNeeded = (event: UIEvent) => {
-    let window = <Window>event.currentTarget;
-    if (this.getNavigationWidth() === 0) {
-      return;
-    }
-    if (window.outerWidth < this.getNavigationWidth() + this.getNavigationPosition().left + this.minimumWidth) {
-      this.autoNavigationWidth();
-    }
-  }
-
-  private handleMouseMove = (event: MouseEvent) => {
-    this.resizeNavigation(<number>event.clientX);
-  }
-
-  private handleTouchMove = (event: TouchEvent) => {
-    this.resizeNavigation(<number>event.changedTouches[0].clientX);
-  }
-
-  private resizeNavigation = (position: number) => {
-    let width = Math.round(position) - Math.round(this.getNavigationPosition().left);
-    this.setNavigationWidth(width);
-  }
-
-  private startResizeNavigation = (event: MouseEvent | TouchEvent) => {
-    if (event instanceof MouseEvent && event.button === 2) {
-      return;
-    }
-    event.stopPropagation();
-    this.resizing = true;
-    document.addEventListener('mousemove', this.handleMouseMove, false);
-    document.addEventListener('mouseup', this.stopResizeNavigation, false);
-    document.addEventListener('touchmove', this.handleTouchMove, false);
-    document.addEventListener('touchend', this.stopResizeNavigation, false);
-  }
-
-  private stopResizeNavigation = () => {
-    this.resizing = false;
-    document.removeEventListener('mousemove', this.handleMouseMove, false);
-    document.removeEventListener('mouseup', this.stopResizeNavigation, false);
-    document.removeEventListener('touchmove', this.handleTouchMove, false);
-    document.removeEventListener('touchend', this.stopResizeNavigation, false);
-    Persistent.set(this.persistenceIdentifier, <string><unknown>this.getNavigationWidth());
-    document.dispatchEvent(new CustomEvent('typo3:navigation:resized'));
-  }
-
-  private getNavigationPosition(): DOMRect {
-    return this.navigationContainer.getBoundingClientRect();
-  }
-
-  private getNavigationWidth(): number {
-    return <number>this.navigationContainer.offsetWidth;
-  }
-
-  private autoNavigationWidth(): void {
-    this.navigationContainer.style.width = 'auto';
-  }
-
-  private setNavigationWidth(width: number): void {
-    // Allow only 50% of the main document
-    const maxWidth = Math.round(this.parentContainer.getBoundingClientRect().width / 2);
-    if (width > maxWidth) {
-      width = maxWidth;
-    }
-    width = width > this.minimumWidth ? width : this.minimumWidth;
-    this.navigationContainer.style.width = width + 'px';
-  }
-}
diff --git a/typo3_src/TypeScript/backend/viewport/toolbar.ts b/typo3_src/TypeScript/backend/viewport/toolbar.ts
deleted file mode 100644
index 07083e7..0000000
--- a/typo3_src/TypeScript/backend/viewport/toolbar.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
-* This file is part of the TYPO3 CMS project.
-*
-* It is free software; you can redistribute it and/or modify it under
-* the terms of the GNU General Public License, either version 2
-* of the License, or any later version.
-*
-* For the full copyright and license information, please read the
-* LICENSE.txt file that was distributed with this source code.
-*
-* The TYPO3 project - inspiring people to share!
-*/
-
-import {ScaffoldIdentifierEnum} from '../enum/viewport/scaffold-identifier';
-import $ from 'jquery';
-
-class Toolbar {
-  public registerEvent(callback: (eventHandler: JQueryEventObject) => any): void {
-    $(callback);
-    $(ScaffoldIdentifierEnum.header).on('t3-topbar-update', callback);
-  }
-}
-
-export default Toolbar;
diff --git a/typo3_src/TypeScript/backend/viewport/topbar.ts b/typo3_src/TypeScript/backend/viewport/topbar.ts
deleted file mode 100644
index 736aea9..0000000
--- a/typo3_src/TypeScript/backend/viewport/topbar.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {AjaxResponse} from '@typo3/core/ajax/ajax-response';
-import {ScaffoldIdentifierEnum} from '../enum/viewport/scaffold-identifier';
-import Toolbar from './toolbar';
-import AjaxRequest from '@typo3/core/ajax/ajax-request';
-
-class Topbar {
-  public static readonly topbarSelector: string = ScaffoldIdentifierEnum.header;
-  public readonly Toolbar: Toolbar;
-
-  public constructor() {
-    this.Toolbar = new Toolbar();
-  }
-
-  public refresh(): void {
-    new AjaxRequest(TYPO3.settings.ajaxUrls.topbar).get().then(async (response: AjaxResponse): Promise<void> => {
-      const data = await response.resolve();
-      const topbar = document.querySelector(Topbar.topbarSelector);
-      if (topbar !== null) {
-        topbar.innerHTML = data.topbar;
-        topbar.dispatchEvent(new Event('t3-topbar-update'));
-      }
-    });
-  }
-}
-
-export default Topbar;
diff --git a/typo3_src/TypeScript/backend/window-manager.ts b/typo3_src/TypeScript/backend/window-manager.ts
deleted file mode 100644
index 9c3df64..0000000
--- a/typo3_src/TypeScript/backend/window-manager.ts
+++ /dev/null
@@ -1,65 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/**
- * Module: @typo3/backend/window-manager
- */
-class WindowManager {
-  private windows: {[key: string]: Window} = {};
-
-  // alias for `localOpen`
-  public open = (...args: any[]): Window => this._localOpen.apply(this, args);
-  // @todo Not implemented, yet
-  public globalOpen = (...args: any[]): Window => this._localOpen.apply(this, args);
-
-  public localOpen = (uri: string, switchFocus?: boolean, windowName: string = 'newTYPO3frontendWindow', windowFeatures: string = ''): Window | null => this._localOpen(uri, switchFocus, windowName, windowFeatures);
-
-  private _localOpen(uri: string, switchFocus?: boolean, windowName: string = 'newTYPO3frontendWindow', windowFeatures: string = ''): Window | null {
-    if (!uri) {
-      return null;
-    }
-    if (switchFocus === null) {
-      // @todo Check how this would happen, taken from legacy code
-      switchFocus = !window.opener;
-    } else if (switchFocus === undefined) {
-      switchFocus = true;
-    }
-    const existingWindow = this.windows[windowName];
-    const existingUri = existingWindow instanceof Window && !existingWindow.closed ? existingWindow.location.href : null;
-
-    if (existingUri === uri) {
-      existingWindow.location.reload();
-      return existingWindow;
-    }
-    const newWindow = window.open(uri, windowName, windowFeatures);
-    this.windows[windowName] = newWindow;
-    if (switchFocus) {
-      newWindow.focus();
-    }
-    return newWindow;
-  }
-}
-
-const windowManager = new WindowManager();
-
-if (!top.TYPO3.WindowManager) {
-  if (top.document === window.document) {
-    // our instance is available in top/global scope
-    top.TYPO3.WindowManager = windowManager;
-  } else {
-    // ensure there is an instance in top/global scope
-    top.TYPO3.WindowManager = new WindowManager();
-  }
-}
-
-export default windowManager;
diff --git a/typo3_src/TypeScript/backend/wizard.ts b/typo3_src/TypeScript/backend/wizard.ts
deleted file mode 100644
index 1d06c0c..0000000
--- a/typo3_src/TypeScript/backend/wizard.ts
+++ /dev/null
@@ -1,326 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {SeverityEnum} from './enum/severity';
-import $ from 'jquery';
-import Modal from './modal';
-import Severity from './severity';
-import Icons from './icons';
-
-
-interface WizardSettings {
-  [key: string]: any;
-}
-
-interface WizardSetup {
-  slides: Array<any>;
-  settings: WizardSettings;
-  forceSelection: boolean;
-  $carousel: JQuery;
-}
-
-interface Slide {
-  identifier: string;
-  title: string;
-  content: string|JQuery;
-  severity: SeverityEnum;
-  callback?: Function;
-}
-
-/**
- * Module: @typo3/backend/wizard
- * @exports @typo3/backend/wizard
- */
-class Wizard {
-  private setup: WizardSetup;
-  private readonly originalSetup: WizardSetup;
-
-  constructor() {
-    this.setup = {
-      slides: [],
-      settings: {},
-      forceSelection: true,
-      $carousel: null,
-    };
-    this.originalSetup = $.extend(true, {}, this.setup);
-  }
-
-  public set(key: string, value: any): Wizard {
-    this.setup.settings[key] = value;
-    return this;
-  }
-
-  public addSlide(
-    identifier: string,
-    title: string,
-    content: string = '',
-    severity: SeverityEnum = SeverityEnum.info,
-    callback?: Function,
-  ): Wizard {
-    const slide: Slide = {
-      identifier: identifier,
-      title: title,
-      content: content,
-      severity: severity,
-      callback: callback,
-    };
-    this.setup.slides.push(slide);
-    return this;
-  }
-
-  public addFinalProcessingSlide(callback?: Function): Promise<void> {
-    if (!callback) {
-      callback = (): void => {
-        this.dismiss();
-      };
-    }
-
-    return Icons.getIcon('spinner-circle-dark', Icons.sizes.large, null, null).then((markup: string) => {
-      let $processingSlide = $('<div />', {class: 'text-center'}).append(markup);
-      this.addSlide(
-        'final-processing-slide', top.TYPO3.lang['wizard.processing.title'],
-        $processingSlide[0].outerHTML,
-        Severity.info,
-        callback,
-      );
-    });
-  }
-
-  public show(): void {
-    let $slides = this.generateSlides();
-    let firstSlide = this.setup.slides[0];
-
-    Modal.confirm(
-      firstSlide.title,
-      $slides,
-      firstSlide.severity,
-      [{
-        text: top.TYPO3.lang['wizard.button.cancel'],
-        active: true,
-        btnClass: 'btn-default',
-        name: 'cancel',
-        trigger: (): void => {
-          this.getComponent().trigger('wizard-dismiss');
-        },
-      }, {
-        text: top.TYPO3.lang['wizard.button.next'],
-        btnClass: 'btn-' + Severity.getCssClass(firstSlide.severity),
-        name: 'next',
-      }],
-    );
-
-    if (this.setup.forceSelection) {
-      this.lockNextStep();
-    }
-
-    this.addProgressBar();
-    this.initializeEvents();
-
-    this.getComponent().on('wizard-visible', (): void => {
-      this.runSlideCallback(firstSlide, this.setup.$carousel.find('.carousel-item').first());
-    }).on('wizard-dismissed', (): void => {
-      this.setup = $.extend(true, {}, this.originalSetup);
-    });
-  }
-
-  public getComponent(): JQuery {
-    if (this.setup.$carousel === null) {
-      this.generateSlides();
-    }
-    return this.setup.$carousel;
-  }
-
-  public dismiss(): void {
-    Modal.dismiss();
-  }
-
-  public lockNextStep(): JQuery {
-    let $button = this.setup.$carousel.closest('.modal').find('button[name="next"]');
-    $button.prop('disabled', true);
-    return $button;
-  }
-
-  public unlockNextStep(): JQuery {
-    let $button = this.setup.$carousel.closest('.modal').find('button[name="next"]');
-    $button.prop('disabled', false);
-    return $button;
-  }
-
-  public setForceSelection(force: boolean): void {
-    this.setup.forceSelection = force;
-  }
-
-  private initializeEvents(): void {
-    let $modal = this.setup.$carousel.closest('.modal');
-    let $modalTitle = $modal.find('.modal-title');
-    let $modalFooter = $modal.find('.modal-footer');
-    let $nextButton = $modalFooter.find('button[name="next"]');
-
-    $nextButton.on('click', (): void => {
-      this.setup.$carousel.carousel('next');
-    });
-
-    this.setup.$carousel.on('slide.bs.carousel', (): void => {
-      let nextSlideNumber = this.setup.$carousel.data('currentSlide') + 1;
-      let currentIndex = this.setup.$carousel.data('currentIndex') + 1;
-
-      $modalTitle.text(this.setup.slides[currentIndex].title);
-
-      this.setup.$carousel.data('currentSlide', nextSlideNumber);
-      this.setup.$carousel.data('currentIndex', currentIndex);
-
-      if (nextSlideNumber >= this.setup.$carousel.data('realSlideCount')) {
-        // Point of no return - hide modal footer disable any closing ability
-        $modal.find('.modal-header .close').remove();
-        $modalFooter.slideUp();
-      } else {
-        $modalFooter.find('.progress-bar')
-          .width(this.setup.$carousel.data('initialStep') * nextSlideNumber + '%')
-          .text(top.TYPO3.lang['wizard.progress']
-            .replace('{0}', nextSlideNumber)
-            .replace('{1}', this.setup.$carousel.data('slideCount')));
-      }
-
-      $nextButton
-        .removeClass('btn-' + Severity.getCssClass(this.setup.slides[currentIndex - 1].severity))
-        .addClass('btn-' + Severity.getCssClass(this.setup.slides[currentIndex].severity));
-
-      $modal
-        .removeClass('modal-severity-' + Severity.getCssClass(this.setup.slides[currentIndex - 1].severity))
-        .addClass('modal-severity-' + Severity.getCssClass(this.setup.slides[currentIndex].severity));
-    }).on('slid.bs.carousel', (evt: JQueryEventObject): void => {
-      let currentIndex = this.setup.$carousel.data('currentIndex');
-      let slide = this.setup.slides[currentIndex];
-
-      this.runSlideCallback(slide, $(evt.relatedTarget));
-
-      if (this.setup.forceSelection) {
-        this.lockNextStep();
-      }
-    });
-
-    /**
-     * Custom event, closes the wizard
-     */
-    let cmp = this.getComponent();
-    cmp.on('wizard-dismiss', this.dismiss);
-
-    Modal.currentModal.on('hidden.bs.modal', (): void => {
-      cmp.trigger('wizard-dismissed');
-    }).on('shown.bs.modal', (): void => {
-      cmp.trigger('wizard-visible');
-    });
-  }
-
-  private runSlideCallback(slide: Slide, $slide: JQuery): void {
-    if (typeof slide.callback === 'function') {
-      slide.callback($slide, this.setup.settings, slide.identifier);
-    }
-  }
-
-  private addProgressBar(): void {
-    let realSlideCount = this.setup.$carousel.find('.carousel-item').length;
-    let slideCount = Math.max(1, realSlideCount);
-    let initialStep;
-    let $modal = this.setup.$carousel.closest('.modal');
-    let $modalFooter = $modal.find('.modal-footer');
-
-    initialStep = Math.round(100 / slideCount);
-
-    this.setup.$carousel
-      .data('initialStep', initialStep)
-      .data('slideCount', slideCount)
-      .data('realSlideCount', realSlideCount)
-      .data('currentIndex', 0)
-      .data('currentSlide', 1);
-
-    // Append progress bar to modal footer
-    if (slideCount > 1) {
-      $modalFooter.prepend(
-        $('<div />', {class: 'progress'}).append(
-          $('<div />', {
-            role: 'progressbar',
-            class: 'progress-bar',
-            'aria-valuemin': 0,
-            'aria-valuenow': initialStep,
-            'aria-valuemax': 100,
-          }).width(initialStep + '%').text(
-            top.TYPO3.lang['wizard.progress']
-              .replace('{0}', '1')
-              .replace('{1}', slideCount),
-          ),
-        ),
-      );
-    }
-  }
-
-  private generateSlides(): JQuery {
-    // Check whether the slides were already generated
-    if (this.setup.$carousel !== null) {
-      return this.setup.$carousel;
-    }
-
-    let slides = '<div class="carousel slide" data-bs-ride="carousel" data-bs-interval="false">'
-      + '<div class="carousel-inner" role="listbox">';
-
-    for (let currentSlide of Object.values(this.setup.slides)) {
-      let slideContent = currentSlide.content;
-
-      if (typeof slideContent === 'object') {
-        slideContent = slideContent.html();
-      }
-      slides += '<div class="carousel-item" data-bs-slide="' + currentSlide.identifier + '">' + slideContent + '</div>';
-    }
-
-    slides += '</div></div>';
-
-    this.setup.$carousel = $(slides);
-    this.setup.$carousel.find('.carousel-item').first().addClass('active');
-
-    return this.setup.$carousel;
-  }
-}
-
-let wizardObject: any;
-try {
-  // fetch from opening window
-  if (window.opener && window.opener.TYPO3 && window.opener.TYPO3.Wizard) {
-    wizardObject = window.opener.TYPO3.Wizard;
-  }
-
-  // fetch from parent
-  if (parent && parent.window.TYPO3 && parent.window.TYPO3.Wizard) {
-    wizardObject = parent.window.TYPO3.Wizard;
-  }
-
-  // fetch object from outer frame
-  if (top && top.TYPO3 && top.TYPO3.Wizard) {
-    wizardObject = top.TYPO3.Wizard;
-  }
-} catch {
-  // This only happens if the opener, parent or top is some other url (eg a local file)
-  // which loaded the current window. Then the browser's cross domain policy jumps in
-  // and raises an exception.
-  // For this case we are safe and we can create our global object below.
-}
-
-if (!wizardObject) {
-  wizardObject = new Wizard();
-
-  // attach to global frame
-  if (typeof TYPO3 !== 'undefined') {
-    TYPO3.Wizard = wizardObject;
-  }
-}
-
-export default wizardObject;
diff --git a/typo3_src/TypeScript/core/Resources/Public/TypeScript/Ajax/AjaxRequest.ts b/typo3_src/TypeScript/core/Resources/Public/TypeScript/Ajax/AjaxRequest.ts
deleted file mode 100644
index ae410a2..0000000
--- a/typo3_src/TypeScript/core/Resources/Public/TypeScript/Ajax/AjaxRequest.ts
+++ /dev/null
@@ -1,193 +0,0 @@
-// @ts-nocheck
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import JQueryNativePromises from '../BackwardCompat/JQueryNativePromises';
-import {AjaxResponse} from './AjaxResponse';
-import {GenericKeyValue, InputTransformer} from './InputTransformer';
-
-/**
- * @example send data as `Content-Type: multipart/form-data` (default)
- * const request = new AjaxRequest('/endpoint');
- * const response = request.post({item: { first: 'value'}});
- * // sends `item[first]=value` in request body (analogous)
- * // can be used like this server-side
- * // `$value = ServerRequest::getParsedBody()['item']['first']`
- *
- * @example send data as `Content-Type: application/json` (must be set explicit)
- * const request = new AjaxRequest('/endpoint');
- * const response = request.post({item: { first: 'value'}});
- * // sends `{"item":{"first":"value"}}` in request body
- * // can be used like this server-side
- * // `$value = json_decode((string)ServerRequest::getBody(), true)['item']['first']`
- */
-class AjaxRequest {
-  private static defaultOptions: RequestInit = {
-    credentials: 'same-origin'
-  };
-
-  private readonly url: string;
-  private readonly abortController: AbortController;
-  private queryArguments: string = '';
-
-  constructor(url: string) {
-    this.url = url;
-    this.abortController = new AbortController();
-
-    JQueryNativePromises.support();
-  }
-
-  /**
-   * Clones the AjaxRequest object, generates the final query string and uses it for the request
-   *
-   * @param {string|array|GenericKeyValue} data
-   * @return {AjaxRequest}
-   */
-  public withQueryArguments(data: string | Array<string> | GenericKeyValue): AjaxRequest {
-    const clone = this.clone();
-    clone.queryArguments = (clone.queryArguments !== '' ? '&' : '') + InputTransformer.toSearchParams(data);
-    return clone;
-  }
-
-  /**
-   * Executes a regular GET request
-   *
-   * @param {RequestInit} init
-   * @return {Promise<Response>}
-   */
-  public async get(init: RequestInit = {}): Promise<AjaxResponse> {
-    const localDefaultOptions: RequestInit = {
-      method: 'GET',
-    };
-
-    const response = await this.send({...localDefaultOptions, ...init});
-    return new AjaxResponse(response);
-  }
-
-  /**
-   * Executes a (by default uncached) POST request
-   *
-   * @param {string | GenericKeyValue} data
-   * @param {RequestInit} init
-   * @return {Promise<Response>}
-   */
-  public async post(data: string | GenericKeyValue, init: RequestInit = {}): Promise<AjaxResponse> {
-    const localDefaultOptions: RequestInit = {
-      body: typeof data === 'string' ? data : InputTransformer.byHeader(data, init?.headers),
-      cache: 'no-cache',
-      method: 'POST',
-    };
-
-    const response = await this.send({...localDefaultOptions, ...init});
-    return new AjaxResponse(response);
-  }
-
-  /**
-   * Executes a (by default uncached) PUT request
-   *
-   * @param {string | GenericKeyValue} data
-   * @param {RequestInit} init
-   * @return {Promise<Response>}
-   */
-  public async put(data: string | GenericKeyValue, init: RequestInit = {}): Promise<AjaxResponse> {
-    const localDefaultOptions: RequestInit = {
-      body: typeof data === 'string' ? data : InputTransformer.byHeader(data, init?.headers),
-      cache: 'no-cache',
-      method: 'PUT',
-    };
-
-    const response = await this.send({...localDefaultOptions, ...init});
-    return new AjaxResponse(response);
-  }
-
-  /**
-   * Executes a regular DELETE request
-   *
-   * @param {string | GenericKeyValue} data
-   * @param {RequestInit} init
-   * @return {Promise<Response>}
-   */
-  public async delete(data: string | GenericKeyValue = {}, init: RequestInit = {}): Promise<AjaxResponse> {
-    const localDefaultOptions: RequestInit = {
-      cache: 'no-cache',
-      method: 'DELETE',
-    };
-
-    if (typeof data === 'object' && Object.keys(data).length > 0) {
-      localDefaultOptions.body = InputTransformer.byHeader(data, init?.headers);
-    } else if (typeof data === 'string' && data.length > 0) {
-      localDefaultOptions.body = data;
-    }
-
-    const response = await this.send({...localDefaultOptions, ...init});
-    return new AjaxResponse(response);
-  }
-
-  /**
-   * Aborts the current request by using the AbortController
-   */
-  public abort(): void {
-    this.abortController.abort();
-  }
-
-  /**
-   * Clones the current AjaxRequest object
-   *
-   * @return {AjaxRequest}
-   */
-  private clone(): AjaxRequest {
-    return Object.assign(Object.create(this), this);
-  }
-
-  /**
-   * Sends the requests by using the fetch API
-   *
-   * @param {RequestInit} init
-   * @return {Promise<Response>}
-   */
-  private async send(init: RequestInit = {}): Promise<Response> {
-    const response = await fetch(this.composeRequestUrl(), this.getMergedOptions(init));
-    if (!response.ok) {
-      throw new AjaxResponse(response);
-    }
-    return response;
-  }
-
-  private composeRequestUrl(): string {
-    let url = this.url;
-    if (url.charAt(0) === '?') {
-      // URL is a search string only, prepend current location
-      url = window.location.origin + window.location.pathname + url;
-    }
-    url = new URL(url, window.location.origin).toString();
-
-    if (this.queryArguments !== '') {
-      const delimiter = !this.url.includes('?') ? '?' : '&';
-      url += delimiter + this.queryArguments;
-    }
-
-    return url;
-  }
-
-  /**
-   * Merge the incoming RequestInit object with the pre-defined default options
-   *
-   * @param {RequestInit} init
-   * @return {RequestInit}
-   */
-  private getMergedOptions(init: RequestInit): RequestInit {
-    return {...AjaxRequest.defaultOptions, ...init, signal: this.abortController.signal};
-  }
-}
-
-export = AjaxRequest;
diff --git a/typo3_src/TypeScript/core/Resources/Public/TypeScript/Ajax/AjaxResponse.ts b/typo3_src/TypeScript/core/Resources/Public/TypeScript/Ajax/AjaxResponse.ts
deleted file mode 100644
index c8b7a1c..0000000
--- a/typo3_src/TypeScript/core/Resources/Public/TypeScript/Ajax/AjaxResponse.ts
+++ /dev/null
@@ -1,58 +0,0 @@
-// @ts-nocheck
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import SimpleResponseInterface from './SimpleResponseInterface';
-
-export class AjaxResponse {
-  public readonly response: Response;
-  private resolvedBody: string | any;
-
-  constructor(response: Response) {
-    this.response = response;
-  }
-
-  public async resolve(expectedType?: string): Promise<string | any> {
-    // streams can only be read once
-    // (otherwise response would have to be cloned)
-    if (typeof this.resolvedBody !== 'undefined') {
-      return this.resolvedBody;
-    }
-    const contentType: string = this.response.headers.get('Content-Type') ?? '';
-    if (expectedType === 'json' || contentType.startsWith('application/json')) {
-      this.resolvedBody = await this.response.json();
-    } else {
-      this.resolvedBody = await this.response.text();
-    }
-    return this.resolvedBody;
-  }
-
-  public raw(): Response {
-    return this.response;
-  }
-
-  /**
-   * Dereferences response data from current `window` scope. A dereferenced
-   * response (`SimpleResponseInterface`) can be used in events or messages
-   * for broadcasting to other windows/frames.
-   */
-  public async dereference(): Promise<SimpleResponseInterface> {
-    const headers = new Map<string, string>();
-    this.response.headers.forEach((value: string, name: string) => headers.set(name, value));
-    return {
-      status: this.response.status,
-      headers: headers,
-      body: await this.resolve()
-    } as SimpleResponseInterface;
-  }
-}
diff --git a/typo3_src/TypeScript/core/Resources/Public/TypeScript/Ajax/InputTransformer.ts b/typo3_src/TypeScript/core/Resources/Public/TypeScript/Ajax/InputTransformer.ts
deleted file mode 100644
index f0cc1d0..0000000
--- a/typo3_src/TypeScript/core/Resources/Public/TypeScript/Ajax/InputTransformer.ts
+++ /dev/null
@@ -1,93 +0,0 @@
-// @ts-nocheck
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-export type GenericKeyValue = { [key: string]: any};
-
-export class InputTransformer {
-  /**
-   * Transforms data by its incoming headers
-   *
-   * @param data
-   * @param headers
-   */
-  public static byHeader(data: GenericKeyValue, headers: GenericKeyValue = {}): FormData | string {
-    if (headers.hasOwnProperty('Content-Type') && headers['Content-Type'].includes('application/json')) {
-      return JSON.stringify(data);
-    }
-
-    return InputTransformer.toFormData(data);
-  }
-
-  /**
-   * Transforms the incoming object to a flat FormData object used for POST and PUT
-   *
-   * @param {GenericKeyValue} data
-   * @return {FormData}
-   */
-  public static toFormData(data: GenericKeyValue): FormData {
-    const flattenedData = InputTransformer.filter(InputTransformer.flattenObject(data));
-    const formData = new FormData();
-    for (const [key, value] of Object.entries(flattenedData)) {
-      formData.set(key, value);
-    }
-
-    return formData;
-  }
-
-  /**
-   * Transforms the incoming object to a flat URLSearchParams object used for GET
-   *
-   * @param {string | Array<string> | GenericKeyValue} data
-   * @return {string}
-   */
-  public static toSearchParams(data: string | Array<string> | GenericKeyValue): string {
-    if (typeof data === 'string') {
-      return data;
-    }
-
-    if (data instanceof Array) {
-      return data.join('&');
-    }
-
-    const flattenedData = InputTransformer.filter(InputTransformer.flattenObject(data));
-    const searchParams = new URLSearchParams();
-    for (const [key, value] of Object.entries(flattenedData)) {
-      searchParams.set(key, value);
-    }
-
-    return decodeURI(searchParams.toString());
-  }
-
-  private static flattenObject(obj: GenericKeyValue, prefix: string = ''): GenericKeyValue {
-    return Object.keys(obj).reduce((accumulator: GenericKeyValue, currentValue: any) => {
-      const objPrefix = prefix.length ? prefix + '[' : '';
-      const objSuffix = prefix.length ? ']' : '';
-      if (typeof obj[currentValue] === 'object') {
-        Object.assign(accumulator, InputTransformer.flattenObject(obj[currentValue], objPrefix + currentValue + objSuffix))
-      } else {
-        accumulator[objPrefix + currentValue + objSuffix] = obj[currentValue]
-      }
-      return accumulator;
-    }, {});
-  }
-
-  private static filter(obj: GenericKeyValue): GenericKeyValue {
-    Object.keys(obj).forEach((key: string): void => {
-      if (typeof obj[key] === 'undefined') {
-        delete obj[key];
-      }
-    });
-    return obj;
-  }
-}
diff --git a/typo3_src/TypeScript/core/Resources/Public/TypeScript/Ajax/ResponseError.ts b/typo3_src/TypeScript/core/Resources/Public/TypeScript/Ajax/ResponseError.ts
deleted file mode 100644
index f0b901f..0000000
--- a/typo3_src/TypeScript/core/Resources/Public/TypeScript/Ajax/ResponseError.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-// @ts-nocheck
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/**
- * @deprecated Not used anymore
- */
-export class ResponseError {
-  public readonly response: Response;
-
-  constructor(response: Response) {
-    this.response = response;
-  }
-}
diff --git a/typo3_src/TypeScript/core/Resources/Public/TypeScript/Ajax/SimpleResponseInterface.ts b/typo3_src/TypeScript/core/Resources/Public/TypeScript/Ajax/SimpleResponseInterface.ts
deleted file mode 100644
index 3f1e4cf..0000000
--- a/typo3_src/TypeScript/core/Resources/Public/TypeScript/Ajax/SimpleResponseInterface.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-// @ts-nocheck
-export default interface SimpleResponseInterface {
-  status: number;
-  headers: Map<string, string>;
-  body: string | any;
-}
diff --git a/typo3_src/TypeScript/core/Resources/Public/TypeScript/Authentication/MfaProvider/Totp.ts b/typo3_src/TypeScript/core/Resources/Public/TypeScript/Authentication/MfaProvider/Totp.ts
deleted file mode 100644
index 67e5e18..0000000
--- a/typo3_src/TypeScript/core/Resources/Public/TypeScript/Authentication/MfaProvider/Totp.ts
+++ /dev/null
@@ -1,65 +0,0 @@
-// @ts-nocheck
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {render, html, TemplateResult, LitElement} from 'lit';
-import {customElement, property} from 'lit/decorators';
-import Modal = require('TYPO3/CMS/Backend/Modal');
-
-enum Selectors {
-  modalBody = '.t3js-modal-body'
-}
-
-@customElement('typo3-mfa-totp-url-info-button')
-class MfaTotpUrlButton extends LitElement {
-  @property({type: String}) url: string;
-  @property({type: String}) title: string;
-  @property({type: String}) description: string;
-  @property({type: String}) ok: string;
-
-  public constructor() {
-    super();
-    this.addEventListener('click', (e: Event): void => {
-      e.preventDefault();
-      this.showTotpAuthUrlModal();
-    });
-  }
-
-  protected render(): TemplateResult {
-    return html`<slot></slot>`;
-  }
-
-  private showTotpAuthUrlModal(): void {
-    Modal.advanced({
-      title: this.title,
-      buttons: [
-        {
-          trigger: (): void => Modal.dismiss(),
-          text: this.ok || 'OK',
-          active: true,
-          btnClass: 'btn-default',
-          name: 'ok'
-        }
-      ],
-      callback: (currentModal: HTMLCollection): void => {
-        render(
-          html`
-            <p>${this.description}</p>
-            <pre>${this.url}</pre>
-          `,
-          currentModal[0].querySelector(Selectors.modalBody) as HTMLElement
-        );
-      }
-    });
-  }
-}
diff --git a/typo3_src/TypeScript/core/Resources/Public/TypeScript/BackwardCompat/JQueryNativePromises.ts b/typo3_src/TypeScript/core/Resources/Public/TypeScript/BackwardCompat/JQueryNativePromises.ts
deleted file mode 100644
index aa53ea8..0000000
--- a/typo3_src/TypeScript/core/Resources/Public/TypeScript/BackwardCompat/JQueryNativePromises.ts
+++ /dev/null
@@ -1,58 +0,0 @@
-// @ts-nocheck
-/*
-* This file is part of the TYPO3 CMS project.
-*
-* It is free software; you can redistribute it and/or modify it under
-* the terms of the GNU General Public License, either version 2
-* of the License, or any later version.
-*
-* For the full copyright and license information, please read the
-* LICENSE.txt file that was distributed with this source code.
-*
-* The TYPO3 project - inspiring people to share!
-*/
-
-import {AjaxResponse} from 'TYPO3/CMS/Core/Ajax/AjaxResponse';
-
-/**
- * Introduces a polyfill to support jQuery callbacks in native promises.
- */
-/*! Based on https://www.promisejs.org/polyfills/promise-done-7.0.4.js */
-export default class JQueryNativePromises {
-  public static support(): void {
-    if (typeof Promise.prototype.done !== 'function') {
-      Promise.prototype.done = function (onFulfilled: Function): Promise<any> {
-        return arguments.length ? this.then.apply(this, arguments) : Promise.prototype.then;
-      };
-    }
-
-    if (typeof Promise.prototype.fail !== 'function') {
-      Promise.prototype.fail = function (onRejected: Function): Promise<any> {
-        this.catch(async (err: AjaxResponse): Promise<void> => {
-          const response = err.response;
-          onRejected(await JQueryNativePromises.createFakeXhrObject(response), 'error', response.statusText);
-        });
-
-        return this;
-      };
-    }
-  }
-
-  private static async createFakeXhrObject(response: Response): Promise<any> {
-    const xhr: { [key: string ]: any } = {};
-    xhr.readyState = 4;
-    xhr.responseText = await response.text();
-    xhr.responseURL = response.url;
-    xhr.status = response.status;
-    xhr.statusText = response.statusText;
-
-    if (response.headers.has('Content-Type') && response.headers.get('Content-Type').includes('application/json')) {
-      xhr.responseType = 'json';
-      xhr.contentJSON = await response.json();
-    } else {
-      xhr.responseType = 'text';
-    }
-
-    return xhr;
-  }
-}
diff --git a/typo3_src/TypeScript/core/Resources/Public/TypeScript/BackwardCompat/index.d.ts b/typo3_src/TypeScript/core/Resources/Public/TypeScript/BackwardCompat/index.d.ts
deleted file mode 100644
index afacbb2..0000000
--- a/typo3_src/TypeScript/core/Resources/Public/TypeScript/BackwardCompat/index.d.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-// @ts-nocheck
-interface Promise<T> {
-  // This is a copy from TypeScript'slib.es5.d.ts and an added `done` for jQuery legacy reasons
-  done?<TResult1 = T, TResult2 = never>(onfulfilled?: ((value: T) => TResult1 | PromiseLike<TResult1>) | undefined | null, onrejected?: ((reason: any) => TResult2 | PromiseLike<TResult2>) | undefined | null): Promise<TResult1 | TResult2>;
-  then<TResult1 = T, TResult2 = never>(onfulfilled?: ((value: T) => TResult1 | PromiseLike<TResult1>) | undefined | null, onrejected?: ((reason: any) => TResult2 | PromiseLike<TResult2>) | undefined | null): Promise<TResult1 | TResult2>;
-  fail?<TResult = never>(onrejected?: ((reason: any) => TResult | PromiseLike<TResult>) | undefined | null): Promise<T | TResult>;
-  catch<TResult = never>(onrejected?: ((reason: any) => TResult | PromiseLike<TResult>) | undefined | null): Promise<T | TResult>;
-}
diff --git a/typo3_src/TypeScript/core/Resources/Public/TypeScript/DocumentService.ts b/typo3_src/TypeScript/core/Resources/Public/TypeScript/DocumentService.ts
deleted file mode 100644
index be7a412..0000000
--- a/typo3_src/TypeScript/core/Resources/Public/TypeScript/DocumentService.ts
+++ /dev/null
@@ -1,60 +0,0 @@
-// @ts-nocheck
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/**
- * Module: TYPO3/CMS/Core/DocumentService
- * @exports TYPO3/CMS/Core/DocumentService
- */
-class DocumentService {
-  private readonly windowRef: Window;
-  private readonly documentRef: Document;
-
-  /**
-   * @param {Window} windowRef
-   * @param {Document} documentRef
-   */
-  constructor(windowRef: Window = window, documentRef: Document = document) {
-    this.windowRef = windowRef;
-    this.documentRef = documentRef;
-  }
-
-  ready(): Promise<Document> {
-    return new Promise<Document>((resolve: Function, reject: Function) => {
-      if (this.documentRef.readyState === 'complete') {
-        resolve(this.documentRef);
-      } else {
-        // timeout & reject after 30 seconds
-        const timer = setTimeout((): void => {
-          clearListeners();
-          reject(this.documentRef);
-        }, 30000);
-        const clearListeners = (): void => {
-          this.windowRef.removeEventListener('load', delegate);
-          this.documentRef.removeEventListener('DOMContentLoaded', delegate);
-        };
-        const delegate = (): void => {
-          clearListeners();
-          clearTimeout(timer);
-          resolve(this.documentRef);
-        };
-        this.windowRef.addEventListener('load', delegate);
-        this.documentRef.addEventListener('DOMContentLoaded', delegate);
-      }
-
-    });
-  }
-}
-
-const documentService = new DocumentService();
-export = documentService;
diff --git a/typo3_src/TypeScript/core/Resources/Public/TypeScript/Event/DebounceEvent.ts b/typo3_src/TypeScript/core/Resources/Public/TypeScript/Event/DebounceEvent.ts
deleted file mode 100644
index 2e60386..0000000
--- a/typo3_src/TypeScript/core/Resources/Public/TypeScript/Event/DebounceEvent.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-// @ts-nocheck
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
-*/
-
-import {Listener} from './EventInterface';
-import RegularEvent = require('./RegularEvent');
-
-/**
- * Debounces an event listener that is executed after the event happened, either at the start or at the end.
- * A debounced event listener is not executed again until a certain amount of time has passed without it being called.
- */
-class DebounceEvent extends RegularEvent {
-  constructor(eventName: string, callback: Listener, wait: number = 250, immediate: boolean = false) {
-    super(eventName, callback);
-    this.callback = this.debounce(this.callback, wait, immediate);
-  }
-
-  private debounce(callback: Listener, wait: number, immediate: boolean): Listener {
-    let timeout: number = null;
-
-    return function (this: Node, ...args: any[]): void {
-      const callNow = immediate && !timeout;
-
-      // Reset timeout handler to make sure the callback is executed once
-      clearTimeout(timeout);
-      if (callNow) {
-        callback.apply(this, args);
-        timeout = setTimeout((): void => {
-          timeout = null;
-        }, wait);
-      } else {
-        timeout = setTimeout((): void => {
-          timeout = null;
-          if (!immediate) {
-            callback.apply(this, args);
-          }
-        }, wait);
-      }
-    };
-  }
-}
-
-export = DebounceEvent;
diff --git a/typo3_src/TypeScript/core/Resources/Public/TypeScript/Event/EventInterface.ts b/typo3_src/TypeScript/core/Resources/Public/TypeScript/Event/EventInterface.ts
deleted file mode 100644
index 9423e9c..0000000
--- a/typo3_src/TypeScript/core/Resources/Public/TypeScript/Event/EventInterface.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-// @ts-nocheck
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-export type Listener = Function & (EventListenerWithTarget | EventListener | EventListenerObject);
-
-export interface EventListenerWithTarget {
-  (evt: Event, target?: Element): void;
-}
-
-export interface EventInterface {
-  bindTo(element: EventTarget): void;
-  delegateTo(element: EventTarget, selector: string): void;
-  release(): void;
-}
diff --git a/typo3_src/TypeScript/core/Resources/Public/TypeScript/Event/RegularEvent.ts b/typo3_src/TypeScript/core/Resources/Public/TypeScript/Event/RegularEvent.ts
deleted file mode 100644
index 66b37f5..0000000
--- a/typo3_src/TypeScript/core/Resources/Public/TypeScript/Event/RegularEvent.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-// @ts-nocheck
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
-*/
-
-import {EventInterface, Listener} from './EventInterface';
-
-class RegularEvent implements EventInterface {
-  protected eventName: string;
-  protected callback: Listener;
-  private boundElement: EventTarget;
-
-  constructor(eventName: string, callback: Listener) {
-    this.eventName = eventName;
-    this.callback = callback;
-  }
-
-  public bindTo(element: EventTarget): void {
-    this.boundElement = element;
-    element.addEventListener(this.eventName, this.callback);
-  }
-
-  public delegateTo(element: EventTarget, selector: string): void {
-    this.boundElement = element;
-    element.addEventListener(this.eventName, (e: Event): void => {
-      for (let targetElement: Node = <Element>e.target; targetElement && targetElement !== this.boundElement; targetElement = targetElement.parentNode) {
-        if ((<HTMLElement>targetElement).matches(selector)) {
-          this.callback.call(targetElement, e, targetElement);
-          break;
-        }
-      }
-    }, false);
-  }
-
-  public release(): void {
-    this.boundElement.removeEventListener(this.eventName, this.callback);
-  }
-}
-
-export = RegularEvent;
diff --git a/typo3_src/TypeScript/core/Resources/Public/TypeScript/Event/RequestAnimationFrameEvent.ts b/typo3_src/TypeScript/core/Resources/Public/TypeScript/Event/RequestAnimationFrameEvent.ts
deleted file mode 100644
index 7532990..0000000
--- a/typo3_src/TypeScript/core/Resources/Public/TypeScript/Event/RequestAnimationFrameEvent.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-// @ts-nocheck
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
-*/
-
-import {Listener} from './EventInterface';
-import RegularEvent = require('./RegularEvent');
-
-/**
- * Creates a event aimed for high performance visual operations
- */
-class RequestAnimationFrameEvent extends RegularEvent {
-  constructor(eventName: string, callback: Listener) {
-    super(eventName, callback);
-    this.callback = this.req(this.callback);
-  }
-
-  private req(callback: Listener): Listener {
-    let timeout: number = null;
-
-    return () => {
-      const context: any = this;
-      const args = arguments;
-
-      if (timeout) {
-        window.cancelAnimationFrame(timeout);
-      }
-
-      timeout = window.requestAnimationFrame(function () {
-        // Run our scroll functions
-        callback.apply(context, args);
-      });
-    };
-  }
-}
-
-export = RequestAnimationFrameEvent;
diff --git a/typo3_src/TypeScript/core/Resources/Public/TypeScript/Event/ThrottleEvent.ts b/typo3_src/TypeScript/core/Resources/Public/TypeScript/Event/ThrottleEvent.ts
deleted file mode 100644
index 1fc4e8d..0000000
--- a/typo3_src/TypeScript/core/Resources/Public/TypeScript/Event/ThrottleEvent.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-// @ts-nocheck
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
-*/
-
-import {Listener} from './EventInterface';
-import RegularEvent = require('./RegularEvent');
-
-/**
- * Throttles the event listener to be called only after a defined time during the event's execution over time.
- */
-class ThrottleEvent extends RegularEvent {
-  constructor(eventName: string, callback: Listener, limit: number) {
-    super(eventName, callback);
-    this.callback = this.throttle(callback, limit);
-  }
-
-  private throttle(callback: Listener, limit: number): Listener {
-    let wait: boolean = false;
-
-    return function (this: Node, ...args: any[]): void {
-      if (wait) {
-        return;
-      }
-
-      callback.apply(this, args);
-      wait = true;
-
-      setTimeout((): void => {
-        wait = false;
-
-        // Wait time is over, execute callback again to have final state
-        callback.apply(this, args);
-      }, limit);
-    };
-  }
-}
-
-export = ThrottleEvent;
diff --git a/typo3_src/TypeScript/core/Resources/Public/TypeScript/SecurityUtility.ts b/typo3_src/TypeScript/core/Resources/Public/TypeScript/SecurityUtility.ts
deleted file mode 100644
index 6f78616..0000000
--- a/typo3_src/TypeScript/core/Resources/Public/TypeScript/SecurityUtility.ts
+++ /dev/null
@@ -1,90 +0,0 @@
-// @ts-nocheck
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/**
- * Module: TYPO3/CMS/Core/SecurityUtility
- * contains method to escape input to prevent XSS and other security related things
- * @exports TYPO3/CMS/Core/SecurityUtility
- */
-class SecurityUtility {
-  private readonly documentRef: Document;
-
-  /**
-   * @param {Document} documentRef
-   */
-  constructor(documentRef: Document = document) {
-    this.documentRef = documentRef;
-  }
-
-  public getRandomHexValue(length: number): string {
-    if (length <= 0 || length !== Math.ceil(length)) {
-      throw new SyntaxError('Length must be a positive integer');
-    }
-    const values = new Uint8Array(Math.ceil(length / 2));
-    crypto.getRandomValues(values);
-    return Array.from(values)
-      .map((item: number): string => item.toString(16).padStart(2, '0'))
-      .join('')
-      .substr(0, length);
-  }
-
-  /**
-   * Encodes HTML to use according entities. Behavior is similar to PHP's
-   * htmlspecialchars. Input might contain XSS, output has it encoded.
-   *
-   * @param {string} value Input value to be encoded
-   * @param {boolean} doubleEncode (default `true`)
-   * @return {string}
-   */
-  public encodeHtml(value: string, doubleEncode: boolean = true): string {
-    let anvil: HTMLSpanElement = this.createAnvil();
-    if (!doubleEncode) {
-      // decode HTML entities step-by-step
-      // but NEVER(!) as a whole, since that would allow XSS
-      value = value.replace(/&[#A-Za-z0-9]+;/g, (html: string) => {
-        anvil.innerHTML = html;
-        return anvil.innerText;
-      });
-    }
-    // apply arbitrary data a text node
-    // thus browser is capable of properly encoding
-    anvil.innerText = value;
-    return anvil.innerHTML
-      .replace(/"/g, '&quot;')
-      .replace(/'/g, '&apos;');
-  }
-
-  public stripHtml(html: string): string {
-    const doc = new DOMParser().parseFromString(html, 'text/html');
-    return doc.body.textContent || '';
-  }
-
-  /**
-   * @param {string} value
-   */
-  public debug(value: string): void {
-    if (value !== this.encodeHtml(value)) {
-      console.warn('XSS?!', value);
-    }
-  }
-
-  /**
-   * @return {HTMLSpanElement}
-   */
-  private createAnvil(): HTMLSpanElement {
-    return this.documentRef.createElement('span');
-  }
-}
-
-export = SecurityUtility;
diff --git a/typo3_src/TypeScript/core/Resources/Public/TypeScript/lit-helper.ts b/typo3_src/TypeScript/core/Resources/Public/TypeScript/lit-helper.ts
deleted file mode 100644
index 09e7d8b..0000000
--- a/typo3_src/TypeScript/core/Resources/Public/TypeScript/lit-helper.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-// @ts-nocheck
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {render, TemplateResult} from 'lit/html';
-
-/**
- * @internal
- */
-export const renderNodes = (result: TemplateResult): NodeList => {
-  const anvil = document.createElement('div');
-  render(result, anvil);
-  return anvil.childNodes;
-};
-
-/**
- * @internal
- */
-export const renderHTML = (result: TemplateResult): string => {
-  const anvil = document.createElement('div');
-  render(result, anvil);
-  return anvil.innerHTML;
-}
-
-/**
- * @internal
- */
-export const lll = (key: string): string => {
-  if (!window.TYPO3 || !window.TYPO3.lang || typeof window.TYPO3.lang[key] !== 'string') {
-    return '';
-  }
-  return window.TYPO3.lang[key];
-};
diff --git a/typo3_src/TypeScript/core/ajax/ajax-request.ts b/typo3_src/TypeScript/core/ajax/ajax-request.ts
deleted file mode 100644
index 2dfa1d8..0000000
--- a/typo3_src/TypeScript/core/ajax/ajax-request.ts
+++ /dev/null
@@ -1,189 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {AjaxResponse} from './ajax-response';
-import {GenericKeyValue, InputTransformer} from './input-transformer';
-
-/**
- * @example send data as `Content-Type: multipart/form-data` (default)
- * const request = new AjaxRequest('/endpoint');
- * const response = request.post({item: { first: 'value'}});
- * // sends `item[first]=value` in request body (analogous)
- * // can be used like this server-side
- * // `$value = ServerRequest::getParsedBody()['item']['first']`
- *
- * @example send data as `Content-Type: application/json` (must be set explicit)
- * const request = new AjaxRequest('/endpoint');
- * const response = request.post({item: { first: 'value'}});
- * // sends `{"item":{"first":"value"}}` in request body
- * // can be used like this server-side
- * // `$value = json_decode((string)ServerRequest::getBody(), true)['item']['first']`
- */
-class AjaxRequest {
-  private static defaultOptions: RequestInit = {
-    credentials: 'same-origin'
-  };
-
-  private readonly url: string;
-  private readonly abortController: AbortController;
-  private queryArguments: string = '';
-
-  constructor(url: string) {
-    this.url = url;
-    this.abortController = new AbortController();
-  }
-
-  /**
-   * Clones the AjaxRequest object, generates the final query string and uses it for the request
-   *
-   * @param {string|array|GenericKeyValue} data
-   * @return {AjaxRequest}
-   */
-  public withQueryArguments(data: string | Array<string> | GenericKeyValue): AjaxRequest {
-    const clone = this.clone();
-    clone.queryArguments = (clone.queryArguments !== '' ? '&' : '') + InputTransformer.toSearchParams(data);
-    return clone;
-  }
-
-  /**
-   * Executes a regular GET request
-   *
-   * @param {RequestInit} init
-   * @return {Promise<Response>}
-   */
-  public async get(init: RequestInit = {}): Promise<AjaxResponse> {
-    const localDefaultOptions: RequestInit = {
-      method: 'GET',
-    };
-
-    const response = await this.send({...localDefaultOptions, ...init});
-    return new AjaxResponse(response);
-  }
-
-  /**
-   * Executes a (by default uncached) POST request
-   *
-   * @param {string | GenericKeyValue} data
-   * @param {RequestInit} init
-   * @return {Promise<Response>}
-   */
-  public async post(data: string | GenericKeyValue, init: RequestInit = {}): Promise<AjaxResponse> {
-    const localDefaultOptions: RequestInit = {
-      body: typeof data === 'string' ? data : InputTransformer.byHeader(data, init?.headers),
-      cache: 'no-cache',
-      method: 'POST',
-    };
-
-    const response = await this.send({...localDefaultOptions, ...init});
-    return new AjaxResponse(response);
-  }
-
-  /**
-   * Executes a (by default uncached) PUT request
-   *
-   * @param {string | GenericKeyValue} data
-   * @param {RequestInit} init
-   * @return {Promise<Response>}
-   */
-  public async put(data: string | GenericKeyValue, init: RequestInit = {}): Promise<AjaxResponse> {
-    const localDefaultOptions: RequestInit = {
-      body: typeof data === 'string' ? data : InputTransformer.byHeader(data, init?.headers),
-      cache: 'no-cache',
-      method: 'PUT',
-    };
-
-    const response = await this.send({...localDefaultOptions, ...init});
-    return new AjaxResponse(response);
-  }
-
-  /**
-   * Executes a regular DELETE request
-   *
-   * @param {string | GenericKeyValue} data
-   * @param {RequestInit} init
-   * @return {Promise<Response>}
-   */
-  public async delete(data: string | GenericKeyValue = {}, init: RequestInit = {}): Promise<AjaxResponse> {
-    const localDefaultOptions: RequestInit = {
-      cache: 'no-cache',
-      method: 'DELETE',
-    };
-
-    if (typeof data === 'object' && Object.keys(data).length > 0) {
-      localDefaultOptions.body = InputTransformer.byHeader(data, init?.headers);
-    } else if (typeof data === 'string' && data.length > 0) {
-      localDefaultOptions.body = data;
-    }
-
-    const response = await this.send({...localDefaultOptions, ...init});
-    return new AjaxResponse(response);
-  }
-
-  /**
-   * Aborts the current request by using the AbortController
-   */
-  public abort(): void {
-    this.abortController.abort();
-  }
-
-  /**
-   * Clones the current AjaxRequest object
-   *
-   * @return {AjaxRequest}
-   */
-  private clone(): AjaxRequest {
-    return Object.assign(Object.create(this), this);
-  }
-
-  /**
-   * Sends the requests by using the fetch API
-   *
-   * @param {RequestInit} init
-   * @return {Promise<Response>}
-   */
-  private async send(init: RequestInit = {}): Promise<Response> {
-    const response = await fetch(this.composeRequestUrl(), this.getMergedOptions(init));
-    if (!response.ok) {
-      throw new AjaxResponse(response);
-    }
-    return response;
-  }
-
-  private composeRequestUrl(): string {
-    let url = this.url;
-    if (url.charAt(0) === '?') {
-      // URL is a search string only, prepend current location
-      url = window.location.origin + window.location.pathname + url;
-    }
-    url = new URL(url, window.location.origin).toString();
-
-    if (this.queryArguments !== '') {
-      const delimiter = !this.url.includes('?') ? '?' : '&';
-      url += delimiter + this.queryArguments;
-    }
-
-    return url;
-  }
-
-  /**
-   * Merge the incoming RequestInit object with the pre-defined default options
-   *
-   * @param {RequestInit} init
-   * @return {RequestInit}
-   */
-  private getMergedOptions(init: RequestInit): RequestInit {
-    return {...AjaxRequest.defaultOptions, ...init, signal: this.abortController.signal};
-  }
-}
-
-export default AjaxRequest;
diff --git a/typo3_src/TypeScript/core/ajax/ajax-response.ts b/typo3_src/TypeScript/core/ajax/ajax-response.ts
deleted file mode 100644
index d706039..0000000
--- a/typo3_src/TypeScript/core/ajax/ajax-response.ts
+++ /dev/null
@@ -1,57 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import SimpleResponseInterface from './simple-response-interface';
-
-export class AjaxResponse {
-  public readonly response: Response;
-  private resolvedBody: string | any;
-
-  constructor(response: Response) {
-    this.response = response;
-  }
-
-  public async resolve(expectedType?: string): Promise<string | any> {
-    // streams can only be read once
-    // (otherwise response would have to be cloned)
-    if (typeof this.resolvedBody !== 'undefined') {
-      return this.resolvedBody;
-    }
-    const contentType: string = this.response.headers.get('Content-Type') ?? '';
-    if (expectedType === 'json' || contentType.startsWith('application/json')) {
-      this.resolvedBody = await this.response.json();
-    } else {
-      this.resolvedBody = await this.response.text();
-    }
-    return this.resolvedBody;
-  }
-
-  public raw(): Response {
-    return this.response;
-  }
-
-  /**
-   * Dereferences response data from current `window` scope. A dereferenced
-   * response (`SimpleResponseInterface`) can be used in events or messages
-   * for broadcasting to other windows/frames.
-   */
-  public async dereference(): Promise<SimpleResponseInterface> {
-    const headers = new Map<string, string>();
-    this.response.headers.forEach((value: string, name: string) => headers.set(name, value));
-    return {
-      status: this.response.status,
-      headers: headers,
-      body: await this.resolve()
-    } as SimpleResponseInterface;
-  }
-}
diff --git a/typo3_src/TypeScript/core/ajax/input-transformer.ts b/typo3_src/TypeScript/core/ajax/input-transformer.ts
deleted file mode 100644
index 46dc636..0000000
--- a/typo3_src/TypeScript/core/ajax/input-transformer.ts
+++ /dev/null
@@ -1,92 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-export type GenericKeyValue = { [key: string]: any};
-
-export class InputTransformer {
-  /**
-   * Transforms data by its incoming headers
-   *
-   * @param data
-   * @param headers
-   */
-  public static byHeader(data: GenericKeyValue, headers: GenericKeyValue = {}): FormData | string {
-    if (headers.hasOwnProperty('Content-Type') && headers['Content-Type'].includes('application/json')) {
-      return JSON.stringify(data);
-    }
-
-    return InputTransformer.toFormData(data);
-  }
-
-  /**
-   * Transforms the incoming object to a flat FormData object used for POST and PUT
-   *
-   * @param {GenericKeyValue} data
-   * @return {FormData}
-   */
-  public static toFormData(data: GenericKeyValue): FormData {
-    const flattenedData = InputTransformer.filter(InputTransformer.flattenObject(data));
-    const formData = new FormData();
-    for (const [key, value] of Object.entries(flattenedData)) {
-      formData.set(key, value);
-    }
-
-    return formData;
-  }
-
-  /**
-   * Transforms the incoming object to a flat URLSearchParams object used for GET
-   *
-   * @param {string | Array<string> | GenericKeyValue} data
-   * @return {string}
-   */
-  public static toSearchParams(data: string | Array<string> | GenericKeyValue): string {
-    if (typeof data === 'string') {
-      return data;
-    }
-
-    if (data instanceof Array) {
-      return data.join('&');
-    }
-
-    const flattenedData = InputTransformer.filter(InputTransformer.flattenObject(data));
-    const searchParams = new URLSearchParams();
-    for (const [key, value] of Object.entries(flattenedData)) {
-      searchParams.set(key, value);
-    }
-
-    return decodeURI(searchParams.toString());
-  }
-
-  private static flattenObject(obj: GenericKeyValue, prefix: string = ''): GenericKeyValue {
-    return Object.keys(obj).reduce((accumulator: GenericKeyValue, currentValue: any) => {
-      const objPrefix = prefix.length ? prefix + '[' : '';
-      const objSuffix = prefix.length ? ']' : '';
-      if (typeof obj[currentValue] === 'object') {
-        Object.assign(accumulator, InputTransformer.flattenObject(obj[currentValue], objPrefix + currentValue + objSuffix))
-      } else {
-        accumulator[objPrefix + currentValue + objSuffix] = obj[currentValue]
-      }
-      return accumulator;
-    }, {});
-  }
-
-  private static filter(obj: GenericKeyValue): GenericKeyValue {
-    Object.keys(obj).forEach((key: string): void => {
-      if (typeof obj[key] === 'undefined') {
-        delete obj[key];
-      }
-    });
-    return obj;
-  }
-}
diff --git a/typo3_src/TypeScript/core/ajax/simple-response-interface.ts b/typo3_src/TypeScript/core/ajax/simple-response-interface.ts
deleted file mode 100644
index 1cbade2..0000000
--- a/typo3_src/TypeScript/core/ajax/simple-response-interface.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export default interface SimpleResponseInterface {
-  status: number;
-  headers: Map<string, string>;
-  body: string | any;
-}
diff --git a/typo3_src/TypeScript/core/authentication/mfa-provider/totp.ts b/typo3_src/TypeScript/core/authentication/mfa-provider/totp.ts
deleted file mode 100644
index 3fc06e4..0000000
--- a/typo3_src/TypeScript/core/authentication/mfa-provider/totp.ts
+++ /dev/null
@@ -1,65 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {render, html, TemplateResult, LitElement} from 'lit';
-import {customElement, property} from 'lit/decorators';
-import Modal from '@typo3/backend/modal';
-
-enum Selectors {
-  modalBody = '.t3js-modal-body'
-}
-
-@customElement('typo3-mfa-totp-url-info-button')
-class MfaTotpUrlButton extends LitElement {
-  @property({type: String}) url: string;
-  @property({type: String}) title: string;
-  @property({type: String}) description: string;
-  @property({type: String}) ok: string;
-
-  public constructor() {
-    super();
-    this.addEventListener('click', (e: Event): void => {
-      e.preventDefault();
-      this.showTotpAuthUrlModal();
-    });
-  }
-
-  protected render(): TemplateResult {
-    return html`<slot></slot>`;
-  }
-
-  private showTotpAuthUrlModal(): void {
-    Modal.advanced({
-      title: this.title,
-      content: '', // Empty content, will be filled by the callback
-      buttons: [
-        {
-          trigger: (): void => Modal.dismiss(),
-          text: this.ok || 'OK',
-          active: true,
-          btnClass: 'btn-default',
-          name: 'ok'
-        }
-      ],
-      callback: (currentModal: HTMLCollection): void => {
-        render(
-          html`
-            <p>${this.description}</p>
-            <pre>${this.url}</pre>
-          `,
-          currentModal[0].querySelector(Selectors.modalBody) as HTMLElement
-        );
-      }
-    });
-  }
-}
diff --git a/typo3_src/TypeScript/core/document-service.ts b/typo3_src/TypeScript/core/document-service.ts
deleted file mode 100644
index eee31c5..0000000
--- a/typo3_src/TypeScript/core/document-service.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/**
- * Module: @typo3/core/document-service
- * @exports @typo3/core/document-service
- */
-class DocumentService {
-  private readonly windowRef: Window;
-  private readonly documentRef: Document;
-
-  /**
-   * @param {Window} windowRef
-   * @param {Document} documentRef
-   */
-  constructor(windowRef: Window = window, documentRef: Document = document) {
-    this.windowRef = windowRef;
-    this.documentRef = documentRef;
-  }
-
-  ready(): Promise<Document> {
-    return new Promise<Document>((resolve: Function, reject: Function) => {
-      if (this.documentRef.readyState === 'complete') {
-        resolve(this.documentRef);
-      } else {
-        // timeout & reject after 30 seconds
-        const timer = setTimeout((): void => {
-          clearListeners();
-          reject(this.documentRef);
-        }, 30000);
-        const clearListeners = (): void => {
-          this.windowRef.removeEventListener('load', delegate);
-          this.documentRef.removeEventListener('DOMContentLoaded', delegate);
-        };
-        const delegate = (): void => {
-          clearListeners();
-          clearTimeout(timer);
-          resolve(this.documentRef);
-        };
-        this.windowRef.addEventListener('load', delegate);
-        this.documentRef.addEventListener('DOMContentLoaded', delegate);
-      }
-
-    });
-  }
-}
-
-const documentService = new DocumentService();
-export default documentService;
diff --git a/typo3_src/TypeScript/core/event/debounce-event.ts b/typo3_src/TypeScript/core/event/debounce-event.ts
deleted file mode 100644
index d682e34..0000000
--- a/typo3_src/TypeScript/core/event/debounce-event.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
-*/
-
-import {Listener} from './event-interface';
-import RegularEvent from './regular-event';
-
-/**
- * Debounces an event listener that is executed after the event happened, either at the start or at the end.
- * A debounced event listener is not executed again until a certain amount of time has passed without it being called.
- */
-class DebounceEvent extends RegularEvent {
-  constructor(eventName: string, callback: Listener, wait: number = 250, immediate: boolean = false) {
-    super(eventName, callback);
-    this.callback = this.debounce(this.callback, wait, immediate);
-  }
-
-  private debounce(callback: Listener, wait: number, immediate: boolean): Listener {
-    let timeout: number = null;
-
-    return function (this: Node, ...args: any[]): void {
-      const callNow = immediate && !timeout;
-
-      // Reset timeout handler to make sure the callback is executed once
-      clearTimeout(timeout);
-      if (callNow) {
-        callback.apply(this, args);
-        timeout = setTimeout((): void => {
-          timeout = null;
-        }, wait);
-      } else {
-        timeout = setTimeout((): void => {
-          timeout = null;
-          if (!immediate) {
-            callback.apply(this, args);
-          }
-        }, wait);
-      }
-    };
-  }
-}
-
-export default DebounceEvent;
diff --git a/typo3_src/TypeScript/core/event/event-interface.ts b/typo3_src/TypeScript/core/event/event-interface.ts
deleted file mode 100644
index 63cada6..0000000
--- a/typo3_src/TypeScript/core/event/event-interface.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-export type Listener = Function & (EventListenerWithTarget | EventListener | EventListenerObject);
-
-export interface EventListenerWithTarget {
-  (evt: Event, target?: Element): void;
-}
-
-export interface EventInterface {
-  bindTo(element: EventTarget): void;
-  delegateTo(element: EventTarget, selector: string): void;
-  release(): void;
-}
diff --git a/typo3_src/TypeScript/core/event/regular-event.ts b/typo3_src/TypeScript/core/event/regular-event.ts
deleted file mode 100644
index 02b96f2..0000000
--- a/typo3_src/TypeScript/core/event/regular-event.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
-*/
-
-import {EventInterface, Listener} from './event-interface';
-
-class RegularEvent implements EventInterface {
-  protected eventName: string;
-  protected callback: Listener;
-  private boundElement: EventTarget;
-
-  constructor(eventName: string, callback: Listener) {
-    this.eventName = eventName;
-    this.callback = callback;
-  }
-
-  public bindTo(element: EventTarget): void {
-    this.boundElement = element;
-    element.addEventListener(this.eventName, this.callback);
-  }
-
-  public delegateTo(element: EventTarget, selector: string): void {
-    this.boundElement = element;
-    element.addEventListener(this.eventName, (e: Event): void => {
-      for (let targetElement: Node = <Element>e.target; targetElement && targetElement !== this.boundElement; targetElement = targetElement.parentNode) {
-        if ((<HTMLElement>targetElement).matches(selector)) {
-          this.callback.call(targetElement, e, targetElement);
-          break;
-        }
-      }
-    }, false);
-  }
-
-  public release(): void {
-    this.boundElement.removeEventListener(this.eventName, this.callback);
-  }
-}
-
-export default RegularEvent;
diff --git a/typo3_src/TypeScript/core/event/request-animation-frame-event.ts b/typo3_src/TypeScript/core/event/request-animation-frame-event.ts
deleted file mode 100644
index 14b6162..0000000
--- a/typo3_src/TypeScript/core/event/request-animation-frame-event.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
-*/
-
-import {Listener} from './event-interface';
-import RegularEvent from './regular-event';
-
-/**
- * Creates a event aimed for high performance visual operations
- */
-class RequestAnimationFrameEvent extends RegularEvent {
-  constructor(eventName: string, callback: Listener) {
-    super(eventName, callback);
-    this.callback = this.req(this.callback);
-  }
-
-  private req(callback: Listener): Listener {
-    let timeout: number = null;
-
-    return () => {
-      const context: any = this;
-      const args = arguments;
-
-      if (timeout) {
-        window.cancelAnimationFrame(timeout);
-      }
-
-      timeout = window.requestAnimationFrame(function () {
-        // Run our scroll functions
-        callback.apply(context, args);
-      });
-    };
-  }
-}
-
-export default RequestAnimationFrameEvent;
diff --git a/typo3_src/TypeScript/core/event/throttle-event.ts b/typo3_src/TypeScript/core/event/throttle-event.ts
deleted file mode 100644
index 3ebcc4a..0000000
--- a/typo3_src/TypeScript/core/event/throttle-event.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
-*/
-
-import {Listener} from './event-interface';
-import RegularEvent from './regular-event';
-
-/**
- * Throttles the event listener to be called only after a defined time during the event's execution over time.
- */
-class ThrottleEvent extends RegularEvent {
-  constructor(eventName: string, callback: Listener, limit: number) {
-    super(eventName, callback);
-    this.callback = this.throttle(callback, limit);
-  }
-
-  private throttle(callback: Listener, limit: number): Listener {
-    let wait: boolean = false;
-
-    return function (this: Node, ...args: any[]): void {
-      if (wait) {
-        return;
-      }
-
-      callback.apply(this, args);
-      wait = true;
-
-      setTimeout((): void => {
-        wait = false;
-
-        // Wait time is over, execute callback again to have final state
-        callback.apply(this, args);
-      }, limit);
-    };
-  }
-}
-
-export default ThrottleEvent;
diff --git a/typo3_src/TypeScript/core/java-script-item-handler.ts b/typo3_src/TypeScript/core/java-script-item-handler.ts
deleted file mode 100644
index 0602047..0000000
--- a/typo3_src/TypeScript/core/java-script-item-handler.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-/**
- * This handler is used as client-side counterpart of `\TYPO3\CMS\Core\Page\JavaScriptRenderer`.
- *
- * @module @typo3/core/java-script-item-handler
- * @internal Use in TYPO3 core only, API can change at any time!
- */
-if (document.currentScript) {
-  const scriptElement = document.currentScript;
-  // extracts JSON payload from `/* [JSON] */` content
-  const textContent = scriptElement.textContent.replace(/^\s*\/\*\s*|\s*\*\/\s*/g, '')
-  const items = JSON.parse(textContent);
-
-  const moduleImporter = (moduleName: string) => import(moduleName).catch(() => (window as any).importShim(moduleName));
-
-  moduleImporter('@typo3/core/java-script-item-processor.js').then(({JavaScriptItemProcessor}) => {
-    const processor = new JavaScriptItemProcessor();
-    processor.processItems(items);
-  });
-}
diff --git a/typo3_src/TypeScript/core/java-script-item-processor.ts b/typo3_src/TypeScript/core/java-script-item-processor.ts
deleted file mode 100644
index 3a7f505..0000000
--- a/typo3_src/TypeScript/core/java-script-item-processor.ts
+++ /dev/null
@@ -1,200 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-/**
- * This processor is used as client-side counterpart of `\TYPO3\CMS\Core\Page\JavaScriptItems
- *
- * @module @typo3/core/java-script-item-processor
- * @internal Use in TYPO3 core only, API can change at any time!
- */
-
-const FLAG_USE_REQUIRE_JS = 1;
-const FLAG_USE_IMPORTMAP = 2;
-const FLAG_USE_TOP_WINDOW = 16;
-const deniedProperties = ['__proto__', 'prototype', 'constructor'];
-const allowedJavaScriptItemTypes = ['assign', 'invoke', 'instance'];
-
-export interface JavaScriptInstruction {
-  type: string;
-  assignments?: object;
-  method?: string;
-  args: Array<any>;
-}
-
-export interface JavaScriptItemPayload {
-  name: string;
-  flags: number;
-  exportName?: string;
-  items: JavaScriptInstruction[];
-}
-
-export interface JavaScriptItem {
-  type: string;
-  payload: JavaScriptItemPayload;
-}
-
-/**
- * Fallback to importShim() once import() failed the first time
- * (considering importmaps are not supported by the browser).
- */
-let useShim = false;
-
-const moduleImporter = (moduleName: string): Promise<any> => {
-  if (useShim) {
-    return (window as any).importShim(moduleName)
-  } else {
-    return import(moduleName).catch(() => {
-      // Consider that importmaps are not supported and use shim from now on
-      useShim = true;
-      return moduleImporter(moduleName)
-    })
-  }
-};
-
-export function loadModule(payload: JavaScriptItemPayload): Promise<any> {
-  if (!payload.name) {
-    throw new Error('JavaScript module name is required');
-  }
-
-  if ((payload.flags & FLAG_USE_IMPORTMAP) === FLAG_USE_IMPORTMAP) {
-    if (!(payload.flags & FLAG_USE_TOP_WINDOW)) {
-      return moduleImporter(payload.name);
-    } else {
-      const event = new CustomEvent<{ specifier: string; importPromise: null|Promise<any>; }>(
-        'typo3:import-javascript-module',
-        {
-          detail: {
-            specifier: payload.name,
-            importPromise: null
-          }
-        }
-      );
-      top.document.dispatchEvent(event);
-      return event.detail.importPromise || Promise.reject(new Error('Top-level import failed'));
-    }
-  }
-
-  if ((payload.flags & FLAG_USE_REQUIRE_JS) === FLAG_USE_REQUIRE_JS) {
-    return new Promise((resolve, reject) => {
-      const windowRef = (payload.flags & FLAG_USE_TOP_WINDOW) === FLAG_USE_TOP_WINDOW ? top.window : window;
-      windowRef.require(
-        [payload.name],
-        (module: any) => resolve(module),
-        (e: any) => reject(e)
-      );
-    });
-  }
-
-  throw new Error('Unknown JavaScript module type')
-}
-
-function executeJavaScriptModuleInstruction(json: JavaScriptItemPayload) {
-  // `name` is required
-  if (!json.name) {
-    throw new Error('JavaScript module name is required');
-  }
-  if (!json.items) {
-    loadModule(json);
-    return;
-  }
-  const exportName = json.exportName;
-  const resolveSubjectRef = (__esModule: any): any => {
-    if (typeof exportName === 'string') {
-      return __esModule[exportName];
-    }
-    if ((json.flags & FLAG_USE_REQUIRE_JS) === FLAG_USE_REQUIRE_JS) {
-      return __esModule;
-    }
-    return __esModule.default;
-  }
-  const items = json.items
-    .filter((item) => allowedJavaScriptItemTypes.includes(item.type))
-    .map((item) => {
-      if (item.type === 'assign') {
-        return (__esModule: any) => {
-          const subjectRef = resolveSubjectRef(__esModule);
-          mergeRecursive(subjectRef, item.assignments);
-        };
-      } else if (item.type === 'invoke') {
-        return (__esModule: any) => {
-          const subjectRef = resolveSubjectRef(__esModule);
-          subjectRef[item.method].apply(subjectRef, item.args);
-        };
-      } else if (item.type === 'instance') {
-        return (__esModule: any) => {
-          // this `null` is `thisArg` scope of `Function.bind`,
-          // which will be reset when invoking `new`
-          const args = [null].concat(item.args);
-          const subjectRef = resolveSubjectRef(__esModule);
-          new (subjectRef.bind.apply(subjectRef, args));
-        }
-      } else {
-        return (__esModule: any) => {
-          return;
-        }
-      }
-    });
-
-  loadModule(json).then(
-    (subjectRef) => items.forEach((item) => item.call(null, subjectRef))
-  );
-}
-
-function isObjectInstance(item: any) {
-  return item instanceof Object && !(item instanceof Array);
-}
-
-function mergeRecursive(target: { [key: string]: any }, source: { [key: string]: any }) {
-  Object.keys(source).forEach((property) => {
-    if (deniedProperties.indexOf(property) !== -1) {
-      throw new Error('Property ' + property + ' is not allowed');
-    }
-    if (!isObjectInstance(source[property]) || typeof target[property] === 'undefined') {
-      Object.assign(target, {[property]:source[property]});
-    } else {
-      mergeRecursive(target[property], source[property]);
-    }
-  });
-}
-
-export class JavaScriptItemProcessor {
-  private invokableNames: string[] = ['globalAssignment', 'javaScriptModuleInstruction'];
-
-  /**
-   * Processes multiple items and delegates to handlers
-   * (globalAssignment, javaScriptModuleInstruction)
-   */
-  public processItems(items: JavaScriptItem[]) {
-    items.forEach((item) => this.invoke(item.type, item.payload));
-  }
-
-  private invoke(name: string, data: any) {
-    if (!this.invokableNames.includes(name) || typeof (this as any)[name] !== 'function') {
-      throw new Error('Unknown handler name "' + name + '"');
-    }
-    (this as any)[name].call(this, data);
-  }
-
-  /**
-   * Assigns (filtered) variables to `window` object globally.
-   */
-  private globalAssignment(payload: { [key: string]: any }) {
-    mergeRecursive(window, payload);
-  }
-
-  /**
-   * Loads and invokes a JavaScript (ESM) or requires.js (AMD) module.
-   */
-  private javaScriptModuleInstruction(payload: JavaScriptItemPayload) {
-    executeJavaScriptModuleInstruction(payload);
-  }
-}
diff --git a/typo3_src/TypeScript/core/lit-helper.ts b/typo3_src/TypeScript/core/lit-helper.ts
deleted file mode 100644
index f355231..0000000
--- a/typo3_src/TypeScript/core/lit-helper.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {render, TemplateResult} from 'lit/html';
-
-/**
- * @internal
- */
-export const renderNodes = (result: TemplateResult): NodeList => {
-  const anvil = document.createElement('div');
-  render(result, anvil);
-  return anvil.childNodes;
-};
-
-/**
- * @internal
- */
-export const renderHTML = (result: TemplateResult): string => {
-  const anvil = document.createElement('div');
-  render(result, anvil);
-  return anvil.innerHTML;
-}
-
-/**
- * @internal
- */
-export const lll = (key: string): string => {
-  if (!window.TYPO3 || !window.TYPO3.lang || typeof window.TYPO3.lang[key] !== 'string') {
-    return '';
-  }
-  return window.TYPO3.lang[key];
-};
diff --git a/typo3_src/TypeScript/core/require-jsconfig-handler.ts b/typo3_src/TypeScript/core/require-jsconfig-handler.ts
deleted file mode 100644
index 84d0ca1..0000000
--- a/typo3_src/TypeScript/core/require-jsconfig-handler.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-/**
- * This handler is used as client-side counterpart of `\TYPO3\CMS\Core\Page\PageRenderer`.
- *
- * @module @typo3/core/require-jsconfig-handler
- * @internal Use in TYPO3 core only, API can change at any time!
- */
-
-if (document.currentScript) {
-  // extracts JSON payload from `/* [JSON] */` content
-  window.require.config(
-    JSON.parse(document.currentScript.textContent.replace(/^\s*\/\*\s*|\s*\*\/\s*/g, ''))
-  );
-}
diff --git a/typo3_src/TypeScript/core/security-utility.ts b/typo3_src/TypeScript/core/security-utility.ts
deleted file mode 100644
index 4a43e29..0000000
--- a/typo3_src/TypeScript/core/security-utility.ts
+++ /dev/null
@@ -1,89 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-/**
- * Module: @typo3/core/security-utility
- * contains method to escape input to prevent XSS and other security related things
- * @exports @typo3/core/security-utility
- */
-class SecurityUtility {
-  private readonly documentRef: Document;
-
-  /**
-   * @param {Document} documentRef
-   */
-  constructor(documentRef: Document = document) {
-    this.documentRef = documentRef;
-  }
-
-  public getRandomHexValue(length: number): string {
-    if (length <= 0 || length !== Math.ceil(length)) {
-      throw new SyntaxError('Length must be a positive integer');
-    }
-    const values = new Uint8Array(Math.ceil(length / 2));
-    crypto.getRandomValues(values);
-    return Array.from(values)
-      .map((item: number): string => item.toString(16).padStart(2, '0'))
-      .join('')
-      .substr(0, length);
-  }
-
-  /**
-   * Encodes HTML to use according entities. Behavior is similar to PHP's
-   * htmlspecialchars. Input might contain XSS, output has it encoded.
-   *
-   * @param {string} value Input value to be encoded
-   * @param {boolean} doubleEncode (default `true`)
-   * @return {string}
-   */
-  public encodeHtml(value: string, doubleEncode: boolean = true): string {
-    let anvil: HTMLSpanElement = this.createAnvil();
-    if (!doubleEncode) {
-      // decode HTML entities step-by-step
-      // but NEVER(!) as a whole, since that would allow XSS
-      value = value.replace(/&[#A-Za-z0-9]+;/g, (html: string) => {
-        anvil.innerHTML = html;
-        return anvil.innerText;
-      });
-    }
-    // apply arbitrary data a text node
-    // thus browser is capable of properly encoding
-    anvil.innerText = value;
-    return anvil.innerHTML
-      .replace(/"/g, '&quot;')
-      .replace(/'/g, '&apos;');
-  }
-
-  public stripHtml(html: string): string {
-    const doc = new DOMParser().parseFromString(html, 'text/html');
-    return doc.body.textContent || '';
-  }
-
-  /**
-   * @param {string} value
-   */
-  public debug(value: string): void {
-    if (value !== this.encodeHtml(value)) {
-      console.warn('XSS?!', value);
-    }
-  }
-
-  /**
-   * @return {HTMLSpanElement}
-   */
-  private createAnvil(): HTMLSpanElement {
-    return this.documentRef.createElement('span');
-  }
-}
-
-export default SecurityUtility;
diff --git a/typo3_src/TypeScript/core/tests/ajax/ajax-request-test.ts b/typo3_src/TypeScript/core/tests/ajax/ajax-request-test.ts
deleted file mode 100644
index 228fe3f..0000000
--- a/typo3_src/TypeScript/core/tests/ajax/ajax-request-test.ts
+++ /dev/null
@@ -1,254 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import AjaxRequest from '@typo3/core/ajax/ajax-request';
-import {AjaxResponse} from '@typo3/core/ajax/ajax-response';
-
-describe('@typo3/core/ajax/ajax-request', (): void => {
-  let promiseHelper: any;
-
-  beforeEach((): void => {
-    const fetchPromise: Promise<Response> = new Promise(((resolve: Function, reject: Function): void => {
-      promiseHelper = {
-        resolve: resolve,
-        reject: reject,
-      }
-    }));
-    spyOn(window, 'fetch').and.returnValue(fetchPromise);
-  });
-
-  it('sends GET request', (): void => {
-    (new AjaxRequest('https://example.com')).get();
-    expect(window.fetch).toHaveBeenCalledWith('https://example.com/', jasmine.objectContaining({method: 'GET'}));
-  });
-
-  for (let requestMethod of ['POST', 'PUT', 'DELETE']) {
-    describe(`send a ${requestMethod} request`, (): void => {
-      function* requestDataProvider(): any {
-        yield [
-          'object as payload',
-          requestMethod,
-          {foo: 'bar', bar: 'baz', nested: {works: 'yes'}},
-          (): FormData => {
-            const expected = new FormData();
-            expected.set('foo', 'bar');
-            expected.set('bar', 'baz');
-            expected.set('nested[works]', 'yes');
-            return expected;
-          },
-          {}
-        ];
-        yield [
-          'JSON object as payload',
-          requestMethod,
-          {foo: 'bar', bar: 'baz', nested: {works: 'yes'}},
-          (): string => {
-            return JSON.stringify({foo: 'bar', bar: 'baz', nested: {works: 'yes'}})
-          },
-          {'Content-Type': 'application/json'}
-        ];
-        yield [
-          'JSON string as payload',
-          requestMethod,
-          JSON.stringify({foo: 'bar', bar: 'baz', nested: {works: 'yes'}}),
-          (): string => {
-            return JSON.stringify({foo: 'bar', bar: 'baz', nested: {works: 'yes'}})
-          },
-          {'Content-Type': 'application/json'}
-        ];
-      }
-
-      for (let providedData of requestDataProvider()) {
-        let [name, requestMethod, payload, expectedFn, headers] = providedData;
-        const requestFn: string = requestMethod.toLowerCase();
-        it(`with ${name}`, (done: DoneFn): void => {
-          const request: any = (new AjaxRequest('https://example.com'));
-          request[requestFn](payload, {headers: headers});
-          expect(window.fetch).toHaveBeenCalledWith('https://example.com/', jasmine.objectContaining({method: requestMethod, body: expectedFn()}));
-          done();
-        });
-      }
-    });
-  }
-
-  describe('send GET requests', (): void => {
-    function* responseDataProvider(): any {
-      yield [
-        'plaintext',
-        'foobar huselpusel',
-        {},
-        (data: any, responseBody: any): void => {
-          expect(typeof data === 'string').toBeTruthy();
-          expect(data).toEqual(responseBody);
-        }
-      ];
-      yield [
-        'JSON',
-        JSON.stringify({foo: 'bar', baz: 'bencer'}),
-        {'Content-Type': 'application/json'},
-        (data: any, responseBody: any): void => {
-          expect(typeof data === 'object').toBeTruthy();
-          expect(JSON.stringify(data)).toEqual(responseBody);
-        }
-      ];
-      yield [
-        'JSON with utf-8',
-        JSON.stringify({foo: 'bar', baz: 'bencer'}),
-        {'Content-Type': 'application/json; charset=utf-8'},
-        (data: any, responseBody: any): void => {
-          expect(typeof data === 'object').toBeTruthy();
-          expect(JSON.stringify(data)).toEqual(responseBody);
-        }
-      ];
-    }
-
-    for (let providedData of responseDataProvider()) {
-      let [name, responseText, headers, onfulfill] = providedData;
-      it('receives a ' + name + ' response', (done: DoneFn): void => {
-        const response = new Response(responseText, {headers: headers});
-        promiseHelper.resolve(response);
-
-        (new AjaxRequest('https://example.com')).get().then(async (response: AjaxResponse): Promise<any> => {
-          const data = await response.resolve();
-          expect(window.fetch).toHaveBeenCalledWith('https://example.com/', jasmine.objectContaining({method: 'GET'}));
-          onfulfill(data, responseText);
-          done();
-        })
-      });
-    }
-  });
-
-  describe('send requests with different input urls', (): void => {
-    function* urlInputDataProvider(): any {
-      yield [
-        'absolute url with domain',
-        'https://example.com',
-        {},
-        'https://example.com/',
-      ];
-      yield [
-        'absolute url with domain, with query parameter',
-        'https://example.com',
-        {foo: 'bar', bar: {baz: 'bencer'}},
-        'https://example.com/?foo=bar&bar[baz]=bencer',
-      ];
-      yield [
-        'absolute url without domain',
-        '/foo/bar',
-        {},
-        window.location.origin + '/foo/bar',
-      ];
-      yield [
-        'absolute url without domain, with query parameter',
-        '/foo/bar',
-        {foo: 'bar', bar: {baz: 'bencer'}},
-        window.location.origin + '/foo/bar?foo=bar&bar[baz]=bencer',
-      ];
-      yield [
-        'relative url without domain',
-        'foo/bar',
-        {},
-        window.location.origin + '/foo/bar',
-      ];
-      yield [
-        'relative url without domain, with query parameter',
-        'foo/bar',
-        {foo: 'bar', bar: {baz: 'bencer'}},
-        window.location.origin + '/foo/bar?foo=bar&bar[baz]=bencer',
-      ];
-      yield [
-        'fallback to current script if not defined',
-        '?foo=bar&baz=bencer',
-        {},
-        window.location.origin + window.location.pathname + '?foo=bar&baz=bencer',
-      ];
-    }
-
-    for (let providedData of urlInputDataProvider()) {
-      let [name, input, queryParameter, expected] = providedData;
-      it('with ' + name, (): void => {
-        (new AjaxRequest(input)).withQueryArguments(queryParameter).get();
-        expect(window.fetch).toHaveBeenCalledWith(expected, jasmine.objectContaining({method: 'GET'}));
-      });
-    }
-  });
-
-  describe('send requests with query arguments', (): void => {
-    function* queryArgumentsDataProvider(): any {
-      yield [
-        'single level of arguments',
-        {foo: 'bar', bar: 'baz'},
-        'https://example.com/?foo=bar&bar=baz',
-      ];
-      yield [
-        'nested arguments',
-        {foo: 'bar', bar: {baz: 'bencer'}},
-        'https://example.com/?foo=bar&bar[baz]=bencer',
-      ];
-      yield [
-        'string argument',
-        'hello=world&foo=bar',
-        'https://example.com/?hello=world&foo=bar',
-      ];
-      yield [
-        'array of arguments',
-        ['foo=bar', 'husel=pusel'],
-        'https://example.com/?foo=bar&husel=pusel',
-      ];
-      yield [
-        'object with array',
-        {foo: ['bar', 'baz']},
-        'https://example.com/?foo[0]=bar&foo[1]=baz',
-      ];
-      yield [
-        'complex object',
-        {
-          foo: 'bar',
-          nested: {
-            husel: 'pusel',
-            bar: 'baz',
-            array: ['5', '6']
-          },
-          array: ['1', '2']
-        },
-        'https://example.com/?foo=bar&nested[husel]=pusel&nested[bar]=baz&nested[array][0]=5&nested[array][1]=6&array[0]=1&array[1]=2',
-      ];
-      yield [
-        'complex, deeply nested object',
-        {
-          foo: 'bar',
-          nested: {
-            husel: 'pusel',
-            bar: 'baz',
-            array: ['5', '6'],
-            deep_nested: {
-              husel: 'pusel',
-              bar: 'baz',
-              array: ['5', '6']
-            },
-          },
-          array: ['1', '2']
-        },
-        'https://example.com/?foo=bar&nested[husel]=pusel&nested[bar]=baz&nested[array][0]=5&nested[array][1]=6&nested[deep_nested][husel]=pusel&nested[deep_nested][bar]=baz&nested[deep_nested][array][0]=5&nested[deep_nested][array][1]=6&array[0]=1&array[1]=2',
-      ];
-    }
-
-    for (let providedData of queryArgumentsDataProvider()) {
-      let [name, input, expected] = providedData;
-      it('with ' + name, (): void => {
-        (new AjaxRequest('https://example.com/')).withQueryArguments(input).get();
-        expect(window.fetch).toHaveBeenCalledWith(expected, jasmine.objectContaining({method: 'GET'}));
-      });
-    }
-  });
-});
diff --git a/typo3_src/TypeScript/core/tests/ajax/input-transformer-test.ts b/typo3_src/TypeScript/core/tests/ajax/input-transformer-test.ts
deleted file mode 100644
index 90f4cca..0000000
--- a/typo3_src/TypeScript/core/tests/ajax/input-transformer-test.ts
+++ /dev/null
@@ -1,62 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import {GenericKeyValue, InputTransformer} from '@typo3/core/ajax/input-transformer';
-
-describe('@typo3/core/ajax/input-transformer', (): void => {
-  it('converts object to FormData', (): void => {
-    const input: GenericKeyValue = {foo: 'bar', bar: 'baz', nested: {works: 'yes'}};
-    const expected = new FormData();
-    expected.set('foo', 'bar');
-    expected.set('bar', 'baz');
-    expected.set('nested[works]', 'yes');
-
-    expect(InputTransformer.toFormData(input)).toEqual(expected);
-  });
-
-  it('undefined values are removed in FormData', (): void => {
-    const input: GenericKeyValue = {foo: 'bar', bar: 'baz', removeme: undefined};
-    const expected = new FormData();
-    expected.set('foo', 'bar');
-    expected.set('bar', 'baz');
-
-    expect(InputTransformer.toFormData(input)).toEqual(expected);
-  });
-
-  it('converts object to SearchParams', (): void => {
-    const input: GenericKeyValue = {foo: 'bar', bar: 'baz', nested: {works: 'yes'}};
-    const expected = 'foo=bar&bar=baz&nested[works]=yes';
-
-    expect(InputTransformer.toSearchParams(input)).toEqual(expected);
-  });
-
-  it('merges array to SearchParams', (): void => {
-    const input: Array<string> = ['foo=bar', 'bar=baz'];
-    const expected = 'foo=bar&bar=baz';
-
-    expect(InputTransformer.toSearchParams(input)).toEqual(expected);
-  });
-
-  it('keeps string in SearchParams', (): void => {
-    const input: string = 'foo=bar&bar=baz';
-    const expected = 'foo=bar&bar=baz';
-
-    expect(InputTransformer.toSearchParams(input)).toEqual(expected);
-  });
-
-  it('undefined values are removed in SearchParams', (): void => {
-    const input: GenericKeyValue = {foo: 'bar', bar: 'baz', removeme: undefined};
-    const expected = 'foo=bar&bar=baz';
-    expect(InputTransformer.toSearchParams(input)).toEqual(expected);
-  });
-});
diff --git a/typo3_src/TypeScript/core/tests/security-utility-test.ts b/typo3_src/TypeScript/core/tests/security-utility-test.ts
deleted file mode 100644
index 112f67a..0000000
--- a/typo3_src/TypeScript/core/tests/security-utility-test.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-
-import SecurityUtility from '@typo3/core/security-utility';
-
-describe('@typo3/core/security-utility', (): void => {
-  it('generates random hex value', (): void => {
-    function* validLengthDataProvider(): any {
-      yield 1;
-      yield 20;
-      yield 39;
-    }
-    for (let validLength of validLengthDataProvider()) {
-      const randomHexValue = (new SecurityUtility()).getRandomHexValue(validLength);
-      expect(randomHexValue.length).toBe(validLength);
-    }
-  });
-
-  it('throws SyntaxError on invalid length', (): void => {
-    function* invalidLengthDataProvider(): any {
-      yield 0;
-      yield -90;
-      yield 10.3; // length is "ceiled", 10.3 => 11, 10 != 11
-    }
-    for (let invalidLength of invalidLengthDataProvider()) {
-      expect(() => (new SecurityUtility()).getRandomHexValue(invalidLength)).toThrowError(SyntaxError);
-    }
-  });
-
-  it('encodes HTML', (): void => {
-    expect((new SecurityUtility).encodeHtml('<>"\'&')).toBe('&lt;&gt;&quot;&apos;&amp;');
-  });
-
-  it('removes HTML from string', (): void => {
-    expect((new SecurityUtility).stripHtml('<img src="" onerror="alert(\'1\')">oh noes')).toBe('oh noes');
-    expect((new SecurityUtility).encodeHtml('<>"\'&')).toBe('&lt;&gt;&quot;&apos;&amp;');
-  });
-});
diff --git a/webpack.js b/webpack.js
deleted file mode 100644
index bc61b72..0000000
--- a/webpack.js
+++ /dev/null
@@ -1,33 +0,0 @@
-const path = require('path');
-
-module.exports = {
-	mode: 'development',
-	entry: {
-		MailCatcher: './Resources/Private/TypeScript/MailCatcher.ts'
-	},
-	output: {
-		filename: 'Resources/Public/JavaScript/[name].js',
-		path: path.resolve(__dirname, '.'),
-		libraryTarget: 'amd',
-		library: "TYPO3/CMS/XmMailCatcher/[name]"
-	},
-	module: {
-		rules: [
-			{
-				test: /\.tsx?$/,
-				use: 'ts-loader'
-			}
-		],
-	},
-	resolve: {
-		extensions: ['.tsx', '.ts', '.js'],
-		alias: {
-			'TYPO3/CMS/XmMailCatcher': path.resolve(__dirname, 'Resources/Private/TypeScript')
-		}
-	},
-	externals: {
-		'TYPO3/CMS/Backend/Severity': 'TYPO3/CMS/Backend/Severity',
-		'TYPO3/CMS/Backend/Modal': 'TYPO3/CMS/Backend/Modal',
-		'jquery': 'jquery'
-	}
-};