@uxf/wysiwyg 2.0.0-beta.14 → 2.0.0-beta.16
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/config/icons-config.d.ts +1 -1
- package/config/icons-config.js +1 -1
- package/config/icons.d.ts +4 -0
- package/config/icons.js +2 -1
- package/create-all-plugins-with-ui.d.ts +6 -0
- package/create-all-plugins-with-ui.js +11 -2
- package/package.json +2 -3
- package/plugins/highlight/createHighlightPlugin.d.ts +3 -0
- package/plugins/highlight/createHighlightPlugin.js +28 -0
- package/plugins/highlight/types.d.ts +10 -0
- package/plugins/highlight/types.js +5 -0
- package/types.d.ts +1 -0
- package/ui/highlight-mark.d.ts +3 -0
- package/ui/highlight-mark.js +9 -0
- package/ui/toolbar/toolbar.js +3 -2
- package/wysiwyg-editor.js +2 -4
package/config/icons-config.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const ICONS_VERSION = "
|
|
1
|
+
export declare const ICONS_VERSION = "1681909549492";
|
|
2
2
|
export declare const ICON_SPRITE = "/icons-generated/_icon-sprite.svg";
|
package/config/icons-config.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.ICON_SPRITE = exports.ICONS_VERSION = void 0;
|
|
4
|
-
exports.ICONS_VERSION = "
|
|
4
|
+
exports.ICONS_VERSION = "1681909549492";
|
|
5
5
|
exports.ICON_SPRITE = "/icons-generated/_icon-sprite.svg";
|
|
6
6
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbnMtY29uZmlnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbmZpZy9pY29ucy1jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQWEsUUFBQSxhQUFhLEdBQUcsZUFBZSxDQUFDO0FBQ2hDLFFBQUEsV0FBVyxHQUFHLG1DQUFtQyxDQUFDIn0=
|
package/config/icons.d.ts
CHANGED
package/config/icons.js
CHANGED
|
@@ -47,5 +47,6 @@ exports.ICONS = {
|
|
|
47
47
|
"edit": { w: 512, h: 512 },
|
|
48
48
|
"delete": { w: 448, h: 512 },
|
|
49
49
|
"open-link-in-new-tab": { w: 512, h: 512 },
|
|
50
|
+
"highlighter-line": { w: 576, h: 512 },
|
|
50
51
|
};
|
|
51
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
52
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvY29uZmlnL2ljb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxxR0FBcUc7OztBQUV4RixRQUFBLEtBQUssR0FBRztJQUNqQixVQUFVLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDOUIsUUFBUSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQzVCLFdBQVcsRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUMvQixPQUFPLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDM0IsTUFBTSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQzFCLE9BQU8sRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUMzQixhQUFhLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDakMsYUFBYSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQ2pDLGNBQWMsRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUNsQyxjQUFjLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDbEMsZUFBZSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQ25DLFdBQVcsRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUMvQixPQUFPLEVBQUUsRUFBRSxD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
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { HeadingsPluginOptions } from "./plugins/heading/create-headings-plugin";
|
|
2
2
|
import { UxfImagePluginOptions } from "./plugins/image/types";
|
|
3
3
|
import { ElementUiComponent } from "./types";
|
|
4
|
+
import { CSSProperties } from "react";
|
|
4
5
|
export declare const createHeadingsPluginWithUi: (options?: HeadingsPluginOptions) => {
|
|
5
6
|
plugin: import("@udecode/plate-core").PlatePlugin<HeadingsPluginOptions, import("./types").WysiwygContent, import("@udecode/plate-core").PlateEditor<import("./types").WysiwygContent>>;
|
|
6
7
|
components: {
|
|
@@ -15,6 +16,10 @@ export declare const createBoldPluginWithUi: () => {
|
|
|
15
16
|
plugin: import("@udecode/plate-core").PlatePlugin<import("@udecode/plate-core").ToggleMarkPlugin, import("./types").WysiwygContent, import("./types").UxfEditor>;
|
|
16
17
|
component: import("./types").LeafUiComponent<import("./types").RichText>;
|
|
17
18
|
};
|
|
19
|
+
export declare const createHighlightPluginWithUi: (color?: CSSProperties["color"]) => {
|
|
20
|
+
plugin: import("@udecode/plate-core").PlatePlugin<import("./plugins/highlight/types").HighlightPluginOptions, import("./types").WysiwygContent, import("@udecode/plate-core").PlateEditor<import("./types").WysiwygContent>>;
|
|
21
|
+
component: import("react").FC<import("./plugins/highlight/types").HighlightLeafElementProps>;
|
|
22
|
+
};
|
|
18
23
|
export declare const createItalicPluginWithUi: () => {
|
|
19
24
|
plugin: import("@udecode/plate-core").PlatePlugin<import("@udecode/plate-core").ToggleMarkPlugin, import("./types").WysiwygContent, import("./types").UxfEditor>;
|
|
20
25
|
component: ElementUiComponent<import("./types").UxfBlockElement>;
|
|
@@ -46,4 +51,5 @@ export declare const createVideoPluginWithUi: () => {
|
|
|
46
51
|
export declare const createAllPluginsWithUi: (options: {
|
|
47
52
|
image: UxfImagePluginOptions;
|
|
48
53
|
headings?: HeadingsPluginOptions;
|
|
54
|
+
highlightColor?: CSSProperties["color"];
|
|
49
55
|
}) => import("./types").UxfPlatePlugin<import("@udecode/utils").AnyObject>[];
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.createAllPluginsWithUi = exports.createVideoPluginWithUi = exports.createImagePluginWithUi = exports.createListPluginWithUi = exports.createCodePluginWithUi = exports.createUnderlinePluginWithUi = exports.createItalicPluginWithUi = exports.createBoldPluginWithUi = exports.createBlockQuotePluginWithUi = exports.createHeadingsPluginWithUi = void 0;
|
|
3
|
+
exports.createAllPluginsWithUi = exports.createVideoPluginWithUi = exports.createImagePluginWithUi = exports.createListPluginWithUi = exports.createCodePluginWithUi = exports.createUnderlinePluginWithUi = exports.createItalicPluginWithUi = exports.createHighlightPluginWithUi = exports.createBoldPluginWithUi = exports.createBlockQuotePluginWithUi = exports.createHeadingsPluginWithUi = void 0;
|
|
4
4
|
const create_plugins_with_ui_1 = require("./create-plugins-with-ui");
|
|
5
5
|
const create_block_quote_plugin_1 = require("./plugins/block-quote/create-block-quote-plugin");
|
|
6
6
|
const create_video_plugin_1 = require("./plugins/embedded/video/create-video-plugin");
|
|
@@ -27,6 +27,9 @@ const underline_mark_1 = require("./ui/underline-mark");
|
|
|
27
27
|
const video_element_1 = require("./ui/video/video-element");
|
|
28
28
|
const button_1 = require("./plugins/button");
|
|
29
29
|
const button_2 = require("./ui/button");
|
|
30
|
+
const createHighlightPlugin_1 = require("./plugins/highlight/createHighlightPlugin");
|
|
31
|
+
const highlight_mark_1 = require("./ui/highlight-mark");
|
|
32
|
+
const tw_colors_1 = require("@uxf/ui/tw-tokens/tw-colors");
|
|
30
33
|
const createHeadingsPluginWithUi = (options) => {
|
|
31
34
|
var _a;
|
|
32
35
|
const disabledLevels = (_a = options === null || options === void 0 ? void 0 : options.disabledLevels) !== null && _a !== void 0 ? _a : [];
|
|
@@ -55,6 +58,11 @@ const createBoldPluginWithUi = () => ({
|
|
|
55
58
|
component: bold_mark_1.BoldMark,
|
|
56
59
|
});
|
|
57
60
|
exports.createBoldPluginWithUi = createBoldPluginWithUi;
|
|
61
|
+
const createHighlightPluginWithUi = (color = tw_colors_1.twColors.yellow["300"]) => ({
|
|
62
|
+
plugin: (0, createHighlightPlugin_1.createHighlightPlugin)(color),
|
|
63
|
+
component: highlight_mark_1.HighlightMark,
|
|
64
|
+
});
|
|
65
|
+
exports.createHighlightPluginWithUi = createHighlightPluginWithUi;
|
|
58
66
|
const createItalicPluginWithUi = () => ({
|
|
59
67
|
plugin: (0, create_italic_plugin_1.createItalicPlugin)(),
|
|
60
68
|
component: italic_mark_1.ItalicMark,
|
|
@@ -111,6 +119,7 @@ const createAllPluginsWithUi = (options) => (0, create_plugins_with_ui_1.createP
|
|
|
111
119
|
(0, exports.createImagePluginWithUi)(options.image),
|
|
112
120
|
(0, exports.createVideoPluginWithUi)(),
|
|
113
121
|
createButtonPluginWithUi(),
|
|
122
|
+
(0, exports.createHighlightPluginWithUi)(options.highlightColor),
|
|
114
123
|
]);
|
|
115
124
|
exports.createAllPluginsWithUi = createAllPluginsWithUi;
|
|
116
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
125
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3JlYXRlLWFsbC1wbHVnaW5zLXdpdGgtdWkuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvY3JlYXRlLWFsbC1wbHVnaW5zLXdpdGgtdWkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEscUVBQStEO0FBQy9ELCtGQUF5RjtBQUN6RixzRkFBaUY7QUFDakYsMkRBQTJEO0FBQzNELHFGQUFxSDtBQUNySCw2RUFBd0U7QUFFeEUsMEVBQXFFO0FBQ3JFLDBFQUFxRTtBQUNyRSwrRUFBMEU7QUFDMUUsK0VBQTBFO0FBQzFFLHFGQUFnRjtBQUNoRiw4RkFBeUY7QUFFekYsa0VBQTZEO0FBQzdELDhDQUEwQztBQUMxQyw4Q0FBMEM7QUFDMUMsNERBQXlHO0FBQ3pHLDREQUF3RDtBQUN4RCxrREFBOEM7QUFDOUMsb0RBQWdEO0FBQ2hELDhEQUF5RDtBQUN6RCxvRUFBK0Q7QUFDL0Qsd0VBQW1FO0FBQ25FLHdEQUFvRDtBQUNwRCw0REFBd0Q7QUFDeEQsNkNBQXNEO0FBQ3RELHdDQUE0QztBQUM1QyxxRkFBa0Y7QUFDbEYsd0RBQW9EO0FBRXBELDJEQUF1RDtBQUVoRCxNQUFNLDBCQUEwQixHQUFHLENBQUMsT0FBK0IsRUFBRSxFQUFFOztJQUMxRSxNQUFNLGNBQWMsR0FBRyxNQUFBLE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRSxjQUFjLG1DQUFJLEVBQUUsQ0FBQztJQUNyRCxNQUFNLFVBQVUsR0FBRyxDQUFDLEtBQW1CLEVBQUUsRUFBRSxDQUFDLGNBQWMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsS0FBSyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztJQUNoRyxNQUFNLFVBQVUsR0FBMEMsRUFBRSxDQUFDO0lBQzdELE1BQU0sYUFBYSxHQUFHLENBQUMsNEJBQVMsRUFBRSw0QkFBUyxFQUFFLDRCQUFTLEVBQUUsNEJBQVMsRUFBRSw0QkFBUyxFQUFFLDRCQUFTLENBQUMsQ0FBQztJQUV6RixLQUFLLElBQUksS0FBSyxHQUFHLENBQUMsRUFBRSxLQUFLLElBQUksQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFO1FBQ3JDLElBQUksVUFBVSxDQUFDLEtBQXFCLENBQUMsRUFBRTtZQUNuQyxTQUFTO1NBQ1o7UUFDRCxVQUFVLENBQUMsd0JBQVksQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDLENBQUMsR0FBRyxhQUFhLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQyxDQUFDO0tBQ2xFO0lBRUQsT0FBTztRQUNILE1BQU0sRUFBRSxJQUFBLDZDQUFvQixFQUFDLEVBQUUsT0FBTyxFQUFFLENBQUM7UUFDekMsVUFBVTtLQUNiLENBQUM7QUFDTixDQUFDLENBQUM7QUFqQlcsUUFBQSwwQkFBMEIsOEJBaUJyQztBQUVLLE1BQU0sNEJBQTRCLEdBQUcsR0FBRyxFQUFFLENBQUMsQ0FBQztJQUMvQyxNQUFNLEVBQUUsSUFBQSxrREFBc0IsR0FBRTtJQUNoQyxTQUFTLEVBQUUsdUNBQWlCO0NBQy9CLENBQUMsQ0FBQztBQUhVLFFBQUEsNEJBQTRCLGdDQUd0QztBQUVJLE1BQU0sc0JBQXNCLEdBQUcsR0FBRyxFQUFFLENBQUMsQ0FBQztJQUN6QyxNQUFNLEVBQUUsSUFBQSxxQ0FBZ0IsR0FBRTtJQUMxQixTQUFTLEVBQUUsb0JBQVE7Q0FDdEIsQ0FBQyxDQUFDO0FBSFUsUUFBQSxzQkFBc0IsMEJBR2hDO0FBRUksTUFBTSwyQkFBMkIsR0FBRyxDQUFDLFFBQWdDLG9CQUFRLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBQ3BHLE1BQU0sRUFBRSxJQUFBLDZDQUFxQixFQUFDLEtBQUssQ0FBQztJQUNwQyxTQUFTLEVBQUUsOEJBQWE7Q0FDM0IsQ0FBQyxDQUFDO0FBSFUsUUFBQSwyQkFBMkIsK0JBR3JDO0FBRUksTUFBTSx3QkFBd0IsR0FBRyxHQUFHLEVBQUUsQ0FBQyxDQUFDO0lBQzNDLE1BQU0sRUFBRSxJQUFBLHlDQUFrQixHQUFFO0lBQzVCLFNBQVMsRUFBRSx3QkFBVTtDQUN4QixDQUFDLENBQUM7QUFIVSxRQUFBLHdCQUF3Qiw0QkFHbEM7QUFFSSxNQUFNLDJCQUEyQixHQUFHLEdBQUcsRUFBRSxDQUFDLENBQUM7SUFDOUMsTUFBTSxFQUFFLElBQUEsK0NBQXFCLEdBQUU7SUFDL0IsU0FBUyxFQUFFLDhCQUFhO0NBQzNCLENBQUMsQ0FBQztBQUhVLFFBQUEsMkJBQTJCLCtCQUdyQztBQUVJLE1BQU0sc0JBQXNCLEdBQUcsR0FBRyxFQUFFLENBQUMsQ0FBQztJQUN6QyxNQUFNLEVBQUUsSUFBQSxxQ0FBZ0IsR0FBRTtJQUMxQixTQUFTLEVBQUUsb0JBQVE7Q0FDdEIsQ0FBQyxDQUFDO0FBSFUsUUFBQSxzQkFBc0IsMEJBR2hDO0FBRUksTUFBTSxzQkFBc0IsR0FBRyxHQUFHLEVBQUUsQ0FBQyxDQUFDO0lBQ3pDLE1BQU0sRUFBRSxJQUFBLHFDQUFnQixHQUFFO0lBQzFCLFVBQVUsRUFBRTtRQUNSLEVBQUUsRUFBRSw2Q0FBb0I7UUFDeEIsRUFBRSxFQUFFLHlDQUFrQjtRQUN0QixFQUFFLEVBQUUsbUNBQWU7S0FDdEI7Q0FDSixDQUFDLENBQUM7QUFQVSxRQUFBLHNCQUFzQiwwQkFPaEM7QUFFSCxNQUFNLHNCQUFzQixHQUFHLEdBQUcsRUFBRSxDQUFDLENBQUM7SUFDbEMsTUFBTSxFQUFFLElBQUEscUNBQWdCLEdBQUU7SUFDMUIsU0FBUyxFQUFFLDBCQUFXO0NBQ3pCLENBQUMsQ0FBQztBQUVJLE1BQU0sdUJBQXVCLEdBQUcsQ0FBQyxPQUE4QixFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBQ3hFLE1BQU0sRUFBRSxJQUFBLHVDQUFpQixFQUFDO1FBQ3RCLE9BQU87S0FDVixDQUFDO0lBQ0YsU0FBUyxFQUFFLDRCQUFZO0NBQzFCLENBQUMsQ0FBQztBQUxVLFFBQUEsdUJBQXVCLDJCQUtqQztBQUVJLE1BQU0sdUJBQXVCLEdBQUcsR0FBRyxFQUFFLENBQUMsQ0FBQztJQUMxQyxNQUFNLEVBQUUsSUFBQSx1Q0FBaUIsR0FBRTtJQUMzQixTQUFTLEVBQUUsNEJBQVk7Q0FDMUIsQ0FBQyxDQUFDO0FBSFUsUUFBQSx1QkFBdUIsMkJBR2pDO0FBRUgsTUFBTSx3QkFBd0IsR0FBRyxHQUFHLEVBQUUsQ0FBQyxDQUFDO0lBQ3BDLE1BQU0sRUFBRSxJQUFBLDJCQUFrQixHQUFFO0lBQzVCLFNBQVMsRUFBRSxzQkFBYTtDQUMzQixDQUFDLENBQUM7QUFFSSxNQUFNLHNCQUFzQixHQUFHLENBQUMsT0FJdEMsRUFBRSxFQUFFLENBQ0QsSUFBQSw0Q0FBbUIsRUFBQztJQUNoQixJQUFBLGtDQUEwQixFQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUM7SUFDNUMsSUFBQSxvQ0FBNEIsR0FBRTtJQUM5QixJQUFBLDhCQUFzQixHQUFFO0lBQ3hCLElBQUEsZ0NBQXdCLEdBQUU7SUFDMUIsSUFBQSxtQ0FBMkIsR0FBRTtJQUM3QixJQUFBLDhCQUFzQixHQUFFO0lBQ3hCLElBQUEsOEJBQXNCLEdBQUU7SUFDeEIsc0JBQXNCLEVBQUU7SUFDeEIsSUFBQSwrQkFBdUIsRUFBQyxPQUFPLENBQUMsS0FBSyxDQUFDO0lBQ3RDLElBQUEsK0JBQXVCLEdBQUU7SUFDekIsd0JBQXdCLEVBQUU7SUFDMUIsSUFBQSxtQ0FBMkIsRUFBQyxPQUFPLENBQUMsY0FBYyxDQUFDO0NBQ3RELENBQUMsQ0FBQztBQWxCTSxRQUFBLHNCQUFzQiwwQkFrQjVCIn0=
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uxf/wysiwyg",
|
|
3
|
-
"version": "2.0.0-beta.
|
|
3
|
+
"version": "2.0.0-beta.16",
|
|
4
4
|
"description": "UXF Wysiwyg editor",
|
|
5
5
|
"author": "Robin Dvorak <dvorak@uxf.cz>",
|
|
6
6
|
"homepage": "https://gitlab.com/uxf-npm/wysiwyg",
|
|
@@ -21,6 +21,7 @@
|
|
|
21
21
|
"devDependencies": {
|
|
22
22
|
"@tailwindcss/aspect-ratio": "^0.4.2",
|
|
23
23
|
"@tailwindcss/line-clamp": "^0.4.4",
|
|
24
|
+
"@types/node": "18.15.11",
|
|
24
25
|
"@types/react": "^18.0.26",
|
|
25
26
|
"@types/react-dom": "^18.0.10",
|
|
26
27
|
"@uxf/eslint-config": "^1.2.3",
|
|
@@ -61,8 +62,6 @@
|
|
|
61
62
|
"@udecode/plate-reset-node": "^20.4.0",
|
|
62
63
|
"@udecode/plate-select": "^20.4.0",
|
|
63
64
|
"@udecode/plate-trailing-block": "^20.4.0",
|
|
64
|
-
"react-dnd": "^16.0.1",
|
|
65
|
-
"react-dnd-html5-backend": "^16.0.1",
|
|
66
65
|
"slate": "^0.90.0",
|
|
67
66
|
"slate-history": "^0.86.0",
|
|
68
67
|
"slate-hyperscript": "^0.77.0",
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { WysiwygContent } from "../../types";
|
|
2
|
+
import { HighlightPluginOptions } from "./types";
|
|
3
|
+
export declare const createHighlightPlugin: (color?: HighlightPluginOptions["color"]) => import("@udecode/plate-common").PlatePlugin<HighlightPluginOptions, WysiwygContent, import("@udecode/plate-common").PlateEditor<WysiwygContent>>;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.createHighlightPlugin = void 0;
|
|
4
|
+
const plate_common_1 = require("@udecode/plate-common");
|
|
5
|
+
const types_1 = require("./types");
|
|
6
|
+
const createHighlightPlugin = (color = "yellow") => (0, plate_common_1.createPluginFactory)({
|
|
7
|
+
key: types_1.HIGHLIGHT_PLUGIN_KEY,
|
|
8
|
+
isLeaf: true,
|
|
9
|
+
handlers: {
|
|
10
|
+
onKeyDown: plate_common_1.onKeyDownToggleMark,
|
|
11
|
+
},
|
|
12
|
+
deserializeHtml: {
|
|
13
|
+
rules: [
|
|
14
|
+
{
|
|
15
|
+
validNodeName: ["MARK"],
|
|
16
|
+
},
|
|
17
|
+
],
|
|
18
|
+
},
|
|
19
|
+
options: {
|
|
20
|
+
hotkey: "mod+shift+h",
|
|
21
|
+
color: color,
|
|
22
|
+
},
|
|
23
|
+
props: {
|
|
24
|
+
color: color,
|
|
25
|
+
},
|
|
26
|
+
})();
|
|
27
|
+
exports.createHighlightPlugin = createHighlightPlugin;
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3JlYXRlSGlnaGxpZ2h0UGx1Z2luLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3BsdWdpbnMvaGlnaGxpZ2h0L2NyZWF0ZUhpZ2hsaWdodFBsdWdpbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFDQSx3REFBaUY7QUFDakYsbUNBQXVFO0FBRWhFLE1BQU0scUJBQXFCLEdBQUcsQ0FBQyxRQUF5QyxRQUFRLEVBQUUsRUFBRSxDQUN2RixJQUFBLGtDQUFtQixFQUFvRDtJQUNuRSxHQUFHLEVBQUUsNEJBQW9CO0lBQ3pCLE1BQU0sRUFBRSxJQUFJO0lBQ1osUUFBUSxFQUFFO1FBQ04sU0FBUyxFQUFFLGtDQUFtQjtLQUNqQztJQUNELGVBQWUsRUFBRTtRQUNiLEtBQUssRUFBRTtZQUNIO2dCQUNJLGFBQWEsRUFBRSxDQUFDLE1BQU0sQ0FBQzthQUMxQjtTQUNKO0tBQ0o7SUFDRCxPQUFPLEVBQUU7UUFDTCxNQUFNLEVBQUUsYUFBYTtRQUNyQixLQUFLLEVBQUUsS0FBSztLQUNmO0lBQ0QsS0FBSyxFQUFFO1FBQ0gsS0FBSyxFQUFFLEtBQUs7S0FDZjtDQUNKLENBQUMsRUFBRSxDQUFDO0FBckJJLFFBQUEscUJBQXFCLHlCQXFCekIifQ==
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ToggleMarkPlugin } from "@udecode/plate-core";
|
|
2
|
+
import { CSSProperties } from "react";
|
|
3
|
+
import { RenderLeafProps } from "../../types";
|
|
4
|
+
export declare const HIGHLIGHT_PLUGIN_KEY = "highlight";
|
|
5
|
+
export interface HighlightPluginOptions extends ToggleMarkPlugin {
|
|
6
|
+
color?: CSSProperties["color"];
|
|
7
|
+
}
|
|
8
|
+
export interface HighlightLeafElementProps extends RenderLeafProps {
|
|
9
|
+
color?: CSSProperties["color"];
|
|
10
|
+
}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.HIGHLIGHT_PLUGIN_KEY = void 0;
|
|
4
|
+
exports.HIGHLIGHT_PLUGIN_KEY = "highlight";
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvcGx1Z2lucy9oaWdobGlnaHQvdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBSWEsUUFBQSxvQkFBb0IsR0FBRyxXQUFXLENBQUMifQ==
|
package/types.d.ts
CHANGED
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.HighlightMark = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const HighlightMark = (props) => {
|
|
6
|
+
return ((0, jsx_runtime_1.jsx)("mark", { ...props.attributes, className: props.className, style: { backgroundColor: props.color }, children: props.children }));
|
|
7
|
+
};
|
|
8
|
+
exports.HighlightMark = HighlightMark;
|
|
9
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGlnaGxpZ2h0LW1hcmsuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdWkvaGlnaGxpZ2h0LW1hcmsudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFHTyxNQUFNLGFBQWEsR0FBa0MsQ0FBQyxLQUFLLEVBQUUsRUFBRTtJQUNsRSxPQUFPLENBQ0gsb0NBQVUsS0FBSyxDQUFDLFVBQVUsRUFBRSxTQUFTLEVBQUUsS0FBSyxDQUFDLFNBQVMsRUFBRSxLQUFLLEVBQUUsRUFBRSxlQUFlLEVBQUUsS0FBSyxDQUFDLEtBQUssRUFBRSxZQUMxRixLQUFLLENBQUMsUUFBUSxHQUNaLENBQ1YsQ0FBQztBQUNOLENBQUMsQ0FBQztBQU5XLFFBQUEsYUFBYSxpQkFNeEIifQ==
|
package/ui/toolbar/toolbar.js
CHANGED
|
@@ -18,8 +18,9 @@ const mark_toolbar_button_1 = require("./buttons/mark-toolbar-button");
|
|
|
18
18
|
const button_toolbar_button_1 = require("./buttons/button-toolbar-button");
|
|
19
19
|
const button_group_1 = require("@uxf/ui/button-group");
|
|
20
20
|
const undo_redo_button_group_1 = require("./buttons/undo-redo-button-group");
|
|
21
|
+
const types_6 = require("../../plugins/highlight/types");
|
|
21
22
|
const Toolbar = (props) => {
|
|
22
|
-
return ((0, jsx_runtime_1.jsxs)("div", { ...props, className: "mb-4 flex flex-row flex-wrap gap-2", children: [(0, jsx_runtime_1.jsxs)(button_group_1.ButtonGroup, { children: [(0, jsx_runtime_1.jsx)(element_toolbar_button_1.ElementToolbarButton, { pluginKey: constants_1.ELEMENT_H1, icon: "h1", tooltipText: "Nadpis H1" }), (0, jsx_runtime_1.jsx)(element_toolbar_button_1.ElementToolbarButton, { pluginKey: constants_1.ELEMENT_H2, icon: "h2", tooltipText: "Nadpis H2" }), (0, jsx_runtime_1.jsx)(element_toolbar_button_1.ElementToolbarButton, { pluginKey: constants_1.ELEMENT_H3, icon: "h3", tooltipText: "Nadpis H3" }), (0, jsx_runtime_1.jsx)(element_toolbar_button_1.ElementToolbarButton, { pluginKey: constants_1.ELEMENT_H4, icon: "h4", tooltipText: "Nadpis H4" }), (0, jsx_runtime_1.jsx)(element_toolbar_button_1.ElementToolbarButton, { pluginKey: constants_1.ELEMENT_H5, icon: "h5", tooltipText: "Nadpis H5" }), (0, jsx_runtime_1.jsx)(element_toolbar_button_1.ElementToolbarButton, { pluginKey: constants_1.ELEMENT_H6, icon: "h6", tooltipText: "Nadpis H6" })] }), (0, jsx_runtime_1.jsxs)(button_group_1.ButtonGroup, { children: [(0, jsx_runtime_1.jsx)(mark_toolbar_button_1.MarkToolbarButton, { pluginKey: types_2.BOLD_PLUGIN_KEY, iconName: "bold", iconSize: 12, tooltipText: "Tu\u010Dn\u00E9 (Ctrl+B)" }), (0, jsx_runtime_1.jsx)(mark_toolbar_button_1.MarkToolbarButton, { pluginKey: types_4.ITALIC_PLUGIN_KEY, iconName: "italic", iconSize: 12, tooltipText: "Kurz\u00EDva (Ctrl+I)" }), (0, jsx_runtime_1.jsx)(mark_toolbar_button_1.MarkToolbarButton, { pluginKey: types_5.UNDER_LINE_PLUGIN_KEY, iconName: "underline", iconSize: 14, tooltipText: "Podtr\u017Een\u00ED (Ctrl+U)" }), (0, jsx_runtime_1.jsx)(mark_toolbar_button_1.MarkToolbarButton, { pluginKey: types_3.CODE_PLUGIN_KEY, iconName: "code-simple", tooltipText: "K\u00F3d" })] }), (0, jsx_runtime_1.jsx)(element_toolbar_button_1.ElementToolbarButton, { pluginKey: types_1.BLOCK_QUOTE_PLUGIN_KEY, icon: "block-quote", tooltipText: "Citace" }), (0, jsx_runtime_1.jsxs)(button_group_1.ButtonGroup, { children: [(0, jsx_runtime_1.jsx)(list_toolbar_button_1.ListToolbarButton, { pluginKey: constants_2.LIST_UNORDERED_TYPE, iconName: "ul" }), (0, jsx_runtime_1.jsx)(list_toolbar_button_1.ListToolbarButton, { pluginKey: constants_2.LIST_ORDERED_TYPE, iconName: "ol" })] }), (0, jsx_runtime_1.jsxs)(button_group_1.ButtonGroup, { children: [(0, jsx_runtime_1.jsx)(link_toolbar_button_1.LinkToolbarButton, {}), (0, jsx_runtime_1.jsx)(button_toolbar_button_1.ButtonToolbarButton, {})] }), (0, jsx_runtime_1.jsxs)(button_group_1.ButtonGroup, { children: [(0, jsx_runtime_1.jsx)(image_toolbar_button_1.ImageToolbarButton, {}), (0, jsx_runtime_1.jsx)(video_toolbar_button_1.VideoToolbarButton, {})] }), (0, jsx_runtime_1.jsx)(undo_redo_button_group_1.UndoRedoButtonGroup, {})] }));
|
|
23
|
+
return ((0, jsx_runtime_1.jsxs)("div", { ...props, className: "mb-4 flex flex-row flex-wrap gap-2", children: [(0, jsx_runtime_1.jsxs)(button_group_1.ButtonGroup, { children: [(0, jsx_runtime_1.jsx)(element_toolbar_button_1.ElementToolbarButton, { pluginKey: constants_1.ELEMENT_H1, icon: "h1", tooltipText: "Nadpis H1" }), (0, jsx_runtime_1.jsx)(element_toolbar_button_1.ElementToolbarButton, { pluginKey: constants_1.ELEMENT_H2, icon: "h2", tooltipText: "Nadpis H2" }), (0, jsx_runtime_1.jsx)(element_toolbar_button_1.ElementToolbarButton, { pluginKey: constants_1.ELEMENT_H3, icon: "h3", tooltipText: "Nadpis H3" }), (0, jsx_runtime_1.jsx)(element_toolbar_button_1.ElementToolbarButton, { pluginKey: constants_1.ELEMENT_H4, icon: "h4", tooltipText: "Nadpis H4" }), (0, jsx_runtime_1.jsx)(element_toolbar_button_1.ElementToolbarButton, { pluginKey: constants_1.ELEMENT_H5, icon: "h5", tooltipText: "Nadpis H5" }), (0, jsx_runtime_1.jsx)(element_toolbar_button_1.ElementToolbarButton, { pluginKey: constants_1.ELEMENT_H6, icon: "h6", tooltipText: "Nadpis H6" })] }), (0, jsx_runtime_1.jsxs)(button_group_1.ButtonGroup, { children: [(0, jsx_runtime_1.jsx)(mark_toolbar_button_1.MarkToolbarButton, { pluginKey: types_2.BOLD_PLUGIN_KEY, iconName: "bold", iconSize: 12, tooltipText: "Tu\u010Dn\u00E9 (Ctrl+B)" }), (0, jsx_runtime_1.jsx)(mark_toolbar_button_1.MarkToolbarButton, { pluginKey: types_4.ITALIC_PLUGIN_KEY, iconName: "italic", iconSize: 12, tooltipText: "Kurz\u00EDva (Ctrl+I)" }), (0, jsx_runtime_1.jsx)(mark_toolbar_button_1.MarkToolbarButton, { pluginKey: types_5.UNDER_LINE_PLUGIN_KEY, iconName: "underline", iconSize: 14, tooltipText: "Podtr\u017Een\u00ED (Ctrl+U)" }), (0, jsx_runtime_1.jsx)(mark_toolbar_button_1.MarkToolbarButton, { pluginKey: types_3.CODE_PLUGIN_KEY, iconName: "code-simple", tooltipText: "K\u00F3d" }), (0, jsx_runtime_1.jsx)(mark_toolbar_button_1.MarkToolbarButton, { pluginKey: types_6.HIGHLIGHT_PLUGIN_KEY, iconName: "highlighter-line", iconSize: 19, tooltipText: "Zv\u00FDrazn\u011Bn\u00ED (Ctrl+Shift+H)" })] }), (0, jsx_runtime_1.jsx)(element_toolbar_button_1.ElementToolbarButton, { pluginKey: types_1.BLOCK_QUOTE_PLUGIN_KEY, icon: "block-quote", tooltipText: "Citace" }), (0, jsx_runtime_1.jsxs)(button_group_1.ButtonGroup, { children: [(0, jsx_runtime_1.jsx)(list_toolbar_button_1.ListToolbarButton, { pluginKey: constants_2.LIST_UNORDERED_TYPE, iconName: "ul" }), (0, jsx_runtime_1.jsx)(list_toolbar_button_1.ListToolbarButton, { pluginKey: constants_2.LIST_ORDERED_TYPE, iconName: "ol" })] }), (0, jsx_runtime_1.jsxs)(button_group_1.ButtonGroup, { children: [(0, jsx_runtime_1.jsx)(link_toolbar_button_1.LinkToolbarButton, {}), (0, jsx_runtime_1.jsx)(button_toolbar_button_1.ButtonToolbarButton, {})] }), (0, jsx_runtime_1.jsxs)(button_group_1.ButtonGroup, { children: [(0, jsx_runtime_1.jsx)(image_toolbar_button_1.ImageToolbarButton, {}), (0, jsx_runtime_1.jsx)(video_toolbar_button_1.VideoToolbarButton, {})] }), (0, jsx_runtime_1.jsx)(undo_redo_button_group_1.UndoRedoButtonGroup, {})] }));
|
|
23
24
|
};
|
|
24
25
|
exports.Toolbar = Toolbar;
|
|
25
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJhci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy91aS90b29sYmFyL3Rvb2xiYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFDQSwyREFBeUU7QUFDekUsK0RBT3lDO0FBQ3pDLDREQUFzRjtBQUN0Rix5REFBZ0U7QUFDaEUseURBQWdFO0FBQ2hFLDJEQUFvRTtBQUNwRSw4REFBMkU7QUFDM0UsNkVBQXdFO0FBQ3hFLHlFQUFvRTtBQUNwRSx5RUFBb0U7QUFDcEUsdUVBQWtFO0FBQ2xFLHVFQUFrRTtBQUNsRSx1RUFBa0U7QUFFbEUsMkVBQXNFO0FBQ3RFLHVEQUFtRDtBQUNuRCw2RUFBdUU7QUFDdkUseURBQXFFO0FBRTlELE1BQU0sT0FBTyxHQUFxQixDQUFDLEtBQUssRUFBRSxFQUFFO0lBQy9DLE9BQU8sQ0FDSCxvQ0FBUyxLQUFLLEVBQUUsU0FBUyxFQUFDLG9DQUFvQyxhQUMxRCx3QkFBQywwQkFBVyxlQUNSLHVCQUFDLDZDQUFvQixJQUFDLFNBQVMsRUFBRSxzQkFBVSxFQUFFLElBQUksRUFBQyxJQUFJLEVBQUMsV0FBVyxFQUFDLFdBQVcsR0FBRyxFQUNqRix1QkFBQyw2Q0FBb0IsSUFBQyxTQUFTLEVBQUUsc0JBQVUsRUFBRSxJQUFJLEVBQUMsSUFBSSxFQUFDLFdBQVcsRUFBQyxXQUFXLEdBQUcsRUFDakYsdUJBQUMsNkNBQW9CLElBQUMsU0FBUyxFQUFFLHNCQUFVLEVBQUUsSUFBSSxFQUFDLElBQUksRUFBQyxXQUFXLEVBQUMsV0FBVyxHQUFHLEVBQ2pGLHVCQUFDLDZDQUFvQixJQUFDLFNBQVMsRUFBRSxzQkFBVSxFQUFFLElBQUksRUFBQyxJQUFJLEVBQUMsV0FBVyxFQUFDLFdBQVcsR0FBRyxFQUNqRix1QkFBQyw2Q0FBb0IsSUFBQyxTQUFTLEVBQUUsc0JBQVUsRUFBRSxJQUFJLEVBQUMsSUFBSSxFQUFDLFdBQVcsRUFBQyxXQUFXLEdBQUcsRUFDakYsdUJBQUMsNkNBQW9CLElBQUMsU0FBUyxFQUFFLHNCQUFVLEVBQUUsSUFBSSxFQUFDLElBQUksRUFBQyxXQUFXLEVBQUMsV0FBVyxHQUFHLElBQ3ZFLEVBQ2Qsd0JBQUMsMEJBQVcsZUFDUix1QkFBQyx1Q0FBaUIsSUFDZCxTQUFTLEVBQUUsdUJBQWUsRUFDMUIsUUFBUSxFQUFDLE1BQU0sRUFDZixRQUFRLEVBQUUsRUFBRSxFQUNaLFdBQVcsRUFBQywwQkFBZ0IsR0FDOUIsRUFDRix1QkFBQyx1Q0FBaUIsSUFDZCxTQUFTLEVBQUUseUJBQWlCLEVBQzVCLFFBQVEsRUFBQyxRQUFRLEVBQ2pCLFFBQVEsRUFBRSxFQUFFLEVBQ1osV0FBVyxFQUFDLHVCQUFrQixHQUNoQyxFQUNGLHVCQUFDLHVDQUFpQixJQUNkLFNBQVMsRUFBRSw2QkFBcUIsRUFDaEMsUUFBUSxFQUFDLFdBQVcsRUFDcEIsUUFBUSxFQUFFLEVBQUUsRUFDWixXQUFXLEVBQUMsOEJBQW9CLEdBQ2xDLEVBRUYsdUJBQUMsdUNBQWlCLElBQUMsU0FBUyxFQUFFLHVCQUFlLEVBQUUsUUFBUSxFQUFDLGFBQWEsRUFBQyxXQUFXLEVBQUMsVUFBSyxHQUFHLEVBQzFGLHVCQUFDLHVDQUFpQixJQUNkLFNBQVMsRUFBRSw0QkFBb0IsRUFDL0IsUUFBUSxFQUFDLGtCQUFrQixFQUMzQixRQUFRLEVBQUUsRUFBRSxFQUNaLFdBQVcsRUFBQywwQ0FBMkIsR0FDekMsSUFDUSxFQUNkLHVCQUFDLDZDQUFvQixJQUFDLFNBQVMsRUFBRSw4QkFBc0IsRUFBRSxJQUFJLEVBQUMsYUFBYSxFQUFDLFdBQVcsRUFBQyxRQUFRLEdBQUcsRUFFbkcsd0JBQUMsMEJBQVcsZUFDUix1QkFBQyx1Q0FBaUIsSUFBQyxTQUFTLEVBQUUsK0JBQW1CLEVBQUUsUUFBUSxFQUFDLElBQUksR0FBRyxFQUNuRSx1QkFBQyx1Q0FBaUIsSUFBQyxTQUFTLEVBQUUsNkJBQWlCLEVBQUUsUUFBUSxFQUFDLElBQUksR0FBRyxJQUN2RCxFQUVkLHdCQUFDLDBCQUFXLGVBQ1IsdUJBQUMsdUNBQWlCLEtBQUcsRUFDckIsdUJBQUMsMkNBQW1CLEtBQUcsSUFDYixFQUNkLHdCQUFDLDBCQUFXLGVBQ1IsdUJBQUMseUNBQWtCLEtBQUcsRUFDdEIsdUJBQUMseUNBQWtCLEtBQUcsSUFDWixFQUNkLHVCQUFDLDRDQUFtQixLQUFHLElBQ3JCLENBQ1QsQ0FBQztBQUNOLENBQUMsQ0FBQztBQXpEVyxRQUFBLE9BQU8sV0F5RGxCIn0=
|
package/wysiwyg-editor.js
CHANGED
|
@@ -3,8 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.WysiwygEditor = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const plate_core_1 = require("@udecode/plate-core");
|
|
6
|
-
const react_dnd_1 = require("react-dnd");
|
|
7
|
-
const react_dnd_html5_backend_1 = require("react-dnd-html5-backend");
|
|
8
6
|
const toolbar_1 = require("./ui/toolbar/toolbar");
|
|
9
7
|
const defaultEditableProps = {
|
|
10
8
|
placeholder: "Napište něco hezkého...",
|
|
@@ -13,7 +11,7 @@ const defaultEditableProps = {
|
|
|
13
11
|
readOnly: false,
|
|
14
12
|
};
|
|
15
13
|
const WysiwygEditor = ({ initialValue, onChange, editableProps, plugins }) => {
|
|
16
|
-
return ((0, jsx_runtime_1.
|
|
14
|
+
return ((0, jsx_runtime_1.jsxs)(plate_core_1.PlateProvider, { initialValue: initialValue, plugins: plugins, onChange: onChange, children: [(0, jsx_runtime_1.jsx)(toolbar_1.Toolbar, {}), (0, jsx_runtime_1.jsx)("div", { className: "wysiwyg", children: (0, jsx_runtime_1.jsx)(plate_core_1.Plate, { editableProps: editableProps !== null && editableProps !== void 0 ? editableProps : defaultEditableProps, normalizeInitialValue: true }) })] }));
|
|
17
15
|
};
|
|
18
16
|
exports.WysiwygEditor = WysiwygEditor;
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid3lzaXd5Zy1lZGl0b3IuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvd3lzaXd5Zy1lZGl0b3IudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxvREFBMkU7QUFHM0Usa0RBQStDO0FBUy9DLE1BQU0sb0JBQW9CLEdBQW1DO0lBQ3pELFdBQVcsRUFBRSx5QkFBeUI7SUFDdEMsVUFBVSxFQUFFLEtBQUs7SUFDakIsU0FBUyxFQUFFLElBQUk7SUFDZixRQUFRLEVBQUUsS0FBSztDQUNsQixDQUFDO0FBRUssTUFBTSxhQUFhLEdBQTJCLENBQUMsRUFBRSxZQUFZLEVBQUUsUUFBUSxFQUFFLGFBQWEsRUFBRSxPQUFPLEVBQUUsRUFBRSxFQUFFO0lBQ3hHLE9BQU8sQ0FDSCx3QkFBQywwQkFBYSxJQUFpQixZQUFZLEVBQUUsWUFBWSxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLFFBQVEsYUFDM0YsdUJBQUMsaUJBQU8sS0FBRyxFQUNYLGdDQUFLLFNBQVMsRUFBQyxTQUFTLFlBQ3BCLHVCQUFDLGtCQUFLLElBQ0YsYUFBYSxFQUFFLGFBQWEsYUFBYixhQUFhLGNBQWIsYUFBYSxHQUFJLG9CQUFvQixFQUNwRCxxQkFBcUIsRUFBRSxJQUFJLEdBQzdCLEdBQ0EsSUFDTSxDQUNuQixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBWlcsUUFBQSxhQUFhLGlCQVl4QiJ9
|