@web-atoms/web-controls 2.1.9 → 2.1.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/basic/FormField.d.ts +8 -0
- package/dist/basic/FormField.d.ts.map +1 -0
- package/dist/basic/FormField.js +32 -0
- package/dist/basic/FormField.js.map +1 -0
- package/dist/basic/PopupButton.d.ts +2 -1
- package/dist/basic/PopupButton.d.ts.map +1 -1
- package/dist/basic/PopupButton.js +13 -4
- package/dist/basic/PopupButton.js.map +1 -1
- package/dist/html-editor/HtmlEditor.d.ts +25 -0
- package/dist/html-editor/HtmlEditor.d.ts.map +1 -0
- package/dist/html-editor/HtmlEditor.js +240 -0
- package/dist/html-editor/HtmlEditor.js.map +1 -0
- package/dist/html-editor/commands/AddImage.d.ts +5 -0
- package/dist/html-editor/commands/AddImage.d.ts.map +1 -0
- package/dist/html-editor/commands/AddImage.js +23 -0
- package/dist/html-editor/commands/AddImage.js.map +1 -0
- package/dist/html-editor/commands/AddLink.d.ts +4 -0
- package/dist/html-editor/commands/AddLink.d.ts.map +1 -0
- package/dist/html-editor/commands/AddLink.js +93 -0
- package/dist/html-editor/commands/AddLink.js.map +1 -0
- package/dist/html-editor/commands/Align.d.ts +2 -0
- package/dist/html-editor/commands/Align.d.ts.map +1 -0
- package/dist/html-editor/commands/Align.js +24 -0
- package/dist/html-editor/commands/Align.js.map +1 -0
- package/dist/html-editor/commands/Bold.d.ts +3 -0
- package/dist/html-editor/commands/Bold.d.ts.map +1 -0
- package/dist/html-editor/commands/Bold.js +20 -0
- package/dist/html-editor/commands/Bold.js.map +1 -0
- package/dist/html-editor/commands/ChangeColor.d.ts +2 -0
- package/dist/html-editor/commands/ChangeColor.d.ts.map +1 -0
- package/dist/html-editor/commands/ChangeColor.js +146 -0
- package/dist/html-editor/commands/ChangeColor.js.map +1 -0
- package/dist/html-editor/commands/ChangeFont.d.ts +6 -0
- package/dist/html-editor/commands/ChangeFont.d.ts.map +1 -0
- package/dist/html-editor/commands/ChangeFont.js +72 -0
- package/dist/html-editor/commands/ChangeFont.js.map +1 -0
- package/dist/html-editor/commands/ChangeFontSize.d.ts +3 -0
- package/dist/html-editor/commands/ChangeFontSize.d.ts.map +1 -0
- package/dist/html-editor/commands/ChangeFontSize.js +22 -0
- package/dist/html-editor/commands/ChangeFontSize.js.map +1 -0
- package/dist/html-editor/commands/Command.d.ts +12 -0
- package/dist/html-editor/commands/Command.d.ts.map +1 -0
- package/dist/html-editor/commands/Command.js +43 -0
- package/dist/html-editor/commands/Command.js.map +1 -0
- package/dist/html-editor/commands/CommandButton.d.ts +19 -0
- package/dist/html-editor/commands/CommandButton.d.ts.map +1 -0
- package/dist/html-editor/commands/CommandButton.js +55 -0
- package/dist/html-editor/commands/CommandButton.js.map +1 -0
- package/dist/html-editor/commands/Headings.d.ts +2 -0
- package/dist/html-editor/commands/Headings.d.ts.map +1 -0
- package/dist/html-editor/commands/Headings.js +26 -0
- package/dist/html-editor/commands/Headings.js.map +1 -0
- package/dist/html-editor/commands/HorizontalRule.d.ts +3 -0
- package/dist/html-editor/commands/HorizontalRule.d.ts.map +1 -0
- package/dist/html-editor/commands/HorizontalRule.js +20 -0
- package/dist/html-editor/commands/HorizontalRule.js.map +1 -0
- package/dist/html-editor/commands/IndentLess.d.ts +2 -0
- package/dist/html-editor/commands/IndentLess.d.ts.map +1 -0
- package/dist/html-editor/commands/IndentLess.js +20 -0
- package/dist/html-editor/commands/IndentLess.js.map +1 -0
- package/dist/html-editor/commands/IndentMore.d.ts +2 -0
- package/dist/html-editor/commands/IndentMore.d.ts.map +1 -0
- package/dist/html-editor/commands/IndentMore.js +20 -0
- package/dist/html-editor/commands/IndentMore.js.map +1 -0
- package/dist/html-editor/commands/Italic.d.ts +3 -0
- package/dist/html-editor/commands/Italic.d.ts.map +1 -0
- package/dist/html-editor/commands/Italic.js +20 -0
- package/dist/html-editor/commands/Italic.js.map +1 -0
- package/dist/html-editor/commands/NumberedList.d.ts +2 -0
- package/dist/html-editor/commands/NumberedList.d.ts.map +1 -0
- package/dist/html-editor/commands/NumberedList.js +20 -0
- package/dist/html-editor/commands/NumberedList.js.map +1 -0
- package/dist/html-editor/commands/Quote.d.ts +2 -0
- package/dist/html-editor/commands/Quote.d.ts.map +1 -0
- package/dist/html-editor/commands/Quote.js +20 -0
- package/dist/html-editor/commands/Quote.js.map +1 -0
- package/dist/html-editor/commands/RemoveFormat.d.ts +2 -0
- package/dist/html-editor/commands/RemoveFormat.d.ts.map +1 -0
- package/dist/html-editor/commands/RemoveFormat.js +20 -0
- package/dist/html-editor/commands/RemoveFormat.js.map +1 -0
- package/dist/html-editor/commands/Separator.d.ts +2 -0
- package/dist/html-editor/commands/Separator.d.ts.map +1 -0
- package/dist/html-editor/commands/Separator.js +29 -0
- package/dist/html-editor/commands/Separator.js.map +1 -0
- package/dist/html-editor/commands/Source.d.ts +4 -0
- package/dist/html-editor/commands/Source.d.ts.map +1 -0
- package/dist/html-editor/commands/Source.js +72 -0
- package/dist/html-editor/commands/Source.js.map +1 -0
- package/dist/html-editor/commands/StrikeThrough.d.ts +3 -0
- package/dist/html-editor/commands/StrikeThrough.d.ts.map +1 -0
- package/dist/html-editor/commands/StrikeThrough.js +20 -0
- package/dist/html-editor/commands/StrikeThrough.js.map +1 -0
- package/dist/html-editor/commands/Underline.d.ts +3 -0
- package/dist/html-editor/commands/Underline.d.ts.map +1 -0
- package/dist/html-editor/commands/Underline.js +20 -0
- package/dist/html-editor/commands/Underline.js.map +1 -0
- package/dist/html-editor/commands/Unlink.d.ts +2 -0
- package/dist/html-editor/commands/Unlink.d.ts.map +1 -0
- package/dist/html-editor/commands/Unlink.js +20 -0
- package/dist/html-editor/commands/Unlink.js.map +1 -0
- package/dist/html-editor/commands/UnorderedList.d.ts +2 -0
- package/dist/html-editor/commands/UnorderedList.d.ts.map +1 -0
- package/dist/html-editor/commands/UnorderedList.js +20 -0
- package/dist/html-editor/commands/UnorderedList.js.map +1 -0
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +2 -2
- package/src/basic/FormField.tsx +37 -0
- package/src/basic/PopupButton.tsx +15 -4
- package/src/html-editor/HtmlEditor.tsx +242 -0
- package/src/html-editor/commands/AddImage.tsx +13 -0
- package/src/html-editor/commands/AddLink.tsx +90 -0
- package/src/html-editor/commands/Align.tsx +32 -0
- package/src/html-editor/commands/Bold.ts +13 -0
- package/src/html-editor/commands/ChangeColor.tsx +178 -0
- package/src/html-editor/commands/ChangeFont.tsx +75 -0
- package/src/html-editor/commands/ChangeFontSize.tsx +18 -0
- package/src/html-editor/commands/Command.tsx +44 -0
- package/src/html-editor/commands/CommandButton.tsx +68 -0
- package/src/html-editor/commands/Headings.tsx +24 -0
- package/src/html-editor/commands/HorizontalRule.tsx +12 -0
- package/src/html-editor/commands/IndentLess.tsx +13 -0
- package/src/html-editor/commands/IndentMore.tsx +13 -0
- package/src/html-editor/commands/Italic.ts +13 -0
- package/src/html-editor/commands/NumberedList.tsx +13 -0
- package/src/html-editor/commands/Quote.tsx +13 -0
- package/src/html-editor/commands/RemoveFormat.tsx +13 -0
- package/src/html-editor/commands/Separator.tsx +18 -0
- package/src/html-editor/commands/Source.tsx +53 -0
- package/src/html-editor/commands/StrikeThrough.ts +13 -0
- package/src/html-editor/commands/Underline.ts +13 -0
- package/src/html-editor/commands/Unlink.tsx +13 -0
- package/src/html-editor/commands/UnorderedList.tsx +13 -0
|
@@ -0,0 +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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChangeColor.d.ts","sourceRoot":"","sources":["../../../src/html-editor/commands/ChangeColor.tsx"],"names":[],"mappings":"AAgIA,MAAM,CAAC,OAAO,UAAU,WAAW,QAiDlC"}
|
|
@@ -0,0 +1,146 @@
|
|
|
1
|
+
(function (factory) {
|
|
2
|
+
if (typeof module === "object" && typeof module.exports === "object") {
|
|
3
|
+
var v = factory(require, exports);
|
|
4
|
+
if (v !== undefined) module.exports = v;
|
|
5
|
+
}
|
|
6
|
+
else if (typeof define === "function" && define.amd) {
|
|
7
|
+
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);
|
|
8
|
+
}
|
|
9
|
+
})(function (require, exports) {
|
|
10
|
+
"use strict";
|
|
11
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
12
|
+
const Bind_1 = require("@web-atoms/core/dist/core/Bind");
|
|
13
|
+
const XNode_1 = require("@web-atoms/core/dist/core/XNode");
|
|
14
|
+
const StyleRule_1 = require("@web-atoms/core/dist/style/StyleRule");
|
|
15
|
+
const CSS_1 = require("@web-atoms/core/dist/web/styles/CSS");
|
|
16
|
+
const PopupButton_1 = require("../../basic/PopupButton");
|
|
17
|
+
const gray = [
|
|
18
|
+
"rgb(0,0,0)",
|
|
19
|
+
"rgb(68,68,68)",
|
|
20
|
+
"rgb(102,102,102)",
|
|
21
|
+
"rgb(153,153,153)",
|
|
22
|
+
"rgb(204,204,204)",
|
|
23
|
+
"rgb(238,238,238)",
|
|
24
|
+
"rgb(243,243,243)",
|
|
25
|
+
"rgb(255,255,255)"
|
|
26
|
+
];
|
|
27
|
+
const primary = [
|
|
28
|
+
"rgb(255,0,0)",
|
|
29
|
+
"rgb(255,153,0)",
|
|
30
|
+
"rgb(255,255,0)",
|
|
31
|
+
"rgb(0,255,0)",
|
|
32
|
+
"rgb(0,255,255)",
|
|
33
|
+
"rgb(0,0,255)",
|
|
34
|
+
"rgb(153,0,255)",
|
|
35
|
+
"rgb(255,0,255)"
|
|
36
|
+
];
|
|
37
|
+
const all = [
|
|
38
|
+
[
|
|
39
|
+
"rgb(244,204,204)",
|
|
40
|
+
"rgb(252,229,205)",
|
|
41
|
+
"rgb(255,242,204)",
|
|
42
|
+
"rgb(217,234,211)",
|
|
43
|
+
"rgb(208,224,227)",
|
|
44
|
+
"rgb(207,226,243)",
|
|
45
|
+
"rgb(217,210,233)",
|
|
46
|
+
"rgb(234,209,220)"
|
|
47
|
+
],
|
|
48
|
+
[
|
|
49
|
+
"rgb(234,153,153)",
|
|
50
|
+
"rgb(249,203,156)",
|
|
51
|
+
"rgb(255,229,153)",
|
|
52
|
+
"rgb(182,215,168)",
|
|
53
|
+
"rgb(162,196,201)",
|
|
54
|
+
"rgb(159,197,232)",
|
|
55
|
+
"rgb(180,167,214)",
|
|
56
|
+
"rgb(213,166,189)"
|
|
57
|
+
],
|
|
58
|
+
[
|
|
59
|
+
"rgb(224,102,102)",
|
|
60
|
+
"rgb(246,178,107)",
|
|
61
|
+
"rgb(255,217,102)",
|
|
62
|
+
"rgb(147,196,125)",
|
|
63
|
+
"rgb(118,165,175)",
|
|
64
|
+
"rgb(111,168,220)",
|
|
65
|
+
"rgb(142,124,195)",
|
|
66
|
+
"rgb(194,123,160)"
|
|
67
|
+
],
|
|
68
|
+
[
|
|
69
|
+
"rgb(204,0,0)",
|
|
70
|
+
"rgb(230,145,56)",
|
|
71
|
+
"rgb(241,194,50)",
|
|
72
|
+
"rgb(106,168,79)",
|
|
73
|
+
"rgb(69,129,142)",
|
|
74
|
+
"rgb(61,133,198)",
|
|
75
|
+
"rgb(103,78,167)",
|
|
76
|
+
"rgb(166,77,121)"
|
|
77
|
+
],
|
|
78
|
+
[
|
|
79
|
+
"rgb(153,0,0)",
|
|
80
|
+
"rgb(180,95,6)",
|
|
81
|
+
"rgb(191,144,0)",
|
|
82
|
+
"rgb(56,118,29)",
|
|
83
|
+
"rgb(19,79,92)",
|
|
84
|
+
"rgb(11,83,148)",
|
|
85
|
+
"rgb(53,28,117)",
|
|
86
|
+
"rgb(116,27,71)"
|
|
87
|
+
],
|
|
88
|
+
[
|
|
89
|
+
"rgb(102,0,0)",
|
|
90
|
+
"rgb(120,63,4)",
|
|
91
|
+
"rgb(127,96,0)",
|
|
92
|
+
"rgb(39,78,19)",
|
|
93
|
+
"rgb(12,52,61)",
|
|
94
|
+
"rgb(7,55,99)",
|
|
95
|
+
"rgb(32,18,77)",
|
|
96
|
+
"rgb(76,17,48)"
|
|
97
|
+
]
|
|
98
|
+
];
|
|
99
|
+
const colorSelectorCss = (0, CSS_1.default)((0, StyleRule_1.default)("color-selector")
|
|
100
|
+
.width(400)
|
|
101
|
+
.display("flex")
|
|
102
|
+
.justifyContent("space-evenly")
|
|
103
|
+
.child((0, StyleRule_1.default)("table")
|
|
104
|
+
.display("inline-table"))
|
|
105
|
+
.nested((0, StyleRule_1.default)(".color-button")
|
|
106
|
+
.display("inline-block")
|
|
107
|
+
.width(20)
|
|
108
|
+
.height(20)
|
|
109
|
+
.borderWidth(1)
|
|
110
|
+
.margin(1)
|
|
111
|
+
.cursor("pointer")
|
|
112
|
+
.borderStyle("solid")
|
|
113
|
+
.borderColor("transparent")
|
|
114
|
+
.hover((0, StyleRule_1.default)()
|
|
115
|
+
.borderColor("black"))));
|
|
116
|
+
function TextColor(color) {
|
|
117
|
+
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 });
|
|
118
|
+
}
|
|
119
|
+
function BackgroundColor(color) {
|
|
120
|
+
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 });
|
|
121
|
+
}
|
|
122
|
+
function ChangeColor() {
|
|
123
|
+
return XNode_1.default.create(PopupButton_1.default, { title: "Change Color", class: "command", icon: "ri-font-color" },
|
|
124
|
+
XNode_1.default.create("div", { class: colorSelectorCss },
|
|
125
|
+
XNode_1.default.create("table", null,
|
|
126
|
+
XNode_1.default.create("thead", null,
|
|
127
|
+
XNode_1.default.create("tr", null,
|
|
128
|
+
XNode_1.default.create("th", { colSpan: 8 }, "Text Color"))),
|
|
129
|
+
XNode_1.default.create("thead", null,
|
|
130
|
+
XNode_1.default.create("tr", null, ...gray.map(TextColor))),
|
|
131
|
+
XNode_1.default.create("thead", null,
|
|
132
|
+
XNode_1.default.create("tr", null, ...primary.map(TextColor))),
|
|
133
|
+
XNode_1.default.create("tbody", null, ...all.map((row) => XNode_1.default.create("tr", null, ...row.map(TextColor))))),
|
|
134
|
+
XNode_1.default.create("table", { class: "background-color" },
|
|
135
|
+
XNode_1.default.create("thead", null,
|
|
136
|
+
XNode_1.default.create("tr", null,
|
|
137
|
+
XNode_1.default.create("th", { colSpan: 8 }, "Background Color"))),
|
|
138
|
+
XNode_1.default.create("thead", null,
|
|
139
|
+
XNode_1.default.create("tr", null, ...gray.map(BackgroundColor))),
|
|
140
|
+
XNode_1.default.create("thead", null,
|
|
141
|
+
XNode_1.default.create("tr", null, ...primary.map(BackgroundColor))),
|
|
142
|
+
XNode_1.default.create("tbody", null, ...all.map((row) => XNode_1.default.create("tr", null, ...row.map(BackgroundColor)))))));
|
|
143
|
+
}
|
|
144
|
+
exports.default = ChangeColor;
|
|
145
|
+
});
|
|
146
|
+
//# sourceMappingURL=ChangeColor.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChangeColor.js","sourceRoot":"","sources":["../../../src/html-editor/commands/ChangeColor.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChangeFont.d.ts","sourceRoot":"","sources":["../../../src/html-editor/commands/ChangeFont.tsx"],"names":[],"mappings":"AAoCA,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE;;;CAAA,OAavC;AAgBD,MAAM,CAAC,OAAO,UAAU,UAAU,QASjC"}
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
(function (factory) {
|
|
2
|
+
if (typeof module === "object" && typeof module.exports === "object") {
|
|
3
|
+
var v = factory(require, exports);
|
|
4
|
+
if (v !== undefined) module.exports = v;
|
|
5
|
+
}
|
|
6
|
+
else if (typeof define === "function" && define.amd) {
|
|
7
|
+
define(["require", "exports", "@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"], factory);
|
|
8
|
+
}
|
|
9
|
+
})(function (require, exports) {
|
|
10
|
+
"use strict";
|
|
11
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
12
|
+
exports.FontMenu = void 0;
|
|
13
|
+
const Bind_1 = require("@web-atoms/core/dist/core/Bind");
|
|
14
|
+
const Colors_1 = require("@web-atoms/core/dist/core/Colors");
|
|
15
|
+
const XNode_1 = require("@web-atoms/core/dist/core/XNode");
|
|
16
|
+
const StyleRule_1 = require("@web-atoms/core/dist/style/StyleRule");
|
|
17
|
+
const CSS_1 = require("@web-atoms/core/dist/web/styles/CSS");
|
|
18
|
+
const PopupButton_1 = require("../../basic/PopupButton");
|
|
19
|
+
const fontMenuCSS = (0, CSS_1.default)((0, StyleRule_1.default)()
|
|
20
|
+
.padding(5)
|
|
21
|
+
.child((0, StyleRule_1.default)(".menu")
|
|
22
|
+
.padding(5)
|
|
23
|
+
.hoverBackgroundColor(Colors_1.default.lightGreen)
|
|
24
|
+
.child((0, StyleRule_1.default)("i")
|
|
25
|
+
.opacity("0")
|
|
26
|
+
.and((0, StyleRule_1.default)(".selected")
|
|
27
|
+
.opacity("1")))));
|
|
28
|
+
const fonts = [
|
|
29
|
+
["Sans Serif", ["arial", "sans-serif"]],
|
|
30
|
+
["Serif", [`"times new roman"`, "serif"]],
|
|
31
|
+
["Fixed Width", ["monospace"]],
|
|
32
|
+
["Wide", [`"arial black"`, "sans-serif"]],
|
|
33
|
+
["Narrow", [`"arial narrow"`, "sans-serif"]],
|
|
34
|
+
["Comic Sans MS", [`"comic sans ms"`, "sans-serif"]],
|
|
35
|
+
["Garamond", ["garamond", `"times new roman"`, "serif"]],
|
|
36
|
+
["Georgia", ["georgia"]],
|
|
37
|
+
["Tahoma", ["tahoma"]],
|
|
38
|
+
["Trebuchet MS", [`"trebuchet ms"`]],
|
|
39
|
+
["Verdana", ["verdana"]]
|
|
40
|
+
];
|
|
41
|
+
function FontMenu({ name, value }) {
|
|
42
|
+
const cssName = value.join(" ");
|
|
43
|
+
return XNode_1.default.create("div", { class: "menu", eventClick: Bind_1.default.event((e) => e.executeCommand("fontName", false, cssName)) },
|
|
44
|
+
XNode_1.default.create("i", { class: Bind_1.default.oneWay((e) => ({
|
|
45
|
+
"ri-check-line": 1,
|
|
46
|
+
"selected": e.getStyle("fontFamily", e.version)
|
|
47
|
+
.toLowerCase()
|
|
48
|
+
.indexOf(value[0].toLowerCase()) !== -1
|
|
49
|
+
})) }),
|
|
50
|
+
XNode_1.default.create("label", { styleFontFamily: name }, name));
|
|
51
|
+
}
|
|
52
|
+
exports.FontMenu = FontMenu;
|
|
53
|
+
function selectFont(name) {
|
|
54
|
+
if (name === null) {
|
|
55
|
+
return "Font";
|
|
56
|
+
}
|
|
57
|
+
for (const [display, value] of fonts) {
|
|
58
|
+
for (const iterator of value) {
|
|
59
|
+
if (name.indexOf(iterator) !== -1) {
|
|
60
|
+
return display;
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
return "Font";
|
|
65
|
+
}
|
|
66
|
+
function ChangeFont() {
|
|
67
|
+
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" },
|
|
68
|
+
XNode_1.default.create("div", { class: fontMenuCSS }, ...fonts.map((x) => XNode_1.default.create(FontMenu, { name: x[0], value: x[1] }))));
|
|
69
|
+
}
|
|
70
|
+
exports.default = ChangeFont;
|
|
71
|
+
});
|
|
72
|
+
//# sourceMappingURL=ChangeFont.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChangeFont.js","sourceRoot":"","sources":["../../../src/html-editor/commands/ChangeFont.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChangeFontSize.d.ts","sourceRoot":"","sources":["../../../src/html-editor/commands/ChangeFontSize.tsx"],"names":[],"mappings":"AAIA,OAAgB,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAE9C,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,GAAG,EAAE,QAAQ,OAWnD"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
(function (factory) {
|
|
2
|
+
if (typeof module === "object" && typeof module.exports === "object") {
|
|
3
|
+
var v = factory(require, exports);
|
|
4
|
+
if (v !== undefined) module.exports = v;
|
|
5
|
+
}
|
|
6
|
+
else if (typeof define === "function" && define.amd) {
|
|
7
|
+
define(["require", "exports", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/XNode", "../../basic/PopupButton"], factory);
|
|
8
|
+
}
|
|
9
|
+
})(function (require, exports) {
|
|
10
|
+
"use strict";
|
|
11
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
12
|
+
const Bind_1 = require("@web-atoms/core/dist/core/Bind");
|
|
13
|
+
const XNode_1 = require("@web-atoms/core/dist/core/XNode");
|
|
14
|
+
const PopupButton_1 = require("../../basic/PopupButton");
|
|
15
|
+
function ChangeFontSize(cmd) {
|
|
16
|
+
return XNode_1.default.create(PopupButton_1.default, { class: "command", icon: "ri-font-size-2", title: "Change Font Size" },
|
|
17
|
+
XNode_1.default.create(PopupButton_1.MenuItem, { icon: "ri-add-line", label: "Increase", eventClick: Bind_1.default.event((e) => e.executeCommand("increaseFontSize")) }),
|
|
18
|
+
XNode_1.default.create(PopupButton_1.MenuItem, { icon: "ri-subtract-line", label: "Decrease", eventClick: Bind_1.default.event((e) => e.executeCommand("decreaseFontSize")) }));
|
|
19
|
+
}
|
|
20
|
+
exports.default = ChangeFontSize;
|
|
21
|
+
});
|
|
22
|
+
//# sourceMappingURL=ChangeFontSize.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChangeFontSize.js","sourceRoot":"","sources":["../../../src/html-editor/commands/ChangeFontSize.tsx"],"names":[],"mappings":";;;;;;;;;;;IAAA,yDAAkD;IAClD,2DAAoD;IACpD,yDAAgE;IAIhE,SAAwB,cAAc,CAAC,GAAa;QAChD,OAAO,uBAAC,qBAAW,IACf,KAAK,EAAC,SAAS,EACf,IAAI,EAAC,gBAAgB,EACrB,KAAK,EAAC,kBAAkB;YACxB,uBAAC,sBAAQ,IAAC,IAAI,EAAC,aAAa,EAAC,KAAK,EAAC,UAAU,EAAC,UAAU,EAAE,cAAI,CAAC,KAAK,CAAC,CAAC,CAAoB,EAAE,EAAE,CAC1F,CAAC,CAAC,cAAc,CAAC,kBAAkB,CAAC,CAAC,GAAG;YAC5C,uBAAC,sBAAQ,IAAC,IAAI,EAAC,kBAAkB,EAAC,KAAK,EAAC,UAAU,EAAC,UAAU,EAAE,cAAI,CAAC,KAAK,CAAC,CAAC,CAAoB,EAAE,EAAE,CAC/F,CAAC,CAAC,cAAc,CAAC,kBAAkB,CAAC,CAAC,GAAG,CAClC,CAAC;IAEnB,CAAC;IAXD,iCAWC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { HtmlEditorControl } from "../HtmlEditor";
|
|
2
|
+
export interface ICommand {
|
|
3
|
+
label?: string;
|
|
4
|
+
icon?: string;
|
|
5
|
+
queryState?: string;
|
|
6
|
+
enabled?: boolean;
|
|
7
|
+
title?: string;
|
|
8
|
+
command?: (editor: HtmlEditorControl) => void;
|
|
9
|
+
query?: (editor: HtmlEditorControl) => boolean;
|
|
10
|
+
}
|
|
11
|
+
export default function Command({ icon, label, command, queryState, query, ...others }: ICommand): any;
|
|
12
|
+
//# sourceMappingURL=Command.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Command.d.ts","sourceRoot":"","sources":["../../../src/html-editor/commands/Command.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAEvD,MAAM,WAAW,QAAQ;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,OAAO,CAAC;CAClD;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC5B,IAAI,EACJ,KAAK,EACL,OAAO,EACP,UAAmB,EACnB,KAAK,EACL,GAAI,MAAM,EACb,EAAE,QAAQ,OAsBV"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
12
|
+
(function (factory) {
|
|
13
|
+
if (typeof module === "object" && typeof module.exports === "object") {
|
|
14
|
+
var v = factory(require, exports);
|
|
15
|
+
if (v !== undefined) module.exports = v;
|
|
16
|
+
}
|
|
17
|
+
else if (typeof define === "function" && define.amd) {
|
|
18
|
+
define(["require", "exports", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/XNode"], factory);
|
|
19
|
+
}
|
|
20
|
+
})(function (require, exports) {
|
|
21
|
+
"use strict";
|
|
22
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
23
|
+
const Bind_1 = require("@web-atoms/core/dist/core/Bind");
|
|
24
|
+
const XNode_1 = require("@web-atoms/core/dist/core/XNode");
|
|
25
|
+
function Command(_a) {
|
|
26
|
+
var { icon, label, command, queryState = "none", query } = _a, others = __rest(_a, ["icon", "label", "command", "queryState", "query"]);
|
|
27
|
+
if (label) {
|
|
28
|
+
return XNode_1.default.create("div", Object.assign({ eventClick: Bind_1.default.event((e) => command(e)), styleClass: Bind_1.default.oneWay((e) => ({
|
|
29
|
+
command: e.version,
|
|
30
|
+
pressed: !e.queryCommandState(queryState)
|
|
31
|
+
})) }, others),
|
|
32
|
+
XNode_1.default.create("i", { class: icon }),
|
|
33
|
+
XNode_1.default.create("label", { class: "label", text: label }));
|
|
34
|
+
}
|
|
35
|
+
return XNode_1.default.create("div", Object.assign({ eventClick: Bind_1.default.event((e) => command(e)), styleClass: Bind_1.default.oneWay((e) => ({
|
|
36
|
+
command: e.version,
|
|
37
|
+
pressed: e.queryCommandState(queryState)
|
|
38
|
+
})) }, others),
|
|
39
|
+
XNode_1.default.create("i", { class: icon }));
|
|
40
|
+
}
|
|
41
|
+
exports.default = Command;
|
|
42
|
+
});
|
|
43
|
+
//# sourceMappingURL=Command.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Command.js","sourceRoot":"","sources":["../../../src/html-editor/commands/Command.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;IAAA,yDAAkD;IAClD,2DAAoD;IAapD,SAAwB,OAAO,CAAC,EAOrB;YAPqB,EAC5B,IAAI,EACJ,KAAK,EACL,OAAO,EACP,UAAU,GAAG,MAAM,EACnB,KAAK,OAEE,EADH,MAAM,cANkB,mDAO/B,CADa;QAEV,IAAI,KAAK,EAAE;YACP,OAAO,8CACH,UAAU,EAAE,cAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAsB,CAAC,CAAC,EAC9D,UAAU,EAAE,cAAI,CAAC,MAAM,CAAC,CAAC,CAAoB,EAAE,EAAE,CAAC,CAAC;oBAC/C,OAAO,EAAE,CAAC,CAAC,OAAO;oBAClB,OAAO,EAAE,CAAC,CAAC,CAAC,iBAAiB,CAAC,UAAU,CAAC;iBAC5C,CAAC,CAAC,IACG,MAAM;gBACZ,8BAAG,KAAK,EAAE,IAAI,GAAG;gBACjB,kCAAO,KAAK,EAAC,OAAO,EAAC,IAAI,EAAE,KAAK,GAAG,CACjC,CAAC;SACV;QACD,OAAO,8CACH,UAAU,EAAE,cAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAsB,CAAC,CAAC,EAC9D,UAAU,EAAE,cAAI,CAAC,MAAM,CAAC,CAAC,CAAoB,EAAE,EAAE,CAAC,CAAC;gBAC/C,OAAO,EAAE,CAAC,CAAC,OAAO;gBAClB,OAAO,EAAE,CAAC,CAAC,iBAAiB,CAAC,UAAU,CAAC;aAC3C,CAAC,CAAC,IACG,MAAM;YACZ,8BAAG,KAAK,EAAE,IAAI,GAAG,CACf,CAAC;IACX,CAAC;IA7BD,0BA6BC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export interface ICommandButton {
|
|
2
|
+
icon?: string;
|
|
3
|
+
label?: string;
|
|
4
|
+
/**
|
|
5
|
+
* On click, you must return a promise of string or a string that will be inserted
|
|
6
|
+
*/
|
|
7
|
+
eventInsertHtml?: any;
|
|
8
|
+
/**
|
|
9
|
+
* Default is insertHTML but you can change it.
|
|
10
|
+
*/
|
|
11
|
+
insertCommand: any;
|
|
12
|
+
/**
|
|
13
|
+
* Tooltip
|
|
14
|
+
*/
|
|
15
|
+
title?: string;
|
|
16
|
+
}
|
|
17
|
+
export declare function notSet(text: string): () => void;
|
|
18
|
+
export default function CommandButton({ icon, label, eventInsertHtml, insertCommand, title }: ICommandButton): any;
|
|
19
|
+
//# sourceMappingURL=CommandButton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CommandButton.d.ts","sourceRoot":"","sources":["../../../src/html-editor/commands/CommandButton.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,cAAc;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,eAAe,CAAC,EAAE,GAAG,CAAC;IAEtB;;OAEG;IACH,aAAa,EAAE,GAAG,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,MAAM,CAAC,IAAI,EAAE,MAAM,cAIlC;AAgBD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAClC,IAAI,EACJ,KAAK,EACL,eAAe,EACf,aAAa,EACb,KAAK,EACR,EAAE,cAAc,OAkBhB"}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
2
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
3
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
4
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
5
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
6
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
7
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
8
|
+
});
|
|
9
|
+
};
|
|
10
|
+
(function (factory) {
|
|
11
|
+
if (typeof module === "object" && typeof module.exports === "object") {
|
|
12
|
+
var v = factory(require, exports);
|
|
13
|
+
if (v !== undefined) module.exports = v;
|
|
14
|
+
}
|
|
15
|
+
else if (typeof define === "function" && define.amd) {
|
|
16
|
+
define(["require", "exports", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/XNode"], factory);
|
|
17
|
+
}
|
|
18
|
+
})(function (require, exports) {
|
|
19
|
+
"use strict";
|
|
20
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
|
+
exports.notSet = void 0;
|
|
22
|
+
const Bind_1 = require("@web-atoms/core/dist/core/Bind");
|
|
23
|
+
const XNode_1 = require("@web-atoms/core/dist/core/XNode");
|
|
24
|
+
function notSet(text) {
|
|
25
|
+
return () => {
|
|
26
|
+
alert(`Command ${text} not set`);
|
|
27
|
+
};
|
|
28
|
+
}
|
|
29
|
+
exports.notSet = notSet;
|
|
30
|
+
function insert(callback, command) {
|
|
31
|
+
return (s, e) => __awaiter(this, void 0, void 0, function* () {
|
|
32
|
+
let r = callback(s, e);
|
|
33
|
+
if (typeof r !== "string") {
|
|
34
|
+
if (r.then) {
|
|
35
|
+
r = yield r;
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
if (r) {
|
|
39
|
+
s.executeCommand(command !== null && command !== void 0 ? command : "insertHTML", false, r);
|
|
40
|
+
}
|
|
41
|
+
});
|
|
42
|
+
}
|
|
43
|
+
function CommandButton({ icon, label, eventInsertHtml, insertCommand, title }) {
|
|
44
|
+
if (label) {
|
|
45
|
+
return XNode_1.default.create("button", { class: "command", eventClick: Bind_1.default.event(insert(eventInsertHtml, insertCommand)), title: title },
|
|
46
|
+
XNode_1.default.create("label", { class: "label" },
|
|
47
|
+
XNode_1.default.create("i", { class: icon }),
|
|
48
|
+
XNode_1.default.create("span", { text: label })));
|
|
49
|
+
}
|
|
50
|
+
return XNode_1.default.create("button", { title: title, class: "command", eventClick: Bind_1.default.event(insert(eventInsertHtml, insertCommand)) },
|
|
51
|
+
XNode_1.default.create("i", { class: icon }));
|
|
52
|
+
}
|
|
53
|
+
exports.default = CommandButton;
|
|
54
|
+
});
|
|
55
|
+
//# sourceMappingURL=CommandButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CommandButton.js","sourceRoot":"","sources":["../../../src/html-editor/commands/CommandButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;IAAA,yDAAkD;IAClD,2DAAoD;IAsBpD,SAAgB,MAAM,CAAC,IAAY;QAC/B,OAAO,GAAG,EAAE;YACR,KAAK,CAAC,WAAW,IAAI,UAAU,CAAC,CAAC;QACrC,CAAC,CAAC;IACN,CAAC;IAJD,wBAIC;IAED,SAAS,MAAM,CAAC,QAAsE,EAAE,OAAe;QACnG,OAAO,CAAO,CAAoB,EAAE,CAAQ,EAAE,EAAE;YAC5C,IAAI,CAAC,GAAG,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YACvB,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE;gBACvB,IAAI,CAAC,CAAC,IAAI,EAAE;oBACR,CAAC,GAAG,MAAM,CAAC,CAAC;iBACf;aACJ;YACD,IAAI,CAAC,EAAE;gBACH,CAAC,CAAC,cAAc,CAAC,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,YAAY,EAAE,KAAK,EAAE,CAAW,CAAC,CAAC;aACjE;QACL,CAAC,CAAA,CAAC;IACN,CAAC;IAED,SAAwB,aAAa,CAAC,EAClC,IAAI,EACJ,KAAK,EACL,eAAe,EACf,aAAa,EACb,KAAK,EACQ;QACb,IAAI,KAAK,EAAE;YACP,OAAO,mCACH,KAAK,EAAC,SAAS,EACf,UAAU,EAAE,cAAI,CAAC,KAAK,CAAC,MAAM,CAAC,eAAe,EAAE,aAAa,CAAC,CAAC,EAC9D,KAAK,EAAE,KAAK;gBACZ,kCAAO,KAAK,EAAC,OAAO;oBAChB,8BAAG,KAAK,EAAE,IAAI,GAAI;oBAClB,iCAAM,IAAI,EAAE,KAAK,GAAG,CAChB,CACH,CAAC;SACb;QACD,OAAO,mCACH,KAAK,EAAE,KAAK,EACZ,KAAK,EAAC,SAAS,EACf,UAAU,EAAE,cAAI,CAAC,KAAK,CAAC,MAAM,CAAC,eAAe,EAAE,aAAa,CAAC,CAAC;YAC9D,8BAAG,KAAK,EAAE,IAAI,GAAI,CACb,CAAC;IACd,CAAC;IAxBD,gCAwBC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Headings.d.ts","sourceRoot":"","sources":["../../../src/html-editor/commands/Headings.tsx"],"names":[],"mappings":"AAKA,MAAM,CAAC,OAAO,UAAU,QAAQ,QAkB/B"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
(function (factory) {
|
|
2
|
+
if (typeof module === "object" && typeof module.exports === "object") {
|
|
3
|
+
var v = factory(require, exports);
|
|
4
|
+
if (v !== undefined) module.exports = v;
|
|
5
|
+
}
|
|
6
|
+
else if (typeof define === "function" && define.amd) {
|
|
7
|
+
define(["require", "exports", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/XNode", "../../basic/PopupButton"], factory);
|
|
8
|
+
}
|
|
9
|
+
})(function (require, exports) {
|
|
10
|
+
"use strict";
|
|
11
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
12
|
+
const Bind_1 = require("@web-atoms/core/dist/core/Bind");
|
|
13
|
+
const XNode_1 = require("@web-atoms/core/dist/core/XNode");
|
|
14
|
+
const PopupButton_1 = require("../../basic/PopupButton");
|
|
15
|
+
function Headings() {
|
|
16
|
+
return XNode_1.default.create(PopupButton_1.default, { class: "command", icon: "ri-heading", title: "Apply Heading" },
|
|
17
|
+
XNode_1.default.create(PopupButton_1.MenuItem, { icon: "ri-h-1", eventClick: Bind_1.default.event((e) => e.executeCommand("formatBlock", false, "H1")) }),
|
|
18
|
+
XNode_1.default.create(PopupButton_1.MenuItem, { icon: "ri-h-2", eventClick: Bind_1.default.event((e) => e.executeCommand("formatBlock", false, "H2")) }),
|
|
19
|
+
XNode_1.default.create(PopupButton_1.MenuItem, { icon: "ri-h-3", eventClick: Bind_1.default.event((e) => e.executeCommand("formatBlock", false, "H3")) }),
|
|
20
|
+
XNode_1.default.create(PopupButton_1.MenuItem, { icon: "ri-h-4", eventClick: Bind_1.default.event((e) => e.executeCommand("formatBlock", false, "H4")) }),
|
|
21
|
+
XNode_1.default.create(PopupButton_1.MenuItem, { icon: "ri-h-5", eventClick: Bind_1.default.event((e) => e.executeCommand("formatBlock", false, "H5")) }),
|
|
22
|
+
XNode_1.default.create(PopupButton_1.MenuItem, { icon: "ri-h-6", eventClick: Bind_1.default.event((e) => e.executeCommand("formatBlock", false, "H6")) }));
|
|
23
|
+
}
|
|
24
|
+
exports.default = Headings;
|
|
25
|
+
});
|
|
26
|
+
//# sourceMappingURL=Headings.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Headings.js","sourceRoot":"","sources":["../../../src/html-editor/commands/Headings.tsx"],"names":[],"mappings":";;;;;;;;;;;IAAA,yDAAkD;IAClD,2DAAoD;IACpD,yDAAgE;IAGhE,SAAwB,QAAQ;QAC5B,OAAO,uBAAC,qBAAW,IACf,KAAK,EAAC,SAAS,EACf,IAAI,EAAC,YAAY,EACjB,KAAK,EAAC,eAAe;YACrB,uBAAC,sBAAQ,IAAC,IAAI,EAAC,QAAQ,EAAC,UAAU,EAAE,cAAI,CAAC,KAAK,CAAC,CAAC,CAAoB,EAAE,EAAE,CACpE,CAAC,CAAC,cAAc,CAAC,aAAa,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,GAAG;YACpD,uBAAC,sBAAQ,IAAC,IAAI,EAAC,QAAQ,EAAC,UAAU,EAAE,cAAI,CAAC,KAAK,CAAC,CAAC,CAAM,EAAE,EAAE,CACtD,CAAC,CAAC,cAAc,CAAC,aAAa,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,GAAG;YACpD,uBAAC,sBAAQ,IAAC,IAAI,EAAC,QAAQ,EAAC,UAAU,EAAE,cAAI,CAAC,KAAK,CAAC,CAAC,CAAM,EAAE,EAAE,CACtD,CAAC,CAAC,cAAc,CAAC,aAAa,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,GAAG;YACpD,uBAAC,sBAAQ,IAAC,IAAI,EAAC,QAAQ,EAAC,UAAU,EAAE,cAAI,CAAC,KAAK,CAAC,CAAC,CAAM,EAAE,EAAE,CACtD,CAAC,CAAC,cAAc,CAAC,aAAa,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,GAAG;YACpD,uBAAC,sBAAQ,IAAC,IAAI,EAAC,QAAQ,EAAC,UAAU,EAAE,cAAI,CAAC,KAAK,CAAC,CAAC,CAAM,EAAE,EAAE,CACtD,CAAC,CAAC,cAAc,CAAC,aAAa,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,GAAG;YACpD,uBAAC,sBAAQ,IAAC,IAAI,EAAC,QAAQ,EAAC,UAAU,EAAE,cAAI,CAAC,KAAK,CAAC,CAAC,CAAM,EAAE,EAAE,CACtD,CAAC,CAAC,cAAc,CAAC,aAAa,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,GAAG,CAC1C,CAAC;IACnB,CAAC;IAlBD,2BAkBC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HorizontalRule.d.ts","sourceRoot":"","sources":["../../../src/html-editor/commands/HorizontalRule.tsx"],"names":[],"mappings":"AAAA,OAAgB,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAE9C,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,GAAG,EAAE,QAAQ,OASnD"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
(function (factory) {
|
|
2
|
+
if (typeof module === "object" && typeof module.exports === "object") {
|
|
3
|
+
var v = factory(require, exports);
|
|
4
|
+
if (v !== undefined) module.exports = v;
|
|
5
|
+
}
|
|
6
|
+
else if (typeof define === "function" && define.amd) {
|
|
7
|
+
define(["require", "exports", "./Command"], factory);
|
|
8
|
+
}
|
|
9
|
+
})(function (require, exports) {
|
|
10
|
+
"use strict";
|
|
11
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
12
|
+
const Command_1 = require("./Command");
|
|
13
|
+
function HorizontalRule(cmd) {
|
|
14
|
+
return (0, Command_1.default)(Object.assign(Object.assign({ icon: "ri-separator", title: "Insert Horizontal Line" }, cmd), { command(editor) {
|
|
15
|
+
editor.executeCommand("insertHorizontalRule");
|
|
16
|
+
} }));
|
|
17
|
+
}
|
|
18
|
+
exports.default = HorizontalRule;
|
|
19
|
+
});
|
|
20
|
+
//# sourceMappingURL=HorizontalRule.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HorizontalRule.js","sourceRoot":"","sources":["../../../src/html-editor/commands/HorizontalRule.tsx"],"names":[],"mappings":";;;;;;;;;;;IAAA,uCAA8C;IAE9C,SAAwB,cAAc,CAAC,GAAa;QAChD,OAAO,IAAA,iBAAO,gCACV,IAAI,EAAE,cAAc,EACpB,KAAK,EAAE,wBAAwB,IAC3B,GAAG,KACP,OAAO,CAAC,MAAM;gBACV,MAAM,CAAC,cAAc,CAAC,sBAAsB,CAAC,CAAC;YAClD,CAAC,IACH,CAAC;IACP,CAAC;IATD,iCASC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IndentLess.d.ts","sourceRoot":"","sources":["../../../src/html-editor/commands/IndentLess.tsx"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,GAAG,EAAE,GAAG,OAU1C"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
(function (factory) {
|
|
2
|
+
if (typeof module === "object" && typeof module.exports === "object") {
|
|
3
|
+
var v = factory(require, exports);
|
|
4
|
+
if (v !== undefined) module.exports = v;
|
|
5
|
+
}
|
|
6
|
+
else if (typeof define === "function" && define.amd) {
|
|
7
|
+
define(["require", "exports", "./Command"], factory);
|
|
8
|
+
}
|
|
9
|
+
})(function (require, exports) {
|
|
10
|
+
"use strict";
|
|
11
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
12
|
+
const Command_1 = require("./Command");
|
|
13
|
+
function IndentLess(cmd) {
|
|
14
|
+
return (0, Command_1.default)(Object.assign(Object.assign({ icon: "ri-indent-decrease", queryState: "outdent", title: "Indent Less" }, cmd), { command(editor) {
|
|
15
|
+
editor.executeCommand("outdent");
|
|
16
|
+
} }));
|
|
17
|
+
}
|
|
18
|
+
exports.default = IndentLess;
|
|
19
|
+
});
|
|
20
|
+
//# sourceMappingURL=IndentLess.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IndentLess.js","sourceRoot":"","sources":["../../../src/html-editor/commands/IndentLess.tsx"],"names":[],"mappings":";;;;;;;;;;;IAAA,uCAAgC;IAEhC,SAAwB,UAAU,CAAC,GAAQ;QACvC,OAAO,IAAA,iBAAO,gCACV,IAAI,EAAE,oBAAoB,EAC1B,UAAU,EAAE,SAAS,EACrB,KAAK,EAAE,aAAa,IAChB,GAAG,KACP,OAAO,CAAC,MAAM;gBACV,MAAM,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;YACrC,CAAC,IACH,CAAC;IACP,CAAC;IAVD,6BAUC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IndentMore.d.ts","sourceRoot":"","sources":["../../../src/html-editor/commands/IndentMore.tsx"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,GAAG,EAAE,GAAG,OAU1C"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
(function (factory) {
|
|
2
|
+
if (typeof module === "object" && typeof module.exports === "object") {
|
|
3
|
+
var v = factory(require, exports);
|
|
4
|
+
if (v !== undefined) module.exports = v;
|
|
5
|
+
}
|
|
6
|
+
else if (typeof define === "function" && define.amd) {
|
|
7
|
+
define(["require", "exports", "./Command"], factory);
|
|
8
|
+
}
|
|
9
|
+
})(function (require, exports) {
|
|
10
|
+
"use strict";
|
|
11
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
12
|
+
const Command_1 = require("./Command");
|
|
13
|
+
function IndentMore(cmd) {
|
|
14
|
+
return (0, Command_1.default)(Object.assign(Object.assign({ icon: "ri-indent-increase", queryState: "indent", title: "Indent More" }, cmd), { command(editor) {
|
|
15
|
+
editor.executeCommand("indent");
|
|
16
|
+
} }));
|
|
17
|
+
}
|
|
18
|
+
exports.default = IndentMore;
|
|
19
|
+
});
|
|
20
|
+
//# sourceMappingURL=IndentMore.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IndentMore.js","sourceRoot":"","sources":["../../../src/html-editor/commands/IndentMore.tsx"],"names":[],"mappings":";;;;;;;;;;;IAAA,uCAAgC;IAEhC,SAAwB,UAAU,CAAC,GAAQ;QACvC,OAAO,IAAA,iBAAO,gCACV,IAAI,EAAE,oBAAoB,EAC1B,UAAU,EAAE,QAAQ,EACpB,KAAK,EAAE,aAAa,IAChB,GAAG,KACP,OAAO,CAAC,MAAM;gBACV,MAAM,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;YACpC,CAAC,IACH,CAAC;IACP,CAAC;IAVD,6BAUC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Italic.d.ts","sourceRoot":"","sources":["../../../src/html-editor/commands/Italic.ts"],"names":[],"mappings":"AAAA,OAAgB,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAE9C,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,GAAG,EAAE,QAAQ,OAU3C"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
(function (factory) {
|
|
2
|
+
if (typeof module === "object" && typeof module.exports === "object") {
|
|
3
|
+
var v = factory(require, exports);
|
|
4
|
+
if (v !== undefined) module.exports = v;
|
|
5
|
+
}
|
|
6
|
+
else if (typeof define === "function" && define.amd) {
|
|
7
|
+
define(["require", "exports", "./Command"], factory);
|
|
8
|
+
}
|
|
9
|
+
})(function (require, exports) {
|
|
10
|
+
"use strict";
|
|
11
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
12
|
+
const Command_1 = require("./Command");
|
|
13
|
+
function Italic(cmd) {
|
|
14
|
+
return (0, Command_1.default)(Object.assign(Object.assign({ icon: "ri-italic", queryState: "italic", title: "Italic" }, cmd), { command(editor) {
|
|
15
|
+
editor.executeCommand("italic");
|
|
16
|
+
} }));
|
|
17
|
+
}
|
|
18
|
+
exports.default = Italic;
|
|
19
|
+
});
|
|
20
|
+
//# sourceMappingURL=Italic.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Italic.js","sourceRoot":"","sources":["../../../src/html-editor/commands/Italic.ts"],"names":[],"mappings":";;;;;;;;;;;IAAA,uCAA8C;IAE9C,SAAwB,MAAM,CAAC,GAAa;QACxC,OAAO,IAAA,iBAAO,gCACV,IAAI,EAAE,WAAW,EACjB,UAAU,EAAE,QAAQ,EACpB,KAAK,EAAE,QAAQ,IACX,GAAG,KACP,OAAO,CAAC,MAAM;gBACV,MAAM,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;YACpC,CAAC,IACH,CAAC;IACP,CAAC;IAVD,yBAUC"}
|