@recogito/text-annotator 4.2.2 → 4.2.4
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/state/spatial-tree.d.ts +5 -5
- package/dist/state/text-annotation-store.d.ts +5 -1
- package/dist/state/text-annotator-state.d.ts +1 -1
- package/dist/text-annotator-options.d.ts +1 -1
- package/dist/text-annotator.es.js +673 -666
- package/dist/text-annotator.es.js.map +1 -1
- package/dist/text-annotator.umd.js +2 -2
- package/dist/text-annotator.umd.js.map +1 -1
- package/dist/utils/annotation/revive-annotation.d.ts +2 -2
- package/package.json +2 -2
|
@@ -1,412 +1,412 @@
|
|
|
1
|
-
import { v4 as
|
|
2
|
-
import { parseW3CBodies as
|
|
3
|
-
import { Origin as
|
|
4
|
-
import { createNanoEvents as
|
|
5
|
-
import { colord as
|
|
6
|
-
import { dequal as
|
|
7
|
-
import
|
|
8
|
-
import
|
|
1
|
+
import { v4 as de } from "uuid";
|
|
2
|
+
import { parseW3CBodies as ve, serializeW3CBodies as Ce, parseW3CUser as Ae, UserSelectAction as Te, createStore as Re, createSelectionState as we, createHoverState as xe, createViewportState as Le, Origin as F, createAnonymousGuest as Ne, createUndoStack as Oe, createLifecycleObserver as ke, createBaseAnnotator as Me } from "@annotorious/core";
|
|
3
|
+
import { Origin as Dt, UserSelectAction as Ht, createBody as Pt } from "@annotorious/core";
|
|
4
|
+
import { createNanoEvents as ue } from "nanoevents";
|
|
5
|
+
import { colord as oe } from "colord";
|
|
6
|
+
import { dequal as _e } from "dequal/lite";
|
|
7
|
+
import Be from "rbush";
|
|
8
|
+
import Ie from "debounce";
|
|
9
9
|
import G from "hotkeys-js";
|
|
10
|
-
import { poll as
|
|
11
|
-
const
|
|
12
|
-
function
|
|
13
|
-
return Array.isArray(
|
|
10
|
+
import { poll as De } from "poll";
|
|
11
|
+
const xt = (e) => e.target.selector.every(P), Lt = (e) => e.selector.every(P);
|
|
12
|
+
function P(e) {
|
|
13
|
+
return Array.isArray(e) ? e.every((t) => "range" in t && t.range instanceof Range && !t.range.collapsed) : "range" in e && e.range instanceof Range && !e.range.collapsed;
|
|
14
14
|
}
|
|
15
|
-
const
|
|
16
|
-
const o =
|
|
17
|
-
return !
|
|
18
|
-
},
|
|
19
|
-
if (
|
|
20
|
-
if (
|
|
21
|
-
|
|
15
|
+
const fe = typeof navigator < "u" && navigator.platform.startsWith("Mac"), ge = "not-annotatable", K = `.${ge}`, J = (e, t) => e.contains(t) ? !!(t instanceof HTMLElement ? t.closest(K) : t.parentElement?.closest(K)) : !0, me = (e, t) => {
|
|
16
|
+
const o = t.commonAncestorContainer;
|
|
17
|
+
return !J(e, o);
|
|
18
|
+
}, pe = /^\s*$/, He = (e) => pe.test(e.toString()), Nt = (e) => pe.test(e.textContent || ""), Pe = (e) => {
|
|
19
|
+
if (e.length === 0) return [];
|
|
20
|
+
if (e.length === 1) return [e[0]];
|
|
21
|
+
e.sort((s, n) => {
|
|
22
22
|
const r = s.compareBoundaryPoints(Range.START_TO_START, n);
|
|
23
23
|
return r !== 0 ? r : s.compareBoundaryPoints(Range.END_TO_END, n);
|
|
24
24
|
});
|
|
25
|
-
const [
|
|
25
|
+
const [t, ...o] = e, i = o.reduce((s, n) => s.current.compareBoundaryPoints(Range.START_TO_END, n) >= 0 ? (s.current.compareBoundaryPoints(Range.END_TO_END, n) < 0 && s.current.setEnd(n.endContainer, n.endOffset), s) : (s.merged.push(s.current), s.current = n.cloneRange(), s), { merged: [], current: t.cloneRange() });
|
|
26
26
|
return [...i.merged, i.current];
|
|
27
|
-
},
|
|
28
|
-
(!
|
|
29
|
-
},
|
|
30
|
-
const
|
|
31
|
-
|
|
27
|
+
}, Ue = (e) => {
|
|
28
|
+
(!e.hasAttribute("tabindex") || e.tabIndex < -1) && e.setAttribute("tabindex", "-1"), e.classList.add("no-focus-outline");
|
|
29
|
+
}, Fe = function* (e) {
|
|
30
|
+
const t = document.createTreeWalker(
|
|
31
|
+
e.commonAncestorContainer,
|
|
32
32
|
NodeFilter.SHOW_ELEMENT,
|
|
33
|
-
(i) => i instanceof HTMLElement && i.classList.contains(
|
|
33
|
+
(i) => i instanceof HTMLElement && i.classList.contains(ge) && !i.parentElement?.closest(K) && e.intersectsNode(i) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP
|
|
34
34
|
);
|
|
35
35
|
let o;
|
|
36
|
-
for (; o =
|
|
36
|
+
for (; o = t.nextNode(); )
|
|
37
37
|
o instanceof HTMLElement && (yield o);
|
|
38
|
-
},
|
|
39
|
-
if (!
|
|
38
|
+
}, Ke = (e, t) => {
|
|
39
|
+
if (!me(e, t)) return [];
|
|
40
40
|
const o = [];
|
|
41
41
|
let i = null;
|
|
42
|
-
for (const s of
|
|
42
|
+
for (const s of Fe(t)) {
|
|
43
43
|
let n;
|
|
44
|
-
i ? (n = document.createRange(), n.setStartAfter(i), n.setEndBefore(s)) : (n =
|
|
44
|
+
i ? (n = document.createRange(), n.setStartAfter(i), n.setEndBefore(s)) : (n = t.cloneRange(), n.setEndBefore(s)), n.collapsed || o.push(n), i = s;
|
|
45
45
|
}
|
|
46
46
|
if (i) {
|
|
47
|
-
const s =
|
|
47
|
+
const s = t.cloneRange();
|
|
48
48
|
s.setStartAfter(i), s.collapsed || o.push(s);
|
|
49
49
|
}
|
|
50
|
-
return o.length > 0 ? o : [
|
|
51
|
-
},
|
|
52
|
-
const
|
|
53
|
-
return
|
|
54
|
-
},
|
|
55
|
-
const o =
|
|
56
|
-
return
|
|
57
|
-
},
|
|
58
|
-
const s = i ?
|
|
59
|
-
n.setStart(s, 0), n.setEnd(
|
|
60
|
-
const r =
|
|
61
|
-
|
|
62
|
-
const
|
|
50
|
+
return o.length > 0 ? o : [t];
|
|
51
|
+
}, se = (e) => {
|
|
52
|
+
const t = e.cloneContents();
|
|
53
|
+
return t.querySelectorAll(K).forEach((o) => o.remove()), t;
|
|
54
|
+
}, We = (e, t) => {
|
|
55
|
+
const o = e.cloneRange();
|
|
56
|
+
return t.contains(o.startContainer) || o.setStart(t, 0), t.contains(o.endContainer) || o.setEnd(t, t.childNodes.length), o;
|
|
57
|
+
}, ie = new Intl.Segmenter(void 0, { granularity: "grapheme" }), $e = (e, t, o = 10, i) => {
|
|
58
|
+
const s = i ? e.startContainer.parentElement.closest(i) : t, n = document.createRange();
|
|
59
|
+
n.setStart(s, 0), n.setEnd(e.startContainer, e.startOffset);
|
|
60
|
+
const r = se(n).textContent, c = document.createRange();
|
|
61
|
+
c.setStart(e.endContainer, e.endOffset), s === document.body ? c.setEnd(s, s.childNodes.length) : c.setEndAfter(s);
|
|
62
|
+
const l = se(c).textContent, y = [...ie.segment(r)], m = [...ie.segment(l)];
|
|
63
63
|
return {
|
|
64
|
-
prefix:
|
|
65
|
-
suffix:
|
|
64
|
+
prefix: y.slice(-o).map((E) => E.segment).join(""),
|
|
65
|
+
suffix: m.slice(0, o).map((E) => E.segment).join("")
|
|
66
66
|
};
|
|
67
|
-
},
|
|
68
|
-
const i = document.createRange(), s = o ?
|
|
69
|
-
i.setStart(s, 0), i.setEnd(
|
|
70
|
-
const n =
|
|
71
|
-
return o ? { quote: r, start:
|
|
72
|
-
},
|
|
73
|
-
if (
|
|
74
|
-
const { start: o, end: i } =
|
|
75
|
-
|
|
67
|
+
}, Ye = (e, t, o) => {
|
|
68
|
+
const i = document.createRange(), s = o ? e.startContainer.parentElement.closest(o) : t;
|
|
69
|
+
i.setStart(s, 0), i.setEnd(e.startContainer, e.startOffset);
|
|
70
|
+
const n = se(i).textContent, r = e.toString(), c = n.length || 0, l = c + r.length;
|
|
71
|
+
return o ? { quote: r, start: c, end: l, range: e, offsetReference: s } : { quote: r, start: c, end: l, range: e };
|
|
72
|
+
}, Xe = (e, t) => {
|
|
73
|
+
if (P(e)) return e;
|
|
74
|
+
const { start: o, end: i } = e, s = e.offsetReference || t, n = document.createTreeWalker(
|
|
75
|
+
t,
|
|
76
76
|
NodeFilter.SHOW_TEXT,
|
|
77
|
-
(
|
|
77
|
+
(m) => m.parentElement?.closest(K) ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT
|
|
78
78
|
);
|
|
79
79
|
let r = 0;
|
|
80
|
-
const
|
|
81
|
-
let
|
|
82
|
-
|
|
83
|
-
let
|
|
84
|
-
for (;
|
|
85
|
-
if (
|
|
86
|
-
const
|
|
87
|
-
if (r +
|
|
88
|
-
|
|
80
|
+
const c = document.createRange();
|
|
81
|
+
let l = n.nextNode();
|
|
82
|
+
l === null && console.error("Could not revive annotation target. Content missing.");
|
|
83
|
+
let y = !s;
|
|
84
|
+
for (; l !== null; ) {
|
|
85
|
+
if (y ||= typeof s?.contains == "function" ? s.contains(l) : !1, y) {
|
|
86
|
+
const m = l.textContent?.length || 0;
|
|
87
|
+
if (r + m > o) {
|
|
88
|
+
c.setStart(l, o - r);
|
|
89
89
|
break;
|
|
90
90
|
}
|
|
91
|
-
r +=
|
|
91
|
+
r += m;
|
|
92
92
|
}
|
|
93
|
-
|
|
93
|
+
l = n.nextNode();
|
|
94
94
|
}
|
|
95
|
-
for (;
|
|
96
|
-
const
|
|
97
|
-
if (r +
|
|
98
|
-
|
|
95
|
+
for (; l !== null; ) {
|
|
96
|
+
const m = l.textContent?.length || 0;
|
|
97
|
+
if (r + m >= i) {
|
|
98
|
+
c.setEnd(l, i - r);
|
|
99
99
|
break;
|
|
100
100
|
}
|
|
101
|
-
r +=
|
|
101
|
+
r += m, l = n.nextNode();
|
|
102
102
|
}
|
|
103
103
|
return {
|
|
104
|
-
...
|
|
105
|
-
range:
|
|
104
|
+
...e,
|
|
105
|
+
range: c
|
|
106
106
|
};
|
|
107
|
-
},
|
|
108
|
-
...
|
|
109
|
-
selector:
|
|
110
|
-
}),
|
|
111
|
-
...
|
|
112
|
-
target:
|
|
113
|
-
}),
|
|
114
|
-
if (!
|
|
107
|
+
}, ee = (e, t, o = (i, s) => Xe(i, s)) => ({
|
|
108
|
+
...e,
|
|
109
|
+
selector: e.selector.flatMap((i) => o(i, t))
|
|
110
|
+
}), Q = (e, t, o) => ({
|
|
111
|
+
...e,
|
|
112
|
+
target: ee(e.target, t, o)
|
|
113
|
+
}), he = (e) => {
|
|
114
|
+
if (!e)
|
|
115
115
|
return document.scrollingElement;
|
|
116
|
-
const { overflowY:
|
|
117
|
-
return
|
|
118
|
-
},
|
|
119
|
-
const i = o.getBoundingClientRect(), s = o.clientHeight, n = o.clientWidth, r =
|
|
120
|
-
o.scroll({ top:
|
|
121
|
-
},
|
|
122
|
-
const s = typeof o == "string" ? o : o.id, n = i ? typeof i == "string" ? document.getElementById(i) : i :
|
|
116
|
+
const { overflowY: t } = window.getComputedStyle(e);
|
|
117
|
+
return t !== "visible" && t !== "hidden" && e.scrollHeight > e.clientHeight ? e : he(e.parentElement);
|
|
118
|
+
}, ae = (e, t, o) => {
|
|
119
|
+
const i = o.getBoundingClientRect(), s = o.clientHeight, n = o.clientWidth, r = t.selector[0].range.getBoundingClientRect(), { width: c, height: l } = e.getAnnotationBounds(t.annotation), y = r.top - i.top, m = r.left - i.left, E = o.parentElement ? o.scrollTop : 0, h = o.parentElement ? o.scrollLeft : 0, A = y + E - (s - l) / 2, u = m + h - (n - c) / 2;
|
|
120
|
+
o.scroll({ top: A, left: u, behavior: "smooth" });
|
|
121
|
+
}, Ve = (e, t) => (o, i) => {
|
|
122
|
+
const s = typeof o == "string" ? o : o.id, n = i ? typeof i == "string" ? document.getElementById(i) : i : he(e);
|
|
123
123
|
if (!n)
|
|
124
|
-
return console.warn(`The scroll parent is missing for the annotation: ${s}`, { container:
|
|
125
|
-
const r =
|
|
124
|
+
return console.warn(`The scroll parent is missing for the annotation: ${s}`, { container: e }), !1;
|
|
125
|
+
const r = t.getAnnotation(s);
|
|
126
126
|
if (!r)
|
|
127
127
|
return console.warn(`The annotation is missing in the store: ${s}`), !1;
|
|
128
|
-
const { range:
|
|
129
|
-
if (
|
|
130
|
-
return
|
|
131
|
-
const
|
|
132
|
-
return
|
|
133
|
-
},
|
|
134
|
-
parse: (o) =>
|
|
135
|
-
serialize: (o) =>
|
|
136
|
-
}),
|
|
128
|
+
const { range: c } = r.target.selector[0];
|
|
129
|
+
if (c && !c.collapsed)
|
|
130
|
+
return ae(t, r.target, n), !0;
|
|
131
|
+
const l = ee(r.target, e), { range: y } = l.selector[0];
|
|
132
|
+
return y && !y.collapsed ? (ae(t, l, n), !0) : !1;
|
|
133
|
+
}, Ot = (e, t) => ({
|
|
134
|
+
parse: (o) => je(o),
|
|
135
|
+
serialize: (o) => Ge(o, e, t)
|
|
136
|
+
}), ze = (e) => e.quote !== void 0 && e.start !== void 0 && e.end !== void 0, qe = (e) => {
|
|
137
137
|
const {
|
|
138
|
-
id:
|
|
138
|
+
id: t,
|
|
139
139
|
creator: o,
|
|
140
140
|
created: i,
|
|
141
141
|
modified: s,
|
|
142
142
|
target: n
|
|
143
|
-
} =
|
|
143
|
+
} = e, r = Array.isArray(n) ? n : [n];
|
|
144
144
|
if (r.length === 0)
|
|
145
|
-
return { error: Error(`No targets found for annotation: ${
|
|
146
|
-
const
|
|
147
|
-
creator:
|
|
145
|
+
return { error: Error(`No targets found for annotation: ${e.id}`) };
|
|
146
|
+
const c = {
|
|
147
|
+
creator: Ae(o),
|
|
148
148
|
created: i ? new Date(i) : void 0,
|
|
149
149
|
updated: s ? new Date(s) : void 0,
|
|
150
|
-
annotation:
|
|
150
|
+
annotation: t,
|
|
151
151
|
selector: [],
|
|
152
152
|
// @ts-expect-error: `styleClass` is not part of the core `TextAnnotationTarget` type
|
|
153
153
|
styleClass: "styleClass" in r[0] ? r[0].styleClass : void 0
|
|
154
154
|
};
|
|
155
|
-
for (const
|
|
156
|
-
const
|
|
157
|
-
switch (
|
|
155
|
+
for (const l of r) {
|
|
156
|
+
const m = (Array.isArray(l.selector) ? l.selector : [l.selector]).reduce((E, h) => {
|
|
157
|
+
switch (h.type) {
|
|
158
158
|
case "TextQuoteSelector":
|
|
159
|
-
|
|
159
|
+
E.quote = h.exact;
|
|
160
160
|
break;
|
|
161
161
|
case "TextPositionSelector":
|
|
162
|
-
|
|
162
|
+
E.start = h.start, E.end = h.end;
|
|
163
163
|
break;
|
|
164
164
|
}
|
|
165
|
-
return
|
|
165
|
+
return E;
|
|
166
166
|
}, {});
|
|
167
|
-
if (
|
|
168
|
-
|
|
167
|
+
if (ze(m))
|
|
168
|
+
c.selector.push(
|
|
169
169
|
{
|
|
170
|
-
...
|
|
171
|
-
id:
|
|
170
|
+
...m,
|
|
171
|
+
id: l.id,
|
|
172
172
|
// @ts-expect-error: `scope` is not part of the core `TextSelector` type
|
|
173
|
-
scope:
|
|
173
|
+
scope: l.scope
|
|
174
174
|
}
|
|
175
175
|
);
|
|
176
176
|
else {
|
|
177
|
-
const
|
|
178
|
-
|
|
179
|
-
|
|
177
|
+
const E = [
|
|
178
|
+
m.start ? void 0 : "TextPositionSelector",
|
|
179
|
+
m.quote ? void 0 : "TextQuoteSelector"
|
|
180
180
|
].filter(Boolean);
|
|
181
|
-
return { error: Error(`Missing selector types: ${
|
|
181
|
+
return { error: Error(`Missing selector types: ${E.join(" and ")} for annotation: ${e.id}`) };
|
|
182
182
|
}
|
|
183
183
|
}
|
|
184
|
-
return { parsed:
|
|
185
|
-
},
|
|
186
|
-
const
|
|
184
|
+
return { parsed: c };
|
|
185
|
+
}, je = (e) => {
|
|
186
|
+
const t = e.id || de(), {
|
|
187
187
|
creator: o,
|
|
188
188
|
created: i,
|
|
189
189
|
modified: s,
|
|
190
190
|
body: n,
|
|
191
191
|
...r
|
|
192
|
-
} =
|
|
193
|
-
return "error" in
|
|
192
|
+
} = e, c = ve(n, t), l = qe(e);
|
|
193
|
+
return "error" in l ? { error: l.error } : {
|
|
194
194
|
parsed: {
|
|
195
195
|
...r,
|
|
196
|
-
id:
|
|
197
|
-
bodies:
|
|
198
|
-
target:
|
|
196
|
+
id: t,
|
|
197
|
+
bodies: c,
|
|
198
|
+
target: l.parsed
|
|
199
199
|
}
|
|
200
200
|
};
|
|
201
|
-
},
|
|
202
|
-
const { bodies: i, target: s, ...n } =
|
|
201
|
+
}, Ge = (e, t, o) => {
|
|
202
|
+
const { bodies: i, target: s, ...n } = e, {
|
|
203
203
|
selector: r,
|
|
204
|
-
creator:
|
|
205
|
-
created:
|
|
206
|
-
updated:
|
|
207
|
-
...
|
|
208
|
-
} = s,
|
|
209
|
-
const { id:
|
|
204
|
+
creator: c,
|
|
205
|
+
created: l,
|
|
206
|
+
updated: y,
|
|
207
|
+
...m
|
|
208
|
+
} = s, E = r.map((h) => {
|
|
209
|
+
const { id: A, quote: u } = h, R = {
|
|
210
210
|
type: "TextQuoteSelector",
|
|
211
|
-
exact:
|
|
211
|
+
exact: u
|
|
212
212
|
};
|
|
213
|
-
if (o && "range" in
|
|
214
|
-
const { prefix:
|
|
215
|
-
|
|
213
|
+
if (o && "range" in h) {
|
|
214
|
+
const { prefix: x, suffix: _ } = $e(h.range, o);
|
|
215
|
+
R.prefix = x, R.suffix = _;
|
|
216
216
|
}
|
|
217
|
-
if (!("start" in
|
|
217
|
+
if (!("start" in h))
|
|
218
218
|
throw new Error("W3C serialization requires TextSelector with start/end");
|
|
219
|
-
const { start:
|
|
219
|
+
const { start: w, end: T } = h, N = {
|
|
220
220
|
type: "TextPositionSelector",
|
|
221
|
-
start:
|
|
222
|
-
end:
|
|
221
|
+
start: w,
|
|
222
|
+
end: T
|
|
223
223
|
};
|
|
224
224
|
return {
|
|
225
|
-
...
|
|
226
|
-
id:
|
|
225
|
+
...m,
|
|
226
|
+
id: A,
|
|
227
227
|
// @ts-expect-error: `scope` is not part of the core `TextSelector` type
|
|
228
|
-
scope: "scope" in
|
|
229
|
-
source:
|
|
230
|
-
selector: [
|
|
228
|
+
scope: "scope" in h ? h.scope : void 0,
|
|
229
|
+
source: t,
|
|
230
|
+
selector: [R, N]
|
|
231
231
|
};
|
|
232
232
|
});
|
|
233
233
|
return {
|
|
234
234
|
...n,
|
|
235
235
|
"@context": "http://www.w3.org/ns/anno.jsonld",
|
|
236
|
-
id:
|
|
236
|
+
id: e.id,
|
|
237
237
|
type: "Annotation",
|
|
238
|
-
body:
|
|
239
|
-
creator:
|
|
240
|
-
created:
|
|
241
|
-
modified:
|
|
242
|
-
target:
|
|
238
|
+
body: Ce(e.bodies),
|
|
239
|
+
creator: c,
|
|
240
|
+
created: l?.toISOString(),
|
|
241
|
+
modified: y?.toISOString(),
|
|
242
|
+
target: E
|
|
243
243
|
};
|
|
244
|
-
},
|
|
244
|
+
}, Qe = (e) => e.addEventListener("click", (t) => {
|
|
245
245
|
// Allow clicks within not-annotatable elements
|
|
246
|
-
!
|
|
247
|
-
}),
|
|
248
|
-
...
|
|
249
|
-
type:
|
|
250
|
-
x:
|
|
251
|
-
y:
|
|
252
|
-
clientX:
|
|
253
|
-
clientY:
|
|
254
|
-
offsetX:
|
|
255
|
-
offsetY:
|
|
256
|
-
screenX:
|
|
257
|
-
screenY:
|
|
258
|
-
isPrimary:
|
|
259
|
-
altKey:
|
|
260
|
-
ctrlKey:
|
|
261
|
-
metaKey:
|
|
262
|
-
shiftKey:
|
|
263
|
-
button:
|
|
264
|
-
buttons:
|
|
265
|
-
currentTarget:
|
|
266
|
-
target:
|
|
267
|
-
defaultPrevented:
|
|
268
|
-
detail:
|
|
269
|
-
eventPhase:
|
|
270
|
-
pointerId:
|
|
271
|
-
pointerType:
|
|
272
|
-
timeStamp:
|
|
273
|
-
}),
|
|
274
|
-
...
|
|
275
|
-
type:
|
|
276
|
-
key:
|
|
277
|
-
code:
|
|
278
|
-
location:
|
|
279
|
-
repeat:
|
|
280
|
-
altKey:
|
|
281
|
-
ctrlKey:
|
|
282
|
-
metaKey:
|
|
283
|
-
shiftKey:
|
|
284
|
-
currentTarget:
|
|
285
|
-
target:
|
|
286
|
-
defaultPrevented:
|
|
287
|
-
detail:
|
|
288
|
-
timeStamp:
|
|
289
|
-
}),
|
|
246
|
+
!t.target.closest(K) && !t.target.closest("a") && t.preventDefault();
|
|
247
|
+
}), te = (e) => ({
|
|
248
|
+
...e,
|
|
249
|
+
type: e.type,
|
|
250
|
+
x: e.x,
|
|
251
|
+
y: e.y,
|
|
252
|
+
clientX: e.clientX,
|
|
253
|
+
clientY: e.clientY,
|
|
254
|
+
offsetX: e.offsetX,
|
|
255
|
+
offsetY: e.offsetY,
|
|
256
|
+
screenX: e.screenX,
|
|
257
|
+
screenY: e.screenY,
|
|
258
|
+
isPrimary: e.isPrimary,
|
|
259
|
+
altKey: e.altKey,
|
|
260
|
+
ctrlKey: e.ctrlKey,
|
|
261
|
+
metaKey: e.metaKey,
|
|
262
|
+
shiftKey: e.shiftKey,
|
|
263
|
+
button: e.button,
|
|
264
|
+
buttons: e.buttons,
|
|
265
|
+
currentTarget: e.currentTarget,
|
|
266
|
+
target: e.target,
|
|
267
|
+
defaultPrevented: e.defaultPrevented,
|
|
268
|
+
detail: e.detail,
|
|
269
|
+
eventPhase: e.eventPhase,
|
|
270
|
+
pointerId: e.pointerId,
|
|
271
|
+
pointerType: e.pointerType,
|
|
272
|
+
timeStamp: e.timeStamp
|
|
273
|
+
}), Z = (e) => ({
|
|
274
|
+
...e,
|
|
275
|
+
type: e.type,
|
|
276
|
+
key: e.key,
|
|
277
|
+
code: e.code,
|
|
278
|
+
location: e.location,
|
|
279
|
+
repeat: e.repeat,
|
|
280
|
+
altKey: e.altKey,
|
|
281
|
+
ctrlKey: e.ctrlKey,
|
|
282
|
+
metaKey: e.metaKey,
|
|
283
|
+
shiftKey: e.shiftKey,
|
|
284
|
+
currentTarget: e.currentTarget,
|
|
285
|
+
target: e.target,
|
|
286
|
+
defaultPrevented: e.defaultPrevented,
|
|
287
|
+
detail: e.detail,
|
|
288
|
+
timeStamp: e.timeStamp
|
|
289
|
+
}), ne = (e, t = 10) => {
|
|
290
290
|
let o;
|
|
291
291
|
return ((...i) => {
|
|
292
|
-
clearTimeout(o), o = setTimeout(() =>
|
|
292
|
+
clearTimeout(o), o = setTimeout(() => e.apply(void 0, i), t);
|
|
293
293
|
});
|
|
294
|
-
},
|
|
295
|
-
const { store: s, selection: n, hover: r } = o,
|
|
296
|
-
let
|
|
297
|
-
const
|
|
298
|
-
let
|
|
299
|
-
const
|
|
300
|
-
const { x: b, y:
|
|
301
|
-
|
|
294
|
+
}, ye = (e, t, o, i) => {
|
|
295
|
+
const { store: s, selection: n, hover: r } = o, c = ue();
|
|
296
|
+
let l;
|
|
297
|
+
const y = /* @__PURE__ */ new Map();
|
|
298
|
+
let m;
|
|
299
|
+
const E = ct(i), h = (S) => {
|
|
300
|
+
const { x: b, y: L } = t.getBoundingClientRect(), M = s.getAt(S.clientX - b, S.clientY - L, !1, m);
|
|
301
|
+
M && o.selection.evalSelectAction(M) !== Te.NONE ? r.current !== M.id && (t.classList.add("hovered"), r.set(M.id)) : r.current && (t.classList.remove("hovered"), r.set(null));
|
|
302
302
|
};
|
|
303
|
-
|
|
304
|
-
const
|
|
305
|
-
const b =
|
|
306
|
-
const
|
|
303
|
+
t.addEventListener("pointermove", h);
|
|
304
|
+
const A = ne((S = !1) => requestAnimationFrame(() => {
|
|
305
|
+
const b = at(t), { minX: L, minY: M, maxX: V, maxY: z } = b, q = m ? s.getIntersecting(L, M, V, z).filter(({ annotation: f }) => m?.(f)) : s.getIntersecting(L, M, V, z), W = n.selected.map(({ id: f }) => f), $ = q.map(({ annotation: f, rects: v }) => {
|
|
306
|
+
const k = W.includes(f.id), I = f.id === r.current;
|
|
307
307
|
return {
|
|
308
|
-
annotation:
|
|
309
|
-
rects:
|
|
310
|
-
state: { selected:
|
|
308
|
+
annotation: f,
|
|
309
|
+
rects: v,
|
|
310
|
+
state: { selected: k, hovered: I }
|
|
311
311
|
};
|
|
312
312
|
});
|
|
313
|
-
|
|
314
|
-
|
|
313
|
+
e.redraw($, b, l, y, S), setTimeout(() => {
|
|
314
|
+
E(q.map(({ annotation: f }) => f)), c.emit("onRedraw");
|
|
315
315
|
}, 1);
|
|
316
|
-
}), 10),
|
|
317
|
-
b ?
|
|
318
|
-
},
|
|
319
|
-
|
|
320
|
-
},
|
|
321
|
-
|
|
316
|
+
}), 10), u = (S, b) => {
|
|
317
|
+
b ? S ? y.set(b, S) : y.delete(b) : l = S, A(!0);
|
|
318
|
+
}, R = (S) => {
|
|
319
|
+
m = S, A(!1);
|
|
320
|
+
}, w = (S, b) => c.on(S, b), T = () => {
|
|
321
|
+
A();
|
|
322
322
|
};
|
|
323
|
-
s.observe(
|
|
324
|
-
const
|
|
325
|
-
|
|
326
|
-
}),
|
|
327
|
-
|
|
328
|
-
}),
|
|
329
|
-
|
|
323
|
+
s.observe(T);
|
|
324
|
+
const N = n.subscribe(() => {
|
|
325
|
+
A();
|
|
326
|
+
}), x = r.subscribe(() => {
|
|
327
|
+
A();
|
|
328
|
+
}), _ = () => {
|
|
329
|
+
A(!0);
|
|
330
330
|
};
|
|
331
|
-
document.addEventListener("scroll",
|
|
332
|
-
const
|
|
333
|
-
s.recalculatePositions(),
|
|
331
|
+
document.addEventListener("scroll", _, { capture: !0, passive: !0 });
|
|
332
|
+
const a = ne(() => {
|
|
333
|
+
s.recalculatePositions(), A();
|
|
334
334
|
}, 10);
|
|
335
|
-
window.addEventListener("resize",
|
|
336
|
-
const d = new ResizeObserver(
|
|
337
|
-
d.observe(
|
|
338
|
-
const p = { attributes: !0, childList: !0, subtree: !0 },
|
|
339
|
-
|
|
335
|
+
window.addEventListener("resize", a);
|
|
336
|
+
const d = new ResizeObserver(a);
|
|
337
|
+
d.observe(t);
|
|
338
|
+
const p = { attributes: !0, childList: !0, subtree: !0 }, g = new MutationObserver(ne((S) => {
|
|
339
|
+
S.every((L) => L.target === t || t.contains(L.target)) || A(!0);
|
|
340
340
|
}, 150));
|
|
341
|
-
return
|
|
341
|
+
return g.observe(document.body, p), {
|
|
342
342
|
destroy: () => {
|
|
343
|
-
|
|
343
|
+
t.removeEventListener("pointermove", h), e.destroy(), s.unobserve(T), N(), x(), document.removeEventListener("scroll", _), window.removeEventListener("resize", a), d.disconnect(), g.disconnect();
|
|
344
344
|
},
|
|
345
|
-
on:
|
|
346
|
-
redraw:
|
|
347
|
-
setStyle:
|
|
348
|
-
setFilter:
|
|
349
|
-
setVisible:
|
|
345
|
+
on: w,
|
|
346
|
+
redraw: A,
|
|
347
|
+
setStyle: u,
|
|
348
|
+
setFilter: R,
|
|
349
|
+
setVisible: e.setVisible.bind(e)
|
|
350
350
|
};
|
|
351
351
|
}, U = {
|
|
352
352
|
fill: "rgb(0, 128, 255)",
|
|
353
353
|
fillOpacity: 0.18
|
|
354
|
-
},
|
|
354
|
+
}, re = {
|
|
355
355
|
fill: "rgb(0, 128, 255)",
|
|
356
356
|
fillOpacity: 0.45
|
|
357
|
-
},
|
|
358
|
-
const o = (n, r) => n.x <= r.x + r.width && n.x + n.width >= r.x && n.y <= r.y + r.height && n.y + n.height >= r.y, i = (n) => n.rects.reduce((r,
|
|
359
|
-
return s.sort((n, r) => i(r) - i(n)), s.findIndex((n) => n.rects.includes(
|
|
360
|
-
},
|
|
361
|
-
const
|
|
362
|
-
|
|
357
|
+
}, Ze = (e) => e?.fillOpacity !== void 0 ? oe(e?.fill || U.fill).alpha(e.fillOpacity).toHex() : e?.fill ? e.fill : oe(U.fill).alpha(U.fillOpacity).toHex(), Se = (e, t, o) => t ? typeof t == "function" ? t(e.annotation, e.state, o) || (e.state?.selected ? re : U) : t : e.state?.selected ? re : U, Je = (e, t) => {
|
|
358
|
+
const o = (n, r) => n.x <= r.x + r.width && n.x + n.width >= r.x && n.y <= r.y + r.height && n.y + n.height >= r.y, i = (n) => n.rects.reduce((r, c) => r + c.width, 0), s = t.filter(({ rects: n }) => n.some((r) => o(e, r)));
|
|
359
|
+
return s.sort((n, r) => i(r) - i(n)), s.findIndex((n) => n.rects.includes(e));
|
|
360
|
+
}, et = (e) => {
|
|
361
|
+
const t = [], o = document.createTreeWalker(
|
|
362
|
+
e.commonAncestorContainer,
|
|
363
363
|
NodeFilter.SHOW_TEXT
|
|
364
364
|
);
|
|
365
|
-
|
|
366
|
-
let i =
|
|
365
|
+
e.startContainer.nodeType === Node.TEXT_NODE && (o.currentNode = e.startContainer, e.intersectsNode(e.startContainer) && t.push(e.startContainer));
|
|
366
|
+
let i = t.length > 0, s;
|
|
367
367
|
for (; s = o.nextNode(); )
|
|
368
|
-
if (
|
|
369
|
-
i = !0,
|
|
368
|
+
if (e.intersectsNode(s))
|
|
369
|
+
i = !0, t.push(s);
|
|
370
370
|
else if (i)
|
|
371
371
|
break;
|
|
372
|
-
if (
|
|
373
|
-
return Array.from(
|
|
372
|
+
if (t.length < 2)
|
|
373
|
+
return Array.from(e.getClientRects());
|
|
374
374
|
{
|
|
375
|
-
const n =
|
|
376
|
-
if (
|
|
377
|
-
|
|
375
|
+
const n = t[0], r = t[t.length - 1], c = document.createRange();
|
|
376
|
+
if (c.selectNode(n), e.startContainer.nodeType === Node.TEXT_NODE)
|
|
377
|
+
c.setStart(n, e.startOffset);
|
|
378
378
|
else {
|
|
379
|
-
const
|
|
380
|
-
|
|
379
|
+
const m = e.startContainer.childNodes[e.startOffset];
|
|
380
|
+
m ? c.setStartBefore(m) : c.setStartAfter(e.startContainer);
|
|
381
381
|
}
|
|
382
|
-
const
|
|
383
|
-
if (
|
|
384
|
-
|
|
382
|
+
const l = document.createRange();
|
|
383
|
+
if (l.selectNode(r), e.endContainer.nodeType === Node.TEXT_NODE)
|
|
384
|
+
l.setEnd(r, e.endOffset);
|
|
385
385
|
else {
|
|
386
|
-
const
|
|
387
|
-
|
|
386
|
+
const m = e.endContainer.childNodes[e.endOffset];
|
|
387
|
+
m ? l.setEndBefore(m) : l.setEndAfter(e.endContainer);
|
|
388
388
|
}
|
|
389
|
-
const
|
|
390
|
-
const
|
|
391
|
-
return
|
|
389
|
+
const y = (m) => {
|
|
390
|
+
const E = document.createRange();
|
|
391
|
+
return E.selectNode(m), Array.from(E.getClientRects());
|
|
392
392
|
};
|
|
393
393
|
return [
|
|
394
|
-
...Array.from(
|
|
395
|
-
...
|
|
396
|
-
...Array.from(
|
|
394
|
+
...Array.from(c.getClientRects()),
|
|
395
|
+
...t.slice(1, -1).flatMap(y),
|
|
396
|
+
...Array.from(l.getClientRects())
|
|
397
397
|
];
|
|
398
398
|
}
|
|
399
|
-
},
|
|
400
|
-
const s = (
|
|
401
|
-
top: s(t.top),
|
|
402
|
-
bottom: s(t.bottom),
|
|
403
|
-
left: s(t.left),
|
|
404
|
-
right: s(t.right)
|
|
405
|
-
}, r = {
|
|
399
|
+
}, tt = (e, t, o, i) => {
|
|
400
|
+
const s = (c) => Math.round(c * 10) / 10, n = {
|
|
406
401
|
top: s(e.top),
|
|
407
402
|
bottom: s(e.bottom),
|
|
408
403
|
left: s(e.left),
|
|
409
404
|
right: s(e.right)
|
|
405
|
+
}, r = {
|
|
406
|
+
top: s(t.top),
|
|
407
|
+
bottom: s(t.bottom),
|
|
408
|
+
left: s(t.left),
|
|
409
|
+
right: s(t.right)
|
|
410
410
|
};
|
|
411
411
|
if (Math.abs(n.top - r.top) < i && Math.abs(n.bottom - r.bottom) < i) {
|
|
412
412
|
if (Math.abs(n.left - r.right) < o || Math.abs(n.right - r.left) < o)
|
|
@@ -420,525 +420,532 @@ const ft = typeof navigator < "u" && navigator.platform.startsWith("Mac"), gt =
|
|
|
420
420
|
return "block-contains";
|
|
421
421
|
} else if (n.top >= r.top && n.bottom <= r.bottom && n.left >= r.left && n.right <= r.right)
|
|
422
422
|
return "block-is-contained";
|
|
423
|
-
},
|
|
424
|
-
const o = Math.min(
|
|
423
|
+
}, nt = (e, t) => {
|
|
424
|
+
const o = Math.min(e.left, t.left), i = Math.max(e.right, t.right), s = Math.min(e.top, t.top), n = Math.max(e.bottom, t.bottom);
|
|
425
425
|
return new DOMRect(o, s, i - o, n - s);
|
|
426
|
-
},
|
|
426
|
+
}, ot = (e, t = 0.5, o = 0.5) => e.reduce((i, s) => {
|
|
427
427
|
if (s.width === 0 || s.height === 0)
|
|
428
428
|
return i;
|
|
429
429
|
let n = [...i], r = !1;
|
|
430
|
-
for (const
|
|
431
|
-
const
|
|
432
|
-
if (
|
|
433
|
-
n = n.map((
|
|
430
|
+
for (const c of i) {
|
|
431
|
+
const l = tt(s, c, t, o);
|
|
432
|
+
if (l === "inline-adjacent") {
|
|
433
|
+
n = n.map((y) => y === c ? nt(s, c) : y), r = !0;
|
|
434
434
|
break;
|
|
435
|
-
} else if (
|
|
436
|
-
n = n.map((
|
|
435
|
+
} else if (l === "inline-contains") {
|
|
436
|
+
n = n.map((y) => y === c ? s : y), r = !0;
|
|
437
437
|
break;
|
|
438
|
-
} else if (
|
|
438
|
+
} else if (l === "inline-is-contained") {
|
|
439
439
|
r = !0;
|
|
440
440
|
break;
|
|
441
|
-
} else if (
|
|
442
|
-
s.width <
|
|
441
|
+
} else if (l === "block-contains" || l === "block-is-contained") {
|
|
442
|
+
s.width < c.width && (n = n.map((y) => y === c ? s : y)), s.width === c.width && s.height < c.width && (n = n.map((y) => y === c ? s : y)), r = !0;
|
|
443
443
|
break;
|
|
444
444
|
}
|
|
445
445
|
}
|
|
446
446
|
return r ? n : [...n, s];
|
|
447
|
-
}, []),
|
|
448
|
-
length:
|
|
449
|
-
item: (
|
|
447
|
+
}, []), kt = (e) => ({
|
|
448
|
+
length: e.length,
|
|
449
|
+
item: (t) => e[t],
|
|
450
450
|
[Symbol.iterator]: function* () {
|
|
451
|
-
for (let
|
|
452
|
-
yield this.item(
|
|
451
|
+
for (let t = 0; t < this.length; t++)
|
|
452
|
+
yield this.item(t);
|
|
453
453
|
}
|
|
454
|
-
}),
|
|
455
|
-
const { left: o, top: i, right: s, bottom: n } =
|
|
456
|
-
return new DOMRect(o -
|
|
457
|
-
},
|
|
458
|
-
const { left: o, top: i, right: s, bottom: n } =
|
|
459
|
-
return new DOMRect(o +
|
|
460
|
-
},
|
|
461
|
-
|
|
462
|
-
const
|
|
463
|
-
|
|
454
|
+
}), st = (e, t) => {
|
|
455
|
+
const { left: o, top: i, right: s, bottom: n } = e;
|
|
456
|
+
return new DOMRect(o - t.left, i - t.top, s - o, n - i);
|
|
457
|
+
}, Mt = (e, t) => {
|
|
458
|
+
const { left: o, top: i, right: s, bottom: n } = e;
|
|
459
|
+
return new DOMRect(o + t.left, i + t.top, s - o, n - i);
|
|
460
|
+
}, rt = (e) => {
|
|
461
|
+
e.classList.add("r6o-annotatable");
|
|
462
|
+
const t = document.createElement("div");
|
|
463
|
+
t.className = "r6o-span-highlight-layer", e.appendChild(t);
|
|
464
464
|
let o = [];
|
|
465
465
|
return {
|
|
466
466
|
destroy: () => {
|
|
467
|
-
|
|
467
|
+
t.remove();
|
|
468
468
|
},
|
|
469
|
-
redraw: (r,
|
|
470
|
-
if (!(!
|
|
471
|
-
|
|
472
|
-
const { annotation: { target: { created:
|
|
473
|
-
return
|
|
474
|
-
}).forEach((
|
|
475
|
-
const
|
|
476
|
-
|
|
477
|
-
const
|
|
478
|
-
|
|
469
|
+
redraw: (r, c, l, y, m) => {
|
|
470
|
+
if (!(!_e(o, r) || m)) return;
|
|
471
|
+
t.innerHTML = "", [...r].sort((u, R) => {
|
|
472
|
+
const { annotation: { target: { created: w } } } = u, { annotation: { target: { created: T } } } = R;
|
|
473
|
+
return w && T ? w.getTime() - T.getTime() : 0;
|
|
474
|
+
}).forEach((u) => {
|
|
475
|
+
const R = y?.get(u.annotation.id) || l;
|
|
476
|
+
u.rects.map((w) => {
|
|
477
|
+
const T = Je(w, r), N = Se(u, R, T), x = document.createElement("span");
|
|
478
|
+
x.className = "r6o-annotation", x.dataset.annotation = u.annotation.id, x.style.left = `${w.x}px`, x.style.top = `${w.y}px`, x.style.width = `${w.width}px`, x.style.height = `${w.height}px`, x.style.backgroundColor = Ze(N), N.underlineStyle && (x.style.borderStyle = N.underlineStyle), N.underlineColor && (x.style.borderColor = N.underlineColor), N.underlineThickness && (x.style.borderBottomWidth = `${N.underlineThickness}px`), N.underlineOffset && (x.style.paddingBottom = `${N.underlineOffset}px`), t.appendChild(x);
|
|
479
479
|
});
|
|
480
480
|
}), o = r;
|
|
481
481
|
},
|
|
482
482
|
setVisible: (r) => {
|
|
483
|
-
r ?
|
|
483
|
+
r ? t.classList.remove("hidden") : t.classList.add("hidden");
|
|
484
484
|
}
|
|
485
485
|
};
|
|
486
|
-
},
|
|
487
|
-
const { top:
|
|
488
|
-
return { top:
|
|
489
|
-
},
|
|
490
|
-
let
|
|
486
|
+
}, it = (e, t, o) => ye(rt(e), e, t, o), at = (e) => {
|
|
487
|
+
const { top: t, left: o } = e.getBoundingClientRect(), { innerWidth: i, innerHeight: s } = window, n = -o, r = -t, c = i - o, l = s - t;
|
|
488
|
+
return { top: t, left: o, minX: n, minY: r, maxX: c, maxY: l };
|
|
489
|
+
}, ct = (e) => {
|
|
490
|
+
let t = /* @__PURE__ */ new Set();
|
|
491
491
|
return (i) => {
|
|
492
492
|
const s = i.map((n) => n.id);
|
|
493
|
-
(
|
|
493
|
+
(t.size !== s.length || s.some((n) => !t.has(n))) && e.set(s), t = new Set(s);
|
|
494
494
|
};
|
|
495
|
-
},
|
|
496
|
-
const
|
|
497
|
-
const
|
|
498
|
-
|
|
499
|
-
|
|
500
|
-
}), O = oe(w, o, i).map((T) => se(T, p));
|
|
501
|
-
return O.map((T) => {
|
|
502
|
-
const { x: b, y: v, width: k, height: F } = T;
|
|
495
|
+
}, lt = (e, t, o, i) => {
|
|
496
|
+
const s = new Be(), n = /* @__PURE__ */ new Map(), r = ue(), c = (a, d) => {
|
|
497
|
+
const p = a.selector.flatMap((C) => et(C.range)), g = ot(p, o, i).map((C) => st(C, d));
|
|
498
|
+
return g.map((C) => {
|
|
499
|
+
const { x: S, y: b, width: L, height: M } = C;
|
|
503
500
|
return {
|
|
504
|
-
minX:
|
|
505
|
-
minY:
|
|
506
|
-
maxX:
|
|
507
|
-
maxY:
|
|
501
|
+
minX: S,
|
|
502
|
+
minY: b,
|
|
503
|
+
maxX: S + L,
|
|
504
|
+
maxY: b + M,
|
|
508
505
|
annotation: {
|
|
509
|
-
id:
|
|
510
|
-
rects:
|
|
506
|
+
id: a.annotation,
|
|
507
|
+
rects: g
|
|
511
508
|
}
|
|
512
509
|
};
|
|
513
510
|
});
|
|
514
|
-
},
|
|
515
|
-
|
|
516
|
-
},
|
|
517
|
-
const
|
|
518
|
-
|
|
519
|
-
},
|
|
520
|
-
const
|
|
521
|
-
|
|
522
|
-
},
|
|
523
|
-
|
|
524
|
-
},
|
|
525
|
-
|
|
526
|
-
const
|
|
527
|
-
|
|
528
|
-
|
|
511
|
+
}, l = () => [...n.values()], y = () => {
|
|
512
|
+
s.clear(), n.clear();
|
|
513
|
+
}, m = (a) => {
|
|
514
|
+
const d = c(a, t.getBoundingClientRect());
|
|
515
|
+
d.length !== 0 && (d.forEach((p) => s.insert(p)), n.set(a.annotation, d));
|
|
516
|
+
}, E = (a) => {
|
|
517
|
+
const d = n.get(a.annotation);
|
|
518
|
+
d && (d.forEach((p) => s.remove(p)), n.delete(a.annotation));
|
|
519
|
+
}, h = (a) => {
|
|
520
|
+
E(a), m(a);
|
|
521
|
+
}, A = (a, d = !0) => {
|
|
522
|
+
d && y();
|
|
523
|
+
const p = t.getBoundingClientRect(), g = a.map((S) => ({ target: S, rects: c(S, p) }));
|
|
524
|
+
g.forEach(({ target: S, rects: b }) => {
|
|
525
|
+
b.length > 0 && n.set(S.annotation, b);
|
|
529
526
|
});
|
|
530
|
-
const
|
|
531
|
-
|
|
532
|
-
},
|
|
533
|
-
const
|
|
534
|
-
minX:
|
|
535
|
-
minY:
|
|
536
|
-
maxX:
|
|
537
|
-
maxY:
|
|
538
|
-
}),
|
|
539
|
-
return
|
|
540
|
-
},
|
|
541
|
-
const
|
|
542
|
-
if (
|
|
527
|
+
const C = g.flatMap(({ rects: S }) => S);
|
|
528
|
+
s.load(C);
|
|
529
|
+
}, u = (a, d, p = !1) => {
|
|
530
|
+
const g = s.search({
|
|
531
|
+
minX: a,
|
|
532
|
+
minY: d,
|
|
533
|
+
maxX: a,
|
|
534
|
+
maxY: d
|
|
535
|
+
}), C = (S) => S.annotation.rects.reduce((b, L) => b + L.width * L.height, 0);
|
|
536
|
+
return g.length > 0 ? (g.sort((S, b) => C(S) - C(b)), p ? g.map((S) => S.annotation.id) : [g[0].annotation.id]) : [];
|
|
537
|
+
}, R = (a) => {
|
|
538
|
+
const d = w(a);
|
|
539
|
+
if (d.length === 0)
|
|
543
540
|
return;
|
|
544
|
-
let
|
|
545
|
-
for (let
|
|
546
|
-
const
|
|
547
|
-
|
|
541
|
+
let p = d[0].left, g = d[0].top, C = d[0].right, S = d[0].bottom;
|
|
542
|
+
for (let b = 1; b < d.length; b++) {
|
|
543
|
+
const L = d[b];
|
|
544
|
+
p = Math.min(p, L.left), g = Math.min(g, L.top), C = Math.max(C, L.right), S = Math.max(S, L.bottom);
|
|
548
545
|
}
|
|
549
|
-
return new DOMRect(
|
|
550
|
-
},
|
|
551
|
-
const
|
|
552
|
-
return
|
|
546
|
+
return new DOMRect(p, g, C - p, S - g);
|
|
547
|
+
}, w = (a) => {
|
|
548
|
+
const d = n.get(a);
|
|
549
|
+
return d ? d[0].annotation.rects : [];
|
|
553
550
|
};
|
|
554
551
|
return {
|
|
555
|
-
all:
|
|
556
|
-
clear:
|
|
557
|
-
getAt:
|
|
558
|
-
getAnnotationBounds:
|
|
559
|
-
getAnnotationRects:
|
|
560
|
-
getIntersecting: (d, p,
|
|
561
|
-
const
|
|
562
|
-
return Array.from(
|
|
563
|
-
annotation:
|
|
564
|
-
rects:
|
|
565
|
-
})).filter((
|
|
552
|
+
all: l,
|
|
553
|
+
clear: y,
|
|
554
|
+
getAt: u,
|
|
555
|
+
getAnnotationBounds: R,
|
|
556
|
+
getAnnotationRects: w,
|
|
557
|
+
getIntersecting: (a, d, p, g) => {
|
|
558
|
+
const C = s.search({ minX: a, minY: d, maxX: p, maxY: g }), S = new Set(C.map((b) => b.annotation.id));
|
|
559
|
+
return Array.from(S).map((b) => ({
|
|
560
|
+
annotation: e.getAnnotation(b),
|
|
561
|
+
rects: w(b)
|
|
562
|
+
})).filter((b) => !!b.annotation);
|
|
566
563
|
},
|
|
567
|
-
insert:
|
|
564
|
+
insert: m,
|
|
568
565
|
recalculate: () => {
|
|
569
|
-
|
|
566
|
+
A(e.all().map((a) => a.target), !0), r.emit("recalculate");
|
|
570
567
|
},
|
|
571
|
-
remove:
|
|
572
|
-
set:
|
|
573
|
-
size: () =>
|
|
574
|
-
update:
|
|
575
|
-
on: (
|
|
568
|
+
remove: E,
|
|
569
|
+
set: A,
|
|
570
|
+
size: () => s.all().length,
|
|
571
|
+
update: h,
|
|
572
|
+
on: (a, d) => r.on(a, d)
|
|
576
573
|
};
|
|
577
|
-
},
|
|
578
|
-
const o =
|
|
574
|
+
}, dt = (e, t) => {
|
|
575
|
+
const o = Re(), i = lt(
|
|
579
576
|
o,
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
|
|
589
|
-
|
|
590
|
-
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
|
|
594
|
-
|
|
595
|
-
|
|
596
|
-
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
|
|
577
|
+
e,
|
|
578
|
+
t.mergeHighlights?.horizontalTolerance,
|
|
579
|
+
t.mergeHighlights?.verticalTolerance
|
|
580
|
+
), s = we(o, t.userSelectAction, t.adapter), n = xe(o), r = Le(), c = (a) => {
|
|
581
|
+
const d = a.map((g) => Q(g, e, t.selectorReviveFn)), p = d.filter((g) => !P(g.target.selector));
|
|
582
|
+
return { revived: d, couldNotRevive: p };
|
|
583
|
+
}, l = (a, d = F.LOCAL) => {
|
|
584
|
+
const p = Q(a, e, t.selectorReviveFn), g = P(p.target.selector);
|
|
585
|
+
return g && o.addAnnotation(p, d), g;
|
|
586
|
+
}, y = (a, d = F.LOCAL) => {
|
|
587
|
+
const { revived: p, couldNotRevive: g } = c(a);
|
|
588
|
+
return o.syncAnnotations(p, d), g;
|
|
589
|
+
}, m = (a, d = !0, p = F.LOCAL) => d ? y(a, p) : h(a, p), E = (a, d, p) => {
|
|
590
|
+
if (typeof a == "string") {
|
|
591
|
+
const g = Q(d, e, t.selectorReviveFn);
|
|
592
|
+
o.updateAnnotation(a, g, p);
|
|
593
|
+
} else {
|
|
594
|
+
const g = Q(a, e, t.selectorReviveFn);
|
|
595
|
+
o.updateAnnotation(g, d);
|
|
596
|
+
}
|
|
597
|
+
}, h = (a, d = F.LOCAL) => {
|
|
598
|
+
const { revived: p, couldNotRevive: g } = c(a);
|
|
599
|
+
return o.bulkUpsertAnnotations(p, d), g;
|
|
600
|
+
}, A = (a, d = F.LOCAL) => {
|
|
601
|
+
const p = ee(a, e, t.selectorReviveFn);
|
|
602
|
+
o.updateTarget(p, d);
|
|
603
|
+
}, u = (a, d = F.LOCAL) => {
|
|
604
|
+
const p = a.map((g) => ee(g, e, t.selectorReviveFn));
|
|
605
|
+
o.bulkUpdateTargets(p, d);
|
|
601
606
|
};
|
|
602
|
-
function
|
|
603
|
-
const
|
|
604
|
-
if (
|
|
605
|
-
return
|
|
607
|
+
function R(a, d, p, g) {
|
|
608
|
+
const C = p || !!g, S = i.getAt(a, d, C).map((L) => o.getAnnotation(L)).filter(Boolean), b = g ? S.filter(g) : S;
|
|
609
|
+
if (b.length !== 0)
|
|
610
|
+
return p ? b : b[0];
|
|
606
611
|
}
|
|
607
|
-
const
|
|
608
|
-
return o.observe(({ changes:
|
|
609
|
-
const
|
|
610
|
-
|
|
612
|
+
const w = (a) => i.getAnnotationRects(a).length > 0 ? i.getAnnotationBounds(a) : void 0, T = (a, d, p, g) => i.getIntersecting(a, d, p, g), N = (a) => i.getAnnotationRects(a), x = () => i.recalculate(), _ = (a) => i.on("recalculate", a);
|
|
613
|
+
return o.observe(({ changes: a }) => {
|
|
614
|
+
const d = (a.deleted || []).filter((C) => P(C.target.selector)), p = (a.created || []).filter((C) => P(C.target.selector)), g = (a.updated || []).filter((C) => P(C.newValue.target.selector));
|
|
615
|
+
d?.length > 0 && d.forEach((C) => i.remove(C.target)), p.length > 0 && i.set(p.map((C) => C.target), !1), g?.length > 0 && g.forEach(({ newValue: C }) => i.update(C.target));
|
|
611
616
|
}), {
|
|
612
617
|
store: {
|
|
613
618
|
...o,
|
|
614
|
-
addAnnotation:
|
|
615
|
-
bulkAddAnnotations:
|
|
616
|
-
bulkUpdateTargets:
|
|
617
|
-
bulkUpsertAnnotations:
|
|
618
|
-
getAnnotationBounds:
|
|
619
|
-
getAnnotationRects:
|
|
620
|
-
getIntersecting:
|
|
621
|
-
getAt:
|
|
622
|
-
recalculatePositions:
|
|
623
|
-
onRecalculatePositions:
|
|
624
|
-
|
|
619
|
+
addAnnotation: l,
|
|
620
|
+
bulkAddAnnotations: m,
|
|
621
|
+
bulkUpdateTargets: u,
|
|
622
|
+
bulkUpsertAnnotations: h,
|
|
623
|
+
getAnnotationBounds: w,
|
|
624
|
+
getAnnotationRects: N,
|
|
625
|
+
getIntersecting: T,
|
|
626
|
+
getAt: R,
|
|
627
|
+
recalculatePositions: x,
|
|
628
|
+
onRecalculatePositions: _,
|
|
629
|
+
syncAnnotations: y,
|
|
630
|
+
updateAnnotation: E,
|
|
631
|
+
updateTarget: A
|
|
625
632
|
},
|
|
626
633
|
selection: s,
|
|
627
634
|
hover: n,
|
|
628
635
|
viewport: r
|
|
629
636
|
};
|
|
630
|
-
},
|
|
631
|
-
...
|
|
632
|
-
|
|
633
|
-
],
|
|
634
|
-
const { store: s, selection: n } =
|
|
637
|
+
}, ce = 300, Ee = ["up", "down", "left", "right"], be = fe ? "⌘+a" : "ctrl+a", ut = [
|
|
638
|
+
...Ee.map((e) => `shift+${e}`),
|
|
639
|
+
be
|
|
640
|
+
], ft = (e, t, o, i) => {
|
|
641
|
+
const { store: s, selection: n } = t;
|
|
635
642
|
let r;
|
|
636
643
|
const {
|
|
637
|
-
annotatingEnabled:
|
|
638
|
-
offsetReferenceSelector:
|
|
639
|
-
selectionMode:
|
|
640
|
-
dismissOnNotAnnotatable:
|
|
644
|
+
annotatingEnabled: c,
|
|
645
|
+
offsetReferenceSelector: l,
|
|
646
|
+
selectionMode: y,
|
|
647
|
+
dismissOnNotAnnotatable: m = "NEVER"
|
|
641
648
|
} = i;
|
|
642
|
-
let
|
|
643
|
-
const
|
|
644
|
-
|
|
645
|
-
},
|
|
646
|
-
if (
|
|
649
|
+
let E, h = c, A = "CREATE_NEW", u, R, w, T;
|
|
650
|
+
const N = (f) => {
|
|
651
|
+
h = f, g.clear(), f || (R = void 0, u = void 0, w = void 0, T = void 0);
|
|
652
|
+
}, x = (f) => A = f || "CREATE_NEW", _ = (f) => E = f, a = (f) => r = f, d = (f) => {
|
|
653
|
+
if (A === "ADD_TO_CURRENT")
|
|
647
654
|
return !0;
|
|
648
655
|
if (i.allowModifierSelect) {
|
|
649
|
-
const
|
|
650
|
-
return
|
|
656
|
+
const v = f;
|
|
657
|
+
return fe ? v.metaKey : v.ctrlKey;
|
|
651
658
|
} else
|
|
652
659
|
return !1;
|
|
653
660
|
}, p = () => {
|
|
654
|
-
if (!
|
|
655
|
-
const { selected:
|
|
656
|
-
if ((d(
|
|
657
|
-
const
|
|
658
|
-
if (
|
|
659
|
-
|
|
660
|
-
annotation:
|
|
661
|
+
if (!h || w === !1) return;
|
|
662
|
+
const { selected: f } = n;
|
|
663
|
+
if ((d(T) || A === "REPLACE_CURRENT") && f.length === 1 && f[0].editable) {
|
|
664
|
+
const k = s.getAnnotation(f[0].id);
|
|
665
|
+
if (k?.target) {
|
|
666
|
+
R = k.target, u = {
|
|
667
|
+
annotation: k.id,
|
|
661
668
|
selector: [],
|
|
662
|
-
created:
|
|
663
|
-
creator:
|
|
669
|
+
created: R.created,
|
|
670
|
+
creator: R.creator,
|
|
664
671
|
updated: /* @__PURE__ */ new Date(),
|
|
665
672
|
updatedBy: r
|
|
666
673
|
};
|
|
667
674
|
return;
|
|
668
675
|
}
|
|
669
676
|
}
|
|
670
|
-
|
|
671
|
-
annotation:
|
|
677
|
+
R = void 0, u = {
|
|
678
|
+
annotation: de(),
|
|
672
679
|
selector: [],
|
|
673
680
|
created: /* @__PURE__ */ new Date(),
|
|
674
681
|
creator: r
|
|
675
682
|
};
|
|
676
|
-
},
|
|
677
|
-
if (!
|
|
678
|
-
const
|
|
679
|
-
if (!
|
|
680
|
-
const
|
|
681
|
-
if (
|
|
682
|
-
|
|
683
|
+
}, g = Ie((f) => {
|
|
684
|
+
if (!h) return;
|
|
685
|
+
const v = document.getSelection();
|
|
686
|
+
if (!v?.anchorNode) return;
|
|
687
|
+
const I = W().map((O) => We(O, e));
|
|
688
|
+
if (I.every((O) => !me(e, O))) {
|
|
689
|
+
u = void 0;
|
|
683
690
|
return;
|
|
684
691
|
}
|
|
685
|
-
const
|
|
686
|
-
if (
|
|
692
|
+
const D = f.timeStamp - (T?.timeStamp || f.timeStamp);
|
|
693
|
+
if (T?.type === "pointerdown" && (D < 1e3 && !u || v.isCollapsed && D < ce) && p(), !u && (p(), !u))
|
|
687
694
|
return;
|
|
688
|
-
if (
|
|
689
|
-
s.getAnnotation(
|
|
695
|
+
if (v.isCollapsed) {
|
|
696
|
+
s.getAnnotation(u.annotation) && !(d(T) || A === "REPLACE_CURRENT") && (n.clear(), s.deleteAnnotation(u.annotation));
|
|
690
697
|
return;
|
|
691
698
|
}
|
|
692
|
-
if (
|
|
693
|
-
const B =
|
|
694
|
-
if (!(B.length > 0 && !
|
|
695
|
-
const j = d(
|
|
696
|
-
...
|
|
699
|
+
if (I.every((O) => He(O))) return;
|
|
700
|
+
const B = I.flatMap((O) => Ke(e, O.cloneRange()));
|
|
701
|
+
if (!(B.length > 0 && !u || B.length !== u.selector.length || B.some((O, Y) => O.toString() !== u?.selector[Y]?.quote))) return;
|
|
702
|
+
const j = d(T) && R ? Pe([
|
|
703
|
+
...R.selector.map((O) => O.range),
|
|
697
704
|
...B
|
|
698
705
|
]) : B;
|
|
699
|
-
|
|
700
|
-
...
|
|
701
|
-
selector: j.map((
|
|
706
|
+
u = {
|
|
707
|
+
...u,
|
|
708
|
+
selector: j.map((O) => Ye(O, e, l)),
|
|
702
709
|
updated: /* @__PURE__ */ new Date()
|
|
703
|
-
}, !(d(
|
|
704
|
-
}, 10),
|
|
705
|
-
|
|
706
|
-
},
|
|
707
|
-
if (!
|
|
708
|
-
const
|
|
709
|
-
const { x:
|
|
710
|
-
if (
|
|
711
|
-
(typeof
|
|
710
|
+
}, !(d(T) || A === "REPLACE_CURRENT") && (s.getAnnotation(u.annotation) ? s.updateTarget(u, F.LOCAL) : n.clear());
|
|
711
|
+
}, 10), C = (f) => {
|
|
712
|
+
T = te(f), w = T.button === 0;
|
|
713
|
+
}, S = async (f) => {
|
|
714
|
+
if (!w) return;
|
|
715
|
+
const v = te(f), k = () => {
|
|
716
|
+
const { x: D, y: B } = e.getBoundingClientRect();
|
|
717
|
+
if (J(e, v.target)) {
|
|
718
|
+
(typeof m == "function" ? m(v, e) : m === "ALWAYS") && n.clear();
|
|
712
719
|
return;
|
|
713
720
|
}
|
|
714
|
-
const
|
|
715
|
-
|
|
716
|
-
|
|
717
|
-
|
|
718
|
-
|
|
721
|
+
const H = v.target instanceof Node && e.contains(v.target) && s.getAt(
|
|
722
|
+
v.clientX - D,
|
|
723
|
+
v.clientY - B,
|
|
724
|
+
y === "all",
|
|
725
|
+
E
|
|
719
726
|
);
|
|
720
|
-
if (
|
|
721
|
-
const { selected: j } = n,
|
|
722
|
-
(
|
|
727
|
+
if (H) {
|
|
728
|
+
const { selected: j } = n, O = new Set(j.map((X) => X.id)), Y = Array.isArray(H) ? H.map((X) => X.id) : [H.id];
|
|
729
|
+
(O.size !== Y.length || !Y.every((X) => O.has(X))) && (o.emit("clickAnnotation", H), n.userSelect(Y, v));
|
|
723
730
|
} else
|
|
724
731
|
n.clear();
|
|
725
732
|
};
|
|
726
|
-
if (
|
|
733
|
+
if (v.timeStamp - (T?.timeStamp || 0) < ce) {
|
|
727
734
|
await b();
|
|
728
|
-
const
|
|
729
|
-
if (
|
|
730
|
-
|
|
735
|
+
const D = document.getSelection(), B = J(e, T?.target), H = J(e, v.target);
|
|
736
|
+
if (D?.isCollapsed || B && H) {
|
|
737
|
+
u = void 0, k();
|
|
731
738
|
return;
|
|
732
739
|
}
|
|
733
740
|
}
|
|
734
|
-
|
|
741
|
+
u && u.selector.length > 0 && ($(), n.userSelect(u.annotation, v));
|
|
735
742
|
}, b = async () => {
|
|
736
|
-
const
|
|
737
|
-
let
|
|
738
|
-
const
|
|
739
|
-
return setTimeout(() =>
|
|
740
|
-
},
|
|
741
|
-
document.getSelection()?.isCollapsed || ((!
|
|
742
|
-
},
|
|
743
|
-
if (
|
|
744
|
-
const
|
|
745
|
-
|
|
743
|
+
const f = document.getSelection();
|
|
744
|
+
let v = !1, k = f?.isCollapsed;
|
|
745
|
+
const I = () => k || v, D = 1;
|
|
746
|
+
return setTimeout(() => v = !0, 50), De(() => k = f?.isCollapsed, D, I);
|
|
747
|
+
}, L = (f) => {
|
|
748
|
+
document.getSelection()?.isCollapsed || ((!u || u.selector.length === 0) && g(f), u && ($(), n.userSelect(u.annotation, te(f))));
|
|
749
|
+
}, M = (f) => {
|
|
750
|
+
if (h && !f.repeat && W().length !== 0 && f.key === "Shift" && u) {
|
|
751
|
+
const v = document.getSelection();
|
|
752
|
+
v && !v.isCollapsed && ($(), n.userSelect(u.annotation, Z(f)));
|
|
746
753
|
}
|
|
747
|
-
},
|
|
748
|
-
const
|
|
749
|
-
|
|
750
|
-
id:
|
|
754
|
+
}, V = (f) => {
|
|
755
|
+
const v = () => setTimeout(() => {
|
|
756
|
+
u && (u.selector.length > 0 && (n.clear(), s.addAnnotation({
|
|
757
|
+
id: u.annotation,
|
|
751
758
|
bodies: [],
|
|
752
|
-
target:
|
|
753
|
-
}), n.userSelect(
|
|
759
|
+
target: u
|
|
760
|
+
}), n.userSelect(u.annotation, Z(f))), document.removeEventListener("selectionchange", v));
|
|
754
761
|
}, 100);
|
|
755
|
-
document.addEventListener("selectionchange",
|
|
762
|
+
document.addEventListener("selectionchange", v), p();
|
|
756
763
|
};
|
|
757
|
-
G(
|
|
758
|
-
|
|
759
|
-
}), G(
|
|
760
|
-
|
|
764
|
+
G(ut.join(","), { element: e, keydown: !0, keyup: !1 }, (f) => {
|
|
765
|
+
f.repeat || (T = Z(f));
|
|
766
|
+
}), G(be, { keydown: !0, keyup: !1 }, (f) => {
|
|
767
|
+
T = Z(f), V(f);
|
|
761
768
|
});
|
|
762
|
-
const z = (
|
|
763
|
-
|
|
769
|
+
const z = (f) => {
|
|
770
|
+
f.repeat || W().length !== 0 && (u = void 0, n.clear());
|
|
764
771
|
};
|
|
765
|
-
G(
|
|
772
|
+
G(Ee.join(","), { keydown: !0, keyup: !1 }, z), document.addEventListener("pointerdown", C), document.addEventListener("pointerup", S), document.addEventListener("contextmenu", L), document.addEventListener("keyup", M), e.addEventListener("selectstart", p), document.addEventListener("selectionchange", g);
|
|
766
773
|
const q = () => {
|
|
767
|
-
|
|
774
|
+
u = void 0, R = void 0, w = void 0, T = void 0, g.clear(), document.removeEventListener("pointerdown", C), document.removeEventListener("pointerup", S), document.removeEventListener("contextmenu", L), document.removeEventListener("keyup", M), e.removeEventListener("selectstart", p), document.removeEventListener("selectionchange", g), G.unbind();
|
|
775
|
+
}, W = () => {
|
|
776
|
+
const f = document.getSelection();
|
|
777
|
+
return f ? Array.from(Array(f.rangeCount).keys()).map((v) => f.getRangeAt(v)).filter((v) => v.intersectsNode(e)) : [];
|
|
768
778
|
}, $ = () => {
|
|
769
|
-
|
|
770
|
-
|
|
771
|
-
|
|
772
|
-
if (!l) return;
|
|
773
|
-
const u = s.getAnnotation(l.annotation);
|
|
774
|
-
if (!u)
|
|
779
|
+
if (!u) return;
|
|
780
|
+
const f = s.getAnnotation(u.annotation);
|
|
781
|
+
if (!f)
|
|
775
782
|
s.addAnnotation({
|
|
776
|
-
id:
|
|
783
|
+
id: u.annotation,
|
|
777
784
|
bodies: [],
|
|
778
|
-
target:
|
|
785
|
+
target: u
|
|
779
786
|
});
|
|
780
787
|
else {
|
|
781
|
-
const { target: { updated:
|
|
782
|
-
(!
|
|
788
|
+
const { target: { updated: v } } = f, { updated: k } = u;
|
|
789
|
+
(!v || !k || v < k) && s.updateTarget(u);
|
|
783
790
|
}
|
|
784
791
|
};
|
|
785
792
|
return {
|
|
786
793
|
destroy: q,
|
|
787
|
-
setFilter:
|
|
788
|
-
setUser:
|
|
789
|
-
setAnnotatingEnabled:
|
|
790
|
-
setAnnotatingMode:
|
|
794
|
+
setFilter: _,
|
|
795
|
+
setUser: a,
|
|
796
|
+
setAnnotatingEnabled: N,
|
|
797
|
+
setAnnotatingMode: x
|
|
791
798
|
};
|
|
792
|
-
},
|
|
793
|
-
`background-color:${
|
|
794
|
-
|
|
795
|
-
|
|
796
|
-
|
|
797
|
-
|
|
798
|
-
].filter(Boolean).join(";"),
|
|
799
|
-
const
|
|
800
|
-
document.getElementsByTagName("head")[0].appendChild(
|
|
801
|
-
let
|
|
799
|
+
}, gt = (e) => [
|
|
800
|
+
`background-color:${oe(e?.fill || U.fill).alpha(e?.fillOpacity === void 0 ? U.fillOpacity : e.fillOpacity).toHex()}`,
|
|
801
|
+
e?.underlineThickness ? "text-decoration:underline" : void 0,
|
|
802
|
+
e?.underlineColor ? `text-decoration-color:${e.underlineColor}` : void 0,
|
|
803
|
+
e?.underlineOffset ? `text-underline-offset:${e.underlineOffset}px` : void 0,
|
|
804
|
+
e?.underlineThickness ? `text-decoration-thickness:${e.underlineThickness}px` : void 0
|
|
805
|
+
].filter(Boolean).join(";"), mt = () => {
|
|
806
|
+
const e = document.createElement("style");
|
|
807
|
+
document.getElementsByTagName("head")[0].appendChild(e);
|
|
808
|
+
let t = /* @__PURE__ */ new Set();
|
|
802
809
|
return {
|
|
803
810
|
destroy: () => {
|
|
804
|
-
CSS.highlights.clear(),
|
|
811
|
+
CSS.highlights.clear(), e.remove();
|
|
805
812
|
},
|
|
806
813
|
setVisible: (n) => {
|
|
807
814
|
console.log("setVisible not implemented on CSS Custom Highlights renderer");
|
|
808
815
|
},
|
|
809
|
-
redraw: (n, r,
|
|
810
|
-
const
|
|
811
|
-
Array.from(
|
|
812
|
-
const
|
|
813
|
-
|
|
814
|
-
const
|
|
815
|
-
return `::highlight(_${
|
|
816
|
+
redraw: (n, r, c, l, y) => {
|
|
817
|
+
const m = new Set(n.map((h) => h.annotation.id));
|
|
818
|
+
Array.from(t).filter((h) => !m.has(h));
|
|
819
|
+
const E = n.map((h) => {
|
|
820
|
+
c ? typeof c == "function" && c(h.annotation, h.state) : h.state?.selected;
|
|
821
|
+
const A = Se(h, c);
|
|
822
|
+
return `::highlight(_${h.annotation.id}) { ${gt(A)} }`;
|
|
816
823
|
});
|
|
817
|
-
|
|
818
|
-
`), CSS.highlights.clear(), n.forEach(({ annotation:
|
|
819
|
-
const
|
|
820
|
-
CSS.highlights.set(`_${
|
|
821
|
-
}),
|
|
824
|
+
e.innerHTML = E.join(`
|
|
825
|
+
`), CSS.highlights.clear(), n.forEach(({ annotation: h }) => {
|
|
826
|
+
const A = h.target.selector.map((R) => R.range), u = new Highlight(...A);
|
|
827
|
+
CSS.highlights.set(`_${h.id}`, u);
|
|
828
|
+
}), t = m;
|
|
822
829
|
}
|
|
823
830
|
};
|
|
824
|
-
},
|
|
825
|
-
...
|
|
826
|
-
annotatingEnabled:
|
|
827
|
-
user:
|
|
828
|
-
}),
|
|
829
|
-
|
|
830
|
-
const o =
|
|
831
|
+
}, pt = (e, t, o) => ye(mt(), e, t, o), ht = (e, t) => ({
|
|
832
|
+
...e,
|
|
833
|
+
annotatingEnabled: e.annotatingEnabled ?? t.annotatingEnabled,
|
|
834
|
+
user: e.user || t.user
|
|
835
|
+
}), le = "SPANS", _t = (e, t = {}) => {
|
|
836
|
+
Qe(e), Ue(e);
|
|
837
|
+
const o = ht(t, {
|
|
831
838
|
annotatingEnabled: !0,
|
|
832
|
-
user:
|
|
833
|
-
}), i =
|
|
834
|
-
let
|
|
835
|
-
const
|
|
836
|
-
|
|
839
|
+
user: Ne()
|
|
840
|
+
}), i = dt(e, o), { selection: s, viewport: n } = i, r = i.store, c = Oe(r), l = ke(i, c, o.adapter);
|
|
841
|
+
let y = o.user;
|
|
842
|
+
const m = typeof o.renderer != "function" ? o.renderer === "CSS_HIGHLIGHTS" ? CSS.highlights ? "CSS_HIGHLIGHTS" : le : o.renderer || le : null, E = m === null ? o.renderer(
|
|
843
|
+
e,
|
|
837
844
|
i,
|
|
838
845
|
n
|
|
839
|
-
) :
|
|
840
|
-
|
|
846
|
+
) : m === "SPANS" ? it(
|
|
847
|
+
e,
|
|
841
848
|
i,
|
|
842
849
|
n
|
|
843
|
-
) :
|
|
844
|
-
|
|
850
|
+
) : m === "CSS_HIGHLIGHTS" ? pt(
|
|
851
|
+
e,
|
|
845
852
|
i,
|
|
846
853
|
n
|
|
847
854
|
) : void 0;
|
|
848
|
-
if (!
|
|
855
|
+
if (!E)
|
|
849
856
|
throw `Unknown renderer implementation: ${o.renderer}`;
|
|
850
|
-
console.debug(
|
|
851
|
-
const
|
|
852
|
-
|
|
857
|
+
console.debug(m ? `Using ${m} renderer` : "Using custom renderer implementation"), o.style && E.setStyle(o.style);
|
|
858
|
+
const h = ft(
|
|
859
|
+
e,
|
|
853
860
|
i,
|
|
854
|
-
|
|
861
|
+
l,
|
|
855
862
|
o
|
|
856
863
|
);
|
|
857
|
-
|
|
858
|
-
const
|
|
859
|
-
|
|
860
|
-
|
|
864
|
+
h.setUser(y);
|
|
865
|
+
const A = Me(i, c, o.adapter), u = () => y, R = (a) => {
|
|
866
|
+
h.setAnnotatingEnabled(
|
|
867
|
+
a === void 0 ? !0 : a
|
|
861
868
|
);
|
|
862
|
-
},
|
|
863
|
-
|
|
864
|
-
},
|
|
865
|
-
|
|
866
|
-
},
|
|
867
|
-
|
|
868
|
-
},
|
|
869
|
-
|
|
869
|
+
}, w = (a) => {
|
|
870
|
+
h.setAnnotatingMode(a);
|
|
871
|
+
}, T = (a) => {
|
|
872
|
+
E.setFilter(a), h.setFilter(a);
|
|
873
|
+
}, N = (a) => {
|
|
874
|
+
y = a, h.setUser(a);
|
|
875
|
+
}, x = (a) => {
|
|
876
|
+
a ? s.setSelected(a) : s.clear();
|
|
870
877
|
};
|
|
871
878
|
return {
|
|
872
|
-
...
|
|
879
|
+
...A,
|
|
873
880
|
destroy: () => {
|
|
874
|
-
|
|
881
|
+
E.destroy(), h.destroy(), c.destroy();
|
|
875
882
|
},
|
|
876
|
-
element:
|
|
877
|
-
getUser:
|
|
878
|
-
renderer:
|
|
879
|
-
setAnnotatingEnabled:
|
|
880
|
-
setAnnotatingMode:
|
|
881
|
-
setFilter:
|
|
882
|
-
setStyle:
|
|
883
|
-
setUser:
|
|
884
|
-
setSelected:
|
|
885
|
-
setVisible:
|
|
886
|
-
on:
|
|
887
|
-
off:
|
|
888
|
-
scrollIntoView:
|
|
883
|
+
element: e,
|
|
884
|
+
getUser: u,
|
|
885
|
+
renderer: E,
|
|
886
|
+
setAnnotatingEnabled: R,
|
|
887
|
+
setAnnotatingMode: w,
|
|
888
|
+
setFilter: T,
|
|
889
|
+
setStyle: E.setStyle.bind(E),
|
|
890
|
+
setUser: N,
|
|
891
|
+
setSelected: x,
|
|
892
|
+
setVisible: E.setVisible.bind(E),
|
|
893
|
+
on: l.on,
|
|
894
|
+
off: l.off,
|
|
895
|
+
scrollIntoView: Ve(e, r),
|
|
889
896
|
state: i
|
|
890
897
|
};
|
|
891
898
|
};
|
|
892
899
|
export {
|
|
893
|
-
|
|
900
|
+
re as DEFAULT_SELECTED_STYLE,
|
|
894
901
|
U as DEFAULT_STYLE,
|
|
895
|
-
|
|
896
|
-
|
|
897
|
-
|
|
898
|
-
|
|
899
|
-
|
|
900
|
-
|
|
901
|
-
|
|
902
|
-
|
|
903
|
-
|
|
904
|
-
|
|
905
|
-
|
|
906
|
-
|
|
907
|
-
|
|
908
|
-
|
|
909
|
-
|
|
910
|
-
|
|
911
|
-
|
|
912
|
-
|
|
913
|
-
|
|
914
|
-
|
|
915
|
-
|
|
916
|
-
|
|
917
|
-
|
|
918
|
-
|
|
919
|
-
|
|
920
|
-
|
|
921
|
-
|
|
922
|
-
|
|
923
|
-
|
|
924
|
-
|
|
925
|
-
|
|
926
|
-
|
|
927
|
-
|
|
928
|
-
|
|
929
|
-
|
|
930
|
-
|
|
931
|
-
|
|
932
|
-
|
|
933
|
-
|
|
934
|
-
|
|
935
|
-
|
|
936
|
-
|
|
937
|
-
|
|
938
|
-
|
|
939
|
-
|
|
940
|
-
|
|
941
|
-
|
|
942
|
-
|
|
902
|
+
ge as NOT_ANNOTATABLE_CLASS,
|
|
903
|
+
K as NOT_ANNOTATABLE_SELECTOR,
|
|
904
|
+
Dt as Origin,
|
|
905
|
+
Ht as UserSelectAction,
|
|
906
|
+
Ot as W3CTextFormat,
|
|
907
|
+
Qe as cancelSingleClickEvents,
|
|
908
|
+
Z as cloneKeyboardEvent,
|
|
909
|
+
te as clonePointerEvent,
|
|
910
|
+
Se as computeStyle,
|
|
911
|
+
Je as computeZIndex,
|
|
912
|
+
Pt as createBody,
|
|
913
|
+
ye as createRenderer,
|
|
914
|
+
ft as createSelectionHandler,
|
|
915
|
+
it as createSpansRenderer,
|
|
916
|
+
_t as createTextAnnotator,
|
|
917
|
+
dt as createTextAnnotatorState,
|
|
918
|
+
ne as debounce,
|
|
919
|
+
ht as fillDefaults,
|
|
920
|
+
Ze as getBackgroundColor,
|
|
921
|
+
et as getHighlightClientRects,
|
|
922
|
+
$e as getQuoteContext,
|
|
923
|
+
se as getRangeAnnotatableContents,
|
|
924
|
+
at as getViewportBounds,
|
|
925
|
+
fe as isMac,
|
|
926
|
+
Nt as isNodeWhitespaceOrEmpty,
|
|
927
|
+
J as isNotAnnotatable,
|
|
928
|
+
me as isRangeAnnotatable,
|
|
929
|
+
He as isRangeWhitespaceOrEmpty,
|
|
930
|
+
P as isRevived,
|
|
931
|
+
xt as isRevivedAnnotation,
|
|
932
|
+
Lt as isRevivedTarget,
|
|
933
|
+
ot as mergeClientRects,
|
|
934
|
+
Pe as mergeRanges,
|
|
935
|
+
je as parseW3CTextAnnotation,
|
|
936
|
+
Ue as programmaticallyFocusable,
|
|
937
|
+
Ye as rangeToSelector,
|
|
938
|
+
Q as reviveAnnotation,
|
|
939
|
+
ee as reviveTarget,
|
|
940
|
+
Xe as reviveTextSelector,
|
|
941
|
+
Ve as scrollIntoView,
|
|
942
|
+
Ge as serializeW3CTextAnnotation,
|
|
943
|
+
Ke as splitAnnotatableRanges,
|
|
944
|
+
kt as toDomRectList,
|
|
945
|
+
st as toParentBounds,
|
|
946
|
+
Mt as toViewportBounds,
|
|
947
|
+
ct as trackViewport,
|
|
948
|
+
We as trimRangeToContainer,
|
|
949
|
+
pe as whitespaceOrEmptyRegex
|
|
943
950
|
};
|
|
944
951
|
//# sourceMappingURL=text-annotator.es.js.map
|