@jotx-labs/editor 2.4.130
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/bridge/BridgeContext.d.ts +14 -0
- package/dist/bridge/BridgeContext.d.ts.map +1 -0
- package/dist/bridge/BridgeContext.js +20 -0
- package/dist/bridge/BridgeContext.js.map +1 -0
- package/dist/bridge/bridge-utils.d.ts +24 -0
- package/dist/bridge/bridge-utils.d.ts.map +1 -0
- package/dist/bridge/bridge-utils.js +77 -0
- package/dist/bridge/bridge-utils.js.map +1 -0
- package/dist/bridge/types.d.ts +34 -0
- package/dist/bridge/types.d.ts.map +1 -0
- package/dist/bridge/types.js +27 -0
- package/dist/bridge/types.js.map +1 -0
- package/dist/bridge/vscode-api.d.ts +13 -0
- package/dist/bridge/vscode-api.d.ts.map +1 -0
- package/dist/bridge/vscode-api.js +27 -0
- package/dist/bridge/vscode-api.js.map +1 -0
- package/dist/components/AttachBlockNodeView.d.ts +2 -0
- package/dist/components/AttachBlockNodeView.d.ts.map +1 -0
- package/dist/components/AttachBlockNodeView.js +37 -0
- package/dist/components/AttachBlockNodeView.js.map +1 -0
- package/dist/components/BlockMenu.d.ts +11 -0
- package/dist/components/BlockMenu.d.ts.map +1 -0
- package/dist/components/BlockMenu.js +344 -0
- package/dist/components/BlockMenu.js.map +1 -0
- package/dist/components/ButtonNodeView.d.ts +17 -0
- package/dist/components/ButtonNodeView.d.ts.map +1 -0
- package/dist/components/ButtonNodeView.js +55 -0
- package/dist/components/ButtonNodeView.js.map +1 -0
- package/dist/components/CardNodeView.d.ts +18 -0
- package/dist/components/CardNodeView.d.ts.map +1 -0
- package/dist/components/CardNodeView.js +46 -0
- package/dist/components/CardNodeView.js.map +1 -0
- package/dist/components/ChartNodeView.d.ts +4 -0
- package/dist/components/ChartNodeView.d.ts.map +1 -0
- package/dist/components/ChartNodeView.js +247 -0
- package/dist/components/ChartNodeView.js.map +1 -0
- package/dist/components/CodeBlockNodeView.d.ts +4 -0
- package/dist/components/CodeBlockNodeView.d.ts.map +1 -0
- package/dist/components/CodeBlockNodeView.js +105 -0
- package/dist/components/CodeBlockNodeView.js.map +1 -0
- package/dist/components/CodeReferenceNodeView.d.ts +4 -0
- package/dist/components/CodeReferenceNodeView.d.ts.map +1 -0
- package/dist/components/CodeReferenceNodeView.js +71 -0
- package/dist/components/CodeReferenceNodeView.js.map +1 -0
- package/dist/components/DateTimeNodeView.d.ts +3 -0
- package/dist/components/DateTimeNodeView.d.ts.map +1 -0
- package/dist/components/DateTimeNodeView.js +55 -0
- package/dist/components/DateTimeNodeView.js.map +1 -0
- package/dist/components/EditorRibbon.d.ts +13 -0
- package/dist/components/EditorRibbon.d.ts.map +1 -0
- package/dist/components/EditorRibbon.js +12 -0
- package/dist/components/EditorRibbon.js.map +1 -0
- package/dist/components/FloatImageBlockNodeView.d.ts +6 -0
- package/dist/components/FloatImageBlockNodeView.d.ts.map +1 -0
- package/dist/components/FloatImageBlockNodeView.js +96 -0
- package/dist/components/FloatImageBlockNodeView.js.map +1 -0
- package/dist/components/GridCardNodeView.d.ts +13 -0
- package/dist/components/GridCardNodeView.d.ts.map +1 -0
- package/dist/components/GridCardNodeView.js +31 -0
- package/dist/components/GridCardNodeView.js.map +1 -0
- package/dist/components/ImageBlockNodeView.d.ts +7 -0
- package/dist/components/ImageBlockNodeView.d.ts.map +1 -0
- package/dist/components/ImageBlockNodeView.js +132 -0
- package/dist/components/ImageBlockNodeView.js.map +1 -0
- package/dist/components/ImageToolbar.d.ts +6 -0
- package/dist/components/ImageToolbar.d.ts.map +1 -0
- package/dist/components/ImageToolbar.js +67 -0
- package/dist/components/ImageToolbar.js.map +1 -0
- package/dist/components/JotxEditor.d.ts +17 -0
- package/dist/components/JotxEditor.d.ts.map +1 -0
- package/dist/components/JotxEditor.js +1121 -0
- package/dist/components/JotxEditor.js.map +1 -0
- package/dist/components/JotxLinkNodeView.d.ts +4 -0
- package/dist/components/JotxLinkNodeView.d.ts.map +1 -0
- package/dist/components/JotxLinkNodeView.js +123 -0
- package/dist/components/JotxLinkNodeView.js.map +1 -0
- package/dist/components/LinkDialog.d.ts +14 -0
- package/dist/components/LinkDialog.d.ts.map +1 -0
- package/dist/components/LinkDialog.js +33 -0
- package/dist/components/LinkDialog.js.map +1 -0
- package/dist/components/MathNodeView.d.ts +3 -0
- package/dist/components/MathNodeView.d.ts.map +1 -0
- package/dist/components/MathNodeView.js +67 -0
- package/dist/components/MathNodeView.js.map +1 -0
- package/dist/components/MermaidNodeView.d.ts +4 -0
- package/dist/components/MermaidNodeView.d.ts.map +1 -0
- package/dist/components/MermaidNodeView.js +442 -0
- package/dist/components/MermaidNodeView.js.map +1 -0
- package/dist/components/NodePickerDialog.d.ts +12 -0
- package/dist/components/NodePickerDialog.d.ts.map +1 -0
- package/dist/components/NodePickerDialog.js +90 -0
- package/dist/components/NodePickerDialog.js.map +1 -0
- package/dist/components/ReadonlyBlockRenderer.d.ts +13 -0
- package/dist/components/ReadonlyBlockRenderer.d.ts.map +1 -0
- package/dist/components/ReadonlyBlockRenderer.js +78 -0
- package/dist/components/ReadonlyBlockRenderer.js.map +1 -0
- package/dist/components/ReadonlyMermaid.d.ts +10 -0
- package/dist/components/ReadonlyMermaid.d.ts.map +1 -0
- package/dist/components/ReadonlyMermaid.js +70 -0
- package/dist/components/ReadonlyMermaid.js.map +1 -0
- package/dist/components/SearchBar.d.ts +16 -0
- package/dist/components/SearchBar.d.ts.map +1 -0
- package/dist/components/SearchBar.js +52 -0
- package/dist/components/SearchBar.js.map +1 -0
- package/dist/components/SectionNodeView.d.ts +4 -0
- package/dist/components/SectionNodeView.d.ts.map +1 -0
- package/dist/components/SectionNodeView.js +39 -0
- package/dist/components/SectionNodeView.js.map +1 -0
- package/dist/components/SlashMenu.d.ts +21 -0
- package/dist/components/SlashMenu.d.ts.map +1 -0
- package/dist/components/SlashMenu.js +356 -0
- package/dist/components/SlashMenu.js.map +1 -0
- package/dist/components/TableToolbar.d.ts +10 -0
- package/dist/components/TableToolbar.d.ts.map +1 -0
- package/dist/components/TableToolbar.js +189 -0
- package/dist/components/TableToolbar.js.map +1 -0
- package/dist/components/ToggleNodeView.d.ts +4 -0
- package/dist/components/ToggleNodeView.d.ts.map +1 -0
- package/dist/components/ToggleNodeView.js +39 -0
- package/dist/components/ToggleNodeView.js.map +1 -0
- package/dist/components/UrlInputDialog.d.ts +13 -0
- package/dist/components/UrlInputDialog.d.ts.map +1 -0
- package/dist/components/UrlInputDialog.js +39 -0
- package/dist/components/UrlInputDialog.js.map +1 -0
- package/dist/components/VideoBlockNodeView.d.ts +12 -0
- package/dist/components/VideoBlockNodeView.d.ts.map +1 -0
- package/dist/components/VideoBlockNodeView.js +97 -0
- package/dist/components/VideoBlockNodeView.js.map +1 -0
- package/dist/contexts/NodeManagerContext.d.ts +34 -0
- package/dist/contexts/NodeManagerContext.d.ts.map +1 -0
- package/dist/contexts/NodeManagerContext.js +31 -0
- package/dist/contexts/NodeManagerContext.js.map +1 -0
- package/dist/extensions/AttachNode.d.ts +7 -0
- package/dist/extensions/AttachNode.d.ts.map +1 -0
- package/dist/extensions/AttachNode.js +50 -0
- package/dist/extensions/AttachNode.js.map +1 -0
- package/dist/extensions/BlockOpsExtension.d.ts +17 -0
- package/dist/extensions/BlockOpsExtension.d.ts.map +1 -0
- package/dist/extensions/BlockOpsExtension.js +248 -0
- package/dist/extensions/BlockOpsExtension.js.map +1 -0
- package/dist/extensions/ButtonNode.d.ts +7 -0
- package/dist/extensions/ButtonNode.d.ts.map +1 -0
- package/dist/extensions/ButtonNode.js +59 -0
- package/dist/extensions/ButtonNode.js.map +1 -0
- package/dist/extensions/CalloutActionsExtension.d.ts +3 -0
- package/dist/extensions/CalloutActionsExtension.d.ts.map +1 -0
- package/dist/extensions/CalloutActionsExtension.js +41 -0
- package/dist/extensions/CalloutActionsExtension.js.map +1 -0
- package/dist/extensions/CalloutNode.d.ts +7 -0
- package/dist/extensions/CalloutNode.d.ts.map +1 -0
- package/dist/extensions/CalloutNode.js +48 -0
- package/dist/extensions/CalloutNode.js.map +1 -0
- package/dist/extensions/CardNode.d.ts +7 -0
- package/dist/extensions/CardNode.d.ts.map +1 -0
- package/dist/extensions/CardNode.js +64 -0
- package/dist/extensions/CardNode.js.map +1 -0
- package/dist/extensions/ChartNode.d.ts +3 -0
- package/dist/extensions/ChartNode.d.ts.map +1 -0
- package/dist/extensions/ChartNode.js +60 -0
- package/dist/extensions/ChartNode.js.map +1 -0
- package/dist/extensions/CodeBlockNode.d.ts +7 -0
- package/dist/extensions/CodeBlockNode.d.ts.map +1 -0
- package/dist/extensions/CodeBlockNode.js +57 -0
- package/dist/extensions/CodeBlockNode.js.map +1 -0
- package/dist/extensions/CodeReferenceNode.d.ts +3 -0
- package/dist/extensions/CodeReferenceNode.d.ts.map +1 -0
- package/dist/extensions/CodeReferenceNode.js +46 -0
- package/dist/extensions/CodeReferenceNode.js.map +1 -0
- package/dist/extensions/DateTimeNode.d.ts +3 -0
- package/dist/extensions/DateTimeNode.d.ts.map +1 -0
- package/dist/extensions/DateTimeNode.js +43 -0
- package/dist/extensions/DateTimeNode.js.map +1 -0
- package/dist/extensions/FloatImageBlockNode.d.ts +7 -0
- package/dist/extensions/FloatImageBlockNode.d.ts.map +1 -0
- package/dist/extensions/FloatImageBlockNode.js +73 -0
- package/dist/extensions/FloatImageBlockNode.js.map +1 -0
- package/dist/extensions/GridCardNode.d.ts +7 -0
- package/dist/extensions/GridCardNode.d.ts.map +1 -0
- package/dist/extensions/GridCardNode.js +56 -0
- package/dist/extensions/GridCardNode.js.map +1 -0
- package/dist/extensions/ImageBlockNode.d.ts +7 -0
- package/dist/extensions/ImageBlockNode.d.ts.map +1 -0
- package/dist/extensions/ImageBlockNode.js +76 -0
- package/dist/extensions/ImageBlockNode.js.map +1 -0
- package/dist/extensions/ImageNode.d.ts +10 -0
- package/dist/extensions/ImageNode.d.ts.map +1 -0
- package/dist/extensions/ImageNode.js +67 -0
- package/dist/extensions/ImageNode.js.map +1 -0
- package/dist/extensions/JotxLinkNode.d.ts +3 -0
- package/dist/extensions/JotxLinkNode.d.ts.map +1 -0
- package/dist/extensions/JotxLinkNode.js +43 -0
- package/dist/extensions/JotxLinkNode.js.map +1 -0
- package/dist/extensions/JotxTable.d.ts +9 -0
- package/dist/extensions/JotxTable.d.ts.map +1 -0
- package/dist/extensions/JotxTable.js +40 -0
- package/dist/extensions/JotxTable.js.map +1 -0
- package/dist/extensions/LinkNode.d.ts +7 -0
- package/dist/extensions/LinkNode.d.ts.map +1 -0
- package/dist/extensions/LinkNode.js +54 -0
- package/dist/extensions/LinkNode.js.map +1 -0
- package/dist/extensions/MathNode.d.ts +3 -0
- package/dist/extensions/MathNode.d.ts.map +1 -0
- package/dist/extensions/MathNode.js +61 -0
- package/dist/extensions/MathNode.js.map +1 -0
- package/dist/extensions/MermaidNode.d.ts +3 -0
- package/dist/extensions/MermaidNode.d.ts.map +1 -0
- package/dist/extensions/MermaidNode.js +59 -0
- package/dist/extensions/MermaidNode.js.map +1 -0
- package/dist/extensions/SearchExtension.d.ts +40 -0
- package/dist/extensions/SearchExtension.d.ts.map +1 -0
- package/dist/extensions/SearchExtension.js +186 -0
- package/dist/extensions/SearchExtension.js.map +1 -0
- package/dist/extensions/SectionNode.d.ts +11 -0
- package/dist/extensions/SectionNode.d.ts.map +1 -0
- package/dist/extensions/SectionNode.js +58 -0
- package/dist/extensions/SectionNode.js.map +1 -0
- package/dist/extensions/SlashMenuExtension.d.ts +17 -0
- package/dist/extensions/SlashMenuExtension.d.ts.map +1 -0
- package/dist/extensions/SlashMenuExtension.js +146 -0
- package/dist/extensions/SlashMenuExtension.js.map +1 -0
- package/dist/extensions/SpellCheckExtension.d.ts +14 -0
- package/dist/extensions/SpellCheckExtension.d.ts.map +1 -0
- package/dist/extensions/SpellCheckExtension.js +278 -0
- package/dist/extensions/SpellCheckExtension.js.map +1 -0
- package/dist/extensions/TableFilterExtension.d.ts +12 -0
- package/dist/extensions/TableFilterExtension.d.ts.map +1 -0
- package/dist/extensions/TableFilterExtension.js +75 -0
- package/dist/extensions/TableFilterExtension.js.map +1 -0
- package/dist/extensions/ToggleNode.d.ts +11 -0
- package/dist/extensions/ToggleNode.d.ts.map +1 -0
- package/dist/extensions/ToggleNode.js +58 -0
- package/dist/extensions/ToggleNode.js.map +1 -0
- package/dist/extensions/VideoBlockNode.d.ts +7 -0
- package/dist/extensions/VideoBlockNode.d.ts.map +1 -0
- package/dist/extensions/VideoBlockNode.js +95 -0
- package/dist/extensions/VideoBlockNode.js.map +1 -0
- package/dist/extensions/formatting.d.ts +2 -0
- package/dist/extensions/formatting.d.ts.map +1 -0
- package/dist/extensions/formatting.js +10 -0
- package/dist/extensions/formatting.js.map +1 -0
- package/dist/index.d.ts +61 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +132 -0
- package/dist/index.js.map +1 -0
- package/dist/services/ImageStorage.d.ts +38 -0
- package/dist/services/ImageStorage.d.ts.map +1 -0
- package/dist/services/ImageStorage.js +32 -0
- package/dist/services/ImageStorage.js.map +1 -0
- package/dist/services/SpellCheckService 2.d.ts +50 -0
- package/dist/services/SpellCheckService 2.d.ts.map +1 -0
- package/dist/services/SpellCheckService 2.js +131 -0
- package/dist/services/SpellCheckService 2.js.map +1 -0
- package/dist/services/SpellCheckService.d.ts +50 -0
- package/dist/services/SpellCheckService.d.ts.map +1 -0
- package/dist/services/SpellCheckService.js +131 -0
- package/dist/services/SpellCheckService.js.map +1 -0
- package/dist/utils/logger.d.ts +14 -0
- package/dist/utils/logger.d.ts.map +1 -0
- package/dist/utils/logger.js +25 -0
- package/dist/utils/logger.js.map +1 -0
- package/package.json +56 -0
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.ReadonlyBlockRenderer = ReadonlyBlockRenderer;
|
|
7
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
+
/**
|
|
9
|
+
* ReadonlyBlockRenderer - Renders a readonly version of a referenced block
|
|
10
|
+
* Uses Tiptap with existing extensions for consistent rendering
|
|
11
|
+
*/
|
|
12
|
+
const react_1 = require("react");
|
|
13
|
+
const react_2 = require("@tiptap/react");
|
|
14
|
+
const adapters_1 = require("@jotx-labs/adapters");
|
|
15
|
+
const MermaidNode_1 = require("../extensions/MermaidNode");
|
|
16
|
+
const ChartNode_1 = require("../extensions/ChartNode");
|
|
17
|
+
const JotxTable_1 = require("../extensions/JotxTable");
|
|
18
|
+
const MathNode_1 = require("../extensions/MathNode");
|
|
19
|
+
const extension_table_row_1 = __importDefault(require("@tiptap/extension-table-row"));
|
|
20
|
+
const extension_table_cell_1 = __importDefault(require("@tiptap/extension-table-cell"));
|
|
21
|
+
const extension_table_header_1 = __importDefault(require("@tiptap/extension-table-header"));
|
|
22
|
+
const starter_kit_1 = __importDefault(require("@tiptap/starter-kit"));
|
|
23
|
+
require("./ReadonlyBlockRenderer.css");
|
|
24
|
+
const logger_1 = require("../utils/logger");
|
|
25
|
+
function ReadonlyBlockRenderer({ node, onEditSource }) {
|
|
26
|
+
const [tiptapContent, setTiptapContent] = (0, react_1.useState)(null);
|
|
27
|
+
// Convert NodeEntry to AST Block, then use TiptapAdapter (same as main editor!)
|
|
28
|
+
(0, react_1.useEffect)(() => {
|
|
29
|
+
// Reconstruct an AST block from NodeEntry
|
|
30
|
+
const astBlock = {
|
|
31
|
+
type: node.type,
|
|
32
|
+
id: node.id,
|
|
33
|
+
properties: node.properties || {},
|
|
34
|
+
content: node.content || '',
|
|
35
|
+
children: node.children || [] // Include children for tables, lists, etc.
|
|
36
|
+
};
|
|
37
|
+
// Use TiptapAdapter to convert (same logic as main editor)
|
|
38
|
+
const adapter = new adapters_1.TiptapAdapter();
|
|
39
|
+
const tiptapBlock = adapter.blockToTiptap(astBlock);
|
|
40
|
+
logger_1.logger.log('[ReadonlyBlockRenderer] Converted to Tiptap:', tiptapBlock);
|
|
41
|
+
// Wrap in doc
|
|
42
|
+
setTiptapContent({
|
|
43
|
+
type: 'doc',
|
|
44
|
+
content: [tiptapBlock]
|
|
45
|
+
});
|
|
46
|
+
}, [node]);
|
|
47
|
+
// Create readonly Tiptap editor
|
|
48
|
+
const editor = (0, react_2.useEditor)({
|
|
49
|
+
content: tiptapContent,
|
|
50
|
+
editable: false,
|
|
51
|
+
extensions: [
|
|
52
|
+
starter_kit_1.default,
|
|
53
|
+
MermaidNode_1.MermaidNode,
|
|
54
|
+
ChartNode_1.ChartNode,
|
|
55
|
+
MathNode_1.MathNode,
|
|
56
|
+
JotxTable_1.JotxTable.configure({ resizable: false }),
|
|
57
|
+
extension_table_row_1.default,
|
|
58
|
+
extension_table_cell_1.default,
|
|
59
|
+
extension_table_header_1.default
|
|
60
|
+
],
|
|
61
|
+
editorProps: {
|
|
62
|
+
attributes: {
|
|
63
|
+
class: 'readonly-block-content'
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
}, [tiptapContent]);
|
|
67
|
+
// Update content when it changes
|
|
68
|
+
(0, react_1.useEffect)(() => {
|
|
69
|
+
if (editor && tiptapContent && !editor.isDestroyed) {
|
|
70
|
+
editor.commands.setContent(tiptapContent);
|
|
71
|
+
}
|
|
72
|
+
}, [editor, tiptapContent]);
|
|
73
|
+
if (!tiptapContent) {
|
|
74
|
+
return (0, jsx_runtime_1.jsx)("div", { className: "readonly-block-loading", children: "Loading..." });
|
|
75
|
+
}
|
|
76
|
+
return ((0, jsx_runtime_1.jsx)("div", { className: "readonly-block-renderer", children: (0, jsx_runtime_1.jsx)(react_2.EditorContent, { editor: editor }) }));
|
|
77
|
+
}
|
|
78
|
+
//# sourceMappingURL=ReadonlyBlockRenderer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ReadonlyBlockRenderer.js","sourceRoot":"","sources":["../../src/components/ReadonlyBlockRenderer.tsx"],"names":[],"mappings":";;;;;AAyBA,sDAgEC;;AAzFD;;;GAGG;AAEH,iCAAmD;AACnD,yCAAyD;AAEzD,kDAAoD;AACpD,2DAAwD;AACxD,uDAAoD;AACpD,uDAAoD;AACpD,qDAAkD;AAClD,sFAAmD;AACnD,wFAAqD;AACrD,4FAAyD;AACzD,sEAA6C;AAC7C,uCAAqC;AACrC,4CAAyC;AAOzC,SAAgB,qBAAqB,CAAC,EAAE,IAAI,EAAE,YAAY,EAA8B;IACpF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAM,IAAI,CAAC,CAAC;IAE9D,gFAAgF;IAChF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,0CAA0C;QAC1C,MAAM,QAAQ,GAAQ;YAClB,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,EAAE,EAAE,IAAI,CAAC,EAAE;YACX,UAAU,EAAE,IAAI,CAAC,UAAU,IAAI,EAAE;YACjC,OAAO,EAAE,IAAI,CAAC,OAAO,IAAI,EAAE;YAC3B,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC,2CAA2C;SAC5E,CAAC;QAEF,2DAA2D;QAC3D,MAAM,OAAO,GAAG,IAAI,wBAAa,EAAE,CAAC;QACpC,MAAM,WAAW,GAAG,OAAO,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAEpD,eAAM,CAAC,GAAG,CAAC,8CAA8C,EAAE,WAAW,CAAC,CAAC;QAExE,cAAc;QACd,gBAAgB,CAAC;YACb,IAAI,EAAE,KAAK;YACX,OAAO,EAAE,CAAC,WAAW,CAAC;SACzB,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,gCAAgC;IAChC,MAAM,MAAM,GAAG,IAAA,iBAAS,EAAC;QACrB,OAAO,EAAE,aAAa;QACtB,QAAQ,EAAE,KAAK;QACf,UAAU,EAAE;YACR,qBAAU;YACV,yBAAW;YACX,qBAAS;YACT,mBAAQ;YACR,qBAAS,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;YACzC,6BAAQ;YACR,8BAAS;YACT,gCAAW;SACd;QACD,WAAW,EAAE;YACT,UAAU,EAAE;gBACR,KAAK,EAAE,wBAAwB;aAClC;SACJ;KACJ,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,iCAAiC;IACjC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,MAAM,IAAI,aAAa,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC;YACjD,MAAM,CAAC,QAAQ,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;QAC9C,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC;IAE5B,IAAI,CAAC,aAAa,EAAE,CAAC;QACjB,OAAO,gCAAK,SAAS,EAAC,wBAAwB,2BAAiB,CAAC;IACpE,CAAC;IAED,OAAO,CACH,gCAAK,SAAS,EAAC,yBAAyB,YACpC,uBAAC,qBAAa,IAAC,MAAM,EAAE,MAAM,GAAI,GAC/B,CACT,CAAC;AACN,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ReadonlyMermaid - Renders a readonly Mermaid diagram
|
|
3
|
+
* Used in JotxLink expanded view for referenced mermaid blocks
|
|
4
|
+
*/
|
|
5
|
+
interface ReadonlyMermaidProps {
|
|
6
|
+
src: string;
|
|
7
|
+
}
|
|
8
|
+
export declare function ReadonlyMermaid({ src }: ReadonlyMermaidProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export {};
|
|
10
|
+
//# sourceMappingURL=ReadonlyMermaid.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ReadonlyMermaid.d.ts","sourceRoot":"","sources":["../../src/components/ReadonlyMermaid.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAKH,UAAU,oBAAoB;IAC1B,GAAG,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,eAAe,CAAC,EAAE,GAAG,EAAE,EAAE,oBAAoB,2CAoE5D"}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.ReadonlyMermaid = ReadonlyMermaid;
|
|
7
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
+
/**
|
|
9
|
+
* ReadonlyMermaid - Renders a readonly Mermaid diagram
|
|
10
|
+
* Used in JotxLink expanded view for referenced mermaid blocks
|
|
11
|
+
*/
|
|
12
|
+
const react_1 = require("react");
|
|
13
|
+
const mermaid_1 = __importDefault(require("mermaid"));
|
|
14
|
+
function ReadonlyMermaid({ src }) {
|
|
15
|
+
const svgRef = (0, react_1.useRef)(null);
|
|
16
|
+
const [error, setError] = (0, react_1.useState)(null);
|
|
17
|
+
const instanceId = (0, react_1.useMemo)(() => `rdmmd_${Math.random().toString(36).slice(2)}`, []);
|
|
18
|
+
const [isDark, setIsDark] = (0, react_1.useState)(false);
|
|
19
|
+
// Detect dark mode
|
|
20
|
+
(0, react_1.useEffect)(() => {
|
|
21
|
+
const body = document.body;
|
|
22
|
+
const compute = () => body.classList.contains('vscode-dark') || body.classList.contains('vscode-high-contrast');
|
|
23
|
+
setIsDark(compute());
|
|
24
|
+
const obs = new MutationObserver(() => setIsDark(compute()));
|
|
25
|
+
obs.observe(body, { attributes: true, attributeFilter: ['class'] });
|
|
26
|
+
return () => obs.disconnect();
|
|
27
|
+
}, []);
|
|
28
|
+
// Initialize mermaid
|
|
29
|
+
(0, react_1.useEffect)(() => {
|
|
30
|
+
try {
|
|
31
|
+
mermaid_1.default.initialize({
|
|
32
|
+
startOnLoad: false,
|
|
33
|
+
securityLevel: 'strict',
|
|
34
|
+
theme: isDark ? 'dark' : 'default'
|
|
35
|
+
});
|
|
36
|
+
}
|
|
37
|
+
catch {
|
|
38
|
+
// ignore
|
|
39
|
+
}
|
|
40
|
+
}, [isDark]);
|
|
41
|
+
// Render diagram
|
|
42
|
+
(0, react_1.useEffect)(() => {
|
|
43
|
+
const el = svgRef.current;
|
|
44
|
+
if (!el || !src.trim()) {
|
|
45
|
+
if (el)
|
|
46
|
+
el.innerHTML = '';
|
|
47
|
+
setError(null);
|
|
48
|
+
return;
|
|
49
|
+
}
|
|
50
|
+
let cancelled = false;
|
|
51
|
+
(async () => {
|
|
52
|
+
try {
|
|
53
|
+
const { svg } = await mermaid_1.default.render(instanceId, src);
|
|
54
|
+
if (cancelled)
|
|
55
|
+
return;
|
|
56
|
+
el.innerHTML = svg;
|
|
57
|
+
setError(null);
|
|
58
|
+
}
|
|
59
|
+
catch (e) {
|
|
60
|
+
if (cancelled)
|
|
61
|
+
return;
|
|
62
|
+
el.innerHTML = '';
|
|
63
|
+
setError(e?.message || 'Invalid Mermaid diagram');
|
|
64
|
+
}
|
|
65
|
+
})();
|
|
66
|
+
return () => { cancelled = true; };
|
|
67
|
+
}, [src, instanceId, isDark]);
|
|
68
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: "readonly-mermaid-container", children: [error && (0, jsx_runtime_1.jsx)("div", { className: "readonly-mermaid-error", children: error }), (0, jsx_runtime_1.jsx)("div", { ref: svgRef, className: "readonly-mermaid-svg" }), (0, jsx_runtime_1.jsx)("div", { className: "readonly-mermaid-source", children: (0, jsx_runtime_1.jsxs)("details", { children: [(0, jsx_runtime_1.jsx)("summary", { children: "\uD83D\uDCDD Source Code" }), (0, jsx_runtime_1.jsx)("pre", { children: src })] }) })] }));
|
|
69
|
+
}
|
|
70
|
+
//# sourceMappingURL=ReadonlyMermaid.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ReadonlyMermaid.js","sourceRoot":"","sources":["../../src/components/ReadonlyMermaid.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Floating Search Bar Component
|
|
3
|
+
* Browser-style search with highlighting and navigation
|
|
4
|
+
*/
|
|
5
|
+
import './SearchBar.css';
|
|
6
|
+
export interface SearchBarProps {
|
|
7
|
+
visible: boolean;
|
|
8
|
+
onSearch: (query: string) => void;
|
|
9
|
+
onNext: () => void;
|
|
10
|
+
onPrevious: () => void;
|
|
11
|
+
onClose: () => void;
|
|
12
|
+
currentMatch: number;
|
|
13
|
+
totalMatches: number;
|
|
14
|
+
}
|
|
15
|
+
export declare function SearchBar({ visible, onSearch, onNext, onPrevious, onClose, currentMatch, totalMatches }: SearchBarProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
//# sourceMappingURL=SearchBar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SearchBar.d.ts","sourceRoot":"","sources":["../../src/components/SearchBar.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,iBAAiB,CAAA;AAExB,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;IACpB,YAAY,EAAE,MAAM,CAAA;CACrB;AAED,wBAAgB,SAAS,CAAC,EACxB,OAAO,EACP,QAAQ,EACR,MAAM,EACN,UAAU,EACV,OAAO,EACP,YAAY,EACZ,YAAY,EACb,EAAE,cAAc,2CA8FhB"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.SearchBar = SearchBar;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
/**
|
|
6
|
+
* Floating Search Bar Component
|
|
7
|
+
* Browser-style search with highlighting and navigation
|
|
8
|
+
*/
|
|
9
|
+
const react_1 = require("react");
|
|
10
|
+
const lucide_react_1 = require("lucide-react");
|
|
11
|
+
require("./SearchBar.css");
|
|
12
|
+
function SearchBar({ visible, onSearch, onNext, onPrevious, onClose, currentMatch, totalMatches }) {
|
|
13
|
+
const [query, setQuery] = (0, react_1.useState)('');
|
|
14
|
+
const inputRef = (0, react_1.useRef)(null);
|
|
15
|
+
// Auto-focus when visible
|
|
16
|
+
(0, react_1.useEffect)(() => {
|
|
17
|
+
if (visible && inputRef.current) {
|
|
18
|
+
inputRef.current.focus();
|
|
19
|
+
inputRef.current.select();
|
|
20
|
+
}
|
|
21
|
+
}, [visible]);
|
|
22
|
+
// Handle input change
|
|
23
|
+
const handleInputChange = (e) => {
|
|
24
|
+
const value = e.target.value;
|
|
25
|
+
setQuery(value);
|
|
26
|
+
onSearch(value);
|
|
27
|
+
};
|
|
28
|
+
// Handle keyboard shortcuts
|
|
29
|
+
const handleKeyDown = (e) => {
|
|
30
|
+
if (e.key === 'Enter') {
|
|
31
|
+
e.preventDefault();
|
|
32
|
+
if (e.shiftKey) {
|
|
33
|
+
onPrevious();
|
|
34
|
+
}
|
|
35
|
+
else {
|
|
36
|
+
onNext();
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
else if (e.key === 'Escape') {
|
|
40
|
+
e.preventDefault();
|
|
41
|
+
onClose();
|
|
42
|
+
}
|
|
43
|
+
};
|
|
44
|
+
if (!visible)
|
|
45
|
+
return null;
|
|
46
|
+
const hasResults = totalMatches > 0;
|
|
47
|
+
const matchText = hasResults
|
|
48
|
+
? `${currentMatch} of ${totalMatches}`
|
|
49
|
+
: query ? 'No results' : '';
|
|
50
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: "jotx-search-bar", role: "search", children: [(0, jsx_runtime_1.jsx)("div", { className: "jotx-search-icon", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Search, { size: 16 }) }), (0, jsx_runtime_1.jsx)("input", { ref: inputRef, type: "text", className: "jotx-search-input", placeholder: "Find in document...", value: query, onChange: handleInputChange, onKeyDown: handleKeyDown, "aria-label": "Search document" }), matchText && ((0, jsx_runtime_1.jsx)("div", { className: "jotx-search-counter", "aria-live": "polite", children: matchText })), (0, jsx_runtime_1.jsx)("button", { className: "jotx-search-btn", onClick: onPrevious, disabled: !hasResults, title: "Previous match (Shift+Enter)", "aria-label": "Previous match", children: (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronUp, { size: 16 }) }), (0, jsx_runtime_1.jsx)("button", { className: "jotx-search-btn", onClick: onNext, disabled: !hasResults, title: "Next match (Enter)", "aria-label": "Next match", children: (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, { size: 16 }) }), (0, jsx_runtime_1.jsx)("button", { className: "jotx-search-close", onClick: onClose, title: "Close (Escape)", "aria-label": "Close search", children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { size: 16 }) })] }));
|
|
51
|
+
}
|
|
52
|
+
//# sourceMappingURL=SearchBar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../src/components/SearchBar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SectionNodeView.d.ts","sourceRoot":"","sources":["../../src/components/SectionNodeView.tsx"],"names":[],"mappings":"AACA,OAAO,EAAmB,aAAa,EAAmB,MAAM,eAAe,CAAA;AAE/E,OAAO,uBAAuB,CAAA;AAE9B,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,EAAE,EAAE,aAAa,2CA0DhF"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.SectionNodeView = SectionNodeView;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const react_2 = require("@tiptap/react");
|
|
7
|
+
const lucide_react_1 = require("lucide-react");
|
|
8
|
+
require("./SectionNodeView.css");
|
|
9
|
+
function SectionNodeView({ node, updateAttributes, editor }) {
|
|
10
|
+
const collapsed = !!node?.attrs?.collapsed;
|
|
11
|
+
const title = (node?.attrs?.title || 'Section').toString();
|
|
12
|
+
const [draftTitle, setDraftTitle] = (0, react_1.useState)(title);
|
|
13
|
+
const inputRef = (0, react_1.useRef)(null);
|
|
14
|
+
(0, react_1.useEffect)(() => {
|
|
15
|
+
setDraftTitle(title);
|
|
16
|
+
}, [title]);
|
|
17
|
+
const onToggle = () => {
|
|
18
|
+
updateAttributes({ collapsed: !collapsed });
|
|
19
|
+
};
|
|
20
|
+
const commitTitle = () => {
|
|
21
|
+
const next = (draftTitle || '').trim() || 'Section';
|
|
22
|
+
if (next !== title)
|
|
23
|
+
updateAttributes({ title: next });
|
|
24
|
+
};
|
|
25
|
+
return ((0, jsx_runtime_1.jsxs)(react_2.NodeViewWrapper, { className: `jotx-section ${collapsed ? 'is-collapsed' : ''}`, "data-type": "section", "data-collapsed": collapsed ? 'true' : 'false', "data-title": title, children: [(0, jsx_runtime_1.jsxs)("div", { className: "jotx-section-header", contentEditable: false, children: [(0, jsx_runtime_1.jsx)("button", { className: "jotx-section-chevron", onClick: onToggle, title: collapsed ? 'Expand' : 'Collapse', children: collapsed ? (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, { size: 18 }) : (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, { size: 18 }) }), (0, jsx_runtime_1.jsx)("input", { ref: inputRef, className: "jotx-section-title", value: draftTitle, placeholder: "Section", onChange: (e) => {
|
|
26
|
+
const v = e.target.value;
|
|
27
|
+
setDraftTitle(v);
|
|
28
|
+
// Persist immediately so roundtrip never loses title even if blur doesn't fire.
|
|
29
|
+
updateAttributes({ title: v });
|
|
30
|
+
}, onBlur: commitTitle, onKeyDown: (e) => {
|
|
31
|
+
if (e.key === 'Enter') {
|
|
32
|
+
e.preventDefault();
|
|
33
|
+
commitTitle();
|
|
34
|
+
// move focus back into editor
|
|
35
|
+
editor?.commands?.focus?.();
|
|
36
|
+
}
|
|
37
|
+
} })] }), (0, jsx_runtime_1.jsx)("div", { className: "jotx-section-content", style: { display: collapsed ? 'none' : 'block' }, children: (0, jsx_runtime_1.jsx)(react_2.NodeViewContent, { className: "jotx-section-content-inner" }) })] }));
|
|
38
|
+
}
|
|
39
|
+
//# sourceMappingURL=SectionNodeView.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SectionNodeView.js","sourceRoot":"","sources":["../../src/components/SectionNodeView.tsx"],"names":[],"mappings":";;AAKA,0CA0DC;;AA/DD,iCAA0D;AAC1D,yCAA+E;AAC/E,+CAAwD;AACxD,iCAA8B;AAE9B,SAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,EAAiB;IAC/E,MAAM,SAAS,GAAG,CAAC,CAAE,IAAI,EAAE,KAAa,EAAE,SAAS,CAAA;IACnD,MAAM,KAAK,GAAG,CAAE,IAAI,EAAE,KAAa,EAAE,KAAK,IAAI,SAAS,CAAC,CAAC,QAAQ,EAAE,CAAA;IACnE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IACnD,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAA;IAE/C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,aAAa,CAAC,KAAK,CAAC,CAAA;IACtB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,MAAM,QAAQ,GAAG,GAAG,EAAE;QACpB,gBAAgB,CAAC,EAAE,SAAS,EAAE,CAAC,SAAS,EAAE,CAAC,CAAA;IAC7C,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,MAAM,IAAI,GAAG,CAAC,UAAU,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,SAAS,CAAA;QACnD,IAAI,IAAI,KAAK,KAAK;YAAE,gBAAgB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAA;IACvD,CAAC,CAAA;IAED,OAAO,CACL,wBAAC,uBAAe,IACd,SAAS,EAAE,gBAAgB,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,eAClD,SAAS,oBACH,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,gBAChC,KAAK,aAEjB,iCAAK,SAAS,EAAC,qBAAqB,EAAC,eAAe,EAAE,KAAK,aACzD,mCAAQ,SAAS,EAAC,sBAAsB,EAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,YACjG,SAAS,CAAC,CAAC,CAAC,uBAAC,2BAAY,IAAC,IAAI,EAAE,EAAE,GAAI,CAAC,CAAC,CAAC,uBAAC,0BAAW,IAAC,IAAI,EAAE,EAAE,GAAI,GAC5D,EACT,kCACE,GAAG,EAAE,QAAQ,EACb,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAE,UAAU,EACjB,WAAW,EAAC,SAAS,EACrB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;4BACd,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAA;4BACxB,aAAa,CAAC,CAAC,CAAC,CAAA;4BAChB,gFAAgF;4BAChF,gBAAgB,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAA;wBAChC,CAAC,EACD,MAAM,EAAE,WAAW,EACnB,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;4BACf,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;gCACtB,CAAC,CAAC,cAAc,EAAE,CAAA;gCAClB,WAAW,EAAE,CAAA;gCACb,8BAA8B;gCAC9B,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAA;4BAC7B,CAAC;wBACH,CAAC,GACD,IACE,EAEN,gCAAK,SAAS,EAAC,sBAAsB,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAAE,YACpF,uBAAC,uBAAe,IAAC,SAAS,EAAC,4BAA4B,GAAG,GACtD,IACU,CACnB,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Slash Menu - Beautiful, filtered by document type
|
|
3
|
+
* Notion-like command palette
|
|
4
|
+
*/
|
|
5
|
+
import './SlashMenu.css';
|
|
6
|
+
export interface SlashMenuProps {
|
|
7
|
+
documentType: 'page' | 'meeting' | 'tasklist';
|
|
8
|
+
query: string;
|
|
9
|
+
position: {
|
|
10
|
+
x: number;
|
|
11
|
+
y: number;
|
|
12
|
+
};
|
|
13
|
+
context?: {
|
|
14
|
+
inTableCell?: boolean;
|
|
15
|
+
inPropertiesTable?: boolean;
|
|
16
|
+
};
|
|
17
|
+
onSelect: (command: string) => void;
|
|
18
|
+
onClose: () => void;
|
|
19
|
+
}
|
|
20
|
+
export declare function SlashMenu({ documentType, query, position, context, onSelect, onClose }: SlashMenuProps): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
//# sourceMappingURL=SlashMenu.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SlashMenu.d.ts","sourceRoot":"","sources":["../../src/components/SlashMenu.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAiCH,OAAO,iBAAiB,CAAA;AAsPxB,MAAM,WAAW,cAAc;IAC7B,YAAY,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAA;IAC7C,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IAClC,OAAO,CAAC,EAAE;QAAE,WAAW,CAAC,EAAE,OAAO,CAAC;QAAC,iBAAiB,CAAC,EAAE,OAAO,CAAA;KAAE,CAAA;IAChE,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AAED,wBAAgB,SAAS,CAAC,EACxB,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,OAAO,EACR,EAAE,cAAc,2CAsKhB"}
|