@webiny/app-admin 0.0.0-mt-2 → 0.0.0-unstable.13771d80a8

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

@@ -1,16 +1,19 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-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`
- */
-
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _utils = require("../utils");
 var Paragraph = /*#__PURE__*/function () {
+  // private readonly _settings: any;
+
   /**
    * Render plugin`s main Element and fill it with saved data
    *
@@ -22,34 +25,20 @@ var Paragraph = /*#__PURE__*/function () {
    */
   function Paragraph(_ref) {
     var data = _ref.data,
-        config = _ref.config,
-        api = _ref.api,
-        readOnly = _ref.readOnly;
-
-    _classCallCheck(this, Paragraph);
-
-    _defineProperty(this, "api", void 0);
-
-    _defineProperty(this, "readOnly", void 0);
-
-    _defineProperty(this, "_CSS", void 0);
-
-    _defineProperty(this, "_settings", void 0);
-
-    _defineProperty(this, "_data", void 0);
-
-    _defineProperty(this, "_element", void 0);
-
-    _defineProperty(this, "_placeholder", void 0);
-
-    _defineProperty(this, "_preserveBlank", void 0);
-
-    _defineProperty(this, "alignments", void 0);
-
-    _defineProperty(this, "settingsButtons", void 0);
-
-    _defineProperty(this, "typography", void 0);
-
+      config = _ref.config,
+      api = _ref.api,
+      readOnly = _ref.readOnly;
+    (0, _classCallCheck2.default)(this, Paragraph);
+    (0, _defineProperty2.default)(this, "api", void 0);
+    (0, _defineProperty2.default)(this, "readOnly", void 0);
+    (0, _defineProperty2.default)(this, "_CSS", void 0);
+    (0, _defineProperty2.default)(this, "_data", void 0);
+    (0, _defineProperty2.default)(this, "_element", void 0);
+    (0, _defineProperty2.default)(this, "_placeholder", void 0);
+    (0, _defineProperty2.default)(this, "_preserveBlank", void 0);
+    (0, _defineProperty2.default)(this, "alignments", void 0);
+    (0, _defineProperty2.default)(this, "settingsButtons", void 0);
+    (0, _defineProperty2.default)(this, "typography", void 0);
     this.api = api;
     this.readOnly = readOnly;
     this.typography = config.typography || null;
@@ -59,33 +48,32 @@ var Paragraph = /*#__PURE__*/function () {
       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;
-    this.data = this.normalizeData(data);
+    this.alignments = _utils.ALIGNMENTS;
+
+    // Call the `data` setter, to properly render the view element.
+    this.data = this._data;
   }
+
   /**
    * Default placeholder for Paragraph Tool
    *
    * @return {string}
    * @constructor
    */
-
-
-  _createClass(Paragraph, [{
+  (0, _createClass2.default)(Paragraph, [{
     key: "data",
     get:
     /**
@@ -94,12 +82,15 @@ var Paragraph = /*#__PURE__*/function () {
      * @private
      */
     function get() {
-      var text = this._element.innerHTML; // this._data.text = text;
+      var text = this._element.innerHTML;
+
+      // this._data.text = text;
 
-      return _objectSpread(_objectSpread({}, this._data), {}, {
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, this._data), {}, {
         text: text
       });
     }
+
     /**
      * Store data in plugin:
      * - at the this._data property
@@ -107,17 +98,15 @@ var Paragraph = /*#__PURE__*/function () {
      *
      * @param {ParagraphData} data — data to set
      * @private
-     */
-    ,
+     */,
     set: function set(data) {
       var _this = this;
-
       this._data = data || {};
       this._element.innerHTML = this._data.text || "";
+
       /**
        * Add Alignment class
        */
-
       this.alignments.forEach(function (alignment) {
         if (alignment.name === _this._data.textAlign) {
           _this._element.classList.add("ce-header-text--".concat(alignment.name));
@@ -125,23 +114,22 @@ var Paragraph = /*#__PURE__*/function () {
           _this._element.classList.remove("ce-header-text--".concat(alignment.name));
         }
       });
+
       /**
        * Add Typography class
        */
-
       if (this._data.className) {
         var _this$_element$classL;
-
-        (_this$_element$classL = this._element.classList).add.apply(_this$_element$classL, _toConsumableArray(this._data.className.split(" ")));
+        (_this$_element$classL = this._element.classList).add.apply(_this$_element$classL, (0, _toConsumableArray2.default)(this._data.className.split(" ")));
       }
     }
+
     /**
      * Used by Editor paste handling API.
      * Provides configuration to handle P tags.
      *
      * @returns {{tags: string[]}}
      */
-
   }, {
     key: "currentAlignment",
     get:
@@ -152,178 +140,164 @@ var Paragraph = /*#__PURE__*/function () {
      */
     function get() {
       var _this2 = this;
-
       var alignment = this.alignments.find(function (alignment) {
         return alignment.name === _this2._data.textAlign;
       });
-
       if (!alignment) {
         alignment = {
-          name: TextAlign.START,
-          svg: ALIGNMENT_ICONS.start
+          name: _utils.TextAlign.START,
+          svg: _utils.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
      */
-
   }, {
     key: "onKeyUp",
     value: function onKeyUp(e) {
       if (e.code !== "Backspace" && e.code !== "Delete") {
         return;
       }
-
       var textContent = this._element.textContent;
-
       if (textContent === "") {
         this._element.innerHTML = "";
       }
     }
+
     /**
      * Create Tool's view
      * @return {HTMLElement}
      * @private
      */
-
   }, {
     key: "drawView",
     value: function drawView() {
-      var div = document.createElement("DIV");
-      div.classList.add(this._CSS.wrapper, this._CSS.block); // Add custom className to view.
-
+      var 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);
-
+      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
-     *
-     * @returns {HTMLDivElement}
      */
-
   }, {
     key: "render",
     value: function render() {
       return this._element;
     }
+
     /**
      * Create Block's settings block
-     *
-     * @returns {HTMLElement}
      */
-
   }, {
     key: "renderSettings",
     value: function renderSettings() {
       var _this3 = this;
+      var holder = document.createElement("div");
 
-      var holder = document.createElement("DIV"); // Add alignment selectors
-
+      // Add alignment selectors
       this.alignments.forEach(function (alignment) {
-        var selectTypeButton = document.createElement("SPAN");
+        var selectTypeButton = document.createElement("span");
         selectTypeButton.classList.add(_this3._CSS.settingsButton);
+
         /**
          * Highlight current level button
          */
-
         if (_this3.currentAlignment.name === alignment.name) {
           selectTypeButton.classList.add(_this3._CSS.settingsButtonActive);
         }
+
         /**
          * Add SVG icon
          */
-
-
         selectTypeButton.innerHTML = alignment.svg;
+
         /**
          * Save alignment to its button
          */
+        selectTypeButton.dataset["textAlign"] = alignment.name;
 
-        selectTypeButton.dataset.textAlign = alignment.name;
         /**
          * Set up click handler
          */
-
         selectTypeButton.addEventListener("click", function () {
           _this3.setAlignment(alignment);
         });
+
         /**
          * Append settings button to holder
          */
-
         holder.appendChild(selectTypeButton);
+
         /**
          * Save settings buttons
          */
-
         _this3.settingsButtons.push(selectTypeButton);
-      }); // Add `Typography` selector
+      });
 
+      // Add `Typography` selector
       if (this.typography) {
         var typographyForParagraph = Object.values(this.typography).filter(function (item) {
           return item.component === "p";
         });
-        var selectTypeButton = document.createElement("SELECT"); // Add editor's default input style
-
-        selectTypeButton.classList.add(this.api.styles.input); // Add typography options
-
+        var selectTypeButton = document.createElement("SELECT");
+        // Add editor's default input style
+        selectTypeButton.classList.add(this.api.styles.input);
+        // Add typography options
         typographyForParagraph.forEach(function (item) {
           var option = new Option(item.label, item.className);
           selectTypeButton.appendChild(option);
-        }); // Add "onclick" handler
-
+        });
+        // Add "onclick" handler
         selectTypeButton.onclick = function (event) {
           var _ref2 = event.target,
-              value = _ref2.value;
-
+            value = _ref2.value;
           _this3.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
      */
-
   }, {
     key: "merge",
     value: function merge(data) {
-      this.data = {
+      this.data = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, this.data), {}, {
         text: this.data.text + data.text
-      };
+      });
     }
+
     /**
      * Validate Paragraph block data:
      * - check for emptiness
@@ -332,19 +306,18 @@ var Paragraph = /*#__PURE__*/function () {
      * @returns {boolean} false if saved data is not correct, otherwise true
      * @public
      */
-
   }, {
     key: "validate",
     value: function 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
      */
-
   }, {
     key: "save",
     value: function save(toolsContent) {
@@ -354,18 +327,18 @@ var Paragraph = /*#__PURE__*/function () {
         className: this.data.className
       };
     }
+
     /**
      * Extract textAlign from className
      *
      * @param {string} className - heading element className
      * @returns {TextAlign} textAlign
      */
-
   }, {
     key: "getTextAlign",
     value: function getTextAlign(className) {
-      var textAlign = TextAlign.START; // Match className with alignment
-
+      var textAlign = _utils.TextAlign.START;
+      // Match className with alignment
       this.alignments.forEach(function (alignment) {
         if (className.includes("ce-header-text--".concat(alignment.name))) {
           textAlign = alignment.name;
@@ -373,49 +346,48 @@ var Paragraph = /*#__PURE__*/function () {
       });
       return textAlign;
     }
+
     /**
      * On paste callback fired from Editor.
      *
      * @param {PasteEvent} event - event with pasted data
      */
-
   }, {
     key: "onPaste",
     value: function onPaste(event) {
-      var data = {
-        text: event.detail.data.innerHTML
-      };
-      this.data = data;
+      var detail = event.detail;
+      this.data = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, this.data), {}, {
+        text: detail.data.innerHTML
+      });
     }
+
     /**
      * Callback for Block's settings buttons
      *
      * @param {number} alignment - level to set
      */
-
   }, {
     key: "setAlignment",
     value: function setAlignment(alignment) {
       var _this4 = this;
-
       this.data = {
         textAlign: alignment.name,
         text: this.data.text
       };
+
       /**
        * Highlight button by selected level
        */
-
       this.settingsButtons.forEach(function (button) {
-        button.classList.toggle(_this4._CSS.settingsButtonActive, button.dataset.textAlign === alignment.name);
+        button.classList.toggle(_this4._CSS.settingsButtonActive, button.dataset["textAlign"] === alignment.name);
       });
     }
+
     /**
      * Callback for Block's settings buttons
      *
      * @param {string} className - name of typography class
      */
-
   }, {
     key: "setTypographyClass",
     value: function setTypographyClass(className) {
@@ -425,6 +397,7 @@ var Paragraph = /*#__PURE__*/function () {
         className: className
       };
     }
+
     /**
      * Normalize input data
      *
@@ -433,18 +406,15 @@ var Paragraph = /*#__PURE__*/function () {
      * @returns {HeaderData}
      * @private
      */
-
   }, {
     key: "normalizeData",
     value: function normalizeData(data) {
       var newData = {};
-
       if (typeof data !== "object") {
         data = {};
       }
-
       newData.text = data.text || "";
-      newData.textAlign = data.textAlign || TextAlign.START;
+      newData.textAlign = data.textAlign || _utils.TextAlign.START;
       newData.className = data.className || "";
       return newData;
     }
@@ -453,10 +423,10 @@ var Paragraph = /*#__PURE__*/function () {
     get: function get() {
       return "";
     }
+
     /**
      * Enable Conversion Toolbar. Paragraph can be converted to/from other tools
      */
-
   }, {
     key: "conversionConfig",
     get: function get() {
@@ -464,13 +434,12 @@ var Paragraph = /*#__PURE__*/function () {
         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
      */
-
   }, {
     key: "sanitize",
     get: function get() {
@@ -480,12 +449,12 @@ var Paragraph = /*#__PURE__*/function () {
         }
       };
     }
+
     /**
      * Returns true to notify the core that read-only mode is supported
      *
      * @return {boolean}
      */
-
   }, {
     key: "isReadOnlySupported",
     get: function get() {
@@ -498,12 +467,12 @@ var Paragraph = /*#__PURE__*/function () {
         tags: ["P"]
       };
     }
+
     /**
      * Icon and title for displaying at the Toolbox
      *
      * @return {{icon: string, title: string}}
      */
-
   }, {
     key: "toolbox",
     get: function get() {
@@ -513,8 +482,7 @@ var Paragraph = /*#__PURE__*/function () {
       };
     }
   }]);
-
   return Paragraph;
 }();
-
-export default Paragraph;
+var _default = Paragraph;
+exports.default = _default;

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

@@ -0,0 +1 @@
+{"version":3,"names":["Paragraph","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","ALIGNMENTS","text","innerHTML","forEach","alignment","name","textAlign","classList","add","remove","className","split","find","TextAlign","START","svg","ALIGNMENT_ICONS","start","e","code","textContent","div","document","createElement","contentEditable","dataset","i18n","t","addEventListener","holder","selectTypeButton","currentAlignment","setAlignment","appendChild","push","typographyForParagraph","Object","values","filter","item","component","input","option","Option","label","onclick","event","target","value","setTypographyClass","savedData","trim","toolsContent","getTextAlign","includes","detail","button","toggle","newData","export","import","br","tags","icon","title"],"sources":["index.ts"],"sourcesContent":["import { API, PasteEvent } from \"@editorjs/editorjs\";\nimport { Alignment, ALIGNMENTS, TextAlign, ALIGNMENT_ICONS } from \"../utils\";\nimport { 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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"}