@markweave/vue2 0.3.9 → 0.4.1
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/index.js +664 -652
- package/dist/types/MarkweaveEditor.d.ts.map +1 -1
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -10,21 +10,21 @@ import { normalizeMarkweaveLinkCardAttrs as _, normalizeMarkweaveLinkCardHref as
|
|
|
10
10
|
import { openMarkweaveImagePreview as b } from "markweave/internal/plugins/media/image-preview";
|
|
11
11
|
import { createMarkweaveLightweightImageNodeViewRenderer as x } from "markweave/internal/plugins/media/lightweight-image-node-view";
|
|
12
12
|
import { resolveMarkweaveMediaSource as S } from "markweave/internal/plugins/media/media-source";
|
|
13
|
-
import { MarkweaveCoreImage as C, MarkweaveCoreVideo as w, attrsFromMarkweaveImageUploadResult as T, attrsFromMarkweaveVideoUploadResult as E, attrsFromMarkweaveVideoUrl as D, clampMarkweaveImageWidth as O, createMarkweaveImageUploadRequest as k, createMarkweaveVideoUploadRequest as A, downloadMarkweaveImage as j, markweaveVideoIframeAllow as
|
|
14
|
-
import { detectUploadSource as
|
|
13
|
+
import { MarkweaveCoreImage as C, MarkweaveCoreVideo as w, attrsFromMarkweaveImageUploadResult as T, attrsFromMarkweaveVideoUploadResult as E, attrsFromMarkweaveVideoUrl as D, clampMarkweaveImageWidth as O, createMarkweaveImageUploadRequest as k, createMarkweaveVideoUploadRequest as A, downloadMarkweaveImage as j, markweaveVideoIframeAllow as ee, normalizeMarkweaveCoreImageAlign as te, normalizeMarkweaveVideoEmbedUrl as M, numberAttribute as N, stringAttribute as P } from "markweave/internal/plugins/media/core-media-nodes";
|
|
14
|
+
import { detectUploadSource as F, getDirectUploadResult as I, resolveMarkweaveUploadResult as L } from "markweave/internal/plugins/slash-command/upload";
|
|
15
15
|
import { createMarkweaveAiEditController as R } from "markweave";
|
|
16
16
|
import { BubbleMenu as z } from "@tiptap/vue-2/menus";
|
|
17
|
-
import { isEditorComposing as
|
|
18
|
-
import { saveMarkweaveBrowserFile as
|
|
19
|
-
import { createMarkweaveFrameScheduler as
|
|
20
|
-
import { createMarkweaveEditorUpdatePayload as
|
|
21
|
-
import { getCurrentFloatingToolbarBlockType as
|
|
22
|
-
import { openMarkweaveReadonlyLinkFromEvent as
|
|
23
|
-
import { createMarkweaveEditorRuntimeSnapshot as
|
|
24
|
-
import { areEditorSelectionSnapshotsEquivalent as
|
|
25
|
-
import { normalizeMarkweaveCanvasColor as
|
|
26
|
-
import { createMarkweaveAiEditController as
|
|
27
|
-
import { MarkweaveAskAiError as
|
|
17
|
+
import { isEditorComposing as B } from "markweave/internal/editor-core/composition-guard";
|
|
18
|
+
import { saveMarkweaveBrowserFile as V } from "markweave/internal/core/browser-file-save";
|
|
19
|
+
import { createMarkweaveFrameScheduler as H } from "markweave/internal/editor-core/frame-scheduler";
|
|
20
|
+
import { createMarkweaveEditorUpdatePayload as ne, getMarkweaveContentType as re, isEditorContentCurrent as ie, isMarkweaveControlledContentEchoCurrent as ae, normalizeMarkweaveContentFormat as oe } from "markweave/internal/editor-core/editor-content";
|
|
21
|
+
import { getCurrentFloatingToolbarBlockType as se, getFloatingToolbarHighlightColorOptions as ce, getFloatingToolbarMoreActions as le, getFloatingToolbarTextColorOptions as ue, getFloatingToolbarTurnIntoOptions as de, runFloatingToolbarMoreAction as fe, setFloatingToolbarTurnInto as pe } from "markweave/internal/editor-core/floating-toolbar-model";
|
|
22
|
+
import { openMarkweaveReadonlyLinkFromEvent as me } from "markweave/internal/editor-core/readonly-link";
|
|
23
|
+
import { createMarkweaveEditorRuntimeSnapshot as he } from "markweave/internal/editor-core/runtime-snapshot";
|
|
24
|
+
import { areEditorSelectionSnapshotsEquivalent as ge, calculateFloatingToolbarPopoverPlacement as _e, createSelectionSnapshot as ve, markweaveRuntimeProjectionDelayMs as ye, shouldShowFloatingToolbarForAiState as be } from "markweave/internal/editor-core/selection-state";
|
|
25
|
+
import { normalizeMarkweaveCanvasColor as xe, normalizeMarkweaveTheme as Se } from "markweave/internal/core/theme";
|
|
26
|
+
import { createMarkweaveAiEditController as Ce } from "markweave/internal/plugins/ai-edit/ai-edit-controller";
|
|
27
|
+
import { MarkweaveAskAiError as we, acceptMarkweaveAskAiResult as Te, calculateMarkweaveAskAiPanelPosition as Ee, canStartMarkweaveAskAiTableTarget as De, clearMarkweaveAskAiPreview as Oe, clearMarkweaveAskAiTarget as ke, createMarkweaveAskAiRequest as Ae, getMappedMarkweaveAskAiSelection as je, getMarkweaveAskAiSurfaceRect as Me, getMarkweaveAskAiTarget as Ne, getMarkweaveAskAiTargetRect as Pe, hasMarkweaveAskAiPreview as Fe, isMarkweaveAskAiSelectionEligible as Ie, restoreMarkweaveAskAiTargetSelection as Le, runMarkweaveAskAiHandler as Re, setMarkweaveAskAiPreview as ze, startMarkweaveAskAiTableTarget as Be, startMarkweaveAskAiTarget as Ve } from "markweave/internal/plugins/ask-ai/ask-ai-session";
|
|
28
28
|
import { createMarkweaveTocState as He, emptyMarkweaveTocState as Ue, getActiveMarkweaveTocId as We, getMarkweaveTocItemsFromState as Ge, getValidMarkweaveTocActiveId as Ke, normalizeMarkweaveInnerTocPlacement as qe, observeMarkweaveInnerTocContainerPosition as Je, scrollToMarkweaveTocItem as Ye } from "markweave/internal/core/toc-state";
|
|
29
29
|
import { codeBlockCollapsePluginKey as Xe, copyActiveCodeBlock as Ze, getActiveCodeBlockState as Qe, getCodeBlockCopyFeedbackSnapshot as $e, markweaveCodeBlockBehavior as et, setCodeBlockCollapsedAtPosition as tt, setCodeBlockLanguageAtPosition as nt, setCodeBlockMermaidPreviewModeAtPosition as rt } from "markweave/internal/plugins/codeblock/codeblock-behavior";
|
|
30
30
|
import { calculateCodeBlockLanguageMenuPosition as it, clampFullscreenScale as at, codeBlockCopyFeedbackTimeoutMs as ot, copyCodeBlockText as st, createCodeBlockLanguageMenuDomId as ct, createCodeBlockOverlayPosition as lt, createMermaidFullscreenViewerState as ut, createMermaidTabPosition as dt, focusCodeBlockTarget as ft, formatCodeBlockLanguageLabel as pt, formatFullscreenZoom as mt, getActiveCodeBlockElement as ht, getAnchoredRect as gt, getCodeBlockLanguageItems as _t, getCodeBlockLanguageOptionDomId as vt, getCodeBlockPositionFromEventTarget as yt, getCodeBlockStateAtPosition as bt, getFrameElement as xt, getInitialCodeBlockLanguageItemIndex as St, getMermaidCodeBlockTargets as Ct, getMermaidSvgMarkup as wt, isCodeBlockTargetCollapsed as Tt, mergeStableMermaidTabPositions as Et, mermaidFullscreenZoomStep as Dt, moveCodeBlockLanguageItemIndex as Ot, moveMermaidFullscreenViewer as kt, scrollCodeBlockLanguageItemIntoView as At } from "markweave/internal/plugins/codeblock/codeblock-ui-model";
|
|
@@ -113,34 +113,34 @@ function er(e) {
|
|
|
113
113
|
function tr(e) {
|
|
114
114
|
return typeof e == "function" ? er(e()) : Qn(e) ? er(e.default()) : $n(e) ? [e] : e;
|
|
115
115
|
}
|
|
116
|
-
function
|
|
116
|
+
function U(e, t, n) {
|
|
117
117
|
if (!qn) throw Error("Vue 2 render context is not available.");
|
|
118
118
|
let r = t && typeof t == "object" && !Array.isArray(t) ? t : {}, i = typeof e == "string" ? Xn(r) : Zn(r), a = arguments.length === 2 && (Array.isArray(t) || typeof t == "string") ? t : tr(n);
|
|
119
119
|
return qn(e, i, a);
|
|
120
120
|
}
|
|
121
|
-
function
|
|
121
|
+
function W(e) {
|
|
122
122
|
return Wn.observable({ value: e });
|
|
123
123
|
}
|
|
124
|
-
var
|
|
125
|
-
function
|
|
124
|
+
var G = W;
|
|
125
|
+
function K(e) {
|
|
126
126
|
return { get value() {
|
|
127
127
|
return e();
|
|
128
128
|
} };
|
|
129
129
|
}
|
|
130
|
-
function
|
|
130
|
+
function q(e, t, n) {
|
|
131
131
|
let r = typeof e == "function" ? e : () => e.value;
|
|
132
132
|
return Gn?.$watch ? Gn.$watch(r, t, n) : () => void 0;
|
|
133
133
|
}
|
|
134
134
|
function nr(e) {
|
|
135
135
|
Kn?.mounted.push(e);
|
|
136
136
|
}
|
|
137
|
-
function
|
|
137
|
+
function J(e) {
|
|
138
138
|
Kn?.beforeUnmount.push(e);
|
|
139
139
|
}
|
|
140
|
-
function
|
|
140
|
+
function Y(e) {
|
|
141
141
|
return Wn.nextTick(e);
|
|
142
142
|
}
|
|
143
|
-
function
|
|
143
|
+
function X(e) {
|
|
144
144
|
return Wn.extend({
|
|
145
145
|
name: e.name,
|
|
146
146
|
props: e.props,
|
|
@@ -1499,10 +1499,10 @@ var rr = {
|
|
|
1499
1499
|
}
|
|
1500
1500
|
};
|
|
1501
1501
|
function ir(e) {
|
|
1502
|
-
return e.map(([e, t]) =>
|
|
1502
|
+
return e.map(([e, t]) => U(e, t));
|
|
1503
1503
|
}
|
|
1504
|
-
function
|
|
1505
|
-
return
|
|
1504
|
+
function Z(e) {
|
|
1505
|
+
return X({
|
|
1506
1506
|
name: `MarkweaveVue2Icon${e}`,
|
|
1507
1507
|
props: {
|
|
1508
1508
|
size: {
|
|
@@ -1520,7 +1520,7 @@ function X(e) {
|
|
|
1520
1520
|
},
|
|
1521
1521
|
setup(t) {
|
|
1522
1522
|
let n = rr[e];
|
|
1523
|
-
return () =>
|
|
1523
|
+
return () => U("svg", {
|
|
1524
1524
|
class: `lucide lucide-${n.iconName}`,
|
|
1525
1525
|
viewBox: "0 0 24 24",
|
|
1526
1526
|
width: t.size,
|
|
@@ -1536,7 +1536,7 @@ function X(e) {
|
|
|
1536
1536
|
}
|
|
1537
1537
|
});
|
|
1538
1538
|
}
|
|
1539
|
-
var ar =
|
|
1539
|
+
var ar = Z("AlignCenter"), or = Z("AlignJustify"), sr = Z("AlignLeft"), cr = Z("AlignRight"), lr = Z("AlignVerticalJustifyCenter"), ur = Z("AlignVerticalJustifyEnd"), dr = Z("AlignVerticalJustifyStart"), fr = Z("AlertTriangle"), pr = Z("ArrowDown"), mr = Z("ArrowDownAZ"), hr = Z("ArrowLeft"), gr = Z("ArrowRight"), _r = Z("ArrowUp"), vr = Z("ArrowUpZA"), yr = Z("BetweenHorizontalEnd"), br = Z("BetweenHorizontalStart"), xr = Z("BetweenVerticalEnd"), Sr = Z("BetweenVerticalStart"), Cr = Z("Bold"), wr = Z("Braces"), Tr = Z("Captions"), Er = Z("Check"), Dr = Z("CheckCircle2"), Or = Z("ChevronDown"), kr = Z("ChevronRight"), Ar = Z("ChevronUp"), jr = Z("CircleX"), Mr = Z("Code2"), Nr = Z("CornerDownLeft"), Pr = Z("Copy"), Fr = Z("Download"), Ir = Z("Eye"), Lr = Z("ExternalLink"), Rr = Z("Heading1"), zr = Z("Heading2"), Br = Z("Heading3"), Vr = Z("Image"), Hr = Z("ImageUp"), Ur = Z("IndentDecrease"), Wr = Z("IndentIncrease"), Gr = Z("Info"), Kr = Z("Italic"), qr = Z("Lightbulb"), Jr = Z("Link2"), Yr = Z("List"), Xr = Z("ListChecks"), Zr = Z("ListOrdered"), Qr = Z("Minus"), $r = Z("MoreVertical"), ei = Z("PaintBucket"), ti = Z("Paperclip"), ni = Z("PencilLine"), ri = Z("Plus"), ii = Z("Quote"), ai = Z("Replace"), oi = Z("RotateCcw"), si = Z("Sigma"), ci = Z("SmilePlus"), li = Z("Sparkles"), ui = Z("Square"), di = Z("SquareX"), fi = Z("Strikethrough"), pi = Z("Subscript"), mi = Z("Superscript"), hi = Z("Table2"), gi = Z("TableCellsMerge"), _i = Z("TableCellsSplit"), vi = Z("Text"), yi = Z("Trash2"), bi = Z("Type"), xi = Z("Underline"), Si = Z("Upload"), Ci = Z("Video"), wi = Z("X"), Ti = te;
|
|
1540
1540
|
function Ei(e) {
|
|
1541
1541
|
let t = e.view.dom.closest(".markweave-editor-frame"), n = () => {
|
|
1542
1542
|
let n = t?.getAttribute("data-markweave-mode");
|
|
@@ -1547,7 +1547,7 @@ function Ei(e) {
|
|
|
1547
1547
|
mode: "live",
|
|
1548
1548
|
editable: e.isEditable
|
|
1549
1549
|
} : u(e);
|
|
1550
|
-
}, r =
|
|
1550
|
+
}, r = W(n()), i = m(e, () => {
|
|
1551
1551
|
r.value = n();
|
|
1552
1552
|
}), a = typeof MutationObserver > "u" || !t ? null : new MutationObserver(() => {
|
|
1553
1553
|
r.value = n();
|
|
@@ -1555,7 +1555,7 @@ function Ei(e) {
|
|
|
1555
1555
|
return a && t && a.observe(t, {
|
|
1556
1556
|
attributes: !0,
|
|
1557
1557
|
attributeFilter: ["data-markweave-mode"]
|
|
1558
|
-
}),
|
|
1558
|
+
}), J(() => {
|
|
1559
1559
|
i(), a?.disconnect();
|
|
1560
1560
|
}), r;
|
|
1561
1561
|
}
|
|
@@ -1569,14 +1569,14 @@ function ki(e) {
|
|
|
1569
1569
|
return e instanceof Element && !!e.closest("[data-markweave-link-card-ui=\"true\"]");
|
|
1570
1570
|
}
|
|
1571
1571
|
function Ai(e, t) {
|
|
1572
|
-
return
|
|
1572
|
+
return U(e, {
|
|
1573
1573
|
size: 18,
|
|
1574
1574
|
strokeWidth: 1.8,
|
|
1575
1575
|
"aria-hidden": "true"
|
|
1576
1576
|
}, { default: () => t });
|
|
1577
1577
|
}
|
|
1578
1578
|
function ji(e) {
|
|
1579
|
-
return
|
|
1579
|
+
return U("button", {
|
|
1580
1580
|
type: "button",
|
|
1581
1581
|
"aria-label": e.label,
|
|
1582
1582
|
title: e.label,
|
|
@@ -1584,14 +1584,14 @@ function ji(e) {
|
|
|
1584
1584
|
"data-active": e.active ? "true" : "false",
|
|
1585
1585
|
onMousedown: (e) => e.preventDefault(),
|
|
1586
1586
|
onClick: e.onClick
|
|
1587
|
-
}, [Ai(e.icon, e.label),
|
|
1587
|
+
}, [Ai(e.icon, e.label), U("span", {
|
|
1588
1588
|
class: "markweave-image-tooltip",
|
|
1589
1589
|
role: "tooltip"
|
|
1590
1590
|
}, e.label)]);
|
|
1591
1591
|
}
|
|
1592
1592
|
function Mi(e) {
|
|
1593
|
-
let t =
|
|
1594
|
-
return
|
|
1593
|
+
let t = W(null), n = e.messages.image;
|
|
1594
|
+
return U("section", {
|
|
1595
1595
|
class: "markweave-image-upload-placeholder",
|
|
1596
1596
|
"data-testid": "markweave-image-upload-placeholder",
|
|
1597
1597
|
"data-drag-active": e.dragActive ? "true" : "false",
|
|
@@ -1609,7 +1609,7 @@ function Mi(e) {
|
|
|
1609
1609
|
n && e.onFile(n);
|
|
1610
1610
|
}
|
|
1611
1611
|
}, [
|
|
1612
|
-
|
|
1612
|
+
U("input", {
|
|
1613
1613
|
ref: t,
|
|
1614
1614
|
"data-testid": "markweave-image-file-input",
|
|
1615
1615
|
type: "file",
|
|
@@ -1620,20 +1620,20 @@ function Mi(e) {
|
|
|
1620
1620
|
r && e.onFile(r), n.value = "";
|
|
1621
1621
|
}
|
|
1622
1622
|
}),
|
|
1623
|
-
|
|
1623
|
+
U("div", {
|
|
1624
1624
|
class: "markweave-image-upload-icon",
|
|
1625
1625
|
"aria-hidden": "true"
|
|
1626
|
-
}, [
|
|
1626
|
+
}, [U(Hr, {
|
|
1627
1627
|
size: 46,
|
|
1628
1628
|
strokeWidth: 1.6
|
|
1629
1629
|
})]),
|
|
1630
|
-
|
|
1630
|
+
U("div", { class: "markweave-image-upload-copy" }, [U("button", {
|
|
1631
1631
|
type: "button",
|
|
1632
1632
|
onClick: () => t.value?.click()
|
|
1633
|
-
}, n.clickToUpload),
|
|
1634
|
-
|
|
1635
|
-
|
|
1636
|
-
|
|
1633
|
+
}, n.clickToUpload), U("span", null, n.dragAndDrop)]),
|
|
1634
|
+
U("div", { class: "markweave-image-upload-note" }, n.uploadNote),
|
|
1635
|
+
U("div", { class: "markweave-image-upload-row" }, [
|
|
1636
|
+
U("input", {
|
|
1637
1637
|
"data-testid": "markweave-image-url-input",
|
|
1638
1638
|
value: e.inputValue,
|
|
1639
1639
|
placeholder: n.uploadInputPlaceholder,
|
|
@@ -1643,30 +1643,30 @@ function Mi(e) {
|
|
|
1643
1643
|
t.key === "Enter" && (t.preventDefault(), e.onSubmit());
|
|
1644
1644
|
}
|
|
1645
1645
|
}),
|
|
1646
|
-
|
|
1646
|
+
U("button", {
|
|
1647
1647
|
type: "button",
|
|
1648
1648
|
"data-testid": "markweave-image-upload-submit",
|
|
1649
1649
|
disabled: e.isSubmitting || !e.inputValue.trim(),
|
|
1650
1650
|
onClick: e.onSubmit
|
|
1651
|
-
}, [
|
|
1651
|
+
}, [U(Hr, {
|
|
1652
1652
|
size: 16,
|
|
1653
1653
|
strokeWidth: 1.8
|
|
1654
1654
|
}), e.messages.common.insert]),
|
|
1655
|
-
|
|
1655
|
+
U("button", {
|
|
1656
1656
|
type: "button",
|
|
1657
1657
|
"data-testid": "markweave-image-upload-cancel",
|
|
1658
1658
|
onClick: e.onCancel
|
|
1659
1659
|
}, e.messages.common.cancel)
|
|
1660
1660
|
]),
|
|
1661
|
-
e.error ?
|
|
1661
|
+
e.error ? U("div", {
|
|
1662
1662
|
class: "markweave-image-upload-error",
|
|
1663
1663
|
role: "alert"
|
|
1664
1664
|
}, e.error) : null
|
|
1665
1665
|
]);
|
|
1666
1666
|
}
|
|
1667
1667
|
function Ni(e) {
|
|
1668
|
-
let t =
|
|
1669
|
-
return
|
|
1668
|
+
let t = W(null), n = e.messages.video;
|
|
1669
|
+
return U("section", {
|
|
1670
1670
|
class: "markweave-video-upload-placeholder",
|
|
1671
1671
|
"data-testid": "markweave-video-upload-placeholder",
|
|
1672
1672
|
"data-drag-active": e.dragActive ? "true" : "false",
|
|
@@ -1684,7 +1684,7 @@ function Ni(e) {
|
|
|
1684
1684
|
n && e.onFile(n);
|
|
1685
1685
|
}
|
|
1686
1686
|
}, [
|
|
1687
|
-
|
|
1687
|
+
U("input", {
|
|
1688
1688
|
ref: t,
|
|
1689
1689
|
"data-testid": "markweave-video-file-input",
|
|
1690
1690
|
type: "file",
|
|
@@ -1695,20 +1695,20 @@ function Ni(e) {
|
|
|
1695
1695
|
r && e.onFile(r), n.value = "";
|
|
1696
1696
|
}
|
|
1697
1697
|
}),
|
|
1698
|
-
|
|
1698
|
+
U("div", {
|
|
1699
1699
|
class: "markweave-video-upload-icon",
|
|
1700
1700
|
"aria-hidden": "true"
|
|
1701
|
-
}, [
|
|
1701
|
+
}, [U(Ci, {
|
|
1702
1702
|
size: 46,
|
|
1703
1703
|
strokeWidth: 1.6
|
|
1704
1704
|
})]),
|
|
1705
|
-
|
|
1705
|
+
U("div", { class: "markweave-video-upload-copy" }, [U("button", {
|
|
1706
1706
|
type: "button",
|
|
1707
1707
|
onClick: () => t.value?.click()
|
|
1708
|
-
}, n.clickToUpload),
|
|
1709
|
-
|
|
1710
|
-
|
|
1711
|
-
|
|
1708
|
+
}, n.clickToUpload), U("span", null, n.dragAndDrop)]),
|
|
1709
|
+
U("div", { class: "markweave-video-upload-note" }, n.uploadNote),
|
|
1710
|
+
U("div", { class: "markweave-video-upload-row" }, [
|
|
1711
|
+
U("input", {
|
|
1712
1712
|
"data-testid": "markweave-video-url-input",
|
|
1713
1713
|
value: e.inputValue,
|
|
1714
1714
|
placeholder: n.uploadInputPlaceholder,
|
|
@@ -1718,28 +1718,28 @@ function Ni(e) {
|
|
|
1718
1718
|
t.key === "Enter" && (t.preventDefault(), e.onSubmit());
|
|
1719
1719
|
}
|
|
1720
1720
|
}),
|
|
1721
|
-
|
|
1721
|
+
U("button", {
|
|
1722
1722
|
type: "button",
|
|
1723
1723
|
"data-testid": "markweave-video-upload-submit",
|
|
1724
1724
|
disabled: e.isSubmitting || !e.inputValue.trim(),
|
|
1725
1725
|
onClick: e.onSubmit
|
|
1726
|
-
}, [
|
|
1726
|
+
}, [U(Si, {
|
|
1727
1727
|
size: 16,
|
|
1728
1728
|
strokeWidth: 1.8
|
|
1729
1729
|
}), e.messages.common.insert]),
|
|
1730
|
-
|
|
1730
|
+
U("button", {
|
|
1731
1731
|
type: "button",
|
|
1732
1732
|
"data-testid": "markweave-video-upload-cancel",
|
|
1733
1733
|
onClick: e.onCancel
|
|
1734
1734
|
}, e.messages.common.cancel)
|
|
1735
1735
|
]),
|
|
1736
|
-
e.error ?
|
|
1736
|
+
e.error ? U("div", {
|
|
1737
1737
|
class: "markweave-video-upload-error",
|
|
1738
1738
|
role: "alert"
|
|
1739
1739
|
}, e.error) : null
|
|
1740
1740
|
]);
|
|
1741
1741
|
}
|
|
1742
|
-
var Pi =
|
|
1742
|
+
var Pi = X({
|
|
1743
1743
|
name: "MarkweaveVueImageNodeView",
|
|
1744
1744
|
props: {
|
|
1745
1745
|
editor: {
|
|
@@ -1772,8 +1772,8 @@ var Pi = Y({
|
|
|
1772
1772
|
}
|
|
1773
1773
|
},
|
|
1774
1774
|
setup(e) {
|
|
1775
|
-
let t =
|
|
1776
|
-
|
|
1775
|
+
let t = W(null), r = W(!1), i = W(!1), a = W(!1), o = W(""), c = W(null), l = W(!1), u = K(() => e.node.attrs), f = W(!!P(u.value.caption)), p = W(P(u.value.caption) ?? ""), m = Ei(e.editor), h = K(() => d(m.value)), g = K(() => e.extension.options?.messages ?? n("zh")), _ = K(() => g.value.image), v = K(() => P(u.value.src)), y = K(() => e.extension.options?.resolveMediaSource), x = W(null), C = null;
|
|
1776
|
+
q(v, (t) => {
|
|
1777
1777
|
if (C?.abort(), C = null, !t) {
|
|
1778
1778
|
x.value = null;
|
|
1779
1779
|
return;
|
|
@@ -1792,11 +1792,11 @@ var Pi = Y({
|
|
|
1792
1792
|
}).then((e) => {
|
|
1793
1793
|
r.signal.aborted || (x.value = e);
|
|
1794
1794
|
});
|
|
1795
|
-
}, { immediate: !0 }),
|
|
1796
|
-
let w =
|
|
1795
|
+
}, { immediate: !0 }), J(() => C?.abort());
|
|
1796
|
+
let w = K(() => x.value?.src ?? (y.value ? null : v.value)), E = K(() => Ti(u.value.align)), D = K(() => N(u.value.width)), A = K(() => P(u.value.caption)), ee = K(() => h.value && (!v.value || i.value)), te = () => {
|
|
1797
1797
|
w.value && b({
|
|
1798
1798
|
src: w.value,
|
|
1799
|
-
alt:
|
|
1799
|
+
alt: P(u.value.alt) ?? "",
|
|
1800
1800
|
messages: {
|
|
1801
1801
|
dialogAriaLabel: _.value.previewDialogAriaLabel,
|
|
1802
1802
|
zoomOut: _.value.previewZoomOut,
|
|
@@ -1806,14 +1806,14 @@ var Pi = Y({
|
|
|
1806
1806
|
}
|
|
1807
1807
|
});
|
|
1808
1808
|
};
|
|
1809
|
-
|
|
1809
|
+
q(A, (e) => {
|
|
1810
1810
|
f.value || (p.value = e ?? "");
|
|
1811
1811
|
});
|
|
1812
|
-
let
|
|
1812
|
+
let M = () => {
|
|
1813
1813
|
if (!h.value) return;
|
|
1814
1814
|
let t = e.getPos();
|
|
1815
1815
|
typeof t == "number" && e.editor.chain().focus().setNodeSelection(t).run();
|
|
1816
|
-
},
|
|
1816
|
+
}, I = () => {
|
|
1817
1817
|
if (o.value = "", c.value = null, a.value = !1, v.value) {
|
|
1818
1818
|
i.value = !1;
|
|
1819
1819
|
return;
|
|
@@ -1824,7 +1824,7 @@ var Pi = Y({
|
|
|
1824
1824
|
let n = e.extension.options;
|
|
1825
1825
|
l.value = !0, c.value = null;
|
|
1826
1826
|
try {
|
|
1827
|
-
let r = await
|
|
1827
|
+
let r = await L(k(t, v.value && i.value ? "image-replace" : "image-insert"), n?.onUpload);
|
|
1828
1828
|
e.updateAttributes(T(u.value, r)), o.value = "", i.value = !1;
|
|
1829
1829
|
} catch (e) {
|
|
1830
1830
|
c.value = e instanceof Error ? e.message : _.value.uploadFailedError;
|
|
@@ -1836,18 +1836,18 @@ var Pi = Y({
|
|
|
1836
1836
|
c.value = _.value.uploadRequiredError;
|
|
1837
1837
|
return;
|
|
1838
1838
|
}
|
|
1839
|
-
R(
|
|
1840
|
-
},
|
|
1839
|
+
R(F(o.value));
|
|
1840
|
+
}, B = (e) => {
|
|
1841
1841
|
R({
|
|
1842
1842
|
type: "file",
|
|
1843
1843
|
file: e,
|
|
1844
1844
|
mimeType: e.type || "image/*"
|
|
1845
1845
|
});
|
|
1846
|
-
},
|
|
1846
|
+
}, V = () => {
|
|
1847
1847
|
f.value = !f.value, f.value && (p.value = A.value ?? "");
|
|
1848
|
-
},
|
|
1848
|
+
}, H = (n, r) => {
|
|
1849
1849
|
if (!h.value || !v.value) return;
|
|
1850
|
-
r.preventDefault(), r.stopPropagation(),
|
|
1850
|
+
r.preventDefault(), r.stopPropagation(), M();
|
|
1851
1851
|
let i = t.value;
|
|
1852
1852
|
if (!i) return;
|
|
1853
1853
|
let a = r.clientX, o = i.getBoundingClientRect().width || D.value || 320, s = i.closest(".markweave-editor-surface")?.getBoundingClientRect().width ?? i.parentElement?.getBoundingClientRect().width ?? o, c = (t) => {
|
|
@@ -1858,7 +1858,7 @@ var Pi = Y({
|
|
|
1858
1858
|
};
|
|
1859
1859
|
window.addEventListener("pointermove", c), window.addEventListener("pointerup", l, { once: !0 });
|
|
1860
1860
|
};
|
|
1861
|
-
return () =>
|
|
1861
|
+
return () => ee.value ? U(s, {
|
|
1862
1862
|
as: "figure",
|
|
1863
1863
|
class: "markweave-image-node",
|
|
1864
1864
|
"data-testid": "markweave-image-node",
|
|
@@ -1875,13 +1875,13 @@ var Pi = Y({
|
|
|
1875
1875
|
onInputValue: (e) => {
|
|
1876
1876
|
o.value = e;
|
|
1877
1877
|
},
|
|
1878
|
-
onFile:
|
|
1878
|
+
onFile: B,
|
|
1879
1879
|
onSubmit: z,
|
|
1880
|
-
onCancel:
|
|
1880
|
+
onCancel: I,
|
|
1881
1881
|
onDragActive: (e) => {
|
|
1882
1882
|
a.value = e;
|
|
1883
1883
|
}
|
|
1884
|
-
})) :
|
|
1884
|
+
})) : U(s, {
|
|
1885
1885
|
as: "figure",
|
|
1886
1886
|
class: "markweave-image-node",
|
|
1887
1887
|
"data-testid": "markweave-image-node",
|
|
@@ -1896,10 +1896,10 @@ var Pi = Y({
|
|
|
1896
1896
|
r.value = !1;
|
|
1897
1897
|
},
|
|
1898
1898
|
onMousedown: (e) => {
|
|
1899
|
-
h.value && !Di(e.target) &&
|
|
1899
|
+
h.value && !Di(e.target) && M();
|
|
1900
1900
|
}
|
|
1901
1901
|
}, () => [
|
|
1902
|
-
h.value ?
|
|
1902
|
+
h.value ? U("div", {
|
|
1903
1903
|
class: "markweave-image-toolbar",
|
|
1904
1904
|
"data-testid": "markweave-image-toolbar",
|
|
1905
1905
|
"data-markweave-image-ui": "true",
|
|
@@ -1926,7 +1926,7 @@ var Pi = Y({
|
|
|
1926
1926
|
active: E.value === "right",
|
|
1927
1927
|
onClick: () => e.updateAttributes({ align: "right" })
|
|
1928
1928
|
}),
|
|
1929
|
-
|
|
1929
|
+
U("span", {
|
|
1930
1930
|
class: "markweave-image-toolbar-divider",
|
|
1931
1931
|
"aria-hidden": "true"
|
|
1932
1932
|
}),
|
|
@@ -1935,13 +1935,13 @@ var Pi = Y({
|
|
|
1935
1935
|
label: _.value.caption,
|
|
1936
1936
|
icon: Tr,
|
|
1937
1937
|
active: f.value || !!A.value,
|
|
1938
|
-
onClick:
|
|
1938
|
+
onClick: V
|
|
1939
1939
|
}),
|
|
1940
1940
|
ji({
|
|
1941
1941
|
testId: "markweave-image-preview",
|
|
1942
1942
|
label: _.value.preview,
|
|
1943
1943
|
icon: Ir,
|
|
1944
|
-
onClick:
|
|
1944
|
+
onClick: te
|
|
1945
1945
|
}),
|
|
1946
1946
|
ji({
|
|
1947
1947
|
testId: "markweave-image-download",
|
|
@@ -1959,7 +1959,7 @@ var Pi = Y({
|
|
|
1959
1959
|
o.value = "", c.value = null, i.value = !0;
|
|
1960
1960
|
}
|
|
1961
1961
|
}),
|
|
1962
|
-
|
|
1962
|
+
U("span", {
|
|
1963
1963
|
class: "markweave-image-toolbar-divider",
|
|
1964
1964
|
"aria-hidden": "true"
|
|
1965
1965
|
}),
|
|
@@ -1970,7 +1970,7 @@ var Pi = Y({
|
|
|
1970
1970
|
onClick: () => e.deleteNode()
|
|
1971
1971
|
})
|
|
1972
1972
|
]) : null,
|
|
1973
|
-
|
|
1973
|
+
U("div", {
|
|
1974
1974
|
ref: t,
|
|
1975
1975
|
class: "markweave-image-box",
|
|
1976
1976
|
style: {
|
|
@@ -1978,22 +1978,22 @@ var Pi = Y({
|
|
|
1978
1978
|
...x.value?.width && x.value.height ? { aspectRatio: `${x.value.width} / ${x.value.height}` } : {}
|
|
1979
1979
|
}
|
|
1980
1980
|
}, [
|
|
1981
|
-
w.value ?
|
|
1981
|
+
w.value ? U("img", {
|
|
1982
1982
|
class: "markweave-image",
|
|
1983
1983
|
src: w.value,
|
|
1984
|
-
alt:
|
|
1985
|
-
title:
|
|
1984
|
+
alt: P(u.value.alt) ?? "",
|
|
1985
|
+
title: P(u.value.title) ?? void 0,
|
|
1986
1986
|
draggable: !1,
|
|
1987
1987
|
loading: "lazy",
|
|
1988
1988
|
decoding: "async",
|
|
1989
1989
|
width: x.value?.width,
|
|
1990
1990
|
height: x.value?.height
|
|
1991
|
-
}) :
|
|
1991
|
+
}) : U("div", {
|
|
1992
1992
|
class: "markweave-image-readonly-empty",
|
|
1993
1993
|
"data-testid": "markweave-image-readonly-empty",
|
|
1994
1994
|
"aria-hidden": "true"
|
|
1995
1995
|
}),
|
|
1996
|
-
!h.value && w.value ?
|
|
1996
|
+
!h.value && w.value ? U("button", {
|
|
1997
1997
|
type: "button",
|
|
1998
1998
|
class: "markweave-image-preview-trigger",
|
|
1999
1999
|
"data-testid": "markweave-image-preview",
|
|
@@ -2001,34 +2001,34 @@ var Pi = Y({
|
|
|
2001
2001
|
"aria-label": _.value.preview,
|
|
2002
2002
|
title: _.value.preview,
|
|
2003
2003
|
onMousedown: (e) => e.preventDefault(),
|
|
2004
|
-
onClick:
|
|
2005
|
-
}, [
|
|
2004
|
+
onClick: te
|
|
2005
|
+
}, [U(Ir, {
|
|
2006
2006
|
size: 16,
|
|
2007
2007
|
strokeWidth: 1.8
|
|
2008
|
-
}),
|
|
2008
|
+
}), U("span", {
|
|
2009
2009
|
class: "markweave-image-tooltip",
|
|
2010
2010
|
role: "tooltip"
|
|
2011
2011
|
}, _.value.preview)]) : null,
|
|
2012
|
-
h.value ?
|
|
2012
|
+
h.value ? U("button", {
|
|
2013
2013
|
type: "button",
|
|
2014
2014
|
class: "markweave-image-resize-handle",
|
|
2015
2015
|
"data-testid": "markweave-image-resize-left",
|
|
2016
2016
|
"data-side": "left",
|
|
2017
2017
|
"aria-label": _.value.resizeLeft,
|
|
2018
2018
|
"data-markweave-image-ui": "true",
|
|
2019
|
-
onPointerdown: (e) =>
|
|
2019
|
+
onPointerdown: (e) => H("left", e)
|
|
2020
2020
|
}) : null,
|
|
2021
|
-
h.value ?
|
|
2021
|
+
h.value ? U("button", {
|
|
2022
2022
|
type: "button",
|
|
2023
2023
|
class: "markweave-image-resize-handle",
|
|
2024
2024
|
"data-testid": "markweave-image-resize-right",
|
|
2025
2025
|
"data-side": "right",
|
|
2026
2026
|
"aria-label": _.value.resizeRight,
|
|
2027
2027
|
"data-markweave-image-ui": "true",
|
|
2028
|
-
onPointerdown: (e) =>
|
|
2028
|
+
onPointerdown: (e) => H("right", e)
|
|
2029
2029
|
}) : null
|
|
2030
2030
|
]),
|
|
2031
|
-
h.value && (f.value || A.value) ?
|
|
2031
|
+
h.value && (f.value || A.value) ? U("input", {
|
|
2032
2032
|
class: "markweave-image-caption-input",
|
|
2033
2033
|
"data-testid": "markweave-image-caption-input",
|
|
2034
2034
|
"data-markweave-image-ui": "true",
|
|
@@ -2041,13 +2041,13 @@ var Pi = Y({
|
|
|
2041
2041
|
onKeydown: (e) => {
|
|
2042
2042
|
e.key === "Escape" && (e.preventDefault(), f.value = !1);
|
|
2043
2043
|
}
|
|
2044
|
-
}) : A.value ?
|
|
2044
|
+
}) : A.value ? U("figcaption", {
|
|
2045
2045
|
class: "markweave-image-caption",
|
|
2046
2046
|
"data-testid": "markweave-image-caption"
|
|
2047
2047
|
}, A.value) : null
|
|
2048
2048
|
]);
|
|
2049
2049
|
}
|
|
2050
|
-
}), Fi =
|
|
2050
|
+
}), Fi = X({
|
|
2051
2051
|
name: "MarkweaveVueVideoNodeView",
|
|
2052
2052
|
props: {
|
|
2053
2053
|
editor: {
|
|
@@ -2080,14 +2080,14 @@ var Pi = Y({
|
|
|
2080
2080
|
}
|
|
2081
2081
|
},
|
|
2082
2082
|
setup(e) {
|
|
2083
|
-
let t =
|
|
2083
|
+
let t = W(!1), r = W(""), i = W(null), a = W(!1), o = Ei(e.editor), c = K(() => d(o.value)), l = K(() => e.extension.options?.messages ?? n("zh")), u = K(() => l.value.video), f = K(() => e.node.attrs), p = K(() => P(f.value.src)), m = K(() => P(f.value.embedUrl)), h = K(() => P(f.value.provider)), g = K(() => m.value ? M(m.value, h.value) : null), _ = K(() => P(f.value.mimeType)), v = K(() => P(f.value.title)), y = () => {
|
|
2084
2084
|
p.value || e.deleteNode(), r.value = "", i.value = null, t.value = !1;
|
|
2085
2085
|
}, b = async (n) => {
|
|
2086
2086
|
if (!c.value) return;
|
|
2087
2087
|
let o = e.extension.options;
|
|
2088
2088
|
a.value = !0, i.value = null;
|
|
2089
2089
|
try {
|
|
2090
|
-
let t = await
|
|
2090
|
+
let t = await L(A(n), o?.onUpload);
|
|
2091
2091
|
e.updateAttributes(E(t)), r.value = "";
|
|
2092
2092
|
} catch (e) {
|
|
2093
2093
|
i.value = e instanceof Error ? e.message : u.value.uploadFailedError;
|
|
@@ -2115,7 +2115,7 @@ var Pi = Y({
|
|
|
2115
2115
|
}, w = (t) => {
|
|
2116
2116
|
c.value && e.selected && (t.key === "Backspace" || t.key === "Delete") && (t.preventDefault(), e.deleteNode());
|
|
2117
2117
|
};
|
|
2118
|
-
return () => c.value && !p.value ?
|
|
2118
|
+
return () => c.value && !p.value ? U(s, {
|
|
2119
2119
|
as: "figure",
|
|
2120
2120
|
class: "markweave-video-node",
|
|
2121
2121
|
"data-testid": "markweave-video-node",
|
|
@@ -2136,7 +2136,7 @@ var Pi = Y({
|
|
|
2136
2136
|
onDragActive: (e) => {
|
|
2137
2137
|
t.value = e;
|
|
2138
2138
|
}
|
|
2139
|
-
})) :
|
|
2139
|
+
})) : U(s, {
|
|
2140
2140
|
as: "figure",
|
|
2141
2141
|
class: "markweave-video-node",
|
|
2142
2142
|
"data-testid": "markweave-video-node",
|
|
@@ -2150,23 +2150,23 @@ var Pi = Y({
|
|
|
2150
2150
|
onMousedown: (e) => {
|
|
2151
2151
|
c.value && !Oi(e.target) && (e.preventDefault(), C());
|
|
2152
2152
|
}
|
|
2153
|
-
}, () => [g.value ?
|
|
2153
|
+
}, () => [g.value ? U("div", { class: "markweave-video-embed" }, [U("iframe", {
|
|
2154
2154
|
class: "markweave-video-iframe",
|
|
2155
2155
|
src: g.value,
|
|
2156
2156
|
title: v.value ?? `${h.value ?? "Video"} embed`,
|
|
2157
2157
|
"data-markweave-video-embed": "true",
|
|
2158
2158
|
"data-markweave-video-provider": h.value ?? void 0,
|
|
2159
2159
|
"data-markweave-video-src": p.value ?? void 0,
|
|
2160
|
-
allow:
|
|
2160
|
+
allow: ee,
|
|
2161
2161
|
loading: "lazy",
|
|
2162
2162
|
allowfullscreen: "true"
|
|
2163
|
-
}), c.value ?
|
|
2163
|
+
}), c.value ? U("button", {
|
|
2164
2164
|
type: "button",
|
|
2165
2165
|
class: "markweave-video-selection-layer",
|
|
2166
2166
|
"data-testid": "markweave-video-selection-layer",
|
|
2167
2167
|
tabindex: -1,
|
|
2168
2168
|
"aria-label": u.value.selectAriaLabel
|
|
2169
|
-
}) : null]) : p.value ?
|
|
2169
|
+
}) : null]) : p.value ? U("div", { class: "markweave-video-box" }, [U("video", {
|
|
2170
2170
|
class: "markweave-video",
|
|
2171
2171
|
src: p.value,
|
|
2172
2172
|
title: v.value ?? void 0,
|
|
@@ -2174,13 +2174,13 @@ var Pi = Y({
|
|
|
2174
2174
|
controls: !0,
|
|
2175
2175
|
"data-markweave-video": "true",
|
|
2176
2176
|
"data-markweave-mime-type": _.value ?? void 0
|
|
2177
|
-
}), c.value ?
|
|
2177
|
+
}), c.value ? U("button", {
|
|
2178
2178
|
type: "button",
|
|
2179
2179
|
class: "markweave-video-selection-layer",
|
|
2180
2180
|
"data-testid": "markweave-video-selection-layer",
|
|
2181
2181
|
tabindex: -1,
|
|
2182
2182
|
"aria-label": u.value.selectAriaLabel
|
|
2183
|
-
}) : null]) :
|
|
2183
|
+
}) : null]) : U("div", {
|
|
2184
2184
|
class: "markweave-video-readonly-empty",
|
|
2185
2185
|
"data-testid": "markweave-video-readonly-empty",
|
|
2186
2186
|
"aria-hidden": "true"
|
|
@@ -2204,7 +2204,7 @@ var Pi = Y({
|
|
|
2204
2204
|
onUpload: this.options.onUpload,
|
|
2205
2205
|
resolveMediaSource: t
|
|
2206
2206
|
});
|
|
2207
|
-
return (t) =>
|
|
2207
|
+
return (t) => P(t.node.attrs.src) ? r(t) : e(t);
|
|
2208
2208
|
}
|
|
2209
2209
|
}), Li = w.extend({
|
|
2210
2210
|
addOptions() {
|
|
@@ -2218,7 +2218,7 @@ var Pi = Y({
|
|
|
2218
2218
|
addNodeView() {
|
|
2219
2219
|
return typeof document > "u" ? null : c(Fi, { stopEvent: ({ event: e }) => Oi(e.target) });
|
|
2220
2220
|
}
|
|
2221
|
-
}), Ri =
|
|
2221
|
+
}), Ri = X({
|
|
2222
2222
|
name: "MarkweaveVueLinkCardNodeView",
|
|
2223
2223
|
props: {
|
|
2224
2224
|
editor: {
|
|
@@ -2251,11 +2251,11 @@ var Pi = Y({
|
|
|
2251
2251
|
}
|
|
2252
2252
|
},
|
|
2253
2253
|
setup(e) {
|
|
2254
|
-
let t = e.extension.options, r = t.messages ?? n("zh"), i = Ei(e.editor), a =
|
|
2255
|
-
|
|
2254
|
+
let t = e.extension.options, r = t.messages ?? n("zh"), i = Ei(e.editor), a = W(!1), o = W(!1), c = W(!1), l = K(() => _(e.node.attrs ?? {})), u = W(l.value?.title ?? ""), f = W(l.value?.href ?? "");
|
|
2255
|
+
q(l, (e) => {
|
|
2256
2256
|
u.value = e?.title ?? "", f.value = e?.href ?? "", c.value = !1;
|
|
2257
2257
|
});
|
|
2258
|
-
let p =
|
|
2258
|
+
let p = K(() => d(i.value)), m = K(() => {
|
|
2259
2259
|
try {
|
|
2260
2260
|
return new URL(l.value?.href ?? "").host;
|
|
2261
2261
|
} catch {
|
|
@@ -2279,18 +2279,18 @@ var Pi = Y({
|
|
|
2279
2279
|
...r,
|
|
2280
2280
|
...i
|
|
2281
2281
|
}) ?? r);
|
|
2282
|
-
}, C = (e, t, n, r) =>
|
|
2282
|
+
}, C = (e, t, n, r) => U("button", {
|
|
2283
2283
|
type: "button",
|
|
2284
2284
|
title: e,
|
|
2285
2285
|
"aria-label": e,
|
|
2286
2286
|
"data-testid": n,
|
|
2287
2287
|
onMousedown: h,
|
|
2288
2288
|
onClick: r
|
|
2289
|
-
}, [Ai(t, e),
|
|
2289
|
+
}, [Ai(t, e), U("span", { role: "tooltip" }, e)]);
|
|
2290
2290
|
return () => {
|
|
2291
2291
|
let n = l.value;
|
|
2292
2292
|
if (!n) return null;
|
|
2293
|
-
let i = !c.value && n.imageUrl ?
|
|
2293
|
+
let i = !c.value && n.imageUrl ? U("img", {
|
|
2294
2294
|
src: n.imageUrl,
|
|
2295
2295
|
alt: "",
|
|
2296
2296
|
loading: "lazy",
|
|
@@ -2298,7 +2298,7 @@ var Pi = Y({
|
|
|
2298
2298
|
onError: () => {
|
|
2299
2299
|
c.value = !0;
|
|
2300
2300
|
}
|
|
2301
|
-
}) : !c.value && n.faviconUrl ?
|
|
2301
|
+
}) : !c.value && n.faviconUrl ? U("img", {
|
|
2302
2302
|
class: "markweave-link-card-favicon",
|
|
2303
2303
|
src: n.faviconUrl,
|
|
2304
2304
|
alt: "",
|
|
@@ -2307,8 +2307,8 @@ var Pi = Y({
|
|
|
2307
2307
|
onError: () => {
|
|
2308
2308
|
c.value = !0;
|
|
2309
2309
|
}
|
|
2310
|
-
}) :
|
|
2311
|
-
return
|
|
2310
|
+
}) : U("b", null, m.value.slice(0, 1).toUpperCase());
|
|
2311
|
+
return U(s, {
|
|
2312
2312
|
as: "article",
|
|
2313
2313
|
class: "markweave-link-card",
|
|
2314
2314
|
"data-testid": "markweave-link-card",
|
|
@@ -2328,19 +2328,19 @@ var Pi = Y({
|
|
|
2328
2328
|
ki(e.target) || (e.preventDefault(), n.href && window.open(n.href, "_blank", "noopener,noreferrer"));
|
|
2329
2329
|
}
|
|
2330
2330
|
}, () => [
|
|
2331
|
-
|
|
2331
|
+
U("a", {
|
|
2332
2332
|
class: "markweave-link-card-main",
|
|
2333
2333
|
href: n.href,
|
|
2334
2334
|
"aria-label": r.linkCard.open
|
|
2335
|
-
}, [
|
|
2336
|
-
|
|
2337
|
-
n.description ?
|
|
2338
|
-
|
|
2339
|
-
]),
|
|
2335
|
+
}, [U("span", { class: "markweave-link-card-copy" }, [
|
|
2336
|
+
U("strong", null, n.title),
|
|
2337
|
+
n.description ? U("span", null, n.description) : null,
|
|
2338
|
+
U("small", null, n.siteName ?? m.value)
|
|
2339
|
+
]), U("span", {
|
|
2340
2340
|
class: "markweave-link-card-media",
|
|
2341
2341
|
"aria-hidden": "true"
|
|
2342
2342
|
}, [i])]),
|
|
2343
|
-
p.value && a.value ?
|
|
2343
|
+
p.value && a.value ? U("div", {
|
|
2344
2344
|
class: "markweave-link-card-tools",
|
|
2345
2345
|
"data-markweave-link-card-ui": "true",
|
|
2346
2346
|
"aria-label": r.linkCard.toolsAriaLabel
|
|
@@ -2359,13 +2359,13 @@ var Pi = Y({
|
|
|
2359
2359
|
})),
|
|
2360
2360
|
C(r.linkCard.delete, yi, "markweave-link-card-delete", () => e.deleteNode())
|
|
2361
2361
|
]) : null,
|
|
2362
|
-
p.value && o.value ?
|
|
2362
|
+
p.value && o.value ? U("form", {
|
|
2363
2363
|
class: "markweave-link-card-editor",
|
|
2364
2364
|
"data-markweave-link-card-ui": "true",
|
|
2365
2365
|
"data-testid": "markweave-link-card-editor",
|
|
2366
2366
|
onSubmit: S
|
|
2367
2367
|
}, [
|
|
2368
|
-
|
|
2368
|
+
U("label", null, [U("span", null, r.linkCard.titleLabel), U("input", {
|
|
2369
2369
|
value: u.value,
|
|
2370
2370
|
placeholder: r.linkCard.titlePlaceholder,
|
|
2371
2371
|
"aria-label": r.linkCard.titleLabel,
|
|
@@ -2373,7 +2373,7 @@ var Pi = Y({
|
|
|
2373
2373
|
u.value = e.target.value;
|
|
2374
2374
|
}
|
|
2375
2375
|
})]),
|
|
2376
|
-
|
|
2376
|
+
U("label", null, [U("span", null, r.linkCard.addressLabel), U("input", {
|
|
2377
2377
|
value: f.value,
|
|
2378
2378
|
placeholder: r.linkCard.addressPlaceholder,
|
|
2379
2379
|
"aria-label": r.linkCard.addressLabel,
|
|
@@ -2381,7 +2381,7 @@ var Pi = Y({
|
|
|
2381
2381
|
f.value = e.target.value;
|
|
2382
2382
|
}
|
|
2383
2383
|
})]),
|
|
2384
|
-
|
|
2384
|
+
U("button", {
|
|
2385
2385
|
type: "submit",
|
|
2386
2386
|
disabled: !v(f.value),
|
|
2387
2387
|
"aria-label": r.linkCard.edit
|
|
@@ -2453,56 +2453,56 @@ function Wi(e) {
|
|
|
2453
2453
|
}
|
|
2454
2454
|
return null;
|
|
2455
2455
|
}
|
|
2456
|
-
function
|
|
2457
|
-
return
|
|
2456
|
+
function Q(e, t, n = 18, r = 1.8) {
|
|
2457
|
+
return U(e, {
|
|
2458
2458
|
size: n,
|
|
2459
2459
|
strokeWidth: r,
|
|
2460
2460
|
"aria-hidden": "true"
|
|
2461
2461
|
}, { default: () => t });
|
|
2462
2462
|
}
|
|
2463
2463
|
function Gi(e) {
|
|
2464
|
-
return e === "clipboard" ? [
|
|
2464
|
+
return e === "clipboard" ? [U("path", { d: "M9 4.5h6a1.5 1.5 0 0 1 1.5 1.5v11A1.5 1.5 0 0 1 15 18.5H7A1.5 1.5 0 0 1 5.5 17V6A1.5 1.5 0 0 1 7 4.5h2" }), U("path", { d: "M8.5 5.5v-1A1.5 1.5 0 0 1 10 3h2a1.5 1.5 0 0 1 1.5 1.5v1h-5Z" })] : e === "search" ? [U("circle", {
|
|
2465
2465
|
cx: "10",
|
|
2466
2466
|
cy: "10",
|
|
2467
2467
|
r: "5.5"
|
|
2468
|
-
}),
|
|
2469
|
-
|
|
2470
|
-
|
|
2471
|
-
|
|
2472
|
-
|
|
2473
|
-
|
|
2474
|
-
|
|
2475
|
-
|
|
2476
|
-
|
|
2468
|
+
}), U("path", { d: "m14 14 4 4" })] : e === "check" ? [U("path", { d: "m5 11 4 4 8-9" })] : e === "expand" ? [
|
|
2469
|
+
U("path", { d: "M8 4H4v4" }),
|
|
2470
|
+
U("path", { d: "M4 4l5 5" }),
|
|
2471
|
+
U("path", { d: "M16 4h4v4" }),
|
|
2472
|
+
U("path", { d: "m20 4-5 5" }),
|
|
2473
|
+
U("path", { d: "M8 20H4v-4" }),
|
|
2474
|
+
U("path", { d: "m4 20 5-5" }),
|
|
2475
|
+
U("path", { d: "M16 20h4v-4" }),
|
|
2476
|
+
U("path", { d: "m20 20-5-5" })
|
|
2477
2477
|
] : e === "download" ? [
|
|
2478
|
-
|
|
2479
|
-
|
|
2480
|
-
|
|
2481
|
-
] : e === "close" ? [
|
|
2482
|
-
|
|
2478
|
+
U("path", { d: "M12 4v10" }),
|
|
2479
|
+
U("path", { d: "m8 10 4 4 4-4" }),
|
|
2480
|
+
U("path", { d: "M5 19h14" })
|
|
2481
|
+
] : e === "close" ? [U("path", { d: "M6 6l12 12" }), U("path", { d: "M18 6 6 18" })] : e === "zoomOut" ? [
|
|
2482
|
+
U("circle", {
|
|
2483
2483
|
cx: "10",
|
|
2484
2484
|
cy: "10",
|
|
2485
2485
|
r: "5.25"
|
|
2486
2486
|
}),
|
|
2487
|
-
|
|
2488
|
-
|
|
2487
|
+
U("path", { d: "M7.5 10h5" }),
|
|
2488
|
+
U("path", { d: "m14 14 4 4" })
|
|
2489
2489
|
] : e === "zoomIn" ? [
|
|
2490
|
-
|
|
2490
|
+
U("circle", {
|
|
2491
2491
|
cx: "10",
|
|
2492
2492
|
cy: "10",
|
|
2493
2493
|
r: "5.25"
|
|
2494
2494
|
}),
|
|
2495
|
-
|
|
2496
|
-
|
|
2497
|
-
|
|
2498
|
-
] : e === "reset" ? [
|
|
2495
|
+
U("path", { d: "M7.5 10h5" }),
|
|
2496
|
+
U("path", { d: "M10 7.5v5" }),
|
|
2497
|
+
U("path", { d: "m14 14 4 4" })
|
|
2498
|
+
] : e === "reset" ? [U("path", { d: "M6.5 8.5A6 6 0 1 1 6 15" }), U("path", { d: "M6.5 8.5H3.5v-3" })] : [U("path", { d: "m6 9 6 6 6-6" })];
|
|
2499
2499
|
}
|
|
2500
|
-
function
|
|
2501
|
-
return
|
|
2500
|
+
function Ki(e) {
|
|
2501
|
+
return U("svg", {
|
|
2502
2502
|
viewBox: "0 0 24 24",
|
|
2503
2503
|
"aria-hidden": "true",
|
|
2504
2504
|
focusable: "false"
|
|
2505
|
-
},
|
|
2505
|
+
}, U("g", {
|
|
2506
2506
|
fill: "none",
|
|
2507
2507
|
stroke: "currentColor",
|
|
2508
2508
|
"stroke-linecap": "round",
|
|
@@ -2513,11 +2513,11 @@ function Q(e) {
|
|
|
2513
2513
|
function $(e) {
|
|
2514
2514
|
e.preventDefault();
|
|
2515
2515
|
}
|
|
2516
|
-
function
|
|
2516
|
+
function qi(e) {
|
|
2517
2517
|
let t = jt(e);
|
|
2518
2518
|
return !t || typeof window > "u" || typeof window.open != "function" ? !1 : (window.open(t, "_blank", "noopener,noreferrer"), !0);
|
|
2519
2519
|
}
|
|
2520
|
-
var
|
|
2520
|
+
var Ji = {
|
|
2521
2521
|
bold: Cr,
|
|
2522
2522
|
italic: Kr,
|
|
2523
2523
|
underline: xi,
|
|
@@ -2534,7 +2534,7 @@ var qi = {
|
|
|
2534
2534
|
"align-justify": or,
|
|
2535
2535
|
"decrease-indent": Ur,
|
|
2536
2536
|
"increase-indent": Wr
|
|
2537
|
-
},
|
|
2537
|
+
}, Yi = {
|
|
2538
2538
|
type: vi,
|
|
2539
2539
|
"heading-1": Rr,
|
|
2540
2540
|
"heading-2": zr,
|
|
@@ -2557,16 +2557,16 @@ var qi = {
|
|
|
2557
2557
|
video: Ci,
|
|
2558
2558
|
attachment: ti
|
|
2559
2559
|
};
|
|
2560
|
-
function
|
|
2561
|
-
let t =
|
|
2562
|
-
return
|
|
2560
|
+
function Xi(e) {
|
|
2561
|
+
let t = Yi[e];
|
|
2562
|
+
return U(t, {
|
|
2563
2563
|
size: 18,
|
|
2564
2564
|
strokeWidth: 1.6,
|
|
2565
2565
|
absoluteStrokeWidth: !0,
|
|
2566
2566
|
"aria-hidden": "true"
|
|
2567
2567
|
});
|
|
2568
2568
|
}
|
|
2569
|
-
var
|
|
2569
|
+
var Zi = {
|
|
2570
2570
|
paragraph: bi,
|
|
2571
2571
|
"heading-1": Rr,
|
|
2572
2572
|
"heading-2": zr,
|
|
@@ -2577,10 +2577,10 @@ var Xi = {
|
|
|
2577
2577
|
quote: ii,
|
|
2578
2578
|
"code-block": wr
|
|
2579
2579
|
};
|
|
2580
|
-
function
|
|
2581
|
-
return
|
|
2580
|
+
function Qi(e, t) {
|
|
2581
|
+
return se(e, t).label;
|
|
2582
2582
|
}
|
|
2583
|
-
var
|
|
2583
|
+
var $i = X({
|
|
2584
2584
|
name: "MarkweaveVueFloatingToolbar",
|
|
2585
2585
|
props: {
|
|
2586
2586
|
editor: {
|
|
@@ -2605,73 +2605,73 @@ var Qi = Y({
|
|
|
2605
2605
|
}
|
|
2606
2606
|
},
|
|
2607
2607
|
setup(e) {
|
|
2608
|
-
let t =
|
|
2608
|
+
let t = W(null), n = W("input"), r = W(""), i = W(""), a = W(""), o = W(""), s = G(null), c = G(null), l = W(null), u = W(null), d = "", f = K(() => e.askAi?.enabled === !0 && typeof e.askAi.handler == "function"), p = W(""), m = W(null), h = W(null), g = W("bottom"), _ = W(null), v = W(null), y = W(null), b = K(() => jt(p.value.trim())), x = K(() => e.messages.floatingToolbar), S = K(() => de(e.messages).map((e) => [
|
|
2609
2609
|
e.id,
|
|
2610
2610
|
e.label,
|
|
2611
|
-
|
|
2612
|
-
])), C =
|
|
2611
|
+
Zi[e.id]
|
|
2612
|
+
])), C = K(() => ue(e.messages).map((e) => [
|
|
2613
2613
|
e.id,
|
|
2614
2614
|
e.value,
|
|
2615
2615
|
e.label
|
|
2616
|
-
])), w =
|
|
2616
|
+
])), w = K(() => ce(e.messages).map((e) => [
|
|
2617
2617
|
e.id,
|
|
2618
2618
|
e.value,
|
|
2619
2619
|
e.label
|
|
2620
|
-
])), T =
|
|
2620
|
+
])), T = K(() => le(e.messages).map((e) => e.id)), E = () => {
|
|
2621
2621
|
b.value && (e.editor.chain().focus().extendMarkRange("link").setLink({ href: b.value }).run(), t.value = null);
|
|
2622
2622
|
}, D = () => {
|
|
2623
2623
|
e.editor.isActive("link") && e.editor.chain().focus().extendMarkRange("link").unsetLink().run(), p.value = "", t.value = null;
|
|
2624
2624
|
}, O = (n) => {
|
|
2625
2625
|
t.value = t.value === n ? null : n, n === "link" && (p.value = e.editor.getAttributes("link").href ?? "");
|
|
2626
|
-
}, k =
|
|
2626
|
+
}, k = H(() => {
|
|
2627
2627
|
ze(e.editor, d), a.value = d;
|
|
2628
2628
|
}), A = (n = !0) => {
|
|
2629
|
-
c.value?.abort(), k.cancel(), d = "", c.value = null, l.value = null, n && Le(e.editor),
|
|
2629
|
+
c.value?.abort(), k.cancel(), d = "", c.value = null, l.value = null, n && Le(e.editor), ke(e.editor), t.value = null, n && e.editor.commands.focus();
|
|
2630
2630
|
}, j = () => {
|
|
2631
2631
|
if (!f.value) return;
|
|
2632
2632
|
let r = Ve(e.editor);
|
|
2633
|
-
r && (s.value = r, n.value = "input", a.value = "", o.value = "", i.value = "", t.value = "ask-ai",
|
|
2634
|
-
},
|
|
2633
|
+
r && (s.value = r, n.value = "input", a.value = "", o.value = "", i.value = "", t.value = "ask-ai", Y(() => u.value?.focus()));
|
|
2634
|
+
}, ee = async (t) => {
|
|
2635
2635
|
if (!f.value || e.askAi?.enabled !== !0 || !s.value) return;
|
|
2636
2636
|
let u = (t ?? r.value).trim();
|
|
2637
2637
|
if (!u) {
|
|
2638
2638
|
o.value = e.messages.askAi.emptyPrompt, n.value = "error";
|
|
2639
2639
|
return;
|
|
2640
2640
|
}
|
|
2641
|
-
let p =
|
|
2641
|
+
let p = je(e.editor, s.value);
|
|
2642
2642
|
if (!p) {
|
|
2643
2643
|
n.value = "conflict";
|
|
2644
2644
|
return;
|
|
2645
2645
|
}
|
|
2646
|
-
s.value = p, c.value?.abort(),
|
|
2647
|
-
let m = new AbortController(), h =
|
|
2646
|
+
s.value = p, c.value?.abort(), Oe(e.editor);
|
|
2647
|
+
let m = new AbortController(), h = Ae(p, u, e.lang, m.signal, void 0, Ne(e.editor)?.target);
|
|
2648
2648
|
c.value = m, l.value = h.id, i.value = u, k.cancel(), d = "", a.value = "", o.value = "", n.value = "generating";
|
|
2649
2649
|
try {
|
|
2650
2650
|
let t = await Re(e.askAi.handler, h, (e) => {
|
|
2651
2651
|
l.value === h.id && !m.signal.aborted && (d = e, k.schedule());
|
|
2652
2652
|
});
|
|
2653
2653
|
if (l.value !== h.id || m.signal.aborted) return;
|
|
2654
|
-
if (k.cancel(), d = t, !ze(e.editor, t)) throw new
|
|
2655
|
-
a.value = t, r.value = "", n.value =
|
|
2654
|
+
if (k.cancel(), d = t, !ze(e.editor, t)) throw new we("invalid-output", "Ask AI output is incompatible with the selected content.");
|
|
2655
|
+
a.value = t, r.value = "", n.value = Ne(e.editor)?.status === "target" ? "result" : "conflict";
|
|
2656
2656
|
} catch (t) {
|
|
2657
2657
|
if (l.value !== h.id) return;
|
|
2658
2658
|
if (k.cancel(), m.signal.aborted) {
|
|
2659
|
-
|
|
2659
|
+
Oe(e.editor), n.value = Ne(e.editor)?.status === "conflict" ? "conflict" : "input";
|
|
2660
2660
|
return;
|
|
2661
2661
|
}
|
|
2662
|
-
|
|
2662
|
+
Oe(e.editor), o.value = t instanceof we ? t.code === "empty-result" ? e.messages.askAi.emptyResult : e.messages.askAi.errorFallback : t instanceof Error && t.message ? t.message : e.messages.askAi.errorFallback, n.value = "error";
|
|
2663
2663
|
}
|
|
2664
|
-
},
|
|
2665
|
-
if (!
|
|
2666
|
-
n.value =
|
|
2664
|
+
}, te = () => {
|
|
2665
|
+
if (!Te(e.editor, a.value)) {
|
|
2666
|
+
n.value = Ne(e.editor)?.status === "conflict" ? "conflict" : "error", o.value = e.messages.askAi.errorFallback;
|
|
2667
2667
|
return;
|
|
2668
2668
|
}
|
|
2669
|
-
t.value = null, window.setTimeout(() =>
|
|
2670
|
-
},
|
|
2669
|
+
t.value = null, window.setTimeout(() => ke(e.editor), 560), e.editor.commands.focus();
|
|
2670
|
+
}, M = H(() => {
|
|
2671
2671
|
let n = _.value, r = y.value, i = e.editor.view.dom.closest(".markweave-editor-frame");
|
|
2672
2672
|
if (!t.value || !n || !r) return;
|
|
2673
2673
|
if (t.value === "ask-ai") {
|
|
2674
|
-
let t =
|
|
2674
|
+
let t = Pe(e.editor), n = v.value?.getBoundingClientRect();
|
|
2675
2675
|
if (!t || !n) return;
|
|
2676
2676
|
let a = {
|
|
2677
2677
|
anchorRect: n,
|
|
@@ -2681,18 +2681,18 @@ var Qi = Y({
|
|
|
2681
2681
|
height: window.innerHeight
|
|
2682
2682
|
},
|
|
2683
2683
|
frameRect: i?.getBoundingClientRect() ?? null,
|
|
2684
|
-
surfaceRect:
|
|
2685
|
-
}, o =
|
|
2684
|
+
surfaceRect: Me(e.editor.view.dom)
|
|
2685
|
+
}, o = Ee({
|
|
2686
2686
|
...a,
|
|
2687
2687
|
panelSize: r.getBoundingClientRect()
|
|
2688
2688
|
}), s = `${o.width}px`;
|
|
2689
|
-
r.style.width !== s && (r.style.width = s, o =
|
|
2689
|
+
r.style.width !== s && (r.style.width = s, o = Ee({
|
|
2690
2690
|
...a,
|
|
2691
2691
|
panelSize: r.getBoundingClientRect()
|
|
2692
2692
|
})), r.style.left = `${o.left}px`, r.style.top = `${o.top}px`, r.style.bottom = "auto", r.style.maxWidth = `${o.maxWidth}px`, r.style.maxHeight = `${Math.max(0, o.maxHeight)}px`, r.dataset.positioned = "true", g.value = o.placement;
|
|
2693
2693
|
return;
|
|
2694
2694
|
}
|
|
2695
|
-
let a =
|
|
2695
|
+
let a = _e({
|
|
2696
2696
|
toolbarRect: n.getBoundingClientRect(),
|
|
2697
2697
|
popoverSize: r.getBoundingClientRect(),
|
|
2698
2698
|
viewport: {
|
|
@@ -2703,27 +2703,35 @@ var Qi = Y({
|
|
|
2703
2703
|
gap: t.value === "more" ? 8 : 6
|
|
2704
2704
|
});
|
|
2705
2705
|
g.value = a.placement;
|
|
2706
|
-
}),
|
|
2707
|
-
let l =
|
|
2706
|
+
}), N = () => {
|
|
2707
|
+
let l = Ne(e.editor);
|
|
2708
2708
|
if (l?.target.kind === "table" && l.status === "target" && t.value !== "ask-ai") {
|
|
2709
|
-
s.value = l.selection, n.value = "input", r.value = "", a.value = "", o.value = "", i.value = "", t.value = "ask-ai",
|
|
2709
|
+
s.value = l.selection, n.value = "input", r.value = "", a.value = "", o.value = "", i.value = "", t.value = "ask-ai", Y(() => u.value?.focus());
|
|
2710
2710
|
return;
|
|
2711
2711
|
}
|
|
2712
2712
|
t.value === "ask-ai" && l?.status === "conflict" && (c.value?.abort(), k.cancel(), n.value = "conflict");
|
|
2713
|
-
},
|
|
2713
|
+
}, P = (e) => {
|
|
2714
2714
|
e.key !== "Escape" || t.value !== "ask-ai" || (e.preventDefault(), n.value === "generating" ? (c.value?.abort(), k.cancel(), n.value = "input") : A(!0));
|
|
2715
|
+
}, F = (e) => {
|
|
2716
|
+
if (!(!t.value || v.value?.contains(e.target))) {
|
|
2717
|
+
if (t.value === "ask-ai") {
|
|
2718
|
+
A(!0);
|
|
2719
|
+
return;
|
|
2720
|
+
}
|
|
2721
|
+
t.value = null;
|
|
2722
|
+
}
|
|
2715
2723
|
};
|
|
2716
|
-
|
|
2724
|
+
q(() => [
|
|
2717
2725
|
t.value,
|
|
2718
2726
|
n.value,
|
|
2719
2727
|
a.value,
|
|
2720
2728
|
o.value
|
|
2721
2729
|
], ([e]) => {
|
|
2722
|
-
e &&
|
|
2730
|
+
e && Y(M.schedule);
|
|
2723
2731
|
}), nr(() => {
|
|
2724
|
-
window.addEventListener("resize",
|
|
2725
|
-
}),
|
|
2726
|
-
|
|
2732
|
+
window.addEventListener("resize", M.schedule), window.addEventListener("scroll", M.schedule, !0), e.editor.on("transaction", N), document.addEventListener("pointerdown", F, !0), document.addEventListener("keydown", P, !0);
|
|
2733
|
+
}), J(() => {
|
|
2734
|
+
M.cancel(), k.cancel(), window.removeEventListener("resize", M.schedule), window.removeEventListener("scroll", M.schedule, !0), e.editor.off("transaction", N), document.removeEventListener("pointerdown", F, !0), document.removeEventListener("keydown", P, !0), c.value?.abort(), ke(e.editor);
|
|
2727
2735
|
});
|
|
2728
2736
|
let I = (n) => n === "block-type" || n === "color" || n === "more" ? t.value === n : n === "bold" ? e.editor.isActive("bold") : n === "italic" ? e.editor.isActive("italic") : n === "underline" ? e.editor.isActive("underline") : n === "strike" ? e.editor.isActive("strike") : n === "inline-code" ? e.editor.isActive("code") : n === "link" ? e.editor.isActive("link") : !1, L = (e, t) => {
|
|
2729
2737
|
if (m.value = e, !e || !(t instanceof HTMLElement) || !v.value) {
|
|
@@ -2732,11 +2740,11 @@ var Qi = Y({
|
|
|
2732
2740
|
}
|
|
2733
2741
|
let n = t.getBoundingClientRect(), r = v.value.getBoundingClientRect();
|
|
2734
2742
|
h.value = n.left + n.width / 2 - r.left;
|
|
2735
|
-
},
|
|
2743
|
+
}, R = () => {
|
|
2736
2744
|
let e = m.value;
|
|
2737
2745
|
if (!e || t.value !== null) return null;
|
|
2738
2746
|
let n = x.value.buttons[e];
|
|
2739
|
-
return n ?
|
|
2747
|
+
return n ? U("div", {
|
|
2740
2748
|
class: "markweave-floating-toolbar-tooltip",
|
|
2741
2749
|
role: "tooltip",
|
|
2742
2750
|
"data-testid": "markweave-floating-toolbar-tooltip",
|
|
@@ -2744,7 +2752,7 @@ var Qi = Y({
|
|
|
2744
2752
|
"data-active": I(e),
|
|
2745
2753
|
style: h.value === null ? void 0 : { "--markweave-floating-toolbar-tooltip-left": `${h.value}px` }
|
|
2746
2754
|
}, n) : null;
|
|
2747
|
-
},
|
|
2755
|
+
}, B = (n, r, i, a, o = !1, s) => U("button", {
|
|
2748
2756
|
type: "button",
|
|
2749
2757
|
class: `markweave-floating-toolbar-button markweave-floating-toolbar-button--${n}`,
|
|
2750
2758
|
"aria-label": r,
|
|
@@ -2764,13 +2772,13 @@ var Qi = Y({
|
|
|
2764
2772
|
onMouseenter: (e) => L(n, e.currentTarget),
|
|
2765
2773
|
onMouseleave: () => L(null),
|
|
2766
2774
|
onClick: a
|
|
2767
|
-
}, n === "ask-ai" ? [
|
|
2775
|
+
}, n === "ask-ai" ? [U("span", { class: "markweave-floating-toolbar-button-inner" }, [Q(i, r), U("span", null, s ?? r)])] : n === "block-type" ? [U("span", { class: "markweave-floating-toolbar-button-inner" }, [U("span", { class: "markweave-floating-toolbar-block-label" }, Qi(e.editor, e.messages)), Q(t.value === "block-type" ? Ar : Or, r)])] : n === "color" ? [U("span", { class: "markweave-floating-toolbar-button-inner markweave-floating-toolbar-button-inner--color" }, [U("span", { class: "markweave-floating-toolbar-color-trigger" }, "A"), Q(t.value === "color" ? Ar : Or, r)])] : [Q(i, r)]), V = () => U("span", {
|
|
2768
2776
|
class: "markweave-floating-toolbar-divider",
|
|
2769
2777
|
"aria-hidden": "true"
|
|
2770
|
-
}),
|
|
2778
|
+
}), ne = (n, r, i) => U("section", {
|
|
2771
2779
|
class: "markweave-floating-toolbar-color-section",
|
|
2772
2780
|
"aria-label": n
|
|
2773
|
-
}, [
|
|
2781
|
+
}, [U("div", { class: "markweave-floating-toolbar-menu-title" }, n), U("div", { class: "markweave-floating-toolbar-swatch-grid" }, i.map(([n, i, a]) => U("button", {
|
|
2774
2782
|
key: `${r}-${n}`,
|
|
2775
2783
|
type: "button",
|
|
2776
2784
|
"aria-label": a,
|
|
@@ -2779,24 +2787,24 @@ var Qi = Y({
|
|
|
2779
2787
|
onClick: () => {
|
|
2780
2788
|
r === "text" ? i ? e.editor.chain().focus().setColor(i).run() : e.editor.chain().focus().unsetColor().run() : i ? e.editor.chain().focus().toggleHighlight({ color: i }).run() : e.editor.chain().focus().unsetHighlight().run(), t.value = null;
|
|
2781
2789
|
}
|
|
2782
|
-
}, r === "text" ? [
|
|
2790
|
+
}, r === "text" ? [U("span", {
|
|
2783
2791
|
class: "markweave-floating-toolbar-text-swatch",
|
|
2784
2792
|
style: { color: i ?? "#646970" }
|
|
2785
|
-
}, "A")] : [
|
|
2793
|
+
}, "A")] : [U("span", {
|
|
2786
2794
|
class: "markweave-floating-toolbar-highlight-swatch",
|
|
2787
2795
|
style: { backgroundColor: i ?? "#ffffff" },
|
|
2788
2796
|
"aria-hidden": "true"
|
|
2789
|
-
})])))]),
|
|
2797
|
+
})])))]), re = () => {
|
|
2790
2798
|
if (t.value === "ask-ai") {
|
|
2791
|
-
let t = (e, t, n, r) =>
|
|
2799
|
+
let t = (e, t, n, r) => U("button", {
|
|
2792
2800
|
type: "button",
|
|
2793
2801
|
class: n,
|
|
2794
2802
|
onMousedown: $,
|
|
2795
2803
|
onClick: t
|
|
2796
|
-
}, r ? [
|
|
2804
|
+
}, r ? [Q(r, e), U("span", null, e)] : e), s = n.value === "input" || n.value === "result" || n.value === "error" ? U("div", {
|
|
2797
2805
|
class: "markweave-ask-ai-composer",
|
|
2798
2806
|
"data-variant": n.value === "result" ? "follow-up" : "prompt"
|
|
2799
|
-
}, [
|
|
2807
|
+
}, [U("textarea", {
|
|
2800
2808
|
ref: u,
|
|
2801
2809
|
class: "markweave-ask-ai-input",
|
|
2802
2810
|
rows: 2,
|
|
@@ -2807,19 +2815,19 @@ var Qi = Y({
|
|
|
2807
2815
|
r.value = e.target.value;
|
|
2808
2816
|
},
|
|
2809
2817
|
onKeydown: (e) => {
|
|
2810
|
-
e.key === "Enter" && !e.shiftKey && !e.isComposing && (e.preventDefault(),
|
|
2818
|
+
e.key === "Enter" && !e.shiftKey && !e.isComposing && (e.preventDefault(), ee());
|
|
2811
2819
|
}
|
|
2812
|
-
}),
|
|
2820
|
+
}), U("button", {
|
|
2813
2821
|
type: "button",
|
|
2814
2822
|
class: "markweave-ask-ai-send",
|
|
2815
2823
|
"aria-label": e.messages.askAi.send,
|
|
2816
2824
|
disabled: !r.value.trim(),
|
|
2817
2825
|
onMousedown: $,
|
|
2818
2826
|
onClick: () => {
|
|
2819
|
-
|
|
2827
|
+
ee();
|
|
2820
2828
|
}
|
|
2821
|
-
}, [
|
|
2822
|
-
return
|
|
2829
|
+
}, [Q(_r, e.messages.askAi.send)])]) : null;
|
|
2830
|
+
return U("section", {
|
|
2823
2831
|
ref: y,
|
|
2824
2832
|
class: "markweave-floating-toolbar-popover markweave-ask-ai-popover",
|
|
2825
2833
|
"aria-label": e.messages.askAi.ariaLabel,
|
|
@@ -2827,65 +2835,65 @@ var Qi = Y({
|
|
|
2827
2835
|
"data-testid": "markweave-ask-ai-popover"
|
|
2828
2836
|
}, [
|
|
2829
2837
|
s,
|
|
2830
|
-
n.value === "generating" ?
|
|
2838
|
+
n.value === "generating" ? U("div", {
|
|
2831
2839
|
class: "markweave-ask-ai-progress markweave-ask-ai-generating",
|
|
2832
2840
|
role: "status"
|
|
2833
2841
|
}, [
|
|
2834
|
-
|
|
2842
|
+
U("span", {
|
|
2835
2843
|
class: "markweave-ask-ai-sparkles",
|
|
2836
2844
|
"aria-hidden": "true"
|
|
2837
|
-
}, [
|
|
2838
|
-
|
|
2839
|
-
|
|
2845
|
+
}, [Q(li, "")]),
|
|
2846
|
+
U("span", { class: "markweave-ask-ai-progress-label" }, a.value ? e.messages.askAi.streaming : e.messages.askAi.generating),
|
|
2847
|
+
U("button", {
|
|
2840
2848
|
type: "button",
|
|
2841
2849
|
class: "markweave-ask-ai-stop",
|
|
2842
2850
|
"aria-label": e.messages.askAi.stop,
|
|
2843
2851
|
onMousedown: $,
|
|
2844
2852
|
onClick: () => {
|
|
2845
|
-
c.value?.abort(), k.cancel(),
|
|
2853
|
+
c.value?.abort(), k.cancel(), Oe(e.editor), n.value = "input";
|
|
2846
2854
|
}
|
|
2847
|
-
}, [
|
|
2855
|
+
}, [Q(ui, e.messages.askAi.stop)])
|
|
2848
2856
|
]) : null,
|
|
2849
|
-
n.value === "result" ?
|
|
2857
|
+
n.value === "result" ? U("div", { class: "markweave-ask-ai-action-bar" }, [
|
|
2850
2858
|
t(e.messages.askAi.retry, () => {
|
|
2851
|
-
|
|
2859
|
+
ee(i.value);
|
|
2852
2860
|
}, "markweave-ask-ai-retry", oi),
|
|
2853
|
-
|
|
2861
|
+
U("span", { class: "markweave-ask-ai-action-spacer" }),
|
|
2854
2862
|
t(e.messages.askAi.discard, () => A(!0), "markweave-ask-ai-discard", wi),
|
|
2855
|
-
t(e.messages.askAi.accept,
|
|
2863
|
+
t(e.messages.askAi.accept, te, "markweave-ask-ai-accept", Er)
|
|
2856
2864
|
]) : null,
|
|
2857
|
-
n.value === "error" || n.value === "conflict" ?
|
|
2865
|
+
n.value === "error" || n.value === "conflict" ? U("div", {
|
|
2858
2866
|
class: "markweave-ask-ai-error",
|
|
2859
2867
|
role: "alert"
|
|
2860
|
-
}, [n.value === "conflict" ? e.messages.askAi.conflict : o.value || e.messages.askAi.errorFallback,
|
|
2868
|
+
}, [n.value === "conflict" ? e.messages.askAi.conflict : o.value || e.messages.askAi.errorFallback, U("div", { class: "markweave-ask-ai-action-bar" }, [
|
|
2861
2869
|
n.value === "error" ? t(e.messages.askAi.retry, () => {
|
|
2862
|
-
|
|
2870
|
+
ee(i.value);
|
|
2863
2871
|
}, "markweave-ask-ai-retry", oi) : null,
|
|
2864
|
-
|
|
2872
|
+
U("span", { class: "markweave-ask-ai-action-spacer" }),
|
|
2865
2873
|
t(e.messages.askAi.discard, () => A(!0), "markweave-ask-ai-discard", wi)
|
|
2866
2874
|
])]) : null
|
|
2867
2875
|
]);
|
|
2868
2876
|
}
|
|
2869
|
-
return t.value === "block-type" ?
|
|
2877
|
+
return t.value === "block-type" ? U("div", {
|
|
2870
2878
|
ref: y,
|
|
2871
2879
|
class: "markweave-floating-toolbar-popover markweave-floating-toolbar-turn-menu",
|
|
2872
2880
|
"data-testid": "markweave-floating-toolbar-turn-menu"
|
|
2873
|
-
}, [
|
|
2881
|
+
}, [U("div", { class: "markweave-floating-toolbar-menu-title" }, x.value.turnIntoTitle), ...S.value.map(([n, r, i]) => U("button", {
|
|
2874
2882
|
key: n,
|
|
2875
2883
|
type: "button",
|
|
2876
2884
|
"data-testid": `markweave-floating-toolbar-turn-${n}`,
|
|
2877
2885
|
onMousedown: $,
|
|
2878
2886
|
onClick: () => {
|
|
2879
|
-
|
|
2887
|
+
pe(e.editor, n), t.value = null;
|
|
2880
2888
|
}
|
|
2881
|
-
}, [
|
|
2889
|
+
}, [U("span", { class: "markweave-floating-toolbar-menu-icon" }, [Q(i, r)]), U("span", null, r)]))]) : t.value === "link" ? U("form", {
|
|
2882
2890
|
class: "markweave-floating-toolbar-popover markweave-floating-toolbar-link-popover",
|
|
2883
2891
|
ref: y,
|
|
2884
2892
|
"data-testid": "markweave-floating-toolbar-link-popover",
|
|
2885
2893
|
onSubmit: (e) => {
|
|
2886
2894
|
e.preventDefault(), E();
|
|
2887
2895
|
}
|
|
2888
|
-
}, [
|
|
2896
|
+
}, [U("input", {
|
|
2889
2897
|
value: p.value,
|
|
2890
2898
|
placeholder: x.value.linkPlaceholder,
|
|
2891
2899
|
"aria-label": x.value.linkUrlLabel,
|
|
@@ -2893,45 +2901,45 @@ var Qi = Y({
|
|
|
2893
2901
|
onInput: (e) => {
|
|
2894
2902
|
p.value = e.target.value;
|
|
2895
2903
|
}
|
|
2896
|
-
}),
|
|
2897
|
-
|
|
2904
|
+
}), U("span", { class: "markweave-floating-toolbar-link-actions" }, [
|
|
2905
|
+
U("button", {
|
|
2898
2906
|
type: "submit",
|
|
2899
2907
|
disabled: !b.value,
|
|
2900
2908
|
"aria-label": x.value.applyLink,
|
|
2901
2909
|
"data-testid": "markweave-floating-toolbar-link-apply",
|
|
2902
2910
|
onMousedown: $
|
|
2903
|
-
}, [
|
|
2904
|
-
|
|
2911
|
+
}, [Q(Nr, x.value.applyLink)]),
|
|
2912
|
+
U("span", {
|
|
2905
2913
|
class: "markweave-floating-toolbar-link-divider",
|
|
2906
2914
|
"aria-hidden": "true"
|
|
2907
2915
|
}),
|
|
2908
|
-
|
|
2916
|
+
U("button", {
|
|
2909
2917
|
type: "button",
|
|
2910
2918
|
disabled: !b.value,
|
|
2911
2919
|
"aria-label": x.value.openLink,
|
|
2912
2920
|
"data-testid": "markweave-floating-toolbar-link-open",
|
|
2913
2921
|
onMousedown: $,
|
|
2914
|
-
onClick: () =>
|
|
2915
|
-
}, [
|
|
2916
|
-
|
|
2922
|
+
onClick: () => qi(p.value)
|
|
2923
|
+
}, [Q(Lr, x.value.openLink)]),
|
|
2924
|
+
U("button", {
|
|
2917
2925
|
type: "button",
|
|
2918
2926
|
"aria-label": x.value.removeLink,
|
|
2919
2927
|
"data-testid": "markweave-floating-toolbar-link-remove",
|
|
2920
2928
|
onMousedown: $,
|
|
2921
2929
|
onClick: D
|
|
2922
|
-
}, [
|
|
2923
|
-
])]) : t.value === "color" ?
|
|
2930
|
+
}, [Q(yi, x.value.removeLink)])
|
|
2931
|
+
])]) : t.value === "color" ? U("div", {
|
|
2924
2932
|
ref: y,
|
|
2925
2933
|
class: "markweave-floating-toolbar-popover markweave-floating-toolbar-color-popover",
|
|
2926
2934
|
"data-testid": "markweave-floating-toolbar-color-menu"
|
|
2927
|
-
}, [
|
|
2935
|
+
}, [ne(x.value.textColorTitle, "text", C.value), ne(x.value.highlightColorTitle, "highlight", w.value)]) : t.value === "more" ? U("div", {
|
|
2928
2936
|
ref: y,
|
|
2929
2937
|
class: "markweave-floating-toolbar-popover markweave-floating-toolbar-more-menu",
|
|
2930
2938
|
"data-testid": "markweave-floating-toolbar-more-menu"
|
|
2931
|
-
}, T.value.map((n) =>
|
|
2939
|
+
}, T.value.map((n) => U("span", {
|
|
2932
2940
|
key: n,
|
|
2933
2941
|
class: "markweave-floating-toolbar-more-item"
|
|
2934
|
-
}, [
|
|
2942
|
+
}, [U("button", {
|
|
2935
2943
|
type: "button",
|
|
2936
2944
|
"aria-label": x.value.moreActions[n],
|
|
2937
2945
|
"data-testid": `markweave-floating-toolbar-more-${n}`,
|
|
@@ -2944,57 +2952,61 @@ var Qi = Y({
|
|
|
2944
2952
|
m.value = null;
|
|
2945
2953
|
},
|
|
2946
2954
|
onClick: () => {
|
|
2947
|
-
|
|
2955
|
+
fe(e.editor, n), t.value = null;
|
|
2948
2956
|
}
|
|
2949
|
-
}, [
|
|
2957
|
+
}, [Q(Ji[n], x.value.moreActions[n])]), m.value === n ? U("div", {
|
|
2950
2958
|
class: "markweave-floating-toolbar-tooltip markweave-floating-toolbar-tooltip--more",
|
|
2951
2959
|
role: "tooltip"
|
|
2952
2960
|
}, x.value.moreActions[n]) : null]))) : null;
|
|
2953
2961
|
};
|
|
2954
|
-
return () =>
|
|
2962
|
+
return () => U(z, {
|
|
2955
2963
|
editor: e.editor,
|
|
2956
2964
|
shouldShow: ({ editor: e }) => {
|
|
2957
|
-
let t =
|
|
2958
|
-
return
|
|
2965
|
+
let t = Ne(e);
|
|
2966
|
+
return be(ve(e), {
|
|
2967
|
+
editable: e.isEditable,
|
|
2968
|
+
hasAskAiPreview: Fe(e.state),
|
|
2969
|
+
hasActiveAskAiTableTarget: t?.target.kind === "table" && t.status === "target"
|
|
2970
|
+
});
|
|
2959
2971
|
},
|
|
2960
2972
|
getReferencedVirtualElement: () => {
|
|
2961
|
-
let t =
|
|
2973
|
+
let t = Ne(e.editor)?.target.kind === "table" ? Pe(e.editor) : null;
|
|
2962
2974
|
return t ? {
|
|
2963
2975
|
getBoundingClientRect: () => new DOMRect(t.left, t.top, t.width, t.height),
|
|
2964
2976
|
getClientRects: () => [new DOMRect(t.left, t.top, t.width, t.height)]
|
|
2965
2977
|
} : null;
|
|
2966
2978
|
},
|
|
2967
2979
|
options: { placement: "top" }
|
|
2968
|
-
}, { default: () =>
|
|
2980
|
+
}, { default: () => U("div", {
|
|
2969
2981
|
ref: _,
|
|
2970
2982
|
class: "markweave-floating-toolbar markweave-floating-toolbar--default markweave-floating-toolbar--motion-entered",
|
|
2971
2983
|
"data-popover-placement": t.value ? g.value : void 0,
|
|
2972
2984
|
"data-ask-ai-session": t.value === "ask-ai" ? "open" : "closed",
|
|
2973
2985
|
"data-testid": "markweave-floating-toolbar"
|
|
2974
|
-
}, [
|
|
2986
|
+
}, [U("div", {
|
|
2975
2987
|
ref: v,
|
|
2976
2988
|
class: "markweave-floating-toolbar-content",
|
|
2977
2989
|
"data-menu": t.value ?? "none"
|
|
2978
2990
|
}, [
|
|
2979
|
-
f.value && Ie(e.editor) ?
|
|
2980
|
-
f.value && Ie(e.editor) ?
|
|
2981
|
-
|
|
2982
|
-
|
|
2983
|
-
|
|
2984
|
-
|
|
2985
|
-
|
|
2986
|
-
|
|
2987
|
-
|
|
2988
|
-
|
|
2989
|
-
|
|
2990
|
-
|
|
2991
|
-
|
|
2992
|
-
|
|
2993
|
-
|
|
2994
|
-
|
|
2991
|
+
f.value && Ie(e.editor) ? B("ask-ai", x.value.buttons["ask-ai"], li, j, t.value === "ask-ai", x.value.buttons["ask-ai"]) : null,
|
|
2992
|
+
f.value && Ie(e.editor) ? V() : null,
|
|
2993
|
+
B("block-type", x.value.buttons["block-type"], bi, () => O("block-type"), t.value === "block-type"),
|
|
2994
|
+
V(),
|
|
2995
|
+
B("bold", x.value.buttons.bold, Cr, () => e.editor.chain().focus().toggleBold().run(), e.editor.isActive("bold")),
|
|
2996
|
+
B("italic", x.value.buttons.italic, Kr, () => e.editor.chain().focus().toggleItalic().run(), e.editor.isActive("italic")),
|
|
2997
|
+
B("underline", x.value.buttons.underline, xi, () => e.editor.chain().focus().toggleUnderline().run(), e.editor.isActive("underline")),
|
|
2998
|
+
B("strike", x.value.buttons.strike, fi, () => e.editor.chain().focus().toggleStrike().run(), e.editor.isActive("strike")),
|
|
2999
|
+
B("inline-code", x.value.buttons["inline-code"], Mr, () => e.editor.chain().focus().toggleCode().run(), e.editor.isActive("code")),
|
|
3000
|
+
V(),
|
|
3001
|
+
B("link", x.value.buttons.link, Jr, () => O("link"), e.editor.isActive("link")),
|
|
3002
|
+
B("color", x.value.buttons.color, bi, () => O("color"), t.value === "color"),
|
|
3003
|
+
V(),
|
|
3004
|
+
B("more", x.value.buttons.more, $r, () => O("more"), t.value === "more"),
|
|
3005
|
+
re(),
|
|
3006
|
+
R()
|
|
2995
3007
|
])]) });
|
|
2996
3008
|
}
|
|
2997
|
-
}),
|
|
3009
|
+
}), ea = X({
|
|
2998
3010
|
name: "MarkweaveVueMathEditorPopover",
|
|
2999
3011
|
props: {
|
|
3000
3012
|
editor: {
|
|
@@ -3015,10 +3027,10 @@ var Qi = Y({
|
|
|
3015
3027
|
}
|
|
3016
3028
|
},
|
|
3017
3029
|
setup(e) {
|
|
3018
|
-
let t =
|
|
3030
|
+
let t = W(e.target.latex), n = G(null), r = W(null), i = W(null), a = G(It(e.editor, e.target)), o = K(() => t.value === e.target.latex && a.value ? {
|
|
3019
3031
|
html: a.value,
|
|
3020
3032
|
error: !1
|
|
3021
|
-
} : Bt(t.value, e.target.kind, e.editor)), s =
|
|
3033
|
+
} : Bt(t.value, e.target.kind, e.editor)), s = K(() => t.value.trim().length > 0), c = K(() => e.messages.math), l = K(() => Ft(e.editor, e.target) ?? 1), u = () => {
|
|
3022
3034
|
if (typeof window > "u") return;
|
|
3023
3035
|
let r = Pt(e.editor, e.target), i = e.editor.view.dom.closest(".markweave-editor-frame")?.getBoundingClientRect();
|
|
3024
3036
|
if (!r || !i) {
|
|
@@ -3045,13 +3057,13 @@ var Qi = Y({
|
|
|
3045
3057
|
let n = t.target;
|
|
3046
3058
|
n instanceof Node && (r.value?.contains(n) || n instanceof Element && n.closest(".tiptap-mathematics-render") || e.onClose());
|
|
3047
3059
|
};
|
|
3048
|
-
return
|
|
3049
|
-
t.value = e.target.latex, a.value = It(e.editor, e.target),
|
|
3060
|
+
return q(() => [e.target.pos, e.target.latex], () => {
|
|
3061
|
+
t.value = e.target.latex, a.value = It(e.editor, e.target), Y(u);
|
|
3050
3062
|
}), nr(() => {
|
|
3051
|
-
Vt(e.editor, e.target, !0), u(),
|
|
3063
|
+
Vt(e.editor, e.target, !0), u(), Y(() => {
|
|
3052
3064
|
i.value?.focus({ preventScroll: !0 }), i.value?.select(), u();
|
|
3053
3065
|
}), window.addEventListener("resize", u), window.addEventListener("scroll", u, !0), document.addEventListener("mousedown", p);
|
|
3054
|
-
}),
|
|
3066
|
+
}), J(() => {
|
|
3055
3067
|
Vt(e.editor, e.target, !1), window.removeEventListener("resize", u), window.removeEventListener("scroll", u, !0), document.removeEventListener("mousedown", p);
|
|
3056
3068
|
}), () => {
|
|
3057
3069
|
let a = e.target.kind === "block" ? c.value.blockTitle : c.value.inlineTitle, u = {
|
|
@@ -3065,7 +3077,7 @@ var Qi = Y({
|
|
|
3065
3077
|
},
|
|
3066
3078
|
onKeydown: f
|
|
3067
3079
|
};
|
|
3068
|
-
return e.target.kind === "inline" ?
|
|
3080
|
+
return e.target.kind === "inline" ? U("form", {
|
|
3069
3081
|
ref: r,
|
|
3070
3082
|
class: "markweave-math-editor-popover markweave-math-editor-popover--inline",
|
|
3071
3083
|
"aria-label": a,
|
|
@@ -3080,22 +3092,22 @@ var Qi = Y({
|
|
|
3080
3092
|
onSubmit: (e) => {
|
|
3081
3093
|
e.preventDefault(), d();
|
|
3082
3094
|
}
|
|
3083
|
-
}, [
|
|
3095
|
+
}, [U("label", {
|
|
3084
3096
|
class: "markweave-math-inline-source",
|
|
3085
3097
|
"data-testid": "markweave-math-inline-source"
|
|
3086
3098
|
}, [
|
|
3087
|
-
|
|
3088
|
-
|
|
3099
|
+
U("span", { attrs: { "aria-hidden": "true" } }, "$"),
|
|
3100
|
+
U("input", {
|
|
3089
3101
|
...u,
|
|
3090
3102
|
"aria-label": c.value.latexLabel,
|
|
3091
3103
|
size: Math.max(t.value.length, 1)
|
|
3092
3104
|
}),
|
|
3093
|
-
|
|
3094
|
-
]),
|
|
3105
|
+
U("span", { attrs: { "aria-hidden": "true" } }, "$")
|
|
3106
|
+
]), U("div", {
|
|
3095
3107
|
class: "markweave-math-inline-preview",
|
|
3096
3108
|
"data-error": o.value.error ? "true" : "false",
|
|
3097
3109
|
"data-testid": "markweave-math-editor-preview"
|
|
3098
|
-
}, [
|
|
3110
|
+
}, [U("div", { innerHTML: o.value.html || " " }), o.value.error ? U("small", null, c.value.invalidPreview) : null])]) : U("form", {
|
|
3099
3111
|
ref: r,
|
|
3100
3112
|
class: "markweave-math-editor-popover markweave-math-editor-popover--block",
|
|
3101
3113
|
"aria-label": a,
|
|
@@ -3111,39 +3123,39 @@ var Qi = Y({
|
|
|
3111
3123
|
e.preventDefault(), d();
|
|
3112
3124
|
}
|
|
3113
3125
|
}, [
|
|
3114
|
-
|
|
3115
|
-
|
|
3116
|
-
|
|
3117
|
-
|
|
3126
|
+
U("div", { class: "markweave-math-block-toolbar" }, [
|
|
3127
|
+
U("span", null, c.value.label),
|
|
3128
|
+
Q(Mr, c.value.label, 15, 1.75),
|
|
3129
|
+
U("button", {
|
|
3118
3130
|
type: "submit",
|
|
3119
3131
|
title: c.value.apply,
|
|
3120
3132
|
"aria-label": c.value.apply,
|
|
3121
3133
|
disabled: !s.value,
|
|
3122
3134
|
"data-testid": "markweave-math-editor-apply"
|
|
3123
|
-
}, [
|
|
3135
|
+
}, [Q(Dr, c.value.apply, 16, 2)])
|
|
3124
3136
|
]),
|
|
3125
|
-
|
|
3137
|
+
U("label", {
|
|
3126
3138
|
class: "markweave-math-block-source",
|
|
3127
3139
|
"data-testid": "markweave-math-block-source"
|
|
3128
3140
|
}, [
|
|
3129
|
-
|
|
3130
|
-
|
|
3141
|
+
U("span", { attrs: { "aria-hidden": "true" } }, "$$"),
|
|
3142
|
+
U("textarea", {
|
|
3131
3143
|
...u,
|
|
3132
3144
|
"aria-label": c.value.latexLabel,
|
|
3133
3145
|
rows: 3
|
|
3134
3146
|
}),
|
|
3135
|
-
|
|
3147
|
+
U("span", { attrs: { "aria-hidden": "true" } }, "$$")
|
|
3136
3148
|
]),
|
|
3137
|
-
|
|
3149
|
+
U("div", {
|
|
3138
3150
|
class: "markweave-math-block-preview",
|
|
3139
3151
|
"data-error": o.value.error ? "true" : "false",
|
|
3140
3152
|
"data-math-number": String(l.value),
|
|
3141
3153
|
"data-testid": "markweave-math-editor-preview"
|
|
3142
|
-
}, [
|
|
3154
|
+
}, [U("div", { innerHTML: o.value.html || " " }), o.value.error ? U("small", null, c.value.invalidPreview) : null])
|
|
3143
3155
|
]);
|
|
3144
3156
|
};
|
|
3145
3157
|
}
|
|
3146
|
-
}),
|
|
3158
|
+
}), ta = X({
|
|
3147
3159
|
name: "MarkweaveVueSlashCommandMenu",
|
|
3148
3160
|
props: {
|
|
3149
3161
|
commands: {
|
|
@@ -3180,7 +3192,7 @@ var Qi = Y({
|
|
|
3180
3192
|
}
|
|
3181
3193
|
},
|
|
3182
3194
|
setup(e) {
|
|
3183
|
-
let t =
|
|
3195
|
+
let t = W(""), n = W(null), r = W(null), i = W(!1), a = W(""), o = W(0), s = K(() => {
|
|
3184
3196
|
let t = a.value.trim().toLowerCase();
|
|
3185
3197
|
return (t ? e.messages.slash.emojiItems.filter((e) => [
|
|
3186
3198
|
e.emoji,
|
|
@@ -3202,13 +3214,13 @@ var Qi = Y({
|
|
|
3202
3214
|
} : {
|
|
3203
3215
|
kind: e.inputCommand.uploadKind ?? "attachment",
|
|
3204
3216
|
trigger: "slash-command",
|
|
3205
|
-
source:
|
|
3217
|
+
source: F(t.value)
|
|
3206
3218
|
};
|
|
3207
3219
|
if (!n.value && !t.value.trim()) {
|
|
3208
3220
|
r.value = e.messages.slash.uploadRequiredError;
|
|
3209
3221
|
return;
|
|
3210
3222
|
}
|
|
3211
|
-
let a = await
|
|
3223
|
+
let a = await L(i, e.onUpload);
|
|
3212
3224
|
e.onSelect(e.inputCommand, { uploadResult: a }), e.onInputCommandChange(null), t.value = "", n.value = null;
|
|
3213
3225
|
} catch (t) {
|
|
3214
3226
|
r.value = t instanceof Error ? t.message : e.messages.slash.uploadFailedError;
|
|
@@ -3235,32 +3247,32 @@ var Qi = Y({
|
|
|
3235
3247
|
group: t,
|
|
3236
3248
|
commands: e.commands.filter((e) => e.group === t)
|
|
3237
3249
|
})).filter((e) => e.commands.length);
|
|
3238
|
-
return
|
|
3250
|
+
return U("div", {
|
|
3239
3251
|
class: "markweave-slash-layer",
|
|
3240
3252
|
style: { display: "contents" },
|
|
3241
3253
|
"data-testid": "markweave-slash-layer"
|
|
3242
|
-
}, [
|
|
3254
|
+
}, [U("div", {
|
|
3243
3255
|
class: "markweave-slash-trigger",
|
|
3244
3256
|
style: d,
|
|
3245
3257
|
"aria-hidden": "true",
|
|
3246
3258
|
"data-testid": "markweave-slash-trigger"
|
|
3247
|
-
}, [
|
|
3259
|
+
}, [U("span", null, "/"), U("em", null, e.state.query || e.messages.slash.filterPlaceholder)]), U("div", {
|
|
3248
3260
|
class: "markweave-slash-menu",
|
|
3249
3261
|
style: u,
|
|
3250
3262
|
role: "listbox",
|
|
3251
3263
|
"aria-label": e.messages.slash.ariaLabel,
|
|
3252
3264
|
"data-placement": e.position.placement,
|
|
3253
3265
|
"data-testid": "markweave-slash-menu"
|
|
3254
|
-
}, [e.inputCommand?.inputKind === "emoji" ?
|
|
3266
|
+
}, [e.inputCommand?.inputKind === "emoji" ? U("div", {
|
|
3255
3267
|
class: "markweave-slash-subpanel",
|
|
3256
3268
|
"data-testid": "markweave-slash-emoji-picker"
|
|
3257
3269
|
}, [
|
|
3258
|
-
|
|
3270
|
+
U("div", { class: "markweave-slash-subpanel-header" }, [U("button", {
|
|
3259
3271
|
type: "button",
|
|
3260
3272
|
onMousedown: $,
|
|
3261
3273
|
onClick: () => e.onInputCommandChange(null)
|
|
3262
|
-
}, e.messages.common.back),
|
|
3263
|
-
|
|
3274
|
+
}, e.messages.common.back), U("span", null, e.messages.slash.emojiTitle)]),
|
|
3275
|
+
U("label", { class: "markweave-slash-input" }, [U("span", null, "/"), U("input", {
|
|
3264
3276
|
autofocus: !0,
|
|
3265
3277
|
value: a.value,
|
|
3266
3278
|
placeholder: e.messages.slash.emojiSearchPlaceholder,
|
|
@@ -3271,11 +3283,11 @@ var Qi = Y({
|
|
|
3271
3283
|
t.key === "Escape" ? (t.preventDefault(), e.onInputCommandChange(null)) : t.key === "ArrowDown" ? (t.preventDefault(), o.value = s.value.length ? (o.value + 1) % s.value.length : 0) : t.key === "ArrowUp" ? (t.preventDefault(), o.value = s.value.length ? (o.value - 1 + s.value.length) % s.value.length : 0) : (t.key === "Enter" || t.key === "Tab") && (t.preventDefault(), l(o.value));
|
|
3272
3284
|
}
|
|
3273
3285
|
})]),
|
|
3274
|
-
|
|
3286
|
+
U("div", {
|
|
3275
3287
|
class: "markweave-slash-emoji-grid",
|
|
3276
3288
|
role: "listbox",
|
|
3277
3289
|
"aria-label": e.messages.slash.emojiTitle
|
|
3278
|
-
}, s.value.map((e, t) =>
|
|
3290
|
+
}, s.value.map((e, t) => U("button", {
|
|
3279
3291
|
key: `${e.emoji}-${e.label}`,
|
|
3280
3292
|
type: "button",
|
|
3281
3293
|
role: "option",
|
|
@@ -3284,17 +3296,17 @@ var Qi = Y({
|
|
|
3284
3296
|
onMouseenter: () => o.value = t,
|
|
3285
3297
|
onMousedown: $,
|
|
3286
3298
|
onClick: () => l(t)
|
|
3287
|
-
}, [
|
|
3288
|
-
]) : e.inputCommand?.inputKind === "upload" ?
|
|
3299
|
+
}, [U("span", null, e.emoji), U("small", null, e.label)])))
|
|
3300
|
+
]) : e.inputCommand?.inputKind === "upload" ? U("div", {
|
|
3289
3301
|
class: "markweave-slash-subpanel",
|
|
3290
3302
|
"data-testid": "markweave-slash-upload-panel"
|
|
3291
3303
|
}, [
|
|
3292
|
-
|
|
3304
|
+
U("div", { class: "markweave-slash-upload-header" }, [U("button", {
|
|
3293
3305
|
type: "button",
|
|
3294
3306
|
onMousedown: $,
|
|
3295
3307
|
onClick: () => e.onInputCommandChange(null)
|
|
3296
|
-
}, e.messages.common.back),
|
|
3297
|
-
|
|
3308
|
+
}, e.messages.common.back), U("strong", null, e.inputCommand ? e.messages.slash.uploadKindLabels[e.inputCommand.uploadKind ?? "upload"] : e.messages.slash.uploadKindLabels.upload)]),
|
|
3309
|
+
U("label", { class: "markweave-slash-upload-field" }, [U("span", null, e.messages.slash.uploadValueLabel), U("input", {
|
|
3298
3310
|
autofocus: !0,
|
|
3299
3311
|
value: t.value,
|
|
3300
3312
|
placeholder: e.messages.slash.uploadValuePlaceholder,
|
|
@@ -3305,32 +3317,32 @@ var Qi = Y({
|
|
|
3305
3317
|
e.key === "Enter" && (e.preventDefault(), c());
|
|
3306
3318
|
}
|
|
3307
3319
|
})]),
|
|
3308
|
-
|
|
3320
|
+
U("label", { class: "markweave-slash-upload-field" }, [U("span", null, e.messages.common.file), U("input", {
|
|
3309
3321
|
type: "file",
|
|
3310
3322
|
onChange: (e) => n.value = e.target.files?.[0] ?? null
|
|
3311
3323
|
})]),
|
|
3312
|
-
r.value ?
|
|
3324
|
+
r.value ? U("div", {
|
|
3313
3325
|
class: "markweave-slash-upload-error",
|
|
3314
3326
|
role: "alert"
|
|
3315
3327
|
}, r.value) : null,
|
|
3316
|
-
|
|
3328
|
+
U("div", { class: "markweave-slash-upload-actions" }, [U("button", {
|
|
3317
3329
|
type: "button",
|
|
3318
3330
|
onMousedown: $,
|
|
3319
3331
|
onClick: () => e.onInputCommandChange(null)
|
|
3320
|
-
}, e.messages.common.cancel),
|
|
3332
|
+
}, e.messages.common.cancel), U("button", {
|
|
3321
3333
|
type: "button",
|
|
3322
3334
|
"data-primary": "true",
|
|
3323
3335
|
disabled: i.value,
|
|
3324
3336
|
onMousedown: $,
|
|
3325
3337
|
onClick: c
|
|
3326
3338
|
}, e.messages.common.insert)])
|
|
3327
|
-
]) : e.commands.length ?
|
|
3339
|
+
]) : e.commands.length ? U("div", { class: "markweave-slash-command-list" }, f.map((t) => U("section", {
|
|
3328
3340
|
key: t.group,
|
|
3329
3341
|
class: "markweave-slash-group",
|
|
3330
3342
|
"aria-label": t.group
|
|
3331
|
-
}, [
|
|
3343
|
+
}, [U("div", { class: "markweave-slash-group-title" }, t.group), ...t.commands.map((t) => {
|
|
3332
3344
|
let n = e.commands.indexOf(t) === e.state.activeIndex, r = Xt(t);
|
|
3333
|
-
return
|
|
3345
|
+
return U("button", {
|
|
3334
3346
|
key: t.id,
|
|
3335
3347
|
type: "button",
|
|
3336
3348
|
role: "option",
|
|
@@ -3352,18 +3364,18 @@ var Qi = Y({
|
|
|
3352
3364
|
}
|
|
3353
3365
|
}
|
|
3354
3366
|
}, [
|
|
3355
|
-
|
|
3356
|
-
|
|
3357
|
-
t.disabledReason ?
|
|
3367
|
+
Xi(t.icon),
|
|
3368
|
+
U("span", null, t.label),
|
|
3369
|
+
t.disabledReason ? U("small", null, t.disabledReason) : null
|
|
3358
3370
|
]);
|
|
3359
|
-
})]))) :
|
|
3371
|
+
})]))) : U("div", {
|
|
3360
3372
|
class: "markweave-slash-menu__empty",
|
|
3361
3373
|
role: "option",
|
|
3362
3374
|
"aria-disabled": "true"
|
|
3363
3375
|
}, e.messages.slash.noResults)])]);
|
|
3364
3376
|
};
|
|
3365
3377
|
}
|
|
3366
|
-
}),
|
|
3378
|
+
}), na = {
|
|
3367
3379
|
"ask-ai": li,
|
|
3368
3380
|
"move-left": hr,
|
|
3369
3381
|
"move-right": gr,
|
|
@@ -3383,14 +3395,14 @@ var Qi = Y({
|
|
|
3383
3395
|
merge: gi,
|
|
3384
3396
|
split: _i,
|
|
3385
3397
|
delete: yi
|
|
3386
|
-
},
|
|
3398
|
+
}, ra = {
|
|
3387
3399
|
left: sr,
|
|
3388
3400
|
center: ar,
|
|
3389
3401
|
right: cr,
|
|
3390
3402
|
top: dr,
|
|
3391
3403
|
middle: lr,
|
|
3392
3404
|
bottom: ur
|
|
3393
|
-
},
|
|
3405
|
+
}, ia = X({
|
|
3394
3406
|
name: "MarkweaveVueTableControls",
|
|
3395
3407
|
props: {
|
|
3396
3408
|
editor: {
|
|
@@ -3427,13 +3439,13 @@ var Qi = Y({
|
|
|
3427
3439
|
}
|
|
3428
3440
|
},
|
|
3429
3441
|
setup(e) {
|
|
3430
|
-
let t =
|
|
3442
|
+
let t = W(null), n = W(null), r = W("row-edge"), i = W(null), a = W(null), o = W(null), s = W(null), c = W(null), l = W(null), u = W(null), d = W(null), f = W(0), p = W(null), m = W(null), h = W(null), g = W(null), _ = W(null), v = W(null), y = W(null), b = null, x = null, S = null, C = K(() => e.askAi?.enabled === !0 && typeof e.askAi.handler == "function"), w = K(() => e.active ? un(e.editor.state) : Vi), T = K(() => kn(e.editor, e.interactionState, "row", w.value.activeCellPos)), E = K(() => kn(e.editor, e.interactionState, "column", w.value.activeCellPos)), D = K(() => Tn(e.editor)), O = K(() => (D.value, w.value.active && Nn(e.editor, "selection", { askAiEnabled: C.value }).length > 0)), k = K(() => t.value ? Nn(e.editor, t.value, { askAiEnabled: C.value }) : []), A = () => {
|
|
3431
3443
|
b === null || typeof window > "u" || (window.clearTimeout(b), b = null);
|
|
3432
3444
|
}, j = (e) => {
|
|
3433
3445
|
A(), d.value = e, !(!e || typeof window > "u") && (b = window.setTimeout(() => {
|
|
3434
3446
|
d.value = null, b = null;
|
|
3435
3447
|
}, zn));
|
|
3436
|
-
},
|
|
3448
|
+
}, ee = () => {
|
|
3437
3449
|
if (!e.active) {
|
|
3438
3450
|
i.value = null, a.value = null, o.value = null, s.value = null, c.value = null, j(null);
|
|
3439
3451
|
return;
|
|
@@ -3467,7 +3479,7 @@ var Qi = Y({
|
|
|
3467
3479
|
frameRect: l,
|
|
3468
3480
|
kind: "column"
|
|
3469
3481
|
}) : null;
|
|
3470
|
-
},
|
|
3482
|
+
}, te = () => {
|
|
3471
3483
|
if (!e.active || !t.value) {
|
|
3472
3484
|
l.value = null;
|
|
3473
3485
|
return;
|
|
@@ -3493,7 +3505,7 @@ var Qi = Y({
|
|
|
3493
3505
|
},
|
|
3494
3506
|
kind: t.value
|
|
3495
3507
|
});
|
|
3496
|
-
},
|
|
3508
|
+
}, M = () => {
|
|
3497
3509
|
if (!e.active || !t.value || !n.value || !l.value) {
|
|
3498
3510
|
u.value = null;
|
|
3499
3511
|
return;
|
|
@@ -3513,23 +3525,23 @@ var Qi = Y({
|
|
|
3513
3525
|
height: o || 410
|
|
3514
3526
|
}
|
|
3515
3527
|
});
|
|
3528
|
+
}, N = () => {
|
|
3529
|
+
ee(), te(), M();
|
|
3516
3530
|
}, P = () => {
|
|
3517
|
-
|
|
3518
|
-
}, F = () => {
|
|
3519
|
-
J(P);
|
|
3520
|
-
}, I = (e, i) => {
|
|
3531
|
+
Y(N);
|
|
3532
|
+
}, F = (e, i) => {
|
|
3521
3533
|
let a = t.value === e && r.value === i;
|
|
3522
|
-
r.value = i, t.value = a ? null : e, n.value = null, u.value = null,
|
|
3523
|
-
},
|
|
3534
|
+
r.value = i, t.value = a ? null : e, n.value = null, u.value = null, P();
|
|
3535
|
+
}, I = () => {
|
|
3524
3536
|
e.editor.view.dispatch(sn(e.editor.state.tr, null));
|
|
3525
|
-
},
|
|
3537
|
+
}, L = (t, n) => {
|
|
3526
3538
|
let r = e.interactionState.hoverCellPos ?? w.value.activeCellPos, i = e.interactionState.hoverCellPos === null ? null : t === "row" ? e.interactionState.hoverVisualRowIndex : e.interactionState.hoverVisualColumnIndex;
|
|
3527
|
-
r !== null && Ln(e.editor, r, t, { visualIndex: i }),
|
|
3539
|
+
r !== null && Ln(e.editor, r, t, { visualIndex: i }), F(t, n);
|
|
3528
3540
|
}, R = () => {
|
|
3529
|
-
|
|
3541
|
+
I(), F("selection", "selection-edge");
|
|
3530
3542
|
}, z = (r = !1) => {
|
|
3531
3543
|
t.value = null, n.value = null, l.value = null, u.value = null, r && e.editor.view.focus();
|
|
3532
|
-
},
|
|
3544
|
+
}, B = async (n, r) => {
|
|
3533
3545
|
let i = await Sn({
|
|
3534
3546
|
editor: e.editor,
|
|
3535
3547
|
commandId: n,
|
|
@@ -3537,28 +3549,28 @@ var Qi = Y({
|
|
|
3537
3549
|
messages: e.messages
|
|
3538
3550
|
});
|
|
3539
3551
|
return i.copyFeedback ? (j(i.copyFeedback), i.copyPayload && e.onCopyPayload?.(i.copyPayload)) : j(null), e.onCommandResult?.(i.commandResult), i.success;
|
|
3540
|
-
},
|
|
3552
|
+
}, V = (t) => {
|
|
3541
3553
|
C.value && (Be(e.editor, t), z(!1));
|
|
3542
|
-
},
|
|
3543
|
-
t.value !== "row" && t.value !== "column" || e(t.value) && (f.value += 1,
|
|
3544
|
-
},
|
|
3554
|
+
}, H = (e) => {
|
|
3555
|
+
t.value !== "row" && t.value !== "column" || e(t.value) && (f.value += 1, P());
|
|
3556
|
+
}, ne = (t) => {
|
|
3545
3557
|
let n = t === "row" ? T.value : E.value, r = e.interactionState.hoverCellPos ?? w.value.activeCellPos;
|
|
3546
|
-
!n || r === null || Un(e.editor, r, t, { visualIndex: n.index }) &&
|
|
3547
|
-
},
|
|
3558
|
+
!n || r === null || Un(e.editor, r, t, { visualIndex: n.index }) && B(t === "row" ? "add-row-after" : "add-column-after", t);
|
|
3559
|
+
}, re = (e, t, n) => {
|
|
3548
3560
|
x = {
|
|
3549
3561
|
axis: e,
|
|
3550
3562
|
index: t
|
|
3551
3563
|
}, S = t, n.dataTransfer?.setData("application/x-markweave-table-axis", `${e}:${t}`), n.dataTransfer && (n.dataTransfer.effectAllowed = "move");
|
|
3552
|
-
},
|
|
3564
|
+
}, ie = (t) => {
|
|
3553
3565
|
if (!x) return;
|
|
3554
3566
|
let n = En(e.editor, x.axis, t.clientX, t.clientY);
|
|
3555
3567
|
n !== null && (t.preventDefault(), S = n, t.dataTransfer && (t.dataTransfer.dropEffect = "move"));
|
|
3556
|
-
},
|
|
3568
|
+
}, ae = (t) => {
|
|
3557
3569
|
let n = x;
|
|
3558
3570
|
if (!n) return;
|
|
3559
3571
|
let r = En(e.editor, n.axis, t.clientX, t.clientY) ?? S;
|
|
3560
3572
|
t.preventDefault(), x = null, S = null, r !== null && In(e.editor, n.axis, n.index, r);
|
|
3561
|
-
},
|
|
3573
|
+
}, oe = K(() => (f.value, t.value === "row" || t.value === "column" ? Dn(e.editor, t.value) : null)), se = (e) => {
|
|
3562
3574
|
if (!(!t.value || e.key !== "Escape")) {
|
|
3563
3575
|
if (n.value) {
|
|
3564
3576
|
n.value = null;
|
|
@@ -3566,20 +3578,20 @@ var Qi = Y({
|
|
|
3566
3578
|
}
|
|
3567
3579
|
z(!0);
|
|
3568
3580
|
}
|
|
3569
|
-
},
|
|
3581
|
+
}, ce = (e) => {
|
|
3570
3582
|
if (e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
|
|
3571
3583
|
let t = e.currentTarget;
|
|
3572
3584
|
if (!(t instanceof HTMLElement)) return;
|
|
3573
3585
|
let n = t.classList.contains("markweave-table-menu") ? t.querySelector(":scope > .markweave-table-menu-scroll") ?? t : t, r = Array.from(n.querySelectorAll(":scope > button[role=\"menuitem\"]:not(:disabled), :scope > button[role=\"menuitemradio\"]:not(:disabled)")), i = r.indexOf(document.activeElement), a = e.key === "ArrowDown" ? 1 : -1, o = i < 0 ? 0 : Math.min(r.length - 1, Math.max(0, i + a));
|
|
3574
3586
|
e.preventDefault(), e.stopPropagation(), r[o]?.focus();
|
|
3575
|
-
},
|
|
3587
|
+
}, le = (e) => {
|
|
3576
3588
|
t.value && (e.target instanceof Node && p.value?.contains(e.target) || z());
|
|
3577
3589
|
};
|
|
3578
3590
|
nr(() => {
|
|
3579
|
-
|
|
3580
|
-
}),
|
|
3581
|
-
A(), window.removeEventListener("resize",
|
|
3582
|
-
}),
|
|
3591
|
+
N(), window.addEventListener("resize", N), window.addEventListener("scroll", N, !0), document.addEventListener("keydown", se), document.addEventListener("mousedown", le), document.addEventListener("dragover", ie), document.addEventListener("drop", ae);
|
|
3592
|
+
}), J(() => {
|
|
3593
|
+
A(), window.removeEventListener("resize", N), window.removeEventListener("scroll", N, !0), document.removeEventListener("keydown", se), document.removeEventListener("mousedown", le), document.removeEventListener("dragover", ie), document.removeEventListener("drop", ae);
|
|
3594
|
+
}), q(() => [
|
|
3583
3595
|
e.active,
|
|
3584
3596
|
w.value.activeCellPos,
|
|
3585
3597
|
w.value.selectionFrom,
|
|
@@ -3590,12 +3602,12 @@ var Qi = Y({
|
|
|
3590
3602
|
t.value,
|
|
3591
3603
|
n.value,
|
|
3592
3604
|
r.value
|
|
3593
|
-
],
|
|
3594
|
-
let
|
|
3605
|
+
], P, { flush: "post" });
|
|
3606
|
+
let ue = () => {
|
|
3595
3607
|
if (!t.value) return null;
|
|
3596
3608
|
let r = k.value.map((r, i) => {
|
|
3597
|
-
let a = jn(r), o = i === 0 ? a : jn(k.value[i - 1]), s = i > 0 && o !== a, c = t.value === "row" || t.value === "column" ? t.value : "selection", l = r.submenuId ? !0 : r.commandId === null ? C.value &&
|
|
3598
|
-
return
|
|
3609
|
+
let a = jn(r), o = i === 0 ? a : jn(k.value[i - 1]), s = i > 0 && o !== a, c = t.value === "row" || t.value === "column" ? t.value : "selection", l = r.submenuId ? !0 : r.commandId === null ? C.value && De(e.editor, c) : xn(e.editor, r.commandId), u = Mn(r, e.messages), d = na[r.icon];
|
|
3610
|
+
return U("button", {
|
|
3599
3611
|
key: `${r.id}-${i}`,
|
|
3600
3612
|
type: "button",
|
|
3601
3613
|
role: "menuitem",
|
|
@@ -3611,7 +3623,7 @@ var Qi = Y({
|
|
|
3611
3623
|
"data-submenu-trigger": r.submenuId ?? void 0,
|
|
3612
3624
|
"data-testid": r.commandId ? `markweave-table-menu-command-${r.commandId}` : r.submenuId ? `markweave-table-menu-submenu-${r.submenuId}` : "markweave-table-menu-command-edit-with-ai",
|
|
3613
3625
|
onMousedown: (e) => {
|
|
3614
|
-
$(e), l && r.id === "edit-with-ai" &&
|
|
3626
|
+
$(e), l && r.id === "edit-with-ai" && V(c);
|
|
3615
3627
|
},
|
|
3616
3628
|
onMouseenter: () => {
|
|
3617
3629
|
n.value = r.submenuId;
|
|
@@ -3623,33 +3635,33 @@ var Qi = Y({
|
|
|
3623
3635
|
return;
|
|
3624
3636
|
}
|
|
3625
3637
|
if (r.commandId === null) {
|
|
3626
|
-
e.detail === 0 &&
|
|
3638
|
+
e.detail === 0 && V(c);
|
|
3627
3639
|
return;
|
|
3628
3640
|
}
|
|
3629
|
-
|
|
3641
|
+
B(r.commandId).finally(() => z());
|
|
3630
3642
|
}
|
|
3631
3643
|
}
|
|
3632
3644
|
}, [
|
|
3633
|
-
|
|
3645
|
+
U("span", {
|
|
3634
3646
|
class: "markweave-table-menu-item-icon",
|
|
3635
3647
|
"aria-hidden": "true"
|
|
3636
|
-
}, [
|
|
3648
|
+
}, [U(d, {
|
|
3637
3649
|
size: 18,
|
|
3638
3650
|
strokeWidth: 1.8
|
|
3639
3651
|
})]),
|
|
3640
|
-
|
|
3641
|
-
r.submenuId ?
|
|
3652
|
+
U("span", { class: "markweave-table-menu-item-label" }, u),
|
|
3653
|
+
r.submenuId ? U(kr, {
|
|
3642
3654
|
class: "markweave-table-menu-chevron",
|
|
3643
3655
|
size: 16,
|
|
3644
3656
|
"aria-hidden": "true"
|
|
3645
3657
|
}) : null
|
|
3646
3658
|
]);
|
|
3647
|
-
}), i = [
|
|
3659
|
+
}), i = [U("div", {
|
|
3648
3660
|
ref: v,
|
|
3649
3661
|
class: "markweave-table-menu-scroll",
|
|
3650
3662
|
style: l.value ? { maxHeight: `${Math.max(1, l.value.maxHeight - 12)}px` } : void 0
|
|
3651
3663
|
}, r)];
|
|
3652
|
-
if (n.value === "color" && (t.value === "row" || t.value === "column") && i.push(
|
|
3664
|
+
if (n.value === "color" && (t.value === "row" || t.value === "column") && i.push(U("div", {
|
|
3653
3665
|
ref: y,
|
|
3654
3666
|
class: "markweave-table-submenu markweave-table-color-menu",
|
|
3655
3667
|
role: "menu",
|
|
@@ -3662,43 +3674,43 @@ var Qi = Y({
|
|
|
3662
3674
|
top: `${u.value.top}px`,
|
|
3663
3675
|
maxHeight: `${u.value.maxHeight}px`
|
|
3664
3676
|
} : void 0,
|
|
3665
|
-
onKeydown:
|
|
3677
|
+
onKeydown: ce
|
|
3666
3678
|
}, [
|
|
3667
|
-
|
|
3668
|
-
...Rn.map((t) =>
|
|
3679
|
+
U("div", { class: "markweave-table-submenu-title" }, e.messages.table.submenus.textColor),
|
|
3680
|
+
...Rn.map((t) => U("button", {
|
|
3669
3681
|
key: `text-${t.id}`,
|
|
3670
3682
|
type: "button",
|
|
3671
3683
|
role: "menuitemradio",
|
|
3672
|
-
"aria-checked":
|
|
3673
|
-
"data-active":
|
|
3684
|
+
"aria-checked": oe.value?.textColorId === t.id,
|
|
3685
|
+
"data-active": oe.value?.textColorId === t.id ? "true" : "false",
|
|
3674
3686
|
"data-testid": `markweave-table-text-color-${t.id}`,
|
|
3675
3687
|
onMousedown: $,
|
|
3676
|
-
onClick: () =>
|
|
3677
|
-
}, [
|
|
3688
|
+
onClick: () => H((n) => gn(e.editor, n, t.id))
|
|
3689
|
+
}, [U("span", {
|
|
3678
3690
|
class: "markweave-table-color-swatch markweave-table-text-color-swatch",
|
|
3679
3691
|
"aria-hidden": "true",
|
|
3680
3692
|
style: { backgroundColor: t.textColor ?? "var(--markweave-text)" }
|
|
3681
|
-
}),
|
|
3682
|
-
|
|
3683
|
-
|
|
3684
|
-
...Rn.map((t) =>
|
|
3693
|
+
}), U("span", null, e.messages.table.colors[t.id].text)])),
|
|
3694
|
+
U("div", { class: "markweave-table-submenu-separator" }),
|
|
3695
|
+
U("div", { class: "markweave-table-submenu-title" }, e.messages.table.submenus.backgroundColor),
|
|
3696
|
+
...Rn.map((t) => U("button", {
|
|
3685
3697
|
key: `background-${t.id}`,
|
|
3686
3698
|
type: "button",
|
|
3687
3699
|
role: "menuitemradio",
|
|
3688
|
-
"aria-checked":
|
|
3689
|
-
"data-active":
|
|
3700
|
+
"aria-checked": oe.value?.backgroundColorId === t.id,
|
|
3701
|
+
"data-active": oe.value?.backgroundColorId === t.id ? "true" : "false",
|
|
3690
3702
|
"data-testid": `markweave-table-background-color-${t.id}`,
|
|
3691
3703
|
onMousedown: $,
|
|
3692
|
-
onClick: () =>
|
|
3693
|
-
}, [
|
|
3704
|
+
onClick: () => H((n) => hn(e.editor, n, t.id))
|
|
3705
|
+
}, [U("span", {
|
|
3694
3706
|
class: "markweave-table-color-swatch",
|
|
3695
3707
|
"aria-hidden": "true",
|
|
3696
3708
|
style: { backgroundColor: t.backgroundColor }
|
|
3697
|
-
}),
|
|
3709
|
+
}), U("span", null, e.messages.table.colors[t.id].background)]))
|
|
3698
3710
|
])), n.value === "alignment" && (t.value === "row" || t.value === "column")) {
|
|
3699
3711
|
let t = (t, n) => {
|
|
3700
|
-
let r =
|
|
3701
|
-
return
|
|
3712
|
+
let r = ra[t];
|
|
3713
|
+
return U("button", {
|
|
3702
3714
|
key: t,
|
|
3703
3715
|
type: "button",
|
|
3704
3716
|
role: "menuitemradio",
|
|
@@ -3706,14 +3718,14 @@ var Qi = Y({
|
|
|
3706
3718
|
"data-active": n ? "true" : "false",
|
|
3707
3719
|
"data-testid": `markweave-table-alignment-${t}`,
|
|
3708
3720
|
onMousedown: $,
|
|
3709
|
-
onClick: () =>
|
|
3710
|
-
}, [
|
|
3721
|
+
onClick: () => H((n) => mn(e.editor, n, t))
|
|
3722
|
+
}, [U(r, {
|
|
3711
3723
|
size: 18,
|
|
3712
3724
|
strokeWidth: 1.8,
|
|
3713
3725
|
"aria-hidden": "true"
|
|
3714
|
-
}),
|
|
3726
|
+
}), U("span", null, e.messages.table.alignments[t])]);
|
|
3715
3727
|
};
|
|
3716
|
-
i.push(
|
|
3728
|
+
i.push(U("div", {
|
|
3717
3729
|
ref: y,
|
|
3718
3730
|
class: "markweave-table-submenu markweave-table-alignment-menu",
|
|
3719
3731
|
role: "menu",
|
|
@@ -3726,14 +3738,14 @@ var Qi = Y({
|
|
|
3726
3738
|
top: `${u.value.top}px`,
|
|
3727
3739
|
maxHeight: `${u.value.maxHeight}px`
|
|
3728
3740
|
} : void 0,
|
|
3729
|
-
onKeydown:
|
|
3741
|
+
onKeydown: ce
|
|
3730
3742
|
}, [
|
|
3731
|
-
...Bn.map((e) => t(e,
|
|
3732
|
-
|
|
3733
|
-
...Hn.map((e) => t(e,
|
|
3743
|
+
...Bn.map((e) => t(e, oe.value?.textAlign === e)),
|
|
3744
|
+
U("div", { class: "markweave-table-submenu-separator" }),
|
|
3745
|
+
...Hn.map((e) => t(e, oe.value?.verticalAlign === e))
|
|
3734
3746
|
]));
|
|
3735
3747
|
}
|
|
3736
|
-
return
|
|
3748
|
+
return U("div", {
|
|
3737
3749
|
ref: _,
|
|
3738
3750
|
class: "markweave-table-menu",
|
|
3739
3751
|
role: "menu",
|
|
@@ -3746,10 +3758,10 @@ var Qi = Y({
|
|
|
3746
3758
|
left: `${l.value.left}px`,
|
|
3747
3759
|
top: `${l.value.top}px`
|
|
3748
3760
|
} : void 0,
|
|
3749
|
-
onKeydown:
|
|
3761
|
+
onKeydown: ce
|
|
3750
3762
|
}, i);
|
|
3751
3763
|
};
|
|
3752
|
-
return () => e.active ?
|
|
3764
|
+
return () => e.active ? U("div", {
|
|
3753
3765
|
ref: p,
|
|
3754
3766
|
class: "markweave-table-controls",
|
|
3755
3767
|
"data-testid": "markweave-table-controls",
|
|
@@ -3758,7 +3770,7 @@ var Qi = Y({
|
|
|
3758
3770
|
"data-positioned": i.value || a.value || o.value ? "true" : "false",
|
|
3759
3771
|
onMouseleave: () => e.editor.view.dispatch(e.editor.state.tr.setMeta(pn, { type: "clear-hover" }))
|
|
3760
3772
|
}, [
|
|
3761
|
-
d.value ?
|
|
3773
|
+
d.value ? U("div", {
|
|
3762
3774
|
class: "markweave-table-copy-feedback",
|
|
3763
3775
|
role: "status",
|
|
3764
3776
|
"aria-live": "polite",
|
|
@@ -3767,7 +3779,7 @@ var Qi = Y({
|
|
|
3767
3779
|
"data-text-length": d.value.textLength,
|
|
3768
3780
|
"data-html-length": d.value.htmlLength
|
|
3769
3781
|
}, Cn(d.value)) : null,
|
|
3770
|
-
i.value ?
|
|
3782
|
+
i.value ? U("button", {
|
|
3771
3783
|
ref: m,
|
|
3772
3784
|
type: "button",
|
|
3773
3785
|
draggable: !0,
|
|
@@ -3788,16 +3800,16 @@ var Qi = Y({
|
|
|
3788
3800
|
height: `${i.value.height}px`
|
|
3789
3801
|
},
|
|
3790
3802
|
onMousedown: $,
|
|
3791
|
-
onClick: () =>
|
|
3792
|
-
onDragstart: (e) =>
|
|
3803
|
+
onClick: () => L("row", "row-edge"),
|
|
3804
|
+
onDragstart: (e) => re("row", T.value?.index ?? 0, e),
|
|
3793
3805
|
onDragend: () => {
|
|
3794
3806
|
x = null, S = null;
|
|
3795
3807
|
}
|
|
3796
|
-
}, [
|
|
3808
|
+
}, [U($r, {
|
|
3797
3809
|
size: 14,
|
|
3798
3810
|
"aria-hidden": "true"
|
|
3799
3811
|
})]) : null,
|
|
3800
|
-
a.value ?
|
|
3812
|
+
a.value ? U("button", {
|
|
3801
3813
|
ref: h,
|
|
3802
3814
|
type: "button",
|
|
3803
3815
|
draggable: !0,
|
|
@@ -3818,16 +3830,16 @@ var Qi = Y({
|
|
|
3818
3830
|
height: `${a.value.height}px`
|
|
3819
3831
|
},
|
|
3820
3832
|
onMousedown: $,
|
|
3821
|
-
onClick: () =>
|
|
3822
|
-
onDragstart: (e) =>
|
|
3833
|
+
onClick: () => L("column", "column-edge"),
|
|
3834
|
+
onDragstart: (e) => re("column", E.value?.index ?? 0, e),
|
|
3823
3835
|
onDragend: () => {
|
|
3824
3836
|
x = null, S = null;
|
|
3825
3837
|
}
|
|
3826
|
-
}, [
|
|
3838
|
+
}, [U($r, {
|
|
3827
3839
|
size: 14,
|
|
3828
3840
|
"aria-hidden": "true"
|
|
3829
3841
|
})]) : null,
|
|
3830
|
-
O.value && o.value ?
|
|
3842
|
+
O.value && o.value ? U("button", {
|
|
3831
3843
|
ref: g,
|
|
3832
3844
|
type: "button",
|
|
3833
3845
|
class: "markweave-table-edge-handle markweave-table-edge-handle--selection",
|
|
@@ -3844,11 +3856,11 @@ var Qi = Y({
|
|
|
3844
3856
|
},
|
|
3845
3857
|
onMousedown: $,
|
|
3846
3858
|
onClick: R
|
|
3847
|
-
}, [
|
|
3859
|
+
}, [U($r, {
|
|
3848
3860
|
size: 14,
|
|
3849
3861
|
"aria-hidden": "true"
|
|
3850
3862
|
})]) : null,
|
|
3851
|
-
s.value ?
|
|
3863
|
+
s.value ? U("button", {
|
|
3852
3864
|
type: "button",
|
|
3853
3865
|
class: "markweave-table-extend-button markweave-table-extend-button--row",
|
|
3854
3866
|
"aria-label": e.messages.table.addRow,
|
|
@@ -3861,12 +3873,12 @@ var Qi = Y({
|
|
|
3861
3873
|
height: `${s.value.height}px`
|
|
3862
3874
|
},
|
|
3863
3875
|
onMousedown: $,
|
|
3864
|
-
onClick: () =>
|
|
3865
|
-
}, [
|
|
3876
|
+
onClick: () => ne("row")
|
|
3877
|
+
}, [U(ri, {
|
|
3866
3878
|
size: 14,
|
|
3867
3879
|
"aria-hidden": "true"
|
|
3868
3880
|
})]) : null,
|
|
3869
|
-
c.value ?
|
|
3881
|
+
c.value ? U("button", {
|
|
3870
3882
|
type: "button",
|
|
3871
3883
|
class: "markweave-table-extend-button markweave-table-extend-button--column",
|
|
3872
3884
|
"aria-label": e.messages.table.addColumn,
|
|
@@ -3879,15 +3891,15 @@ var Qi = Y({
|
|
|
3879
3891
|
height: `${c.value.height}px`
|
|
3880
3892
|
},
|
|
3881
3893
|
onMousedown: $,
|
|
3882
|
-
onClick: () =>
|
|
3883
|
-
}, [
|
|
3894
|
+
onClick: () => ne("column")
|
|
3895
|
+
}, [U(ri, {
|
|
3884
3896
|
size: 14,
|
|
3885
3897
|
"aria-hidden": "true"
|
|
3886
3898
|
})]) : null,
|
|
3887
|
-
|
|
3899
|
+
ue()
|
|
3888
3900
|
]) : null;
|
|
3889
3901
|
}
|
|
3890
|
-
}),
|
|
3902
|
+
}), aa = X({
|
|
3891
3903
|
name: "MarkweaveVueTableSelectionOverlay",
|
|
3892
3904
|
props: {
|
|
3893
3905
|
editor: {
|
|
@@ -3900,7 +3912,7 @@ var Qi = Y({
|
|
|
3900
3912
|
}
|
|
3901
3913
|
},
|
|
3902
3914
|
setup(e) {
|
|
3903
|
-
let t =
|
|
3915
|
+
let t = W(null), n = () => {
|
|
3904
3916
|
if (e.focusState.mode !== "cell-selection") {
|
|
3905
3917
|
t.value = null;
|
|
3906
3918
|
return;
|
|
@@ -3909,9 +3921,9 @@ var Qi = Y({
|
|
|
3909
3921
|
};
|
|
3910
3922
|
return nr(() => {
|
|
3911
3923
|
n(), window.addEventListener("resize", n), window.addEventListener("scroll", n, !0);
|
|
3912
|
-
}),
|
|
3924
|
+
}), J(() => {
|
|
3913
3925
|
window.removeEventListener("resize", n), window.removeEventListener("scroll", n, !0);
|
|
3914
|
-
}),
|
|
3926
|
+
}), q(() => [
|
|
3915
3927
|
e.focusState.activeCellPos,
|
|
3916
3928
|
e.focusState.anchorCellPos,
|
|
3917
3929
|
e.focusState.mode,
|
|
@@ -3919,10 +3931,10 @@ var Qi = Y({
|
|
|
3919
3931
|
e.focusState.selectionFrom,
|
|
3920
3932
|
e.focusState.selectionTo
|
|
3921
3933
|
], () => {
|
|
3922
|
-
|
|
3934
|
+
Y(n);
|
|
3923
3935
|
}, { flush: "post" }), () => {
|
|
3924
3936
|
let e = t.value;
|
|
3925
|
-
return e ?
|
|
3937
|
+
return e ? U("div", {
|
|
3926
3938
|
"aria-hidden": "true",
|
|
3927
3939
|
class: "markweave-table-selection-overlay",
|
|
3928
3940
|
"data-axis-target": e.axisTarget ?? "none",
|
|
@@ -3944,7 +3956,7 @@ var Qi = Y({
|
|
|
3944
3956
|
}) : null;
|
|
3945
3957
|
};
|
|
3946
3958
|
}
|
|
3947
|
-
}),
|
|
3959
|
+
}), oa = X({
|
|
3948
3960
|
name: "MarkweaveVueCodeBlockControls",
|
|
3949
3961
|
props: {
|
|
3950
3962
|
editor: {
|
|
@@ -3973,46 +3985,46 @@ var Qi = Y({
|
|
|
3973
3985
|
}
|
|
3974
3986
|
},
|
|
3975
3987
|
setup(e) {
|
|
3976
|
-
let t =
|
|
3988
|
+
let t = W(null), n = W(null), r = W(null), i = W(null), a = W(null), o = W(null), s = W(null), c = W(null), l = W([]), u = W(null), d = W(!1), f = W(""), p = W(-1), m = W(null), h = W(!1), g = W(null), _ = W(null), v = W(!1), y = W({
|
|
3977
3989
|
active: !1,
|
|
3978
3990
|
lastX: 0,
|
|
3979
3991
|
lastY: 0
|
|
3980
|
-
}), b =
|
|
3992
|
+
}), b = W(0), x = W(0), S = W(0), C = null, w = K(() => (S.value, bt(e.editor, s.value))), T = K(() => !e.readOnly && e.active && e.state.active && e.state.pos !== null ? {
|
|
3981
3993
|
...e.state,
|
|
3982
3994
|
pos: e.state.pos,
|
|
3983
3995
|
active: !0
|
|
3984
|
-
} : null), E =
|
|
3996
|
+
} : null), E = K(() => w.value ?? T.value), D = K(() => E.value !== null), O = K(() => E.value?.language === "mermaid"), k = K(() => Tt(e.editor, E.value)), A = K(() => D.value && E.value !== null && !k.value), j = K(() => !e.readOnly), ee = K(() => E.value ? pt(E.value.language) : pt("text")), te = K(() => m.value?.status ?? "idle"), M = K(() => E.value?.mermaidPreviewMode ?? e.mermaidMode), N = K(() => O.value && M.value === "preview"), P = K(() => (S.value, b.value, x.value, Ct(e.editor))), F = K(() => `${x.value}|${P.value.map((e) => `${e.pos}:${e.mermaidPreviewMode}:${e.text.length}`).join("|")}`), I = K(() => _t(f.value)), L = K(() => E.value ? `${E.value.pos}:${E.value.language}:${E.value.text}` : "none"), R = () => {
|
|
3985
3997
|
C !== null && (window.clearTimeout(C), C = null);
|
|
3986
3998
|
}, z = (e) => {
|
|
3987
3999
|
R(), m.value = e, e && (C = window.setTimeout(() => {
|
|
3988
4000
|
m.value = null, C = null;
|
|
3989
4001
|
}, ot));
|
|
3990
|
-
},
|
|
4002
|
+
}, B = () => {
|
|
3991
4003
|
g.value = null, _.value = null, v.value = !1, y.value = {
|
|
3992
4004
|
active: !1,
|
|
3993
4005
|
lastX: 0,
|
|
3994
4006
|
lastY: 0
|
|
3995
4007
|
}, e.editor.view.focus();
|
|
3996
|
-
},
|
|
4008
|
+
}, H = () => {
|
|
3997
4009
|
let n = t.value;
|
|
3998
4010
|
if (!n) return;
|
|
3999
|
-
if (!xt(n) ||
|
|
4011
|
+
if (!xt(n) || P.value.length === 0) {
|
|
4000
4012
|
l.value = [];
|
|
4001
4013
|
return;
|
|
4002
4014
|
}
|
|
4003
|
-
let r = n.getBoundingClientRect(), i =
|
|
4015
|
+
let r = n.getBoundingClientRect(), i = P.value.flatMap((t) => {
|
|
4004
4016
|
let n = gt(ht(e.editor, t.pos, t.mermaidPreviewMode), r);
|
|
4005
4017
|
return n ? [dt(t, n, r)] : [];
|
|
4006
4018
|
});
|
|
4007
|
-
l.value = Et(l.value, i,
|
|
4008
|
-
},
|
|
4019
|
+
l.value = Et(l.value, i, P.value.map((e) => e.pos));
|
|
4020
|
+
}, ne = () => {
|
|
4009
4021
|
if (!A.value || !E.value) {
|
|
4010
4022
|
c.value = null, u.value = null;
|
|
4011
4023
|
return;
|
|
4012
4024
|
}
|
|
4013
4025
|
let i = t.value;
|
|
4014
4026
|
if (!i) return;
|
|
4015
|
-
let a = ht(e.editor, E.value.pos,
|
|
4027
|
+
let a = ht(e.editor, E.value.pos, M.value), o = i.getBoundingClientRect(), s = gt(a, o);
|
|
4016
4028
|
if (!s) {
|
|
4017
4029
|
c.value = c.value?.pos === E.value.pos ? c.value : null, u.value = d.value ? u.value : null;
|
|
4018
4030
|
return;
|
|
@@ -4027,7 +4039,7 @@ var Qi = Y({
|
|
|
4027
4039
|
windowHeight: window.innerHeight
|
|
4028
4040
|
});
|
|
4029
4041
|
}
|
|
4030
|
-
},
|
|
4042
|
+
}, re = async () => {
|
|
4031
4043
|
if (e.readOnly) {
|
|
4032
4044
|
if (!E.value) return;
|
|
4033
4045
|
let e = await st(E.value.text);
|
|
@@ -4037,47 +4049,47 @@ var Qi = Y({
|
|
|
4037
4049
|
if (!ft(e.editor, E.value)) return;
|
|
4038
4050
|
let t = await Ze(e.editor);
|
|
4039
4051
|
z($e(Qe(e.editor), t ? "copied" : "failed")), e.editor.view.focus();
|
|
4040
|
-
},
|
|
4052
|
+
}, ie = (t, n) => {
|
|
4041
4053
|
if (e.readOnly) {
|
|
4042
4054
|
qt(e.editor, t.pos, n) && (x.value += 1, S.value += 1);
|
|
4043
4055
|
return;
|
|
4044
4056
|
}
|
|
4045
4057
|
let r = e.state.active && e.state.pos === t.pos;
|
|
4046
4058
|
rt(e.editor, t.pos, n) && (e.onMermaidModeChange(n), S.value += 1, r && e.editor.view.focus());
|
|
4047
|
-
},
|
|
4059
|
+
}, ae = (t) => {
|
|
4048
4060
|
if (e.readOnly || !E.value) return;
|
|
4049
4061
|
let n = e.state.active && e.state.pos === E.value.pos;
|
|
4050
4062
|
nt(e.editor, E.value.pos, t) && (t === "mermaid" && rt(e.editor, E.value.pos, "preview") && e.onMermaidModeChange("preview"), d.value = !1, f.value = "", p.value = -1, S.value += 1, n && e.editor.view.focus());
|
|
4051
|
-
},
|
|
4052
|
-
d.value = !d.value, d.value && o.value === null && (o.value = ct()), p.value = d.value ? St(
|
|
4053
|
-
},
|
|
4063
|
+
}, oe = () => {
|
|
4064
|
+
d.value = !d.value, d.value && o.value === null && (o.value = ct()), p.value = d.value ? St(I.value, E.value?.language ?? null) : -1;
|
|
4065
|
+
}, se = (e) => {
|
|
4054
4066
|
let t = _t(e);
|
|
4055
4067
|
f.value = e, p.value = St(t, e.trim() ? null : E.value?.language ?? null);
|
|
4056
|
-
},
|
|
4068
|
+
}, ce = (t) => {
|
|
4057
4069
|
if (!t.isComposing) {
|
|
4058
4070
|
if (t.key === "ArrowDown" || t.key === "ArrowUp") {
|
|
4059
|
-
t.preventDefault(), p.value = Ot(p.value,
|
|
4071
|
+
t.preventDefault(), p.value = Ot(p.value, I.value.length, t.key === "ArrowUp" ? "previous" : "next");
|
|
4060
4072
|
return;
|
|
4061
4073
|
}
|
|
4062
4074
|
if (t.key === "Enter") {
|
|
4063
|
-
let e =
|
|
4064
|
-
e && (t.preventDefault(),
|
|
4075
|
+
let e = I.value[p.value];
|
|
4076
|
+
e && (t.preventDefault(), ae(e.language));
|
|
4065
4077
|
return;
|
|
4066
4078
|
}
|
|
4067
4079
|
t.key === "Escape" && (t.preventDefault(), d.value = !1, p.value = -1, e.editor.view.focus());
|
|
4068
4080
|
}
|
|
4069
|
-
},
|
|
4081
|
+
}, le = () => {
|
|
4070
4082
|
e.readOnly || !E.value || tt(e.editor, E.value.pos, !k.value) && (b.value += 1, S.value += 1, s.value = null);
|
|
4071
|
-
},
|
|
4083
|
+
}, ue = () => {
|
|
4072
4084
|
if (!E.value) return;
|
|
4073
4085
|
let t = wt(e.editor, E.value.pos);
|
|
4074
|
-
t &&
|
|
4086
|
+
t && V({
|
|
4075
4087
|
data: new Blob([t], { type: "image/svg+xml" }),
|
|
4076
4088
|
fileName: "markweave-mermaid.svg",
|
|
4077
4089
|
onSettled: () => e.editor.view.focus(),
|
|
4078
4090
|
ownerDocument: document
|
|
4079
4091
|
});
|
|
4080
|
-
},
|
|
4092
|
+
}, de = () => {
|
|
4081
4093
|
if (!E.value) return;
|
|
4082
4094
|
let t = wt(e.editor, E.value.pos);
|
|
4083
4095
|
t && (g.value = ut(t), _.value = null, v.value = !1, y.value = {
|
|
@@ -4085,26 +4097,26 @@ var Qi = Y({
|
|
|
4085
4097
|
lastX: 0,
|
|
4086
4098
|
lastY: 0
|
|
4087
4099
|
});
|
|
4088
|
-
},
|
|
4100
|
+
}, fe = (e) => {
|
|
4089
4101
|
g.value = g.value ? {
|
|
4090
4102
|
...g.value,
|
|
4091
4103
|
scale: at(g.value.scale + e)
|
|
4092
4104
|
} : null;
|
|
4093
|
-
},
|
|
4105
|
+
}, pe = () => {
|
|
4094
4106
|
g.value = g.value ? ut(g.value.svg) : null, y.value = {
|
|
4095
4107
|
active: !1,
|
|
4096
4108
|
lastX: 0,
|
|
4097
4109
|
lastY: 0
|
|
4098
4110
|
}, v.value = !1;
|
|
4111
|
+
}, me = (e) => {
|
|
4112
|
+
e.preventDefault(), fe(e.deltaY < 0 ? Dt : -Dt);
|
|
4099
4113
|
}, he = (e) => {
|
|
4100
|
-
e.preventDefault(), pe(e.deltaY < 0 ? Dt : -Dt);
|
|
4101
|
-
}, ge = (e) => {
|
|
4102
4114
|
e.button === 0 && (e.preventDefault(), y.value = {
|
|
4103
4115
|
active: !0,
|
|
4104
4116
|
lastX: e.clientX,
|
|
4105
4117
|
lastY: e.clientY
|
|
4106
4118
|
}, v.value = !0);
|
|
4107
|
-
},
|
|
4119
|
+
}, ge = (e) => {
|
|
4108
4120
|
let t = y.value;
|
|
4109
4121
|
if (!t.active) return;
|
|
4110
4122
|
let n = e.clientX - t.lastX, r = e.clientY - t.lastY;
|
|
@@ -4113,53 +4125,53 @@ var Qi = Y({
|
|
|
4113
4125
|
lastX: e.clientX,
|
|
4114
4126
|
lastY: e.clientY
|
|
4115
4127
|
}, g.value = kt(g.value, n, r);
|
|
4116
|
-
},
|
|
4128
|
+
}, _e = () => {
|
|
4117
4129
|
y.value = {
|
|
4118
4130
|
active: !1,
|
|
4119
4131
|
lastX: 0,
|
|
4120
4132
|
lastY: 0
|
|
4121
4133
|
}, v.value = !1;
|
|
4122
4134
|
};
|
|
4123
|
-
|
|
4135
|
+
q(() => e.readOnly, (e) => {
|
|
4124
4136
|
e && (d.value = !1, f.value = "");
|
|
4125
|
-
}),
|
|
4137
|
+
}), q(L, () => {
|
|
4126
4138
|
z(null), d.value = !1, f.value = "", p.value = -1, g.value = null, _.value = null, v.value = !1;
|
|
4127
|
-
}),
|
|
4139
|
+
}), q(d, async (e) => {
|
|
4128
4140
|
if (!e) {
|
|
4129
4141
|
p.value = -1;
|
|
4130
4142
|
return;
|
|
4131
4143
|
}
|
|
4132
|
-
await
|
|
4133
|
-
}),
|
|
4144
|
+
await Y(), ne(), i.value?.focus({ preventScroll: !0 });
|
|
4145
|
+
}), q(() => [
|
|
4134
4146
|
d.value,
|
|
4135
4147
|
f.value,
|
|
4136
4148
|
p.value
|
|
4137
4149
|
], async () => {
|
|
4138
4150
|
if (!d.value || p.value < 0) return;
|
|
4139
|
-
await
|
|
4151
|
+
await Y();
|
|
4140
4152
|
let e = a.value, t = e?.querySelector(`[data-language-index="${p.value}"]`);
|
|
4141
4153
|
e && t && At(e, t);
|
|
4142
|
-
}, { flush: "post" }),
|
|
4154
|
+
}, { flush: "post" }), q(() => [
|
|
4143
4155
|
A.value,
|
|
4144
4156
|
b.value,
|
|
4145
4157
|
E.value?.pos ?? null,
|
|
4146
|
-
|
|
4158
|
+
I.value.length,
|
|
4147
4159
|
d.value,
|
|
4148
|
-
|
|
4160
|
+
M.value
|
|
4149
4161
|
], async () => {
|
|
4150
|
-
await
|
|
4162
|
+
await Y(), ne();
|
|
4151
4163
|
}, {
|
|
4152
4164
|
flush: "post",
|
|
4153
4165
|
immediate: !0
|
|
4154
|
-
}),
|
|
4155
|
-
await
|
|
4166
|
+
}), q(F, async () => {
|
|
4167
|
+
await Y(), H(), window.requestAnimationFrame(H);
|
|
4156
4168
|
}, {
|
|
4157
4169
|
flush: "post",
|
|
4158
4170
|
immediate: !0
|
|
4159
4171
|
});
|
|
4160
|
-
let
|
|
4172
|
+
let ve = null;
|
|
4161
4173
|
return nr(() => {
|
|
4162
|
-
|
|
4174
|
+
Y(() => {
|
|
4163
4175
|
let n = e.editor.view.dom.closest(".markweave-editor-frame"), r = (n) => {
|
|
4164
4176
|
if (n.target instanceof Node && t.value?.contains(n.target) || d.value) return;
|
|
4165
4177
|
let r = yt(e.editor, n.target), i = bt(e.editor, r), a = i && !Tt(e.editor, i) ? i.pos : null;
|
|
@@ -4169,7 +4181,7 @@ var Qi = Y({
|
|
|
4169
4181
|
}, a = (t) => {
|
|
4170
4182
|
if (t.key === "Escape") {
|
|
4171
4183
|
if (g.value) {
|
|
4172
|
-
|
|
4184
|
+
B();
|
|
4173
4185
|
return;
|
|
4174
4186
|
}
|
|
4175
4187
|
d.value && (d.value = !1, p.value = -1, e.editor.view.focus());
|
|
@@ -4179,14 +4191,14 @@ var Qi = Y({
|
|
|
4179
4191
|
}, c = ({ transaction: e }) => {
|
|
4180
4192
|
e.getMeta(Xe) && (b.value += 1), (e.docChanged || e.selectionSet || e.getMeta(Xe) || Wt(e)) && (S.value += 1);
|
|
4181
4193
|
};
|
|
4182
|
-
n?.addEventListener("mousemove", r), n?.addEventListener("mouseleave", i), window.addEventListener("resize",
|
|
4183
|
-
n?.removeEventListener("mousemove", r), n?.removeEventListener("mouseleave", i), window.removeEventListener("resize",
|
|
4194
|
+
n?.addEventListener("mousemove", r), n?.addEventListener("mouseleave", i), window.addEventListener("resize", ne), window.addEventListener("scroll", ne, !0), window.addEventListener("resize", H), window.addEventListener("scroll", H, !0), document.addEventListener("keydown", a), document.addEventListener("mousedown", o), e.editor.on("transaction", c), ve = () => {
|
|
4195
|
+
n?.removeEventListener("mousemove", r), n?.removeEventListener("mouseleave", i), window.removeEventListener("resize", ne), window.removeEventListener("scroll", ne, !0), window.removeEventListener("resize", H), window.removeEventListener("scroll", H, !0), document.removeEventListener("keydown", a), document.removeEventListener("mousedown", o), e.editor.off("transaction", c), R();
|
|
4184
4196
|
};
|
|
4185
4197
|
});
|
|
4186
|
-
}),
|
|
4187
|
-
|
|
4198
|
+
}), J(() => {
|
|
4199
|
+
ve?.(), ve = null, R();
|
|
4188
4200
|
}), () => {
|
|
4189
|
-
if (!A.value &&
|
|
4201
|
+
if (!A.value && P.value.length === 0 && !g.value) return null;
|
|
4190
4202
|
let s = c.value ? {
|
|
4191
4203
|
top: `${c.value.top}px`,
|
|
4192
4204
|
right: `${c.value.right}px`
|
|
@@ -4194,15 +4206,15 @@ var Qi = Y({
|
|
|
4194
4206
|
left: `${u.value.left}px`,
|
|
4195
4207
|
top: `${u.value.top}px`
|
|
4196
4208
|
} : void 0;
|
|
4197
|
-
return
|
|
4209
|
+
return U("div", {
|
|
4198
4210
|
ref: t,
|
|
4199
4211
|
class: "markweave-codeblock-overlay",
|
|
4200
4212
|
"data-testid": "markweave-codeblock-overlay",
|
|
4201
4213
|
"data-read-only": e.readOnly ? "true" : "false"
|
|
4202
4214
|
}, [
|
|
4203
|
-
...
|
|
4215
|
+
...P.value.map((e) => {
|
|
4204
4216
|
let t = l.value.find((t) => t.pos === e.pos);
|
|
4205
|
-
return
|
|
4217
|
+
return U("div", {
|
|
4206
4218
|
key: e.pos,
|
|
4207
4219
|
class: "markweave-mermaid-tabs",
|
|
4208
4220
|
"data-testid": "markweave-mermaid-tabs",
|
|
@@ -4212,16 +4224,16 @@ var Qi = Y({
|
|
|
4212
4224
|
top: `${t.top}px`,
|
|
4213
4225
|
left: `${t.left}px`
|
|
4214
4226
|
} : void 0
|
|
4215
|
-
}, ["code", "preview"].map((t) =>
|
|
4227
|
+
}, ["code", "preview"].map((t) => U("button", {
|
|
4216
4228
|
key: t,
|
|
4217
4229
|
type: "button",
|
|
4218
4230
|
"data-testid": `markweave-mermaid-mode-${t}`,
|
|
4219
4231
|
"data-active": e.mermaidPreviewMode === t ? "true" : "false",
|
|
4220
4232
|
onMousedown: $,
|
|
4221
|
-
onClick: () =>
|
|
4233
|
+
onClick: () => ie(e, t)
|
|
4222
4234
|
}, t === "code" ? "Code" : "Preview")));
|
|
4223
4235
|
}),
|
|
4224
|
-
A.value && E.value ?
|
|
4236
|
+
A.value && E.value ? U("div", {
|
|
4225
4237
|
class: "markweave-codeblock-controls",
|
|
4226
4238
|
"data-testid": "markweave-codeblock-controls",
|
|
4227
4239
|
"data-positioned": c.value ? "true" : "false",
|
|
@@ -4230,11 +4242,11 @@ var Qi = Y({
|
|
|
4230
4242
|
"aria-label": "Code block controls",
|
|
4231
4243
|
style: s
|
|
4232
4244
|
}, [
|
|
4233
|
-
e.readOnly ?
|
|
4245
|
+
e.readOnly ? U("span", {
|
|
4234
4246
|
class: "markweave-codeblock-language-button markweave-codeblock-language-label",
|
|
4235
4247
|
"aria-label": "Code block language",
|
|
4236
4248
|
"data-testid": "markweave-codeblock-language"
|
|
4237
|
-
}, [
|
|
4249
|
+
}, [U("span", null, ee.value)]) : U("button", {
|
|
4238
4250
|
ref: n,
|
|
4239
4251
|
type: "button",
|
|
4240
4252
|
class: "markweave-codeblock-language-button",
|
|
@@ -4243,9 +4255,9 @@ var Qi = Y({
|
|
|
4243
4255
|
"aria-haspopup": "listbox",
|
|
4244
4256
|
"data-testid": "markweave-codeblock-language",
|
|
4245
4257
|
onMousedown: $,
|
|
4246
|
-
onClick:
|
|
4247
|
-
}, [
|
|
4248
|
-
j.value ?
|
|
4258
|
+
onClick: oe
|
|
4259
|
+
}, [U("span", null, ee.value), Ki("chevron")]),
|
|
4260
|
+
j.value ? U("button", {
|
|
4249
4261
|
type: "button",
|
|
4250
4262
|
class: "markweave-codeblock-icon-button markweave-codeblock-collapse-button",
|
|
4251
4263
|
"aria-label": k.value ? "Expand code block" : "Collapse code block",
|
|
@@ -4253,14 +4265,14 @@ var Qi = Y({
|
|
|
4253
4265
|
"data-testid": "markweave-codeblock-collapse",
|
|
4254
4266
|
"data-collapsed": k.value ? "true" : "false",
|
|
4255
4267
|
onMousedown: $,
|
|
4256
|
-
onClick:
|
|
4257
|
-
}, [
|
|
4258
|
-
|
|
4268
|
+
onClick: le
|
|
4269
|
+
}, [Ki("chevron")]) : null,
|
|
4270
|
+
U("span", { class: "markweave-codeblock-copy-wrap" }, [U("button", {
|
|
4259
4271
|
type: "button",
|
|
4260
4272
|
class: "markweave-codeblock-icon-button",
|
|
4261
4273
|
"aria-label": "Copy to clipboard",
|
|
4262
4274
|
"data-testid": "markweave-codeblock-copy",
|
|
4263
|
-
"data-copy-state":
|
|
4275
|
+
"data-copy-state": te.value,
|
|
4264
4276
|
onMousedown: $,
|
|
4265
4277
|
onMouseenter: () => {
|
|
4266
4278
|
h.value = !0;
|
|
@@ -4275,64 +4287,64 @@ var Qi = Y({
|
|
|
4275
4287
|
h.value = !1;
|
|
4276
4288
|
},
|
|
4277
4289
|
onClick: () => {
|
|
4278
|
-
|
|
4290
|
+
re();
|
|
4279
4291
|
}
|
|
4280
|
-
}, [
|
|
4292
|
+
}, [Ki(te.value === "copied" ? "check" : "clipboard")]), h.value ? U("span", {
|
|
4281
4293
|
class: "markweave-codeblock-tooltip",
|
|
4282
4294
|
role: "tooltip",
|
|
4283
4295
|
"data-testid": "markweave-codeblock-copy-tooltip"
|
|
4284
4296
|
}, "Copy to clipboard") : null]),
|
|
4285
|
-
O.value &&
|
|
4297
|
+
O.value && M.value === "preview" ? U("div", {
|
|
4286
4298
|
class: "markweave-mermaid-preview-actions",
|
|
4287
4299
|
"data-testid": "markweave-mermaid-preview-actions"
|
|
4288
|
-
}, [
|
|
4300
|
+
}, [U("button", {
|
|
4289
4301
|
type: "button",
|
|
4290
4302
|
class: "markweave-codeblock-icon-button",
|
|
4291
4303
|
"aria-label": "Fullscreen Mermaid preview",
|
|
4292
4304
|
"data-testid": "markweave-mermaid-fullscreen",
|
|
4293
|
-
disabled: !
|
|
4305
|
+
disabled: !N.value,
|
|
4294
4306
|
onMousedown: $,
|
|
4295
|
-
onClick:
|
|
4296
|
-
}, [
|
|
4307
|
+
onClick: de
|
|
4308
|
+
}, [Ki("expand")]), U("button", {
|
|
4297
4309
|
type: "button",
|
|
4298
4310
|
class: "markweave-codeblock-icon-button",
|
|
4299
4311
|
"aria-label": "Download Mermaid SVG",
|
|
4300
4312
|
"data-testid": "markweave-mermaid-download",
|
|
4301
|
-
disabled: !
|
|
4313
|
+
disabled: !N.value,
|
|
4302
4314
|
onMousedown: $,
|
|
4303
|
-
onClick:
|
|
4304
|
-
}, [
|
|
4315
|
+
onClick: ue
|
|
4316
|
+
}, [Ki("download")])]) : null
|
|
4305
4317
|
]) : null,
|
|
4306
|
-
j.value && A.value && d.value && E.value ?
|
|
4318
|
+
j.value && A.value && d.value && E.value ? U("div", {
|
|
4307
4319
|
ref: r,
|
|
4308
4320
|
class: "markweave-codeblock-language-menu",
|
|
4309
4321
|
"data-testid": "markweave-codeblock-language-menu",
|
|
4310
4322
|
"data-positioned": u.value ? "true" : "false",
|
|
4311
4323
|
style: m
|
|
4312
|
-
}, [
|
|
4324
|
+
}, [U("label", { class: "markweave-codeblock-language-search" }, [U("input", {
|
|
4313
4325
|
ref: i,
|
|
4314
4326
|
role: "combobox",
|
|
4315
4327
|
"aria-autocomplete": "list",
|
|
4316
4328
|
"aria-controls": o.value ?? void 0,
|
|
4317
4329
|
"aria-expanded": "true",
|
|
4318
|
-
"aria-activedescendant": o.value &&
|
|
4330
|
+
"aria-activedescendant": o.value && I.value[p.value] ? vt(o.value, I.value[p.value].language) : void 0,
|
|
4319
4331
|
"aria-label": "Search code block languages",
|
|
4320
4332
|
value: f.value,
|
|
4321
4333
|
placeholder: "Search...",
|
|
4322
4334
|
"data-testid": "markweave-codeblock-language-search",
|
|
4323
4335
|
onInput: (e) => {
|
|
4324
|
-
|
|
4336
|
+
se(e.target.value);
|
|
4325
4337
|
},
|
|
4326
|
-
onKeydown:
|
|
4327
|
-
}),
|
|
4338
|
+
onKeydown: ce
|
|
4339
|
+
}), Ki("search")]), U("div", {
|
|
4328
4340
|
ref: a,
|
|
4329
4341
|
id: o.value ?? void 0,
|
|
4330
4342
|
class: "markweave-codeblock-language-list",
|
|
4331
4343
|
role: "listbox",
|
|
4332
4344
|
"aria-label": "Code block languages"
|
|
4333
|
-
},
|
|
4345
|
+
}, I.value.map((e, t) => {
|
|
4334
4346
|
let n = E.value?.language === e.language, r = t === p.value;
|
|
4335
|
-
return
|
|
4347
|
+
return U("button", {
|
|
4336
4348
|
key: e.language,
|
|
4337
4349
|
id: o.value ? vt(o.value, e.language) : void 0,
|
|
4338
4350
|
type: "button",
|
|
@@ -4346,21 +4358,21 @@ var Qi = Y({
|
|
|
4346
4358
|
onMouseenter: () => {
|
|
4347
4359
|
p.value = t;
|
|
4348
4360
|
},
|
|
4349
|
-
onClick: () =>
|
|
4350
|
-
}, [
|
|
4361
|
+
onClick: () => ae(e.language)
|
|
4362
|
+
}, [U("span", null, e.label), n ? Ki("check") : null]);
|
|
4351
4363
|
}))]) : null,
|
|
4352
|
-
g.value ?
|
|
4364
|
+
g.value ? U("div", {
|
|
4353
4365
|
class: "markweave-mermaid-fullscreen-layer",
|
|
4354
4366
|
role: "dialog",
|
|
4355
4367
|
"aria-modal": "true",
|
|
4356
4368
|
"aria-label": "Mermaid preview",
|
|
4357
4369
|
"data-testid": "markweave-mermaid-fullscreen-layer"
|
|
4358
4370
|
}, [
|
|
4359
|
-
|
|
4371
|
+
U("div", {
|
|
4360
4372
|
class: "markweave-mermaid-fullscreen-toolbar",
|
|
4361
4373
|
"data-testid": "markweave-mermaid-fullscreen-toolbar"
|
|
4362
4374
|
}, [
|
|
4363
|
-
|
|
4375
|
+
U("button", {
|
|
4364
4376
|
type: "button",
|
|
4365
4377
|
class: "markweave-mermaid-fullscreen-control",
|
|
4366
4378
|
"aria-label": "Zoom out",
|
|
@@ -4377,13 +4389,13 @@ var Qi = Y({
|
|
|
4377
4389
|
onBlur: () => {
|
|
4378
4390
|
_.value = null;
|
|
4379
4391
|
},
|
|
4380
|
-
onClick: () =>
|
|
4381
|
-
}, [
|
|
4382
|
-
|
|
4392
|
+
onClick: () => fe(-Dt)
|
|
4393
|
+
}, [Ki("zoomOut")]),
|
|
4394
|
+
U("span", {
|
|
4383
4395
|
class: "markweave-mermaid-fullscreen-zoom-label",
|
|
4384
4396
|
"data-testid": "markweave-mermaid-fullscreen-zoom-label"
|
|
4385
4397
|
}, mt(g.value.scale)),
|
|
4386
|
-
|
|
4398
|
+
U("button", {
|
|
4387
4399
|
type: "button",
|
|
4388
4400
|
class: "markweave-mermaid-fullscreen-control",
|
|
4389
4401
|
"aria-label": "Zoom in",
|
|
@@ -4400,9 +4412,9 @@ var Qi = Y({
|
|
|
4400
4412
|
onBlur: () => {
|
|
4401
4413
|
_.value = null;
|
|
4402
4414
|
},
|
|
4403
|
-
onClick: () =>
|
|
4404
|
-
}, [
|
|
4405
|
-
|
|
4415
|
+
onClick: () => fe(Dt)
|
|
4416
|
+
}, [Ki("zoomIn")]),
|
|
4417
|
+
U("button", {
|
|
4406
4418
|
type: "button",
|
|
4407
4419
|
class: "markweave-mermaid-fullscreen-control",
|
|
4408
4420
|
"aria-label": "Reset zoom",
|
|
@@ -4419,31 +4431,31 @@ var Qi = Y({
|
|
|
4419
4431
|
onBlur: () => {
|
|
4420
4432
|
_.value = null;
|
|
4421
4433
|
},
|
|
4422
|
-
onClick:
|
|
4423
|
-
}, [
|
|
4424
|
-
_.value ?
|
|
4434
|
+
onClick: pe
|
|
4435
|
+
}, [Ki("reset")]),
|
|
4436
|
+
_.value ? U("span", {
|
|
4425
4437
|
class: "markweave-mermaid-fullscreen-tooltip",
|
|
4426
4438
|
role: "tooltip",
|
|
4427
4439
|
"data-testid": "markweave-mermaid-fullscreen-tooltip"
|
|
4428
4440
|
}, _.value === "zoom-out" ? "Zoom out" : _.value === "zoom-in" ? "Zoom in" : "Reset") : null
|
|
4429
4441
|
]),
|
|
4430
|
-
|
|
4442
|
+
U("button", {
|
|
4431
4443
|
type: "button",
|
|
4432
4444
|
class: "markweave-mermaid-fullscreen-close",
|
|
4433
4445
|
"aria-label": "Close fullscreen Mermaid preview",
|
|
4434
4446
|
"data-testid": "markweave-mermaid-fullscreen-close",
|
|
4435
|
-
onClick:
|
|
4436
|
-
}, [
|
|
4437
|
-
|
|
4447
|
+
onClick: B
|
|
4448
|
+
}, [Ki("close")]),
|
|
4449
|
+
U("div", {
|
|
4438
4450
|
class: "markweave-mermaid-fullscreen-viewport",
|
|
4439
4451
|
"data-testid": "markweave-mermaid-fullscreen-viewport",
|
|
4440
4452
|
"data-dragging": v.value ? "true" : "false",
|
|
4441
|
-
onWheel:
|
|
4442
|
-
onMousedown:
|
|
4443
|
-
onMousemove:
|
|
4444
|
-
onMouseup:
|
|
4445
|
-
onMouseleave:
|
|
4446
|
-
}, [
|
|
4453
|
+
onWheel: me,
|
|
4454
|
+
onMousedown: he,
|
|
4455
|
+
onMousemove: ge,
|
|
4456
|
+
onMouseup: _e,
|
|
4457
|
+
onMouseleave: _e
|
|
4458
|
+
}, [U("div", {
|
|
4447
4459
|
class: "markweave-mermaid-fullscreen-content",
|
|
4448
4460
|
"data-testid": "markweave-mermaid-fullscreen-content",
|
|
4449
4461
|
"data-scale-percent": Math.round(g.value.scale * 100),
|
|
@@ -4459,7 +4471,7 @@ var Qi = Y({
|
|
|
4459
4471
|
]);
|
|
4460
4472
|
};
|
|
4461
4473
|
}
|
|
4462
|
-
}),
|
|
4474
|
+
}), sa = X({
|
|
4463
4475
|
name: "MarkweaveVueInnerToc",
|
|
4464
4476
|
props: {
|
|
4465
4477
|
editor: {
|
|
@@ -4484,22 +4496,22 @@ var Qi = Y({
|
|
|
4484
4496
|
}
|
|
4485
4497
|
},
|
|
4486
4498
|
setup(e) {
|
|
4487
|
-
let t =
|
|
4499
|
+
let t = W(null), n, r = () => {
|
|
4488
4500
|
n?.(), n = e.placement === "container" && t.value ? Je(t.value) : void 0;
|
|
4489
4501
|
};
|
|
4490
|
-
return nr(r),
|
|
4502
|
+
return nr(r), J(() => n?.()), q(() => e.placement, r), () => e.state.items.length ? U("nav", {
|
|
4491
4503
|
ref: t,
|
|
4492
4504
|
class: "markweave-inner-toc",
|
|
4493
4505
|
"data-testid": "markweave-inner-toc",
|
|
4494
4506
|
"aria-label": e.messages.toc.ariaLabel
|
|
4495
|
-
}, [
|
|
4507
|
+
}, [U("div", {
|
|
4496
4508
|
class: "markweave-inner-toc-rail",
|
|
4497
4509
|
"aria-hidden": "true"
|
|
4498
|
-
}, e.state.items.map((e) =>
|
|
4510
|
+
}, e.state.items.map((e) => U("span", {
|
|
4499
4511
|
key: e.id,
|
|
4500
4512
|
"data-level": e.level,
|
|
4501
4513
|
"data-active": e.active ? "true" : "false"
|
|
4502
|
-
}))),
|
|
4514
|
+
}))), U("div", { class: "markweave-inner-toc-panel" }, [U("div", { class: "markweave-inner-toc-list" }, e.state.items.map((t) => U("button", {
|
|
4503
4515
|
key: t.id,
|
|
4504
4516
|
type: "button",
|
|
4505
4517
|
class: "markweave-inner-toc-item",
|
|
@@ -4515,27 +4527,27 @@ var Qi = Y({
|
|
|
4515
4527
|
}, t.text)))])]) : null;
|
|
4516
4528
|
}
|
|
4517
4529
|
});
|
|
4518
|
-
function
|
|
4519
|
-
let i = r(e.lang), o = n(i), s = t(i), c =
|
|
4530
|
+
function ca(e = {}) {
|
|
4531
|
+
let i = r(e.lang), o = n(i), s = t(i), c = W(f(e.mode)), l = K(() => Se(e.theme)), u = K(() => c.value === "live" && e.editable !== !1), d = W(0), m = G(null), h = W(an), g = G(null), _ = G(null), v = W("code"), y = G(null), b = G(fn), x = W(null), S = W(!1), C = G(null), w = oe(e.content === void 0 ? e.defaultContentFormat : e.contentFormat), T = e.content ?? e.defaultContent ?? "", E = typeof T == "string" && T.length >= 2e5, D = null;
|
|
4520
4532
|
function O() {
|
|
4521
4533
|
D !== null && (window.clearTimeout(D), D = null), d.value += 1;
|
|
4522
4534
|
}
|
|
4523
4535
|
function k() {
|
|
4524
4536
|
D !== null && window.clearTimeout(D), D = window.setTimeout(() => {
|
|
4525
4537
|
D = null, d.value += 1;
|
|
4526
|
-
},
|
|
4538
|
+
}, ye);
|
|
4527
4539
|
}
|
|
4528
|
-
let A = e.onSlashCommandUpload, j =
|
|
4540
|
+
let A = e.onSlashCommandUpload, j = G(null);
|
|
4529
4541
|
j.value = new a({
|
|
4530
4542
|
extensions: Bi({
|
|
4531
4543
|
lang: i,
|
|
4532
4544
|
linkCardResolver: e.linkCardResolver,
|
|
4533
|
-
onImageUpload: (e) => A?.(e) ??
|
|
4534
|
-
onVideoUpload: (e) => A?.(e) ??
|
|
4545
|
+
onImageUpload: (e) => A?.(e) ?? I(e) ?? Promise.reject(/* @__PURE__ */ Error("File upload requires an upload handler.")),
|
|
4546
|
+
onVideoUpload: (e) => A?.(e) ?? I(e) ?? Promise.reject(/* @__PURE__ */ Error("File upload requires an upload handler.")),
|
|
4535
4547
|
resolveMediaSource: e.resolveMediaSource
|
|
4536
4548
|
}),
|
|
4537
4549
|
content: T,
|
|
4538
|
-
contentType:
|
|
4550
|
+
contentType: re(w),
|
|
4539
4551
|
editable: u.value,
|
|
4540
4552
|
autofocus: e.autofocus,
|
|
4541
4553
|
editorProps: {
|
|
@@ -4549,17 +4561,17 @@ function sa(e = {}) {
|
|
|
4549
4561
|
translate: "no"
|
|
4550
4562
|
},
|
|
4551
4563
|
handleClick: (e, t, n) => {
|
|
4552
|
-
if (!u.value) return
|
|
4564
|
+
if (!u.value) return me(n);
|
|
4553
4565
|
let r = Rt(e, n);
|
|
4554
|
-
return r ? (n.preventDefault(), n.stopPropagation(),
|
|
4566
|
+
return r ? (n.preventDefault(), n.stopPropagation(), F(), Ht(e, r, !0), Ut(e, r), y.value = r, !0) : (y.value = null, !1);
|
|
4555
4567
|
},
|
|
4556
4568
|
handleDOMEvents: {
|
|
4557
4569
|
compositionstart: () => u.value ? (h.value = on(h.value, { type: "composition-start" }), g.value = null, !1) : !1,
|
|
4558
|
-
compositionend: (e) => (u.value && window.setTimeout(() =>
|
|
4570
|
+
compositionend: (e) => (u.value && window.setTimeout(() => L(e), 0), !1),
|
|
4559
4571
|
click: (e, t) => {
|
|
4560
|
-
if (!u.value) return
|
|
4572
|
+
if (!u.value) return me(t);
|
|
4561
4573
|
let n = Rt(e, t);
|
|
4562
|
-
return n ? (t.preventDefault(), t.stopPropagation(),
|
|
4574
|
+
return n ? (t.preventDefault(), t.stopPropagation(), F(), Ht(e, n, !0), Ut(e, n), y.value = n, !0) : (y.value = null, !1);
|
|
4563
4575
|
}
|
|
4564
4576
|
}
|
|
4565
4577
|
},
|
|
@@ -4568,17 +4580,17 @@ function sa(e = {}) {
|
|
|
4568
4580
|
p(t, {
|
|
4569
4581
|
mode: c.value,
|
|
4570
4582
|
editable: u.value
|
|
4571
|
-
}), Gt(t, l.value), Kt(t, u.value ? "live" : "view"), e.autoFocusFirstTableBodyCell && u.value && ln(t),
|
|
4583
|
+
}), Gt(t, l.value), Kt(t, u.value ? "live" : "view"), e.autoFocusFirstTableBodyCell && u.value && ln(t), V(t), z(t), O();
|
|
4572
4584
|
},
|
|
4573
4585
|
onTransaction: ({ editor: e, transaction: t }) => {
|
|
4574
|
-
if (
|
|
4586
|
+
if (V(e), (t.docChanged || Wt(t)) && k(), t.docChanged && y.value) {
|
|
4575
4587
|
let t = Lt(e, y.value.pos);
|
|
4576
4588
|
y.value = t?.kind === y.value.kind ? t : null;
|
|
4577
4589
|
}
|
|
4578
4590
|
},
|
|
4579
4591
|
onUpdate: ({ editor: t }) => {
|
|
4580
|
-
z(t), u.value && R(t), S.value || e.onUpdate?.(
|
|
4581
|
-
let i =
|
|
4592
|
+
z(t), u.value && R(t), S.value || e.onUpdate?.(ne(t, { onContentRead: (n, r) => {
|
|
4593
|
+
let i = oe(e.contentFormat);
|
|
4582
4594
|
e.content !== void 0 && n === i && (C.value = {
|
|
4583
4595
|
content: r,
|
|
4584
4596
|
format: n,
|
|
@@ -4587,15 +4599,15 @@ function sa(e = {}) {
|
|
|
4587
4599
|
} }));
|
|
4588
4600
|
}
|
|
4589
4601
|
});
|
|
4590
|
-
let
|
|
4591
|
-
|
|
4592
|
-
|
|
4602
|
+
let ee = j.value, te = Ce(ee), M = !1, N = !1;
|
|
4603
|
+
Y(() => {
|
|
4604
|
+
M || j.value !== ee || (N = !0, e.onAiEditControllerChange?.(te));
|
|
4593
4605
|
});
|
|
4594
|
-
let
|
|
4595
|
-
function
|
|
4606
|
+
let P = K(() => j.value ?? null);
|
|
4607
|
+
function F() {
|
|
4596
4608
|
g.value = null, _.value = null, h.value = an;
|
|
4597
4609
|
}
|
|
4598
|
-
function
|
|
4610
|
+
function L(e) {
|
|
4599
4611
|
let t = nn(e.state);
|
|
4600
4612
|
if (!t) {
|
|
4601
4613
|
h.value = h.value.name === "idle" ? h.value : an, g.value = null, _.value = null;
|
|
@@ -4603,7 +4615,7 @@ function sa(e = {}) {
|
|
|
4603
4615
|
}
|
|
4604
4616
|
let n = e.coordsAtPos(t.cursor), r = e.coordsAtPos(t.triggerFrom), i = e.dom.closest(".markweave-editor-frame")?.getBoundingClientRect();
|
|
4605
4617
|
if (!rn(r, { frameRect: i })) {
|
|
4606
|
-
|
|
4618
|
+
F();
|
|
4607
4619
|
return;
|
|
4608
4620
|
}
|
|
4609
4621
|
let a = tn(n, {
|
|
@@ -4613,66 +4625,66 @@ function sa(e = {}) {
|
|
|
4613
4625
|
Qt(g.value, a) || (g.value = a), h.value = en(h.value, t);
|
|
4614
4626
|
}
|
|
4615
4627
|
function R(e) {
|
|
4616
|
-
|
|
4628
|
+
L(e.view);
|
|
4617
4629
|
}
|
|
4618
4630
|
function z(e) {
|
|
4619
|
-
let t =
|
|
4620
|
-
|
|
4631
|
+
let t = ve(e);
|
|
4632
|
+
ge(m.value, t) || (m.value = t);
|
|
4621
4633
|
let n = zt(e);
|
|
4622
4634
|
n && (Vt(e, n, !0), y.value = n);
|
|
4623
4635
|
let r = Qe(e);
|
|
4624
4636
|
r.active && r.language === "mermaid" && (v.value = r.mermaidPreviewMode);
|
|
4625
4637
|
}
|
|
4626
|
-
function
|
|
4638
|
+
function V(e) {
|
|
4627
4639
|
b.value = Ui(e);
|
|
4628
4640
|
}
|
|
4629
|
-
let
|
|
4630
|
-
active:
|
|
4641
|
+
let se = K(() => P.value ? Qe(P.value) : Hi), ce = K(() => P.value ? un(P.value.state) : Vi), le = K(() => m.value?.currentNode === "codeBlock"), ue = K(() => le.value && se.value.language === "mermaid"), de = K(() => P.value ? Jt({
|
|
4642
|
+
active: ue.value,
|
|
4631
4643
|
mode: v.value,
|
|
4632
|
-
source:
|
|
4644
|
+
source: se.value.text
|
|
4633
4645
|
}) : Jt({
|
|
4634
4646
|
active: !1,
|
|
4635
4647
|
mode: "code",
|
|
4636
4648
|
source: ""
|
|
4637
|
-
})),
|
|
4649
|
+
})), fe = K(() => P.value && e.onRuntimeStateChange ? cn(P.value.state) : null), pe = K(() => P.value ? Ge(P.value.state) : Ue.items), _e = K(() => Ke(pe.value, x.value)), be = K(() => He(pe.value, _e.value)), xe = K(() => Yt(h.value.query, s)), we = K(() => he({
|
|
4638
4650
|
revision: d.value,
|
|
4639
4651
|
mode: c.value,
|
|
4640
4652
|
editable: u.value,
|
|
4641
|
-
toc:
|
|
4653
|
+
toc: be.value,
|
|
4642
4654
|
selection: m.value,
|
|
4643
4655
|
slash: h.value,
|
|
4644
|
-
table:
|
|
4656
|
+
table: ce.value,
|
|
4645
4657
|
tableInteraction: b.value,
|
|
4646
|
-
codeBlock:
|
|
4647
|
-
mermaid:
|
|
4648
|
-
tableDebugSnapshot:
|
|
4649
|
-
})),
|
|
4650
|
-
closeSlashMenu:
|
|
4651
|
-
focusFirstTableBodyCell: () =>
|
|
4658
|
+
codeBlock: se.value,
|
|
4659
|
+
mermaid: de.value,
|
|
4660
|
+
tableDebugSnapshot: fe.value
|
|
4661
|
+
})), Te = {
|
|
4662
|
+
closeSlashMenu: F,
|
|
4663
|
+
focusFirstTableBodyCell: () => P.value ? ln(P.value) : !1,
|
|
4652
4664
|
setContent: (e, t = {}) => {
|
|
4653
|
-
if (!
|
|
4654
|
-
let n =
|
|
4655
|
-
return
|
|
4656
|
-
contentType:
|
|
4665
|
+
if (!P.value) return !1;
|
|
4666
|
+
let n = oe(t.format);
|
|
4667
|
+
return P.value.commands.setContent(e, {
|
|
4668
|
+
contentType: re(n),
|
|
4657
4669
|
emitUpdate: t.emitUpdate ?? !1
|
|
4658
|
-
}), t.focusFirstTableBodyCell && ln(
|
|
4670
|
+
}), t.focusFirstTableBodyCell && ln(P.value), z(P.value), u.value && R(P.value), V(P.value), O(), !0;
|
|
4659
4671
|
}
|
|
4660
4672
|
};
|
|
4661
|
-
function
|
|
4662
|
-
if (!(!
|
|
4673
|
+
function Ee(e, t) {
|
|
4674
|
+
if (!(!P.value || !u.value || !Xt(e))) {
|
|
4663
4675
|
if (e.inputKind && !t?.emoji && !t?.uploadResult) {
|
|
4664
4676
|
_.value = e;
|
|
4665
4677
|
return;
|
|
4666
4678
|
}
|
|
4667
|
-
$t(
|
|
4679
|
+
$t(P.value, h.value, e, t), h.value = on(h.value, { type: "execute" }), F();
|
|
4668
4680
|
}
|
|
4669
4681
|
}
|
|
4670
|
-
function
|
|
4671
|
-
if (!
|
|
4672
|
-
let t = Zt(h.value,
|
|
4682
|
+
function De(e) {
|
|
4683
|
+
if (!P.value || _.value || !u.value) return;
|
|
4684
|
+
let t = Zt(h.value, xe.value, e.key, { isComposing: e.isComposing || B(P.value.state) });
|
|
4673
4685
|
if (t.type !== "ignore") {
|
|
4674
4686
|
if (e.preventDefault(), t.type === "close") {
|
|
4675
|
-
h.value = on(h.value, { type: "escape" }),
|
|
4687
|
+
h.value = on(h.value, { type: "escape" }), F();
|
|
4676
4688
|
return;
|
|
4677
4689
|
}
|
|
4678
4690
|
if (t.type === "move-active") {
|
|
@@ -4683,98 +4695,98 @@ function sa(e = {}) {
|
|
|
4683
4695
|
});
|
|
4684
4696
|
return;
|
|
4685
4697
|
}
|
|
4686
|
-
|
|
4698
|
+
Ee(t.command);
|
|
4687
4699
|
}
|
|
4688
4700
|
}
|
|
4689
|
-
|
|
4690
|
-
c.value = f(e.mode),
|
|
4701
|
+
q(() => [e.mode, e.editable], () => {
|
|
4702
|
+
c.value = f(e.mode), P.value && (P.value.setEditable(u.value), p(P.value, {
|
|
4691
4703
|
mode: c.value,
|
|
4692
4704
|
editable: u.value
|
|
4693
|
-
}), Kt(
|
|
4694
|
-
}, { immediate: !0 }),
|
|
4695
|
-
|
|
4696
|
-
}, { immediate: !0 }),
|
|
4697
|
-
let n =
|
|
4698
|
-
if (!(!
|
|
4699
|
-
if (
|
|
4705
|
+
}), Kt(P.value, u.value ? "live" : "view"), O(), u.value || F());
|
|
4706
|
+
}, { immediate: !0 }), q(() => e.theme, () => {
|
|
4707
|
+
P.value && Gt(P.value, l.value);
|
|
4708
|
+
}, { immediate: !0 }), q(() => e.content, (t) => {
|
|
4709
|
+
let n = oe(e.contentFormat);
|
|
4710
|
+
if (!(!P.value || t === void 0)) {
|
|
4711
|
+
if (ae(P.value, C.value, t, n)) {
|
|
4700
4712
|
C.value = null;
|
|
4701
4713
|
return;
|
|
4702
4714
|
}
|
|
4703
|
-
C.value = null, !
|
|
4704
|
-
contentType:
|
|
4715
|
+
C.value = null, !ie(P.value, t, n) && (S.value = !0, P.value.commands.setContent(t, {
|
|
4716
|
+
contentType: re(n),
|
|
4705
4717
|
emitUpdate: !1
|
|
4706
|
-
}), S.value = !1, z(
|
|
4718
|
+
}), S.value = !1, z(P.value), u.value && R(P.value), V(P.value), O());
|
|
4707
4719
|
}
|
|
4708
|
-
}),
|
|
4720
|
+
}), q(we, (t) => e.onRuntimeStateChange?.(t), { immediate: !0 }), q(be, (t) => e.onTocChange?.(t), { immediate: !0 }), q(pe, (e) => {
|
|
4709
4721
|
let t = Ke(e, x.value);
|
|
4710
4722
|
x.value !== t && (x.value = t);
|
|
4711
4723
|
});
|
|
4712
|
-
let
|
|
4713
|
-
|
|
4714
|
-
}),
|
|
4715
|
-
g.value &&
|
|
4724
|
+
let Oe = H(() => {
|
|
4725
|
+
P.value && g.value && L(P.value.view);
|
|
4726
|
+
}), ke = () => {
|
|
4727
|
+
g.value && Oe.schedule();
|
|
4716
4728
|
};
|
|
4717
|
-
|
|
4718
|
-
e ?
|
|
4729
|
+
q(g, (e) => {
|
|
4730
|
+
e ? ke() : Oe.cancel();
|
|
4719
4731
|
}), nr(() => {
|
|
4720
|
-
window.addEventListener("resize",
|
|
4721
|
-
}),
|
|
4722
|
-
|
|
4732
|
+
window.addEventListener("resize", ke), window.addEventListener("scroll", ke, !0);
|
|
4733
|
+
}), J(() => {
|
|
4734
|
+
Oe.cancel(), window.removeEventListener("resize", ke), window.removeEventListener("scroll", ke, !0);
|
|
4723
4735
|
});
|
|
4724
|
-
let
|
|
4725
|
-
return
|
|
4736
|
+
let Ae = null;
|
|
4737
|
+
return J(() => {
|
|
4726
4738
|
D !== null && window.clearTimeout(D);
|
|
4727
4739
|
}), nr(() => {
|
|
4728
4740
|
let e = () => {
|
|
4729
|
-
if (!
|
|
4741
|
+
if (!P.value || !pe.value.length) {
|
|
4730
4742
|
x.value = null;
|
|
4731
4743
|
return;
|
|
4732
4744
|
}
|
|
4733
4745
|
let e = null;
|
|
4734
4746
|
try {
|
|
4735
|
-
e = We(
|
|
4747
|
+
e = We(P.value, pe.value);
|
|
4736
4748
|
} catch {
|
|
4737
4749
|
return;
|
|
4738
4750
|
}
|
|
4739
4751
|
x.value !== e && (x.value = e);
|
|
4740
|
-
}, t = () => window.requestAnimationFrame(e), n = Wi(
|
|
4741
|
-
window.addEventListener("scroll", t, { passive: !0 }), window.addEventListener("resize", t), n?.addEventListener("scroll", t, { passive: !0 }), t(),
|
|
4752
|
+
}, t = () => window.requestAnimationFrame(e), n = Wi(P.value?.view.dom ?? null);
|
|
4753
|
+
window.addEventListener("scroll", t, { passive: !0 }), window.addEventListener("resize", t), n?.addEventListener("scroll", t, { passive: !0 }), t(), Ae = () => {
|
|
4742
4754
|
window.removeEventListener("scroll", t), window.removeEventListener("resize", t), n?.removeEventListener("scroll", t);
|
|
4743
4755
|
};
|
|
4744
|
-
}),
|
|
4745
|
-
|
|
4756
|
+
}), J(() => {
|
|
4757
|
+
Ae?.(), M = !0, N && e.onAiEditControllerChange?.(null);
|
|
4746
4758
|
let t = j.value;
|
|
4747
|
-
j.value = null,
|
|
4759
|
+
j.value = null, Y(() => t?.destroy());
|
|
4748
4760
|
}), {
|
|
4749
|
-
editor:
|
|
4750
|
-
runtimeSnapshot:
|
|
4751
|
-
actions:
|
|
4761
|
+
editor: P,
|
|
4762
|
+
runtimeSnapshot: we,
|
|
4763
|
+
actions: Te,
|
|
4752
4764
|
__render: {
|
|
4753
4765
|
messages: o,
|
|
4754
4766
|
effectiveEditable: u,
|
|
4755
|
-
tableFocusState:
|
|
4767
|
+
tableFocusState: ce,
|
|
4756
4768
|
tableInteractionState: b,
|
|
4757
|
-
codeBlockState:
|
|
4758
|
-
isCodeBlockActive:
|
|
4769
|
+
codeBlockState: se,
|
|
4770
|
+
isCodeBlockActive: le,
|
|
4759
4771
|
mermaidMode: v,
|
|
4760
4772
|
mathTarget: y,
|
|
4761
4773
|
setMermaidMode: (e) => {
|
|
4762
4774
|
v.value = e;
|
|
4763
4775
|
},
|
|
4764
|
-
tocState:
|
|
4765
|
-
filteredSlashCommands:
|
|
4776
|
+
tocState: be,
|
|
4777
|
+
filteredSlashCommands: xe,
|
|
4766
4778
|
slashState: h,
|
|
4767
4779
|
slashMenuPosition: g,
|
|
4768
4780
|
slashInputCommand: _,
|
|
4769
|
-
runSlashCommand:
|
|
4770
|
-
handleEditorKeyDown:
|
|
4781
|
+
runSlashCommand: Ee,
|
|
4782
|
+
handleEditorKeyDown: De,
|
|
4771
4783
|
setSlashInputCommand: (e) => {
|
|
4772
4784
|
_.value = e;
|
|
4773
4785
|
}
|
|
4774
4786
|
}
|
|
4775
4787
|
};
|
|
4776
4788
|
}
|
|
4777
|
-
var
|
|
4789
|
+
var la = X({
|
|
4778
4790
|
name: "MarkweaveEditor",
|
|
4779
4791
|
props: {
|
|
4780
4792
|
defaultContent: {
|
|
@@ -4891,17 +4903,17 @@ var ca = Y({
|
|
|
4891
4903
|
}
|
|
4892
4904
|
},
|
|
4893
4905
|
setup(e) {
|
|
4894
|
-
let t =
|
|
4906
|
+
let t = ca(e);
|
|
4895
4907
|
return () => {
|
|
4896
4908
|
let n = t.editor.value;
|
|
4897
4909
|
if (!n) return null;
|
|
4898
|
-
let i = t.__render, a = ["markweave-editor-frame", e.className].filter(Boolean).join(" "), s =
|
|
4899
|
-
return
|
|
4910
|
+
let i = t.__render, a = ["markweave-editor-frame", e.className].filter(Boolean).join(" "), s = xe(e.canvasColor);
|
|
4911
|
+
return U("section", {
|
|
4900
4912
|
class: a,
|
|
4901
4913
|
"aria-label": e.ariaLabel ?? i.messages.common.editorAriaLabel,
|
|
4902
4914
|
"data-testid": "markweave-editor-frame",
|
|
4903
4915
|
"data-markweave-mode": t.runtimeSnapshot.value.mode,
|
|
4904
|
-
"data-markweave-theme":
|
|
4916
|
+
"data-markweave-theme": Se(e.theme),
|
|
4905
4917
|
style: s ? { "--markweave-canvas": s } : void 0,
|
|
4906
4918
|
"data-markweave-inner-toc": e.innerToc ? "true" : "false",
|
|
4907
4919
|
"data-markweave-inner-toc-placement": qe(e.innerTocPlacement),
|
|
@@ -4909,13 +4921,13 @@ var ca = Y({
|
|
|
4909
4921
|
"data-table-focus-mode": i.tableFocusState.value.mode,
|
|
4910
4922
|
onKeydownCapture: i.handleEditorKeyDown
|
|
4911
4923
|
}, [
|
|
4912
|
-
i.effectiveEditable.value ?
|
|
4924
|
+
i.effectiveEditable.value ? U($i, {
|
|
4913
4925
|
editor: n,
|
|
4914
4926
|
lang: r(e.lang),
|
|
4915
4927
|
messages: i.messages,
|
|
4916
4928
|
askAi: e.askAi
|
|
4917
4929
|
}) : null,
|
|
4918
|
-
i.effectiveEditable.value ?
|
|
4930
|
+
i.effectiveEditable.value ? U(ta, {
|
|
4919
4931
|
commands: i.filteredSlashCommands.value,
|
|
4920
4932
|
state: i.slashState.value,
|
|
4921
4933
|
position: i.slashMenuPosition.value,
|
|
@@ -4925,7 +4937,7 @@ var ca = Y({
|
|
|
4925
4937
|
onInputCommandChange: i.setSlashInputCommand,
|
|
4926
4938
|
onUpload: e.onSlashCommandUpload
|
|
4927
4939
|
}) : null,
|
|
4928
|
-
i.effectiveEditable.value ?
|
|
4940
|
+
i.effectiveEditable.value ? U(ia, {
|
|
4929
4941
|
editor: n,
|
|
4930
4942
|
active: i.tableFocusState.value.active,
|
|
4931
4943
|
interactionState: i.tableInteractionState.value,
|
|
@@ -4935,11 +4947,11 @@ var ca = Y({
|
|
|
4935
4947
|
onCommandResult: e.onTableCommandResult,
|
|
4936
4948
|
onEditWithAi: e.onEditWithAi
|
|
4937
4949
|
}) : null,
|
|
4938
|
-
i.effectiveEditable.value ?
|
|
4950
|
+
i.effectiveEditable.value ? U(aa, {
|
|
4939
4951
|
editor: n,
|
|
4940
4952
|
focusState: i.tableFocusState.value
|
|
4941
4953
|
}) : null,
|
|
4942
|
-
|
|
4954
|
+
U(oa, {
|
|
4943
4955
|
editor: n,
|
|
4944
4956
|
state: i.codeBlockState.value,
|
|
4945
4957
|
active: i.effectiveEditable.value && i.isCodeBlockActive.value,
|
|
@@ -4947,23 +4959,23 @@ var ca = Y({
|
|
|
4947
4959
|
onMermaidModeChange: i.setMermaidMode,
|
|
4948
4960
|
readOnly: !i.effectiveEditable.value
|
|
4949
4961
|
}),
|
|
4950
|
-
e.innerToc && i.tocState.value.items.length ?
|
|
4962
|
+
e.innerToc && i.tocState.value.items.length ? U(sa, {
|
|
4951
4963
|
editor: n,
|
|
4952
4964
|
state: i.tocState.value,
|
|
4953
4965
|
messages: i.messages,
|
|
4954
4966
|
editable: i.effectiveEditable.value,
|
|
4955
4967
|
placement: qe(e.innerTocPlacement)
|
|
4956
4968
|
}) : null,
|
|
4957
|
-
i.effectiveEditable.value && i.mathTarget.value ?
|
|
4969
|
+
i.effectiveEditable.value && i.mathTarget.value ? U(ea, {
|
|
4958
4970
|
editor: n,
|
|
4959
4971
|
messages: i.messages,
|
|
4960
4972
|
target: i.mathTarget.value,
|
|
4961
4973
|
onClose: () => i.mathTarget.value = null
|
|
4962
4974
|
}) : null,
|
|
4963
|
-
|
|
4975
|
+
U(o, { editor: n })
|
|
4964
4976
|
]);
|
|
4965
4977
|
};
|
|
4966
4978
|
}
|
|
4967
4979
|
});
|
|
4968
4980
|
//#endregion
|
|
4969
|
-
export {
|
|
4981
|
+
export { la as MarkweaveEditor, R as createMarkweaveAiEditController, Bi as createMarkweaveEditorExtensions, Bi as createMarkweaveVue2EditorExtensions, ca as useMarkweaveEditorController };
|