@web-atoms/web-controls 2.2.0 → 2.2.2

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

@@ -1,78 +1,98 @@
-var __awaiter = (this && this.__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());
+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 (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
-    }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./CommandButton", "./HtmlCommands"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    const CommandButton_1 = require("./CommandButton");
-    const HtmlCommands_1 = require("./HtmlCommands");
-    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;
+  }
+  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);
+          });
         }
-        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_1.default.insertImage }) {
-        return (0, CommandButton_1.default)({
-            icon: "ri-attachment-2",
-            insertCommand,
-            disabled: false,
-            title: "Insert Image",
-            eventInsertHtml
+        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());
         });
+      };
     }
-    exports.default = AttachFile;
-});
+  };
+});
 //# sourceMappingURL=AttachFile.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AttachFile.js","sourceRoot":"","sources":["../../../src/html-editor/commands/AttachFile.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;IACA,mDAA4C;IAC5C,iDAA0C;IAE1C,SAAS,cAAc,CACnB,MAAM,GAAG,GAAG,EACZ,QAAQ,GAAG,IAAI;QAEf,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC7C,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC;QACnB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;QACjC,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,SAAS,CAAC;QAC5B,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,SAAS,CAAC;QAC3B,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QAC3B,MAAM,QAAQ,GAAG,IAAI,CAAC;QACtB,OAAO,IAAI,OAAO,CAAS,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;YAC3C,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE;gBACjC,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;oBACnB,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;oBACrC,OAAO,CAAC,KAAK,CAAC,CAAC;iBAClB;qBAAM;oBACH,MAAM,CAAC,WAAW,CAAC,CAAC;iBACvB;gBACD,IAAI,QAAQ,EAAE;oBACV,QAAQ,CAAC,MAAM,EAAE,CAAC;iBACrB;YACL,CAAC,CAAC,CAAC;YACH,IAAI,CAAC,aAAa,CAAC,IAAI,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;QAChD,CAAC,CAAC,CAAC;IACP,CAAC;IAED,SAAwB,UAAU,CAAC,EAC/B,eAAe,GAAG,CAAC,MAAsB,EAAE,CAAQ,EAAE,EAAE;QACnD,MAAM,EAAE,GAAG,IAAI,WAAW,CAAC,YAAY,EACvC;YACI,MAAM,EAAE;gBACJ,MAAM;gBACN,KAAK,EAAE,MAAM,CAAC,KAAK;aACtB;YACD,UAAU,EAAE,IAAI;SACnB,CAAC,CAAC;QACH,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;QACjC,IAAI,EAAE,CAAC,gBAAgB,EAAE;YACrB,OAAO;SACV;QACD,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC,GAAS,EAAE;;YAC3B,MAAM,MAAM,GAAG,MAAM,cAAc,EAAE,CAAC;YACtC,MAAA,MAAM,CAAC,KAAK,oCAAZ,MAAM,CAAC,KAAK,GAAK,EAAE,EAAC;YACpB,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QAChC,CAAC,CAAA,CAAC,CAAA;IACN,CAAC,EACD,aAAa,GAAG,sBAAY,CAAC,WAAW,EAC3C;QACG,OAAO,IAAA,uBAAa,EAAC;YACjB,IAAI,EAAE,iBAAiB;YACvB,aAAa;YACb,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,cAAc;YACrB,eAAe;SAClB,CAAC,CAAC;IACP,CAAC;IA7BD,6BA6BC"}
+{"version":3,"mappings":";;;;EAIA,SAASA,cAAc,CACnBC,MAAM,GAAG,GAAG,EACZC,QAAQ,GAAG,IAAI;IAEf,MAAMC,IAAI,GAAGC,QAAQ,CAACC,aAAa,CAAC,OAAO,CAAC;IAC5CF,IAAI,CAACG,IAAI,GAAG,MAAM;IAClBH,IAAI,CAACD,QAAQ,GAAGA,QAAQ;IACxBC,IAAI,CAACF,MAAM,GAAGA,MAAM;IACpBE,IAAI,CAACI,KAAK,CAACC,QAAQ,GAAG,UAAU;IAChCL,IAAI,CAACI,KAAK,CAACE,IAAI,GAAG,SAAS;IAC3BN,IAAI,CAACI,KAAK,CAACG,GAAG,GAAG,SAAS;IAC1BN,QAAQ,CAACO,IAAI,CAACC,MAAM,CAACT,IAAI,CAAC;IAC1B,MAAMU,QAAQ,GAAGV,IAAI;IACrB,OAAO,IAAIW,OAAO,CAAS,CAACC,OAAO,EAAEC,MAAM,KAAI;MAC3Cb,IAAI,CAACc,gBAAgB,CAAC,QAAQ,EAAE,MAAK;QACjC,IAAId,IAAI,CAACe,KAAK,CAACC,MAAM,EAAE;UACnB,MAAMD,KAAK,GAAGE,KAAK,CAACC,IAAI,CAAClB,IAAI,CAACe,KAAK,CAAC;UACpCH,OAAO,CAACG,KAAK,CAAC;SACjB,MAAM;UACHF,MAAM,CAAC,WAAW,CAAC;;QAEvB,IAAIH,QAAQ,EAAE;UACVA,QAAQ,CAACS,MAAM,EAAE;;MAEzB,CAAC,CAAC;MACFnB,IAAI,CAACoB,aAAa,CAAC,IAAIC,UAAU,CAAC,OAAO,CAAC,CAAC;IAC/C,CAAC,CAAC;EACN;EAEc,SAAUC,UAAU,CAAC;IAC/BC,eAAe,GAAG,CAACC,MAAsB,EAAEC,CAAQ,KAAI;MACnD,MAAMC,EAAE,GAAG,IAAIC,WAAW,CAAC,YAAY,EACvC;QACIC,MAAM,EAAE;UACJJ,MAAM;UACNT,KAAK,EAAES,MAAM,CAACT;SACjB;QACDc,UAAU,EAAE;OACf,CAAC;MACFL,MAAM,CAACM,OAAO,CAACV,aAAa,CAACM,EAAE,CAAC;MAChC,IAAIA,EAAE,CAACK,gBAAgB,EAAE;QACrB;;MAEJP,MAAM,CAACQ,GAAG,CAACC,QAAQ,CAAC,MAAWC;;QAC3B,MAAMC,MAAM,GAAG,MAAMtC,cAAc,EAAE;QACrC,YAAM,CAACkB,KAAK,mCAAZS,MAAM,CAACT,KAAK,GAAK,EAAE;QACnBS,MAAM,CAACT,KAAK,CAACqB,MAAM,CAACD,MAAM,CAAC;MAC/B,CAAC,EAAC;IACN,CAAC;IACDE,aAAa,GAAGC,YAAY,CAACC;EAAW,CAC3C;IACG,OAAOC,aAAa,CAAC;MACjBC,IAAI,EAAE,iBAAiB;MACvBJ,aAAa;MACbK,QAAQ,EAAE,KAAK;MACfC,KAAK,EAAE,cAAc;MACrBpB;KACH,CAAC;EACN;EAAC,mBA7BuBD,UAAU;EAAA;IAAA;MAhC3BkB,aAAa;IAAA;MACbF,YAAY;IAAA;IAAA","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","addAll","insertCommand","HtmlCommands","insertImage","CommandButton","icon","disabled","title"],"sourceRoot":"","sources":["../../../src/html-editor/commands/AttachFile.tsx"],"sourcesContent":[null]}

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

@@ -1,20 +1,24 @@
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
-    }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./Command"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    const Command_1 = require("./Command");
-    function Bold(cmd) {
-        return (0, Command_1.default)(Object.assign(Object.assign({ icon: "ri-bold", queryState: "bold", title: "Bold" }, cmd), { command(editor) {
-                editor.executeCommand("bold");
-            } }));
-    }
-    exports.default = Bold;
-});
+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.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Bold.js","sourceRoot":"","sources":["../../../src/html-editor/commands/Bold.ts"],"names":[],"mappings":";;;;;;;;;;;IAAA,uCAA8C;IAE9C,SAAwB,IAAI,CAAC,GAAa;QACtC,OAAO,IAAA,iBAAO,gCACV,IAAI,EAAE,SAAS,EACf,UAAU,EAAE,MAAM,EAClB,KAAK,EAAE,MAAM,IACT,GAAG,KACP,OAAO,CAAC,MAAM;gBACV,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;YAClC,CAAC,IACH,CAAC;IACP,CAAC;IAVD,uBAUC"}
+{"version":3,"mappings":";;;;EAEc,SAAUA,IAAI,CAACC,GAAa;IACtC,OAAOC,OAAO;MACVC,IAAI,EAAE,SAAS;MACfC,UAAU,EAAE,MAAM;MAClBC,KAAK,EAAE;IAAM,GACTJ,GAAG;MACPK,OAAO,CAACC,MAAM;QACVA,MAAM,CAACC,cAAc,CAAC,MAAM,CAAC;MACjC;IAAC,GACH;EACN;EAAC,mBAVuBR,IAAI;EAAA;IAAA;MAFrBE,OAAqB;IAAA;IAAA;EAAA;AAAA","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.js

@@ -1,146 +1,57 @@
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
+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"))));
     }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@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"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    const Bind_1 = require("@web-atoms/core/dist/core/Bind");
-    const XNode_1 = require("@web-atoms/core/dist/core/XNode");
-    const StyleRule_1 = require("@web-atoms/core/dist/style/StyleRule");
-    const CSS_1 = require("@web-atoms/core/dist/web/styles/CSS");
-    const PopupButton_1 = require("../../basic/PopupButton");
-    const 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)"
-    ];
-    const 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)"
-    ];
-    const 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)"
-        ]
-    ];
-    const colorSelectorCss = (0, CSS_1.default)((0, StyleRule_1.default)("color-selector")
-        .width(400)
-        .display("flex")
-        .justifyContent("space-evenly")
-        .child((0, StyleRule_1.default)("table")
-        .display("inline-table"))
-        .nested((0, StyleRule_1.default)(".color-button")
-        .display("inline-block")
-        .width(20)
-        .height(20)
-        .borderWidth(1)
-        .margin(1)
-        .cursor("pointer")
-        .borderStyle("solid")
-        .borderColor("transparent")
-        .hover((0, StyleRule_1.default)()
-        .borderColor("black"))));
-    function TextColor(color) {
-        return XNode_1.default.create("div", { class: "color-button", eventClick: Bind_1.default.event((e) => e.executeCommand("foreColor", false, color)), styleBackgroundColor: color.toLowerCase(), title: color });
-    }
-    function BackgroundColor(color) {
-        return XNode_1.default.create("div", { class: "color-button", eventClick: Bind_1.default.event((e) => e.executeCommand("hiliteColor", false, color)), styleBackgroundColor: color.toLowerCase(), title: color });
-    }
-    function ChangeColor() {
-        return XNode_1.default.create(PopupButton_1.default, { title: "Change Color", class: "command", icon: "ri-font-color" },
-            XNode_1.default.create("div", { class: colorSelectorCss },
-                XNode_1.default.create("table", null,
-                    XNode_1.default.create("thead", null,
-                        XNode_1.default.create("tr", null,
-                            XNode_1.default.create("th", { colSpan: 8 }, "Text Color"))),
-                    XNode_1.default.create("thead", null,
-                        XNode_1.default.create("tr", null, ...gray.map(TextColor))),
-                    XNode_1.default.create("thead", null,
-                        XNode_1.default.create("tr", null, ...primary.map(TextColor))),
-                    XNode_1.default.create("tbody", null, ...all.map((row) => XNode_1.default.create("tr", null, ...row.map(TextColor))))),
-                XNode_1.default.create("table", { class: "background-color" },
-                    XNode_1.default.create("thead", null,
-                        XNode_1.default.create("tr", null,
-                            XNode_1.default.create("th", { colSpan: 8 }, "Background Color"))),
-                    XNode_1.default.create("thead", null,
-                        XNode_1.default.create("tr", null, ...gray.map(BackgroundColor))),
-                    XNode_1.default.create("thead", null,
-                        XNode_1.default.create("tr", null, ...primary.map(BackgroundColor))),
-                    XNode_1.default.create("tbody", null, ...all.map((row) => XNode_1.default.create("tr", null, ...row.map(BackgroundColor)))))));
-    }
-    exports.default = ChangeColor;
-});
+  };
+});
 //# sourceMappingURL=ChangeColor.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChangeColor.js","sourceRoot":"","sources":["../../../src/html-editor/commands/ChangeColor.tsx"],"names":[],"mappings":";;;;;;;;;;;IAAA,yDAAkD;IAClD,2DAAoD;IACpD,oEAA6D;IAC7D,6DAAsD;IACtD,yDAAkD;IAGlD,MAAM,IAAI,GAAG;QACT,YAAY;QACZ,eAAe;QACf,kBAAkB;QAClB,kBAAkB;QAClB,kBAAkB;QAClB,kBAAkB;QAClB,kBAAkB;QAClB,kBAAkB;KACrB,CAAC;IAEF,MAAM,OAAO,GAAG;QACZ,cAAc;QACd,gBAAgB;QAChB,gBAAgB;QAChB,cAAc;QACd,gBAAgB;QAChB,cAAc;QACd,gBAAgB;QAChB,gBAAgB;KACnB,CAAC;IAEF,MAAM,GAAG,GAAG;QACR;YACI,kBAAkB;YAClB,kBAAkB;YAClB,kBAAkB;YAClB,kBAAkB;YAClB,kBAAkB;YAClB,kBAAkB;YAClB,kBAAkB;YAClB,kBAAkB;SACrB;QACD;YACI,kBAAkB;YAClB,kBAAkB;YAClB,kBAAkB;YAClB,kBAAkB;YAClB,kBAAkB;YAClB,kBAAkB;YAClB,kBAAkB;YAClB,kBAAkB;SACrB;QACD;YACI,kBAAkB;YAClB,kBAAkB;YAClB,kBAAkB;YAClB,kBAAkB;YAClB,kBAAkB;YAClB,kBAAkB;YAClB,kBAAkB;YAClB,kBAAkB;SACrB;QACD;YACI,cAAc;YACd,iBAAiB;YACjB,iBAAiB;YACjB,iBAAiB;YACjB,iBAAiB;YACjB,iBAAiB;YACjB,iBAAiB;YACjB,iBAAiB;SACpB;QACD;YACI,cAAc;YACd,eAAe;YACf,gBAAgB;YAChB,gBAAgB;YAChB,eAAe;YACf,gBAAgB;YAChB,gBAAgB;YAChB,gBAAgB;SACnB;QACD;YACI,cAAc;YACd,eAAe;YACf,eAAe;YACf,eAAe;YACf,eAAe;YACf,cAAc;YACd,eAAe;YACf,eAAe;SAClB;KACJ,CAAC;IAEF,MAAM,gBAAgB,GAAG,IAAA,aAAG,EAAC,IAAA,mBAAS,EAAC,gBAAgB,CAAC;SACnD,KAAK,CAAC,GAAG,CAAC;SACV,OAAO,CAAC,MAAM,CAAC;SACf,cAAc,CAAC,cAAqB,CAAC;SACrC,KAAK,CAAC,IAAA,mBAAS,EAAC,OAAO,CAAC;SACpB,OAAO,CAAC,cAAc,CAAC,CAC3B;SACA,MAAM,CAAC,IAAA,mBAAS,EAAC,eAAe,CAAC;SAC7B,OAAO,CAAC,cAAc,CAAC;SACvB,KAAK,CAAC,EAAE,CAAC;SACT,MAAM,CAAC,EAAE,CAAC;SACV,WAAW,CAAC,CAAC,CAAC;SACd,MAAM,CAAC,CAAC,CAAC;SACT,MAAM,CAAC,SAAS,CAAC;SACjB,WAAW,CAAC,OAAO,CAAC;SACpB,WAAW,CAAC,aAAa,CAAC;SAC1B,KAAK,CAAC,IAAA,mBAAS,GAAE;SACb,WAAW,CAAC,OAAO,CAAC,CACxB,CACJ,CACJ,CAAC;IAEF,SAAS,SAAS,CAAC,KAAa;QAC5B,OAAO,gCACH,KAAK,EAAC,cAAc,EACpB,UAAU,EAAE,cAAI,CAAC,KAAK,CAAC,CAAC,CAAiB,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,WAAW,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,EAC1F,oBAAoB,EAAE,KAAK,CAAC,WAAW,EAAE,EAAE,KAAK,EAAE,KAAK,GAAQ,CAAC;IACxE,CAAC;IAED,SAAS,eAAe,CAAC,KAAa;QAClC,OAAO,gCACH,KAAK,EAAC,cAAc,EACpB,UAAU,EAAE,cAAI,CAAC,KAAK,CAAC,CAAC,CAAiB,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,aAAa,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,EAC5F,oBAAoB,EAAE,KAAK,CAAC,WAAW,EAAE,EAAE,KAAK,EAAE,KAAK,GAAQ,CAAC;IACxE,CAAC;IAED,SAAwB,WAAW;QAC/B,OAAO,uBAAC,qBAAW,IAAC,KAAK,EAAC,cAAc,EAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,eAAe;YACzE,gCAAK,KAAK,EAAE,gBAAgB;gBACxB;oBACI;wBACI;4BACI,+BAAI,OAAO,EAAE,CAAC,iBAAiB,CAC9B,CACD;oBACR;wBACI,sCACU,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,CACxB,CACD;oBACR;wBACI,sCACU,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAC3B,CACD;oBACR,yCACU,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,sCACb,GAAG,CAAC,GAAG,CAAC,SAAS,CAAC,CACvB,CAAC,CACF,CACJ;gBACR,kCAAO,KAAK,EAAC,kBAAkB;oBAC3B;wBACI;4BACI,+BAAI,OAAO,EAAE,CAAC,uBAAuB,CACpC,CACD;oBACR;wBACI,sCACU,IAAI,CAAC,GAAG,CAAC,eAAe,CAAC,CAC9B,CACD;oBACR;wBACI,sCACU,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,CACjC,CACD;oBACR,yCACU,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,sCACb,GAAG,CAAC,GAAG,CAAC,eAAe,CAAC,CAC7B,CAAC,CACF,CACJ,CACN,CACI,CAAC;IACnB,CAAC;IAjDD,8BAiDC"}
+{"version":3,"mappings":";;;;EAkHA,SAASA,SAAS,CAACC,KAAa;IAC5B,OAAOC;MACHC,KAAK,EAAC,cAAc;MACpBC,UAAU,EAAEC,IAAI,CAACC,KAAK,CAAEC,CAAiB,IAAKA,CAAC,CAACC,cAAc,CAAC,WAAW,EAAE,KAAK,EAAEP,KAAK,CAAC,CAAC;MAC1FQ,oBAAoB,EAAER,KAAK,CAACS,WAAW,EAAE;MAAEC,KAAK,EAAEV;IAAK,EAAQ;EACvE;EAEA,SAASW,eAAe,CAACX,KAAa;IAClC,OAAOC;MACHC,KAAK,EAAC,cAAc;MACpBC,UAAU,EAAEC,IAAI,CAACC,KAAK,CAAEC,CAAiB,IAAKA,CAAC,CAACC,cAAc,CAAC,aAAa,EAAE,KAAK,EAAEP,KAAK,CAAC,CAAC;MAC5FQ,oBAAoB,EAAER,KAAK,CAACS,WAAW,EAAE;MAAEC,KAAK,EAAEV;IAAK,EAAQ;EACvE;EAEc,SAAUY,WAAW;IAC/B,OAAOX,aAACY,WAAW;MAACH,KAAK,EAAC,cAAc;MAACR,KAAK,EAAC,SAAS;MAACY,IAAI,EAAC;IAAe,GACzEb;MAAKC,KAAK,EAAEa;IAAgB,GACxBd,4BACIA,4BACIA,yBACIA;MAAIe,OAAO,EAAE;IAAC,gBAAiB,CAC9B,CACD,EACRf,4BACIA,4BACUgB,IAAI,CAACC,GAAG,CAACnB,SAAS,CAAC,CACxB,CACD,EACRE,4BACIA,4BACUkB,OAAO,CAACD,GAAG,CAACnB,SAAS,CAAC,CAC3B,CACD,EACRE,+BACUmB,GAAG,CAACF,GAAG,CAAEG,GAAG,IAAKpB,4BACboB,GAAG,CAACH,GAAG,CAACnB,SAAS,CAAC,CACvB,CAAC,CACF,CACJ,EACRE;MAAOC,KAAK,EAAC;IAAkB,GAC3BD,4BACIA,yBACIA;MAAIe,OAAO,EAAE;IAAC,sBAAuB,CACpC,CACD,EACRf,4BACIA,4BACUgB,IAAI,CAACC,GAAG,CAACP,eAAe,CAAC,CAC9B,CACD,EACRV,4BACIA,4BACUkB,OAAO,CAACD,GAAG,CAACP,eAAe,CAAC,CACjC,CACD,EACRV,+BACUmB,GAAG,CAACF,GAAG,CAAEG,GAAG,IAAKpB,4BACboB,GAAG,CAACH,GAAG,CAACP,eAAe,CAAC,CAC7B,CAAC,CACF,CACJ,CACN,CACI;EAClB;EAAC,mBAjDuBC,WAAW;EAAA;IAAA;MAhI5BR,IAAI;IAAA;MACJH,KAAK;IAAA;MACLqB,SAAS;IAAA;MACTC,GAAG;IAAA;MACHV,WAAW;IAAA;IAAA;MAGZI,IAAI,GAAG,CACT,YAAY,EACZ,eAAe,EACf,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,CACrB;MAEKE,OAAO,GAAG,CACZ,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAChB,gBAAgB,CACnB;MAEKC,GAAG,GAAG,CACR,CACI,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,CACrB,EACD,CACI,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,CACrB,EACD,CACI,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,CACrB,EACD,CACI,cAAc,EACd,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,CACpB,EACD,CACI,cAAc,EACd,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,CACnB,EACD,CACI,cAAc,EACd,eAAe,EACf,eAAe,EACf,eAAe,EACf,eAAe,EACf,cAAc,EACd,eAAe,EACf,eAAe,CAClB,CACJ;MAEKL,gBAAgB,GAAGQ,GAAG,CAACD,SAAS,CAAC,gBAAgB,CAAC,CACnDE,KAAK,CAAC,GAAG,CAAC,CACVC,OAAO,CAAC,MAAM,CAAC,CACfC,cAAc,CAAC,cAAqB,CAAC,CACrCC,KAAK,CAACL,SAAS,CAAC,OAAO,CAAC,CACpBG,OAAO,CAAC,cAAc,CAAC,CAC3B,CACAG,MAAM,CAACN,SAAS,CAAC,eAAe,CAAC,CAC7BG,OAAO,CAAC,cAAc,CAAC,CACvBD,KAAK,CAAC,EAAE,CAAC,CACTK,MAAM,CAAC,EAAE,CAAC,CACVC,WAAW,CAAC,CAAC,CAAC,CACdC,MAAM,CAAC,CAAC,CAAC,CACTC,MAAM,CAAC,SAAS,CAAC,CACjBC,WAAW,CAAC,OAAO,CAAC,CACpBC,WAAW,CAAC,aAAa,CAAC,CAC1BC,KAAK,CAACb,SAAS,EAAE,CACbY,WAAW,CAAC,OAAO,CAAC,CACxB,CACJ,CACJ;IAAA;EAAA;AAAA","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.js

@@ -1,80 +1,72 @@
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
+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, MenuItem, 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";
     }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@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"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.FontMenu = void 0;
-    const Bind_1 = require("@web-atoms/core/dist/core/Bind");
-    const XNode_1 = require("@web-atoms/core/dist/core/XNode");
-    const StyleRule_1 = require("@web-atoms/core/dist/style/StyleRule");
-    const CSS_1 = require("@web-atoms/core/dist/web/styles/CSS");
-    const PopupButton_1 = require("../../basic/PopupButton");
-    const fontMenuCSS = (0, CSS_1.default)((0, StyleRule_1.default)()
-        .padding(5)
-        .width(170)
-    // .child(StyleRule(".menu")
-    //     .padding(5)
-    //     .hoverBackgroundColor(Colors.lightGreen)
-    //     .child(StyleRule("i")
-    //         .opacity("0")
-    //         .and(StyleRule(".selected")
-    //             .opacity("1")
-    //         )
-    //     )
-    // )
-    );
-    const 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"]]
-    ];
-    function FontMenu({ name, value }) {
-        const cssName = value.join(" ");
-        return XNode_1.default.create("div", { class: "menu", eventClick: Bind_1.default.event((e) => e.executeCommand("fontName", false, cssName)) },
-            XNode_1.default.create("i", { class: Bind_1.default.oneWay((e) => ({
-                    "ri-check-line": 1,
-                    "selected": e.getStyle("fontFamily", e.version)
-                        .toLowerCase()
-                        .indexOf(value[0].toLowerCase()) !== -1
-                })) }),
-            XNode_1.default.create("label", { styleFontFamily: name }, name));
-    }
-    exports.FontMenu = FontMenu;
-    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;
-                }
-            }
+    for (const [display, value] of fonts) {
+      for (const iterator of value) {
+        if (name.indexOf(iterator) !== -1) {
+          return display;
         }
-        return "Font";
+      }
     }
-    function ChangeFont() {
-        return XNode_1.default.create(PopupButton_1.default, { class: "command", text: Bind_1.default.oneWay((e) => selectFont(e.getStyle("fontFamily", e.version))), title: "Change Font" },
-            XNode_1.default.create("div", { class: fontMenuCSS }, ...fonts.map(([name, value]) => XNode_1.default.create(PopupButton_1.MenuItem, { "style-font-family": name, icon: Bind_1.default.oneWay((e) => e.getStyle("fontFamily", e.version)
-                    .toLowerCase()
-                    .indexOf(value[0].toLowerCase()) !== -1
-                    ? "ri-check-line selected"
-                    : ""), label: name, eventClick: Bind_1.default.event((e) => e.executeCommand("fontName", false, value.join(" "))) }))));
+    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(([name, value]) => XNode.create(MenuItem, {
+      "style-font-family": name,
+      icon: Bind.oneWay(e => e.getStyle("fontFamily", e.version).toLowerCase().indexOf(value[0].toLowerCase()) !== -1 ? "ri-check-line selected" : ""),
+      label: name,
+      eventClick: Bind.event(e => e.executeCommand("fontName", false, value.join(" ")))
+    }))));
+  }
+  _export({
+    FontMenu: FontMenu,
+    default: ChangeFont
+  });
+  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;
+      MenuItem = _basicPopupButton.MenuItem;
+    }],
+    execute: function () {
+      fontMenuCSS = CSS(StyleRule().padding(5).width(170));
+      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"]]];
     }
-    exports.default = ChangeFont;
-});
+  };
+});
 //# sourceMappingURL=ChangeFont.js.map