@webiny/app-admin 6.0.0-alpha.5 → 6.0.0-rc.0

package/components/RichTextEditor/tools/paragraph/index.d.ts

@@ -1,208 +0,0 @@
-import type { PasteEvent } from "@editorjs/editorjs";
-import type { Alignment } from "../utils";
-import { TextAlign } from "../utils";
-/**
- * @typedef {object} ParagraphConfig
- * @property {string} placeholder - placeholder for the empty paragraph
- * @property {boolean} preserveBlank - Whether or not to keep blank paragraphs when saving editor data`
- */
-interface ParagraphConfig {
-    placeholder: string;
-    preserveBlank: boolean;
-    typography?: Typography;
-}
-/**
- * @typedef {Object} ParagraphData
- * @description Tool's input and output data format
- * @property {String} text — Paragraph's content. Can include HTML tags: <a><b><i>
- */
-interface ParagraphData {
-    text: string;
-    textAlign: TextAlign;
-    className?: string;
-}
-interface Typography {
-    [key: string]: {
-        label: string;
-        component: string;
-        className: string;
-    };
-}
-interface ParagraphArgs {
-    data: ParagraphData;
-    config: ParagraphConfig;
-    api: any;
-    readOnly: boolean;
-}
-declare class Paragraph {
-    private readonly api;
-    private readonly readOnly;
-    private readonly _CSS;
-    private _data;
-    private readonly _element;
-    private readonly _placeholder;
-    private readonly _preserveBlank;
-    private readonly alignments;
-    private readonly settingsButtons;
-    private readonly typography;
-    /**
-     * Render plugin`s main Element and fill it with saved data
-     *
-     * @param {object} params - constructor params
-     * @param {ParagraphData} params.data - previously saved data
-     * @param {ParagraphConfig} params.config - user config for Tool
-     * @param {object} params.api - editor.js api
-     * @param {boolean} readOnly - read only mode flag
-     */
-    constructor({ data, config, api, readOnly }: ParagraphArgs);
-    /**
-     * Default placeholder for Paragraph Tool
-     *
-     * @return {string}
-     * @constructor
-     */
-    static get DEFAULT_PLACEHOLDER(): string;
-    /**
-     * Enable Conversion Toolbar. Paragraph can be converted to/from other tools
-     */
-    static get conversionConfig(): {
-        export: string;
-        import: string;
-    };
-    /**
-     * Sanitizer rules
-     */
-    static get sanitize(): {
-        text: {
-            br: boolean;
-        };
-    };
-    /**
-     * Returns true to notify the core that read-only mode is supported
-     *
-     * @return {boolean}
-     */
-    static get isReadOnlySupported(): boolean;
-    /**
-     * Get current Tools`s data
-     * @returns {ParagraphData} Current data
-     * @private
-     */
-    get data(): ParagraphData;
-    /**
-     * Store data in plugin:
-     * - at the this._data property
-     * - at the HTML
-     *
-     * @param {ParagraphData} data — data to set
-     * @private
-     */
-    set data(data: ParagraphData);
-    /**
-     * Used by Editor paste handling API.
-     * Provides configuration to handle P tags.
-     *
-     * @returns {{tags: string[]}}
-     */
-    static get pasteConfig(): {
-        tags: string[];
-    };
-    /**
-     * Icon and title for displaying at the Toolbox
-     *
-     * @return {{icon: string, title: string}}
-     */
-    static get toolbox(): {
-        icon: string;
-        title: string;
-    };
-    /**
-     * Get current alignment
-     *
-     * @returns {alignment}
-     */
-    get currentAlignment(): Alignment;
-    /**
-     * Check if text content is empty and set empty string to inner html.
-     * We need this because some browsers (e.g. Safari) insert <br> into empty contentEditable elements
-     *
-     * @param {KeyboardEvent} e - key up event
-     */
-    onKeyUp(e: KeyboardEvent): void;
-    /**
-     * Create Tool's view
-     * @return {HTMLElement}
-     * @private
-     */
-    drawView(): HTMLElement;
-    /**
-     * Return Tool's view
-     */
-    render(): HTMLDivElement;
-    /**
-     * Create Block's settings block
-     */
-    renderSettings(): HTMLElement;
-    /**
-     * Method that specified how to merge two Text blocks.
-     * Called by Editor.js by backspace at the beginning of the Block
-     * @param {ParagraphData} data
-     * @public
-     */
-    merge(data: ParagraphData): void;
-    /**
-     * Validate Paragraph block data:
-     * - check for emptiness
-     *
-     * @param {ParagraphData} savedData — data received after saving
-     * @returns {boolean} false if saved data is not correct, otherwise true
-     * @public
-     */
-    validate(savedData: ParagraphData): boolean;
-    /**
-     * Extract Tool's data from the view
-     * @param {HTMLDivElement} toolsContent - Paragraph tools rendered view
-     * @returns {ParagraphData} - saved data
-     * @public
-     */
-    save(toolsContent: HTMLElement): {
-        text: string;
-        textAlign: TextAlign;
-        className: string | undefined;
-    };
-    /**
-     * Extract textAlign from className
-     *
-     * @param {string} className - heading element className
-     * @returns {TextAlign} textAlign
-     */
-    getTextAlign(className: string): TextAlign;
-    /**
-     * On paste callback fired from Editor.
-     *
-     * @param {PasteEvent} event - event with pasted data
-     */
-    onPaste(event: PasteEvent): void;
-    /**
-     * Callback for Block's settings buttons
-     *
-     * @param {number} alignment - level to set
-     */
-    setAlignment(alignment: Alignment): void;
-    /**
-     * Callback for Block's settings buttons
-     *
-     * @param {string} className - name of typography class
-     */
-    setTypographyClass(className: string): void;
-    /**
-     * Normalize input data
-     *
-     * @param {HeaderData} data - saved data to process
-     *
-     * @returns {HeaderData}
-     * @private
-     */
-    normalizeData(data?: Partial<ParagraphData>): ParagraphData;
-}
-export default Paragraph;

package/components/RichTextEditor/tools/paragraph/index.js

@@ -1,435 +0,0 @@
-import { ALIGNMENTS, TextAlign, ALIGNMENT_ICONS } from "../utils";
-
-/**
- * @typedef {object} ParagraphConfig
- * @property {string} placeholder - placeholder for the empty paragraph
- * @property {boolean} preserveBlank - Whether or not to keep blank paragraphs when saving editor data`
- */
-
-/**
- * @typedef {Object} ParagraphData
- * @description Tool's input and output data format
- * @property {String} text — Paragraph's content. Can include HTML tags: <a><b><i>
- */
-
-class Paragraph {
-  // private readonly _settings: any;
-
-  /**
-   * Render plugin`s main Element and fill it with saved data
-   *
-   * @param {object} params - constructor params
-   * @param {ParagraphData} params.data - previously saved data
-   * @param {ParagraphConfig} params.config - user config for Tool
-   * @param {object} params.api - editor.js api
-   * @param {boolean} readOnly - read only mode flag
-   */
-  constructor({
-    data,
-    config,
-    api,
-    readOnly
-  }) {
-    this.api = api;
-    this.readOnly = readOnly;
-    this.typography = config.typography || null;
-    this._CSS = {
-      block: this.api.styles.block,
-      settingsButton: this.api.styles.settingsButton,
-      settingsButtonActive: this.api.styles.settingsButtonActive,
-      wrapper: "ce-paragraph"
-    };
-    if (!this.readOnly) {
-      this.onKeyUp = this.onKeyUp.bind(this);
-    }
-
-    /**
-     * Placeholder for paragraph if it is first Block
-     * @type {string}
-     */
-    this._placeholder = config.placeholder ? config.placeholder : Paragraph.DEFAULT_PLACEHOLDER;
-    this._data = this.normalizeData(data);
-    this._element = this.drawView();
-    this._preserveBlank = config.preserveBlank !== undefined ? config.preserveBlank : false;
-    this.settingsButtons = [];
-    this.alignments = ALIGNMENTS;
-
-    // Call the `data` setter, to properly render the view element.
-    this.data = this._data;
-  }
-
-  /**
-   * Default placeholder for Paragraph Tool
-   *
-   * @return {string}
-   * @constructor
-   */
-  static get DEFAULT_PLACEHOLDER() {
-    return "";
-  }
-
-  /**
-   * Enable Conversion Toolbar. Paragraph can be converted to/from other tools
-   */
-  static get conversionConfig() {
-    return {
-      export: "text",
-      // to convert Paragraph to other block, use 'text' property of saved data
-      import: "text" // to covert other block's exported string to Paragraph, fill 'text' property of tool data
-    };
-  }
-
-  /**
-   * Sanitizer rules
-   */
-  static get sanitize() {
-    return {
-      text: {
-        br: true
-      }
-    };
-  }
-
-  /**
-   * Returns true to notify the core that read-only mode is supported
-   *
-   * @return {boolean}
-   */
-  static get isReadOnlySupported() {
-    return true;
-  }
-
-  /**
-   * Get current Tools`s data
-   * @returns {ParagraphData} Current data
-   * @private
-   */
-  get data() {
-    const text = this._element.innerHTML;
-
-    // this._data.text = text;
-
-    return {
-      ...this._data,
-      text
-    };
-  }
-
-  /**
-   * Store data in plugin:
-   * - at the this._data property
-   * - at the HTML
-   *
-   * @param {ParagraphData} data — data to set
-   * @private
-   */
-  set data(data) {
-    this._data = data || {};
-    this._element.innerHTML = this._data.text || "";
-
-    /**
-     * Add Alignment class
-     */
-    this.alignments.forEach(alignment => {
-      if (alignment.name === this._data.textAlign) {
-        this._element.classList.add(`ce-header-text--${alignment.name}`);
-      } else {
-        this._element.classList.remove(`ce-header-text--${alignment.name}`);
-      }
-    });
-
-    /**
-     * Add Typography class
-     */
-    if (this._data.className) {
-      this._element.classList.add(...this._data.className.split(" "));
-    }
-  }
-
-  /**
-   * Used by Editor paste handling API.
-   * Provides configuration to handle P tags.
-   *
-   * @returns {{tags: string[]}}
-   */
-  static get pasteConfig() {
-    return {
-      tags: ["P"]
-    };
-  }
-
-  /**
-   * Icon and title for displaying at the Toolbox
-   *
-   * @return {{icon: string, title: string}}
-   */
-  static get toolbox() {
-    return {
-      icon: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0.2 -0.3 9 11.4" width="12" height="14">\n' + '  <path d="M0 2.77V.92A1 1 0 01.2.28C.35.1.56 0 .83 0h7.66c.28.01.48.1.63.28.14.17.21.38.21.64v1.85c0 .26-.08.48-.23.66-.15.17-.37.26-.66.26-.28 0-.5-.09-.64-.26a1 1 0 01-.21-.66V1.69H5.6v7.58h.5c.25 0 .45.08.6.23.17.16.25.35.25.6s-.08.45-.24.6a.87.87 0 01-.62.22H3.21a.87.87 0 01-.61-.22.78.78 0 01-.24-.6c0-.25.08-.44.24-.6a.85.85 0 01.61-.23h.5V1.7H1.73v1.08c0 .26-.08.48-.23.66-.15.17-.37.26-.66.26-.28 0-.5-.09-.64-.26A1 1 0 010 2.77z"/>\n' + "</svg>",
-      title: "Text"
-    };
-  }
-
-  /**
-   * Get current alignment
-   *
-   * @returns {alignment}
-   */
-  get currentAlignment() {
-    let alignment = this.alignments.find(alignment => alignment.name === this._data.textAlign);
-    if (!alignment) {
-      alignment = {
-        name: TextAlign.START,
-        svg: ALIGNMENT_ICONS.start
-      };
-    }
-    return alignment;
-  }
-
-  /**
-   * Check if text content is empty and set empty string to inner html.
-   * We need this because some browsers (e.g. Safari) insert <br> into empty contentEditable elements
-   *
-   * @param {KeyboardEvent} e - key up event
-   */
-  onKeyUp(e) {
-    if (e.code !== "Backspace" && e.code !== "Delete") {
-      return;
-    }
-    const {
-      textContent
-    } = this._element;
-    if (textContent === "") {
-      this._element.innerHTML = "";
-    }
-  }
-
-  /**
-   * Create Tool's view
-   * @return {HTMLElement}
-   * @private
-   */
-  drawView() {
-    const div = document.createElement("div");
-    div.classList.add(this._CSS.wrapper, this._CSS.block);
-    // Add custom className to view.
-    if (this._data.className) {
-      div.classList.add(this._data.className);
-    }
-    div.contentEditable = "false";
-    div.dataset["placeholder"] = this.api.i18n.t(this._placeholder);
-    if (!this.readOnly) {
-      div.contentEditable = "true";
-      div.addEventListener("keyup", this.onKeyUp);
-    }
-    return div;
-  }
-
-  /**
-   * Return Tool's view
-   */
-  render() {
-    return this._element;
-  }
-
-  /**
-   * Create Block's settings block
-   */
-  renderSettings() {
-    const holder = document.createElement("div");
-
-    // Add alignment selectors
-    this.alignments.forEach(alignment => {
-      const selectTypeButton = document.createElement("span");
-      selectTypeButton.classList.add(this._CSS.settingsButton);
-
-      /**
-       * Highlight current level button
-       */
-      if (this.currentAlignment.name === alignment.name) {
-        selectTypeButton.classList.add(this._CSS.settingsButtonActive);
-      }
-
-      /**
-       * Add SVG icon
-       */
-      selectTypeButton.innerHTML = alignment.svg;
-
-      /**
-       * Save alignment to its button
-       */
-      selectTypeButton.dataset["textAlign"] = alignment.name;
-
-      /**
-       * Set up click handler
-       */
-      selectTypeButton.addEventListener("click", () => {
-        this.setAlignment(alignment);
-      });
-
-      /**
-       * Append settings button to holder
-       */
-      holder.appendChild(selectTypeButton);
-
-      /**
-       * Save settings buttons
-       */
-      this.settingsButtons.push(selectTypeButton);
-    });
-
-    // Add `Typography` selector
-    if (this.typography) {
-      const typographyForParagraph = Object.values(this.typography).filter(item => item.component === "p");
-      const selectTypeButton = document.createElement("SELECT");
-      // Add editor's default input style
-      selectTypeButton.classList.add(this.api.styles.input);
-      // Add typography options
-      typographyForParagraph.forEach(item => {
-        const option = new Option(item.label, item.className);
-        selectTypeButton.appendChild(option);
-      });
-      // Add "onclick" handler
-      selectTypeButton.onclick = event => {
-        const {
-          value
-        } = event.target;
-        this.setTypographyClass(value);
-      };
-
-      /**
-       * Append settings button to holder
-       */
-      holder.appendChild(selectTypeButton);
-
-      /**
-       * Save settings buttons
-       */
-      this.settingsButtons.push(selectTypeButton);
-    }
-    return holder;
-  }
-
-  /**
-   * Method that specified how to merge two Text blocks.
-   * Called by Editor.js by backspace at the beginning of the Block
-   * @param {ParagraphData} data
-   * @public
-   */
-  merge(data) {
-    this.data = {
-      ...this.data,
-      text: this.data.text + data.text
-    };
-  }
-
-  /**
-   * Validate Paragraph block data:
-   * - check for emptiness
-   *
-   * @param {ParagraphData} savedData — data received after saving
-   * @returns {boolean} false if saved data is not correct, otherwise true
-   * @public
-   */
-  validate(savedData) {
-    return !(savedData.text.trim() === "" && !this._preserveBlank);
-  }
-
-  /**
-   * Extract Tool's data from the view
-   * @param {HTMLDivElement} toolsContent - Paragraph tools rendered view
-   * @returns {ParagraphData} - saved data
-   * @public
-   */
-  save(toolsContent) {
-    return {
-      text: toolsContent.innerHTML,
-      textAlign: this.getTextAlign(toolsContent.className),
-      className: this.data.className
-    };
-  }
-
-  /**
-   * Extract textAlign from className
-   *
-   * @param {string} className - heading element className
-   * @returns {TextAlign} textAlign
-   */
-  getTextAlign(className) {
-    let textAlign = TextAlign.START;
-    // Match className with alignment
-    this.alignments.forEach(alignment => {
-      if (className.includes(`ce-header-text--${alignment.name}`)) {
-        textAlign = alignment.name;
-      }
-    });
-    return textAlign;
-  }
-
-  /**
-   * On paste callback fired from Editor.
-   *
-   * @param {PasteEvent} event - event with pasted data
-   */
-  onPaste(event) {
-    const detail = event.detail;
-    this.data = {
-      ...this.data,
-      text: detail.data.innerHTML
-    };
-  }
-
-  /**
-   * Callback for Block's settings buttons
-   *
-   * @param {number} alignment - level to set
-   */
-  setAlignment(alignment) {
-    this.data = {
-      textAlign: alignment.name,
-      text: this.data.text
-    };
-
-    /**
-     * Highlight button by selected level
-     */
-    this.settingsButtons.forEach(button => {
-      button.classList.toggle(this._CSS.settingsButtonActive, button.dataset["textAlign"] === alignment.name);
-    });
-  }
-
-  /**
-   * Callback for Block's settings buttons
-   *
-   * @param {string} className - name of typography class
-   */
-  setTypographyClass(className) {
-    this.data = {
-      textAlign: this.data.textAlign,
-      text: this.data.text,
-      className: className
-    };
-  }
-
-  /**
-   * Normalize input data
-   *
-   * @param {HeaderData} data - saved data to process
-   *
-   * @returns {HeaderData}
-   * @private
-   */
-  normalizeData(data) {
-    const newData = {};
-    if (typeof data !== "object") {
-      data = {};
-    }
-    newData.text = data.text || "";
-    newData.textAlign = data.textAlign || TextAlign.START;
-    newData.className = data.className || "";
-    return newData;
-  }
-}
-export default Paragraph;
-
-//# sourceMappingURL=index.js.map

package/components/RichTextEditor/tools/paragraph/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ALIGNMENTS","TextAlign","ALIGNMENT_ICONS","Paragraph","constructor","data","config","api","readOnly","typography","_CSS","block","styles","settingsButton","settingsButtonActive","wrapper","onKeyUp","bind","_placeholder","placeholder","DEFAULT_PLACEHOLDER","_data","normalizeData","_element","drawView","_preserveBlank","preserveBlank","undefined","settingsButtons","alignments","conversionConfig","export","import","sanitize","text","br","isReadOnlySupported","innerHTML","forEach","alignment","name","textAlign","classList","add","remove","className","split","pasteConfig","tags","toolbox","icon","title","currentAlignment","find","START","svg","start","e","code","textContent","div","document","createElement","contentEditable","dataset","i18n","t","addEventListener","render","renderSettings","holder","selectTypeButton","setAlignment","appendChild","push","typographyForParagraph","Object","values","filter","item","component","input","option","Option","label","onclick","event","value","target","setTypographyClass","merge","validate","savedData","trim","save","toolsContent","getTextAlign","includes","onPaste","detail","button","toggle","newData"],"sources":["index.ts"],"sourcesContent":["import type { API, PasteEvent } from \"@editorjs/editorjs\";\nimport type { Alignment } from \"../utils\";\nimport { ALIGNMENTS, TextAlign, ALIGNMENT_ICONS } from \"../utils\";\nimport type { HTMLPasteEventDetail } from \"@editorjs/editorjs/types/tools/paste-events\";\n\n/**\n * @typedef {object} ParagraphConfig\n * @property {string} placeholder - placeholder for the empty paragraph\n * @property {boolean} preserveBlank - Whether or not to keep blank paragraphs when saving editor data`\n */\ninterface ParagraphConfig {\n    placeholder: string;\n    preserveBlank: boolean;\n    typography?: Typography;\n}\n/**\n * @typedef {Object} ParagraphData\n * @description Tool's input and output data format\n * @property {String} text — Paragraph's content. Can include HTML tags: <a><b><i>\n */\ninterface ParagraphData {\n    text: string;\n    textAlign: TextAlign;\n    className?: string;\n}\n\ninterface Typography {\n    [key: string]: {\n        label: string;\n        component: string;\n        className: string;\n    };\n}\n\ninterface ParagraphArgs {\n    data: ParagraphData;\n    config: ParagraphConfig;\n    api: any;\n    readOnly: boolean;\n}\nclass Paragraph {\n    private readonly api: API;\n    private readonly readOnly: boolean;\n    private readonly _CSS: any;\n    // private readonly _settings: any;\n    private _data: ParagraphData;\n    private readonly _element: any;\n    private readonly _placeholder: string;\n    private readonly _preserveBlank: boolean;\n    private readonly alignments: Alignment[];\n    private readonly settingsButtons: HTMLElement[];\n    private readonly typography: Typography | null;\n\n    /**\n     * Render plugin`s main Element and fill it with saved data\n     *\n     * @param {object} params - constructor params\n     * @param {ParagraphData} params.data - previously saved data\n     * @param {ParagraphConfig} params.config - user config for Tool\n     * @param {object} params.api - editor.js api\n     * @param {boolean} readOnly - read only mode flag\n     */\n    public constructor({ data, config, api, readOnly }: ParagraphArgs) {\n        this.api = api;\n        this.readOnly = readOnly;\n        this.typography = config.typography || null;\n        this._CSS = {\n            block: this.api.styles.block,\n            settingsButton: this.api.styles.settingsButton,\n            settingsButtonActive: this.api.styles.settingsButtonActive,\n            wrapper: \"ce-paragraph\"\n        };\n\n        if (!this.readOnly) {\n            this.onKeyUp = this.onKeyUp.bind(this);\n        }\n\n        /**\n         * Placeholder for paragraph if it is first Block\n         * @type {string}\n         */\n        this._placeholder = config.placeholder ? config.placeholder : Paragraph.DEFAULT_PLACEHOLDER;\n        this._data = this.normalizeData(data);\n        this._element = this.drawView();\n        this._preserveBlank = config.preserveBlank !== undefined ? config.preserveBlank : false;\n        this.settingsButtons = [];\n        this.alignments = ALIGNMENTS;\n\n        // Call the `data` setter, to properly render the view element.\n        this.data = this._data;\n    }\n\n    /**\n     * Default placeholder for Paragraph Tool\n     *\n     * @return {string}\n     * @constructor\n     */\n    public static get DEFAULT_PLACEHOLDER(): string {\n        return \"\";\n    }\n\n    /**\n     * Enable Conversion Toolbar. Paragraph can be converted to/from other tools\n     */\n    public static get conversionConfig() {\n        return {\n            export: \"text\", // to convert Paragraph to other block, use 'text' property of saved data\n            import: \"text\" // to covert other block's exported string to Paragraph, fill 'text' property of tool data\n        };\n    }\n\n    /**\n     * Sanitizer rules\n     */\n    public static get sanitize() {\n        return {\n            text: {\n                br: true\n            }\n        };\n    }\n\n    /**\n     * Returns true to notify the core that read-only mode is supported\n     *\n     * @return {boolean}\n     */\n    public static get isReadOnlySupported(): boolean {\n        return true;\n    }\n\n    /**\n     * Get current Tools`s data\n     * @returns {ParagraphData} Current data\n     * @private\n     */\n    public get data(): ParagraphData {\n        const text = this._element.innerHTML;\n\n        // this._data.text = text;\n\n        return {\n            ...this._data,\n            text\n        };\n    }\n\n    /**\n     * Store data in plugin:\n     * - at the this._data property\n     * - at the HTML\n     *\n     * @param {ParagraphData} data — data to set\n     * @private\n     */\n    public set data(data: ParagraphData) {\n        this._data = data || ({} as ParagraphData);\n\n        this._element.innerHTML = this._data.text || \"\";\n\n        /**\n         * Add Alignment class\n         */\n        this.alignments.forEach(alignment => {\n            if (alignment.name === this._data.textAlign) {\n                this._element.classList.add(`ce-header-text--${alignment.name}`);\n            } else {\n                this._element.classList.remove(`ce-header-text--${alignment.name}`);\n            }\n        });\n\n        /**\n         * Add Typography class\n         */\n        if (this._data.className) {\n            this._element.classList.add(...this._data.className.split(\" \"));\n        }\n    }\n\n    /**\n     * Used by Editor paste handling API.\n     * Provides configuration to handle P tags.\n     *\n     * @returns {{tags: string[]}}\n     */\n    public static get pasteConfig() {\n        return {\n            tags: [\"P\"]\n        };\n    }\n\n    /**\n     * Icon and title for displaying at the Toolbox\n     *\n     * @return {{icon: string, title: string}}\n     */\n    public static get toolbox() {\n        return {\n            icon:\n                '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0.2 -0.3 9 11.4\" width=\"12\" height=\"14\">\\n' +\n                '  <path d=\"M0 2.77V.92A1 1 0 01.2.28C.35.1.56 0 .83 0h7.66c.28.01.48.1.63.28.14.17.21.38.21.64v1.85c0 .26-.08.48-.23.66-.15.17-.37.26-.66.26-.28 0-.5-.09-.64-.26a1 1 0 01-.21-.66V1.69H5.6v7.58h.5c.25 0 .45.08.6.23.17.16.25.35.25.6s-.08.45-.24.6a.87.87 0 01-.62.22H3.21a.87.87 0 01-.61-.22.78.78 0 01-.24-.6c0-.25.08-.44.24-.6a.85.85 0 01.61-.23h.5V1.7H1.73v1.08c0 .26-.08.48-.23.66-.15.17-.37.26-.66.26-.28 0-.5-.09-.64-.26A1 1 0 010 2.77z\"/>\\n' +\n                \"</svg>\",\n            title: \"Text\"\n        };\n    }\n\n    /**\n     * Get current alignment\n     *\n     * @returns {alignment}\n     */\n    public get currentAlignment(): Alignment {\n        let alignment = this.alignments.find(alignment => alignment.name === this._data.textAlign);\n\n        if (!alignment) {\n            alignment = { name: TextAlign.START, svg: ALIGNMENT_ICONS.start };\n        }\n\n        return alignment;\n    }\n\n    /**\n     * Check if text content is empty and set empty string to inner html.\n     * We need this because some browsers (e.g. Safari) insert <br> into empty contentEditable elements\n     *\n     * @param {KeyboardEvent} e - key up event\n     */\n    public onKeyUp(e: KeyboardEvent): void {\n        if (e.code !== \"Backspace\" && e.code !== \"Delete\") {\n            return;\n        }\n\n        const { textContent } = this._element;\n\n        if (textContent === \"\") {\n            this._element.innerHTML = \"\";\n        }\n    }\n\n    /**\n     * Create Tool's view\n     * @return {HTMLElement}\n     * @private\n     */\n    public drawView(): HTMLElement {\n        const div: HTMLDivElement = document.createElement(\"div\");\n        div.classList.add(this._CSS.wrapper, this._CSS.block);\n        // Add custom className to view.\n        if (this._data.className) {\n            div.classList.add(this._data.className);\n        }\n        div.contentEditable = \"false\";\n        div.dataset[\"placeholder\"] = this.api.i18n.t(this._placeholder);\n\n        if (!this.readOnly) {\n            div.contentEditable = \"true\";\n            div.addEventListener(\"keyup\", this.onKeyUp);\n        }\n\n        return div;\n    }\n\n    /**\n     * Return Tool's view\n     */\n    public render(): HTMLDivElement {\n        return this._element;\n    }\n\n    /**\n     * Create Block's settings block\n     */\n    public renderSettings(): HTMLElement {\n        const holder: HTMLDivElement = document.createElement(\"div\");\n\n        // Add alignment selectors\n        this.alignments.forEach(alignment => {\n            const selectTypeButton: HTMLSpanElement = document.createElement(\"span\");\n\n            selectTypeButton.classList.add(this._CSS.settingsButton);\n\n            /**\n             * Highlight current level button\n             */\n            if (this.currentAlignment.name === alignment.name) {\n                selectTypeButton.classList.add(this._CSS.settingsButtonActive);\n            }\n\n            /**\n             * Add SVG icon\n             */\n            selectTypeButton.innerHTML = alignment.svg;\n\n            /**\n             * Save alignment to its button\n             */\n            selectTypeButton.dataset[\"textAlign\"] = alignment.name;\n\n            /**\n             * Set up click handler\n             */\n            selectTypeButton.addEventListener(\"click\", () => {\n                this.setAlignment(alignment);\n            });\n\n            /**\n             * Append settings button to holder\n             */\n            holder.appendChild(selectTypeButton);\n\n            /**\n             * Save settings buttons\n             */\n            this.settingsButtons.push(selectTypeButton);\n        });\n\n        // Add `Typography` selector\n        if (this.typography) {\n            const typographyForParagraph = Object.values(this.typography).filter(\n                item => item.component === \"p\"\n            );\n\n            const selectTypeButton = document.createElement(\"SELECT\") as HTMLSelectElement;\n            // Add editor's default input style\n            selectTypeButton.classList.add(this.api.styles.input);\n            // Add typography options\n            typographyForParagraph.forEach(item => {\n                const option = new Option(item.label, item.className);\n\n                selectTypeButton.appendChild(option);\n            });\n            // Add \"onclick\" handler\n            selectTypeButton.onclick = event => {\n                const { value } = event.target as HTMLSelectElement;\n                this.setTypographyClass(value);\n            };\n\n            /**\n             * Append settings button to holder\n             */\n            holder.appendChild(selectTypeButton);\n\n            /**\n             * Save settings buttons\n             */\n            this.settingsButtons.push(selectTypeButton);\n        }\n\n        return holder;\n    }\n\n    /**\n     * Method that specified how to merge two Text blocks.\n     * Called by Editor.js by backspace at the beginning of the Block\n     * @param {ParagraphData} data\n     * @public\n     */\n    public merge(data: ParagraphData): void {\n        this.data = {\n            ...this.data,\n            text: this.data.text + data.text\n        };\n    }\n\n    /**\n     * Validate Paragraph block data:\n     * - check for emptiness\n     *\n     * @param {ParagraphData} savedData — data received after saving\n     * @returns {boolean} false if saved data is not correct, otherwise true\n     * @public\n     */\n    public validate(savedData: ParagraphData): boolean {\n        return !(savedData.text.trim() === \"\" && !this._preserveBlank);\n    }\n\n    /**\n     * Extract Tool's data from the view\n     * @param {HTMLDivElement} toolsContent - Paragraph tools rendered view\n     * @returns {ParagraphData} - saved data\n     * @public\n     */\n    public save(toolsContent: HTMLElement) {\n        return {\n            text: toolsContent.innerHTML,\n            textAlign: this.getTextAlign(toolsContent.className),\n            className: this.data.className\n        };\n    }\n\n    /**\n     * Extract textAlign from className\n     *\n     * @param {string} className - heading element className\n     * @returns {TextAlign} textAlign\n     */\n    public getTextAlign(className: string): TextAlign {\n        let textAlign = TextAlign.START;\n        // Match className with alignment\n        this.alignments.forEach(alignment => {\n            if (className.includes(`ce-header-text--${alignment.name}`)) {\n                textAlign = alignment.name;\n            }\n        });\n        return textAlign;\n    }\n\n    /**\n     * On paste callback fired from Editor.\n     *\n     * @param {PasteEvent} event - event with pasted data\n     */\n    public onPaste(event: PasteEvent): void {\n        const detail = event.detail as HTMLPasteEventDetail;\n        this.data = {\n            ...this.data,\n            text: detail.data.innerHTML\n        };\n    }\n\n    /**\n     * Callback for Block's settings buttons\n     *\n     * @param {number} alignment - level to set\n     */\n    public setAlignment(alignment: Alignment): void {\n        this.data = {\n            textAlign: alignment.name,\n            text: this.data.text\n        };\n\n        /**\n         * Highlight button by selected level\n         */\n        this.settingsButtons.forEach(button => {\n            button.classList.toggle(\n                this._CSS.settingsButtonActive,\n                button.dataset[\"textAlign\"] === alignment.name\n            );\n        });\n    }\n\n    /**\n     * Callback for Block's settings buttons\n     *\n     * @param {string} className - name of typography class\n     */\n    public setTypographyClass(className: string): void {\n        this.data = {\n            textAlign: this.data.textAlign,\n            text: this.data.text,\n            className: className\n        };\n    }\n\n    /**\n     * Normalize input data\n     *\n     * @param {HeaderData} data - saved data to process\n     *\n     * @returns {HeaderData}\n     * @private\n     */\n    public normalizeData(data?: Partial<ParagraphData>): ParagraphData {\n        const newData: Partial<ParagraphData> = {};\n\n        if (typeof data !== \"object\") {\n            data = {};\n        }\n\n        newData.text = data.text || \"\";\n        newData.textAlign = data.textAlign || TextAlign.START;\n        newData.className = data.className || \"\";\n\n        return newData as ParagraphData;\n    }\n}\n\nexport default Paragraph;\n"],"mappings":"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","ignoreList":[]}