react-bootstrap-editor - npm Package Compare versions

Comparing version 1.0.0-rc.5 to 1.0.2

dist/index.d.ts

@@ -1,4 +0,5 @@
-import React, { RefObject, PropsWithoutRef, PureComponent } from "react";
+import { RefObject, PropsWithoutRef, InputHTMLAttributes, PureComponent, ClipboardEvent, DragEvent } from "react";
 import { Tool, BoldTool as _BoldTool1, ItalicTool as _ItalicTool1, UnderlineTool as _UnderlineTool1, StrikeThroughTool as _StrikeThroughTool1, H1Tool as _H1Tool1, H2Tool as _H2Tool1, H3Tool as _H3Tool1, FontSizeDownTool as _FontSizeDownTool1, FontSizeUpTool as _FontSizeUpTool1, SubscriptTool as _SubscriptTool1, SuperscriptTool as _SuperscriptTool1, LinkTool as _LinkTool1, ColorName, ColorTool, ForeColorTool as _ForeColorTool1, BackColorTool as _BackColorTool1, AlignLeftTool as _AlignLeftTool1, AlignCenterTool as _AlignCenterTool1, AlignRightTool as _AlignRightTool1, AlignFullTool as _AlignFullTool1, OrderedListTool as _OrderedListTool1, UnorderedListTool as _UnorderedListTool1, HorizontalRuleTool as _HorizontalRuleTool1, IFrameTool as _IFrameTool1, ImageTool as _ImageTool1, AudioTool as _AudioTool1, VideoTool as _VideoTool1, UndoTool as _UndoTool1, RedoTool as _RedoTool1, ResetTool as _ResetTool1, ClearTool as _ClearTool1 } from "edkit";
-export function renderTool(this: Tool, editor: RefObject<HTMLElement>): JSX.Element;
+import { Constructor } from "web-utility";
+export function renderTool(this: Tool, editor: RefObject<HTMLElement>): import("react/jsx-runtime").JSX.Element;
 export class BoldTool extends _BoldTool1 {
@@ -60,4 +61,4 @@ icon: string;
 }>;
-export function ColorSelector({ className, title, type, value, onChange, icon }: ColorSelectorProps): JSX.Element;
-export function renderColorTool(this: ColorTool, editor: RefObject<HTMLElement>): JSX.Element;
+export function ColorSelector({ className, title, type, value, onChange, icon }: ColorSelectorProps): import("react/jsx-runtime").JSX.Element;
+export function renderColorTool(this: ColorTool, editor: RefObject<HTMLElement>): import("react/jsx-runtime").JSX.Element;
 export class ForeColorTool extends _ForeColorTool1 {
@@ -138,27 +139,25 @@ icon: string;
 export const DefaultTools: (typeof UndoTool | typeof ClearTool)[];
-export type EditorProps = PropsWithoutRef<{
-    tools?: {
-        new (...args: any[]): Tool;
-    }[];
-    value?: string;
-    onChange?(value: string): any;
-}>;
-interface EditorState {
-    toolList: Tool[];
-    data: string;
+export interface EditorProps extends Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'defaultValue'> {
+    tools?: Constructor<Tool>[];
+    onChange?: (value: string) => any;
 }
-export class Editor extends PureComponent<EditorProps, EditorState> {
+export class Editor extends PureComponent<EditorProps> {
     static displayName: string;
-    box: React.RefObject<HTMLDivElement>;
-    state: {
-        toolList: Tool[];
-        data: string;
-    };
-    static getDerivedStateFromProps({ tools, value }: EditorProps, { toolList, data }: EditorState): EditorState;
+    box: import("react").RefObject<HTMLDivElement>;
+    toolList: Tool[];
+    defaultValue: string | number | readonly string[];
+    innerValue: string | number | readonly string[];
     componentDidMount(): void;
+    componentDidUpdate({ tools }: Readonly<EditorProps>): void;
     componentWillUnmount(): void;
+    bootTools(): void;
     updateTools: () => void;
-    render(): JSX.Element;
+    updateValue(markup: string): void;
+    uploadFile(Type: Constructor<ImageTool> | Constructor<AudioTool> | Constructor<VideoTool>, data: string | Blob): Promise<string>;
+    clearHTML(markup: string): Promise<DocumentFragment>;
+    insertToCursor(raw: string | Node): void;
+    handlePasteDrop: (event: ClipboardEvent | DragEvent) => Promise<void>;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 
 //# sourceMappingURL=index.d.ts.map

dist/index.esm.js

@@ -1,5 +0,8 @@
-import {jsx as $13t2B$jsx, jsxs as $13t2B$jsxs, Fragment as $13t2B$Fragment} from "react/jsx-runtime";
-import {createRef as $13t2B$createRef, PureComponent as $13t2B$PureComponent} from "react";
-import {defineProperty as $13t2B$defineProperty} from "@swc/helpers";
-import {BoldTool as $13t2B$BoldTool, ItalicTool as $13t2B$ItalicTool, UnderlineTool as $13t2B$UnderlineTool, StrikeThroughTool as $13t2B$StrikeThroughTool, H1Tool as $13t2B$H1Tool, H2Tool as $13t2B$H2Tool, H3Tool as $13t2B$H3Tool, FontSizeDownTool as $13t2B$FontSizeDownTool, FontSizeUpTool as $13t2B$FontSizeUpTool, SubscriptTool as $13t2B$SubscriptTool, SuperscriptTool as $13t2B$SuperscriptTool, LinkTool as $13t2B$LinkTool, ForeColorTool as $13t2B$ForeColorTool, BackColorTool as $13t2B$BackColorTool, AlignLeftTool as $13t2B$AlignLeftTool, AlignCenterTool as $13t2B$AlignCenterTool, AlignRightTool as $13t2B$AlignRightTool, AlignFullTool as $13t2B$AlignFullTool, OrderedListTool as $13t2B$OrderedListTool, UnorderedListTool as $13t2B$UnorderedListTool, HorizontalRuleTool as $13t2B$HorizontalRuleTool, IFrameTool as $13t2B$IFrameTool, ImageTool as $13t2B$ImageTool, AudioTool as $13t2B$AudioTool, VideoTool as $13t2B$VideoTool, UndoTool as $13t2B$UndoTool, RedoTool as $13t2B$RedoTool, ResetTool as $13t2B$ResetTool, ClearTool as $13t2B$ClearTool} from "edkit";
+import {jsx as $42h8L$jsx, jsxs as $42h8L$jsxs, Fragment as $42h8L$Fragment} from "react/jsx-runtime";
+import {createRef as $42h8L$createRef, PureComponent as $42h8L$PureComponent} from "react";
+import {BoldTool as $42h8L$BoldTool, ItalicTool as $42h8L$ItalicTool, UnderlineTool as $42h8L$UnderlineTool, StrikeThroughTool as $42h8L$StrikeThroughTool, H1Tool as $42h8L$H1Tool, H2Tool as $42h8L$H2Tool, H3Tool as $42h8L$H3Tool, FontSizeDownTool as $42h8L$FontSizeDownTool, FontSizeUpTool as $42h8L$FontSizeUpTool, SubscriptTool as $42h8L$SubscriptTool, SuperscriptTool as $42h8L$SuperscriptTool, LinkTool as $42h8L$LinkTool, ForeColorTool as $42h8L$ForeColorTool, BackColorTool as $42h8L$BackColorTool, AlignLeftTool as $42h8L$AlignLeftTool, AlignCenterTool as $42h8L$AlignCenterTool, AlignRightTool as $42h8L$AlignRightTool, AlignFullTool as $42h8L$AlignFullTool, OrderedListTool as $42h8L$OrderedListTool, UnorderedListTool as $42h8L$UnorderedListTool, HorizontalRuleTool as $42h8L$HorizontalRuleTool, IFrameTool as $42h8L$IFrameTool, ImageTool as $42h8L$ImageTool, AudioTool as $42h8L$AudioTool, VideoTool as $42h8L$VideoTool, UndoTool as $42h8L$UndoTool, RedoTool as $42h8L$RedoTool, ResetTool as $42h8L$ResetTool, ClearTool as $42h8L$ClearTool} from "edkit";
+import {_ as $42h8L$_} from "@swc/helpers/_/_ts_decorate";
+import {observable as $42h8L$observable} from "mobx";
+import {observer as $42h8L$observer} from "mobx-react";
+import {blobOf as $42h8L$blobOf, parseDOM as $42h8L$parseDOM, walkDOM as $42h8L$walkDOM, insertToCursor as $42h8L$insertToCursor} from "web-utility";
 
@@ -25,11 +28,11 @@ function $parcel$export(e, n, v, s) {
 }
-var $43d566ad2fe8cba8$exports = {};
+var $1b0306899ced6391$exports = {};
 
-$parcel$export($43d566ad2fe8cba8$exports, "renderTool", function () { return $43d566ad2fe8cba8$export$56ccecc1dac11363; });
+$parcel$export($1b0306899ced6391$exports, "renderTool", function () { return $1b0306899ced6391$export$56ccecc1dac11363; });
 
 
-function $43d566ad2fe8cba8$export$56ccecc1dac11363(editor) {
-    const { title: title , active: active , icon: icon , usable: usable  } = this;
-    const Class = `btn btn-${(active ? '' : 'outline-') + 'secondary'} me-2 mb-2`;
-    return /*#__PURE__*/ $13t2B$jsx("button", {
+function $1b0306899ced6391$export$56ccecc1dac11363(editor) {
+    const { title: title, active: active, icon: icon, usable: usable } = this;
+    const Class = `btn btn-${(active ? "" : "outline-") + "secondary"} me-2 mb-2`;
+    return /*#__PURE__*/ (0, $42h8L$jsx)("button", {
         type: "button",
@@ -39,3 +42,3 @@ title: title,
         style: {
-            cursor: usable ? 'pointer' : 'not-allowed'
+            cursor: usable ? "pointer" : "not-allowed"
         },
@@ -47,3 +50,3 @@ disabled: !usable,
         },
-        children: /*#__PURE__*/ $13t2B$jsx("i", {
+        children: /*#__PURE__*/ (0, $42h8L$jsx)("i", {
             className: `bi-${icon}`
@@ -55,110 +58,109 @@ })
 
-var $1a9e4a89b237a23e$exports = {};
+var $874340d37b2bd428$exports = {};
 
-$parcel$export($1a9e4a89b237a23e$exports, "TextTools", function () { return $1a9e4a89b237a23e$export$e252ba763eff5cdc; });
-$parcel$export($1a9e4a89b237a23e$exports, "ColorTools", function () { return $1a9e4a89b237a23e$export$bdef6e97a10dbad4; });
-$parcel$export($1a9e4a89b237a23e$exports, "LayoutTools", function () { return $1a9e4a89b237a23e$export$145c1b37c0810d7; });
-$parcel$export($1a9e4a89b237a23e$exports, "MediaTools", function () { return $1a9e4a89b237a23e$export$999636c6e25075fb; });
-$parcel$export($1a9e4a89b237a23e$exports, "ControlTools", function () { return $1a9e4a89b237a23e$export$f35db4b82786c3a4; });
-$parcel$export($1a9e4a89b237a23e$exports, "OriginalTools", function () { return $1a9e4a89b237a23e$export$9ddb256264948609; });
-$parcel$export($1a9e4a89b237a23e$exports, "DefaultTools", function () { return $1a9e4a89b237a23e$export$aa718db1466ce312; });
-var $eaf87102ba547294$exports = {};
+$parcel$export($874340d37b2bd428$exports, "TextTools", function () { return $874340d37b2bd428$export$e252ba763eff5cdc; });
+$parcel$export($874340d37b2bd428$exports, "ColorTools", function () { return $874340d37b2bd428$export$bdef6e97a10dbad4; });
+$parcel$export($874340d37b2bd428$exports, "LayoutTools", function () { return $874340d37b2bd428$export$145c1b37c0810d7; });
+$parcel$export($874340d37b2bd428$exports, "MediaTools", function () { return $874340d37b2bd428$export$999636c6e25075fb; });
+$parcel$export($874340d37b2bd428$exports, "ControlTools", function () { return $874340d37b2bd428$export$f35db4b82786c3a4; });
+$parcel$export($874340d37b2bd428$exports, "OriginalTools", function () { return $874340d37b2bd428$export$9ddb256264948609; });
+$parcel$export($874340d37b2bd428$exports, "DefaultTools", function () { return $874340d37b2bd428$export$aa718db1466ce312; });
+var $761e5fca3dae08eb$exports = {};
 
-$parcel$export($eaf87102ba547294$exports, "BoldTool", function () { return $eaf87102ba547294$export$10056a49e3b218eb; });
-$parcel$export($eaf87102ba547294$exports, "ItalicTool", function () { return $eaf87102ba547294$export$edf99d0f51bacb1e; });
-$parcel$export($eaf87102ba547294$exports, "UnderlineTool", function () { return $eaf87102ba547294$export$4b6d9c17188960d2; });
-$parcel$export($eaf87102ba547294$exports, "StrikeThroughTool", function () { return $eaf87102ba547294$export$a35bffaeae8fdda0; });
-$parcel$export($eaf87102ba547294$exports, "H1Tool", function () { return $eaf87102ba547294$export$30e8c6b428f8749f; });
-$parcel$export($eaf87102ba547294$exports, "H2Tool", function () { return $eaf87102ba547294$export$58443375efa91029; });
-$parcel$export($eaf87102ba547294$exports, "H3Tool", function () { return $eaf87102ba547294$export$75d24d6b8b747307; });
-$parcel$export($eaf87102ba547294$exports, "FontSizeDownTool", function () { return $eaf87102ba547294$export$a20806c6ef6938f8; });
-$parcel$export($eaf87102ba547294$exports, "FontSizeUpTool", function () { return $eaf87102ba547294$export$744da7e24e4a7382; });
-$parcel$export($eaf87102ba547294$exports, "SubscriptTool", function () { return $eaf87102ba547294$export$6137518b4e998008; });
-$parcel$export($eaf87102ba547294$exports, "SuperscriptTool", function () { return $eaf87102ba547294$export$7217f06c61ebd4fc; });
-$parcel$export($eaf87102ba547294$exports, "LinkTool", function () { return $eaf87102ba547294$export$f6c54364b5332e66; });
+$parcel$export($761e5fca3dae08eb$exports, "BoldTool", function () { return $761e5fca3dae08eb$export$10056a49e3b218eb; });
+$parcel$export($761e5fca3dae08eb$exports, "ItalicTool", function () { return $761e5fca3dae08eb$export$edf99d0f51bacb1e; });
+$parcel$export($761e5fca3dae08eb$exports, "UnderlineTool", function () { return $761e5fca3dae08eb$export$4b6d9c17188960d2; });
+$parcel$export($761e5fca3dae08eb$exports, "StrikeThroughTool", function () { return $761e5fca3dae08eb$export$a35bffaeae8fdda0; });
+$parcel$export($761e5fca3dae08eb$exports, "H1Tool", function () { return $761e5fca3dae08eb$export$30e8c6b428f8749f; });
+$parcel$export($761e5fca3dae08eb$exports, "H2Tool", function () { return $761e5fca3dae08eb$export$58443375efa91029; });
+$parcel$export($761e5fca3dae08eb$exports, "H3Tool", function () { return $761e5fca3dae08eb$export$75d24d6b8b747307; });
+$parcel$export($761e5fca3dae08eb$exports, "FontSizeDownTool", function () { return $761e5fca3dae08eb$export$a20806c6ef6938f8; });
+$parcel$export($761e5fca3dae08eb$exports, "FontSizeUpTool", function () { return $761e5fca3dae08eb$export$744da7e24e4a7382; });
+$parcel$export($761e5fca3dae08eb$exports, "SubscriptTool", function () { return $761e5fca3dae08eb$export$6137518b4e998008; });
+$parcel$export($761e5fca3dae08eb$exports, "SuperscriptTool", function () { return $761e5fca3dae08eb$export$7217f06c61ebd4fc; });
+$parcel$export($761e5fca3dae08eb$exports, "LinkTool", function () { return $761e5fca3dae08eb$export$f6c54364b5332e66; });
 
 
-
-class $eaf87102ba547294$export$10056a49e3b218eb extends $13t2B$BoldTool {
+class $761e5fca3dae08eb$export$10056a49e3b218eb extends (0, $42h8L$BoldTool) {
     constructor(...args){
         super(...args);
-        $13t2B$defineProperty(this, "icon", 'type-bold');
-        $13t2B$defineProperty(this, "render", $43d566ad2fe8cba8$export$56ccecc1dac11363);
+        this.icon = "type-bold";
+        this.render = (0, $1b0306899ced6391$export$56ccecc1dac11363);
     }
 }
-class $eaf87102ba547294$export$edf99d0f51bacb1e extends $13t2B$ItalicTool {
+class $761e5fca3dae08eb$export$edf99d0f51bacb1e extends (0, $42h8L$ItalicTool) {
     constructor(...args){
         super(...args);
-        $13t2B$defineProperty(this, "icon", 'type-italic');
-        $13t2B$defineProperty(this, "render", $43d566ad2fe8cba8$export$56ccecc1dac11363);
+        this.icon = "type-italic";
+        this.render = (0, $1b0306899ced6391$export$56ccecc1dac11363);
     }
 }
-class $eaf87102ba547294$export$4b6d9c17188960d2 extends $13t2B$UnderlineTool {
+class $761e5fca3dae08eb$export$4b6d9c17188960d2 extends (0, $42h8L$UnderlineTool) {
     constructor(...args){
         super(...args);
-        $13t2B$defineProperty(this, "icon", 'type-underline');
-        $13t2B$defineProperty(this, "render", $43d566ad2fe8cba8$export$56ccecc1dac11363);
+        this.icon = "type-underline";
+        this.render = (0, $1b0306899ced6391$export$56ccecc1dac11363);
     }
 }
-class $eaf87102ba547294$export$a35bffaeae8fdda0 extends $13t2B$StrikeThroughTool {
+class $761e5fca3dae08eb$export$a35bffaeae8fdda0 extends (0, $42h8L$StrikeThroughTool) {
     constructor(...args){
         super(...args);
-        $13t2B$defineProperty(this, "icon", 'type-strikethrough');
-        $13t2B$defineProperty(this, "render", $43d566ad2fe8cba8$export$56ccecc1dac11363);
+        this.icon = "type-strikethrough";
+        this.render = (0, $1b0306899ced6391$export$56ccecc1dac11363);
     }
 }
-class $eaf87102ba547294$export$30e8c6b428f8749f extends $13t2B$H1Tool {
+class $761e5fca3dae08eb$export$30e8c6b428f8749f extends (0, $42h8L$H1Tool) {
     constructor(...args){
         super(...args);
-        $13t2B$defineProperty(this, "icon", 'type-h1');
-        $13t2B$defineProperty(this, "render", $43d566ad2fe8cba8$export$56ccecc1dac11363);
+        this.icon = "type-h1";
+        this.render = (0, $1b0306899ced6391$export$56ccecc1dac11363);
     }
 }
-class $eaf87102ba547294$export$58443375efa91029 extends $13t2B$H2Tool {
+class $761e5fca3dae08eb$export$58443375efa91029 extends (0, $42h8L$H2Tool) {
     constructor(...args){
         super(...args);
-        $13t2B$defineProperty(this, "icon", 'type-h2');
-        $13t2B$defineProperty(this, "render", $43d566ad2fe8cba8$export$56ccecc1dac11363);
+        this.icon = "type-h2";
+        this.render = (0, $1b0306899ced6391$export$56ccecc1dac11363);
     }
 }
-class $eaf87102ba547294$export$75d24d6b8b747307 extends $13t2B$H3Tool {
+class $761e5fca3dae08eb$export$75d24d6b8b747307 extends (0, $42h8L$H3Tool) {
     constructor(...args){
         super(...args);
-        $13t2B$defineProperty(this, "icon", 'type-h3');
-        $13t2B$defineProperty(this, "render", $43d566ad2fe8cba8$export$56ccecc1dac11363);
+        this.icon = "type-h3";
+        this.render = (0, $1b0306899ced6391$export$56ccecc1dac11363);
     }
 }
-class $eaf87102ba547294$export$a20806c6ef6938f8 extends $13t2B$FontSizeDownTool {
+class $761e5fca3dae08eb$export$a20806c6ef6938f8 extends (0, $42h8L$FontSizeDownTool) {
     constructor(...args){
         super(...args);
-        $13t2B$defineProperty(this, "icon", 'sort-alpha-down');
-        $13t2B$defineProperty(this, "render", $43d566ad2fe8cba8$export$56ccecc1dac11363);
+        this.icon = "sort-alpha-down";
+        this.render = (0, $1b0306899ced6391$export$56ccecc1dac11363);
     }
 }
-class $eaf87102ba547294$export$744da7e24e4a7382 extends $13t2B$FontSizeUpTool {
+class $761e5fca3dae08eb$export$744da7e24e4a7382 extends (0, $42h8L$FontSizeUpTool) {
     constructor(...args){
         super(...args);
-        $13t2B$defineProperty(this, "icon", 'sort-alpha-up');
-        $13t2B$defineProperty(this, "render", $43d566ad2fe8cba8$export$56ccecc1dac11363);
+        this.icon = "sort-alpha-up";
+        this.render = (0, $1b0306899ced6391$export$56ccecc1dac11363);
     }
 }
-class $eaf87102ba547294$export$6137518b4e998008 extends $13t2B$SubscriptTool {
+class $761e5fca3dae08eb$export$6137518b4e998008 extends (0, $42h8L$SubscriptTool) {
     constructor(...args){
         super(...args);
-        $13t2B$defineProperty(this, "icon", 'box-arrow-down-right');
-        $13t2B$defineProperty(this, "render", $43d566ad2fe8cba8$export$56ccecc1dac11363);
+        this.icon = "box-arrow-down-right";
+        this.render = (0, $1b0306899ced6391$export$56ccecc1dac11363);
     }
 }
-class $eaf87102ba547294$export$7217f06c61ebd4fc extends $13t2B$SuperscriptTool {
+class $761e5fca3dae08eb$export$7217f06c61ebd4fc extends (0, $42h8L$SuperscriptTool) {
     constructor(...args){
         super(...args);
-        $13t2B$defineProperty(this, "icon", 'box-arrow-up-right');
-        $13t2B$defineProperty(this, "render", $43d566ad2fe8cba8$export$56ccecc1dac11363);
+        this.icon = "box-arrow-up-right";
+        this.render = (0, $1b0306899ced6391$export$56ccecc1dac11363);
     }
 }
-class $eaf87102ba547294$export$f6c54364b5332e66 extends $13t2B$LinkTool {
+class $761e5fca3dae08eb$export$f6c54364b5332e66 extends (0, $42h8L$LinkTool) {
     constructor(...args){
         super(...args);
-        $13t2B$defineProperty(this, "icon", 'link');
-        $13t2B$defineProperty(this, "render", $43d566ad2fe8cba8$export$56ccecc1dac11363);
+        this.icon = "link";
+        this.render = (0, $1b0306899ced6391$export$56ccecc1dac11363);
     }
@@ -168,18 +170,17 @@ }
 
-var $531f464768a4571c$exports = {};
+var $ead89fe985cdff7b$exports = {};
 
-$parcel$export($531f464768a4571c$exports, "ColorSelector", function () { return $531f464768a4571c$export$9012acaf449cdfcb; });
-$parcel$export($531f464768a4571c$exports, "renderColorTool", function () { return $531f464768a4571c$export$e913fac2ab7b6f29; });
-$parcel$export($531f464768a4571c$exports, "ForeColorTool", function () { return $531f464768a4571c$export$cab0e15cfb8489d7; });
-$parcel$export($531f464768a4571c$exports, "BackColorTool", function () { return $531f464768a4571c$export$92bb6183e7459be2; });
+$parcel$export($ead89fe985cdff7b$exports, "ColorSelector", function () { return $ead89fe985cdff7b$export$9012acaf449cdfcb; });
+$parcel$export($ead89fe985cdff7b$exports, "renderColorTool", function () { return $ead89fe985cdff7b$export$e913fac2ab7b6f29; });
+$parcel$export($ead89fe985cdff7b$exports, "ForeColorTool", function () { return $ead89fe985cdff7b$export$cab0e15cfb8489d7; });
+$parcel$export($ead89fe985cdff7b$exports, "BackColorTool", function () { return $ead89fe985cdff7b$export$92bb6183e7459be2; });
 
 
 
-
-function $531f464768a4571c$export$9012acaf449cdfcb({ className: className , title: title , type: type , value: value1 , onChange: onChange , icon: icon  }) {
-    return /*#__PURE__*/ $13t2B$jsxs("span", {
+function $ead89fe985cdff7b$export$9012acaf449cdfcb({ className: className, title: title, type: type, value: value, onChange: onChange, icon: icon }) {
+    return /*#__PURE__*/ (0, $42h8L$jsxs)("span", {
         className: `d-inline-block align-middle position-relative ${className}`,
         title: title,
         children: [
-            /*#__PURE__*/ $13t2B$jsx("input", {
+            /*#__PURE__*/ (0, $42h8L$jsx)("input", {
                 className: "position-absolute w-100 h-100 rounded-3",
@@ -192,13 +193,11 @@ style: {
                 type: "color",
-                value: value1,
-                onChange: ({ target: { value: value  }  })=>{
-                    return onChange === null || onChange === void 0 ? void 0 : onChange(value);
-                }
+                value: value,
+                onChange: ({ target: { value: value } })=>onChange?.(value)
             }),
-            /*#__PURE__*/ $13t2B$jsx("button", {
+            /*#__PURE__*/ (0, $42h8L$jsx)("button", {
                 className: "btn",
                 style: {
-                    color: type === 'color' ? value1 : 'lightgray',
-                    backgroundColor: type === 'color' ? 'white' : value1,
-                    borderColor: value1
+                    color: type === "color" ? value : "lightgray",
+                    backgroundColor: type === "color" ? "white" : value,
+                    borderColor: value
                 },
@@ -209,3 +208,3 @@ onClick: (event)=>{
                 },
-                children: /*#__PURE__*/ $13t2B$jsx("i", {
+                children: /*#__PURE__*/ (0, $42h8L$jsx)("i", {
                     className: `bi-${icon}`
@@ -217,5 +216,5 @@ })
 }
-function $531f464768a4571c$export$e913fac2ab7b6f29(editor) {
-    const { icon: icon , name: name , colorName: colorName  } = this;
-    return /*#__PURE__*/ $13t2B$jsx($531f464768a4571c$export$9012acaf449cdfcb, {
+function $ead89fe985cdff7b$export$e913fac2ab7b6f29(editor) {
+    const { icon: icon, name: name, colorName: colorName } = this;
+    return /*#__PURE__*/ (0, $42h8L$jsx)($ead89fe985cdff7b$export$9012acaf449cdfcb, {
         className: "me-2 mb-2",
@@ -229,14 +228,14 @@ title: name,
 }
-class $531f464768a4571c$export$cab0e15cfb8489d7 extends $13t2B$ForeColorTool {
+class $ead89fe985cdff7b$export$cab0e15cfb8489d7 extends (0, $42h8L$ForeColorTool) {
     constructor(...args){
         super(...args);
-        $13t2B$defineProperty(this, "icon", 'file-earmark-font');
-        $13t2B$defineProperty(this, "render", $531f464768a4571c$export$e913fac2ab7b6f29);
+        this.icon = "file-earmark-font";
+        this.render = $ead89fe985cdff7b$export$e913fac2ab7b6f29;
     }
 }
-class $531f464768a4571c$export$92bb6183e7459be2 extends $13t2B$BackColorTool {
+class $ead89fe985cdff7b$export$92bb6183e7459be2 extends (0, $42h8L$BackColorTool) {
     constructor(...args){
         super(...args);
-        $13t2B$defineProperty(this, "icon", 'file-earmark-font-fill');
-        $13t2B$defineProperty(this, "render", $531f464768a4571c$export$e913fac2ab7b6f29);
+        this.icon = "file-earmark-font-fill";
+        this.render = $ead89fe985cdff7b$export$e913fac2ab7b6f29;
     }
@@ -246,61 +245,60 @@ }
 
-var $e325b99ac86e8052$exports = {};
+var $258f24df7a3cbf67$exports = {};
 
-$parcel$export($e325b99ac86e8052$exports, "AlignLeftTool", function () { return $e325b99ac86e8052$export$42a444ebfdcfe7b9; });
-$parcel$export($e325b99ac86e8052$exports, "AlignCenterTool", function () { return $e325b99ac86e8052$export$9a2e6e0294a984eb; });
-$parcel$export($e325b99ac86e8052$exports, "AlignRightTool", function () { return $e325b99ac86e8052$export$22363f91860fc258; });
-$parcel$export($e325b99ac86e8052$exports, "AlignFullTool", function () { return $e325b99ac86e8052$export$42827b1362fed748; });
-$parcel$export($e325b99ac86e8052$exports, "OrderedListTool", function () { return $e325b99ac86e8052$export$faf4e70f09f43a15; });
-$parcel$export($e325b99ac86e8052$exports, "UnorderedListTool", function () { return $e325b99ac86e8052$export$cf4030b57a3fbe37; });
-$parcel$export($e325b99ac86e8052$exports, "HorizontalRuleTool", function () { return $e325b99ac86e8052$export$dce8a7d6279fc201; });
+$parcel$export($258f24df7a3cbf67$exports, "AlignLeftTool", function () { return $258f24df7a3cbf67$export$42a444ebfdcfe7b9; });
+$parcel$export($258f24df7a3cbf67$exports, "AlignCenterTool", function () { return $258f24df7a3cbf67$export$9a2e6e0294a984eb; });
+$parcel$export($258f24df7a3cbf67$exports, "AlignRightTool", function () { return $258f24df7a3cbf67$export$22363f91860fc258; });
+$parcel$export($258f24df7a3cbf67$exports, "AlignFullTool", function () { return $258f24df7a3cbf67$export$42827b1362fed748; });
+$parcel$export($258f24df7a3cbf67$exports, "OrderedListTool", function () { return $258f24df7a3cbf67$export$faf4e70f09f43a15; });
+$parcel$export($258f24df7a3cbf67$exports, "UnorderedListTool", function () { return $258f24df7a3cbf67$export$cf4030b57a3fbe37; });
+$parcel$export($258f24df7a3cbf67$exports, "HorizontalRuleTool", function () { return $258f24df7a3cbf67$export$dce8a7d6279fc201; });
 
 
-
-class $e325b99ac86e8052$export$42a444ebfdcfe7b9 extends $13t2B$AlignLeftTool {
+class $258f24df7a3cbf67$export$42a444ebfdcfe7b9 extends (0, $42h8L$AlignLeftTool) {
     constructor(...args){
         super(...args);
-        $13t2B$defineProperty(this, "icon", 'text-left');
-        $13t2B$defineProperty(this, "render", $43d566ad2fe8cba8$export$56ccecc1dac11363);
+        this.icon = "text-left";
+        this.render = (0, $1b0306899ced6391$export$56ccecc1dac11363);
     }
 }
-class $e325b99ac86e8052$export$9a2e6e0294a984eb extends $13t2B$AlignCenterTool {
+class $258f24df7a3cbf67$export$9a2e6e0294a984eb extends (0, $42h8L$AlignCenterTool) {
     constructor(...args){
         super(...args);
-        $13t2B$defineProperty(this, "icon", 'text-center');
-        $13t2B$defineProperty(this, "render", $43d566ad2fe8cba8$export$56ccecc1dac11363);
+        this.icon = "text-center";
+        this.render = (0, $1b0306899ced6391$export$56ccecc1dac11363);
     }
 }
-class $e325b99ac86e8052$export$22363f91860fc258 extends $13t2B$AlignRightTool {
+class $258f24df7a3cbf67$export$22363f91860fc258 extends (0, $42h8L$AlignRightTool) {
     constructor(...args){
         super(...args);
-        $13t2B$defineProperty(this, "icon", 'text-right');
-        $13t2B$defineProperty(this, "render", $43d566ad2fe8cba8$export$56ccecc1dac11363);
+        this.icon = "text-right";
+        this.render = (0, $1b0306899ced6391$export$56ccecc1dac11363);
     }
 }
-class $e325b99ac86e8052$export$42827b1362fed748 extends $13t2B$AlignFullTool {
+class $258f24df7a3cbf67$export$42827b1362fed748 extends (0, $42h8L$AlignFullTool) {
     constructor(...args){
         super(...args);
-        $13t2B$defineProperty(this, "icon", 'justify');
-        $13t2B$defineProperty(this, "render", $43d566ad2fe8cba8$export$56ccecc1dac11363);
+        this.icon = "justify";
+        this.render = (0, $1b0306899ced6391$export$56ccecc1dac11363);
     }
 }
-class $e325b99ac86e8052$export$faf4e70f09f43a15 extends $13t2B$OrderedListTool {
+class $258f24df7a3cbf67$export$faf4e70f09f43a15 extends (0, $42h8L$OrderedListTool) {
     constructor(...args){
         super(...args);
-        $13t2B$defineProperty(this, "icon", 'list-ol');
-        $13t2B$defineProperty(this, "render", $43d566ad2fe8cba8$export$56ccecc1dac11363);
+        this.icon = "list-ol";
+        this.render = (0, $1b0306899ced6391$export$56ccecc1dac11363);
     }
 }
-class $e325b99ac86e8052$export$cf4030b57a3fbe37 extends $13t2B$UnorderedListTool {
+class $258f24df7a3cbf67$export$cf4030b57a3fbe37 extends (0, $42h8L$UnorderedListTool) {
     constructor(...args){
         super(...args);
-        $13t2B$defineProperty(this, "icon", 'list-ul');
-        $13t2B$defineProperty(this, "render", $43d566ad2fe8cba8$export$56ccecc1dac11363);
+        this.icon = "list-ul";
+        this.render = (0, $1b0306899ced6391$export$56ccecc1dac11363);
     }
 }
-class $e325b99ac86e8052$export$dce8a7d6279fc201 extends $13t2B$HorizontalRuleTool {
+class $258f24df7a3cbf67$export$dce8a7d6279fc201 extends (0, $42h8L$HorizontalRuleTool) {
     constructor(...args){
         super(...args);
-        $13t2B$defineProperty(this, "icon", 'reception-0');
-        $13t2B$defineProperty(this, "render", $43d566ad2fe8cba8$export$56ccecc1dac11363);
+        this.icon = "reception-0";
+        this.render = (0, $1b0306899ced6391$export$56ccecc1dac11363);
     }
@@ -310,37 +308,36 @@ }
 
-var $fe0ddf31161b8e51$exports = {};
+var $0769f8c709024b7a$exports = {};
 
-$parcel$export($fe0ddf31161b8e51$exports, "IFrameTool", function () { return $fe0ddf31161b8e51$export$3e557574863db086; });
-$parcel$export($fe0ddf31161b8e51$exports, "ImageTool", function () { return $fe0ddf31161b8e51$export$982f47444a2f88da; });
-$parcel$export($fe0ddf31161b8e51$exports, "AudioTool", function () { return $fe0ddf31161b8e51$export$6024938f37e646f8; });
-$parcel$export($fe0ddf31161b8e51$exports, "VideoTool", function () { return $fe0ddf31161b8e51$export$932111b8028f79ed; });
+$parcel$export($0769f8c709024b7a$exports, "IFrameTool", function () { return $0769f8c709024b7a$export$3e557574863db086; });
+$parcel$export($0769f8c709024b7a$exports, "ImageTool", function () { return $0769f8c709024b7a$export$982f47444a2f88da; });
+$parcel$export($0769f8c709024b7a$exports, "AudioTool", function () { return $0769f8c709024b7a$export$6024938f37e646f8; });
+$parcel$export($0769f8c709024b7a$exports, "VideoTool", function () { return $0769f8c709024b7a$export$932111b8028f79ed; });
 
 
-
-class $fe0ddf31161b8e51$export$3e557574863db086 extends $13t2B$IFrameTool {
+class $0769f8c709024b7a$export$3e557574863db086 extends (0, $42h8L$IFrameTool) {
     constructor(...args){
         super(...args);
-        $13t2B$defineProperty(this, "icon", 'window');
-        $13t2B$defineProperty(this, "render", $43d566ad2fe8cba8$export$56ccecc1dac11363);
+        this.icon = "window";
+        this.render = (0, $1b0306899ced6391$export$56ccecc1dac11363);
     }
 }
-class $fe0ddf31161b8e51$export$982f47444a2f88da extends $13t2B$ImageTool {
+class $0769f8c709024b7a$export$982f47444a2f88da extends (0, $42h8L$ImageTool) {
     constructor(...args){
         super(...args);
-        $13t2B$defineProperty(this, "icon", 'image');
-        $13t2B$defineProperty(this, "render", $43d566ad2fe8cba8$export$56ccecc1dac11363);
+        this.icon = "image";
+        this.render = (0, $1b0306899ced6391$export$56ccecc1dac11363);
     }
 }
-class $fe0ddf31161b8e51$export$6024938f37e646f8 extends $13t2B$AudioTool {
+class $0769f8c709024b7a$export$6024938f37e646f8 extends (0, $42h8L$AudioTool) {
     constructor(...args){
         super(...args);
-        $13t2B$defineProperty(this, "icon", 'voicemail');
-        $13t2B$defineProperty(this, "render", $43d566ad2fe8cba8$export$56ccecc1dac11363);
+        this.icon = "voicemail";
+        this.render = (0, $1b0306899ced6391$export$56ccecc1dac11363);
     }
 }
-class $fe0ddf31161b8e51$export$932111b8028f79ed extends $13t2B$VideoTool {
+class $0769f8c709024b7a$export$932111b8028f79ed extends (0, $42h8L$VideoTool) {
     constructor(...args){
         super(...args);
-        $13t2B$defineProperty(this, "icon", 'camera-video');
-        $13t2B$defineProperty(this, "render", $43d566ad2fe8cba8$export$56ccecc1dac11363);
+        this.icon = "camera-video";
+        this.render = (0, $1b0306899ced6391$export$56ccecc1dac11363);
     }
@@ -350,37 +347,36 @@ }
 
-var $c165247acc4b6a48$exports = {};
+var $2c12cf671c105d76$exports = {};
 
-$parcel$export($c165247acc4b6a48$exports, "UndoTool", function () { return $c165247acc4b6a48$export$65235875731ff287; });
-$parcel$export($c165247acc4b6a48$exports, "RedoTool", function () { return $c165247acc4b6a48$export$b60f30d254d1e1a6; });
-$parcel$export($c165247acc4b6a48$exports, "ResetTool", function () { return $c165247acc4b6a48$export$6f46dc3d81fbb4bd; });
-$parcel$export($c165247acc4b6a48$exports, "ClearTool", function () { return $c165247acc4b6a48$export$25eb377ce1feaada; });
+$parcel$export($2c12cf671c105d76$exports, "UndoTool", function () { return $2c12cf671c105d76$export$65235875731ff287; });
+$parcel$export($2c12cf671c105d76$exports, "RedoTool", function () { return $2c12cf671c105d76$export$b60f30d254d1e1a6; });
+$parcel$export($2c12cf671c105d76$exports, "ResetTool", function () { return $2c12cf671c105d76$export$6f46dc3d81fbb4bd; });
+$parcel$export($2c12cf671c105d76$exports, "ClearTool", function () { return $2c12cf671c105d76$export$25eb377ce1feaada; });
 
 
-
-class $c165247acc4b6a48$export$65235875731ff287 extends $13t2B$UndoTool {
+class $2c12cf671c105d76$export$65235875731ff287 extends (0, $42h8L$UndoTool) {
     constructor(...args){
         super(...args);
-        $13t2B$defineProperty(this, "icon", 'arrow-counterclockwise');
-        $13t2B$defineProperty(this, "render", $43d566ad2fe8cba8$export$56ccecc1dac11363);
+        this.icon = "arrow-counterclockwise";
+        this.render = (0, $1b0306899ced6391$export$56ccecc1dac11363);
     }
 }
-class $c165247acc4b6a48$export$b60f30d254d1e1a6 extends $13t2B$RedoTool {
+class $2c12cf671c105d76$export$b60f30d254d1e1a6 extends (0, $42h8L$RedoTool) {
     constructor(...args){
         super(...args);
-        $13t2B$defineProperty(this, "icon", 'arrow-clockwise');
-        $13t2B$defineProperty(this, "render", $43d566ad2fe8cba8$export$56ccecc1dac11363);
+        this.icon = "arrow-clockwise";
+        this.render = (0, $1b0306899ced6391$export$56ccecc1dac11363);
     }
 }
-class $c165247acc4b6a48$export$6f46dc3d81fbb4bd extends $13t2B$ResetTool {
+class $2c12cf671c105d76$export$6f46dc3d81fbb4bd extends (0, $42h8L$ResetTool) {
     constructor(...args){
         super(...args);
-        $13t2B$defineProperty(this, "icon", 'eraser');
-        $13t2B$defineProperty(this, "render", $43d566ad2fe8cba8$export$56ccecc1dac11363);
+        this.icon = "eraser";
+        this.render = (0, $1b0306899ced6391$export$56ccecc1dac11363);
     }
 }
-class $c165247acc4b6a48$export$25eb377ce1feaada extends $13t2B$ClearTool {
+class $2c12cf671c105d76$export$25eb377ce1feaada extends (0, $42h8L$ClearTool) {
     constructor(...args){
         super(...args);
-        $13t2B$defineProperty(this, "icon", 'file-earmark-x');
-        $13t2B$defineProperty(this, "render", $43d566ad2fe8cba8$export$56ccecc1dac11363);
+        this.icon = "file-earmark-x";
+        this.render = (0, $1b0306899ced6391$export$56ccecc1dac11363);
     }
@@ -390,87 +386,82 @@ }
 
-
-
-
-
-
-const $1a9e4a89b237a23e$export$e252ba763eff5cdc = [
-    $eaf87102ba547294$export$10056a49e3b218eb,
-    $eaf87102ba547294$export$edf99d0f51bacb1e,
-    $eaf87102ba547294$export$4b6d9c17188960d2,
-    $eaf87102ba547294$export$a35bffaeae8fdda0,
-    $eaf87102ba547294$export$30e8c6b428f8749f,
-    $eaf87102ba547294$export$58443375efa91029,
-    $eaf87102ba547294$export$75d24d6b8b747307,
-    $eaf87102ba547294$export$a20806c6ef6938f8,
-    $eaf87102ba547294$export$744da7e24e4a7382,
-    $eaf87102ba547294$export$6137518b4e998008,
-    $eaf87102ba547294$export$7217f06c61ebd4fc,
-    $eaf87102ba547294$export$f6c54364b5332e66
+const $874340d37b2bd428$export$e252ba763eff5cdc = [
+    (0, $761e5fca3dae08eb$export$10056a49e3b218eb),
+    (0, $761e5fca3dae08eb$export$edf99d0f51bacb1e),
+    (0, $761e5fca3dae08eb$export$4b6d9c17188960d2),
+    (0, $761e5fca3dae08eb$export$a35bffaeae8fdda0),
+    (0, $761e5fca3dae08eb$export$30e8c6b428f8749f),
+    (0, $761e5fca3dae08eb$export$58443375efa91029),
+    (0, $761e5fca3dae08eb$export$75d24d6b8b747307),
+    (0, $761e5fca3dae08eb$export$a20806c6ef6938f8),
+    (0, $761e5fca3dae08eb$export$744da7e24e4a7382),
+    (0, $761e5fca3dae08eb$export$6137518b4e998008),
+    (0, $761e5fca3dae08eb$export$7217f06c61ebd4fc),
+    (0, $761e5fca3dae08eb$export$f6c54364b5332e66)
 ];
-const $1a9e4a89b237a23e$export$bdef6e97a10dbad4 = [
-    $531f464768a4571c$export$cab0e15cfb8489d7,
-    $531f464768a4571c$export$92bb6183e7459be2
+const $874340d37b2bd428$export$bdef6e97a10dbad4 = [
+    (0, $ead89fe985cdff7b$export$cab0e15cfb8489d7),
+    (0, $ead89fe985cdff7b$export$92bb6183e7459be2)
 ];
-const $1a9e4a89b237a23e$export$145c1b37c0810d7 = [
-    $e325b99ac86e8052$export$42a444ebfdcfe7b9,
-    $e325b99ac86e8052$export$9a2e6e0294a984eb,
-    $e325b99ac86e8052$export$22363f91860fc258,
-    $e325b99ac86e8052$export$42827b1362fed748,
-    $e325b99ac86e8052$export$faf4e70f09f43a15,
-    $e325b99ac86e8052$export$cf4030b57a3fbe37,
-    $e325b99ac86e8052$export$dce8a7d6279fc201
+const $874340d37b2bd428$export$145c1b37c0810d7 = [
+    (0, $258f24df7a3cbf67$export$42a444ebfdcfe7b9),
+    (0, $258f24df7a3cbf67$export$9a2e6e0294a984eb),
+    (0, $258f24df7a3cbf67$export$22363f91860fc258),
+    (0, $258f24df7a3cbf67$export$42827b1362fed748),
+    (0, $258f24df7a3cbf67$export$faf4e70f09f43a15),
+    (0, $258f24df7a3cbf67$export$cf4030b57a3fbe37),
+    (0, $258f24df7a3cbf67$export$dce8a7d6279fc201)
 ];
-const $1a9e4a89b237a23e$export$999636c6e25075fb = [
-    $fe0ddf31161b8e51$export$3e557574863db086,
-    $fe0ddf31161b8e51$export$982f47444a2f88da,
-    $fe0ddf31161b8e51$export$6024938f37e646f8,
-    $fe0ddf31161b8e51$export$932111b8028f79ed
+const $874340d37b2bd428$export$999636c6e25075fb = [
+    (0, $0769f8c709024b7a$export$3e557574863db086),
+    (0, $0769f8c709024b7a$export$982f47444a2f88da),
+    (0, $0769f8c709024b7a$export$6024938f37e646f8),
+    (0, $0769f8c709024b7a$export$932111b8028f79ed)
 ];
-const $1a9e4a89b237a23e$export$f35db4b82786c3a4 = [
-    $c165247acc4b6a48$export$65235875731ff287,
-    $c165247acc4b6a48$export$b60f30d254d1e1a6,
-    $c165247acc4b6a48$export$6f46dc3d81fbb4bd,
-    $c165247acc4b6a48$export$25eb377ce1feaada
+const $874340d37b2bd428$export$f35db4b82786c3a4 = [
+    (0, $2c12cf671c105d76$export$65235875731ff287),
+    (0, $2c12cf671c105d76$export$b60f30d254d1e1a6),
+    (0, $2c12cf671c105d76$export$6f46dc3d81fbb4bd),
+    (0, $2c12cf671c105d76$export$25eb377ce1feaada)
 ];
-const $1a9e4a89b237a23e$export$9ddb256264948609 = [
-    ...$1a9e4a89b237a23e$export$e252ba763eff5cdc,
-    ...$1a9e4a89b237a23e$export$bdef6e97a10dbad4,
-    ...$1a9e4a89b237a23e$export$145c1b37c0810d7,
-    ...$1a9e4a89b237a23e$export$999636c6e25075fb,
-    ...$1a9e4a89b237a23e$export$f35db4b82786c3a4
+const $874340d37b2bd428$export$9ddb256264948609 = [
+    ...$874340d37b2bd428$export$e252ba763eff5cdc,
+    ...$874340d37b2bd428$export$bdef6e97a10dbad4,
+    ...$874340d37b2bd428$export$145c1b37c0810d7,
+    ...$874340d37b2bd428$export$999636c6e25075fb,
+    ...$874340d37b2bd428$export$f35db4b82786c3a4
 ];
-const $1a9e4a89b237a23e$export$aa718db1466ce312 = [
-    $eaf87102ba547294$export$10056a49e3b218eb,
-    $eaf87102ba547294$export$edf99d0f51bacb1e,
-    $eaf87102ba547294$export$4b6d9c17188960d2,
-    $eaf87102ba547294$export$a35bffaeae8fdda0,
-    $eaf87102ba547294$export$30e8c6b428f8749f,
-    $eaf87102ba547294$export$58443375efa91029,
-    $eaf87102ba547294$export$75d24d6b8b747307,
-    $eaf87102ba547294$export$6137518b4e998008,
-    $eaf87102ba547294$export$7217f06c61ebd4fc,
-    $531f464768a4571c$export$cab0e15cfb8489d7,
-    $531f464768a4571c$export$92bb6183e7459be2,
-    $e325b99ac86e8052$export$42a444ebfdcfe7b9,
-    $e325b99ac86e8052$export$9a2e6e0294a984eb,
-    $e325b99ac86e8052$export$22363f91860fc258,
-    $e325b99ac86e8052$export$42827b1362fed748,
-    $e325b99ac86e8052$export$faf4e70f09f43a15,
-    $e325b99ac86e8052$export$cf4030b57a3fbe37,
-    $e325b99ac86e8052$export$dce8a7d6279fc201,
-    $fe0ddf31161b8e51$export$982f47444a2f88da,
-    $c165247acc4b6a48$export$65235875731ff287,
-    $c165247acc4b6a48$export$b60f30d254d1e1a6,
-    $c165247acc4b6a48$export$25eb377ce1feaada
+const $874340d37b2bd428$export$aa718db1466ce312 = [
+    (0, $761e5fca3dae08eb$export$10056a49e3b218eb),
+    (0, $761e5fca3dae08eb$export$edf99d0f51bacb1e),
+    (0, $761e5fca3dae08eb$export$4b6d9c17188960d2),
+    (0, $761e5fca3dae08eb$export$a35bffaeae8fdda0),
+    (0, $761e5fca3dae08eb$export$30e8c6b428f8749f),
+    (0, $761e5fca3dae08eb$export$58443375efa91029),
+    (0, $761e5fca3dae08eb$export$75d24d6b8b747307),
+    (0, $761e5fca3dae08eb$export$6137518b4e998008),
+    (0, $761e5fca3dae08eb$export$7217f06c61ebd4fc),
+    (0, $ead89fe985cdff7b$export$cab0e15cfb8489d7),
+    (0, $ead89fe985cdff7b$export$92bb6183e7459be2),
+    (0, $258f24df7a3cbf67$export$42a444ebfdcfe7b9),
+    (0, $258f24df7a3cbf67$export$9a2e6e0294a984eb),
+    (0, $258f24df7a3cbf67$export$22363f91860fc258),
+    (0, $258f24df7a3cbf67$export$42827b1362fed748),
+    (0, $258f24df7a3cbf67$export$faf4e70f09f43a15),
+    (0, $258f24df7a3cbf67$export$cf4030b57a3fbe37),
+    (0, $258f24df7a3cbf67$export$dce8a7d6279fc201),
+    (0, $0769f8c709024b7a$export$982f47444a2f88da),
+    (0, $2c12cf671c105d76$export$65235875731ff287),
+    (0, $2c12cf671c105d76$export$b60f30d254d1e1a6),
+    (0, $2c12cf671c105d76$export$25eb377ce1feaada)
 ];
-$parcel$exportWildcard($1a9e4a89b237a23e$exports, $eaf87102ba547294$exports);
-$parcel$exportWildcard($1a9e4a89b237a23e$exports, $531f464768a4571c$exports);
-$parcel$exportWildcard($1a9e4a89b237a23e$exports, $e325b99ac86e8052$exports);
-$parcel$exportWildcard($1a9e4a89b237a23e$exports, $fe0ddf31161b8e51$exports);
-$parcel$exportWildcard($1a9e4a89b237a23e$exports, $c165247acc4b6a48$exports);
+$parcel$exportWildcard($874340d37b2bd428$exports, $761e5fca3dae08eb$exports);
+$parcel$exportWildcard($874340d37b2bd428$exports, $ead89fe985cdff7b$exports);
+$parcel$exportWildcard($874340d37b2bd428$exports, $258f24df7a3cbf67$exports);
+$parcel$exportWildcard($874340d37b2bd428$exports, $0769f8c709024b7a$exports);
+$parcel$exportWildcard($874340d37b2bd428$exports, $2c12cf671c105d76$exports);
 
 
-var $de23b760ca33f560$exports = {};
+var $c96162bdd429b3d6$exports = {};
 
-$parcel$export($de23b760ca33f560$exports, "Editor", function () { return $de23b760ca33f560$export$7cda8d932e2f33c0; });
+$parcel$export($c96162bdd429b3d6$exports, "Editor", function () { return $c96162bdd429b3d6$export$7cda8d932e2f33c0; });
 
@@ -480,25 +471,66 @@
 
-class $de23b760ca33f560$export$7cda8d932e2f33c0 extends $13t2B$PureComponent {
-    static getDerivedStateFromProps({ tools: tools = $1a9e4a89b237a23e$export$aa718db1466ce312 , value: value  }, { toolList: toolList , data: data  }) {
-        return {
-            toolList: toolList[0] ? toolList : tools.map((ToolButton)=>new ToolButton()
-            ),
-            data: data || value
-        };
-    }
+
+
+
+let $c96162bdd429b3d6$export$7cda8d932e2f33c0 = class Editor extends (0, $42h8L$PureComponent) {
+    static #_ = (()=>{
+        this.displayName = "Editor";
+    })();
     componentDidMount() {
-        document.addEventListener('selectionchange', this.updateTools);
+        this.bootTools();
+        document.addEventListener("selectionchange", this.updateTools);
     }
+    componentDidUpdate({ tools: tools }) {
+        if (tools !== this.props.tools) this.bootTools();
+    }
     componentWillUnmount() {
-        document.removeEventListener('selectionchange', this.updateTools);
+        document.removeEventListener("selectionchange", this.updateTools);
     }
+    bootTools() {
+        const { tools: tools = (0, $874340d37b2bd428$export$aa718db1466ce312) } = this.props;
+        this.toolList = tools.map((ToolButton)=>new ToolButton());
+    }
+    updateValue(markup) {
+        this.innerValue = markup = markup.trim();
+        this.props.onChange?.(markup);
+    }
+    async uploadFile(Type, data) {
+        if (typeof data === "string" && !/^(data|blob):/.test(data)) return data;
+        const tool = this.toolList.find((tool)=>tool instanceof Type);
+        try {
+            return await tool?.save(typeof data === "string" ? await (0, $42h8L$blobOf)(data) : data);
+        } catch (error) {
+            console.error(error);
+            if (typeof data === "string") return data;
+        }
+    }
+    async clearHTML(markup) {
+        const fragment = document.createDocumentFragment();
+        fragment.append(...(0, $42h8L$parseDOM)(markup));
+        for (const element of (0, $42h8L$walkDOM)(fragment, Node.ELEMENT_NODE)){
+            const { style: style, dataset: dataset } = element;
+            if ([
+                "nowrap",
+                "pre"
+            ].includes(style.whiteSpace)) style.whiteSpace = "normal";
+            for(const key in dataset)delete dataset[key];
+            if (element instanceof HTMLImageElement) element.src = await this.uploadFile((0, $0769f8c709024b7a$export$982f47444a2f88da), element.src);
+            else if (element instanceof HTMLAudioElement) element.src = await this.uploadFile((0, $0769f8c709024b7a$export$6024938f37e646f8), element.src);
+            else if (element instanceof HTMLVideoElement) element.src = await this.uploadFile((0, $0769f8c709024b7a$export$932111b8028f79ed), element.src);
+        }
+        return fragment;
+    }
+    insertToCursor(raw) {
+        this.box.current?.focus();
+        if (typeof raw === "string") (0, $42h8L$insertToCursor)(...(0, $42h8L$parseDOM)(raw));
+        else (0, $42h8L$insertToCursor)(raw);
+    }
     render() {
-        const { toolList: toolList , data: data  } = this.state, { onChange: onChange  } = this.props;
-        return /*#__PURE__*/ $13t2B$jsxs($13t2B$Fragment, {
+        const { toolList: toolList, defaultValue: defaultValue, innerValue: innerValue } = this, { name: name } = this.props;
+        return /*#__PURE__*/ (0, $42h8L$jsxs)((0, $42h8L$Fragment), {
             children: [
-                /*#__PURE__*/ $13t2B$jsx("header", {
-                    children: toolList.map((tool)=>tool.render(this.box)
-                    )
+                /*#__PURE__*/ (0, $42h8L$jsx)("header", {
+                    children: toolList.map((tool)=>tool.render(this.box))
                 }),
-                /*#__PURE__*/ $13t2B$jsx("div", {
+                /*#__PURE__*/ (0, $42h8L$jsx)("div", {
                     ref: this.box,
@@ -508,7 +540,12 @@ className: "form-control h-auto",
                     dangerouslySetInnerHTML: {
-                        __html: data
+                        __html: defaultValue
                     },
-                    onInput: ({ target: target  })=>{
-                        return onChange === null || onChange === void 0 ? void 0 : onChange(target.innerHTML);
-                    }
+                    onInput: ({ currentTarget: { innerHTML: innerHTML } })=>this.updateValue(innerHTML),
+                    onPaste: this.handlePasteDrop,
+                    onDrop: this.handlePasteDrop
+                }),
+                /*#__PURE__*/ (0, $42h8L$jsx)("input", {
+                    type: "hidden",
+                    name: name,
+                    value: innerValue
                 })
@@ -520,17 +557,45 @@ ]
         super(...args);
-        $13t2B$defineProperty(this, "box", /*#__PURE__*/ $13t2B$createRef());
-        $13t2B$defineProperty(this, "state", {
-            toolList: [],
-            data: ''
-        });
-        $13t2B$defineProperty(this, "updateTools", ()=>{
-            if (this.box.current === document.activeElement) this.setState({
-                toolList: [
-                    ...this.state.toolList
-                ]
-            });
-        });
+        this.box = /*#__PURE__*/ (0, $42h8L$createRef)();
+        this.toolList = [];
+        this.defaultValue = this.props.defaultValue;
+        this.innerValue = this.defaultValue;
+        this.updateTools = ()=>{
+            if (this.box.current === document.activeElement) this.toolList = [
+                ...this.toolList
+            ];
+        };
+        this.handlePasteDrop = async (event)=>{
+            event.preventDefault();
+            const { currentTarget: currentTarget } = event;
+            const list = event.type === "paste" ? [
+                ...event.clipboardData.items
+            ] : [
+                ...event.dataTransfer.items
+            ];
+            for (const item of list)if (item.type === "text/html") {
+                const raw = await new Promise((resolve)=>item.getAsString(resolve));
+                this.insertToCursor(await this.clearHTML(raw));
+            } else if (item.type.startsWith("image/")) {
+                const URI = await this.uploadFile((0, $0769f8c709024b7a$export$982f47444a2f88da), item.getAsFile());
+                if (URI) this.insertToCursor(`<img src="${URI}" />`);
+            } else if (item.type.startsWith("audio/")) {
+                const URI = await this.uploadFile((0, $0769f8c709024b7a$export$6024938f37e646f8), item.getAsFile());
+                if (URI) this.insertToCursor(`<audio src="${URI}" />`);
+            } else if (item.type.startsWith("video/")) {
+                const URI = await this.uploadFile((0, $0769f8c709024b7a$export$932111b8028f79ed), item.getAsFile());
+                if (URI) this.insertToCursor(`<video src="${URI}" />`);
+            }
+            this.updateValue(currentTarget.innerHTML);
+        };
     }
-}
-$13t2B$defineProperty($de23b760ca33f560$export$7cda8d932e2f33c0, "displayName", 'Editor');
+};
+(0, $42h8L$_)([
+    (0, $42h8L$observable)
+], $c96162bdd429b3d6$export$7cda8d932e2f33c0.prototype, "toolList", void 0);
+(0, $42h8L$_)([
+    (0, $42h8L$observable)
+], $c96162bdd429b3d6$export$7cda8d932e2f33c0.prototype, "innerValue", void 0);
+$c96162bdd429b3d6$export$7cda8d932e2f33c0 = (0, $42h8L$_)([
+    (0, $42h8L$observer)
+], $c96162bdd429b3d6$export$7cda8d932e2f33c0);
 
@@ -540,3 +605,3 @@
 
-export {$43d566ad2fe8cba8$export$56ccecc1dac11363 as renderTool, $1a9e4a89b237a23e$export$e252ba763eff5cdc as TextTools, $1a9e4a89b237a23e$export$bdef6e97a10dbad4 as ColorTools, $1a9e4a89b237a23e$export$145c1b37c0810d7 as LayoutTools, $1a9e4a89b237a23e$export$999636c6e25075fb as MediaTools, $1a9e4a89b237a23e$export$f35db4b82786c3a4 as ControlTools, $1a9e4a89b237a23e$export$9ddb256264948609 as OriginalTools, $1a9e4a89b237a23e$export$aa718db1466ce312 as DefaultTools, $eaf87102ba547294$export$10056a49e3b218eb as BoldTool, $eaf87102ba547294$export$edf99d0f51bacb1e as ItalicTool, $eaf87102ba547294$export$4b6d9c17188960d2 as UnderlineTool, $eaf87102ba547294$export$a35bffaeae8fdda0 as StrikeThroughTool, $eaf87102ba547294$export$30e8c6b428f8749f as H1Tool, $eaf87102ba547294$export$58443375efa91029 as H2Tool, $eaf87102ba547294$export$75d24d6b8b747307 as H3Tool, $eaf87102ba547294$export$a20806c6ef6938f8 as FontSizeDownTool, $eaf87102ba547294$export$744da7e24e4a7382 as FontSizeUpTool, $eaf87102ba547294$export$6137518b4e998008 as SubscriptTool, $eaf87102ba547294$export$7217f06c61ebd4fc as SuperscriptTool, $eaf87102ba547294$export$f6c54364b5332e66 as LinkTool, $531f464768a4571c$export$9012acaf449cdfcb as ColorSelector, $531f464768a4571c$export$e913fac2ab7b6f29 as renderColorTool, $531f464768a4571c$export$cab0e15cfb8489d7 as ForeColorTool, $531f464768a4571c$export$92bb6183e7459be2 as BackColorTool, $e325b99ac86e8052$export$42a444ebfdcfe7b9 as AlignLeftTool, $e325b99ac86e8052$export$9a2e6e0294a984eb as AlignCenterTool, $e325b99ac86e8052$export$22363f91860fc258 as AlignRightTool, $e325b99ac86e8052$export$42827b1362fed748 as AlignFullTool, $e325b99ac86e8052$export$faf4e70f09f43a15 as OrderedListTool, $e325b99ac86e8052$export$cf4030b57a3fbe37 as UnorderedListTool, $e325b99ac86e8052$export$dce8a7d6279fc201 as HorizontalRuleTool, $fe0ddf31161b8e51$export$3e557574863db086 as IFrameTool, $fe0ddf31161b8e51$export$982f47444a2f88da as ImageTool, $fe0ddf31161b8e51$export$6024938f37e646f8 as AudioTool, $fe0ddf31161b8e51$export$932111b8028f79ed as VideoTool, $c165247acc4b6a48$export$65235875731ff287 as UndoTool, $c165247acc4b6a48$export$b60f30d254d1e1a6 as RedoTool, $c165247acc4b6a48$export$6f46dc3d81fbb4bd as ResetTool, $c165247acc4b6a48$export$25eb377ce1feaada as ClearTool, $de23b760ca33f560$export$7cda8d932e2f33c0 as Editor};
+export {$1b0306899ced6391$export$56ccecc1dac11363 as renderTool, $874340d37b2bd428$export$e252ba763eff5cdc as TextTools, $874340d37b2bd428$export$bdef6e97a10dbad4 as ColorTools, $874340d37b2bd428$export$145c1b37c0810d7 as LayoutTools, $874340d37b2bd428$export$999636c6e25075fb as MediaTools, $874340d37b2bd428$export$f35db4b82786c3a4 as ControlTools, $874340d37b2bd428$export$9ddb256264948609 as OriginalTools, $874340d37b2bd428$export$aa718db1466ce312 as DefaultTools, $761e5fca3dae08eb$export$10056a49e3b218eb as BoldTool, $761e5fca3dae08eb$export$edf99d0f51bacb1e as ItalicTool, $761e5fca3dae08eb$export$4b6d9c17188960d2 as UnderlineTool, $761e5fca3dae08eb$export$a35bffaeae8fdda0 as StrikeThroughTool, $761e5fca3dae08eb$export$30e8c6b428f8749f as H1Tool, $761e5fca3dae08eb$export$58443375efa91029 as H2Tool, $761e5fca3dae08eb$export$75d24d6b8b747307 as H3Tool, $761e5fca3dae08eb$export$a20806c6ef6938f8 as FontSizeDownTool, $761e5fca3dae08eb$export$744da7e24e4a7382 as FontSizeUpTool, $761e5fca3dae08eb$export$6137518b4e998008 as SubscriptTool, $761e5fca3dae08eb$export$7217f06c61ebd4fc as SuperscriptTool, $761e5fca3dae08eb$export$f6c54364b5332e66 as LinkTool, $ead89fe985cdff7b$export$9012acaf449cdfcb as ColorSelector, $ead89fe985cdff7b$export$e913fac2ab7b6f29 as renderColorTool, $ead89fe985cdff7b$export$cab0e15cfb8489d7 as ForeColorTool, $ead89fe985cdff7b$export$92bb6183e7459be2 as BackColorTool, $258f24df7a3cbf67$export$42a444ebfdcfe7b9 as AlignLeftTool, $258f24df7a3cbf67$export$9a2e6e0294a984eb as AlignCenterTool, $258f24df7a3cbf67$export$22363f91860fc258 as AlignRightTool, $258f24df7a3cbf67$export$42827b1362fed748 as AlignFullTool, $258f24df7a3cbf67$export$faf4e70f09f43a15 as OrderedListTool, $258f24df7a3cbf67$export$cf4030b57a3fbe37 as UnorderedListTool, $258f24df7a3cbf67$export$dce8a7d6279fc201 as HorizontalRuleTool, $0769f8c709024b7a$export$3e557574863db086 as IFrameTool, $0769f8c709024b7a$export$982f47444a2f88da as ImageTool, $0769f8c709024b7a$export$6024938f37e646f8 as AudioTool, $0769f8c709024b7a$export$932111b8028f79ed as VideoTool, $2c12cf671c105d76$export$65235875731ff287 as UndoTool, $2c12cf671c105d76$export$b60f30d254d1e1a6 as RedoTool, $2c12cf671c105d76$export$6f46dc3d81fbb4bd as ResetTool, $2c12cf671c105d76$export$25eb377ce1feaada as ClearTool, $c96162bdd429b3d6$export$7cda8d932e2f33c0 as Editor};
 //# sourceMappingURL=index.esm.js.map

dist/index.js

@@ -1,756 +0,2 @@
-var $6Lvvy$reactjsxruntime = require("react/jsx-runtime");
-var $6Lvvy$react = require("react");
-var $6Lvvy$swchelpers = require("@swc/helpers");
-var $6Lvvy$edkit = require("edkit");
-
-function $parcel$exportWildcard(dest, source) {
-  Object.keys(source).forEach(function(key) {
-    if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
-      return;
-    }
-
-    Object.defineProperty(dest, key, {
-      enumerable: true,
-      get: function get() {
-        return source[key];
-      }
-    });
-  });
-
-  return dest;
-}
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-var $e6d4b3ebb29c3ec4$exports = {};
-
-$parcel$export($e6d4b3ebb29c3ec4$exports, "renderTool", function () { return $e6d4b3ebb29c3ec4$export$56ccecc1dac11363; });
-
-
-function $e6d4b3ebb29c3ec4$export$56ccecc1dac11363(editor) {
-    var _this = this;
-    var ref = this, title = ref.title, active = ref.active, icon = ref.icon, usable = ref.usable;
-    var Class = "btn btn-".concat((active ? '' : 'outline-') + 'secondary', " me-2 mb-2");
-    return /*#__PURE__*/ $6Lvvy$reactjsxruntime.jsx("button", {
-        type: "button",
-        title: title,
-        className: Class,
-        style: {
-            cursor: usable ? 'pointer' : 'not-allowed'
-        },
-        disabled: !usable,
-        onClick: function(event) {
-            event.preventDefault();
-            if (editor.current) _this.execute(editor.current);
-        },
-        children: /*#__PURE__*/ $6Lvvy$reactjsxruntime.jsx("i", {
-            className: "bi-".concat(icon)
-        })
-    }, icon);
-}
-
-
-var $9d49801ddb6619aa$exports = {};
-
-$parcel$export($9d49801ddb6619aa$exports, "TextTools", function () { return $9d49801ddb6619aa$export$e252ba763eff5cdc; });
-$parcel$export($9d49801ddb6619aa$exports, "ColorTools", function () { return $9d49801ddb6619aa$export$bdef6e97a10dbad4; });
-$parcel$export($9d49801ddb6619aa$exports, "LayoutTools", function () { return $9d49801ddb6619aa$export$145c1b37c0810d7; });
-$parcel$export($9d49801ddb6619aa$exports, "MediaTools", function () { return $9d49801ddb6619aa$export$999636c6e25075fb; });
-$parcel$export($9d49801ddb6619aa$exports, "ControlTools", function () { return $9d49801ddb6619aa$export$f35db4b82786c3a4; });
-$parcel$export($9d49801ddb6619aa$exports, "OriginalTools", function () { return $9d49801ddb6619aa$export$9ddb256264948609; });
-$parcel$export($9d49801ddb6619aa$exports, "DefaultTools", function () { return $9d49801ddb6619aa$export$aa718db1466ce312; });
-
-var $82be45805e629b6c$exports = {};
-
-$parcel$export($82be45805e629b6c$exports, "BoldTool", function () { return $82be45805e629b6c$export$10056a49e3b218eb; });
-$parcel$export($82be45805e629b6c$exports, "ItalicTool", function () { return $82be45805e629b6c$export$edf99d0f51bacb1e; });
-$parcel$export($82be45805e629b6c$exports, "UnderlineTool", function () { return $82be45805e629b6c$export$4b6d9c17188960d2; });
-$parcel$export($82be45805e629b6c$exports, "StrikeThroughTool", function () { return $82be45805e629b6c$export$a35bffaeae8fdda0; });
-$parcel$export($82be45805e629b6c$exports, "H1Tool", function () { return $82be45805e629b6c$export$30e8c6b428f8749f; });
-$parcel$export($82be45805e629b6c$exports, "H2Tool", function () { return $82be45805e629b6c$export$58443375efa91029; });
-$parcel$export($82be45805e629b6c$exports, "H3Tool", function () { return $82be45805e629b6c$export$75d24d6b8b747307; });
-$parcel$export($82be45805e629b6c$exports, "FontSizeDownTool", function () { return $82be45805e629b6c$export$a20806c6ef6938f8; });
-$parcel$export($82be45805e629b6c$exports, "FontSizeUpTool", function () { return $82be45805e629b6c$export$744da7e24e4a7382; });
-$parcel$export($82be45805e629b6c$exports, "SubscriptTool", function () { return $82be45805e629b6c$export$6137518b4e998008; });
-$parcel$export($82be45805e629b6c$exports, "SuperscriptTool", function () { return $82be45805e629b6c$export$7217f06c61ebd4fc; });
-$parcel$export($82be45805e629b6c$exports, "LinkTool", function () { return $82be45805e629b6c$export$f6c54364b5332e66; });
-
-
-
-var $82be45805e629b6c$export$10056a49e3b218eb = /*#__PURE__*/ function(BT) {
-    "use strict";
-    $6Lvvy$swchelpers.inherits($82be45805e629b6c$export$10056a49e3b218eb, BT);
-    var _super = $6Lvvy$swchelpers.createSuper($82be45805e629b6c$export$10056a49e3b218eb);
-    function $82be45805e629b6c$export$10056a49e3b218eb() {
-        $6Lvvy$swchelpers.classCallCheck(this, $82be45805e629b6c$export$10056a49e3b218eb);
-        var _this;
-        _this = _super.apply(this, arguments);
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "icon", 'type-bold');
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "render", $e6d4b3ebb29c3ec4$export$56ccecc1dac11363);
-        return _this;
-    }
-    return $82be45805e629b6c$export$10056a49e3b218eb;
-}($6Lvvy$edkit.BoldTool);
-var $82be45805e629b6c$export$edf99d0f51bacb1e = /*#__PURE__*/ function(IT) {
-    "use strict";
-    $6Lvvy$swchelpers.inherits($82be45805e629b6c$export$edf99d0f51bacb1e, IT);
-    var _super = $6Lvvy$swchelpers.createSuper($82be45805e629b6c$export$edf99d0f51bacb1e);
-    function $82be45805e629b6c$export$edf99d0f51bacb1e() {
-        $6Lvvy$swchelpers.classCallCheck(this, $82be45805e629b6c$export$edf99d0f51bacb1e);
-        var _this;
-        _this = _super.apply(this, arguments);
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "icon", 'type-italic');
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "render", $e6d4b3ebb29c3ec4$export$56ccecc1dac11363);
-        return _this;
-    }
-    return $82be45805e629b6c$export$edf99d0f51bacb1e;
-}($6Lvvy$edkit.ItalicTool);
-var $82be45805e629b6c$export$4b6d9c17188960d2 = /*#__PURE__*/ function(UT) {
-    "use strict";
-    $6Lvvy$swchelpers.inherits($82be45805e629b6c$export$4b6d9c17188960d2, UT);
-    var _super = $6Lvvy$swchelpers.createSuper($82be45805e629b6c$export$4b6d9c17188960d2);
-    function $82be45805e629b6c$export$4b6d9c17188960d2() {
-        $6Lvvy$swchelpers.classCallCheck(this, $82be45805e629b6c$export$4b6d9c17188960d2);
-        var _this;
-        _this = _super.apply(this, arguments);
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "icon", 'type-underline');
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "render", $e6d4b3ebb29c3ec4$export$56ccecc1dac11363);
-        return _this;
-    }
-    return $82be45805e629b6c$export$4b6d9c17188960d2;
-}($6Lvvy$edkit.UnderlineTool);
-var $82be45805e629b6c$export$a35bffaeae8fdda0 = /*#__PURE__*/ function(STT) {
-    "use strict";
-    $6Lvvy$swchelpers.inherits($82be45805e629b6c$export$a35bffaeae8fdda0, STT);
-    var _super = $6Lvvy$swchelpers.createSuper($82be45805e629b6c$export$a35bffaeae8fdda0);
-    function $82be45805e629b6c$export$a35bffaeae8fdda0() {
-        $6Lvvy$swchelpers.classCallCheck(this, $82be45805e629b6c$export$a35bffaeae8fdda0);
-        var _this;
-        _this = _super.apply(this, arguments);
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "icon", 'type-strikethrough');
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "render", $e6d4b3ebb29c3ec4$export$56ccecc1dac11363);
-        return _this;
-    }
-    return $82be45805e629b6c$export$a35bffaeae8fdda0;
-}($6Lvvy$edkit.StrikeThroughTool);
-var $82be45805e629b6c$export$30e8c6b428f8749f = /*#__PURE__*/ function(H1T) {
-    "use strict";
-    $6Lvvy$swchelpers.inherits($82be45805e629b6c$export$30e8c6b428f8749f, H1T);
-    var _super = $6Lvvy$swchelpers.createSuper($82be45805e629b6c$export$30e8c6b428f8749f);
-    function $82be45805e629b6c$export$30e8c6b428f8749f() {
-        $6Lvvy$swchelpers.classCallCheck(this, $82be45805e629b6c$export$30e8c6b428f8749f);
-        var _this;
-        _this = _super.apply(this, arguments);
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "icon", 'type-h1');
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "render", $e6d4b3ebb29c3ec4$export$56ccecc1dac11363);
-        return _this;
-    }
-    return $82be45805e629b6c$export$30e8c6b428f8749f;
-}($6Lvvy$edkit.H1Tool);
-var $82be45805e629b6c$export$58443375efa91029 = /*#__PURE__*/ function(H2T) {
-    "use strict";
-    $6Lvvy$swchelpers.inherits($82be45805e629b6c$export$58443375efa91029, H2T);
-    var _super = $6Lvvy$swchelpers.createSuper($82be45805e629b6c$export$58443375efa91029);
-    function $82be45805e629b6c$export$58443375efa91029() {
-        $6Lvvy$swchelpers.classCallCheck(this, $82be45805e629b6c$export$58443375efa91029);
-        var _this;
-        _this = _super.apply(this, arguments);
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "icon", 'type-h2');
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "render", $e6d4b3ebb29c3ec4$export$56ccecc1dac11363);
-        return _this;
-    }
-    return $82be45805e629b6c$export$58443375efa91029;
-}($6Lvvy$edkit.H2Tool);
-var $82be45805e629b6c$export$75d24d6b8b747307 = /*#__PURE__*/ function(H3T) {
-    "use strict";
-    $6Lvvy$swchelpers.inherits($82be45805e629b6c$export$75d24d6b8b747307, H3T);
-    var _super = $6Lvvy$swchelpers.createSuper($82be45805e629b6c$export$75d24d6b8b747307);
-    function $82be45805e629b6c$export$75d24d6b8b747307() {
-        $6Lvvy$swchelpers.classCallCheck(this, $82be45805e629b6c$export$75d24d6b8b747307);
-        var _this;
-        _this = _super.apply(this, arguments);
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "icon", 'type-h3');
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "render", $e6d4b3ebb29c3ec4$export$56ccecc1dac11363);
-        return _this;
-    }
-    return $82be45805e629b6c$export$75d24d6b8b747307;
-}($6Lvvy$edkit.H3Tool);
-var $82be45805e629b6c$export$a20806c6ef6938f8 = /*#__PURE__*/ function(FSDT) {
-    "use strict";
-    $6Lvvy$swchelpers.inherits($82be45805e629b6c$export$a20806c6ef6938f8, FSDT);
-    var _super = $6Lvvy$swchelpers.createSuper($82be45805e629b6c$export$a20806c6ef6938f8);
-    function $82be45805e629b6c$export$a20806c6ef6938f8() {
-        $6Lvvy$swchelpers.classCallCheck(this, $82be45805e629b6c$export$a20806c6ef6938f8);
-        var _this;
-        _this = _super.apply(this, arguments);
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "icon", 'sort-alpha-down');
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "render", $e6d4b3ebb29c3ec4$export$56ccecc1dac11363);
-        return _this;
-    }
-    return $82be45805e629b6c$export$a20806c6ef6938f8;
-}($6Lvvy$edkit.FontSizeDownTool);
-var $82be45805e629b6c$export$744da7e24e4a7382 = /*#__PURE__*/ function(FSUT) {
-    "use strict";
-    $6Lvvy$swchelpers.inherits($82be45805e629b6c$export$744da7e24e4a7382, FSUT);
-    var _super = $6Lvvy$swchelpers.createSuper($82be45805e629b6c$export$744da7e24e4a7382);
-    function $82be45805e629b6c$export$744da7e24e4a7382() {
-        $6Lvvy$swchelpers.classCallCheck(this, $82be45805e629b6c$export$744da7e24e4a7382);
-        var _this;
-        _this = _super.apply(this, arguments);
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "icon", 'sort-alpha-up');
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "render", $e6d4b3ebb29c3ec4$export$56ccecc1dac11363);
-        return _this;
-    }
-    return $82be45805e629b6c$export$744da7e24e4a7382;
-}($6Lvvy$edkit.FontSizeUpTool);
-var $82be45805e629b6c$export$6137518b4e998008 = /*#__PURE__*/ function(SubST) {
-    "use strict";
-    $6Lvvy$swchelpers.inherits($82be45805e629b6c$export$6137518b4e998008, SubST);
-    var _super = $6Lvvy$swchelpers.createSuper($82be45805e629b6c$export$6137518b4e998008);
-    function $82be45805e629b6c$export$6137518b4e998008() {
-        $6Lvvy$swchelpers.classCallCheck(this, $82be45805e629b6c$export$6137518b4e998008);
-        var _this;
-        _this = _super.apply(this, arguments);
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "icon", 'box-arrow-down-right');
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "render", $e6d4b3ebb29c3ec4$export$56ccecc1dac11363);
-        return _this;
-    }
-    return $82be45805e629b6c$export$6137518b4e998008;
-}($6Lvvy$edkit.SubscriptTool);
-var $82be45805e629b6c$export$7217f06c61ebd4fc = /*#__PURE__*/ function(SupST) {
-    "use strict";
-    $6Lvvy$swchelpers.inherits($82be45805e629b6c$export$7217f06c61ebd4fc, SupST);
-    var _super = $6Lvvy$swchelpers.createSuper($82be45805e629b6c$export$7217f06c61ebd4fc);
-    function $82be45805e629b6c$export$7217f06c61ebd4fc() {
-        $6Lvvy$swchelpers.classCallCheck(this, $82be45805e629b6c$export$7217f06c61ebd4fc);
-        var _this;
-        _this = _super.apply(this, arguments);
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "icon", 'box-arrow-up-right');
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "render", $e6d4b3ebb29c3ec4$export$56ccecc1dac11363);
-        return _this;
-    }
-    return $82be45805e629b6c$export$7217f06c61ebd4fc;
-}($6Lvvy$edkit.SuperscriptTool);
-var $82be45805e629b6c$export$f6c54364b5332e66 = /*#__PURE__*/ function(LT) {
-    "use strict";
-    $6Lvvy$swchelpers.inherits($82be45805e629b6c$export$f6c54364b5332e66, LT);
-    var _super = $6Lvvy$swchelpers.createSuper($82be45805e629b6c$export$f6c54364b5332e66);
-    function $82be45805e629b6c$export$f6c54364b5332e66() {
-        $6Lvvy$swchelpers.classCallCheck(this, $82be45805e629b6c$export$f6c54364b5332e66);
-        var _this;
-        _this = _super.apply(this, arguments);
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "icon", 'link');
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "render", $e6d4b3ebb29c3ec4$export$56ccecc1dac11363);
-        return _this;
-    }
-    return $82be45805e629b6c$export$f6c54364b5332e66;
-}($6Lvvy$edkit.LinkTool);
-
-
-var $20ba76a3836ba1c1$exports = {};
-
-$parcel$export($20ba76a3836ba1c1$exports, "ColorSelector", function () { return $20ba76a3836ba1c1$export$9012acaf449cdfcb; });
-$parcel$export($20ba76a3836ba1c1$exports, "renderColorTool", function () { return $20ba76a3836ba1c1$export$e913fac2ab7b6f29; });
-$parcel$export($20ba76a3836ba1c1$exports, "ForeColorTool", function () { return $20ba76a3836ba1c1$export$cab0e15cfb8489d7; });
-$parcel$export($20ba76a3836ba1c1$exports, "BackColorTool", function () { return $20ba76a3836ba1c1$export$92bb6183e7459be2; });
-
-
-
-
-function $20ba76a3836ba1c1$export$9012acaf449cdfcb(param1) {
-    var className = param1.className, title = param1.title, type = param1.type, value1 = param1.value, onChange = param1.onChange, icon = param1.icon;
-    return /*#__PURE__*/ $6Lvvy$reactjsxruntime.jsxs("span", {
-        className: "d-inline-block align-middle position-relative ".concat(className),
-        title: title,
-        children: [
-            /*#__PURE__*/ $6Lvvy$reactjsxruntime.jsx("input", {
-                className: "position-absolute w-100 h-100 rounded-3",
-                style: {
-                    left: 0,
-                    top: 0,
-                    zIndex: -1
-                },
-                type: "color",
-                value: value1,
-                onChange: function(param) {
-                    var value = param.target.value;
-                    return onChange === null || onChange === void 0 ? void 0 : onChange(value);
-                }
-            }),
-            /*#__PURE__*/ $6Lvvy$reactjsxruntime.jsx("button", {
-                className: "btn",
-                style: {
-                    color: type === 'color' ? value1 : 'lightgray',
-                    backgroundColor: type === 'color' ? 'white' : value1,
-                    borderColor: value1
-                },
-                onClick: function(event) {
-                    event.preventDefault();
-                    event.currentTarget.previousElementSibling.click();
-                },
-                children: /*#__PURE__*/ $6Lvvy$reactjsxruntime.jsx("i", {
-                    className: "bi-".concat(icon)
-                })
-            })
-        ]
-    });
-}
-function $20ba76a3836ba1c1$export$e913fac2ab7b6f29(editor) {
-    var _this = this;
-    var ref = this, icon = ref.icon, name = ref.name, colorName = ref.colorName;
-    return /*#__PURE__*/ $6Lvvy$reactjsxruntime.jsx($20ba76a3836ba1c1$export$9012acaf449cdfcb, {
-        className: "me-2 mb-2",
-        title: name,
-        icon: icon,
-        type: colorName,
-        value: this.getColor(),
-        onChange: function(color) {
-            return editor.current && _this.execute(editor.current, color);
-        }
-    }, icon);
-}
-var $20ba76a3836ba1c1$export$cab0e15cfb8489d7 = /*#__PURE__*/ function(FCT) {
-    "use strict";
-    $6Lvvy$swchelpers.inherits($20ba76a3836ba1c1$export$cab0e15cfb8489d7, FCT);
-    var _super = $6Lvvy$swchelpers.createSuper($20ba76a3836ba1c1$export$cab0e15cfb8489d7);
-    function $20ba76a3836ba1c1$export$cab0e15cfb8489d7() {
-        $6Lvvy$swchelpers.classCallCheck(this, $20ba76a3836ba1c1$export$cab0e15cfb8489d7);
-        var _this;
-        _this = _super.apply(this, arguments);
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "icon", 'file-earmark-font');
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "render", $20ba76a3836ba1c1$export$e913fac2ab7b6f29);
-        return _this;
-    }
-    return $20ba76a3836ba1c1$export$cab0e15cfb8489d7;
-}($6Lvvy$edkit.ForeColorTool);
-var $20ba76a3836ba1c1$export$92bb6183e7459be2 = /*#__PURE__*/ function(BCT) {
-    "use strict";
-    $6Lvvy$swchelpers.inherits($20ba76a3836ba1c1$export$92bb6183e7459be2, BCT);
-    var _super = $6Lvvy$swchelpers.createSuper($20ba76a3836ba1c1$export$92bb6183e7459be2);
-    function $20ba76a3836ba1c1$export$92bb6183e7459be2() {
-        $6Lvvy$swchelpers.classCallCheck(this, $20ba76a3836ba1c1$export$92bb6183e7459be2);
-        var _this;
-        _this = _super.apply(this, arguments);
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "icon", 'file-earmark-font-fill');
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "render", $20ba76a3836ba1c1$export$e913fac2ab7b6f29);
-        return _this;
-    }
-    return $20ba76a3836ba1c1$export$92bb6183e7459be2;
-}($6Lvvy$edkit.BackColorTool);
-
-
-var $13550d109688d881$exports = {};
-
-$parcel$export($13550d109688d881$exports, "AlignLeftTool", function () { return $13550d109688d881$export$42a444ebfdcfe7b9; });
-$parcel$export($13550d109688d881$exports, "AlignCenterTool", function () { return $13550d109688d881$export$9a2e6e0294a984eb; });
-$parcel$export($13550d109688d881$exports, "AlignRightTool", function () { return $13550d109688d881$export$22363f91860fc258; });
-$parcel$export($13550d109688d881$exports, "AlignFullTool", function () { return $13550d109688d881$export$42827b1362fed748; });
-$parcel$export($13550d109688d881$exports, "OrderedListTool", function () { return $13550d109688d881$export$faf4e70f09f43a15; });
-$parcel$export($13550d109688d881$exports, "UnorderedListTool", function () { return $13550d109688d881$export$cf4030b57a3fbe37; });
-$parcel$export($13550d109688d881$exports, "HorizontalRuleTool", function () { return $13550d109688d881$export$dce8a7d6279fc201; });
-
-
-
-var $13550d109688d881$export$42a444ebfdcfe7b9 = /*#__PURE__*/ function(ALT) {
-    "use strict";
-    $6Lvvy$swchelpers.inherits($13550d109688d881$export$42a444ebfdcfe7b9, ALT);
-    var _super = $6Lvvy$swchelpers.createSuper($13550d109688d881$export$42a444ebfdcfe7b9);
-    function $13550d109688d881$export$42a444ebfdcfe7b9() {
-        $6Lvvy$swchelpers.classCallCheck(this, $13550d109688d881$export$42a444ebfdcfe7b9);
-        var _this;
-        _this = _super.apply(this, arguments);
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "icon", 'text-left');
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "render", $e6d4b3ebb29c3ec4$export$56ccecc1dac11363);
-        return _this;
-    }
-    return $13550d109688d881$export$42a444ebfdcfe7b9;
-}($6Lvvy$edkit.AlignLeftTool);
-var $13550d109688d881$export$9a2e6e0294a984eb = /*#__PURE__*/ function(ACT) {
-    "use strict";
-    $6Lvvy$swchelpers.inherits($13550d109688d881$export$9a2e6e0294a984eb, ACT);
-    var _super = $6Lvvy$swchelpers.createSuper($13550d109688d881$export$9a2e6e0294a984eb);
-    function $13550d109688d881$export$9a2e6e0294a984eb() {
-        $6Lvvy$swchelpers.classCallCheck(this, $13550d109688d881$export$9a2e6e0294a984eb);
-        var _this;
-        _this = _super.apply(this, arguments);
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "icon", 'text-center');
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "render", $e6d4b3ebb29c3ec4$export$56ccecc1dac11363);
-        return _this;
-    }
-    return $13550d109688d881$export$9a2e6e0294a984eb;
-}($6Lvvy$edkit.AlignCenterTool);
-var $13550d109688d881$export$22363f91860fc258 = /*#__PURE__*/ function(ART) {
-    "use strict";
-    $6Lvvy$swchelpers.inherits($13550d109688d881$export$22363f91860fc258, ART);
-    var _super = $6Lvvy$swchelpers.createSuper($13550d109688d881$export$22363f91860fc258);
-    function $13550d109688d881$export$22363f91860fc258() {
-        $6Lvvy$swchelpers.classCallCheck(this, $13550d109688d881$export$22363f91860fc258);
-        var _this;
-        _this = _super.apply(this, arguments);
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "icon", 'text-right');
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "render", $e6d4b3ebb29c3ec4$export$56ccecc1dac11363);
-        return _this;
-    }
-    return $13550d109688d881$export$22363f91860fc258;
-}($6Lvvy$edkit.AlignRightTool);
-var $13550d109688d881$export$42827b1362fed748 = /*#__PURE__*/ function(AFT) {
-    "use strict";
-    $6Lvvy$swchelpers.inherits($13550d109688d881$export$42827b1362fed748, AFT);
-    var _super = $6Lvvy$swchelpers.createSuper($13550d109688d881$export$42827b1362fed748);
-    function $13550d109688d881$export$42827b1362fed748() {
-        $6Lvvy$swchelpers.classCallCheck(this, $13550d109688d881$export$42827b1362fed748);
-        var _this;
-        _this = _super.apply(this, arguments);
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "icon", 'justify');
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "render", $e6d4b3ebb29c3ec4$export$56ccecc1dac11363);
-        return _this;
-    }
-    return $13550d109688d881$export$42827b1362fed748;
-}($6Lvvy$edkit.AlignFullTool);
-var $13550d109688d881$export$faf4e70f09f43a15 = /*#__PURE__*/ function(OLT) {
-    "use strict";
-    $6Lvvy$swchelpers.inherits($13550d109688d881$export$faf4e70f09f43a15, OLT);
-    var _super = $6Lvvy$swchelpers.createSuper($13550d109688d881$export$faf4e70f09f43a15);
-    function $13550d109688d881$export$faf4e70f09f43a15() {
-        $6Lvvy$swchelpers.classCallCheck(this, $13550d109688d881$export$faf4e70f09f43a15);
-        var _this;
-        _this = _super.apply(this, arguments);
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "icon", 'list-ol');
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "render", $e6d4b3ebb29c3ec4$export$56ccecc1dac11363);
-        return _this;
-    }
-    return $13550d109688d881$export$faf4e70f09f43a15;
-}($6Lvvy$edkit.OrderedListTool);
-var $13550d109688d881$export$cf4030b57a3fbe37 = /*#__PURE__*/ function(ULT) {
-    "use strict";
-    $6Lvvy$swchelpers.inherits($13550d109688d881$export$cf4030b57a3fbe37, ULT);
-    var _super = $6Lvvy$swchelpers.createSuper($13550d109688d881$export$cf4030b57a3fbe37);
-    function $13550d109688d881$export$cf4030b57a3fbe37() {
-        $6Lvvy$swchelpers.classCallCheck(this, $13550d109688d881$export$cf4030b57a3fbe37);
-        var _this;
-        _this = _super.apply(this, arguments);
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "icon", 'list-ul');
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "render", $e6d4b3ebb29c3ec4$export$56ccecc1dac11363);
-        return _this;
-    }
-    return $13550d109688d881$export$cf4030b57a3fbe37;
-}($6Lvvy$edkit.UnorderedListTool);
-var $13550d109688d881$export$dce8a7d6279fc201 = /*#__PURE__*/ function(HRT) {
-    "use strict";
-    $6Lvvy$swchelpers.inherits($13550d109688d881$export$dce8a7d6279fc201, HRT);
-    var _super = $6Lvvy$swchelpers.createSuper($13550d109688d881$export$dce8a7d6279fc201);
-    function $13550d109688d881$export$dce8a7d6279fc201() {
-        $6Lvvy$swchelpers.classCallCheck(this, $13550d109688d881$export$dce8a7d6279fc201);
-        var _this;
-        _this = _super.apply(this, arguments);
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "icon", 'reception-0');
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "render", $e6d4b3ebb29c3ec4$export$56ccecc1dac11363);
-        return _this;
-    }
-    return $13550d109688d881$export$dce8a7d6279fc201;
-}($6Lvvy$edkit.HorizontalRuleTool);
-
-
-var $e2f4a713d50dbe76$exports = {};
-
-$parcel$export($e2f4a713d50dbe76$exports, "IFrameTool", function () { return $e2f4a713d50dbe76$export$3e557574863db086; });
-$parcel$export($e2f4a713d50dbe76$exports, "ImageTool", function () { return $e2f4a713d50dbe76$export$982f47444a2f88da; });
-$parcel$export($e2f4a713d50dbe76$exports, "AudioTool", function () { return $e2f4a713d50dbe76$export$6024938f37e646f8; });
-$parcel$export($e2f4a713d50dbe76$exports, "VideoTool", function () { return $e2f4a713d50dbe76$export$932111b8028f79ed; });
-
-
-
-var $e2f4a713d50dbe76$export$3e557574863db086 = /*#__PURE__*/ function(FT) {
-    "use strict";
-    $6Lvvy$swchelpers.inherits($e2f4a713d50dbe76$export$3e557574863db086, FT);
-    var _super = $6Lvvy$swchelpers.createSuper($e2f4a713d50dbe76$export$3e557574863db086);
-    function $e2f4a713d50dbe76$export$3e557574863db086() {
-        $6Lvvy$swchelpers.classCallCheck(this, $e2f4a713d50dbe76$export$3e557574863db086);
-        var _this;
-        _this = _super.apply(this, arguments);
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "icon", 'window');
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "render", $e6d4b3ebb29c3ec4$export$56ccecc1dac11363);
-        return _this;
-    }
-    return $e2f4a713d50dbe76$export$3e557574863db086;
-}($6Lvvy$edkit.IFrameTool);
-var $e2f4a713d50dbe76$export$982f47444a2f88da = /*#__PURE__*/ function(IT) {
-    "use strict";
-    $6Lvvy$swchelpers.inherits($e2f4a713d50dbe76$export$982f47444a2f88da, IT);
-    var _super = $6Lvvy$swchelpers.createSuper($e2f4a713d50dbe76$export$982f47444a2f88da);
-    function $e2f4a713d50dbe76$export$982f47444a2f88da() {
-        $6Lvvy$swchelpers.classCallCheck(this, $e2f4a713d50dbe76$export$982f47444a2f88da);
-        var _this;
-        _this = _super.apply(this, arguments);
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "icon", 'image');
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "render", $e6d4b3ebb29c3ec4$export$56ccecc1dac11363);
-        return _this;
-    }
-    return $e2f4a713d50dbe76$export$982f47444a2f88da;
-}($6Lvvy$edkit.ImageTool);
-var $e2f4a713d50dbe76$export$6024938f37e646f8 = /*#__PURE__*/ function(AT) {
-    "use strict";
-    $6Lvvy$swchelpers.inherits($e2f4a713d50dbe76$export$6024938f37e646f8, AT);
-    var _super = $6Lvvy$swchelpers.createSuper($e2f4a713d50dbe76$export$6024938f37e646f8);
-    function $e2f4a713d50dbe76$export$6024938f37e646f8() {
-        $6Lvvy$swchelpers.classCallCheck(this, $e2f4a713d50dbe76$export$6024938f37e646f8);
-        var _this;
-        _this = _super.apply(this, arguments);
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "icon", 'voicemail');
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "render", $e6d4b3ebb29c3ec4$export$56ccecc1dac11363);
-        return _this;
-    }
-    return $e2f4a713d50dbe76$export$6024938f37e646f8;
-}($6Lvvy$edkit.AudioTool);
-var $e2f4a713d50dbe76$export$932111b8028f79ed = /*#__PURE__*/ function(VT) {
-    "use strict";
-    $6Lvvy$swchelpers.inherits($e2f4a713d50dbe76$export$932111b8028f79ed, VT);
-    var _super = $6Lvvy$swchelpers.createSuper($e2f4a713d50dbe76$export$932111b8028f79ed);
-    function $e2f4a713d50dbe76$export$932111b8028f79ed() {
-        $6Lvvy$swchelpers.classCallCheck(this, $e2f4a713d50dbe76$export$932111b8028f79ed);
-        var _this;
-        _this = _super.apply(this, arguments);
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "icon", 'camera-video');
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "render", $e6d4b3ebb29c3ec4$export$56ccecc1dac11363);
-        return _this;
-    }
-    return $e2f4a713d50dbe76$export$932111b8028f79ed;
-}($6Lvvy$edkit.VideoTool);
-
-
-var $f2c9a88cd503c93d$exports = {};
-
-$parcel$export($f2c9a88cd503c93d$exports, "UndoTool", function () { return $f2c9a88cd503c93d$export$65235875731ff287; });
-$parcel$export($f2c9a88cd503c93d$exports, "RedoTool", function () { return $f2c9a88cd503c93d$export$b60f30d254d1e1a6; });
-$parcel$export($f2c9a88cd503c93d$exports, "ResetTool", function () { return $f2c9a88cd503c93d$export$6f46dc3d81fbb4bd; });
-$parcel$export($f2c9a88cd503c93d$exports, "ClearTool", function () { return $f2c9a88cd503c93d$export$25eb377ce1feaada; });
-
-
-
-var $f2c9a88cd503c93d$export$65235875731ff287 = /*#__PURE__*/ function(UDT) {
-    "use strict";
-    $6Lvvy$swchelpers.inherits($f2c9a88cd503c93d$export$65235875731ff287, UDT);
-    var _super = $6Lvvy$swchelpers.createSuper($f2c9a88cd503c93d$export$65235875731ff287);
-    function $f2c9a88cd503c93d$export$65235875731ff287() {
-        $6Lvvy$swchelpers.classCallCheck(this, $f2c9a88cd503c93d$export$65235875731ff287);
-        var _this;
-        _this = _super.apply(this, arguments);
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "icon", 'arrow-counterclockwise');
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "render", $e6d4b3ebb29c3ec4$export$56ccecc1dac11363);
-        return _this;
-    }
-    return $f2c9a88cd503c93d$export$65235875731ff287;
-}($6Lvvy$edkit.UndoTool);
-var $f2c9a88cd503c93d$export$b60f30d254d1e1a6 = /*#__PURE__*/ function(RDT) {
-    "use strict";
-    $6Lvvy$swchelpers.inherits($f2c9a88cd503c93d$export$b60f30d254d1e1a6, RDT);
-    var _super = $6Lvvy$swchelpers.createSuper($f2c9a88cd503c93d$export$b60f30d254d1e1a6);
-    function $f2c9a88cd503c93d$export$b60f30d254d1e1a6() {
-        $6Lvvy$swchelpers.classCallCheck(this, $f2c9a88cd503c93d$export$b60f30d254d1e1a6);
-        var _this;
-        _this = _super.apply(this, arguments);
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "icon", 'arrow-clockwise');
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "render", $e6d4b3ebb29c3ec4$export$56ccecc1dac11363);
-        return _this;
-    }
-    return $f2c9a88cd503c93d$export$b60f30d254d1e1a6;
-}($6Lvvy$edkit.RedoTool);
-var $f2c9a88cd503c93d$export$6f46dc3d81fbb4bd = /*#__PURE__*/ function(RST) {
-    "use strict";
-    $6Lvvy$swchelpers.inherits($f2c9a88cd503c93d$export$6f46dc3d81fbb4bd, RST);
-    var _super = $6Lvvy$swchelpers.createSuper($f2c9a88cd503c93d$export$6f46dc3d81fbb4bd);
-    function $f2c9a88cd503c93d$export$6f46dc3d81fbb4bd() {
-        $6Lvvy$swchelpers.classCallCheck(this, $f2c9a88cd503c93d$export$6f46dc3d81fbb4bd);
-        var _this;
-        _this = _super.apply(this, arguments);
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "icon", 'eraser');
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "render", $e6d4b3ebb29c3ec4$export$56ccecc1dac11363);
-        return _this;
-    }
-    return $f2c9a88cd503c93d$export$6f46dc3d81fbb4bd;
-}($6Lvvy$edkit.ResetTool);
-var $f2c9a88cd503c93d$export$25eb377ce1feaada = /*#__PURE__*/ function(CT) {
-    "use strict";
-    $6Lvvy$swchelpers.inherits($f2c9a88cd503c93d$export$25eb377ce1feaada, CT);
-    var _super = $6Lvvy$swchelpers.createSuper($f2c9a88cd503c93d$export$25eb377ce1feaada);
-    function $f2c9a88cd503c93d$export$25eb377ce1feaada() {
-        $6Lvvy$swchelpers.classCallCheck(this, $f2c9a88cd503c93d$export$25eb377ce1feaada);
-        var _this;
-        _this = _super.apply(this, arguments);
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "icon", 'file-earmark-x');
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "render", $e6d4b3ebb29c3ec4$export$56ccecc1dac11363);
-        return _this;
-    }
-    return $f2c9a88cd503c93d$export$25eb377ce1feaada;
-}($6Lvvy$edkit.ClearTool);
-
-
-
-
-
-
-
-var $9d49801ddb6619aa$export$e252ba763eff5cdc = [
-    $82be45805e629b6c$export$10056a49e3b218eb,
-    $82be45805e629b6c$export$edf99d0f51bacb1e,
-    $82be45805e629b6c$export$4b6d9c17188960d2,
-    $82be45805e629b6c$export$a35bffaeae8fdda0,
-    $82be45805e629b6c$export$30e8c6b428f8749f,
-    $82be45805e629b6c$export$58443375efa91029,
-    $82be45805e629b6c$export$75d24d6b8b747307,
-    $82be45805e629b6c$export$a20806c6ef6938f8,
-    $82be45805e629b6c$export$744da7e24e4a7382,
-    $82be45805e629b6c$export$6137518b4e998008,
-    $82be45805e629b6c$export$7217f06c61ebd4fc,
-    $82be45805e629b6c$export$f6c54364b5332e66
-];
-var $9d49801ddb6619aa$export$bdef6e97a10dbad4 = [
-    $20ba76a3836ba1c1$export$cab0e15cfb8489d7,
-    $20ba76a3836ba1c1$export$92bb6183e7459be2
-];
-var $9d49801ddb6619aa$export$145c1b37c0810d7 = [
-    $13550d109688d881$export$42a444ebfdcfe7b9,
-    $13550d109688d881$export$9a2e6e0294a984eb,
-    $13550d109688d881$export$22363f91860fc258,
-    $13550d109688d881$export$42827b1362fed748,
-    $13550d109688d881$export$faf4e70f09f43a15,
-    $13550d109688d881$export$cf4030b57a3fbe37,
-    $13550d109688d881$export$dce8a7d6279fc201
-];
-var $9d49801ddb6619aa$export$999636c6e25075fb = [
-    $e2f4a713d50dbe76$export$3e557574863db086,
-    $e2f4a713d50dbe76$export$982f47444a2f88da,
-    $e2f4a713d50dbe76$export$6024938f37e646f8,
-    $e2f4a713d50dbe76$export$932111b8028f79ed
-];
-var $9d49801ddb6619aa$export$f35db4b82786c3a4 = [
-    $f2c9a88cd503c93d$export$65235875731ff287,
-    $f2c9a88cd503c93d$export$b60f30d254d1e1a6,
-    $f2c9a88cd503c93d$export$6f46dc3d81fbb4bd,
-    $f2c9a88cd503c93d$export$25eb377ce1feaada
-];
-var $9d49801ddb6619aa$export$9ddb256264948609 = $6Lvvy$swchelpers.toConsumableArray($9d49801ddb6619aa$export$e252ba763eff5cdc).concat($6Lvvy$swchelpers.toConsumableArray($9d49801ddb6619aa$export$bdef6e97a10dbad4), $6Lvvy$swchelpers.toConsumableArray($9d49801ddb6619aa$export$145c1b37c0810d7), $6Lvvy$swchelpers.toConsumableArray($9d49801ddb6619aa$export$999636c6e25075fb), $6Lvvy$swchelpers.toConsumableArray($9d49801ddb6619aa$export$f35db4b82786c3a4));
-var $9d49801ddb6619aa$export$aa718db1466ce312 = [
-    $82be45805e629b6c$export$10056a49e3b218eb,
-    $82be45805e629b6c$export$edf99d0f51bacb1e,
-    $82be45805e629b6c$export$4b6d9c17188960d2,
-    $82be45805e629b6c$export$a35bffaeae8fdda0,
-    $82be45805e629b6c$export$30e8c6b428f8749f,
-    $82be45805e629b6c$export$58443375efa91029,
-    $82be45805e629b6c$export$75d24d6b8b747307,
-    $82be45805e629b6c$export$6137518b4e998008,
-    $82be45805e629b6c$export$7217f06c61ebd4fc,
-    $20ba76a3836ba1c1$export$cab0e15cfb8489d7,
-    $20ba76a3836ba1c1$export$92bb6183e7459be2,
-    $13550d109688d881$export$42a444ebfdcfe7b9,
-    $13550d109688d881$export$9a2e6e0294a984eb,
-    $13550d109688d881$export$22363f91860fc258,
-    $13550d109688d881$export$42827b1362fed748,
-    $13550d109688d881$export$faf4e70f09f43a15,
-    $13550d109688d881$export$cf4030b57a3fbe37,
-    $13550d109688d881$export$dce8a7d6279fc201,
-    $e2f4a713d50dbe76$export$982f47444a2f88da,
-    $f2c9a88cd503c93d$export$65235875731ff287,
-    $f2c9a88cd503c93d$export$b60f30d254d1e1a6,
-    $f2c9a88cd503c93d$export$25eb377ce1feaada
-];
-$parcel$exportWildcard($9d49801ddb6619aa$exports, $82be45805e629b6c$exports);
-$parcel$exportWildcard($9d49801ddb6619aa$exports, $20ba76a3836ba1c1$exports);
-$parcel$exportWildcard($9d49801ddb6619aa$exports, $13550d109688d881$exports);
-$parcel$exportWildcard($9d49801ddb6619aa$exports, $e2f4a713d50dbe76$exports);
-$parcel$exportWildcard($9d49801ddb6619aa$exports, $f2c9a88cd503c93d$exports);
-
-
-var $909fab8ca6d5b054$exports = {};
-
-$parcel$export($909fab8ca6d5b054$exports, "Editor", function () { return $909fab8ca6d5b054$export$7cda8d932e2f33c0; });
-
-
-
-
-var $909fab8ca6d5b054$export$7cda8d932e2f33c0 = /*#__PURE__*/ function(PureComponent) {
-    "use strict";
-    $6Lvvy$swchelpers.inherits($909fab8ca6d5b054$export$7cda8d932e2f33c0, PureComponent);
-    var _super = $6Lvvy$swchelpers.createSuper($909fab8ca6d5b054$export$7cda8d932e2f33c0);
-    function $909fab8ca6d5b054$export$7cda8d932e2f33c0() {
-        $6Lvvy$swchelpers.classCallCheck(this, $909fab8ca6d5b054$export$7cda8d932e2f33c0);
-        var _this;
-        _this = _super.apply(this, arguments);
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "box", /*#__PURE__*/ $6Lvvy$react.createRef());
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "state", {
-            toolList: [],
-            data: ''
-        });
-        $6Lvvy$swchelpers.defineProperty($6Lvvy$swchelpers.assertThisInitialized(_this), "updateTools", function() {
-            if (_this.box.current === document.activeElement) _this.setState({
-                toolList: $6Lvvy$swchelpers.toConsumableArray(_this.state.toolList)
-            });
-        });
-        return _this;
-    }
-    $6Lvvy$swchelpers.createClass($909fab8ca6d5b054$export$7cda8d932e2f33c0, [
-        {
-            key: "componentDidMount",
-            value: function componentDidMount() {
-                document.addEventListener('selectionchange', this.updateTools);
-            }
-        },
-        {
-            key: "componentWillUnmount",
-            value: function componentWillUnmount() {
-                document.removeEventListener('selectionchange', this.updateTools);
-            }
-        },
-        {
-            key: "render",
-            value: function render() {
-                var _this = this;
-                var _state = this.state, toolList = _state.toolList, data = _state.data, onChange = this.props.onChange;
-                return /*#__PURE__*/ $6Lvvy$reactjsxruntime.jsxs($6Lvvy$reactjsxruntime.Fragment, {
-                    children: [
-                        /*#__PURE__*/ $6Lvvy$reactjsxruntime.jsx("header", {
-                            children: toolList.map(function(tool) {
-                                return tool.render(_this.box);
-                            })
-                        }),
-                        /*#__PURE__*/ $6Lvvy$reactjsxruntime.jsx("div", {
-                            ref: this.box,
-                            className: "form-control h-auto",
-                            contentEditable: true,
-                            dangerouslySetInnerHTML: {
-                                __html: data
-                            },
-                            onInput: function(param) {
-                                var target = param.target;
-                                return onChange === null || onChange === void 0 ? void 0 : onChange(target.innerHTML);
-                            }
-                        })
-                    ]
-                });
-            }
-        }
-    ], [
-        {
-            key: "getDerivedStateFromProps",
-            value: function getDerivedStateFromProps(param, param1) {
-                var _tools = param.tools, tools = _tools === void 0 ? $9d49801ddb6619aa$export$aa718db1466ce312 : _tools, value = param.value, toolList = param1.toolList, data = param1.data;
-                return {
-                    toolList: toolList[0] ? toolList : tools.map(function(ToolButton) {
-                        return new ToolButton();
-                    }),
-                    data: data || value
-                };
-            }
-        }
-    ]);
-    return $909fab8ca6d5b054$export$7cda8d932e2f33c0;
-}($6Lvvy$react.PureComponent);
-$6Lvvy$swchelpers.defineProperty($909fab8ca6d5b054$export$7cda8d932e2f33c0, "displayName", 'Editor');
-
-
-$parcel$exportWildcard(module.exports, $e6d4b3ebb29c3ec4$exports);
-$parcel$exportWildcard(module.exports, $9d49801ddb6619aa$exports);
-$parcel$exportWildcard(module.exports, $909fab8ca6d5b054$exports);
-
-
+var r,e=require("react/jsx-runtime"),n=require("react"),t=require("@swc/helpers/cjs/_to_consumable_array.cjs"),o=require("@swc/helpers/cjs/_class_call_check.cjs"),i=require("@swc/helpers/cjs/_inherits.cjs"),u=require("@swc/helpers/cjs/_create_super.cjs"),a=require("edkit"),s=require("@swc/helpers/cjs/_assert_this_initialized.cjs"),l=require("@swc/helpers/cjs/_async_to_generator.cjs"),c=require("@swc/helpers/cjs/_create_class.cjs"),f=require("@swc/helpers/cjs/_ts_decorate.cjs"),p=require("@swc/helpers/cjs/_ts_generator.cjs"),h=require("@swc/helpers/cjs/_ts_values.cjs"),d=require("mobx"),_=require("mobx-react"),v=require("web-utility");function T(r,e){return Object.keys(e).forEach(function(n){"default"===n||"__esModule"===n||r.hasOwnProperty(n)||Object.defineProperty(r,n,{enumerable:!0,get:function(){return e[n]}})}),r}function y(r,e,n,t){Object.defineProperty(r,e,{get:n,set:t,enumerable:!0,configurable:!0})}var m={};function b(r){var n=this,t=this.title,o=this.active,i=this.icon,u=this.usable;return(0,e.jsx)("button",{type:"button",title:t,className:"btn btn-".concat((o?"":"outline-")+"secondary"," me-2 mb-2"),style:{cursor:u?"pointer":"not-allowed"},disabled:!u,onClick:function(e){e.preventDefault(),r.current&&n.execute(r.current)},children:(0,e.jsx)("i",{className:"bi-".concat(i)})},i)}y(m,"renderTool",function(){return b});var g={};y(g,"TextTools",function(){return ro}),y(g,"ColorTools",function(){return ri}),y(g,"LayoutTools",function(){return ru}),y(g,"MediaTools",function(){return ra}),y(g,"ControlTools",function(){return rs}),y(g,"OriginalTools",function(){return rl}),y(g,"DefaultTools",function(){return rc});var w={};y(w,"BoldTool",function(){return j}),y(w,"ItalicTool",function(){return x}),y(w,"UnderlineTool",function(){return k}),y(w,"StrikeThroughTool",function(){return C}),y(w,"H1Tool",function(){return L}),y(w,"H2Tool",function(){return F}),y(w,"H3Tool",function(){return D}),y(w,"FontSizeDownTool",function(){return S}),y(w,"FontSizeUpTool",function(){return q}),y(w,"SubscriptTool",function(){return H}),y(w,"SuperscriptTool",function(){return A}),y(w,"LinkTool",function(){return E});var j=function(r){(0,i._)(n,r);var e=(0,u._)(n);function n(){var r;return(0,o._)(this,n),r=e.apply(this,arguments),r.icon="type-bold",r.render=b,r}return n}(a.BoldTool),x=function(r){(0,i._)(n,r);var e=(0,u._)(n);function n(){var r;return(0,o._)(this,n),r=e.apply(this,arguments),r.icon="type-italic",r.render=b,r}return n}(a.ItalicTool),k=function(r){(0,i._)(n,r);var e=(0,u._)(n);function n(){var r;return(0,o._)(this,n),r=e.apply(this,arguments),r.icon="type-underline",r.render=b,r}return n}(a.UnderlineTool),C=function(r){(0,i._)(n,r);var e=(0,u._)(n);function n(){var r;return(0,o._)(this,n),r=e.apply(this,arguments),r.icon="type-strikethrough",r.render=b,r}return n}(a.StrikeThroughTool),L=function(r){(0,i._)(n,r);var e=(0,u._)(n);function n(){var r;return(0,o._)(this,n),r=e.apply(this,arguments),r.icon="type-h1",r.render=b,r}return n}(a.H1Tool),F=function(r){(0,i._)(n,r);var e=(0,u._)(n);function n(){var r;return(0,o._)(this,n),r=e.apply(this,arguments),r.icon="type-h2",r.render=b,r}return n}(a.H2Tool),D=function(r){(0,i._)(n,r);var e=(0,u._)(n);function n(){var r;return(0,o._)(this,n),r=e.apply(this,arguments),r.icon="type-h3",r.render=b,r}return n}(a.H3Tool),S=function(r){(0,i._)(n,r);var e=(0,u._)(n);function n(){var r;return(0,o._)(this,n),r=e.apply(this,arguments),r.icon="sort-alpha-down",r.render=b,r}return n}(a.FontSizeDownTool),q=function(r){(0,i._)(n,r);var e=(0,u._)(n);function n(){var r;return(0,o._)(this,n),r=e.apply(this,arguments),r.icon="sort-alpha-up",r.render=b,r}return n}(a.FontSizeUpTool),H=function(r){(0,i._)(n,r);var e=(0,u._)(n);function n(){var r;return(0,o._)(this,n),r=e.apply(this,arguments),r.icon="box-arrow-down-right",r.render=b,r}return n}(a.SubscriptTool),A=function(r){(0,i._)(n,r);var e=(0,u._)(n);function n(){var r;return(0,o._)(this,n),r=e.apply(this,arguments),r.icon="box-arrow-up-right",r.render=b,r}return n}(a.SuperscriptTool),E=function(r){(0,i._)(n,r);var e=(0,u._)(n);function n(){var r;return(0,o._)(this,n),r=e.apply(this,arguments),r.icon="link",r.render=b,r}return n}(a.LinkTool),M={};function N(r){var n=r.className,t=r.title,o=r.type,i=r.value,u=r.onChange,a=r.icon;return(0,e.jsxs)("span",{className:"d-inline-block align-middle position-relative ".concat(n),title:t,children:[(0,e.jsx)("input",{className:"position-absolute w-100 h-100 rounded-3",style:{left:0,top:0,zIndex:-1},type:"color",value:i,onChange:function(r){var e=r.target.value;return null==u?void 0:u(e)}}),(0,e.jsx)("button",{className:"btn",style:{color:"color"===o?i:"lightgray",backgroundColor:"color"===o?"white":i,borderColor:i},onClick:function(r){r.preventDefault(),r.currentTarget.previousElementSibling.click()},children:(0,e.jsx)("i",{className:"bi-".concat(a)})})]})}function V(r){var n=this,t=this.icon,o=this.name,i=this.colorName;return(0,e.jsx)(N,{className:"me-2 mb-2",title:o,icon:t,type:i,value:this.getColor(),onChange:function(e){return r.current&&n.execute(r.current,e)}},t)}y(M,"ColorSelector",function(){return N}),y(M,"renderColorTool",function(){return V}),y(M,"ForeColorTool",function(){return O}),y(M,"BackColorTool",function(){return I});var O=function(r){(0,i._)(n,r);var e=(0,u._)(n);function n(){var r;return(0,o._)(this,n),r=e.apply(this,arguments),r.icon="file-earmark-font",r.render=V,r}return n}(a.ForeColorTool),I=function(r){(0,i._)(n,r);var e=(0,u._)(n);function n(){var r;return(0,o._)(this,n),r=e.apply(this,arguments),r.icon="file-earmark-font-fill",r.render=V,r}return n}(a.BackColorTool),U={};y(U,"AlignLeftTool",function(){return P}),y(U,"AlignCenterTool",function(){return R}),y(U,"AlignRightTool",function(){return z}),y(U,"AlignFullTool",function(){return B}),y(U,"OrderedListTool",function(){return W}),y(U,"UnorderedListTool",function(){return G}),y(U,"HorizontalRuleTool",function(){return J});var P=function(r){(0,i._)(n,r);var e=(0,u._)(n);function n(){var r;return(0,o._)(this,n),r=e.apply(this,arguments),r.icon="text-left",r.render=b,r}return n}(a.AlignLeftTool),R=function(r){(0,i._)(n,r);var e=(0,u._)(n);function n(){var r;return(0,o._)(this,n),r=e.apply(this,arguments),r.icon="text-center",r.render=b,r}return n}(a.AlignCenterTool),z=function(r){(0,i._)(n,r);var e=(0,u._)(n);function n(){var r;return(0,o._)(this,n),r=e.apply(this,arguments),r.icon="text-right",r.render=b,r}return n}(a.AlignRightTool),B=function(r){(0,i._)(n,r);var e=(0,u._)(n);function n(){var r;return(0,o._)(this,n),r=e.apply(this,arguments),r.icon="justify",r.render=b,r}return n}(a.AlignFullTool),W=function(r){(0,i._)(n,r);var e=(0,u._)(n);function n(){var r;return(0,o._)(this,n),r=e.apply(this,arguments),r.icon="list-ol",r.render=b,r}return n}(a.OrderedListTool),G=function(r){(0,i._)(n,r);var e=(0,u._)(n);function n(){var r;return(0,o._)(this,n),r=e.apply(this,arguments),r.icon="list-ul",r.render=b,r}return n}(a.UnorderedListTool),J=function(r){(0,i._)(n,r);var e=(0,u._)(n);function n(){var r;return(0,o._)(this,n),r=e.apply(this,arguments),r.icon="reception-0",r.render=b,r}return n}(a.HorizontalRuleTool),K={};y(K,"IFrameTool",function(){return Q}),y(K,"ImageTool",function(){return X}),y(K,"AudioTool",function(){return Y}),y(K,"VideoTool",function(){return Z});var Q=function(r){(0,i._)(n,r);var e=(0,u._)(n);function n(){var r;return(0,o._)(this,n),r=e.apply(this,arguments),r.icon="window",r.render=b,r}return n}(a.IFrameTool),X=function(r){(0,i._)(n,r);var e=(0,u._)(n);function n(){var r;return(0,o._)(this,n),r=e.apply(this,arguments),r.icon="image",r.render=b,r}return n}(a.ImageTool),Y=function(r){(0,i._)(n,r);var e=(0,u._)(n);function n(){var r;return(0,o._)(this,n),r=e.apply(this,arguments),r.icon="voicemail",r.render=b,r}return n}(a.AudioTool),Z=function(r){(0,i._)(n,r);var e=(0,u._)(n);function n(){var r;return(0,o._)(this,n),r=e.apply(this,arguments),r.icon="camera-video",r.render=b,r}return n}(a.VideoTool),$={};y($,"UndoTool",function(){return rr}),y($,"RedoTool",function(){return re}),y($,"ResetTool",function(){return rn}),y($,"ClearTool",function(){return rt});var rr=function(r){(0,i._)(n,r);var e=(0,u._)(n);function n(){var r;return(0,o._)(this,n),r=e.apply(this,arguments),r.icon="arrow-counterclockwise",r.render=b,r}return n}(a.UndoTool),re=function(r){(0,i._)(n,r);var e=(0,u._)(n);function n(){var r;return(0,o._)(this,n),r=e.apply(this,arguments),r.icon="arrow-clockwise",r.render=b,r}return n}(a.RedoTool),rn=function(r){(0,i._)(n,r);var e=(0,u._)(n);function n(){var r;return(0,o._)(this,n),r=e.apply(this,arguments),r.icon="eraser",r.render=b,r}return n}(a.ResetTool),rt=function(r){(0,i._)(n,r);var e=(0,u._)(n);function n(){var r;return(0,o._)(this,n),r=e.apply(this,arguments),r.icon="file-earmark-x",r.render=b,r}return n}(a.ClearTool),ro=[j,x,k,C,L,F,D,S,q,H,A,E],ri=[O,I],ru=[P,R,z,B,W,G,J],ra=[Q,X,Y,Z],rs=[rr,re,rn,rt],rl=(0,t._)(ro).concat((0,t._)(ri),(0,t._)(ru),(0,t._)(ra),(0,t._)(rs)),rc=[j,x,k,C,L,F,D,H,A,O,I,P,R,z,B,W,G,J,X,rr,re,rt];T(g,w),T(g,M),T(g,U),T(g,K),T(g,$);var rf={};y(rf,"Editor",function(){return rp});var rp=((r=function(r){(0,i._)(f,r);var a=(0,u._)(f);function f(){(0,o._)(this,f),e=a.apply(this,arguments),e.box=(0,n.createRef)(),e.toolList=[],e.defaultValue=e.props.defaultValue,e.innerValue=e.defaultValue,e.updateTools=function(){e.box.current===document.activeElement&&(e.toolList=(0,t._)(e.toolList))};var r,e,i=(0,s._)(e);return e.handlePasteDrop=(r=(0,l._)(function(r){var e,n,o,u,a,s,l,c,f;return(0,p._)(this,function(d){switch(d.label){case 0:r.preventDefault(),e=r.currentTarget,n="paste"===r.type?(0,t._)(r.clipboardData.items):(0,t._)(r.dataTransfer.items),o=!0,u=!1,a=void 0,d.label=1;case 1:d.trys.push([1,6,7,8]),s=function(){var r,e,n,t,o,u;return(0,p._)(this,function(a){switch(a.label){case 0:if("text/html"!==(r=c.value).type)return[3,3];return[4,new Promise(function(e){return r.getAsString(e)})];case 1:return e=a.sent(),n=i.insertToCursor,[4,i.clearHTML(e)];case 2:return n.apply(i,[a.sent()]),[3,9];case 3:if(!r.type.startsWith("image/"))return[3,5];return[4,i.uploadFile(X,r.getAsFile())];case 4:return(t=a.sent())&&i.insertToCursor('<img src="'.concat(t,'" />')),[3,9];case 5:if(!r.type.startsWith("audio/"))return[3,7];return[4,i.uploadFile(Y,r.getAsFile())];case 6:return(o=a.sent())&&i.insertToCursor('<audio src="'.concat(o,'" />')),[3,9];case 7:if(!r.type.startsWith("video/"))return[3,9];return[4,i.uploadFile(Z,r.getAsFile())];case 8:(u=a.sent())&&i.insertToCursor('<video src="'.concat(u,'" />')),a.label=9;case 9:return[2]}})},l=n[Symbol.iterator](),d.label=2;case 2:if(o=(c=l.next()).done)return[3,5];return[5,(0,h._)(s())];case 3:d.sent(),d.label=4;case 4:return o=!0,[3,2];case 5:return[3,8];case 6:return f=d.sent(),u=!0,a=f,[3,8];case 7:try{o||null==l.return||l.return()}finally{if(u)throw a}return[7];case 8:return i.updateValue(e.innerHTML),[2]}})}),function(e){return r.apply(this,arguments)}),e}return(0,c._)(f,[{key:"componentDidMount",value:function(){this.bootTools(),document.addEventListener("selectionchange",this.updateTools)}},{key:"componentDidUpdate",value:function(r){r.tools!==this.props.tools&&this.bootTools()}},{key:"componentWillUnmount",value:function(){document.removeEventListener("selectionchange",this.updateTools)}},{key:"bootTools",value:function(){var r=this.props.tools;this.toolList=(void 0===r?rc:r).map(function(r){return new r})}},{key:"updateValue",value:function(r){var e,n;this.innerValue=r=r.trim(),null===(n=(e=this.props).onChange)||void 0===n||n.call(e,r)}},{key:"uploadFile",value:function(r,e){var n=this;return(0,l._)(function(){var t,o,i,u;return(0,p._)(this,function(a){switch(a.label){case 0:if("string"==typeof e&&!/^(data|blob):/.test(e))return[2,e];t=n.toolList.find(function(e){return e instanceof r}),a.label=1;case 1:if(a.trys.push([1,8,,9]),null!=t)return[3,2];return o=void 0,[3,6];case 2:if(i=t.save,"string"!=typeof e)return[3,4];return[4,(0,v.blobOf)(e)];case 3:return u=a.sent(),[3,5];case 4:u=e,a.label=5;case 5:o=i.apply(t,[u]),a.label=6;case 6:return[4,o];case 7:return[2,a.sent()];case 8:if(console.error(a.sent()),"string"==typeof e)return[2,e];return[3,9];case 9:return[2]}})})()}},{key:"clearHTML",value:function(r){var e=this;return(0,l._)(function(){var n,o,i,u,a,s,l,c,f,h,d;return(0,p._)(this,function(p){switch(p.label){case 0:(n=o=document.createDocumentFragment()).append.apply(n,(0,t._)((0,v.parseDOM)(r))),i=!0,u=!1,a=void 0,p.label=1;case 1:p.trys.push([1,10,11,12]),s=(0,v.walkDOM)(o,Node.ELEMENT_NODE)[Symbol.iterator](),p.label=2;case 2:if(i=(l=s.next()).done)return[3,9];for(var _ in f=(c=l.value).style,h=c.dataset,["nowrap","pre"].includes(f.whiteSpace)&&(f.whiteSpace="normal"),h)delete h[_];if(!(c instanceof HTMLImageElement))return[3,4];return[4,e.uploadFile(X,c.src)];case 3:case 5:return c.src=p.sent(),[3,8];case 4:if(!(c instanceof HTMLAudioElement))return[3,6];return[4,e.uploadFile(Y,c.src)];case 6:if(!(c instanceof HTMLVideoElement))return[3,8];return[4,e.uploadFile(Z,c.src)];case 7:c.src=p.sent(),p.label=8;case 8:return i=!0,[3,2];case 9:return[3,12];case 10:return d=p.sent(),u=!0,a=d,[3,12];case 11:try{i||null==s.return||s.return()}finally{if(u)throw a}return[7];case 12:return[2,o]}})})()}},{key:"insertToCursor",value:function(r){var e;null===(e=this.box.current)||void 0===e||e.focus(),"string"==typeof r?(0,v.insertToCursor).apply(void 0,(0,t._)((0,v.parseDOM)(r))):(0,v.insertToCursor)(r)}},{key:"render",value:function(){var r=this,n=this.toolList,t=this.defaultValue,o=this.innerValue,i=this.props.name;return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("header",{children:n.map(function(e){return e.render(r.box)})}),(0,e.jsx)("div",{ref:this.box,className:"form-control h-auto",contentEditable:!0,dangerouslySetInnerHTML:{__html:t},onInput:function(e){var n=e.currentTarget.innerHTML;return r.updateValue(n)},onPaste:this.handlePasteDrop,onDrop:this.handlePasteDrop}),(0,e.jsx)("input",{type:"hidden",name:i,value:o})]})}}]),f}(n.PureComponent)).displayName="Editor",r);(0,f._)([d.observable],rp.prototype,"toolList",void 0),(0,f._)([d.observable],rp.prototype,"innerValue",void 0),rp=(0,f._)([_.observer],rp),T(module.exports,m),T(module.exports,g),T(module.exports,rf);
 //# sourceMappingURL=index.js.map

package.json

 {
     "name": "react-bootstrap-editor",
-    "version": "1.0.0-rc.5",
+    "version": "1.0.2",
     "license": "LGPL-3.0",
@@ -27,14 +27,28 @@ "author": "[e-mail]",
     "dependencies": {
-        "@swc/helpers": "^0.3.8",
-        "edkit": "^1.0.0-rc.5",
-        "react": "^17.0.2",
-        "react-dom": "^17.0.2"
+        "@swc/helpers": "^0.5.1",
+        "edkit": "^1.0.1",
+        "mobx": ">=4",
+        "mobx-react": ">=6",
+        "web-utility": "^4.1.0"
     },
+    "peerDependencies": {
+        "react": ">=16",
+        "react-dom": ">=16"
+    },
     "devDependencies": {
-        "@types/react": "^17.0.44",
-        "@types/react-dom": "^17.0.15",
-        "parcel": "^2.4.1",
-        "typescript": "~4.4.4"
+        "@parcel/packager-ts": "2.9.3",
+        "@parcel/transformer-typescript-types": "2.9.3",
+        "@types/react": "^18.2.20",
+        "@types/react-dom": "^18.2.7",
+        "parcel": "~2.9.3",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
+        "typescript": "~5.1.6"
     },
-    "browserslist": "> 0.5%, last 2 versions, not dead",
+    "browserslist": "> 0.5%, last 2 versions, not dead, IE 11",
+    "targets": {
+        "main": {
+            "optimize": true
+        }
+    },
     "scripts": {
@@ -41,0 +55,0 @@ "start": "cd test/  &&  parcel index.html --open",

ReadMe.md

@@ -5,7 +5,9 @@ # React Bootstrap editor
 
-[![NPM](https://nodei.co/npm/react-bootstrap-editor.png?downloads=true&downloadRank=true&stars=true)][4]
+[![NPM Dependency](https://img.shields.io/librariesio/release/npm/react-bootstrap-editor)][4]
 
+[![NPM](https://nodei.co/npm/react-bootstrap-editor.png?downloads=true&downloadRank=true&stars=true)][5]
+
 ## Demo
 
-https://ideapp.dev/React-MobX-Bootstrap-ts/#/component
+https://idea2app.github.io/React-MobX-Bootstrap-ts/#/component
 
@@ -32,7 +34,7 @@ ## Tools
         rel="stylesheet"
-        href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"
+        href="https://unpkg.com/bootstrap@5.3.0/dist/css/bootstrap.min.css"
     />
     <link
         rel="stylesheet"
-        href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css"
+        href="https://unpkg.com/bootstrap-icons@1.10.4/font/bootstrap-icons.css"
     />
@@ -50,3 +52,9 @@ </head>
     render() {
-        return <Editor value="<p>test</p>" onChange={console.log} />;
+        return (
+            <Editor
+                name="content"
+                defaultValue="<p>test</p>"
+                onChange={console.log}
+            />
+        );
     }
@@ -59,2 +67,3 @@ }
 [3]: https://getbootstrap.com/
-[4]: https://nodei.co/npm/react-bootstrap-editor/
+[4]: https://libraries.io/npm/react-bootstrap-editor
+[5]: https://nodei.co/npm/react-bootstrap-editor/

tsconfig.json

@@ -7,4 +7,6 @@ {
         "esModuleInterop": true,
-        "jsx": "react",
-        "lib": ["ES2021", "DOM"],
+        "downlevelIteration": true,
+        "experimentalDecorators": true,
+        "jsx": "react-jsx",
+        "lib": ["ES2021", "DOM", "DOM.Iterable"],
         "declaration": true,
@@ -11,0 +13,0 @@ "outDir": "dist/"

New alerts

Unpublished package

Supply chain risk

Package version was not found on the registry. It may exist on a different registry and need to be configured to pull from that registry.

Found 1 instance in 1 package

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Fixed alerts

Deprecated

Maintenance

The maintainer of the package marked it as deprecated. This could indicate that a single version should not be used, or that the package is no longer maintained and any new vulnerabilities will not be fixed.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Unpopular package

Quality

This package is not very popular.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

186938

43.52%

Number of medium maintenance alerts

0

-100%

Number of medium quality alerts

0

-100%

Number of lines in readme file

66

15.79%

Worsened metrics

Dependency count

7

75%

Dev dependency count

8

100%

Lines of code

1280

-27.27%

Dependency changes

• + Added

  mobx@>=4

• + Added

  mobx-react@>=6

• + Added

  web-utility@^4.1.0

• + Added

  mobx@6.13.7
  (transitive)

• + Added

  mobx-react@9.2.0
  (transitive)

• + Added

  mobx-react-lite@4.1.0
  (transitive)

• + Added

  react@19.1.0
  (transitive)

• + Added

  react-dom@19.1.0
  (transitive)

• + Added

  scheduler@0.26.0
  (transitive)

• + Added

  use-sync-external-store@1.5.0
  (transitive)

• - Removed

  react@^17.0.2

• - Removed

  react-dom@^17.0.2

• - Removed

  @swc/helpers@0.3.17
  (transitive)

• - Removed

  js-tokens@4.0.0
  (transitive)

• - Removed

  loose-envify@1.4.0
  (transitive)

• - Removed

  object-assign@4.1.1
  (transitive)

• - Removed

  react@17.0.2
  (transitive)

• - Removed

  react-dom@17.0.2
  (transitive)

• - Removed

  scheduler@0.20.2
  (transitive)

• Updated

  @swc/helpers@^0.5.1

• Updated

  edkit@^1.0.1