agentation-vue3 1.0.0 → 1.0.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/README.md +140 -140
- package/dist/index.js +13 -13
- package/dist/index.mjs +1358 -1103
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
const
|
|
1
|
+
import { defineComponent as Je, useCssModule as et, ref as x, computed as me, onMounted as tt, watch as le, openBlock as b, createElementBlock as S, withModifiers as Q, normalizeStyle as P, normalizeClass as p, createElementVNode as v, unref as l, toDisplayString as D, createCommentVNode as H, Fragment as re, renderList as he, createTextVNode as ce, withDirectives as Le, vModelText as Zt, nextTick as Rt, h as a, onUnmounted as Vt, createBlock as N, Teleport as Yt, resolveDynamicComponent as Z, vModelCheckbox as Xe } from "vue";
|
|
2
|
+
const Ft = ["placeholder"], Wt = ["disabled"], Xt = /* @__PURE__ */ Je({
|
|
3
3
|
__name: "AnnotationPopup",
|
|
4
4
|
props: {
|
|
5
5
|
element: {},
|
|
@@ -15,75 +15,75 @@ const wt = ["placeholder"], xt = ["disabled"], _t = /* @__PURE__ */ He({
|
|
|
15
15
|
computedStyles: {}
|
|
16
16
|
},
|
|
17
17
|
emits: ["submit", "cancel"],
|
|
18
|
-
setup(
|
|
19
|
-
const
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
].filter(Boolean)),
|
|
27
|
-
|
|
28
|
-
var
|
|
29
|
-
|
|
18
|
+
setup(t, { expose: e, emit: i }) {
|
|
19
|
+
const r = et(), h = t, n = i, y = x(h.initialValue), $ = x(!1), k = x("initial"), E = x(!1), B = x(!1), m = x(null), w = x(null), L = me(() => h.computedStyles && Object.keys(h.computedStyles).length > 0), O = me(() => [
|
|
20
|
+
r.popup,
|
|
21
|
+
h.lightMode && r.light,
|
|
22
|
+
k.value === "enter" && r.enter,
|
|
23
|
+
k.value === "entered" && r.entered,
|
|
24
|
+
k.value === "exit" && r.exit,
|
|
25
|
+
$.value && r.shake
|
|
26
|
+
].filter(Boolean)), I = () => {
|
|
27
|
+
$.value = !0, setTimeout(() => {
|
|
28
|
+
var _;
|
|
29
|
+
$.value = !1, (_ = m.value) == null || _.focus();
|
|
30
30
|
}, 250);
|
|
31
|
-
},
|
|
32
|
-
|
|
33
|
-
|
|
31
|
+
}, se = () => {
|
|
32
|
+
k.value = "exit", setTimeout(() => {
|
|
33
|
+
n("cancel");
|
|
34
34
|
}, 150);
|
|
35
|
-
},
|
|
36
|
-
|
|
37
|
-
},
|
|
38
|
-
var
|
|
39
|
-
|
|
40
|
-
},
|
|
41
|
-
const
|
|
42
|
-
|
|
43
|
-
var
|
|
44
|
-
return (
|
|
35
|
+
}, g = () => {
|
|
36
|
+
y.value.trim() && n("submit", y.value.trim());
|
|
37
|
+
}, z = (_) => {
|
|
38
|
+
var C;
|
|
39
|
+
_.isComposing || (C = _.nativeEvent) != null && C.isComposing || (_.key === "Enter" && !_.shiftKey && (_.preventDefault(), g()), _.key === "Escape" && se());
|
|
40
|
+
}, ae = () => {
|
|
41
|
+
const _ = B.value;
|
|
42
|
+
B.value = !B.value, _ && Rt(() => {
|
|
43
|
+
var C;
|
|
44
|
+
return (C = m.value) == null ? void 0 : C.focus();
|
|
45
45
|
});
|
|
46
|
-
},
|
|
47
|
-
return
|
|
46
|
+
}, ve = (_) => _.replace(/([A-Z])/g, "-$1").toLowerCase();
|
|
47
|
+
return tt(() => {
|
|
48
48
|
requestAnimationFrame(() => {
|
|
49
|
-
|
|
49
|
+
k.value = "enter";
|
|
50
50
|
}), setTimeout(() => {
|
|
51
|
-
|
|
51
|
+
k.value = "entered";
|
|
52
52
|
}, 200), setTimeout(() => {
|
|
53
|
-
const
|
|
54
|
-
|
|
53
|
+
const _ = m.value;
|
|
54
|
+
_ && (_.focus(), _.selectionStart = _.selectionEnd = _.value.length, _.scrollTop = _.scrollHeight);
|
|
55
55
|
}, 50);
|
|
56
|
-
}),
|
|
57
|
-
|
|
56
|
+
}), le(() => h.isExiting, (_) => {
|
|
57
|
+
_ && k.value !== "exit" && (k.value = "exit");
|
|
58
58
|
}), e({
|
|
59
|
-
shake:
|
|
60
|
-
}), (
|
|
59
|
+
shake: I
|
|
60
|
+
}), (_, C) => (b(), S("div", {
|
|
61
61
|
ref_key: "popupRef",
|
|
62
|
-
ref:
|
|
63
|
-
class:
|
|
62
|
+
ref: w,
|
|
63
|
+
class: p(O.value),
|
|
64
64
|
"data-annotation-popup": "",
|
|
65
|
-
style:
|
|
66
|
-
onClick:
|
|
65
|
+
style: P(t.popupStyle),
|
|
66
|
+
onClick: C[3] || (C[3] = Q(() => {
|
|
67
67
|
}, ["stop"]))
|
|
68
68
|
}, [
|
|
69
|
-
|
|
70
|
-
class:
|
|
69
|
+
v("div", {
|
|
70
|
+
class: p(l(r).header)
|
|
71
71
|
}, [
|
|
72
|
-
|
|
72
|
+
L.value ? (b(), S("button", {
|
|
73
73
|
key: 0,
|
|
74
|
-
class:
|
|
74
|
+
class: p(l(r).headerToggle),
|
|
75
75
|
type: "button",
|
|
76
|
-
onClick:
|
|
76
|
+
onClick: ae
|
|
77
77
|
}, [
|
|
78
|
-
(b(),
|
|
79
|
-
class:
|
|
78
|
+
(b(), S("svg", {
|
|
79
|
+
class: p([l(r).chevron, B.value && l(r).expanded]),
|
|
80
80
|
width: "14",
|
|
81
81
|
height: "14",
|
|
82
82
|
viewBox: "0 0 14 14",
|
|
83
83
|
fill: "none",
|
|
84
84
|
xmlns: "http://www.w3.org/2000/svg"
|
|
85
|
-
}, [
|
|
86
|
-
|
|
85
|
+
}, [...C[4] || (C[4] = [
|
|
86
|
+
v("path", {
|
|
87
87
|
d: "M5.5 10.25L9 7.25L5.75 4",
|
|
88
88
|
stroke: "currentColor",
|
|
89
89
|
"stroke-width": "1.5",
|
|
@@ -91,118 +91,118 @@ const wt = ["placeholder"], xt = ["disabled"], _t = /* @__PURE__ */ He({
|
|
|
91
91
|
"stroke-linejoin": "round"
|
|
92
92
|
}, null, -1)
|
|
93
93
|
])], 2)),
|
|
94
|
-
|
|
95
|
-
class:
|
|
96
|
-
},
|
|
97
|
-
], 2)) : (b(),
|
|
94
|
+
v("span", {
|
|
95
|
+
class: p(l(r).element)
|
|
96
|
+
}, D(t.element), 3)
|
|
97
|
+
], 2)) : (b(), S("span", {
|
|
98
98
|
key: 1,
|
|
99
|
-
class:
|
|
100
|
-
},
|
|
101
|
-
|
|
99
|
+
class: p(l(r).element)
|
|
100
|
+
}, D(t.element), 3)),
|
|
101
|
+
t.timestamp ? (b(), S("span", {
|
|
102
102
|
key: 2,
|
|
103
|
-
class:
|
|
104
|
-
},
|
|
103
|
+
class: p(l(r).timestamp)
|
|
104
|
+
}, D(t.timestamp), 3)) : H("", !0)
|
|
105
105
|
], 2),
|
|
106
|
-
|
|
106
|
+
L.value ? (b(), S("div", {
|
|
107
107
|
key: 0,
|
|
108
|
-
class:
|
|
108
|
+
class: p([l(r).stylesWrapper, B.value && l(r).expanded])
|
|
109
109
|
}, [
|
|
110
|
-
|
|
111
|
-
class:
|
|
110
|
+
v("div", {
|
|
111
|
+
class: p(l(r).stylesInner)
|
|
112
112
|
}, [
|
|
113
|
-
|
|
114
|
-
class:
|
|
113
|
+
v("div", {
|
|
114
|
+
class: p(l(r).stylesBlock)
|
|
115
115
|
}, [
|
|
116
|
-
(b(!0),
|
|
117
|
-
key:
|
|
118
|
-
class:
|
|
116
|
+
(b(!0), S(re, null, he(t.computedStyles, (X, K) => (b(), S("div", {
|
|
117
|
+
key: K,
|
|
118
|
+
class: p(l(r).styleLine)
|
|
119
119
|
}, [
|
|
120
|
-
|
|
121
|
-
class:
|
|
122
|
-
},
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
class:
|
|
126
|
-
},
|
|
127
|
-
|
|
120
|
+
v("span", {
|
|
121
|
+
class: p(l(r).styleProperty)
|
|
122
|
+
}, D(ve(String(K))), 3),
|
|
123
|
+
C[5] || (C[5] = ce(" : ", -1)),
|
|
124
|
+
v("span", {
|
|
125
|
+
class: p(l(r).styleValue)
|
|
126
|
+
}, D(X), 3),
|
|
127
|
+
C[6] || (C[6] = ce("; ", -1))
|
|
128
128
|
], 2))), 128))
|
|
129
129
|
], 2)
|
|
130
130
|
], 2)
|
|
131
131
|
], 2)) : H("", !0),
|
|
132
|
-
|
|
132
|
+
t.selectedText ? (b(), S("div", {
|
|
133
133
|
key: 1,
|
|
134
|
-
class:
|
|
135
|
-
}, " “" +
|
|
136
|
-
|
|
134
|
+
class: p(l(r).quote)
|
|
135
|
+
}, " “" + D(t.selectedText.slice(0, 80)) + D(t.selectedText.length > 80 ? "..." : "") + "” ", 3)) : H("", !0),
|
|
136
|
+
Le(v("textarea", {
|
|
137
137
|
ref_key: "textareaRef",
|
|
138
|
-
ref:
|
|
139
|
-
class:
|
|
140
|
-
style:
|
|
141
|
-
placeholder:
|
|
142
|
-
"onUpdate:modelValue":
|
|
138
|
+
ref: m,
|
|
139
|
+
class: p(l(r).textarea),
|
|
140
|
+
style: P({ borderColor: E.value ? t.accentColor : void 0 }),
|
|
141
|
+
placeholder: t.placeholder,
|
|
142
|
+
"onUpdate:modelValue": C[0] || (C[0] = (X) => y.value = X),
|
|
143
143
|
rows: "2",
|
|
144
|
-
onFocus:
|
|
145
|
-
onBlur:
|
|
146
|
-
onKeydown:
|
|
147
|
-
}, null, 46,
|
|
148
|
-
[
|
|
144
|
+
onFocus: C[1] || (C[1] = (X) => E.value = !0),
|
|
145
|
+
onBlur: C[2] || (C[2] = (X) => E.value = !1),
|
|
146
|
+
onKeydown: z
|
|
147
|
+
}, null, 46, Ft), [
|
|
148
|
+
[Zt, y.value]
|
|
149
149
|
]),
|
|
150
|
-
|
|
151
|
-
class:
|
|
150
|
+
v("div", {
|
|
151
|
+
class: p(l(r).actions)
|
|
152
152
|
}, [
|
|
153
|
-
|
|
154
|
-
class:
|
|
155
|
-
onClick:
|
|
153
|
+
v("button", {
|
|
154
|
+
class: p(l(r).cancel),
|
|
155
|
+
onClick: se
|
|
156
156
|
}, " Cancel ", 2),
|
|
157
|
-
|
|
158
|
-
class:
|
|
159
|
-
style:
|
|
160
|
-
backgroundColor:
|
|
161
|
-
opacity:
|
|
157
|
+
v("button", {
|
|
158
|
+
class: p(l(r).submit),
|
|
159
|
+
style: P({
|
|
160
|
+
backgroundColor: t.accentColor,
|
|
161
|
+
opacity: y.value.trim() ? 1 : 0.4
|
|
162
162
|
}),
|
|
163
|
-
disabled: !
|
|
164
|
-
onClick:
|
|
165
|
-
},
|
|
163
|
+
disabled: !y.value.trim(),
|
|
164
|
+
onClick: g
|
|
165
|
+
}, D(t.submitLabel), 15, Wt)
|
|
166
166
|
], 2)
|
|
167
167
|
], 6));
|
|
168
168
|
}
|
|
169
|
-
}),
|
|
170
|
-
popup:
|
|
171
|
-
enter:
|
|
172
|
-
popupEnter:
|
|
173
|
-
entered:
|
|
174
|
-
exit:
|
|
175
|
-
popupExit:
|
|
176
|
-
shake:
|
|
177
|
-
header:
|
|
178
|
-
element:
|
|
179
|
-
headerToggle:
|
|
180
|
-
chevron:
|
|
181
|
-
expanded:
|
|
182
|
-
stylesWrapper:
|
|
183
|
-
stylesInner:
|
|
184
|
-
stylesBlock:
|
|
185
|
-
styleLine:
|
|
186
|
-
styleProperty:
|
|
187
|
-
styleValue:
|
|
188
|
-
timestamp:
|
|
189
|
-
quote:
|
|
190
|
-
textarea:
|
|
191
|
-
actions:
|
|
192
|
-
cancel:
|
|
193
|
-
submit:
|
|
194
|
-
light:
|
|
195
|
-
},
|
|
196
|
-
const
|
|
197
|
-
for (const [
|
|
198
|
-
r
|
|
199
|
-
return
|
|
200
|
-
},
|
|
201
|
-
$style:
|
|
202
|
-
},
|
|
203
|
-
const e =
|
|
204
|
-
return
|
|
205
|
-
|
|
169
|
+
}), Ut = "_popup_dj3wu_38", qt = "_enter_dj3wu_52", Gt = "_popupEnter_dj3wu_1", Kt = "_entered_dj3wu_55", Qt = "_exit_dj3wu_59", Jt = "_popupExit_dj3wu_1", eo = "_shake_dj3wu_62", to = "_header_dj3wu_66", oo = "_element_dj3wu_73", no = "_headerToggle_dj3wu_84", lo = "_chevron_dj3wu_100", so = "_expanded_dj3wu_105", ao = "_stylesWrapper_dj3wu_109", io = "_stylesInner_dj3wu_118", ro = "_stylesBlock_dj3wu_122", co = "_styleLine_dj3wu_132", uo = "_styleProperty_dj3wu_137", po = "_styleValue_dj3wu_141", ho = "_timestamp_dj3wu_145", fo = "_quote_dj3wu_154", mo = "_textarea_dj3wu_165", go = "_actions_dj3wu_193", vo = "_cancel_dj3wu_200", Co = "_submit_dj3wu_201", yo = "_light_dj3wu_230", wo = {
|
|
170
|
+
popup: Ut,
|
|
171
|
+
enter: qt,
|
|
172
|
+
popupEnter: Gt,
|
|
173
|
+
entered: Kt,
|
|
174
|
+
exit: Qt,
|
|
175
|
+
popupExit: Jt,
|
|
176
|
+
shake: eo,
|
|
177
|
+
header: to,
|
|
178
|
+
element: oo,
|
|
179
|
+
headerToggle: no,
|
|
180
|
+
chevron: lo,
|
|
181
|
+
expanded: so,
|
|
182
|
+
stylesWrapper: ao,
|
|
183
|
+
stylesInner: io,
|
|
184
|
+
stylesBlock: ro,
|
|
185
|
+
styleLine: co,
|
|
186
|
+
styleProperty: uo,
|
|
187
|
+
styleValue: po,
|
|
188
|
+
timestamp: ho,
|
|
189
|
+
quote: fo,
|
|
190
|
+
textarea: mo,
|
|
191
|
+
actions: go,
|
|
192
|
+
cancel: vo,
|
|
193
|
+
submit: Co,
|
|
194
|
+
light: yo
|
|
195
|
+
}, ot = (t, e) => {
|
|
196
|
+
const i = t.__vccOpts || t;
|
|
197
|
+
for (const [r, h] of e)
|
|
198
|
+
i[r] = h;
|
|
199
|
+
return i;
|
|
200
|
+
}, bo = {
|
|
201
|
+
$style: wo
|
|
202
|
+
}, Ue = /* @__PURE__ */ ot(Xt, [["__cssModules", bo]]), ko = (t) => {
|
|
203
|
+
const e = t.size ?? 16;
|
|
204
|
+
return a("svg", { width: e, height: e, viewBox: "0 0 16 16", fill: "none" }, [
|
|
205
|
+
a("path", {
|
|
206
206
|
d: "M4 4l8 8M12 4l-8 8",
|
|
207
207
|
stroke: "currentColor",
|
|
208
208
|
"stroke-width": "1.5",
|
|
@@ -210,11 +210,11 @@ const wt = ["placeholder"], xt = ["disabled"], _t = /* @__PURE__ */ He({
|
|
|
210
210
|
})
|
|
211
211
|
]);
|
|
212
212
|
};
|
|
213
|
-
|
|
214
|
-
const
|
|
215
|
-
const e =
|
|
216
|
-
return
|
|
217
|
-
|
|
213
|
+
ko.props = ["size"];
|
|
214
|
+
const nt = (t) => {
|
|
215
|
+
const e = t.size ?? 16;
|
|
216
|
+
return a("svg", { width: e, height: e, viewBox: "0 0 16 16", fill: "none" }, [
|
|
217
|
+
a("path", {
|
|
218
218
|
d: "M8 3v10M3 8h10",
|
|
219
219
|
stroke: "currentColor",
|
|
220
220
|
"stroke-width": "1.5",
|
|
@@ -222,11 +222,11 @@ const Jt = (o) => {
|
|
|
222
222
|
})
|
|
223
223
|
]);
|
|
224
224
|
};
|
|
225
|
-
|
|
226
|
-
const
|
|
227
|
-
const e =
|
|
228
|
-
return
|
|
229
|
-
|
|
225
|
+
nt.props = ["size"];
|
|
226
|
+
const xo = (t) => {
|
|
227
|
+
const e = t.size ?? 16;
|
|
228
|
+
return a("svg", { width: e, height: e, viewBox: "0 0 16 16", fill: "none" }, [
|
|
229
|
+
a("path", {
|
|
230
230
|
d: "M3 8l3.5 3.5L13 5",
|
|
231
231
|
stroke: "currentColor",
|
|
232
232
|
"stroke-width": "1.5",
|
|
@@ -235,11 +235,11 @@ const eo = (o) => {
|
|
|
235
235
|
})
|
|
236
236
|
]);
|
|
237
237
|
};
|
|
238
|
-
|
|
239
|
-
const
|
|
240
|
-
const e =
|
|
241
|
-
return
|
|
242
|
-
|
|
238
|
+
xo.props = ["size"];
|
|
239
|
+
const _o = (t) => {
|
|
240
|
+
const e = t.size ?? 14;
|
|
241
|
+
return a("svg", { width: e, height: e, viewBox: "0 0 14 14", fill: "none" }, [
|
|
242
|
+
a("path", {
|
|
243
243
|
d: "M3.9375 7L6.125 9.1875L10.5 4.8125",
|
|
244
244
|
stroke: "currentColor",
|
|
245
245
|
"stroke-width": "1.5",
|
|
@@ -248,38 +248,38 @@ const to = (o) => {
|
|
|
248
248
|
})
|
|
249
249
|
]);
|
|
250
250
|
};
|
|
251
|
-
|
|
252
|
-
const
|
|
253
|
-
const e =
|
|
254
|
-
return
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
251
|
+
_o.props = ["size"];
|
|
252
|
+
const lt = (t) => {
|
|
253
|
+
const e = t.size ?? 24;
|
|
254
|
+
return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", style: t.style }, [
|
|
255
|
+
a("g", { "clip-path": "url(#clip0_list_sparkle)" }, [
|
|
256
|
+
a("path", { d: "M11.5 12L5.5 12", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }),
|
|
257
|
+
a("path", { d: "M18.5 6.75L5.5 6.75", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }),
|
|
258
|
+
a("path", { d: "M9.25 17.25L5.5 17.25", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }),
|
|
259
|
+
a("path", { d: "M16 12.75L16.5179 13.9677C16.8078 14.6494 17.3506 15.1922 18.0323 15.4821L19.25 16L18.0323 16.5179C17.3506 16.8078 16.8078 17.3506 16.5179 18.0323L16 19.25L15.4821 18.0323C15.1922 17.3506 14.6494 16.8078 13.9677 16.5179L12.75 16L13.9677 15.4821C14.6494 15.1922 15.1922 14.6494 15.4821 13.9677L16 12.75Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linejoin": "round" })
|
|
260
260
|
]),
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
261
|
+
a("defs", {}, [
|
|
262
|
+
a("clipPath", { id: "clip0_list_sparkle" }, [
|
|
263
|
+
a("rect", { width: "24", height: "24", fill: "white" })
|
|
264
264
|
])
|
|
265
265
|
])
|
|
266
266
|
]);
|
|
267
267
|
};
|
|
268
|
-
|
|
269
|
-
const
|
|
270
|
-
const e =
|
|
271
|
-
return
|
|
272
|
-
|
|
268
|
+
lt.props = ["size", "style"];
|
|
269
|
+
const st = (t) => {
|
|
270
|
+
const e = t.size ?? 20;
|
|
271
|
+
return a("svg", { width: e, height: e, viewBox: "0 0 20 20", fill: "none" }, [
|
|
272
|
+
a("path", {
|
|
273
273
|
d: "M10 3.33301C13.6816 3.33318 16.6658 6.31838 16.666 10C16.6658 13.6816 13.6816 16.6658 10 16.666C6.31836 16.6658 3.33318 13.6816 3.33301 10C3.33321 6.31838 6.31838 3.33319 10 3.33301ZM10 4.58301C7.00873 4.58319 4.58321 7.00874 4.58301 10C4.58318 12.9913 7.00872 15.4158 10 15.416C12.9913 15.4158 15.4158 12.9913 15.416 10C15.4158 7.00874 12.9912 4.58318 10 4.58301ZM10.0059 12.3955C10.3509 12.3955 10.6307 12.6755 10.6309 13.0205C10.6309 13.3657 10.351 13.6455 10.0059 13.6455H10C9.65482 13.6455 9.375 13.3657 9.375 13.0205C9.3752 12.6755 9.65494 12.3955 10 12.3955H10.0059ZM8.7168 6.6875C9.21305 6.39589 9.79695 6.28941 10.3643 6.38672C10.9314 6.48413 11.4458 6.77949 11.8164 7.21973C12.1868 7.65987 12.3903 8.21677 12.3896 8.79199L12.3818 8.96191C12.3064 9.79544 11.6881 10.3569 11.2354 10.667C11.0017 10.827 10.7702 10.9462 10.5898 11.0312C10.5068 11.2788 10.2755 11.4589 10 11.459C9.65518 11.4588 9.37535 11.1788 9.375 10.834V10.6045C9.375 10.3374 9.54513 10.0992 9.79785 10.0127C9.79944 10.0121 9.80223 10.011 9.80566 10.0098C9.81443 10.0066 9.82943 10.0017 9.84863 9.99414C9.88759 9.97889 9.94594 9.95512 10.0166 9.92285C10.1601 9.85732 10.3469 9.76066 10.5293 9.63574C10.9282 9.36253 11.1394 9.07213 11.1396 8.79199V8.79102C11.1401 8.51071 11.0408 8.23891 10.8604 8.02441C10.6798 7.80996 10.4286 7.66661 10.1523 7.61914C9.87611 7.57183 9.59223 7.62367 9.35059 7.76562C9.10896 7.90763 8.92515 8.1302 8.83203 8.39453C8.71753 8.71983 8.36054 8.89136 8.03516 8.77734C7.70969 8.66285 7.53811 8.30597 7.65234 7.98047C7.84336 7.43747 8.22055 6.97917 8.7168 6.6875Z",
|
|
274
274
|
fill: "currentColor"
|
|
275
275
|
})
|
|
276
276
|
]);
|
|
277
277
|
};
|
|
278
|
-
|
|
279
|
-
const
|
|
280
|
-
const e =
|
|
281
|
-
return
|
|
282
|
-
|
|
278
|
+
st.props = ["size"];
|
|
279
|
+
const Me = (t) => {
|
|
280
|
+
const e = t.size ?? 14;
|
|
281
|
+
return a("svg", { width: e, height: e, viewBox: "0 0 14 14", fill: "none" }, [
|
|
282
|
+
a("style", {}, `
|
|
283
283
|
@keyframes checkDraw {
|
|
284
284
|
0% { stroke-dashoffset: 12; }
|
|
285
285
|
100% { stroke-dashoffset: 0; }
|
|
@@ -297,7 +297,7 @@ const ve = (o) => {
|
|
|
297
297
|
animation: checkDraw 0.18s ease-out, checkBounce 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
|
|
298
298
|
}
|
|
299
299
|
`),
|
|
300
|
-
|
|
300
|
+
a("path", {
|
|
301
301
|
class: "check-path-animated",
|
|
302
302
|
d: "M3.9375 7L6.125 9.1875L10.5 4.8125",
|
|
303
303
|
stroke: "currentColor",
|
|
@@ -307,218 +307,218 @@ const ve = (o) => {
|
|
|
307
307
|
})
|
|
308
308
|
]);
|
|
309
309
|
};
|
|
310
|
-
|
|
311
|
-
const
|
|
312
|
-
const e =
|
|
313
|
-
return
|
|
314
|
-
|
|
315
|
-
|
|
310
|
+
Me.props = ["size"];
|
|
311
|
+
const zo = (t) => {
|
|
312
|
+
const e = t.size ?? 16;
|
|
313
|
+
return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none" }, [
|
|
314
|
+
a("path", { d: "M4.75 11.25C4.75 10.4216 5.42157 9.75 6.25 9.75H12.75C13.5784 9.75 14.25 10.4216 14.25 11.25V17.75C14.25 18.5784 13.5784 19.25 12.75 19.25H6.25C5.42157 19.25 4.75 18.5784 4.75 17.75V11.25Z", stroke: "currentColor", "stroke-width": "1.5" }),
|
|
315
|
+
a("path", { d: "M17.25 14.25H17.75C18.5784 14.25 19.25 13.5784 19.25 12.75V6.25C19.25 5.42157 18.5784 4.75 17.75 4.75H11.25C10.4216 4.75 9.75 5.42157 9.75 6.25V6.75", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" })
|
|
316
316
|
]);
|
|
317
317
|
};
|
|
318
|
-
|
|
319
|
-
const
|
|
320
|
-
const e =
|
|
321
|
-
return
|
|
322
|
-
|
|
318
|
+
zo.props = ["size"];
|
|
319
|
+
const at = (t) => {
|
|
320
|
+
const e = t.size ?? 24, i = t.copied ?? !1;
|
|
321
|
+
return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none" }, [
|
|
322
|
+
a("style", {}, ".copy-icon, .check-icon { transition: opacity 0.2s ease, transform 0.2s ease; }"),
|
|
323
323
|
// Copy icon
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
324
|
+
a("g", { class: "copy-icon", style: { opacity: i ? 0 : 1, transform: i ? "scale(0.8)" : "scale(1)", transformOrigin: "center" } }, [
|
|
325
|
+
a("path", { d: "M4.75 11.25C4.75 10.4216 5.42157 9.75 6.25 9.75H12.75C13.5784 9.75 14.25 10.4216 14.25 11.25V17.75C14.25 18.5784 13.5784 19.25 12.75 19.25H6.25C5.42157 19.25 4.75 18.5784 4.75 17.75V11.25Z", stroke: "currentColor", "stroke-width": "1.5" }),
|
|
326
|
+
a("path", { d: "M17.25 14.25H17.75C18.5784 14.25 19.25 13.5784 19.25 12.75V6.25C19.25 5.42157 18.5784 4.75 17.75 4.75H11.25C10.4216 4.75 9.75 5.42157 9.75 6.25V6.75", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" })
|
|
327
327
|
]),
|
|
328
328
|
// Checkmark circle
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
329
|
+
a("g", { class: "check-icon", style: { opacity: i ? 1 : 0, transform: i ? "scale(1)" : "scale(0.8)", transformOrigin: "center" } }, [
|
|
330
|
+
a("path", { d: "M12 20C7.58172 20 4 16.4182 4 12C4 7.58172 7.58172 4 12 4C16.4182 4 20 7.58172 20 12C20 16.4182 16.4182 20 12 20Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }),
|
|
331
|
+
a("path", { d: "M15 10L11 14.25L9.25 12.25", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })
|
|
332
332
|
])
|
|
333
333
|
]);
|
|
334
334
|
};
|
|
335
|
-
|
|
336
|
-
const
|
|
337
|
-
const e =
|
|
338
|
-
return
|
|
339
|
-
|
|
340
|
-
|
|
335
|
+
at.props = ["size", "copied"];
|
|
336
|
+
const Lo = (t) => {
|
|
337
|
+
const e = t.size ?? 16;
|
|
338
|
+
return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none" }, [
|
|
339
|
+
a("path", { d: "M4.91516 12.7108C4.63794 12.2883 4.63705 11.7565 4.91242 11.3328C5.84146 9.9033 8.30909 6.74994 12 6.74994C15.6909 6.74994 18.1585 9.9033 19.0876 11.3328C19.3629 11.7565 19.3621 12.2883 19.0848 12.7108C18.1537 14.13 15.6873 17.2499 12 17.2499C8.31272 17.2499 5.8463 14.13 4.91516 12.7108Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }),
|
|
340
|
+
a("path", { d: "M12 14.25C13.2426 14.25 14.25 13.2426 14.25 12C14.25 10.7574 13.2426 9.75 12 9.75C10.7574 9.75 9.75 10.7574 9.75 12C9.75 13.2426 10.7574 14.25 12 14.25Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })
|
|
341
341
|
]);
|
|
342
342
|
};
|
|
343
|
-
|
|
344
|
-
const
|
|
345
|
-
const e =
|
|
346
|
-
return
|
|
347
|
-
|
|
348
|
-
|
|
343
|
+
Lo.props = ["size"];
|
|
344
|
+
const Mo = (t) => {
|
|
345
|
+
const e = t.size ?? 24;
|
|
346
|
+
return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none" }, [
|
|
347
|
+
a("path", { d: "M3.91752 12.7539C3.65127 12.2996 3.65037 11.7515 3.9149 11.2962C4.9042 9.59346 7.72688 5.49994 12 5.49994C16.2731 5.49994 19.0958 9.59346 20.0851 11.2962C20.3496 11.7515 20.3487 12.2996 20.0825 12.7539C19.0908 14.4459 16.2694 18.4999 12 18.4999C7.73064 18.4999 4.90918 14.4459 3.91752 12.7539Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }),
|
|
348
|
+
a("path", { d: "M12 14.8261C13.5608 14.8261 14.8261 13.5608 14.8261 12C14.8261 10.4392 13.5608 9.17392 12 9.17392C10.4392 9.17392 9.17391 10.4392 9.17391 12C9.17391 13.5608 10.4392 14.8261 12 14.8261Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })
|
|
349
349
|
]);
|
|
350
350
|
};
|
|
351
|
-
|
|
352
|
-
const
|
|
353
|
-
const e =
|
|
354
|
-
return
|
|
355
|
-
|
|
356
|
-
|
|
351
|
+
Mo.props = ["size"];
|
|
352
|
+
const Eo = (t) => {
|
|
353
|
+
const e = t.size ?? 24;
|
|
354
|
+
return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none" }, [
|
|
355
|
+
a("path", { d: "M18.6025 9.28503C18.9174 8.9701 19.4364 8.99481 19.7015 9.35271C20.1484 9.95606 20.4943 10.507 20.7342 10.9199C21.134 11.6086 21.1329 12.4454 20.7303 13.1328C20.2144 14.013 19.2151 15.5225 17.7723 16.8193C16.3293 18.1162 14.3852 19.2497 12.0008 19.25C11.4192 19.25 10.8638 19.1823 10.3355 19.0613C9.77966 18.934 9.63498 18.2525 10.0382 17.8493C10.2412 17.6463 10.5374 17.573 10.8188 17.6302C11.1993 17.7076 11.5935 17.75 12.0008 17.75C13.8848 17.7497 15.4867 16.8568 16.7693 15.7041C18.0522 14.5511 18.9606 13.1867 19.4363 12.375C19.5656 12.1543 19.5659 11.8943 19.4373 11.6729C19.2235 11.3049 18.921 10.8242 18.5364 10.3003C18.3085 9.98991 18.3302 9.5573 18.6025 9.28503ZM12.0008 4.75C12.5814 4.75006 13.1358 4.81803 13.6632 4.93953C14.2182 5.06741 14.362 5.74812 13.9593 6.15091C13.7558 6.35435 13.4589 6.42748 13.1771 6.36984C12.7983 6.29239 12.4061 6.25006 12.0008 6.25C10.1167 6.25 8.51415 7.15145 7.23028 8.31543C5.94678 9.47919 5.03918 10.8555 4.56426 11.6729C4.43551 11.8945 4.43582 12.1542 4.56524 12.375C4.77587 12.7343 5.07189 13.2012 5.44718 13.7105C5.67623 14.0213 5.65493 14.4552 5.38193 14.7282C5.0671 15.0431 4.54833 15.0189 4.28292 14.6614C3.84652 14.0736 3.50813 13.5369 3.27129 13.1328C2.86831 12.4451 2.86717 11.6088 3.26739 10.9199C3.78185 10.0345 4.77959 8.51239 6.22247 7.2041C7.66547 5.89584 9.61202 4.75 12.0008 4.75Z", fill: "currentColor" }),
|
|
356
|
+
a("path", { d: "M5 19L19 5", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" })
|
|
357
357
|
]);
|
|
358
358
|
};
|
|
359
|
-
|
|
360
|
-
const
|
|
361
|
-
const e =
|
|
362
|
-
return
|
|
363
|
-
|
|
359
|
+
Eo.props = ["size"];
|
|
360
|
+
const it = (t) => {
|
|
361
|
+
const e = t.size ?? 24, i = t.isOpen ?? !0;
|
|
362
|
+
return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none" }, [
|
|
363
|
+
a("style", {}, ".eye-open, .eye-closed { transition: opacity 0.2s ease; }"),
|
|
364
364
|
// Open state
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
365
|
+
a("g", { class: "eye-open", style: { opacity: i ? 1 : 0 } }, [
|
|
366
|
+
a("path", { d: "M3.91752 12.7539C3.65127 12.2996 3.65037 11.7515 3.9149 11.2962C4.9042 9.59346 7.72688 5.49994 12 5.49994C16.2731 5.49994 19.0958 9.59346 20.0851 11.2962C20.3496 11.7515 20.3487 12.2996 20.0825 12.7539C19.0908 14.4459 16.2694 18.4999 12 18.4999C7.73064 18.4999 4.90918 14.4459 3.91752 12.7539Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }),
|
|
367
|
+
a("path", { d: "M12 14.8261C13.5608 14.8261 14.8261 13.5608 14.8261 12C14.8261 10.4392 13.5608 9.17392 12 9.17392C10.4392 9.17392 9.17391 10.4392 9.17391 12C9.17391 13.5608 10.4392 14.8261 12 14.8261Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })
|
|
368
368
|
]),
|
|
369
369
|
// Closed state
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
370
|
+
a("g", { class: "eye-closed", style: { opacity: i ? 0 : 1 } }, [
|
|
371
|
+
a("path", { d: "M18.6025 9.28503C18.9174 8.9701 19.4364 8.99481 19.7015 9.35271C20.1484 9.95606 20.4943 10.507 20.7342 10.9199C21.134 11.6086 21.1329 12.4454 20.7303 13.1328C20.2144 14.013 19.2151 15.5225 17.7723 16.8193C16.3293 18.1162 14.3852 19.2497 12.0008 19.25C11.4192 19.25 10.8638 19.1823 10.3355 19.0613C9.77966 18.934 9.63498 18.2525 10.0382 17.8493C10.2412 17.6463 10.5374 17.573 10.8188 17.6302C11.1993 17.7076 11.5935 17.75 12.0008 17.75C13.8848 17.7497 15.4867 16.8568 16.7693 15.7041C18.0522 14.5511 18.9606 13.1867 19.4363 12.375C19.5656 12.1543 19.5659 11.8943 19.4373 11.6729C19.2235 11.3049 18.921 10.8242 18.5364 10.3003C18.3085 9.98991 18.3302 9.5573 18.6025 9.28503ZM12.0008 4.75C12.5814 4.75006 13.1358 4.81803 13.6632 4.93953C14.2182 5.06741 14.362 5.74812 13.9593 6.15091C13.7558 6.35435 13.4589 6.42748 13.1771 6.36984C12.7983 6.29239 12.4061 6.25006 12.0008 6.25C10.1167 6.25 8.51415 7.15145 7.23028 8.31543C5.94678 9.47919 5.03918 10.8555 4.56426 11.6729C4.43551 11.8945 4.43582 12.1542 4.56524 12.375C4.77587 12.7343 5.07189 13.2012 5.44718 13.7105C5.67623 14.0213 5.65493 14.4552 5.38193 14.7282C5.0671 15.0431 4.54833 15.0189 4.28292 14.6614C3.84652 14.0736 3.50813 13.5369 3.27129 13.1328C2.86831 12.4451 2.86717 11.6088 3.26739 10.9199C3.78185 10.0345 4.77959 8.51239 6.22247 7.2041C7.66547 5.89584 9.61202 4.75 12.0008 4.75Z", fill: "currentColor" }),
|
|
372
|
+
a("path", { d: "M5 19L19 5", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" })
|
|
373
373
|
])
|
|
374
374
|
]);
|
|
375
375
|
};
|
|
376
|
-
|
|
377
|
-
const
|
|
378
|
-
const e =
|
|
379
|
-
return
|
|
380
|
-
|
|
376
|
+
it.props = ["size", "isOpen"];
|
|
377
|
+
const rt = (t) => {
|
|
378
|
+
const e = t.size ?? 24, i = t.isPaused ?? !1;
|
|
379
|
+
return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none" }, [
|
|
380
|
+
a("style", {}, ".pause-bar, .play-triangle { transition: opacity 0.15s ease; }"),
|
|
381
381
|
// Pause bars
|
|
382
|
-
|
|
383
|
-
|
|
382
|
+
a("path", { class: "pause-bar", d: "M8 6L8 18", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", style: { opacity: i ? 0 : 1 } }),
|
|
383
|
+
a("path", { class: "pause-bar", d: "M16 18L16 6", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", style: { opacity: i ? 0 : 1 } }),
|
|
384
384
|
// Play triangle
|
|
385
|
-
|
|
385
|
+
a("path", { class: "play-triangle", d: "M17.75 10.701C18.75 11.2783 18.75 12.7217 17.75 13.299L8.75 18.4952C7.75 19.0725 6.5 18.3509 6.5 17.1962L6.5 6.80384C6.5 5.64914 7.75 4.92746 8.75 5.50481L17.75 10.701Z", stroke: "currentColor", "stroke-width": "1.5", style: { opacity: i ? 1 : 0 } })
|
|
386
386
|
]);
|
|
387
387
|
};
|
|
388
|
-
|
|
389
|
-
const
|
|
390
|
-
const e =
|
|
391
|
-
return
|
|
392
|
-
|
|
393
|
-
|
|
388
|
+
rt.props = ["size", "isPaused"];
|
|
389
|
+
const ct = (t) => {
|
|
390
|
+
const e = t.size ?? 16;
|
|
391
|
+
return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none" }, [
|
|
392
|
+
a("path", { d: "M10.6504 5.81117C10.9939 4.39628 13.0061 4.39628 13.3496 5.81117C13.5715 6.72517 14.6187 7.15891 15.4219 6.66952C16.6652 5.91193 18.0881 7.33479 17.3305 8.57815C16.8411 9.38134 17.2748 10.4285 18.1888 10.6504C19.6037 10.9939 19.6037 13.0061 18.1888 13.3496C17.2748 13.5715 16.8411 14.6187 17.3305 15.4219C18.0881 16.6652 16.6652 18.0881 15.4219 17.3305C14.6187 16.8411 13.5715 17.2748 13.3496 18.1888C13.0061 19.6037 10.9939 19.6037 10.6504 18.1888C10.4285 17.2748 9.38135 16.8411 8.57815 17.3305C7.33479 18.0881 5.91193 16.6652 6.66952 15.4219C7.15891 14.6187 6.72517 13.5715 5.81117 13.3496C4.39628 13.0061 4.39628 10.9939 5.81117 10.6504C6.72517 10.4285 7.15891 9.38134 6.66952 8.57815C5.91193 7.33479 7.33479 5.91192 8.57815 6.66952C9.38135 7.15891 10.4285 6.72517 10.6504 5.81117Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }),
|
|
393
|
+
a("circle", { cx: "12", cy: "12", r: "2.5", stroke: "currentColor", "stroke-width": "1.5" })
|
|
394
394
|
]);
|
|
395
395
|
};
|
|
396
|
-
|
|
397
|
-
const
|
|
398
|
-
const e =
|
|
399
|
-
return
|
|
400
|
-
|
|
401
|
-
|
|
396
|
+
ct.props = ["size"];
|
|
397
|
+
const So = (t) => {
|
|
398
|
+
const e = t.size ?? 24;
|
|
399
|
+
return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none" }, [
|
|
400
|
+
a("path", { d: "M8 6L8 18", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" }),
|
|
401
|
+
a("path", { d: "M16 18L16 6", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" })
|
|
402
402
|
]);
|
|
403
403
|
};
|
|
404
|
-
|
|
405
|
-
const
|
|
406
|
-
const e =
|
|
407
|
-
return
|
|
408
|
-
|
|
404
|
+
So.props = ["size"];
|
|
405
|
+
const $o = (t) => {
|
|
406
|
+
const e = t.size ?? 16;
|
|
407
|
+
return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none" }, [
|
|
408
|
+
a("path", { d: "M17.75 10.701C18.75 11.2783 18.75 12.7217 17.75 13.299L8.75 18.4952C7.75 19.0725 6.5 18.3509 6.5 17.1962L6.5 6.80384C6.5 5.64914 7.75 4.92746 8.75 5.50481L17.75 10.701Z", stroke: "currentColor", "stroke-width": "1.5" })
|
|
409
409
|
]);
|
|
410
410
|
};
|
|
411
|
-
|
|
412
|
-
const
|
|
413
|
-
const e =
|
|
414
|
-
return
|
|
415
|
-
|
|
411
|
+
$o.props = ["size"];
|
|
412
|
+
const ut = (t) => {
|
|
413
|
+
const e = t.size ?? 16;
|
|
414
|
+
return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none" }, [
|
|
415
|
+
a("path", { d: "M13.5 4C14.7426 4 15.75 5.00736 15.75 6.25V7H18.5C18.9142 7 19.25 7.33579 19.25 7.75C19.25 8.16421 18.9142 8.5 18.5 8.5H17.9678L17.6328 16.2217C17.61 16.7475 17.5912 17.1861 17.5469 17.543C17.5015 17.9087 17.4225 18.2506 17.2461 18.5723C16.9747 19.0671 16.5579 19.4671 16.0518 19.7168C15.7227 19.8791 15.3772 19.9422 15.0098 19.9717C14.6514 20.0004 14.2126 20 13.6865 20H10.3135C9.78735 20 9.34856 20.0004 8.99023 19.9717C8.62278 19.9422 8.27729 19.8791 7.94824 19.7168C7.44205 19.4671 7.02532 19.0671 6.75391 18.5723C6.57751 18.2506 6.49853 17.9087 6.45312 17.543C6.40883 17.1861 6.39005 16.7475 6.36719 16.2217L6.03223 8.5H5.5C5.08579 8.5 4.75 8.16421 4.75 7.75C4.75 7.33579 5.08579 7 5.5 7H8.25V6.25C8.25 5.00736 9.25736 4 10.5 4H13.5ZM7.86621 16.1562C7.89013 16.7063 7.90624 17.0751 7.94141 17.3584C7.97545 17.6326 8.02151 17.7644 8.06934 17.8516C8.19271 18.0763 8.38239 18.2577 8.6123 18.3711C8.70153 18.4151 8.83504 18.4545 9.11035 18.4766C9.39482 18.4994 9.76335 18.5 10.3135 18.5H13.6865C14.2367 18.5 14.6052 18.4994 14.8896 18.4766C15.165 18.4545 15.2985 18.4151 15.3877 18.3711C15.6176 18.2577 15.8073 18.0763 15.9307 17.8516C15.9785 17.7644 16.0245 17.6326 16.0586 17.3584C16.0938 17.0751 16.1099 16.7063 16.1338 16.1562L16.4668 8.5H7.5332L7.86621 16.1562ZM9.97656 10.75C10.3906 10.7371 10.7371 11.0626 10.75 11.4766L10.875 15.4766C10.8879 15.8906 10.5624 16.2371 10.1484 16.25C9.73443 16.2629 9.38794 15.9374 9.375 15.5234L9.25 11.5234C9.23706 11.1094 9.56255 10.7629 9.97656 10.75ZM14.0244 10.75C14.4384 10.7635 14.7635 11.1105 14.75 11.5244L14.6201 15.5244C14.6066 15.9384 14.2596 16.2634 13.8457 16.25C13.4317 16.2365 13.1067 15.8896 13.1201 15.4756L13.251 11.4756C13.2645 11.0617 13.6105 10.7366 14.0244 10.75ZM10.5 5.5C10.0858 5.5 9.75 5.83579 9.75 6.25V7H14.25V6.25C14.25 5.83579 13.9142 5.5 13.5 5.5H10.5Z", fill: "currentColor" })
|
|
416
416
|
]);
|
|
417
417
|
};
|
|
418
|
-
|
|
419
|
-
const
|
|
420
|
-
const e =
|
|
421
|
-
return
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
418
|
+
ut.props = ["size"];
|
|
419
|
+
const dt = (t) => {
|
|
420
|
+
const e = t.size ?? 16;
|
|
421
|
+
return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none" }, [
|
|
422
|
+
a("circle", { cx: "12", cy: "12", r: "4", stroke: "currentColor", "stroke-width": "1.5" }),
|
|
423
|
+
a("path", { d: "M12 5V3", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" }),
|
|
424
|
+
a("path", { d: "M12 21V19", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" }),
|
|
425
|
+
a("path", { d: "M16.95 7.05L18.36 5.64", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" }),
|
|
426
|
+
a("path", { d: "M5.64 18.36L7.05 16.95", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" }),
|
|
427
|
+
a("path", { d: "M19 12H21", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" }),
|
|
428
|
+
a("path", { d: "M3 12H5", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" }),
|
|
429
|
+
a("path", { d: "M16.95 16.95L18.36 18.36", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" }),
|
|
430
|
+
a("path", { d: "M5.64 5.64L7.05 7.05", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" })
|
|
431
431
|
]);
|
|
432
432
|
};
|
|
433
|
-
|
|
434
|
-
const
|
|
435
|
-
const e =
|
|
436
|
-
return
|
|
437
|
-
|
|
433
|
+
dt.props = ["size"];
|
|
434
|
+
const pt = (t) => {
|
|
435
|
+
const e = t.size ?? 16;
|
|
436
|
+
return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none" }, [
|
|
437
|
+
a("path", { d: "M21 12.79A9 9 0 1111.21 3a7 7 0 009.79 9.79z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })
|
|
438
438
|
]);
|
|
439
439
|
};
|
|
440
|
-
|
|
441
|
-
const
|
|
442
|
-
const e =
|
|
443
|
-
return
|
|
444
|
-
|
|
445
|
-
|
|
440
|
+
pt.props = ["size"];
|
|
441
|
+
const To = (t) => {
|
|
442
|
+
const e = t.size ?? 24;
|
|
443
|
+
return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none" }, [
|
|
444
|
+
a("path", { d: "M12 20C7.58172 20 4 16.4182 4 12C4 7.58172 7.58172 4 12 4C16.4182 4 20 7.58172 20 12C20 16.4182 16.4182 20 12 20Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }),
|
|
445
|
+
a("path", { d: "M15 10L11 14.25L9.25 12.25", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })
|
|
446
446
|
]);
|
|
447
447
|
};
|
|
448
|
-
|
|
449
|
-
const
|
|
450
|
-
const e =
|
|
451
|
-
return
|
|
452
|
-
|
|
453
|
-
|
|
448
|
+
To.props = ["size"];
|
|
449
|
+
const Ao = (t) => {
|
|
450
|
+
const e = t.size ?? 16;
|
|
451
|
+
return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none" }, [
|
|
452
|
+
a("path", { d: "M16.25 16.25L7.75 7.75", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }),
|
|
453
|
+
a("path", { d: "M7.75 16.25L16.25 7.75", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })
|
|
454
454
|
]);
|
|
455
455
|
};
|
|
456
|
-
|
|
457
|
-
const
|
|
458
|
-
const e =
|
|
459
|
-
return
|
|
460
|
-
|
|
456
|
+
Ao.props = ["size"];
|
|
457
|
+
const Ee = (t) => {
|
|
458
|
+
const e = t.size ?? 12;
|
|
459
|
+
return a("svg", { width: e, height: e, viewBox: "0 0 12 12", fill: "none" }, [
|
|
460
|
+
a("path", { d: "M9 3L3 9M3 3L9 9", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })
|
|
461
461
|
]);
|
|
462
462
|
};
|
|
463
|
-
|
|
464
|
-
const
|
|
465
|
-
const e =
|
|
466
|
-
return
|
|
467
|
-
|
|
468
|
-
|
|
463
|
+
Ee.props = ["size"];
|
|
464
|
+
const Bo = (t) => {
|
|
465
|
+
const e = t.size ?? 16;
|
|
466
|
+
return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none" }, [
|
|
467
|
+
a("path", { d: "M4.91516 12.7108C4.63794 12.2883 4.63705 11.7565 4.91242 11.3328C5.84146 9.9033 8.30909 6.74994 12 6.74994C15.6909 6.74994 18.1585 9.9033 19.0876 11.3328C19.3629 11.7565 19.3621 12.2883 19.0848 12.7108C18.1537 14.13 15.6873 17.2499 12 17.2499C8.31272 17.2499 5.8463 14.13 4.91516 12.7108Z", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }),
|
|
468
|
+
a("path", { d: "M9 12H15", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" })
|
|
469
469
|
]);
|
|
470
470
|
};
|
|
471
|
-
|
|
472
|
-
const
|
|
473
|
-
const e =
|
|
474
|
-
return
|
|
475
|
-
|
|
476
|
-
|
|
471
|
+
Bo.props = ["size"];
|
|
472
|
+
const Io = (t) => {
|
|
473
|
+
const e = t.size ?? 16;
|
|
474
|
+
return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none" }, [
|
|
475
|
+
a("path", { d: "M9.25 5.75C9.80228 5.75 10.25 6.19772 10.25 6.75L10.25 17.25C10.25 17.8023 9.80228 18.25 9.25 18.25L6.75 18.25C6.19772 18.25 5.75 17.8023 5.75 17.25L5.75 6.75C5.75 6.19772 6.19772 5.75 6.75 5.75L9.25 5.75Z", stroke: "currentColor", "stroke-width": "1.5" }),
|
|
476
|
+
a("path", { d: "M17.25 5.75C17.8023 5.75 18.25 6.19772 18.25 6.75L18.25 17.25C18.25 17.8023 17.8023 18.25 17.25 18.25L14.75 18.25C14.1977 18.25 13.75 17.8023 13.75 17.25L13.75 6.75C13.75 6.19772 14.1977 5.75 14.75 5.75L17.25 5.75Z", stroke: "currentColor", "stroke-width": "1.5" })
|
|
477
477
|
]);
|
|
478
478
|
};
|
|
479
|
-
|
|
480
|
-
const
|
|
481
|
-
const e =
|
|
482
|
-
return
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
|
|
479
|
+
Io.props = ["size"];
|
|
480
|
+
const Ho = (t) => {
|
|
481
|
+
const e = t.size ?? 16;
|
|
482
|
+
return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", style: t.style }, [
|
|
483
|
+
a("path", { d: "M18.8875 19.25L19.6112 19.0533C19.6823 19.3148 19.6068 19.5943 19.4137 19.7844C19.2206 19.9746 18.9399 20.0457 18.6795 19.9706L18.8875 19.25ZM14.9631 18.244L15.263 18.9314L14.9631 18.244ZM18.0914 15.6309L17.4669 15.2156L18.0914 15.6309ZM4.75 11.8041H5.5C5.5 15.2664 8.39065 18.1081 12 18.1081V18.8581V19.6081C7.60123 19.6081 4 16.1334 4 11.8041H4.75ZM19.25 11.8041H18.5C18.5 8.34166 15.6094 5.5 12 5.5V4.75V4C16.3988 4 20 7.47476 20 11.8041H19.25ZM12 4.75V5.5C8.39065 5.5 5.5 8.34166 5.5 11.8041H4.75H4C4 7.47476 7.60123 4 12 4V4.75ZM18.0914 15.6309L17.4669 15.2156C18.1213 14.2315 18.5 13.0612 18.5 11.8041H19.25H20C20 13.3681 19.5276 14.8257 18.716 16.0462L18.0914 15.6309ZM18.8875 19.25L18.1638 19.4467L17.2953 16.2517L18.019 16.055L18.7428 15.8583L19.6112 19.0533L18.8875 19.25ZM12 18.8581V18.1081C12.9509 18.1081 13.8518 17.9105 14.6632 17.5565L14.9631 18.244L15.263 18.9314C14.2652 19.3667 13.1603 19.6081 12 19.6081V18.8581ZM15.3144 18.2188L15.5224 17.4982L19.0955 18.5294L18.8875 19.25L18.6795 19.9706L15.1064 18.9394L15.3144 18.2188ZM14.9631 18.244L14.6632 17.5565C14.925 17.4423 15.2286 17.4134 15.5224 17.4982L15.3144 18.2188L15.1064 18.9394C15.1677 18.957 15.223 18.9489 15.263 18.9314L14.9631 18.244ZM18.0914 15.6309L18.716 16.0462C18.7451 16.0024 18.7636 15.9351 18.7428 15.8583L18.019 16.055L17.2953 16.2517C17.1957 15.8853 17.2716 15.5093 17.4669 15.2156L18.0914 15.6309Z", fill: "currentColor" }),
|
|
484
|
+
a("circle", { cx: "15", cy: "11.75", r: "1", fill: "currentColor" }),
|
|
485
|
+
a("circle", { cx: "12", cy: "11.75", r: "1", fill: "currentColor" }),
|
|
486
|
+
a("circle", { cx: "9", cy: "11.75", r: "1", fill: "currentColor" })
|
|
487
487
|
]);
|
|
488
488
|
};
|
|
489
|
-
|
|
490
|
-
const
|
|
491
|
-
const e =
|
|
492
|
-
return
|
|
493
|
-
|
|
494
|
-
|
|
489
|
+
Ho.props = ["size", "style"];
|
|
490
|
+
const Po = (t) => {
|
|
491
|
+
const e = t.size ?? 16;
|
|
492
|
+
return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none" }, [
|
|
493
|
+
a("g", { "clip-path": "url(#clip0_2_45)" }, [
|
|
494
|
+
a("path", { d: "M16.25 8.75L10 15.25L7.25 12.25", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })
|
|
495
495
|
]),
|
|
496
|
-
|
|
497
|
-
|
|
498
|
-
|
|
496
|
+
a("defs", {}, [
|
|
497
|
+
a("clipPath", { id: "clip0_2_45" }, [
|
|
498
|
+
a("rect", { width: "24", height: "24", fill: "white" })
|
|
499
499
|
])
|
|
500
500
|
])
|
|
501
501
|
]);
|
|
502
502
|
};
|
|
503
|
-
|
|
504
|
-
const
|
|
505
|
-
const e =
|
|
506
|
-
return
|
|
507
|
-
|
|
508
|
-
|
|
503
|
+
Po.props = ["size"];
|
|
504
|
+
const Do = (t) => {
|
|
505
|
+
const e = t.size ?? 16;
|
|
506
|
+
return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none" }, [
|
|
507
|
+
a("g", { "clip-path": "url(#clip0_2_37)" }, [
|
|
508
|
+
a("path", { d: "M17.5962 7.75L9.42308 16.25L6.15385 12.6538", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })
|
|
509
509
|
]),
|
|
510
|
-
|
|
511
|
-
|
|
512
|
-
|
|
510
|
+
a("defs", {}, [
|
|
511
|
+
a("clipPath", { id: "clip0_2_37" }, [
|
|
512
|
+
a("rect", { width: "24", height: "24", fill: "white" })
|
|
513
513
|
])
|
|
514
514
|
])
|
|
515
515
|
]);
|
|
516
516
|
};
|
|
517
|
-
|
|
518
|
-
const
|
|
519
|
-
const e =
|
|
520
|
-
return
|
|
521
|
-
|
|
517
|
+
Do.props = ["size"];
|
|
518
|
+
const No = (t) => {
|
|
519
|
+
const e = t.size ?? 20, i = t.color ?? "#4C74FF";
|
|
520
|
+
return a("svg", { width: e, height: e, viewBox: "0 0 28 28", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, [
|
|
521
|
+
a("style", {}, `
|
|
522
522
|
@keyframes bunnyEnterEar { 0% { opacity: 0; transform: scale(0.8); } 100% { opacity: 1; transform: scale(1); } }
|
|
523
523
|
@keyframes bunnyEnterFace { 0% { opacity: 0; transform: scale(0.9); } 100% { opacity: 1; transform: scale(1); } }
|
|
524
524
|
@keyframes bunnyEnterEye { 0% { opacity: 0; transform: scale(0.5); } 100% { opacity: 1; transform: scale(1); } }
|
|
@@ -535,127 +535,127 @@ const Co = (o) => {
|
|
|
535
535
|
.bunny-happy-face { opacity: 0; transition: opacity 0.2s ease; }
|
|
536
536
|
svg:hover .bunny-happy-face { opacity: 1; }
|
|
537
537
|
`),
|
|
538
|
-
|
|
539
|
-
|
|
540
|
-
|
|
541
|
-
|
|
542
|
-
|
|
543
|
-
|
|
544
|
-
|
|
538
|
+
a("rect", { width: "28", height: "28", fill: "transparent" }),
|
|
539
|
+
a("path", { class: "bunny-ear-left", d: "M3.738 10.2164L7.224 2.007H9.167L5.676 10.2164H3.738ZM10.791 6.42705C10.791 5.90346 10.726 5.42764 10.596 4.99959C10.47 4.57155 10.292 4.16643 10.063 3.78425C9.833 3.39825 9.56 3.01797 9.243 2.64343C8.926 2.26507 8.767 2.07589 8.767 2.07589L10.24 0.957996C10.24 0.957996 10.433 1.17203 10.819 1.60007C11.209 2.0243 11.559 2.49056 11.869 2.99886C12.178 3.50717 12.413 4.04222 12.574 4.60403C12.734 5.16584 12.814 5.77352 12.814 6.42705C12.814 7.10734 12.73 7.7303 12.562 8.29593C12.394 8.85774 12.153 9.3966 11.84 9.9126C11.526 10.4247 11.181 10.8833 10.802 11.2884C10.428 11.6974 10.24 11.9018 10.24 11.9018L8.767 10.7839C8.767 10.7839 8.924 10.5948 9.237 10.2164C9.554 9.8419 9.83 9.4597 10.063 9.06985C10.3 8.6762 10.479 8.26726 10.602 7.84304C10.728 7.41499 10.791 6.943 10.791 6.42705Z", fill: i }),
|
|
540
|
+
a("path", { class: "bunny-ear-right", d: "M15.003 10.2164L18.489 2.007H20.432L16.941 10.2164H15.003ZM22.056 6.42705C22.056 5.90346 21.991 5.42764 21.861 4.99959C21.735 4.57155 21.557 4.16643 21.328 3.78425C21.098 3.39825 20.825 3.01797 20.508 2.64343C20.191 2.26507 20.032 2.07589 20.032 2.07589L21.505 0.957996C21.505 0.957996 21.698 1.17203 22.084 1.60007C22.474 2.0243 22.824 2.49056 23.133 2.99886C23.443 3.50717 23.678 4.04222 23.839 4.60403C23.999 5.16584 24.079 5.77352 24.079 6.42705C24.079 7.10734 23.995 7.7303 23.827 8.29593C23.659 8.85774 23.418 9.3966 23.105 9.9126C22.791 10.4247 22.445 10.8833 22.067 11.2884C21.693 11.6974 21.505 11.9018 21.505 11.9018L20.032 10.7839C20.032 10.7839 20.189 10.5948 20.502 10.2164C20.819 9.8419 21.094 9.4597 21.328 9.06985C21.565 8.6762 21.744 8.26726 21.866 7.84304C21.993 7.41499 22.056 6.943 22.056 6.42705Z", fill: i }),
|
|
541
|
+
a("path", { class: "bunny-face", d: "M2.03 20.4328C2.03 20.9564 2.093 21.4322 2.219 21.8602C2.345 22.2883 2.523 22.6953 2.752 23.0813C2.981 23.4635 3.254 23.8419 3.572 24.2164C3.889 24.5948 4.047 24.7839 4.047 24.7839L2.574 25.9018C2.574 25.9018 2.379 25.6878 1.989 25.2598C1.603 24.8355 1.256 24.3693 0.946 23.861C0.636 23.3527 0.401 22.8176 0.241 22.2558C0.08 21.694 0 21.0863 0 20.4328C0 19.7525 0.084 19.1314 0.252 18.5696C0.421 18.004 0.661 17.4651 0.975 16.953C1.288 16.4371 1.632 15.9765 2.007 15.5714C2.385 15.1625 2.574 14.958 2.574 14.958L4.047 16.0759C4.047 16.0759 3.889 16.2651 3.572 16.6434C3.258 17.018 2.983 17.4021 2.746 17.7957C2.513 18.1855 2.335 18.5945 2.213 19.0225C2.091 19.4467 2.03 19.9168 2.03 20.4328ZM23.687 20.4271C23.687 19.9035 23.622 19.4276 23.492 18.9996C23.366 18.5715 23.188 18.1664 22.959 17.7843C22.729 17.3982 22.456 17.018 22.139 16.6434C21.822 16.2651 21.663 16.0759 21.663 16.0759L23.136 14.958C23.136 14.958 23.329 15.172 23.715 15.6001C24.105 16.0243 24.455 16.4906 24.765 16.9989C25.074 17.5072 25.309 18.0422 25.47 18.604C25.63 19.1658 25.71 19.7735 25.71 20.4271C25.71 21.1073 25.626 21.7303 25.458 22.2959C25.29 22.8577 25.049 23.3966 24.736 23.9126C24.422 24.4247 24.077 24.8833 23.698 25.2884C23.324 25.6974 23.136 25.9018 23.136 25.9018L21.663 24.7839C21.663 24.7839 21.82 24.5948 22.133 24.2164C22.45 23.8419 22.726 23.4597 22.959 23.0698C23.196 22.6762 23.375 22.2673 23.498 21.843C23.624 21.415 23.687 20.943 23.687 20.4271Z", fill: i }),
|
|
542
|
+
a("circle", { class: "bunny-eye-left", cx: "8.277", cy: "20.466", r: "1.8", fill: i }),
|
|
543
|
+
a("circle", { class: "bunny-eye-right", cx: "19.878", cy: "20.466", r: "1.8", fill: i }),
|
|
544
|
+
a("text", { class: "bunny-happy-face", x: "14", y: "26", "text-anchor": "middle", "font-size": "12", "font-weight": "bold", fill: i, "font-family": "system-ui, -apple-system, sans-serif" }, "˃ ᵕ ˂")
|
|
545
545
|
]);
|
|
546
546
|
};
|
|
547
|
-
|
|
548
|
-
function
|
|
549
|
-
const
|
|
550
|
-
let
|
|
551
|
-
for (;
|
|
552
|
-
const
|
|
553
|
-
if (
|
|
554
|
-
let
|
|
555
|
-
if (
|
|
556
|
-
|
|
557
|
-
else if (
|
|
558
|
-
const
|
|
559
|
-
|
|
547
|
+
No.props = ["size", "color"];
|
|
548
|
+
function Oo(t, e = 4) {
|
|
549
|
+
const i = [];
|
|
550
|
+
let r = t, h = 0;
|
|
551
|
+
for (; r && h < e; ) {
|
|
552
|
+
const n = r.tagName.toLowerCase();
|
|
553
|
+
if (n === "html" || n === "body") break;
|
|
554
|
+
let y = n;
|
|
555
|
+
if (r.id)
|
|
556
|
+
y = `#${r.id}`;
|
|
557
|
+
else if (r.className && typeof r.className == "string") {
|
|
558
|
+
const $ = r.className.split(/\s+/).find((k) => k.length > 2 && !k.match(/^[a-z]{1,2}$/) && !k.match(/[A-Z0-9]{5,}/));
|
|
559
|
+
$ && (y = `.${$.split("_")[0]}`);
|
|
560
560
|
}
|
|
561
|
-
|
|
561
|
+
i.unshift(y), r = r.parentElement, h++;
|
|
562
562
|
}
|
|
563
|
-
return
|
|
563
|
+
return i.join(" > ");
|
|
564
564
|
}
|
|
565
|
-
function
|
|
566
|
-
var
|
|
567
|
-
const e =
|
|
568
|
-
if (
|
|
569
|
-
return { name:
|
|
570
|
-
const
|
|
571
|
-
if (["path", "circle", "rect", "line", "g"].includes(
|
|
572
|
-
const
|
|
573
|
-
if (
|
|
574
|
-
const
|
|
575
|
-
if (
|
|
576
|
-
return { name: `graphic in ${
|
|
565
|
+
function fe(t) {
|
|
566
|
+
var r, h, n, y, $, k, E, B;
|
|
567
|
+
const e = Oo(t);
|
|
568
|
+
if (t.dataset.element)
|
|
569
|
+
return { name: t.dataset.element, path: e };
|
|
570
|
+
const i = t.tagName.toLowerCase();
|
|
571
|
+
if (["path", "circle", "rect", "line", "g"].includes(i)) {
|
|
572
|
+
const m = t.closest("svg");
|
|
573
|
+
if (m) {
|
|
574
|
+
const w = m.parentElement;
|
|
575
|
+
if (w)
|
|
576
|
+
return { name: `graphic in ${fe(w).name}`, path: e };
|
|
577
577
|
}
|
|
578
578
|
return { name: "graphic element", path: e };
|
|
579
579
|
}
|
|
580
|
-
if (
|
|
581
|
-
const
|
|
582
|
-
if ((
|
|
583
|
-
const
|
|
584
|
-
return { name:
|
|
580
|
+
if (i === "svg") {
|
|
581
|
+
const m = t.parentElement;
|
|
582
|
+
if ((m == null ? void 0 : m.tagName.toLowerCase()) === "button") {
|
|
583
|
+
const w = (r = m.textContent) == null ? void 0 : r.trim();
|
|
584
|
+
return { name: w ? `icon in "${w}" button` : "button icon", path: e };
|
|
585
585
|
}
|
|
586
586
|
return { name: "icon", path: e };
|
|
587
587
|
}
|
|
588
|
-
if (
|
|
589
|
-
const
|
|
590
|
-
return
|
|
588
|
+
if (i === "button") {
|
|
589
|
+
const m = (h = t.textContent) == null ? void 0 : h.trim(), w = t.getAttribute("aria-label");
|
|
590
|
+
return w ? { name: `button [${w}]`, path: e } : { name: m ? `button "${m.slice(0, 25)}"` : "button", path: e };
|
|
591
591
|
}
|
|
592
|
-
if (
|
|
593
|
-
const
|
|
594
|
-
return
|
|
592
|
+
if (i === "a") {
|
|
593
|
+
const m = (n = t.textContent) == null ? void 0 : n.trim(), w = t.getAttribute("href");
|
|
594
|
+
return m ? { name: `link "${m.slice(0, 25)}"`, path: e } : w ? { name: `link to ${w.slice(0, 30)}`, path: e } : { name: "link", path: e };
|
|
595
595
|
}
|
|
596
|
-
if (
|
|
597
|
-
const
|
|
598
|
-
return
|
|
596
|
+
if (i === "input") {
|
|
597
|
+
const m = t.getAttribute("type") || "text", w = t.getAttribute("placeholder"), L = t.getAttribute("name");
|
|
598
|
+
return w ? { name: `input "${w}"`, path: e } : L ? { name: `input [${L}]`, path: e } : { name: `${m} input`, path: e };
|
|
599
599
|
}
|
|
600
|
-
if (["h1", "h2", "h3", "h4", "h5", "h6"].includes(
|
|
601
|
-
const
|
|
602
|
-
return { name:
|
|
600
|
+
if (["h1", "h2", "h3", "h4", "h5", "h6"].includes(i)) {
|
|
601
|
+
const m = (y = t.textContent) == null ? void 0 : y.trim();
|
|
602
|
+
return { name: m ? `${i} "${m.slice(0, 35)}"` : i, path: e };
|
|
603
603
|
}
|
|
604
|
-
if (
|
|
605
|
-
const
|
|
606
|
-
return
|
|
604
|
+
if (i === "p") {
|
|
605
|
+
const m = ($ = t.textContent) == null ? void 0 : $.trim();
|
|
606
|
+
return m ? { name: `paragraph: "${m.slice(0, 40)}${m.length > 40 ? "..." : ""}"`, path: e } : { name: "paragraph", path: e };
|
|
607
607
|
}
|
|
608
|
-
if (
|
|
609
|
-
const
|
|
610
|
-
return
|
|
608
|
+
if (i === "span" || i === "label") {
|
|
609
|
+
const m = (k = t.textContent) == null ? void 0 : k.trim();
|
|
610
|
+
return m && m.length < 40 ? { name: `"${m}"`, path: e } : { name: i, path: e };
|
|
611
611
|
}
|
|
612
|
-
if (
|
|
613
|
-
const
|
|
614
|
-
return
|
|
612
|
+
if (i === "li") {
|
|
613
|
+
const m = (E = t.textContent) == null ? void 0 : E.trim();
|
|
614
|
+
return m && m.length < 40 ? { name: `list item: "${m.slice(0, 35)}"`, path: e } : { name: "list item", path: e };
|
|
615
615
|
}
|
|
616
|
-
if (
|
|
617
|
-
if (
|
|
618
|
-
const
|
|
619
|
-
return
|
|
616
|
+
if (i === "blockquote") return { name: "blockquote", path: e };
|
|
617
|
+
if (i === "code") {
|
|
618
|
+
const m = (B = t.textContent) == null ? void 0 : B.trim();
|
|
619
|
+
return m && m.length < 30 ? { name: `code: \`${m}\``, path: e } : { name: "code", path: e };
|
|
620
620
|
}
|
|
621
|
-
if (
|
|
622
|
-
if (
|
|
623
|
-
const
|
|
624
|
-
return { name:
|
|
621
|
+
if (i === "pre") return { name: "code block", path: e };
|
|
622
|
+
if (i === "img") {
|
|
623
|
+
const m = t.getAttribute("alt");
|
|
624
|
+
return { name: m ? `image "${m.slice(0, 30)}"` : "image", path: e };
|
|
625
625
|
}
|
|
626
|
-
if (
|
|
627
|
-
if (["div", "section", "article", "nav", "header", "footer", "aside", "main"].includes(
|
|
628
|
-
const
|
|
629
|
-
if (
|
|
630
|
-
if (
|
|
631
|
-
if (typeof
|
|
632
|
-
const
|
|
633
|
-
if (
|
|
626
|
+
if (i === "video") return { name: "video", path: e };
|
|
627
|
+
if (["div", "section", "article", "nav", "header", "footer", "aside", "main"].includes(i)) {
|
|
628
|
+
const m = t.className, w = t.getAttribute("role"), L = t.getAttribute("aria-label");
|
|
629
|
+
if (L) return { name: `${i} [${L}]`, path: e };
|
|
630
|
+
if (w) return { name: `${w}`, path: e };
|
|
631
|
+
if (typeof m == "string" && m) {
|
|
632
|
+
const O = m.split(/[\s_-]+/).map((I) => I.replace(/[A-Z0-9]{5,}.*$/, "")).filter((I) => I.length > 2 && !/^[a-z]{1,2}$/.test(I)).slice(0, 2);
|
|
633
|
+
if (O.length > 0) return { name: O.join(" "), path: e };
|
|
634
634
|
}
|
|
635
|
-
return { name:
|
|
635
|
+
return { name: i === "div" ? "container" : i, path: e };
|
|
636
636
|
}
|
|
637
|
-
return { name:
|
|
637
|
+
return { name: i, path: e };
|
|
638
638
|
}
|
|
639
|
-
function
|
|
640
|
-
var
|
|
641
|
-
const e = [],
|
|
642
|
-
|
|
643
|
-
const
|
|
644
|
-
if (
|
|
645
|
-
const
|
|
646
|
-
|
|
639
|
+
function jo(t) {
|
|
640
|
+
var n, y, $;
|
|
641
|
+
const e = [], i = (n = t.textContent) == null ? void 0 : n.trim();
|
|
642
|
+
i && i.length < 100 && e.push(i);
|
|
643
|
+
const r = t.previousElementSibling;
|
|
644
|
+
if (r) {
|
|
645
|
+
const k = (y = r.textContent) == null ? void 0 : y.trim();
|
|
646
|
+
k && k.length < 50 && e.unshift(`[before: "${k.slice(0, 40)}"]`);
|
|
647
647
|
}
|
|
648
|
-
const
|
|
649
|
-
if (
|
|
650
|
-
const
|
|
651
|
-
|
|
648
|
+
const h = t.nextElementSibling;
|
|
649
|
+
if (h) {
|
|
650
|
+
const k = ($ = h.textContent) == null ? void 0 : $.trim();
|
|
651
|
+
k && k.length < 50 && e.push(`[after: "${k.slice(0, 40)}"]`);
|
|
652
652
|
}
|
|
653
653
|
return e.join(" ");
|
|
654
654
|
}
|
|
655
|
-
function
|
|
656
|
-
var
|
|
657
|
-
if (
|
|
658
|
-
const e =
|
|
655
|
+
function z1(t) {
|
|
656
|
+
var i, r;
|
|
657
|
+
if (t.dataset.element) return t.dataset.element;
|
|
658
|
+
const e = t.tagName.toLowerCase();
|
|
659
659
|
if (e === "path") return "path";
|
|
660
660
|
if (e === "circle") return "circle";
|
|
661
661
|
if (e === "rect") return "rectangle";
|
|
@@ -665,76 +665,76 @@ function Un(o) {
|
|
|
665
665
|
if (e === "g") return "group";
|
|
666
666
|
if (e === "svg") return "svg";
|
|
667
667
|
if (e === "button") {
|
|
668
|
-
const
|
|
669
|
-
return
|
|
668
|
+
const h = (i = t.textContent) == null ? void 0 : i.trim();
|
|
669
|
+
return h ? `button "${h}"` : "button";
|
|
670
670
|
}
|
|
671
671
|
if (e === "input")
|
|
672
|
-
return `input (${
|
|
672
|
+
return `input (${t.getAttribute("type") || "text"})`;
|
|
673
673
|
if (e === "span" || e === "p" || e === "label") {
|
|
674
|
-
const
|
|
675
|
-
return
|
|
674
|
+
const h = (r = t.textContent) == null ? void 0 : r.trim();
|
|
675
|
+
return h && h.length < 30 ? `"${h}"` : "text";
|
|
676
676
|
}
|
|
677
677
|
if (e === "div") {
|
|
678
|
-
const
|
|
679
|
-
if (typeof
|
|
680
|
-
const
|
|
681
|
-
if (
|
|
682
|
-
return
|
|
678
|
+
const h = t.className;
|
|
679
|
+
if (typeof h == "string" && h) {
|
|
680
|
+
const n = h.split(/[\s_-]+/).map((y) => y.replace(/[A-Z0-9]{5,}.*$/, "")).filter((y) => y.length > 2 && !/^[a-z]{1,2}$/.test(y)).slice(0, 2);
|
|
681
|
+
if (n.length > 0)
|
|
682
|
+
return n.join(" ");
|
|
683
683
|
}
|
|
684
684
|
return "container";
|
|
685
685
|
}
|
|
686
686
|
return e;
|
|
687
687
|
}
|
|
688
|
-
function
|
|
689
|
-
const e =
|
|
688
|
+
function Zo(t) {
|
|
689
|
+
const e = t.parentElement;
|
|
690
690
|
if (!e) return "";
|
|
691
|
-
const
|
|
692
|
-
(
|
|
691
|
+
const i = Array.from(e.children).filter(
|
|
692
|
+
(k) => k !== t && k instanceof HTMLElement
|
|
693
693
|
);
|
|
694
|
-
if (
|
|
695
|
-
const
|
|
696
|
-
var
|
|
697
|
-
const E =
|
|
698
|
-
let
|
|
699
|
-
if (typeof
|
|
700
|
-
const
|
|
701
|
-
|
|
694
|
+
if (i.length === 0) return "";
|
|
695
|
+
const r = i.slice(0, 4).map((k) => {
|
|
696
|
+
var w;
|
|
697
|
+
const E = k.tagName.toLowerCase(), B = k.className;
|
|
698
|
+
let m = "";
|
|
699
|
+
if (typeof B == "string" && B) {
|
|
700
|
+
const L = B.split(/\s+/).map((O) => O.replace(/[_][a-zA-Z0-9]{5,}.*$/, "")).find((O) => O.length > 2 && !/^[a-z]{1,2}$/.test(O));
|
|
701
|
+
L && (m = `.${L}`);
|
|
702
702
|
}
|
|
703
703
|
if (E === "button" || E === "a") {
|
|
704
|
-
const
|
|
705
|
-
if (
|
|
704
|
+
const L = (w = k.textContent) == null ? void 0 : w.trim().slice(0, 15);
|
|
705
|
+
if (L) return `${E}${m} "${L}"`;
|
|
706
706
|
}
|
|
707
|
-
return `${E}${
|
|
707
|
+
return `${E}${m}`;
|
|
708
708
|
});
|
|
709
|
-
let
|
|
709
|
+
let n = e.tagName.toLowerCase();
|
|
710
710
|
if (typeof e.className == "string" && e.className) {
|
|
711
|
-
const
|
|
712
|
-
|
|
711
|
+
const k = e.className.split(/\s+/).map((E) => E.replace(/[_][a-zA-Z0-9]{5,}.*$/, "")).find((E) => E.length > 2 && !/^[a-z]{1,2}$/.test(E));
|
|
712
|
+
k && (n = `.${k}`);
|
|
713
713
|
}
|
|
714
|
-
const
|
|
715
|
-
return
|
|
714
|
+
const y = e.children.length, $ = y > r.length + 1 ? ` (${y} total in ${n})` : "";
|
|
715
|
+
return r.join(", ") + $;
|
|
716
716
|
}
|
|
717
|
-
function
|
|
718
|
-
const e =
|
|
719
|
-
return typeof e != "string" || !e ? "" : e.split(/\s+/).filter((
|
|
720
|
-
const
|
|
721
|
-
return
|
|
722
|
-
}).filter((
|
|
717
|
+
function Ro(t) {
|
|
718
|
+
const e = t.className;
|
|
719
|
+
return typeof e != "string" || !e ? "" : e.split(/\s+/).filter((r) => r.length > 0).map((r) => {
|
|
720
|
+
const h = r.match(/^([a-zA-Z][a-zA-Z0-9_-]*?)(?:_[a-zA-Z0-9]{5,})?$/);
|
|
721
|
+
return h ? h[1] : r;
|
|
722
|
+
}).filter((r, h, n) => n.indexOf(r) === h).join(", ");
|
|
723
723
|
}
|
|
724
|
-
function
|
|
724
|
+
function L1(t) {
|
|
725
725
|
if (typeof window > "u") return "";
|
|
726
|
-
const e = window.getComputedStyle(
|
|
727
|
-
|
|
728
|
-
const
|
|
729
|
-
|
|
730
|
-
const
|
|
731
|
-
|
|
732
|
-
const E = e.display,
|
|
733
|
-
E && E !== "block" && E !== "inline" &&
|
|
734
|
-
const
|
|
735
|
-
return
|
|
726
|
+
const e = window.getComputedStyle(t), i = [], r = e.color, h = e.backgroundColor;
|
|
727
|
+
r && r !== "rgb(0, 0, 0)" && i.push(`color: ${r}`), h && h !== "rgba(0, 0, 0, 0)" && h !== "transparent" && i.push(`bg: ${h}`);
|
|
728
|
+
const n = e.fontSize, y = e.fontWeight;
|
|
729
|
+
n && i.push(`font: ${n}`), y && y !== "400" && y !== "normal" && i.push(`weight: ${y}`);
|
|
730
|
+
const $ = e.padding, k = e.margin;
|
|
731
|
+
$ && $ !== "0px" && i.push(`padding: ${$}`), k && k !== "0px" && i.push(`margin: ${k}`);
|
|
732
|
+
const E = e.display, B = e.position;
|
|
733
|
+
E && E !== "block" && E !== "inline" && i.push(`display: ${E}`), B && B !== "static" && i.push(`position: ${B}`);
|
|
734
|
+
const m = e.borderRadius;
|
|
735
|
+
return m && m !== "0px" && i.push(`radius: ${m}`), i.join(", ");
|
|
736
736
|
}
|
|
737
|
-
const
|
|
737
|
+
const ht = /* @__PURE__ */ new Set([
|
|
738
738
|
"none",
|
|
739
739
|
"normal",
|
|
740
740
|
"auto",
|
|
@@ -743,7 +743,7 @@ const Ge = /* @__PURE__ */ new Set([
|
|
|
743
743
|
"transparent",
|
|
744
744
|
"static",
|
|
745
745
|
"visible"
|
|
746
|
-
]),
|
|
746
|
+
]), Vo = /* @__PURE__ */ new Set([
|
|
747
747
|
"p",
|
|
748
748
|
"span",
|
|
749
749
|
"h1",
|
|
@@ -772,7 +772,7 @@ const Ge = /* @__PURE__ */ new Set([
|
|
|
772
772
|
"time",
|
|
773
773
|
"cite",
|
|
774
774
|
"q"
|
|
775
|
-
]),
|
|
775
|
+
]), Yo = /* @__PURE__ */ new Set(["input", "textarea", "select"]), Fo = /* @__PURE__ */ new Set(["img", "video", "canvas", "svg"]), Wo = /* @__PURE__ */ new Set([
|
|
776
776
|
"div",
|
|
777
777
|
"section",
|
|
778
778
|
"article",
|
|
@@ -786,18 +786,18 @@ const Ge = /* @__PURE__ */ new Set([
|
|
|
786
786
|
"form",
|
|
787
787
|
"fieldset"
|
|
788
788
|
]);
|
|
789
|
-
function
|
|
789
|
+
function Xo(t) {
|
|
790
790
|
if (typeof window > "u") return {};
|
|
791
|
-
const e = window.getComputedStyle(
|
|
792
|
-
let
|
|
793
|
-
|
|
794
|
-
for (const
|
|
795
|
-
const
|
|
796
|
-
|
|
791
|
+
const e = window.getComputedStyle(t), i = {}, r = t.tagName.toLowerCase();
|
|
792
|
+
let h;
|
|
793
|
+
Vo.has(r) ? h = ["color", "fontSize", "fontWeight", "fontFamily", "lineHeight"] : r === "button" || r === "a" && t.getAttribute("role") === "button" ? h = ["backgroundColor", "color", "padding", "borderRadius", "fontSize"] : Yo.has(r) ? h = ["backgroundColor", "color", "padding", "borderRadius", "fontSize"] : Fo.has(r) ? h = ["width", "height", "objectFit", "borderRadius"] : Wo.has(r) ? h = ["display", "padding", "margin", "gap", "backgroundColor"] : h = ["color", "fontSize", "margin", "padding", "backgroundColor"];
|
|
794
|
+
for (const n of h) {
|
|
795
|
+
const y = n.replace(/([A-Z])/g, "-$1").toLowerCase(), $ = e.getPropertyValue(y);
|
|
796
|
+
$ && !ht.has($) && (i[n] = $);
|
|
797
797
|
}
|
|
798
|
-
return
|
|
798
|
+
return i;
|
|
799
799
|
}
|
|
800
|
-
const
|
|
800
|
+
const Uo = [
|
|
801
801
|
// Colors
|
|
802
802
|
"color",
|
|
803
803
|
"backgroundColor",
|
|
@@ -836,77 +836,77 @@ const Mo = [
|
|
|
836
836
|
// Transform
|
|
837
837
|
"transform"
|
|
838
838
|
];
|
|
839
|
-
function
|
|
839
|
+
function qo(t) {
|
|
840
840
|
if (typeof window > "u") return "";
|
|
841
|
-
const e = window.getComputedStyle(
|
|
842
|
-
for (const
|
|
843
|
-
const
|
|
844
|
-
|
|
841
|
+
const e = window.getComputedStyle(t), i = [];
|
|
842
|
+
for (const r of Uo) {
|
|
843
|
+
const h = r.replace(/([A-Z])/g, "-$1").toLowerCase(), n = e.getPropertyValue(h);
|
|
844
|
+
n && !ht.has(n) && i.push(`${h}: ${n}`);
|
|
845
845
|
}
|
|
846
|
-
return
|
|
846
|
+
return i.join("; ");
|
|
847
847
|
}
|
|
848
|
-
function
|
|
849
|
-
if (!
|
|
850
|
-
const e = {},
|
|
851
|
-
for (const
|
|
852
|
-
const
|
|
853
|
-
if (
|
|
854
|
-
const
|
|
855
|
-
|
|
848
|
+
function M1(t) {
|
|
849
|
+
if (!t) return;
|
|
850
|
+
const e = {}, i = t.split(";").map((r) => r.trim()).filter(Boolean);
|
|
851
|
+
for (const r of i) {
|
|
852
|
+
const h = r.indexOf(":");
|
|
853
|
+
if (h > 0) {
|
|
854
|
+
const n = r.slice(0, h).trim(), y = r.slice(h + 1).trim();
|
|
855
|
+
n && y && (e[n] = y);
|
|
856
856
|
}
|
|
857
857
|
}
|
|
858
858
|
return Object.keys(e).length > 0 ? e : void 0;
|
|
859
859
|
}
|
|
860
|
-
function
|
|
861
|
-
const e = [],
|
|
862
|
-
return
|
|
860
|
+
function Go(t) {
|
|
861
|
+
const e = [], i = t.getAttribute("role"), r = t.getAttribute("aria-label"), h = t.getAttribute("aria-describedby"), n = t.getAttribute("tabindex"), y = t.getAttribute("aria-hidden");
|
|
862
|
+
return i && e.push(`role="${i}"`), r && e.push(`aria-label="${r}"`), h && e.push(`aria-describedby="${h}"`), n && e.push(`tabindex=${n}`), y === "true" && e.push("aria-hidden"), t.matches("a, button, input, select, textarea, [tabindex]") && e.push("focusable"), e.join(", ");
|
|
863
863
|
}
|
|
864
|
-
function
|
|
864
|
+
function Ko(t) {
|
|
865
865
|
const e = [];
|
|
866
|
-
let
|
|
867
|
-
for (;
|
|
868
|
-
const
|
|
869
|
-
let
|
|
870
|
-
if (
|
|
871
|
-
|
|
872
|
-
else if (
|
|
873
|
-
const
|
|
874
|
-
|
|
866
|
+
let i = t;
|
|
867
|
+
for (; i && i.tagName.toLowerCase() !== "html"; ) {
|
|
868
|
+
const r = i.tagName.toLowerCase();
|
|
869
|
+
let h = r;
|
|
870
|
+
if (i.id)
|
|
871
|
+
h = `${r}#${i.id}`;
|
|
872
|
+
else if (i.className && typeof i.className == "string") {
|
|
873
|
+
const n = i.className.split(/\s+/).map((y) => y.replace(/[_][a-zA-Z0-9]{5,}.*$/, "")).find((y) => y.length > 2);
|
|
874
|
+
n && (h = `${r}.${n}`);
|
|
875
875
|
}
|
|
876
|
-
e.unshift(
|
|
876
|
+
e.unshift(h), i = i.parentElement;
|
|
877
877
|
}
|
|
878
878
|
return e.join(" > ");
|
|
879
879
|
}
|
|
880
|
-
const
|
|
881
|
-
function
|
|
882
|
-
return `${
|
|
880
|
+
const Qo = "feedback-annotations-", Jo = 7;
|
|
881
|
+
function ge(t) {
|
|
882
|
+
return `${Qo}${t}`;
|
|
883
883
|
}
|
|
884
|
-
function
|
|
884
|
+
function en(t) {
|
|
885
885
|
if (typeof window > "u") return [];
|
|
886
886
|
try {
|
|
887
|
-
const e = localStorage.getItem(
|
|
887
|
+
const e = localStorage.getItem(ge(t));
|
|
888
888
|
if (!e) return [];
|
|
889
|
-
const
|
|
890
|
-
return
|
|
889
|
+
const i = JSON.parse(e), r = Date.now() - Jo * 24 * 60 * 60 * 1e3;
|
|
890
|
+
return i.filter((h) => !h.timestamp || h.timestamp > r);
|
|
891
891
|
} catch {
|
|
892
892
|
return [];
|
|
893
893
|
}
|
|
894
894
|
}
|
|
895
|
-
function
|
|
895
|
+
function tn(t, e) {
|
|
896
896
|
if (!(typeof window > "u"))
|
|
897
897
|
try {
|
|
898
|
-
localStorage.setItem(
|
|
898
|
+
localStorage.setItem(ge(t), JSON.stringify(e));
|
|
899
899
|
} catch {
|
|
900
900
|
}
|
|
901
901
|
}
|
|
902
|
-
function
|
|
902
|
+
function E1(t) {
|
|
903
903
|
if (!(typeof window > "u"))
|
|
904
904
|
try {
|
|
905
|
-
localStorage.removeItem(
|
|
905
|
+
localStorage.removeItem(ge(t));
|
|
906
906
|
} catch {
|
|
907
907
|
}
|
|
908
908
|
}
|
|
909
|
-
const
|
|
909
|
+
const on = ["data-active"], nn = ["disabled"], ln = ["disabled", "data-active"], sn = ["disabled"], an = ["title"], rn = ["onClick"], cn = ["title"], un = ["onMouseenter", "onClick", "onContextmenu"], qe = 5, dn = 50, Ge = 20, Ke = 290, we = 280, be = 20, Qe = 5, pn = /* @__PURE__ */ Je({
|
|
910
910
|
__name: "Agentation",
|
|
911
911
|
props: {
|
|
912
912
|
accentColor: { default: "#3c82f7" },
|
|
@@ -918,319 +918,500 @@ const Bo = ["data-active"], Po = ["disabled"], jo = ["disabled", "data-active"],
|
|
|
918
918
|
enableDemoMode: { type: Boolean, default: !1 }
|
|
919
919
|
},
|
|
920
920
|
emits: ["annotationAdd", "annotationDelete", "annotationUpdate", "annotationsClear", "copy"],
|
|
921
|
-
setup(
|
|
922
|
-
let
|
|
923
|
-
const
|
|
921
|
+
setup(t, { emit: e }) {
|
|
922
|
+
let i = !1;
|
|
923
|
+
const r = /* @__PURE__ */ new Set([
|
|
924
|
+
"P",
|
|
925
|
+
"SPAN",
|
|
926
|
+
"H1",
|
|
927
|
+
"H2",
|
|
928
|
+
"H3",
|
|
929
|
+
"H4",
|
|
930
|
+
"H5",
|
|
931
|
+
"H6",
|
|
932
|
+
"LI",
|
|
933
|
+
"TD",
|
|
934
|
+
"TH",
|
|
935
|
+
"LABEL",
|
|
936
|
+
"BLOCKQUOTE",
|
|
937
|
+
"FIGCAPTION",
|
|
938
|
+
"CAPTION",
|
|
939
|
+
"LEGEND",
|
|
940
|
+
"DT",
|
|
941
|
+
"DD",
|
|
942
|
+
"PRE",
|
|
943
|
+
"CODE",
|
|
944
|
+
"EM",
|
|
945
|
+
"STRONG",
|
|
946
|
+
"B",
|
|
947
|
+
"I",
|
|
948
|
+
"U",
|
|
949
|
+
"S",
|
|
950
|
+
"A",
|
|
951
|
+
"TIME",
|
|
952
|
+
"ADDRESS",
|
|
953
|
+
"CITE",
|
|
954
|
+
"Q",
|
|
955
|
+
"ABBR",
|
|
956
|
+
"DFN",
|
|
957
|
+
"MARK",
|
|
958
|
+
"SMALL",
|
|
959
|
+
"SUB",
|
|
960
|
+
"SUP"
|
|
961
|
+
]), h = [
|
|
962
|
+
"BUTTON",
|
|
963
|
+
"A",
|
|
964
|
+
"INPUT",
|
|
965
|
+
"IMG",
|
|
966
|
+
"P",
|
|
967
|
+
"H1",
|
|
968
|
+
"H2",
|
|
969
|
+
"H3",
|
|
970
|
+
"H4",
|
|
971
|
+
"H5",
|
|
972
|
+
"H6",
|
|
973
|
+
"LI",
|
|
974
|
+
"LABEL",
|
|
975
|
+
"TD",
|
|
976
|
+
"TH"
|
|
977
|
+
], n = et(), y = [
|
|
924
978
|
{ value: "compact", label: "Compact" },
|
|
925
979
|
{ value: "standard", label: "Standard" },
|
|
926
980
|
{ value: "detailed", label: "Detailed" },
|
|
927
981
|
{ value: "forensic", label: "Forensic" }
|
|
928
|
-
],
|
|
982
|
+
], $ = [
|
|
929
983
|
{ value: "#3c82f7", label: "Blue" },
|
|
930
984
|
{ value: "#34c759", label: "Green" },
|
|
931
985
|
{ value: "#ff9500", label: "Orange" },
|
|
932
986
|
{ value: "#ff3b30", label: "Red" },
|
|
933
987
|
{ value: "#af52de", label: "Purple" }
|
|
934
|
-
],
|
|
988
|
+
], k = {
|
|
935
989
|
outputDetail: "standard",
|
|
936
990
|
annotationColor: "#3c82f7",
|
|
937
991
|
autoClearAfterCopy: !1,
|
|
938
992
|
freezeAnimations: !1
|
|
939
|
-
},
|
|
940
|
-
let
|
|
941
|
-
const
|
|
942
|
-
|
|
943
|
-
|
|
944
|
-
|
|
993
|
+
}, E = t, B = e, m = x(!1), w = x(!1), L = x([]), O = x(!0), I = x(null), se = x({ x: 0, y: 0 }), g = x(null), z = x(null), ae = x(!1), ve = x(!1), _ = x(null), C = x(!0), X = x(!1), K = x(0), ft = x("standard"), ue = x(!1), ke = x(!1), T = x({ ...k }), J = x(!1), j = x(null), oe = x(!1), ee = x(null), Se = x(0);
|
|
994
|
+
let U = !1;
|
|
995
|
+
const te = x(!1), Y = x(null), F = x(null), ne = x([]);
|
|
996
|
+
let Ce = !1, $e = 0;
|
|
997
|
+
const de = x(null);
|
|
998
|
+
let xe = !1;
|
|
999
|
+
const Te = x(null), Ae = x(null), pe = typeof window < "u" ? window.location.pathname : "/", ye = me(() => L.value.length > 0), mt = me(() => {
|
|
1000
|
+
if (!g.value) return { left: "0px", top: "0px" };
|
|
1001
|
+
const o = g.value.clientY, u = g.value.x / 100 * (typeof window < "u" ? window.innerWidth : 1e3), c = Math.max(
|
|
1002
|
+
we / 2 + be,
|
|
945
1003
|
Math.min(
|
|
946
|
-
(typeof window < "u" ? window.innerWidth : 1e3) -
|
|
947
|
-
|
|
1004
|
+
(typeof window < "u" ? window.innerWidth : 1e3) - we / 2 - be,
|
|
1005
|
+
u
|
|
948
1006
|
)
|
|
949
|
-
),
|
|
950
|
-
return
|
|
951
|
-
left: `${
|
|
952
|
-
bottom: `${
|
|
1007
|
+
), f = typeof window < "u" ? window.innerHeight : 800;
|
|
1008
|
+
return o > f - Ke ? {
|
|
1009
|
+
left: `${c}px`,
|
|
1010
|
+
bottom: `${f - o + 20}px`
|
|
953
1011
|
} : {
|
|
954
|
-
left: `${
|
|
955
|
-
top: `${
|
|
1012
|
+
left: `${c}px`,
|
|
1013
|
+
top: `${o + 20}px`
|
|
956
1014
|
};
|
|
957
|
-
}),
|
|
958
|
-
if (!
|
|
959
|
-
const
|
|
960
|
-
|
|
1015
|
+
}), gt = me(() => {
|
|
1016
|
+
if (!z.value) return { left: "0px", top: "0px" };
|
|
1017
|
+
const o = z.value, s = o.isFixed ? o.y : o.y - K.value, c = o.x / 100 * (typeof window < "u" ? window.innerWidth : 1e3), f = Math.max(
|
|
1018
|
+
we / 2 + be,
|
|
961
1019
|
Math.min(
|
|
962
|
-
(typeof window < "u" ? window.innerWidth : 1e3) -
|
|
963
|
-
|
|
1020
|
+
(typeof window < "u" ? window.innerWidth : 1e3) - we / 2 - be,
|
|
1021
|
+
c
|
|
964
1022
|
)
|
|
965
|
-
),
|
|
966
|
-
return
|
|
967
|
-
left: `${
|
|
968
|
-
bottom: `${
|
|
1023
|
+
), d = typeof window < "u" ? window.innerHeight : 800;
|
|
1024
|
+
return s > d - Ke ? {
|
|
1025
|
+
left: `${f}px`,
|
|
1026
|
+
bottom: `${d - s + 20}px`
|
|
969
1027
|
} : {
|
|
970
|
-
left: `${
|
|
971
|
-
top: `${
|
|
1028
|
+
left: `${f}px`,
|
|
1029
|
+
top: `${s + 20}px`
|
|
972
1030
|
};
|
|
973
1031
|
});
|
|
974
|
-
function
|
|
975
|
-
let
|
|
976
|
-
for (;
|
|
977
|
-
const
|
|
978
|
-
if (
|
|
1032
|
+
function vt(o) {
|
|
1033
|
+
let s = o;
|
|
1034
|
+
for (; s && s !== document.body; ) {
|
|
1035
|
+
const u = window.getComputedStyle(s);
|
|
1036
|
+
if (u.position === "fixed" || u.position === "sticky")
|
|
979
1037
|
return !0;
|
|
980
|
-
|
|
1038
|
+
s = s.parentElement;
|
|
981
1039
|
}
|
|
982
1040
|
return !1;
|
|
983
1041
|
}
|
|
984
|
-
function
|
|
985
|
-
const
|
|
986
|
-
return `rgba(${
|
|
1042
|
+
function Ct(o, s) {
|
|
1043
|
+
const u = parseInt(o.slice(1, 3), 16), c = parseInt(o.slice(3, 5), 16), f = parseInt(o.slice(5, 7), 16);
|
|
1044
|
+
return `rgba(${u}, ${c}, ${f}, ${s})`;
|
|
1045
|
+
}
|
|
1046
|
+
function Be(o, s) {
|
|
1047
|
+
return {
|
|
1048
|
+
left: Math.min(o.x, s.x),
|
|
1049
|
+
top: Math.min(o.y, s.y),
|
|
1050
|
+
right: Math.max(o.x, s.x),
|
|
1051
|
+
bottom: Math.max(o.y, s.y),
|
|
1052
|
+
width: Math.abs(s.x - o.x),
|
|
1053
|
+
height: Math.abs(s.y - o.y)
|
|
1054
|
+
};
|
|
1055
|
+
}
|
|
1056
|
+
function yt(o, s) {
|
|
1057
|
+
return !(o.right < s.left || o.left > s.right || o.bottom < s.top || o.top > s.bottom);
|
|
1058
|
+
}
|
|
1059
|
+
function wt(o) {
|
|
1060
|
+
const s = window.innerWidth, u = window.innerHeight;
|
|
1061
|
+
return o.width > s * 0.8 && o.height > u * 0.5;
|
|
1062
|
+
}
|
|
1063
|
+
function bt(o) {
|
|
1064
|
+
return o.filter((s) => !o.some((u) => u !== s && u.contains(s)));
|
|
1065
|
+
}
|
|
1066
|
+
function Ie(o) {
|
|
1067
|
+
const s = [], u = h.map((d) => d.toLowerCase()).join(",");
|
|
1068
|
+
document.querySelectorAll(u).forEach((d) => {
|
|
1069
|
+
if (d.closest("[data-feedback-toolbar]") || d.closest("[data-annotation-popup]") || d.closest("[data-annotation-marker]"))
|
|
1070
|
+
return;
|
|
1071
|
+
const M = d.getBoundingClientRect();
|
|
1072
|
+
if (M.width === 0 || M.height === 0) return;
|
|
1073
|
+
const A = window.getComputedStyle(d);
|
|
1074
|
+
A.display === "none" || A.visibility === "hidden" || A.opacity === "0" || wt(M) || yt(M, o) && s.push({ element: d, rect: M });
|
|
1075
|
+
});
|
|
1076
|
+
const f = bt(s.map((d) => d.element));
|
|
1077
|
+
return s.filter((d) => f.includes(d.element));
|
|
1078
|
+
}
|
|
1079
|
+
function kt(o) {
|
|
1080
|
+
if (o.length === 0) return "Empty area";
|
|
1081
|
+
if (o.length === 1) {
|
|
1082
|
+
const { name: c } = fe(o[0]);
|
|
1083
|
+
return c;
|
|
1084
|
+
}
|
|
1085
|
+
const s = {};
|
|
1086
|
+
o.forEach((c) => {
|
|
1087
|
+
const f = c.tagName.toLowerCase();
|
|
1088
|
+
s[f] = (s[f] || 0) + 1;
|
|
1089
|
+
});
|
|
1090
|
+
const u = Object.entries(s).map(([c, f]) => f > 1 ? `${f} ${c}s` : c);
|
|
1091
|
+
return `${o.length} elements: ${u.join(", ")}`;
|
|
1092
|
+
}
|
|
1093
|
+
function xt(o) {
|
|
1094
|
+
if (o.length === 0) return { x: 0, y: 0, width: 0, height: 0 };
|
|
1095
|
+
const s = Math.min(...o.map((d) => d.left)), u = Math.min(...o.map((d) => d.top)), c = Math.max(...o.map((d) => d.right)), f = Math.max(...o.map((d) => d.bottom));
|
|
1096
|
+
return {
|
|
1097
|
+
x: s,
|
|
1098
|
+
y: u + window.scrollY,
|
|
1099
|
+
width: c - s,
|
|
1100
|
+
height: f - u
|
|
1101
|
+
};
|
|
987
1102
|
}
|
|
988
|
-
function
|
|
989
|
-
const
|
|
990
|
-
(typeof window < "u" ? window.innerHeight : 800) -
|
|
991
|
-
const
|
|
992
|
-
if (
|
|
993
|
-
const
|
|
994
|
-
|
|
995
|
-
} else if (
|
|
996
|
-
const
|
|
997
|
-
|
|
1103
|
+
function _t(o) {
|
|
1104
|
+
const d = o.x / 100 * (typeof window < "u" ? window.innerWidth : 1e3), M = o.y, A = {};
|
|
1105
|
+
(typeof window < "u" ? window.innerHeight : 800) - M - 22 - 10 < 80 && (A.top = "auto", A.bottom = "calc(100% + 10px)");
|
|
1106
|
+
const W = d - 200 / 2, G = 10, V = typeof window < "u" ? window.innerWidth : 1e3;
|
|
1107
|
+
if (W < G) {
|
|
1108
|
+
const ie = G - W;
|
|
1109
|
+
A.left = `calc(50% + ${ie}px)`;
|
|
1110
|
+
} else if (W + 200 > V - G) {
|
|
1111
|
+
const ie = W + 200 - (V - G);
|
|
1112
|
+
A.left = `calc(50% - ${ie}px)`;
|
|
998
1113
|
}
|
|
999
|
-
return
|
|
1114
|
+
return A;
|
|
1000
1115
|
}
|
|
1001
|
-
function
|
|
1002
|
-
if (
|
|
1003
|
-
const
|
|
1004
|
-
let
|
|
1116
|
+
function zt(o, s, u = "standard") {
|
|
1117
|
+
if (o.length === 0) return "";
|
|
1118
|
+
const c = typeof window < "u" ? `${window.innerWidth}×${window.innerHeight}` : "unknown";
|
|
1119
|
+
let f = `## Page Feedback: ${s}
|
|
1005
1120
|
`;
|
|
1006
|
-
return
|
|
1007
|
-
`),
|
|
1008
|
-
`,
|
|
1009
|
-
|
|
1010
|
-
`) : (
|
|
1011
|
-
`,
|
|
1012
|
-
`,
|
|
1013
|
-
`),
|
|
1121
|
+
return u !== "compact" && (f += `**Viewport:** ${c}
|
|
1122
|
+
`), f += `
|
|
1123
|
+
`, o.forEach((d, M) => {
|
|
1124
|
+
u === "compact" ? (f += `${M + 1}. **${d.element}**: ${d.comment}`, d.selectedText && (f += ` (re: "${d.selectedText.slice(0, 30)}${d.selectedText.length > 30 ? "..." : ""}")`), f += `
|
|
1125
|
+
`) : (f += `### ${M + 1}. ${d.element}
|
|
1126
|
+
`, f += `**Location:** ${d.elementPath}
|
|
1127
|
+
`, d.selectedText && (f += `**Selected text:** "${d.selectedText}"
|
|
1128
|
+
`), f += `**Feedback:** ${d.comment}
|
|
1014
1129
|
|
|
1015
1130
|
`);
|
|
1016
|
-
}),
|
|
1131
|
+
}), f.trim();
|
|
1017
1132
|
}
|
|
1018
|
-
const
|
|
1019
|
-
|
|
1020
|
-
},
|
|
1021
|
-
|
|
1022
|
-
},
|
|
1023
|
-
|
|
1024
|
-
},
|
|
1025
|
-
|
|
1026
|
-
},
|
|
1027
|
-
const
|
|
1028
|
-
(
|
|
1029
|
-
) + 1) %
|
|
1030
|
-
T.value.outputDetail =
|
|
1031
|
-
},
|
|
1032
|
-
T.value.annotationColor =
|
|
1033
|
-
},
|
|
1034
|
-
if (
|
|
1035
|
-
const
|
|
1036
|
-
|
|
1133
|
+
const He = () => {
|
|
1134
|
+
U || (w.value = !w.value);
|
|
1135
|
+
}, Lt = () => {
|
|
1136
|
+
U || (O.value = !O.value);
|
|
1137
|
+
}, Mt = () => {
|
|
1138
|
+
U || (C.value = !C.value, localStorage.setItem("feedback-toolbar-theme", C.value ? "dark" : "light"));
|
|
1139
|
+
}, Et = () => {
|
|
1140
|
+
U || (ue.value = !ue.value);
|
|
1141
|
+
}, St = () => {
|
|
1142
|
+
const s = (y.findIndex(
|
|
1143
|
+
(u) => u.value === T.value.outputDetail
|
|
1144
|
+
) + 1) % y.length;
|
|
1145
|
+
T.value.outputDetail = y[s].value;
|
|
1146
|
+
}, $t = (o) => {
|
|
1147
|
+
T.value.annotationColor = o;
|
|
1148
|
+
}, Pe = () => {
|
|
1149
|
+
if (J.value) return;
|
|
1150
|
+
const o = document.createElement("style");
|
|
1151
|
+
o.id = "feedback-freeze-styles", o.textContent = `
|
|
1037
1152
|
*:not([data-feedback-toolbar]):not([data-feedback-toolbar] *):not([data-annotation-popup]):not([data-annotation-popup] *):not([data-annotation-marker]):not([data-annotation-marker] *),
|
|
1038
1153
|
*:not([data-feedback-toolbar]):not([data-feedback-toolbar] *):not([data-annotation-popup]):not([data-annotation-popup] *):not([data-annotation-marker]):not([data-annotation-marker] *)::before,
|
|
1039
1154
|
*:not([data-feedback-toolbar]):not([data-feedback-toolbar] *):not([data-annotation-popup]):not([data-annotation-popup] *):not([data-annotation-marker]):not([data-annotation-marker] *)::after {
|
|
1040
1155
|
animation-play-state: paused !important;
|
|
1041
1156
|
transition: none !important;
|
|
1042
1157
|
}
|
|
1043
|
-
`, document.head.appendChild(
|
|
1044
|
-
|
|
1045
|
-
}),
|
|
1046
|
-
},
|
|
1047
|
-
if (!
|
|
1048
|
-
const
|
|
1049
|
-
|
|
1050
|
-
|
|
1051
|
-
}),
|
|
1052
|
-
},
|
|
1053
|
-
|
|
1054
|
-
},
|
|
1055
|
-
if (
|
|
1158
|
+
`, document.head.appendChild(o), document.querySelectorAll("video").forEach((s) => {
|
|
1159
|
+
s.paused || (s.dataset.wasPaused = "false", s.pause());
|
|
1160
|
+
}), J.value = !0;
|
|
1161
|
+
}, _e = () => {
|
|
1162
|
+
if (!J.value) return;
|
|
1163
|
+
const o = document.getElementById("feedback-freeze-styles");
|
|
1164
|
+
o && o.remove(), document.querySelectorAll("video").forEach((s) => {
|
|
1165
|
+
s.dataset.wasPaused === "false" && (s.play(), delete s.dataset.wasPaused);
|
|
1166
|
+
}), J.value = !1;
|
|
1167
|
+
}, Tt = () => {
|
|
1168
|
+
U || (J.value ? _e() : Pe());
|
|
1169
|
+
}, At = (o) => {
|
|
1170
|
+
if (o.target.closest("[data-settings-panel]"))
|
|
1056
1171
|
return;
|
|
1057
|
-
const
|
|
1058
|
-
if (!
|
|
1059
|
-
const
|
|
1060
|
-
let
|
|
1061
|
-
|
|
1062
|
-
const
|
|
1063
|
-
|
|
1064
|
-
x:
|
|
1065
|
-
y:
|
|
1066
|
-
toolbarX:
|
|
1067
|
-
toolbarY:
|
|
1172
|
+
const s = o.currentTarget;
|
|
1173
|
+
if (!s) return;
|
|
1174
|
+
const u = s.getBoundingClientRect(), c = 257, f = 44;
|
|
1175
|
+
let d, M;
|
|
1176
|
+
j.value ? (d = j.value.x, M = j.value.y) : (w.value ? d = u.left : d = u.left - (c - f), M = u.top);
|
|
1177
|
+
const A = (Math.random() - 0.5) * 10;
|
|
1178
|
+
Se.value = A, ee.value = {
|
|
1179
|
+
x: o.clientX,
|
|
1180
|
+
y: o.clientY,
|
|
1181
|
+
toolbarX: d,
|
|
1182
|
+
toolbarY: M
|
|
1068
1183
|
};
|
|
1069
|
-
},
|
|
1070
|
-
if (!
|
|
1071
|
-
const
|
|
1072
|
-
if (!
|
|
1073
|
-
let
|
|
1074
|
-
const
|
|
1075
|
-
if (
|
|
1076
|
-
|
|
1184
|
+
}, De = (o) => {
|
|
1185
|
+
if (!ee.value) return;
|
|
1186
|
+
const s = o.clientX - ee.value.x, u = o.clientY - ee.value.y, c = Math.sqrt(s * s + u * u);
|
|
1187
|
+
if (!oe.value && c > Qe && (oe.value = !0), oe.value || c > Qe) {
|
|
1188
|
+
let f = ee.value.toolbarX + s, d = ee.value.toolbarY + u;
|
|
1189
|
+
const M = 20, A = 257, q = 44, R = 44;
|
|
1190
|
+
if (w.value)
|
|
1191
|
+
f = Math.max(M, Math.min(window.innerWidth - A - M, f));
|
|
1077
1192
|
else {
|
|
1078
|
-
const
|
|
1079
|
-
|
|
1193
|
+
const W = A - q, G = M - W, V = window.innerWidth - A - M - 16;
|
|
1194
|
+
f = Math.max(G, Math.min(V, f));
|
|
1080
1195
|
}
|
|
1081
|
-
|
|
1196
|
+
d = Math.max(M, Math.min(window.innerHeight - R - M, d)), j.value = { x: f, y: d };
|
|
1082
1197
|
}
|
|
1198
|
+
}, Ne = () => {
|
|
1199
|
+
oe.value && (U = !0, setTimeout(() => {
|
|
1200
|
+
U = !1;
|
|
1201
|
+
}, 50)), oe.value = !1, ee.value = null;
|
|
1083
1202
|
}, ze = () => {
|
|
1084
|
-
|
|
1085
|
-
|
|
1086
|
-
|
|
1087
|
-
|
|
1088
|
-
|
|
1089
|
-
const a = 20, l = 257, p = 44, d = 44;
|
|
1090
|
-
let v = N.value.x, h = N.value.y;
|
|
1091
|
-
if (k.value)
|
|
1092
|
-
v = Math.max(a, Math.min(window.innerWidth - l - a, v));
|
|
1203
|
+
if (!j.value) return;
|
|
1204
|
+
const o = 20, s = 257, u = 44, c = 44;
|
|
1205
|
+
let f = j.value.x, d = j.value.y;
|
|
1206
|
+
if (w.value)
|
|
1207
|
+
f = Math.max(o, Math.min(window.innerWidth - s - o, f));
|
|
1093
1208
|
else {
|
|
1094
|
-
const
|
|
1095
|
-
|
|
1209
|
+
const M = s - u, A = o - M, q = window.innerWidth - s - o;
|
|
1210
|
+
f = Math.max(A, Math.min(q, f));
|
|
1096
1211
|
}
|
|
1097
|
-
|
|
1098
|
-
},
|
|
1099
|
-
if (
|
|
1100
|
-
const
|
|
1101
|
-
if (
|
|
1102
|
-
if (
|
|
1212
|
+
d = Math.max(o, Math.min(window.innerHeight - c - o, d)), (f !== j.value.x || d !== j.value.y) && (j.value = { x: f, y: d });
|
|
1213
|
+
}, Bt = async () => {
|
|
1214
|
+
if (U) return;
|
|
1215
|
+
const o = zt(L.value, pe, ft.value);
|
|
1216
|
+
if (o) {
|
|
1217
|
+
if (E.copyToClipboard)
|
|
1103
1218
|
try {
|
|
1104
|
-
await navigator.clipboard.writeText(
|
|
1105
|
-
|
|
1219
|
+
await navigator.clipboard.writeText(o), ae.value = !0, setTimeout(() => {
|
|
1220
|
+
ae.value = !1;
|
|
1106
1221
|
}, 2e3);
|
|
1107
|
-
} catch (
|
|
1108
|
-
console.error("Failed to copy:",
|
|
1222
|
+
} catch (s) {
|
|
1223
|
+
console.error("Failed to copy:", s);
|
|
1109
1224
|
}
|
|
1110
|
-
|
|
1225
|
+
B("copy", o);
|
|
1111
1226
|
}
|
|
1112
|
-
},
|
|
1113
|
-
if (
|
|
1114
|
-
const
|
|
1115
|
-
|
|
1116
|
-
|
|
1117
|
-
}, 2e3),
|
|
1118
|
-
},
|
|
1119
|
-
if (!
|
|
1120
|
-
const
|
|
1227
|
+
}, It = () => {
|
|
1228
|
+
if (U || L.value.length === 0) return;
|
|
1229
|
+
const o = [...L.value];
|
|
1230
|
+
L.value = [], localStorage.removeItem(ge(pe)), ve.value = !0, setTimeout(() => {
|
|
1231
|
+
ve.value = !1;
|
|
1232
|
+
}, 2e3), B("annotationsClear", o);
|
|
1233
|
+
}, Ht = (o) => {
|
|
1234
|
+
if (!g.value) return;
|
|
1235
|
+
const s = {
|
|
1121
1236
|
id: `${Date.now()}-${Math.random().toString(36).slice(2, 9)}`,
|
|
1122
|
-
x:
|
|
1123
|
-
y:
|
|
1124
|
-
comment:
|
|
1125
|
-
element:
|
|
1126
|
-
elementPath:
|
|
1237
|
+
x: g.value.x,
|
|
1238
|
+
y: g.value.y,
|
|
1239
|
+
comment: o,
|
|
1240
|
+
element: g.value.element,
|
|
1241
|
+
elementPath: g.value.elementPath,
|
|
1127
1242
|
timestamp: Date.now(),
|
|
1128
|
-
selectedText:
|
|
1129
|
-
boundingBox:
|
|
1130
|
-
nearbyText:
|
|
1131
|
-
cssClasses:
|
|
1132
|
-
isFixed:
|
|
1133
|
-
fullPath:
|
|
1134
|
-
accessibility:
|
|
1135
|
-
computedStyles:
|
|
1136
|
-
nearbyElements:
|
|
1243
|
+
selectedText: g.value.selectedText,
|
|
1244
|
+
boundingBox: g.value.boundingBox,
|
|
1245
|
+
nearbyText: g.value.nearbyText,
|
|
1246
|
+
cssClasses: g.value.cssClasses,
|
|
1247
|
+
isFixed: g.value.isFixed,
|
|
1248
|
+
fullPath: g.value.fullPath,
|
|
1249
|
+
accessibility: g.value.accessibility,
|
|
1250
|
+
computedStyles: g.value.computedStyles,
|
|
1251
|
+
nearbyElements: g.value.nearbyElements,
|
|
1252
|
+
isMultiSelect: g.value.isMultiSelect
|
|
1137
1253
|
};
|
|
1138
|
-
|
|
1139
|
-
},
|
|
1140
|
-
|
|
1141
|
-
},
|
|
1142
|
-
if (!
|
|
1143
|
-
const
|
|
1144
|
-
|
|
1145
|
-
(
|
|
1146
|
-
),
|
|
1147
|
-
},
|
|
1148
|
-
|
|
1149
|
-
},
|
|
1150
|
-
|
|
1151
|
-
},
|
|
1152
|
-
|
|
1153
|
-
},
|
|
1154
|
-
if (!
|
|
1155
|
-
|
|
1156
|
-
|
|
1254
|
+
L.value = [...L.value, s], g.value = null, B("annotationAdd", s);
|
|
1255
|
+
}, Pt = () => {
|
|
1256
|
+
g.value = null;
|
|
1257
|
+
}, Dt = (o) => {
|
|
1258
|
+
if (!z.value) return;
|
|
1259
|
+
const s = { ...z.value, comment: o };
|
|
1260
|
+
L.value = L.value.map(
|
|
1261
|
+
(u) => u.id === s.id ? s : u
|
|
1262
|
+
), z.value = null, B("annotationUpdate", s);
|
|
1263
|
+
}, Nt = () => {
|
|
1264
|
+
z.value = null;
|
|
1265
|
+
}, Ot = (o, s) => {
|
|
1266
|
+
s.stopPropagation(), z.value = o;
|
|
1267
|
+
}, jt = (o, s) => {
|
|
1268
|
+
s.stopPropagation(), _.value = null, L.value = L.value.filter((u) => u.id !== o.id), B("annotationDelete", o);
|
|
1269
|
+
}, Oe = (o) => {
|
|
1270
|
+
if (console.log("[Multi-select] mousedown triggered, isActive:", w.value), !w.value || o.button !== 0) return;
|
|
1271
|
+
const s = o.target;
|
|
1272
|
+
if (console.log("[Multi-select] target element:", s.tagName, s.className), s.closest("[data-feedback-toolbar]") || s.closest("[data-annotation-popup]") || s.closest("[data-annotation-marker]")) {
|
|
1273
|
+
console.log("[Multi-select] skipped - toolbar/popup/marker");
|
|
1157
1274
|
return;
|
|
1158
1275
|
}
|
|
1159
|
-
|
|
1160
|
-
|
|
1161
|
-
_.value = null;
|
|
1276
|
+
if (g.value || z.value) {
|
|
1277
|
+
console.log("[Multi-select] skipped - pending/editing annotation");
|
|
1162
1278
|
return;
|
|
1163
1279
|
}
|
|
1164
|
-
|
|
1165
|
-
|
|
1166
|
-
}, $e = (a) => {
|
|
1167
|
-
var ne, Ae;
|
|
1168
|
-
if (!k.value || R) return;
|
|
1169
|
-
const l = a.target;
|
|
1170
|
-
if (l.closest("[data-feedback-toolbar]") || l.closest("[data-annotation-popup]") || l.closest("[data-annotation-marker]")) return;
|
|
1171
|
-
if (y.value) {
|
|
1172
|
-
a.preventDefault(), (ne = we.value) == null || ne.shake();
|
|
1280
|
+
if (r.has(s.tagName) || s.isContentEditable) {
|
|
1281
|
+
console.log("[Multi-select] skipped - text element:", s.tagName), Ce = !0;
|
|
1173
1282
|
return;
|
|
1174
1283
|
}
|
|
1175
|
-
|
|
1176
|
-
|
|
1284
|
+
console.log("[Multi-select] mousedown accepted, recording position:", o.clientX, o.clientY), Ce = !1, de.value = { x: o.clientX, y: o.clientY }, Y.value = { x: o.clientX, y: o.clientY }, F.value = { x: o.clientX, y: o.clientY };
|
|
1285
|
+
}, je = (o) => {
|
|
1286
|
+
if (!w.value || !de.value || Ce) return;
|
|
1287
|
+
const s = o.clientX - de.value.x, u = o.clientY - de.value.y;
|
|
1288
|
+
if (s * s + u * u >= qe * qe) {
|
|
1289
|
+
te.value || (console.log("[Multi-select] drag threshold passed, starting drag selection"), te.value = !0, I.value = null), F.value = { x: o.clientX, y: o.clientY }, console.log("[Multi-select] drag update:", Y.value, "->", F.value);
|
|
1290
|
+
const f = Date.now();
|
|
1291
|
+
if (f - $e >= dn) {
|
|
1292
|
+
$e = f;
|
|
1293
|
+
const d = Be(Y.value, F.value);
|
|
1294
|
+
ne.value = Ie(d), console.log("[Multi-select] detected elements:", ne.value.length);
|
|
1295
|
+
}
|
|
1296
|
+
}
|
|
1297
|
+
}, Ze = (o) => {
|
|
1298
|
+
if (!w.value) return;
|
|
1299
|
+
const s = te.value;
|
|
1300
|
+
if (de.value = null, Ce = !1, !s) {
|
|
1301
|
+
te.value = !1, Y.value = null, F.value = null, ne.value = [];
|
|
1302
|
+
return;
|
|
1303
|
+
}
|
|
1304
|
+
const u = Y.value, c = { x: o.clientX, y: o.clientY };
|
|
1305
|
+
if (u) {
|
|
1306
|
+
const f = Be(u, c);
|
|
1307
|
+
if (f.width >= Ge && f.height >= Ge) {
|
|
1308
|
+
const d = Ie(f), M = d.map((V) => V.element), A = d.map((V) => V.rect);
|
|
1309
|
+
let q, R;
|
|
1310
|
+
M.length > 0 ? (R = xt(A), q = R.y + R.height / 2) : (R = {
|
|
1311
|
+
x: f.left,
|
|
1312
|
+
y: f.top + window.scrollY,
|
|
1313
|
+
width: f.width,
|
|
1314
|
+
height: f.height
|
|
1315
|
+
}, q = f.top + window.scrollY + f.height / 2);
|
|
1316
|
+
const W = kt(M), G = M.map((V) => fe(V).path).join("; ");
|
|
1317
|
+
g.value = {
|
|
1318
|
+
x: o.clientX / window.innerWidth * 100,
|
|
1319
|
+
// Mouse X as percentage
|
|
1320
|
+
y: q,
|
|
1321
|
+
clientY: o.clientY,
|
|
1322
|
+
// Mouse Y for popup positioning
|
|
1323
|
+
element: W,
|
|
1324
|
+
elementPath: G || "Area selection",
|
|
1325
|
+
boundingBox: R,
|
|
1326
|
+
isFixed: !1,
|
|
1327
|
+
isMultiSelect: !0
|
|
1328
|
+
};
|
|
1329
|
+
}
|
|
1330
|
+
}
|
|
1331
|
+
te.value = !1, Y.value = null, F.value = null, ne.value = [], s && (xe = !0, setTimeout(() => {
|
|
1332
|
+
xe = !1;
|
|
1333
|
+
}, 50));
|
|
1334
|
+
}, Re = (o) => {
|
|
1335
|
+
if (!w.value || g.value || z.value) return;
|
|
1336
|
+
if (o.target.closest("[data-feedback-toolbar]")) {
|
|
1337
|
+
I.value = null;
|
|
1177
1338
|
return;
|
|
1178
1339
|
}
|
|
1179
|
-
|
|
1180
|
-
|
|
1181
|
-
|
|
1182
|
-
|
|
1183
|
-
|
|
1184
|
-
|
|
1185
|
-
|
|
1186
|
-
|
|
1187
|
-
|
|
1188
|
-
|
|
1189
|
-
|
|
1190
|
-
|
|
1191
|
-
|
|
1192
|
-
|
|
1340
|
+
const u = document.elementFromPoint(o.clientX, o.clientY);
|
|
1341
|
+
if (!u || u.closest("[data-feedback-toolbar]")) {
|
|
1342
|
+
I.value = null;
|
|
1343
|
+
return;
|
|
1344
|
+
}
|
|
1345
|
+
const { name: c, path: f } = fe(u), d = u.getBoundingClientRect();
|
|
1346
|
+
I.value = { element: c, elementPath: f, rect: d }, se.value = { x: o.clientX, y: o.clientY };
|
|
1347
|
+
}, Ve = (o) => {
|
|
1348
|
+
var ie, We;
|
|
1349
|
+
if (!w.value || U || xe) return;
|
|
1350
|
+
const s = o.target;
|
|
1351
|
+
if (s.closest("[data-feedback-toolbar]") || s.closest("[data-annotation-popup]") || s.closest("[data-annotation-marker]")) return;
|
|
1352
|
+
if (g.value) {
|
|
1353
|
+
o.preventDefault(), (ie = Te.value) == null || ie.shake();
|
|
1354
|
+
return;
|
|
1355
|
+
}
|
|
1356
|
+
if (z.value) {
|
|
1357
|
+
o.preventDefault(), (We = Ae.value) == null || We.shake();
|
|
1358
|
+
return;
|
|
1359
|
+
}
|
|
1360
|
+
o.preventDefault();
|
|
1361
|
+
const u = document.elementFromPoint(o.clientX, o.clientY);
|
|
1362
|
+
if (!u) return;
|
|
1363
|
+
const { name: c, path: f } = fe(u), d = u.getBoundingClientRect(), M = o.clientX / window.innerWidth * 100, A = vt(u), q = A ? o.clientY : o.clientY + window.scrollY, R = window.getSelection();
|
|
1364
|
+
let W;
|
|
1365
|
+
R && R.toString().trim().length > 0 && (W = R.toString().trim().slice(0, 500));
|
|
1366
|
+
const G = Xo(u), V = qo(u);
|
|
1367
|
+
g.value = {
|
|
1368
|
+
x: M,
|
|
1369
|
+
y: q,
|
|
1370
|
+
clientY: o.clientY,
|
|
1371
|
+
element: c,
|
|
1372
|
+
elementPath: f,
|
|
1373
|
+
selectedText: W,
|
|
1193
1374
|
boundingBox: {
|
|
1194
|
-
x:
|
|
1195
|
-
y:
|
|
1196
|
-
width:
|
|
1197
|
-
height:
|
|
1375
|
+
x: d.left,
|
|
1376
|
+
y: A ? d.top : d.top + window.scrollY,
|
|
1377
|
+
width: d.width,
|
|
1378
|
+
height: d.height
|
|
1198
1379
|
},
|
|
1199
|
-
nearbyText:
|
|
1200
|
-
cssClasses:
|
|
1201
|
-
isFixed:
|
|
1202
|
-
fullPath:
|
|
1203
|
-
accessibility:
|
|
1204
|
-
computedStyles:
|
|
1205
|
-
computedStylesObj:
|
|
1206
|
-
nearbyElements:
|
|
1207
|
-
},
|
|
1208
|
-
},
|
|
1209
|
-
|
|
1210
|
-
},
|
|
1211
|
-
|
|
1380
|
+
nearbyText: jo(u),
|
|
1381
|
+
cssClasses: Ro(u),
|
|
1382
|
+
isFixed: A,
|
|
1383
|
+
fullPath: Ko(u),
|
|
1384
|
+
accessibility: Go(u),
|
|
1385
|
+
computedStyles: V,
|
|
1386
|
+
computedStylesObj: G,
|
|
1387
|
+
nearbyElements: Zo(u)
|
|
1388
|
+
}, I.value = null;
|
|
1389
|
+
}, Ye = () => {
|
|
1390
|
+
K.value = window.scrollY;
|
|
1391
|
+
}, Fe = (o) => {
|
|
1392
|
+
o.key === "Escape" && (g.value || z.value || w.value && (w.value = !1));
|
|
1212
1393
|
};
|
|
1213
|
-
return
|
|
1214
|
-
|
|
1215
|
-
const
|
|
1216
|
-
|
|
1217
|
-
|
|
1394
|
+
return tt(() => {
|
|
1395
|
+
m.value = !0, K.value = window.scrollY;
|
|
1396
|
+
const o = en(pe);
|
|
1397
|
+
L.value = o, i || (X.value = !0, i = !0, setTimeout(() => {
|
|
1398
|
+
X.value = !1;
|
|
1218
1399
|
}, 750));
|
|
1219
1400
|
try {
|
|
1220
|
-
const
|
|
1221
|
-
|
|
1401
|
+
const u = localStorage.getItem("feedback-toolbar-theme");
|
|
1402
|
+
u !== null && (C.value = u === "dark");
|
|
1222
1403
|
} catch {
|
|
1223
1404
|
}
|
|
1224
|
-
document.addEventListener("mousemove",
|
|
1225
|
-
const
|
|
1226
|
-
|
|
1227
|
-
}),
|
|
1228
|
-
document.removeEventListener("mousemove",
|
|
1229
|
-
const
|
|
1230
|
-
|
|
1231
|
-
}),
|
|
1232
|
-
const
|
|
1233
|
-
|
|
1405
|
+
document.addEventListener("mousemove", Re), document.addEventListener("click", Ve, !0), document.addEventListener("keydown", Fe), window.addEventListener("scroll", Ye, { passive: !0 }), window.addEventListener("resize", ze), document.addEventListener("mousedown", Oe), document.addEventListener("mousemove", je), document.addEventListener("mouseup", Ze);
|
|
1406
|
+
const s = document.createElement("style");
|
|
1407
|
+
s.id = "feedback-cursor-styles", document.head.appendChild(s);
|
|
1408
|
+
}), Vt(() => {
|
|
1409
|
+
document.removeEventListener("mousemove", Re), document.removeEventListener("click", Ve, !0), document.removeEventListener("keydown", Fe), window.removeEventListener("scroll", Ye), window.removeEventListener("resize", ze), document.removeEventListener("mousedown", Oe), document.removeEventListener("mousemove", je), document.removeEventListener("mouseup", Ze);
|
|
1410
|
+
const o = document.getElementById("feedback-cursor-styles");
|
|
1411
|
+
o && o.remove();
|
|
1412
|
+
}), le(w, (o) => {
|
|
1413
|
+
const s = document.getElementById("feedback-cursor-styles");
|
|
1414
|
+
s && (o ? s.textContent = `
|
|
1234
1415
|
body * { cursor: crosshair !important; }
|
|
1235
1416
|
body p, body span, body h1, body h2, body h3, body h4, body h5, body h6,
|
|
1236
1417
|
body li, body td, body th, body label, body blockquote, body figcaption,
|
|
@@ -1248,458 +1429,532 @@ const Bo = ["data-active"], Po = ["disabled"], jo = ["disabled", "data-active"],
|
|
|
1248
1429
|
[data-annotation-popup], [data-annotation-popup] * { cursor: default !important; }
|
|
1249
1430
|
[data-annotation-popup] textarea { cursor: text !important; }
|
|
1250
1431
|
[data-annotation-popup] button { cursor: pointer !important; }
|
|
1251
|
-
` : (
|
|
1252
|
-
}),
|
|
1253
|
-
|
|
1254
|
-
}, { deep: !0 }),
|
|
1255
|
-
|
|
1256
|
-
|
|
1432
|
+
` : (s.textContent = "", g.value = null, z.value = null, I.value = null));
|
|
1433
|
+
}), le(L, (o) => {
|
|
1434
|
+
m.value && o.length > 0 ? tn(pe, o) : m.value && o.length === 0 && localStorage.removeItem(ge(pe));
|
|
1435
|
+
}, { deep: !0 }), le(ue, (o) => {
|
|
1436
|
+
o ? ke.value = !0 : setTimeout(() => {
|
|
1437
|
+
ke.value = !1;
|
|
1257
1438
|
}, 150);
|
|
1258
|
-
}),
|
|
1259
|
-
|
|
1260
|
-
}),
|
|
1261
|
-
|
|
1262
|
-
}),
|
|
1263
|
-
|
|
1264
|
-
}), (
|
|
1265
|
-
var
|
|
1266
|
-
return b(),
|
|
1267
|
-
|
|
1268
|
-
class:
|
|
1269
|
-
style:
|
|
1270
|
-
zIndex:
|
|
1271
|
-
...
|
|
1272
|
-
left: `${
|
|
1273
|
-
top: `${
|
|
1439
|
+
}), le(() => T.value.freezeAnimations, (o) => {
|
|
1440
|
+
o ? Pe() : _e();
|
|
1441
|
+
}), le(w, (o) => {
|
|
1442
|
+
o || (g.value = null, z.value = null, I.value = null, ue.value = !1, J.value && (_e(), T.value.freezeAnimations = !1)), ze();
|
|
1443
|
+
}), le(ee, (o, s) => {
|
|
1444
|
+
o && !s ? (document.addEventListener("mousemove", De), document.addEventListener("mouseup", Ne)) : !o && s && (document.removeEventListener("mousemove", De), document.removeEventListener("mouseup", Ne));
|
|
1445
|
+
}), (o, s) => {
|
|
1446
|
+
var u;
|
|
1447
|
+
return b(), N(Yt, { to: "body" }, [
|
|
1448
|
+
v("div", {
|
|
1449
|
+
class: p(l(n).toolbar),
|
|
1450
|
+
style: P({
|
|
1451
|
+
zIndex: E.zIndex,
|
|
1452
|
+
...j.value ? {
|
|
1453
|
+
left: `${j.value.x}px`,
|
|
1454
|
+
top: `${j.value.y}px`,
|
|
1274
1455
|
right: "auto",
|
|
1275
1456
|
bottom: "auto"
|
|
1276
1457
|
} : {}
|
|
1277
1458
|
}),
|
|
1278
1459
|
"data-feedback-toolbar": ""
|
|
1279
1460
|
}, [
|
|
1280
|
-
|
|
1281
|
-
class:
|
|
1282
|
-
n
|
|
1283
|
-
!
|
|
1284
|
-
|
|
1285
|
-
|
|
1286
|
-
|
|
1461
|
+
v("div", {
|
|
1462
|
+
class: p([
|
|
1463
|
+
l(n).toolbarContainer,
|
|
1464
|
+
!C.value && l(n).light,
|
|
1465
|
+
X.value && l(n).entrance,
|
|
1466
|
+
oe.value && l(n).dragging,
|
|
1467
|
+
w.value ? l(n).expanded : l(n).collapsed
|
|
1287
1468
|
]),
|
|
1288
|
-
style:
|
|
1289
|
-
onMousedown:
|
|
1290
|
-
onClick:
|
|
1469
|
+
style: P(oe.value ? { transform: `rotate(${Se.value}deg)` } : void 0),
|
|
1470
|
+
onMousedown: At,
|
|
1471
|
+
onClick: s[3] || (s[3] = (c) => w.value ? void 0 : He())
|
|
1291
1472
|
}, [
|
|
1292
|
-
|
|
1293
|
-
class:
|
|
1473
|
+
v("div", {
|
|
1474
|
+
class: p([l(n).toggleContent, w.value ? l(n).hidden : l(n).visible])
|
|
1294
1475
|
}, [
|
|
1295
|
-
(b(),
|
|
1296
|
-
|
|
1476
|
+
(b(), N(Z(l(lt)), { size: 24 })),
|
|
1477
|
+
ye.value ? (b(), S("span", {
|
|
1297
1478
|
key: 0,
|
|
1298
|
-
class:
|
|
1299
|
-
style:
|
|
1300
|
-
},
|
|
1479
|
+
class: p([l(n).badge, w.value && l(n).fadeOut, X.value && l(n).entrance]),
|
|
1480
|
+
style: P({ backgroundColor: T.value.annotationColor })
|
|
1481
|
+
}, D(L.value.length), 7)) : H("", !0)
|
|
1301
1482
|
], 2),
|
|
1302
|
-
|
|
1303
|
-
class:
|
|
1483
|
+
v("div", {
|
|
1484
|
+
class: p([l(n).controlsContent, w.value ? l(n).visible : l(n).hidden])
|
|
1304
1485
|
}, [
|
|
1305
|
-
|
|
1306
|
-
class:
|
|
1307
|
-
"data-active":
|
|
1308
|
-
onClick:
|
|
1486
|
+
v("button", {
|
|
1487
|
+
class: p([l(n).controlButton, !C.value && l(n).light]),
|
|
1488
|
+
"data-active": J.value,
|
|
1489
|
+
onClick: Q(Tt, ["stop"]),
|
|
1309
1490
|
title: "Pause/Resume animations"
|
|
1310
1491
|
}, [
|
|
1311
|
-
(b(),
|
|
1492
|
+
(b(), N(Z(l(rt)), {
|
|
1312
1493
|
size: 24,
|
|
1313
|
-
"is-paused":
|
|
1494
|
+
"is-paused": J.value
|
|
1314
1495
|
}, null, 8, ["is-paused"]))
|
|
1315
|
-
], 10,
|
|
1316
|
-
|
|
1317
|
-
class:
|
|
1318
|
-
disabled: !
|
|
1319
|
-
onClick:
|
|
1496
|
+
], 10, on),
|
|
1497
|
+
v("button", {
|
|
1498
|
+
class: p([l(n).controlButton, !C.value && l(n).light]),
|
|
1499
|
+
disabled: !ye.value,
|
|
1500
|
+
onClick: Q(Lt, ["stop"]),
|
|
1320
1501
|
title: "Toggle markers"
|
|
1321
1502
|
}, [
|
|
1322
|
-
(b(),
|
|
1503
|
+
(b(), N(Z(l(it)), {
|
|
1323
1504
|
size: 24,
|
|
1324
|
-
"is-open":
|
|
1505
|
+
"is-open": O.value
|
|
1325
1506
|
}, null, 8, ["is-open"]))
|
|
1326
|
-
], 10,
|
|
1327
|
-
|
|
1328
|
-
class:
|
|
1329
|
-
disabled: !
|
|
1330
|
-
"data-active":
|
|
1331
|
-
onClick:
|
|
1507
|
+
], 10, nn),
|
|
1508
|
+
v("button", {
|
|
1509
|
+
class: p([l(n).controlButton, !C.value && l(n).light]),
|
|
1510
|
+
disabled: !ye.value,
|
|
1511
|
+
"data-active": ae.value,
|
|
1512
|
+
onClick: Q(Bt, ["stop"]),
|
|
1332
1513
|
title: "Copy as markdown"
|
|
1333
1514
|
}, [
|
|
1334
|
-
(b(),
|
|
1515
|
+
(b(), N(Z(l(at)), {
|
|
1335
1516
|
size: 24,
|
|
1336
|
-
copied:
|
|
1517
|
+
copied: ae.value
|
|
1337
1518
|
}, null, 8, ["copied"]))
|
|
1338
|
-
], 10,
|
|
1339
|
-
|
|
1340
|
-
class:
|
|
1341
|
-
disabled: !
|
|
1519
|
+
], 10, ln),
|
|
1520
|
+
v("button", {
|
|
1521
|
+
class: p([l(n).controlButton, !C.value && l(n).light]),
|
|
1522
|
+
disabled: !ye.value,
|
|
1342
1523
|
"data-danger": "",
|
|
1343
|
-
onClick:
|
|
1524
|
+
onClick: Q(It, ["stop"]),
|
|
1344
1525
|
title: "Clear all annotations"
|
|
1345
1526
|
}, [
|
|
1346
|
-
(b(),
|
|
1347
|
-
], 10,
|
|
1348
|
-
|
|
1349
|
-
class:
|
|
1350
|
-
onClick:
|
|
1527
|
+
(b(), N(Z(l(ut)), { size: 24 }))
|
|
1528
|
+
], 10, sn),
|
|
1529
|
+
v("button", {
|
|
1530
|
+
class: p([l(n).controlButton, !C.value && l(n).light]),
|
|
1531
|
+
onClick: Q(Et, ["stop"]),
|
|
1351
1532
|
title: "Settings"
|
|
1352
1533
|
}, [
|
|
1353
|
-
(b(),
|
|
1534
|
+
(b(), N(Z(l(ct)), { size: 24 }))
|
|
1354
1535
|
], 2),
|
|
1355
|
-
|
|
1356
|
-
class:
|
|
1536
|
+
v("div", {
|
|
1537
|
+
class: p([l(n).divider, !C.value && l(n).light])
|
|
1357
1538
|
}, null, 2),
|
|
1358
|
-
|
|
1359
|
-
class:
|
|
1360
|
-
onClick:
|
|
1539
|
+
v("button", {
|
|
1540
|
+
class: p([l(n).controlButton, !C.value && l(n).light]),
|
|
1541
|
+
onClick: Q(He, ["stop"]),
|
|
1361
1542
|
title: "Exit"
|
|
1362
1543
|
}, [
|
|
1363
|
-
(b(),
|
|
1544
|
+
(b(), N(Z(l(Ee)), { size: 24 }))
|
|
1364
1545
|
], 2)
|
|
1365
1546
|
], 2),
|
|
1366
|
-
|
|
1547
|
+
ke.value ? (b(), S("div", {
|
|
1367
1548
|
key: 0,
|
|
1368
|
-
class:
|
|
1369
|
-
onClick:
|
|
1549
|
+
class: p([l(n).settingsPanel, C.value ? l(n).dark : l(n).light, ue.value ? l(n).enter : l(n).exit]),
|
|
1550
|
+
onClick: s[2] || (s[2] = Q(() => {
|
|
1370
1551
|
}, ["stop"]))
|
|
1371
1552
|
}, [
|
|
1372
|
-
|
|
1373
|
-
class:
|
|
1553
|
+
v("div", {
|
|
1554
|
+
class: p(l(n).settingsHeader)
|
|
1374
1555
|
}, [
|
|
1375
|
-
|
|
1376
|
-
class:
|
|
1556
|
+
v("span", {
|
|
1557
|
+
class: p(l(n).settingsBrand)
|
|
1377
1558
|
}, [
|
|
1378
|
-
|
|
1379
|
-
class:
|
|
1380
|
-
style:
|
|
1559
|
+
v("span", {
|
|
1560
|
+
class: p(l(n).settingsBrandSlash),
|
|
1561
|
+
style: P({ color: T.value.annotationColor })
|
|
1381
1562
|
}, " / ", 6),
|
|
1382
|
-
|
|
1563
|
+
s[5] || (s[5] = ce(" agentation ", -1))
|
|
1383
1564
|
], 2),
|
|
1384
|
-
|
|
1385
|
-
class:
|
|
1565
|
+
v("span", {
|
|
1566
|
+
class: p(l(n).settingsVersion)
|
|
1386
1567
|
}, "v1.0.0", 2),
|
|
1387
|
-
|
|
1388
|
-
class:
|
|
1389
|
-
onClick:
|
|
1390
|
-
title:
|
|
1568
|
+
v("button", {
|
|
1569
|
+
class: p(l(n).themeToggle),
|
|
1570
|
+
onClick: Mt,
|
|
1571
|
+
title: C.value ? "Switch to light mode" : "Switch to dark mode"
|
|
1391
1572
|
}, [
|
|
1392
|
-
(b(),
|
|
1393
|
-
], 10,
|
|
1573
|
+
(b(), N(Z(C.value ? l(dt) : l(pt)), { size: 14 }))
|
|
1574
|
+
], 10, an)
|
|
1394
1575
|
], 2),
|
|
1395
|
-
|
|
1396
|
-
class:
|
|
1576
|
+
v("div", {
|
|
1577
|
+
class: p(l(n).settingsSection)
|
|
1397
1578
|
}, [
|
|
1398
|
-
|
|
1399
|
-
class:
|
|
1579
|
+
v("div", {
|
|
1580
|
+
class: p(l(n).settingsRow)
|
|
1400
1581
|
}, [
|
|
1401
|
-
|
|
1402
|
-
class:
|
|
1582
|
+
v("div", {
|
|
1583
|
+
class: p([l(n).settingsLabel, !C.value && l(n).light])
|
|
1403
1584
|
}, [
|
|
1404
|
-
|
|
1405
|
-
|
|
1406
|
-
class:
|
|
1585
|
+
s[6] || (s[6] = ce(" Output Detail ", -1)),
|
|
1586
|
+
v("span", {
|
|
1587
|
+
class: p(l(n).helpIcon),
|
|
1407
1588
|
"data-tooltip": "Controls how much detail is included in the copied output"
|
|
1408
1589
|
}, [
|
|
1409
|
-
(b(),
|
|
1590
|
+
(b(), N(Z(l(st)), { size: 20 }))
|
|
1410
1591
|
], 2)
|
|
1411
1592
|
], 2),
|
|
1412
|
-
|
|
1413
|
-
class:
|
|
1414
|
-
onClick:
|
|
1593
|
+
v("button", {
|
|
1594
|
+
class: p([l(n).cycleButton, !C.value && l(n).light]),
|
|
1595
|
+
onClick: St
|
|
1415
1596
|
}, [
|
|
1416
|
-
|
|
1417
|
-
class:
|
|
1418
|
-
},
|
|
1419
|
-
|
|
1420
|
-
class:
|
|
1597
|
+
v("span", {
|
|
1598
|
+
class: p(l(n).cycleButtonText)
|
|
1599
|
+
}, D((u = y.find((c) => c.value === T.value.outputDetail)) == null ? void 0 : u.label), 3),
|
|
1600
|
+
v("span", {
|
|
1601
|
+
class: p(l(n).cycleDots)
|
|
1421
1602
|
}, [
|
|
1422
|
-
(b(),
|
|
1423
|
-
key:
|
|
1424
|
-
class:
|
|
1603
|
+
(b(), S(re, null, he(y, (c) => v("span", {
|
|
1604
|
+
key: c.value,
|
|
1605
|
+
class: p([l(n).cycleDot, !C.value && l(n).light, T.value.outputDetail === c.value && l(n).active])
|
|
1425
1606
|
}, null, 2)), 64))
|
|
1426
1607
|
], 2)
|
|
1427
1608
|
], 2)
|
|
1428
1609
|
], 2)
|
|
1429
1610
|
], 2),
|
|
1430
|
-
|
|
1431
|
-
class:
|
|
1611
|
+
v("div", {
|
|
1612
|
+
class: p(l(n).settingsSection)
|
|
1432
1613
|
}, [
|
|
1433
|
-
|
|
1434
|
-
class:
|
|
1614
|
+
v("div", {
|
|
1615
|
+
class: p([l(n).settingsLabel, l(n).settingsLabelMarker, !C.value && l(n).light])
|
|
1435
1616
|
}, " Marker Colour ", 2),
|
|
1436
|
-
|
|
1437
|
-
class:
|
|
1617
|
+
v("div", {
|
|
1618
|
+
class: p(l(n).colorOptions)
|
|
1438
1619
|
}, [
|
|
1439
|
-
(b(),
|
|
1440
|
-
key:
|
|
1441
|
-
class:
|
|
1442
|
-
style:
|
|
1443
|
-
onClick: (
|
|
1620
|
+
(b(), S(re, null, he($, (c) => v("div", {
|
|
1621
|
+
key: c.value,
|
|
1622
|
+
class: p([l(n).colorOptionRing, T.value.annotationColor === c.value && l(n).selected]),
|
|
1623
|
+
style: P({ borderColor: T.value.annotationColor === c.value ? c.value : "transparent" }),
|
|
1624
|
+
onClick: (f) => $t(c.value)
|
|
1444
1625
|
}, [
|
|
1445
|
-
|
|
1446
|
-
class:
|
|
1447
|
-
style:
|
|
1448
|
-
title:
|
|
1449
|
-
}, null, 14,
|
|
1450
|
-
], 14,
|
|
1626
|
+
v("div", {
|
|
1627
|
+
class: p([l(n).colorOption, T.value.annotationColor === c.value && l(n).selected]),
|
|
1628
|
+
style: P({ backgroundColor: c.value }),
|
|
1629
|
+
title: c.label
|
|
1630
|
+
}, null, 14, cn)
|
|
1631
|
+
], 14, rn)), 64))
|
|
1451
1632
|
], 2)
|
|
1452
1633
|
], 2),
|
|
1453
|
-
|
|
1454
|
-
class:
|
|
1634
|
+
v("div", {
|
|
1635
|
+
class: p(l(n).settingsSection)
|
|
1455
1636
|
}, [
|
|
1456
|
-
|
|
1457
|
-
class:
|
|
1637
|
+
v("label", {
|
|
1638
|
+
class: p(l(n).settingsToggle)
|
|
1458
1639
|
}, [
|
|
1459
|
-
|
|
1640
|
+
Le(v("input", {
|
|
1460
1641
|
type: "checkbox",
|
|
1461
|
-
"onUpdate:modelValue":
|
|
1642
|
+
"onUpdate:modelValue": s[0] || (s[0] = (c) => T.value.autoClearAfterCopy = c)
|
|
1462
1643
|
}, null, 512), [
|
|
1463
|
-
[
|
|
1644
|
+
[Xe, T.value.autoClearAfterCopy]
|
|
1464
1645
|
]),
|
|
1465
|
-
|
|
1466
|
-
class:
|
|
1646
|
+
v("span", {
|
|
1647
|
+
class: p([l(n).customCheckbox, !C.value && l(n).light, T.value.autoClearAfterCopy && l(n).checked])
|
|
1467
1648
|
}, [
|
|
1468
|
-
T.value.autoClearAfterCopy ? (b(),
|
|
1649
|
+
T.value.autoClearAfterCopy ? (b(), N(Z(l(Me)), {
|
|
1469
1650
|
key: 0,
|
|
1470
1651
|
size: 14
|
|
1471
1652
|
})) : H("", !0)
|
|
1472
1653
|
], 2),
|
|
1473
|
-
|
|
1474
|
-
class:
|
|
1654
|
+
v("span", {
|
|
1655
|
+
class: p([l(n).toggleLabel, !C.value && l(n).light])
|
|
1475
1656
|
}, " Clear after copy ", 2)
|
|
1476
1657
|
], 2),
|
|
1477
|
-
|
|
1478
|
-
class:
|
|
1658
|
+
v("label", {
|
|
1659
|
+
class: p(l(n).settingsToggle)
|
|
1479
1660
|
}, [
|
|
1480
|
-
|
|
1661
|
+
Le(v("input", {
|
|
1481
1662
|
type: "checkbox",
|
|
1482
|
-
"onUpdate:modelValue":
|
|
1663
|
+
"onUpdate:modelValue": s[1] || (s[1] = (c) => T.value.freezeAnimations = c)
|
|
1483
1664
|
}, null, 512), [
|
|
1484
|
-
[
|
|
1665
|
+
[Xe, T.value.freezeAnimations]
|
|
1485
1666
|
]),
|
|
1486
|
-
|
|
1487
|
-
class:
|
|
1667
|
+
v("span", {
|
|
1668
|
+
class: p([l(n).customCheckbox, !C.value && l(n).light, T.value.freezeAnimations && l(n).checked])
|
|
1488
1669
|
}, [
|
|
1489
|
-
T.value.freezeAnimations ? (b(),
|
|
1670
|
+
T.value.freezeAnimations ? (b(), N(Z(l(Me)), {
|
|
1490
1671
|
key: 0,
|
|
1491
1672
|
size: 14
|
|
1492
1673
|
})) : H("", !0)
|
|
1493
1674
|
], 2),
|
|
1494
|
-
|
|
1495
|
-
class:
|
|
1675
|
+
v("span", {
|
|
1676
|
+
class: p([l(n).toggleLabel, !C.value && l(n).light])
|
|
1496
1677
|
}, " Freeze animations ", 2)
|
|
1497
1678
|
], 2)
|
|
1498
1679
|
], 2)
|
|
1499
1680
|
], 2)) : H("", !0)
|
|
1500
1681
|
], 38)
|
|
1501
1682
|
], 6),
|
|
1502
|
-
|
|
1683
|
+
te.value && Y.value && F.value ? (b(), S("div", {
|
|
1503
1684
|
key: 0,
|
|
1504
|
-
class:
|
|
1505
|
-
style:
|
|
1506
|
-
left: `${
|
|
1507
|
-
top: `${
|
|
1508
|
-
width: `${
|
|
1509
|
-
height: `${
|
|
1510
|
-
borderColor: x.accentColor,
|
|
1511
|
-
backgroundColor: et(x.accentColor, 0.1)
|
|
1685
|
+
class: p(l(n).dragSelection),
|
|
1686
|
+
style: P({
|
|
1687
|
+
left: `${Math.min(Y.value.x, F.value.x)}px`,
|
|
1688
|
+
top: `${Math.min(Y.value.y, F.value.y)}px`,
|
|
1689
|
+
width: `${Math.abs(F.value.x - Y.value.x)}px`,
|
|
1690
|
+
height: `${Math.abs(F.value.y - Y.value.y)}px`
|
|
1512
1691
|
})
|
|
1513
|
-
},
|
|
1514
|
-
|
|
1692
|
+
}, [
|
|
1693
|
+
ne.value.length > 0 ? (b(), S("span", {
|
|
1694
|
+
key: 0,
|
|
1695
|
+
class: p(l(n).dragCount)
|
|
1696
|
+
}, D(ne.value.length), 3)) : H("", !0)
|
|
1697
|
+
], 6)) : H("", !0),
|
|
1698
|
+
(b(!0), S(re, null, he(ne.value, (c, f) => (b(), S("div", {
|
|
1699
|
+
key: `drag-highlight-${f}`,
|
|
1700
|
+
class: p(l(n).selectedElementHighlight),
|
|
1701
|
+
style: P({
|
|
1702
|
+
left: `${c.rect.left}px`,
|
|
1703
|
+
top: `${c.rect.top}px`,
|
|
1704
|
+
width: `${c.rect.width}px`,
|
|
1705
|
+
height: `${c.rect.height}px`
|
|
1706
|
+
})
|
|
1707
|
+
}, null, 6))), 128)),
|
|
1708
|
+
w.value && I.value && I.value.rect && !g.value && !z.value && !_.value && !te.value ? (b(), S("div", {
|
|
1515
1709
|
key: 1,
|
|
1516
|
-
class:
|
|
1517
|
-
style:
|
|
1518
|
-
left: `${
|
|
1519
|
-
top: `${
|
|
1710
|
+
class: p(l(n).hoverHighlight),
|
|
1711
|
+
style: P({
|
|
1712
|
+
left: `${I.value.rect.left}px`,
|
|
1713
|
+
top: `${I.value.rect.top}px`,
|
|
1714
|
+
width: `${I.value.rect.width}px`,
|
|
1715
|
+
height: `${I.value.rect.height}px`,
|
|
1716
|
+
borderColor: E.accentColor,
|
|
1717
|
+
backgroundColor: Ct(E.accentColor, 0.1)
|
|
1520
1718
|
})
|
|
1521
|
-
},
|
|
1522
|
-
|
|
1523
|
-
key:
|
|
1524
|
-
class:
|
|
1525
|
-
|
|
1526
|
-
|
|
1527
|
-
|
|
1719
|
+
}, null, 6)) : H("", !0),
|
|
1720
|
+
w.value && I.value && !g.value && !z.value && !_.value && !te.value ? (b(), S("div", {
|
|
1721
|
+
key: 2,
|
|
1722
|
+
class: p([l(n).hoverTooltip, !C.value && l(n).light]),
|
|
1723
|
+
style: P({
|
|
1724
|
+
left: `${se.value.x}px`,
|
|
1725
|
+
top: `${se.value.y + 20}px`
|
|
1726
|
+
})
|
|
1727
|
+
}, D(I.value.element), 7)) : H("", !0),
|
|
1728
|
+
w.value && O.value ? (b(!0), S(re, { key: 3 }, he(L.value, (c, f) => (b(), S("div", {
|
|
1729
|
+
key: c.id,
|
|
1730
|
+
class: p([
|
|
1731
|
+
l(n).marker,
|
|
1732
|
+
!C.value && l(n).light,
|
|
1733
|
+
_.value === c.id && l(n).hovered,
|
|
1734
|
+
c.isMultiSelect && l(n).multiSelect
|
|
1528
1735
|
]),
|
|
1529
|
-
style:
|
|
1530
|
-
left: `${
|
|
1531
|
-
top:
|
|
1736
|
+
style: P({
|
|
1737
|
+
left: `${c.x}%`,
|
|
1738
|
+
top: c.isFixed ? `${c.y}px` : `${c.y - K.value}px`,
|
|
1532
1739
|
position: "fixed",
|
|
1533
|
-
backgroundColor:
|
|
1740
|
+
backgroundColor: _.value === c.id ? void 0 : c.isMultiSelect ? "#10b981" : E.accentColor
|
|
1534
1741
|
}),
|
|
1535
1742
|
"data-annotation-marker": "",
|
|
1536
|
-
onMouseenter: (
|
|
1537
|
-
onMouseleave:
|
|
1538
|
-
onClick: (
|
|
1539
|
-
onContextmenu:
|
|
1743
|
+
onMouseenter: (d) => _.value = c.id,
|
|
1744
|
+
onMouseleave: s[4] || (s[4] = (d) => _.value = null),
|
|
1745
|
+
onClick: (d) => jt(c, d),
|
|
1746
|
+
onContextmenu: Q((d) => Ot(c, d), ["prevent"])
|
|
1540
1747
|
}, [
|
|
1541
|
-
|
|
1748
|
+
_.value !== c.id ? (b(), S("span", {
|
|
1542
1749
|
key: 0,
|
|
1543
|
-
class:
|
|
1544
|
-
},
|
|
1750
|
+
class: p(l(n).markerNumber)
|
|
1751
|
+
}, D(f + 1), 3)) : (b(), N(Z(l(Ee)), {
|
|
1545
1752
|
key: 1,
|
|
1546
1753
|
size: 12
|
|
1547
1754
|
})),
|
|
1548
|
-
|
|
1755
|
+
_.value === c.id && !z.value ? (b(), S("div", {
|
|
1549
1756
|
key: 2,
|
|
1550
|
-
class:
|
|
1551
|
-
style:
|
|
1757
|
+
class: p([l(n).markerTooltip, !C.value && l(n).light, l(n).enter]),
|
|
1758
|
+
style: P(_t(c))
|
|
1552
1759
|
}, [
|
|
1553
|
-
|
|
1554
|
-
class:
|
|
1760
|
+
v("span", {
|
|
1761
|
+
class: p(l(n).markerQuote)
|
|
1555
1762
|
}, [
|
|
1556
|
-
|
|
1557
|
-
|
|
1558
|
-
|
|
1763
|
+
ce(D(c.element) + " ", 1),
|
|
1764
|
+
c.selectedText ? (b(), S(re, { key: 0 }, [
|
|
1765
|
+
ce(' "' + D(c.selectedText.slice(0, 30)) + D(c.selectedText.length > 30 ? "..." : "") + '" ', 1)
|
|
1559
1766
|
], 64)) : H("", !0)
|
|
1560
1767
|
], 2),
|
|
1561
|
-
|
|
1562
|
-
class:
|
|
1563
|
-
},
|
|
1768
|
+
v("span", {
|
|
1769
|
+
class: p(l(n).markerNote)
|
|
1770
|
+
}, D(c.comment), 3)
|
|
1564
1771
|
], 6)) : H("", !0)
|
|
1565
|
-
], 46,
|
|
1566
|
-
|
|
1567
|
-
key: 3,
|
|
1568
|
-
ref_key: "popupRef",
|
|
1569
|
-
ref: we,
|
|
1570
|
-
element: y.value.element,
|
|
1571
|
-
"selected-text": y.value.selectedText,
|
|
1572
|
-
"computed-styles": y.value.computedStylesObj,
|
|
1573
|
-
"accent-color": x.accentColor,
|
|
1574
|
-
"light-mode": !L.value,
|
|
1575
|
-
"popup-style": Ke.value,
|
|
1576
|
-
onSubmit: pt,
|
|
1577
|
-
onCancel: ft
|
|
1578
|
-
}, null, 8, ["element", "selected-text", "computed-styles", "accent-color", "light-mode", "popup-style"])) : H("", !0),
|
|
1579
|
-
S.value ? (b(), j(Be, {
|
|
1772
|
+
], 46, un))), 128)) : H("", !0),
|
|
1773
|
+
g.value && g.value.boundingBox ? (b(), S("div", {
|
|
1580
1774
|
key: 4,
|
|
1775
|
+
class: p(g.value.isMultiSelect ? l(n).multiSelectOutline : l(n).singleSelectOutline),
|
|
1776
|
+
style: P({
|
|
1777
|
+
left: `${g.value.boundingBox.x}px`,
|
|
1778
|
+
top: `${g.value.boundingBox.y - K.value}px`,
|
|
1779
|
+
width: `${g.value.boundingBox.width}px`,
|
|
1780
|
+
height: `${g.value.boundingBox.height}px`,
|
|
1781
|
+
...g.value.isMultiSelect ? {} : {
|
|
1782
|
+
borderColor: `${T.value.annotationColor}99`,
|
|
1783
|
+
backgroundColor: `${T.value.annotationColor}0D`
|
|
1784
|
+
}
|
|
1785
|
+
})
|
|
1786
|
+
}, null, 6)) : H("", !0),
|
|
1787
|
+
g.value ? (b(), S("div", {
|
|
1788
|
+
key: 5,
|
|
1789
|
+
class: p([l(n).marker, l(n).pending, g.value.isMultiSelect && l(n).multiSelect]),
|
|
1790
|
+
style: P({
|
|
1791
|
+
left: `${g.value.x}%`,
|
|
1792
|
+
top: `${g.value.clientY}px`,
|
|
1793
|
+
backgroundColor: g.value.isMultiSelect ? "#34C759" : T.value.annotationColor
|
|
1794
|
+
})
|
|
1795
|
+
}, [
|
|
1796
|
+
(b(), N(Z(l(nt)), { size: 12 }))
|
|
1797
|
+
], 6)) : H("", !0),
|
|
1798
|
+
g.value ? (b(), N(Ue, {
|
|
1799
|
+
key: 6,
|
|
1800
|
+
ref_key: "popupRef",
|
|
1801
|
+
ref: Te,
|
|
1802
|
+
element: g.value.element,
|
|
1803
|
+
"selected-text": g.value.selectedText,
|
|
1804
|
+
"computed-styles": g.value.computedStylesObj,
|
|
1805
|
+
"accent-color": g.value.isMultiSelect ? "#34C759" : E.accentColor,
|
|
1806
|
+
"light-mode": !C.value,
|
|
1807
|
+
"popup-style": mt.value,
|
|
1808
|
+
placeholder: g.value.element === "Empty area" ? "What should change in this area?" : g.value.isMultiSelect ? "Feedback for this group of elements..." : "What should change?",
|
|
1809
|
+
onSubmit: Ht,
|
|
1810
|
+
onCancel: Pt
|
|
1811
|
+
}, null, 8, ["element", "selected-text", "computed-styles", "accent-color", "light-mode", "popup-style", "placeholder"])) : H("", !0),
|
|
1812
|
+
z.value && z.value.boundingBox ? (b(), S("div", {
|
|
1813
|
+
key: 7,
|
|
1814
|
+
class: p(z.value.isMultiSelect ? l(n).multiSelectOutline : l(n).singleSelectOutline),
|
|
1815
|
+
style: P({
|
|
1816
|
+
left: `${z.value.boundingBox.x}px`,
|
|
1817
|
+
top: `${z.value.boundingBox.y - K.value}px`,
|
|
1818
|
+
width: `${z.value.boundingBox.width}px`,
|
|
1819
|
+
height: `${z.value.boundingBox.height}px`,
|
|
1820
|
+
...z.value.isMultiSelect ? {} : {
|
|
1821
|
+
borderColor: `${T.value.annotationColor}99`,
|
|
1822
|
+
backgroundColor: `${T.value.annotationColor}0D`
|
|
1823
|
+
}
|
|
1824
|
+
})
|
|
1825
|
+
}, null, 6)) : H("", !0),
|
|
1826
|
+
z.value ? (b(), N(Ue, {
|
|
1827
|
+
key: 8,
|
|
1581
1828
|
ref_key: "editPopupRef",
|
|
1582
|
-
ref:
|
|
1583
|
-
element:
|
|
1584
|
-
"selected-text":
|
|
1585
|
-
"initial-value":
|
|
1586
|
-
"computed-styles": (
|
|
1587
|
-
"accent-color":
|
|
1588
|
-
"light-mode": !
|
|
1829
|
+
ref: Ae,
|
|
1830
|
+
element: z.value.element,
|
|
1831
|
+
"selected-text": z.value.selectedText,
|
|
1832
|
+
"initial-value": z.value.comment,
|
|
1833
|
+
"computed-styles": (z.value.computedStyles, void 0),
|
|
1834
|
+
"accent-color": z.value.isMultiSelect ? "#34C759" : E.accentColor,
|
|
1835
|
+
"light-mode": !C.value,
|
|
1589
1836
|
"submit-label": "Save",
|
|
1590
|
-
"popup-style":
|
|
1591
|
-
onSubmit:
|
|
1592
|
-
onCancel:
|
|
1837
|
+
"popup-style": gt.value,
|
|
1838
|
+
onSubmit: Dt,
|
|
1839
|
+
onCancel: Nt
|
|
1593
1840
|
}, null, 8, ["element", "selected-text", "initial-value", "computed-styles", "accent-color", "light-mode", "popup-style"])) : H("", !0)
|
|
1594
1841
|
]);
|
|
1595
1842
|
};
|
|
1596
1843
|
}
|
|
1597
|
-
}),
|
|
1598
|
-
|
|
1599
|
-
|
|
1600
|
-
|
|
1601
|
-
|
|
1602
|
-
|
|
1603
|
-
|
|
1604
|
-
|
|
1605
|
-
|
|
1606
|
-
|
|
1607
|
-
|
|
1608
|
-
|
|
1609
|
-
|
|
1610
|
-
|
|
1611
|
-
|
|
1612
|
-
|
|
1613
|
-
|
|
1614
|
-
|
|
1615
|
-
|
|
1616
|
-
|
|
1617
|
-
|
|
1618
|
-
|
|
1619
|
-
|
|
1620
|
-
|
|
1621
|
-
|
|
1622
|
-
|
|
1623
|
-
|
|
1624
|
-
|
|
1625
|
-
|
|
1626
|
-
|
|
1627
|
-
|
|
1628
|
-
|
|
1629
|
-
|
|
1630
|
-
|
|
1631
|
-
|
|
1632
|
-
|
|
1633
|
-
|
|
1634
|
-
|
|
1635
|
-
|
|
1636
|
-
|
|
1637
|
-
|
|
1638
|
-
|
|
1639
|
-
|
|
1640
|
-
|
|
1641
|
-
|
|
1642
|
-
|
|
1643
|
-
|
|
1644
|
-
|
|
1645
|
-
|
|
1646
|
-
|
|
1647
|
-
|
|
1648
|
-
|
|
1649
|
-
|
|
1650
|
-
|
|
1651
|
-
|
|
1652
|
-
|
|
1653
|
-
|
|
1654
|
-
|
|
1655
|
-
|
|
1844
|
+
}), hn = "_dragSelection_zeo7w_31", fn = "_dragCount_zeo7w_45", mn = "_selectedElementHighlight_zeo7w_56", gn = "_multiSelect_zeo7w_67", vn = "_pending_zeo7w_75", Cn = "_multiSelectOutline_zeo7w_83", yn = "_hoverHighlightIn_zeo7w_1", wn = "_singleSelectOutline_zeo7w_93", bn = "_toolbar_zeo7w_112", kn = "_toolbarContainer_zeo7w_124", xn = "_dragging_zeo7w_139", _n = "_entrance_zeo7w_143", zn = "_toolbarEnter_zeo7w_1", Ln = "_collapsed_zeo7w_146", Mn = "_expanded_zeo7w_162", En = "_light_zeo7w_168", Sn = "_toggleContent_zeo7w_177", $n = "_visible_zeo7w_184", Tn = "_hidden_zeo7w_189", An = "_controlsContent_zeo7w_194", Bn = "_badge_zeo7w_214", In = "_fadeOut_zeo7w_235", Hn = "_badgeEnter_zeo7w_1", Pn = "_controlButton_zeo7w_244", Dn = "_divider_zeo7w_293", Nn = "_hoverHighlight_zeo7w_303", On = "_hoverTooltip_zeo7w_311", jn = "_marker_zeo7w_332", Zn = "_markerIn_zeo7w_1", Rn = "_markerDelete_zeo7w_353", Vn = "_hovered_zeo7w_356", Yn = "_markerNumber_zeo7w_361", Fn = "_markerTooltip_zeo7w_386", Wn = "_enter_zeo7w_404", Xn = "_tooltipIn_zeo7w_1", Un = "_markerQuote_zeo7w_411", qn = "_markerNote_zeo7w_414", Gn = "_settingsPanel_zeo7w_452", Kn = "_exit_zeo7w_470", Qn = "_settingsHeader_zeo7w_481", Jn = "_settingsBrand_zeo7w_484", e1 = "_settingsBrandSlash_zeo7w_487", t1 = "_settingsVersion_zeo7w_490", o1 = "_settingsSection_zeo7w_493", n1 = "_themeToggle_zeo7w_526", l1 = "_settingsRow_zeo7w_558", s1 = "_settingsLabel_zeo7w_565", a1 = "_settingsLabelMarker_zeo7w_578", i1 = "_cycleButton_zeo7w_582", r1 = "_cycleButtonText_zeo7w_609", c1 = "_cycleTextIn_zeo7w_1", u1 = "_cycleDots_zeo7w_614", d1 = "_cycleDot_zeo7w_614", p1 = "_active_zeo7w_628", h1 = "_colorOptions_zeo7w_639", f1 = "_colorOptionRing_zeo7w_646", m1 = "_colorOption_zeo7w_639", g1 = "_selected_zeo7w_56", v1 = "_settingsToggle_zeo7w_671", C1 = "_customCheckbox_zeo7w_687", y1 = "_checked_zeo7w_705", w1 = "_toggleLabel_zeo7w_721", b1 = "_helpIcon_zeo7w_734", k1 = {
|
|
1845
|
+
dragSelection: hn,
|
|
1846
|
+
dragCount: fn,
|
|
1847
|
+
selectedElementHighlight: mn,
|
|
1848
|
+
multiSelect: gn,
|
|
1849
|
+
pending: vn,
|
|
1850
|
+
multiSelectOutline: Cn,
|
|
1851
|
+
hoverHighlightIn: yn,
|
|
1852
|
+
singleSelectOutline: wn,
|
|
1853
|
+
toolbar: bn,
|
|
1854
|
+
toolbarContainer: kn,
|
|
1855
|
+
dragging: xn,
|
|
1856
|
+
entrance: _n,
|
|
1857
|
+
toolbarEnter: zn,
|
|
1858
|
+
collapsed: Ln,
|
|
1859
|
+
expanded: Mn,
|
|
1860
|
+
light: En,
|
|
1861
|
+
toggleContent: Sn,
|
|
1862
|
+
visible: $n,
|
|
1863
|
+
hidden: Tn,
|
|
1864
|
+
controlsContent: An,
|
|
1865
|
+
badge: Bn,
|
|
1866
|
+
fadeOut: In,
|
|
1867
|
+
badgeEnter: Hn,
|
|
1868
|
+
controlButton: Pn,
|
|
1869
|
+
divider: Dn,
|
|
1870
|
+
hoverHighlight: Nn,
|
|
1871
|
+
hoverTooltip: On,
|
|
1872
|
+
marker: jn,
|
|
1873
|
+
markerIn: Zn,
|
|
1874
|
+
markerDelete: Rn,
|
|
1875
|
+
hovered: Vn,
|
|
1876
|
+
markerNumber: Yn,
|
|
1877
|
+
markerTooltip: Fn,
|
|
1878
|
+
enter: Wn,
|
|
1879
|
+
tooltipIn: Xn,
|
|
1880
|
+
markerQuote: Un,
|
|
1881
|
+
markerNote: qn,
|
|
1882
|
+
settingsPanel: Gn,
|
|
1883
|
+
exit: Kn,
|
|
1884
|
+
settingsHeader: Qn,
|
|
1885
|
+
settingsBrand: Jn,
|
|
1886
|
+
settingsBrandSlash: e1,
|
|
1887
|
+
settingsVersion: t1,
|
|
1888
|
+
settingsSection: o1,
|
|
1889
|
+
themeToggle: n1,
|
|
1890
|
+
settingsRow: l1,
|
|
1891
|
+
settingsLabel: s1,
|
|
1892
|
+
settingsLabelMarker: a1,
|
|
1893
|
+
cycleButton: i1,
|
|
1894
|
+
cycleButtonText: r1,
|
|
1895
|
+
cycleTextIn: c1,
|
|
1896
|
+
cycleDots: u1,
|
|
1897
|
+
cycleDot: d1,
|
|
1898
|
+
active: p1,
|
|
1899
|
+
colorOptions: h1,
|
|
1900
|
+
colorOptionRing: f1,
|
|
1901
|
+
colorOption: m1,
|
|
1902
|
+
selected: g1,
|
|
1903
|
+
settingsToggle: v1,
|
|
1904
|
+
customCheckbox: C1,
|
|
1905
|
+
checked: y1,
|
|
1906
|
+
toggleLabel: w1,
|
|
1907
|
+
helpIcon: b1
|
|
1908
|
+
}, x1 = {
|
|
1909
|
+
$style: k1
|
|
1910
|
+
}, S1 = /* @__PURE__ */ ot(pn, [["__cssModules", x1]]);
|
|
1656
1911
|
export {
|
|
1657
|
-
|
|
1658
|
-
|
|
1659
|
-
|
|
1660
|
-
|
|
1661
|
-
|
|
1662
|
-
|
|
1663
|
-
|
|
1664
|
-
|
|
1665
|
-
|
|
1666
|
-
|
|
1667
|
-
|
|
1668
|
-
|
|
1669
|
-
|
|
1670
|
-
|
|
1671
|
-
|
|
1672
|
-
|
|
1673
|
-
|
|
1674
|
-
|
|
1675
|
-
|
|
1676
|
-
|
|
1677
|
-
|
|
1678
|
-
|
|
1679
|
-
|
|
1680
|
-
|
|
1681
|
-
|
|
1682
|
-
|
|
1683
|
-
|
|
1684
|
-
|
|
1685
|
-
|
|
1686
|
-
|
|
1687
|
-
|
|
1688
|
-
|
|
1689
|
-
|
|
1690
|
-
|
|
1691
|
-
|
|
1692
|
-
|
|
1693
|
-
|
|
1694
|
-
|
|
1695
|
-
|
|
1696
|
-
|
|
1697
|
-
|
|
1698
|
-
|
|
1699
|
-
|
|
1700
|
-
|
|
1701
|
-
|
|
1702
|
-
|
|
1703
|
-
|
|
1704
|
-
|
|
1912
|
+
S1 as Agentation,
|
|
1913
|
+
S1 as AgentationVue,
|
|
1914
|
+
No as AnimatedBunny,
|
|
1915
|
+
Ue as AnnotationPopup,
|
|
1916
|
+
Ho as IconChatEllipsis,
|
|
1917
|
+
xo as IconCheck,
|
|
1918
|
+
_o as IconCheckSmall,
|
|
1919
|
+
Me as IconCheckSmallAnimated,
|
|
1920
|
+
Po as IconCheckmark,
|
|
1921
|
+
To as IconCheckmarkCircle,
|
|
1922
|
+
Do as IconCheckmarkLarge,
|
|
1923
|
+
ko as IconClose,
|
|
1924
|
+
zo as IconCopyAlt,
|
|
1925
|
+
at as IconCopyAnimated,
|
|
1926
|
+
Lo as IconEye,
|
|
1927
|
+
Mo as IconEyeAlt,
|
|
1928
|
+
it as IconEyeAnimated,
|
|
1929
|
+
Eo as IconEyeClosed,
|
|
1930
|
+
Bo as IconEyeMinus,
|
|
1931
|
+
ct as IconGear,
|
|
1932
|
+
st as IconHelp,
|
|
1933
|
+
lt as IconListSparkle,
|
|
1934
|
+
pt as IconMoon,
|
|
1935
|
+
So as IconPause,
|
|
1936
|
+
Io as IconPauseAlt,
|
|
1937
|
+
rt as IconPausePlayAnimated,
|
|
1938
|
+
$o as IconPlayAlt,
|
|
1939
|
+
nt as IconPlus,
|
|
1940
|
+
dt as IconSun,
|
|
1941
|
+
ut as IconTrashAlt,
|
|
1942
|
+
Ao as IconXmark,
|
|
1943
|
+
Ee as IconXmarkLarge,
|
|
1944
|
+
E1 as clearAnnotations,
|
|
1945
|
+
Go as getAccessibilityInfo,
|
|
1946
|
+
L1 as getComputedStylesSnapshot,
|
|
1947
|
+
Xo as getDetailedComputedStyles,
|
|
1948
|
+
Ro as getElementClasses,
|
|
1949
|
+
Oo as getElementPath,
|
|
1950
|
+
qo as getForensicComputedStyles,
|
|
1951
|
+
Ko as getFullElementPath,
|
|
1952
|
+
Zo as getNearbyElements,
|
|
1953
|
+
jo as getNearbyText,
|
|
1954
|
+
ge as getStorageKey,
|
|
1955
|
+
z1 as identifyAnimationElement,
|
|
1956
|
+
fe as identifyElement,
|
|
1957
|
+
en as loadAnnotations,
|
|
1958
|
+
M1 as parseComputedStylesString,
|
|
1959
|
+
tn as saveAnnotations
|
|
1705
1960
|
};
|