agentation-vue3 1.0.0 → 1.0.2
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 +141 -140
- package/dist/index.js +38 -13
- package/dist/index.mjs +1308 -1011
- 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 et, useCssModule as tt, ref as _, computed as ge, onMounted as ot, watch as oe, openBlock as w, createElementBlock as E, withModifiers as Q, normalizeStyle as H, normalizeClass as h, createElementVNode as v, unref as s, toDisplayString as D, createCommentVNode as P, Fragment as re, renderList as fe, createTextVNode as ce, withDirectives as Me, vModelText as Zt, nextTick as Rt, h as a, onUnmounted as Vt, createBlock as N, Teleport as Ft, resolveDynamicComponent as Z, vModelCheckbox as Ue } from "vue";
|
|
2
|
+
const Yt = ["placeholder"], Wt = ["disabled"], Xt = /* @__PURE__ */ et({
|
|
3
3
|
__name: "AnnotationPopup",
|
|
4
4
|
props: {
|
|
5
5
|
element: {},
|
|
@@ -16,74 +16,74 @@ const wt = ["placeholder"], xt = ["disabled"], _t = /* @__PURE__ */ He({
|
|
|
16
16
|
},
|
|
17
17
|
emits: ["submit", "cancel"],
|
|
18
18
|
setup(o, { expose: e, emit: r }) {
|
|
19
|
-
const
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
].filter(Boolean)),
|
|
27
|
-
|
|
19
|
+
const d = tt(), f = o, n = r, y = _(f.initialValue), $ = _(!1), k = _("initial"), T = _(!1), I = _(!1), m = _(null), b = _(null), z = ge(() => f.computedStyles && Object.keys(f.computedStyles).length > 0), O = ge(() => [
|
|
20
|
+
d.popup,
|
|
21
|
+
f.lightMode && d.light,
|
|
22
|
+
k.value === "enter" && d.enter,
|
|
23
|
+
k.value === "entered" && d.entered,
|
|
24
|
+
k.value === "exit" && d.exit,
|
|
25
|
+
$.value && d.shake
|
|
26
|
+
].filter(Boolean)), B = () => {
|
|
27
|
+
$.value = !0, setTimeout(() => {
|
|
28
28
|
var M;
|
|
29
|
-
|
|
29
|
+
$.value = !1, (M = m.value) == null || M.focus();
|
|
30
30
|
}, 250);
|
|
31
|
-
},
|
|
32
|
-
|
|
33
|
-
|
|
31
|
+
}, le = () => {
|
|
32
|
+
k.value = "exit", setTimeout(() => {
|
|
33
|
+
n("cancel");
|
|
34
34
|
}, 150);
|
|
35
|
-
},
|
|
36
|
-
|
|
37
|
-
},
|
|
38
|
-
var
|
|
39
|
-
M.isComposing || (
|
|
40
|
-
},
|
|
41
|
-
const M =
|
|
42
|
-
|
|
43
|
-
var
|
|
44
|
-
return (
|
|
35
|
+
}, g = () => {
|
|
36
|
+
y.value.trim() && n("submit", y.value.trim());
|
|
37
|
+
}, S = (M) => {
|
|
38
|
+
var C;
|
|
39
|
+
M.isComposing || (C = M.nativeEvent) != null && C.isComposing || (M.key === "Enter" && !M.shiftKey && (M.preventDefault(), g()), M.key === "Escape" && le());
|
|
40
|
+
}, se = () => {
|
|
41
|
+
const M = I.value;
|
|
42
|
+
I.value = !I.value, M && Rt(() => {
|
|
43
|
+
var C;
|
|
44
|
+
return (C = m.value) == null ? void 0 : C.focus();
|
|
45
45
|
});
|
|
46
|
-
},
|
|
47
|
-
return
|
|
46
|
+
}, ve = (M) => M.replace(/([A-Z])/g, "-$1").toLowerCase();
|
|
47
|
+
return ot(() => {
|
|
48
48
|
requestAnimationFrame(() => {
|
|
49
|
-
|
|
49
|
+
k.value = "enter";
|
|
50
50
|
}), setTimeout(() => {
|
|
51
|
-
|
|
51
|
+
k.value = "entered";
|
|
52
52
|
}, 200), setTimeout(() => {
|
|
53
|
-
const M =
|
|
53
|
+
const M = m.value;
|
|
54
54
|
M && (M.focus(), M.selectionStart = M.selectionEnd = M.value.length, M.scrollTop = M.scrollHeight);
|
|
55
55
|
}, 50);
|
|
56
|
-
}),
|
|
57
|
-
M &&
|
|
56
|
+
}), oe(() => f.isExiting, (M) => {
|
|
57
|
+
M && k.value !== "exit" && (k.value = "exit");
|
|
58
58
|
}), e({
|
|
59
|
-
shake:
|
|
60
|
-
}), (M,
|
|
59
|
+
shake: B
|
|
60
|
+
}), (M, C) => (w(), E("div", {
|
|
61
61
|
ref_key: "popupRef",
|
|
62
|
-
ref:
|
|
63
|
-
class:
|
|
62
|
+
ref: b,
|
|
63
|
+
class: h(O.value),
|
|
64
64
|
"data-annotation-popup": "",
|
|
65
|
-
style:
|
|
66
|
-
onClick:
|
|
65
|
+
style: H(o.popupStyle),
|
|
66
|
+
onClick: C[3] || (C[3] = Q(() => {
|
|
67
67
|
}, ["stop"]))
|
|
68
68
|
}, [
|
|
69
|
-
|
|
70
|
-
class:
|
|
69
|
+
v("div", {
|
|
70
|
+
class: h(s(d).header)
|
|
71
71
|
}, [
|
|
72
|
-
|
|
72
|
+
z.value ? (w(), E("button", {
|
|
73
73
|
key: 0,
|
|
74
|
-
class:
|
|
74
|
+
class: h(s(d).headerToggle),
|
|
75
75
|
type: "button",
|
|
76
|
-
onClick:
|
|
76
|
+
onClick: se
|
|
77
77
|
}, [
|
|
78
|
-
(
|
|
79
|
-
class:
|
|
78
|
+
(w(), E("svg", {
|
|
79
|
+
class: h([s(d).chevron, I.value && s(d).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)) : (
|
|
94
|
+
v("span", {
|
|
95
|
+
class: h(s(d).element)
|
|
96
|
+
}, D(o.element), 3)
|
|
97
|
+
], 2)) : (w(), E("span", {
|
|
98
98
|
key: 1,
|
|
99
|
-
class:
|
|
100
|
-
},
|
|
101
|
-
o.timestamp ? (
|
|
99
|
+
class: h(s(d).element)
|
|
100
|
+
}, D(o.element), 3)),
|
|
101
|
+
o.timestamp ? (w(), E("span", {
|
|
102
102
|
key: 2,
|
|
103
|
-
class:
|
|
104
|
-
},
|
|
103
|
+
class: h(s(d).timestamp)
|
|
104
|
+
}, D(o.timestamp), 3)) : P("", !0)
|
|
105
105
|
], 2),
|
|
106
|
-
|
|
106
|
+
z.value ? (w(), E("div", {
|
|
107
107
|
key: 0,
|
|
108
|
-
class:
|
|
108
|
+
class: h([s(d).stylesWrapper, I.value && s(d).expanded])
|
|
109
109
|
}, [
|
|
110
|
-
|
|
111
|
-
class:
|
|
110
|
+
v("div", {
|
|
111
|
+
class: h(s(d).stylesInner)
|
|
112
112
|
}, [
|
|
113
|
-
|
|
114
|
-
class:
|
|
113
|
+
v("div", {
|
|
114
|
+
class: h(s(d).stylesBlock)
|
|
115
115
|
}, [
|
|
116
|
-
(
|
|
117
|
-
key:
|
|
118
|
-
class:
|
|
116
|
+
(w(!0), E(re, null, fe(o.computedStyles, (W, K) => (w(), E("div", {
|
|
117
|
+
key: K,
|
|
118
|
+
class: h(s(d).styleLine)
|
|
119
119
|
}, [
|
|
120
|
-
|
|
121
|
-
class:
|
|
122
|
-
},
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
class:
|
|
126
|
-
},
|
|
127
|
-
|
|
120
|
+
v("span", {
|
|
121
|
+
class: h(s(d).styleProperty)
|
|
122
|
+
}, D(ve(String(K))), 3),
|
|
123
|
+
C[5] || (C[5] = ce(" : ", -1)),
|
|
124
|
+
v("span", {
|
|
125
|
+
class: h(s(d).styleValue)
|
|
126
|
+
}, D(W), 3),
|
|
127
|
+
C[6] || (C[6] = ce("; ", -1))
|
|
128
128
|
], 2))), 128))
|
|
129
129
|
], 2)
|
|
130
130
|
], 2)
|
|
131
|
-
], 2)) :
|
|
132
|
-
o.selectedText ? (
|
|
131
|
+
], 2)) : P("", !0),
|
|
132
|
+
o.selectedText ? (w(), E("div", {
|
|
133
133
|
key: 1,
|
|
134
|
-
class:
|
|
135
|
-
}, " “" +
|
|
136
|
-
|
|
134
|
+
class: h(s(d).quote)
|
|
135
|
+
}, " “" + D(o.selectedText.slice(0, 80)) + D(o.selectedText.length > 80 ? "..." : "") + "” ", 3)) : P("", !0),
|
|
136
|
+
Me(v("textarea", {
|
|
137
137
|
ref_key: "textareaRef",
|
|
138
|
-
ref:
|
|
139
|
-
class:
|
|
140
|
-
style:
|
|
138
|
+
ref: m,
|
|
139
|
+
class: h(s(d).textarea),
|
|
140
|
+
style: H({ borderColor: T.value ? o.accentColor : void 0 }),
|
|
141
141
|
placeholder: o.placeholder,
|
|
142
|
-
"onUpdate:modelValue":
|
|
142
|
+
"onUpdate:modelValue": C[0] || (C[0] = (W) => y.value = W),
|
|
143
143
|
rows: "2",
|
|
144
|
-
onFocus:
|
|
145
|
-
onBlur:
|
|
146
|
-
onKeydown:
|
|
147
|
-
}, null, 46,
|
|
148
|
-
[
|
|
144
|
+
onFocus: C[1] || (C[1] = (W) => T.value = !0),
|
|
145
|
+
onBlur: C[2] || (C[2] = (W) => T.value = !1),
|
|
146
|
+
onKeydown: S
|
|
147
|
+
}, null, 46, Yt), [
|
|
148
|
+
[Zt, y.value]
|
|
149
149
|
]),
|
|
150
|
-
|
|
151
|
-
class:
|
|
150
|
+
v("div", {
|
|
151
|
+
class: h(s(d).actions)
|
|
152
152
|
}, [
|
|
153
|
-
|
|
154
|
-
class:
|
|
155
|
-
onClick:
|
|
153
|
+
v("button", {
|
|
154
|
+
class: h(s(d).cancel),
|
|
155
|
+
onClick: le
|
|
156
156
|
}, " Cancel ", 2),
|
|
157
|
-
|
|
158
|
-
class:
|
|
159
|
-
style:
|
|
157
|
+
v("button", {
|
|
158
|
+
class: h(s(d).submit),
|
|
159
|
+
style: H({
|
|
160
160
|
backgroundColor: o.accentColor,
|
|
161
|
-
opacity:
|
|
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(o.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
|
-
},
|
|
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", bo = {
|
|
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
|
+
}, nt = (o, e) => {
|
|
196
196
|
const r = o.__vccOpts || o;
|
|
197
|
-
for (const [
|
|
198
|
-
r[
|
|
197
|
+
for (const [d, f] of e)
|
|
198
|
+
r[d] = f;
|
|
199
199
|
return r;
|
|
200
|
-
},
|
|
201
|
-
$style:
|
|
202
|
-
},
|
|
200
|
+
}, wo = {
|
|
201
|
+
$style: bo
|
|
202
|
+
}, qe = /* @__PURE__ */ nt(Xt, [["__cssModules", wo]]), ko = (o) => {
|
|
203
203
|
const e = o.size ?? 16;
|
|
204
|
-
return
|
|
205
|
-
|
|
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
|
|
213
|
+
ko.props = ["size"];
|
|
214
|
+
const lt = (o) => {
|
|
215
215
|
const e = o.size ?? 16;
|
|
216
|
-
return
|
|
217
|
-
|
|
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
|
|
225
|
+
lt.props = ["size"];
|
|
226
|
+
const xo = (o) => {
|
|
227
227
|
const e = o.size ?? 16;
|
|
228
|
-
return
|
|
229
|
-
|
|
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
|
|
238
|
+
xo.props = ["size"];
|
|
239
|
+
const _o = (o) => {
|
|
240
240
|
const e = o.size ?? 14;
|
|
241
|
-
return
|
|
242
|
-
|
|
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
|
|
251
|
+
_o.props = ["size"];
|
|
252
|
+
const st = (o) => {
|
|
253
253
|
const e = o.size ?? 24;
|
|
254
|
-
return
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
254
|
+
return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", style: o.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
|
|
268
|
+
st.props = ["size", "style"];
|
|
269
|
+
const at = (o) => {
|
|
270
270
|
const e = o.size ?? 20;
|
|
271
|
-
return
|
|
272
|
-
|
|
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
|
|
278
|
+
at.props = ["size"];
|
|
279
|
+
const ze = (o) => {
|
|
280
280
|
const e = o.size ?? 14;
|
|
281
|
-
return
|
|
282
|
-
|
|
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
|
|
310
|
+
ze.props = ["size"];
|
|
311
|
+
const Lo = (o) => {
|
|
312
312
|
const e = o.size ?? 16;
|
|
313
|
-
return
|
|
314
|
-
|
|
315
|
-
|
|
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
|
|
318
|
+
Lo.props = ["size"];
|
|
319
|
+
const it = (o) => {
|
|
320
320
|
const e = o.size ?? 24, r = o.copied ?? !1;
|
|
321
|
-
return
|
|
322
|
-
|
|
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: r ? 0 : 1, transform: r ? "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: r ? 1 : 0, transform: r ? "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
|
|
335
|
+
it.props = ["size", "copied"];
|
|
336
|
+
const Mo = (o) => {
|
|
337
337
|
const e = o.size ?? 16;
|
|
338
|
-
return
|
|
339
|
-
|
|
340
|
-
|
|
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
|
|
343
|
+
Mo.props = ["size"];
|
|
344
|
+
const zo = (o) => {
|
|
345
345
|
const e = o.size ?? 24;
|
|
346
|
-
return
|
|
347
|
-
|
|
348
|
-
|
|
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
|
|
351
|
+
zo.props = ["size"];
|
|
352
|
+
const So = (o) => {
|
|
353
353
|
const e = o.size ?? 24;
|
|
354
|
-
return
|
|
355
|
-
|
|
356
|
-
|
|
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
|
|
359
|
+
So.props = ["size"];
|
|
360
|
+
const rt = (o) => {
|
|
361
361
|
const e = o.size ?? 24, r = o.isOpen ?? !0;
|
|
362
|
-
return
|
|
363
|
-
|
|
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: r ? 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: r ? 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
|
|
376
|
+
rt.props = ["size", "isOpen"];
|
|
377
|
+
const ct = (o) => {
|
|
378
378
|
const e = o.size ?? 24, r = o.isPaused ?? !1;
|
|
379
|
-
return
|
|
380
|
-
|
|
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: r ? 0 : 1 } }),
|
|
383
|
+
a("path", { class: "pause-bar", d: "M16 18L16 6", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", style: { opacity: r ? 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: r ? 1 : 0 } })
|
|
386
386
|
]);
|
|
387
387
|
};
|
|
388
|
-
|
|
389
|
-
const
|
|
388
|
+
ct.props = ["size", "isPaused"];
|
|
389
|
+
const ut = (o) => {
|
|
390
390
|
const e = o.size ?? 16;
|
|
391
|
-
return
|
|
392
|
-
|
|
393
|
-
|
|
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
|
|
396
|
+
ut.props = ["size"];
|
|
397
|
+
const Eo = (o) => {
|
|
398
398
|
const e = o.size ?? 24;
|
|
399
|
-
return
|
|
400
|
-
|
|
401
|
-
|
|
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
|
|
404
|
+
Eo.props = ["size"];
|
|
405
|
+
const $o = (o) => {
|
|
406
406
|
const e = o.size ?? 16;
|
|
407
|
-
return
|
|
408
|
-
|
|
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
|
|
411
|
+
$o.props = ["size"];
|
|
412
|
+
const dt = (o) => {
|
|
413
413
|
const e = o.size ?? 16;
|
|
414
|
-
return
|
|
415
|
-
|
|
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
|
|
418
|
+
dt.props = ["size"];
|
|
419
|
+
const pt = (o) => {
|
|
420
420
|
const e = o.size ?? 16;
|
|
421
|
-
return
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
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
|
|
433
|
+
pt.props = ["size"];
|
|
434
|
+
const ht = (o) => {
|
|
435
435
|
const e = o.size ?? 16;
|
|
436
|
-
return
|
|
437
|
-
|
|
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
|
|
440
|
+
ht.props = ["size"];
|
|
441
|
+
const To = (o) => {
|
|
442
442
|
const e = o.size ?? 24;
|
|
443
|
-
return
|
|
444
|
-
|
|
445
|
-
|
|
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
|
|
448
|
+
To.props = ["size"];
|
|
449
|
+
const Io = (o) => {
|
|
450
450
|
const e = o.size ?? 16;
|
|
451
|
-
return
|
|
452
|
-
|
|
453
|
-
|
|
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
|
|
456
|
+
Io.props = ["size"];
|
|
457
|
+
const Se = (o) => {
|
|
458
458
|
const e = o.size ?? 12;
|
|
459
|
-
return
|
|
460
|
-
|
|
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
|
|
463
|
+
Se.props = ["size"];
|
|
464
|
+
const Bo = (o) => {
|
|
465
465
|
const e = o.size ?? 16;
|
|
466
|
-
return
|
|
467
|
-
|
|
468
|
-
|
|
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
|
|
471
|
+
Bo.props = ["size"];
|
|
472
|
+
const Ao = (o) => {
|
|
473
473
|
const e = o.size ?? 16;
|
|
474
|
-
return
|
|
475
|
-
|
|
476
|
-
|
|
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
|
|
479
|
+
Ao.props = ["size"];
|
|
480
|
+
const Po = (o) => {
|
|
481
481
|
const e = o.size ?? 16;
|
|
482
|
-
return
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
|
|
482
|
+
return a("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", style: o.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
|
|
489
|
+
Po.props = ["size", "style"];
|
|
490
|
+
const Ho = (o) => {
|
|
491
491
|
const e = o.size ?? 16;
|
|
492
|
-
return
|
|
493
|
-
|
|
494
|
-
|
|
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
|
|
503
|
+
Ho.props = ["size"];
|
|
504
|
+
const Do = (o) => {
|
|
505
505
|
const e = o.size ?? 16;
|
|
506
|
-
return
|
|
507
|
-
|
|
508
|
-
|
|
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
|
|
517
|
+
Do.props = ["size"];
|
|
518
|
+
const No = (o) => {
|
|
519
519
|
const e = o.size ?? 20, r = o.color ?? "#4C74FF";
|
|
520
|
-
return
|
|
521
|
-
|
|
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,125 +535,125 @@ 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: r }),
|
|
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: r }),
|
|
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: r }),
|
|
542
|
+
a("circle", { class: "bunny-eye-left", cx: "8.277", cy: "20.466", r: "1.8", fill: r }),
|
|
543
|
+
a("circle", { class: "bunny-eye-right", cx: "19.878", cy: "20.466", r: "1.8", fill: r }),
|
|
544
|
+
a("text", { class: "bunny-happy-face", x: "14", y: "26", "text-anchor": "middle", "font-size": "12", "font-weight": "bold", fill: r, "font-family": "system-ui, -apple-system, sans-serif" }, "˃ ᵕ ˂")
|
|
545
545
|
]);
|
|
546
546
|
};
|
|
547
|
-
|
|
548
|
-
function
|
|
547
|
+
No.props = ["size", "color"];
|
|
548
|
+
function Oo(o, e = 4) {
|
|
549
549
|
const r = [];
|
|
550
|
-
let
|
|
551
|
-
for (;
|
|
552
|
-
const
|
|
553
|
-
if (
|
|
554
|
-
let
|
|
555
|
-
if (
|
|
556
|
-
|
|
557
|
-
else if (
|
|
558
|
-
const
|
|
559
|
-
|
|
550
|
+
let d = o, f = 0;
|
|
551
|
+
for (; d && f < e; ) {
|
|
552
|
+
const n = d.tagName.toLowerCase();
|
|
553
|
+
if (n === "html" || n === "body") break;
|
|
554
|
+
let y = n;
|
|
555
|
+
if (d.id)
|
|
556
|
+
y = `#${d.id}`;
|
|
557
|
+
else if (d.className && typeof d.className == "string") {
|
|
558
|
+
const $ = d.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
|
-
r.unshift(
|
|
561
|
+
r.unshift(y), d = d.parentElement, f++;
|
|
562
562
|
}
|
|
563
563
|
return r.join(" > ");
|
|
564
564
|
}
|
|
565
|
-
function
|
|
566
|
-
var
|
|
567
|
-
const e =
|
|
565
|
+
function me(o) {
|
|
566
|
+
var d, f, n, y, $, k, T, I;
|
|
567
|
+
const e = Oo(o);
|
|
568
568
|
if (o.dataset.element)
|
|
569
569
|
return { name: o.dataset.element, path: e };
|
|
570
570
|
const r = o.tagName.toLowerCase();
|
|
571
571
|
if (["path", "circle", "rect", "line", "g"].includes(r)) {
|
|
572
|
-
const
|
|
573
|
-
if (
|
|
574
|
-
const
|
|
575
|
-
if (
|
|
576
|
-
return { name: `graphic in ${
|
|
572
|
+
const m = o.closest("svg");
|
|
573
|
+
if (m) {
|
|
574
|
+
const b = m.parentElement;
|
|
575
|
+
if (b)
|
|
576
|
+
return { name: `graphic in ${me(b).name}`, path: e };
|
|
577
577
|
}
|
|
578
578
|
return { name: "graphic element", path: e };
|
|
579
579
|
}
|
|
580
580
|
if (r === "svg") {
|
|
581
|
-
const
|
|
582
|
-
if ((
|
|
583
|
-
const
|
|
584
|
-
return { name:
|
|
581
|
+
const m = o.parentElement;
|
|
582
|
+
if ((m == null ? void 0 : m.tagName.toLowerCase()) === "button") {
|
|
583
|
+
const b = (d = m.textContent) == null ? void 0 : d.trim();
|
|
584
|
+
return { name: b ? `icon in "${b}" button` : "button icon", path: e };
|
|
585
585
|
}
|
|
586
586
|
return { name: "icon", path: e };
|
|
587
587
|
}
|
|
588
588
|
if (r === "button") {
|
|
589
|
-
const
|
|
590
|
-
return
|
|
589
|
+
const m = (f = o.textContent) == null ? void 0 : f.trim(), b = o.getAttribute("aria-label");
|
|
590
|
+
return b ? { name: `button [${b}]`, path: e } : { name: m ? `button "${m.slice(0, 25)}"` : "button", path: e };
|
|
591
591
|
}
|
|
592
592
|
if (r === "a") {
|
|
593
|
-
const
|
|
594
|
-
return
|
|
593
|
+
const m = (n = o.textContent) == null ? void 0 : n.trim(), b = o.getAttribute("href");
|
|
594
|
+
return m ? { name: `link "${m.slice(0, 25)}"`, path: e } : b ? { name: `link to ${b.slice(0, 30)}`, path: e } : { name: "link", path: e };
|
|
595
595
|
}
|
|
596
596
|
if (r === "input") {
|
|
597
|
-
const
|
|
598
|
-
return
|
|
597
|
+
const m = o.getAttribute("type") || "text", b = o.getAttribute("placeholder"), z = o.getAttribute("name");
|
|
598
|
+
return b ? { name: `input "${b}"`, path: e } : z ? { name: `input [${z}]`, path: e } : { name: `${m} input`, path: e };
|
|
599
599
|
}
|
|
600
600
|
if (["h1", "h2", "h3", "h4", "h5", "h6"].includes(r)) {
|
|
601
|
-
const
|
|
602
|
-
return { name:
|
|
601
|
+
const m = (y = o.textContent) == null ? void 0 : y.trim();
|
|
602
|
+
return { name: m ? `${r} "${m.slice(0, 35)}"` : r, path: e };
|
|
603
603
|
}
|
|
604
604
|
if (r === "p") {
|
|
605
|
-
const
|
|
606
|
-
return
|
|
605
|
+
const m = ($ = o.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
608
|
if (r === "span" || r === "label") {
|
|
609
|
-
const
|
|
610
|
-
return
|
|
609
|
+
const m = (k = o.textContent) == null ? void 0 : k.trim();
|
|
610
|
+
return m && m.length < 40 ? { name: `"${m}"`, path: e } : { name: r, path: e };
|
|
611
611
|
}
|
|
612
612
|
if (r === "li") {
|
|
613
|
-
const
|
|
614
|
-
return
|
|
613
|
+
const m = (T = o.textContent) == null ? void 0 : T.trim();
|
|
614
|
+
return m && m.length < 40 ? { name: `list item: "${m.slice(0, 35)}"`, path: e } : { name: "list item", path: e };
|
|
615
615
|
}
|
|
616
616
|
if (r === "blockquote") return { name: "blockquote", path: e };
|
|
617
617
|
if (r === "code") {
|
|
618
|
-
const
|
|
619
|
-
return
|
|
618
|
+
const m = (I = o.textContent) == null ? void 0 : I.trim();
|
|
619
|
+
return m && m.length < 30 ? { name: `code: \`${m}\``, path: e } : { name: "code", path: e };
|
|
620
620
|
}
|
|
621
621
|
if (r === "pre") return { name: "code block", path: e };
|
|
622
622
|
if (r === "img") {
|
|
623
|
-
const
|
|
624
|
-
return { name:
|
|
623
|
+
const m = o.getAttribute("alt");
|
|
624
|
+
return { name: m ? `image "${m.slice(0, 30)}"` : "image", path: e };
|
|
625
625
|
}
|
|
626
626
|
if (r === "video") return { name: "video", path: e };
|
|
627
627
|
if (["div", "section", "article", "nav", "header", "footer", "aside", "main"].includes(r)) {
|
|
628
|
-
const
|
|
629
|
-
if (
|
|
630
|
-
if (
|
|
631
|
-
if (typeof
|
|
632
|
-
const
|
|
633
|
-
if (
|
|
628
|
+
const m = o.className, b = o.getAttribute("role"), z = o.getAttribute("aria-label");
|
|
629
|
+
if (z) return { name: `${r} [${z}]`, path: e };
|
|
630
|
+
if (b) return { name: `${b}`, path: e };
|
|
631
|
+
if (typeof m == "string" && m) {
|
|
632
|
+
const O = m.split(/[\s_-]+/).map((B) => B.replace(/[A-Z0-9]{5,}.*$/, "")).filter((B) => B.length > 2 && !/^[a-z]{1,2}$/.test(B)).slice(0, 2);
|
|
633
|
+
if (O.length > 0) return { name: O.join(" "), path: e };
|
|
634
634
|
}
|
|
635
635
|
return { name: r === "div" ? "container" : r, path: e };
|
|
636
636
|
}
|
|
637
637
|
return { name: r, path: e };
|
|
638
638
|
}
|
|
639
|
-
function
|
|
640
|
-
var
|
|
641
|
-
const e = [], r = (
|
|
639
|
+
function jo(o) {
|
|
640
|
+
var n, y, $;
|
|
641
|
+
const e = [], r = (n = o.textContent) == null ? void 0 : n.trim();
|
|
642
642
|
r && r.length < 100 && e.push(r);
|
|
643
|
-
const
|
|
644
|
-
if (
|
|
645
|
-
const
|
|
646
|
-
|
|
643
|
+
const d = o.previousElementSibling;
|
|
644
|
+
if (d) {
|
|
645
|
+
const k = (y = d.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 f = o.nextElementSibling;
|
|
649
|
+
if (f) {
|
|
650
|
+
const k = ($ = f.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 r,
|
|
655
|
+
function M1(o) {
|
|
656
|
+
var r, d;
|
|
657
657
|
if (o.dataset.element) return o.dataset.element;
|
|
658
658
|
const e = o.tagName.toLowerCase();
|
|
659
659
|
if (e === "path") return "path";
|
|
@@ -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 f = (r = o.textContent) == null ? void 0 : r.trim();
|
|
669
|
+
return f ? `button "${f}"` : "button";
|
|
670
670
|
}
|
|
671
671
|
if (e === "input")
|
|
672
672
|
return `input (${o.getAttribute("type") || "text"})`;
|
|
673
673
|
if (e === "span" || e === "p" || e === "label") {
|
|
674
|
-
const
|
|
675
|
-
return
|
|
674
|
+
const f = (d = o.textContent) == null ? void 0 : d.trim();
|
|
675
|
+
return f && f.length < 30 ? `"${f}"` : "text";
|
|
676
676
|
}
|
|
677
677
|
if (e === "div") {
|
|
678
|
-
const
|
|
679
|
-
if (typeof
|
|
680
|
-
const
|
|
681
|
-
if (
|
|
682
|
-
return
|
|
678
|
+
const f = o.className;
|
|
679
|
+
if (typeof f == "string" && f) {
|
|
680
|
+
const n = f.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
|
|
688
|
+
function Zo(o) {
|
|
689
689
|
const e = o.parentElement;
|
|
690
690
|
if (!e) return "";
|
|
691
691
|
const r = Array.from(e.children).filter(
|
|
692
|
-
(
|
|
692
|
+
(k) => k !== o && k instanceof HTMLElement
|
|
693
693
|
);
|
|
694
694
|
if (r.length === 0) return "";
|
|
695
|
-
const
|
|
696
|
-
var
|
|
697
|
-
const
|
|
698
|
-
let
|
|
699
|
-
if (typeof
|
|
700
|
-
const
|
|
701
|
-
|
|
695
|
+
const d = r.slice(0, 4).map((k) => {
|
|
696
|
+
var b;
|
|
697
|
+
const T = k.tagName.toLowerCase(), I = k.className;
|
|
698
|
+
let m = "";
|
|
699
|
+
if (typeof I == "string" && I) {
|
|
700
|
+
const z = I.split(/\s+/).map((O) => O.replace(/[_][a-zA-Z0-9]{5,}.*$/, "")).find((O) => O.length > 2 && !/^[a-z]{1,2}$/.test(O));
|
|
701
|
+
z && (m = `.${z}`);
|
|
702
702
|
}
|
|
703
|
-
if (
|
|
704
|
-
const
|
|
705
|
-
if (
|
|
703
|
+
if (T === "button" || T === "a") {
|
|
704
|
+
const z = (b = k.textContent) == null ? void 0 : b.trim().slice(0, 15);
|
|
705
|
+
if (z) return `${T}${m} "${z}"`;
|
|
706
706
|
}
|
|
707
|
-
return `${
|
|
707
|
+
return `${T}${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((T) => T.replace(/[_][a-zA-Z0-9]{5,}.*$/, "")).find((T) => T.length > 2 && !/^[a-z]{1,2}$/.test(T));
|
|
712
|
+
k && (n = `.${k}`);
|
|
713
713
|
}
|
|
714
|
-
const
|
|
715
|
-
return
|
|
714
|
+
const y = e.children.length, $ = y > d.length + 1 ? ` (${y} total in ${n})` : "";
|
|
715
|
+
return d.join(", ") + $;
|
|
716
716
|
}
|
|
717
|
-
function
|
|
717
|
+
function Ro(o) {
|
|
718
718
|
const e = o.className;
|
|
719
|
-
return typeof e != "string" || !e ? "" : e.split(/\s+/).filter((
|
|
720
|
-
const
|
|
721
|
-
return
|
|
722
|
-
}).filter((
|
|
719
|
+
return typeof e != "string" || !e ? "" : e.split(/\s+/).filter((d) => d.length > 0).map((d) => {
|
|
720
|
+
const f = d.match(/^([a-zA-Z][a-zA-Z0-9_-]*?)(?:_[a-zA-Z0-9]{5,})?$/);
|
|
721
|
+
return f ? f[1] : d;
|
|
722
|
+
}).filter((d, f, n) => n.indexOf(d) === f).join(", ");
|
|
723
723
|
}
|
|
724
|
-
function
|
|
724
|
+
function z1(o) {
|
|
725
725
|
if (typeof window > "u") return "";
|
|
726
|
-
const e = window.getComputedStyle(o), r = [],
|
|
727
|
-
|
|
728
|
-
const
|
|
729
|
-
|
|
730
|
-
const
|
|
731
|
-
|
|
732
|
-
const
|
|
733
|
-
|
|
734
|
-
const
|
|
735
|
-
return
|
|
726
|
+
const e = window.getComputedStyle(o), r = [], d = e.color, f = e.backgroundColor;
|
|
727
|
+
d && d !== "rgb(0, 0, 0)" && r.push(`color: ${d}`), f && f !== "rgba(0, 0, 0, 0)" && f !== "transparent" && r.push(`bg: ${f}`);
|
|
728
|
+
const n = e.fontSize, y = e.fontWeight;
|
|
729
|
+
n && r.push(`font: ${n}`), y && y !== "400" && y !== "normal" && r.push(`weight: ${y}`);
|
|
730
|
+
const $ = e.padding, k = e.margin;
|
|
731
|
+
$ && $ !== "0px" && r.push(`padding: ${$}`), k && k !== "0px" && r.push(`margin: ${k}`);
|
|
732
|
+
const T = e.display, I = e.position;
|
|
733
|
+
T && T !== "block" && T !== "inline" && r.push(`display: ${T}`), I && I !== "static" && r.push(`position: ${I}`);
|
|
734
|
+
const m = e.borderRadius;
|
|
735
|
+
return m && m !== "0px" && r.push(`radius: ${m}`), r.join(", ");
|
|
736
736
|
}
|
|
737
|
-
const
|
|
737
|
+
const ft = /* @__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
|
+
]), Fo = /* @__PURE__ */ new Set(["input", "textarea", "select"]), Yo = /* @__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(o) {
|
|
790
790
|
if (typeof window > "u") return {};
|
|
791
|
-
const e = window.getComputedStyle(o), r = {},
|
|
792
|
-
let
|
|
793
|
-
|
|
794
|
-
for (const
|
|
795
|
-
const
|
|
796
|
-
|
|
791
|
+
const e = window.getComputedStyle(o), r = {}, d = o.tagName.toLowerCase();
|
|
792
|
+
let f;
|
|
793
|
+
Vo.has(d) ? f = ["color", "fontSize", "fontWeight", "fontFamily", "lineHeight"] : d === "button" || d === "a" && o.getAttribute("role") === "button" ? f = ["backgroundColor", "color", "padding", "borderRadius", "fontSize"] : Fo.has(d) ? f = ["backgroundColor", "color", "padding", "borderRadius", "fontSize"] : Yo.has(d) ? f = ["width", "height", "objectFit", "borderRadius"] : Wo.has(d) ? f = ["display", "padding", "margin", "gap", "backgroundColor"] : f = ["color", "fontSize", "margin", "padding", "backgroundColor"];
|
|
794
|
+
for (const n of f) {
|
|
795
|
+
const y = n.replace(/([A-Z])/g, "-$1").toLowerCase(), $ = e.getPropertyValue(y);
|
|
796
|
+
$ && !ft.has($) && (r[n] = $);
|
|
797
797
|
}
|
|
798
798
|
return r;
|
|
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(o) {
|
|
840
840
|
if (typeof window > "u") return "";
|
|
841
841
|
const e = window.getComputedStyle(o), r = [];
|
|
842
|
-
for (const
|
|
843
|
-
const
|
|
844
|
-
|
|
842
|
+
for (const d of Uo) {
|
|
843
|
+
const f = d.replace(/([A-Z])/g, "-$1").toLowerCase(), n = e.getPropertyValue(f);
|
|
844
|
+
n && !ft.has(n) && r.push(`${f}: ${n}`);
|
|
845
845
|
}
|
|
846
846
|
return r.join("; ");
|
|
847
847
|
}
|
|
848
|
-
function
|
|
848
|
+
function S1(o) {
|
|
849
849
|
if (!o) return;
|
|
850
|
-
const e = {}, r = o.split(";").map((
|
|
851
|
-
for (const
|
|
852
|
-
const
|
|
853
|
-
if (
|
|
854
|
-
const
|
|
855
|
-
|
|
850
|
+
const e = {}, r = o.split(";").map((d) => d.trim()).filter(Boolean);
|
|
851
|
+
for (const d of r) {
|
|
852
|
+
const f = d.indexOf(":");
|
|
853
|
+
if (f > 0) {
|
|
854
|
+
const n = d.slice(0, f).trim(), y = d.slice(f + 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 = [], r = o.getAttribute("role"),
|
|
862
|
-
return r && e.push(`role="${r}"`),
|
|
860
|
+
function Go(o) {
|
|
861
|
+
const e = [], r = o.getAttribute("role"), d = o.getAttribute("aria-label"), f = o.getAttribute("aria-describedby"), n = o.getAttribute("tabindex"), y = o.getAttribute("aria-hidden");
|
|
862
|
+
return r && e.push(`role="${r}"`), d && e.push(`aria-label="${d}"`), f && e.push(`aria-describedby="${f}"`), n && e.push(`tabindex=${n}`), y === "true" && e.push("aria-hidden"), o.matches("a, button, input, select, textarea, [tabindex]") && e.push("focusable"), e.join(", ");
|
|
863
863
|
}
|
|
864
|
-
function
|
|
864
|
+
function Ko(o) {
|
|
865
865
|
const e = [];
|
|
866
866
|
let r = o;
|
|
867
867
|
for (; r && r.tagName.toLowerCase() !== "html"; ) {
|
|
868
|
-
const
|
|
869
|
-
let
|
|
868
|
+
const d = r.tagName.toLowerCase();
|
|
869
|
+
let f = d;
|
|
870
870
|
if (r.id)
|
|
871
|
-
|
|
871
|
+
f = `${d}#${r.id}`;
|
|
872
872
|
else if (r.className && typeof r.className == "string") {
|
|
873
|
-
const
|
|
874
|
-
|
|
873
|
+
const n = r.className.split(/\s+/).map((y) => y.replace(/[_][a-zA-Z0-9]{5,}.*$/, "")).find((y) => y.length > 2);
|
|
874
|
+
n && (f = `${d}.${n}`);
|
|
875
875
|
}
|
|
876
|
-
e.unshift(
|
|
876
|
+
e.unshift(f), r = r.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 ue(o) {
|
|
882
|
+
return `${Qo}${o}`;
|
|
883
883
|
}
|
|
884
|
-
function
|
|
884
|
+
function en(o) {
|
|
885
885
|
if (typeof window > "u") return [];
|
|
886
886
|
try {
|
|
887
|
-
const e = localStorage.getItem(
|
|
887
|
+
const e = localStorage.getItem(ue(o));
|
|
888
888
|
if (!e) return [];
|
|
889
|
-
const r = JSON.parse(e),
|
|
890
|
-
return r.filter((
|
|
889
|
+
const r = JSON.parse(e), d = Date.now() - Jo * 24 * 60 * 60 * 1e3;
|
|
890
|
+
return r.filter((f) => !f.timestamp || f.timestamp > d);
|
|
891
891
|
} catch {
|
|
892
892
|
return [];
|
|
893
893
|
}
|
|
894
894
|
}
|
|
895
|
-
function
|
|
895
|
+
function tn(o, e) {
|
|
896
896
|
if (!(typeof window > "u"))
|
|
897
897
|
try {
|
|
898
|
-
localStorage.setItem(
|
|
898
|
+
localStorage.setItem(ue(o), JSON.stringify(e));
|
|
899
899
|
} catch {
|
|
900
900
|
}
|
|
901
901
|
}
|
|
902
|
-
function
|
|
902
|
+
function E1(o) {
|
|
903
903
|
if (!(typeof window > "u"))
|
|
904
904
|
try {
|
|
905
|
-
localStorage.removeItem(
|
|
905
|
+
localStorage.removeItem(ue(o));
|
|
906
906
|
} catch {
|
|
907
907
|
}
|
|
908
908
|
}
|
|
909
|
-
const
|
|
909
|
+
const on = "1.0.2", nn = ["data-active"], ln = ["disabled"], sn = ["disabled", "data-active"], an = ["disabled"], rn = ["title"], cn = ["onClick"], un = ["title"], dn = ["onMouseenter", "onClick", "onContextmenu"], Ge = 5, pn = 50, Ke = 20, Qe = 290, be = 280, we = 20, Je = 5, hn = /* @__PURE__ */ et({
|
|
910
910
|
__name: "Agentation",
|
|
911
911
|
props: {
|
|
912
912
|
accentColor: { default: "#3c82f7" },
|
|
@@ -920,59 +920,117 @@ const Bo = ["data-active"], Po = ["disabled"], jo = ["disabled", "data-active"],
|
|
|
920
920
|
emits: ["annotationAdd", "annotationDelete", "annotationUpdate", "annotationsClear", "copy"],
|
|
921
921
|
setup(o, { emit: e }) {
|
|
922
922
|
let r = !1;
|
|
923
|
-
const
|
|
923
|
+
const d = /* @__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
|
+
]), f = [
|
|
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 = tt(), 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
|
-
|
|
939
|
-
},
|
|
940
|
-
let
|
|
941
|
-
const
|
|
942
|
-
|
|
943
|
-
|
|
944
|
-
|
|
992
|
+
blockInteractions: !1
|
|
993
|
+
}, T = o, I = e, m = _(!1), b = _(!1), z = _([]), O = _(!0), B = _(null), le = _({ x: 0, y: 0 }), g = _(null), S = _(null), se = _(!1), ve = _(!1), M = _(null), C = _(!0), W = _(!1), K = _(0), de = _(!1), ke = _(!1), x = _({ ...k }), J = _(!1), j = _(null), ne = _(!1), ee = _(null), Ee = _(0);
|
|
994
|
+
let X = !1;
|
|
995
|
+
const te = _(!1), U = _(null), q = _(null), ae = _([]);
|
|
996
|
+
let Ce = !1, $e = 0;
|
|
997
|
+
const pe = _(null);
|
|
998
|
+
let xe = !1;
|
|
999
|
+
const Te = _(null), Ie = _(null), ie = typeof window < "u" ? window.location.pathname : "/", ye = ge(() => z.value.length > 0), mt = ge(() => {
|
|
1000
|
+
if (!g.value) return { left: "0px", top: "0px" };
|
|
1001
|
+
const t = g.value.clientY, p = g.value.x / 100 * (typeof window < "u" ? window.innerWidth : 1e3), c = Math.max(
|
|
1002
|
+
be / 2 + we,
|
|
945
1003
|
Math.min(
|
|
946
|
-
(typeof window < "u" ? window.innerWidth : 1e3) -
|
|
1004
|
+
(typeof window < "u" ? window.innerWidth : 1e3) - be / 2 - we,
|
|
947
1005
|
p
|
|
948
1006
|
)
|
|
949
|
-
),
|
|
950
|
-
return
|
|
951
|
-
left: `${
|
|
952
|
-
bottom: `${
|
|
1007
|
+
), u = typeof window < "u" ? window.innerHeight : 800;
|
|
1008
|
+
return t > u - Qe ? {
|
|
1009
|
+
left: `${c}px`,
|
|
1010
|
+
bottom: `${u - t + 20}px`
|
|
953
1011
|
} : {
|
|
954
|
-
left: `${
|
|
955
|
-
top: `${
|
|
1012
|
+
left: `${c}px`,
|
|
1013
|
+
top: `${t + 20}px`
|
|
956
1014
|
};
|
|
957
|
-
}),
|
|
1015
|
+
}), gt = ge(() => {
|
|
958
1016
|
if (!S.value) return { left: "0px", top: "0px" };
|
|
959
|
-
const
|
|
960
|
-
|
|
1017
|
+
const t = S.value, l = t.isFixed ? t.y : t.y - K.value, c = t.x / 100 * (typeof window < "u" ? window.innerWidth : 1e3), u = Math.max(
|
|
1018
|
+
be / 2 + we,
|
|
961
1019
|
Math.min(
|
|
962
|
-
(typeof window < "u" ? window.innerWidth : 1e3) -
|
|
963
|
-
|
|
1020
|
+
(typeof window < "u" ? window.innerWidth : 1e3) - be / 2 - we,
|
|
1021
|
+
c
|
|
964
1022
|
)
|
|
965
|
-
),
|
|
966
|
-
return l >
|
|
967
|
-
left: `${
|
|
968
|
-
bottom: `${
|
|
1023
|
+
), i = typeof window < "u" ? window.innerHeight : 800;
|
|
1024
|
+
return l > i - Qe ? {
|
|
1025
|
+
left: `${u}px`,
|
|
1026
|
+
bottom: `${i - l + 20}px`
|
|
969
1027
|
} : {
|
|
970
|
-
left: `${
|
|
1028
|
+
left: `${u}px`,
|
|
971
1029
|
top: `${l + 20}px`
|
|
972
1030
|
};
|
|
973
1031
|
});
|
|
974
|
-
function
|
|
975
|
-
let l =
|
|
1032
|
+
function vt(t) {
|
|
1033
|
+
let l = t;
|
|
976
1034
|
for (; l && l !== document.body; ) {
|
|
977
1035
|
const p = window.getComputedStyle(l);
|
|
978
1036
|
if (p.position === "fixed" || p.position === "sticky")
|
|
@@ -981,256 +1039,419 @@ const Bo = ["data-active"], Po = ["disabled"], jo = ["disabled", "data-active"],
|
|
|
981
1039
|
}
|
|
982
1040
|
return !1;
|
|
983
1041
|
}
|
|
984
|
-
function
|
|
985
|
-
const p = parseInt(
|
|
986
|
-
return `rgba(${p}, ${
|
|
1042
|
+
function Ct(t, l) {
|
|
1043
|
+
const p = parseInt(t.slice(1, 3), 16), c = parseInt(t.slice(3, 5), 16), u = parseInt(t.slice(5, 7), 16);
|
|
1044
|
+
return `rgba(${p}, ${c}, ${u}, ${l})`;
|
|
987
1045
|
}
|
|
988
|
-
function
|
|
989
|
-
|
|
990
|
-
|
|
991
|
-
|
|
992
|
-
|
|
993
|
-
|
|
994
|
-
|
|
995
|
-
|
|
996
|
-
|
|
997
|
-
|
|
1046
|
+
function Be(t, l) {
|
|
1047
|
+
return {
|
|
1048
|
+
left: Math.min(t.x, l.x),
|
|
1049
|
+
top: Math.min(t.y, l.y),
|
|
1050
|
+
right: Math.max(t.x, l.x),
|
|
1051
|
+
bottom: Math.max(t.y, l.y),
|
|
1052
|
+
width: Math.abs(l.x - t.x),
|
|
1053
|
+
height: Math.abs(l.y - t.y)
|
|
1054
|
+
};
|
|
1055
|
+
}
|
|
1056
|
+
function yt(t, l) {
|
|
1057
|
+
return !(t.right < l.left || t.left > l.right || t.bottom < l.top || t.top > l.bottom);
|
|
1058
|
+
}
|
|
1059
|
+
function bt(t) {
|
|
1060
|
+
const l = window.innerWidth, p = window.innerHeight;
|
|
1061
|
+
return t.width > l * 0.8 && t.height > p * 0.5;
|
|
1062
|
+
}
|
|
1063
|
+
function wt(t) {
|
|
1064
|
+
return t.filter((l) => !t.some((p) => p !== l && p.contains(l)));
|
|
1065
|
+
}
|
|
1066
|
+
function Ae(t) {
|
|
1067
|
+
const l = [], p = f.map((i) => i.toLowerCase()).join(",");
|
|
1068
|
+
document.querySelectorAll(p).forEach((i) => {
|
|
1069
|
+
if (i.closest("[data-feedback-toolbar]") || i.closest("[data-annotation-popup]") || i.closest("[data-annotation-marker]"))
|
|
1070
|
+
return;
|
|
1071
|
+
const L = i.getBoundingClientRect();
|
|
1072
|
+
if (L.width === 0 || L.height === 0) return;
|
|
1073
|
+
const A = window.getComputedStyle(i);
|
|
1074
|
+
A.display === "none" || A.visibility === "hidden" || A.opacity === "0" || bt(L) || yt(L, t) && l.push({ element: i, rect: L });
|
|
1075
|
+
});
|
|
1076
|
+
const u = wt(l.map((i) => i.element));
|
|
1077
|
+
return l.filter((i) => u.includes(i.element));
|
|
1078
|
+
}
|
|
1079
|
+
function kt(t) {
|
|
1080
|
+
if (t.length === 0) return "Empty area";
|
|
1081
|
+
if (t.length === 1) {
|
|
1082
|
+
const { name: c } = me(t[0]);
|
|
1083
|
+
return c;
|
|
998
1084
|
}
|
|
999
|
-
|
|
1085
|
+
const l = {};
|
|
1086
|
+
t.forEach((c) => {
|
|
1087
|
+
const u = c.tagName.toLowerCase();
|
|
1088
|
+
l[u] = (l[u] || 0) + 1;
|
|
1089
|
+
});
|
|
1090
|
+
const p = Object.entries(l).map(([c, u]) => u > 1 ? `${u} ${c}s` : c);
|
|
1091
|
+
return `${t.length} elements: ${p.join(", ")}`;
|
|
1092
|
+
}
|
|
1093
|
+
function xt(t) {
|
|
1094
|
+
if (t.length === 0) return { x: 0, y: 0, width: 0, height: 0 };
|
|
1095
|
+
const l = Math.min(...t.map((i) => i.left)), p = Math.min(...t.map((i) => i.top)), c = Math.max(...t.map((i) => i.right)), u = Math.max(...t.map((i) => i.bottom));
|
|
1096
|
+
return {
|
|
1097
|
+
x: l,
|
|
1098
|
+
y: p + window.scrollY,
|
|
1099
|
+
width: c - l,
|
|
1100
|
+
height: u - p
|
|
1101
|
+
};
|
|
1000
1102
|
}
|
|
1001
|
-
function
|
|
1002
|
-
|
|
1003
|
-
|
|
1004
|
-
|
|
1103
|
+
function _t(t) {
|
|
1104
|
+
const i = t.x / 100 * (typeof window < "u" ? window.innerWidth : 1e3), L = t.y, A = {};
|
|
1105
|
+
(typeof window < "u" ? window.innerHeight : 800) - L - 22 - 10 < 80 && (A.top = "auto", A.bottom = "calc(100% + 10px)");
|
|
1106
|
+
const V = i - 200 / 2, Y = 10, F = typeof window < "u" ? window.innerWidth : 1e3;
|
|
1107
|
+
if (V < Y) {
|
|
1108
|
+
const he = Y - V;
|
|
1109
|
+
A.left = `calc(50% + ${he}px)`;
|
|
1110
|
+
} else if (V + 200 > F - Y) {
|
|
1111
|
+
const he = V + 200 - (F - Y);
|
|
1112
|
+
A.left = `calc(50% - ${he}px)`;
|
|
1113
|
+
}
|
|
1114
|
+
return A;
|
|
1115
|
+
}
|
|
1116
|
+
function Lt(t, l, p = "standard") {
|
|
1117
|
+
if (t.length === 0) return "";
|
|
1118
|
+
const c = typeof window < "u" ? `${window.innerWidth}×${window.innerHeight}` : "unknown";
|
|
1119
|
+
let u = `## Page Feedback: ${l}
|
|
1005
1120
|
`;
|
|
1006
|
-
return p
|
|
1007
|
-
|
|
1008
|
-
`,
|
|
1009
|
-
|
|
1010
|
-
|
|
1011
|
-
`,
|
|
1012
|
-
`,
|
|
1013
|
-
`),
|
|
1121
|
+
return p === "forensic" ? (u += `
|
|
1122
|
+
**Environment:**
|
|
1123
|
+
`, u += `- Viewport: ${c}
|
|
1124
|
+
`, typeof window < "u" && (u += `- URL: ${window.location.href}
|
|
1125
|
+
`, u += `- User Agent: ${navigator.userAgent}
|
|
1126
|
+
`, u += `- Timestamp: ${(/* @__PURE__ */ new Date()).toISOString()}
|
|
1127
|
+
`, u += `- Device Pixel Ratio: ${window.devicePixelRatio}
|
|
1128
|
+
`), u += `
|
|
1129
|
+
---
|
|
1130
|
+
`) : p !== "compact" && (u += `**Viewport:** ${c}
|
|
1131
|
+
`), u += `
|
|
1132
|
+
`, t.forEach((i, L) => {
|
|
1133
|
+
p === "compact" ? (u += `${L + 1}. **${i.element}**: ${i.comment}`, i.selectedText && (u += ` (re: "${i.selectedText.slice(0, 30)}${i.selectedText.length > 30 ? "..." : ""}")`), u += `
|
|
1134
|
+
`) : p === "forensic" ? (u += `### ${L + 1}. ${i.element}
|
|
1135
|
+
`, i.isMultiSelect && i.fullPath && (u += `*Forensic data shown for first element of selection*
|
|
1136
|
+
`), i.fullPath && (u += `**Full DOM Path:** ${i.fullPath}
|
|
1137
|
+
`), i.cssClasses && (u += `**CSS Classes:** ${i.cssClasses}
|
|
1138
|
+
`), i.boundingBox && (u += `**Position:** x:${Math.round(i.boundingBox.x)}, y:${Math.round(i.boundingBox.y)} (${Math.round(i.boundingBox.width)}×${Math.round(i.boundingBox.height)}px)
|
|
1139
|
+
`), u += `**Annotation at:** ${i.x.toFixed(1)}% from left, ${Math.round(i.y)}px from top
|
|
1140
|
+
`, i.selectedText && (u += `**Selected text:** "${i.selectedText}"
|
|
1141
|
+
`), i.nearbyText && !i.selectedText && (u += `**Context:** ${i.nearbyText.slice(0, 100)}
|
|
1142
|
+
`), i.computedStyles && (u += `**Computed Styles:** ${i.computedStyles}
|
|
1143
|
+
`), i.accessibility && (u += `**Accessibility:** ${i.accessibility}
|
|
1144
|
+
`), i.nearbyElements && (u += `**Nearby Elements:** ${i.nearbyElements}
|
|
1145
|
+
`), u += `**Feedback:** ${i.comment}
|
|
1146
|
+
|
|
1147
|
+
`) : (u += `### ${L + 1}. ${i.element}
|
|
1148
|
+
`, u += `**Location:** ${i.elementPath}
|
|
1149
|
+
`, p === "detailed" && (i.cssClasses && (u += `**Classes:** ${i.cssClasses}
|
|
1150
|
+
`), i.boundingBox && (u += `**Position:** ${Math.round(i.boundingBox.x)}px, ${Math.round(i.boundingBox.y)}px (${Math.round(i.boundingBox.width)}×${Math.round(i.boundingBox.height)}px)
|
|
1151
|
+
`)), i.selectedText && (u += `**Selected text:** "${i.selectedText}"
|
|
1152
|
+
`), p === "detailed" && i.nearbyText && !i.selectedText && (u += `**Context:** ${i.nearbyText.slice(0, 100)}
|
|
1153
|
+
`), u += `**Feedback:** ${i.comment}
|
|
1014
1154
|
|
|
1015
1155
|
`);
|
|
1016
|
-
}),
|
|
1156
|
+
}), u.trim();
|
|
1017
1157
|
}
|
|
1018
|
-
const
|
|
1019
|
-
|
|
1020
|
-
},
|
|
1021
|
-
|
|
1022
|
-
},
|
|
1023
|
-
|
|
1024
|
-
},
|
|
1025
|
-
|
|
1026
|
-
},
|
|
1027
|
-
const l = (
|
|
1028
|
-
(p) => p.value ===
|
|
1029
|
-
) + 1) %
|
|
1030
|
-
|
|
1031
|
-
},
|
|
1032
|
-
|
|
1033
|
-
},
|
|
1034
|
-
if (
|
|
1035
|
-
const
|
|
1036
|
-
|
|
1158
|
+
const Pe = () => {
|
|
1159
|
+
X || (b.value = !b.value);
|
|
1160
|
+
}, Mt = () => {
|
|
1161
|
+
X || (O.value = !O.value);
|
|
1162
|
+
}, zt = () => {
|
|
1163
|
+
X || (C.value = !C.value, localStorage.setItem("feedback-toolbar-theme", C.value ? "dark" : "light"));
|
|
1164
|
+
}, St = () => {
|
|
1165
|
+
X || (de.value = !de.value);
|
|
1166
|
+
}, Et = () => {
|
|
1167
|
+
const l = (y.findIndex(
|
|
1168
|
+
(p) => p.value === x.value.outputDetail
|
|
1169
|
+
) + 1) % y.length;
|
|
1170
|
+
x.value.outputDetail = y[l].value;
|
|
1171
|
+
}, $t = (t) => {
|
|
1172
|
+
x.value.annotationColor = t;
|
|
1173
|
+
}, He = () => {
|
|
1174
|
+
if (J.value) return;
|
|
1175
|
+
const t = document.createElement("style");
|
|
1176
|
+
t.id = "feedback-freeze-styles", t.textContent = `
|
|
1037
1177
|
*: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
1178
|
*: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
1179
|
*: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
1180
|
animation-play-state: paused !important;
|
|
1041
1181
|
transition: none !important;
|
|
1042
1182
|
}
|
|
1043
|
-
`, document.head.appendChild(
|
|
1183
|
+
`, document.head.appendChild(t), document.querySelectorAll("video").forEach((l) => {
|
|
1044
1184
|
l.paused || (l.dataset.wasPaused = "false", l.pause());
|
|
1045
|
-
}),
|
|
1046
|
-
},
|
|
1047
|
-
if (!
|
|
1048
|
-
const
|
|
1049
|
-
|
|
1185
|
+
}), J.value = !0;
|
|
1186
|
+
}, _e = () => {
|
|
1187
|
+
if (!J.value) return;
|
|
1188
|
+
const t = document.getElementById("feedback-freeze-styles");
|
|
1189
|
+
t && t.remove(), document.querySelectorAll("video").forEach((l) => {
|
|
1050
1190
|
l.dataset.wasPaused === "false" && (l.play(), delete l.dataset.wasPaused);
|
|
1051
|
-
}),
|
|
1052
|
-
},
|
|
1053
|
-
|
|
1054
|
-
},
|
|
1055
|
-
if (
|
|
1191
|
+
}), J.value = !1;
|
|
1192
|
+
}, Tt = () => {
|
|
1193
|
+
X || (J.value ? (_e(), x.value.blockInteractions = !1) : (He(), x.value.blockInteractions = !0));
|
|
1194
|
+
}, It = (t) => {
|
|
1195
|
+
if (t.target.closest("[data-settings-panel]"))
|
|
1056
1196
|
return;
|
|
1057
|
-
const l =
|
|
1197
|
+
const l = t.currentTarget;
|
|
1058
1198
|
if (!l) return;
|
|
1059
|
-
const p = l.getBoundingClientRect(),
|
|
1060
|
-
let
|
|
1061
|
-
|
|
1062
|
-
const
|
|
1063
|
-
|
|
1064
|
-
x:
|
|
1065
|
-
y:
|
|
1066
|
-
toolbarX:
|
|
1067
|
-
toolbarY:
|
|
1199
|
+
const p = l.getBoundingClientRect(), c = 257, u = 44;
|
|
1200
|
+
let i, L;
|
|
1201
|
+
j.value ? (i = j.value.x, L = j.value.y) : (b.value ? i = p.left : i = p.left - (c - u), L = p.top);
|
|
1202
|
+
const A = (Math.random() - 0.5) * 10;
|
|
1203
|
+
Ee.value = A, ee.value = {
|
|
1204
|
+
x: t.clientX,
|
|
1205
|
+
y: t.clientY,
|
|
1206
|
+
toolbarX: i,
|
|
1207
|
+
toolbarY: L
|
|
1068
1208
|
};
|
|
1069
|
-
},
|
|
1070
|
-
if (!
|
|
1071
|
-
const l =
|
|
1072
|
-
if (!
|
|
1073
|
-
let
|
|
1074
|
-
const
|
|
1075
|
-
if (
|
|
1076
|
-
|
|
1209
|
+
}, De = (t) => {
|
|
1210
|
+
if (!ee.value) return;
|
|
1211
|
+
const l = t.clientX - ee.value.x, p = t.clientY - ee.value.y, c = Math.sqrt(l * l + p * p);
|
|
1212
|
+
if (!ne.value && c > Je && (ne.value = !0), ne.value || c > Je) {
|
|
1213
|
+
let u = ee.value.toolbarX + l, i = ee.value.toolbarY + p;
|
|
1214
|
+
const L = 20, A = 257, R = 44, G = 44;
|
|
1215
|
+
if (b.value)
|
|
1216
|
+
u = Math.max(L, Math.min(window.innerWidth - A - L, u));
|
|
1077
1217
|
else {
|
|
1078
|
-
const
|
|
1079
|
-
|
|
1218
|
+
const V = A - R, Y = L - V, F = window.innerWidth - A - L - 16;
|
|
1219
|
+
u = Math.max(Y, Math.min(F, u));
|
|
1080
1220
|
}
|
|
1081
|
-
|
|
1221
|
+
i = Math.max(L, Math.min(window.innerHeight - G - L, i)), j.value = { x: u, y: i };
|
|
1082
1222
|
}
|
|
1083
|
-
},
|
|
1084
|
-
|
|
1085
|
-
|
|
1086
|
-
}, 50)),
|
|
1087
|
-
},
|
|
1088
|
-
if (!
|
|
1089
|
-
const
|
|
1090
|
-
let
|
|
1091
|
-
if (
|
|
1092
|
-
|
|
1223
|
+
}, Ne = () => {
|
|
1224
|
+
ne.value && (X = !0, setTimeout(() => {
|
|
1225
|
+
X = !1;
|
|
1226
|
+
}, 50)), ne.value = !1, ee.value = null;
|
|
1227
|
+
}, Le = () => {
|
|
1228
|
+
if (!j.value) return;
|
|
1229
|
+
const t = 20, l = 257, p = 44, c = 44;
|
|
1230
|
+
let u = j.value.x, i = j.value.y;
|
|
1231
|
+
if (b.value)
|
|
1232
|
+
u = Math.max(t, Math.min(window.innerWidth - l - t, u));
|
|
1093
1233
|
else {
|
|
1094
|
-
const
|
|
1095
|
-
|
|
1234
|
+
const L = l - p, A = t - L, R = window.innerWidth - l - t;
|
|
1235
|
+
u = Math.max(A, Math.min(R, u));
|
|
1096
1236
|
}
|
|
1097
|
-
|
|
1098
|
-
},
|
|
1099
|
-
if (
|
|
1100
|
-
const
|
|
1101
|
-
if (
|
|
1102
|
-
if (
|
|
1237
|
+
i = Math.max(t, Math.min(window.innerHeight - c - t, i)), (u !== j.value.x || i !== j.value.y) && (j.value = { x: u, y: i });
|
|
1238
|
+
}, Bt = async () => {
|
|
1239
|
+
if (X) return;
|
|
1240
|
+
const t = Lt(z.value, ie, x.value.outputDetail);
|
|
1241
|
+
if (t) {
|
|
1242
|
+
if (T.copyToClipboard)
|
|
1103
1243
|
try {
|
|
1104
|
-
|
|
1105
|
-
|
|
1106
|
-
|
|
1244
|
+
if (navigator.clipboard && navigator.clipboard.writeText)
|
|
1245
|
+
await navigator.clipboard.writeText(t);
|
|
1246
|
+
else {
|
|
1247
|
+
const l = document.createElement("textarea");
|
|
1248
|
+
l.value = t, l.style.position = "fixed", l.style.left = "-9999px", l.style.top = "-9999px", document.body.appendChild(l), l.focus(), l.select(), document.execCommand("copy"), document.body.removeChild(l);
|
|
1249
|
+
}
|
|
1250
|
+
if (se.value = !0, setTimeout(() => {
|
|
1251
|
+
se.value = !1;
|
|
1252
|
+
}, 2e3), x.value.autoClearAfterCopy) {
|
|
1253
|
+
const l = [...z.value];
|
|
1254
|
+
z.value = [], localStorage.removeItem(ue(ie)), I("annotationsClear", l);
|
|
1255
|
+
}
|
|
1107
1256
|
} catch (l) {
|
|
1108
1257
|
console.error("Failed to copy:", l);
|
|
1109
1258
|
}
|
|
1110
|
-
|
|
1259
|
+
I("copy", t);
|
|
1111
1260
|
}
|
|
1112
|
-
},
|
|
1113
|
-
if (
|
|
1114
|
-
const
|
|
1115
|
-
|
|
1116
|
-
|
|
1117
|
-
}, 2e3),
|
|
1118
|
-
},
|
|
1119
|
-
if (!
|
|
1261
|
+
}, At = () => {
|
|
1262
|
+
if (X || z.value.length === 0) return;
|
|
1263
|
+
const t = [...z.value];
|
|
1264
|
+
z.value = [], localStorage.removeItem(ue(ie)), ve.value = !0, setTimeout(() => {
|
|
1265
|
+
ve.value = !1;
|
|
1266
|
+
}, 2e3), I("annotationsClear", t);
|
|
1267
|
+
}, Pt = (t) => {
|
|
1268
|
+
if (!g.value) return;
|
|
1120
1269
|
const l = {
|
|
1121
1270
|
id: `${Date.now()}-${Math.random().toString(36).slice(2, 9)}`,
|
|
1122
|
-
x:
|
|
1123
|
-
y:
|
|
1124
|
-
comment:
|
|
1125
|
-
element:
|
|
1126
|
-
elementPath:
|
|
1271
|
+
x: g.value.x,
|
|
1272
|
+
y: g.value.y,
|
|
1273
|
+
comment: t,
|
|
1274
|
+
element: g.value.element,
|
|
1275
|
+
elementPath: g.value.elementPath,
|
|
1127
1276
|
timestamp: Date.now(),
|
|
1128
|
-
selectedText:
|
|
1129
|
-
boundingBox:
|
|
1130
|
-
nearbyText:
|
|
1131
|
-
cssClasses:
|
|
1132
|
-
isFixed:
|
|
1133
|
-
fullPath:
|
|
1134
|
-
accessibility:
|
|
1135
|
-
computedStyles:
|
|
1136
|
-
nearbyElements:
|
|
1277
|
+
selectedText: g.value.selectedText,
|
|
1278
|
+
boundingBox: g.value.boundingBox,
|
|
1279
|
+
nearbyText: g.value.nearbyText,
|
|
1280
|
+
cssClasses: g.value.cssClasses,
|
|
1281
|
+
isFixed: g.value.isFixed,
|
|
1282
|
+
fullPath: g.value.fullPath,
|
|
1283
|
+
accessibility: g.value.accessibility,
|
|
1284
|
+
computedStyles: g.value.computedStyles,
|
|
1285
|
+
nearbyElements: g.value.nearbyElements,
|
|
1286
|
+
isMultiSelect: g.value.isMultiSelect
|
|
1137
1287
|
};
|
|
1138
|
-
|
|
1139
|
-
},
|
|
1140
|
-
|
|
1141
|
-
},
|
|
1288
|
+
z.value = [...z.value, l], g.value = null, I("annotationAdd", l);
|
|
1289
|
+
}, Ht = () => {
|
|
1290
|
+
g.value = null;
|
|
1291
|
+
}, Dt = (t) => {
|
|
1142
1292
|
if (!S.value) return;
|
|
1143
|
-
const l = { ...S.value, comment:
|
|
1144
|
-
|
|
1293
|
+
const l = { ...S.value, comment: t };
|
|
1294
|
+
z.value = z.value.map(
|
|
1145
1295
|
(p) => p.id === l.id ? l : p
|
|
1146
|
-
), S.value = null,
|
|
1147
|
-
},
|
|
1296
|
+
), S.value = null, I("annotationUpdate", l);
|
|
1297
|
+
}, Nt = () => {
|
|
1148
1298
|
S.value = null;
|
|
1149
|
-
},
|
|
1150
|
-
l.stopPropagation(), S.value =
|
|
1151
|
-
},
|
|
1152
|
-
l.stopPropagation(),
|
|
1153
|
-
},
|
|
1154
|
-
if (!
|
|
1155
|
-
|
|
1156
|
-
|
|
1299
|
+
}, Ot = (t, l) => {
|
|
1300
|
+
l.stopPropagation(), S.value = t;
|
|
1301
|
+
}, jt = (t, l) => {
|
|
1302
|
+
l.stopPropagation(), M.value = null, z.value = z.value.filter((p) => p.id !== t.id), I("annotationDelete", t);
|
|
1303
|
+
}, Oe = (t) => {
|
|
1304
|
+
if (!b.value || t.button !== 0) return;
|
|
1305
|
+
const l = t.target;
|
|
1306
|
+
if (!(l.closest("[data-feedback-toolbar]") || l.closest("[data-annotation-popup]") || l.closest("[data-annotation-marker]")) && !(g.value || S.value)) {
|
|
1307
|
+
if (d.has(l.tagName) || l.isContentEditable) {
|
|
1308
|
+
Ce = !0;
|
|
1309
|
+
return;
|
|
1310
|
+
}
|
|
1311
|
+
Ce = !1, pe.value = { x: t.clientX, y: t.clientY }, U.value = { x: t.clientX, y: t.clientY }, q.value = { x: t.clientX, y: t.clientY };
|
|
1312
|
+
}
|
|
1313
|
+
}, je = (t) => {
|
|
1314
|
+
if (!b.value || !pe.value || Ce) return;
|
|
1315
|
+
const l = t.clientX - pe.value.x, p = t.clientY - pe.value.y;
|
|
1316
|
+
if (l * l + p * p >= Ge * Ge) {
|
|
1317
|
+
te.value || (te.value = !0, B.value = null), q.value = { x: t.clientX, y: t.clientY };
|
|
1318
|
+
const u = Date.now();
|
|
1319
|
+
if (u - $e >= pn) {
|
|
1320
|
+
$e = u;
|
|
1321
|
+
const i = Be(U.value, q.value);
|
|
1322
|
+
ae.value = Ae(i);
|
|
1323
|
+
}
|
|
1324
|
+
}
|
|
1325
|
+
}, Ze = (t) => {
|
|
1326
|
+
if (!b.value) return;
|
|
1327
|
+
const l = te.value;
|
|
1328
|
+
if (pe.value = null, Ce = !1, !l) {
|
|
1329
|
+
te.value = !1, U.value = null, q.value = null, ae.value = [];
|
|
1157
1330
|
return;
|
|
1158
1331
|
}
|
|
1159
|
-
const p =
|
|
1332
|
+
const p = U.value, c = { x: t.clientX, y: t.clientY };
|
|
1333
|
+
if (p) {
|
|
1334
|
+
const u = Be(p, c);
|
|
1335
|
+
if (u.width >= Ke && u.height >= Ke) {
|
|
1336
|
+
const i = Ae(u), L = i.map((F) => F.element), A = i.map((F) => F.rect);
|
|
1337
|
+
let R, G;
|
|
1338
|
+
L.length > 0 ? (G = xt(A), R = G.y + G.height / 2) : (G = {
|
|
1339
|
+
x: u.left,
|
|
1340
|
+
y: u.top + window.scrollY,
|
|
1341
|
+
width: u.width,
|
|
1342
|
+
height: u.height
|
|
1343
|
+
}, R = u.top + window.scrollY + u.height / 2);
|
|
1344
|
+
const V = kt(L), Y = L.map((F) => me(F).path).join("; ");
|
|
1345
|
+
g.value = {
|
|
1346
|
+
x: t.clientX / window.innerWidth * 100,
|
|
1347
|
+
// Mouse X as percentage
|
|
1348
|
+
y: R,
|
|
1349
|
+
clientY: t.clientY,
|
|
1350
|
+
// Mouse Y for popup positioning
|
|
1351
|
+
element: V,
|
|
1352
|
+
elementPath: Y || "Area selection",
|
|
1353
|
+
boundingBox: G,
|
|
1354
|
+
isFixed: !1,
|
|
1355
|
+
isMultiSelect: !0
|
|
1356
|
+
};
|
|
1357
|
+
}
|
|
1358
|
+
}
|
|
1359
|
+
te.value = !1, U.value = null, q.value = null, ae.value = [], l && (xe = !0, setTimeout(() => {
|
|
1360
|
+
xe = !1;
|
|
1361
|
+
}, 50));
|
|
1362
|
+
}, Re = (t) => {
|
|
1363
|
+
if (!b.value || g.value || S.value) return;
|
|
1364
|
+
if (t.target.closest("[data-feedback-toolbar]")) {
|
|
1365
|
+
B.value = null;
|
|
1366
|
+
return;
|
|
1367
|
+
}
|
|
1368
|
+
const p = document.elementFromPoint(t.clientX, t.clientY);
|
|
1160
1369
|
if (!p || p.closest("[data-feedback-toolbar]")) {
|
|
1161
|
-
|
|
1370
|
+
B.value = null;
|
|
1162
1371
|
return;
|
|
1163
1372
|
}
|
|
1164
|
-
const { name:
|
|
1165
|
-
|
|
1166
|
-
},
|
|
1167
|
-
var
|
|
1168
|
-
if (!
|
|
1169
|
-
const l =
|
|
1373
|
+
const { name: c, path: u } = me(p), i = p.getBoundingClientRect();
|
|
1374
|
+
B.value = { element: c, elementPath: u, rect: i }, le.value = { x: t.clientX, y: t.clientY };
|
|
1375
|
+
}, Ve = (t) => {
|
|
1376
|
+
var We, Xe;
|
|
1377
|
+
if (!b.value || X || xe) return;
|
|
1378
|
+
const l = t.target;
|
|
1170
1379
|
if (l.closest("[data-feedback-toolbar]") || l.closest("[data-annotation-popup]") || l.closest("[data-annotation-marker]")) return;
|
|
1171
|
-
|
|
1172
|
-
a
|
|
1380
|
+
const p = l.closest(
|
|
1381
|
+
"button, a, input, select, textarea, [role='button'], [onclick]"
|
|
1382
|
+
);
|
|
1383
|
+
if (x.value.blockInteractions && p && (t.preventDefault(), t.stopPropagation()), g.value) {
|
|
1384
|
+
if (p && !x.value.blockInteractions)
|
|
1385
|
+
return;
|
|
1386
|
+
t.preventDefault(), (We = Te.value) == null || We.shake();
|
|
1173
1387
|
return;
|
|
1174
1388
|
}
|
|
1175
1389
|
if (S.value) {
|
|
1176
|
-
|
|
1390
|
+
if (p && !x.value.blockInteractions)
|
|
1391
|
+
return;
|
|
1392
|
+
t.preventDefault(), (Xe = Ie.value) == null || Xe.shake();
|
|
1177
1393
|
return;
|
|
1178
1394
|
}
|
|
1179
|
-
|
|
1180
|
-
const
|
|
1181
|
-
if (!
|
|
1182
|
-
const { name:
|
|
1183
|
-
let
|
|
1184
|
-
|
|
1185
|
-
const
|
|
1186
|
-
|
|
1395
|
+
t.preventDefault();
|
|
1396
|
+
const c = document.elementFromPoint(t.clientX, t.clientY);
|
|
1397
|
+
if (!c) return;
|
|
1398
|
+
const { name: u, path: i } = me(c), L = c.getBoundingClientRect(), A = t.clientX / window.innerWidth * 100, R = vt(c), G = R ? t.clientY : t.clientY + window.scrollY, V = window.getSelection();
|
|
1399
|
+
let Y;
|
|
1400
|
+
V && V.toString().trim().length > 0 && (Y = V.toString().trim().slice(0, 500));
|
|
1401
|
+
const F = Xo(c), he = qo(c);
|
|
1402
|
+
g.value = {
|
|
1187
1403
|
x: A,
|
|
1188
|
-
y:
|
|
1189
|
-
clientY:
|
|
1190
|
-
element:
|
|
1191
|
-
elementPath:
|
|
1192
|
-
selectedText:
|
|
1404
|
+
y: G,
|
|
1405
|
+
clientY: t.clientY,
|
|
1406
|
+
element: u,
|
|
1407
|
+
elementPath: i,
|
|
1408
|
+
selectedText: Y,
|
|
1193
1409
|
boundingBox: {
|
|
1194
|
-
x:
|
|
1195
|
-
y:
|
|
1196
|
-
width:
|
|
1197
|
-
height:
|
|
1410
|
+
x: L.left,
|
|
1411
|
+
y: R ? L.top : L.top + window.scrollY,
|
|
1412
|
+
width: L.width,
|
|
1413
|
+
height: L.height
|
|
1198
1414
|
},
|
|
1199
|
-
nearbyText:
|
|
1200
|
-
cssClasses:
|
|
1201
|
-
isFixed:
|
|
1202
|
-
fullPath:
|
|
1203
|
-
accessibility:
|
|
1204
|
-
computedStyles:
|
|
1205
|
-
computedStylesObj:
|
|
1206
|
-
nearbyElements:
|
|
1207
|
-
},
|
|
1208
|
-
},
|
|
1209
|
-
|
|
1210
|
-
},
|
|
1211
|
-
|
|
1415
|
+
nearbyText: jo(c),
|
|
1416
|
+
cssClasses: Ro(c),
|
|
1417
|
+
isFixed: R,
|
|
1418
|
+
fullPath: Ko(c),
|
|
1419
|
+
accessibility: Go(c),
|
|
1420
|
+
computedStyles: he,
|
|
1421
|
+
computedStylesObj: F,
|
|
1422
|
+
nearbyElements: Zo(c)
|
|
1423
|
+
}, B.value = null;
|
|
1424
|
+
}, Fe = () => {
|
|
1425
|
+
K.value = window.scrollY;
|
|
1426
|
+
}, Ye = (t) => {
|
|
1427
|
+
t.key === "Escape" && (g.value || S.value || b.value && (b.value = !1));
|
|
1212
1428
|
};
|
|
1213
|
-
return
|
|
1214
|
-
|
|
1215
|
-
const
|
|
1216
|
-
|
|
1217
|
-
|
|
1429
|
+
return ot(() => {
|
|
1430
|
+
m.value = !0, K.value = window.scrollY;
|
|
1431
|
+
const t = en(ie);
|
|
1432
|
+
z.value = t, r || (W.value = !0, r = !0, setTimeout(() => {
|
|
1433
|
+
W.value = !1;
|
|
1218
1434
|
}, 750));
|
|
1219
1435
|
try {
|
|
1220
1436
|
const p = localStorage.getItem("feedback-toolbar-theme");
|
|
1221
|
-
p !== null && (
|
|
1437
|
+
p !== null && (C.value = p === "dark");
|
|
1222
1438
|
} catch {
|
|
1223
1439
|
}
|
|
1224
|
-
|
|
1440
|
+
try {
|
|
1441
|
+
const p = localStorage.getItem("feedback-toolbar-settings");
|
|
1442
|
+
p && (x.value = { ...k, ...JSON.parse(p) });
|
|
1443
|
+
} catch {
|
|
1444
|
+
}
|
|
1445
|
+
document.addEventListener("mousemove", Re), document.addEventListener("click", Ve, !0), document.addEventListener("keydown", Ye), window.addEventListener("scroll", Fe, { passive: !0 }), window.addEventListener("resize", Le), document.addEventListener("mousedown", Oe), document.addEventListener("mousemove", je), document.addEventListener("mouseup", Ze);
|
|
1225
1446
|
const l = document.createElement("style");
|
|
1226
1447
|
l.id = "feedback-cursor-styles", document.head.appendChild(l);
|
|
1227
|
-
}),
|
|
1228
|
-
document.removeEventListener("mousemove",
|
|
1229
|
-
const
|
|
1230
|
-
|
|
1231
|
-
}),
|
|
1448
|
+
}), Vt(() => {
|
|
1449
|
+
document.removeEventListener("mousemove", Re), document.removeEventListener("click", Ve, !0), document.removeEventListener("keydown", Ye), window.removeEventListener("scroll", Fe), window.removeEventListener("resize", Le), document.removeEventListener("mousedown", Oe), document.removeEventListener("mousemove", je), document.removeEventListener("mouseup", Ze);
|
|
1450
|
+
const t = document.getElementById("feedback-cursor-styles");
|
|
1451
|
+
t && t.remove();
|
|
1452
|
+
}), oe(b, (t) => {
|
|
1232
1453
|
const l = document.getElementById("feedback-cursor-styles");
|
|
1233
|
-
l && (
|
|
1454
|
+
l && (t ? l.textContent = `
|
|
1234
1455
|
body * { cursor: crosshair !important; }
|
|
1235
1456
|
body p, body span, body h1, body h2, body h3, body h4, body h5, body h6,
|
|
1236
1457
|
body li, body td, body th, body label, body blockquote, body figcaption,
|
|
@@ -1248,458 +1469,534 @@ const Bo = ["data-active"], Po = ["disabled"], jo = ["disabled", "data-active"],
|
|
|
1248
1469
|
[data-annotation-popup], [data-annotation-popup] * { cursor: default !important; }
|
|
1249
1470
|
[data-annotation-popup] textarea { cursor: text !important; }
|
|
1250
1471
|
[data-annotation-popup] button { cursor: pointer !important; }
|
|
1251
|
-
` : (l.textContent = "",
|
|
1252
|
-
}),
|
|
1253
|
-
|
|
1254
|
-
}, { deep: !0 }),
|
|
1255
|
-
|
|
1256
|
-
|
|
1472
|
+
` : (l.textContent = "", g.value = null, S.value = null, B.value = null));
|
|
1473
|
+
}), oe(z, (t) => {
|
|
1474
|
+
m.value && t.length > 0 ? tn(ie, t) : m.value && t.length === 0 && localStorage.removeItem(ue(ie));
|
|
1475
|
+
}, { deep: !0 }), oe(x, (t) => {
|
|
1476
|
+
m.value && localStorage.setItem("feedback-toolbar-settings", JSON.stringify(t));
|
|
1477
|
+
}, { deep: !0 }), oe(de, (t) => {
|
|
1478
|
+
t ? ke.value = !0 : setTimeout(() => {
|
|
1479
|
+
ke.value = !1;
|
|
1257
1480
|
}, 150);
|
|
1258
|
-
}),
|
|
1259
|
-
|
|
1260
|
-
}),
|
|
1261
|
-
|
|
1262
|
-
}),
|
|
1263
|
-
|
|
1264
|
-
}), (
|
|
1481
|
+
}), oe(() => x.value.blockInteractions, (t) => {
|
|
1482
|
+
t ? He() : _e();
|
|
1483
|
+
}), oe(b, (t) => {
|
|
1484
|
+
t || (g.value = null, S.value = null, B.value = null, de.value = !1, J.value && (_e(), x.value.blockInteractions = !1)), Le();
|
|
1485
|
+
}), oe(ee, (t, l) => {
|
|
1486
|
+
t && !l ? (document.addEventListener("mousemove", De), document.addEventListener("mouseup", Ne)) : !t && l && (document.removeEventListener("mousemove", De), document.removeEventListener("mouseup", Ne));
|
|
1487
|
+
}), (t, l) => {
|
|
1265
1488
|
var p;
|
|
1266
|
-
return
|
|
1267
|
-
|
|
1268
|
-
class:
|
|
1269
|
-
style:
|
|
1270
|
-
zIndex:
|
|
1271
|
-
...
|
|
1272
|
-
left: `${
|
|
1273
|
-
top: `${
|
|
1489
|
+
return w(), N(Ft, { to: "body" }, [
|
|
1490
|
+
v("div", {
|
|
1491
|
+
class: h(s(n).toolbar),
|
|
1492
|
+
style: H({
|
|
1493
|
+
zIndex: T.zIndex,
|
|
1494
|
+
...j.value ? {
|
|
1495
|
+
left: `${j.value.x}px`,
|
|
1496
|
+
top: `${j.value.y}px`,
|
|
1274
1497
|
right: "auto",
|
|
1275
1498
|
bottom: "auto"
|
|
1276
1499
|
} : {}
|
|
1277
1500
|
}),
|
|
1278
1501
|
"data-feedback-toolbar": ""
|
|
1279
1502
|
}, [
|
|
1280
|
-
|
|
1281
|
-
class:
|
|
1282
|
-
n
|
|
1283
|
-
!
|
|
1284
|
-
|
|
1285
|
-
|
|
1286
|
-
|
|
1503
|
+
v("div", {
|
|
1504
|
+
class: h([
|
|
1505
|
+
s(n).toolbarContainer,
|
|
1506
|
+
!C.value && s(n).light,
|
|
1507
|
+
W.value && s(n).entrance,
|
|
1508
|
+
ne.value && s(n).dragging,
|
|
1509
|
+
b.value ? s(n).expanded : s(n).collapsed
|
|
1287
1510
|
]),
|
|
1288
|
-
style:
|
|
1289
|
-
onMousedown:
|
|
1290
|
-
onClick: l[3] || (l[3] = (
|
|
1511
|
+
style: H(ne.value ? { transform: `rotate(${Ee.value}deg)` } : void 0),
|
|
1512
|
+
onMousedown: It,
|
|
1513
|
+
onClick: l[3] || (l[3] = (c) => b.value ? void 0 : Pe())
|
|
1291
1514
|
}, [
|
|
1292
|
-
|
|
1293
|
-
class:
|
|
1515
|
+
v("div", {
|
|
1516
|
+
class: h([s(n).toggleContent, b.value ? s(n).hidden : s(n).visible])
|
|
1294
1517
|
}, [
|
|
1295
|
-
(
|
|
1296
|
-
|
|
1518
|
+
(w(), N(Z(s(st)), { size: 24 })),
|
|
1519
|
+
ye.value ? (w(), E("span", {
|
|
1297
1520
|
key: 0,
|
|
1298
|
-
class:
|
|
1299
|
-
style:
|
|
1300
|
-
},
|
|
1521
|
+
class: h([s(n).badge, b.value && s(n).fadeOut, W.value && s(n).entrance]),
|
|
1522
|
+
style: H({ backgroundColor: x.value.annotationColor })
|
|
1523
|
+
}, D(z.value.length), 7)) : P("", !0)
|
|
1301
1524
|
], 2),
|
|
1302
|
-
|
|
1303
|
-
class:
|
|
1525
|
+
v("div", {
|
|
1526
|
+
class: h([s(n).controlsContent, b.value ? s(n).visible : s(n).hidden])
|
|
1304
1527
|
}, [
|
|
1305
|
-
|
|
1306
|
-
class:
|
|
1307
|
-
"data-active":
|
|
1308
|
-
onClick:
|
|
1528
|
+
v("button", {
|
|
1529
|
+
class: h([s(n).controlButton, !C.value && s(n).light]),
|
|
1530
|
+
"data-active": J.value,
|
|
1531
|
+
onClick: Q(Tt, ["stop"]),
|
|
1309
1532
|
title: "Pause/Resume animations"
|
|
1310
1533
|
}, [
|
|
1311
|
-
(
|
|
1534
|
+
(w(), N(Z(s(ct)), {
|
|
1312
1535
|
size: 24,
|
|
1313
|
-
"is-paused":
|
|
1536
|
+
"is-paused": J.value
|
|
1314
1537
|
}, null, 8, ["is-paused"]))
|
|
1315
|
-
], 10,
|
|
1316
|
-
|
|
1317
|
-
class:
|
|
1318
|
-
disabled: !
|
|
1319
|
-
onClick:
|
|
1538
|
+
], 10, nn),
|
|
1539
|
+
v("button", {
|
|
1540
|
+
class: h([s(n).controlButton, !C.value && s(n).light]),
|
|
1541
|
+
disabled: !ye.value,
|
|
1542
|
+
onClick: Q(Mt, ["stop"]),
|
|
1320
1543
|
title: "Toggle markers"
|
|
1321
1544
|
}, [
|
|
1322
|
-
(
|
|
1545
|
+
(w(), N(Z(s(rt)), {
|
|
1323
1546
|
size: 24,
|
|
1324
|
-
"is-open":
|
|
1547
|
+
"is-open": O.value
|
|
1325
1548
|
}, null, 8, ["is-open"]))
|
|
1326
|
-
], 10,
|
|
1327
|
-
|
|
1328
|
-
class:
|
|
1329
|
-
disabled: !
|
|
1330
|
-
"data-active":
|
|
1331
|
-
onClick:
|
|
1549
|
+
], 10, ln),
|
|
1550
|
+
v("button", {
|
|
1551
|
+
class: h([s(n).controlButton, !C.value && s(n).light]),
|
|
1552
|
+
disabled: !ye.value,
|
|
1553
|
+
"data-active": se.value,
|
|
1554
|
+
onClick: Q(Bt, ["stop"]),
|
|
1332
1555
|
title: "Copy as markdown"
|
|
1333
1556
|
}, [
|
|
1334
|
-
(
|
|
1557
|
+
(w(), N(Z(s(it)), {
|
|
1335
1558
|
size: 24,
|
|
1336
|
-
copied:
|
|
1559
|
+
copied: se.value
|
|
1337
1560
|
}, null, 8, ["copied"]))
|
|
1338
|
-
], 10,
|
|
1339
|
-
|
|
1340
|
-
class:
|
|
1341
|
-
disabled: !
|
|
1561
|
+
], 10, sn),
|
|
1562
|
+
v("button", {
|
|
1563
|
+
class: h([s(n).controlButton, !C.value && s(n).light]),
|
|
1564
|
+
disabled: !ye.value,
|
|
1342
1565
|
"data-danger": "",
|
|
1343
|
-
onClick:
|
|
1566
|
+
onClick: Q(At, ["stop"]),
|
|
1344
1567
|
title: "Clear all annotations"
|
|
1345
1568
|
}, [
|
|
1346
|
-
(
|
|
1347
|
-
], 10,
|
|
1348
|
-
|
|
1349
|
-
class:
|
|
1350
|
-
onClick:
|
|
1569
|
+
(w(), N(Z(s(dt)), { size: 24 }))
|
|
1570
|
+
], 10, an),
|
|
1571
|
+
v("button", {
|
|
1572
|
+
class: h([s(n).controlButton, !C.value && s(n).light]),
|
|
1573
|
+
onClick: Q(St, ["stop"]),
|
|
1351
1574
|
title: "Settings"
|
|
1352
1575
|
}, [
|
|
1353
|
-
(
|
|
1576
|
+
(w(), N(Z(s(ut)), { size: 24 }))
|
|
1354
1577
|
], 2),
|
|
1355
|
-
|
|
1356
|
-
class:
|
|
1578
|
+
v("div", {
|
|
1579
|
+
class: h([s(n).divider, !C.value && s(n).light])
|
|
1357
1580
|
}, null, 2),
|
|
1358
|
-
|
|
1359
|
-
class:
|
|
1360
|
-
onClick:
|
|
1581
|
+
v("button", {
|
|
1582
|
+
class: h([s(n).controlButton, !C.value && s(n).light]),
|
|
1583
|
+
onClick: Q(Pe, ["stop"]),
|
|
1361
1584
|
title: "Exit"
|
|
1362
1585
|
}, [
|
|
1363
|
-
(
|
|
1586
|
+
(w(), N(Z(s(Se)), { size: 24 }))
|
|
1364
1587
|
], 2)
|
|
1365
1588
|
], 2),
|
|
1366
|
-
|
|
1589
|
+
ke.value ? (w(), E("div", {
|
|
1367
1590
|
key: 0,
|
|
1368
|
-
class:
|
|
1369
|
-
onClick: l[2] || (l[2] =
|
|
1591
|
+
class: h([s(n).settingsPanel, C.value ? s(n).dark : s(n).light, de.value ? s(n).enter : s(n).exit]),
|
|
1592
|
+
onClick: l[2] || (l[2] = Q(() => {
|
|
1370
1593
|
}, ["stop"]))
|
|
1371
1594
|
}, [
|
|
1372
|
-
|
|
1373
|
-
class:
|
|
1595
|
+
v("div", {
|
|
1596
|
+
class: h(s(n).settingsHeader)
|
|
1374
1597
|
}, [
|
|
1375
|
-
|
|
1376
|
-
class:
|
|
1598
|
+
v("span", {
|
|
1599
|
+
class: h(s(n).settingsBrand)
|
|
1377
1600
|
}, [
|
|
1378
|
-
|
|
1379
|
-
class:
|
|
1380
|
-
style:
|
|
1601
|
+
v("span", {
|
|
1602
|
+
class: h(s(n).settingsBrandSlash),
|
|
1603
|
+
style: H({ color: x.value.annotationColor })
|
|
1381
1604
|
}, " / ", 6),
|
|
1382
|
-
l[5] || (l[5] =
|
|
1605
|
+
l[5] || (l[5] = ce(" agentation ", -1))
|
|
1383
1606
|
], 2),
|
|
1384
|
-
|
|
1385
|
-
class:
|
|
1386
|
-
}, "
|
|
1387
|
-
|
|
1388
|
-
class:
|
|
1389
|
-
onClick:
|
|
1390
|
-
title:
|
|
1607
|
+
v("span", {
|
|
1608
|
+
class: h(s(n).settingsVersion)
|
|
1609
|
+
}, "v" + D(s(on)), 3),
|
|
1610
|
+
v("button", {
|
|
1611
|
+
class: h(s(n).themeToggle),
|
|
1612
|
+
onClick: zt,
|
|
1613
|
+
title: C.value ? "Switch to light mode" : "Switch to dark mode"
|
|
1391
1614
|
}, [
|
|
1392
|
-
(
|
|
1393
|
-
], 10,
|
|
1615
|
+
(w(), N(Z(C.value ? s(pt) : s(ht)), { size: 14 }))
|
|
1616
|
+
], 10, rn)
|
|
1394
1617
|
], 2),
|
|
1395
|
-
|
|
1396
|
-
class:
|
|
1618
|
+
v("div", {
|
|
1619
|
+
class: h(s(n).settingsSection)
|
|
1397
1620
|
}, [
|
|
1398
|
-
|
|
1399
|
-
class:
|
|
1621
|
+
v("div", {
|
|
1622
|
+
class: h(s(n).settingsRow)
|
|
1400
1623
|
}, [
|
|
1401
|
-
|
|
1402
|
-
class:
|
|
1624
|
+
v("div", {
|
|
1625
|
+
class: h([s(n).settingsLabel, !C.value && s(n).light])
|
|
1403
1626
|
}, [
|
|
1404
|
-
l[6] || (l[6] =
|
|
1405
|
-
|
|
1406
|
-
class:
|
|
1627
|
+
l[6] || (l[6] = ce(" Output Detail ", -1)),
|
|
1628
|
+
v("span", {
|
|
1629
|
+
class: h(s(n).helpIcon),
|
|
1407
1630
|
"data-tooltip": "Controls how much detail is included in the copied output"
|
|
1408
1631
|
}, [
|
|
1409
|
-
(
|
|
1632
|
+
(w(), N(Z(s(at)), { size: 20 }))
|
|
1410
1633
|
], 2)
|
|
1411
1634
|
], 2),
|
|
1412
|
-
|
|
1413
|
-
class:
|
|
1414
|
-
onClick:
|
|
1635
|
+
v("button", {
|
|
1636
|
+
class: h([s(n).cycleButton, !C.value && s(n).light]),
|
|
1637
|
+
onClick: Et
|
|
1415
1638
|
}, [
|
|
1416
|
-
|
|
1417
|
-
class:
|
|
1418
|
-
},
|
|
1419
|
-
|
|
1420
|
-
class:
|
|
1639
|
+
v("span", {
|
|
1640
|
+
class: h(s(n).cycleButtonText)
|
|
1641
|
+
}, D((p = y.find((c) => c.value === x.value.outputDetail)) == null ? void 0 : p.label), 3),
|
|
1642
|
+
v("span", {
|
|
1643
|
+
class: h(s(n).cycleDots)
|
|
1421
1644
|
}, [
|
|
1422
|
-
(
|
|
1423
|
-
key:
|
|
1424
|
-
class:
|
|
1645
|
+
(w(), E(re, null, fe(y, (c) => v("span", {
|
|
1646
|
+
key: c.value,
|
|
1647
|
+
class: h([s(n).cycleDot, !C.value && s(n).light, x.value.outputDetail === c.value && s(n).active])
|
|
1425
1648
|
}, null, 2)), 64))
|
|
1426
1649
|
], 2)
|
|
1427
1650
|
], 2)
|
|
1428
1651
|
], 2)
|
|
1429
1652
|
], 2),
|
|
1430
|
-
|
|
1431
|
-
class:
|
|
1653
|
+
v("div", {
|
|
1654
|
+
class: h(s(n).settingsSection)
|
|
1432
1655
|
}, [
|
|
1433
|
-
|
|
1434
|
-
class:
|
|
1656
|
+
v("div", {
|
|
1657
|
+
class: h([s(n).settingsLabel, s(n).settingsLabelMarker, !C.value && s(n).light])
|
|
1435
1658
|
}, " Marker Colour ", 2),
|
|
1436
|
-
|
|
1437
|
-
class:
|
|
1659
|
+
v("div", {
|
|
1660
|
+
class: h(s(n).colorOptions)
|
|
1438
1661
|
}, [
|
|
1439
|
-
(
|
|
1440
|
-
key:
|
|
1441
|
-
class:
|
|
1442
|
-
style:
|
|
1443
|
-
onClick: (
|
|
1662
|
+
(w(), E(re, null, fe($, (c) => v("div", {
|
|
1663
|
+
key: c.value,
|
|
1664
|
+
class: h([s(n).colorOptionRing, x.value.annotationColor === c.value && s(n).selected]),
|
|
1665
|
+
style: H({ borderColor: x.value.annotationColor === c.value ? c.value : "transparent" }),
|
|
1666
|
+
onClick: (u) => $t(c.value)
|
|
1444
1667
|
}, [
|
|
1445
|
-
|
|
1446
|
-
class:
|
|
1447
|
-
style:
|
|
1448
|
-
title:
|
|
1449
|
-
}, null, 14,
|
|
1450
|
-
], 14,
|
|
1668
|
+
v("div", {
|
|
1669
|
+
class: h([s(n).colorOption, x.value.annotationColor === c.value && s(n).selected]),
|
|
1670
|
+
style: H({ backgroundColor: c.value }),
|
|
1671
|
+
title: c.label
|
|
1672
|
+
}, null, 14, un)
|
|
1673
|
+
], 14, cn)), 64))
|
|
1451
1674
|
], 2)
|
|
1452
1675
|
], 2),
|
|
1453
|
-
|
|
1454
|
-
class:
|
|
1676
|
+
v("div", {
|
|
1677
|
+
class: h(s(n).settingsSection)
|
|
1455
1678
|
}, [
|
|
1456
|
-
|
|
1457
|
-
class:
|
|
1679
|
+
v("label", {
|
|
1680
|
+
class: h(s(n).settingsToggle)
|
|
1458
1681
|
}, [
|
|
1459
|
-
|
|
1682
|
+
Me(v("input", {
|
|
1460
1683
|
type: "checkbox",
|
|
1461
|
-
"onUpdate:modelValue": l[0] || (l[0] = (
|
|
1684
|
+
"onUpdate:modelValue": l[0] || (l[0] = (c) => x.value.autoClearAfterCopy = c)
|
|
1462
1685
|
}, null, 512), [
|
|
1463
|
-
[
|
|
1686
|
+
[Ue, x.value.autoClearAfterCopy]
|
|
1464
1687
|
]),
|
|
1465
|
-
|
|
1466
|
-
class:
|
|
1688
|
+
v("span", {
|
|
1689
|
+
class: h([s(n).customCheckbox, !C.value && s(n).light, x.value.autoClearAfterCopy && s(n).checked])
|
|
1467
1690
|
}, [
|
|
1468
|
-
|
|
1691
|
+
x.value.autoClearAfterCopy ? (w(), N(Z(s(ze)), {
|
|
1469
1692
|
key: 0,
|
|
1470
1693
|
size: 14
|
|
1471
|
-
})) :
|
|
1694
|
+
})) : P("", !0)
|
|
1472
1695
|
], 2),
|
|
1473
|
-
|
|
1474
|
-
class:
|
|
1696
|
+
v("span", {
|
|
1697
|
+
class: h([s(n).toggleLabel, !C.value && s(n).light])
|
|
1475
1698
|
}, " Clear after copy ", 2)
|
|
1476
1699
|
], 2),
|
|
1477
|
-
|
|
1478
|
-
class:
|
|
1700
|
+
v("label", {
|
|
1701
|
+
class: h(s(n).settingsToggle)
|
|
1479
1702
|
}, [
|
|
1480
|
-
|
|
1703
|
+
Me(v("input", {
|
|
1481
1704
|
type: "checkbox",
|
|
1482
|
-
"onUpdate:modelValue": l[1] || (l[1] = (
|
|
1705
|
+
"onUpdate:modelValue": l[1] || (l[1] = (c) => x.value.blockInteractions = c)
|
|
1483
1706
|
}, null, 512), [
|
|
1484
|
-
[
|
|
1707
|
+
[Ue, x.value.blockInteractions]
|
|
1485
1708
|
]),
|
|
1486
|
-
|
|
1487
|
-
class:
|
|
1709
|
+
v("span", {
|
|
1710
|
+
class: h([s(n).customCheckbox, !C.value && s(n).light, x.value.blockInteractions && s(n).checked])
|
|
1488
1711
|
}, [
|
|
1489
|
-
|
|
1712
|
+
x.value.blockInteractions ? (w(), N(Z(s(ze)), {
|
|
1490
1713
|
key: 0,
|
|
1491
1714
|
size: 14
|
|
1492
|
-
})) :
|
|
1715
|
+
})) : P("", !0)
|
|
1493
1716
|
], 2),
|
|
1494
|
-
|
|
1495
|
-
class:
|
|
1496
|
-
}, "
|
|
1717
|
+
v("span", {
|
|
1718
|
+
class: h([s(n).toggleLabel, !C.value && s(n).light])
|
|
1719
|
+
}, " Block page interactions ", 2)
|
|
1497
1720
|
], 2)
|
|
1498
1721
|
], 2)
|
|
1499
|
-
], 2)) :
|
|
1722
|
+
], 2)) : P("", !0)
|
|
1500
1723
|
], 38)
|
|
1501
1724
|
], 6),
|
|
1502
|
-
|
|
1725
|
+
te.value && U.value && q.value ? (w(), E("div", {
|
|
1503
1726
|
key: 0,
|
|
1504
|
-
class:
|
|
1505
|
-
style:
|
|
1506
|
-
left: `${
|
|
1507
|
-
top: `${
|
|
1508
|
-
width: `${
|
|
1509
|
-
height: `${
|
|
1510
|
-
|
|
1511
|
-
|
|
1727
|
+
class: h(s(n).dragSelection),
|
|
1728
|
+
style: H({
|
|
1729
|
+
left: `${Math.min(U.value.x, q.value.x)}px`,
|
|
1730
|
+
top: `${Math.min(U.value.y, q.value.y)}px`,
|
|
1731
|
+
width: `${Math.abs(q.value.x - U.value.x)}px`,
|
|
1732
|
+
height: `${Math.abs(q.value.y - U.value.y)}px`
|
|
1733
|
+
})
|
|
1734
|
+
}, [
|
|
1735
|
+
ae.value.length > 0 ? (w(), E("span", {
|
|
1736
|
+
key: 0,
|
|
1737
|
+
class: h(s(n).dragCount)
|
|
1738
|
+
}, D(ae.value.length), 3)) : P("", !0)
|
|
1739
|
+
], 6)) : P("", !0),
|
|
1740
|
+
(w(!0), E(re, null, fe(ae.value, (c, u) => (w(), E("div", {
|
|
1741
|
+
key: `drag-highlight-${u}`,
|
|
1742
|
+
class: h(s(n).selectedElementHighlight),
|
|
1743
|
+
style: H({
|
|
1744
|
+
left: `${c.rect.left}px`,
|
|
1745
|
+
top: `${c.rect.top}px`,
|
|
1746
|
+
width: `${c.rect.width}px`,
|
|
1747
|
+
height: `${c.rect.height}px`
|
|
1512
1748
|
})
|
|
1513
|
-
}, null, 6))
|
|
1514
|
-
|
|
1749
|
+
}, null, 6))), 128)),
|
|
1750
|
+
b.value && B.value && B.value.rect && !g.value && !S.value && !M.value && !te.value ? (w(), E("div", {
|
|
1515
1751
|
key: 1,
|
|
1516
|
-
class:
|
|
1517
|
-
style:
|
|
1518
|
-
left: `${
|
|
1519
|
-
top: `${
|
|
1752
|
+
class: h(s(n).hoverHighlight),
|
|
1753
|
+
style: H({
|
|
1754
|
+
left: `${B.value.rect.left}px`,
|
|
1755
|
+
top: `${B.value.rect.top}px`,
|
|
1756
|
+
width: `${B.value.rect.width}px`,
|
|
1757
|
+
height: `${B.value.rect.height}px`,
|
|
1758
|
+
borderColor: x.value.annotationColor,
|
|
1759
|
+
backgroundColor: Ct(x.value.annotationColor, 0.1)
|
|
1760
|
+
})
|
|
1761
|
+
}, null, 6)) : P("", !0),
|
|
1762
|
+
b.value && B.value && !g.value && !S.value && !M.value && !te.value ? (w(), E("div", {
|
|
1763
|
+
key: 2,
|
|
1764
|
+
class: h([s(n).hoverTooltip, !C.value && s(n).light]),
|
|
1765
|
+
style: H({
|
|
1766
|
+
left: `${le.value.x}px`,
|
|
1767
|
+
top: `${le.value.y + 20}px`
|
|
1520
1768
|
})
|
|
1521
|
-
},
|
|
1522
|
-
|
|
1523
|
-
key:
|
|
1524
|
-
class:
|
|
1525
|
-
n
|
|
1526
|
-
!
|
|
1527
|
-
|
|
1769
|
+
}, D(B.value.element), 7)) : P("", !0),
|
|
1770
|
+
b.value && O.value ? (w(!0), E(re, { key: 3 }, fe(z.value, (c, u) => (w(), E("div", {
|
|
1771
|
+
key: c.id,
|
|
1772
|
+
class: h([
|
|
1773
|
+
s(n).marker,
|
|
1774
|
+
!C.value && s(n).light,
|
|
1775
|
+
M.value === c.id && s(n).hovered,
|
|
1776
|
+
c.isMultiSelect && s(n).multiSelect
|
|
1528
1777
|
]),
|
|
1529
|
-
style:
|
|
1530
|
-
left: `${
|
|
1531
|
-
top:
|
|
1778
|
+
style: H({
|
|
1779
|
+
left: `${c.x}%`,
|
|
1780
|
+
top: c.isFixed ? `${c.y}px` : `${c.y - K.value}px`,
|
|
1532
1781
|
position: "fixed",
|
|
1533
|
-
backgroundColor:
|
|
1782
|
+
backgroundColor: M.value === c.id ? void 0 : c.isMultiSelect ? "#10b981" : x.value.annotationColor
|
|
1534
1783
|
}),
|
|
1535
1784
|
"data-annotation-marker": "",
|
|
1536
|
-
onMouseenter: (
|
|
1537
|
-
onMouseleave: l[4] || (l[4] = (
|
|
1538
|
-
onClick: (
|
|
1539
|
-
onContextmenu:
|
|
1785
|
+
onMouseenter: (i) => M.value = c.id,
|
|
1786
|
+
onMouseleave: l[4] || (l[4] = (i) => M.value = null),
|
|
1787
|
+
onClick: (i) => jt(c, i),
|
|
1788
|
+
onContextmenu: Q((i) => Ot(c, i), ["prevent"])
|
|
1540
1789
|
}, [
|
|
1541
|
-
|
|
1790
|
+
M.value !== c.id ? (w(), E("span", {
|
|
1542
1791
|
key: 0,
|
|
1543
|
-
class:
|
|
1544
|
-
},
|
|
1792
|
+
class: h(s(n).markerNumber)
|
|
1793
|
+
}, D(u + 1), 3)) : (w(), N(Z(s(Se)), {
|
|
1545
1794
|
key: 1,
|
|
1546
1795
|
size: 12
|
|
1547
1796
|
})),
|
|
1548
|
-
|
|
1797
|
+
M.value === c.id && !S.value ? (w(), E("div", {
|
|
1549
1798
|
key: 2,
|
|
1550
|
-
class:
|
|
1551
|
-
style:
|
|
1799
|
+
class: h([s(n).markerTooltip, !C.value && s(n).light, s(n).enter]),
|
|
1800
|
+
style: H(_t(c))
|
|
1552
1801
|
}, [
|
|
1553
|
-
|
|
1554
|
-
class:
|
|
1802
|
+
v("span", {
|
|
1803
|
+
class: h(s(n).markerQuote)
|
|
1555
1804
|
}, [
|
|
1556
|
-
|
|
1557
|
-
|
|
1558
|
-
|
|
1559
|
-
], 64)) :
|
|
1805
|
+
ce(D(c.element) + " ", 1),
|
|
1806
|
+
c.selectedText ? (w(), E(re, { key: 0 }, [
|
|
1807
|
+
ce(' "' + D(c.selectedText.slice(0, 30)) + D(c.selectedText.length > 30 ? "..." : "") + '" ', 1)
|
|
1808
|
+
], 64)) : P("", !0)
|
|
1560
1809
|
], 2),
|
|
1561
|
-
|
|
1562
|
-
class:
|
|
1563
|
-
},
|
|
1564
|
-
], 6)) :
|
|
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, {
|
|
1810
|
+
v("span", {
|
|
1811
|
+
class: h(s(n).markerNote)
|
|
1812
|
+
}, D(c.comment), 3)
|
|
1813
|
+
], 6)) : P("", !0)
|
|
1814
|
+
], 46, dn))), 128)) : P("", !0),
|
|
1815
|
+
g.value && g.value.boundingBox ? (w(), E("div", {
|
|
1580
1816
|
key: 4,
|
|
1817
|
+
class: h(g.value.isMultiSelect ? s(n).multiSelectOutline : s(n).singleSelectOutline),
|
|
1818
|
+
style: H({
|
|
1819
|
+
left: `${g.value.boundingBox.x}px`,
|
|
1820
|
+
top: `${g.value.boundingBox.y - K.value}px`,
|
|
1821
|
+
width: `${g.value.boundingBox.width}px`,
|
|
1822
|
+
height: `${g.value.boundingBox.height}px`,
|
|
1823
|
+
...g.value.isMultiSelect ? {} : {
|
|
1824
|
+
borderColor: `${x.value.annotationColor}99`,
|
|
1825
|
+
backgroundColor: `${x.value.annotationColor}0D`
|
|
1826
|
+
}
|
|
1827
|
+
})
|
|
1828
|
+
}, null, 6)) : P("", !0),
|
|
1829
|
+
g.value ? (w(), E("div", {
|
|
1830
|
+
key: 5,
|
|
1831
|
+
class: h([s(n).marker, s(n).pending, g.value.isMultiSelect && s(n).multiSelect]),
|
|
1832
|
+
style: H({
|
|
1833
|
+
left: `${g.value.x}%`,
|
|
1834
|
+
top: `${g.value.clientY}px`,
|
|
1835
|
+
backgroundColor: g.value.isMultiSelect ? "#34C759" : x.value.annotationColor
|
|
1836
|
+
})
|
|
1837
|
+
}, [
|
|
1838
|
+
(w(), N(Z(s(lt)), { size: 12 }))
|
|
1839
|
+
], 6)) : P("", !0),
|
|
1840
|
+
g.value ? (w(), N(qe, {
|
|
1841
|
+
key: 6,
|
|
1842
|
+
ref_key: "popupRef",
|
|
1843
|
+
ref: Te,
|
|
1844
|
+
element: g.value.element,
|
|
1845
|
+
"selected-text": g.value.selectedText,
|
|
1846
|
+
"computed-styles": g.value.computedStylesObj,
|
|
1847
|
+
"accent-color": g.value.isMultiSelect ? "#34C759" : x.value.annotationColor,
|
|
1848
|
+
"light-mode": !C.value,
|
|
1849
|
+
"popup-style": mt.value,
|
|
1850
|
+
placeholder: g.value.element === "Empty area" ? "What should change in this area?" : g.value.isMultiSelect ? "Feedback for this group of elements..." : "What should change?",
|
|
1851
|
+
onSubmit: Pt,
|
|
1852
|
+
onCancel: Ht
|
|
1853
|
+
}, null, 8, ["element", "selected-text", "computed-styles", "accent-color", "light-mode", "popup-style", "placeholder"])) : P("", !0),
|
|
1854
|
+
S.value && S.value.boundingBox ? (w(), E("div", {
|
|
1855
|
+
key: 7,
|
|
1856
|
+
class: h(S.value.isMultiSelect ? s(n).multiSelectOutline : s(n).singleSelectOutline),
|
|
1857
|
+
style: H({
|
|
1858
|
+
left: `${S.value.boundingBox.x}px`,
|
|
1859
|
+
top: `${S.value.boundingBox.y - K.value}px`,
|
|
1860
|
+
width: `${S.value.boundingBox.width}px`,
|
|
1861
|
+
height: `${S.value.boundingBox.height}px`,
|
|
1862
|
+
...S.value.isMultiSelect ? {} : {
|
|
1863
|
+
borderColor: `${x.value.annotationColor}99`,
|
|
1864
|
+
backgroundColor: `${x.value.annotationColor}0D`
|
|
1865
|
+
}
|
|
1866
|
+
})
|
|
1867
|
+
}, null, 6)) : P("", !0),
|
|
1868
|
+
S.value ? (w(), N(qe, {
|
|
1869
|
+
key: 8,
|
|
1581
1870
|
ref_key: "editPopupRef",
|
|
1582
|
-
ref:
|
|
1871
|
+
ref: Ie,
|
|
1583
1872
|
element: S.value.element,
|
|
1584
1873
|
"selected-text": S.value.selectedText,
|
|
1585
1874
|
"initial-value": S.value.comment,
|
|
1586
1875
|
"computed-styles": (S.value.computedStyles, void 0),
|
|
1587
|
-
"accent-color": x.
|
|
1588
|
-
"light-mode": !
|
|
1876
|
+
"accent-color": S.value.isMultiSelect ? "#34C759" : x.value.annotationColor,
|
|
1877
|
+
"light-mode": !C.value,
|
|
1589
1878
|
"submit-label": "Save",
|
|
1590
|
-
"popup-style":
|
|
1591
|
-
onSubmit:
|
|
1592
|
-
onCancel:
|
|
1593
|
-
}, null, 8, ["element", "selected-text", "initial-value", "computed-styles", "accent-color", "light-mode", "popup-style"])) :
|
|
1879
|
+
"popup-style": gt.value,
|
|
1880
|
+
onSubmit: Dt,
|
|
1881
|
+
onCancel: Nt
|
|
1882
|
+
}, null, 8, ["element", "selected-text", "initial-value", "computed-styles", "accent-color", "light-mode", "popup-style"])) : P("", !0)
|
|
1594
1883
|
]);
|
|
1595
1884
|
};
|
|
1596
1885
|
}
|
|
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
|
-
|
|
1886
|
+
}), fn = "_dragSelection_zeo7w_31", mn = "_dragCount_zeo7w_45", gn = "_selectedElementHighlight_zeo7w_56", vn = "_multiSelect_zeo7w_67", Cn = "_pending_zeo7w_75", yn = "_multiSelectOutline_zeo7w_83", bn = "_hoverHighlightIn_zeo7w_1", wn = "_singleSelectOutline_zeo7w_93", kn = "_toolbar_zeo7w_112", xn = "_toolbarContainer_zeo7w_124", _n = "_dragging_zeo7w_139", Ln = "_entrance_zeo7w_143", Mn = "_toolbarEnter_zeo7w_1", zn = "_collapsed_zeo7w_146", Sn = "_expanded_zeo7w_162", En = "_light_zeo7w_168", $n = "_toggleContent_zeo7w_177", Tn = "_visible_zeo7w_184", In = "_hidden_zeo7w_189", Bn = "_controlsContent_zeo7w_194", An = "_badge_zeo7w_214", Pn = "_fadeOut_zeo7w_235", Hn = "_badgeEnter_zeo7w_1", Dn = "_controlButton_zeo7w_244", Nn = "_divider_zeo7w_293", On = "_hoverHighlight_zeo7w_303", jn = "_hoverTooltip_zeo7w_311", Zn = "_marker_zeo7w_332", Rn = "_markerIn_zeo7w_1", Vn = "_markerDelete_zeo7w_353", Fn = "_hovered_zeo7w_356", Yn = "_markerNumber_zeo7w_361", Wn = "_markerTooltip_zeo7w_386", Xn = "_enter_zeo7w_404", Un = "_tooltipIn_zeo7w_1", qn = "_markerQuote_zeo7w_411", Gn = "_markerNote_zeo7w_414", Kn = "_settingsPanel_zeo7w_452", Qn = "_exit_zeo7w_470", Jn = "_settingsHeader_zeo7w_481", e1 = "_settingsBrand_zeo7w_484", t1 = "_settingsBrandSlash_zeo7w_487", o1 = "_settingsVersion_zeo7w_490", n1 = "_settingsSection_zeo7w_493", l1 = "_themeToggle_zeo7w_526", s1 = "_settingsRow_zeo7w_558", a1 = "_settingsLabel_zeo7w_565", i1 = "_settingsLabelMarker_zeo7w_578", r1 = "_cycleButton_zeo7w_582", c1 = "_cycleButtonText_zeo7w_609", u1 = "_cycleTextIn_zeo7w_1", d1 = "_cycleDots_zeo7w_614", p1 = "_cycleDot_zeo7w_614", h1 = "_active_zeo7w_628", f1 = "_colorOptions_zeo7w_639", m1 = "_colorOptionRing_zeo7w_646", g1 = "_colorOption_zeo7w_639", v1 = "_selected_zeo7w_56", C1 = "_settingsToggle_zeo7w_671", y1 = "_customCheckbox_zeo7w_687", b1 = "_checked_zeo7w_705", w1 = "_toggleLabel_zeo7w_721", k1 = "_helpIcon_zeo7w_734", x1 = {
|
|
1887
|
+
dragSelection: fn,
|
|
1888
|
+
dragCount: mn,
|
|
1889
|
+
selectedElementHighlight: gn,
|
|
1890
|
+
multiSelect: vn,
|
|
1891
|
+
pending: Cn,
|
|
1892
|
+
multiSelectOutline: yn,
|
|
1893
|
+
hoverHighlightIn: bn,
|
|
1894
|
+
singleSelectOutline: wn,
|
|
1895
|
+
toolbar: kn,
|
|
1896
|
+
toolbarContainer: xn,
|
|
1897
|
+
dragging: _n,
|
|
1898
|
+
entrance: Ln,
|
|
1899
|
+
toolbarEnter: Mn,
|
|
1900
|
+
collapsed: zn,
|
|
1901
|
+
expanded: Sn,
|
|
1902
|
+
light: En,
|
|
1903
|
+
toggleContent: $n,
|
|
1904
|
+
visible: Tn,
|
|
1905
|
+
hidden: In,
|
|
1906
|
+
controlsContent: Bn,
|
|
1907
|
+
badge: An,
|
|
1908
|
+
fadeOut: Pn,
|
|
1909
|
+
badgeEnter: Hn,
|
|
1910
|
+
controlButton: Dn,
|
|
1911
|
+
divider: Nn,
|
|
1912
|
+
hoverHighlight: On,
|
|
1913
|
+
hoverTooltip: jn,
|
|
1914
|
+
marker: Zn,
|
|
1915
|
+
markerIn: Rn,
|
|
1916
|
+
markerDelete: Vn,
|
|
1917
|
+
hovered: Fn,
|
|
1918
|
+
markerNumber: Yn,
|
|
1919
|
+
markerTooltip: Wn,
|
|
1920
|
+
enter: Xn,
|
|
1921
|
+
tooltipIn: Un,
|
|
1922
|
+
markerQuote: qn,
|
|
1923
|
+
markerNote: Gn,
|
|
1924
|
+
settingsPanel: Kn,
|
|
1925
|
+
exit: Qn,
|
|
1926
|
+
settingsHeader: Jn,
|
|
1927
|
+
settingsBrand: e1,
|
|
1928
|
+
settingsBrandSlash: t1,
|
|
1929
|
+
settingsVersion: o1,
|
|
1930
|
+
settingsSection: n1,
|
|
1931
|
+
themeToggle: l1,
|
|
1932
|
+
settingsRow: s1,
|
|
1933
|
+
settingsLabel: a1,
|
|
1934
|
+
settingsLabelMarker: i1,
|
|
1935
|
+
cycleButton: r1,
|
|
1936
|
+
cycleButtonText: c1,
|
|
1937
|
+
cycleTextIn: u1,
|
|
1938
|
+
cycleDots: d1,
|
|
1939
|
+
cycleDot: p1,
|
|
1940
|
+
active: h1,
|
|
1941
|
+
colorOptions: f1,
|
|
1942
|
+
colorOptionRing: m1,
|
|
1943
|
+
colorOption: g1,
|
|
1944
|
+
selected: v1,
|
|
1945
|
+
settingsToggle: C1,
|
|
1946
|
+
customCheckbox: y1,
|
|
1947
|
+
checked: b1,
|
|
1948
|
+
toggleLabel: w1,
|
|
1949
|
+
helpIcon: k1
|
|
1950
|
+
}, _1 = {
|
|
1951
|
+
$style: x1
|
|
1952
|
+
}, $1 = /* @__PURE__ */ nt(hn, [["__cssModules", _1]]);
|
|
1656
1953
|
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
|
-
|
|
1954
|
+
$1 as Agentation,
|
|
1955
|
+
$1 as AgentationVue,
|
|
1956
|
+
No as AnimatedBunny,
|
|
1957
|
+
qe as AnnotationPopup,
|
|
1958
|
+
Po as IconChatEllipsis,
|
|
1959
|
+
xo as IconCheck,
|
|
1960
|
+
_o as IconCheckSmall,
|
|
1961
|
+
ze as IconCheckSmallAnimated,
|
|
1962
|
+
Ho as IconCheckmark,
|
|
1963
|
+
To as IconCheckmarkCircle,
|
|
1964
|
+
Do as IconCheckmarkLarge,
|
|
1965
|
+
ko as IconClose,
|
|
1966
|
+
Lo as IconCopyAlt,
|
|
1967
|
+
it as IconCopyAnimated,
|
|
1968
|
+
Mo as IconEye,
|
|
1969
|
+
zo as IconEyeAlt,
|
|
1970
|
+
rt as IconEyeAnimated,
|
|
1971
|
+
So as IconEyeClosed,
|
|
1972
|
+
Bo as IconEyeMinus,
|
|
1973
|
+
ut as IconGear,
|
|
1974
|
+
at as IconHelp,
|
|
1975
|
+
st as IconListSparkle,
|
|
1976
|
+
ht as IconMoon,
|
|
1977
|
+
Eo as IconPause,
|
|
1978
|
+
Ao as IconPauseAlt,
|
|
1979
|
+
ct as IconPausePlayAnimated,
|
|
1980
|
+
$o as IconPlayAlt,
|
|
1981
|
+
lt as IconPlus,
|
|
1982
|
+
pt as IconSun,
|
|
1983
|
+
dt as IconTrashAlt,
|
|
1984
|
+
Io as IconXmark,
|
|
1985
|
+
Se as IconXmarkLarge,
|
|
1986
|
+
E1 as clearAnnotations,
|
|
1987
|
+
Go as getAccessibilityInfo,
|
|
1988
|
+
z1 as getComputedStylesSnapshot,
|
|
1989
|
+
Xo as getDetailedComputedStyles,
|
|
1990
|
+
Ro as getElementClasses,
|
|
1991
|
+
Oo as getElementPath,
|
|
1992
|
+
qo as getForensicComputedStyles,
|
|
1993
|
+
Ko as getFullElementPath,
|
|
1994
|
+
Zo as getNearbyElements,
|
|
1995
|
+
jo as getNearbyText,
|
|
1996
|
+
ue as getStorageKey,
|
|
1997
|
+
M1 as identifyAnimationElement,
|
|
1998
|
+
me as identifyElement,
|
|
1999
|
+
en as loadAnnotations,
|
|
2000
|
+
S1 as parseComputedStylesString,
|
|
2001
|
+
tn as saveAnnotations
|
|
1705
2002
|
};
|