typo3-typescript-sources 13.4.20

package/README-TYPO3.md

@@ -0,0 +1,166 @@
+# TYPO3 CMS
+
+TYPO3 is an open source PHP based web content management system released
+under the GNU GPL. TYPO3 is copyright © 1999-2025 by Kasper Skårhøj.
+
+This document provides a basic introduction to TYPO3.
+
+## Getting Started
+
+TYPO3 requires a web server with PHP and a database.
+The backend is accessed via a supported browser.
+
+Please see the [Installation Guide](https://docs.typo3.org/installation)
+in order to set up a basic TYPO3 installation on your web server.
+
+## What is TYPO3?
+
+TYPO3 is a free and open source Content Management Framework. It is
+released under the GNU General Public License. It can run on several web
+servers, such as Apache, nginx or IIS, on top of many operating systems,
+among them Linux, Microsoft Windows, FreeBSD or macOS.
+
+TYPO3 was initially authored by Kasper Skårhøj and is now further
+developed by a community of contributors and the [TYPO3 Core Development
+Team](https://typo3.org/community/teams/typo3-development/).
+
+To get more info about the GPL license, visit
+https://opensource.org/licenses/gpl-license
+
+## What is a Content Management Framework?
+
+A Content Management Framework is more than just a content management
+system, due to the separation of the streamlined core and optional
+plugins (extensions). TYPO3 has an open API that allows you to extend
+the frontend (website) and/or backend (administration) functionality.
+
+The concept of extensions makes TYPO3 capable of being developed and
+used in almost any way you can imagine, either by using any of the many
+extensions which are available for download, or by writing your own.
+
+## TYPO3 System requirements
+
+TYPO3 is based upon PHP and uses a database management system like
+MySQL.
+
+For more specific information regarding requirements see the file
+[INSTALL.md](INSTALL.md#server-system-requirements) in this folder.
+
+## TYPO3 resources
+
+Here is an overview of the most important TYPO3 resources to help you
+get started:
+
+### Get more information
+
+* https://typo3.org/ is the main project website. It provides up-to-date
+  official news, information about events and the TYPO3 community.
+
+* https://docs.typo3.org/: TYPO3 is one of the most thoroughly
+  documented OpenSource products around, with manuals covering basic
+  tutorials, TypoScript, administration, development, core structure,
+  etc. You should make the time to locate the various documents, and
+  read those that apply to the work you want to do.
+
+* https://get.typo3.org/ is the platform where you can download TYPO3
+  and find all release notes and change logs of TYPO3 releases.
+
+* https://extensions.typo3.org/ is the platform where you can search for
+  and download TYPO3 extensions.
+
+### Chat with us
+
+The TYPO3 community is using a tool called Slack to openly communicate
+with each other and with the public. Several TYPO3 teams use Slack as a
+way to communicate internally and most channels are a welcome place for
+you to join and get yourself involved.
+
+* Register: https://my.typo3.org/about-mytypo3org/slack
+* Slack: https://typo3.slack.com/
+
+### Exchange information, ask questions, get help
+
+Slack is nice for short discussions, but when asking questions, most
+answers are lost in the noise after a few minutes.
+
+#### StackOverflow
+
+**To let everyone profit from an answer, we recommend to ask questions
+on StackOverflow**. If you like, you can then post a link into the
+corresponding Slack channel to raise attention. And please, do not
+forget to tag your questions correctly with `typo3` (and possibly other
+tags like `typo3-9.5.x`, `Fluid` or `Extbase`).
+
+* [StackOverflow questions tagged "TYPO3"](https://stackoverflow.com/questions/tagged/typo3)
+
+#### Official meet the TYPO3 Community overview:
+
+Visit https://typo3.org/community/meet/
+
+## Contributing
+
+If you want to contribute to the TYPO3 source code, take a look at our
+Contributors Walkthrough and Review System:
+
+* https://docs.typo3.org/core-contribution
+* https://review.typo3.org/
+
+> Please use the [TYPO3 Slack chat](#chat-with-us), if you need help in
+> setting up your contribution environment. The community is very
+> helpful and get you up and running! (Please post your questions in
+> Slack Channel `#typo3-cms-coredev` regarding contribution support)
+
+The [repository at GitHub](https://github.com/typo3/typo3) is a
+synchronized mirror of the primary TYPO3 core git repository:
+
+* https://git.typo3.org/typo3/typo3
+
+If you want to file a bug report, take a look at:
+
+* [https://forge.typo3.org](https://forge.typo3.org/projects/typo3cms-core/issues)
+
+## Security
+
+If you learn about a potential security issue in the TYPO3 core or in
+an extension, please always contact the TYPO3 Security Team via security@typo3.org.
+Please always include the version number where you've discovered the issue.
+If we can confirm a problem in a third-party extension, we will inform the
+author immediately.
+
+If you discover a security problem in your own extension, please inform
+the TYPO3 Security Team as well. They can help you to fix it, and they
+may want to issue an advisory once it is fixed.
+
+For more details see [TYPO3 Security Team](https://typo3.org/community/teams/security/).
+
+## Final notes
+
+TYPO3 is said to be one of the most sophisticated PHP / Internet related
+applications available, and the more you play with it, the more you will
+agree.
+
+Due to the advanced level of the code and functionality, a degree of
+study, time and perseverance is required to fully understand it, and get
+the best from it. You should keep trying, as we say it's definitely
+worth it. TYPO3 is the Enterprise Content Management System "for all".
+
+The GPL license allows for developments that are based upon TYPO3 to
+also be freely available under the GPL. Please remember this, because
+TYPO3 is about "Inspiring People To Share". If you are making money with
+TYPO3 you can donate or become a member of the
+[TYPO3 Association](https://typo3.org/association).
+
+By becoming a supporting member, individuals and organisations mainly
+fund core development of TYPO3. The decision about what the funds are
+used for, is made by all members of the Association and the TYPO3
+Association Board. The decisions will be made transparent to the community
+and especially the supporting members. Your funds will also serve for
+other purposes as laid out in the bylaws.
+
+* [Donate to TYPO3](https://typo3.org/donate)
+* [Become a member of the TYPO3 Association](
+  https://typo3.org/membership)
+
+## Copyleft
+
+This document is a part of the TYPO3 project.

package/README.md

@@ -0,0 +1,28 @@
+# TYPO3 TypeScript Sources
+
+This repository contains the TypeScript sources from the TYPO3 Core, automatically extracted and published to npm.
+
+## 📦 Installation
+
+```bash
+npm install typo3-typescript-sources
+```
+
+## 🔍 Source
+
+- **Original Repository:** [TYPO3/typo3](https://github.com/TYPO3/typo3)
+- **Source Path:** `Build/Sources/TypeScript/`
+- **Current TYPO3 Version:** `v13.4.20`
+
+## 📝 License
+
+This package maintains the same license as TYPO3 Core: **GPL-2.0-or-later**
+
+## 🤖 Automation
+
+This repository is automatically synchronized with TYPO3 Core releases via GitHub Actions.
+
+## ⚠️ Note
+
+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).

package/adminpanel/admin-panel.ts

@@ -0,0 +1,375 @@
+((): void => {
+  const AdminPanelSelectors = {
+    adminPanelRole: 'form[data-typo3-role=typo3-adminPanel]',
+    moduleTriggerRole: '[data-typo3-role=typo3-adminPanel-module-trigger]',
+    moduleParentClass: '.typo3-adminPanel-module',
+    contentTabRole: '[data-typo3-role=typo3-adminPanel-content-tab]',
+    saveButtonRole: '[data-typo3-role=typo3-adminPanel-saveButton]',
+    triggerRole: '[data-typo3-role=typo3-adminPanel-trigger]',
+    popupTriggerRole: '[data-typo3-role=typo3-adminPanel-popup-trigger]',
+    panelTriggerRole: '[data-typo3-role=typo3-adminPanel-panel-trigger]',
+    panelParentClass: '.typo3-adminPanel-panel',
+    contentSettingsTriggerRole: '[data-typo3-role=typo3-adminPanel-content-settings]',
+    contentSettingsParentClass: '.typo3-adminPanel-content-settings',
+    contentParentClass: '.typo3-adminPanel-content',
+    zoomTarget: '[data-typo3-zoom-target]',
+    zoomClose: '[data-typo3-zoom-close]',
+    currentContentRole: '[data-typo3-role=typo3-adminPanel-content]',
+    contentPaneRole: '[data-typo3-role=typo3-adminPanel-content-pane]',
+  };
+
+  const AdminPanelClasses = {
+    active: 'active',
+    activeModule: 'typo3-adminPanel-module-active',
+    activeContentSetting: 'typo3-adminPanel-content-settings-active',
+    backdrop: 'typo3-adminPanel-backdrop',
+    activeTab: 'typo3-adminPanel-content-header-item-active',
+    activePane: 'typo3-adminPanel-content-panes-item-active',
+    noScroll: 'typo3-adminPanel-noscroll',
+    zoomShow: 'typo3-adminPanel-zoom-show',
+  };
+
+  class AdminPanel {
+    private readonly adminPanel: HTMLFormElement;
+    private readonly modules: AdminPanelModule[];
+    private readonly popups: AdminPanelPopup[];
+    private readonly trigger: HTMLElement;
+
+    constructor() {
+      this.adminPanel = document.querySelector(AdminPanelSelectors.adminPanelRole) as HTMLFormElement;
+      this.modules = (this.querySelectorAll(AdminPanelSelectors.moduleTriggerRole) as Element[]).map(
+        (moduleTrigger: HTMLElement) => {
+          const moduleParent = moduleTrigger.closest(AdminPanelSelectors.moduleParentClass);
+          return new AdminPanelModule(this, moduleParent, moduleTrigger);
+        },
+      );
+      this.popups = this.querySelectorAll(AdminPanelSelectors.popupTriggerRole).map(
+        (popupTrigger: HTMLElement) => new AdminPanelPopup(this, popupTrigger),
+      );
+      this.querySelectorAll(AdminPanelSelectors.panelTriggerRole).forEach(
+        (panelTrigger: HTMLElement) => {
+          const panelParent = panelTrigger.closest(AdminPanelSelectors.panelParentClass);
+          new AdminPanelPanel(panelParent, panelTrigger);
+        },
+      );
+      this.querySelectorAll(AdminPanelSelectors.contentSettingsTriggerRole).forEach(
+        (contentSettingTrigger: HTMLElement) => {
+          const contentSettingElement = contentSettingTrigger
+            .closest(AdminPanelSelectors.contentParentClass)
+            .querySelector(AdminPanelSelectors.contentSettingsParentClass);
+          new AdminPanelContentSetting(contentSettingElement, contentSettingTrigger);
+        },
+      );
+      this.trigger = document.querySelector(AdminPanelSelectors.triggerRole) as HTMLElement;
+
+      this.initializeEvents();
+      this.addBackdropListener();
+    }
+
+    disableModules(): void {
+      this.modules.forEach((module: AdminPanelModule) => module.disable());
+    }
+
+    disablePopups(): void {
+      this.popups.forEach((popup: AdminPanelPopup) => popup.disable());
+    }
+
+    renderBackdrop(): void {
+      const adminPanel = document.getElementById('TSFE_ADMIN_PANEL_FORM');
+      const backdrop = document.createElement('div');
+      const body = document.querySelector('body');
+      body.classList.add(AdminPanelClasses.noScroll);
+      backdrop.classList.add(AdminPanelClasses.backdrop);
+      adminPanel.appendChild(backdrop);
+      this.addBackdropListener();
+    }
+
+    removeBackdrop(): void {
+      const backdrop = document.querySelector('.' + AdminPanelClasses.backdrop);
+      const body = document.querySelector('body');
+      body.classList.remove(AdminPanelClasses.noScroll);
+      if (backdrop !== null) {
+        backdrop.remove();
+      }
+    }
+
+    private querySelectorAll(selectors: string, subject: Element = null): Node[] {
+      if (subject === null) {
+        return Array.from(document.querySelectorAll(selectors));
+      }
+      return Array.from(subject.querySelectorAll(selectors));
+    }
+
+    private initializeEvents(): void {
+      this
+        .querySelectorAll(AdminPanelSelectors.contentTabRole)
+        .forEach((tab: HTMLElement) => tab.addEventListener('click', this.switchTab.bind(this)));
+      this
+        .querySelectorAll(AdminPanelSelectors.zoomTarget)
+        .forEach((zoomTrigger: HTMLElement) => zoomTrigger.addEventListener('click', this.openZoom.bind(this)));
+      this
+        .querySelectorAll(AdminPanelSelectors.zoomClose)
+        .forEach((zoomTrigger: HTMLElement) => zoomTrigger.addEventListener('click', this.closeZoom.bind(this)));
+      this
+        .querySelectorAll(AdminPanelSelectors.triggerRole)
+        .forEach((trigger: HTMLElement) => trigger.addEventListener('click', this.toggleAdminPanelState.bind(this)));
+      this
+        .querySelectorAll(AdminPanelSelectors.saveButtonRole)
+        .forEach((elm: HTMLElement) => elm.addEventListener('click', this.sendAdminPanelForm.bind(this)));
+
+      this
+        .querySelectorAll('[data-typo3-role=typo3-adminPanel-content-close]')
+        .forEach((elm: HTMLElement) => {
+          elm.addEventListener('click', () => {
+            this.disableModules();
+            this.removeBackdrop();
+          });
+        });
+      this
+        .querySelectorAll('.typo3-adminPanel-table th, .typo3-adminPanel-table td')
+        .forEach((elm: HTMLElement) => {
+          elm.addEventListener('click', () => {
+            elm.focus();
+            try {
+              document.execCommand('copy');
+            } catch {
+              // nothing here
+            }
+          });
+        });
+    }
+
+    private switchTab(event: MouseEvent): void {
+      event.preventDefault();
+
+      const activeTabClass = AdminPanelClasses.activeTab;
+      const activePaneClass = AdminPanelClasses.activePane;
+      const currentTab = event.currentTarget as HTMLElement;
+      const currentContent = currentTab.closest(AdminPanelSelectors.currentContentRole);
+      const contentTabs = this.querySelectorAll(AdminPanelSelectors.contentTabRole, currentContent);
+      const contentPanes = this.querySelectorAll(AdminPanelSelectors.contentPaneRole, currentContent);
+
+      contentTabs.forEach((element: HTMLElement) => element.classList.remove(activeTabClass));
+      currentTab.classList.add(activeTabClass);
+      contentPanes.forEach((element: HTMLElement) => element.classList.remove(activePaneClass));
+
+      const activePane = document.querySelector('[data-typo3-tab-id=' + currentTab.dataset.typo3TabTarget + ']');
+      activePane.classList.add(activePaneClass);
+    }
+
+    private openZoom(event: MouseEvent): void {
+      event.preventDefault();
+      const trigger = event.currentTarget as HTMLElement;
+      const targetId = trigger.getAttribute('data-typo3-zoom-target');
+      const target = document.querySelector('[data-typo3-zoom-id=' + targetId + ']');
+      target.classList.add(AdminPanelClasses.zoomShow);
+    }
+
+    private closeZoom(event: MouseEvent): void {
+      event.preventDefault();
+      const trigger = event.currentTarget as HTMLElement;
+      const target = trigger.closest('[data-typo3-zoom-id]');
+      target.classList.remove(AdminPanelClasses.zoomShow);
+    }
+
+    private sendAdminPanelForm(event: MouseEvent): void {
+      event.preventDefault();
+      const formData = new FormData(this.adminPanel);
+      const request = new XMLHttpRequest();
+      request.open('POST', this.adminPanel.dataset.typo3AjaxUrl);
+      request.send(formData);
+      request.onload = () => location.assign(this.getCleanReloadUrl());
+    }
+
+    private toggleAdminPanelState(): void {
+      const request = new XMLHttpRequest();
+      request.open('GET', this.trigger.dataset.typo3AjaxUrl);
+      request.send();
+      request.onload = () => location.reload();
+    }
+
+    /**
+     * When previewing access/time restricted packs from the backend, "ADMCMD_" parameters are attached to the URL
+     * - their settings will be saved in the admin panel. To make sure that the user is able to change those settings
+     * via the Admin Panel User Interface the $_GET parameters are removed from the URL after saving and the page is
+     * reloaded
+     */
+    private getCleanReloadUrl(): string {
+      const urlParams: string[] = [];
+      location.search.substr(1).split('&').forEach((item: string): void => {
+        if (item && !item.includes('ADMCMD_')) {
+          urlParams.push(item);
+        }
+      });
+
+      const queryString = urlParams ? '?' + urlParams.join('&') : '';
+      return location.origin + location.pathname + queryString;
+    }
+
+    private addBackdropListener(): void {
+      this.querySelectorAll('.' + AdminPanelClasses.backdrop)
+        .forEach((elm: HTMLElement) => {
+          elm.addEventListener('click', () => {
+            this.removeBackdrop();
+            this
+              .querySelectorAll(AdminPanelSelectors.moduleTriggerRole)
+              .forEach((innerElm: HTMLElement) => {
+                innerElm.closest(AdminPanelSelectors.moduleParentClass)
+                  .classList.remove(AdminPanelClasses.activeModule);
+              });
+          });
+        });
+    }
+  }
+
+  interface AdminPanelSwitchable {
+    isActive(): boolean;
+    enable(): void;
+    disable(): void;
+  }
+
+  class AdminPanelPopup implements AdminPanelSwitchable {
+    private readonly adminPanel: AdminPanel;
+    private readonly element: Element;
+
+    constructor(adminPanel: AdminPanel, element: Element) {
+      this.adminPanel = adminPanel;
+      this.element = element;
+      this.initializeEvents();
+    }
+
+    isActive(): boolean {
+      return this.element.classList.contains(AdminPanelClasses.active);
+    }
+
+    enable(): void {
+      this.element.classList.add(AdminPanelClasses.active);
+    }
+
+    disable(): void {
+      this.element.classList.remove(AdminPanelClasses.active);
+    }
+
+    private initializeEvents(): void {
+      this.element.addEventListener('click', () => {
+        if (this.isActive()) {
+          this.disable();
+        } else {
+          this.adminPanel.disablePopups();
+          this.enable();
+        }
+
+      });
+    }
+  }
+
+  class AdminPanelPanel implements AdminPanelSwitchable {
+    private readonly element: Element;
+    private readonly trigger: Element;
+
+    constructor(element: Element, trigger: Element) {
+      this.element = element;
+      this.trigger = trigger;
+      this.initializeEvents();
+    }
+
+    isActive(): boolean {
+      return this.element.classList.contains(AdminPanelClasses.active);
+    }
+
+    enable(): void {
+      this.element.classList.add(AdminPanelClasses.active);
+    }
+
+    disable(): void {
+      this.element.classList.remove(AdminPanelClasses.active);
+    }
+
+    private initializeEvents(): void {
+      this.trigger.addEventListener('click', () => {
+        if (this.isActive()) {
+          this.disable();
+        } else {
+          this.enable();
+        }
+      });
+    }
+  }
+
+  class AdminPanelContentSetting implements AdminPanelSwitchable {
+    private readonly element: Element;
+    private readonly trigger: Element;
+
+    constructor(element: Element, trigger: Element) {
+      this.element = element;
+      this.trigger = trigger;
+      this.initializeEvents();
+    }
+
+    isActive(): boolean {
+      return this.element.classList.contains(AdminPanelClasses.activeContentSetting);
+    }
+
+    enable(): void {
+      this.element.classList.add(AdminPanelClasses.activeContentSetting);
+    }
+
+    disable(): void {
+      this.element.classList.remove(AdminPanelClasses.activeContentSetting);
+    }
+
+    private initializeEvents(): void {
+      this.trigger.addEventListener('click', () => {
+        if (this.isActive()) {
+          this.disable();
+        } else {
+          this.enable();
+        }
+      });
+    }
+  }
+
+  class AdminPanelModule implements AdminPanelSwitchable {
+    private readonly adminPanel: AdminPanel;
+    private readonly element: Element;
+    private readonly trigger: Element;
+
+    constructor(adminPanel: AdminPanel, element: Element, trigger: Element) {
+      this.adminPanel = adminPanel;
+      this.element = element;
+      this.trigger = trigger;
+      this.initializeEvents();
+    }
+
+    isActive(): boolean {
+      return this.element.classList.contains(AdminPanelClasses.activeModule);
+    }
+
+    enable(): void {
+      this.element.classList.add(AdminPanelClasses.activeModule);
+    }
+
+    disable(): void {
+      this.element.classList.remove(AdminPanelClasses.activeModule);
+    }
+
+    private initializeEvents(): void {
+      this.trigger.addEventListener('click', () => {
+        this.adminPanel.removeBackdrop();
+        if (this.isActive()) {
+          this.disable();
+        } else {
+          this.adminPanel.disableModules();
+          this.adminPanel.renderBackdrop();
+          this.enable();
+        }
+      });
+    }
+  }
+
+  window.addEventListener(
+    'load',
+    () => new AdminPanel(),
+    false,
+  );
+})();

package/adminpanel/modules/cache.ts

@@ -0,0 +1,27 @@
+((): void => {
+  class AdminPanelCache {
+    private readonly buttons: NodeList;
+
+    constructor() {
+      this.buttons = document.querySelectorAll('[data-typo3-role="clearCacheButton"]');
+
+      this.buttons.forEach((element: HTMLElement): void => {
+        element.addEventListener('click', (): void => {
+          const url = element.dataset.typo3AjaxUrl;
+          const request = new XMLHttpRequest();
+          request.open('GET', url);
+          request.send();
+          request.onload = (): void => {
+            location.reload();
+          };
+        });
+      });
+    }
+  }
+
+  window.addEventListener(
+    'load',
+    () => new AdminPanelCache(),
+    false,
+  );
+})();

package/adminpanel/modules/preview.ts

@@ -0,0 +1,75 @@
+((): void => {
+  class AdminPanelPreview {
+    private readonly dateField: HTMLInputElement = null;
+    private readonly timeField: HTMLInputElement = null;
+    private readonly targetField: HTMLInputElement = null;
+    private readonly toggleField: HTMLInputElement = null;
+
+    /**
+     * Initialize date and time fields of preview
+     *
+     * PHP / backend side always uses UTC timestamps (for generating time based previews and access time checks)
+     * Date and Time fields are HTML5 input fields, combined they update the "targetfield" always containing a PHP
+     * compatible (seconds-based) timestamp
+     */
+    constructor() {
+      this.dateField = <HTMLInputElement>document.getElementById('preview_simulateDate-date-hr');
+      this.timeField = <HTMLInputElement>document.getElementById('preview_simulateDate-time-hr');
+      this.targetField = <HTMLInputElement>document.getElementById(this.dateField.dataset.bsTarget);
+      this.toggleField = <HTMLInputElement>document.getElementById('typo3-adminPanel-simulate-date-toggle');
+
+      if (this.targetField.value) {
+        const initialDate = new Date(parseInt(this.targetField.value, 10) * 1000);
+        this.dateField.valueAsDate = initialDate;
+        this.timeField.valueAsDate = initialDate;
+      }
+
+      this.toggleField.addEventListener('change', this.toggleDisplay);
+      this.dateField.addEventListener('change', this.updateDateField);
+      this.timeField.addEventListener('change', this.updateDateField);
+    }
+
+    private readonly toggleDisplay = (): void => {
+      const toggleVal = this.toggleField.checked;
+      const groupElement = <HTMLDivElement>document.getElementById('typo3-adminPanel-preview_simulateDate');
+      if (toggleVal) {
+        groupElement.classList.remove('typo3-adminPanel-group-disable');
+        this.dateField.disabled = false;
+        this.timeField.disabled = false;
+        this.updateDateField();
+      } else {
+        groupElement.classList.add('typo3-adminPanel-group-disable');
+        this.dateField.disabled = true;
+        this.timeField.disabled = true;
+        this.targetField.value = '';
+      }
+    };
+
+    private readonly updateDateField = (): void => {
+      let dateVal = this.dateField.value;
+      let timeVal = this.timeField.value;
+      if (!dateVal && timeVal) {
+        const tempDate = new Date();
+        dateVal = tempDate.getFullYear() + '-' + (tempDate.getMonth() + 1) + '-' + tempDate.getDate();
+      }
+      if (dateVal && !timeVal) {
+        timeVal = '00:00';
+      }
+
+      if (!dateVal && !timeVal) {
+        this.targetField.value = '';
+      } else {
+        const stringDate = dateVal + ' ' + timeVal;
+        const date = new Date(stringDate);
+
+        this.targetField.value = (date.valueOf() / 1000).toString();
+      }
+    };
+  }
+
+  window.addEventListener(
+    'load',
+    () => new AdminPanelPreview(),
+    false,
+  );
+})();

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

@@ -0,0 +1,22 @@
+/*
+ * This file is part of the TYPO3 CMS project.
+ *
+ * It is free software; you can redistribute it and/or modify it under
+ * the terms of the GNU General Public License, either version 2
+ * of the License, or any later version.
+ *
+ * For the full copyright and license information, please read the
+ * LICENSE.txt file that was distributed with this source code.
+ *
+ * The TYPO3 project - inspiring people to share!
+ */
+
+export abstract class AbstractAction {
+  protected callback: (promise?: Promise<void>) => void|Promise<void>;
+
+  constructor(callback: (promise?: Promise<void>) => void|Promise<void>) {
+    this.callback = callback;
+  }
+
+  public abstract execute(el: HTMLElement): Promise<void>;
+}