@akilli/editor-src 5.1.5

package/base/TagName.js

@@ -0,0 +1,470 @@
+export default class TagName {
+    /**
+     * @return {string}
+     */
+    static get A() {
+        return 'a';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get ABBR() {
+        return 'abbr';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get ALL() {
+        return '*';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get AUDIO() {
+        return 'audio';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get B() {
+        return 'b';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get BLOCK() {
+        return 'app-block';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get BLOCKQUOTE() {
+        return 'blockquote';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get BR() {
+        return 'br';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get BUTTON() {
+        return 'button';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get CITE() {
+        return 'cite';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get CODE() {
+        return 'code';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get COL() {
+        return 'col';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get COLGROUP() {
+        return 'colgroup';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get DATA() {
+        return 'data';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get DEL() {
+        return 'del';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get DETAILS() {
+        return 'details';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get DFN() {
+        return 'dfn';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get DIALOG() {
+        return 'dialog';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get DIV() {
+        return 'div';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get EDITOR() {
+        return 'akilli-editor';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get EM() {
+        return 'em';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get FIELDSET() {
+        return 'fieldset';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get FIGCAPTION() {
+        return 'figcaption';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get FIGURE() {
+        return 'figure';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get FOCUSBAR() {
+        return 'editor-focusbar';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get FORM() {
+        return 'form';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get FORMATBAR() {
+        return 'editor-formatbar';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get H2() {
+        return 'h2';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get H3() {
+        return 'h3';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get HR() {
+        return 'hr';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get I() {
+        return 'i';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get IFRAME() {
+        return 'iframe';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get IMG() {
+        return 'img';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get INPUT() {
+        return 'input';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get INS() {
+        return 'ins';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get KBD() {
+        return 'kbd';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get LABEL() {
+        return 'label';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get LEGEND() {
+        return 'legend';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get LI() {
+        return 'li';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get MARK() {
+        return 'mark';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get OL() {
+        return 'ol';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get P() {
+        return 'p';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get PRE() {
+        return 'pre';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get Q() {
+        return 'q';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get ROOT() {
+        return 'editor-root';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get S() {
+        return 's';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get SAMP() {
+        return 'samp';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get SECTION() {
+        return 'section';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get SLOT() {
+        return 'slot';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get SMALL() {
+        return 'small';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get STRONG() {
+        return 'strong';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get SUB() {
+        return 'sub';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get SUMMARY() {
+        return 'summary';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get SUP() {
+        return 'sup';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get TABLE() {
+        return 'table';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get TBODY() {
+        return 'tbody';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get TD() {
+        return 'td';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get TFOOT() {
+        return 'tfoot';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get TH() {
+        return 'th';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get THEAD() {
+        return 'thead';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get TIME() {
+        return 'time';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get TOOLBAR() {
+        return 'editor-toolbar';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get TR() {
+        return 'tr';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get U() {
+        return 'u';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get UL() {
+        return 'ul';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get VAR() {
+        return 'var';
+    }
+
+    /**
+     * @return {string}
+     */
+    static get VIDEO() {
+        return 'video';
+    }
+}

package/base/ToolbarListener.js

@@ -0,0 +1,11 @@
+import BarListener from './BarListener.js';
+
+export default class ToolbarListener extends BarListener {
+    /**
+     * @param {Editor} editor
+     */
+    constructor(editor) {
+        super(editor);
+        this.editor.toolbar.addEventListener('insertbutton', this);
+    }
+}

package/base/util.js

@@ -0,0 +1,59 @@
+/**
+ * Indicates if given value is defined
+ *
+ * @param {any} val
+ * @return {boolean}
+ */
+export function is(val) {
+    return typeof val !== 'undefined';
+}
+
+/**
+ * Indicates if given value is a function
+ *
+ * @param {any} val
+ * @return {boolean}
+ */
+export function isFunction(val) {
+    return typeof val === 'function';
+}
+
+/**
+ * Indicates if given value is a non-empty string
+ *
+ * @param {any} val
+ * @return {boolean}
+ */
+export function isString(val) {
+    return val && typeof val === 'string';
+}
+
+/**
+ * Indicates if given value is either undefined or a non-empty string
+ *
+ * @param {any} val
+ * @return {boolean}
+ */
+export function isOptString(val) {
+    return !is(val) || isString(val);
+}
+
+/**
+ * Indicates if given value is either undefined or a non-empty array
+ *
+ * @param {any} val
+ * @return {boolean}
+ */
+export function isOptArray(val) {
+    return !is(val) || (Array.isArray(val) && val.length > 0);
+}
+
+/**
+ * Indicates if given value is either undefined or an instance of HTMLElement
+ *
+ * @param {any} val
+ * @return {boolean}
+ */
+export function isOptHtml(val) {
+    return !is(val) || val instanceof HTMLElement;
+}

package/block/Block.js

@@ -0,0 +1,51 @@
+import Base from '../base/Base.js';
+import BlockDialog from './BlockDialog.js';
+import BlockElement from './BlockElement.js';
+import BlockListener from './BlockListener.js';
+import Plugin from '../base/Plugin.js';
+import TagGroup from '../base/TagGroup.js';
+import TagName from '../base/TagName.js';
+
+export default class Block extends Plugin {
+    /**
+     * @type {string}
+     */
+    static get name() {
+        return 'block';
+    }
+
+    /**
+     * @type {Plugin[]}
+     */
+    static get dependencies() {
+        return [Base];
+    }
+
+    /**
+     * @type {Object.<string, any>}
+     */
+    static get config() {
+        return { api: undefined, browser: undefined, css: undefined };
+    }
+
+    /**
+     * @return {void}
+     */
+    init() {
+        this.editor.dom.registerElement(TagName.BLOCK, BlockElement);
+        this._tag({
+            name: TagName.BLOCK,
+            group: TagGroup.BLOCK,
+            attributes: ['id'],
+            deletable: true,
+            empty: true,
+            focusable: true,
+            navigable: true,
+            sortable: true,
+        });
+        new BlockListener(this.editor);
+        this.editor.dialogs.set(new BlockDialog(this.editor, this.constructor.name, this.editor.config.block.browser));
+        this._command(TagName.BLOCK);
+        this._toolbar('Block');
+    }
+}

package/block/BlockDialog.js

@@ -0,0 +1,11 @@
+import Dialog from '../base/Dialog.js';
+
+export default class BlockDialog extends Dialog {
+    /**
+     * @protected
+     * @return {void}
+     */
+    _prepareForm() {
+        this.formCreator.addLegend(this._('Block')).addTextInput('id', this._('ID'), { required: 'required' });
+    }
+}

package/block/BlockElement.js

@@ -0,0 +1,21 @@
+export default class BlockElement extends HTMLElement {
+    /**
+     * @return {string}
+     */
+    get content() {
+        return this.shadowRoot.innerHTML;
+    }
+
+    /**
+     * @param {string} val
+     * @return {void}
+     */
+    set content(val) {
+        this.shadowRoot.innerHTML = val;
+    }
+
+    constructor() {
+        super();
+        this.attachShadow({ mode: 'open' });
+    }
+}

package/block/BlockListener.js

@@ -0,0 +1,60 @@
+import Listener from '../base/Listener.js';
+import TagName from '../base/TagName.js';
+
+export default class BlockListener extends Listener {
+    /**
+     * @param {Editor} editor
+     */
+    constructor(editor) {
+        super(editor);
+        this.editor.root.addEventListener('sethtml', this);
+        this.editor.root.addEventListener('insertappblock', this);
+    }
+
+    /**
+     * @param {CustomEvent} event
+     * @param {HTMLElement} event.detail.element
+     * @return {void}
+     */
+    sethtml({ detail: { element } }) {
+        Array.from(element.getElementsByTagName(TagName.BLOCK)).forEach(
+            /** @param {BlockElement} item */
+            (item) => item.id || item.parentElement.removeChild(item)
+        );
+    }
+
+    /**
+     * @param {CustomEvent} event
+     * @param {BlockElement} event.detail.element
+     * @return {Promise<void>}
+     */
+    async insertappblock({ detail: { element } }) {
+        if (!element.id) {
+            element.parentElement.removeChild(element);
+            return;
+        }
+
+        if (!this.editor.config.block.api) {
+            return;
+        }
+
+        const url = this.editor.config.block.api.replace('{id}', element.id);
+        const response = await fetch(url, { mode: 'no-cors' });
+
+        if (!response.ok) {
+            return;
+        }
+
+        let css = '';
+
+        if (this.editor.config.block.css) {
+            css = this.editor.config.block.css
+                .split(',')
+                .map((item) => `<link rel="stylesheet" href="${item}">`)
+                .join('');
+        }
+
+        const content = await response.text();
+        element.content = css + content;
+    }
+}

package/blockquote/Blockquote.js

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