From db868ef2371be34ee81c7aadca60b18a56fed2a6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Stefan=20B=C3=BCrk?= <stefan@buerk.tech>
Date: Mon, 2 Jun 2025 12:31:03 +0200
Subject: [PATCH] [TASK] Replace TYPO3 localization override with
 `EXT:deepl_base`

`EXT:deepltranslate_core` replaced TYPO3 backend implementation
of the localization JavaScript modal to add two custom modes to
the system along with extending the `LocalizationController` to
ensure processing works by mitigating the hardcoded core mode
checks implemented by the TYPO3 Core.

Meanwhile, a new planned extension also needs to provide one or
more custom modes, which should work standalone and or next to
`EXT:deepltransate_core` which makes providing hardcoded mode
extension unreliable, special in a cross-mix.

To mitigate this a new `EXT:deepl_base` extension has been now
created to provide the overrides in a extensible way using the
one or other PSR-14 event, adding a new AJAX Endpoint for the
locaization modes and adjusts the JavaScript to be dynamically
changeable and is based on a early `work-in-progress` change for
TYPO3 v14, provided as a early and slightly enhanced backport.

This change replaces the own implementation with the provided
events of the shared extension, dropping obsolete code directly
to keep it clean.

Current PSR-14 event based implementation lacks checking if
the `deepl api key` has been set and will be added with one
of the following changes along with further adjustments.

This change acts as a kickstart for the replacement now to
open up for dual developlment on this extension and another
extension on the same time and unblock that.

However, it's still a working state and leads to the direction
already planned.

Used command(s):

```shell
BIN_COMPOSER="Build/Scripts/runTests.sh -p 8.1 -t 12 -s composer -- " \
&& ${BIN_COMPOSER} config minimum-stability "dev" \
&& ${BIN_COMPOSER} config prefer-stable true \
&& ${BIN_COMPOSER} require "web-vision/deepl-base":"1.*.*@dev"
&& Build/Scripts/runTests.sh -p 8.1 -t 12 -s composerUpdate \
&& Build/Scripts/runTests.sh -p 8.1 -t 12 -s phpstanGenerateBaseline \
&& Build/Scripts/runTests.sh -p 8.2 -t 13 -s composerUpdate \
&& Build/Scripts/runTests.sh -p 8.2 -t 13 -s phpstanGenerateBaseline \
&& Build/Scripts/runTests.sh -p 8.1 -t 12 -s composerUpdate
```
---
 Build/Sources/Core13/localization.js          |  13 -
 Build/Sources/Core13/localization.ts          | 485 -----------------
 Build/Sources/TypeScript/localization.ts      | 506 ------------------
 Build/phpstan/Core12/phpstan-baseline.neon    |  15 -
 Build/phpstan/Core13/phpstan-baseline.neon    |  15 -
 .../ApplyLocalizationModesEventListener.php   |  60 +++
 .../ProcessLocalizationModeEventListener.php  |  36 ++
 Classes/Override/LocalizationController.php   | 127 -----
 Configuration/JavaScriptModules.php           |   4 -
 Configuration/Services.yaml                   |  14 +
 Resources/Public/Css/patch-105853.css         |   6 -
 Resources/Public/JavaScript/Settings.js       |   8 -
 Resources/Public/JavaScript/localization12.js | 467 ----------------
 Resources/Public/JavaScript/localization13.js |  13 -
 Tests/Functional/AbstractDeepLTestCase.php    |   1 +
 .../ContentElementsInContainerTest.php        |   1 +
 ...lationWithModifiedTcaConfigurationTest.php |   1 +
 .../LocalizationInlineRegressionTest.php      |   1 +
 .../ExtensionActiveViewHelperTest.php         |   1 +
 composer.json                                 |   5 +-
 ext_emconf.php                                |   1 +
 ext_localconf.php                             |  15 -
 22 files changed, 119 insertions(+), 1676 deletions(-)
 delete mode 100644 Build/Sources/Core13/localization.js
 delete mode 100644 Build/Sources/Core13/localization.ts
 delete mode 100644 Build/Sources/TypeScript/localization.ts
 create mode 100644 Classes/Event/Listener/ApplyLocalizationModesEventListener.php
 create mode 100644 Classes/Event/Listener/ProcessLocalizationModeEventListener.php
 delete mode 100644 Classes/Override/LocalizationController.php
 delete mode 100644 Resources/Public/Css/patch-105853.css
 delete mode 100644 Resources/Public/JavaScript/Settings.js
 delete mode 100644 Resources/Public/JavaScript/localization12.js
 delete mode 100644 Resources/Public/JavaScript/localization13.js

diff --git a/Build/Sources/Core13/localization.js b/Build/Sources/Core13/localization.js
deleted file mode 100644
index 8ed6f31e..00000000
--- a/Build/Sources/Core13/localization.js
+++ /dev/null
@@ -1,13 +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.js";import $ from"jquery";import{SeverityEnum}from"@typo3/backend/enum/severity.js";import AjaxRequest from"@typo3/core/ajax/ajax-request.js";import Icons from"@typo3/backend/icons.js";import Modal from"@typo3/backend/modal.js";import MultiStepWizard from"@typo3/backend/multi-step-wizard.js";import"@typo3/backend/element/icon-element.js";import{MarkupIdentifiers}from"@typo3/backend/enum/icon-types.js";class Localization{constructor(){this.triggerButton=".t3js-localize",DocumentService.ready().then((()=>{this.initialize()}))}async initialize(){const e=await Icons.getIcon("actions-localize",Icons.sizes.large),t=await Icons.getIcon("actions-edit-copy",Icons.sizes.large),a=await Icons.getIcon("actions-localize-deepl",Icons.sizes.large,null,null,MarkupIdentifiers.inline);$(this.triggerButton).removeClass("disabled"),$(document).on("click",this.triggerButton,(async l=>{l.preventDefault();const o=$(l.currentTarget),n=[],i=[];if(0===o.data("allowTranslate")&&0===o.data("allowCopy"))return void Modal.confirm(TYPO3.lang["window.localization.mixed_mode.title"],TYPO3.lang["window.localization.mixed_mode.message"],SeverityEnum.warning,[{text:TYPO3?.lang?.["button.ok"]||"OK",btnClass:"btn-warning",name:"ok",trigger:(e,t)=>t.hideModal()}]);const c=await(await this.loadAvailableLanguages(parseInt(o.data("pageId"),10),parseInt(o.data("languageId"),10))).resolve();if(o.data("allowTranslate")&&(n.push('<div class="row"><div class="col-sm-3"><input class="btn-check t3js-localization-option" type="radio" name="mode" id="mode_translate" value="localize"><label class="btn btn-default btn-block-vertical deepl-translate-modal-icon-text-alignment" for="mode_translate" data-action="localize">'+e+TYPO3.lang["localize.wizard.button.translate"]+'</label></div><div class="col-sm-9"><p class="text-body-secondary">'+TYPO3.lang["localize.educate.translate"]+"</p></div></div>"),i.push("localize")),o.data("allowCopy")&&(n.push('<div class="row"><div class="col-sm-3"><input class="btn-check t3js-localization-option" type="radio" name="mode" id="mode_copy" value="copyFromLanguage"><label class="btn btn-default btn-block-vertical deepl-translate-modal-icon-text-alignment" for="mode_copy" data-action="copy">'+t+TYPO3.lang["localize.wizard.button.copy"]+'</label></div><div class="col-sm-9"><p class="t3js-helptext t3js-helptext-copy text-body-secondary">'+TYPO3.lang["localize.educate.copy"]+"</p></div></div>"),i.push("copyFromLanguage")),n.push('<div class="row" id="deeplTranslate"><div class="col-sm-3"><input class="btn-check t3js-localization-option" type="radio" name="mode" id="mode_deepltranslateauto" value="localizedeepl"><label class="btn btn-default btn-block-vertical deepl-translate-modal-icon-text-alignment" for="mode_deepltranslateauto" data-action="deepltranslate">'+a+TYPO3.lang["localize.educate.deepltranslateHeader"]+'</label></div><div class="col-sm-9" id="deeplText"><div class=\'alert alert-danger\' hidden>'+TYPO3.lang["localize.educate.deeplSettingsFailure"]+'</div><p class="t3js-helptext t3js-helptext-copy text-body-secondary">'+TYPO3.lang["localize.educate.deepltranslate"]+"</p></div></div>"),i.push("localizedeepl"),n.push('<div class="row" id="deeplTranslateAuto"><div class="col-sm-3"><input class="btn-check t3js-localization-option" type="radio" name="mode" id="mode_deepltranslate" value="localizedeeplauto"><label class="btn btn-default btn-block-vertical deepl-translate-modal-icon-text-alignment" for="mode_deepltranslate" data-action="deepltranslate">'+a+TYPO3.lang["localize.educate.deepltranslateHeaderAutodetect"]+'</label></div><div class="col-sm-9" id="deeplTextAuto"><div class=\'alert alert-danger\' hidden>'+TYPO3.lang["localize.educate.deeplSettingsFailure"]+'</div><p class="t3js-helptext t3js-helptext-copy text-body-secondary">'+TYPO3.lang["localize.educate.deepltranslateAuto"]+"</p></div></div>"),i.push("localizedeeplauto"),1===i.length)MultiStepWizard.set("localizationMode",i[0]);else{const e=document.createElement("div");e.dataset.bsToggle="buttons",e.append(...n.map((e=>document.createRange().createContextualFragment(e)))),MultiStepWizard.addSlide("localize-choose-action",TYPO3.lang["localize.wizard.header_page"].replace("{0}",o.data("page")).replace("{1}",o.data("languageName")),e,SeverityEnum.notice,TYPO3.lang["localize.wizard.step.selectMode"],((e,t)=>{void 0!==t.localizationMode&&MultiStepWizard.unlockNextStep()}))}1===c.length?MultiStepWizard.set("sourceLanguage",c[0].uid):MultiStepWizard.addSlide("localize-choose-language",TYPO3.lang["localize.view.chooseLanguage"],"",SeverityEnum.notice,TYPO3.lang["localize.wizard.step.chooseLanguage"],(async(e,t)=>{void 0!==t.sourceLanguage&&MultiStepWizard.unlockNextStep(),e.html('<div class="text-center">'+await Icons.getIcon("spinner-circle",Icons.sizes.large)+"</div>"),MultiStepWizard.getComponent().on("change",".t3js-language-option",(e=>{MultiStepWizard.set("sourceLanguage",$(e.currentTarget).val()),MultiStepWizard.unlockNextStep()}));const a=$("<div />",{class:"row"});for(const e of c){const t="language"+e.uid,l=$("<input />",{type:"radio",name:"language",id:t,value:e.uid,class:"btn-check t3js-language-option"}),o=$("<label />",{class:"btn btn-default btn-block",for:t}).text(" "+e.title).prepend(e.flagIcon);a.append($("<div />",{class:"col-sm-4"}).append(l).append(o))}e.empty().append(a)})),MultiStepWizard.addSlide("localize-summary",TYPO3.lang["localize.view.summary"],"",SeverityEnum.notice,TYPO3.lang["localize.wizard.step.selectRecords"],(async(e,t)=>{e.empty().html('<div class="text-center">'+await Icons.getIcon("spinner-circle",Icons.sizes.large)+"</div>");const a=await(await this.getSummary(parseInt(o.data("pageId"),10),parseInt(o.data("languageId"),10),t.sourceLanguage)).resolve();e.empty(),MultiStepWizard.set("records",[]);const l=a.columns.columns;a.columns.columnList.forEach((o=>{if(void 0===a.records[o])return;const n=l[o],i=document.createElement("div");i.classList.add("row","gy-2"),a.records[o].forEach((e=>{const a=" ("+e.uid+") "+e.title;t.records.push(e.uid);const l=document.createElement("div");l.classList.add("col-sm-6");const o=document.createElement("div");o.classList.add("input-group");const n=document.createElement("span");n.classList.add("input-group-text");const c=document.createElement("span");c.classList.add("form-check","form-check-type-toggle");const d=document.createElement("input");d.type="checkbox",d.id="record-uid-"+e.uid,d.classList.add("form-check-input","t3js-localization-toggle-record"),d.checked=!0,d.dataset.uid=e.uid.toString(),d.ariaLabel=a;const s=document.createElement("label");s.classList.add("form-control"),s.htmlFor="record-uid-"+e.uid,s.innerHTML=e.icon,s.appendChild(document.createTextNode(a)),c.appendChild(d),n.appendChild(c),o.appendChild(n),o.appendChild(s),l.appendChild(o),i.appendChild(l)}));const c=document.createElement("fieldset");c.classList.add("localization-fieldset");const d=document.createElement("div");d.classList.add("form-check","form-check-type-toggle");const s=document.createElement("input");s.classList.add("form-check-input","t3js-localization-toggle-column"),s.id="records-column-"+o,s.type="checkbox",s.checked=!0;const r=document.createElement("label");r.classList.add("form-check-label"),r.htmlFor="records-column-"+o,r.textContent=n,d.appendChild(s),d.appendChild(r),c.appendChild(d),c.appendChild(i),e.append(c)})),MultiStepWizard.unlockNextStep(),MultiStepWizard.getComponent().on("change",".t3js-localization-toggle-record",(e=>{const a=$(e.currentTarget),l=a.data("uid"),o=a.closest("fieldset"),n=o.find(".t3js-localization-toggle-column");if(a.is(":checked"))t.records.push(l);else{const e=t.records.indexOf(l);e>-1&&t.records.splice(e,1)}const i=o.find(".t3js-localization-toggle-record"),c=o.find(".t3js-localization-toggle-record:checked");n.prop("checked",c.length>0),n.prop("__indeterminate",c.length>0&&c.length<i.length),t.records.length>0?MultiStepWizard.unlockNextStep():MultiStepWizard.lockNextStep()})).on("change",".t3js-localization-toggle-column",(e=>{const t=$(e.currentTarget),a=t.closest("fieldset").find(".t3js-localization-toggle-record");a.prop("checked",t.is(":checked")),a.trigger("change")}))})),MultiStepWizard.addFinalProcessingSlide((async(e,t)=>{await this.localizeRecords(parseInt(o.data("pageId"),10),parseInt(o.data("languageId"),10),t.sourceLanguage,t.localizationMode,t.records),MultiStepWizard.dismiss(),document.location.reload()})).then((()=>{MultiStepWizard.show(),MultiStepWizard.getComponent().on("change",".t3js-localization-option",(e=>{const t=$(e.currentTarget).val(),a=window.parent.document.querySelector("#deeplText .alert"),l=window.parent.document.querySelector("#deeplTextAuto .alert");if("localizedeepl"===t||"localizedeeplauto"===t){const o="localizedeepl"==t?"#deeplText .alert":"#deeplTextAuto .alert",n=window.parent.document.querySelector(o);this.deeplSettings().then((async t=>{!1===(await t.resolve()).status?(MultiStepWizard.lockNextStep(),a.hidden=!0,l.hidden=!0,n.hidden=!1):(a.hidden=!0,l.hidden=!0,MultiStepWizard.set("localizationMode",$(e.currentTarget).val()),MultiStepWizard.unlockNextStep())}))}else a.hidden=!0,l.hidden=!0,MultiStepWizard.set("localizationMode",$(e.currentTarget).val()),MultiStepWizard.unlockNextStep()}))}))}))}loadAvailableLanguages(e,t){return new AjaxRequest(TYPO3.settings.ajaxUrls.page_languages).withQueryArguments({pageId:e,languageId:t}).get()}getSummary(e,t,a){return new AjaxRequest(TYPO3.settings.ajaxUrls.records_localize_summary).withQueryArguments({pageId:e,destLanguageId:t,languageId:a}).get()}localizeRecords(e,t,a,l,o){return new AjaxRequest(TYPO3.settings.ajaxUrls.records_localize).withQueryArguments({pageId:e,srcLanguageId:a,destLanguageId:t,action:l,uidList:o}).get()}deeplSettings(){return new AjaxRequest(TYPO3.settings.ajaxUrls.deepl_check_configuration).get()}}export default new Localization;
diff --git a/Build/Sources/Core13/localization.ts b/Build/Sources/Core13/localization.ts
deleted file mode 100644
index 79873d21..00000000
--- a/Build/Sources/Core13/localization.ts
+++ /dev/null
@@ -1,485 +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 $ 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 Modal, { ModalElement } from './modal';
-import MultiStepWizard, { MultiStepWizardSettings } from './multi-step-wizard';
-import '@typo3/backend/element/icon-element';
-import { MarkupIdentifiers } from './enum/icon-types';
-
-type LanguageRecord = {
-  uid: number;
-  title: string;
-  flagIcon: string;
-};
-
-type DeeplSettings = {
-  status: boolean;
-  message: 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 readonly triggerButton: string = '.t3js-localize';
-
-  constructor() {
-    DocumentService.ready().then((): void => {
-      this.initialize();
-    });
-  }
-
-  private async initialize(): Promise<void> {
-    const localizeIconMarkup = await Icons.getIcon('actions-localize', Icons.sizes.large);
-    const copyIconMarkup = await Icons.getIcon('actions-edit-copy', Icons.sizes.large);
-    //------------------------------------------------------------------------------------------------------------------
-    // deepltranslate custom icon markup
-    //------------------------------------------------------------------------------------------------------------------
-    // Note 'inline' is required to enforce inlining of the svg, otherwise the `currentColor` light/darkmode override
-    // in the svg would not work as TYPO3 is loading custom svg as img tag and not as inline svg. (core-bug)
-    //------------------------------------------------------------------------------------------------------------------
-    const deeplIconMarkup = await Icons.getIcon('actions-localize-deepl', Icons.sizes.large, null, null, MarkupIdentifiers.inline);
-    //------------------------------------------------------------------------------------------------------------------
-
-    $(this.triggerButton).removeClass('disabled');
-
-    $(document).on('click', this.triggerButton, async (e: JQueryEventObject): Promise<void> => {
-      e.preventDefault();
-
-      const $triggerButton = $(e.currentTarget);
-      const actions: Array<string> = [];
-      const availableLocalizationModes: Array<string> = [];
-
-      if ($triggerButton.data('allowTranslate') === 0 && $triggerButton.data('allowCopy') === 0) {
-        Modal.confirm(
-          TYPO3.lang['window.localization.mixed_mode.title'],
-          TYPO3.lang['window.localization.mixed_mode.message'],
-          SeverityEnum.warning,
-          [
-            {
-              text: TYPO3?.lang?.['button.ok'] || 'OK',
-              btnClass: 'btn-warning',
-              name: 'ok',
-              trigger: (e: Event, modal: ModalElement): void => modal.hideModal()
-            }
-          ]
-        );
-        return;
-      }
-
-      const availableLanguages: LanguageRecord[] = await (await this.loadAvailableLanguages(
-        parseInt($triggerButton.data('pageId'), 10),
-        parseInt($triggerButton.data('languageId'), 10),
-      )).resolve();
-
-      // const deeplSettings: DeeplSettings = await (await this.deeplSettings()).resolve();
-
-      if ($triggerButton.data('allowTranslate')) {
-        actions.push(
-          '<div class="row">'
-          + '<div class="col-sm-3">'
-          + '<input class="btn-check t3js-localization-option" type="radio" name="mode" id="mode_translate" value="localize">'
-          + '<label class="btn btn-default btn-block-vertical deepl-translate-modal-icon-text-alignment" for="mode_translate" data-action="localize">'
-          + localizeIconMarkup
-          + TYPO3.lang['localize.wizard.button.translate']
-          + '</label>'
-          + '</div>'
-          + '<div class="col-sm-9">'
-          + '<p class="text-body-secondary">' + 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">'
-          + '<input class="btn-check t3js-localization-option" type="radio" name="mode" id="mode_copy" value="copyFromLanguage">'
-          + '<label class="btn btn-default btn-block-vertical deepl-translate-modal-icon-text-alignment" for="mode_copy" data-action="copy">'
-          + copyIconMarkup
-          + TYPO3.lang['localize.wizard.button.copy']
-          + '</label>'
-          + '</div>'
-          + '<div class="col-sm-9">'
-          + '<p class="t3js-helptext t3js-helptext-copy text-body-secondary">' + TYPO3.lang['localize.educate.copy'] + '</p>'
-          + '</div>'
-          + '</div>',
-        );
-        availableLocalizationModes.push('copyFromLanguage');
-      }
-
-      // deepltranslate
-      actions.push(
-        '<div class="row" id="deeplTranslate">'
-        + '<div class="col-sm-3">'
-        + '<input class="btn-check t3js-localization-option" type="radio" name="mode" id="mode_deepltranslateauto" value="localizedeepl">'
-        + '<label class="btn btn-default btn-block-vertical deepl-translate-modal-icon-text-alignment" for="mode_deepltranslateauto" data-action="deepltranslate">'
-        + deeplIconMarkup
-        + TYPO3.lang['localize.educate.deepltranslateHeader']
-        + '</label>'
-        + '</div>'
-        + '<div class="col-sm-9" id="deeplText">'
-        + '<div class=\'alert alert-danger\' hidden>'
-        + TYPO3.lang['localize.educate.deeplSettingsFailure']
-        + '</div>'
-        + '<p class="t3js-helptext t3js-helptext-copy text-body-secondary">' + TYPO3.lang['localize.educate.deepltranslate'] + '</p>'
-        + '</div>'
-        + '</div>',
-      );
-      availableLocalizationModes.push('localizedeepl');
-
-      // deepltranslate-auto
-      actions.push(
-        '<div class="row" id="deeplTranslateAuto">'
-        + '<div class="col-sm-3">'
-        + '<input class="btn-check t3js-localization-option" type="radio" name="mode" id="mode_deepltranslate" value="localizedeeplauto">'
-        + '<label class="btn btn-default btn-block-vertical deepl-translate-modal-icon-text-alignment" for="mode_deepltranslate" data-action="deepltranslate">'
-        + deeplIconMarkup
-        + TYPO3.lang['localize.educate.deepltranslateHeaderAutodetect']
-        + '</label>'
-        + '</div>'
-        + '<div class="col-sm-9" id="deeplTextAuto">'
-        + '<div class=\'alert alert-danger\' hidden>'
-        + TYPO3.lang['localize.educate.deeplSettingsFailure']
-        + '</div>'
-        + '<p class="t3js-helptext t3js-helptext-copy text-body-secondary">' + TYPO3.lang['localize.educate.deepltranslateAuto'] + '</p>'
-        + '</div>'
-        + '</div>',
-      );
-      availableLocalizationModes.push('localizedeeplauto');
-
-      if (availableLocalizationModes.length === 1) {
-        MultiStepWizard.set('localizationMode', availableLocalizationModes[0]);
-      } else {
-        const buttonContainer = document.createElement('div');
-        buttonContainer.dataset.bsToggle = 'buttons';
-        buttonContainer.append(...actions.map((actionMarkup: string): DocumentFragment => document.createRange().createContextualFragment(actionMarkup)));
-
-        MultiStepWizard.addSlide(
-          'localize-choose-action',
-          TYPO3.lang['localize.wizard.header_page']
-            .replace('{0}', $triggerButton.data('page'))
-            .replace('{1}', $triggerButton.data('languageName')),
-          buttonContainer,
-          SeverityEnum.notice,
-          TYPO3.lang['localize.wizard.step.selectMode'],
-          ($slide: JQuery, settings: MultiStepWizardSettings): void => {
-            if (settings.localizationMode !== undefined) {
-              MultiStepWizard.unlockNextStep();
-            }
-          }
-        );
-      }
-
-      if (availableLanguages.length === 1) {
-        MultiStepWizard.set('sourceLanguage', availableLanguages[0].uid);
-      } else {
-        MultiStepWizard.addSlide(
-          'localize-choose-language',
-          TYPO3.lang['localize.view.chooseLanguage'],
-          '',
-          SeverityEnum.notice,
-          TYPO3.lang['localize.wizard.step.chooseLanguage'],
-          async ($slide: JQuery, settings: MultiStepWizardSettings): Promise<void> => {
-            if (settings.sourceLanguage !== undefined) {
-              MultiStepWizard.unlockNextStep();
-            }
-
-            $slide.html('<div class="text-center">' + (await Icons.getIcon('spinner-circle', Icons.sizes.large)) + '</div>');
-            MultiStepWizard.getComponent().on('change', '.t3js-language-option', (optionEvt: JQueryEventObject): void => {
-              MultiStepWizard.set('sourceLanguage', $(optionEvt.currentTarget).val());
-              MultiStepWizard.unlockNextStep();
-            });
-
-            const $languageButtons = $('<div />', { class: 'row' });
-
-            for (const languageObject of availableLanguages) {
-              const id: string = 'language' + languageObject.uid;
-              const $input: JQuery = $('<input />', {
-                type: 'radio',
-                name: 'language',
-                id: id,
-                value: languageObject.uid,
-                class: 'btn-check t3js-language-option'
-              });
-              const $label: JQuery = $('<label />', {
-                class: 'btn btn-default btn-block',
-                'for': id
-              })
-                .text(' ' + languageObject.title)
-                .prepend(languageObject.flagIcon);
-
-              $languageButtons.append(
-                $('<div />', { class: 'col-sm-4' })
-                  .append($input)
-                  .append($label),
-              );
-            }
-            $slide.empty().append($languageButtons);
-          },
-        );
-      }
-      MultiStepWizard.addSlide(
-        'localize-summary',
-        TYPO3.lang['localize.view.summary'],
-        '',
-        SeverityEnum.notice,
-        TYPO3.lang['localize.wizard.step.selectRecords'],
-        async ($slide: JQuery, settings: MultiStepWizardSettings): Promise<void> => {
-          $slide.empty().html('<div class="text-center">' + (await Icons.getIcon('spinner-circle', Icons.sizes.large)) + '</div>');
-
-          const result: SummaryRecord = await (await this.getSummary(
-            parseInt($triggerButton.data('pageId'), 10),
-            parseInt($triggerButton.data('languageId'), 10),
-            settings.sourceLanguage
-          )).resolve();
-
-          $slide.empty();
-
-          MultiStepWizard.set('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 rowElement = document.createElement('div');
-            rowElement.classList.add('row', 'gy-2')
-
-            result.records[colPos].forEach((record: SummaryColPosRecord): void => {
-              const label = ' (' + record.uid + ') ' + record.title;
-              settings.records.push(record.uid);
-
-              const columnElement = document.createElement('div');
-              columnElement.classList.add('col-sm-6');
-
-              const inputGroupElement = document.createElement('div');
-              inputGroupElement.classList.add('input-group');
-
-              const inputGroupTextElement = document.createElement('span');
-              inputGroupTextElement.classList.add('input-group-text');
-
-              const checkboxContainerElement = document.createElement('span');
-              checkboxContainerElement.classList.add('form-check', 'form-check-type-toggle');
-
-              const checkboxInputElement = document.createElement('input');
-              checkboxInputElement.type = 'checkbox';
-              checkboxInputElement.id = 'record-uid-' + record.uid;
-              checkboxInputElement.classList.add('form-check-input', 't3js-localization-toggle-record');
-              checkboxInputElement.checked = true;
-              checkboxInputElement.dataset.uid = record.uid.toString();
-              checkboxInputElement.ariaLabel = label;
-
-              const labelElement = document.createElement('label');
-              labelElement.classList.add('form-control');
-              labelElement.htmlFor = 'record-uid-' + record.uid;
-              labelElement.innerHTML = record.icon;
-              labelElement.appendChild(document.createTextNode(label));
-
-              checkboxContainerElement.appendChild(checkboxInputElement);
-              inputGroupTextElement.appendChild(checkboxContainerElement);
-              inputGroupElement.appendChild(inputGroupTextElement);
-              inputGroupElement.appendChild(labelElement);
-              columnElement.appendChild(inputGroupElement);
-
-              rowElement.appendChild(columnElement);
-            });
-
-            const fieldsetElement = document.createElement('fieldset');
-            fieldsetElement.classList.add('localization-fieldset');
-
-            const fieldsetCheckboxContaineElement = document.createElement('div');
-            fieldsetCheckboxContaineElement.classList.add('form-check', 'form-check-type-toggle');
-
-            const fieldsetCheckboxInputElement = document.createElement('input');
-            fieldsetCheckboxInputElement.classList.add('form-check-input', 't3js-localization-toggle-column');
-            fieldsetCheckboxInputElement.id = 'records-column-' + colPos;
-            fieldsetCheckboxInputElement.type = 'checkbox';
-            fieldsetCheckboxInputElement.checked = true;
-
-            const fieldsetCheckboxInputLabel = document.createElement('label');
-            fieldsetCheckboxInputLabel.classList.add('form-check-label');
-            fieldsetCheckboxInputLabel.htmlFor = 'records-column-' + colPos;
-            fieldsetCheckboxInputLabel.textContent = column;
-
-            fieldsetCheckboxContaineElement.appendChild(fieldsetCheckboxInputElement);
-            fieldsetCheckboxContaineElement.appendChild(fieldsetCheckboxInputLabel);
-            fieldsetElement.appendChild(fieldsetCheckboxContaineElement);
-            fieldsetElement.appendChild(rowElement);
-
-            $slide.append(fieldsetElement);
-          });
-
-          MultiStepWizard.unlockNextStep();
-
-          MultiStepWizard.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')) {
-              settings.records.push(uid);
-            } else {
-              const index = settings.records.indexOf(uid);
-              if (index > -1) {
-                settings.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 (settings.records.length > 0) {
-              MultiStepWizard.unlockNextStep();
-            } else {
-              MultiStepWizard.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');
-          });
-        },
-      );
-
-      MultiStepWizard.addFinalProcessingSlide(async ($slide: JQuery, settings: MultiStepWizardSettings): Promise<void> => {
-        await this.localizeRecords(
-          parseInt($triggerButton.data('pageId'), 10),
-          parseInt($triggerButton.data('languageId'), 10),
-          settings.sourceLanguage,
-          settings.localizationMode,
-          settings.records,
-        );
-        MultiStepWizard.dismiss();
-        document.location.reload();
-      }).then((): void => {
-        MultiStepWizard.show();
-
-        MultiStepWizard.getComponent().on('change', '.t3js-localization-option', (optionEvt: JQueryEventObject): void => {
-          const localizationMode = $(optionEvt.currentTarget).val();
-          const divDeepl: HTMLElement = window.parent.document.querySelector('#deeplText .alert');
-          const divDeeplAuto: HTMLElement = window.parent.document.querySelector('#deeplTextAuto .alert');
-          if (localizationMode === 'localizedeepl' || localizationMode === 'localizedeeplauto') {
-            const selector = localizationMode == 'localizedeepl' ? '#deeplText .alert' : '#deeplTextAuto .alert';
-            const divDeeplSelector: HTMLElement = window.parent.document.querySelector(selector);
-            //------------------------------------------------------------------------------------------------------------
-            // deepltranslate-added
-            //------------------------------------------------------------------------------------------------------------
-            this.deeplSettings().then(async (response) => {
-              const deeplSettings : DeeplSettings = await(response.resolve());
-              if (deeplSettings.status === false) {
-                MultiStepWizard.lockNextStep();
-                divDeepl.hidden = true;
-                divDeeplAuto.hidden = true;
-                divDeeplSelector.hidden = false;
-              } else {
-                divDeepl.hidden = true;
-                divDeeplAuto.hidden = true;
-                MultiStepWizard.set('localizationMode', $(optionEvt.currentTarget).val());
-                MultiStepWizard.unlockNextStep();
-              }
-            });
-            //------------------------------------------------------------------------------------------------------------
-          } else {
-            divDeepl.hidden = true;
-            divDeeplAuto.hidden = true;
-            // original from TYPO3 outset the deeplSettings() promise handling
-            MultiStepWizard.set('localizationMode', $(optionEvt.currentTarget).val());
-            MultiStepWizard.unlockNextStep();
-            // ^^ original TYPO3
-          }
-        });
-      });
-    });
-  }
-
-  /**
-   * 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
-   */
-  private getSummary(pageId: number, languageId: number, sourceLanguage: number): Promise<AjaxResponse> {
-    return new AjaxRequest(TYPO3.settings.ajaxUrls.records_localize_summary).withQueryArguments({
-      pageId: pageId,
-      destLanguageId: languageId,
-      languageId: sourceLanguage,
-    }).get();
-  }
-
-  /**
-   * Localize records
-   */
-  private localizeRecords(pageId: number, languageId: number, sourceLanguage: number, localizationMode: string, uidList: Array<number>): Promise<AjaxResponse> {
-    return new AjaxRequest(TYPO3.settings.ajaxUrls.records_localize).withQueryArguments({
-      pageId: pageId,
-      srcLanguageId: sourceLanguage,
-      destLanguageId: languageId,
-      action: localizationMode,
-      uidList: uidList,
-    }).get();
-  }
-
-  /**
-   * Returns status of deepl configuration, is not set Deepl Button are disabled
-   *
-   * @returns {Promise<AjaxResponse>}
-   */
-  private deeplSettings(): Promise<AjaxResponse> {
-    return new AjaxRequest(TYPO3.settings.ajaxUrls.deepl_check_configuration).get();
-  }
-}
-
-export default new Localization();
diff --git a/Build/Sources/TypeScript/localization.ts b/Build/Sources/TypeScript/localization.ts
deleted file mode 100644
index 144ce89c..00000000
--- a/Build/Sources/TypeScript/localization.ts
+++ /dev/null
@@ -1,506 +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 $ from 'jquery';
-import { AjaxResponse } from '@typo3-core/ajax/ajax-response';
-import { SeverityEnum } from '@typo3-backend/enum/severity';
-import AjaxRequest from '@typo3-core/ajax/ajax-request';
-import Icons from '@typo3-backend/icons';
-import Wizard from '@typo3-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>>;
-};
-
-type AjaxControllerResponse = {
-  status: boolean;
-  message: string
-};
-
-class Localization {
-  private triggerButton: string = '.t3js-localize';
-  private localizationMode: string = null;
-  private sourceLanguage: number = null;
-  private records: Array<any> = [];
-
-  constructor() {
-    DocumentService.ready().then((): 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 => {
-        Icons.getIcon('actions-localize-deepl', Icons.sizes.large).then((deeplIconMarkup: 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-default d-block 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-body-secondary">' +
-                  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-default d-block 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-body-secondary">' +
-                  TYPO3.lang['localize.educate.copy'] +
-                  '</p>' +
-                  '</div>' +
-                  '</div>',
-              );
-              availableLocalizationModes.push('copyFromLanguage');
-            }
-
-            actions.push(`
-            <div class="row" id="deeplTranslate">
-                <div class="col-sm-3">
-                  <label class="btn btn-default d-block t3js-localization-option" data-helptext=".t3js-helptext-copy">
-                    ${deeplIconMarkup}
-                    <input type="radio" name="mode" id="mode_deepltranslate" value="localizedeepl" style="display: none">
-                    <br>
-                    ${TYPO3.lang['localize.educate.deepltranslateHeader']}
-                  </label>
-                </div>
-                <div class="col-sm-9" id="deeplText">
-                  <div class='alert alert-danger' id='alertClose' hidden>  <a href='#'' class='close'  data-bs-dismiss='alert' aria-label='close'>&times;</a>
-                    ${TYPO3.lang['localize.educate.deeplSettingsFailure']}
-                  </div>
-                  <p class="t3js-helptext t3js-helptext-copy text-body-secondary">
-                    ${TYPO3.lang['localize.educate.deepltranslate']}
-                  </p>
-                </div>
-              </div>
-              `,
-            );
-            availableLocalizationModes.push('localizedeepl');
-
-            actions.push(`
-            <div class="row" id="deeplTranslateAuto">
-                <div class="col-sm-3">
-                  <label class="btn btn-default d-block t3js-localization-option" data-helptext=".t3js-helptext-copy">
-                    ${deeplIconMarkup}
-                    <input type="radio" name="mode" id="mode_deepltranslateauto" value="localizedeeplauto" style="display: none">
-                    <br>
-                    ${TYPO3.lang['localize.educate.deepltranslateHeaderAutodetect']}
-                  </label>
-                </div>
-                <div class="col-sm-9" id="deeplTextAuto" >
-                  <div class='alert alert-danger' id='alertClose' hidden>  <a href='#'' class='close'  data-bs-dismiss='alert' aria-label='close'>&times;</a>
-                    ${TYPO3.lang['localize.educate.deeplSettingsFailure']}
-                  </div>
-                  <p class="t3js-helptext t3js-helptext-copy text-body-secondary">
-                   ${TYPO3.lang['localize.educate.deepltranslateAuto']}
-                  </p>
-                </div>
-              </div>
-              `,
-            );
-            availableLocalizationModes.push('localizedeeplauto');
-
-            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="icon-emphasized"><typo3-backend-icon identifier="actions-exclamation" size="small"></typo3-backend-icon></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('') + '</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() as number;
-                      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 d-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-body-secondary');
-                  $me.addClass('active');
-                  $container.find($me.data('helptext')).removeClass('text-body-secondary');
-                }
-                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) {
-                    this.sourceLanguage = result[0].uid;
-                  } else {
-                    // This seems pretty ugly solution to find the right language uid but its done the same way in the core... line 211-213
-                    // If we have more then 1 language we need to find the first radio button and check its value to get the source language
-                    this.sourceLanguage = $radio.prev().val() as number;
-
-                  }
-
-                  if ($radio.length > 0) {
-                    if (
-                      $radio.val() == 'localizedeepl' ||
-                      $radio.val() == 'localizedeeplauto'
-                    ) {
-                      this.deeplSettings().then(async (response) => {
-                        const result: AjaxControllerResponse = await response.resolve();
-
-                        if (result.status === false) {
-                          Wizard.lockNextStep()
-
-                          let divDeepl: HTMLElement = $radio.val() == 'localizedeepl'
-                            ? window.parent.document.querySelector('#deeplText .alert')
-                            : window.parent.document.querySelector('#deeplTextAuto .alert');
-
-                          divDeepl.hidden = false;
-                        }
-                      })
-                    }
-
-                  }
-                });
-
-                this.localizationMode = $radio.val().toString();
-                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();
-  }
-
-  /**
-   * Returns status of deepl configuration, is not set Deepl Button are disabled
-   */
-  private deeplSettings(): Promise<AjaxResponse> {
-    return new AjaxRequest(TYPO3.settings.ajaxUrls.deepl_check_configuration).get();
-  }
-}
-
-export default new Localization();
diff --git a/Build/phpstan/Core12/phpstan-baseline.neon b/Build/phpstan/Core12/phpstan-baseline.neon
index 638332f2..1a1104fa 100644
--- a/Build/phpstan/Core12/phpstan-baseline.neon
+++ b/Build/phpstan/Core12/phpstan-baseline.neon
@@ -35,21 +35,6 @@ parameters:
 			count: 1
 			path: ../../../Classes/Override/Core12/DatabaseRecordListWithGridelements.php
 
-		-
-			message: "#^Method WebVision\\\\Deepltranslate\\\\Core\\\\Override\\\\LocalizationController\\:\\:process\\(\\) has parameter \\$params with no value type specified in iterable type array\\.$#"
-			count: 1
-			path: ../../../Classes/Override/LocalizationController.php
-
-		-
-			message: "#^Unsafe access to private constant WebVision\\\\Deepltranslate\\\\Core\\\\Override\\\\LocalizationController\\:\\:ACTION_LOCALIZEDEEPL through static\\:\\:\\.$#"
-			count: 3
-			path: ../../../Classes/Override/LocalizationController.php
-
-		-
-			message: "#^Unsafe access to private constant WebVision\\\\Deepltranslate\\\\Core\\\\Override\\\\LocalizationController\\:\\:ACTION_LOCALIZEDEEPL_AUTO through static\\:\\:\\.$#"
-			count: 3
-			path: ../../../Classes/Override/LocalizationController.php
-
 		-
 			message: "#^Call to method write\\(\\) on an unknown class TYPO3\\\\CMS\\\\Core\\\\Configuration\\\\SiteWriter\\.$#"
 			count: 1
diff --git a/Build/phpstan/Core13/phpstan-baseline.neon b/Build/phpstan/Core13/phpstan-baseline.neon
index 149333db..8f5f68ba 100644
--- a/Build/phpstan/Core13/phpstan-baseline.neon
+++ b/Build/phpstan/Core13/phpstan-baseline.neon
@@ -40,21 +40,6 @@ parameters:
 			count: 1
 			path: ../../../Classes/Override/Core12/DatabaseRecordListWithGridelements.php
 
-		-
-			message: "#^Method WebVision\\\\Deepltranslate\\\\Core\\\\Override\\\\LocalizationController\\:\\:process\\(\\) has parameter \\$params with no value type specified in iterable type array\\.$#"
-			count: 1
-			path: ../../../Classes/Override/LocalizationController.php
-
-		-
-			message: "#^Unsafe access to private constant WebVision\\\\Deepltranslate\\\\Core\\\\Override\\\\LocalizationController\\:\\:ACTION_LOCALIZEDEEPL through static\\:\\:\\.$#"
-			count: 3
-			path: ../../../Classes/Override/LocalizationController.php
-
-		-
-			message: "#^Unsafe access to private constant WebVision\\\\Deepltranslate\\\\Core\\\\Override\\\\LocalizationController\\:\\:ACTION_LOCALIZEDEEPL_AUTO through static\\:\\:\\.$#"
-			count: 3
-			path: ../../../Classes/Override/LocalizationController.php
-
 		-
 			message: "#^Method WebVision\\\\Deepltranslate\\\\Core\\\\Utility\\\\DeeplBackendUtility\\:\\:buildBackendRoute\\(\\) has parameter \\$parameters with no value type specified in iterable type array\\.$#"
 			count: 1
diff --git a/Classes/Event/Listener/ApplyLocalizationModesEventListener.php b/Classes/Event/Listener/ApplyLocalizationModesEventListener.php
new file mode 100644
index 00000000..b7cded6f
--- /dev/null
+++ b/Classes/Event/Listener/ApplyLocalizationModesEventListener.php
@@ -0,0 +1,60 @@
+<?php
+
+declare(strict_types=1);
+
+namespace WebVision\Deepltranslate\Core\Event\Listener;
+
+use TYPO3\CMS\Core\Information\Typo3Version;
+use WebVision\Deepl\Base\Controller\Backend\LocalizationController;
+use WebVision\Deepl\Base\Event\GetLocalizationModesEvent;
+use WebVision\Deepl\Base\Localization\LocalizationMode;
+
+/**
+ * Provides deepltranslate related localization modes by listening to the PSR-14
+ * event {@see GetLocalizationModesEvent} dispatched by extension `deepl_base`
+ * in {@see LocalizationController::dispatchGetLocalizationModesEvent()}.
+ */
+final class ApplyLocalizationModesEventListener
+{
+    public function __invoke(GetLocalizationModesEvent $event): void
+    {
+        $modes = [];
+        $majorVersion = (new Typo3Version())->getMajorVersion();
+        if ($this->allowDeeplTranslate($event)) {
+            $modes[] = new LocalizationMode(
+                identifier: 'deepltranslate',
+                title: $event->getLanguageService()->sL('LLL:EXT:deepltranslate_core/Resources/Private/Language/locallang.xlf:localize.educate.deepltranslateHeader'),
+                description: $event->getLanguageService()->sL('LLL:EXT:deepltranslate_core/Resources/Private/Language/locallang.xlf:localize.educate.deepltranslate'),
+                icon: ($majorVersion === 13 ? 'actions-localize-deepl-13' : 'actions-localize-deepl'),
+                before: [],
+                after: ['translate', 'copy'],
+            );
+        }
+        if ($this->allowDeeplTranslateAuto($event)) {
+            // @todo Consider to drop `deepltranslateauto` mode. Does not make much sense in the current form.
+            $modes[] = new LocalizationMode(
+                identifier: 'deepltranslateauto',
+                title: $event->getLanguageService()->sL('LLL:EXT:deepltranslate_core/Resources/Private/Language/locallang.xlf:localize.educate.deepltranslateHeaderAutodetect'),
+                description: $event->getLanguageService()->sL('LLL:EXT:deepltranslate_core/Resources/Private/Language/locallang.xlf:localize.educate.deepltranslateAuto'),
+                icon: ($majorVersion === 13 ? 'actions-localize-deepl-13' : 'actions-localize-deepl'),
+                before: [],
+                after: ['translate', 'copy', 'deepltranslate'],
+            );
+        }
+        if ($modes !== []) {
+            $event->getModes()->add(...array_values($modes));
+        }
+    }
+
+    private function allowDeeplTranslate(GetLocalizationModesEvent $event): bool
+    {
+        // @todo Prepared for PageTSConfig feature to toggle `deepltranslate`.
+        return true;
+    }
+
+    private function allowDeeplTranslateAuto(GetLocalizationModesEvent $event): bool
+    {
+        // @todo Prepared for PageTSConfig feature to toggle `deepltranslateauto`.
+        return true;
+    }
+}
diff --git a/Classes/Event/Listener/ProcessLocalizationModeEventListener.php b/Classes/Event/Listener/ProcessLocalizationModeEventListener.php
new file mode 100644
index 00000000..2e7c36f3
--- /dev/null
+++ b/Classes/Event/Listener/ProcessLocalizationModeEventListener.php
@@ -0,0 +1,36 @@
+<?php
+
+declare(strict_types=1);
+
+namespace WebVision\Deepltranslate\Core\Event\Listener;
+
+use WebVision\Deepl\Base\Controller\Backend\LocalizationController;
+use WebVision\Deepl\Base\Event\LocalizationProcessPrepareDataHandlerCommandMapEvent;
+
+/**
+ * Listener for {@see LocalizationProcessPrepareDataHandlerCommandMapEvent} dispatched in
+ * {@see LocalizationController::customProcess()} to process the introduced custom modes,
+ * otherwise leading to an empty commandMap within the processing step of the localization
+ * modal in PageLayout module.
+ */
+final class ProcessLocalizationModeEventListener
+{
+    public function __invoke(LocalizationProcessPrepareDataHandlerCommandMapEvent $event): void
+    {
+        // @todo Consider to drop `deepltranslateauto` mode.
+        if (!in_array($event->getAction(), ['deepltranslate', 'deepltranslateauto'], true)
+            || !$event->getLocalizationModes()->hasIdentifier($event->getAction())
+        ) {
+            // Not responsible, early return.
+            return;
+        }
+        $cmd = $event->getCmd();
+        foreach ($event->getUidList() as $currentUid) {
+            $cmd['tt_content'][$currentUid] = [
+                // Both modes are handled by the same custom DataHandler command
+                'deepltranslate' => $event->getDestLanguageId(),
+            ];
+        }
+        $event->setCmd($cmd);
+    }
+}
diff --git a/Classes/Override/LocalizationController.php b/Classes/Override/LocalizationController.php
deleted file mode 100644
index ece15c49..00000000
--- a/Classes/Override/LocalizationController.php
+++ /dev/null
@@ -1,127 +0,0 @@
-<?php
-
-declare(strict_types=1);
-
-namespace WebVision\Deepltranslate\Core\Override;
-
-use Psr\Http\Message\ResponseInterface;
-use Psr\Http\Message\ServerRequestInterface;
-use TYPO3\CMS\Core\DataHandling\DataHandler;
-use TYPO3\CMS\Core\Http\JsonResponse;
-use TYPO3\CMS\Core\Http\Response;
-use TYPO3\CMS\Core\Page\PageRenderer;
-use TYPO3\CMS\Core\Utility\GeneralUtility;
-use WebVision\Deepltranslate\Core\Service\DeeplService;
-
-/**
- * LocalizationController handles the AJAX requests for record localization
- *
- * @internal
- * @override
- */
-class LocalizationController extends \TYPO3\CMS\Backend\Controller\Page\LocalizationController
-{
-    private const ACTION_LOCALIZEDEEPL = 'localizedeepl';
-
-    private const ACTION_LOCALIZEDEEPL_AUTO = 'localizedeeplauto';
-
-    protected DeeplService $deeplService;
-
-    protected PageRenderer $pageRenderer;
-
-    public function __construct()
-    {
-        parent::__construct();
-
-        $this->pageRenderer = GeneralUtility::makeInstance(PageRenderer::class);
-        $this->deeplService = GeneralUtility::makeInstance(DeeplService::class);
-        $this->pageRenderer->addInlineLanguageLabelFile('EXT:deepltranslate_core/Resources/Private/Language/locallang.xlf');
-    }
-
-    /**
-     * @param ServerRequestInterface $request
-     * @return ResponseInterface
-     */
-    public function localizeRecords(ServerRequestInterface $request): ResponseInterface
-    {
-        $params = $request->getQueryParams();
-
-        if (!isset($params['pageId'], $params['srcLanguageId'], $params['destLanguageId'], $params['action'], $params['uidList'])) {
-            return new JsonResponse(null, 400);
-        }
-
-        //additional constraint ACTION_LOCALIZEDEEPL
-        if (
-            $params['action'] !== static::ACTION_COPY
-            && $params['action'] !== static::ACTION_LOCALIZE
-            && $params['action'] !== static::ACTION_LOCALIZEDEEPL
-            && $params['action'] !== static::ACTION_LOCALIZEDEEPL_AUTO
-        ) {
-            $response = new Response('php://temp', 400, ['Content-Type' => 'application/json; charset=utf-8']);
-            $response->getBody()->write('Invalid action "' . $params['action'] . '" called.');
-            return $response;
-        }
-
-        // Filter transmitted but invalid uids
-        $params['uidList'] = $this->filterInvalidUids(
-            (int)$params['pageId'],
-            (int)$params['destLanguageId'],
-            $this->getSourceLanguageId($params['srcLanguageId']),
-            $params['uidList']
-        );
-
-        $this->process($params);
-
-        return (new JsonResponse())->setPayload([]);
-    }
-
-    /**
-     * Processes the localization actions
-     *
-     * @param array $params
-     */
-    protected function process($params): void
-    {
-        $deeplTranslateActions = [static::ACTION_LOCALIZEDEEPL, static::ACTION_LOCALIZEDEEPL_AUTO];
-        $destLanguageId = (int)$params['destLanguageId'];
-
-        // Build command map
-        $cmd = [
-            'tt_content' => [],
-        ];
-        if (isset($params['uidList']) && is_array($params['uidList'])) {
-            foreach ($params['uidList'] as $currentUid) {
-                if (
-                    $params['action'] === static::ACTION_LOCALIZE
-                    || $params['action'] === static::ACTION_LOCALIZEDEEPL
-                    || $params['action'] === static::ACTION_LOCALIZEDEEPL_AUTO
-                ) {
-                    $dataHandlerCommandName = (in_array($params['action'], $deeplTranslateActions, true) ? 'deepltranslate' : 'localize');
-                    $cmd['tt_content'][$currentUid] = [
-                        $dataHandlerCommandName => $destLanguageId,
-                    ];
-                } else {
-                    $cmd['tt_content'][$currentUid] = [
-                        'copyToLanguage' => $destLanguageId,
-                    ];
-                }
-            }
-        }
-
-        $dataHandler = GeneralUtility::makeInstance(DataHandler::class);
-        $dataHandler->start([], $cmd);
-        $dataHandler->process_cmdmap();
-    }
-
-    /**
-     * Return source language ID from source language string
-     */
-    public function getSourceLanguageId(string $srcLanguage): int
-    {
-        $langParam = explode('-', $srcLanguage);
-        if (count($langParam) > 1) {
-            return (int)$langParam[1];
-        }
-        return (int)$langParam[0];
-    }
-}
diff --git a/Configuration/JavaScriptModules.php b/Configuration/JavaScriptModules.php
index 693bd2d0..bfcbd60a 100644
--- a/Configuration/JavaScriptModules.php
+++ b/Configuration/JavaScriptModules.php
@@ -1,9 +1,5 @@
 <?php
 
-$majorVersion = (new \TYPO3\CMS\Core\Information\Typo3Version())->getMajorVersion();
 return [
     'dependencies' => ['core', 'backend'],
-    'imports' => [
-        '@typo3/backend/localization.js' => sprintf('EXT:deepltranslate_core/Resources/Public/JavaScript/localization%s.js', $majorVersion),
-    ],
 ];
diff --git a/Configuration/Services.yaml b/Configuration/Services.yaml
index 79f198b0..be70f8f6 100644
--- a/Configuration/Services.yaml
+++ b/Configuration/Services.yaml
@@ -53,3 +53,17 @@ services:
       - name: 'event.listener'
         identifier: 'deepltranslate-core/usages'
         event: TYPO3\CMS\Backend\Backend\Event\SystemInformationToolbarCollectorEvent
+
+  WebVision\Deepltranslate\Core\Event\Listener\ApplyLocalizationModesEventListener:
+    tags:
+      - name: 'event.listener'
+        identifier: 'deepltranslate-core/deepltranslate-core-localization-modes-determine'
+        event: WebVision\Deepl\Base\Event\GetLocalizationModesEvent
+        after: 'deepl-base/determine-default-typo3-localization-modes'
+
+  WebVision\Deepltranslate\Core\Event\Listener\ProcessLocalizationModeEventListener:
+    tags:
+      - name: 'event.listener'
+        identifier: 'deepltranslate-core/deepltranslate-core-localization-modes-process'
+        event: WebVision\Deepl\Base\Event\LocalizationProcessPrepareDataHandlerCommandMapEvent
+        after: 'deepl-base/process-default-typo3-localization-modes'
diff --git a/Resources/Public/Css/patch-105853.css b/Resources/Public/Css/patch-105853.css
deleted file mode 100644
index 318349f5..00000000
--- a/Resources/Public/Css/patch-105853.css
+++ /dev/null
@@ -1,6 +0,0 @@
-/**
- * Workaround / Patch for core change:
- * 87576: [BUGFIX] Fix overflow of labels in localization mode buttons | https://review.typo3.org/c/Packages/TYPO3.CMS/+/87576
- * Remove in TYPO3 v13.4.3
- */
-.deepl-translate-modal-icon-text-alignment{white-space:normal;text-align:center}
diff --git a/Resources/Public/JavaScript/Settings.js b/Resources/Public/JavaScript/Settings.js
deleted file mode 100644
index 46572ef0..00000000
--- a/Resources/Public/JavaScript/Settings.js
+++ /dev/null
@@ -1,8 +0,0 @@
-define(['jquery'], function() {
-  //avoid numeric
-  $('.languageAssigned').keypress(function (key) {
-    if ((key.charCode > 90 && key.charCode < 97) || (key.charCode < 65 && key.charCode != 45) || key.charCode > 122) {
-      return false;
-    }
-  });
-});
diff --git a/Resources/Public/JavaScript/localization12.js b/Resources/Public/JavaScript/localization12.js
deleted file mode 100644
index b3c3b131..00000000
--- a/Resources/Public/JavaScript/localization12.js
+++ /dev/null
@@ -1,467 +0,0 @@
-import $ from 'jquery';
-import { AjaxResponse } from '@typo3/core/ajax/ajax-response.js';
-import { InputTransformer } from '@typo3/core/ajax/input-transformer.js';
-import AjaxRequest$1 from '@typo3/core/ajax/ajax-request.js';
-import ClientStorage from '@typo3/backend/storage/client.js';
-import { Sizes, States, MarkupIdentifiers } from '@typo3/backend/enum/icon-types.js';
-import 'lit';
-import { SeverityEnum as SeverityEnum$1 } from '@typo3/backend/enum/severity.js';
-import Modal from '@typo3/backend/modal.js';
-import Severity from '@typo3/backend/severity.js';
-import Icons$2 from '@typo3/backend/icons.js';
-
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full 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 DocumentService{constructor(e=window,t=document){this.windowRef=e,this.documentRef=t;}ready(){return new Promise(((e,t)=>{if("complete"===this.documentRef.readyState)e(this.documentRef);else {const n=setTimeout((()=>{o(),t(this.documentRef);}),3e4),o=()=>{this.windowRef.removeEventListener("load",d),this.documentRef.removeEventListener("DOMContentLoaded",d);},d=()=>{o(),clearTimeout(n),e(this.documentRef);};this.windowRef.addEventListener("load",d),this.documentRef.addEventListener("DOMContentLoaded",d);}}))}}const documentService=new DocumentService;
-
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-var SeverityEnum;!function(n){n[n.notice=-2]="notice",n[n.info=-1]="info",n[n.ok=0]="ok",n[n.warning=1]="warning",n[n.error=2]="error";}(SeverityEnum||(SeverityEnum={}));
-
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full 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 AjaxRequest{constructor(e){this.queryArguments="",this.url=e,this.abortController=new AbortController;}withQueryArguments(e){const t=this.clone();return t.queryArguments=(""!==t.queryArguments?"&":"")+InputTransformer.toSearchParams(e),t}async get(e={}){const t=await this.send({method:"GET",...e});return new AjaxResponse(t)}async post(e,t={}){const n={body:"string"==typeof e||e instanceof FormData?e:InputTransformer.byHeader(e,t?.headers),cache:"no-cache",method:"POST"},r=await this.send({...n,...t});return new AjaxResponse(r)}async put(e,t={}){const n={body:"string"==typeof e||e instanceof FormData?e:InputTransformer.byHeader(e,t?.headers),cache:"no-cache",method:"PUT"},r=await this.send({...n,...t});return new AjaxResponse(r)}async delete(e={},t={}){const n={cache:"no-cache",method:"DELETE"};"string"==typeof e&&e.length>0||e instanceof FormData?n.body=e:"object"==typeof e&&Object.keys(e).length>0&&(n.body=InputTransformer.byHeader(e,t?.headers));const r=await this.send({...n,...t});return new AjaxResponse(r)}abort(){this.abortController.abort();}clone(){return Object.assign(Object.create(this),this)}async send(e={}){const t=await fetch(this.composeRequestUrl(),this.getMergedOptions(e));if(!t.ok)throw new AjaxResponse(t);return t}composeRequestUrl(){let e=this.url;if("?"===e.charAt(0)&&(e=window.location.origin+window.location.pathname+e),e=new URL(e,window.location.origin).toString(),""!==this.queryArguments){e+=(this.url.includes("?")?"&":"?")+this.queryArguments;}return e}getMergedOptions(e){return {...AjaxRequest.defaultOptions,...e,signal:this.abortController.signal}}}AjaxRequest.defaultOptions={credentials:"same-origin"};
-
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full 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 Icons{constructor(){this.sizes=Sizes,this.states=States,this.markupIdentifiers=MarkupIdentifiers,this.promiseCache={};}getIcon(e,i,t,n,o){const s=[e,i=i||Sizes.default,t,n=n||States.default,o=o||MarkupIdentifiers.default],r=s.join("_");return this.getIconRegistryCache().then((e=>(ClientStorage.isset("icon_registry_cache_identifier")&&ClientStorage.get("icon_registry_cache_identifier")===e||(ClientStorage.unsetByPrefix("icon_"),ClientStorage.set("icon_registry_cache_identifier",e)),this.fetchFromLocal(r).then(null,(()=>this.fetchFromRemote(s,r))))))}getIconRegistryCache(){const e="icon_registry_cache_identifier";return this.isPromiseCached(e)||this.putInPromiseCache(e,new AjaxRequest$1(TYPO3.settings.ajaxUrls.icons_cache).get().then((async e=>await e.resolve()))),this.getFromPromiseCache(e)}fetchFromRemote(e,i){if(!this.isPromiseCached(i)){const t={icon:JSON.stringify(e)};this.putInPromiseCache(i,new AjaxRequest$1(TYPO3.settings.ajaxUrls.icons).withQueryArguments(t).get().then((async e=>{const t=await e.resolve();return t.includes("t3js-icon")&&t.includes('<span class="icon-markup">')&&ClientStorage.set("icon_"+i,t),t})));}return this.getFromPromiseCache(i)}fetchFromLocal(e){return ClientStorage.isset("icon_"+e)?Promise.resolve(ClientStorage.get("icon_"+e)):Promise.reject()}isPromiseCached(e){return void 0!==this.promiseCache[e]}getFromPromiseCache(e){return this.promiseCache[e]}putInPromiseCache(e,i){this.promiseCache[e]=i;}}let iconsObject;iconsObject||(iconsObject=new Icons,TYPO3.Icons=iconsObject);var Icons$1 = iconsObject;
-
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full 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 Wizard{constructor(){this.setup={slides:[],settings:{},forceSelection:!0,$carousel:null},this.originalSetup=$.extend(!0,{},this.setup);}set(e,t){return this.setup.settings[e]=t,this}addSlide(e,t,s="",i=SeverityEnum$1.info,a){const r={identifier:e,title:t,content:s,severity:i,callback:a};return this.setup.slides.push(r),this}addFinalProcessingSlide(e){return e||(e=()=>{this.dismiss();}),Icons$2.getIcon("spinner-circle-dark",Icons$2.sizes.large,null,null).then((t=>{const s=$("<div />",{class:"text-center"}).append(t);this.addSlide("final-processing-slide",top.TYPO3.lang["wizard.processing.title"],s[0].outerHTML,Severity.info,e);}))}show(){const e=this.generateSlides(),t=this.setup.slides[0],s=Modal.advanced({title:t.title,content:e,severity:t.severity,staticBackdrop:!0,buttons:[{text:top.TYPO3.lang["wizard.button.cancel"],active:!0,btnClass:"btn-default",name:"cancel",trigger:()=>{this.getComponent().trigger("wizard-dismiss");}},{text:top.TYPO3.lang["wizard.button.next"],btnClass:"btn-"+Severity.getCssClass(t.severity),name:"next"}],callback:()=>{this.addProgressBar(),this.initializeEvents(s);}});this.setup.forceSelection&&this.lockNextStep(),this.getComponent().on("wizard-visible",(()=>{this.runSlideCallback(t,this.setup.$carousel.find(".carousel-item").first());})).on("wizard-dismissed",(()=>{this.setup=$.extend(!0,{},this.originalSetup);}));}getComponent(){return null===this.setup.$carousel&&this.generateSlides(),this.setup.$carousel}dismiss(){Modal.dismiss();}lockNextStep(){const e=this.setup.$carousel.closest(".modal").find('button[name="next"]');return e.prop("disabled",!0),e}unlockNextStep(){const e=this.setup.$carousel.closest(".modal").find('button[name="next"]');return e.prop("disabled",!1),e}setForceSelection(e){this.setup.forceSelection=e;}initializeEvents(e){const t=this.setup.$carousel.closest(".modal"),s=t.find(".modal-title"),i=t.find(".modal-footer"),a=i.find('button[name="next"]');a.on("click",(()=>{this.setup.$carousel.carousel("next");})),this.setup.$carousel.on("slide.bs.carousel",(()=>{const e=this.setup.$carousel.data("currentSlide")+1,r=this.setup.$carousel.data("currentIndex")+1;s.text(this.setup.slides[r].title),this.setup.$carousel.data("currentSlide",e),this.setup.$carousel.data("currentIndex",r),e>=this.setup.$carousel.data("realSlideCount")?(t.find(".modal-header .close").remove(),i.slideUp()):i.find(".progress-bar").width(this.setup.$carousel.data("initialStep")*e+"%").text(top.TYPO3.lang["wizard.progress"].replace("{0}",e).replace("{1}",this.setup.$carousel.data("slideCount"))),a.removeClass("btn-"+Severity.getCssClass(this.setup.slides[r-1].severity)).addClass("btn-"+Severity.getCssClass(this.setup.slides[r].severity)),t.removeClass("modal-severity-"+Severity.getCssClass(this.setup.slides[r-1].severity)).addClass("modal-severity-"+Severity.getCssClass(this.setup.slides[r].severity));})).on("slid.bs.carousel",(e=>{const t=this.setup.$carousel.data("currentIndex"),s=this.setup.slides[t];this.runSlideCallback(s,$(e.relatedTarget)),this.setup.forceSelection&&this.lockNextStep();}));const r=this.getComponent();r.on("wizard-dismiss",this.dismiss),e.addEventListener("typo3-modal-hidden",(()=>{r.trigger("wizard-dismissed");})),e.addEventListener("typo3-modal-shown",(()=>{r.trigger("wizard-visible");}));}runSlideCallback(e,t){"function"==typeof e.callback&&e.callback(t,this.setup.settings,e.identifier);}addProgressBar(){const e=this.setup.$carousel.find(".carousel-item").length,t=Math.max(1,e),s=Math.round(100/t),i=this.setup.$carousel.closest(".modal").find(".modal-footer");this.setup.$carousel.data("initialStep",s).data("slideCount",t).data("realSlideCount",e).data("currentIndex",0).data("currentSlide",1),t>1&&i.prepend($("<div />",{class:"progress"}).append($("<div />",{role:"progressbar",class:"progress-bar","aria-valuemin":0,"aria-valuenow":s,"aria-valuemax":100}).width(s+"%").text(top.TYPO3.lang["wizard.progress"].replace("{0}","1").replace("{1}",t))));}generateSlides(){if(null!==this.setup.$carousel)return this.setup.$carousel;let e='<div class="carousel slide" data-bs-ride="false"><div class="carousel-inner" role="listbox">';for(const t of Object.values(this.setup.slides)){let s=t.content;"object"==typeof s&&(s=s.html()),e+='<div class="carousel-item" data-bs-slide="'+t.identifier+'">'+s+"</div>";}return e+="</div></div>",this.setup.$carousel=$(e),this.setup.$carousel.find(".carousel-item").first().addClass("active"),this.setup.$carousel}}let wizardObject;try{window.opener&&window.opener.TYPO3&&window.opener.TYPO3.Wizard&&(wizardObject=window.opener.TYPO3.Wizard),parent&&parent.window.TYPO3&&parent.window.TYPO3.Wizard&&(wizardObject=parent.window.TYPO3.Wizard),top&&top.TYPO3&&top.TYPO3.Wizard&&(wizardObject=top.TYPO3.Wizard);}catch{}wizardObject||(wizardObject=new Wizard,"undefined"!=typeof TYPO3&&(TYPO3.Wizard=wizardObject));var Wizard$1 = wizardObject;
-
-/*
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full 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 Localization {
-    constructor() {
-        this.triggerButton = '.t3js-localize';
-        this.localizationMode = null;
-        this.sourceLanguage = null;
-        this.records = [];
-        documentService.ready().then(() => {
-            this.initialize();
-        });
-    }
-    initialize() {
-        const me = this;
-        Icons$1.getIcon('actions-localize', Icons$1.sizes.large).then((localizeIconMarkup) => {
-            Icons$1.getIcon('actions-edit-copy', Icons$1.sizes.large).then((copyIconMarkup) => {
-                Icons$1.getIcon('actions-localize-deepl', Icons$1.sizes.large).then((deeplIconMarkup) => {
-                    $(me.triggerButton).removeClass('disabled');
-                    $(document).on('click', me.triggerButton, (e) => {
-                        e.preventDefault();
-                        const $triggerButton = $(e.currentTarget);
-                        const actions = [];
-                        const availableLocalizationModes = [];
-                        let slideStep1 = '';
-                        if ($triggerButton.data('allowTranslate')) {
-                            actions.push('<div class="row">' +
-                                '<div class="col-sm-3">' +
-                                '<label class="btn btn-default d-block 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-body-secondary">' +
-                                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-default d-block 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-body-secondary">' +
-                                TYPO3.lang['localize.educate.copy'] +
-                                '</p>' +
-                                '</div>' +
-                                '</div>');
-                            availableLocalizationModes.push('copyFromLanguage');
-                        }
-                        if ($triggerButton.data('allowDeeplTranslate')) {
-                          actions.push(`
-                            <div class="row" id="deeplTranslate">
-                                <div class="col-sm-3">
-                                  <label class="btn btn-default d-block t3js-localization-option" data-helptext=".t3js-helptext-copy">
-                                    ${deeplIconMarkup}
-                                    <input type="radio" name="mode" id="mode_deepltranslate" value="localizedeepl" style="display: none">
-                                    <br>
-                                    ${TYPO3.lang['localize.educate.deepltranslateHeader']}
-                                  </label>
-                                </div>
-                                <div class="col-sm-9" id="deeplText">
-                                  <div class='alert alert-danger' hidden>
-                                    ${TYPO3.lang['localize.educate.deeplSettingsFailure']}
-                                  </div>
-                                  <p class="t3js-helptext t3js-helptext-copy text-body-secondary">
-                                    ${TYPO3.lang['localize.educate.deepltranslate']}
-                                  </p>
-                                </div>
-                              </div>
-                              `);
-                          availableLocalizationModes.push('localizedeepl');
-                          actions.push(`
-                          <div class="row" id="deeplTranslateAuto">
-                              <div class="col-sm-3">
-                                <label class="btn btn-default d-block t3js-localization-option" data-helptext=".t3js-helptext-copy">
-                                  ${deeplIconMarkup}
-                                  <input type="radio" name="mode" id="mode_deepltranslateauto" value="localizedeeplauto" style="display: none">
-                                  <br>
-                                  ${TYPO3.lang['localize.educate.deepltranslateHeaderAutodetect']}
-                                </label>
-                              </div>
-                              <div class="col-sm-9" id="deeplTextAuto" >
-                                <div class='alert alert-danger' hidden>
-                                  ${TYPO3.lang['localize.educate.deeplSettingsFailure']}
-                                </div>
-                                <p class="t3js-helptext t3js-helptext-copy text-body-secondary">
-                                 ${TYPO3.lang['localize.educate.deepltranslateAuto']}
-                                </p>
-                              </div>
-                            </div>
-                            `);
-                          availableLocalizationModes.push('localizedeeplauto');
-
-                        }
-                        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="icon-emphasized"><typo3-backend-icon identifier="actions-exclamation" size="small"></typo3-backend-icon></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('') + '</div>';
-                        Wizard$1.addSlide('localize-choose-action', TYPO3.lang['localize.wizard.header_page']
-                            .replace('{0}', $triggerButton.data('page'))
-                            .replace('{1}', $triggerButton.data('languageName')), slideStep1, SeverityEnum.info, () => {
-                            if (availableLocalizationModes.length === 1) {
-                                // In case only one mode is available, select the mode and continue
-                                this.localizationMode = availableLocalizationModes[0];
-                                Wizard$1.unlockNextStep().trigger('click');
-                            }
-                        });
-                        Wizard$1.addSlide('localize-choose-language', TYPO3.lang['localize.view.chooseLanguage'], '', SeverityEnum.info, ($slide) => {
-                            Icons$1.getIcon('spinner-circle-dark', Icons$1.sizes.large).then((markup) => {
-                                $slide.html('<div class="text-center">' + markup + '</div>');
-                                this.loadAvailableLanguages(parseInt($triggerButton.data('pageId'), 10), parseInt($triggerButton.data('languageId'), 10)).then(async (response) => {
-                                    const result = await response.resolve();
-                                    if (result.length === 1) {
-                                        // We only have one result, auto select the record and continue
-                                        this.sourceLanguage = result[0].uid;
-                                        Wizard$1.unlockNextStep().trigger('click');
-                                        return;
-                                    }
-                                    Wizard$1.getComponent().on('click', '.t3js-language-option', (optionEvt) => {
-                                        const $me = $(optionEvt.currentTarget);
-                                        const $radio = $me.prev();
-                                        this.sourceLanguage = $radio.val();
-                                        Wizard$1.unlockNextStep();
-                                    });
-                                    const $languageButtons = $('<div />', { class: 'row' });
-                                    for (const languageObject of result) {
-                                        const id = 'language' + languageObject.uid;
-                                        const $input = $('<input />', {
-                                            type: 'radio',
-                                            name: 'language',
-                                            id: id,
-                                            value: languageObject.uid,
-                                            style: 'display: none;',
-                                            class: 'btn-check',
-                                        });
-                                        const $label = $('<label />', {
-                                            class: 'btn btn-default d-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$1.addSlide('localize-summary', TYPO3.lang['localize.view.summary'], '', SeverityEnum.info, ($slide) => {
-                            Icons$1.getIcon('spinner-circle-dark', Icons$1.sizes.large).then((markup) => {
-                                $slide.html('<div class="text-center">' + markup + '</div>');
-                            });
-                            this.getSummary(parseInt($triggerButton.data('pageId'), 10), parseInt($triggerButton.data('languageId'), 10)).then(async (response) => {
-                                const result = await response.resolve();
-                                $slide.empty();
-                                this.records = [];
-                                const columns = result.columns.columns;
-                                const columnList = result.columns.columnList;
-                                columnList.forEach((colPos) => {
-                                    if (typeof result.records[colPos] === 'undefined') {
-                                        return;
-                                    }
-                                    const column = columns[colPos];
-                                    const $row = $('<div />', { class: 'row' });
-                                    result.records[colPos].forEach((record) => {
-                                        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$1.unlockNextStep();
-                                Wizard$1.getComponent()
-                                    .on('change', '.t3js-localization-toggle-record', (cmpEvt) => {
-                                    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$1.unlockNextStep();
-                                    }
-                                    else {
-                                        Wizard$1.lockNextStep();
-                                    }
-                                })
-                                    .on('change', '.t3js-localization-toggle-column', (toggleEvt) => {
-                                    const $me = $(toggleEvt.currentTarget);
-                                    const $children = $me.closest('fieldset').find('.t3js-localization-toggle-record');
-                                    $children.prop('checked', $me.is(':checked'));
-                                    $children.trigger('change');
-                                });
-                            });
-                        });
-                        Wizard$1.addFinalProcessingSlide(() => {
-                            this.localizeRecords(parseInt($triggerButton.data('pageId'), 10), parseInt($triggerButton.data('languageId'), 10), this.records).then(() => {
-                                Wizard$1.dismiss();
-                                document.location.reload();
-                            });
-                        }).then(() => {
-                            Wizard$1.show();
-                            Wizard$1.getComponent().on('click', '.t3js-localization-option', (optionEvt) => {
-                                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-body-secondary');
-                                    $me.addClass('active');
-                                    $container.find($me.data('helptext')).removeClass('text-body-secondary');
-                                }
-                                this.loadAvailableLanguages(parseInt($triggerButton.data('pageId'), 10), parseInt($triggerButton.data('languageId'), 10)).then(async (response) => {
-                                    const result = await response.resolve();
-                                    if (result.length === 1) {
-                                        this.sourceLanguage = result[0].uid;
-                                    }
-                                    else {
-                                        // This seems pretty ugly solution to find the right language uid but its done the same way in the core... line 211-213
-                                        // If we have more then 1 language we need to find the first radio button and check its value to get the source language
-                                        this.sourceLanguage = $radio.prev().val();
-                                    }
-                                    if ($radio.length > 0) {
-                                        if ($radio.val() == 'localizedeepl' ||
-                                            $radio.val() == 'localizedeeplauto') {
-                                            this.deeplSettings().then(async (response) => {
-                                                const result = await response.resolve();
-                                                if (result.status === false) {
-                                                    Wizard$1.lockNextStep();
-                                                    window.parent.document.querySelector('#deeplText .alert').hidden = true;
-                                                    window.parent.document.querySelector('#deeplTextAuto .alert').hidden = true;
-                                                    let divDeepl = $radio.val() == 'localizedeepl'
-                                                        ? window.parent.document.querySelector('#deeplText .alert')
-                                                        : window.parent.document.querySelector('#deeplTextAuto .alert');
-                                                    divDeepl.hidden = false;
-                                                } else {
-                                                  window.parent.document.querySelector('#deeplText .alert').hidden = true;
-                                                  window.parent.document.querySelector('#deeplTextAuto .alert').hidden = true;
-                                                  this.localizationMode = $radio.val().toString();
-                                                  Wizard$1.unlockNextStep();
-                                                }
-                                            });
-                                        } else {
-                                          window.parent.document.querySelector('#deeplText .alert').hidden = true;
-                                          window.parent.document.querySelector('#deeplTextAuto .alert').hidden = true;
-                                          this.localizationMode = $radio.val().toString();
-                                          Wizard$1.unlockNextStep();
-                                        }
-                                    }
-                                });
-                                this.localizationMode = $radio.val().toString();
-                                Wizard$1.unlockNextStep();
-                            });
-                        });
-                    });
-                });
-            });
-        });
-    }
-    /**
-     * Load available languages from page
-     *
-     * @param {number} pageId
-     * @param {number} languageId
-     * @returns {Promise<AjaxResponse>}
-     */
-    loadAvailableLanguages(pageId, languageId) {
-        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>}
-     */
-    getSummary(pageId, languageId) {
-        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>}
-     */
-    localizeRecords(pageId, languageId, uidList) {
-        return new AjaxRequest(TYPO3.settings.ajaxUrls.records_localize)
-            .withQueryArguments({
-            pageId: pageId,
-            srcLanguageId: this.sourceLanguage,
-            destLanguageId: languageId,
-            action: this.localizationMode,
-            uidList: uidList,
-        })
-            .get();
-    }
-    /**
-     * Returns status of deepl configuration, is not set Deepl Button are disabled
-     */
-    deeplSettings() {
-        return new AjaxRequest(TYPO3.settings.ajaxUrls.deepl_check_configuration).get();
-    }
-}
-var Localization$1 = new Localization();
-
-export { Localization$1 as default };
diff --git a/Resources/Public/JavaScript/localization13.js b/Resources/Public/JavaScript/localization13.js
deleted file mode 100644
index 8ed6f31e..00000000
--- a/Resources/Public/JavaScript/localization13.js
+++ /dev/null
@@ -1,13 +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.js";import $ from"jquery";import{SeverityEnum}from"@typo3/backend/enum/severity.js";import AjaxRequest from"@typo3/core/ajax/ajax-request.js";import Icons from"@typo3/backend/icons.js";import Modal from"@typo3/backend/modal.js";import MultiStepWizard from"@typo3/backend/multi-step-wizard.js";import"@typo3/backend/element/icon-element.js";import{MarkupIdentifiers}from"@typo3/backend/enum/icon-types.js";class Localization{constructor(){this.triggerButton=".t3js-localize",DocumentService.ready().then((()=>{this.initialize()}))}async initialize(){const e=await Icons.getIcon("actions-localize",Icons.sizes.large),t=await Icons.getIcon("actions-edit-copy",Icons.sizes.large),a=await Icons.getIcon("actions-localize-deepl",Icons.sizes.large,null,null,MarkupIdentifiers.inline);$(this.triggerButton).removeClass("disabled"),$(document).on("click",this.triggerButton,(async l=>{l.preventDefault();const o=$(l.currentTarget),n=[],i=[];if(0===o.data("allowTranslate")&&0===o.data("allowCopy"))return void Modal.confirm(TYPO3.lang["window.localization.mixed_mode.title"],TYPO3.lang["window.localization.mixed_mode.message"],SeverityEnum.warning,[{text:TYPO3?.lang?.["button.ok"]||"OK",btnClass:"btn-warning",name:"ok",trigger:(e,t)=>t.hideModal()}]);const c=await(await this.loadAvailableLanguages(parseInt(o.data("pageId"),10),parseInt(o.data("languageId"),10))).resolve();if(o.data("allowTranslate")&&(n.push('<div class="row"><div class="col-sm-3"><input class="btn-check t3js-localization-option" type="radio" name="mode" id="mode_translate" value="localize"><label class="btn btn-default btn-block-vertical deepl-translate-modal-icon-text-alignment" for="mode_translate" data-action="localize">'+e+TYPO3.lang["localize.wizard.button.translate"]+'</label></div><div class="col-sm-9"><p class="text-body-secondary">'+TYPO3.lang["localize.educate.translate"]+"</p></div></div>"),i.push("localize")),o.data("allowCopy")&&(n.push('<div class="row"><div class="col-sm-3"><input class="btn-check t3js-localization-option" type="radio" name="mode" id="mode_copy" value="copyFromLanguage"><label class="btn btn-default btn-block-vertical deepl-translate-modal-icon-text-alignment" for="mode_copy" data-action="copy">'+t+TYPO3.lang["localize.wizard.button.copy"]+'</label></div><div class="col-sm-9"><p class="t3js-helptext t3js-helptext-copy text-body-secondary">'+TYPO3.lang["localize.educate.copy"]+"</p></div></div>"),i.push("copyFromLanguage")),n.push('<div class="row" id="deeplTranslate"><div class="col-sm-3"><input class="btn-check t3js-localization-option" type="radio" name="mode" id="mode_deepltranslateauto" value="localizedeepl"><label class="btn btn-default btn-block-vertical deepl-translate-modal-icon-text-alignment" for="mode_deepltranslateauto" data-action="deepltranslate">'+a+TYPO3.lang["localize.educate.deepltranslateHeader"]+'</label></div><div class="col-sm-9" id="deeplText"><div class=\'alert alert-danger\' hidden>'+TYPO3.lang["localize.educate.deeplSettingsFailure"]+'</div><p class="t3js-helptext t3js-helptext-copy text-body-secondary">'+TYPO3.lang["localize.educate.deepltranslate"]+"</p></div></div>"),i.push("localizedeepl"),n.push('<div class="row" id="deeplTranslateAuto"><div class="col-sm-3"><input class="btn-check t3js-localization-option" type="radio" name="mode" id="mode_deepltranslate" value="localizedeeplauto"><label class="btn btn-default btn-block-vertical deepl-translate-modal-icon-text-alignment" for="mode_deepltranslate" data-action="deepltranslate">'+a+TYPO3.lang["localize.educate.deepltranslateHeaderAutodetect"]+'</label></div><div class="col-sm-9" id="deeplTextAuto"><div class=\'alert alert-danger\' hidden>'+TYPO3.lang["localize.educate.deeplSettingsFailure"]+'</div><p class="t3js-helptext t3js-helptext-copy text-body-secondary">'+TYPO3.lang["localize.educate.deepltranslateAuto"]+"</p></div></div>"),i.push("localizedeeplauto"),1===i.length)MultiStepWizard.set("localizationMode",i[0]);else{const e=document.createElement("div");e.dataset.bsToggle="buttons",e.append(...n.map((e=>document.createRange().createContextualFragment(e)))),MultiStepWizard.addSlide("localize-choose-action",TYPO3.lang["localize.wizard.header_page"].replace("{0}",o.data("page")).replace("{1}",o.data("languageName")),e,SeverityEnum.notice,TYPO3.lang["localize.wizard.step.selectMode"],((e,t)=>{void 0!==t.localizationMode&&MultiStepWizard.unlockNextStep()}))}1===c.length?MultiStepWizard.set("sourceLanguage",c[0].uid):MultiStepWizard.addSlide("localize-choose-language",TYPO3.lang["localize.view.chooseLanguage"],"",SeverityEnum.notice,TYPO3.lang["localize.wizard.step.chooseLanguage"],(async(e,t)=>{void 0!==t.sourceLanguage&&MultiStepWizard.unlockNextStep(),e.html('<div class="text-center">'+await Icons.getIcon("spinner-circle",Icons.sizes.large)+"</div>"),MultiStepWizard.getComponent().on("change",".t3js-language-option",(e=>{MultiStepWizard.set("sourceLanguage",$(e.currentTarget).val()),MultiStepWizard.unlockNextStep()}));const a=$("<div />",{class:"row"});for(const e of c){const t="language"+e.uid,l=$("<input />",{type:"radio",name:"language",id:t,value:e.uid,class:"btn-check t3js-language-option"}),o=$("<label />",{class:"btn btn-default btn-block",for:t}).text(" "+e.title).prepend(e.flagIcon);a.append($("<div />",{class:"col-sm-4"}).append(l).append(o))}e.empty().append(a)})),MultiStepWizard.addSlide("localize-summary",TYPO3.lang["localize.view.summary"],"",SeverityEnum.notice,TYPO3.lang["localize.wizard.step.selectRecords"],(async(e,t)=>{e.empty().html('<div class="text-center">'+await Icons.getIcon("spinner-circle",Icons.sizes.large)+"</div>");const a=await(await this.getSummary(parseInt(o.data("pageId"),10),parseInt(o.data("languageId"),10),t.sourceLanguage)).resolve();e.empty(),MultiStepWizard.set("records",[]);const l=a.columns.columns;a.columns.columnList.forEach((o=>{if(void 0===a.records[o])return;const n=l[o],i=document.createElement("div");i.classList.add("row","gy-2"),a.records[o].forEach((e=>{const a=" ("+e.uid+") "+e.title;t.records.push(e.uid);const l=document.createElement("div");l.classList.add("col-sm-6");const o=document.createElement("div");o.classList.add("input-group");const n=document.createElement("span");n.classList.add("input-group-text");const c=document.createElement("span");c.classList.add("form-check","form-check-type-toggle");const d=document.createElement("input");d.type="checkbox",d.id="record-uid-"+e.uid,d.classList.add("form-check-input","t3js-localization-toggle-record"),d.checked=!0,d.dataset.uid=e.uid.toString(),d.ariaLabel=a;const s=document.createElement("label");s.classList.add("form-control"),s.htmlFor="record-uid-"+e.uid,s.innerHTML=e.icon,s.appendChild(document.createTextNode(a)),c.appendChild(d),n.appendChild(c),o.appendChild(n),o.appendChild(s),l.appendChild(o),i.appendChild(l)}));const c=document.createElement("fieldset");c.classList.add("localization-fieldset");const d=document.createElement("div");d.classList.add("form-check","form-check-type-toggle");const s=document.createElement("input");s.classList.add("form-check-input","t3js-localization-toggle-column"),s.id="records-column-"+o,s.type="checkbox",s.checked=!0;const r=document.createElement("label");r.classList.add("form-check-label"),r.htmlFor="records-column-"+o,r.textContent=n,d.appendChild(s),d.appendChild(r),c.appendChild(d),c.appendChild(i),e.append(c)})),MultiStepWizard.unlockNextStep(),MultiStepWizard.getComponent().on("change",".t3js-localization-toggle-record",(e=>{const a=$(e.currentTarget),l=a.data("uid"),o=a.closest("fieldset"),n=o.find(".t3js-localization-toggle-column");if(a.is(":checked"))t.records.push(l);else{const e=t.records.indexOf(l);e>-1&&t.records.splice(e,1)}const i=o.find(".t3js-localization-toggle-record"),c=o.find(".t3js-localization-toggle-record:checked");n.prop("checked",c.length>0),n.prop("__indeterminate",c.length>0&&c.length<i.length),t.records.length>0?MultiStepWizard.unlockNextStep():MultiStepWizard.lockNextStep()})).on("change",".t3js-localization-toggle-column",(e=>{const t=$(e.currentTarget),a=t.closest("fieldset").find(".t3js-localization-toggle-record");a.prop("checked",t.is(":checked")),a.trigger("change")}))})),MultiStepWizard.addFinalProcessingSlide((async(e,t)=>{await this.localizeRecords(parseInt(o.data("pageId"),10),parseInt(o.data("languageId"),10),t.sourceLanguage,t.localizationMode,t.records),MultiStepWizard.dismiss(),document.location.reload()})).then((()=>{MultiStepWizard.show(),MultiStepWizard.getComponent().on("change",".t3js-localization-option",(e=>{const t=$(e.currentTarget).val(),a=window.parent.document.querySelector("#deeplText .alert"),l=window.parent.document.querySelector("#deeplTextAuto .alert");if("localizedeepl"===t||"localizedeeplauto"===t){const o="localizedeepl"==t?"#deeplText .alert":"#deeplTextAuto .alert",n=window.parent.document.querySelector(o);this.deeplSettings().then((async t=>{!1===(await t.resolve()).status?(MultiStepWizard.lockNextStep(),a.hidden=!0,l.hidden=!0,n.hidden=!1):(a.hidden=!0,l.hidden=!0,MultiStepWizard.set("localizationMode",$(e.currentTarget).val()),MultiStepWizard.unlockNextStep())}))}else a.hidden=!0,l.hidden=!0,MultiStepWizard.set("localizationMode",$(e.currentTarget).val()),MultiStepWizard.unlockNextStep()}))}))}))}loadAvailableLanguages(e,t){return new AjaxRequest(TYPO3.settings.ajaxUrls.page_languages).withQueryArguments({pageId:e,languageId:t}).get()}getSummary(e,t,a){return new AjaxRequest(TYPO3.settings.ajaxUrls.records_localize_summary).withQueryArguments({pageId:e,destLanguageId:t,languageId:a}).get()}localizeRecords(e,t,a,l,o){return new AjaxRequest(TYPO3.settings.ajaxUrls.records_localize).withQueryArguments({pageId:e,srcLanguageId:a,destLanguageId:t,action:l,uidList:o}).get()}deeplSettings(){return new AjaxRequest(TYPO3.settings.ajaxUrls.deepl_check_configuration).get()}}export default new Localization;
diff --git a/Tests/Functional/AbstractDeepLTestCase.php b/Tests/Functional/AbstractDeepLTestCase.php
index b4301272..24c4acaf 100644
--- a/Tests/Functional/AbstractDeepLTestCase.php
+++ b/Tests/Functional/AbstractDeepLTestCase.php
@@ -110,6 +110,7 @@ abstract class AbstractDeepLTestCase extends FunctionalTestCase
      * @var non-empty-string[]
      */
     protected array $testExtensionsToLoad = [
+        'web-vision/deepl-base',
         'web-vision/deepltranslate-core',
         __DIR__ . '/Fixtures/Extensions/test_services_override',
     ];
diff --git a/Tests/Functional/Container/ContentElementsInContainerTest.php b/Tests/Functional/Container/ContentElementsInContainerTest.php
index 7dfc90d8..640908b2 100644
--- a/Tests/Functional/Container/ContentElementsInContainerTest.php
+++ b/Tests/Functional/Container/ContentElementsInContainerTest.php
@@ -21,6 +21,7 @@ final class ContentElementsInContainerTest extends AbstractDeepLTestCase
      */
     protected array $testExtensionsToLoad = [
         'b13/container',
+        'web-vision/deepl-base',
         'web-vision/deepltranslate-core',
         __DIR__ . '/../Fixtures/Extensions/test_services_override',
         __DIR__ . '/Fixtures/Extensions/test_container',
diff --git a/Tests/Functional/Hooks/TranslationWithModifiedTcaConfigurationTest.php b/Tests/Functional/Hooks/TranslationWithModifiedTcaConfigurationTest.php
index 6927b7d9..cb8524a0 100644
--- a/Tests/Functional/Hooks/TranslationWithModifiedTcaConfigurationTest.php
+++ b/Tests/Functional/Hooks/TranslationWithModifiedTcaConfigurationTest.php
@@ -66,6 +66,7 @@ final class TranslationWithModifiedTcaConfigurationTest extends AbstractDeepLTes
      * @var non-empty-string[]
      */
     protected array $testExtensionsToLoad = [
+        'web-vision/deepl-base',
         'web-vision/deepltranslate-core',
         __DIR__ . '/../Fixtures/Extensions/test_services_override',
         __DIR__ . '/Fixtures/Extensions/test_tca_override',
diff --git a/Tests/Functional/Regression/LocalizationInlineRegressionTest.php b/Tests/Functional/Regression/LocalizationInlineRegressionTest.php
index 81e5693a..a8aafb96 100644
--- a/Tests/Functional/Regression/LocalizationInlineRegressionTest.php
+++ b/Tests/Functional/Regression/LocalizationInlineRegressionTest.php
@@ -18,6 +18,7 @@ final class LocalizationInlineRegressionTest extends AbstractDeepLTestCase
      * @var non-empty-string[]
      */
     protected array $testExtensionsToLoad = [
+        'web-vision/deepl-base',
         'web-vision/deepltranslate-core',
         __DIR__ . '/../Fixtures/Extensions/test_services_override',
     ];
diff --git a/Tests/Functional/ViewHelpers/ExtensionActiveViewHelperTest.php b/Tests/Functional/ViewHelpers/ExtensionActiveViewHelperTest.php
index e7d815dc..892a75b9 100644
--- a/Tests/Functional/ViewHelpers/ExtensionActiveViewHelperTest.php
+++ b/Tests/Functional/ViewHelpers/ExtensionActiveViewHelperTest.php
@@ -25,6 +25,7 @@ final class ExtensionActiveViewHelperTest extends FunctionalTestCase
     ];
 
     protected array $testExtensionsToLoad = [
+        'web-vision/deepl-base',
         'web-vision/deepltranslate-core',
     ];
 
diff --git a/composer.json b/composer.json
index cfd5799b..b2eadcbf 100644
--- a/composer.json
+++ b/composer.json
@@ -4,7 +4,7 @@
 	"description": "This extension provides option to translate content element, and TCA record texts to DeepL supported languages using DeepL API services with TYPO3 CMS",
 	"license": ["GPL-2.0-or-later"],
 	"homepage": "https://www.web-vision.de/en/automated-translations-with-typo3-and-deepl.html",
-	"minimum-stability": "beta",
+	"minimum-stability": "dev",
 	"prefer-stable": true,
 	"keywords": [
 		"TYPO3 CMS",
@@ -81,7 +81,8 @@
 		"typo3/cms-core": "^12.4.2 || ^13.4",
 		"typo3/cms-extbase": "^12.4.2 || ^13.4",
 		"typo3/cms-fluid": "^12.4.2 || ^13.4",
-		"typo3/cms-setup": "^12.4.2 || ^13.4"
+		"typo3/cms-setup": "^12.4.2 || ^13.4",
+		"web-vision/deepl-base": "1.*.*@dev"
 	},
 	"require-dev": {
 		"b13/container": "^2.3.6 || ^3.1.1",
diff --git a/ext_emconf.php b/ext_emconf.php
index 60d868b7..465cc985 100644
--- a/ext_emconf.php
+++ b/ext_emconf.php
@@ -17,6 +17,7 @@
             'extbase' => '12.4.0-13.4.99',
             'fluid' => '12.4.0-13.4.99',
             'setup' => '12.4.0-13.4.99',
+            'deepl_base' => '1.0.0-1.99.99',
         ],
         'conflicts' => [
             'recordlist_thumbnail' => '*',
diff --git a/ext_localconf.php b/ext_localconf.php
index e99492c4..65e139be 100644
--- a/ext_localconf.php
+++ b/ext_localconf.php
@@ -44,21 +44,6 @@
         }
     }
 
-    // TYPO3 v13 changed the markup and UX of the PageLayout translation modal which breaks with longer icon labels.
-    // This has been reported to the core and a bugfix is in the making, but we ship a workaround for now but load
-    // the custom backend css only.
-    //
-    // Using custom backend css loading introduced with: https://docs.typo3.org/c/typo3/cms-core/main/en-us/Changelog/12.3/Feature-100232-LoadAdditionalStylesheetsInTYPO3Backend.html
-    //
-    // @todo Remove this with TYPO3 v13.4.3 release => https://review.typo3.org/c/Packages/TYPO3.CMS/+/87576
-    //
-    if ($typo3version->getMajorVersion() === 13
-        && version_compare($typo3version->getVersion(), '13.4.3', '<')
-    ) {
-        $GLOBALS['TYPO3_CONF_VARS']['BE']['stylesheets']['web-vision/deepltranslate-core']
-            = 'EXT:deepltranslate_core/Resources/Public/Css/patch-105853.css';
-    }
-
     // We need to provide the global backend javascript module instead of calling page-renderer here directly - which
     // cannot be done and checking the context (FE/BE) directly. Instantiating PageRenderer here directly would be
     // emitted an exception as the cache configuration manager cannot be retrieved in this early stage.