@akilli/editor-src 5.1.5

package/deletion/Deletion.js

@@ -0,0 +1,30 @@
+import Base from '../base/Base.js';
+import Key from '../base/Key.js';
+import Plugin from '../base/Plugin.js';
+import TagGroup from '../base/TagGroup.js';
+import TagName from '../base/TagName.js';
+
+export default class Deletion extends Plugin {
+    /**
+     * @type {string}
+     */
+    static get name() {
+        return 'deletion';
+    }
+
+    /**
+     * @type {Plugin[]}
+     */
+    static get dependencies() {
+        return [Base];
+    }
+
+    /**
+     * @return {void}
+     */
+    init() {
+        this._tag({ name: TagName.DEL, group: TagGroup.FORMAT });
+        this._command(TagName.DEL);
+        this._formatbar('Text Deletion', Key.G);
+    }
+}

package/details/Details.js

@@ -0,0 +1,63 @@
+import Base from '../base/Base.js';
+import DetailsFilter from './DetailsFilter.js';
+import DetailsListener from './DetailsListener.js';
+import Plugin from '../base/Plugin.js';
+import TagGroup from '../base/TagGroup.js';
+import TagName from '../base/TagName.js';
+
+export default class Details extends Plugin {
+    /**
+     * @type {string}
+     */
+    static get name() {
+        return 'details';
+    }
+
+    /**
+     * @type {Plugin[]}
+     */
+    static get dependencies() {
+        return [Base];
+    }
+
+    /**
+     * @return {void}
+     */
+    init() {
+        this._tag({
+            name: TagName.DETAILS,
+            group: TagGroup.CONTAINER,
+            children: [
+                TagGroup.AUDIO,
+                TagGroup.FIGURE,
+                TagGroup.IFRAME,
+                TagGroup.IMAGE,
+                TagGroup.LIST,
+                TagGroup.PARAGRAPH,
+                TagGroup.PREFORMAT,
+                TagGroup.QUOTE,
+                TagGroup.RULE,
+                TagGroup.SUMMARY,
+                TagGroup.TABLE,
+                TagGroup.VIDEO,
+            ],
+            arbitrary: true,
+            deletable: true,
+            focusable: true,
+            navigable: true,
+            slotable: true,
+            sortable: true,
+        });
+        this._tag({
+            name: TagName.SUMMARY,
+            group: TagGroup.SUMMARY,
+            editable: true,
+            navigable: true,
+            enter: TagName.P,
+        });
+        new DetailsListener(this.editor);
+        this._command(TagName.DETAILS);
+        this._toolbar('Details');
+        this.editor.filters.add(new DetailsFilter(this.editor));
+    }
+}

package/details/DetailsFilter.js

@@ -0,0 +1,17 @@
+import Filter from '../base/Filter.js';
+import TagName from '../base/TagName.js';
+
+export default class DetailsFilter extends Filter {
+    /**
+     * @param {HTMLElement} element
+     * @return {void}
+     */
+    filter(element) {
+        element
+            .querySelectorAll(`${TagName.SUMMARY}:not(:first-child)`)
+            .forEach((item) => item.parentElement.removeChild(item));
+        element
+            .querySelectorAll(`${TagName.SUMMARY}:only-child`)
+            .forEach((item) => item.parentElement.removeChild(item));
+    }
+}

package/details/DetailsListener.js

@@ -0,0 +1,102 @@
+import Key from '../base/Key.js';
+import Listener from '../base/Listener.js';
+import TagName from '../base/TagName.js';
+
+export default class DetailsListener extends Listener {
+    /**
+     * @param {Editor} editor
+     */
+    constructor(editor) {
+        super(editor);
+        this.editor.root.addEventListener('insertdetails', this);
+        this.editor.root.addEventListener('insertsummary', this);
+    }
+
+    /**
+     * @param {CustomEvent} event
+     * @param {HTMLDetailsElement} event.detail.element
+     * @return {void}
+     */
+    insertdetails({ detail: { element } }) {
+        element.open = true;
+
+        if (!element.querySelector(`:scope > ${TagName.SUMMARY}:first-child`)) {
+            this.editor.dom.insertFirstChild(this.editor.dom.createElement(TagName.SUMMARY), element);
+        }
+    }
+
+    /**
+     * @param {CustomEvent} event
+     * @param {HTMLElement} event.detail.element
+     * @return {void}
+     */
+    insertsummary({ detail: { element } }) {
+        this.#empty(element);
+        element.addEventListener('click', this);
+        element.addEventListener('blur', this);
+        element.addEventListener('keydown', this);
+    }
+
+    /**
+     * Prevents toggling details open state
+     *
+     * @param {MouseEvent} event
+     * @param {HTMLElement} event.target
+     * @return {void}
+     */
+    click(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        event.target.parentElement.open = true;
+    }
+
+    /**
+     * Sets default summary text content if it's empty
+     *
+     * @param {FocusEvent} event
+     * @param {HTMLElement} event.target
+     * @return {void}
+     */
+    blur({ target }) {
+        this.#empty(target);
+    }
+
+    /**
+     * Fixes space and enter key handling for editable summary elements
+     *
+     * @param {KeyboardEvent} event
+     * @param {HTMLElement} event.target
+     * @return {void}
+     */
+    keydown(event) {
+        if (Key.isEventFor(event, Key.SPACE)) {
+            event.preventDefault();
+            event.stopPropagation();
+            this.editor.dom.insertText(' ');
+        } else if (Key.isEventFor(event, Key.ENTER)) {
+            event.preventDefault();
+            event.stopPropagation();
+            event.target.parentElement.open = true;
+        }
+    }
+
+    /**
+     * Ensures summary element is not empty to avoid strange browser behaviour
+     *
+     * @param {HTMLElement} element
+     * @return {void}
+     */
+    #empty(element) {
+        if (!element.textContent.trim()) {
+            element.textContent = this._('Details');
+        } else {
+            element
+                .querySelectorAll(TagName.BR + ':not(:last-child)')
+                .forEach((item) => item.parentElement.removeChild(item));
+        }
+
+        if (!(element.lastElementChild instanceof HTMLBRElement)) {
+            this.editor.dom.insertLastChild(this.editor.dom.createElement(TagName.BR), element);
+        }
+    }
+}

package/division/Division.js

@@ -0,0 +1,53 @@
+import Base from '../base/Base.js';
+import DivisionDialog from './DivisionDialog.js';
+import Plugin from '../base/Plugin.js';
+import TagGroup from '../base/TagGroup.js';
+import TagName from '../base/TagName.js';
+
+export default class Division extends Plugin {
+    /**
+     * @type {string}
+     */
+    static get name() {
+        return 'division';
+    }
+
+    /**
+     * @type {Plugin[]}
+     */
+    static get dependencies() {
+        return [Base];
+    }
+
+    /**
+     * @return {void}
+     */
+    init() {
+        this._tag({
+            name: TagName.DIV,
+            group: TagGroup.CONTAINER,
+            children: [
+                TagGroup.AUDIO,
+                TagGroup.BLOCK,
+                TagGroup.FIGURE,
+                TagGroup.IFRAME,
+                TagGroup.IMAGE,
+                TagGroup.PREFORMAT,
+                TagGroup.QUOTE,
+                TagGroup.RULE,
+                TagGroup.TABLE,
+                TagGroup.VIDEO,
+            ],
+            attributes: ['class'],
+            arbitrary: true,
+            deletable: true,
+            focusable: true,
+            navigable: true,
+            slotable: true,
+            sortable: true,
+        });
+        this.editor.dialogs.set(new DivisionDialog(this.editor, this.constructor.name));
+        this._command(TagName.DIV);
+        this._toolbar('Division');
+    }
+}

package/division/DivisionDialog.js

@@ -0,0 +1,13 @@
+import Dialog from '../base/Dialog.js';
+
+export default class DivisionDialog extends Dialog {
+    /**
+     * @protected
+     * @return {void}
+     */
+    _prepareForm() {
+        this.formCreator
+            .addLegend(this._('Division'))
+            .addTextInput('class', this._('CSS class'), { placeholder: this._('Insert CSS class') });
+    }
+}

package/emphasis/Emphasis.js

@@ -0,0 +1,30 @@
+import Base from '../base/Base.js';
+import Key from '../base/Key.js';
+import Plugin from '../base/Plugin.js';
+import TagGroup from '../base/TagGroup.js';
+import TagName from '../base/TagName.js';
+
+export default class Emphasis extends Plugin {
+    /**
+     * @type {string}
+     */
+    static get name() {
+        return 'emphasis';
+    }
+
+    /**
+     * @type {Plugin[]}
+     */
+    static get dependencies() {
+        return [Base];
+    }
+
+    /**
+     * @return {void}
+     */
+    init() {
+        this._tag({ name: TagName.EM, group: TagGroup.FORMAT });
+        this._command(TagName.EM);
+        this._formatbar('emphasized', Key.E);
+    }
+}

package/figure/Figure.js

@@ -0,0 +1,58 @@
+import Base from '../base/Base.js';
+import FigureFilter from './FigureFilter.js';
+import FigureListener from './FigureListener.js';
+import Plugin from '../base/Plugin.js';
+import TagGroup from '../base/TagGroup.js';
+import TagName from '../base/TagName.js';
+
+export default class Figure extends Plugin {
+    /**
+     * @type {string}
+     */
+    static get name() {
+        return 'figure';
+    }
+
+    /**
+     * @type {Plugin[]}
+     */
+    static get dependencies() {
+        return [Base];
+    }
+
+    /**
+     * @return {void}
+     */
+    init() {
+        this._tag({
+            name: TagName.FIGURE,
+            group: TagGroup.FIGURE,
+            children: [
+                TagGroup.AUDIO,
+                TagGroup.CAPTION,
+                TagGroup.IFRAME,
+                TagGroup.IMAGE,
+                TagGroup.PREFORMAT,
+                TagGroup.QUOTE,
+                TagGroup.TABLE,
+                TagGroup.VIDEO,
+            ],
+            attributes: ['class'],
+            alignable: true,
+            deletable: true,
+            focusable: true,
+            navigable: true,
+            sortable: true,
+        });
+        this._tag({
+            name: TagName.FIGCAPTION,
+            group: TagGroup.CAPTION,
+            children: [TagGroup.FORMAT],
+            editable: true,
+            navigable: true,
+            enter: TagName.P,
+        });
+        new FigureListener(this.editor);
+        this.editor.filters.add(new FigureFilter(this.editor));
+    }
+}

package/figure/FigureFilter.js

@@ -0,0 +1,14 @@
+import Filter from '../base/Filter.js';
+import TagName from '../base/TagName.js';
+
+export default class FigureFilter extends Filter {
+    /**
+     * @param {HTMLElement} element
+     * @return {void}
+     */
+    filter(element) {
+        element
+            .querySelectorAll(`${TagName.FIGURE} > ${TagName.FIGCAPTION}:only-child`)
+            .forEach((item) => item.parentElement.removeChild(item));
+    }
+}

package/figure/FigureListener.js

@@ -0,0 +1,23 @@
+import Listener from '../base/Listener.js';
+import TagName from '../base/TagName.js';
+
+export default class FigureListener extends Listener {
+    /**
+     * @param {Editor} editor
+     */
+    constructor(editor) {
+        super(editor);
+        this.editor.root.addEventListener('insertfigure', this);
+    }
+
+    /**
+     * @param {CustomEvent} event
+     * @param {HTMLElement} event.detail.element
+     * @return {void}
+     */
+    insertfigure({ detail: { element } }) {
+        if (!element.querySelector(':scope > ' + TagName.FIGCAPTION)) {
+            this.editor.dom.insertLastChild(this.editor.dom.createElement(TagName.FIGCAPTION), element);
+        }
+    }
+}

package/heading/Heading.js

@@ -0,0 +1,38 @@
+import Base from '../base/Base.js';
+import Plugin from '../base/Plugin.js';
+import TagGroup from '../base/TagGroup.js';
+import TagName from '../base/TagName.js';
+
+export default class Heading extends Plugin {
+    /**
+     * @type {string}
+     */
+    static get name() {
+        return 'heading';
+    }
+
+    /**
+     * @type {Plugin[]}
+     */
+    static get dependencies() {
+        return [Base];
+    }
+
+    /**
+     * @return {void}
+     */
+    init() {
+        this._tag({
+            name: TagName.H2,
+            group: TagGroup.HEADING,
+            deletable: true,
+            editable: true,
+            focusable: true,
+            navigable: true,
+            sortable: true,
+            enter: TagName.P,
+        });
+        this._command(TagName.H2);
+        this._toolbar('Heading');
+    }
+}

package/horizontalrule/HorizontalRule.js

@@ -0,0 +1,37 @@
+import Base from '../base/Base.js';
+import Plugin from '../base/Plugin.js';
+import TagGroup from '../base/TagGroup.js';
+import TagName from '../base/TagName.js';
+
+export default class HorizontalRule extends Plugin {
+    /**
+     * @type {string}
+     */
+    static get name() {
+        return 'horizontalrule';
+    }
+
+    /**
+     * @type {Plugin[]}
+     */
+    static get dependencies() {
+        return [Base];
+    }
+
+    /**
+     * @return {void}
+     */
+    init() {
+        this._tag({
+            name: TagName.HR,
+            group: TagGroup.RULE,
+            deletable: true,
+            empty: true,
+            focusable: true,
+            navigable: true,
+            sortable: true,
+        });
+        this._command(TagName.HR);
+        this._toolbar('Horizontal Rule');
+    }
+}

package/i18n/I18n.js

@@ -0,0 +1,26 @@
+import Base from '../base/Base.js';
+import Plugin from '../base/Plugin.js';
+import de from './de.js';
+
+export default class I18n extends Plugin {
+    /**
+     * @type {string}
+     */
+    static get name() {
+        return 'i18n';
+    }
+
+    /**
+     * @type {Plugin[]}
+     */
+    static get dependencies() {
+        return [Base];
+    }
+
+    /**
+     * @return {void}
+     */
+    init() {
+        this._i18n({ de });
+    }
+}

package/i18n/de.js

@@ -0,0 +1,167 @@
+/**
+ * German translations
+ *
+ * @type {Object.<string, string>}
+ */
+export default {
+    'CSS class': 'CSS-Klasse',
+    Height: 'Höhe',
+    ID: 'ID',
+    'Insert CSS class': 'CSS-Klasse eingeben',
+    URL: 'URL',
+    Width: 'Breite',
+
+    // abbreviation
+    Abbreviation: 'Abkürzung',
+    'Full term': 'Langform',
+    'Insert full term or leave empty to remove it': 'Langform eingeben oder zum Entfernen leer lassen',
+
+    // audio
+    Audio: 'Audio',
+    'Insert URL to audio': 'URL zur Audiodatei eingeben',
+
+    // base
+    'Align center': 'zentriert',
+    'Align left': 'linksbündig',
+    'Align right': 'rechtsbündig',
+    Alt: 'Alt',
+    Cancel: 'Abbrechen',
+    Delete: 'Löschen',
+    'No alignment': 'Keine Ausrichtung',
+    Save: 'Speichern',
+    Shift: 'Umschalt',
+    'Sort after next element': 'Hinter das nächste Element sortieren',
+    'Sort before previous element': 'Vor das vorherige Element sortieren',
+    'Sort to the beginning': 'An den Anfang sortieren',
+    'Sort to the end': 'Ans Ende sortieren',
+
+    // block
+    Block: 'Block',
+
+    // Blockquote
+    Blockquote: 'Blockzitat',
+
+    // bold
+    bold: 'fett',
+
+    // cite
+    Citation: 'Zitatquelle',
+
+    // code
+    Code: 'Quelltext',
+
+    // data
+    Data: 'Data',
+    'Machine-readable Value': 'Maschinenlesbarer Wert',
+    'Insert value or leave empty to remove it': 'Wert eingeben oder zum Entfernen leer lassen',
+
+    // definition
+    Definition: 'Definition',
+    'Insert term or leave empty to remove it': 'Begriff eingeben oder zum Entfernen leer lassen',
+    Term: 'Begriff',
+
+    // deletion
+    'Text Deletion': 'Textlöschung',
+
+    // details
+    Details: 'Details',
+
+    // division
+    Division: 'Division',
+
+    // emphasis
+    emphasized: 'betont',
+
+    // heading
+    Heading: 'Überschrift',
+
+    // horizontalrule
+    'Horizontal Rule': 'Horizontale Linie',
+
+    // iframe
+    Ifrane: 'Iframe',
+    'Insert URL to embedded page': 'URL zur eingebetteten Seite eingeben',
+
+    // image
+    'Alternative text': 'Alternativtext',
+    Image: 'Bild',
+    'Insert URL to image': 'URL zur Bilddatei eingeben',
+    'Text shown when media element is not available': 'Ersatztext, falls Medienelement nicht verfügbar ist',
+
+    // insertion
+    'Text Insertion': 'Texteinfügung',
+
+    // italic
+    italic: 'kursiv',
+
+    // keyboard
+    'User Input': 'Benutzereingabe',
+
+    // link
+    'Insert link or leave empty to unlink': 'Link eingeben oder zum Entfernen leer lassen',
+    Link: 'Link',
+
+    // mark
+    mark: 'markiert',
+
+    // orderedlist
+    'Ordered List': 'Geordnete Liste',
+
+    // paragraph
+    Paragraph: 'Absatz',
+
+    // preformat
+    'Preformatted Text': 'Vorformatierter Text',
+
+    // quote
+    Quote: 'Zitat',
+
+    // sample
+    'Sample Output': 'Beispielausgabe',
+
+    // section
+    Section: 'Sektion',
+
+    // small
+    small: 'klein',
+
+    // strikethrough
+    strikethrough: 'durchgestrichen',
+
+    // strong
+    'strongly emphasized': 'stark betont',
+
+    // subheading
+    Subheading: 'Unterüberschrift',
+
+    // subscript
+    subscript: 'tiefgestellt',
+
+    // superscript
+    superscript: 'hochgestellt',
+
+    // table
+    'Add column': 'Spalte hinzufügen',
+    'Add row': 'Zeile hinzufügen',
+    Columns: 'Spalten',
+    Rows: 'Zeilen',
+    Table: 'Tabelle',
+
+    // time
+    'Insert date/time or leave empty to remove it': 'Datum/Zeit eingeben oder zum Entfernen leer lassen',
+    'Machine-readable Datetime': 'Maschinenlesbare Datums-/Zeitangabe',
+    Time: 'Zeit',
+
+    // underline
+    underline: 'unterstrichen',
+
+    // unorderedlist
+    'Unordered List': 'Ungeordnete Liste',
+
+    // variable
+    Variable: 'Variable',
+
+    // video
+    'Insert URL to video': 'URL zur Videodatei eingeben',
+    Video: 'Video',
+};