react-bootstrap-editor - npm Package Compare versions

Comparing version 0.8.0 to 1.0.0-rc.3

dist/index.d.ts

@@ -1,3 +0,160 @@
-export * from './Tool';
-export * from './Editor';
-export * from './tools';
+import React, { RefObject, PropsWithoutRef, PureComponent } 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;
+export class BoldTool extends _BoldTool1 {
+    icon: string;
+    render: typeof renderTool;
+}
+export class ItalicTool extends _ItalicTool1 {
+    icon: string;
+    render: typeof renderTool;
+}
+export class UnderlineTool extends _UnderlineTool1 {
+    icon: string;
+    render: typeof renderTool;
+}
+export class StrikeThroughTool extends _StrikeThroughTool1 {
+    icon: string;
+    render: typeof renderTool;
+}
+export class H1Tool extends _H1Tool1 {
+    icon: string;
+    render: typeof renderTool;
+}
+export class H2Tool extends _H2Tool1 {
+    icon: string;
+    render: typeof renderTool;
+}
+export class H3Tool extends _H3Tool1 {
+    icon: string;
+    render: typeof renderTool;
+}
+export class FontSizeDownTool extends _FontSizeDownTool1 {
+    icon: string;
+    render: typeof renderTool;
+}
+export class FontSizeUpTool extends _FontSizeUpTool1 {
+    icon: string;
+    render: typeof renderTool;
+}
+export class SubscriptTool extends _SubscriptTool1 {
+    icon: string;
+    render: typeof renderTool;
+}
+export class SuperscriptTool extends _SuperscriptTool1 {
+    icon: string;
+    render: typeof renderTool;
+}
+export class LinkTool extends _LinkTool1 {
+    icon: string;
+    render: typeof renderTool;
+}
+export type ColorSelectorProps = PropsWithoutRef<{
+    className?: string;
+    title?: string;
+    icon: string;
+    type: ColorName;
+    value?: string;
+    onChange?(color: string): any;
+}>;
+export function ColorSelector({ className, title, type, value, onChange, icon }: ColorSelectorProps): JSX.Element;
+export function renderColorTool(this: ColorTool, editor: RefObject<HTMLElement>): JSX.Element;
+export class ForeColorTool extends _ForeColorTool1 {
+    icon: string;
+    render: typeof renderColorTool;
+}
+export class BackColorTool extends _BackColorTool1 {
+    icon: string;
+    render: typeof renderColorTool;
+}
+export class AlignLeftTool extends _AlignLeftTool1 {
+    icon: string;
+    render: typeof renderTool;
+}
+export class AlignCenterTool extends _AlignCenterTool1 {
+    icon: string;
+    render: typeof renderTool;
+}
+export class AlignRightTool extends _AlignRightTool1 {
+    icon: string;
+    render: typeof renderTool;
+}
+export class AlignFullTool extends _AlignFullTool1 {
+    icon: string;
+    render: typeof renderTool;
+}
+export class OrderedListTool extends _OrderedListTool1 {
+    icon: string;
+    render: typeof renderTool;
+}
+export class UnorderedListTool extends _UnorderedListTool1 {
+    icon: string;
+    render: typeof renderTool;
+}
+export class HorizontalRuleTool extends _HorizontalRuleTool1 {
+    icon: string;
+    render: typeof renderTool;
+}
+export class IFrameTool extends _IFrameTool1 {
+    icon: string;
+    render: typeof renderTool;
+}
+export class ImageTool extends _ImageTool1 {
+    icon: string;
+    render: typeof renderTool;
+}
+export class AudioTool extends _AudioTool1 {
+    icon: string;
+    render: typeof renderTool;
+}
+export class VideoTool extends _VideoTool1 {
+    icon: string;
+    render: typeof renderTool;
+}
+export class UndoTool extends _UndoTool1 {
+    icon: string;
+    render: typeof renderTool;
+}
+export class RedoTool extends _RedoTool1 {
+    icon: string;
+    render: typeof renderTool;
+}
+export class ResetTool extends _ResetTool1 {
+    icon: string;
+    render: typeof renderTool;
+}
+export class ClearTool extends _ClearTool1 {
+    icon: string;
+    render: typeof renderTool;
+}
+export const TextTools: (typeof StrikeThroughTool)[];
+export const ColorTools: (typeof ForeColorTool)[];
+export const LayoutTools: (typeof AlignLeftTool | typeof OrderedListTool)[];
+export const MediaTools: (typeof IFrameTool)[];
+export const ControlTools: (typeof UndoTool | typeof ClearTool)[];
+export const OriginalTools: (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 class Editor extends PureComponent<EditorProps, EditorState> {
+    box: React.RefObject<HTMLDivElement>;
+    state: {
+        toolList: Tool[];
+        data: string;
+    };
+    static getDerivedStateFromProps({ tools, value }: EditorProps, { toolList, data }: EditorState): EditorState;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    updateTools: () => void;
+    render(): JSX.Element;
+}
+
+//# sourceMappingURL=index.d.ts.map

dist/index.esm.js

@@ -1,5 +0,487 @@
-var he=Object.defineProperty;var m=(e,t)=>()=>(e&&(t=e(e=0)),t);var d=(e,t)=>{for(var o in t)he(e,o,{get:t[o],enumerable:!0})};var Q={};d(Q,{default:()=>Te});var K,Te,X=m(()=>{K=async e=>{let t=await e.getFile();return t.handle=e,t},Te=async(e={})=>{let t=await window.chooseFileSystemEntries({accepts:[{description:e.description||"",mimeTypes:e.mimeTypes||["*/*"],extensions:e.extensions||[""]}],multiple:e.multiple||!1});return e.multiple?Promise.all(t.map(K)):K(t)}});var Y={};d(Y,{default:()=>ve});var be,ve,Z=m(()=>{be=async e=>{let t=await e.getFile();return t.handle=e,t},ve=async(e={})=>{let t={};e.mimeTypes?e.mimeTypes.map(s=>{t[s]=e.extensions||[]}):t["*/*"]=e.extensions||[];let o=await window.showOpenFilePicker({types:[{description:e.description||"",accept:t}],multiple:e.multiple||!1}),n=await Promise.all(o.map(be));return e.multiple?n:n[0]}});var ee={};d(ee,{default:()=>Ee});var Ee,te=m(()=>{Ee=async(e={})=>new Promise((t,o)=>{let n=document.createElement("input");n.type="file";let s=[...e.mimeTypes?e.mimeTypes:[],e.extensions?e.extensions:[]].join(),r;n.multiple=e.multiple||!1,n.accept=s||"";let i=()=>r(o);e.setupLegacyCleanupAndRejection?r=e.setupLegacyCleanupAndRejection(i):(r=l=>{window.removeEventListener("pointermove",i),window.removeEventListener("pointerdown",i),window.removeEventListener("keydown",i),l&&l(new DOMException("The user aborted a request.","AbortError"))},window.addEventListener("pointermove",i),window.addEventListener("pointerdown",i),window.addEventListener("keydown",i)),n.addEventListener("change",()=>{r(),t(n.multiple?Array.from(n.files):n.files[0])}),n.click()})});var ne={};d(ne,{default:()=>Ce});var oe,Ce,re=m(()=>{oe=async(e,t,o=e.name)=>{let n=[],s=[];for await(let r of e.getEntries()){let i=`${o}/${r.name}`;r.isFile?s.push(r.getFile().then(l=>(l.directoryHandle=e,Object.defineProperty(l,"webkitRelativePath",{configurable:!0,enumerable:!0,get:()=>i})))):r.isDirectory&&t&&n.push(oe(r,t,i))}return[...(await Promise.all(n)).flat(),...await Promise.all(s)]},Ce=async(e={})=>{e.recursive=e.recursive||!1;let t=await window.chooseFileSystemEntries({type:"open-directory"});return oe(t,e.recursive)}});var ie={};d(ie,{default:()=>ke});var se,ke,ae=m(()=>{se=async(e,t,o=e.name)=>{let n=[],s=[];for await(let r of e.values()){let i=`${o}/${r.name}`;r.kind==="file"?s.push(r.getFile().then(l=>(l.directoryHandle=e,Object.defineProperty(l,"webkitRelativePath",{configurable:!0,enumerable:!0,get:()=>i})))):r.kind==="directory"&&t&&n.push(se(r,t,i))}return[...(await Promise.all(n)).flat(),...await Promise.all(s)]},ke=async(e={})=>{e.recursive=e.recursive||!1;let t=await window.showDirectoryPicker();return se(t,e.recursive)}});var le={};d(le,{default:()=>Se});var Se,ce=m(()=>{Se=async(e={})=>(e.recursive=e.recursive||!1,new Promise((t,o)=>{let n=document.createElement("input"),s;n.type="file",n.webkitdirectory=!0;let r=()=>s(o);e.setupLegacyCleanupAndRejection?s=e.setupLegacyCleanupAndRejection(r):(s=i=>{window.removeEventListener("pointermove",r),window.removeEventListener("pointerdown",r),window.removeEventListener("keydown",r),i&&i(new DOMException("The user aborted a request.","AbortError"))},window.addEventListener("pointermove",r),window.addEventListener("pointerdown",r),window.addEventListener("keydown",r)),n.addEventListener("change",()=>{s();let i=Array.from(n.files);e.recursive||(i=i.filter(l=>l.webkitRelativePath.split("/").length===2)),t(i)}),n.click()}))});var me={};d(me,{default:()=>je});var je,de=m(()=>{je=async(e,t={},o=null)=>{t.fileName=t.fileName||"Untitled",o=o||await window.chooseFileSystemEntries({type:"save-file",accepts:[{description:t.description||"",mimeTypes:[e.type],extensions:t.extensions||[""]}]});let n=await o.createWritable();return await n.write(e),await n.close(),o}});var pe={};d(pe,{default:()=>He});var He,ue=m(()=>{He=async(e,t={},o=null,n=!1)=>{t.fileName=t.fileName||"Untitled";let s={};if(t.mimeTypes?(t.mimeTypes.push(e.type),t.mimeTypes.map(l=>{s[l]=t.extensions||[]})):s[e.type]=t.extensions||[],o)try{await o.getFile()}catch(l){if(o=null,n)throw l}let r=o||await window.showSaveFilePicker({suggestedName:t.fileName,types:[{description:t.description||"",accept:s}]}),i=await r.createWritable();return await i.write(e),await i.close(),r}});var fe={};d(fe,{default:()=>Fe});var Fe,ge=m(()=>{Fe=async(e,t={})=>{let o=document.createElement("a");o.download=t.fileName||"Untitled",o.href=URL.createObjectURL(e),o.addEventListener("click",()=>{setTimeout(()=>URL.revokeObjectURL(o.href),3e4)}),o.click()}});import xe from"react";var we=(()=>{if("top"in self&&self!==top)try{top.location}catch{return!1}else{if("chooseFileSystemEntries"in self)return"chooseFileSystemEntries";if("showOpenFilePicker"in self)return"showOpenFilePicker"}return!1})(),c=we;var Le=c?c==="chooseFileSystemEntries"?Promise.resolve().then(()=>(X(),Q)):Promise.resolve().then(()=>(Z(),Y)):Promise.resolve().then(()=>(te(),ee));async function y(...e){return(await Le).default(...e)}var Ve=c?c==="chooseFileSystemEntries"?Promise.resolve().then(()=>(re(),ne)):Promise.resolve().then(()=>(ae(),ie)):Promise.resolve().then(()=>(ce(),le));var Je=c?c==="chooseFileSystemEntries"?Promise.resolve().then(()=>(de(),me)):Promise.resolve().then(()=>(ue(),pe)):Promise.resolve().then(()=>(ge(),fe));function p(){let{anchorNode:e}=self.getSelection()||{};if(e)return e.parentElement}var a=class{get usable(){let{command:t}=this;return!t||document.queryCommandSupported(t)||document.queryCommandEnabled(t)}getActive(){let{command:t,tags:o}=this;if(o){let n=p();return!!n&&n.matches(o.map(s=>`${s}, ${s} *`).join(", "))}return t?document.queryCommandState(t):!1}get active(){return this.getActive()}edit(t,...o){t.focus(),document.execCommand(this.command,null,...o)}execute(t,...o){var{inputs:n}=this,s=[];if(n){let r=n.map(i=>self.prompt(i));if(!r.filter(Boolean)[0])return;s=r}this.edit(t,...s)}render(t){let{name:o,keys:n,active:s,icon:r,usable:i}=this,l=`${o}${i?n?`
-(${n.join(" + ")})`:"":`
-(not supported)`}`,ye=`btn btn-${(s?"":"outline-")+"secondary"} mr-2 mb-2`;return xe.createElement("button",{key:r,type:"button",title:l,className:ye,style:{cursor:i?"pointer":"not-allowed"},disabled:!i,onClick:()=>t.current&&this.execute(t.current)},xe.createElement("i",{className:`bi-${r}`}))}},u=class extends a{async save(t){return URL.createObjectURL(t)}codeOf(t){return t}async execute(t){let o=self.confirm("Confirm to upload a file, or cancel to input a path.")?await this.save(await y()):self.prompt("Path");o&&this.edit(t,this.codeOf(o))}};import x,{createRef as Ae,PureComponent as Pe}from"react";var Me=class extends Pe{constructor(){super(...arguments);this.box=Ae();this.state={toolList:[],data:""};this.updateTools=()=>{this.box.current===document.activeElement&&this.setState({toolList:[...this.state.toolList]})}}static getDerivedStateFromProps({tools:t,value:o},{toolList:n,data:s}){return{toolList:n[0]?n:t.map(r=>new r),data:s||o}}componentDidMount(){document.addEventListener("selectionchange",this.updateTools)}componentWillUnmount(){document.removeEventListener("selectionchange",this.updateTools)}render(){let{toolList:t,data:o}=this.state,{onChange:n}=this.props;return x.createElement(x.Fragment,null,x.createElement("header",null,t.map(s=>s.render(this.box))),x.createElement("div",{ref:this.box,className:"form-control h-auto",contentEditable:!0,dangerouslySetInnerHTML:{__html:o},onInput:({target:s})=>n&&n(s.innerHTML)}))}};var h=class extends a{constructor(){super(...arguments);this.name="Bold";this.icon="type-bold";this.tags=["b","strong"];this.keys=["Ctrl","B"];this.command="bold"}},w=class extends a{constructor(){super(...arguments);this.name="Italic";this.icon="type-italic";this.tags=["i","em"];this.keys=["Ctrl","I"];this.command="italic"}},T=class extends a{constructor(){super(...arguments);this.name="Underline";this.icon="type-underline";this.tags=["u"];this.keys=["Ctrl","U"];this.command="underline"}},b=class extends a{constructor(){super(...arguments);this.name="Strike through";this.icon="type-strikethrough";this.tags=["s","del","strike"];this.command="strikeThrough"}},v=document.queryCommandSupported("heading")?"heading":"formatBlock",E=class extends a{constructor(){super(...arguments);this.name="H1";this.icon="type-h1";this.tags=["h1"];this.command=v}execute(t){this.edit(t,"H1")}},L=class extends a{constructor(){super(...arguments);this.name="H2";this.icon="type-h2";this.tags=["h2"];this.command=v}execute(t){this.edit(t,"H2")}},C=class extends a{constructor(){super(...arguments);this.name="H3";this.icon="type-h3";this.tags=["h3"];this.command=v}execute(t){this.edit(t,"H3")}},k=class extends a{constructor(){super(...arguments);this.name="Font Size down";this.icon="sort-alpha-down";this.tags=["small"];this.command="decreaseFontSize"}},S=class extends a{constructor(){super(...arguments);this.name="Font Size up";this.icon="sort-alpha-up";this.tags=["big"];this.command="increaseFontSize"}},j=class extends a{constructor(){super(...arguments);this.name="Subscript";this.icon="box-arrow-down-right";this.tags=["sub"];this.command="subscript"}},H=class extends a{constructor(){super(...arguments);this.name="Superscript";this.icon="box-arrow-up-right";this.tags=["sup"];this.command="superscript"}},F=class extends a{constructor(){super(...arguments);this.name="Link";this.icon="link";this.tags=["a"];this.inputs=["Path"];this.command="createLink"}};import f from"react";function Ne({className:e,title:t,type:o,value:n,onChange:s,icon:r}){return f.createElement("span",{className:`d-inline-block align-middle position-relative ${e}`,title:t},f.createElement("input",{className:"position-absolute w-100 h-100 rounded-lg",style:{left:0,top:0,zIndex:-1},type:"color",value:n,onChange:({target:{value:i}})=>s&&s(i)}),f.createElement("button",{className:"btn",style:{color:o==="color"?n:"lightgray",backgroundColor:o==="color"?"white":n,borderColor:n},onClick:({currentTarget:{previousElementSibling:i}})=>i.click()},f.createElement("i",{className:`bi-${r}`})))}var A=class extends a{getColor(){let t=p(),{colorName:o}=this;if(!t)return o==="color"?"#000000":"#ffffff";let{[o]:n}=getComputedStyle(t),[s,r,i]=n.match(/\d+/g);return"#"+(+s).toString(16).padStart(2,"0")+(+r).toString(16).padStart(2,"0")+(+i).toString(16).padStart(2,"0")}get active(){return!!this.getColor()}execute(t,o){this.edit(t,o)}render(t){let{icon:o,name:n,colorName:s}=this;return f.createElement(Ne,{className:"mr-2 mb-2",key:o,title:n,icon:o,type:s,value:this.getColor(),onChange:r=>t.current&&this.execute(t.current,r)})}},P=class extends A{constructor(){super(...arguments);this.name="Fore Color";this.icon="file-earmark-font";this.command="foreColor";this.colorName="color"}},M=class extends A{constructor(){super(...arguments);this.name="Back Color";this.icon="file-earmark-font-fill";this.command="backColor";this.colorName="backgroundColor"}};var g=class extends a{get active(){if(super.getActive())return!0;let t=p();return!!t&&getComputedStyle(t).textAlign===this.align}},N=class extends g{constructor(){super(...arguments);this.name="Align Left";this.icon="text-left";this.command="justifyLeft";this.align="left"}},O=class extends g{constructor(){super(...arguments);this.name="Align Center";this.icon="text-center";this.command="justifyCenter";this.align="center"}},R=class extends g{constructor(){super(...arguments);this.name="Align Right";this.icon="text-right";this.command="justifyRight";this.align="right"}},U=class extends g{constructor(){super(...arguments);this.name="Align Full";this.icon="justify";this.command="justifyFull";this.align="justify"}},$=class extends a{constructor(){super(...arguments);this.name="Ordered list";this.icon="list-ol";this.tags=["ol"];this.command="insertOrderedList"}},I=class extends a{constructor(){super(...arguments);this.name="Unordered list";this.icon="list-ul";this.tags=["ul"];this.command="insertUnorderedList"}},z=class extends a{constructor(){super(...arguments);this.name="Horizontal rule";this.icon="reception-0";this.tags=["hr"];this.command="insertHorizontalRule"}};var B=class extends a{constructor(){super(...arguments);this.name="Embed Web page";this.icon="window";this.tags=["iframe"];this.command="insertHTML"}execute(t){let o=self.prompt("Path");o&&this.edit(t,`<iframe style="width: 100%; height: 50vh; border: none" src="${o}"></iframe>`)}},D=class extends u{constructor(){super(...arguments);this.name="Image";this.icon="image";this.tags=["img"];this.command="insertImage"}},W=class extends u{constructor(){super(...arguments);this.name="Audio";this.icon="voicemail";this.tags=["audio"];this.command="insertHTML"}codeOf(t){return`<audio controls src="${t}"></audio>`}},q=class extends u{constructor(){super(...arguments);this.name="Video";this.icon="camera-video";this.tags=["video"];this.command="insertHTML"}codeOf(t){return`<video controls src="${t}"></video>`}};var V=class extends a{constructor(){super(...arguments);this.name="Undo";this.icon="arrow-counterclockwise";this.command="undo"}},_=class extends a{constructor(){super(...arguments);this.name="Redo";this.icon="arrow-clockwise";this.command="redo"}},G=class extends a{constructor(){super(...arguments);this.name="Reset";this.icon="eraser";this.command="removeFormat"}},J=class extends a{constructor(){super(...arguments);this.name="Clear";this.icon="file-earmark-x"}execute(t){t.focus(),document.execCommand("selectAll"),document.execCommand("delete")}};var Oe=[h,w,T,b,E,L,C,k,S,j,H,F],Re=[P,M],Ue=[N,O,R,U,$,I,z],$e=[B,D,W,q],Ie=[V,_,G,J],jt=[...Oe,...Re,...Ue,...$e,...Ie];export{O as AlignCenterTool,U as AlignFullTool,N as AlignLeftTool,R as AlignRightTool,g as AlignTool,W as AudioTool,M as BackColorTool,h as BoldTool,J as ClearTool,Ne as ColorSelector,A as ColorTool,Re as ColorTools,Ie as ControlTools,Me as Editor,u as FileTool,k as FontSizeDownTool,S as FontSizeUpTool,P as ForeColorTool,E as H1Tool,L as H2Tool,C as H3Tool,z as HorizontalRuleTool,B as IFrameTool,D as ImageTool,w as ItalicTool,Ue as LayoutTools,F as LinkTool,$e as MediaTools,$ as OrderedListTool,jt as OriginalTools,_ as RedoTool,G as ResetTool,b as StrikeThroughTool,j as SubscriptTool,H as SuperscriptTool,Oe as TextTools,a as Tool,T as UnderlineTool,V as UndoTool,I as UnorderedListTool,q as VideoTool,p as getAnchorElement};
-// @license © 2020 Google LLC. Licensed under the Apache License, Version 2.0.
+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 {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";
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+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;
+}
+var $43d566ad2fe8cba8$exports = {};
+
+$parcel$export($43d566ad2fe8cba8$exports, "renderTool", function () { return $43d566ad2fe8cba8$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", {
+        type: "button",
+        title: title,
+        className: Class,
+        style: {
+            cursor: usable ? 'pointer' : 'not-allowed'
+        },
+        disabled: !usable,
+        onClick: (event)=>{
+            event.preventDefault();
+            if (editor.current) this.execute(editor.current);
+        },
+        children: /*#__PURE__*/ $13t2B$jsx("i", {
+            className: `bi-${icon}`
+        })
+    }, icon));
+}
+
+
+var $1a9e4a89b237a23e$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; });
+var $eaf87102ba547294$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; });
+
+
+class $eaf87102ba547294$export$10056a49e3b218eb extends $13t2B$BoldTool {
+    constructor(...args){
+        super(...args);
+        this.icon = 'type-bold';
+        this.render = $43d566ad2fe8cba8$export$56ccecc1dac11363;
+    }
+}
+class $eaf87102ba547294$export$edf99d0f51bacb1e extends $13t2B$ItalicTool {
+    constructor(...args1){
+        super(...args1);
+        this.icon = 'type-italic';
+        this.render = $43d566ad2fe8cba8$export$56ccecc1dac11363;
+    }
+}
+class $eaf87102ba547294$export$4b6d9c17188960d2 extends $13t2B$UnderlineTool {
+    constructor(...args2){
+        super(...args2);
+        this.icon = 'type-underline';
+        this.render = $43d566ad2fe8cba8$export$56ccecc1dac11363;
+    }
+}
+class $eaf87102ba547294$export$a35bffaeae8fdda0 extends $13t2B$StrikeThroughTool {
+    constructor(...args3){
+        super(...args3);
+        this.icon = 'type-strikethrough';
+        this.render = $43d566ad2fe8cba8$export$56ccecc1dac11363;
+    }
+}
+class $eaf87102ba547294$export$30e8c6b428f8749f extends $13t2B$H1Tool {
+    constructor(...args4){
+        super(...args4);
+        this.icon = 'type-h1';
+        this.render = $43d566ad2fe8cba8$export$56ccecc1dac11363;
+    }
+}
+class $eaf87102ba547294$export$58443375efa91029 extends $13t2B$H2Tool {
+    constructor(...args5){
+        super(...args5);
+        this.icon = 'type-h2';
+        this.render = $43d566ad2fe8cba8$export$56ccecc1dac11363;
+    }
+}
+class $eaf87102ba547294$export$75d24d6b8b747307 extends $13t2B$H3Tool {
+    constructor(...args6){
+        super(...args6);
+        this.icon = 'type-h3';
+        this.render = $43d566ad2fe8cba8$export$56ccecc1dac11363;
+    }
+}
+class $eaf87102ba547294$export$a20806c6ef6938f8 extends $13t2B$FontSizeDownTool {
+    constructor(...args7){
+        super(...args7);
+        this.icon = 'sort-alpha-down';
+        this.render = $43d566ad2fe8cba8$export$56ccecc1dac11363;
+    }
+}
+class $eaf87102ba547294$export$744da7e24e4a7382 extends $13t2B$FontSizeUpTool {
+    constructor(...args8){
+        super(...args8);
+        this.icon = 'sort-alpha-up';
+        this.render = $43d566ad2fe8cba8$export$56ccecc1dac11363;
+    }
+}
+class $eaf87102ba547294$export$6137518b4e998008 extends $13t2B$SubscriptTool {
+    constructor(...args9){
+        super(...args9);
+        this.icon = 'box-arrow-down-right';
+        this.render = $43d566ad2fe8cba8$export$56ccecc1dac11363;
+    }
+}
+class $eaf87102ba547294$export$7217f06c61ebd4fc extends $13t2B$SuperscriptTool {
+    constructor(...args10){
+        super(...args10);
+        this.icon = 'box-arrow-up-right';
+        this.render = $43d566ad2fe8cba8$export$56ccecc1dac11363;
+    }
+}
+class $eaf87102ba547294$export$f6c54364b5332e66 extends $13t2B$LinkTool {
+    constructor(...args11){
+        super(...args11);
+        this.icon = 'link';
+        this.render = $43d566ad2fe8cba8$export$56ccecc1dac11363;
+    }
+}
+
+
+var $531f464768a4571c$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; });
+
+
+
+function $531f464768a4571c$export$9012acaf449cdfcb({ className: className , title: title , type: type , value: value1 , onChange: onChange , icon: icon  }) {
+    return(/*#__PURE__*/ $13t2B$jsxs("span", {
+        className: `d-inline-block align-middle position-relative ${className}`,
+        title: title,
+        children: [
+            /*#__PURE__*/ $13t2B$jsx("input", {
+                className: "position-absolute w-100 h-100 rounded-3",
+                style: {
+                    left: 0,
+                    top: 0,
+                    zIndex: -1
+                },
+                type: "color",
+                value: value1,
+                onChange: ({ target: { value: value  }  })=>onChange && onChange(value)
+            }),
+            /*#__PURE__*/ $13t2B$jsx("button", {
+                className: "btn",
+                style: {
+                    color: type === 'color' ? value1 : 'lightgray',
+                    backgroundColor: type === 'color' ? 'white' : value1,
+                    borderColor: value1
+                },
+                onClick: (event)=>{
+                    event.preventDefault();
+                    event.currentTarget.previousElementSibling.click();
+                },
+                children: /*#__PURE__*/ $13t2B$jsx("i", {
+                    className: `bi-${icon}`
+                })
+            })
+        ]
+    }));
+}
+function $531f464768a4571c$export$e913fac2ab7b6f29(editor) {
+    const { icon: icon , name: name , colorName: colorName  } = this;
+    return(/*#__PURE__*/ $13t2B$jsx($531f464768a4571c$export$9012acaf449cdfcb, {
+        className: "me-2 mb-2",
+        title: name,
+        icon: icon,
+        type: colorName,
+        value: this.getColor(),
+        onChange: (color)=>editor.current && this.execute(editor.current, color)
+    }, icon));
+}
+class $531f464768a4571c$export$cab0e15cfb8489d7 extends $13t2B$ForeColorTool {
+    constructor(...args){
+        super(...args);
+        this.icon = 'file-earmark-font';
+        this.render = $531f464768a4571c$export$e913fac2ab7b6f29;
+    }
+}
+class $531f464768a4571c$export$92bb6183e7459be2 extends $13t2B$BackColorTool {
+    constructor(...args1){
+        super(...args1);
+        this.icon = 'file-earmark-font-fill';
+        this.render = $531f464768a4571c$export$e913fac2ab7b6f29;
+    }
+}
+
+
+var $e325b99ac86e8052$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; });
+
+
+class $e325b99ac86e8052$export$42a444ebfdcfe7b9 extends $13t2B$AlignLeftTool {
+    constructor(...args){
+        super(...args);
+        this.icon = 'text-left';
+        this.render = $43d566ad2fe8cba8$export$56ccecc1dac11363;
+    }
+}
+class $e325b99ac86e8052$export$9a2e6e0294a984eb extends $13t2B$AlignCenterTool {
+    constructor(...args1){
+        super(...args1);
+        this.icon = 'text-center';
+        this.render = $43d566ad2fe8cba8$export$56ccecc1dac11363;
+    }
+}
+class $e325b99ac86e8052$export$22363f91860fc258 extends $13t2B$AlignRightTool {
+    constructor(...args2){
+        super(...args2);
+        this.icon = 'text-right';
+        this.render = $43d566ad2fe8cba8$export$56ccecc1dac11363;
+    }
+}
+class $e325b99ac86e8052$export$42827b1362fed748 extends $13t2B$AlignFullTool {
+    constructor(...args3){
+        super(...args3);
+        this.icon = 'justify';
+        this.render = $43d566ad2fe8cba8$export$56ccecc1dac11363;
+    }
+}
+class $e325b99ac86e8052$export$faf4e70f09f43a15 extends $13t2B$OrderedListTool {
+    constructor(...args4){
+        super(...args4);
+        this.icon = 'list-ol';
+        this.render = $43d566ad2fe8cba8$export$56ccecc1dac11363;
+    }
+}
+class $e325b99ac86e8052$export$cf4030b57a3fbe37 extends $13t2B$UnorderedListTool {
+    constructor(...args5){
+        super(...args5);
+        this.icon = 'list-ul';
+        this.render = $43d566ad2fe8cba8$export$56ccecc1dac11363;
+    }
+}
+class $e325b99ac86e8052$export$dce8a7d6279fc201 extends $13t2B$HorizontalRuleTool {
+    constructor(...args6){
+        super(...args6);
+        this.icon = 'reception-0';
+        this.render = $43d566ad2fe8cba8$export$56ccecc1dac11363;
+    }
+}
+
+
+var $fe0ddf31161b8e51$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; });
+
+
+class $fe0ddf31161b8e51$export$3e557574863db086 extends $13t2B$IFrameTool {
+    constructor(...args){
+        super(...args);
+        this.icon = 'window';
+        this.render = $43d566ad2fe8cba8$export$56ccecc1dac11363;
+    }
+}
+class $fe0ddf31161b8e51$export$982f47444a2f88da extends $13t2B$ImageTool {
+    constructor(...args1){
+        super(...args1);
+        this.icon = 'image';
+        this.render = $43d566ad2fe8cba8$export$56ccecc1dac11363;
+    }
+}
+class $fe0ddf31161b8e51$export$6024938f37e646f8 extends $13t2B$AudioTool {
+    constructor(...args2){
+        super(...args2);
+        this.icon = 'voicemail';
+        this.render = $43d566ad2fe8cba8$export$56ccecc1dac11363;
+    }
+}
+class $fe0ddf31161b8e51$export$932111b8028f79ed extends $13t2B$VideoTool {
+    constructor(...args3){
+        super(...args3);
+        this.icon = 'camera-video';
+        this.render = $43d566ad2fe8cba8$export$56ccecc1dac11363;
+    }
+}
+
+
+var $c165247acc4b6a48$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; });
+
+
+class $c165247acc4b6a48$export$65235875731ff287 extends $13t2B$UndoTool {
+    constructor(...args){
+        super(...args);
+        this.icon = 'arrow-counterclockwise';
+        this.render = $43d566ad2fe8cba8$export$56ccecc1dac11363;
+    }
+}
+class $c165247acc4b6a48$export$b60f30d254d1e1a6 extends $13t2B$RedoTool {
+    constructor(...args1){
+        super(...args1);
+        this.icon = 'arrow-clockwise';
+        this.render = $43d566ad2fe8cba8$export$56ccecc1dac11363;
+    }
+}
+class $c165247acc4b6a48$export$6f46dc3d81fbb4bd extends $13t2B$ResetTool {
+    constructor(...args2){
+        super(...args2);
+        this.icon = 'eraser';
+        this.render = $43d566ad2fe8cba8$export$56ccecc1dac11363;
+    }
+}
+class $c165247acc4b6a48$export$25eb377ce1feaada extends $13t2B$ClearTool {
+    constructor(...args3){
+        super(...args3);
+        this.icon = 'file-earmark-x';
+        this.render = $43d566ad2fe8cba8$export$56ccecc1dac11363;
+    }
+}
+
+
+
+
+
+
+
+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 $1a9e4a89b237a23e$export$bdef6e97a10dbad4 = [
+    $531f464768a4571c$export$cab0e15cfb8489d7,
+    $531f464768a4571c$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 $1a9e4a89b237a23e$export$999636c6e25075fb = [
+    $fe0ddf31161b8e51$export$3e557574863db086,
+    $fe0ddf31161b8e51$export$982f47444a2f88da,
+    $fe0ddf31161b8e51$export$6024938f37e646f8,
+    $fe0ddf31161b8e51$export$932111b8028f79ed
+];
+const $1a9e4a89b237a23e$export$f35db4b82786c3a4 = [
+    $c165247acc4b6a48$export$65235875731ff287,
+    $c165247acc4b6a48$export$b60f30d254d1e1a6,
+    $c165247acc4b6a48$export$6f46dc3d81fbb4bd,
+    $c165247acc4b6a48$export$25eb377ce1feaada
+];
+const $1a9e4a89b237a23e$export$9ddb256264948609 = [
+    ...$1a9e4a89b237a23e$export$e252ba763eff5cdc,
+    ...$1a9e4a89b237a23e$export$bdef6e97a10dbad4,
+    ...$1a9e4a89b237a23e$export$145c1b37c0810d7,
+    ...$1a9e4a89b237a23e$export$999636c6e25075fb,
+    ...$1a9e4a89b237a23e$export$f35db4b82786c3a4
+];
+$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);
+
+
+var $de23b760ca33f560$exports = {};
+
+$parcel$export($de23b760ca33f560$exports, "Editor", function () { return $de23b760ca33f560$export$7cda8d932e2f33c0; });
+
+
+class $de23b760ca33f560$export$7cda8d932e2f33c0 extends $13t2B$PureComponent {
+    static getDerivedStateFromProps({ tools: tools , value: value  }, { toolList: toolList , data: data  }) {
+        return {
+            toolList: toolList[0] ? toolList : tools.map((ToolButton)=>new ToolButton()
+            ),
+            data: data || value
+        };
+    }
+    componentDidMount() {
+        document.addEventListener('selectionchange', this.updateTools);
+    }
+    componentWillUnmount() {
+        document.removeEventListener('selectionchange', this.updateTools);
+    }
+    render() {
+        const { toolList: toolList , data: data  } = this.state, { onChange: onChange  } = this.props;
+        return(/*#__PURE__*/ $13t2B$jsxs($13t2B$Fragment, {
+            children: [
+                /*#__PURE__*/ $13t2B$jsx("header", {
+                    children: toolList.map((tool)=>tool.render(this.box)
+                    )
+                }),
+                /*#__PURE__*/ $13t2B$jsx("div", {
+                    ref: this.box,
+                    className: "form-control h-auto",
+                    contentEditable: true,
+                    dangerouslySetInnerHTML: {
+                        __html: data
+                    },
+                    onInput: ({ target: target  })=>onChange && onChange(target.innerHTML)
+                })
+            ]
+        }));
+    }
+    constructor(...args){
+        super(...args);
+        this.box = /*#__PURE__*/ $13t2B$createRef();
+        this.state = {
+            toolList: [],
+            data: ''
+        };
+        this.updateTools = ()=>{
+            if (this.box.current === document.activeElement) this.setState({
+                toolList: [
+                    ...this.state.toolList
+                ]
+            });
+        };
+    }
+}
+
+
+
+
+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, $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};
 //# sourceMappingURL=index.esm.js.map

dist/index.js

@@ -1,5 +0,699 @@
-var je=Object.create,y=Object.defineProperty;var He=Object.getOwnPropertyDescriptor;var Fe=Object.getOwnPropertyNames;var Ae=Object.getPrototypeOf,Pe=Object.prototype.hasOwnProperty;var Y=e=>y(e,"__esModule",{value:!0});var d=(e,t)=>()=>(e&&(t=e(e=0)),t);var c=(e,t)=>{for(var o in t)y(e,o,{get:t[o],enumerable:!0})},Me=(e,t,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of Fe(t))!Pe.call(e,n)&&n!=="default"&&y(e,n,{get:()=>t[n],enumerable:!(o=He(t,n))||o.enumerable});return e},J=e=>Me(Y(y(e!=null?je(Ae(e)):{},"default",e&&e.__esModule&&"default"in e?{get:()=>e.default,enumerable:!0}:{value:e,enumerable:!0})),e);var ee={};c(ee,{default:()=>Oe});var Z,Oe,te=d(()=>{Z=async e=>{let t=await e.getFile();return t.handle=e,t},Oe=async(e={})=>{let t=await window.chooseFileSystemEntries({accepts:[{description:e.description||"",mimeTypes:e.mimeTypes||["*/*"],extensions:e.extensions||[""]}],multiple:e.multiple||!1});return e.multiple?Promise.all(t.map(Z)):Z(t)}});var oe={};c(oe,{default:()=>Ue});var Re,Ue,ne=d(()=>{Re=async e=>{let t=await e.getFile();return t.handle=e,t},Ue=async(e={})=>{let t={};e.mimeTypes?e.mimeTypes.map(s=>{t[s]=e.extensions||[]}):t["*/*"]=e.extensions||[];let o=await window.showOpenFilePicker({types:[{description:e.description||"",accept:t}],multiple:e.multiple||!1}),n=await Promise.all(o.map(Re));return e.multiple?n:n[0]}});var re={};c(re,{default:()=>$e});var $e,se=d(()=>{$e=async(e={})=>new Promise((t,o)=>{let n=document.createElement("input");n.type="file";let s=[...e.mimeTypes?e.mimeTypes:[],e.extensions?e.extensions:[]].join(),r;n.multiple=e.multiple||!1,n.accept=s||"";let i=()=>r(o);e.setupLegacyCleanupAndRejection?r=e.setupLegacyCleanupAndRejection(i):(r=l=>{window.removeEventListener("pointermove",i),window.removeEventListener("pointerdown",i),window.removeEventListener("keydown",i),l&&l(new DOMException("The user aborted a request.","AbortError"))},window.addEventListener("pointermove",i),window.addEventListener("pointerdown",i),window.addEventListener("keydown",i)),n.addEventListener("change",()=>{r(),t(n.multiple?Array.from(n.files):n.files[0])}),n.click()})});var ae={};c(ae,{default:()=>ze});var ie,ze,le=d(()=>{ie=async(e,t,o=e.name)=>{let n=[],s=[];for await(let r of e.getEntries()){let i=`${o}/${r.name}`;r.isFile?s.push(r.getFile().then(l=>(l.directoryHandle=e,Object.defineProperty(l,"webkitRelativePath",{configurable:!0,enumerable:!0,get:()=>i})))):r.isDirectory&&t&&n.push(ie(r,t,i))}return[...(await Promise.all(n)).flat(),...await Promise.all(s)]},ze=async(e={})=>{e.recursive=e.recursive||!1;let t=await window.chooseFileSystemEntries({type:"open-directory"});return ie(t,e.recursive)}});var me={};c(me,{default:()=>Be});var ce,Be,de=d(()=>{ce=async(e,t,o=e.name)=>{let n=[],s=[];for await(let r of e.values()){let i=`${o}/${r.name}`;r.kind==="file"?s.push(r.getFile().then(l=>(l.directoryHandle=e,Object.defineProperty(l,"webkitRelativePath",{configurable:!0,enumerable:!0,get:()=>i})))):r.kind==="directory"&&t&&n.push(ce(r,t,i))}return[...(await Promise.all(n)).flat(),...await Promise.all(s)]},Be=async(e={})=>{e.recursive=e.recursive||!1;let t=await window.showDirectoryPicker();return ce(t,e.recursive)}});var pe={};c(pe,{default:()=>De});var De,ue=d(()=>{De=async(e={})=>(e.recursive=e.recursive||!1,new Promise((t,o)=>{let n=document.createElement("input"),s;n.type="file",n.webkitdirectory=!0;let r=()=>s(o);e.setupLegacyCleanupAndRejection?s=e.setupLegacyCleanupAndRejection(r):(s=i=>{window.removeEventListener("pointermove",r),window.removeEventListener("pointerdown",r),window.removeEventListener("keydown",r),i&&i(new DOMException("The user aborted a request.","AbortError"))},window.addEventListener("pointermove",r),window.addEventListener("pointerdown",r),window.addEventListener("keydown",r)),n.addEventListener("change",()=>{s();let i=Array.from(n.files);e.recursive||(i=i.filter(l=>l.webkitRelativePath.split("/").length===2)),t(i)}),n.click()}))});var fe={};c(fe,{default:()=>We});var We,ge=d(()=>{We=async(e,t={},o=null)=>{t.fileName=t.fileName||"Untitled",o=o||await window.chooseFileSystemEntries({type:"save-file",accepts:[{description:t.description||"",mimeTypes:[e.type],extensions:t.extensions||[""]}]});let n=await o.createWritable();return await n.write(e),await n.close(),o}});var xe={};c(xe,{default:()=>qe});var qe,ye=d(()=>{qe=async(e,t={},o=null,n=!1)=>{t.fileName=t.fileName||"Untitled";let s={};if(t.mimeTypes?(t.mimeTypes.push(e.type),t.mimeTypes.map(l=>{s[l]=t.extensions||[]})):s[e.type]=t.extensions||[],o)try{await o.getFile()}catch(l){if(o=null,n)throw l}let r=o||await window.showSaveFilePicker({suggestedName:t.fileName,types:[{description:t.description||"",accept:s}]}),i=await r.createWritable();return await i.write(e),await i.close(),r}});var he={};c(he,{default:()=>Ve});var Ve,we=d(()=>{Ve=async(e,t={})=>{let o=document.createElement("a");o.download=t.fileName||"Untitled",o.href=URL.createObjectURL(e),o.addEventListener("click",()=>{setTimeout(()=>URL.revokeObjectURL(o.href),3e4)}),o.click()}});Y(exports);c(exports,{AlignCenterTool:()=>N,AlignFullTool:()=>R,AlignLeftTool:()=>M,AlignRightTool:()=>O,AlignTool:()=>x,AudioTool:()=>D,BackColorTool:()=>P,BoldTool:()=>h,ClearTool:()=>G,ColorSelector:()=>be,ColorTool:()=>F,ColorTools:()=>Ee,ControlTools:()=>ke,Editor:()=>Te,FileTool:()=>f,FontSizeDownTool:()=>C,FontSizeUpTool:()=>k,ForeColorTool:()=>A,H1Tool:()=>v,H2Tool:()=>E,H3Tool:()=>L,HorizontalRuleTool:()=>I,IFrameTool:()=>z,ImageTool:()=>B,ItalicTool:()=>w,LayoutTools:()=>Le,LinkTool:()=>H,MediaTools:()=>Ce,OrderedListTool:()=>U,OriginalTools:()=>_e,RedoTool:()=>V,ResetTool:()=>_,StrikeThroughTool:()=>b,SubscriptTool:()=>S,SuperscriptTool:()=>j,TextTools:()=>ve,Tool:()=>a,UnderlineTool:()=>T,UndoTool:()=>q,UnorderedListTool:()=>$,VideoTool:()=>W,getAnchorElement:()=>u});var Q=J(require("react"));var Ne=(()=>{if("top"in self&&self!==top)try{top.location}catch{return!1}else{if("chooseFileSystemEntries"in self)return"chooseFileSystemEntries";if("showOpenFilePicker"in self)return"showOpenFilePicker"}return!1})(),m=Ne;var Ie=m?m==="chooseFileSystemEntries"?Promise.resolve().then(()=>(te(),ee)):Promise.resolve().then(()=>(ne(),oe)):Promise.resolve().then(()=>(se(),re));async function K(...e){return(await Ie).default(...e)}var Ye=m?m==="chooseFileSystemEntries"?Promise.resolve().then(()=>(le(),ae)):Promise.resolve().then(()=>(de(),me)):Promise.resolve().then(()=>(ue(),pe));var tt=m?m==="chooseFileSystemEntries"?Promise.resolve().then(()=>(ge(),fe)):Promise.resolve().then(()=>(ye(),xe)):Promise.resolve().then(()=>(we(),he));function u(){let{anchorNode:e}=self.getSelection()||{};if(e)return e.parentElement}var a=class{get usable(){let{command:t}=this;return!t||document.queryCommandSupported(t)||document.queryCommandEnabled(t)}getActive(){let{command:t,tags:o}=this;if(o){let n=u();return!!n&&n.matches(o.map(s=>`${s}, ${s} *`).join(", "))}return t?document.queryCommandState(t):!1}get active(){return this.getActive()}edit(t,...o){t.focus(),document.execCommand(this.command,null,...o)}execute(t,...o){var{inputs:n}=this,s=[];if(n){let r=n.map(i=>self.prompt(i));if(!r.filter(Boolean)[0])return;s=r}this.edit(t,...s)}render(t){let{name:o,keys:n,active:s,icon:r,usable:i}=this,l=`${o}${i?n?`
-(${n.join(" + ")})`:"":`
-(not supported)`}`,Se=`btn btn-${(s?"":"outline-")+"secondary"} mr-2 mb-2`;return Q.default.createElement("button",{key:r,type:"button",title:l,className:Se,style:{cursor:i?"pointer":"not-allowed"},disabled:!i,onClick:()=>t.current&&this.execute(t.current)},Q.default.createElement("i",{className:`bi-${r}`}))}},f=class extends a{async save(t){return URL.createObjectURL(t)}codeOf(t){return t}async execute(t){let o=self.confirm("Confirm to upload a file, or cancel to input a path.")?await this.save(await K()):self.prompt("Path");o&&this.edit(t,this.codeOf(o))}};var p=J(require("react")),Te=class extends p.PureComponent{constructor(){super(...arguments);this.box=(0,p.createRef)();this.state={toolList:[],data:""};this.updateTools=()=>{this.box.current===document.activeElement&&this.setState({toolList:[...this.state.toolList]})}}static getDerivedStateFromProps({tools:t,value:o},{toolList:n,data:s}){return{toolList:n[0]?n:t.map(r=>new r),data:s||o}}componentDidMount(){document.addEventListener("selectionchange",this.updateTools)}componentWillUnmount(){document.removeEventListener("selectionchange",this.updateTools)}render(){let{toolList:t,data:o}=this.state,{onChange:n}=this.props;return p.default.createElement(p.default.Fragment,null,p.default.createElement("header",null,t.map(s=>s.render(this.box))),p.default.createElement("div",{ref:this.box,className:"form-control h-auto",contentEditable:!0,dangerouslySetInnerHTML:{__html:o},onInput:({target:s})=>n&&n(s.innerHTML)}))}};var h=class extends a{constructor(){super(...arguments);this.name="Bold";this.icon="type-bold";this.tags=["b","strong"];this.keys=["Ctrl","B"];this.command="bold"}},w=class extends a{constructor(){super(...arguments);this.name="Italic";this.icon="type-italic";this.tags=["i","em"];this.keys=["Ctrl","I"];this.command="italic"}},T=class extends a{constructor(){super(...arguments);this.name="Underline";this.icon="type-underline";this.tags=["u"];this.keys=["Ctrl","U"];this.command="underline"}},b=class extends a{constructor(){super(...arguments);this.name="Strike through";this.icon="type-strikethrough";this.tags=["s","del","strike"];this.command="strikeThrough"}},X=document.queryCommandSupported("heading")?"heading":"formatBlock",v=class extends a{constructor(){super(...arguments);this.name="H1";this.icon="type-h1";this.tags=["h1"];this.command=X}execute(t){this.edit(t,"H1")}},E=class extends a{constructor(){super(...arguments);this.name="H2";this.icon="type-h2";this.tags=["h2"];this.command=X}execute(t){this.edit(t,"H2")}},L=class extends a{constructor(){super(...arguments);this.name="H3";this.icon="type-h3";this.tags=["h3"];this.command=X}execute(t){this.edit(t,"H3")}},C=class extends a{constructor(){super(...arguments);this.name="Font Size down";this.icon="sort-alpha-down";this.tags=["small"];this.command="decreaseFontSize"}},k=class extends a{constructor(){super(...arguments);this.name="Font Size up";this.icon="sort-alpha-up";this.tags=["big"];this.command="increaseFontSize"}},S=class extends a{constructor(){super(...arguments);this.name="Subscript";this.icon="box-arrow-down-right";this.tags=["sub"];this.command="subscript"}},j=class extends a{constructor(){super(...arguments);this.name="Superscript";this.icon="box-arrow-up-right";this.tags=["sup"];this.command="superscript"}},H=class extends a{constructor(){super(...arguments);this.name="Link";this.icon="link";this.tags=["a"];this.inputs=["Path"];this.command="createLink"}};var g=J(require("react"));function be({className:e,title:t,type:o,value:n,onChange:s,icon:r}){return g.default.createElement("span",{className:`d-inline-block align-middle position-relative ${e}`,title:t},g.default.createElement("input",{className:"position-absolute w-100 h-100 rounded-lg",style:{left:0,top:0,zIndex:-1},type:"color",value:n,onChange:({target:{value:i}})=>s&&s(i)}),g.default.createElement("button",{className:"btn",style:{color:o==="color"?n:"lightgray",backgroundColor:o==="color"?"white":n,borderColor:n},onClick:({currentTarget:{previousElementSibling:i}})=>i.click()},g.default.createElement("i",{className:`bi-${r}`})))}var F=class extends a{getColor(){let t=u(),{colorName:o}=this;if(!t)return o==="color"?"#000000":"#ffffff";let{[o]:n}=getComputedStyle(t),[s,r,i]=n.match(/\d+/g);return"#"+(+s).toString(16).padStart(2,"0")+(+r).toString(16).padStart(2,"0")+(+i).toString(16).padStart(2,"0")}get active(){return!!this.getColor()}execute(t,o){this.edit(t,o)}render(t){let{icon:o,name:n,colorName:s}=this;return g.default.createElement(be,{className:"mr-2 mb-2",key:o,title:n,icon:o,type:s,value:this.getColor(),onChange:r=>t.current&&this.execute(t.current,r)})}},A=class extends F{constructor(){super(...arguments);this.name="Fore Color";this.icon="file-earmark-font";this.command="foreColor";this.colorName="color"}},P=class extends F{constructor(){super(...arguments);this.name="Back Color";this.icon="file-earmark-font-fill";this.command="backColor";this.colorName="backgroundColor"}};var x=class extends a{get active(){if(super.getActive())return!0;let t=u();return!!t&&getComputedStyle(t).textAlign===this.align}},M=class extends x{constructor(){super(...arguments);this.name="Align Left";this.icon="text-left";this.command="justifyLeft";this.align="left"}},N=class extends x{constructor(){super(...arguments);this.name="Align Center";this.icon="text-center";this.command="justifyCenter";this.align="center"}},O=class extends x{constructor(){super(...arguments);this.name="Align Right";this.icon="text-right";this.command="justifyRight";this.align="right"}},R=class extends x{constructor(){super(...arguments);this.name="Align Full";this.icon="justify";this.command="justifyFull";this.align="justify"}},U=class extends a{constructor(){super(...arguments);this.name="Ordered list";this.icon="list-ol";this.tags=["ol"];this.command="insertOrderedList"}},$=class extends a{constructor(){super(...arguments);this.name="Unordered list";this.icon="list-ul";this.tags=["ul"];this.command="insertUnorderedList"}},I=class extends a{constructor(){super(...arguments);this.name="Horizontal rule";this.icon="reception-0";this.tags=["hr"];this.command="insertHorizontalRule"}};var z=class extends a{constructor(){super(...arguments);this.name="Embed Web page";this.icon="window";this.tags=["iframe"];this.command="insertHTML"}execute(t){let o=self.prompt("Path");o&&this.edit(t,`<iframe style="width: 100%; height: 50vh; border: none" src="${o}"></iframe>`)}},B=class extends f{constructor(){super(...arguments);this.name="Image";this.icon="image";this.tags=["img"];this.command="insertImage"}},D=class extends f{constructor(){super(...arguments);this.name="Audio";this.icon="voicemail";this.tags=["audio"];this.command="insertHTML"}codeOf(t){return`<audio controls src="${t}"></audio>`}},W=class extends f{constructor(){super(...arguments);this.name="Video";this.icon="camera-video";this.tags=["video"];this.command="insertHTML"}codeOf(t){return`<video controls src="${t}"></video>`}};var q=class extends a{constructor(){super(...arguments);this.name="Undo";this.icon="arrow-counterclockwise";this.command="undo"}},V=class extends a{constructor(){super(...arguments);this.name="Redo";this.icon="arrow-clockwise";this.command="redo"}},_=class extends a{constructor(){super(...arguments);this.name="Reset";this.icon="eraser";this.command="removeFormat"}},G=class extends a{constructor(){super(...arguments);this.name="Clear";this.icon="file-earmark-x"}execute(t){t.focus(),document.execCommand("selectAll"),document.execCommand("delete")}};var ve=[h,w,T,b,v,E,L,C,k,S,j,H],Ee=[A,P],Le=[M,N,O,R,U,$,I],Ce=[z,B,D,W],ke=[q,V,_,G],_e=[...ve,...Ee,...Le,...Ce,...ke];
-// @license © 2020 Google LLC. Licensed under the Apache License, Version 2.0.
+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; });
+
+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);
+    function $82be45805e629b6c$export$10056a49e3b218eb() {
+        $6Lvvy$swchelpers.classCallCheck(this, $82be45805e629b6c$export$10056a49e3b218eb);
+        var _this;
+        _this = $6Lvvy$swchelpers.possibleConstructorReturn(this, $6Lvvy$swchelpers.getPrototypeOf($82be45805e629b6c$export$10056a49e3b218eb).apply(this, arguments));
+        _this.icon = 'type-bold';
+        _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);
+    function $82be45805e629b6c$export$edf99d0f51bacb1e() {
+        $6Lvvy$swchelpers.classCallCheck(this, $82be45805e629b6c$export$edf99d0f51bacb1e);
+        var _this;
+        _this = $6Lvvy$swchelpers.possibleConstructorReturn(this, $6Lvvy$swchelpers.getPrototypeOf($82be45805e629b6c$export$edf99d0f51bacb1e).apply(this, arguments));
+        _this.icon = 'type-italic';
+        _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);
+    function $82be45805e629b6c$export$4b6d9c17188960d2() {
+        $6Lvvy$swchelpers.classCallCheck(this, $82be45805e629b6c$export$4b6d9c17188960d2);
+        var _this;
+        _this = $6Lvvy$swchelpers.possibleConstructorReturn(this, $6Lvvy$swchelpers.getPrototypeOf($82be45805e629b6c$export$4b6d9c17188960d2).apply(this, arguments));
+        _this.icon = 'type-underline';
+        _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);
+    function $82be45805e629b6c$export$a35bffaeae8fdda0() {
+        $6Lvvy$swchelpers.classCallCheck(this, $82be45805e629b6c$export$a35bffaeae8fdda0);
+        var _this;
+        _this = $6Lvvy$swchelpers.possibleConstructorReturn(this, $6Lvvy$swchelpers.getPrototypeOf($82be45805e629b6c$export$a35bffaeae8fdda0).apply(this, arguments));
+        _this.icon = 'type-strikethrough';
+        _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);
+    function $82be45805e629b6c$export$30e8c6b428f8749f() {
+        $6Lvvy$swchelpers.classCallCheck(this, $82be45805e629b6c$export$30e8c6b428f8749f);
+        var _this;
+        _this = $6Lvvy$swchelpers.possibleConstructorReturn(this, $6Lvvy$swchelpers.getPrototypeOf($82be45805e629b6c$export$30e8c6b428f8749f).apply(this, arguments));
+        _this.icon = 'type-h1';
+        _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);
+    function $82be45805e629b6c$export$58443375efa91029() {
+        $6Lvvy$swchelpers.classCallCheck(this, $82be45805e629b6c$export$58443375efa91029);
+        var _this;
+        _this = $6Lvvy$swchelpers.possibleConstructorReturn(this, $6Lvvy$swchelpers.getPrototypeOf($82be45805e629b6c$export$58443375efa91029).apply(this, arguments));
+        _this.icon = 'type-h2';
+        _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);
+    function $82be45805e629b6c$export$75d24d6b8b747307() {
+        $6Lvvy$swchelpers.classCallCheck(this, $82be45805e629b6c$export$75d24d6b8b747307);
+        var _this;
+        _this = $6Lvvy$swchelpers.possibleConstructorReturn(this, $6Lvvy$swchelpers.getPrototypeOf($82be45805e629b6c$export$75d24d6b8b747307).apply(this, arguments));
+        _this.icon = 'type-h3';
+        _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);
+    function $82be45805e629b6c$export$a20806c6ef6938f8() {
+        $6Lvvy$swchelpers.classCallCheck(this, $82be45805e629b6c$export$a20806c6ef6938f8);
+        var _this;
+        _this = $6Lvvy$swchelpers.possibleConstructorReturn(this, $6Lvvy$swchelpers.getPrototypeOf($82be45805e629b6c$export$a20806c6ef6938f8).apply(this, arguments));
+        _this.icon = 'sort-alpha-down';
+        _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);
+    function $82be45805e629b6c$export$744da7e24e4a7382() {
+        $6Lvvy$swchelpers.classCallCheck(this, $82be45805e629b6c$export$744da7e24e4a7382);
+        var _this;
+        _this = $6Lvvy$swchelpers.possibleConstructorReturn(this, $6Lvvy$swchelpers.getPrototypeOf($82be45805e629b6c$export$744da7e24e4a7382).apply(this, arguments));
+        _this.icon = 'sort-alpha-up';
+        _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);
+    function $82be45805e629b6c$export$6137518b4e998008() {
+        $6Lvvy$swchelpers.classCallCheck(this, $82be45805e629b6c$export$6137518b4e998008);
+        var _this;
+        _this = $6Lvvy$swchelpers.possibleConstructorReturn(this, $6Lvvy$swchelpers.getPrototypeOf($82be45805e629b6c$export$6137518b4e998008).apply(this, arguments));
+        _this.icon = 'box-arrow-down-right';
+        _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);
+    function $82be45805e629b6c$export$7217f06c61ebd4fc() {
+        $6Lvvy$swchelpers.classCallCheck(this, $82be45805e629b6c$export$7217f06c61ebd4fc);
+        var _this;
+        _this = $6Lvvy$swchelpers.possibleConstructorReturn(this, $6Lvvy$swchelpers.getPrototypeOf($82be45805e629b6c$export$7217f06c61ebd4fc).apply(this, arguments));
+        _this.icon = 'box-arrow-up-right';
+        _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);
+    function $82be45805e629b6c$export$f6c54364b5332e66() {
+        $6Lvvy$swchelpers.classCallCheck(this, $82be45805e629b6c$export$f6c54364b5332e66);
+        var _this;
+        _this = $6Lvvy$swchelpers.possibleConstructorReturn(this, $6Lvvy$swchelpers.getPrototypeOf($82be45805e629b6c$export$f6c54364b5332e66).apply(this, arguments));
+        _this.icon = 'link';
+        _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 && 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);
+    function $20ba76a3836ba1c1$export$cab0e15cfb8489d7() {
+        $6Lvvy$swchelpers.classCallCheck(this, $20ba76a3836ba1c1$export$cab0e15cfb8489d7);
+        var _this;
+        _this = $6Lvvy$swchelpers.possibleConstructorReturn(this, $6Lvvy$swchelpers.getPrototypeOf($20ba76a3836ba1c1$export$cab0e15cfb8489d7).apply(this, arguments));
+        _this.icon = 'file-earmark-font';
+        _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);
+    function $20ba76a3836ba1c1$export$92bb6183e7459be2() {
+        $6Lvvy$swchelpers.classCallCheck(this, $20ba76a3836ba1c1$export$92bb6183e7459be2);
+        var _this;
+        _this = $6Lvvy$swchelpers.possibleConstructorReturn(this, $6Lvvy$swchelpers.getPrototypeOf($20ba76a3836ba1c1$export$92bb6183e7459be2).apply(this, arguments));
+        _this.icon = 'file-earmark-font-fill';
+        _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);
+    function $13550d109688d881$export$42a444ebfdcfe7b9() {
+        $6Lvvy$swchelpers.classCallCheck(this, $13550d109688d881$export$42a444ebfdcfe7b9);
+        var _this;
+        _this = $6Lvvy$swchelpers.possibleConstructorReturn(this, $6Lvvy$swchelpers.getPrototypeOf($13550d109688d881$export$42a444ebfdcfe7b9).apply(this, arguments));
+        _this.icon = 'text-left';
+        _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);
+    function $13550d109688d881$export$9a2e6e0294a984eb() {
+        $6Lvvy$swchelpers.classCallCheck(this, $13550d109688d881$export$9a2e6e0294a984eb);
+        var _this;
+        _this = $6Lvvy$swchelpers.possibleConstructorReturn(this, $6Lvvy$swchelpers.getPrototypeOf($13550d109688d881$export$9a2e6e0294a984eb).apply(this, arguments));
+        _this.icon = 'text-center';
+        _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);
+    function $13550d109688d881$export$22363f91860fc258() {
+        $6Lvvy$swchelpers.classCallCheck(this, $13550d109688d881$export$22363f91860fc258);
+        var _this;
+        _this = $6Lvvy$swchelpers.possibleConstructorReturn(this, $6Lvvy$swchelpers.getPrototypeOf($13550d109688d881$export$22363f91860fc258).apply(this, arguments));
+        _this.icon = 'text-right';
+        _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);
+    function $13550d109688d881$export$42827b1362fed748() {
+        $6Lvvy$swchelpers.classCallCheck(this, $13550d109688d881$export$42827b1362fed748);
+        var _this;
+        _this = $6Lvvy$swchelpers.possibleConstructorReturn(this, $6Lvvy$swchelpers.getPrototypeOf($13550d109688d881$export$42827b1362fed748).apply(this, arguments));
+        _this.icon = 'justify';
+        _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);
+    function $13550d109688d881$export$faf4e70f09f43a15() {
+        $6Lvvy$swchelpers.classCallCheck(this, $13550d109688d881$export$faf4e70f09f43a15);
+        var _this;
+        _this = $6Lvvy$swchelpers.possibleConstructorReturn(this, $6Lvvy$swchelpers.getPrototypeOf($13550d109688d881$export$faf4e70f09f43a15).apply(this, arguments));
+        _this.icon = 'list-ol';
+        _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);
+    function $13550d109688d881$export$cf4030b57a3fbe37() {
+        $6Lvvy$swchelpers.classCallCheck(this, $13550d109688d881$export$cf4030b57a3fbe37);
+        var _this;
+        _this = $6Lvvy$swchelpers.possibleConstructorReturn(this, $6Lvvy$swchelpers.getPrototypeOf($13550d109688d881$export$cf4030b57a3fbe37).apply(this, arguments));
+        _this.icon = 'list-ul';
+        _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);
+    function $13550d109688d881$export$dce8a7d6279fc201() {
+        $6Lvvy$swchelpers.classCallCheck(this, $13550d109688d881$export$dce8a7d6279fc201);
+        var _this;
+        _this = $6Lvvy$swchelpers.possibleConstructorReturn(this, $6Lvvy$swchelpers.getPrototypeOf($13550d109688d881$export$dce8a7d6279fc201).apply(this, arguments));
+        _this.icon = 'reception-0';
+        _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);
+    function $e2f4a713d50dbe76$export$3e557574863db086() {
+        $6Lvvy$swchelpers.classCallCheck(this, $e2f4a713d50dbe76$export$3e557574863db086);
+        var _this;
+        _this = $6Lvvy$swchelpers.possibleConstructorReturn(this, $6Lvvy$swchelpers.getPrototypeOf($e2f4a713d50dbe76$export$3e557574863db086).apply(this, arguments));
+        _this.icon = 'window';
+        _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);
+    function $e2f4a713d50dbe76$export$982f47444a2f88da() {
+        $6Lvvy$swchelpers.classCallCheck(this, $e2f4a713d50dbe76$export$982f47444a2f88da);
+        var _this;
+        _this = $6Lvvy$swchelpers.possibleConstructorReturn(this, $6Lvvy$swchelpers.getPrototypeOf($e2f4a713d50dbe76$export$982f47444a2f88da).apply(this, arguments));
+        _this.icon = 'image';
+        _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);
+    function $e2f4a713d50dbe76$export$6024938f37e646f8() {
+        $6Lvvy$swchelpers.classCallCheck(this, $e2f4a713d50dbe76$export$6024938f37e646f8);
+        var _this;
+        _this = $6Lvvy$swchelpers.possibleConstructorReturn(this, $6Lvvy$swchelpers.getPrototypeOf($e2f4a713d50dbe76$export$6024938f37e646f8).apply(this, arguments));
+        _this.icon = 'voicemail';
+        _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);
+    function $e2f4a713d50dbe76$export$932111b8028f79ed() {
+        $6Lvvy$swchelpers.classCallCheck(this, $e2f4a713d50dbe76$export$932111b8028f79ed);
+        var _this;
+        _this = $6Lvvy$swchelpers.possibleConstructorReturn(this, $6Lvvy$swchelpers.getPrototypeOf($e2f4a713d50dbe76$export$932111b8028f79ed).apply(this, arguments));
+        _this.icon = 'camera-video';
+        _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);
+    function $f2c9a88cd503c93d$export$65235875731ff287() {
+        $6Lvvy$swchelpers.classCallCheck(this, $f2c9a88cd503c93d$export$65235875731ff287);
+        var _this;
+        _this = $6Lvvy$swchelpers.possibleConstructorReturn(this, $6Lvvy$swchelpers.getPrototypeOf($f2c9a88cd503c93d$export$65235875731ff287).apply(this, arguments));
+        _this.icon = 'arrow-counterclockwise';
+        _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);
+    function $f2c9a88cd503c93d$export$b60f30d254d1e1a6() {
+        $6Lvvy$swchelpers.classCallCheck(this, $f2c9a88cd503c93d$export$b60f30d254d1e1a6);
+        var _this;
+        _this = $6Lvvy$swchelpers.possibleConstructorReturn(this, $6Lvvy$swchelpers.getPrototypeOf($f2c9a88cd503c93d$export$b60f30d254d1e1a6).apply(this, arguments));
+        _this.icon = 'arrow-clockwise';
+        _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);
+    function $f2c9a88cd503c93d$export$6f46dc3d81fbb4bd() {
+        $6Lvvy$swchelpers.classCallCheck(this, $f2c9a88cd503c93d$export$6f46dc3d81fbb4bd);
+        var _this;
+        _this = $6Lvvy$swchelpers.possibleConstructorReturn(this, $6Lvvy$swchelpers.getPrototypeOf($f2c9a88cd503c93d$export$6f46dc3d81fbb4bd).apply(this, arguments));
+        _this.icon = 'eraser';
+        _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);
+    function $f2c9a88cd503c93d$export$25eb377ce1feaada() {
+        $6Lvvy$swchelpers.classCallCheck(this, $f2c9a88cd503c93d$export$25eb377ce1feaada);
+        var _this;
+        _this = $6Lvvy$swchelpers.possibleConstructorReturn(this, $6Lvvy$swchelpers.getPrototypeOf($f2c9a88cd503c93d$export$25eb377ce1feaada).apply(this, arguments));
+        _this.icon = 'file-earmark-x';
+        _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));
+$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);
+    function $909fab8ca6d5b054$export$7cda8d932e2f33c0() {
+        $6Lvvy$swchelpers.classCallCheck(this, $909fab8ca6d5b054$export$7cda8d932e2f33c0);
+        var _this;
+        _this = $6Lvvy$swchelpers.possibleConstructorReturn(this, $6Lvvy$swchelpers.getPrototypeOf($909fab8ca6d5b054$export$7cda8d932e2f33c0).apply(this, arguments));
+        _this.box = /*#__PURE__*/ $6Lvvy$react.createRef();
+        _this.state = {
+            toolList: [],
+            data: ''
+        };
+        _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 && onChange(target.innerHTML);
+                            }
+                        })
+                    ]
+                }));
+            }
+        }
+    ], [
+        {
+            key: "getDerivedStateFromProps",
+            value: function getDerivedStateFromProps(param, param1) {
+                var tools = param.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);
+
+
+$parcel$exportWildcard(module.exports, $e6d4b3ebb29c3ec4$exports);
+$parcel$exportWildcard(module.exports, $9d49801ddb6619aa$exports);
+$parcel$exportWildcard(module.exports, $909fab8ca6d5b054$exports);
+
+
 //# sourceMappingURL=index.js.map

package.json

 {
     "name": "react-bootstrap-editor",
-    "version": "0.8.0",
+    "version": "1.0.0-rc.3",
     "license": "LGPL-3.0",
@@ -15,9 +15,5 @@ "author": "[e-mail]",
     ],
-    "homepage": "https://ideapp.dev/React-Bootstrap-editor/",
-    "repository": {
-        "type": "git",
-        "url": "git+https://github.com/idea2app/React-Bootstrap-editor.git"
-    },
+    "homepage": "https://github.com/idea2app/Edkit/tree/master/React/",
     "bugs": {
-        "url": "https://github.com/idea2app/React-Bootstrap-editor/issues"
+        "url": "https://github.com/idea2app/Edkit/issues"
     },
@@ -28,43 +24,20 @@ "main": "dist/index.js",
     "types": "dist/index.d.ts",
-    "peerDependencies": {
-        "react": ">=16.0.0",
-        "browser-fs-access": "^0.17.0"
+    "dependencies": {
+        "@swc/helpers": "^0.3.2",
+        "edkit": "^1.0.0-rc.3",
+        "react": "^17.0.2",
+        "react-dom": "^17.0.2"
     },
     "devDependencies": {
-        "@types/react": "^17.0.9",
-        "@types/react-dom": "^17.0.6",
-        "browser-fs-access": "^0.17.3",
-        "esbuild": "^0.11.23",
-        "husky": "^6.0.0",
-        "lint-staged": "^11.0.0",
-        "open-cli": "^6.0.1",
-        "parcel-bundler": "^1.12.5",
-        "prettier": "^2.3.1",
-        "react": "^17.0.2",
-        "react-dom": "^17.0.2",
-        "typedoc": "^0.21.0-beta.2",
-        "typescript": "^4.3.2"
+        "@types/react": "^17.0.38",
+        "@types/react-dom": "^17.0.11",
+        "parcel": "^2.0.1",
+        "typescript": "~4.4.4"
     },
-    "prettier": {
-        "singleQuote": true,
-        "trailingComma": "none",
-        "arrowParens": "avoid",
-        "tabWidth": 4
-    },
-    "lint-staged": {
-        "*.{html,md,less,json,yml,js,ts,tsx}": "prettier --write"
-    },
+    "browserslist": "> 0.5%, last 2 versions, not dead",
     "scripts": {
-        "prepare": "husky install",
-        "test": "lint-staged",
-        "pack-type": "tsc --emitDeclarationOnly",
-        "pack-dist": "esbuild source/index.ts --bundle --minify --sourcemap --external:react --external:react-bootstrap",
-        "pack-cjs": "npm run pack-dist -- --format=cjs --outfile=dist/index.js",
-        "pack-esm": "npm run pack-dist -- --format=esm --outfile=dist/index.esm.js",
-        "pack-docs": "rm -rf docs/  &&  typedoc source/",
-        "build": "rm -rf dist/  &&  npm run pack-type  &&  npm run pack-cjs  &&  npm run pack-esm  &&  npm run pack-docs",
         "start": "cd test/  &&  parcel index.html --open",
-        "help": "npm run pack-docs  &&  open-cli docs/index.html",
-        "prepublishOnly": "npm test  &&  npm run build"
+        "build": "rm -rf dist/  &&  parcel build",
+        "prepublishOnly": "npm run build"
     }
 }

ReadMe.md

 # React Bootstrap editor
 
-Lightweight **Rich Text Editor** based on [TypeScript][1], [React][2] & [Bootstrap][3]
+Lightweight **Rich Text Editor** based on [Edkit][1], [React][2] & [Bootstrap][3]
 
-[![NPM Dependency](https://david-dm.org/idea2app/React-Bootstrap-editor.svg)][4]
-[![CI & CD](https://github.com/idea2app/React-Bootstrap-editor/workflows/CI%20&%20CD/badge.svg)][5]
+[![NPM](https://nodei.co/npm/react-bootstrap-editor.png?downloads=true&downloadRank=true&stars=true)][4]
 
-[![NPM](https://nodei.co/npm/react-bootstrap-editor.png?downloads=true&downloadRank=true&stars=true)][6]
-
 ## Demo
@@ -16,46 +13,4 @@
 
-### Text
+https://github.com/idea2app/Edkit#tools
 
-1. Bold
-2. Italic
-3. Underline
-4. Strike through
-5. H1
-6. H2
-7. H3
-8. Font Size down
-9. Font Size up
-10. Subscript
-11. Superscript
-12. Link
-
-### Color
-
-1. Fore Color
-2. Back Color
-
-### Layout
-
-1. Align Left
-2. Align Center
-3. Align Right
-4. Align Full
-5. Ordered list
-6. Unordered list
-7. Horizontal rule
-
-### Media
-
-1. Embed Web page
-2. Image
-3. Audio
-4. Video
-
-### Control
-
-1. Undo
-2. Redo
-3. Reset
-4. Clear
-
 ## Usage
@@ -68,4 +23,3 @@
 ```shell
-npm install react-bootstrap-editor \
-    react browser-fs-access
+npm install react react-bootstrap-editor
 ```
@@ -79,7 +33,7 @@
         rel="stylesheet"
-        href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css"
+        href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"
     />
     <link
         rel="stylesheet"
-        href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.0/font/bootstrap-icons.css"
+        href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css"
     />
@@ -92,3 +46,3 @@ </head>
 ```javascript
-import React, { PureComponent } from 'react';
+import { PureComponent } from 'react';
 import { Editor, OriginalTools } from 'react-bootstrap-editor';
@@ -109,7 +63,5 @@
 
-[1]: https://www.typescriptlang.org/
+[1]: https://github.com/idea2app/Edkit/
 [2]: https://reactjs.org/
 [3]: https://getbootstrap.com/
-[4]: https://david-dm.org/idea2app/React-Bootstrap-editor
-[5]: https://github.com/idea2app/React-Bootstrap-editor/actions
-[6]: https://nodei.co/npm/react-bootstrap-editor/
+[4]: https://nodei.co/npm/react-bootstrap-editor/

source/index.ts

 export * from './Tool';
+export * from './tools';
 export * from './Editor';
-export * from './tools';

source/tools/Control.ts

@@ -1,30 +0,28 @@
-import { Tool } from '../Tool';
+import {
+    UndoTool as UDT,
+    RedoTool as RDT,
+    ResetTool as RST,
+    ClearTool as CT
+} from 'edkit';
 
-export class UndoTool extends Tool {
-    name = 'Undo';
+import { renderTool } from '../Tool';
+
+export class UndoTool extends UDT {
     icon = 'arrow-counterclockwise';
-    command = 'undo';
+    render = renderTool;
 }
 
-export class RedoTool extends Tool {
-    name = 'Redo';
+export class RedoTool extends RDT {
     icon = 'arrow-clockwise';
-    command = 'redo';
+    render = renderTool;
 }
 
-export class ResetTool extends Tool {
-    name = 'Reset';
+export class ResetTool extends RST {
     icon = 'eraser';
-    command = 'removeFormat';
+    render = renderTool;
 }
 
-export class ClearTool extends Tool {
-    name = 'Clear';
+export class ClearTool extends CT {
     icon = 'file-earmark-x';
-
-    execute(editor: HTMLElement) {
-        editor.focus();
-        document.execCommand('selectAll');
-        document.execCommand('delete');
-    }
+    render = renderTool;
 }

source/tools/Layout.ts

@@ -1,64 +0,46 @@
-import { getAnchorElement, Tool } from '../Tool';
+import {
+    AlignLeftTool as ALT,
+    AlignCenterTool as ACT,
+    AlignRightTool as ART,
+    AlignFullTool as AFT,
+    OrderedListTool as OLT,
+    UnorderedListTool as ULT,
+    HorizontalRuleTool as HRT
+} from 'edkit';
 
-export type AlignMode = 'left' | 'center' | 'right' | 'justify';
+import { renderTool } from '../Tool';
 
-export abstract class AlignTool extends Tool {
-    abstract align: AlignMode;
-
-    get active() {
-        if (super.getActive()) return true;
-
-        const box = getAnchorElement();
-
-        return !!box && getComputedStyle(box).textAlign === this.align;
-    }
-}
-
-export class AlignLeftTool extends AlignTool {
-    name = 'Align Left';
+export class AlignLeftTool extends ALT {
     icon = 'text-left';
-    command = 'justifyLeft';
-    align = 'left' as AlignMode;
+    render = renderTool;
 }
 
-export class AlignCenterTool extends AlignTool {
-    name = 'Align Center';
+export class AlignCenterTool extends ACT {
     icon = 'text-center';
-    command = 'justifyCenter';
-    align = 'center' as AlignMode;
+    render = renderTool;
 }
 
-export class AlignRightTool extends AlignTool {
-    name = 'Align Right';
+export class AlignRightTool extends ART {
     icon = 'text-right';
-    command = 'justifyRight';
-    align = 'right' as AlignMode;
+    render = renderTool;
 }
 
-export class AlignFullTool extends AlignTool {
-    name = 'Align Full';
+export class AlignFullTool extends AFT {
     icon = 'justify';
-    command = 'justifyFull';
-    align = 'justify' as AlignMode;
+    render = renderTool;
 }
 
-export class OrderedListTool extends Tool {
-    name = 'Ordered list';
+export class OrderedListTool extends OLT {
     icon = 'list-ol';
-    tags = ['ol'];
-    command = 'insertOrderedList';
+    render = renderTool;
 }
 
-export class UnorderedListTool extends Tool {
-    name = 'Unordered list';
+export class UnorderedListTool extends ULT {
     icon = 'list-ul';
-    tags = ['ul'];
-    command = 'insertUnorderedList';
+    render = renderTool;
 }
 
-export class HorizontalRuleTool extends Tool {
-    name = 'Horizontal rule';
+export class HorizontalRuleTool extends HRT {
     icon = 'reception-0';
-    tags = ['hr'];
-    command = 'insertHorizontalRule';
+    render = renderTool;
 }

source/tools/Media.ts

@@ -1,47 +0,28 @@
-import { Tool, FileTool } from '../Tool';
+import {
+    IFrameTool as FT,
+    ImageTool as IT,
+    AudioTool as AT,
+    VideoTool as VT
+} from 'edkit';
 
-export class IFrameTool extends Tool {
-    name = 'Embed Web page';
+import { renderTool } from '../Tool';
+
+export class IFrameTool extends FT {
     icon = 'window';
-    tags = ['iframe'];
-    command = 'insertHTML';
-
-    execute(editor: HTMLElement) {
-        const path = self.prompt('Path');
-
-        if (path)
-            this.edit(
-                editor,
-                `<iframe style="width: 100%; height: 50vh; border: none" src="${path}"></iframe>`
-            );
-    }
+    render = renderTool;
 }
 
-export class ImageTool extends FileTool {
-    name = 'Image';
+export class ImageTool extends IT {
     icon = 'image';
-    tags = ['img'];
-    command = 'insertImage';
+    render = renderTool;
 }
 
-export class AudioTool extends FileTool {
-    name = 'Audio';
+export class AudioTool extends AT {
     icon = 'voicemail';
-    tags = ['audio'];
-    command = 'insertHTML';
-
-    codeOf(path: string) {
-        return `<audio controls src="${path}"></audio>`;
-    }
+    render = renderTool;
 }
 
-export class VideoTool extends FileTool {
-    name = 'Video';
+export class VideoTool extends VT {
     icon = 'camera-video';
-    tags = ['video'];
-    command = 'insertHTML';
-
-    codeOf(path: string) {
-        return `<video controls src="${path}"></video>`;
-    }
+    render = renderTool;
 }

source/tools/Text.ts

@@ -1,105 +0,76 @@
-import { Tool } from '../Tool';
+import {
+    BoldTool as BT,
+    ItalicTool as IT,
+    UnderlineTool as UT,
+    StrikeThroughTool as STT,
+    H1Tool as H1T,
+    H2Tool as H2T,
+    H3Tool as H3T,
+    FontSizeDownTool as FSDT,
+    FontSizeUpTool as FSUT,
+    SubscriptTool as SubST,
+    SuperscriptTool as SupST,
+    LinkTool as LT
+} from 'edkit';
 
-export class BoldTool extends Tool {
-    name = 'Bold';
+import { renderTool } from '../Tool';
+
+export class BoldTool extends BT {
     icon = 'type-bold';
-    tags = ['b', 'strong'];
-    keys = ['Ctrl', 'B'];
-    command = 'bold';
+    render = renderTool;
 }
 
-export class ItalicTool extends Tool {
-    name = 'Italic';
+export class ItalicTool extends IT {
     icon = 'type-italic';
-    tags = ['i', 'em'];
-    keys = ['Ctrl', 'I'];
-    command = 'italic';
+    render = renderTool;
 }
 
-export class UnderlineTool extends Tool {
-    name = 'Underline';
+export class UnderlineTool extends UT {
     icon = 'type-underline';
-    tags = ['u'];
-    keys = ['Ctrl', 'U'];
-    command = 'underline';
+    render = renderTool;
 }
 
-export class StrikeThroughTool extends Tool {
-    name = 'Strike through';
+export class StrikeThroughTool extends STT {
     icon = 'type-strikethrough';
-    tags = ['s', 'del', 'strike'];
-    command = 'strikeThrough';
+    render = renderTool;
 }
 
-const HeadingCommand = document.queryCommandSupported('heading')
-    ? 'heading'
-    : 'formatBlock';
-
-export class H1Tool extends Tool {
-    name = 'H1';
+export class H1Tool extends H1T {
     icon = 'type-h1';
-    tags = ['h1'];
-    command = HeadingCommand;
-
-    execute(editor: HTMLElement) {
-        this.edit(editor, 'H1');
-    }
+    render = renderTool;
 }
 
-export class H2Tool extends Tool {
-    name = 'H2';
+export class H2Tool extends H2T {
     icon = 'type-h2';
-    tags = ['h2'];
-    command = HeadingCommand;
-
-    execute(editor: HTMLElement) {
-        this.edit(editor, 'H2');
-    }
+    render = renderTool;
 }
 
-export class H3Tool extends Tool {
-    name = 'H3';
+export class H3Tool extends H3T {
     icon = 'type-h3';
-    tags = ['h3'];
-    command = HeadingCommand;
-
-    execute(editor: HTMLElement) {
-        this.edit(editor, 'H3');
-    }
+    render = renderTool;
 }
 
-export class FontSizeDownTool extends Tool {
-    name = 'Font Size down';
+export class FontSizeDownTool extends FSDT {
     icon = 'sort-alpha-down';
-    tags = ['small'];
-    command = 'decreaseFontSize';
+    render = renderTool;
 }
 
-export class FontSizeUpTool extends Tool {
-    name = 'Font Size up';
+export class FontSizeUpTool extends FSUT {
     icon = 'sort-alpha-up';
-    tags = ['big'];
-    command = 'increaseFontSize';
+    render = renderTool;
 }
 
-export class SubscriptTool extends Tool {
-    name = 'Subscript';
+export class SubscriptTool extends SubST {
     icon = 'box-arrow-down-right';
-    tags = ['sub'];
-    command = 'subscript';
+    render = renderTool;
 }
 
-export class SuperscriptTool extends Tool {
-    name = 'Superscript';
+export class SuperscriptTool extends SupST {
     icon = 'box-arrow-up-right';
-    tags = ['sup'];
-    command = 'superscript';
+    render = renderTool;
 }
 
-export class LinkTool extends Tool {
-    name = 'Link';
+export class LinkTool extends LT {
     icon = 'link';
-    tags = ['a'];
-    inputs = ['Path'];
-    command = 'createLink';
+    render = renderTool;
 }

tsconfig.json

@@ -8,14 +8,7 @@ {
         "jsx": "react",
-        "lib": ["ES2020", "DOM"],
+        "lib": ["ES2021", "DOM"],
         "declaration": true,
         "outDir": "dist/"
     },
-    "include": ["source/**/*"],
-    "typedocOptions": {
-        "name": "React Bootstrap editor",
-        "excludeExternals": true,
-        "excludePrivate": true,
-        "readme": "./ReadMe.md",
-        "out": "docs/"
-    }
+    "include": ["source/*"]
 }

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

No repository

Supply chain risk

Package does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.

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

Unpopular package

Quality

This package is not very popular.

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

No website

Quality

Package does not have a website.

Found 1 instance in 1 package

Improved metrics

Dev dependency count

4

-69.23%

Lines of code

1647

75.59%

Number of medium maintenance alerts

0

-100%

Number of low quality alerts

1

-75%

Number of medium quality alerts

0

-100%

Worsened metrics

Total package byte prevSize

116709

-5.44%

Dependency count

4

100%

Number of package files

18

-28%

Number of lines in readme file

63

-43.24%

Number of low supply chain risk alerts

1

Infinity%

Number of medium supply chain risk alerts

1

Infinity%

Dependency changes

• + Added

  @swc/helpers@^0.3.2

• + Added

  edkit@^1.0.0-rc.3

• + Added

  react@^17.0.2

• + Added

  react-dom@^17.0.2

• + Added

  @mixmark-io/domino@2.2.0
  (transitive)

• + Added

  @swc/helpers@0.3.170.5.17
  (transitive)

• + Added

  @types/turndown@5.0.5
  (transitive)

• + Added

  browser-fs-access@0.37.0
  (transitive)

• + Added

  edkit@1.2.7
  (transitive)

• + Added

  element-internals-polyfill@1.3.13
  (transitive)

• + Added

  js-tokens@4.0.0
  (transitive)

• + Added

  loose-envify@1.4.0
  (transitive)

• + Added

  marked@15.0.12
  (transitive)

• + Added

  object-assign@4.1.1
  (transitive)

• + Added

  react@17.0.2
  (transitive)

• + Added

  react-dom@17.0.2
  (transitive)

• + Added

  regenerator-runtime@0.14.1
  (transitive)

• + Added

  scheduler@0.20.2
  (transitive)

• + Added

  tslib@2.8.1
  (transitive)

• + Added

  turndown@7.2.0
  (transitive)

• + Added

  turndown-plugin-gfm@1.0.2
  (transitive)

• + Added

  typescript@5.8.3
  (transitive)

• + Added

  web-utility@4.4.3
  (transitive)

• - Removed

  browser-fs-access@0.17.3
  (transitive)

• - Removed

  react@19.1.0
  (transitive)