@web-atoms/web-controls 2.3.5 → 2.3.6

package/dist/html-editor/AtomHtmlEditor.js

@@ -1,10 +1,329 @@
-System.register(["tslib","@web-atoms/core/dist/core/AtomBinder","@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/core/BindableProperty","@web-atoms/core/dist/core/Colors","@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/style/StyleRule","@web-atoms/core/dist/web/controls/AtomControl","@web-atoms/core/dist/web/styles/CSS","../basic/AtomRepeater","./commands/AddImage","./commands/AddLink","./commands/Align","./commands/AttachFile","./commands/Bold","./commands/ChangeColor","./commands/ChangeFont","./commands/ChangeFontSize","./commands/Headings","./commands/HorizontalRule","./commands/IndentLess","./commands/IndentMore","./commands/Italic","./commands/NumberedList","./commands/RemoveFormat","./commands/Separator","./commands/Source","./commands/StrikeThrough","./commands/Underline","./commands/Unlink","./commands/UnorderedList"],function(_export,_context){"use strict";var __decorate,__metadata,AtomBinder,Bind,BindableProperty,Colors,XNode,StyleRule,AtomControl,CSS,AtomRepeater,AddImage,showImageDialog,AddLink,Align,AttachFile,Bold,ChangeColor,ChangeFont,ChangeFontSize,Headings,HorizontalRule,IndentLess,IndentMore,Italic,NumberedList,RemoveFormat,Separator,Source,StrikeThrough,Underline,Unlink,UnorderedList,AtomHtmlEditor,link,css;function Toolbar(a,...nodes){return XNode.create("div",{class:"toolbar"},...nodes);}function preventLinkClick(e,editor,doc){let target=e.target;const body=doc.body;while(target){if(target===body){break;}if(target.isContentEditable){editor.dispatchEvent(new MouseEvent("click",{bubbles:true,cancelable:true}));return;}if(target.tagName==="A"){e.preventDefault();}target=target.parentElement;}target=e.target;const originalTarget=target;const data=new Proxy(originalTarget,{get(target,p){if(typeof p!=="string"){return;}while(target){const value=target.dataset[p];if(value!==void 0){return value;}target=target.parentElement;}}});editor.dispatchEvent(new CustomEvent("editorClick",{detail:{target,data},bubbles:true,cancelable:true}));editor.dispatchEvent(new MouseEvent("click",{bubbles:true,cancelable:true}));}_export({Toolbar:Toolbar,default:void 0});return{setters:[function(_tslib){__decorate=_tslib.__decorate;__metadata=_tslib.__metadata;},function(_webAtomsCoreDistCoreAtomBinder){AtomBinder=_webAtomsCoreDistCoreAtomBinder.AtomBinder;},function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default;},function(_webAtomsCoreDistCoreBindableProperty){BindableProperty=_webAtomsCoreDistCoreBindableProperty.BindableProperty;},function(_webAtomsCoreDistCoreColors){Colors=_webAtomsCoreDistCoreColors.default;},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default;},function(_webAtomsCoreDistStyleStyleRule){StyleRule=_webAtomsCoreDistStyleStyleRule.default;},function(_webAtomsCoreDistWebControlsAtomControl){AtomControl=_webAtomsCoreDistWebControlsAtomControl.AtomControl;},function(_webAtomsCoreDistWebStylesCSS){CSS=_webAtomsCoreDistWebStylesCSS.default;},function(_basicAtomRepeater){AtomRepeater=_basicAtomRepeater.default;},function(_commandsAddImage){AddImage=_commandsAddImage.default;showImageDialog=_commandsAddImage.showImageDialog;},function(_commandsAddLink){AddLink=_commandsAddLink.default;},function(_commandsAlign){Align=_commandsAlign.default;},function(_commandsAttachFile){AttachFile=_commandsAttachFile.default;},function(_commandsBold){Bold=_commandsBold.default;},function(_commandsChangeColor){ChangeColor=_commandsChangeColor.default;},function(_commandsChangeFont){ChangeFont=_commandsChangeFont.default;},function(_commandsChangeFontSize){ChangeFontSize=_commandsChangeFontSize.default;},function(_commandsHeadings){Headings=_commandsHeadings.default;},function(_commandsHorizontalRule){HorizontalRule=_commandsHorizontalRule.default;},function(_commandsIndentLess){IndentLess=_commandsIndentLess.default;},function(_commandsIndentMore){IndentMore=_commandsIndentMore.default;},function(_commandsItalic){Italic=_commandsItalic.default;},function(_commandsNumberedList){NumberedList=_commandsNumberedList.default;},function(_commandsRemoveFormat){RemoveFormat=_commandsRemoveFormat.default;},function(_commandsSeparator){Separator=_commandsSeparator.default;},function(_commandsSource){Source=_commandsSource.default;},function(_commandsStrikeThrough){StrikeThrough=_commandsStrikeThrough.default;},function(_commandsUnderline){Underline=_commandsUnderline.default;},function(_commandsUnlink){Unlink=_commandsUnlink.default;},function(_commandsUnorderedList){UnorderedList=_commandsUnorderedList.default;}],execute:function(){link=document.createElement("link");link.href="https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/remixicon.css";link.rel="stylesheet";document.head.appendChild(link);css=CSS(StyleRule().display("flex").flexDirection("column").minHeight(500).child(StyleRule("iframe").flexStretch()).child(StyleRule(".files").child(StyleRule(".file").flexLayout({inline:true}).borderColor(Colors.lightGray.withAlphaPercent(0.5)).borderWidth(1).borderStyle("solid").borderRadius(15).paddingLeft(10).paddingRight(10).child(StyleRule("label").maxWidth(100).textEllipsis()))).nested(StyleRule(".toolbar").display("flex").flexWrap("wrap").alignItems("center").child(StyleRule(".command").display("inline-flex").alignItems("center").justifyContent("space-evenly").border("none").cursor("pointer").backgroundColor(Colors.transparent).hoverBackgroundColor(Colors.lightGreen).minWidth(28).height(28).and(StyleRule(".pressed").backgroundColor(Colors.lightGray).hoverBackgroundColor(Colors.lightGreen)).nested(StyleRule(".ri-bold").fontWeight("bold")))));_export("default",AtomHtmlEditor=class AtomHtmlEditor extends AtomControl{get htmlContent(){var _a,_b;try{return(_b=(_a=this.editor)===null||_a===void 0?void 0:_a.innerHTML)!==null&&_b!==void 0?_b:this.initialContent;}catch(ex){console.warn(ex);}}set htmlContent(v){if(this.editor){this.editor.innerHTML=v;}else{this.initialContent=v;}AtomBinder.refreshValue(this,"htmlContent");}insertImage(s,e){return showImageDialog(s,e);}executeCommand(cmd,showUI,value){const r=this.editorDocument.execCommand(cmd,showUI,value);setTimeout(()=>this.version++,1);return r;}queryCommandState(cmd,...a){return this.editorDocument.queryCommandState(cmd);}getStyle(name,v){try{const node=this.editorWindow.getSelection().getRangeAt(0);const e=node.startContainer.parentElement;return this.editorWindow.getComputedStyle(e)[name];}catch(ex){return null;}}onPropertyChanged(name){super.onPropertyChanged(name);if(name==="tags"){this.setupTags();}}setupTags(){const doc=this.editorDocument;if(!doc){return;}if(Array.isArray(this.tags)){for(const{name,style}of this.tags){if(style){const styleElement=doc.createElement("style");styleElement.textContent=`*[data-command=${name}] {
+System.register(["tslib", "@web-atoms/core/dist/core/AtomBinder", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/BindableProperty", "@web-atoms/core/dist/core/Colors", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/controls/AtomControl", "@web-atoms/core/dist/web/styles/CSS", "../basic/AtomRepeater", "./commands/AddImage", "./commands/AddLink", "./commands/Align", "./commands/AttachFile", "./commands/Bold", "./commands/ChangeColor", "./commands/ChangeFont", "./commands/ChangeFontSize", "./commands/Headings", "./commands/HorizontalRule", "./commands/IndentLess", "./commands/IndentMore", "./commands/Italic", "./commands/NumberedList", "./commands/RemoveFormat", "./commands/Separator", "./commands/Source", "./commands/StrikeThrough", "./commands/Underline", "./commands/Unlink", "./commands/UnorderedList"], function (_export, _context) {
+  "use strict";
+
+  var __decorate, __metadata, AtomBinder, Bind, BindableProperty, Colors, XNode, StyleRule, AtomControl, CSS, AtomRepeater, AddImage, showImageDialog, AddLink, Align, AttachFile, Bold, ChangeColor, ChangeFont, ChangeFontSize, Headings, HorizontalRule, IndentLess, IndentMore, Italic, NumberedList, RemoveFormat, Separator, Source, StrikeThrough, Underline, Unlink, UnorderedList, AtomHtmlEditor, link, css;
+  function Toolbar(a, ...nodes) {
+    return XNode.create("div", {
+      class: "toolbar"
+    }, ...nodes);
+  }
+  function preventLinkClick(e, editor, doc) {
+    let target = e.target;
+    const body = doc.body;
+    while (target) {
+      if (target === body) {
+        break;
+      }
+      if (target.isContentEditable) {
+        editor.dispatchEvent(new MouseEvent("click", {
+          bubbles: true,
+          cancelable: true
+        }));
+        return;
+      }
+      if (target.tagName === "A") {
+        e.preventDefault();
+      }
+      target = target.parentElement;
+    }
+    target = e.target;
+    const originalTarget = target;
+    const data = new Proxy(originalTarget, {
+      get(target, p) {
+        if (typeof p !== "string") {
+          return;
+        }
+        while (target) {
+          const value = target.dataset[p];
+          if (value !== void 0) {
+            return value;
+          }
+          target = target.parentElement;
+        }
+      }
+    });
+    editor.dispatchEvent(new CustomEvent("editorClick", {
+      detail: {
+        target,
+        data
+      },
+      bubbles: true,
+      cancelable: true
+    }));
+    editor.dispatchEvent(new MouseEvent("click", {
+      bubbles: true,
+      cancelable: true
+    }));
+  }
+  _export({
+    Toolbar: Toolbar,
+    default: void 0
+  });
+  return {
+    setters: [function (_tslib) {
+      __decorate = _tslib.__decorate;
+      __metadata = _tslib.__metadata;
+    }, function (_webAtomsCoreDistCoreAtomBinder) {
+      AtomBinder = _webAtomsCoreDistCoreAtomBinder.AtomBinder;
+    }, function (_webAtomsCoreDistCoreBind) {
+      Bind = _webAtomsCoreDistCoreBind.default;
+    }, function (_webAtomsCoreDistCoreBindableProperty) {
+      BindableProperty = _webAtomsCoreDistCoreBindableProperty.BindableProperty;
+    }, function (_webAtomsCoreDistCoreColors) {
+      Colors = _webAtomsCoreDistCoreColors.default;
+    }, function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_webAtomsCoreDistStyleStyleRule) {
+      StyleRule = _webAtomsCoreDistStyleStyleRule.default;
+    }, function (_webAtomsCoreDistWebControlsAtomControl) {
+      AtomControl = _webAtomsCoreDistWebControlsAtomControl.AtomControl;
+    }, function (_webAtomsCoreDistWebStylesCSS) {
+      CSS = _webAtomsCoreDistWebStylesCSS.default;
+    }, function (_basicAtomRepeater) {
+      AtomRepeater = _basicAtomRepeater.default;
+    }, function (_commandsAddImage) {
+      AddImage = _commandsAddImage.default;
+      showImageDialog = _commandsAddImage.showImageDialog;
+    }, function (_commandsAddLink) {
+      AddLink = _commandsAddLink.default;
+    }, function (_commandsAlign) {
+      Align = _commandsAlign.default;
+    }, function (_commandsAttachFile) {
+      AttachFile = _commandsAttachFile.default;
+    }, function (_commandsBold) {
+      Bold = _commandsBold.default;
+    }, function (_commandsChangeColor) {
+      ChangeColor = _commandsChangeColor.default;
+    }, function (_commandsChangeFont) {
+      ChangeFont = _commandsChangeFont.default;
+    }, function (_commandsChangeFontSize) {
+      ChangeFontSize = _commandsChangeFontSize.default;
+    }, function (_commandsHeadings) {
+      Headings = _commandsHeadings.default;
+    }, function (_commandsHorizontalRule) {
+      HorizontalRule = _commandsHorizontalRule.default;
+    }, function (_commandsIndentLess) {
+      IndentLess = _commandsIndentLess.default;
+    }, function (_commandsIndentMore) {
+      IndentMore = _commandsIndentMore.default;
+    }, function (_commandsItalic) {
+      Italic = _commandsItalic.default;
+    }, function (_commandsNumberedList) {
+      NumberedList = _commandsNumberedList.default;
+    }, function (_commandsRemoveFormat) {
+      RemoveFormat = _commandsRemoveFormat.default;
+    }, function (_commandsSeparator) {
+      Separator = _commandsSeparator.default;
+    }, function (_commandsSource) {
+      Source = _commandsSource.default;
+    }, function (_commandsStrikeThrough) {
+      StrikeThrough = _commandsStrikeThrough.default;
+    }, function (_commandsUnderline) {
+      Underline = _commandsUnderline.default;
+    }, function (_commandsUnlink) {
+      Unlink = _commandsUnlink.default;
+    }, function (_commandsUnorderedList) {
+      UnorderedList = _commandsUnorderedList.default;
+    }],
+    execute: function () {
+      link = document.createElement("link");
+      link.href = "https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/remixicon.css";
+      link.rel = "stylesheet";
+      document.head.appendChild(link);
+      css = CSS(StyleRule().display("flex").flexDirection("column").minHeight(500).child(StyleRule("iframe").flexStretch()).child(StyleRule(".files").child(StyleRule(".file").flexLayout({
+        inline: true
+      }).borderColor(Colors.lightGray.withAlphaPercent(0.5)).borderWidth(1).borderStyle("solid").borderRadius(15).paddingLeft(10).paddingRight(10).child(StyleRule("label").maxWidth(100).textEllipsis()))).nested(StyleRule(".toolbar").display("flex").flexWrap("wrap").alignItems("center").child(StyleRule(".command").display("inline-flex").alignItems("center").justifyContent("space-evenly").border("none").cursor("pointer").backgroundColor(Colors.transparent).hoverBackgroundColor(Colors.lightGreen).minWidth(28).height(28).and(StyleRule(".pressed").backgroundColor(Colors.lightGray).hoverBackgroundColor(Colors.lightGreen)).nested(StyleRule(".ri-bold").fontWeight("bold")))));
+      _export("default", AtomHtmlEditor = class AtomHtmlEditor extends AtomControl {
+        get htmlContent() {
+          var _a, _b;
+          try {
+            return (_b = (_a = this.editor) === null || _a === void 0 ? void 0 : _a.innerHTML) !== null && _b !== void 0 ? _b : this.initialContent;
+          } catch (ex) {
+            console.warn(ex);
+          }
+        }
+        set htmlContent(v) {
+          if (this.editor) {
+            this.editor.innerHTML = v;
+          } else {
+            this.initialContent = v;
+          }
+          AtomBinder.refreshValue(this, "htmlContent");
+        }
+        insertImage(s, e) {
+          return showImageDialog(s, e);
+        }
+        executeCommand(cmd, showUI, value) {
+          const r = this.editorDocument.execCommand(cmd, showUI, value);
+          setTimeout(() => this.version++, 1);
+          return r;
+        }
+        queryCommandState(cmd, ...a) {
+          return this.editorDocument.queryCommandState(cmd);
+        }
+        getStyle(name, v) {
+          try {
+            const node = this.editorWindow.getSelection().getRangeAt(0);
+            const e = node.startContainer.parentElement;
+            return this.editorWindow.getComputedStyle(e)[name];
+          } catch (ex) {
+            return null;
+          }
+        }
+        onPropertyChanged(name) {
+          super.onPropertyChanged(name);
+          if (name === "tags") {
+            this.setupTags();
+          }
+        }
+        setupTags() {
+          const doc = this.editorDocument;
+          if (!doc) {
+            return;
+          }
+          if (Array.isArray(this.tags)) {
+            for (const {
+              name,
+              style
+            } of this.tags) {
+              if (style) {
+                const styleElement = doc.createElement("style");
+                styleElement.textContent = `*[data-command=${name}] {
                         ${style.toStyleSheet()}
-                    }`;doc.head.appendChild(styleElement);}}}}preCreate(){this.version=1;this.files=[];this.runAfterInit(()=>{this.setup();});this.element.classList.add(css);this.element.classList.add("html-editor");}onPasteEvent(e){if(!e.clipboardData.types.find(x=>x==="text/html")){return;}const d=e.clipboardData.getData("text/plain");if(d){const s=window.getSelection();const r=s.getRangeAt(0);const p=document.createElement("p");const span=document.createElement("span");span.textContent=d;p.appendChild(span);r.insertNode(p);r.setStartAfter(p);}e.preventDefault();}onInputEvent(e){console.log(e);}setup(){var _a;const frame=this.element.getElementsByTagName("iframe")[0];const doc=frame.contentWindow.document;doc.open();const baseUrl=`${location.protocol}//${location.host}`;doc.writeln(`<base href="${baseUrl}"></base><div id="editor"><p>&nbsp;</p></div>`);doc.close();const style=doc.createElement("style");style.textContent=`body {
+                    }`;
+                doc.head.appendChild(styleElement);
+              }
+            }
+          }
+        }
+        preCreate() {
+          this.version = 1;
+          this.files = [];
+          this.runAfterInit(() => {
+            this.setup();
+          });
+          this.element.classList.add(css);
+          this.element.classList.add("html-editor");
+        }
+        onPasteEvent(e) {
+          if (!e.clipboardData.types.find(x => x === "text/html")) {
+            return;
+          }
+          const d = e.clipboardData.getData("text/plain");
+          if (d) {
+            const s = window.getSelection();
+            const r = s.getRangeAt(0);
+            const p = document.createElement("p");
+            const span = document.createElement("span");
+            span.textContent = d;
+            p.appendChild(span);
+            r.insertNode(p);
+            r.setStartAfter(p);
+          }
+          e.preventDefault();
+        }
+        onInputEvent(e) {
+          console.log(e);
+        }
+        setup() {
+          var _a;
+          const frame = this.element.getElementsByTagName("iframe")[0];
+          const doc = frame.contentWindow.document;
+          doc.open();
+          const baseUrl = `${location.protocol}//${location.host}`;
+          doc.writeln(`<base href="${baseUrl}"></base><div id="editor"><p>&nbsp;</p></div>`);
+          doc.close();
+          const style = doc.createElement("style");
+          style.textContent = `body {
             font-family: arial,sans-serif
         }
         #editor {
             min-height: 500px;
         }
-        `;doc.head.appendChild(style);doc.body.addEventListener("click",e=>preventLinkClick(e,this.element,doc));this.editor=doc.getElementById("editor");this.editor.contentEditable="true";this.editor.innerHTML=(_a=this.initialContent)!==null&&_a!==void 0?_a:"";doc.execCommand("styleWithCSS");doc.execCommand("insertBrOnReturn");const updateVersion=()=>setTimeout(()=>{this.version++;AtomBinder.refreshValue(this,"htmlContent");this.element.dispatchEvent(new CustomEvent("documentUpdated",{detail:this.editor}));this.documentUpdated(this.editor);},1);this.editor.addEventListener("click",updateVersion);this.editor.addEventListener("keydown",updateVersion);this.editor.addEventListener("keypress",updateVersion);this.editor.addEventListener("input",updateVersion);this.editorWindow=frame.contentWindow;this.editorDocument=doc;updateVersion();this.documentCreated(this.editor);this.element.dispatchEvent(new CustomEvent("documentCreated",{detail:this.editor}));this.registerDisposable({dispose:()=>{this.editor.removeEventListener("click",updateVersion);this.editor.removeEventListener("keydown",updateVersion);this.editor.removeEventListener("keypress",updateVersion);this.editor.removeEventListener("input",updateVersion);}});this.bindEvent(this.element,"editorClick",ce=>{const{detail:{data}}=ce;for(const{name,handler}of this.tags){if(name===data.command||name===data.clickEvent){handler(ce);}}});this.setupTags();}documentCreated(e){}documentUpdated(e){}render(node,e,creator){this.render=super.render;if(!node.children||node.children.length===0){node.children[0]=XNode.create(Toolbar,null,XNode.create(Bold,null),XNode.create(Italic,null),XNode.create(Underline,null),XNode.create(StrikeThrough,null),XNode.create(Align,null),XNode.create(Separator,null),XNode.create(Headings,null),XNode.create(ChangeColor,null),XNode.create(HorizontalRule,null),XNode.create(Separator,null),XNode.create(ChangeFont,null),XNode.create(ChangeFontSize,null),XNode.create(Separator,null),XNode.create(NumberedList,null),XNode.create(UnorderedList,null),XNode.create(IndentLess,null),XNode.create(IndentMore,null),XNode.create(Separator,null),XNode.create(AddImage,null),XNode.create(AttachFile,null),XNode.create(Separator,null),XNode.create(AddLink,null),XNode.create(Unlink,null),XNode.create(RemoveFormat,null),XNode.create(Separator,null),XNode.create(Source,null));}super.render(XNode.create("div",Object.assign({},node.attributes),...node.children,XNode.create(AtomRepeater,{class:"files","event-item-delete":ce=>this.files.remove(ce.detail),items:Bind.oneWay(()=>this.files),itemRenderer:file=>XNode.create("div",{class:"file"},XNode.create("i",{class:"ri-attachment-2"}),XNode.create("label",{text:file.name}),XNode.create("i",{"data-click-event":"item-delete",class:"ri-close-circle-fill"}))}),XNode.create("iframe",{class:"editor-frame"})));}});__decorate([BindableProperty,__metadata("design:type",String)],AtomHtmlEditor.prototype,"content",void 0);__decorate([BindableProperty,__metadata("design:type",Array)],AtomHtmlEditor.prototype,"header",void 0);__decorate([BindableProperty,__metadata("design:type",Number)],AtomHtmlEditor.prototype,"version",void 0);__decorate([BindableProperty,__metadata("design:type",Array)],AtomHtmlEditor.prototype,"files",void 0);__decorate([BindableProperty,__metadata("design:type",Array)],AtomHtmlEditor.prototype,"tags",void 0);}};});
+        `;
+          doc.head.appendChild(style);
+          doc.body.addEventListener("click", e => preventLinkClick(e, this.element, doc));
+          this.editor = doc.getElementById("editor");
+          this.editor.contentEditable = "true";
+          this.editor.innerHTML = (_a = this.initialContent) !== null && _a !== void 0 ? _a : "";
+          doc.execCommand("styleWithCSS");
+          doc.execCommand("insertBrOnReturn");
+          const updateVersion = () => setTimeout(() => {
+            this.version++;
+            AtomBinder.refreshValue(this, "htmlContent");
+            this.element.dispatchEvent(new CustomEvent("documentUpdated", {
+              detail: this.editor
+            }));
+            this.documentUpdated(this.editor);
+          }, 1);
+          this.editor.addEventListener("click", updateVersion);
+          this.editor.addEventListener("keydown", updateVersion);
+          this.editor.addEventListener("keypress", updateVersion);
+          this.editor.addEventListener("input", updateVersion);
+          this.editorWindow = frame.contentWindow;
+          this.editorDocument = doc;
+          updateVersion();
+          this.documentCreated(this.editor);
+          this.element.dispatchEvent(new CustomEvent("documentCreated", {
+            detail: this.editor
+          }));
+          this.registerDisposable({
+            dispose: () => {
+              this.editor.removeEventListener("click", updateVersion);
+              this.editor.removeEventListener("keydown", updateVersion);
+              this.editor.removeEventListener("keypress", updateVersion);
+              this.editor.removeEventListener("input", updateVersion);
+            }
+          });
+          this.bindEvent(this.element, "editorClick", ce => {
+            const {
+              detail: {
+                data
+              }
+            } = ce;
+            for (const {
+              name,
+              handler
+            } of this.tags) {
+              if (name === data.command || name === data.clickEvent) {
+                handler(ce);
+              }
+            }
+          });
+          this.setupTags();
+        }
+        documentCreated(e) {}
+        documentUpdated(e) {}
+        render(node, e, creator) {
+          this.render = super.render;
+          if (!node.children || node.children.length === 0) {
+            node.children[0] = XNode.create(Toolbar, null, XNode.create(Bold, null), XNode.create(Italic, null), XNode.create(Underline, null), XNode.create(StrikeThrough, null), XNode.create(Align, null), XNode.create(Separator, null), XNode.create(Headings, null), XNode.create(ChangeColor, null), XNode.create(HorizontalRule, null), XNode.create(Separator, null), XNode.create(ChangeFont, null), XNode.create(ChangeFontSize, null), XNode.create(Separator, null), XNode.create(NumberedList, null), XNode.create(UnorderedList, null), XNode.create(IndentLess, null), XNode.create(IndentMore, null), XNode.create(Separator, null), XNode.create(AddImage, null), XNode.create(AttachFile, null), XNode.create(Separator, null), XNode.create(AddLink, null), XNode.create(Unlink, null), XNode.create(RemoveFormat, null), XNode.create(Separator, null), XNode.create(Source, null));
+          }
+          super.render(XNode.create("div", Object.assign({}, node.attributes), ...node.children, XNode.create(AtomRepeater, {
+            class: "files",
+            "event-item-delete": ce => this.files.remove(ce.detail),
+            items: Bind.oneWay(() => this.files),
+            itemRenderer: file => XNode.create("div", {
+              class: "file"
+            }, XNode.create("i", {
+              class: "ri-attachment-2"
+            }), XNode.create("label", {
+              text: file.name
+            }), XNode.create("i", {
+              "data-click-event": "item-delete",
+              class: "ri-close-circle-fill"
+            }))
+          }), XNode.create("iframe", {
+            class: "editor-frame"
+          })));
+        }
+      });
+      __decorate([BindableProperty, __metadata("design:type", String)], AtomHtmlEditor.prototype, "content", void 0);
+      __decorate([BindableProperty, __metadata("design:type", Array)], AtomHtmlEditor.prototype, "header", void 0);
+      __decorate([BindableProperty, __metadata("design:type", Number)], AtomHtmlEditor.prototype, "version", void 0);
+      __decorate([BindableProperty, __metadata("design:type", Array)], AtomHtmlEditor.prototype, "files", void 0);
+      __decorate([BindableProperty, __metadata("design:type", Array)], AtomHtmlEditor.prototype, "tags", void 0);
+    }
+  };
+});
 //# sourceMappingURL=AtomHtmlEditor.js.map

package/dist/html-editor/AtomHtmlEditor.js.map

@@ -1 +1 @@
-{"version":3,"mappings":"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","names":["AtomHtmlEditor","Toolbar","a","nodes","XNode","class","preventLinkClick","e","editor","doc","target","body","isContentEditable","dispatchEvent","MouseEvent","bubbles","cancelable","tagName","preventDefault","parentElement","originalTarget","data","Proxy","get","p","value","dataset","CustomEvent","detail","AtomBinder","Bind","BindableProperty","Colors","StyleRule","AtomControl","CSS","AtomRepeater","AddImage","showImageDialog","AddLink","Align","AttachFile","Bold","ChangeColor","ChangeFont","ChangeFontSize","Headings","HorizontalRule","IndentLess","IndentMore","Italic","NumberedList","RemoveFormat","Separator","Source","StrikeThrough","Underline","Unlink","UnorderedList","link","document","createElement","href","rel","head","appendChild","css","display","flexDirection","minHeight","child","flexStretch","flexLayout","inline","borderColor","lightGray","withAlphaPercent","borderWidth","borderStyle","borderRadius","paddingLeft","paddingRight","maxWidth","textEllipsis","nested","flexWrap","alignItems","justifyContent","border","cursor","backgroundColor","transparent","hoverBackgroundColor","lightGreen","minWidth","height","and","fontWeight","htmlContent","innerHTML","initialContent","ex","console","warn","v","refreshValue","insertImage","s","executeCommand","cmd","showUI","r","editorDocument","execCommand","setTimeout","version","queryCommandState","getStyle","name","node","editorWindow","getSelection","getRangeAt","startContainer","getComputedStyle","onPropertyChanged","setupTags","Array","isArray","tags","style","styleElement","textContent","toStyleSheet","preCreate","files","runAfterInit","setup","element","classList","add","onPasteEvent","clipboardData","types","find","x","d","getData","window","span","insertNode","setStartAfter","onInputEvent","log","frame","getElementsByTagName","contentWindow","open","baseUrl","location","protocol","host","writeln","close","addEventListener","getElementById","contentEditable","updateVersion","documentUpdated","documentCreated","registerDisposable","dispose","removeEventListener","bindEvent","ce","handler","command","clickEvent","render","creator","children","length","attributes","remove","items","oneWay","itemRenderer","file","text","__decorate"],"sourceRoot":"","sources":["../../src/html-editor/AtomHtmlEditor.tsx"],"sourcesContent":[null]}
+{"version":3,"mappings":"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","names":["AtomHtmlEditor","Toolbar","a","nodes","XNode","class","preventLinkClick","e","editor","doc","target","body","isContentEditable","dispatchEvent","MouseEvent","bubbles","cancelable","tagName","preventDefault","parentElement","originalTarget","data","Proxy","get","p","value","dataset","CustomEvent","detail","AtomBinder","Bind","BindableProperty","Colors","StyleRule","AtomControl","CSS","AtomRepeater","AddImage","showImageDialog","AddLink","Align","AttachFile","Bold","ChangeColor","ChangeFont","ChangeFontSize","Headings","HorizontalRule","IndentLess","IndentMore","Italic","NumberedList","RemoveFormat","Separator","Source","StrikeThrough","Underline","Unlink","UnorderedList","link","document","createElement","href","rel","head","appendChild","css","display","flexDirection","minHeight","child","flexStretch","flexLayout","inline","borderColor","lightGray","withAlphaPercent","borderWidth","borderStyle","borderRadius","paddingLeft","paddingRight","maxWidth","textEllipsis","nested","flexWrap","alignItems","justifyContent","border","cursor","backgroundColor","transparent","hoverBackgroundColor","lightGreen","minWidth","height","and","fontWeight","htmlContent","innerHTML","initialContent","ex","console","warn","v","refreshValue","insertImage","s","executeCommand","cmd","showUI","r","editorDocument","execCommand","setTimeout","version","queryCommandState","getStyle","name","node","editorWindow","getSelection","getRangeAt","startContainer","getComputedStyle","onPropertyChanged","setupTags","Array","isArray","tags","style","styleElement","textContent","toStyleSheet","preCreate","files","runAfterInit","setup","element","classList","add","onPasteEvent","clipboardData","types","find","x","d","getData","window","span","insertNode","setStartAfter","onInputEvent","log","frame","getElementsByTagName","contentWindow","open","baseUrl","location","protocol","host","writeln","close","addEventListener","getElementById","contentEditable","updateVersion","documentUpdated","documentCreated","registerDisposable","dispose","removeEventListener","bindEvent","ce","handler","command","clickEvent","render","creator","children","length","attributes","remove","items","oneWay","itemRenderer","file","text","__decorate"],"sourceRoot":"","sources":["../../src/html-editor/AtomHtmlEditor.tsx"],"sourcesContent":[null]}

package/dist/html-editor/commands/AddImage.js

@@ -1,2 +1,78 @@
-System.register(["tslib","@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/core/BindableProperty","@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/web/services/PopupService","../../basic/FormField","./CommandButton","./HtmlCommands"],function(_export,_context){"use strict";var __decorate,__metadata,Bind,BindableProperty,XNode,PopupService,PopupWindow,FormField,CommandButton,HtmlCommands,ImageDialog;function showImageDialog(s,e){return PopupService.showWindow(e.currentTarget,ImageDialog,{title:"Add Image"});}function AddImage({eventInsertHtml=(s,e)=>s.insertImage(s,e),insertCommand=HtmlCommands.insertImage}){return CommandButton({icon:"ri-image-add-fill",insertCommand,disabled:false,title:"Insert Image",eventInsertHtml});}_export({showImageDialog:showImageDialog,default:AddImage});return{setters:[function(_tslib){__decorate=_tslib.__decorate;__metadata=_tslib.__metadata;},function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default;},function(_webAtomsCoreDistCoreBindableProperty){BindableProperty=_webAtomsCoreDistCoreBindableProperty.BindableProperty;},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default;},function(_webAtomsCoreDistWebServicesPopupService){PopupService=_webAtomsCoreDistWebServicesPopupService.default;PopupWindow=_webAtomsCoreDistWebServicesPopupService.PopupWindow;},function(_basicFormField){FormField=_basicFormField.default;},function(_CommandButton){CommandButton=_CommandButton.default;},function(_HtmlCommands){HtmlCommands=_HtmlCommands.default;}],execute:function(){ImageDialog=class ImageDialog extends PopupWindow{create(){this.link="";this.alt="";this.render(XNode.create("div",null,XNode.create(FormField,{label:"Url"},XNode.create("input",{value:Bind.twoWaysImmediate(()=>this.link)})),XNode.create(FormField,{label:"Alt"},XNode.create("input",{value:Bind.twoWaysImmediate(()=>this.alt)})),XNode.create("div",{class:"command-bar"},XNode.create("button",{eventClick:()=>this.close(this.createImage()),text:"Add"}))));}createImage(){if(this.alt){return`<img src="${this.link}" alt="${this.alt}" />`;}return`<img src="${this.link}"/>`;}};__decorate([BindableProperty,__metadata("design:type",String)],ImageDialog.prototype,"link",void 0);__decorate([BindableProperty,__metadata("design:type",String)],ImageDialog.prototype,"alt",void 0);}};});
+System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/BindableProperty", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/web/services/PopupService", "../../basic/FormField", "./CommandButton", "./HtmlCommands"], function (_export, _context) {
+  "use strict";
+
+  var __decorate, __metadata, Bind, BindableProperty, XNode, PopupService, PopupWindow, FormField, CommandButton, HtmlCommands, ImageDialog;
+  function showImageDialog(s, e) {
+    return PopupService.showWindow(e.currentTarget, ImageDialog, {
+      title: "Add Image"
+    });
+  }
+  function AddImage({
+    eventInsertHtml = (s, e) => s.insertImage(s, e),
+    insertCommand = HtmlCommands.insertImage
+  }) {
+    return CommandButton({
+      icon: "ri-image-add-fill",
+      insertCommand,
+      disabled: false,
+      title: "Insert Image",
+      eventInsertHtml
+    });
+  }
+  _export({
+    showImageDialog: showImageDialog,
+    default: AddImage
+  });
+  return {
+    setters: [function (_tslib) {
+      __decorate = _tslib.__decorate;
+      __metadata = _tslib.__metadata;
+    }, function (_webAtomsCoreDistCoreBind) {
+      Bind = _webAtomsCoreDistCoreBind.default;
+    }, function (_webAtomsCoreDistCoreBindableProperty) {
+      BindableProperty = _webAtomsCoreDistCoreBindableProperty.BindableProperty;
+    }, function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_webAtomsCoreDistWebServicesPopupService) {
+      PopupService = _webAtomsCoreDistWebServicesPopupService.default;
+      PopupWindow = _webAtomsCoreDistWebServicesPopupService.PopupWindow;
+    }, function (_basicFormField) {
+      FormField = _basicFormField.default;
+    }, function (_CommandButton) {
+      CommandButton = _CommandButton.default;
+    }, function (_HtmlCommands) {
+      HtmlCommands = _HtmlCommands.default;
+    }],
+    execute: function () {
+      ImageDialog = class ImageDialog extends PopupWindow {
+        create() {
+          this.link = "";
+          this.alt = "";
+          this.render(XNode.create("div", null, XNode.create(FormField, {
+            label: "Url"
+          }, XNode.create("input", {
+            value: Bind.twoWaysImmediate(() => this.link)
+          })), XNode.create(FormField, {
+            label: "Alt"
+          }, XNode.create("input", {
+            value: Bind.twoWaysImmediate(() => this.alt)
+          })), XNode.create("div", {
+            class: "command-bar"
+          }, XNode.create("button", {
+            eventClick: () => this.close(this.createImage()),
+            text: "Add"
+          }))));
+        }
+        createImage() {
+          if (this.alt) {
+            return `<img src="${this.link}" alt="${this.alt}" />`;
+          }
+          return `<img src="${this.link}"/>`;
+        }
+      };
+      __decorate([BindableProperty, __metadata("design:type", String)], ImageDialog.prototype, "link", void 0);
+      __decorate([BindableProperty, __metadata("design:type", String)], ImageDialog.prototype, "alt", void 0);
+    }
+  };
+});
 //# sourceMappingURL=AddImage.js.map

package/dist/html-editor/commands/AddImage.js.map

@@ -1 +1 @@
-{"version":3,"mappings":"kZASMA,WAAY,CAkCZ,QAAUC,gBAAe,CAACC,CAAiB,CAAEC,CAAQ,EACvD,MAAOC,aAAY,CAACC,UAAU,CAASF,CAAC,CAACG,aAA4B,CAAEN,WAAW,CAAE,CAAEO,KAAK,CAAE,WAAW,CAAE,CAAC,CAC/G,CAEc,QAAUC,SAAQ,CAAC,CAC7BC,eAAe,CAAG,CAACP,CAAiB,CAAEC,CAAQ,GAAKD,CAAC,CAACQ,WAAW,CAACR,CAAC,CAAEC,CAAC,CAAC,CACtEQ,aAAa,CAAGC,YAAY,CAACF,WAAW,CAC3C,EACG,MAAOG,cAAa,CAAC,CACjBC,IAAI,CAAE,mBAAmB,CACzBH,aAAa,CACbI,QAAQ,CAAE,KAAK,CACfR,KAAK,CAAE,cAAc,CACrBE,gBACH,CAAC,CACN,CAAC,yBAfeR,eAAe,SAIPO,QAAQ,oIA/CzBQ,IAAI,qFACFC,gBAAgB,uCAAhBA,gBAAgB,wCAClBC,KAAK,yFACLd,YAAY,kDAAIe,WAAW,0CAAXA,WAAW,6BAC3BC,SAAS,oDAETP,aAAyB,kDACzBD,YAAY,6CAEbZ,WAAY,CAAlB,KAAMA,YAAY,QAAQmB,YAAW,CAQvBE,MAAM,GACZ,IAAI,CAACC,IAAI,CAAG,EAAE,CACd,IAAI,CAACC,GAAG,CAAG,EAAE,CACb,IAAI,CAACC,MAAM,CAACN,wBACRA,aAACE,SAAS,EAACK,KAAK,CAAC,KAAK,EAClBP,sBAAOQ,KAAK,CAAEV,IAAI,CAACW,gBAAgB,CAAC,IAAM,IAAI,CAACL,IAAI,CAAC,EAAG,CAC/C,CACZJ,aAACE,SAAS,EAACK,KAAK,CAAC,KAAK,EAClBP,sBAAOQ,KAAK,CAAEV,IAAI,CAACW,gBAAgB,CAAC,IAAM,IAAI,CAACJ,GAAG,CAAC,EAAG,CAC9C,CACZL,oBAAKU,KAAK,CAAC,aAAa,EACpBV,uBACIW,UAAU,CAAE,IAAM,IAAI,CAACC,KAAK,CAAC,IAAI,CAACC,WAAW,EAAE,CAAC,CAChDC,IAAI,CAAC,KAAK,EAAE,CACd,CACJ,CAAC,CACX,CAEQD,WAAW,GACf,GAAI,IAAI,CAACR,GAAG,CAAE,CACV,MAAO,aAAa,IAAI,CAACD,IAAI,UAAU,IAAI,CAACC,GAAG,MAAM,EAEzD,MAAO,aAAa,IAAI,CAACD,IAAI,KAAK,CACtC,EACH,CA9BGW,YAAChB,gBAAgB,uEACG,CAEpBgB,YAAChB,gBAAgB,sEACE","names":["ImageDialog","showImageDialog","s","e","PopupService","showWindow","currentTarget","title","AddImage","eventInsertHtml","insertImage","insertCommand","HtmlCommands","CommandButton","icon","disabled","Bind","BindableProperty","XNode","PopupWindow","FormField","create","link","alt","render","label","value","twoWaysImmediate","class","eventClick","close","createImage","text","__decorate"],"sourceRoot":"","sources":["../../../src/html-editor/commands/AddImage.tsx"],"sourcesContent":[null]}
+{"version":3,"mappings":";;;gIASMA,WAAY;EAkCZ,SAAUC,eAAe,CAACC,CAAiB,EAAEC,CAAQ;IACvD,OAAOC,YAAY,CAACC,UAAU,CAASF,CAAC,CAACG,aAA4B,EAAEN,WAAW,EAAE;MAAEO,KAAK,EAAE;IAAW,CAAE,CAAC;EAC/G;EAEc,SAAUC,QAAQ,CAAC;IAC7BC,eAAe,GAAG,CAACP,CAAiB,EAAEC,CAAQ,KAAKD,CAAC,CAACQ,WAAW,CAACR,CAAC,EAAEC,CAAC,CAAC;IACtEQ,aAAa,GAAGC,YAAY,CAACF;EAAW,CAC3C;IACG,OAAOG,aAAa,CAAC;MACjBC,IAAI,EAAE,mBAAmB;MACzBH,aAAa;MACbI,QAAQ,EAAE,KAAK;MACfR,KAAK,EAAE,cAAc;MACrBE;KACH,CAAC;EACN;EAAC;IAAA,iBAfeR,eAAe;IAAA,SAIPO;EAAQ;EAAA;IAAA;;;;MA/CzBQ,IAAI;IAAA;MACFC,gBAAgB,yCAAhBA,gBAAgB;IAAA;MAClBC,KAAK;IAAA;MACLd,YAAY;MAAIe,WAAW,4CAAXA,WAAW;IAAA;MAC3BC,SAAS;IAAA;MAETP,aAAyB;IAAA;MACzBD,YAAY;IAAA;IAAA;MAEbZ,WAAY,GAAlB,MAAMA,WAAY,SAAQmB,WAAW;QAQvBE,MAAM;UACZ,IAAI,CAACC,IAAI,GAAG,EAAE;UACd,IAAI,CAACC,GAAG,GAAG,EAAE;UACb,IAAI,CAACC,MAAM,CAACN,0BACRA,aAACE,SAAS;YAACK,KAAK,EAAC;UAAK,GAClBP;YAAOQ,KAAK,EAAEV,IAAI,CAACW,gBAAgB,CAAC,MAAM,IAAI,CAACL,IAAI;UAAC,EAAG,CAC/C,EACZJ,aAACE,SAAS;YAACK,KAAK,EAAC;UAAK,GAClBP;YAAOQ,KAAK,EAAEV,IAAI,CAACW,gBAAgB,CAAC,MAAM,IAAI,CAACJ,GAAG;UAAC,EAAG,CAC9C,EACZL;YAAKU,KAAK,EAAC;UAAa,GACpBV;YACIW,UAAU,EAAE,MAAM,IAAI,CAACC,KAAK,CAAC,IAAI,CAACC,WAAW,EAAE,CAAC;YAChDC,IAAI,EAAC;UAAK,EAAE,CACd,CACJ,CAAC;QACX;QAEQD,WAAW;UACf,IAAI,IAAI,CAACR,GAAG,EAAE;YACV,OAAO,aAAa,IAAI,CAACD,IAAI,UAAU,IAAI,CAACC,GAAG,MAAM;;UAEzD,OAAO,aAAa,IAAI,CAACD,IAAI,KAAK;QACtC;OACH;MA9BGW,YAAChB,gBAAgB,4EACG;MAEpBgB,YAAChB,gBAAgB,2EACE;IAAA;EAAA;AAAA","names":["ImageDialog","showImageDialog","s","e","PopupService","showWindow","currentTarget","title","AddImage","eventInsertHtml","insertImage","insertCommand","HtmlCommands","CommandButton","icon","disabled","Bind","BindableProperty","XNode","PopupWindow","FormField","create","link","alt","render","label","value","twoWaysImmediate","class","eventClick","close","createImage","text","__decorate"],"sourceRoot":"","sources":["../../../src/html-editor/commands/AddImage.tsx"],"sourcesContent":[null]}

package/dist/html-editor/commands/AddLink.js

@@ -1,2 +1,97 @@
-System.register(["tslib","@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/core/BindableProperty","@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/style/StyleRule","@web-atoms/core/dist/web/controls/AtomToggleButtonBar","@web-atoms/core/dist/web/services/PopupService","@web-atoms/core/dist/web/styles/CSS","../../basic/FormField","./CommandButton","./HtmlCommands"],function(_export,_context){"use strict";var __decorate,__metadata,Bind,BindableProperty,XNode,StyleRule,AtomToggleButtonBar,PopupService,PopupWindow,CSS,FormField,CommandButton,HtmlCommands,LinkDialog,linkTypes,linkDialogCss;function showDialog(s,e){return PopupService.showWindow(s.element,LinkDialog);}function AddLink({insertCommand=HtmlCommands.createLink}){return CommandButton({icon:"ri-link-m",insertCommand,disabled:false,eventInsertHtml:showDialog,title:"Create Hyper Link"});}_export("default",AddLink);return{setters:[function(_tslib){__decorate=_tslib.__decorate;__metadata=_tslib.__metadata;},function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default;},function(_webAtomsCoreDistCoreBindableProperty){BindableProperty=_webAtomsCoreDistCoreBindableProperty.BindableProperty;},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default;},function(_webAtomsCoreDistStyleStyleRule){StyleRule=_webAtomsCoreDistStyleStyleRule.default;},function(_webAtomsCoreDistWebControlsAtomToggleButtonBar){AtomToggleButtonBar=_webAtomsCoreDistWebControlsAtomToggleButtonBar.AtomToggleButtonBar;},function(_webAtomsCoreDistWebServicesPopupService){PopupService=_webAtomsCoreDistWebServicesPopupService.default;PopupWindow=_webAtomsCoreDistWebServicesPopupService.PopupWindow;},function(_webAtomsCoreDistWebStylesCSS){CSS=_webAtomsCoreDistWebStylesCSS.default;},function(_basicFormField){FormField=_basicFormField.default;},function(_CommandButton){CommandButton=_CommandButton.default;},function(_HtmlCommands){HtmlCommands=_HtmlCommands.default;}],execute:function(){linkTypes=[{label:"Web Page",value:"web-page"},{label:"Email",value:"email"},{label:"Anchor",value:"anchor"},{label:"Phone",value:"phone"}];linkDialogCss=CSS(StyleRule().display("flex").flexDirection("column").gap(5));LinkDialog=class LinkDialog extends PopupWindow{create(){this.type="web-page";this.title="Create Link";this.render(XNode.create("div",{class:linkDialogCss},XNode.create(FormField,{label:"Type"},XNode.create(AtomToggleButtonBar,{items:linkTypes,value:Bind.twoWays(()=>this.type)})),XNode.create(FormField,{label:"Link",required:true},XNode.create("input",{placeholder:"https://...",value:Bind.twoWaysImmediate(()=>this.link)})),XNode.create("div",{class:"command-bar"},XNode.create("button",{text:"Add",eventClick:Bind.event(()=>this.close(this.toLink(this.link)))}))));}toLink(link){switch(this.type){case"web-page":return /^(http|https)\:\/\//.test(link)?link:`http://${link}`;}}};__decorate([BindableProperty,__metadata("design:type",String)],LinkDialog.prototype,"link",void 0);__decorate([BindableProperty,__metadata("design:type",String)],LinkDialog.prototype,"type",void 0);}};});
+System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/BindableProperty", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/controls/AtomToggleButtonBar", "@web-atoms/core/dist/web/services/PopupService", "@web-atoms/core/dist/web/styles/CSS", "../../basic/FormField", "./CommandButton", "./HtmlCommands"], function (_export, _context) {
+  "use strict";
+
+  var __decorate, __metadata, Bind, BindableProperty, XNode, StyleRule, AtomToggleButtonBar, PopupService, PopupWindow, CSS, FormField, CommandButton, HtmlCommands, LinkDialog, linkTypes, linkDialogCss;
+  function showDialog(s, e) {
+    return PopupService.showWindow(s.element, LinkDialog);
+  }
+  function AddLink({
+    insertCommand = HtmlCommands.createLink
+  }) {
+    return CommandButton({
+      icon: "ri-link-m",
+      insertCommand,
+      disabled: false,
+      eventInsertHtml: showDialog,
+      title: "Create Hyper Link"
+    });
+  }
+  _export("default", AddLink);
+  return {
+    setters: [function (_tslib) {
+      __decorate = _tslib.__decorate;
+      __metadata = _tslib.__metadata;
+    }, function (_webAtomsCoreDistCoreBind) {
+      Bind = _webAtomsCoreDistCoreBind.default;
+    }, function (_webAtomsCoreDistCoreBindableProperty) {
+      BindableProperty = _webAtomsCoreDistCoreBindableProperty.BindableProperty;
+    }, function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_webAtomsCoreDistStyleStyleRule) {
+      StyleRule = _webAtomsCoreDistStyleStyleRule.default;
+    }, function (_webAtomsCoreDistWebControlsAtomToggleButtonBar) {
+      AtomToggleButtonBar = _webAtomsCoreDistWebControlsAtomToggleButtonBar.AtomToggleButtonBar;
+    }, function (_webAtomsCoreDistWebServicesPopupService) {
+      PopupService = _webAtomsCoreDistWebServicesPopupService.default;
+      PopupWindow = _webAtomsCoreDistWebServicesPopupService.PopupWindow;
+    }, function (_webAtomsCoreDistWebStylesCSS) {
+      CSS = _webAtomsCoreDistWebStylesCSS.default;
+    }, function (_basicFormField) {
+      FormField = _basicFormField.default;
+    }, function (_CommandButton) {
+      CommandButton = _CommandButton.default;
+    }, function (_HtmlCommands) {
+      HtmlCommands = _HtmlCommands.default;
+    }],
+    execute: function () {
+      linkTypes = [{
+        label: "Web Page",
+        value: "web-page"
+      }, {
+        label: "Email",
+        value: "email"
+      }, {
+        label: "Anchor",
+        value: "anchor"
+      }, {
+        label: "Phone",
+        value: "phone"
+      }];
+      linkDialogCss = CSS(StyleRule().display("flex").flexDirection("column").gap(5));
+      LinkDialog = class LinkDialog extends PopupWindow {
+        create() {
+          this.type = "web-page";
+          this.title = "Create Link";
+          this.render(XNode.create("div", {
+            class: linkDialogCss
+          }, XNode.create(FormField, {
+            label: "Type"
+          }, XNode.create(AtomToggleButtonBar, {
+            items: linkTypes,
+            value: Bind.twoWays(() => this.type)
+          })), XNode.create(FormField, {
+            label: "Link",
+            required: true
+          }, XNode.create("input", {
+            placeholder: "https://...",
+            value: Bind.twoWaysImmediate(() => this.link)
+          })), XNode.create("div", {
+            class: "command-bar"
+          }, XNode.create("button", {
+            text: "Add",
+            eventClick: Bind.event(() => this.close(this.toLink(this.link)))
+          }))));
+        }
+        toLink(link) {
+          switch (this.type) {
+            case "web-page":
+              return /^(http|https)\:\/\//.test(link) ? link : `http://${link}`;
+          }
+        }
+      };
+      __decorate([BindableProperty, __metadata("design:type", String)], LinkDialog.prototype, "link", void 0);
+      __decorate([BindableProperty, __metadata("design:type", String)], LinkDialog.prototype, "type", void 0);
+    }
+  };
+});
 //# sourceMappingURL=AddLink.js.map