@akilli/editor-src 5.1.5

package/paragraph/Paragraph.js

@@ -0,0 +1,42 @@
+import Base from '../base/Base.js';
+import Break from '../break/Break.js';
+import ParagraphListener from './ParagraphListener.js';
+import Plugin from '../base/Plugin.js';
+import TagGroup from '../base/TagGroup.js';
+import TagName from '../base/TagName.js';
+
+export default class Paragraph extends Plugin {
+    /**
+     * @type {string}
+     */
+    static get name() {
+        return 'paragraph';
+    }
+
+    /**
+     * @type {Plugin[]}
+     */
+    static get dependencies() {
+        return [Base, Break];
+    }
+
+    /**
+     * @return {void}
+     */
+    init() {
+        this._tag({
+            name: TagName.P,
+            group: TagGroup.PARAGRAPH,
+            children: [TagGroup.BREAK, TagGroup.FORMAT],
+            deletable: true,
+            editable: true,
+            focusable: true,
+            navigable: true,
+            sortable: true,
+            enter: TagName.P,
+        });
+        new ParagraphListener(this.editor);
+        this._command(TagName.P);
+        this._toolbar('Paragraph');
+    }
+}

package/paragraph/ParagraphListener.js

@@ -0,0 +1,40 @@
+import Listener from '../base/Listener.js';
+import TagName from '../base/TagName.js';
+
+export default class ParagraphListener extends Listener {
+    /**
+     * @param {Editor} editor
+     */
+    constructor(editor) {
+        super(editor);
+        this.editor.root.addEventListener('sethtml', this);
+        this.editor.root.addEventListener('insertp', this);
+    }
+
+    /**
+     * @param {CustomEvent} event
+     * @param {HTMLElement} event.detail.element
+     * @return {void}
+     */
+    sethtml({ detail: { element } }) {
+        Array.from(element.getElementsByTagName(TagName.P)).forEach((item) => item.addEventListener('paste', this));
+    }
+
+    /**
+     * @param {CustomEvent} event
+     * @param {HTMLParagraphElement} event.detail.element
+     * @return {void}
+     */
+    insertp({ detail: { element } }) {
+        element.addEventListener('paste', this);
+    }
+
+    /**
+     * @param {ClipboardEvent} event
+     * @param {HTMLParagraphElement} event.target
+     * @return {void}
+     */
+    paste({ target }) {
+        this.editor.dom.window.setTimeout(() => this.editor.filters.filter(target));
+    }
+}

package/preformat/Preformat.js

@@ -0,0 +1,43 @@
+import Base from '../base/Base.js';
+import Break from '../break/Break.js';
+import Figure from '../figure/Figure.js';
+import Plugin from '../base/Plugin.js';
+import PreformatFilter from './PreformatFilter.js';
+import PreformatListener from './PreformatListener.js';
+import TagGroup from '../base/TagGroup.js';
+import TagName from '../base/TagName.js';
+
+export default class Preformat extends Plugin {
+    /**
+     * @type {string}
+     */
+    static get name() {
+        return 'preformat';
+    }
+
+    /**
+     * @type {Plugin[]}
+     */
+    static get dependencies() {
+        return [Base, Break, Figure];
+    }
+
+    /**
+     * @return {void}
+     */
+    init() {
+        this._tag({
+            name: TagName.PRE,
+            group: TagGroup.PREFORMAT,
+            children: [TagGroup.BREAK],
+            deletable: true,
+            editable: true,
+            navigable: true,
+            enter: TagName.P,
+        });
+        new PreformatListener(this.editor);
+        this._command(TagName.PRE);
+        this._toolbar('Preformatted Text');
+        this.editor.filters.add(new PreformatFilter(this.editor));
+    }
+}

package/preformat/PreformatFilter.js

@@ -0,0 +1,22 @@
+import Filter from '../base/Filter.js';
+import Preformat from './Preformat.js';
+import TagName from '../base/TagName.js';
+
+export default class PreformatFilter extends Filter {
+    /**
+     * @param {HTMLElement} element
+     * @return {void}
+     */
+    filter(element) {
+        if (
+            element instanceof HTMLElement &&
+            element.localName === TagName.FIGURE &&
+            element.classList.contains(Preformat.name) &&
+            element.querySelector(':scope > ' + TagName.PRE) &&
+            !element.querySelector(':scope > ' + TagName.FIGCAPTION)
+        ) {
+            this.editor.dom.insertBefore(element.querySelector(':scope > ' + TagName.PRE), element);
+            element.parentElement.removeChild(element);
+        }
+    }
+}

package/preformat/PreformatListener.js

@@ -0,0 +1,34 @@
+import Listener from '../base/Listener.js';
+import Preformat from './Preformat.js';
+import TagName from '../base/TagName.js';
+
+export default class PreformatListener extends Listener {
+    /**
+     * @param {Editor} editor
+     */
+    constructor(editor) {
+        super(editor);
+        this.editor.root.addEventListener('insertpre', this);
+        this.editor.root.addEventListener('deletepre', this);
+    }
+
+    /**
+     * @param {CustomEvent} event
+     * @param {HTMLPreElement} event.detail.element
+     * @return {void}
+     */
+    insertpre({ detail: { element } }) {
+        this.editor.dom.wrap(element, TagName.FIGURE, { attributes: { class: Preformat.name } });
+    }
+
+    /**
+     * @param {CustomEvent} event
+     * @param {HTMLElement} event.detail.target
+     * @return {void}
+     */
+    deletepre({ detail: { target } }) {
+        if (target.localName === TagName.FIGURE && target.classList.contains(Preformat.name)) {
+            target.parentElement.removeChild(target);
+        }
+    }
+}

package/quote/Quote.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 Quote extends Plugin {
+    /**
+     * @type {string}
+     */
+    static get name() {
+        return 'quote';
+    }
+
+    /**
+     * @type {Plugin[]}
+     */
+    static get dependencies() {
+        return [Base];
+    }
+
+    /**
+     * @return {void}
+     */
+    init() {
+        this._tag({ name: TagName.Q, group: TagGroup.FORMAT });
+        this._command(TagName.Q);
+        this._formatbar('Quote', Key.Q);
+    }
+}

package/sample/Sample.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 Sample extends Plugin {
+    /**
+     * @type {string}
+     */
+    static get name() {
+        return 'sample';
+    }
+
+    /**
+     * @type {Plugin[]}
+     */
+    static get dependencies() {
+        return [Base];
+    }
+
+    /**
+     * @return {void}
+     */
+    init() {
+        this._tag({ name: TagName.SAMP, group: TagGroup.FORMAT });
+        this._command(TagName.SAMP);
+        this._formatbar('Sample Output', Key.O);
+    }
+}

package/section/Section.js

@@ -0,0 +1,55 @@
+import Base from '../base/Base.js';
+import Plugin from '../base/Plugin.js';
+import SectionDialog from './SectionDialog.js';
+import TagGroup from '../base/TagGroup.js';
+import TagName from '../base/TagName.js';
+
+export default class Section extends Plugin {
+    /**
+     * @type {string}
+     */
+    static get name() {
+        return 'section';
+    }
+
+    /**
+     * @type {Plugin[]}
+     */
+    static get dependencies() {
+        return [Base];
+    }
+
+    /**
+     * @return {void}
+     */
+    init() {
+        this._tag({
+            name: TagName.SECTION,
+            group: TagGroup.CONTAINER,
+            children: [
+                TagGroup.AUDIO,
+                TagGroup.FIGURE,
+                TagGroup.HEADING,
+                TagGroup.IFRAME,
+                TagGroup.IMAGE,
+                TagGroup.LIST,
+                TagGroup.PARAGRAPH,
+                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 SectionDialog(this.editor, this.constructor.name));
+        this._command(TagName.SECTION);
+        this._toolbar('Section');
+    }
+}

package/section/SectionDialog.js

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

package/small/Small.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 Small extends Plugin {
+    /**
+     * @type {string}
+     */
+    static get name() {
+        return 'small';
+    }
+
+    /**
+     * @type {Plugin[]}
+     */
+    static get dependencies() {
+        return [Base];
+    }
+
+    /**
+     * @return {void}
+     */
+    init() {
+        this._tag({ name: TagName.SMALL, group: TagGroup.FORMAT });
+        this._command(TagName.SMALL);
+        this._formatbar('small', Key.W);
+    }
+}

package/strikethrough/Strikethrough.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 Strikethrough extends Plugin {
+    /**
+     * @type {string}
+     */
+    static get name() {
+        return 'strikethrough';
+    }
+
+    /**
+     * @type {Plugin[]}
+     */
+    static get dependencies() {
+        return [Base];
+    }
+
+    /**
+     * @return {void}
+     */
+    init() {
+        this._tag({ name: TagName.S, group: TagGroup.FORMAT });
+        this._command(TagName.S);
+        this._formatbar('strikethrough', Key.R);
+    }
+}

package/strong/Strong.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 Strong extends Plugin {
+    /**
+     * @type {string}
+     */
+    static get name() {
+        return 'strong';
+    }
+
+    /**
+     * @type {Plugin[]}
+     */
+    static get dependencies() {
+        return [Base];
+    }
+
+    /**
+     * @return {void}
+     */
+    init() {
+        this._tag({ name: TagName.STRONG, group: TagGroup.FORMAT });
+        this._command(TagName.STRONG);
+        this._formatbar('strongly emphasized', Key.S);
+    }
+}

package/subheading/Subheading.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 Subheading extends Plugin {
+    /**
+     * @type {string}
+     */
+    static get name() {
+        return 'subheading';
+    }
+
+    /**
+     * @type {Plugin[]}
+     */
+    static get dependencies() {
+        return [Base];
+    }
+
+    /**
+     * @return {void}
+     */
+    init() {
+        this._tag({
+            name: TagName.H3,
+            group: TagGroup.HEADING,
+            deletable: true,
+            editable: true,
+            focusable: true,
+            navigable: true,
+            sortable: true,
+            enter: TagName.P,
+        });
+        this._command(TagName.H3);
+        this._toolbar('Subheading');
+    }
+}

package/subscript/Subscript.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 Subscript extends Plugin {
+    /**
+     * @type {string}
+     */
+    static get name() {
+        return 'subscript';
+    }
+
+    /**
+     * @type {Plugin[]}
+     */
+    static get dependencies() {
+        return [Base];
+    }
+
+    /**
+     * @return {void}
+     */
+    init() {
+        this._tag({ name: TagName.SUB, group: TagGroup.FORMAT });
+        this._command(TagName.SUB);
+        this._formatbar('subscript', Key.X);
+    }
+}

package/superscript/Superscript.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 Superscript extends Plugin {
+    /**
+     * @type {string}
+     */
+    static get name() {
+        return 'superscript';
+    }
+
+    /**
+     * @type {Plugin[]}
+     */
+    static get dependencies() {
+        return [Base];
+    }
+
+    /**
+     * @return {void}
+     */
+    init() {
+        this._tag({ name: TagName.SUP, group: TagGroup.FORMAT });
+        this._command(TagName.SUP);
+        this._formatbar('superscript', Key.Y);
+    }
+}

package/table/Table.js

@@ -0,0 +1,113 @@
+import Base from '../base/Base.js';
+import Break from '../break/Break.js';
+import Figure from '../figure/Figure.js';
+import Plugin from '../base/Plugin.js';
+import TableCellListener from './TableCellListener.js';
+import TableColumnAddCommand from './TableColumnAddCommand.js';
+import TableColumnListener from './TableColumnListener.js';
+import TableCommand from './TableCommand.js';
+import TableDialog from './TableDialog.js';
+import TableFilter from './TableFilter.js';
+import TableListener from './TableListener.js';
+import TableRowAddCommand from './TableRowAddCommand.js';
+import TableRowListener from './TableRowListener.js';
+import TagGroup from '../base/TagGroup.js';
+import TagName from '../base/TagName.js';
+
+export default class Table extends Plugin {
+    /**
+     * @type {string}
+     */
+    static get name() {
+        return 'table';
+    }
+
+    /**
+     * @type {Plugin[]}
+     */
+    static get dependencies() {
+        return [Base, Break, Figure];
+    }
+
+    /**
+     * @return {void}
+     */
+    init() {
+        this._tag({
+            name: TagName.TABLE,
+            group: TagGroup.TABLE,
+            children: [TagGroup.TABLESECTION],
+            deletable: true,
+            navigable: true,
+        });
+        this._tag({
+            name: TagName.COLGROUP,
+            group: TagGroup.COLGROUP,
+            children: [TagGroup.COL],
+        });
+        this._tag({
+            name: TagName.COL,
+            group: TagGroup.COL,
+            deletable: true,
+            focusable: true,
+            navigable: true,
+            sortable: true,
+        });
+        this._tag(this.#section(TagName.THEAD));
+        this._tag(this.#section(TagName.TBODY));
+        this._tag(this.#section(TagName.TFOOT));
+        this._tag({
+            name: TagName.TR,
+            group: TagGroup.TABLEROW,
+            children: [TagGroup.TABLECELL],
+            deletable: true,
+            focusable: true,
+            navigable: true,
+            sortable: true,
+        });
+        this._tag(this.#cell(TagName.TH));
+        this._tag(this.#cell(TagName.TD));
+        new TableListener(this.editor);
+        new TableColumnListener(this.editor);
+        new TableRowListener(this.editor);
+        new TableCellListener(this.editor);
+        this.editor.filters.add(new TableFilter(this.editor));
+        this.editor.dialogs.set(new TableDialog(this.editor, this.constructor.name));
+        this.editor.commands.set(new TableCommand(this.editor));
+        this.editor.commands.set(new TableColumnAddCommand(this.editor));
+        this.editor.commands.set(new TableRowAddCommand(this.editor));
+        this._toolbar('Table');
+        this._focusbar('Add column', 'tablecolumn-add');
+        this._focusbar('Add row', 'tablerow-add');
+    }
+
+    /**
+     * Returns table section tag configuration
+     *
+     * @param {string} name
+     * @return {Object.<string, any>}
+     */
+    #section(name) {
+        return {
+            name,
+            group: TagGroup.TABLESECTION,
+            children: [TagGroup.TABLEROW],
+        };
+    }
+
+    /**
+     * Returns table cell tag configuration
+     *
+     * @param {string} name
+     * @return {Object.<string, any>}
+     */
+    #cell(name) {
+        return {
+            name,
+            group: TagGroup.TABLECELL,
+            children: [TagGroup.BREAK, TagGroup.FORMAT],
+            editable: true,
+            empty: true,
+        };
+    }
+}