@webiny/app-admin 5.41.4 → 5.42.0-beta.1

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

@@ -1 +1 @@
-{"version":3,"names":["_utils","require","Header","_ref","data","config","api","readOnly","_classCallCheck2","default","alignments","ALIGNMENTS","typography","_CSS","block","styles","settingsButton","settingsButtonActive","wrapper","_settings","_data","normalizeData","settingsButtons","_element","getTag","_createClass2","key","value","newData","text","level","parseInt","defaultLevel","number","textAlign","TextAlign","START","render","renderSettings","_this","holder","document","createElement","levels","length","forEach","selectTypeButton","classList","add","currentLevel","innerHTML","svg","dataset","addEventListener","setLevel","appendChild","push","alignment","currentAlignment","name","setAlignment","_this2","button","toggle","_this3","merge","validate","blockData","trim","save","toolsContent","getTextAlign","className","includes","concat","get","set","undefined","parentNode","newHeader","replaceChild","_this4","tag","component","toLowerCase","typographyConfig","textAlignClass","remove","contentEditable","i18n","t","placeholder","_this5","find","levelItem","_this6","ALIGNMENT_ICONS","start","_this7","userSpecified","console","warn","_this8","availableLevels","filter","l","onPaste","event","content","detail","tagName","reduce","prevLevel","currLevel","Math","abs","export","import","tags","icon","title","_default","exports"],"sources":["index.ts"],"sourcesContent":["import { API, HTMLPasteEvent } from \"@editorjs/editorjs\";\nimport { ALIGNMENTS, ALIGNMENT_ICONS, TextAlign, Alignment } from \"../utils\";\n\ninterface Typography {\n    [key: string]: {\n        label: string;\n        component: string;\n        className: string;\n    };\n}\n\nexport interface HeaderData {\n    text: string;\n    level: number;\n    textAlign?: TextAlign;\n    alignment?: Alignment;\n    className?: string;\n}\n\ninterface HeaderConfig {\n    levels: number[];\n    typography: Typography;\n    placeholder?: string;\n    defaultLevel?: number;\n}\n\ninterface HeaderArgs {\n    data: HeaderData;\n    config: HeaderConfig;\n    api: any;\n    readOnly: boolean;\n}\n\nclass Header {\n    private readonly api: API;\n    private readonly readOnly: boolean;\n    private readonly settingsButtons: any[];\n    private readonly _CSS: any;\n    private readonly _settings: HeaderConfig;\n    private _data: HeaderData;\n    private _element: any;\n    private readonly alignments: Alignment[];\n    private readonly typography: Typography;\n    /**\n     * Render plugin`s main Element and fill it with saved data\n     *\n     * @param {{data: HeaderData, config: HeaderConfig, api: object}}\n     *   data — previously saved data\n     *   config - user config for Tool\n     *   api - Editor.js API\n     *   readOnly - read only mode flag\n     */\n    constructor({ data, config, api, readOnly }: HeaderArgs) {\n        this.api = api;\n        this.readOnly = readOnly;\n\n        this.alignments = ALIGNMENTS;\n        /**\n         * Import typography from theme\n         */\n        this.typography = config.typography || null;\n\n        /**\n         * Styles\n         *\n         * @type {object}\n         */\n        this._CSS = {\n            block: this.api.styles.block,\n            settingsButton: this.api.styles.settingsButton,\n            settingsButtonActive: this.api.styles.settingsButtonActive,\n            wrapper: \"ce-header\"\n        };\n\n        /**\n         * Tool's settings passed from Editor\n         *\n         * @type {HeaderConfig}\n         * @private\n         */\n        this._settings = config;\n\n        /**\n         * Block's data\n         *\n         * @type {HeaderData}\n         * @private\n         */\n        this._data = this.normalizeData(data);\n\n        /**\n         * List of settings buttons\n         *\n         * @type {HTMLElement[]}\n         */\n        this.settingsButtons = [];\n\n        /**\n         * Main Block wrapper\n         *\n         * @type {HTMLElement}\n         * @private\n         */\n        this._element = this.getTag();\n    }\n\n    /**\n     * Normalize input data\n     *\n     * @param {HeaderData} data - saved data to process\n     *\n     * @returns {HeaderData}\n     * @private\n     */\n    normalizeData(data: Partial<HeaderData>): HeaderData {\n        const newData: Partial<HeaderData> = {};\n\n        if (typeof data !== \"object\") {\n            data = {};\n        }\n\n        newData.text = data.text || \"\";\n        newData.level = parseInt(data.level as unknown as string) || this.defaultLevel.number;\n        newData.textAlign = data.textAlign || TextAlign.START;\n\n        return newData as HeaderData;\n    }\n\n    /**\n     * Return Tool's view\n     *\n     * @returns {HTMLHeadingElement}\n     * @public\n     */\n    render() {\n        return this._element;\n    }\n\n    /**\n     * Create Block's settings block\n     *\n     * @returns {HTMLElement}\n     */\n    renderSettings() {\n        const holder = document.createElement(\"DIV\");\n\n        // do not add settings button, when only one level is configured\n        if (this.levels.length <= 1) {\n            return holder;\n        }\n\n        /** Add type selectors */\n        this.levels.forEach(level => {\n            const selectTypeButton = document.createElement(\"SPAN\");\n\n            selectTypeButton.classList.add(this._CSS.settingsButton);\n\n            /**\n             * Highlight current level button\n             */\n            if (this.currentLevel.number === level.number) {\n                selectTypeButton.classList.add(this._CSS.settingsButtonActive);\n            }\n\n            /**\n             * Add SVG icon\n             */\n            selectTypeButton.innerHTML = level.svg;\n\n            /**\n             * Save level to its button\n             */\n            selectTypeButton.dataset[\"level\"] = level.number + \"\";\n\n            /**\n             * Set up click handler\n             */\n            selectTypeButton.addEventListener(\"click\", () => {\n                this.setLevel(level.number);\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        /**\n         * Add alignment selectors\n         * */\n        this.alignments.forEach(alignment => {\n            const selectTypeButton = 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        return holder;\n    }\n\n    /**\n     * Callback for Block's settings buttons\n     *\n     * @param {number} level - level to set\n     */\n    setLevel(level: number): void {\n        this.data = {\n            level: level,\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                parseInt(button.dataset.level) === level\n            );\n        });\n    }\n\n    /**\n     * Callback for Block's settings buttons\n     *\n     * @param {number} alignment - level to set\n     */\n    setAlignment(alignment: Alignment) {\n        this.data = {\n            textAlign: alignment.name,\n            text: this.data.text,\n            level: this.data.level\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     * Method that specified how to merge two Text blocks.\n     * Called by Editor.js by backspace at the beginning of the Block\n     *\n     * @param {HeaderData} data - saved data to merger with current block\n     * @public\n     */\n    merge(data: HeaderData): void {\n        this.data = {\n            text: this.data.text + data.text,\n            level: this.data.level,\n            alignment: this.data.alignment\n        };\n    }\n\n    /**\n     * Validate Text block data:\n     * - check for emptiness\n     *\n     * @param {HeaderData} blockData — data received after saving\n     * @returns {boolean} false if saved data is not correct, otherwise true\n     * @public\n     */\n    validate(blockData: HeaderData): boolean {\n        return blockData.text.trim() !== \"\";\n    }\n\n    /**\n     * Extract Tool's data from the view\n     *\n     * @param {HTMLHeadingElement} toolsContent - Text tools rendered view\n     * @returns {HeaderData} - saved data\n     * @public\n     */\n    save(toolsContent: HTMLHeadingElement): HeaderData {\n        return {\n            text: toolsContent.innerHTML,\n            level: this.currentLevel.number,\n            textAlign: this.getTextAlign(toolsContent.className),\n            className: toolsContent.className\n        };\n    }\n\n    /**\n     * Extract textAlign from className\n     *\n     * @param {string} className - heading element className\n     * @returns {TextAlign} textAlign\n     */\n    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     * Allow Header to be converted to/from other blocks\n     */\n    static get conversionConfig() {\n        return {\n            export: \"text\", // use 'text' property for other blocks\n            import: \"text\" // fill 'text' property from other block's export string\n        };\n    }\n\n    /**\n     * Sanitizer Rules\n     */\n    static get sanitize() {\n        return {\n            level: false,\n            text: {}\n        };\n    }\n\n    /**\n     * Returns true to notify core that read-only is supported\n     *\n     * @returns {boolean}\n     */\n    static get isReadOnlySupported() {\n        return true;\n    }\n\n    /**\n     * Get current Tools`s data\n     *\n     * @returns {HeaderData} Current data\n     * @private\n     */\n    get data(): HeaderData {\n        this._data.text = this._element.innerHTML;\n        this._data.level = this.currentLevel.number;\n        this._data.textAlign = this.currentAlignment.name;\n\n        return this._data;\n    }\n\n    /**\n     * Store data in plugin:\n     * - at the this._data property\n     * - at the HTML\n     *\n     * @param {HeaderData} data — data to set\n     * @private\n     */\n    set data(data: HeaderData) {\n        this._data = this.normalizeData(data);\n\n        /**\n         * If level is set and block in DOM\n         * then replace it to a new block\n         */\n        if (data.level !== undefined && this._element.parentNode) {\n            /**\n             * Create a new tag\n             *\n             * @type {HTMLHeadingElement}\n             */\n            const newHeader = this.getTag();\n\n            /**\n             * Save Block's content\n             */\n            newHeader.innerHTML = this._element.innerHTML;\n\n            /**\n             * Replace blocks\n             */\n            this._element.parentNode.replaceChild(newHeader, this._element);\n\n            /**\n             * Save new block to private variable\n             *\n             * @type {HTMLHeadingElement}\n             * @private\n             */\n            this._element = newHeader;\n        }\n\n        /**\n         * If data.text was passed then update block's content\n         */\n        if (data.text !== undefined) {\n            this._element.innerHTML = this._data.text || \"\";\n        }\n    }\n\n    /**\n     * Get tag for target level\n     * By default returns second-leveled header\n     *\n     * @returns {HTMLElement}\n     */\n    getTag() {\n        /**\n         * Create element for current Block's level\n         */\n        const tag = document.createElement(this.currentLevel.tag);\n\n        /**\n         * Add text to block\n         */\n        tag.innerHTML = this._data.text || \"\";\n\n        /**\n         * Add styles class from typography\n         */\n        if (this.typography) {\n            const component = this.currentLevel.tag.toLowerCase();\n            const typographyConfig = this.typography[component];\n            tag.classList.add(typographyConfig.className);\n        } else {\n            /**\n             * Add styles class\n             */\n            tag.classList.add(this._CSS.wrapper);\n        }\n\n        /**\n         * Add Alignment class\n         */\n        this.alignments.forEach(alignment => {\n            const textAlignClass = `ce-header-text--${alignment.name}`;\n            if (alignment.name === this._data.textAlign) {\n                tag.classList.add(textAlignClass);\n            } else {\n                tag.classList.remove(textAlignClass);\n            }\n        });\n\n        /**\n         * Make tag editable\n         */\n        tag.contentEditable = this.readOnly ? \"false\" : \"true\";\n\n        /**\n         * Add Placeholder\n         */\n        tag.dataset[\"placeholder\"] = this.api.i18n.t(this._settings.placeholder || \"\");\n\n        return tag;\n    }\n\n    /**\n     * Get current level\n     *\n     * @returns {level}\n     */\n    get currentLevel() {\n        let level = this.levels.find(levelItem => levelItem.number === this._data.level);\n\n        if (!level) {\n            level = this.defaultLevel;\n        }\n\n        return level;\n    }\n\n    /**\n     * Get current alignment\n     *\n     * @returns {alignment}\n     */\n    get currentAlignment() {\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     * Return default level\n     *\n     * @returns {level}\n     */\n    get defaultLevel() {\n        /**\n         * User can specify own default level value\n         */\n        if (this._settings.defaultLevel) {\n            const userSpecified = this.levels.find(levelItem => {\n                return levelItem.number === this._settings.defaultLevel;\n            });\n\n            if (userSpecified) {\n                return userSpecified;\n            } else {\n                console.warn(\n                    \"(ง'̀-'́)ง Heading Tool: the default level specified was not found in available levels\"\n                );\n            }\n        }\n\n        /**\n         * With no additional options, there will be H2 by default\n         *\n         * @type {level}\n         */\n        return this.levels[1];\n    }\n\n    /**\n     * @typedef {object} level\n     * @property {number} number - level number\n     * @property {string} tag - tag corresponds with level number\n     * @property {string} svg - icon\n     */\n\n    /**\n     * Available header levels\n     *\n     * @returns {level[]}\n     */\n    get levels() {\n        const availableLevels = [\n            {\n                number: 1,\n                tag: \"H1\",\n                svg: '<svg width=\"16\" height=\"14\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M2.14 1.494V4.98h4.62V1.494c0-.498.098-.871.293-1.12A.927.927 0 0 1 7.82 0c.322 0 .583.123.782.37.2.246.3.62.3 1.124v9.588c0 .503-.101.88-.303 1.128a.957.957 0 0 1-.779.374.921.921 0 0 1-.77-.378c-.193-.251-.29-.626-.29-1.124V6.989H2.14v4.093c0 .503-.1.88-.302 1.128a.957.957 0 0 1-.778.374.921.921 0 0 1-.772-.378C.096 11.955 0 11.58 0 11.082V1.494C0 .996.095.623.285.374A.922.922 0 0 1 1.06 0c.321 0 .582.123.782.37.199.246.299.62.299 1.124zm11.653 9.985V5.27c-1.279.887-2.14 1.33-2.583 1.33a.802.802 0 0 1-.563-.228.703.703 0 0 1-.245-.529c0-.232.08-.402.241-.511.161-.11.446-.25.854-.424.61-.259 1.096-.532 1.462-.818a5.84 5.84 0 0 0 .97-.962c.282-.355.466-.573.552-.655.085-.082.246-.123.483-.123.267 0 .481.093.642.28.161.186.242.443.242.77v7.813c0 .914-.345 1.371-1.035 1.371-.307 0-.554-.093-.74-.28-.187-.186-.28-.461-.28-.825z\"/></svg>'\n            },\n            {\n                number: 2,\n                tag: \"H2\",\n                svg: '<svg width=\"18\" height=\"14\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M2.152 1.494V4.98h4.646V1.494c0-.498.097-.871.293-1.12A.934.934 0 0 1 7.863 0c.324 0 .586.123.786.37.2.246.301.62.301 1.124v9.588c0 .503-.101.88-.304 1.128a.964.964 0 0 1-.783.374.928.928 0 0 1-.775-.378c-.194-.251-.29-.626-.29-1.124V6.989H2.152v4.093c0 .503-.101.88-.304 1.128a.964.964 0 0 1-.783.374.928.928 0 0 1-.775-.378C.097 11.955 0 11.58 0 11.082V1.494C0 .996.095.623.286.374A.929.929 0 0 1 1.066 0c.323 0 .585.123.786.37.2.246.3.62.3 1.124zm10.99 9.288h3.527c.351 0 .62.072.804.216.185.144.277.34.277.588 0 .22-.073.408-.22.56-.146.154-.368.23-.665.23h-4.972c-.338 0-.601-.093-.79-.28a.896.896 0 0 1-.284-.659c0-.162.06-.377.182-.645s.255-.478.399-.631a38.617 38.617 0 0 1 1.621-1.598c.482-.444.827-.735 1.034-.875.369-.261.676-.523.922-.787.245-.263.432-.534.56-.81.129-.278.193-.549.193-.815 0-.288-.069-.546-.206-.773a1.428 1.428 0 0 0-.56-.53 1.618 1.618 0 0 0-.774-.19c-.59 0-1.054.26-1.392.777-.045.068-.12.252-.226.554-.106.302-.225.534-.358.696-.133.162-.328.243-.585.243a.76.76 0 0 1-.56-.223c-.149-.148-.223-.351-.223-.608 0-.31.07-.635.21-.972.139-.338.347-.645.624-.92a3.093 3.093 0 0 1 1.054-.665c.426-.169.924-.253 1.496-.253.69 0 1.277.108 1.764.324.315.144.592.343.83.595.24.252.425.544.558.875.133.33.2.674.2 1.03 0 .558-.14 1.066-.416 1.523-.277.457-.56.815-.848 1.074-.288.26-.771.666-1.45 1.22-.677.554-1.142.984-1.394 1.29a3.836 3.836 0 0 0-.331.44z\"/></svg>'\n            },\n            {\n                number: 3,\n                tag: \"H3\",\n                svg: '<svg width=\"18\" height=\"14\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M2.152 1.494V4.98h4.646V1.494c0-.498.097-.871.293-1.12A.934.934 0 0 1 7.863 0c.324 0 .586.123.786.37.2.246.301.62.301 1.124v9.588c0 .503-.101.88-.304 1.128a.964.964 0 0 1-.783.374.928.928 0 0 1-.775-.378c-.194-.251-.29-.626-.29-1.124V6.989H2.152v4.093c0 .503-.101.88-.304 1.128a.964.964 0 0 1-.783.374.928.928 0 0 1-.775-.378C.097 11.955 0 11.58 0 11.082V1.494C0 .996.095.623.286.374A.929.929 0 0 1 1.066 0c.323 0 .585.123.786.37.2.246.3.62.3 1.124zm11.61 4.919c.418 0 .778-.123 1.08-.368.301-.245.452-.597.452-1.055 0-.35-.12-.65-.36-.902-.241-.252-.566-.378-.974-.378-.277 0-.505.038-.684.116a1.1 1.1 0 0 0-.426.306 2.31 2.31 0 0 0-.296.49c-.093.2-.178.388-.255.565a.479.479 0 0 1-.245.225.965.965 0 0 1-.409.081.706.706 0 0 1-.5-.22c-.152-.148-.228-.345-.228-.59 0-.236.071-.484.214-.745a2.72 2.72 0 0 1 .627-.746 3.149 3.149 0 0 1 1.024-.568 4.122 4.122 0 0 1 1.368-.214c.44 0 .842.06 1.205.18.364.12.679.294.947.52.267.228.47.49.606.79.136.3.204.622.204.967 0 .454-.099.843-.296 1.168-.198.324-.48.64-.848.95.354.19.653.408.895.653.243.245.426.516.548.813.123.298.184.619.184.964 0 .413-.083.812-.248 1.198-.166.386-.41.73-.732 1.031a3.49 3.49 0 0 1-1.147.708c-.443.17-.932.256-1.467.256a3.512 3.512 0 0 1-1.464-.293 3.332 3.332 0 0 1-1.699-1.64c-.142-.314-.214-.573-.214-.777 0-.263.085-.475.255-.636a.89.89 0 0 1 .637-.242c.127 0 .25.037.367.112a.53.53 0 0 1 .232.27c.236.63.489 1.099.759 1.405.27.306.65.46 1.14.46a1.714 1.714 0 0 0 1.46-.824c.17-.273.256-.588.256-.947 0-.53-.145-.947-.436-1.249-.29-.302-.694-.453-1.212-.453-.09 0-.231.01-.422.028-.19.018-.313.027-.367.027-.25 0-.443-.062-.579-.187-.136-.125-.204-.299-.204-.521 0-.218.081-.394.245-.528.163-.134.406-.2.728-.2h.28z\"/></svg>'\n            },\n            {\n                number: 4,\n                tag: \"H4\",\n                svg: '<svg width=\"20\" height=\"14\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M2.152 1.494V4.98h4.646V1.494c0-.498.097-.871.293-1.12A.934.934 0 0 1 7.863 0c.324 0 .586.123.786.37.2.246.301.62.301 1.124v9.588c0 .503-.101.88-.304 1.128a.964.964 0 0 1-.783.374.928.928 0 0 1-.775-.378c-.194-.251-.29-.626-.29-1.124V6.989H2.152v4.093c0 .503-.101.88-.304 1.128a.964.964 0 0 1-.783.374.928.928 0 0 1-.775-.378C.097 11.955 0 11.58 0 11.082V1.494C0 .996.095.623.286.374A.929.929 0 0 1 1.066 0c.323 0 .585.123.786.37.2.246.3.62.3 1.124zm13.003 10.09v-1.252h-3.38c-.427 0-.746-.097-.96-.29-.213-.193-.32-.456-.32-.788 0-.085.016-.171.048-.259.031-.088.078-.18.141-.276.063-.097.128-.19.195-.28.068-.09.15-.2.25-.33l3.568-4.774a5.44 5.44 0 0 1 .576-.683.763.763 0 0 1 .542-.212c.682 0 1.023.39 1.023 1.171v5.212h.29c.346 0 .623.047.832.142.208.094.313.3.313.62 0 .26-.086.45-.256.568-.17.12-.427.179-.768.179h-.41v1.252c0 .346-.077.603-.23.771-.152.168-.356.253-.612.253a.78.78 0 0 1-.61-.26c-.154-.173-.232-.427-.232-.764zm-2.895-2.76h2.895V4.91L12.26 8.823z\"/></svg>'\n            },\n            {\n                number: 5,\n                tag: \"H5\",\n                svg: '<svg width=\"18\" height=\"14\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M2.152 1.494V4.98h4.646V1.494c0-.498.097-.871.293-1.12A.934.934 0 0 1 7.863 0c.324 0 .586.123.786.37.2.246.301.62.301 1.124v9.588c0 .503-.101.88-.304 1.128a.964.964 0 0 1-.783.374.928.928 0 0 1-.775-.378c-.194-.251-.29-.626-.29-1.124V6.989H2.152v4.093c0 .503-.101.88-.304 1.128a.964.964 0 0 1-.783.374.928.928 0 0 1-.775-.378C.097 11.955 0 11.58 0 11.082V1.494C0 .996.095.623.286.374A.929.929 0 0 1 1.066 0c.323 0 .585.123.786.37.2.246.3.62.3 1.124zm14.16 2.645h-3.234l-.388 2.205c.644-.344 1.239-.517 1.783-.517.436 0 .843.082 1.222.245.38.164.712.39.998.677.286.289.51.63.674 1.025.163.395.245.82.245 1.273 0 .658-.148 1.257-.443 1.797-.295.54-.72.97-1.276 1.287-.556.318-1.197.477-1.923.477-.813 0-1.472-.15-1.978-.45-.506-.3-.865-.643-1.076-1.031-.21-.388-.316-.727-.316-1.018 0-.177.073-.345.22-.504a.725.725 0 0 1 .556-.238c.381 0 .665.22.85.66.182.404.427.719.736.943.309.225.654.337 1.035.337.35 0 .656-.09.919-.272.263-.182.466-.431.61-.749.142-.318.214-.678.214-1.082 0-.436-.078-.808-.232-1.117a1.607 1.607 0 0 0-.62-.69 1.674 1.674 0 0 0-.864-.229c-.39 0-.67.048-.837.143-.168.095-.41.262-.725.5-.316.239-.576.358-.78.358a.843.843 0 0 1-.592-.242c-.173-.16-.259-.344-.259-.548 0-.022.025-.177.075-.463l.572-3.26c.063-.39.181-.675.354-.852.172-.177.454-.265.844-.265h3.595c.708 0 1.062.27 1.062.81a.711.711 0 0 1-.26.572c-.172.145-.426.218-.762.218z\"/></svg>'\n            },\n            {\n                number: 6,\n                tag: \"H6\",\n                svg: '<svg width=\"18\" height=\"14\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M2.152 1.494V4.98h4.646V1.494c0-.498.097-.871.293-1.12A.934.934 0 0 1 7.863 0c.324 0 .586.123.786.37.2.246.301.62.301 1.124v9.588c0 .503-.101.88-.304 1.128a.964.964 0 0 1-.783.374.928.928 0 0 1-.775-.378c-.194-.251-.29-.626-.29-1.124V6.989H2.152v4.093c0 .503-.101.88-.304 1.128a.964.964 0 0 1-.783.374.928.928 0 0 1-.775-.378C.097 11.955 0 11.58 0 11.082V1.494C0 .996.095.623.286.374A.929.929 0 0 1 1.066 0c.323 0 .585.123.786.37.2.246.3.62.3 1.124zM12.53 7.058a3.093 3.093 0 0 1 1.004-.814 2.734 2.734 0 0 1 1.214-.264c.43 0 .827.08 1.19.24.365.161.684.39.957.686.274.296.485.645.635 1.048a3.6 3.6 0 0 1 .223 1.262c0 .637-.145 1.216-.437 1.736-.292.52-.699.926-1.221 1.218-.522.292-1.114.438-1.774.438-.76 0-1.416-.186-1.967-.557-.552-.37-.974-.919-1.265-1.645-.292-.726-.438-1.613-.438-2.662 0-.855.088-1.62.265-2.293.176-.674.43-1.233.76-1.676.33-.443.73-.778 1.2-1.004.47-.226 1.006-.339 1.608-.339.579 0 1.089.113 1.53.34.44.225.773.506.997.84.224.335.335.656.335.964 0 .185-.07.354-.21.505a.698.698 0 0 1-.536.227.874.874 0 0 1-.529-.18 1.039 1.039 0 0 1-.36-.498 1.42 1.42 0 0 0-.495-.655 1.3 1.3 0 0 0-.786-.247c-.24 0-.479.069-.716.207a1.863 1.863 0 0 0-.6.56c-.33.479-.525 1.333-.584 2.563zm1.832 4.213c.456 0 .834-.186 1.133-.56.298-.373.447-.862.447-1.468 0-.412-.07-.766-.21-1.062a1.584 1.584 0 0 0-.577-.678 1.47 1.47 0 0 0-.807-.234c-.28 0-.548.074-.804.224-.255.149-.461.365-.617.647a2.024 2.024 0 0 0-.234.994c0 .61.158 1.12.475 1.527.316.407.714.61 1.194.61z\"/></svg>'\n            }\n        ];\n\n        return this._settings.levels\n            ? availableLevels.filter(l => this._settings.levels.includes(l.number))\n            : availableLevels;\n    }\n\n    /**\n     * Handle H1-H6 tags on paste to substitute it with header Tool\n     *\n     * @param {HTMLPasteEvent} event - event with pasted content\n     */\n    onPaste(event: HTMLPasteEvent) {\n        const content = event.detail.data;\n\n        /**\n         * Define default level value\n         *\n         * @type {number}\n         */\n        let level = this.defaultLevel.number;\n\n        switch (content.tagName) {\n            case \"H1\":\n                level = 1;\n                break;\n            case \"H2\":\n                level = 2;\n                break;\n            case \"H3\":\n                level = 3;\n                break;\n            case \"H4\":\n                level = 4;\n                break;\n            case \"H5\":\n                level = 5;\n                break;\n            case \"H6\":\n                level = 6;\n                break;\n        }\n\n        if (this._settings.levels) {\n            // Fallback to nearest level when specified not available\n            level = this._settings.levels.reduce((prevLevel, currLevel) => {\n                return Math.abs(currLevel - level) < Math.abs(prevLevel - level)\n                    ? currLevel\n                    : prevLevel;\n            });\n        }\n\n        this.data = {\n            level,\n            text: content.innerHTML\n        };\n    }\n\n    /**\n     * Used by Editor.js paste handling API.\n     * Provides configuration to handle H1-H6 tags.\n     *\n     * @returns {{handler: (function(HTMLElement): {text: string}), tags: string[]}}\n     */\n    static get pasteConfig() {\n        return {\n            tags: [\"H1\", \"H2\", \"H3\", \"H4\", \"H5\", \"H6\"]\n        };\n    }\n\n    /**\n     * Get Tool toolbox settings\n     * icon - Tool icon's SVG\n     * title - title to show in toolbox\n     *\n     * @returns {{icon: string, title: string}}\n     */\n    static get toolbox() {\n        return {\n            icon:\n                '<svg width=\"10\" height=\"14\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 10 14\">\\n' +\n                '  <path d=\"M7.6 8.15H2.25v4.525a1.125 1.125 0 0 1-2.25 0V1.125a1.125 1.125 0 1 1 2.25 0V5.9H7.6V1.125a1.125 1.125 0 0 1 2.25 0v11.55a1.125 1.125 0 0 1-2.25 0V8.15z\"/>\\n' +\n                \"</svg>\",\n            title: \"Heading\"\n        };\n    }\n}\n\nexport default Header;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_utils","require","Header","_ref","data","config","api","readOnly","_classCallCheck2","default","alignments","ALIGNMENTS","typography","_CSS","block","styles","settingsButton","settingsButtonActive","wrapper","_settings","_data","normalizeData","settingsButtons","_element","getTag","_createClass2","key","value","newData","text","level","parseInt","defaultLevel","number","textAlign","TextAlign","START","render","renderSettings","_this","holder","document","createElement","levels","length","forEach","selectTypeButton","classList","add","currentLevel","innerHTML","svg","dataset","addEventListener","setLevel","appendChild","push","alignment","currentAlignment","name","setAlignment","_this2","button","toggle","_this3","merge","validate","blockData","trim","save","toolsContent","getTextAlign","className","includes","concat","get","set","undefined","parentNode","newHeader","replaceChild","_this4","tag","component","toLowerCase","typographyConfig","textAlignClass","remove","contentEditable","i18n","t","placeholder","_this5","find","levelItem","_this6","ALIGNMENT_ICONS","start","_this7","userSpecified","console","warn","_this8","availableLevels","filter","l","onPaste","event","content","detail","tagName","reduce","prevLevel","currLevel","Math","abs","export","import","tags","icon","title","_default","exports"],"sources":["index.ts"],"sourcesContent":["import { API, HTMLPasteEvent } from \"@editorjs/editorjs\";\nimport { ALIGNMENTS, ALIGNMENT_ICONS, TextAlign, Alignment } from \"../utils\";\n\ninterface Typography {\n    [key: string]: {\n        label: string;\n        component: string;\n        className: string;\n    };\n}\n\nexport interface HeaderData {\n    text: string;\n    level: number;\n    textAlign?: TextAlign;\n    alignment?: Alignment;\n    className?: string;\n}\n\ninterface HeaderConfig {\n    levels: number[];\n    typography: Typography;\n    placeholder?: string;\n    defaultLevel?: number;\n}\n\ninterface HeaderArgs {\n    data: HeaderData;\n    config: HeaderConfig;\n    api: any;\n    readOnly: boolean;\n}\n\nclass Header {\n    private readonly api: API;\n    private readonly readOnly: boolean;\n    private readonly settingsButtons: any[];\n    private readonly _CSS: any;\n    private readonly _settings: HeaderConfig;\n    private _data: HeaderData;\n    private _element: any;\n    private readonly alignments: Alignment[];\n    private readonly typography: Typography;\n    /**\n     * Render plugin`s main Element and fill it with saved data\n     *\n     * @param {{data: HeaderData, config: HeaderConfig, api: object}}\n     *   data — previously saved data\n     *   config - user config for Tool\n     *   api - Editor.js API\n     *   readOnly - read only mode flag\n     */\n    constructor({ data, config, api, readOnly }: HeaderArgs) {\n        this.api = api;\n        this.readOnly = readOnly;\n\n        this.alignments = ALIGNMENTS;\n        /**\n         * Import typography from theme\n         */\n        this.typography = config.typography || null;\n\n        /**\n         * Styles\n         *\n         * @type {object}\n         */\n        this._CSS = {\n            block: this.api.styles.block,\n            settingsButton: this.api.styles.settingsButton,\n            settingsButtonActive: this.api.styles.settingsButtonActive,\n            wrapper: \"ce-header\"\n        };\n\n        /**\n         * Tool's settings passed from Editor\n         *\n         * @type {HeaderConfig}\n         * @private\n         */\n        this._settings = config;\n\n        /**\n         * Block's data\n         *\n         * @type {HeaderData}\n         * @private\n         */\n        this._data = this.normalizeData(data);\n\n        /**\n         * List of settings buttons\n         *\n         * @type {HTMLElement[]}\n         */\n        this.settingsButtons = [];\n\n        /**\n         * Main Block wrapper\n         *\n         * @type {HTMLElement}\n         * @private\n         */\n        this._element = this.getTag();\n    }\n\n    /**\n     * Normalize input data\n     *\n     * @param {HeaderData} data - saved data to process\n     *\n     * @returns {HeaderData}\n     * @private\n     */\n    normalizeData(data: Partial<HeaderData>): HeaderData {\n        const newData: Partial<HeaderData> = {};\n\n        if (typeof data !== \"object\") {\n            data = {};\n        }\n\n        newData.text = data.text || \"\";\n        newData.level = parseInt(data.level as unknown as string) || this.defaultLevel.number;\n        newData.textAlign = data.textAlign || TextAlign.START;\n\n        return newData as HeaderData;\n    }\n\n    /**\n     * Return Tool's view\n     *\n     * @returns {HTMLHeadingElement}\n     * @public\n     */\n    render() {\n        return this._element;\n    }\n\n    /**\n     * Create Block's settings block\n     *\n     * @returns {HTMLElement}\n     */\n    renderSettings() {\n        const holder = document.createElement(\"DIV\");\n\n        // do not add settings button, when only one level is configured\n        if (this.levels.length <= 1) {\n            return holder;\n        }\n\n        /** Add type selectors */\n        this.levels.forEach(level => {\n            const selectTypeButton = document.createElement(\"SPAN\");\n\n            selectTypeButton.classList.add(this._CSS.settingsButton);\n\n            /**\n             * Highlight current level button\n             */\n            if (this.currentLevel.number === level.number) {\n                selectTypeButton.classList.add(this._CSS.settingsButtonActive);\n            }\n\n            /**\n             * Add SVG icon\n             */\n            selectTypeButton.innerHTML = level.svg;\n\n            /**\n             * Save level to its button\n             */\n            selectTypeButton.dataset[\"level\"] = level.number + \"\";\n\n            /**\n             * Set up click handler\n             */\n            selectTypeButton.addEventListener(\"click\", () => {\n                this.setLevel(level.number);\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        /**\n         * Add alignment selectors\n         * */\n        this.alignments.forEach(alignment => {\n            const selectTypeButton = 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        return holder;\n    }\n\n    /**\n     * Callback for Block's settings buttons\n     *\n     * @param {number} level - level to set\n     */\n    setLevel(level: number): void {\n        this.data = {\n            level: level,\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                parseInt(button.dataset.level) === level\n            );\n        });\n    }\n\n    /**\n     * Callback for Block's settings buttons\n     *\n     * @param {number} alignment - level to set\n     */\n    setAlignment(alignment: Alignment) {\n        this.data = {\n            textAlign: alignment.name,\n            text: this.data.text,\n            level: this.data.level\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     * Method that specified how to merge two Text blocks.\n     * Called by Editor.js by backspace at the beginning of the Block\n     *\n     * @param {HeaderData} data - saved data to merger with current block\n     * @public\n     */\n    merge(data: HeaderData): void {\n        this.data = {\n            text: this.data.text + data.text,\n            level: this.data.level,\n            alignment: this.data.alignment\n        };\n    }\n\n    /**\n     * Validate Text block data:\n     * - check for emptiness\n     *\n     * @param {HeaderData} blockData — data received after saving\n     * @returns {boolean} false if saved data is not correct, otherwise true\n     * @public\n     */\n    validate(blockData: HeaderData): boolean {\n        return blockData.text.trim() !== \"\";\n    }\n\n    /**\n     * Extract Tool's data from the view\n     *\n     * @param {HTMLHeadingElement} toolsContent - Text tools rendered view\n     * @returns {HeaderData} - saved data\n     * @public\n     */\n    save(toolsContent: HTMLHeadingElement): HeaderData {\n        return {\n            text: toolsContent.innerHTML,\n            level: this.currentLevel.number,\n            textAlign: this.getTextAlign(toolsContent.className),\n            className: toolsContent.className\n        };\n    }\n\n    /**\n     * Extract textAlign from className\n     *\n     * @param {string} className - heading element className\n     * @returns {TextAlign} textAlign\n     */\n    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     * Allow Header to be converted to/from other blocks\n     */\n    static get conversionConfig() {\n        return {\n            export: \"text\", // use 'text' property for other blocks\n            import: \"text\" // fill 'text' property from other block's export string\n        };\n    }\n\n    /**\n     * Sanitizer Rules\n     */\n    static get sanitize() {\n        return {\n            level: false,\n            text: {}\n        };\n    }\n\n    /**\n     * Returns true to notify core that read-only is supported\n     *\n     * @returns {boolean}\n     */\n    static get isReadOnlySupported() {\n        return true;\n    }\n\n    /**\n     * Get current Tools`s data\n     *\n     * @returns {HeaderData} Current data\n     * @private\n     */\n    get data(): HeaderData {\n        this._data.text = this._element.innerHTML;\n        this._data.level = this.currentLevel.number;\n        this._data.textAlign = this.currentAlignment.name;\n\n        return this._data;\n    }\n\n    /**\n     * Store data in plugin:\n     * - at the this._data property\n     * - at the HTML\n     *\n     * @param {HeaderData} data — data to set\n     * @private\n     */\n    set data(data: HeaderData) {\n        this._data = this.normalizeData(data);\n\n        /**\n         * If level is set and block in DOM\n         * then replace it to a new block\n         */\n        if (data.level !== undefined && this._element.parentNode) {\n            /**\n             * Create a new tag\n             *\n             * @type {HTMLHeadingElement}\n             */\n            const newHeader = this.getTag();\n\n            /**\n             * Save Block's content\n             */\n            newHeader.innerHTML = this._element.innerHTML;\n\n            /**\n             * Replace blocks\n             */\n            this._element.parentNode.replaceChild(newHeader, this._element);\n\n            /**\n             * Save new block to private variable\n             *\n             * @type {HTMLHeadingElement}\n             * @private\n             */\n            this._element = newHeader;\n        }\n\n        /**\n         * If data.text was passed then update block's content\n         */\n        if (data.text !== undefined) {\n            this._element.innerHTML = this._data.text || \"\";\n        }\n    }\n\n    /**\n     * Get tag for target level\n     * By default returns second-leveled header\n     *\n     * @returns {HTMLElement}\n     */\n    getTag() {\n        /**\n         * Create element for current Block's level\n         */\n        const tag = document.createElement(this.currentLevel.tag);\n\n        /**\n         * Add text to block\n         */\n        tag.innerHTML = this._data.text || \"\";\n\n        /**\n         * Add styles class from typography\n         */\n        if (this.typography) {\n            const component = this.currentLevel.tag.toLowerCase();\n            const typographyConfig = this.typography[component];\n            tag.classList.add(typographyConfig.className);\n        } else {\n            /**\n             * Add styles class\n             */\n            tag.classList.add(this._CSS.wrapper);\n        }\n\n        /**\n         * Add Alignment class\n         */\n        this.alignments.forEach(alignment => {\n            const textAlignClass = `ce-header-text--${alignment.name}`;\n            if (alignment.name === this._data.textAlign) {\n                tag.classList.add(textAlignClass);\n            } else {\n                tag.classList.remove(textAlignClass);\n            }\n        });\n\n        /**\n         * Make tag editable\n         */\n        tag.contentEditable = this.readOnly ? \"false\" : \"true\";\n\n        /**\n         * Add Placeholder\n         */\n        tag.dataset[\"placeholder\"] = this.api.i18n.t(this._settings.placeholder || \"\");\n\n        return tag;\n    }\n\n    /**\n     * Get current level\n     *\n     * @returns {level}\n     */\n    get currentLevel() {\n        let level = this.levels.find(levelItem => levelItem.number === this._data.level);\n\n        if (!level) {\n            level = this.defaultLevel;\n        }\n\n        return level;\n    }\n\n    /**\n     * Get current alignment\n     *\n     * @returns {alignment}\n     */\n    get currentAlignment() {\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     * Return default level\n     *\n     * @returns {level}\n     */\n    get defaultLevel() {\n        /**\n         * User can specify own default level value\n         */\n        if (this._settings.defaultLevel) {\n            const userSpecified = this.levels.find(levelItem => {\n                return levelItem.number === this._settings.defaultLevel;\n            });\n\n            if (userSpecified) {\n                return userSpecified;\n            } else {\n                console.warn(\n                    \"(ง'̀-'́)ง Heading Tool: the default level specified was not found in available levels\"\n                );\n            }\n        }\n\n        /**\n         * With no additional options, there will be H2 by default\n         *\n         * @type {level}\n         */\n        return this.levels[1];\n    }\n\n    /**\n     * @typedef {object} level\n     * @property {number} number - level number\n     * @property {string} tag - tag corresponds with level number\n     * @property {string} svg - icon\n     */\n\n    /**\n     * Available header levels\n     *\n     * @returns {level[]}\n     */\n    get levels() {\n        const availableLevels = [\n            {\n                number: 1,\n                tag: \"H1\",\n                svg: '<svg width=\"16\" height=\"14\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M2.14 1.494V4.98h4.62V1.494c0-.498.098-.871.293-1.12A.927.927 0 0 1 7.82 0c.322 0 .583.123.782.37.2.246.3.62.3 1.124v9.588c0 .503-.101.88-.303 1.128a.957.957 0 0 1-.779.374.921.921 0 0 1-.77-.378c-.193-.251-.29-.626-.29-1.124V6.989H2.14v4.093c0 .503-.1.88-.302 1.128a.957.957 0 0 1-.778.374.921.921 0 0 1-.772-.378C.096 11.955 0 11.58 0 11.082V1.494C0 .996.095.623.285.374A.922.922 0 0 1 1.06 0c.321 0 .582.123.782.37.199.246.299.62.299 1.124zm11.653 9.985V5.27c-1.279.887-2.14 1.33-2.583 1.33a.802.802 0 0 1-.563-.228.703.703 0 0 1-.245-.529c0-.232.08-.402.241-.511.161-.11.446-.25.854-.424.61-.259 1.096-.532 1.462-.818a5.84 5.84 0 0 0 .97-.962c.282-.355.466-.573.552-.655.085-.082.246-.123.483-.123.267 0 .481.093.642.28.161.186.242.443.242.77v7.813c0 .914-.345 1.371-1.035 1.371-.307 0-.554-.093-.74-.28-.187-.186-.28-.461-.28-.825z\"/></svg>'\n            },\n            {\n                number: 2,\n                tag: \"H2\",\n                svg: '<svg width=\"18\" height=\"14\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M2.152 1.494V4.98h4.646V1.494c0-.498.097-.871.293-1.12A.934.934 0 0 1 7.863 0c.324 0 .586.123.786.37.2.246.301.62.301 1.124v9.588c0 .503-.101.88-.304 1.128a.964.964 0 0 1-.783.374.928.928 0 0 1-.775-.378c-.194-.251-.29-.626-.29-1.124V6.989H2.152v4.093c0 .503-.101.88-.304 1.128a.964.964 0 0 1-.783.374.928.928 0 0 1-.775-.378C.097 11.955 0 11.58 0 11.082V1.494C0 .996.095.623.286.374A.929.929 0 0 1 1.066 0c.323 0 .585.123.786.37.2.246.3.62.3 1.124zm10.99 9.288h3.527c.351 0 .62.072.804.216.185.144.277.34.277.588 0 .22-.073.408-.22.56-.146.154-.368.23-.665.23h-4.972c-.338 0-.601-.093-.79-.28a.896.896 0 0 1-.284-.659c0-.162.06-.377.182-.645s.255-.478.399-.631a38.617 38.617 0 0 1 1.621-1.598c.482-.444.827-.735 1.034-.875.369-.261.676-.523.922-.787.245-.263.432-.534.56-.81.129-.278.193-.549.193-.815 0-.288-.069-.546-.206-.773a1.428 1.428 0 0 0-.56-.53 1.618 1.618 0 0 0-.774-.19c-.59 0-1.054.26-1.392.777-.045.068-.12.252-.226.554-.106.302-.225.534-.358.696-.133.162-.328.243-.585.243a.76.76 0 0 1-.56-.223c-.149-.148-.223-.351-.223-.608 0-.31.07-.635.21-.972.139-.338.347-.645.624-.92a3.093 3.093 0 0 1 1.054-.665c.426-.169.924-.253 1.496-.253.69 0 1.277.108 1.764.324.315.144.592.343.83.595.24.252.425.544.558.875.133.33.2.674.2 1.03 0 .558-.14 1.066-.416 1.523-.277.457-.56.815-.848 1.074-.288.26-.771.666-1.45 1.22-.677.554-1.142.984-1.394 1.29a3.836 3.836 0 0 0-.331.44z\"/></svg>'\n            },\n            {\n                number: 3,\n                tag: \"H3\",\n                svg: '<svg width=\"18\" height=\"14\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M2.152 1.494V4.98h4.646V1.494c0-.498.097-.871.293-1.12A.934.934 0 0 1 7.863 0c.324 0 .586.123.786.37.2.246.301.62.301 1.124v9.588c0 .503-.101.88-.304 1.128a.964.964 0 0 1-.783.374.928.928 0 0 1-.775-.378c-.194-.251-.29-.626-.29-1.124V6.989H2.152v4.093c0 .503-.101.88-.304 1.128a.964.964 0 0 1-.783.374.928.928 0 0 1-.775-.378C.097 11.955 0 11.58 0 11.082V1.494C0 .996.095.623.286.374A.929.929 0 0 1 1.066 0c.323 0 .585.123.786.37.2.246.3.62.3 1.124zm11.61 4.919c.418 0 .778-.123 1.08-.368.301-.245.452-.597.452-1.055 0-.35-.12-.65-.36-.902-.241-.252-.566-.378-.974-.378-.277 0-.505.038-.684.116a1.1 1.1 0 0 0-.426.306 2.31 2.31 0 0 0-.296.49c-.093.2-.178.388-.255.565a.479.479 0 0 1-.245.225.965.965 0 0 1-.409.081.706.706 0 0 1-.5-.22c-.152-.148-.228-.345-.228-.59 0-.236.071-.484.214-.745a2.72 2.72 0 0 1 .627-.746 3.149 3.149 0 0 1 1.024-.568 4.122 4.122 0 0 1 1.368-.214c.44 0 .842.06 1.205.18.364.12.679.294.947.52.267.228.47.49.606.79.136.3.204.622.204.967 0 .454-.099.843-.296 1.168-.198.324-.48.64-.848.95.354.19.653.408.895.653.243.245.426.516.548.813.123.298.184.619.184.964 0 .413-.083.812-.248 1.198-.166.386-.41.73-.732 1.031a3.49 3.49 0 0 1-1.147.708c-.443.17-.932.256-1.467.256a3.512 3.512 0 0 1-1.464-.293 3.332 3.332 0 0 1-1.699-1.64c-.142-.314-.214-.573-.214-.777 0-.263.085-.475.255-.636a.89.89 0 0 1 .637-.242c.127 0 .25.037.367.112a.53.53 0 0 1 .232.27c.236.63.489 1.099.759 1.405.27.306.65.46 1.14.46a1.714 1.714 0 0 0 1.46-.824c.17-.273.256-.588.256-.947 0-.53-.145-.947-.436-1.249-.29-.302-.694-.453-1.212-.453-.09 0-.231.01-.422.028-.19.018-.313.027-.367.027-.25 0-.443-.062-.579-.187-.136-.125-.204-.299-.204-.521 0-.218.081-.394.245-.528.163-.134.406-.2.728-.2h.28z\"/></svg>'\n            },\n            {\n                number: 4,\n                tag: \"H4\",\n                svg: '<svg width=\"20\" height=\"14\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M2.152 1.494V4.98h4.646V1.494c0-.498.097-.871.293-1.12A.934.934 0 0 1 7.863 0c.324 0 .586.123.786.37.2.246.301.62.301 1.124v9.588c0 .503-.101.88-.304 1.128a.964.964 0 0 1-.783.374.928.928 0 0 1-.775-.378c-.194-.251-.29-.626-.29-1.124V6.989H2.152v4.093c0 .503-.101.88-.304 1.128a.964.964 0 0 1-.783.374.928.928 0 0 1-.775-.378C.097 11.955 0 11.58 0 11.082V1.494C0 .996.095.623.286.374A.929.929 0 0 1 1.066 0c.323 0 .585.123.786.37.2.246.3.62.3 1.124zm13.003 10.09v-1.252h-3.38c-.427 0-.746-.097-.96-.29-.213-.193-.32-.456-.32-.788 0-.085.016-.171.048-.259.031-.088.078-.18.141-.276.063-.097.128-.19.195-.28.068-.09.15-.2.25-.33l3.568-4.774a5.44 5.44 0 0 1 .576-.683.763.763 0 0 1 .542-.212c.682 0 1.023.39 1.023 1.171v5.212h.29c.346 0 .623.047.832.142.208.094.313.3.313.62 0 .26-.086.45-.256.568-.17.12-.427.179-.768.179h-.41v1.252c0 .346-.077.603-.23.771-.152.168-.356.253-.612.253a.78.78 0 0 1-.61-.26c-.154-.173-.232-.427-.232-.764zm-2.895-2.76h2.895V4.91L12.26 8.823z\"/></svg>'\n            },\n            {\n                number: 5,\n                tag: \"H5\",\n                svg: '<svg width=\"18\" height=\"14\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M2.152 1.494V4.98h4.646V1.494c0-.498.097-.871.293-1.12A.934.934 0 0 1 7.863 0c.324 0 .586.123.786.37.2.246.301.62.301 1.124v9.588c0 .503-.101.88-.304 1.128a.964.964 0 0 1-.783.374.928.928 0 0 1-.775-.378c-.194-.251-.29-.626-.29-1.124V6.989H2.152v4.093c0 .503-.101.88-.304 1.128a.964.964 0 0 1-.783.374.928.928 0 0 1-.775-.378C.097 11.955 0 11.58 0 11.082V1.494C0 .996.095.623.286.374A.929.929 0 0 1 1.066 0c.323 0 .585.123.786.37.2.246.3.62.3 1.124zm14.16 2.645h-3.234l-.388 2.205c.644-.344 1.239-.517 1.783-.517.436 0 .843.082 1.222.245.38.164.712.39.998.677.286.289.51.63.674 1.025.163.395.245.82.245 1.273 0 .658-.148 1.257-.443 1.797-.295.54-.72.97-1.276 1.287-.556.318-1.197.477-1.923.477-.813 0-1.472-.15-1.978-.45-.506-.3-.865-.643-1.076-1.031-.21-.388-.316-.727-.316-1.018 0-.177.073-.345.22-.504a.725.725 0 0 1 .556-.238c.381 0 .665.22.85.66.182.404.427.719.736.943.309.225.654.337 1.035.337.35 0 .656-.09.919-.272.263-.182.466-.431.61-.749.142-.318.214-.678.214-1.082 0-.436-.078-.808-.232-1.117a1.607 1.607 0 0 0-.62-.69 1.674 1.674 0 0 0-.864-.229c-.39 0-.67.048-.837.143-.168.095-.41.262-.725.5-.316.239-.576.358-.78.358a.843.843 0 0 1-.592-.242c-.173-.16-.259-.344-.259-.548 0-.022.025-.177.075-.463l.572-3.26c.063-.39.181-.675.354-.852.172-.177.454-.265.844-.265h3.595c.708 0 1.062.27 1.062.81a.711.711 0 0 1-.26.572c-.172.145-.426.218-.762.218z\"/></svg>'\n            },\n            {\n                number: 6,\n                tag: \"H6\",\n                svg: '<svg width=\"18\" height=\"14\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M2.152 1.494V4.98h4.646V1.494c0-.498.097-.871.293-1.12A.934.934 0 0 1 7.863 0c.324 0 .586.123.786.37.2.246.301.62.301 1.124v9.588c0 .503-.101.88-.304 1.128a.964.964 0 0 1-.783.374.928.928 0 0 1-.775-.378c-.194-.251-.29-.626-.29-1.124V6.989H2.152v4.093c0 .503-.101.88-.304 1.128a.964.964 0 0 1-.783.374.928.928 0 0 1-.775-.378C.097 11.955 0 11.58 0 11.082V1.494C0 .996.095.623.286.374A.929.929 0 0 1 1.066 0c.323 0 .585.123.786.37.2.246.3.62.3 1.124zM12.53 7.058a3.093 3.093 0 0 1 1.004-.814 2.734 2.734 0 0 1 1.214-.264c.43 0 .827.08 1.19.24.365.161.684.39.957.686.274.296.485.645.635 1.048a3.6 3.6 0 0 1 .223 1.262c0 .637-.145 1.216-.437 1.736-.292.52-.699.926-1.221 1.218-.522.292-1.114.438-1.774.438-.76 0-1.416-.186-1.967-.557-.552-.37-.974-.919-1.265-1.645-.292-.726-.438-1.613-.438-2.662 0-.855.088-1.62.265-2.293.176-.674.43-1.233.76-1.676.33-.443.73-.778 1.2-1.004.47-.226 1.006-.339 1.608-.339.579 0 1.089.113 1.53.34.44.225.773.506.997.84.224.335.335.656.335.964 0 .185-.07.354-.21.505a.698.698 0 0 1-.536.227.874.874 0 0 1-.529-.18 1.039 1.039 0 0 1-.36-.498 1.42 1.42 0 0 0-.495-.655 1.3 1.3 0 0 0-.786-.247c-.24 0-.479.069-.716.207a1.863 1.863 0 0 0-.6.56c-.33.479-.525 1.333-.584 2.563zm1.832 4.213c.456 0 .834-.186 1.133-.56.298-.373.447-.862.447-1.468 0-.412-.07-.766-.21-1.062a1.584 1.584 0 0 0-.577-.678 1.47 1.47 0 0 0-.807-.234c-.28 0-.548.074-.804.224-.255.149-.461.365-.617.647a2.024 2.024 0 0 0-.234.994c0 .61.158 1.12.475 1.527.316.407.714.61 1.194.61z\"/></svg>'\n            }\n        ];\n\n        return this._settings.levels\n            ? availableLevels.filter(l => this._settings.levels.includes(l.number))\n            : availableLevels;\n    }\n\n    /**\n     * Handle H1-H6 tags on paste to substitute it with header Tool\n     *\n     * @param {HTMLPasteEvent} event - event with pasted content\n     */\n    onPaste(event: HTMLPasteEvent) {\n        const content = event.detail.data;\n\n        /**\n         * Define default level value\n         *\n         * @type {number}\n         */\n        let level = this.defaultLevel.number;\n\n        switch (content.tagName) {\n            case \"H1\":\n                level = 1;\n                break;\n            case \"H2\":\n                level = 2;\n                break;\n            case \"H3\":\n                level = 3;\n                break;\n            case \"H4\":\n                level = 4;\n                break;\n            case \"H5\":\n                level = 5;\n                break;\n            case \"H6\":\n                level = 6;\n                break;\n        }\n\n        if (this._settings.levels) {\n            // Fallback to nearest level when specified not available\n            level = this._settings.levels.reduce((prevLevel, currLevel) => {\n                return Math.abs(currLevel - level) < Math.abs(prevLevel - level)\n                    ? currLevel\n                    : prevLevel;\n            });\n        }\n\n        this.data = {\n            level,\n            text: content.innerHTML\n        };\n    }\n\n    /**\n     * Used by Editor.js paste handling API.\n     * Provides configuration to handle H1-H6 tags.\n     *\n     * @returns {{handler: (function(HTMLElement): {text: string}), tags: string[]}}\n     */\n    static get pasteConfig() {\n        return {\n            tags: [\"H1\", \"H2\", \"H3\", \"H4\", \"H5\", \"H6\"]\n        };\n    }\n\n    /**\n     * Get Tool toolbox settings\n     * icon - Tool icon's SVG\n     * title - title to show in toolbox\n     *\n     * @returns {{icon: string, title: string}}\n     */\n    static get toolbox() {\n        return {\n            icon:\n                '<svg width=\"10\" height=\"14\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 10 14\">\\n' +\n                '  <path d=\"M7.6 8.15H2.25v4.525a1.125 1.125 0 0 1-2.25 0V1.125a1.125 1.125 0 1 1 2.25 0V5.9H7.6V1.125a1.125 1.125 0 0 1 2.25 0v11.55a1.125 1.125 0 0 1-2.25 0V8.15z\"/>\\n' +\n                \"</svg>\",\n            title: \"Heading\"\n        };\n    }\n}\n\nexport default Header;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["_ui","_interopRequireDefault","require","_tunes","_svgs","defaultGetFileSrc","file","src","defaultOnSelectFile","ImageTool","exports","default","_ref","_this","data","config","api","readOnly","_classCallCheck2","getFileSrc","onSelectFile","actions","context","ui","Ui","showFileManager","image","tunes","Tunes","onChange","tuneName","tuneToggled","_data","_createClass2","key","value","render","save","caption","nodes","innerHTML","renderSettings","get","set","_this2","fillCaption","forEach","_ref2","name","tune","initialValue","setTune","fillImage","_this3","applyTune","Promise","resolve","then","blockId","blocks","getCurrentBlockIndex","stretchBlock","catch","err","console","error","isReadOnly","icon","svgs","toolbox","title"],"sources":["index.ts"],"sourcesContent":["import { API } from \"@editorjs/editorjs\";\nimport Ui from \"./ui\";\nimport Tunes from \"./tunes\";\nimport svgs from \"./svgs\";\nimport { Tune } from \"./types\";\n\ninterface File {\n    src: string;\n}\ninterface GetFileSourceCallable {\n    (file: File | string): string;\n}\nconst defaultGetFileSrc: GetFileSourceCallable = file => {\n    if (typeof file === \"string\") {\n        return file;\n    }\n\n    return file.src;\n};\ninterface OnSelectFileCallable {\n    (file: File): string;\n}\nconst defaultOnSelectFile: OnSelectFileCallable = file => {\n    return file.src;\n};\n\ninterface ImageToolData {\n    caption: string;\n    file: string;\n}\ninterface ImageToolParams {\n    data: ImageToolData;\n    config: Config;\n    api: API;\n    readOnly: boolean;\n}\ninterface Config {\n    getFileSrc: GetFileSourceCallable;\n    onSelectFile: OnSelectFileCallable;\n    actions: Tune[];\n    context: {\n        showFileManager: (cb: (file: File) => void) => void;\n    };\n}\nexport default class ImageTool {\n    private readonly api: API;\n    private readonly readOnly: boolean;\n    private readonly config: Config;\n    private readonly tunes: Tunes;\n    private readonly ui: Ui;\n    private readonly _data: any;\n\n    /**\n     * Notify core that read-only mode is supported\n     *\n     * @returns {boolean}\n     */\n    static get isReadOnlySupported() {\n        return true;\n    }\n\n    /**\n     * Get Tool toolbox settings\n     * icon - Tool icon's SVG\n     * title - title to show in toolbox\n     *\n     * @returns {{icon: string, title: string}}\n     */\n    static get toolbox() {\n        return {\n            icon: svgs.toolbox,\n            title: \"Image\"\n        };\n    }\n\n    constructor({ data, config, api, readOnly }: ImageToolParams) {\n        this.api = api;\n        this.readOnly = readOnly;\n\n        this.config = {\n            getFileSrc: config.getFileSrc || defaultGetFileSrc,\n            onSelectFile: config.onSelectFile || defaultOnSelectFile,\n            actions: config.actions || [],\n            context: config.context\n        };\n\n        /**\n         * Module for working with UI\n         */\n        this.ui = new Ui({\n            api,\n            config: this.config,\n            onSelectFile: () => {\n                this.config.context.showFileManager((file: File) => {\n                    this.image = this.config.onSelectFile(file);\n                });\n            },\n            readOnly\n        });\n\n        /**\n         * Module for working with tunes\n         */\n        this.tunes = new Tunes({\n            api,\n            actions: this.config.actions,\n            onChange: (tuneName: string) => this.tuneToggled(tuneName)\n        });\n\n        /**\n         * Set saved state\n         */\n        this._data = {};\n        this.data = data;\n    }\n\n    /**\n     * Renders Block content\n     *\n     * @public\n     *\n     * @returns {HTMLDivElement}\n     */\n    render() {\n        return this.ui.render(this.data);\n    }\n\n    /**\n     * Return Block data\n     *\n     * @public\n     *\n     * @returns {ImageToolData}\n     */\n    save() {\n        const caption = this.ui.nodes.caption;\n\n        this._data.caption = caption.innerHTML;\n\n        return this.data;\n    }\n\n    /**\n     * Makes buttons with tunes: stretch image\n     *\n     * @public\n     *\n     * @returns {Element}\n     */\n    renderSettings() {\n        return this.tunes.render(this.data);\n    }\n\n    /**\n     * Stores all Tool's data\n     *\n     * @private\n     *\n     * @param {ImageToolData} data - data in Image Tool format\n     */\n    set data(data) {\n        this.image = data.file;\n\n        this._data.caption = data.caption || \"\";\n        this.ui.fillCaption(this._data.caption);\n\n        Tunes.tunes.forEach(({ name }) => {\n            const tune = name as keyof ImageToolData;\n\n            const initialValue = data[tune] as unknown as string | boolean;\n\n            const value = initialValue === true || initialValue === \"true\";\n\n            this.setTune(tune, value);\n        });\n    }\n\n    /**\n     * Return Tool data\n     *\n     * @private\n     *\n     * @returns {ImageToolData}\n     */\n    get data(): ImageToolData {\n        return this._data;\n    }\n\n    /**\n     * Set new image file\n     *\n     * @private\n     *\n     * @param {object} file - uploaded file data\n     */\n    set image(file: File | string) {\n        this._data.file = file || {};\n\n        if (file) {\n            this.ui.fillImage(this.config.getFileSrc(file));\n        }\n    }\n\n    /**\n     * Callback fired when Block Tune is activated\n     *\n     * @private\n     *\n     * @param {string} tuneName - tune that has been clicked\n     * @returns {void}\n     */\n    public tuneToggled(tuneName: string): void {\n        // inverse tune state\n        this.setTune(tuneName, !this._data[tuneName]);\n    }\n\n    /**\n     * Set one tune\n     *\n     * @param {string} tuneName - {@link Tunes.tunes}\n     * @param {boolean} value - tune state\n     * @returns {void}\n     */\n    public setTune(tuneName: string, value: boolean): void {\n        this._data[tuneName] = value;\n\n        this.ui.applyTune(tuneName, value);\n\n        if (tuneName === \"stretched\") {\n            /**\n             * Wait until the API is ready\n             */\n            Promise.resolve()\n                .then(() => {\n                    const blockId = this.api.blocks.getCurrentBlockIndex();\n\n                    this.api.blocks.stretchBlock(blockId, value);\n                })\n                .catch(err => {\n                    console.error(err);\n                });\n        }\n    }\n\n    public isReadOnly(): boolean {\n        return this.readOnly;\n    }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_ui","_interopRequireDefault","require","_tunes","_svgs","defaultGetFileSrc","file","src","defaultOnSelectFile","ImageTool","exports","default","_ref","_this","data","config","api","readOnly","_classCallCheck2","getFileSrc","onSelectFile","actions","context","ui","Ui","showFileManager","image","tunes","Tunes","onChange","tuneName","tuneToggled","_data","_createClass2","key","value","render","save","caption","nodes","innerHTML","renderSettings","get","set","_this2","fillCaption","forEach","_ref2","name","tune","initialValue","setTune","fillImage","_this3","applyTune","Promise","resolve","then","blockId","blocks","getCurrentBlockIndex","stretchBlock","catch","err","console","error","isReadOnly","icon","svgs","toolbox","title"],"sources":["index.ts"],"sourcesContent":["import { API } from \"@editorjs/editorjs\";\nimport Ui from \"./ui\";\nimport Tunes from \"./tunes\";\nimport svgs from \"./svgs\";\nimport { Tune } from \"./types\";\n\ninterface File {\n    src: string;\n}\ninterface GetFileSourceCallable {\n    (file: File | string): string;\n}\nconst defaultGetFileSrc: GetFileSourceCallable = file => {\n    if (typeof file === \"string\") {\n        return file;\n    }\n\n    return file.src;\n};\ninterface OnSelectFileCallable {\n    (file: File): string;\n}\nconst defaultOnSelectFile: OnSelectFileCallable = file => {\n    return file.src;\n};\n\ninterface ImageToolData {\n    caption: string;\n    file: string;\n}\ninterface ImageToolParams {\n    data: ImageToolData;\n    config: Config;\n    api: API;\n    readOnly: boolean;\n}\ninterface Config {\n    getFileSrc: GetFileSourceCallable;\n    onSelectFile: OnSelectFileCallable;\n    actions: Tune[];\n    context: {\n        showFileManager: (cb: (file: File) => void) => void;\n    };\n}\nexport default class ImageTool {\n    private readonly api: API;\n    private readonly readOnly: boolean;\n    private readonly config: Config;\n    private readonly tunes: Tunes;\n    private readonly ui: Ui;\n    private readonly _data: any;\n\n    /**\n     * Notify core that read-only mode is supported\n     *\n     * @returns {boolean}\n     */\n    static get isReadOnlySupported() {\n        return true;\n    }\n\n    /**\n     * Get Tool toolbox settings\n     * icon - Tool icon's SVG\n     * title - title to show in toolbox\n     *\n     * @returns {{icon: string, title: string}}\n     */\n    static get toolbox() {\n        return {\n            icon: svgs.toolbox,\n            title: \"Image\"\n        };\n    }\n\n    constructor({ data, config, api, readOnly }: ImageToolParams) {\n        this.api = api;\n        this.readOnly = readOnly;\n\n        this.config = {\n            getFileSrc: config.getFileSrc || defaultGetFileSrc,\n            onSelectFile: config.onSelectFile || defaultOnSelectFile,\n            actions: config.actions || [],\n            context: config.context\n        };\n\n        /**\n         * Module for working with UI\n         */\n        this.ui = new Ui({\n            api,\n            config: this.config,\n            onSelectFile: () => {\n                this.config.context.showFileManager((file: File) => {\n                    this.image = this.config.onSelectFile(file);\n                });\n            },\n            readOnly\n        });\n\n        /**\n         * Module for working with tunes\n         */\n        this.tunes = new Tunes({\n            api,\n            actions: this.config.actions,\n            onChange: (tuneName: string) => this.tuneToggled(tuneName)\n        });\n\n        /**\n         * Set saved state\n         */\n        this._data = {};\n        this.data = data;\n    }\n\n    /**\n     * Renders Block content\n     *\n     * @public\n     *\n     * @returns {HTMLDivElement}\n     */\n    render() {\n        return this.ui.render(this.data);\n    }\n\n    /**\n     * Return Block data\n     *\n     * @public\n     *\n     * @returns {ImageToolData}\n     */\n    save() {\n        const caption = this.ui.nodes.caption;\n\n        this._data.caption = caption.innerHTML;\n\n        return this.data;\n    }\n\n    /**\n     * Makes buttons with tunes: stretch image\n     *\n     * @public\n     *\n     * @returns {Element}\n     */\n    renderSettings() {\n        return this.tunes.render(this.data);\n    }\n\n    /**\n     * Stores all Tool's data\n     *\n     * @private\n     *\n     * @param {ImageToolData} data - data in Image Tool format\n     */\n    set data(data) {\n        this.image = data.file;\n\n        this._data.caption = data.caption || \"\";\n        this.ui.fillCaption(this._data.caption);\n\n        Tunes.tunes.forEach(({ name }) => {\n            const tune = name as keyof ImageToolData;\n\n            const initialValue = data[tune] as unknown as string | boolean;\n\n            const value = initialValue === true || initialValue === \"true\";\n\n            this.setTune(tune, value);\n        });\n    }\n\n    /**\n     * Return Tool data\n     *\n     * @private\n     *\n     * @returns {ImageToolData}\n     */\n    get data(): ImageToolData {\n        return this._data;\n    }\n\n    /**\n     * Set new image file\n     *\n     * @private\n     *\n     * @param {object} file - uploaded file data\n     */\n    set image(file: File | string) {\n        this._data.file = file || {};\n\n        if (file) {\n            this.ui.fillImage(this.config.getFileSrc(file));\n        }\n    }\n\n    /**\n     * Callback fired when Block Tune is activated\n     *\n     * @private\n     *\n     * @param {string} tuneName - tune that has been clicked\n     * @returns {void}\n     */\n    public tuneToggled(tuneName: string): void {\n        // inverse tune state\n        this.setTune(tuneName, !this._data[tuneName]);\n    }\n\n    /**\n     * Set one tune\n     *\n     * @param {string} tuneName - {@link Tunes.tunes}\n     * @param {boolean} value - tune state\n     * @returns {void}\n     */\n    public setTune(tuneName: string, value: boolean): void {\n        this._data[tuneName] = value;\n\n        this.ui.applyTune(tuneName, value);\n\n        if (tuneName === \"stretched\") {\n            /**\n             * Wait until the API is ready\n             */\n            Promise.resolve()\n                .then(() => {\n                    const blockId = this.api.blocks.getCurrentBlockIndex();\n\n                    this.api.blocks.stretchBlock(blockId, value);\n                })\n                .catch(err => {\n                    console.error(err);\n                });\n        }\n    }\n\n    public isReadOnly(): boolean {\n        return this.readOnly;\n    }\n}\n"],"mappings":";;;;;;;;;AACA,IAAAA,GAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,KAAA,GAAAH,sBAAA,CAAAC,OAAA;AASA,IAAMG,iBAAwC,GAAG,SAA3CA,iBAAwCA,CAAGC,IAAI,EAAI;EACrD,IAAI,OAAOA,IAAI,KAAK,QAAQ,EAAE;IAC1B,OAAOA,IAAI;EACf;EAEA,OAAOA,IAAI,CAACC,GAAG;AACnB,CAAC;AAID,IAAMC,mBAAyC,GAAG,SAA5CA,mBAAyCA,CAAGF,IAAI,EAAI;EACtD,OAAOA,IAAI,CAACC,GAAG;AACnB,CAAC;AAAC,IAoBmBE,SAAS,GAAAC,OAAA,CAAAC,OAAA;EA+B1B,SAAAF,UAAAG,IAAA,EAA8D;IAAA,IAAAC,KAAA;IAAA,IAAhDC,IAAI,GAAAF,IAAA,CAAJE,IAAI;MAAEC,MAAM,GAAAH,IAAA,CAANG,MAAM;MAAEC,GAAG,GAAAJ,IAAA,CAAHI,GAAG;MAAEC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IAAA,IAAAC,gBAAA,CAAAP,OAAA,QAAAF,SAAA;IACrC,IAAI,CAACO,GAAG,GAAGA,GAAG;IACd,IAAI,CAACC,QAAQ,GAAGA,QAAQ;IAExB,IAAI,CAACF,MAAM,GAAG;MACVI,UAAU,EAAEJ,MAAM,CAACI,UAAU,IAAId,iBAAiB;MAClDe,YAAY,EAAEL,MAAM,CAACK,YAAY,IAAIZ,mBAAmB;MACxDa,OAAO,EAAEN,MAAM,CAACM,OAAO,IAAI,EAAE;MAC7BC,OAAO,EAAEP,MAAM,CAACO;IACpB,CAAC;;IAED;AACR;AACA;IACQ,IAAI,CAACC,EAAE,GAAG,IAAIC,WAAE,CAAC;MACbR,GAAG,EAAHA,GAAG;MACHD,MAAM,EAAE,IAAI,CAACA,MAAM;MACnBK,YAAY,EAAE,SAAdA,YAAYA,CAAA,EAAQ;QAChBP,KAAI,CAACE,MAAM,CAACO,OAAO,CAACG,eAAe,CAAC,UAACnB,IAAU,EAAK;UAChDO,KAAI,CAACa,KAAK,GAAGb,KAAI,CAACE,MAAM,CAACK,YAAY,CAACd,IAAI,CAAC;QAC/C,CAAC,CAAC;MACN,CAAC;MACDW,QAAQ,EAARA;IACJ,CAAC,CAAC;;IAEF;AACR;AACA;IACQ,IAAI,CAACU,KAAK,GAAG,IAAIC,cAAK,CAAC;MACnBZ,GAAG,EAAHA,GAAG;MACHK,OAAO,EAAE,IAAI,CAACN,MAAM,CAACM,OAAO;MAC5BQ,QAAQ,EAAE,SAAVA,QAAQA,CAAGC,QAAgB;QAAA,OAAKjB,KAAI,CAACkB,WAAW,CAACD,QAAQ,CAAC;MAAA;IAC9D,CAAC,CAAC;;IAEF;AACR;AACA;IACQ,IAAI,CAACE,KAAK,GAAG,CAAC,CAAC;IACf,IAAI,CAAClB,IAAI,GAAGA,IAAI;EACpB;;EAEA;AACJ;AACA;AACA;AACA;AACA;AACA;EANI,WAAAmB,aAAA,CAAAtB,OAAA,EAAAF,SAAA;IAAAyB,GAAA;IAAAC,KAAA,EAOA,SAAAC,MAAMA,CAAA,EAAG;MACL,OAAO,IAAI,CAACb,EAAE,CAACa,MAAM,CAAC,IAAI,CAACtB,IAAI,CAAC;IACpC;;IAEA;AACJ;AACA;AACA;AACA;AACA;AACA;EANI;IAAAoB,GAAA;IAAAC,KAAA,EAOA,SAAAE,IAAIA,CAAA,EAAG;MACH,IAAMC,OAAO,GAAG,IAAI,CAACf,EAAE,CAACgB,KAAK,CAACD,OAAO;MAErC,IAAI,CAACN,KAAK,CAACM,OAAO,GAAGA,OAAO,CAACE,SAAS;MAEtC,OAAO,IAAI,CAAC1B,IAAI;IACpB;;IAEA;AACJ;AACA;AACA;AACA;AACA;AACA;EANI;IAAAoB,GAAA;IAAAC,KAAA,EAOA,SAAAM,cAAcA,CAAA,EAAG;MACb,OAAO,IAAI,CAACd,KAAK,CAACS,MAAM,CAAC,IAAI,CAACtB,IAAI,CAAC;IACvC;;IAEA;AACJ;AACA;AACA;AACA;AACA;AACA;EANI;IAAAoB,GAAA;IAAAQ,GAAA;IAwBA;AACJ;AACA;AACA;AACA;AACA;AACA;IACI,SAAAA,IAAA,EAA0B;MACtB,OAAO,IAAI,CAACV,KAAK;IACrB;;IAEA;AACJ;AACA;AACA;AACA;AACA;AACA,OANI;IAAAW,GAAA,EA5BA,SAAAA,IAAS7B,IAAI,EAAE;MAAA,IAAA8B,MAAA;MACX,IAAI,CAAClB,KAAK,GAAGZ,IAAI,CAACR,IAAI;MAEtB,IAAI,CAAC0B,KAAK,CAACM,OAAO,GAAGxB,IAAI,CAACwB,OAAO,IAAI,EAAE;MACvC,IAAI,CAACf,EAAE,CAACsB,WAAW,CAAC,IAAI,CAACb,KAAK,CAACM,OAAO,CAAC;MAEvCV,cAAK,CAACD,KAAK,CAACmB,OAAO,CAAC,UAAAC,KAAA,EAAc;QAAA,IAAXC,IAAI,GAAAD,KAAA,CAAJC,IAAI;QACvB,IAAMC,IAAI,GAAGD,IAA2B;QAExC,IAAME,YAAY,GAAGpC,IAAI,CAACmC,IAAI,CAAgC;QAE9D,IAAMd,KAAK,GAAGe,YAAY,KAAK,IAAI,IAAIA,YAAY,KAAK,MAAM;QAE9DN,MAAI,CAACO,OAAO,CAACF,IAAI,EAAEd,KAAK,CAAC;MAC7B,CAAC,CAAC;IACN;EAAC;IAAAD,GAAA;IAAAS,GAAA,EAoBD,SAAAA,IAAUrC,IAAmB,EAAE;MAC3B,IAAI,CAAC0B,KAAK,CAAC1B,IAAI,GAAGA,IAAI,IAAI,CAAC,CAAC;MAE5B,IAAIA,IAAI,EAAE;QACN,IAAI,CAACiB,EAAE,CAAC6B,SAAS,CAAC,IAAI,CAACrC,MAAM,CAACI,UAAU,CAACb,IAAI,CAAC,CAAC;MACnD;IACJ;;IAEA;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;EAPI;IAAA4B,GAAA;IAAAC,KAAA,EAQA,SAAOJ,WAAWA,CAACD,QAAgB,EAAQ;MACvC;MACA,IAAI,CAACqB,OAAO,CAACrB,QAAQ,EAAE,CAAC,IAAI,CAACE,KAAK,CAACF,QAAQ,CAAC,CAAC;IACjD;;IAEA;AACJ;AACA;AACA;AACA;AACA;AACA;EANI;IAAAI,GAAA;IAAAC,KAAA,EAOA,SAAOgB,OAAOA,CAACrB,QAAgB,EAAEK,KAAc,EAAQ;MAAA,IAAAkB,MAAA;MACnD,IAAI,CAACrB,KAAK,CAACF,QAAQ,CAAC,GAAGK,KAAK;MAE5B,IAAI,CAACZ,EAAE,CAAC+B,SAAS,CAACxB,QAAQ,EAAEK,KAAK,CAAC;MAElC,IAAIL,QAAQ,KAAK,WAAW,EAAE;QAC1B;AACZ;AACA;QACYyB,OAAO,CAACC,OAAO,CAAC,CAAC,CACZC,IAAI,CAAC,YAAM;UACR,IAAMC,OAAO,GAAGL,MAAI,CAACrC,GAAG,CAAC2C,MAAM,CAACC,oBAAoB,CAAC,CAAC;UAEtDP,MAAI,CAACrC,GAAG,CAAC2C,MAAM,CAACE,YAAY,CAACH,OAAO,EAAEvB,KAAK,CAAC;QAChD,CAAC,CAAC,CACD2B,KAAK,CAAC,UAAAC,GAAG,EAAI;UACVC,OAAO,CAACC,KAAK,CAACF,GAAG,CAAC;QACtB,CAAC,CAAC;MACV;IACJ;EAAC;IAAA7B,GAAA;IAAAC,KAAA,EAED,SAAO+B,UAAUA,CAAA,EAAY;MACzB,OAAO,IAAI,CAACjD,QAAQ;IACxB;EAAC;IAAAiB,GAAA;IAAAQ,GAAA;IAlMD;AACJ;AACA;AACA;AACA;IACI,SAAAA,IAAA,EAAiC;MAC7B,OAAO,IAAI;IACf;;IAEA;AACJ;AACA;AACA;AACA;AACA;AACA;EANI;IAAAR,GAAA;IAAAQ,GAAA,EAOA,SAAAA,IAAA,EAAqB;MACjB,OAAO;QACHyB,IAAI,EAAEC,aAAI,CAACC,OAAO;QAClBC,KAAK,EAAE;MACX,CAAC;IACL;EAAC;AAAA","ignoreList":[]}

package/components/RichTextEditor/tools/image/tunes.js.map

@@ -1 +1 @@
-{"version":3,"names":["_ui","require","_svgs","_interopRequireDefault","Tunes","exports","default","_ref","api","actions","onChange","_classCallCheck2","buttons","_createClass2","key","get","wrapper","buttonBase","styles","settingsButton","button","buttonActive","settingsButtonActive","value","render","toolData","_this","make","CSS","tunes","concat","forEach","tune","title","i18n","t","el","innerHTML","icon","addEventListener","tuneClicked","name","action","dataset","classList","toggle","push","tooltip","onHover","placement","appendChild","tuneName","customFunction","find","contains","svgs","stretched"],"sources":["tunes.ts"],"sourcesContent":["import { API } from \"@editorjs/editorjs\";\nimport { make } from \"./ui\";\nimport svgs from \"./svgs\";\nimport { ImageToolData, Tune, TuneOnChangeCallable } from \"./types\";\n\ninterface TunesParams {\n    api: API;\n    actions: Tune[];\n    onChange: TuneOnChangeCallable;\n}\n/**\n * Working with Block Tunes\n */\nexport default class Tunes {\n    private api: API;\n    private readonly actions: Tune[];\n    private readonly onChange: TuneOnChangeCallable;\n    private buttons: Array<HTMLElement>;\n    /**\n     * @param {object} tune - image tool Tunes managers\n     * @param {object} tune.api - Editor API\n     * @param {object} tune.actions - list of user defined tunes\n     * @param {Function} tune.onChange - tune toggling callback\n     */\n    constructor({ api, actions, onChange }: TunesParams) {\n        this.api = api;\n        this.actions = actions;\n        this.onChange = onChange;\n        this.buttons = [];\n    }\n\n    /**\n     * Available Image tunes\n     *\n     * @returns {{name: string, icon: string, title: string}[]}\n     */\n    static get tunes(): Tune[] {\n        return [\n            {\n                name: \"stretched\",\n                icon: svgs.stretched,\n                title: \"Stretch image\"\n            }\n        ];\n    }\n\n    /**\n     * Styles\n     *\n     * @returns {{wrapper: string, buttonBase: *, button: string, buttonActive: *}}\n     */\n    get CSS() {\n        return {\n            wrapper: \"\",\n            buttonBase: this.api.styles.settingsButton,\n            button: \"image-tool__tune\",\n            buttonActive: this.api.styles.settingsButtonActive\n        };\n    }\n\n    /**\n     * Makes buttons with tunes: stretch image\n     *\n     * @param {ImageToolData} toolData - generate Elements of tunes\n     * @returns {Element}\n     */\n    render(toolData: ImageToolData): HTMLElement {\n        const wrapper = make(\"div\", this.CSS.wrapper);\n\n        this.buttons = [];\n\n        const tunes = Tunes.tunes.concat(this.actions);\n\n        tunes.forEach(tune => {\n            const title = this.api.i18n.t(tune.title);\n            const el = make(\"div\", [this.CSS.buttonBase, this.CSS.button], {\n                innerHTML: tune.icon,\n                title\n            });\n\n            el.addEventListener(\"click\", () => {\n                this.tuneClicked(tune.name, tune.action);\n            });\n\n            el.dataset[\"tune\"] = tune.name;\n            const name = tune.name as keyof ImageToolData;\n            el.classList.toggle(this.CSS.buttonActive, !!toolData[name]);\n\n            this.buttons.push(el);\n\n            this.api.tooltip.onHover(el, title, {\n                placement: \"top\"\n            });\n\n            wrapper.appendChild(el);\n        });\n\n        return wrapper;\n    }\n\n    /**\n     * Clicks to one of the tunes\n     *\n     * @param {string} tuneName - clicked tune name\n     * @param {Function} customFunction - function to execute on click\n     */\n    tuneClicked(tuneName: string, customFunction?: TuneOnChangeCallable): boolean {\n        if (typeof customFunction === \"function\") {\n            if (!customFunction(tuneName)) {\n                return false;\n            }\n        }\n\n        const button = this.buttons.find(el => el.dataset[\"tune\"] === tuneName);\n\n        if (button) {\n            button.classList.toggle(\n                this.CSS.buttonActive,\n                !button.classList.contains(this.CSS.buttonActive)\n            );\n        }\n\n        this.onChange(tuneName);\n        return true;\n    }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_ui","require","_svgs","_interopRequireDefault","Tunes","exports","default","_ref","api","actions","onChange","_classCallCheck2","buttons","_createClass2","key","get","wrapper","buttonBase","styles","settingsButton","button","buttonActive","settingsButtonActive","value","render","toolData","_this","make","CSS","tunes","concat","forEach","tune","title","i18n","t","el","innerHTML","icon","addEventListener","tuneClicked","name","action","dataset","classList","toggle","push","tooltip","onHover","placement","appendChild","tuneName","customFunction","find","contains","svgs","stretched"],"sources":["tunes.ts"],"sourcesContent":["import { API } from \"@editorjs/editorjs\";\nimport { make } from \"./ui\";\nimport svgs from \"./svgs\";\nimport { ImageToolData, Tune, TuneOnChangeCallable } from \"./types\";\n\ninterface TunesParams {\n    api: API;\n    actions: Tune[];\n    onChange: TuneOnChangeCallable;\n}\n/**\n * Working with Block Tunes\n */\nexport default class Tunes {\n    private api: API;\n    private readonly actions: Tune[];\n    private readonly onChange: TuneOnChangeCallable;\n    private buttons: Array<HTMLElement>;\n    /**\n     * @param {object} tune - image tool Tunes managers\n     * @param {object} tune.api - Editor API\n     * @param {object} tune.actions - list of user defined tunes\n     * @param {Function} tune.onChange - tune toggling callback\n     */\n    constructor({ api, actions, onChange }: TunesParams) {\n        this.api = api;\n        this.actions = actions;\n        this.onChange = onChange;\n        this.buttons = [];\n    }\n\n    /**\n     * Available Image tunes\n     *\n     * @returns {{name: string, icon: string, title: string}[]}\n     */\n    static get tunes(): Tune[] {\n        return [\n            {\n                name: \"stretched\",\n                icon: svgs.stretched,\n                title: \"Stretch image\"\n            }\n        ];\n    }\n\n    /**\n     * Styles\n     *\n     * @returns {{wrapper: string, buttonBase: *, button: string, buttonActive: *}}\n     */\n    get CSS() {\n        return {\n            wrapper: \"\",\n            buttonBase: this.api.styles.settingsButton,\n            button: \"image-tool__tune\",\n            buttonActive: this.api.styles.settingsButtonActive\n        };\n    }\n\n    /**\n     * Makes buttons with tunes: stretch image\n     *\n     * @param {ImageToolData} toolData - generate Elements of tunes\n     * @returns {Element}\n     */\n    render(toolData: ImageToolData): HTMLElement {\n        const wrapper = make(\"div\", this.CSS.wrapper);\n\n        this.buttons = [];\n\n        const tunes = Tunes.tunes.concat(this.actions);\n\n        tunes.forEach(tune => {\n            const title = this.api.i18n.t(tune.title);\n            const el = make(\"div\", [this.CSS.buttonBase, this.CSS.button], {\n                innerHTML: tune.icon,\n                title\n            });\n\n            el.addEventListener(\"click\", () => {\n                this.tuneClicked(tune.name, tune.action);\n            });\n\n            el.dataset[\"tune\"] = tune.name;\n            const name = tune.name as keyof ImageToolData;\n            el.classList.toggle(this.CSS.buttonActive, !!toolData[name]);\n\n            this.buttons.push(el);\n\n            this.api.tooltip.onHover(el, title, {\n                placement: \"top\"\n            });\n\n            wrapper.appendChild(el);\n        });\n\n        return wrapper;\n    }\n\n    /**\n     * Clicks to one of the tunes\n     *\n     * @param {string} tuneName - clicked tune name\n     * @param {Function} customFunction - function to execute on click\n     */\n    tuneClicked(tuneName: string, customFunction?: TuneOnChangeCallable): boolean {\n        if (typeof customFunction === \"function\") {\n            if (!customFunction(tuneName)) {\n                return false;\n            }\n        }\n\n        const button = this.buttons.find(el => el.dataset[\"tune\"] === tuneName);\n\n        if (button) {\n            button.classList.toggle(\n                this.CSS.buttonActive,\n                !button.classList.contains(this.CSS.buttonActive)\n            );\n        }\n\n        this.onChange(tuneName);\n        return true;\n    }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/RichTextEditor/tools/image/ui.js.map

@@ -1 +1 @@
-{"version":3,"names":["Ui","exports","default","_ref","api","config","onSelectFile","readOnly","_classCallCheck2","nodes","wrapper","make","CSS","baseClass","imageContainer","fileButton","createFileButton","imageEl","undefined","caption","input","contentEditable","dataset","captionPlaceholder","appendChild","_createClass2","key","get","styles","block","button","value","render","toolData","file","Object","keys","length","toggleStatus","status","EMPTY","_this","innerHTML","i18n","t","addEventListener","fillImage","url","_this2","tag","test","attributes","src","eventName","autoplay","loop","muted","playsinline","FILLED","fillCaption","text","statusType","prototype","hasOwnProperty","call","newStatus","classList","toggle","concat","applyTune","tuneName","tagName","classNames","arguments","element","document","createElement","Array","isArray","_element$classList","add","apply","_toConsumableArray2","attrName"],"sources":["ui.ts"],"sourcesContent":["import { API } from \"@editorjs/editorjs\";\nimport { ImageToolConfig, ImageToolData } from \"./types\";\n\ninterface OnSelectFileCallable {\n    (): void;\n}\ninterface UiStatus {\n    EMPTY: \"empty\";\n    FILLED: \"filled\";\n    [key: string]: string;\n}\ninterface UiParams {\n    api: API;\n    config: ImageToolConfig;\n    onSelectFile: OnSelectFileCallable;\n    readOnly: boolean;\n}\n/**\n * Class for working with UI:\n *  - rendering base structure\n *  - show/hide preview\n *  - apply tune view\n */\nexport default class Ui {\n    private api: API;\n    private config: ImageToolConfig;\n    private readonly readOnly: boolean;\n    private readonly onSelectFile: OnSelectFileCallable;\n\n    public readonly nodes: {\n        wrapper: HTMLElement;\n        imageContainer: HTMLElement;\n        fileButton: HTMLElement;\n        imageEl?: HTMLElement;\n        caption: HTMLElement;\n    };\n\n    /**\n     * @param ui - image tool Ui module\n     * @param ui.api - Editor.js API\n     * @param ui.config - user config\n     * @param ui.onSelectFile - callback for clicks on Select file button\n     * @param ui.readOnly - read-only mode flag\n     */\n    constructor({ api, config, onSelectFile, readOnly }: UiParams) {\n        this.api = api;\n        this.config = config;\n        this.onSelectFile = onSelectFile;\n        this.readOnly = readOnly;\n        this.nodes = {\n            wrapper: make(\"div\", [this.CSS.baseClass, this.CSS.wrapper]),\n            imageContainer: make(\"div\", [this.CSS.imageContainer]),\n            fileButton: this.createFileButton(),\n            imageEl: undefined,\n            caption: make(\"div\", [this.CSS.input, this.CSS.caption], {\n                contentEditable: !this.readOnly\n            })\n        };\n\n        /**\n         * Create base structure\n         *  <wrapper>\n         *    <image-container/>\n         *    <caption />\n         *  </wrapper>\n         */\n        this.nodes.caption.dataset[\"placeholder\"] = this.config.captionPlaceholder;\n        this.nodes.wrapper.appendChild(this.nodes.imageContainer);\n        this.nodes.wrapper.appendChild(this.nodes.caption);\n        this.nodes.wrapper.appendChild(this.nodes.fileButton);\n    }\n\n    /**\n     * CSS classes\n     *\n     * @returns {object}\n     */\n    get CSS() {\n        return {\n            baseClass: this.api.styles.block,\n            input: this.api.styles.input,\n            button: this.api.styles.button,\n\n            /**\n             * Tool's classes\n             */\n            wrapper: \"image-tool\",\n            imageContainer: \"image-tool__image\",\n            imageEl: \"image-tool__image-picture\",\n            caption: \"image-tool__caption\"\n        };\n    }\n\n    /**\n     * Ui statuses:\n     * - empty\n     * - filled\n     *\n     * @returns {{EMPTY: string, UPLOADING: string, FILLED: string}}\n     */\n    static get status(): UiStatus {\n        return {\n            EMPTY: \"empty\",\n            FILLED: \"filled\"\n        };\n    }\n\n    /**\n     * Renders tool UI\n     *\n     * @param {ImageToolData} toolData - saved tool data\n     * @returns {Element}\n     */\n    render(toolData: ImageToolData) {\n        if (!toolData.file || Object.keys(toolData.file).length === 0) {\n            this.toggleStatus(Ui.status.EMPTY);\n        }\n\n        return this.nodes.wrapper;\n    }\n\n    /**\n     * Creates upload-file button\n     *\n     * @returns {Element}\n     */\n    createFileButton() {\n        const button = make(\"div\", [this.CSS.button]);\n\n        button.innerHTML = this.api.i18n.t(\"Select an Image\");\n\n        button.addEventListener(\"click\", () => {\n            this.onSelectFile();\n        });\n\n        return button;\n    }\n\n    /**\n     * Shows an image\n     *\n     * @param {string} url - image source\n     * @returns {void}\n     */\n    public fillImage(url: string): void {\n        /**\n         * Check for a source extension to compose element correctly: video tag for mp4, img — for others\n         */\n        const tag = /\\.mp4$/.test(url) ? \"VIDEO\" : \"IMG\";\n\n        const attributes: any = {\n            src: url\n        };\n\n        /**\n         * We use eventName variable because IMG and VIDEO tags have different event to be called on source load\n         * - IMG: load\n         * - VIDEO: loadeddata\n         *\n         * @type {string}\n         */\n        let eventName = \"load\";\n\n        /**\n         * Update attributes and eventName if source is a mp4 video\n         */\n        if (tag === \"VIDEO\") {\n            /**\n             * Add attributes for playing muted mp4 as a gif\n             *\n             * @type {boolean}\n             */\n            attributes.autoplay = true;\n            attributes.loop = true;\n            attributes.muted = true;\n            attributes.playsinline = true;\n\n            /**\n             * Change event to be listened\n             *\n             * @type {string}\n             */\n            eventName = \"loadeddata\";\n        }\n\n        /**\n         * Compose tag with defined attributes\n         *\n         * @type {Element}\n         */\n        this.nodes.imageEl = make(tag, this.CSS.imageEl, attributes);\n\n        /**\n         * Add load event listener\n         */\n        this.nodes.imageEl.addEventListener(eventName, () => {\n            this.toggleStatus(Ui.status.FILLED);\n        });\n\n        this.nodes.imageContainer.appendChild(this.nodes.imageEl);\n    }\n\n    /**\n     * Shows caption input\n     *\n     * @param {string} text - caption text\n     * @returns {void}\n     */\n    public fillCaption(text: string): void {\n        if (!this.nodes.caption) {\n            return;\n        }\n        this.nodes.caption.innerHTML = text;\n    }\n\n    /**\n     * Changes UI status\n     *\n     * @param {string} status - see {@link Ui.status} constants\n     * @returns {void}\n     */\n    public toggleStatus(status: string): void {\n        for (const statusType in Ui.status) {\n            if (Object.prototype.hasOwnProperty.call(Ui.status, statusType) === false) {\n                continue;\n            }\n            const newStatus = Ui.status[statusType];\n            this.nodes.wrapper.classList.toggle(\n                `${this.CSS.wrapper}--${newStatus}`,\n                status === newStatus\n            );\n        }\n    }\n\n    /**\n     * Apply visual representation of activated tune\n     *\n     * @param {string} tuneName - one of available tunes {@link Tunes.tunes}\n     * @param {boolean} status - true for enable, false for disable\n     * @returns {void}\n     */\n    public applyTune(tuneName: string, status: boolean) {\n        this.nodes.wrapper.classList.toggle(`${this.CSS.wrapper}--${tuneName}`, status);\n    }\n}\n\n/**\n * Helper for making Elements with attributes\n *\n * @param  {string} tagName           - new Element tag name\n * @param  {Array|string} classNames  - list or name of CSS class\n * @param  {object} attributes        - any attributes\n * @returns {HTMLElement}\n */\nexport const make = function make(\n    tagName: string,\n    classNames: string[] | string | null = null,\n    attributes?: Record<string, string | number | boolean>\n): HTMLElement {\n    const element: HTMLElement = document.createElement(tagName);\n\n    if (Array.isArray(classNames)) {\n        element.classList.add(...classNames);\n    } else if (classNames) {\n        element.classList.add(classNames);\n    }\n\n    if (!attributes) {\n        return element;\n    }\n    for (const attrName in attributes) {\n        /**\n         * Unfortunately it is a problem to map attributes to element because element is complaining\n         * that attrName is a string, which cannot index the HTMLElement\n         */\n        const key = attrName as keyof HTMLElement;\n        /**\n         * Error says that each key is a read-only property.\n         */\n        // @ts-expect-error\n        element[key] = attributes[attrName];\n    }\n\n    return element;\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Ui","exports","default","_ref","api","config","onSelectFile","readOnly","_classCallCheck2","nodes","wrapper","make","CSS","baseClass","imageContainer","fileButton","createFileButton","imageEl","undefined","caption","input","contentEditable","dataset","captionPlaceholder","appendChild","_createClass2","key","get","styles","block","button","value","render","toolData","file","Object","keys","length","toggleStatus","status","EMPTY","_this","innerHTML","i18n","t","addEventListener","fillImage","url","_this2","tag","test","attributes","src","eventName","autoplay","loop","muted","playsinline","FILLED","fillCaption","text","statusType","prototype","hasOwnProperty","call","newStatus","classList","toggle","concat","applyTune","tuneName","tagName","classNames","arguments","element","document","createElement","Array","isArray","_element$classList","add","apply","_toConsumableArray2","attrName"],"sources":["ui.ts"],"sourcesContent":["import { API } from \"@editorjs/editorjs\";\nimport { ImageToolConfig, ImageToolData } from \"./types\";\n\ninterface OnSelectFileCallable {\n    (): void;\n}\ninterface UiStatus {\n    EMPTY: \"empty\";\n    FILLED: \"filled\";\n    [key: string]: string;\n}\ninterface UiParams {\n    api: API;\n    config: ImageToolConfig;\n    onSelectFile: OnSelectFileCallable;\n    readOnly: boolean;\n}\n/**\n * Class for working with UI:\n *  - rendering base structure\n *  - show/hide preview\n *  - apply tune view\n */\nexport default class Ui {\n    private api: API;\n    private config: ImageToolConfig;\n    private readonly readOnly: boolean;\n    private readonly onSelectFile: OnSelectFileCallable;\n\n    public readonly nodes: {\n        wrapper: HTMLElement;\n        imageContainer: HTMLElement;\n        fileButton: HTMLElement;\n        imageEl?: HTMLElement;\n        caption: HTMLElement;\n    };\n\n    /**\n     * @param ui - image tool Ui module\n     * @param ui.api - Editor.js API\n     * @param ui.config - user config\n     * @param ui.onSelectFile - callback for clicks on Select file button\n     * @param ui.readOnly - read-only mode flag\n     */\n    constructor({ api, config, onSelectFile, readOnly }: UiParams) {\n        this.api = api;\n        this.config = config;\n        this.onSelectFile = onSelectFile;\n        this.readOnly = readOnly;\n        this.nodes = {\n            wrapper: make(\"div\", [this.CSS.baseClass, this.CSS.wrapper]),\n            imageContainer: make(\"div\", [this.CSS.imageContainer]),\n            fileButton: this.createFileButton(),\n            imageEl: undefined,\n            caption: make(\"div\", [this.CSS.input, this.CSS.caption], {\n                contentEditable: !this.readOnly\n            })\n        };\n\n        /**\n         * Create base structure\n         *  <wrapper>\n         *    <image-container/>\n         *    <caption />\n         *  </wrapper>\n         */\n        this.nodes.caption.dataset[\"placeholder\"] = this.config.captionPlaceholder;\n        this.nodes.wrapper.appendChild(this.nodes.imageContainer);\n        this.nodes.wrapper.appendChild(this.nodes.caption);\n        this.nodes.wrapper.appendChild(this.nodes.fileButton);\n    }\n\n    /**\n     * CSS classes\n     *\n     * @returns {object}\n     */\n    get CSS() {\n        return {\n            baseClass: this.api.styles.block,\n            input: this.api.styles.input,\n            button: this.api.styles.button,\n\n            /**\n             * Tool's classes\n             */\n            wrapper: \"image-tool\",\n            imageContainer: \"image-tool__image\",\n            imageEl: \"image-tool__image-picture\",\n            caption: \"image-tool__caption\"\n        };\n    }\n\n    /**\n     * Ui statuses:\n     * - empty\n     * - filled\n     *\n     * @returns {{EMPTY: string, UPLOADING: string, FILLED: string}}\n     */\n    static get status(): UiStatus {\n        return {\n            EMPTY: \"empty\",\n            FILLED: \"filled\"\n        };\n    }\n\n    /**\n     * Renders tool UI\n     *\n     * @param {ImageToolData} toolData - saved tool data\n     * @returns {Element}\n     */\n    render(toolData: ImageToolData) {\n        if (!toolData.file || Object.keys(toolData.file).length === 0) {\n            this.toggleStatus(Ui.status.EMPTY);\n        }\n\n        return this.nodes.wrapper;\n    }\n\n    /**\n     * Creates upload-file button\n     *\n     * @returns {Element}\n     */\n    createFileButton() {\n        const button = make(\"div\", [this.CSS.button]);\n\n        button.innerHTML = this.api.i18n.t(\"Select an Image\");\n\n        button.addEventListener(\"click\", () => {\n            this.onSelectFile();\n        });\n\n        return button;\n    }\n\n    /**\n     * Shows an image\n     *\n     * @param {string} url - image source\n     * @returns {void}\n     */\n    public fillImage(url: string): void {\n        /**\n         * Check for a source extension to compose element correctly: video tag for mp4, img — for others\n         */\n        const tag = /\\.mp4$/.test(url) ? \"VIDEO\" : \"IMG\";\n\n        const attributes: any = {\n            src: url\n        };\n\n        /**\n         * We use eventName variable because IMG and VIDEO tags have different event to be called on source load\n         * - IMG: load\n         * - VIDEO: loadeddata\n         *\n         * @type {string}\n         */\n        let eventName = \"load\";\n\n        /**\n         * Update attributes and eventName if source is a mp4 video\n         */\n        if (tag === \"VIDEO\") {\n            /**\n             * Add attributes for playing muted mp4 as a gif\n             *\n             * @type {boolean}\n             */\n            attributes.autoplay = true;\n            attributes.loop = true;\n            attributes.muted = true;\n            attributes.playsinline = true;\n\n            /**\n             * Change event to be listened\n             *\n             * @type {string}\n             */\n            eventName = \"loadeddata\";\n        }\n\n        /**\n         * Compose tag with defined attributes\n         *\n         * @type {Element}\n         */\n        this.nodes.imageEl = make(tag, this.CSS.imageEl, attributes);\n\n        /**\n         * Add load event listener\n         */\n        this.nodes.imageEl.addEventListener(eventName, () => {\n            this.toggleStatus(Ui.status.FILLED);\n        });\n\n        this.nodes.imageContainer.appendChild(this.nodes.imageEl);\n    }\n\n    /**\n     * Shows caption input\n     *\n     * @param {string} text - caption text\n     * @returns {void}\n     */\n    public fillCaption(text: string): void {\n        if (!this.nodes.caption) {\n            return;\n        }\n        this.nodes.caption.innerHTML = text;\n    }\n\n    /**\n     * Changes UI status\n     *\n     * @param {string} status - see {@link Ui.status} constants\n     * @returns {void}\n     */\n    public toggleStatus(status: string): void {\n        for (const statusType in Ui.status) {\n            if (Object.prototype.hasOwnProperty.call(Ui.status, statusType) === false) {\n                continue;\n            }\n            const newStatus = Ui.status[statusType];\n            this.nodes.wrapper.classList.toggle(\n                `${this.CSS.wrapper}--${newStatus}`,\n                status === newStatus\n            );\n        }\n    }\n\n    /**\n     * Apply visual representation of activated tune\n     *\n     * @param {string} tuneName - one of available tunes {@link Tunes.tunes}\n     * @param {boolean} status - true for enable, false for disable\n     * @returns {void}\n     */\n    public applyTune(tuneName: string, status: boolean) {\n        this.nodes.wrapper.classList.toggle(`${this.CSS.wrapper}--${tuneName}`, status);\n    }\n}\n\n/**\n * Helper for making Elements with attributes\n *\n * @param  {string} tagName           - new Element tag name\n * @param  {Array|string} classNames  - list or name of CSS class\n * @param  {object} attributes        - any attributes\n * @returns {HTMLElement}\n */\nexport const make = function make(\n    tagName: string,\n    classNames: string[] | string | null = null,\n    attributes?: Record<string, string | number | boolean>\n): HTMLElement {\n    const element: HTMLElement = document.createElement(tagName);\n\n    if (Array.isArray(classNames)) {\n        element.classList.add(...classNames);\n    } else if (classNames) {\n        element.classList.add(classNames);\n    }\n\n    if (!attributes) {\n        return element;\n    }\n    for (const attrName in attributes) {\n        /**\n         * Unfortunately it is a problem to map attributes to element because element is complaining\n         * that attrName is a string, which cannot index the HTMLElement\n         */\n        const key = attrName as keyof HTMLElement;\n        /**\n         * Error says that each key is a read-only property.\n         */\n        // @ts-expect-error\n        element[key] = attributes[attrName];\n    }\n\n    return element;\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["_utils","require","Paragraph","_ref","data","config","api","readOnly","_classCallCheck2","default","typography","_CSS","block","styles","settingsButton","settingsButtonActive","wrapper","onKeyUp","bind","_placeholder","placeholder","DEFAULT_PLACEHOLDER","_data","normalizeData","_element","drawView","_preserveBlank","preserveBlank","undefined","settingsButtons","alignments","ALIGNMENTS","_createClass2","key","get","text","innerHTML","_objectSpread2","set","_this","forEach","alignment","name","textAlign","classList","add","concat","remove","className","_this$_element$classL","apply","_toConsumableArray2","split","_this2","find","TextAlign","START","svg","ALIGNMENT_ICONS","start","value","e","code","textContent","div","document","createElement","contentEditable","dataset","i18n","t","addEventListener","render","renderSettings","_this3","holder","selectTypeButton","currentAlignment","setAlignment","appendChild","push","typographyForParagraph","Object","values","filter","item","component","input","option","Option","label","onclick","event","_ref2","target","setTypographyClass","merge","validate","savedData","trim","save","toolsContent","getTextAlign","includes","onPaste","detail","_this4","button","toggle","newData","export","import","br","tags","icon","title","_default","exports"],"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":";;;;;;;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAGA;AACA;AACA;AACA;AACA;AAMA;AACA;AACA;AACA;AACA;AAJA,IAyBMC,SAAS;EAIX;;EASA;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACI,SAAAA,UAAAC,IAAA,EAAmE;IAAA,IAA9CC,IAAI,GAAAD,IAAA,CAAJC,IAAI;MAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;MAAEC,GAAG,GAAAH,IAAA,CAAHG,GAAG;MAAEC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAP,SAAA;IAC5C,IAAI,CAACI,GAAG,GAAGA,GAAG;IACd,IAAI,CAACC,QAAQ,GAAGA,QAAQ;IACxB,IAAI,CAACG,UAAU,GAAGL,MAAM,CAACK,UAAU,IAAI,IAAI;IAC3C,IAAI,CAACC,IAAI,GAAG;MACRC,KAAK,EAAE,IAAI,CAACN,GAAG,CAACO,MAAM,CAACD,KAAK;MAC5BE,cAAc,EAAE,IAAI,CAACR,GAAG,CAACO,MAAM,CAACC,cAAc;MAC9CC,oBAAoB,EAAE,IAAI,CAACT,GAAG,CAACO,MAAM,CAACE,oBAAoB;MAC1DC,OAAO,EAAE;IACb,CAAC;IAED,IAAI,CAAC,IAAI,CAACT,QAAQ,EAAE;MAChB,IAAI,CAACU,OAAO,GAAG,IAAI,CAACA,OAAO,CAACC,IAAI,CAAC,IAAI,CAAC;IAC1C;;IAEA;AACR;AACA;AACA;IACQ,IAAI,CAACC,YAAY,GAAGd,MAAM,CAACe,WAAW,GAAGf,MAAM,CAACe,WAAW,GAAGlB,SAAS,CAACmB,mBAAmB;IAC3F,IAAI,CAACC,KAAK,GAAG,IAAI,CAACC,aAAa,CAACnB,IAAI,CAAC;IACrC,IAAI,CAACoB,QAAQ,GAAG,IAAI,CAACC,QAAQ,CAAC,CAAC;IAC/B,IAAI,CAACC,cAAc,GAAGrB,MAAM,CAACsB,aAAa,KAAKC,SAAS,GAAGvB,MAAM,CAACsB,aAAa,GAAG,KAAK;IACvF,IAAI,CAACE,eAAe,GAAG,EAAE;IACzB,IAAI,CAACC,UAAU,GAAGC,iBAAU;;IAE5B;IACA,IAAI,CAAC3B,IAAI,GAAG,IAAI,CAACkB,KAAK;EAC1B;;EAEA;AACJ;AACA;AACA;AACA;AACA;EALI,WAAAU,aAAA,CAAAvB,OAAA,EAAAP,SAAA;IAAA+B,GAAA;IAAAC,GAAA;IAwCA;AACJ;AACA;AACA;AACA;IACI,SAAAA,IAAA,EAAiC;MAC7B,IAAMC,IAAI,GAAG,IAAI,CAACX,QAAQ,CAACY,SAAS;;MAEpC;;MAEA,WAAAC,cAAA,CAAA5B,OAAA,MAAA4B,cAAA,CAAA5B,OAAA,MACO,IAAI,CAACa,KAAK;QACba,IAAI,EAAJA;MAAI;IAEZ;;IAEA;AACJ;AACA;AACA;AACA;AACA;AACA;AACA,OAPI;IAAAG,GAAA,EAQA,SAAAA,IAAgBlC,IAAmB,EAAE;MAAA,IAAAmC,KAAA;MACjC,IAAI,CAACjB,KAAK,GAAGlB,IAAI,IAAK,CAAC,CAAmB;MAE1C,IAAI,CAACoB,QAAQ,CAACY,SAAS,GAAG,IAAI,CAACd,KAAK,CAACa,IAAI,IAAI,EAAE;;MAE/C;AACR;AACA;MACQ,IAAI,CAACL,UAAU,CAACU,OAAO,CAAC,UAAAC,SAAS,EAAI;QACjC,IAAIA,SAAS,CAACC,IAAI,KAAKH,KAAI,CAACjB,KAAK,CAACqB,SAAS,EAAE;UACzCJ,KAAI,CAACf,QAAQ,CAACoB,SAAS,CAACC,GAAG,oBAAAC,MAAA,CAAoBL,SAAS,CAACC,IAAI,CAAE,CAAC;QACpE,CAAC,MAAM;UACHH,KAAI,CAACf,QAAQ,CAACoB,SAAS,CAACG,MAAM,oBAAAD,MAAA,CAAoBL,SAAS,CAACC,IAAI,CAAE,CAAC;QACvE;MACJ,CAAC,CAAC;;MAEF;AACR;AACA;MACQ,IAAI,IAAI,CAACpB,KAAK,CAAC0B,SAAS,EAAE;QAAA,IAAAC,qBAAA;QACtB,CAAAA,qBAAA,OAAI,CAACzB,QAAQ,CAACoB,SAAS,EAACC,GAAG,CAAAK,KAAA,CAAAD,qBAAA,MAAAE,mBAAA,CAAA1C,OAAA,EAAI,IAAI,CAACa,KAAK,CAAC0B,SAAS,CAACI,KAAK,CAAC,GAAG,CAAC,EAAC;MACnE;IACJ;;IAEA;AACJ;AACA;AACA;AACA;AACA;EALI;IAAAnB,GAAA;IAAAC,GAAA;IA2BA;AACJ;AACA;AACA;AACA;IACI,SAAAA,IAAA,EAAyC;MAAA,IAAAmB,MAAA;MACrC,IAAIZ,SAAS,GAAG,IAAI,CAACX,UAAU,CAACwB,IAAI,CAAC,UAAAb,SAAS;QAAA,OAAIA,SAAS,CAACC,IAAI,KAAKW,MAAI,CAAC/B,KAAK,CAACqB,SAAS;MAAA,EAAC;MAE1F,IAAI,CAACF,SAAS,EAAE;QACZA,SAAS,GAAG;UAAEC,IAAI,EAAEa,gBAAS,CAACC,KAAK;UAAEC,GAAG,EAAEC,sBAAe,CAACC;QAAM,CAAC;MACrE;MAEA,OAAOlB,SAAS;IACpB;;IAEA;AACJ;AACA;AACA;AACA;AACA;EALI;IAAAR,GAAA;IAAA2B,KAAA,EAMA,SAAA3C,QAAe4C,CAAgB,EAAQ;MACnC,IAAIA,CAAC,CAACC,IAAI,KAAK,WAAW,IAAID,CAAC,CAACC,IAAI,KAAK,QAAQ,EAAE;QAC/C;MACJ;MAEA,IAAQC,WAAW,GAAK,IAAI,CAACvC,QAAQ,CAA7BuC,WAAW;MAEnB,IAAIA,WAAW,KAAK,EAAE,EAAE;QACpB,IAAI,CAACvC,QAAQ,CAACY,SAAS,GAAG,EAAE;MAChC;IACJ;;IAEA;AACJ;AACA;AACA;AACA;EAJI;IAAAH,GAAA;IAAA2B,KAAA,EAKA,SAAAnC,SAAA,EAA+B;MAC3B,IAAMuC,GAAmB,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;MACzDF,GAAG,CAACpB,SAAS,CAACC,GAAG,CAAC,IAAI,CAAClC,IAAI,CAACK,OAAO,EAAE,IAAI,CAACL,IAAI,CAACC,KAAK,CAAC;MACrD;MACA,IAAI,IAAI,CAACU,KAAK,CAAC0B,SAAS,EAAE;QACtBgB,GAAG,CAACpB,SAAS,CAACC,GAAG,CAAC,IAAI,CAACvB,KAAK,CAAC0B,SAAS,CAAC;MAC3C;MACAgB,GAAG,CAACG,eAAe,GAAG,OAAO;MAC7BH,GAAG,CAACI,OAAO,CAAC,aAAa,CAAC,GAAG,IAAI,CAAC9D,GAAG,CAAC+D,IAAI,CAACC,CAAC,CAAC,IAAI,CAACnD,YAAY,CAAC;MAE/D,IAAI,CAAC,IAAI,CAACZ,QAAQ,EAAE;QAChByD,GAAG,CAACG,eAAe,GAAG,MAAM;QAC5BH,GAAG,CAACO,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAACtD,OAAO,CAAC;MAC/C;MAEA,OAAO+C,GAAG;IACd;;IAEA;AACJ;AACA;EAFI;IAAA/B,GAAA;IAAA2B,KAAA,EAGA,SAAAY,OAAA,EAAgC;MAC5B,OAAO,IAAI,CAAChD,QAAQ;IACxB;;IAEA;AACJ;AACA;EAFI;IAAAS,GAAA;IAAA2B,KAAA,EAGA,SAAAa,eAAA,EAAqC;MAAA,IAAAC,MAAA;MACjC,IAAMC,MAAsB,GAAGV,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;;MAE5D;MACA,IAAI,CAACpC,UAAU,CAACU,OAAO,CAAC,UAAAC,SAAS,EAAI;QACjC,IAAMmC,gBAAiC,GAAGX,QAAQ,CAACC,aAAa,CAAC,MAAM,CAAC;QAExEU,gBAAgB,CAAChC,SAAS,CAACC,GAAG,CAAC6B,MAAI,CAAC/D,IAAI,CAACG,cAAc,CAAC;;QAExD;AACZ;AACA;QACY,IAAI4D,MAAI,CAACG,gBAAgB,CAACnC,IAAI,KAAKD,SAAS,CAACC,IAAI,EAAE;UAC/CkC,gBAAgB,CAAChC,SAAS,CAACC,GAAG,CAAC6B,MAAI,CAAC/D,IAAI,CAACI,oBAAoB,CAAC;QAClE;;QAEA;AACZ;AACA;QACY6D,gBAAgB,CAACxC,SAAS,GAAGK,SAAS,CAACgB,GAAG;;QAE1C;AACZ;AACA;QACYmB,gBAAgB,CAACR,OAAO,CAAC,WAAW,CAAC,GAAG3B,SAAS,CAACC,IAAI;;QAEtD;AACZ;AACA;QACYkC,gBAAgB,CAACL,gBAAgB,CAAC,OAAO,EAAE,YAAM;UAC7CG,MAAI,CAACI,YAAY,CAACrC,SAAS,CAAC;QAChC,CAAC,CAAC;;QAEF;AACZ;AACA;QACYkC,MAAM,CAACI,WAAW,CAACH,gBAAgB,CAAC;;QAEpC;AACZ;AACA;QACYF,MAAI,CAAC7C,eAAe,CAACmD,IAAI,CAACJ,gBAAgB,CAAC;MAC/C,CAAC,CAAC;;MAEF;MACA,IAAI,IAAI,CAAClE,UAAU,EAAE;QACjB,IAAMuE,sBAAsB,GAAGC,MAAM,CAACC,MAAM,CAAC,IAAI,CAACzE,UAAU,CAAC,CAAC0E,MAAM,CAChE,UAAAC,IAAI;UAAA,OAAIA,IAAI,CAACC,SAAS,KAAK,GAAG;QAAA,CAClC,CAAC;QAED,IAAMV,gBAAgB,GAAGX,QAAQ,CAACC,aAAa,CAAC,QAAQ,CAAsB;QAC9E;QACAU,gBAAgB,CAAChC,SAAS,CAACC,GAAG,CAAC,IAAI,CAACvC,GAAG,CAACO,MAAM,CAAC0E,KAAK,CAAC;QACrD;QACAN,sBAAsB,CAACzC,OAAO,CAAC,UAAA6C,IAAI,EAAI;UACnC,IAAMG,MAAM,GAAG,IAAIC,MAAM,CAACJ,IAAI,CAACK,KAAK,EAAEL,IAAI,CAACrC,SAAS,CAAC;UAErD4B,gBAAgB,CAACG,WAAW,CAACS,MAAM,CAAC;QACxC,CAAC,CAAC;QACF;QACAZ,gBAAgB,CAACe,OAAO,GAAG,UAAAC,KAAK,EAAI;UAChC,IAAAC,KAAA,GAAkBD,KAAK,CAACE,MAAM;YAAtBlC,KAAK,GAAAiC,KAAA,CAALjC,KAAK;UACbc,MAAI,CAACqB,kBAAkB,CAACnC,KAAK,CAAC;QAClC,CAAC;;QAED;AACZ;AACA;QACYe,MAAM,CAACI,WAAW,CAACH,gBAAgB,CAAC;;QAEpC;AACZ;AACA;QACY,IAAI,CAAC/C,eAAe,CAACmD,IAAI,CAACJ,gBAAgB,CAAC;MAC/C;MAEA,OAAOD,MAAM;IACjB;;IAEA;AACJ;AACA;AACA;AACA;AACA;EALI;IAAA1C,GAAA;IAAA2B,KAAA,EAMA,SAAAoC,MAAa5F,IAAmB,EAAQ;MACpC,IAAI,CAACA,IAAI,OAAAiC,cAAA,CAAA5B,OAAA,MAAA4B,cAAA,CAAA5B,OAAA,MACF,IAAI,CAACL,IAAI;QACZ+B,IAAI,EAAE,IAAI,CAAC/B,IAAI,CAAC+B,IAAI,GAAG/B,IAAI,CAAC+B;MAAI,EACnC;IACL;;IAEA;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;EAPI;IAAAF,GAAA;IAAA2B,KAAA,EAQA,SAAAqC,SAAgBC,SAAwB,EAAW;MAC/C,OAAO,EAAEA,SAAS,CAAC/D,IAAI,CAACgE,IAAI,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,CAACzE,cAAc,CAAC;IAClE;;IAEA;AACJ;AACA;AACA;AACA;AACA;EALI;IAAAO,GAAA;IAAA2B,KAAA,EAMA,SAAAwC,KAAYC,YAAyB,EAAE;MACnC,OAAO;QACHlE,IAAI,EAAEkE,YAAY,CAACjE,SAAS;QAC5BO,SAAS,EAAE,IAAI,CAAC2D,YAAY,CAACD,YAAY,CAACrD,SAAS,CAAC;QACpDA,SAAS,EAAE,IAAI,CAAC5C,IAAI,CAAC4C;MACzB,CAAC;IACL;;IAEA;AACJ;AACA;AACA;AACA;AACA;EALI;IAAAf,GAAA;IAAA2B,KAAA,EAMA,SAAA0C,aAAoBtD,SAAiB,EAAa;MAC9C,IAAIL,SAAS,GAAGY,gBAAS,CAACC,KAAK;MAC/B;MACA,IAAI,CAAC1B,UAAU,CAACU,OAAO,CAAC,UAAAC,SAAS,EAAI;QACjC,IAAIO,SAAS,CAACuD,QAAQ,oBAAAzD,MAAA,CAAoBL,SAAS,CAACC,IAAI,CAAE,CAAC,EAAE;UACzDC,SAAS,GAAGF,SAAS,CAACC,IAAI;QAC9B;MACJ,CAAC,CAAC;MACF,OAAOC,SAAS;IACpB;;IAEA;AACJ;AACA;AACA;AACA;EAJI;IAAAV,GAAA;IAAA2B,KAAA,EAKA,SAAA4C,QAAeZ,KAAiB,EAAQ;MACpC,IAAMa,MAAM,GAAGb,KAAK,CAACa,MAA8B;MACnD,IAAI,CAACrG,IAAI,OAAAiC,cAAA,CAAA5B,OAAA,MAAA4B,cAAA,CAAA5B,OAAA,MACF,IAAI,CAACL,IAAI;QACZ+B,IAAI,EAAEsE,MAAM,CAACrG,IAAI,CAACgC;MAAS,EAC9B;IACL;;IAEA;AACJ;AACA;AACA;AACA;EAJI;IAAAH,GAAA;IAAA2B,KAAA,EAKA,SAAAkB,aAAoBrC,SAAoB,EAAQ;MAAA,IAAAiE,MAAA;MAC5C,IAAI,CAACtG,IAAI,GAAG;QACRuC,SAAS,EAAEF,SAAS,CAACC,IAAI;QACzBP,IAAI,EAAE,IAAI,CAAC/B,IAAI,CAAC+B;MACpB,CAAC;;MAED;AACR;AACA;MACQ,IAAI,CAACN,eAAe,CAACW,OAAO,CAAC,UAAAmE,MAAM,EAAI;QACnCA,MAAM,CAAC/D,SAAS,CAACgE,MAAM,CACnBF,MAAI,CAAC/F,IAAI,CAACI,oBAAoB,EAC9B4F,MAAM,CAACvC,OAAO,CAAC,WAAW,CAAC,KAAK3B,SAAS,CAACC,IAC9C,CAAC;MACL,CAAC,CAAC;IACN;;IAEA;AACJ;AACA;AACA;AACA;EAJI;IAAAT,GAAA;IAAA2B,KAAA,EAKA,SAAAmC,mBAA0B/C,SAAiB,EAAQ;MAC/C,IAAI,CAAC5C,IAAI,GAAG;QACRuC,SAAS,EAAE,IAAI,CAACvC,IAAI,CAACuC,SAAS;QAC9BR,IAAI,EAAE,IAAI,CAAC/B,IAAI,CAAC+B,IAAI;QACpBa,SAAS,EAAEA;MACf,CAAC;IACL;;IAEA;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;EAPI;IAAAf,GAAA;IAAA2B,KAAA,EAQA,SAAArC,cAAqBnB,IAA6B,EAAiB;MAC/D,IAAMyG,OAA+B,GAAG,CAAC,CAAC;MAE1C,IAAI,OAAOzG,IAAI,KAAK,QAAQ,EAAE;QAC1BA,IAAI,GAAG,CAAC,CAAC;MACb;MAEAyG,OAAO,CAAC1E,IAAI,GAAG/B,IAAI,CAAC+B,IAAI,IAAI,EAAE;MAC9B0E,OAAO,CAAClE,SAAS,GAAGvC,IAAI,CAACuC,SAAS,IAAIY,gBAAS,CAACC,KAAK;MACrDqD,OAAO,CAAC7D,SAAS,GAAG5C,IAAI,CAAC4C,SAAS,IAAI,EAAE;MAExC,OAAO6D,OAAO;IAClB;EAAC;IAAA5E,GAAA;IAAAC,GAAA,EA1XD,SAAAA,IAAA,EAAgD;MAC5C,OAAO,EAAE;IACb;;IAEA;AACJ;AACA;EAFI;IAAAD,GAAA;IAAAC,GAAA,EAGA,SAAAA,IAAA,EAAqC;MACjC,OAAO;QACH4E,MAAM,EAAE,MAAM;QAAE;QAChBC,MAAM,EAAE,MAAM,CAAC;MACnB,CAAC;IACL;;IAEA;AACJ;AACA;EAFI;IAAA9E,GAAA;IAAAC,GAAA,EAGA,SAAAA,IAAA,EAA6B;MACzB,OAAO;QACHC,IAAI,EAAE;UACF6E,EAAE,EAAE;QACR;MACJ,CAAC;IACL;;IAEA;AACJ;AACA;AACA;AACA;EAJI;IAAA/E,GAAA;IAAAC,GAAA,EAKA,SAAAA,IAAA,EAAiD;MAC7C,OAAO,IAAI;IACf;EAAC;IAAAD,GAAA;IAAAC,GAAA,EAwDD,SAAAA,IAAA,EAAgC;MAC5B,OAAO;QACH+E,IAAI,EAAE,CAAC,GAAG;MACd,CAAC;IACL;;IAEA;AACJ;AACA;AACA;AACA;EAJI;IAAAhF,GAAA;IAAAC,GAAA,EAKA,SAAAA,IAAA,EAA4B;MACxB,OAAO;QACHgF,IAAI,EACA,6FAA6F,GAC7F,8bAA8b,GAC9b,QAAQ;QACZC,KAAK,EAAE;MACX,CAAC;IACL;EAAC;AAAA;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAA5G,OAAA,GAkRUP,SAAS","ignoreList":[]}
+{"version":3,"names":["_utils","require","Paragraph","_ref","data","config","api","readOnly","_classCallCheck2","default","typography","_CSS","block","styles","settingsButton","settingsButtonActive","wrapper","onKeyUp","bind","_placeholder","placeholder","DEFAULT_PLACEHOLDER","_data","normalizeData","_element","drawView","_preserveBlank","preserveBlank","undefined","settingsButtons","alignments","ALIGNMENTS","_createClass2","key","get","text","innerHTML","_objectSpread2","set","_this","forEach","alignment","name","textAlign","classList","add","concat","remove","className","_this$_element$classL","apply","_toConsumableArray2","split","_this2","find","TextAlign","START","svg","ALIGNMENT_ICONS","start","value","e","code","textContent","div","document","createElement","contentEditable","dataset","i18n","t","addEventListener","render","renderSettings","_this3","holder","selectTypeButton","currentAlignment","setAlignment","appendChild","push","typographyForParagraph","Object","values","filter","item","component","input","option","Option","label","onclick","event","_ref2","target","setTypographyClass","merge","validate","savedData","trim","save","toolsContent","getTextAlign","includes","onPaste","detail","_this4","button","toggle","newData","export","import","br","tags","icon","title","_default","exports"],"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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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["COLOR_TOOL_CLASS","TextColorTool","_ref","api","config","_classCallCheck2","default","button","colorPicker","_state","tag","color","class","themeColors","_CSS","colorBox","colorBoxActive","_createClass2","key","get","set","state","classList","toggle","styles","inlineToolButtonActive","value","render","document","createElement","type","innerHTML","add","inlineToolButton","renderActions","_this","forEach","style","backgroundColor","addEventListener","childNodes","node","contains","remove","appendChild","surround","range","unwrap","wrap","selectedText","extractContents","mark","insertNode","selection","expandToTag","findParentTag","text","showActions","_this2","onclick","hidden","hideActions","onchange","checkState","convertToHex","rgb","match","hexR","parseInt","toString","hexG","hexB","length","clear","span","el","_default","exports"],"sources":["index.ts"],"sourcesContent":["import { API } from \"@editorjs/editorjs\";\n\nconst COLOR_TOOL_CLASS = \"cdx-text-color\";\n\ninterface Config {\n    themeColors: string[];\n}\n\ninterface TextColorToolParams {\n    api: API;\n    config: Config;\n}\n\ninterface SanitizeResultSpanResult {\n    class?: string;\n    style?: CSSStyleDeclaration;\n}\ninterface SanitizeResult {\n    span: (element: HTMLElement) => SanitizeResultSpanResult;\n}\n\nclass TextColorTool {\n    private _state: boolean;\n    private color: string;\n    private readonly api: API;\n    private readonly tag: string;\n    private readonly class: string;\n    private colorPicker: HTMLDivElement | null;\n    private button: HTMLButtonElement | null;\n    private readonly config: Config;\n    private readonly _CSS: any;\n\n    constructor({ api, config }: TextColorToolParams) {\n        this.api = api;\n        this.button = null;\n        this.colorPicker = null;\n        this._state = false;\n        this.tag = \"SPAN\";\n        this.color = \"red\";\n        this.class = COLOR_TOOL_CLASS;\n        this.config = config || { themeColors: [\"#44bd32\"] };\n        this._CSS = {\n            colorPicker: \"ce-text-color-tool\",\n            colorBox: \"ce-text-color-tool__color-box\",\n            colorBoxActive: \"ce-text-color-tool__color-box--active\"\n        };\n    }\n\n    static get isInline(): boolean {\n        return true;\n    }\n\n    /**\n     * Sanitize method returns rules to let Editor know which HTML tags it should respect.\n     * @returns {object} sanitizer configuration.\n     * https://editorjs.io/sanitizer\n     */\n    static get sanitize(): SanitizeResult {\n        // Block Tools are not connected with Inline ones,\n        // so markup added by Inline Tool will be removed on pasting or on saving.\n        // We need this config so that `class` & `style` attributes will remain intact for \"span\".\n        return {\n            /**\n             * TODO: figure out the element type\n             */\n            span: (el: HTMLElement) => {\n                // Respect `class` and `style` attributes if this condition is meet.\n                if (el.classList.contains(COLOR_TOOL_CLASS)) {\n                    return {\n                        class: COLOR_TOOL_CLASS,\n                        style: el.style\n                    };\n                }\n                return {};\n            }\n        };\n    }\n\n    get state(): boolean {\n        return this._state;\n    }\n\n    set state(state) {\n        this._state = state;\n        if (!this.button) {\n            return;\n        }\n        this.button.classList.toggle(this.api.styles.inlineToolButtonActive, state);\n    }\n    /**\n     * Render method must return HTML element of the button for Inline Toolbar.\n     */\n    public render(): HTMLButtonElement {\n        this.button = document.createElement(\"button\");\n        this.button.type = \"button\";\n        this.button.innerHTML =\n            '<svg width=\"20\" height=\"18\"><path d=\"M10.458 12.04l2.919 1.686-.781 1.417-.984-.03-.974 1.687H8.674l1.49-2.583-.508-.775.802-1.401zm.546-.952l3.624-6.327a1.597 1.597 0 0 1 2.182-.59 1.632 1.632 0 0 1 .615 2.201l-3.519 6.391-2.902-1.675zm-7.73 3.467h3.465a1.123 1.123 0 1 1 0 2.247H3.273a1.123 1.123 0 1 1 0-2.247z\"/></svg>';\n        this.button.classList.add(this.api.styles.inlineToolButton);\n\n        return this.button;\n    }\n\n    /**\n     * Input for the link\n     */\n    public renderActions(): HTMLElement {\n        // Create action element\n        this.colorPicker = document.createElement(\"div\");\n        // Add element properties\n        this.colorPicker.classList.add(this._CSS.colorPicker);\n\n        this.config.themeColors.forEach(color => {\n            // create element\n            const colorBox = document.createElement(\"button\");\n            // add properties\n            colorBox.style.backgroundColor = color;\n            colorBox.classList.add(this._CSS.colorBox);\n\n            colorBox.addEventListener(\"click\", () => {\n                if (this.color === color) {\n                    // reset the color\n                    this.color = \"unset\";\n                } else {\n                    // set color\n                    this.color = color;\n                }\n\n                if (this.colorPicker) {\n                    /**\n                     * TODO @ts-refactor\n                     * TS Complains there is no classList on child node.\n                     */\n                    this.colorPicker.childNodes.forEach((node: any) => {\n                        if (node.classList.contains(this._CSS.colorBoxActive)) {\n                            // remove active class\n                            node.classList.remove(this._CSS.colorBoxActive);\n                        }\n                    });\n                }\n                // add active class\n                colorBox.classList.add(this._CSS.colorBoxActive);\n            });\n            if (!this.colorPicker) {\n                return;\n            }\n            // save element\n            this.colorPicker.appendChild(colorBox);\n        });\n\n        // Return element\n        return this.colorPicker;\n    }\n\n    /**\n     * Finally, when button is pressed Editor calls\n     * surround method of the tool with Range object as an argument.\n     */\n    public surround(range: Range): void {\n        if (this.state) {\n            this.unwrap(range);\n            return;\n        }\n\n        this.wrap(range);\n    }\n\n    public wrap(range: Range): void {\n        const selectedText = range.extractContents();\n        const mark = document.createElement(this.tag);\n\n        mark.classList.add(this.class);\n\n        mark.appendChild(selectedText);\n        range.insertNode(mark);\n\n        this.api.selection.expandToTag(mark);\n    }\n\n    public unwrap(range: Range): void {\n        const mark = this.api.selection.findParentTag(this.tag, this.class);\n        const text = range.extractContents();\n\n        if (mark) {\n            mark.remove();\n        }\n\n        range.insertNode(text);\n    }\n\n    public showActions(mark: HTMLElement): void {\n        if (!this.colorPicker) {\n            return;\n        }\n        this.colorPicker.onclick = () => {\n            mark.style.color = this.color;\n        };\n        this.colorPicker.hidden = false;\n    }\n\n    public hideActions(): void {\n        if (!this.colorPicker) {\n            return;\n        }\n        this.colorPicker.onchange = null;\n        this.colorPicker.hidden = true;\n    }\n\n    /**\n     * CheckState method of each Inline Tool is called by Editor with current `Selection`\n     * when user selects some text\n     */\n    public checkState(): void {\n        const mark = this.api.selection.findParentTag(this.tag);\n\n        this.state = !!mark;\n\n        if (!!mark) {\n            this.showActions(mark);\n        } else {\n            this.hideActions();\n        }\n    }\n\n    public convertToHex(color: string): string {\n        const rgb = color.match(/(\\d+)/g);\n        if (!rgb) {\n            return \"\";\n        }\n\n        let hexR = parseInt(rgb[0]).toString(16);\n        let hexG = parseInt(rgb[1]).toString(16);\n        let hexB = parseInt(rgb[2]).toString(16);\n\n        hexR = hexR.length === 1 ? \"0\" + hexR : hexR;\n        hexG = hexG.length === 1 ? \"0\" + hexG : hexG;\n        hexB = hexB.length === 1 ? \"0\" + hexB : hexB;\n\n        return \"#\" + hexR + hexG + hexB;\n    }\n\n    public clear(): void {\n        this.hideActions();\n    }\n}\n\nexport default TextColorTool;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["COLOR_TOOL_CLASS","TextColorTool","_ref","api","config","_classCallCheck2","default","button","colorPicker","_state","tag","color","class","themeColors","_CSS","colorBox","colorBoxActive","_createClass2","key","get","set","state","classList","toggle","styles","inlineToolButtonActive","value","render","document","createElement","type","innerHTML","add","inlineToolButton","renderActions","_this","forEach","style","backgroundColor","addEventListener","childNodes","node","contains","remove","appendChild","surround","range","unwrap","wrap","selectedText","extractContents","mark","insertNode","selection","expandToTag","findParentTag","text","showActions","_this2","onclick","hidden","hideActions","onchange","checkState","convertToHex","rgb","match","hexR","parseInt","toString","hexG","hexB","length","clear","span","el","_default","exports"],"sources":["index.ts"],"sourcesContent":["import { API } from \"@editorjs/editorjs\";\n\nconst COLOR_TOOL_CLASS = \"cdx-text-color\";\n\ninterface Config {\n    themeColors: string[];\n}\n\ninterface TextColorToolParams {\n    api: API;\n    config: Config;\n}\n\ninterface SanitizeResultSpanResult {\n    class?: string;\n    style?: CSSStyleDeclaration;\n}\ninterface SanitizeResult {\n    span: (element: HTMLElement) => SanitizeResultSpanResult;\n}\n\nclass TextColorTool {\n    private _state: boolean;\n    private color: string;\n    private readonly api: API;\n    private readonly tag: string;\n    private readonly class: string;\n    private colorPicker: HTMLDivElement | null;\n    private button: HTMLButtonElement | null;\n    private readonly config: Config;\n    private readonly _CSS: any;\n\n    constructor({ api, config }: TextColorToolParams) {\n        this.api = api;\n        this.button = null;\n        this.colorPicker = null;\n        this._state = false;\n        this.tag = \"SPAN\";\n        this.color = \"red\";\n        this.class = COLOR_TOOL_CLASS;\n        this.config = config || { themeColors: [\"#44bd32\"] };\n        this._CSS = {\n            colorPicker: \"ce-text-color-tool\",\n            colorBox: \"ce-text-color-tool__color-box\",\n            colorBoxActive: \"ce-text-color-tool__color-box--active\"\n        };\n    }\n\n    static get isInline(): boolean {\n        return true;\n    }\n\n    /**\n     * Sanitize method returns rules to let Editor know which HTML tags it should respect.\n     * @returns {object} sanitizer configuration.\n     * https://editorjs.io/sanitizer\n     */\n    static get sanitize(): SanitizeResult {\n        // Block Tools are not connected with Inline ones,\n        // so markup added by Inline Tool will be removed on pasting or on saving.\n        // We need this config so that `class` & `style` attributes will remain intact for \"span\".\n        return {\n            /**\n             * TODO: figure out the element type\n             */\n            span: (el: HTMLElement) => {\n                // Respect `class` and `style` attributes if this condition is meet.\n                if (el.classList.contains(COLOR_TOOL_CLASS)) {\n                    return {\n                        class: COLOR_TOOL_CLASS,\n                        style: el.style\n                    };\n                }\n                return {};\n            }\n        };\n    }\n\n    get state(): boolean {\n        return this._state;\n    }\n\n    set state(state) {\n        this._state = state;\n        if (!this.button) {\n            return;\n        }\n        this.button.classList.toggle(this.api.styles.inlineToolButtonActive, state);\n    }\n    /**\n     * Render method must return HTML element of the button for Inline Toolbar.\n     */\n    public render(): HTMLButtonElement {\n        this.button = document.createElement(\"button\");\n        this.button.type = \"button\";\n        this.button.innerHTML =\n            '<svg width=\"20\" height=\"18\"><path d=\"M10.458 12.04l2.919 1.686-.781 1.417-.984-.03-.974 1.687H8.674l1.49-2.583-.508-.775.802-1.401zm.546-.952l3.624-6.327a1.597 1.597 0 0 1 2.182-.59 1.632 1.632 0 0 1 .615 2.201l-3.519 6.391-2.902-1.675zm-7.73 3.467h3.465a1.123 1.123 0 1 1 0 2.247H3.273a1.123 1.123 0 1 1 0-2.247z\"/></svg>';\n        this.button.classList.add(this.api.styles.inlineToolButton);\n\n        return this.button;\n    }\n\n    /**\n     * Input for the link\n     */\n    public renderActions(): HTMLElement {\n        // Create action element\n        this.colorPicker = document.createElement(\"div\");\n        // Add element properties\n        this.colorPicker.classList.add(this._CSS.colorPicker);\n\n        this.config.themeColors.forEach(color => {\n            // create element\n            const colorBox = document.createElement(\"button\");\n            // add properties\n            colorBox.style.backgroundColor = color;\n            colorBox.classList.add(this._CSS.colorBox);\n\n            colorBox.addEventListener(\"click\", () => {\n                if (this.color === color) {\n                    // reset the color\n                    this.color = \"unset\";\n                } else {\n                    // set color\n                    this.color = color;\n                }\n\n                if (this.colorPicker) {\n                    /**\n                     * TODO @ts-refactor\n                     * TS Complains there is no classList on child node.\n                     */\n                    this.colorPicker.childNodes.forEach((node: any) => {\n                        if (node.classList.contains(this._CSS.colorBoxActive)) {\n                            // remove active class\n                            node.classList.remove(this._CSS.colorBoxActive);\n                        }\n                    });\n                }\n                // add active class\n                colorBox.classList.add(this._CSS.colorBoxActive);\n            });\n            if (!this.colorPicker) {\n                return;\n            }\n            // save element\n            this.colorPicker.appendChild(colorBox);\n        });\n\n        // Return element\n        return this.colorPicker;\n    }\n\n    /**\n     * Finally, when button is pressed Editor calls\n     * surround method of the tool with Range object as an argument.\n     */\n    public surround(range: Range): void {\n        if (this.state) {\n            this.unwrap(range);\n            return;\n        }\n\n        this.wrap(range);\n    }\n\n    public wrap(range: Range): void {\n        const selectedText = range.extractContents();\n        const mark = document.createElement(this.tag);\n\n        mark.classList.add(this.class);\n\n        mark.appendChild(selectedText);\n        range.insertNode(mark);\n\n        this.api.selection.expandToTag(mark);\n    }\n\n    public unwrap(range: Range): void {\n        const mark = this.api.selection.findParentTag(this.tag, this.class);\n        const text = range.extractContents();\n\n        if (mark) {\n            mark.remove();\n        }\n\n        range.insertNode(text);\n    }\n\n    public showActions(mark: HTMLElement): void {\n        if (!this.colorPicker) {\n            return;\n        }\n        this.colorPicker.onclick = () => {\n            mark.style.color = this.color;\n        };\n        this.colorPicker.hidden = false;\n    }\n\n    public hideActions(): void {\n        if (!this.colorPicker) {\n            return;\n        }\n        this.colorPicker.onchange = null;\n        this.colorPicker.hidden = true;\n    }\n\n    /**\n     * CheckState method of each Inline Tool is called by Editor with current `Selection`\n     * when user selects some text\n     */\n    public checkState(): void {\n        const mark = this.api.selection.findParentTag(this.tag);\n\n        this.state = !!mark;\n\n        if (!!mark) {\n            this.showActions(mark);\n        } else {\n            this.hideActions();\n        }\n    }\n\n    public convertToHex(color: string): string {\n        const rgb = color.match(/(\\d+)/g);\n        if (!rgb) {\n            return \"\";\n        }\n\n        let hexR = parseInt(rgb[0]).toString(16);\n        let hexG = parseInt(rgb[1]).toString(16);\n        let hexB = parseInt(rgb[2]).toString(16);\n\n        hexR = hexR.length === 1 ? \"0\" + hexR : hexR;\n        hexG = hexG.length === 1 ? \"0\" + hexG : hexG;\n        hexB = hexB.length === 1 ? \"0\" + hexB : hexB;\n\n        return \"#\" + hexR + hexG + hexB;\n    }\n\n    public clear(): void {\n        this.hideActions();\n    }\n}\n\nexport default TextColorTool;\n"],"mappings":"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","ignoreList":[]}