@web-atoms/web-controls 2.1.265 → 2.1.268

package/dist/html-editor/commands/AttachFile.sys.js

@@ -0,0 +1,110 @@
+System.register(["./CommandButton", "./HtmlCommands"], function (_export, _context) {
+  "use strict";
+
+  var CommandButton, HtmlCommands, __awaiter;
+
+  function promptForFiles(accept = "*", multiple = true) {
+    const file = document.createElement("input");
+    file.type = "file";
+    file.multiple = multiple;
+    file.accept = accept;
+    file.style.position = "absolute";
+    file.style.left = "-1000px";
+    file.style.top = "-1000px";
+    document.body.append(file);
+    const previous = file;
+    return new Promise((resolve, reject) => {
+      file.addEventListener("change", () => {
+        if (file.files.length) {
+          const files = Array.from(file.files);
+          resolve(files);
+        } else {
+          reject("cancelled");
+        }
+
+        if (previous) {
+          previous.remove();
+        }
+      });
+      file.dispatchEvent(new MouseEvent("click"));
+    });
+  }
+
+  function AttachFile({
+    eventInsertHtml = (source, e) => {
+      const ce = new CustomEvent("attachFile", {
+        detail: {
+          source,
+          files: source.files
+        },
+        cancelable: true
+      });
+      source.element.dispatchEvent(ce);
+
+      if (ce.defaultPrevented) {
+        return;
+      }
+
+      source.app.runAsync(() => __awaiter(this, void 0, void 0, function* () {
+        var _a;
+
+        const result = yield promptForFiles();
+        (_a = source.files) !== null && _a !== void 0 ? _a : source.files = [];
+        source.files.addAll(result);
+      }));
+    },
+    insertCommand = HtmlCommands.insertImage
+  }) {
+    return CommandButton({
+      icon: "ri-attachment-2",
+      insertCommand,
+      disabled: false,
+      title: "Insert Image",
+      eventInsertHtml
+    });
+  }
+
+  _export("default", AttachFile);
+
+  return {
+    setters: [function (_CommandButton) {
+      CommandButton = _CommandButton.default;
+    }, function (_HtmlCommands) {
+      HtmlCommands = _HtmlCommands.default;
+    }],
+    execute: function () {
+      __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P, generator) {
+        function adopt(value) {
+          return value instanceof P ? value : new P(function (resolve) {
+            resolve(value);
+          });
+        }
+
+        return new (P || (P = Promise))(function (resolve, reject) {
+          function fulfilled(value) {
+            try {
+              step(generator.next(value));
+            } catch (e) {
+              reject(e);
+            }
+          }
+
+          function rejected(value) {
+            try {
+              step(generator["throw"](value));
+            } catch (e) {
+              reject(e);
+            }
+          }
+
+          function step(result) {
+            result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+          }
+
+          step((generator = generator.apply(thisArg, _arguments || [])).next());
+        });
+      };
+    }
+  };
+});
+//# sourceMappingURL=AttachFile.sys.js.map

package/dist/html-editor/commands/AttachFile.sys.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;EAIA,SAASA,cAAT,CACIC,MAAM,GAAG,GADb,EAEIC,QAAQ,GAAG,IAFf,EAEmB;IAEf,MAAMC,IAAI,GAAGC,QAAQ,CAACC,aAAT,CAAuB,OAAvB,CAAb;IACAF,IAAI,CAACG,IAAL,GAAY,MAAZ;IACAH,IAAI,CAACD,QAAL,GAAgBA,QAAhB;IACAC,IAAI,CAACF,MAAL,GAAcA,MAAd;IACAE,IAAI,CAACI,KAAL,CAAWC,QAAX,GAAsB,UAAtB;IACAL,IAAI,CAACI,KAAL,CAAWE,IAAX,GAAkB,SAAlB;IACAN,IAAI,CAACI,KAAL,CAAWG,GAAX,GAAiB,SAAjB;IACAN,QAAQ,CAACO,IAAT,CAAcC,MAAd,CAAqBT,IAArB;IACA,MAAMU,QAAQ,GAAGV,IAAjB;IACA,OAAO,IAAIW,OAAJ,CAAoB,CAACC,OAAD,EAAUC,MAAV,KAAoB;MAC3Cb,IAAI,CAACc,gBAAL,CAAsB,QAAtB,EAAgC,MAAK;QACjC,IAAId,IAAI,CAACe,KAAL,CAAWC,MAAf,EAAuB;UACnB,MAAMD,KAAK,GAAGE,KAAK,CAACC,IAAN,CAAWlB,IAAI,CAACe,KAAhB,CAAd;UACAH,OAAO,CAACG,KAAD,CAAP;QACH,CAHD,MAGO;UACHF,MAAM,CAAC,WAAD,CAAN;QACH;;QACD,IAAIH,QAAJ,EAAc;UACVA,QAAQ,CAACS,MAAT;QACH;MACJ,CAVD;MAWAnB,IAAI,CAACoB,aAAL,CAAmB,IAAIC,UAAJ,CAAe,OAAf,CAAnB;IACH,CAbM,CAAP;EAcH;;EAEa,SAAUC,UAAV,CAAqB;IAC/BC,eAAe,GAAG,CAACC,MAAD,EAAyBC,CAAzB,KAAqC;MACnD,MAAMC,EAAE,GAAG,IAAIC,WAAJ,CAAgB,YAAhB,EACX;QACIC,MAAM,EAAE;UACJJ,MADI;UAEJT,KAAK,EAAES,MAAM,CAACT;QAFV,CADZ;QAKIc,UAAU,EAAE;MALhB,CADW,CAAX;MAQAL,MAAM,CAACM,OAAP,CAAeV,aAAf,CAA6BM,EAA7B;;MACA,IAAIA,EAAE,CAACK,gBAAP,EAAyB;QACrB;MACH;;MACDP,MAAM,CAACQ,GAAP,CAAWC,QAAX,CAAoB,MAAWC;;;QAC3B,MAAMC,MAAM,GAAG,MAAMtC,cAAc,EAAnC;QACA,YAAM,CAACkB,KAAP,MAAY,IAAZ,IAAYqB,aAAZ,GAAYA,EAAZ,SAAM,CAACrB,KAAP,GAAiB,EAAjB;QACAS,MAAM,CAACT,KAAP,CAAasB,MAAb,CAAoBF,MAApB;MACH,CAJ8B,CAA/B;IAKH,CAnB8B;IAoB/BG,aAAa,GAAGC,YAAY,CAACC;EApBE,CAArB,EAqBb;IACG,OAAOC,aAAa,CAAC;MACjBC,IAAI,EAAE,iBADW;MAEjBJ,aAFiB;MAGjBK,QAAQ,EAAE,KAHO;MAIjBC,KAAK,EAAE,cAJU;MAKjBrB;IALiB,CAAD,CAApB;EAOH;;qBA7BuBD,U;;;;MAhCjBmB,a;;MACAF,Y","names":["promptForFiles","accept","multiple","file","document","createElement","type","style","position","left","top","body","append","previous","Promise","resolve","reject","addEventListener","files","length","Array","from","remove","dispatchEvent","MouseEvent","AttachFile","eventInsertHtml","source","e","ce","CustomEvent","detail","cancelable","element","defaultPrevented","app","runAsync","__awaiter","result","_a","addAll","insertCommand","HtmlCommands","insertImage","CommandButton","icon","disabled","title"],"sourceRoot":"","sources":["../../../src/html-editor/commands/AttachFile.tsx"],"sourcesContent":[null]}

package/dist/html-editor/commands/Bold.sys.js

@@ -0,0 +1,28 @@
+System.register(["./Command"], function (_export, _context) {
+  "use strict";
+
+  var Command;
+
+  function Bold(cmd) {
+    return Command(Object.assign(Object.assign({
+      icon: "ri-bold",
+      queryState: "bold",
+      title: "Bold"
+    }, cmd), {
+      command(editor) {
+        editor.executeCommand("bold");
+      }
+
+    }));
+  }
+
+  _export("default", Bold);
+
+  return {
+    setters: [function (_Command) {
+      Command = _Command.default;
+    }],
+    execute: function () {}
+  };
+});
+//# sourceMappingURL=Bold.sys.js.map

package/dist/html-editor/commands/Bold.sys.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;EAEc,SAAUA,IAAV,CAAeC,GAAf,EAA4B;IACtC,OAAOC,OAAO;MACVC,IAAI,EAAE,SADI;MAEVC,UAAU,EAAE,MAFF;MAGVC,KAAK,EAAE;IAHG,GAINJ,GAJM,GAIH;MACPK,OAAO,CAACC,MAAD,EAAO;QACVA,MAAM,CAACC,cAAP,CAAsB,MAAtB;MACH;;IAHM,CAJG,EAAd;EASH;;qBAVuBR,I;;;;MAFjBE,O","names":["Bold","cmd","Command","icon","queryState","title","command","editor","executeCommand"],"sourceRoot":"","sources":["../../../src/html-editor/commands/Bold.ts"],"sourcesContent":[null]}

package/dist/html-editor/commands/ChangeColor.sys.js

@@ -0,0 +1,62 @@
+System.register(["@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/styles/CSS", "../../basic/PopupButton"], function (_export, _context) {
+  "use strict";
+
+  var Bind, XNode, StyleRule, CSS, PopupButton, gray, primary, all, colorSelectorCss;
+
+  function TextColor(color) {
+    return XNode.create("div", {
+      class: "color-button",
+      eventClick: Bind.event(e => e.executeCommand("foreColor", false, color)),
+      styleBackgroundColor: color.toLowerCase(),
+      title: color
+    });
+  }
+
+  function BackgroundColor(color) {
+    return XNode.create("div", {
+      class: "color-button",
+      eventClick: Bind.event(e => e.executeCommand("hiliteColor", false, color)),
+      styleBackgroundColor: color.toLowerCase(),
+      title: color
+    });
+  }
+
+  function ChangeColor() {
+    return XNode.create(PopupButton, {
+      title: "Change Color",
+      class: "command",
+      icon: "ri-font-color"
+    }, XNode.create("div", {
+      class: colorSelectorCss
+    }, XNode.create("table", null, XNode.create("thead", null, XNode.create("tr", null, XNode.create("th", {
+      colSpan: 8
+    }, "Text Color"))), XNode.create("thead", null, XNode.create("tr", null, ...gray.map(TextColor))), XNode.create("thead", null, XNode.create("tr", null, ...primary.map(TextColor))), XNode.create("tbody", null, ...all.map(row => XNode.create("tr", null, ...row.map(TextColor))))), XNode.create("table", {
+      class: "background-color"
+    }, XNode.create("thead", null, XNode.create("tr", null, XNode.create("th", {
+      colSpan: 8
+    }, "Background Color"))), XNode.create("thead", null, XNode.create("tr", null, ...gray.map(BackgroundColor))), XNode.create("thead", null, XNode.create("tr", null, ...primary.map(BackgroundColor))), XNode.create("tbody", null, ...all.map(row => XNode.create("tr", null, ...row.map(BackgroundColor)))))));
+  }
+
+  _export("default", ChangeColor);
+
+  return {
+    setters: [function (_webAtomsCoreDistCoreBind) {
+      Bind = _webAtomsCoreDistCoreBind.default;
+    }, function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_webAtomsCoreDistStyleStyleRule) {
+      StyleRule = _webAtomsCoreDistStyleStyleRule.default;
+    }, function (_webAtomsCoreDistWebStylesCSS) {
+      CSS = _webAtomsCoreDistWebStylesCSS.default;
+    }, function (_basicPopupButton) {
+      PopupButton = _basicPopupButton.default;
+    }],
+    execute: function () {
+      gray = ["rgb(0,0,0)", "rgb(68,68,68)", "rgb(102,102,102)", "rgb(153,153,153)", "rgb(204,204,204)", "rgb(238,238,238)", "rgb(243,243,243)", "rgb(255,255,255)"];
+      primary = ["rgb(255,0,0)", "rgb(255,153,0)", "rgb(255,255,0)", "rgb(0,255,0)", "rgb(0,255,255)", "rgb(0,0,255)", "rgb(153,0,255)", "rgb(255,0,255)"];
+      all = [["rgb(244,204,204)", "rgb(252,229,205)", "rgb(255,242,204)", "rgb(217,234,211)", "rgb(208,224,227)", "rgb(207,226,243)", "rgb(217,210,233)", "rgb(234,209,220)"], ["rgb(234,153,153)", "rgb(249,203,156)", "rgb(255,229,153)", "rgb(182,215,168)", "rgb(162,196,201)", "rgb(159,197,232)", "rgb(180,167,214)", "rgb(213,166,189)"], ["rgb(224,102,102)", "rgb(246,178,107)", "rgb(255,217,102)", "rgb(147,196,125)", "rgb(118,165,175)", "rgb(111,168,220)", "rgb(142,124,195)", "rgb(194,123,160)"], ["rgb(204,0,0)", "rgb(230,145,56)", "rgb(241,194,50)", "rgb(106,168,79)", "rgb(69,129,142)", "rgb(61,133,198)", "rgb(103,78,167)", "rgb(166,77,121)"], ["rgb(153,0,0)", "rgb(180,95,6)", "rgb(191,144,0)", "rgb(56,118,29)", "rgb(19,79,92)", "rgb(11,83,148)", "rgb(53,28,117)", "rgb(116,27,71)"], ["rgb(102,0,0)", "rgb(120,63,4)", "rgb(127,96,0)", "rgb(39,78,19)", "rgb(12,52,61)", "rgb(7,55,99)", "rgb(32,18,77)", "rgb(76,17,48)"]];
+      colorSelectorCss = CSS(StyleRule("color-selector").width(400).display("flex").justifyContent("space-evenly").child(StyleRule("table").display("inline-table")).nested(StyleRule(".color-button").display("inline-block").width(20).height(20).borderWidth(1).margin(1).cursor("pointer").borderStyle("solid").borderColor("transparent").hover(StyleRule().borderColor("black"))));
+    }
+  };
+});
+//# sourceMappingURL=ChangeColor.sys.js.map

package/dist/html-editor/commands/ChangeColor.sys.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":"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","names":["TextColor","color","XNode","class","eventClick","Bind","event","e","executeCommand","styleBackgroundColor","toLowerCase","title","BackgroundColor","ChangeColor","PopupButton","icon","colorSelectorCss","colSpan","gray","map","primary","all","row","StyleRule","CSS","width","display","justifyContent","child","nested","height","borderWidth","margin","cursor","borderStyle","borderColor","hover"],"sourceRoot":"","sources":["../../../src/html-editor/commands/ChangeColor.tsx"],"sourcesContent":[null]}

package/dist/html-editor/commands/ChangeFont.sys.js

@@ -0,0 +1,78 @@
+System.register(["@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/Colors", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/styles/CSS", "../../basic/PopupButton"], function (_export, _context) {
+  "use strict";
+
+  var Bind, Colors, XNode, StyleRule, CSS, PopupButton, fontMenuCSS, fonts;
+
+  function FontMenu({
+    name,
+    value
+  }) {
+    const cssName = value.join(" ");
+    return XNode.create("div", {
+      class: "menu",
+      eventClick: Bind.event(e => e.executeCommand("fontName", false, cssName))
+    }, XNode.create("i", {
+      class: Bind.oneWay(e => ({
+        "ri-check-line": 1,
+        "selected": e.getStyle("fontFamily", e.version).toLowerCase().indexOf(value[0].toLowerCase()) !== -1
+      }))
+    }), XNode.create("label", {
+      styleFontFamily: name
+    }, name));
+  }
+
+  function selectFont(name) {
+    if (name === null) {
+      return "Font";
+    }
+
+    for (const [display, value] of fonts) {
+      for (const iterator of value) {
+        if (name.indexOf(iterator) !== -1) {
+          return display;
+        }
+      }
+    }
+
+    return "Font";
+  }
+
+  function ChangeFont() {
+    return XNode.create(PopupButton, {
+      class: "command",
+      text: Bind.oneWay(e => selectFont(e.getStyle("fontFamily", e.version))),
+      title: "Change Font"
+    }, XNode.create("div", {
+      class: fontMenuCSS
+    }, ...fonts.map(x => XNode.create(FontMenu, {
+      name: x[0],
+      value: x[1]
+    }))));
+  }
+
+  _export({
+    FontMenu: FontMenu,
+    default: ChangeFont
+  });
+
+  return {
+    setters: [function (_webAtomsCoreDistCoreBind) {
+      Bind = _webAtomsCoreDistCoreBind.default;
+    }, function (_webAtomsCoreDistCoreColors) {
+      Colors = _webAtomsCoreDistCoreColors.default;
+    }, function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_webAtomsCoreDistStyleStyleRule) {
+      StyleRule = _webAtomsCoreDistStyleStyleRule.default;
+    }, function (_webAtomsCoreDistWebStylesCSS) {
+      CSS = _webAtomsCoreDistWebStylesCSS.default;
+    }, function (_basicPopupButton) {
+      PopupButton = _basicPopupButton.default;
+    }],
+    execute: function () {
+      fontMenuCSS = CSS(StyleRule().padding(5).child(StyleRule(".menu").padding(5).hoverBackgroundColor(Colors.lightGreen).child(StyleRule("i").opacity("0").and(StyleRule(".selected").opacity("1")))));
+      fonts = [["Sans Serif", ["arial", "sans-serif"]], ["Serif", [`"times new roman"`, "serif"]], ["Fixed Width", ["monospace"]], ["Wide", [`"arial black"`, "sans-serif"]], ["Narrow", [`"arial narrow"`, "sans-serif"]], ["Comic Sans MS", [`"comic sans ms"`, "sans-serif"]], ["Garamond", ["garamond", `"times new roman"`, "serif"]], ["Georgia", ["georgia"]], ["Tahoma", ["tahoma"]], ["Trebuchet MS", [`"trebuchet ms"`]], ["Verdana", ["verdana"]]];
+    }
+  };
+});
+//# sourceMappingURL=ChangeFont.sys.js.map

package/dist/html-editor/commands/ChangeFont.sys.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":"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","names":["FontMenu","name","value","cssName","join","XNode","class","eventClick","Bind","event","e","executeCommand","oneWay","getStyle","version","toLowerCase","indexOf","styleFontFamily","selectFont","display","fonts","iterator","ChangeFont","PopupButton","text","title","fontMenuCSS","map","x","Colors","StyleRule","CSS","padding","child","hoverBackgroundColor","lightGreen","opacity","and"],"sourceRoot":"","sources":["../../../src/html-editor/commands/ChangeFont.tsx"],"sourcesContent":[null]}

package/dist/html-editor/commands/ChangeFontSize.sys.js

@@ -0,0 +1,36 @@
+System.register(["@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/XNode", "../../basic/PopupButton"], function (_export, _context) {
+  "use strict";
+
+  var Bind, XNode, PopupButton, MenuItem;
+
+  function ChangeFontSize(cmd) {
+    return XNode.create(PopupButton, {
+      class: "command",
+      icon: "ri-font-size-2",
+      title: "Change Font Size"
+    }, XNode.create(MenuItem, {
+      icon: "ri-add-line",
+      label: "Increase",
+      eventClick: Bind.event(e => e.executeCommand("increaseFontSize"))
+    }), XNode.create(MenuItem, {
+      icon: "ri-subtract-line",
+      label: "Decrease",
+      eventClick: Bind.event(e => e.executeCommand("decreaseFontSize"))
+    }));
+  }
+
+  _export("default", ChangeFontSize);
+
+  return {
+    setters: [function (_webAtomsCoreDistCoreBind) {
+      Bind = _webAtomsCoreDistCoreBind.default;
+    }, function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_basicPopupButton) {
+      PopupButton = _basicPopupButton.default;
+      MenuItem = _basicPopupButton.MenuItem;
+    }],
+    execute: function () {}
+  };
+});
+//# sourceMappingURL=ChangeFontSize.sys.js.map

package/dist/html-editor/commands/ChangeFontSize.sys.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;EAMc,SAAUA,cAAV,CAAyBC,GAAzB,EAAsC;IAChD,OAAOC,aAACC,WAAD,EAAY;MACfC,KAAK,EAAC,SADS;MAEfC,IAAI,EAAC,gBAFU;MAGfC,KAAK,EAAC;IAHS,CAAZ,EAIHJ,aAACK,QAAD,EAAS;MAACF,IAAI,EAAC,aAAN;MAAoBG,KAAK,EAAC,UAA1B;MAAqCC,UAAU,EAAEC,IAAI,CAACC,KAAL,CAAYC,CAAD,IACjEA,CAAC,CAACC,cAAF,CAAiB,kBAAjB,CADsD;IAAjD,CAAT,CAJG,EAMHX,aAACK,QAAD,EAAS;MAACF,IAAI,EAAC,kBAAN;MAAyBG,KAAK,EAAC,UAA/B;MAA0CC,UAAU,EAAEC,IAAI,CAACC,KAAL,CAAYC,CAAD,IACtEA,CAAC,CAACC,cAAF,CAAiB,kBAAjB,CAD2D;IAAtD,CAAT,CANG,CAAP;EAUH;;qBAXuBb,c;;;;MANjBU,I;;MACAR,K;;MACAC,W;MAAeI,Q,qBAAAA,Q","names":["ChangeFontSize","cmd","XNode","PopupButton","class","icon","title","MenuItem","label","eventClick","Bind","event","e","executeCommand"],"sourceRoot":"","sources":["../../../src/html-editor/commands/ChangeFontSize.tsx"],"sourcesContent":[null]}

package/dist/html-editor/commands/Command.sys.js

@@ -0,0 +1,64 @@
+System.register(["@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/XNode"], function (_export, _context) {
+  "use strict";
+
+  var Bind, XNode, __rest;
+
+  function Command(_a) {
+    var {
+      icon,
+      label,
+      command,
+      queryState = "none",
+      query
+    } = _a,
+        others = __rest(_a, ["icon", "label", "command", "queryState", "query"]);
+
+    if (label) {
+      return XNode.create("div", Object.assign({
+        eventClick: Bind.event(e => command(e)),
+        styleClass: Bind.oneWay(e => ({
+          command: e.version,
+          pressed: !e.queryCommandState(queryState)
+        }))
+      }, others), XNode.create("i", {
+        class: icon
+      }), XNode.create("label", {
+        class: "label",
+        text: label
+      }));
+    }
+
+    return XNode.create("div", Object.assign({
+      eventClick: Bind.event(e => command(e)),
+      styleClass: Bind.oneWay(e => ({
+        command: e.version,
+        pressed: e.queryCommandState(queryState)
+      }))
+    }, others), XNode.create("i", {
+      class: icon
+    }));
+  }
+
+  _export("default", Command);
+
+  return {
+    setters: [function (_webAtomsCoreDistCoreBind) {
+      Bind = _webAtomsCoreDistCoreBind.default;
+    }, function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }],
+    execute: function () {
+      __rest = void 0 && (void 0).__rest || function (s, e) {
+        var t = {};
+
+        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+
+        if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+          if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+        }
+        return t;
+      };
+    }
+  };
+});
+//# sourceMappingURL=Command.sys.js.map

package/dist/html-editor/commands/Command.sys.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;EAcc,SAAUA,OAAV,CAAkBC,EAAlB,EAOH;QAPqB;MAC5BC,IAD4B;MAE5BC,KAF4B;MAG5BC,OAH4B;MAI5BC,UAAU,GAAG,MAJe;MAK5BC;IAL4B,IAKvBL;QACDM,MAAM,cANkB,mDAMlB;;IAEV,IAAIJ,KAAJ,EAAW;MACP,OAAOK;QACHC,UAAU,EAAEC,IAAI,CAACC,KAAL,CAAYC,CAAD,IAAOR,OAAO,CAACQ,CAAD,CAAzB,CADT;QAEHC,UAAU,EAAEH,IAAI,CAACI,MAAL,CAAaF,CAAD,KAAwB;UAC5CR,OAAO,EAAEQ,CAAC,CAACG,OADiC;UAE5CC,OAAO,EAAE,CAACJ,CAAC,CAACK,iBAAF,CAAoBZ,UAApB;QAFkC,CAAxB,CAAZ;MAFT,GAMGE,MANH,GAOHC;QAAGU,KAAK,EAAEhB;MAAV,EAPG,EAQHM;QAAOU,KAAK,EAAC,OAAb;QAAqBC,IAAI,EAAEhB;MAA3B,EARG,CAAP;IAUH;;IACD,OAAOK;MACHC,UAAU,EAAEC,IAAI,CAACC,KAAL,CAAYC,CAAD,IAAOR,OAAO,CAACQ,CAAD,CAAzB,CADT;MAEHC,UAAU,EAAEH,IAAI,CAACI,MAAL,CAAaF,CAAD,KAAwB;QAC5CR,OAAO,EAAEQ,CAAC,CAACG,OADiC;QAE5CC,OAAO,EAAEJ,CAAC,CAACK,iBAAF,CAAoBZ,UAApB;MAFmC,CAAxB,CAAZ;IAFT,GAMGE,MANH,GAOHC;MAAGU,KAAK,EAAEhB;IAAV,EAPG,CAAP;EASH;;qBA7BuBF,O;;;;MAdjBU,I;;MACAF,K","names":["Command","_a","icon","label","command","queryState","query","others","XNode","eventClick","Bind","event","e","styleClass","oneWay","version","pressed","queryCommandState","class","text"],"sourceRoot":"","sources":["../../../src/html-editor/commands/Command.tsx"],"sourcesContent":[null]}

package/dist/html-editor/commands/CommandButton.sys.js

@@ -0,0 +1,113 @@
+System.register(["@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/XNode"], function (_export, _context) {
+  "use strict";
+
+  var Bind, XNode, __awaiter;
+
+  function notSet(text) {
+    return () => {
+      alert(`Command ${text} not set`);
+    };
+  }
+
+  function insert(callback, command) {
+    return (s, e) => __awaiter(this, void 0, void 0, function* () {
+      let r = callback(s, e);
+
+      if (typeof r !== "string") {
+        if (r === null || r === void 0 ? void 0 : r.then) {
+          r = yield r;
+        }
+      }
+
+      if (r) {
+        if (command) {
+          command.execute(s, false, r);
+        } else {
+          s.executeCommand("insertHTML", false, r);
+        }
+      }
+    });
+  }
+
+  function CommandButton({
+    icon,
+    label,
+    eventInsertHtml,
+    insertCommand,
+    title,
+    disabled
+  }) {
+    disabled !== null && disabled !== void 0 ? disabled : disabled = Bind.oneWay(x => x.version ? !insertCommand.canExecute(x) : false);
+
+    if (label) {
+      return XNode.create("button", {
+        class: "command",
+        disabled: disabled,
+        eventClick: Bind.event(insert(eventInsertHtml, insertCommand)),
+        title: title
+      }, XNode.create("label", {
+        class: "label"
+      }, XNode.create("i", {
+        class: icon
+      }), XNode.create("span", {
+        text: label
+      })));
+    }
+
+    return XNode.create("button", {
+      title: title,
+      class: "command",
+      disabled: disabled,
+      eventClick: Bind.event(insert(eventInsertHtml, insertCommand))
+    }, XNode.create("i", {
+      class: icon
+    }));
+  }
+
+  _export({
+    notSet: notSet,
+    default: CommandButton
+  });
+
+  return {
+    setters: [function (_webAtomsCoreDistCoreBind) {
+      Bind = _webAtomsCoreDistCoreBind.default;
+    }, function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }],
+    execute: function () {
+      __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P, generator) {
+        function adopt(value) {
+          return value instanceof P ? value : new P(function (resolve) {
+            resolve(value);
+          });
+        }
+
+        return new (P || (P = Promise))(function (resolve, reject) {
+          function fulfilled(value) {
+            try {
+              step(generator.next(value));
+            } catch (e) {
+              reject(e);
+            }
+          }
+
+          function rejected(value) {
+            try {
+              step(generator["throw"](value));
+            } catch (e) {
+              reject(e);
+            }
+          }
+
+          function step(result) {
+            result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+          }
+
+          step((generator = generator.apply(thisArg, _arguments || [])).next());
+        });
+      };
+    }
+  };
+});
+//# sourceMappingURL=CommandButton.sys.js.map

package/dist/html-editor/commands/CommandButton.sys.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;EA6BM,SAAUA,MAAV,CAAiBC,IAAjB,EAA6B;IAC/B,OAAO,MAAK;MACRC,KAAK,CAAC,WAAWD,IAAI,UAAhB,CAAL;IACH,CAFD;EAGH;;EAED,SAASE,MAAT,CAAgBC,QAAhB,EAAqFC,OAArF,EAA0G;IACtG,OAAO,CAAOC,CAAP,EAA0BC,CAA1B,KAAsCC;MACzC,IAAIC,CAAC,GAAGL,QAAQ,CAACE,CAAD,EAAIC,CAAJ,CAAhB;;MACA,IAAI,OAAOE,CAAP,KAAa,QAAjB,EAA2B;QACvB,IAAIA,CAAC,SAAD,KAAC,WAAD,GAAC,MAAD,IAAC,CAAEC,IAAP,EAAa;UACTD,CAAC,GAAG,MAAMA,CAAV;QACH;MACJ;;MACD,IAAIA,CAAJ,EAAO;QACH,IAAIJ,OAAJ,EAAa;UACTA,OAAO,CAACM,OAAR,CAAgBL,CAAhB,EAAmB,KAAnB,EAA0BG,CAA1B;QACH,CAFD,MAEO;UACHH,CAAC,CAACM,cAAF,CAAiB,YAAjB,EAA+B,KAA/B,EAAsCH,CAAtC;QACH;MACJ;IACJ,CAd4C,CAA7C;EAeH;;EAEa,SAAUI,aAAV,CAAwB;IAClCC,IADkC;IAElCC,KAFkC;IAGlCC,eAHkC;IAIlCC,aAJkC;IAKlCC,KALkC;IAMlCC;EANkC,CAAxB,EAOG;IAEbA,QAAQ,SAAR,YAAQ,WAAR,sBAAQ,GAAKC,IAAI,CAACC,MAAL,CAAaC,CAAD,IAAuBA,CAAC,CAACC,OAAF,GAC9C,CAACN,aAAa,CAACO,UAAd,CAAyBF,CAAzB,CAD6C,GAE9C,KAFW,CAAb;;IAIA,IAAIP,KAAJ,EAAW;MACP,OAAOU;QACHC,KAAK,EAAC,SADH;QAEHP,QAAQ,EAAEA,QAFP;QAGHQ,UAAU,EAAEP,IAAI,CAACQ,KAAL,CAAWzB,MAAM,CAACa,eAAD,EAAkBC,aAAlB,CAAjB,CAHT;QAIHC,KAAK,EAAEA;MAJJ,GAKHO;QAAOC,KAAK,EAAC;MAAb,GACID;QAAGC,KAAK,EAAEZ;MAAV,EADJ,EAEIW;QAAMxB,IAAI,EAAEc;MAAZ,EAFJ,CALG,CAAP;IAUH;;IACD,OAAOU;MACHP,KAAK,EAAEA,KADJ;MAEHQ,KAAK,EAAC,SAFH;MAGHP,QAAQ,EAAEA,QAHP;MAIHQ,UAAU,EAAEP,IAAI,CAACQ,KAAL,CAAWzB,MAAM,CAACa,eAAD,EAAkBC,aAAlB,CAAjB;IAJT,GAKHQ;MAAGC,KAAK,EAAEZ;IAAV,EALG,CAAP;EAOH;;;YAxDed,M;aAwBQa;;;;;MArDjBO,I;;MACAK,K","names":["notSet","text","alert","insert","callback","command","s","e","__awaiter","r","then","execute","executeCommand","CommandButton","icon","label","eventInsertHtml","insertCommand","title","disabled","Bind","oneWay","x","version","canExecute","XNode","class","eventClick","event"],"sourceRoot":"","sources":["../../../src/html-editor/commands/CommandButton.tsx"],"sourcesContent":[null]}

package/dist/html-editor/commands/Headings.sys.js

@@ -0,0 +1,46 @@
+System.register(["@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/XNode", "../../basic/PopupButton"], function (_export, _context) {
+  "use strict";
+
+  var Bind, XNode, PopupButton, MenuItem;
+
+  function Headings() {
+    return XNode.create(PopupButton, {
+      class: "command",
+      icon: "ri-heading",
+      title: "Apply Heading"
+    }, XNode.create(MenuItem, {
+      icon: "ri-h-1",
+      eventClick: Bind.event(e => e.executeCommand("formatBlock", false, "H1"))
+    }), XNode.create(MenuItem, {
+      icon: "ri-h-2",
+      eventClick: Bind.event(e => e.executeCommand("formatBlock", false, "H2"))
+    }), XNode.create(MenuItem, {
+      icon: "ri-h-3",
+      eventClick: Bind.event(e => e.executeCommand("formatBlock", false, "H3"))
+    }), XNode.create(MenuItem, {
+      icon: "ri-h-4",
+      eventClick: Bind.event(e => e.executeCommand("formatBlock", false, "H4"))
+    }), XNode.create(MenuItem, {
+      icon: "ri-h-5",
+      eventClick: Bind.event(e => e.executeCommand("formatBlock", false, "H5"))
+    }), XNode.create(MenuItem, {
+      icon: "ri-h-6",
+      eventClick: Bind.event(e => e.executeCommand("formatBlock", false, "H6"))
+    }));
+  }
+
+  _export("default", Headings);
+
+  return {
+    setters: [function (_webAtomsCoreDistCoreBind) {
+      Bind = _webAtomsCoreDistCoreBind.default;
+    }, function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_basicPopupButton) {
+      PopupButton = _basicPopupButton.default;
+      MenuItem = _basicPopupButton.MenuItem;
+    }],
+    execute: function () {}
+  };
+});
+//# sourceMappingURL=Headings.sys.js.map

package/dist/html-editor/commands/Headings.sys.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;EAKc,SAAUA,QAAV,GAAkB;IAC5B,OAAOC,aAACC,WAAD,EAAY;MACfC,KAAK,EAAC,SADS;MAEfC,IAAI,EAAC,YAFU;MAGfC,KAAK,EAAC;IAHS,CAAZ,EAIHJ,aAACK,QAAD,EAAS;MAACF,IAAI,EAAC,QAAN;MAAeG,UAAU,EAAEC,IAAI,CAACC,KAAL,CAAYC,CAAD,IAC3CA,CAAC,CAACC,cAAF,CAAiB,aAAjB,EAAgC,KAAhC,EAAuC,IAAvC,CADgC;IAA3B,CAAT,CAJG,EAMHV,aAACK,QAAD,EAAS;MAACF,IAAI,EAAC,QAAN;MAAeG,UAAU,EAAEC,IAAI,CAACC,KAAL,CAAYC,CAAD,IAC3CA,CAAC,CAACC,cAAF,CAAiB,aAAjB,EAAgC,KAAhC,EAAuC,IAAvC,CADgC;IAA3B,CAAT,CANG,EAQHV,aAACK,QAAD,EAAS;MAACF,IAAI,EAAC,QAAN;MAAeG,UAAU,EAAEC,IAAI,CAACC,KAAL,CAAYC,CAAD,IAC3CA,CAAC,CAACC,cAAF,CAAiB,aAAjB,EAAgC,KAAhC,EAAuC,IAAvC,CADgC;IAA3B,CAAT,CARG,EAUHV,aAACK,QAAD,EAAS;MAACF,IAAI,EAAC,QAAN;MAAeG,UAAU,EAAEC,IAAI,CAACC,KAAL,CAAYC,CAAD,IAC3CA,CAAC,CAACC,cAAF,CAAiB,aAAjB,EAAgC,KAAhC,EAAuC,IAAvC,CADgC;IAA3B,CAAT,CAVG,EAYHV,aAACK,QAAD,EAAS;MAACF,IAAI,EAAC,QAAN;MAAeG,UAAU,EAAEC,IAAI,CAACC,KAAL,CAAYC,CAAD,IAC3CA,CAAC,CAACC,cAAF,CAAiB,aAAjB,EAAgC,KAAhC,EAAuC,IAAvC,CADgC;IAA3B,CAAT,CAZG,EAcHV,aAACK,QAAD,EAAS;MAACF,IAAI,EAAC,QAAN;MAAeG,UAAU,EAAEC,IAAI,CAACC,KAAL,CAAYC,CAAD,IAC3CA,CAAC,CAACC,cAAF,CAAiB,aAAjB,EAAgC,KAAhC,EAAuC,IAAvC,CADgC;IAA3B,CAAT,CAdG,CAAP;EAiBH;;qBAlBuBX,Q;;;;MALjBQ,I;;MACAP,K;;MACAC,W;MAAeI,Q,qBAAAA,Q","names":["Headings","XNode","PopupButton","class","icon","title","MenuItem","eventClick","Bind","event","e","executeCommand"],"sourceRoot":"","sources":["../../../src/html-editor/commands/Headings.tsx"],"sourcesContent":[null]}

package/dist/html-editor/commands/HorizontalRule.sys.js

@@ -0,0 +1,27 @@
+System.register(["./Command"], function (_export, _context) {
+  "use strict";
+
+  var Command;
+
+  function HorizontalRule(cmd) {
+    return Command(Object.assign(Object.assign({
+      icon: "ri-separator",
+      title: "Insert Horizontal Line"
+    }, cmd), {
+      command(editor) {
+        editor.executeCommand("insertHorizontalRule");
+      }
+
+    }));
+  }
+
+  _export("default", HorizontalRule);
+
+  return {
+    setters: [function (_Command) {
+      Command = _Command.default;
+    }],
+    execute: function () {}
+  };
+});
+//# sourceMappingURL=HorizontalRule.sys.js.map

package/dist/html-editor/commands/HorizontalRule.sys.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;EAEc,SAAUA,cAAV,CAAyBC,GAAzB,EAAsC;IAChD,OAAOC,OAAO;MACVC,IAAI,EAAE,cADI;MAEVC,KAAK,EAAE;IAFG,GAGNH,GAHM,GAGH;MACPI,OAAO,CAACC,MAAD,EAAO;QACVA,MAAM,CAACC,cAAP,CAAsB,sBAAtB;MACH;;IAHM,CAHG,EAAd;EAQH;;qBATuBP,c;;;;MAFjBE,O","names":["HorizontalRule","cmd","Command","icon","title","command","editor","executeCommand"],"sourceRoot":"","sources":["../../../src/html-editor/commands/HorizontalRule.tsx"],"sourcesContent":[null]}