typo3-typescript-sources 13.4.26 → 14.0.0

package/.github/workflows/sync-and-publish.yml

@@ -2,111 +2,142 @@ name: Sync TYPO3 TypeScript Sources and Publish
 
 on:
   schedule:
-    # Prüfe täglich um 2 Uhr morgens auf neue Tags
+    # Check daily at 2 AM for new tags
     - cron: '0 2 * * *'
   workflow_dispatch:
     inputs:
       tag:
-        description: 'Spezifischer TYPO3 Tag (z.B. v13.4.0)'
+        description: 'Specific TYPO3 tag (e.g. v14.0.0 or v13.4.0)'
         required: false
         type: string
 
+permissions:
+  contents: read
+
 jobs:
-  check-and-sync:
+  setup:
     runs-on: ubuntu-latest
     outputs:
-      has_new_version: ${{ steps.check.outputs.has_new_version }}
-      typo3_version: ${{ steps.check.outputs.typo3_version }}
+      matrix: ${{ steps.set-matrix.outputs.matrix }}
+    steps:
+      - name: Build version matrix
+        id: set-matrix
+        run: |
+          if [[ "${{ github.event_name }}" == "schedule" ]]; then
+            # Schedule runs daily for both major versions
+            echo 'matrix={"include":[{"major_version":"14","target_branch":"main"},{"major_version":"13","target_branch":"v13.x"}]}' >> $GITHUB_OUTPUT
+          elif [[ "${{ github.ref_name }}" == "v13.x" ]]; then
+            echo 'matrix={"include":[{"major_version":"13","target_branch":"v13.x"}]}' >> $GITHUB_OUTPUT
+          else
+            echo 'matrix={"include":[{"major_version":"14","target_branch":"main"}]}' >> $GITHUB_OUTPUT
+          fi
+
+  check-and-sync:
+    needs: setup
+    runs-on: ubuntu-latest
+    strategy:
+      fail-fast: false
+      matrix: ${{ fromJson(needs.setup.outputs.matrix) }}
     steps:
       - name: Checkout split repository
         uses: actions/checkout@v4
         with:
+          ref: ${{ matrix.target_branch }}
           fetch-depth: 0
 
       - name: Check for new TYPO3 tags
         id: check
         run: |
-          # Hole alle Tags vom TYPO3 Repository
+          MAJOR="${{ matrix.major_version }}"
+
+          # Fetch all tags from TYPO3 repository for the target major version
           git ls-remote --tags https://github.com/TYPO3/typo3.git | \
-            grep -E 'refs/tags/v13\.[0-9]+\.[0-9]+$' | \
+            grep -E "refs/tags/v${MAJOR}\.[0-9]+\.[0-9]+$" | \
             sed 's/.*refs\/tags\///' | \
             sort -V > /tmp/typo3_tags.txt
-          
-          # Hole den letzten verarbeiteten Tag (falls vorhanden)
+
+          # Get last synced tag
           LAST_SYNCED=""
           if [ -f .last-synced-tag ]; then
             LAST_SYNCED=$(cat .last-synced-tag)
           fi
-          
-          # Manueller Tag-Input hat Priorität
+
+          # Manual tag input takes priority
           if [ -n "${{ github.event.inputs.tag }}" ]; then
             NEW_TAG="${{ github.event.inputs.tag }}"
-            echo "Manuell angegebener Tag: $NEW_TAG"
+            # Validate that the manual tag matches the expected major version
+            if ! echo "$NEW_TAG" | grep -qE "^v${MAJOR}\."; then
+              echo "Error: Tag $NEW_TAG does not match expected major version v${MAJOR}.x for this branch"
+              echo "has_new_version=false" >> $GITHUB_OUTPUT
+              exit 0
+            fi
+            echo "Manually specified tag: $NEW_TAG"
           else
-            # Finde neuesten Tag der noch nicht synced wurde
+            # Find newest tag that has not been synced yet
             NEW_TAG=$(tail -n1 /tmp/typo3_tags.txt)
           fi
-          
+
           if [ -z "$NEW_TAG" ]; then
-            echo "Kein TYPO3 13.x Tag gefunden"
+            echo "No TYPO3 v${MAJOR}.x tag found"
             echo "has_new_version=false" >> $GITHUB_OUTPUT
             exit 0
           fi
-          
+
           if [ "$NEW_TAG" = "$LAST_SYNCED" ]; then
-            echo "Keine neue Version verfügbar (aktuell: $LAST_SYNCED)"
+            echo "No new version available (current: $LAST_SYNCED)"
             echo "has_new_version=false" >> $GITHUB_OUTPUT
           else
-            echo "Neue Version gefunden: $NEW_TAG (alt: $LAST_SYNCED)"
+            echo "New version found: $NEW_TAG (previous: $LAST_SYNCED)"
             echo "has_new_version=true" >> $GITHUB_OUTPUT
             echo "typo3_version=$NEW_TAG" >> $GITHUB_OUTPUT
           fi
 
-  sync-and-publish:
-    needs: check-and-sync
-    if: needs.check-and-sync.outputs.has_new_version == 'true'
-    runs-on: ubuntu-latest
-    steps:
       - name: Setup Git
+        if: steps.check.outputs.has_new_version == 'true'
         run: |
           git config --global user.name "TYPO3 TypeScript Sync Bot"
           git config --global user.email "bot@maikschneider.de"
 
       - name: Clone TYPO3 repository at specific tag
+        if: steps.check.outputs.has_new_version == 'true'
         run: |
-          TYPO3_TAG="${{ needs.check-and-sync.outputs.typo3_version }}"
-          echo "Klone TYPO3 Repository bei Tag: $TYPO3_TAG"
-          
+          TYPO3_TAG="${{ steps.check.outputs.typo3_version }}"
+          echo "Cloning TYPO3 repository at tag: $TYPO3_TAG"
+
           git clone --depth 1 --branch "$TYPO3_TAG" \
             https://github.com/TYPO3/typo3.git typo3-source
 
       - name: Extract TypeScript sources
+        if: steps.check.outputs.has_new_version == 'true'
         run: |
           mkdir -p typescript-split
-          
-          # Kopiere TypeScript Quellen
+
+          # Copy TypeScript sources
           if [ -d "typo3-source/Build/Sources/TypeScript" ]; then
             cp -r typo3-source/Build/Sources/TypeScript/* typescript-split/
-            echo "✓ TypeScript Quellen extrahiert"
+            echo "✓ TypeScript sources extracted"
           else
-            echo "✗ Fehler: Build/Sources/TypeScript nicht gefunden"
+            echo "✗ Error: Build/Sources/TypeScript not found"
             exit 1
           fi
-          
-          # Kopiere relevante Root-Dateien
+
+          # Copy relevant root files
           [ -f "typo3-source/LICENSE.txt" ] && cp typo3-source/LICENSE.txt typescript-split/
           [ -f "typo3-source/README.md" ] && cp typo3-source/README.md typescript-split/README-TYPO3.md
 
-      - name: Checkout split repository
+      - name: Checkout split repository for sync
+        if: steps.check.outputs.has_new_version == 'true'
         uses: actions/checkout@v4
         with:
           path: split-repo
+          ref: ${{ matrix.target_branch }}
           token: ${{ secrets.PAT_TOKEN }}
           fetch-depth: 0
 
       - name: Sync content to split repository
+        if: steps.check.outputs.has_new_version == 'true'
         run: |
-          # Lösche alte Inhalte (außer .git, .github, package.json)
+          # Delete old contents (except .git, .github, package.json)
           cd split-repo
           find . -mindepth 1 -maxdepth 1 \
             ! -name '.git' \
@@ -117,20 +148,21 @@ jobs:
             ! -name 'README.md' \
             ! -name 'node_modules' \
             -exec rm -rf {} +
-          
-          # Kopiere neue Inhalte
+
+          # Copy new contents
           cp -r ../typescript-split/* .
-          
-          # Speichere synced Tag
-          echo "${{ needs.check-and-sync.outputs.typo3_version }}" > .last-synced-tag
+
+          # Save synced tag
+          echo "${{ steps.check.outputs.typo3_version }}" > .last-synced-tag
 
       - name: Create/Update package.json
+        if: steps.check.outputs.has_new_version == 'true'
         working-directory: split-repo
         run: |
-          TYPO3_VERSION="${{ needs.check-and-sync.outputs.typo3_version }}"
-          # Entferne 'v' Präfix für npm Version
+          TYPO3_VERSION="${{ steps.check.outputs.typo3_version }}"
+          # Remove 'v' prefix for npm version
           NPM_VERSION="${TYPO3_VERSION#v}"
-          
+
           cat > package.json << EOF
           {
             "name": "typo3-typescript-sources",
@@ -167,14 +199,15 @@ jobs:
             }
           }
           EOF
-          
-          echo "✓ package.json erstellt mit Version $NPM_VERSION"
+
+          echo "✓ package.json created with version $NPM_VERSION"
 
       - name: Create README
+        if: steps.check.outputs.has_new_version == 'true'
         working-directory: split-repo
         run: |
-          TYPO3_VERSION="${{ needs.check-and-sync.outputs.typo3_version }}"
-          
+          TYPO3_VERSION="${{ steps.check.outputs.typo3_version }}"
+
           cat > README.md << 'EOF'
           # TYPO3 TypeScript Sources
 
@@ -196,6 +229,13 @@ jobs:
           - **Source Path:** `Build/Sources/TypeScript/`
           - **Current TYPO3 Version:** `TYPO3_VERSION_PLACEHOLDER`
 
+          ## 🌿 Branches
+
+          | Branch   | TYPO3 Version | npm tag   |
+          |----------|---------------|-----------|
+          | `main`   | v14.x         | `latest`  |
+          | `v13.x`  | v13.x         | `v13`     |
+
           ## 📝 License
 
           This package maintains the same license as TYPO3 Core: **GPL-2.0-or-later**
@@ -209,61 +249,69 @@ jobs:
           This is an unofficial split package maintained by [@maikschneider](https://github.com/maikschneider).
           For official TYPO3 packages, please refer to the [TYPO3 Core repository](https://github.com/TYPO3/typo3).
           EOF
-          
-          # Ersetze Platzhalter
+
+          # Replace placeholder
           sed -i "s/TYPO3_VERSION_PLACEHOLDER/${TYPO3_VERSION}/" README.md
 
       - name: Commit changes
+        if: steps.check.outputs.has_new_version == 'true'
         working-directory: split-repo
         run: |
+          TARGET_BRANCH="${{ matrix.target_branch }}"
           git add .
-          
+
           if git diff --staged --quiet; then
-            echo "Keine Änderungen zu committen"
+            echo "No changes to commit"
             exit 0
           fi
-          
-          TYPO3_VERSION="${{ needs.check-and-sync.outputs.typo3_version }}"
+
+          TYPO3_VERSION="${{ steps.check.outputs.typo3_version }}"
           git commit -m "Sync with TYPO3 ${TYPO3_VERSION}
 
           Source: https://github.com/TYPO3/typo3/tree/${TYPO3_VERSION}
           Path: Build/Sources/TypeScript/"
-          
-          # Erstelle Tag (entferne v-Prefix falls vorhanden)
+
+          # Create tag (remove v-prefix)
           NPM_VERSION="${TYPO3_VERSION#v}"
           git tag -a "${NPM_VERSION}" -m "Release ${NPM_VERSION} from TYPO3 ${TYPO3_VERSION}"
-          
-          git push origin main
+
+          git push origin "${TARGET_BRANCH}"
           git push origin "${NPM_VERSION}"
 
       - name: Setup Node.js
+        if: steps.check.outputs.has_new_version == 'true'
         uses: actions/setup-node@v4
         with:
           node-version: '20'
           registry-url: 'https://registry.npmjs.org'
 
       - name: Publish to npm
+        if: steps.check.outputs.has_new_version == 'true'
         working-directory: split-repo
         run: |
-          # Stelle sicher, dass .npmrc korrekt konfiguriert ist
           echo "//registry.npmjs.org/:_authToken=${NODE_AUTH_TOKEN}" > ~/.npmrc
-          
-          # Publish ohne OTP (Automation Token)
-          npm publish --access public
+
+          MAJOR="${{ matrix.major_version }}"
+          if [ "$MAJOR" = "13" ]; then
+            npm publish --access public --tag v13
+          else
+            npm publish --access public
+          fi
         env:
           NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
 
       - name: Create GitHub Release
+        if: steps.check.outputs.has_new_version == 'true'
         uses: actions/create-release@v1
         env:
           GITHUB_TOKEN: ${{ secrets.PAT_TOKEN }}
         with:
-          tag_name: ${{ needs.check-and-sync.outputs.typo3_version }}
-          release_name: TYPO3 ${{ needs.check-and-sync.outputs.typo3_version }}
+          tag_name: ${{ steps.check.outputs.typo3_version }}
+          release_name: TYPO3 ${{ steps.check.outputs.typo3_version }}
           body: |
-            Synchronized with TYPO3 Core ${{ needs.check-and-sync.outputs.typo3_version }}
-            
-            **Source:** https://github.com/TYPO3/typo3/tree/${{ needs.check-and-sync.outputs.typo3_version }}
+            Synchronized with TYPO3 Core ${{ steps.check.outputs.typo3_version }}
+
+            **Source:** https://github.com/TYPO3/typo3/tree/${{ steps.check.outputs.typo3_version }}
             **Path:** `Build/Sources/TypeScript/`
           draft: false
-          prerelease: false
+          prerelease: false

package/.last-synced-tag

@@ -1 +1 @@
-v13.4.26
+v14.0.0

package/README-TYPO3.md

@@ -1,7 +1,7 @@
 # TYPO3 CMS
 
 TYPO3 is an open source PHP based web content management system released
-under the GNU GPL. TYPO3 is copyright © 1999-2026 by Kasper Skårhøj.
+under the GNU GPL. TYPO3 is copyright © 1999-2025 by Kasper Skårhøj.
 
 This document provides a basic introduction to TYPO3.
 

package/README.md

@@ -16,7 +16,14 @@ npm install typo3-typescript-sources
 
 - **Original Repository:** [TYPO3/typo3](https://github.com/TYPO3/typo3)
 - **Source Path:** `Build/Sources/TypeScript/`
-- **Current TYPO3 Version:** `v13.4.26`
+- **Current TYPO3 Version:** `v14.0.0`
+
+## 🌿 Branches
+
+| Branch   | TYPO3 Version | npm tag   |
+|----------|---------------|-----------|
+| `main`   | v14.x         | `latest`  |
+| `v13.x`  | v13.x         | `v13`     |
 
 ## 📝 License
 

package/backend/action-button/deferred-action.ts

@@ -18,6 +18,8 @@ import Icons from '../icons';
  * Action used when an operation execution time is unknown.
  */
 class DeferredAction extends AbstractAction {
+  protected override callback: () => Promise<void>;
+
   public async execute(el: HTMLAnchorElement|HTMLButtonElement): Promise<void> {
     el.dataset.actionLabel = el.innerText;
     el.classList.add('disabled');

package/backend/action-button/immediate-action.ts

@@ -17,6 +17,8 @@ import { AbstractAction } from './abstract-action';
  * Action used when an operation is executed immediately.
  */
 class ImmediateAction extends AbstractAction {
+  protected override callback: () => void;
+
   public execute(): Promise<void> {
     return this.executeCallback();
   }

package/backend/ajax-data-handler.ts

@@ -13,20 +13,12 @@
 
 import { BroadcastMessage } from '@typo3/backend/broadcast-message';
 import AjaxRequest from '@typo3/core/ajax/ajax-request';
-import DocumentService from '@typo3/core/document-service';
 import BroadcastService from '@typo3/backend/broadcast-service';
-import Icons from './icons';
 import Notification from './notification';
-import RegularEvent from '@typo3/core/event/regular-event';
 import { sudoModeInterceptor } from '@typo3/backend/security/sudo-mode-interceptor';
 import type { AjaxResponse } from '@typo3/core/ajax/ajax-response';
 import type ResponseInterface from './ajax-data-handler/response-interface';
 
-enum Identifiers {
-  hide = 'button[data-datahandler-action="visibility"]',
-  icon = '.t3js-icon',
-}
-
 interface AfterProcessEventDict {
   component: string;
   action: string;
@@ -40,19 +32,6 @@ interface AfterProcessEventDict {
  * through \TYPO3\CMS\Backend\Controller\SimpleDataHandlerController->processAjaxRequest (record_process route)
  */
 class AjaxDataHandler {
-  constructor() {
-    DocumentService.ready().then((): void => {
-      this.initialize();
-    });
-  }
-
-  /**
-   * Refresh the page tree
-   */
-  private static refreshPageTree(): void {
-    top.document.dispatchEvent(new CustomEvent('typo3:pagetree:refresh'));
-  }
-
   /**
    * AJAX call to record_process route (SimpleDataHandlerController->processAjaxRequest)
    * returns a jQuery Promise to work with
@@ -77,7 +56,7 @@ class AjaxDataHandler {
    * @param {AfterProcessEventDict} eventDict Dictionary used as event detail. This is private API yet.
    * @returns {Promise<ResponseInterface>}
    */
-  public process(parameters: string | object, eventDict?: AfterProcessEventDict): Promise<ResponseInterface> {
+  public async process(parameters: string | object, eventDict?: AfterProcessEventDict): Promise<ResponseInterface> {
     const promise = AjaxDataHandler.call(parameters);
     return promise.then((result: ResponseInterface): ResponseInterface => {
       if (result.hasErrors) {
@@ -105,91 +84,6 @@ class AjaxDataHandler {
     });
   }
 
-  // @todo: Many extensions rely on this behavior but it's misplaced in AjaxDataHandler. Move into recordlist.ts and deprecate in v11.
-  private initialize(): void {
-    // HIDE/UNHIDE: click events for all action icons to hide/unhide
-    new RegularEvent('click', (e: Event, element: HTMLButtonElement): void => {
-      e.preventDefault();
-      this.handleVisibilityToggle(element);
-    }).delegateTo(document, Identifiers.hide);
-  }
-
-  private handleVisibilityToggle(element: HTMLButtonElement): void
-  {
-    const rowElement = element.closest('tr[data-uid]');
-
-    // Show spinner
-    const iconElement = element.querySelector(Identifiers.icon);
-    this._showSpinnerIcon(iconElement);
-
-    const isVisible = element.dataset.datahandlerStatus === 'visible';
-    // Get Settings from element
-    const settings = {
-      table: element.dataset.datahandlerTable,
-      uid: element.dataset.datahandlerUid,
-      field: element.dataset.datahandlerField,
-      visible: isVisible,
-      overlayIcon: isVisible
-        ? element.dataset.datahandlerRecordHiddenOverlayIcon ?? 'overlay-hidden'
-        : element.dataset.datahandlerRecordVisibleOverlayIcon ?? null
-    };
-
-    const params = {
-      data: {
-        [settings.table]: {
-          [settings.uid]: {
-            [settings.field]: settings.visible
-              ? element.dataset.datahandlerHiddenValue
-              : element.dataset.datahandlerVisibleValue
-          }
-        }
-      }
-    };
-
-    // Submit Data
-    this.process(params).then((result: ResponseInterface): void => {
-      if (!result.hasErrors) {
-        // Inverse current state
-        settings.visible = !(settings.visible);
-        element.setAttribute('data-datahandler-status', settings.visible ? 'visible' : 'hidden');
-
-        const elementLabel = settings.visible
-          ? element.dataset.datahandlerVisibleLabel
-          : element.dataset.datahandlerHiddenLabel;
-        element.setAttribute('title', elementLabel);
-
-        const elementIconIdentifier = settings.visible
-          ? element.dataset.datahandlerVisibleIcon
-          : element.dataset.datahandlerHiddenIcon;
-        const iconElement = element.querySelector(Identifiers.icon);
-        Icons.getIcon(elementIconIdentifier, Icons.sizes.small).then((icon: string): void => {
-          iconElement.replaceWith(document.createRange().createContextualFragment(icon));
-        });
-
-        // Set overlay for the record icon
-        const recordIcon = rowElement.querySelector('.col-icon ' + Identifiers.icon);
-        recordIcon.querySelector('.icon-overlay')?.remove();
-        Icons.getIcon('miscellaneous-placeholder', Icons.sizes.small, settings.overlayIcon).then((icon: string): void => {
-          const iconFragment = document.createRange().createContextualFragment(icon);
-          recordIcon.append(iconFragment.querySelector('.icon-overlay'));
-        });
-
-        // Animate row
-        const animationEvent = new RegularEvent('animationend', (): void => {
-          rowElement.classList.remove('record-pulse');
-          animationEvent.release();
-        });
-        animationEvent.bindTo(rowElement);
-        rowElement.classList.add('record-pulse');
-
-        // Refresh Pagetree
-        if (settings.table === 'pages') {
-          AjaxDataHandler.refreshPageTree();
-        }
-      }
-    });
-  }
-
   /**
    * Handle the errors from result object
    *
@@ -200,15 +94,6 @@ class AjaxDataHandler {
       Notification.error(message.title, message.message);
     }
   }
-
-  /**
-   * Replace the given icon with a spinner icon
-   */
-  private _showSpinnerIcon(iconElement: Element): void {
-    Icons.getIcon('spinner-circle', Icons.sizes.small).then((icon: string): void => {
-      iconElement.replaceWith(document.createRange().createContextualFragment(icon));
-    });
-  }
 }
 
 export default new AjaxDataHandler();

package/backend/clipboard-panel.ts

@@ -12,10 +12,10 @@
  */
 
 import { html, LitElement, nothing, type TemplateResult } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { until } from 'lit/directives/until.js';
-import { unsafeHTML } from 'lit/directives/unsafe-html.js';
-import { classMap } from 'lit/directives/class-map.js';
+import { customElement, property } from 'lit/decorators';
+import { until } from 'lit/directives/until';
+import { unsafeHTML } from 'lit/directives/unsafe-html';
+import { classMap } from 'lit/directives/class-map';
 import AjaxRequest from '@typo3/core/ajax/ajax-request';
 import type { AjaxResponse } from '@typo3/core/ajax/ajax-response';
 import Notification from '@typo3/backend/notification';
@@ -134,7 +134,7 @@ export class ClipboardPanel extends LitElement {
               ${tab.title}
               ${tab.info}` : html`
               <typo3-backend-icon identifier="actions-circle" size="small"></typo3-backend-icon>
-              <span class="text-body-secondary">
+              <span class="text-variant">
                 ${tab.title}
                 ${tab.info}
               </span>

package/backend/code-editor/element/code-mirror-element.ts

@@ -12,7 +12,7 @@
  */
 
 import { LitElement, html, css, type TemplateResult } from 'lit';
-import { customElement, property, state } from 'lit/decorators.js';
+import { customElement, property, state } from 'lit/decorators';
 import {
   EditorView,
   lineNumbers,

package/backend/code-editor/stream-parser/typoscript.ts

@@ -490,7 +490,6 @@ export class TypoScriptStreamParserFactory {
         'import': kw('import'),
         'inBranch': B,
         'inc': kw('inc'),
-        'INCLUDE_TYPOSCRIPT': kw('INCLUDE_TYPOSCRIPT'),
         'includeCSS': kw('includeCSS'),
         'includeLibrary': kw('includeLibrary'),
         'includeNotInMenu': kw('includeNotInMenu'),
@@ -523,6 +522,7 @@ export class TypoScriptStreamParserFactory {
         'itemH': kw('itemH'),
         'items': kw('items'),
         'itemsProcFunc': kw('itemsProcFunc'),
+        'itemsProcessors': kw('itemsProcessors'),
         'iterations': kw('iterations'),
         'join': kw('join'),
         'JSwindow': A,

package/backend/color-picker.ts

@@ -11,7 +11,7 @@
  * The TYPO3 project - inspiring people to share!
  */
 
-import { customElement, property, query } from 'lit/decorators.js';
+import { customElement, property, query } from 'lit/decorators';
 import { css, html, LitElement, type TemplateResult } from 'lit';
 import Alwan from 'alwan';
 import RegularEvent from '@typo3/core/event/regular-event';
@@ -38,6 +38,7 @@ export class Typo3BackendColorPicker extends LitElement {
       height: var(--typo3-colorpicker-preview-height);
       top: 50%;
       inset-inline-start: var(--typo3-input-sm-padding-x);
+      z-index: 1;
       transform: translate(0, -50%);
       background: var(--typo3-bg-checkerboard-background-color);
       background-image: linear-gradient(45deg, var(--typo3-bg-checkerboard-background-image-color) 25%, transparent 25%), linear-gradient(135deg, var(--typo3-bg-checkerboard-background-image-color) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--typo3-bg-checkerboard-background-image-color) 75%), linear-gradient(135deg, transparent 75%, var(--typo3-bg-checkerboard-background-image-color) 75%);
@@ -58,7 +59,7 @@ export class Typo3BackendColorPicker extends LitElement {
 
   @property({ type: String }) color: string = '';
   @property({ type: Boolean }) opacity: boolean = false;
-  @property({ type: Array }) swatches: {label: string, color: string}[] = [];
+  @property({ type: String }) swatches: string = '';
 
   // Use a reference to the input slot element
   @query('slot') slotEl!: HTMLSlotElement;
@@ -82,7 +83,7 @@ export class Typo3BackendColorPicker extends LitElement {
         position: 'bottom-start',
         format: 'hex',
         opacity: this.opacity,
-        swatches: this.swatches,
+        swatches: this.swatches ? this.swatches.split(';') : [],
         preset: false,
         color: this.color,
       });
@@ -140,7 +141,7 @@ class LegacyColorPicker {
     }
 
     const colorPicker = document.createElement('typo3-backend-color-picker');
-    colorPicker.swatches = options.swatches.map((swatch: string) => ({ color: swatch, label: swatch }));
+    colorPicker.swatches = options.swatches?.join(';') ?? '';
     colorPicker.opacity = options.opacity ?? false;
     element.parentNode.insertBefore(colorPicker, element);
     colorPicker.appendChild(element);

package/backend/color-scheme-switch.ts

@@ -12,7 +12,7 @@
  */
 
 import { html, LitElement, nothing, type TemplateResult } from 'lit';
-import { customElement, property, state } from 'lit/decorators.js';
+import { customElement, property, state } from 'lit/decorators';
 import AjaxRequest from '@typo3/core/ajax/ajax-request';
 import '@typo3/backend/element/icon-element';
 import type { ColorSchemeUpdateEventData, ColorScheme } from '@typo3/backend/user-settings-manager';

package/backend/column-selector-button.ts

@@ -11,7 +11,7 @@
  * The TYPO3 project - inspiring people to share!
  */
 
-import { customElement, property } from 'lit/decorators.js';
+import { customElement, property } from 'lit/decorators';
 import { PseudoButtonLitElement } from '@typo3/backend/element/pseudo-button';
 import { SeverityEnum } from '@typo3/backend/enum/severity';
 import { default as Modal, type ModalElement } from '@typo3/backend/modal';

package/backend/context-menu-actions.ts

@@ -47,6 +47,7 @@ class ContextMenuActions {
       top.TYPO3.settings.FormEngine.moduleUrl
       + '&edit[' + table + '][' + uid + ']=edit'
       + overrideVals
+      + '&module=' + encodeURIComponent(top.TYPO3.ModuleMenu.App.getCurrentModule())
       + '&returnUrl=' + ContextMenuActions.getReturnUrl(),
     );
   }