artifactuse 0.4.1 → 0.4.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/dist/react/index.js +2 -2
- package/dist/svelte/index.js +196 -196
- package/dist/vue/index.js +3 -3
- package/dist/vue2/index.js +3 -2
- package/package.json +1 -1
package/dist/svelte/index.js
CHANGED
|
@@ -9,7 +9,7 @@ import { r as Ur, g as Or, J as Is, b as Fs } from "../jszip.min-BdBnWAEK.js";
|
|
|
9
9
|
var zs = e.from_svg('<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg>'), Vs = e.from_svg('<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"></polyline></svg>'), qs = e.from_html('<div role="button" tabindex="0"><div class="artifactuse-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><!></svg></div> <div class="artifactuse-card__content"><div class="artifactuse-card__title"> </div> <div class="artifactuse-card__meta"><span class="artifactuse-card__type"> </span> <span class="artifactuse-card__separator">•</span> <span class="artifactuse-card__size"> </span></div></div> <div class="artifactuse-card__actions"><button class="artifactuse-card__action"><!></button> <button class="artifactuse-card__action" title="Download file"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" y1="15" x2="12" y2="3"></line></svg></button></div> <div class="artifactuse-card__arrow"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="9 18 15 12 9 6"></polyline></svg></div></div>');
|
|
10
10
|
function Ds(Oe, v) {
|
|
11
11
|
e.push(v, !1);
|
|
12
|
-
const be = e.mutable_source(), b = e.mutable_source(),
|
|
12
|
+
const be = e.mutable_source(), b = e.mutable_source(), A = e.mutable_source();
|
|
13
13
|
let n = e.prop(v, "artifact", 8), s = e.prop(v, "isActive", 8, !1);
|
|
14
14
|
const f = $a();
|
|
15
15
|
let I = e.mutable_source(!1);
|
|
@@ -53,17 +53,17 @@ function Ds(Oe, v) {
|
|
|
53
53
|
var D;
|
|
54
54
|
e.set(b, dr(n().size || ((D = n().code) == null ? void 0 : D.length) || 0));
|
|
55
55
|
}), e.legacy_pre_effect(() => e.deep_read_state(n()), () => {
|
|
56
|
-
e.set(
|
|
56
|
+
e.set(A, Ja(n().language));
|
|
57
57
|
}), e.legacy_pre_effect_reset(), e.init();
|
|
58
58
|
var Z = qs();
|
|
59
59
|
let ae;
|
|
60
60
|
var Re = e.child(Z), ue = e.child(Re), Ve = e.child(ue);
|
|
61
|
-
e.html(Ve, () => e.get(
|
|
61
|
+
e.html(Ve, () => e.get(A), !0), e.reset(ue), e.reset(Re);
|
|
62
62
|
var E = e.sibling(Re, 2), g = e.child(E), z = e.child(g, !0);
|
|
63
63
|
e.reset(g);
|
|
64
|
-
var ne = e.sibling(g, 2),
|
|
65
|
-
e.reset(
|
|
66
|
-
var ve = e.sibling(
|
|
64
|
+
var ne = e.sibling(g, 2), Ae = e.child(ne), pe = e.child(Ae, !0);
|
|
65
|
+
e.reset(Ae);
|
|
66
|
+
var ve = e.sibling(Ae, 4), de = e.child(ve, !0);
|
|
67
67
|
e.reset(ve), e.reset(ne), e.reset(E);
|
|
68
68
|
var He = e.sibling(E, 2), Se = e.child(He), Je = e.child(Se);
|
|
69
69
|
{
|
|
@@ -84,10 +84,10 @@ function Ds(Oe, v) {
|
|
|
84
84
|
ae = e.set_class(Z, 1, "artifactuse-card", null, ae, { "artifactuse-card--active": s() }), e.set_text(z, (e.deep_read_state(n()), e.untrack(() => n().title))), e.set_text(pe, e.get(be)), e.set_text(de, e.get(b)), e.set_attribute(Se, "title", e.get(I) ? "Copied!" : "Copy code");
|
|
85
85
|
}), e.event("click", Se, Be), e.event("click", ke, $e), e.event("click", Z, t), e.event("keypress", Z, (D) => D.key === "Enter" && t(D)), e.append(Oe, Z), e.pop();
|
|
86
86
|
}
|
|
87
|
-
var Rs = e.from_svg('<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>'), Us = e.from_svg('<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>'), Os = e.from_svg('<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"></line></svg>'), js = e.from_html('<div class="artifactuse-form-collapsed"><div class="artifactuse-form-collapsed-icon"><!></div> <span class="artifactuse-form-collapsed-title"> </span></div>'), Ns = e.from_html('<div class="artifactuse-form-title"> </div>'), Ws = e.from_html('<p class="artifactuse-form-description"> </p>'), Js = e.from_html('<div class="artifactuse-form-header"><!> <!></div>'), Xs = e.from_html('<span class="artifactuse-form-btn-icon"><!></span>'), Zs = e.from_html('<button type="button"><!> </button>'), Ks = e.from_html('<div class="artifactuse-form-buttons"></div>'), Ys = e.from_html('<span class="artifactuse-form-btn-spinner"></span>'), Gs = e.from_html('<span class="artifactuse-form-btn-icon"><!></span>'), Qs = e.from_html("<button><!> </button>"), ei = e.from_html('<div class="artifactuse-form-buttons"></div>'), ti = e.from_html('<div class="artifactuse-form-divider"></div>'), ai = e.from_html('<div class="artifactuse-form-heading"> </div>'), ri = e.from_html('<span class="artifactuse-required">*</span>'), si = e.from_html('<span class="artifactuse-help-text"> </span>'), ii = e.from_html('<span class="artifactuse-error-text"> </span>'), ni = e.from_html('<div class="artifactuse-form-field"><label class="artifactuse-checkbox-label"><input type="checkbox" class="artifactuse-checkbox"/> <span class="artifactuse-checkbox-text"> <!></span></label> <!> <!></div>'), li = e.from_html('<span class="artifactuse-required">*</span>'), oi = e.from_html('<label class="artifactuse-label"> <!></label>'), ci = e.from_html('<label class="artifactuse-radio-label"><input type="radio" class="artifactuse-radio"/> <span> </span></label>'), ui = e.from_html('<span class="artifactuse-help-text"> </span>'), vi = e.from_html('<span class="artifactuse-error-text"> </span>'), di = e.from_html('<div class="artifactuse-form-field"><!> <div class="artifactuse-radio-group"></div> <!> <!></div>'), _i = e.from_html('<span class="artifactuse-required">*</span>'), fi = e.from_html('<input class="artifactuse-input"/>'), pi = e.from_html('<textarea class="artifactuse-textarea"></textarea>'), gi = e.from_html("<option> </option>"), mi = e.from_html('<select class="artifactuse-select"><option> </option><!></select>'), hi = e.from_html('<span class="artifactuse-help-text"> </span>'), bi = e.from_html('<span class="artifactuse-error-text"> </span>'), ki = e.from_html('<div class="artifactuse-form-field"><label class="artifactuse-label"> <!></label> <!> <!> <!></div>'), yi = e.from_html('<span class="artifactuse-form-btn-spinner"></span>'), xi = e.from_html('<div class="artifactuse-form-buttons artifactuse-form-buttons-default"><button type="button" class="artifactuse-form-btn artifactuse-form-btn-ghost">Cancel</button> <button type="submit" class="artifactuse-form-btn artifactuse-form-btn-primary"><!> </button></div>'), wi = e.from_html('<form class="artifactuse-form"><div class="artifactuse-form-fields"></div> <!></form>'), Ci = e.from_html("<!> <!>", 1),
|
|
88
|
-
function
|
|
87
|
+
var Rs = e.from_svg('<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>'), Us = e.from_svg('<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>'), Os = e.from_svg('<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"></line></svg>'), js = e.from_html('<div class="artifactuse-form-collapsed"><div class="artifactuse-form-collapsed-icon"><!></div> <span class="artifactuse-form-collapsed-title"> </span></div>'), Ns = e.from_html('<div class="artifactuse-form-title"> </div>'), Ws = e.from_html('<p class="artifactuse-form-description"> </p>'), Js = e.from_html('<div class="artifactuse-form-header"><!> <!></div>'), Xs = e.from_html('<span class="artifactuse-form-btn-icon"><!></span>'), Zs = e.from_html('<button type="button"><!> </button>'), Ks = e.from_html('<div class="artifactuse-form-buttons"></div>'), Ys = e.from_html('<span class="artifactuse-form-btn-spinner"></span>'), Gs = e.from_html('<span class="artifactuse-form-btn-icon"><!></span>'), Qs = e.from_html("<button><!> </button>"), ei = e.from_html('<div class="artifactuse-form-buttons"></div>'), ti = e.from_html('<div class="artifactuse-form-divider"></div>'), ai = e.from_html('<div class="artifactuse-form-heading"> </div>'), ri = e.from_html('<span class="artifactuse-required">*</span>'), si = e.from_html('<span class="artifactuse-help-text"> </span>'), ii = e.from_html('<span class="artifactuse-error-text"> </span>'), ni = e.from_html('<div class="artifactuse-form-field"><label class="artifactuse-checkbox-label"><input type="checkbox" class="artifactuse-checkbox"/> <span class="artifactuse-checkbox-text"> <!></span></label> <!> <!></div>'), li = e.from_html('<span class="artifactuse-required">*</span>'), oi = e.from_html('<label class="artifactuse-label"> <!></label>'), ci = e.from_html('<label class="artifactuse-radio-label"><input type="radio" class="artifactuse-radio"/> <span> </span></label>'), ui = e.from_html('<span class="artifactuse-help-text"> </span>'), vi = e.from_html('<span class="artifactuse-error-text"> </span>'), di = e.from_html('<div class="artifactuse-form-field"><!> <div class="artifactuse-radio-group"></div> <!> <!></div>'), _i = e.from_html('<span class="artifactuse-required">*</span>'), fi = e.from_html('<input class="artifactuse-input"/>'), pi = e.from_html('<textarea class="artifactuse-textarea"></textarea>'), gi = e.from_html("<option> </option>"), mi = e.from_html('<select class="artifactuse-select"><option> </option><!></select>'), hi = e.from_html('<span class="artifactuse-help-text"> </span>'), bi = e.from_html('<span class="artifactuse-error-text"> </span>'), ki = e.from_html('<div class="artifactuse-form-field"><label class="artifactuse-label"> <!></label> <!> <!> <!></div>'), yi = e.from_html('<span class="artifactuse-form-btn-spinner"></span>'), xi = e.from_html('<div class="artifactuse-form-buttons artifactuse-form-buttons-default"><button type="button" class="artifactuse-form-btn artifactuse-form-btn-ghost">Cancel</button> <button type="submit" class="artifactuse-form-btn artifactuse-form-btn-primary"><!> </button></div>'), wi = e.from_html('<form class="artifactuse-form"><div class="artifactuse-form-fields"></div> <!></form>'), Ci = e.from_html("<!> <!>", 1), Pi = e.from_html("<div><!></div>");
|
|
88
|
+
function Ai(Oe, v) {
|
|
89
89
|
e.push(v, !1);
|
|
90
|
-
const be = e.mutable_source(), b = e.mutable_source(),
|
|
90
|
+
const be = e.mutable_source(), b = e.mutable_source(), A = e.mutable_source(), n = e.mutable_source(), s = e.mutable_source(), f = e.mutable_source(), I = e.mutable_source(), t = e.mutable_source(), Be = e.mutable_source();
|
|
91
91
|
let $e = e.prop(v, "artifact", 8), Z = e.prop(v, "theme", 8, "dark"), ae = e.prop(v, "accent", 8, null), Re = e.prop(
|
|
92
92
|
v,
|
|
93
93
|
"initialState",
|
|
@@ -97,7 +97,7 @@ function Pi(Oe, v) {
|
|
|
97
97
|
);
|
|
98
98
|
const ue = $a();
|
|
99
99
|
let Ve = e.mutable_source(), E = e.mutable_source({}), g = e.mutable_source({}), z = e.mutable_source(!1), ne = e.mutable_source(Re());
|
|
100
|
-
function
|
|
100
|
+
function Ae(o) {
|
|
101
101
|
try {
|
|
102
102
|
return JSON.parse(o);
|
|
103
103
|
} catch {
|
|
@@ -143,7 +143,7 @@ function Pi(Oe, v) {
|
|
|
143
143
|
const o = {};
|
|
144
144
|
e.get(f).forEach((_e) => {
|
|
145
145
|
["buttons", "divider", "heading"].includes(_e.type) || (_e.defaultValue !== void 0 ? o[_e.name] = _e.defaultValue : _e.type === "checkbox" ? o[_e.name] = !1 : o[_e.name] = "");
|
|
146
|
-
}), (X = e.get(
|
|
146
|
+
}), (X = e.get(A).data) != null && X.defaults && Object.assign(o, e.get(A).data.defaults), e.set(E, o), e.set(g, {});
|
|
147
147
|
}
|
|
148
148
|
function Je(o) {
|
|
149
149
|
return [
|
|
@@ -188,7 +188,7 @@ function Pi(Oe, v) {
|
|
|
188
188
|
return;
|
|
189
189
|
}
|
|
190
190
|
});
|
|
191
|
-
const X = (_e = e.get(
|
|
191
|
+
const X = (_e = e.get(A).data) == null ? void 0 : _e.validation;
|
|
192
192
|
return X && Object.entries(X).forEach(([V, re]) => {
|
|
193
193
|
if (o[V]) return;
|
|
194
194
|
const y = e.get(E)[V];
|
|
@@ -266,28 +266,28 @@ function Pi(Oe, v) {
|
|
|
266
266
|
e.set(b, e.get(ne) === "active" ? "" : `artifactuse-form--${e.get(ne)}`);
|
|
267
267
|
}), e.legacy_pre_effect(() => e.deep_read_state($e()), () => {
|
|
268
268
|
var o;
|
|
269
|
-
e.set(
|
|
270
|
-
}), e.legacy_pre_effect(() => (e.deep_read_state($e()), e.get(
|
|
269
|
+
e.set(A, Ae((o = $e()) == null ? void 0 : o.code));
|
|
270
|
+
}), e.legacy_pre_effect(() => (e.deep_read_state($e()), e.get(A)), () => {
|
|
271
271
|
var o;
|
|
272
|
-
e.set(n, ((o = $e()) == null ? void 0 : o.id) || e.get(
|
|
273
|
-
}), e.legacy_pre_effect(() => e.get(
|
|
274
|
-
e.set(s, `artifactuse-form-${e.get(
|
|
275
|
-
}), e.legacy_pre_effect(() => e.get(
|
|
272
|
+
e.set(n, ((o = $e()) == null ? void 0 : o.id) || e.get(A).id || `form-${Date.now()}`);
|
|
273
|
+
}), e.legacy_pre_effect(() => e.get(A), () => {
|
|
274
|
+
e.set(s, `artifactuse-form-${e.get(A).variant || "fields"}`);
|
|
275
|
+
}), e.legacy_pre_effect(() => e.get(A), () => {
|
|
276
276
|
var o;
|
|
277
|
-
e.set(f, ((o = e.get(
|
|
278
|
-
}), e.legacy_pre_effect(() => (e.get(
|
|
279
|
-
e.set(I, e.get(
|
|
277
|
+
e.set(f, ((o = e.get(A).data) == null ? void 0 : o.fields) || []);
|
|
278
|
+
}), e.legacy_pre_effect(() => (e.get(A), e.get(f)), () => {
|
|
279
|
+
e.set(I, e.get(A).variant === "buttons" ? e.get(f) : []);
|
|
280
280
|
}), e.legacy_pre_effect(() => e.get(f), () => {
|
|
281
281
|
e.set(t, e.get(f).some((o) => o.type === "buttons"));
|
|
282
|
-
}), e.legacy_pre_effect(() => e.get(
|
|
283
|
-
e.set(Be, e.get(
|
|
282
|
+
}), e.legacy_pre_effect(() => e.get(A), () => {
|
|
283
|
+
e.set(Be, e.get(A).title || "Form");
|
|
284
284
|
}), e.legacy_pre_effect(() => e.deep_read_state(ae()), () => {
|
|
285
285
|
ae() && He();
|
|
286
286
|
}), e.legacy_pre_effect(() => e.deep_read_state($e()), () => {
|
|
287
287
|
var o;
|
|
288
288
|
(o = $e()) != null && o.code && Se();
|
|
289
289
|
}), e.legacy_pre_effect_reset(), e.init();
|
|
290
|
-
var xe =
|
|
290
|
+
var xe = Pi(), Ye = e.child(xe);
|
|
291
291
|
{
|
|
292
292
|
var St = (o) => {
|
|
293
293
|
var X = js(), _e = e.child(X), V = e.child(_e);
|
|
@@ -330,26 +330,26 @@ function Pi(Oe, v) {
|
|
|
330
330
|
{
|
|
331
331
|
var le = (r) => {
|
|
332
332
|
var Le = Ns(), c = e.child(Le, !0);
|
|
333
|
-
e.reset(Le), e.template_effect(() => e.set_text(c, (e.get(
|
|
333
|
+
e.reset(Le), e.template_effect(() => e.set_text(c, (e.get(A), e.untrack(() => e.get(A).title)))), e.append(r, Le);
|
|
334
334
|
};
|
|
335
335
|
e.if(Ie, (r) => {
|
|
336
|
-
e.get(
|
|
336
|
+
e.get(A), e.untrack(() => e.get(A).title) && r(le);
|
|
337
337
|
});
|
|
338
338
|
}
|
|
339
339
|
var qe = e.sibling(Ie, 2);
|
|
340
340
|
{
|
|
341
341
|
var we = (r) => {
|
|
342
342
|
var Le = Ws(), c = e.child(Le, !0);
|
|
343
|
-
e.reset(Le), e.template_effect(() => e.set_text(c, (e.get(
|
|
343
|
+
e.reset(Le), e.template_effect(() => e.set_text(c, (e.get(A), e.untrack(() => e.get(A).description)))), e.append(r, Le);
|
|
344
344
|
};
|
|
345
345
|
e.if(qe, (r) => {
|
|
346
|
-
e.get(
|
|
346
|
+
e.get(A), e.untrack(() => e.get(A).description) && r(we);
|
|
347
347
|
});
|
|
348
348
|
}
|
|
349
349
|
e.reset(ge), e.append(Te, ge);
|
|
350
350
|
};
|
|
351
351
|
e.if(_e, (Te) => {
|
|
352
|
-
e.get(
|
|
352
|
+
e.get(A), e.untrack(() => e.get(A).title || e.get(A).description) && Te(V);
|
|
353
353
|
});
|
|
354
354
|
}
|
|
355
355
|
var re = e.sibling(_e, 2);
|
|
@@ -699,7 +699,7 @@ function Pi(Oe, v) {
|
|
|
699
699
|
e.reset(ge), e.event("submit", ge, D), e.append(Te, ge);
|
|
700
700
|
};
|
|
701
701
|
e.if(re, (Te) => {
|
|
702
|
-
e.get(
|
|
702
|
+
e.get(A), e.untrack(() => e.get(A).variant === "buttons") ? Te(y) : Te(Me, !1);
|
|
703
703
|
});
|
|
704
704
|
}
|
|
705
705
|
e.append(o, X);
|
|
@@ -715,7 +715,7 @@ function Pi(Oe, v) {
|
|
|
715
715
|
var Ei = e.from_svg('<svg viewBox="0 0 24 24" fill="currentColor"><path d="M22.25 12c0-1.43-.88-2.67-2.19-3.34.46-1.39.2-2.9-.81-3.91s-2.52-1.27-3.91-.81c-.66-1.31-1.91-2.19-3.34-2.19s-2.67.88-3.34 2.19c-1.39-.46-2.9-.2-3.91.81s-1.27 2.52-.81 3.91C2.63 9.33 1.75 10.57 1.75 12s.88 2.67 2.19 3.34c-.46 1.39-.2 2.9.81 3.91s2.52 1.27 3.91.81c.66 1.31 1.91 2.19 3.34 2.19s2.67-.88 3.34-2.19c1.39.46 2.9.2 3.91-.81s1.27-2.52.81-3.91c1.31-.67 2.19-1.91 2.19-3.34zm-11.71 4.2L6.8 12.46l1.41-1.42 2.26 2.26 4.8-5.23 1.47 1.36-6.2 6.77z"></path></svg>'), $i = e.from_html("<img/>"), Si = e.from_html('<div class="artifactuse-social-media"><div></div></div>'), Ti = e.from_html('<img class="artifactuse-social-link-image"/>'), Li = e.from_html('<div class="artifactuse-social-link-description"> </div>'), Mi = e.from_html('<div class="artifactuse-social-link-card"><!> <div class="artifactuse-social-link-info"><div class="artifactuse-social-link-domain"> </div> <div class="artifactuse-social-link-title"> </div> <!></div></div>'), Bi = e.from_html('<div class="artifactuse-social-poll-option"><div class="artifactuse-social-poll-bar"></div> <div class="artifactuse-social-poll-label"><span> </span> <span class="artifactuse-social-poll-percent"> </span></div></div>'), Hi = e.from_html('<div class="artifactuse-social-poll"><!> <div class="artifactuse-social-poll-meta"> </div></div>'), Ii = e.from_html('<div class="artifactuse-social-quote"><div class="artifactuse-social-quote-header"><img class="artifactuse-social-quote-avatar" alt=""/> <span class="artifactuse-social-quote-author"> </span> <span class="artifactuse-social-quote-handle"> </span></div> <p class="artifactuse-social-quote-text"> </p></div>'), Fi = e.from_html('<div class="artifactuse-social-engagement"><span> </span> <span> </span> <span> </span> <span> </span></div>'), zi = e.from_html('<div class="artifactuse-social-header"><img class="artifactuse-social-avatar"/> <div class="artifactuse-social-author"><div class="artifactuse-social-author-name"><span> </span> <!></div> <div class="artifactuse-social-author-meta"><span class="artifactuse-social-author-handle"> </span> <span class="artifactuse-social-timestamp"> </span></div></div></div> <div class="artifactuse-social-content"><p class="artifactuse-social-text"><!></p> <!> <!> <!> <!></div> <!>', 1), Vi = e.from_html('<span class="artifactuse-social-author-connection"> </span>'), qi = e.from_html('<img class="artifactuse-social-link-image"/>'), Di = e.from_html('<div class="artifactuse-social-link-card"><!> <div class="artifactuse-social-link-info"><div class="artifactuse-social-link-title"> </div> <div class="artifactuse-social-link-domain"> </div></div></div>'), Ri = e.from_html('<div class="artifactuse-social-engagement"><span> </span> <span> </span> <span> </span></div>'), Ui = e.from_html('<div class="artifactuse-social-header"><img class="artifactuse-social-avatar"/> <div class="artifactuse-social-author-info"><div class="artifactuse-social-author-name"> <!></div> <div class="artifactuse-social-author-headline"> </div> <div class="artifactuse-social-timestamp"> </div></div></div> <div class="artifactuse-social-content"><p class="artifactuse-social-text"><!></p> <!></div> <!>', 1), Oi = e.from_svg('<svg class="artifactuse-social-verified" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"></path></svg>'), ji = e.from_html('<div class="artifactuse-social-location"> </div>'), Ni = e.from_html("<img/>"), Wi = e.from_html('<div class="artifactuse-social-media-placeholder"></div>'), Ji = e.from_html('<div class="artifactuse-social-header"><img class="artifactuse-social-avatar"/> <div class="artifactuse-social-author"><div class="artifactuse-social-author-name"> <!></div> <!></div></div> <div class="artifactuse-social-media"><!></div> <div class="artifactuse-social-likes"> </div> <div class="artifactuse-social-caption"><span class="artifactuse-social-caption-author"> </span> <span class="artifactuse-social-caption-text"><!></span></div> <div class="artifactuse-social-timestamp"> </div>', 1), Xi = e.from_html("<img/>"), Zi = e.from_html('<div class="artifactuse-social-media"><div class="artifactuse-social-media-grid"></div></div>'), Ki = e.from_html('<img class="artifactuse-social-link-image"/>'), Yi = e.from_html('<div class="artifactuse-social-link-card"><!> <div class="artifactuse-social-link-info"><div class="artifactuse-social-link-domain"> </div> <div class="artifactuse-social-link-title"> </div></div></div>'), Gi = e.from_html('<div class="artifactuse-social-engagement"><span> </span> <span> </span></div>'), Qi = e.from_html('<div class="artifactuse-social-header"><img class="artifactuse-social-avatar"/> <div class="artifactuse-social-author"><div class="artifactuse-social-author-name"> </div> <div class="artifactuse-social-timestamp"> </div></div></div> <div class="artifactuse-social-content"><p class="artifactuse-social-text"><!></p> <!> <!></div> <!>', 1), en = e.from_svg('<svg class="artifactuse-social-verified" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"></path></svg>'), tn = e.from_html('<div class="artifactuse-social-engagement"><span> </span> <span> </span> <span> </span></div>'), an = e.from_html('<div class="artifactuse-social-header"><img class="artifactuse-social-avatar"/> <div class="artifactuse-social-author"><div class="artifactuse-social-author-name"> <!></div></div> <span class="artifactuse-social-timestamp"> </span></div> <div class="artifactuse-social-content"><p class="artifactuse-social-text"><!></p></div> <!>', 1), rn = e.from_html('<img alt="Video thumbnail"/>'), sn = e.from_html('<div class="artifactuse-social-thumbnail-placeholder"></div>'), nn = e.from_html('<div class="artifactuse-social-duration"> </div>'), ln = e.from_html('<div class="artifactuse-social-sound"> </div>'), on = e.from_html('<div class="artifactuse-social-engagement"><span> </span> <span> </span> <span> </span></div>'), cn = e.from_html('<div class="artifactuse-social-thumbnail"><!> <!></div> <div class="artifactuse-social-info"><div class="artifactuse-social-header"><img class="artifactuse-social-avatar"/> <span class="artifactuse-social-author-name"> </span></div> <p class="artifactuse-social-text"><!></p> <!></div> <!>', 1), un = e.from_html('<img alt="Video thumbnail"/>'), vn = e.from_html('<div class="artifactuse-social-thumbnail-placeholder"></div>'), dn = e.from_html('<div class="artifactuse-social-duration"> </div>'), _n = e.from_html('<div class="artifactuse-social-thumbnail"><!> <!></div> <div class="artifactuse-social-info"><img class="artifactuse-social-avatar"/> <div class="artifactuse-social-details"><div class="artifactuse-social-title"> </div> <div class="artifactuse-social-channel"> </div> <div class="artifactuse-social-meta"> </div></div></div>', 1), fn = e.from_html('<div><!> <div class="artifactuse-social-actions-bar"><div class="artifactuse-social-platform-badge"><span> </span></div> <div class="artifactuse-social-actions-right"><span> </span> <button class="artifactuse-social-copy-btn"> </button></div></div></div>');
|
|
716
716
|
function pn(Oe, v) {
|
|
717
717
|
e.push(v, !1);
|
|
718
|
-
const be = e.mutable_source(), b = e.mutable_source(),
|
|
718
|
+
const be = e.mutable_source(), b = e.mutable_source(), A = e.mutable_source(), n = e.mutable_source(), s = e.mutable_source(), f = e.mutable_source(), I = e.mutable_source(), t = e.mutable_source(), Be = e.mutable_source(), $e = e.mutable_source(), Z = e.mutable_source(), ae = e.mutable_source(), Re = e.mutable_source();
|
|
719
719
|
let ue = e.prop(v, "artifact", 8), Ve = e.prop(v, "theme", 8, "dark");
|
|
720
720
|
const E = $a(), g = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23888"><circle cx="12" cy="8" r="4"/><path d="M12 14c-6 0-8 3-8 6v2h16v-2c0-3-2-6-8-6z"/></svg>', z = {
|
|
721
721
|
twitter: 280,
|
|
@@ -734,7 +734,7 @@ function pn(Oe, v) {
|
|
|
734
734
|
tiktok: "TikTok",
|
|
735
735
|
youtube: "YouTube"
|
|
736
736
|
};
|
|
737
|
-
let
|
|
737
|
+
let Ae = e.mutable_source("Copy");
|
|
738
738
|
function pe(y) {
|
|
739
739
|
try {
|
|
740
740
|
return JSON.parse(y);
|
|
@@ -766,9 +766,9 @@ function pn(Oe, v) {
|
|
|
766
766
|
function Ge() {
|
|
767
767
|
const y = e.get(s).text || "";
|
|
768
768
|
navigator.clipboard.writeText(y).then(() => {
|
|
769
|
-
e.set(
|
|
769
|
+
e.set(Ae, "Copied!"), setTimeout(
|
|
770
770
|
() => {
|
|
771
|
-
e.set(
|
|
771
|
+
e.set(Ae, "Copy");
|
|
772
772
|
},
|
|
773
773
|
2e3
|
|
774
774
|
), E("copy", { platform: e.get(b), text: y });
|
|
@@ -782,15 +782,15 @@ function pn(Oe, v) {
|
|
|
782
782
|
e.set(b, ((y = e.get(be)) == null ? void 0 : y.platform) || "twitter");
|
|
783
783
|
}), e.legacy_pre_effect(() => e.get(be), () => {
|
|
784
784
|
var y;
|
|
785
|
-
e.set(
|
|
786
|
-
}), e.legacy_pre_effect(() => e.get(
|
|
787
|
-
e.set(n, e.get(
|
|
788
|
-
}), e.legacy_pre_effect(() => e.get(
|
|
789
|
-
e.set(s, e.get(
|
|
790
|
-
}), e.legacy_pre_effect(() => e.get(
|
|
791
|
-
e.set(f, e.get(
|
|
792
|
-
}), e.legacy_pre_effect(() => e.get(
|
|
793
|
-
e.set(I, e.get(
|
|
785
|
+
e.set(A, ((y = e.get(be)) == null ? void 0 : y.data) || {});
|
|
786
|
+
}), e.legacy_pre_effect(() => e.get(A), () => {
|
|
787
|
+
e.set(n, e.get(A).author || {});
|
|
788
|
+
}), e.legacy_pre_effect(() => e.get(A), () => {
|
|
789
|
+
e.set(s, e.get(A).content || {});
|
|
790
|
+
}), e.legacy_pre_effect(() => e.get(A), () => {
|
|
791
|
+
e.set(f, e.get(A).engagement || {});
|
|
792
|
+
}), e.legacy_pre_effect(() => e.get(A), () => {
|
|
793
|
+
e.set(I, e.get(A).meta || {});
|
|
794
794
|
}), e.legacy_pre_effect(() => e.get(s), () => {
|
|
795
795
|
e.set(t, e.get(s).media || []);
|
|
796
796
|
}), e.legacy_pre_effect(() => e.get(b), () => {
|
|
@@ -1431,13 +1431,13 @@ function pn(Oe, v) {
|
|
|
1431
1431
|
e.reset(X);
|
|
1432
1432
|
var V = e.sibling(X, 2), re = e.child(V, !0);
|
|
1433
1433
|
e.reset(V), e.reset(o), e.reset(xe), e.reset(Qe), e.template_effect(() => {
|
|
1434
|
-
e.set_class(Qe, 1, `artifactuse-social artifactuse-social-${e.get(b) ?? ""}`), e.set_attribute(Qe, "data-artifactuse-theme", Ve()), e.set_text(lt, (e.get(b), e.untrack(() => ne[e.get(b)] || e.get(b)))), e.set_class(X, 1, `artifactuse-social-char-counter ${e.get(Z) ?? ""}`), e.set_text(_e, `${e.get($e) ?? ""}/${e.get(Be) ?? ""}`), e.set_text(re, e.get(
|
|
1434
|
+
e.set_class(Qe, 1, `artifactuse-social artifactuse-social-${e.get(b) ?? ""}`), e.set_attribute(Qe, "data-artifactuse-theme", Ve()), e.set_text(lt, (e.get(b), e.untrack(() => ne[e.get(b)] || e.get(b)))), e.set_class(X, 1, `artifactuse-social-char-counter ${e.get(Z) ?? ""}`), e.set_text(_e, `${e.get($e) ?? ""}/${e.get(Be) ?? ""}`), e.set_text(re, e.get(Ae));
|
|
1435
1435
|
}), e.event("click", V, Ge), e.append(Oe, Qe), e.pop();
|
|
1436
1436
|
}
|
|
1437
1437
|
var gn = e.from_html('<button type="button" class="artifactuse-viewer-image-button"><img/></button>'), mn = e.from_html('<iframe class="artifactuse-viewer-pdf"></iframe>'), hn = e.from_svg('<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line><line x1="11" y1="8" x2="11" y2="14"></line><line x1="8" y1="11" x2="14" y2="11"></line></svg>'), bn = e.from_svg('<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line><line x1="8" y1="11" x2="14" y2="11"></line></svg>'), kn = e.from_html('<div class="artifactuse-viewer-controls"><button class="artifactuse-viewer-control"><!></button> <button class="artifactuse-viewer-control" title="Download"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" y1="15" x2="12" y2="3"></line></svg></button></div>'), yn = e.from_html('<div class="artifactuse-viewer-caption"> </div>'), xn = e.from_html('<div class="artifactuse-viewer-overlay" tabindex="-1" role="dialog" aria-modal="true"><div class="artifactuse-viewer-content"><!> <!> <button class="artifactuse-viewer-close" title="Close (Esc)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></button> <!> <!></div></div>');
|
|
1438
1438
|
function wn(Oe, v) {
|
|
1439
1439
|
e.push(v, !1);
|
|
1440
|
-
let be = e.prop(v, "isOpen", 8, !1), b = e.prop(v, "type", 8, "image"),
|
|
1440
|
+
let be = e.prop(v, "isOpen", 8, !1), b = e.prop(v, "type", 8, "image"), A = e.prop(v, "src", 8, ""), n = e.prop(v, "alt", 8, ""), s = e.prop(v, "caption", 8, "");
|
|
1441
1441
|
const f = $a();
|
|
1442
1442
|
let I = e.mutable_source(), t = e.mutable_source(!1);
|
|
1443
1443
|
function Be() {
|
|
@@ -1448,7 +1448,7 @@ function wn(Oe, v) {
|
|
|
1448
1448
|
}
|
|
1449
1449
|
function Z() {
|
|
1450
1450
|
const g = document.createElement("a");
|
|
1451
|
-
g.href =
|
|
1451
|
+
g.href = A(), g.download = n() || "download", document.body.appendChild(g), g.click(), document.body.removeChild(g);
|
|
1452
1452
|
}
|
|
1453
1453
|
function ae(g) {
|
|
1454
1454
|
g.key === "Escape" && be() && Be();
|
|
@@ -1469,25 +1469,25 @@ function wn(Oe, v) {
|
|
|
1469
1469
|
var ue = e.comment(), Ve = e.first_child(ue);
|
|
1470
1470
|
{
|
|
1471
1471
|
var E = (g) => {
|
|
1472
|
-
var z = xn(), ne = e.child(z),
|
|
1472
|
+
var z = xn(), ne = e.child(z), Ae = e.child(ne);
|
|
1473
1473
|
{
|
|
1474
1474
|
var pe = (ke) => {
|
|
1475
1475
|
var D = gn(), ye = e.child(D);
|
|
1476
1476
|
let xe;
|
|
1477
1477
|
e.reset(D), e.template_effect(() => {
|
|
1478
|
-
e.set_attribute(ye, "src",
|
|
1478
|
+
e.set_attribute(ye, "src", A()), e.set_attribute(ye, "alt", n()), xe = e.set_class(ye, 1, "artifactuse-viewer-image", null, xe, { "artifactuse-viewer-image--zoomed": e.get(t) });
|
|
1479
1479
|
}), e.event("click", D, $e), e.append(ke, D);
|
|
1480
1480
|
};
|
|
1481
|
-
e.if(
|
|
1481
|
+
e.if(Ae, (ke) => {
|
|
1482
1482
|
b() === "image" && ke(pe);
|
|
1483
1483
|
});
|
|
1484
1484
|
}
|
|
1485
|
-
var ve = e.sibling(
|
|
1485
|
+
var ve = e.sibling(Ae, 2);
|
|
1486
1486
|
{
|
|
1487
1487
|
var de = (ke) => {
|
|
1488
1488
|
var D = mn();
|
|
1489
1489
|
e.template_effect(() => {
|
|
1490
|
-
e.set_attribute(D, "src",
|
|
1490
|
+
e.set_attribute(D, "src", A()), e.set_attribute(D, "title", n() || "PDF Viewer");
|
|
1491
1491
|
}), e.append(ke, D);
|
|
1492
1492
|
};
|
|
1493
1493
|
e.if(ve, (ke) => {
|
|
@@ -1536,10 +1536,10 @@ function wn(Oe, v) {
|
|
|
1536
1536
|
}
|
|
1537
1537
|
e.append(Oe, ue), e.pop();
|
|
1538
1538
|
}
|
|
1539
|
-
var Cn = e.from_html("<div><!></div>"),
|
|
1539
|
+
var Cn = e.from_html("<div><!></div>"), Pn = e.from_html('<div class="artifactuse-agent-message"><div class="artifactuse-message-content" role="presentation"></div> <!></div>');
|
|
1540
1540
|
function Wl(Oe, v) {
|
|
1541
1541
|
e.push(v, !1);
|
|
1542
|
-
const be = e.mutable_source(), b = e.mutable_source(),
|
|
1542
|
+
const be = e.mutable_source(), b = e.mutable_source(), A = e.mutable_source(), n = e.mutable_source();
|
|
1543
1543
|
let s = e.prop(v, "content", 8, ""), f = e.prop(v, "messageId", 24, () => `msg-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`), I = e.prop(v, "inlineCards", 8, !0), t = e.prop(v, "typing", 8, !1), Be = e.prop(
|
|
1544
1544
|
v,
|
|
1545
1545
|
"isLastMessage",
|
|
@@ -1554,7 +1554,7 @@ function Wl(Oe, v) {
|
|
|
1554
1554
|
instance: z,
|
|
1555
1555
|
activeArtifactId: ne
|
|
1556
1556
|
} = Xa();
|
|
1557
|
-
let
|
|
1557
|
+
let Ae = e.mutable_source(), pe = e.mutable_source(), ve = e.mutable_source(""), de = e.mutable_source([]), He = e.mutable_source([]), Se = null, Je = e.mutable_source(t()), Ge = e.mutable_source(!1), Qe = e.mutable_source(!1), ke = e.mutable_source("image"), D = e.mutable_source(""), ye = e.mutable_source(""), xe = e.mutable_source("");
|
|
1558
1558
|
function Ye(c) {
|
|
1559
1559
|
if (!c) return null;
|
|
1560
1560
|
try {
|
|
@@ -1718,7 +1718,7 @@ function Wl(Oe, v) {
|
|
|
1718
1718
|
e.set(b, ne || null);
|
|
1719
1719
|
}), e.legacy_pre_effect(() => e.deep_read_state(I()), () => {
|
|
1720
1720
|
var c;
|
|
1721
|
-
e.set(
|
|
1721
|
+
e.set(A, I() ?? ((c = z == null ? void 0 : z.config) == null ? void 0 : c.inlineCards) ?? !0);
|
|
1722
1722
|
}), e.legacy_pre_effect(() => e.deep_read_state(t()), () => {
|
|
1723
1723
|
t() && e.set(Ge, !0);
|
|
1724
1724
|
}), e.legacy_pre_effect(() => (e.get(Ge), e.deep_read_state(Be())), () => {
|
|
@@ -1739,7 +1739,7 @@ function Wl(Oe, v) {
|
|
|
1739
1739
|
), e.legacy_pre_effect(() => (e.get(Je), e.deep_read_state(t())), () => {
|
|
1740
1740
|
e.get(Je) === !0 && t() === !1 && V(), e.set(Je, t());
|
|
1741
1741
|
}), e.legacy_pre_effect_reset(), e.init();
|
|
1742
|
-
var we =
|
|
1742
|
+
var we = Pn(), r = e.child(we);
|
|
1743
1743
|
e.each(
|
|
1744
1744
|
r,
|
|
1745
1745
|
7,
|
|
@@ -1758,7 +1758,7 @@ function Wl(Oe, v) {
|
|
|
1758
1758
|
var x = e.comment(), q = e.first_child(x);
|
|
1759
1759
|
{
|
|
1760
1760
|
var j = (Ee) => {
|
|
1761
|
-
|
|
1761
|
+
Ai(Ee, {
|
|
1762
1762
|
get artifact() {
|
|
1763
1763
|
return e.get(k), e.untrack(() => e.get(k).artifact);
|
|
1764
1764
|
},
|
|
@@ -1811,7 +1811,7 @@ function Wl(Oe, v) {
|
|
|
1811
1811
|
e.if(
|
|
1812
1812
|
m,
|
|
1813
1813
|
(L) => {
|
|
1814
|
-
e.get(k), e.get(
|
|
1814
|
+
e.get(k), e.get(A), e.untrack(() => e.get(k).type === "panel" && e.get(A)) && L(w);
|
|
1815
1815
|
},
|
|
1816
1816
|
!0
|
|
1817
1817
|
);
|
|
@@ -1863,13 +1863,13 @@ function Wl(Oe, v) {
|
|
|
1863
1863
|
return e.get(xe);
|
|
1864
1864
|
},
|
|
1865
1865
|
$$events: { close: o }
|
|
1866
|
-
}), e.reset(we), e.bind_this(we, (c) => e.set(
|
|
1866
|
+
}), e.reset(we), e.bind_this(we, (c) => e.set(Ae, c), () => e.get(Ae)), e.event("click", r, re), e.event("keydown", r, re), e.append(Oe, we), e.pop();
|
|
1867
1867
|
}
|
|
1868
|
-
var Pn = e.from_html('<button class="artifactuse-panel__resize-handle" aria-label="Resize panel"><div class="artifactuse-panel__resize-handle-line"></div></button>'), En = e.from_svg('<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"></path><polyline points="14 2 14 8 20 8"></polyline></svg>'), $n = e.from_svg('<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline></svg>'), Sn = e.from_html('<a href="https://artifactuse.com" target="_blank" rel="noopener noreferrer" class="artifactuse-panel__branding"><svg width="16" height="16" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.6667 41.6673V10.4173C16.6667 9.86478 16.4472 9.33488 16.0565 8.94418C15.6658 8.55348 15.1359 8.33398 14.5833 8.33398H4.16667C3.0616 8.33398 2.00179 8.77297 1.22039 9.55437C0.438987 10.3358 0 11.3956 0 12.5007V37.5006C0 38.6057 0.438987 39.6655 1.22039 40.4469C2.00179 41.2283 3.0616 41.6673 4.16667 41.6673H29.1667C30.2717 41.6673 31.3315 41.2283 32.1129 40.4469C32.8943 39.6655 33.3333 38.6057 33.3333 37.5006V27.084C33.3333 26.5314 33.1138 26.0015 32.7231 25.6108C32.3324 25.2201 31.8025 25.0007 31.25 25.0007H0" fill="#5F51C8"></path><path d="M39.5833 0H27.0833C25.9327 0 25 0.93274 25 2.08333V14.5833C25 15.7339 25.9327 16.6667 27.0833 16.6667H39.5833C40.7339 16.6667 41.6667 15.7339 41.6667 14.5833V2.08333C41.6667 0.93274 40.7339 0 39.5833 0Z" fill="#695AE0"></path></svg> <span>Artifactuse</span></a>'), Tn = e.from_html('<div><!> <header class="artifactuse-panel__header artifactuse-panel__header--simple"><div class="artifactuse-panel__title"><span class="artifactuse-panel__icon"><!></span> <div class="artifactuse-panel__title-content"><span class="artifactuse-panel__name"> </span></div></div> <div class="artifactuse-panel__actions"><button class="artifactuse-panel__action artifactuse-panel__action--close" title="Close panel"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></button></div></header> <div class="artifactuse-panel__empty"><div class="artifactuse-panel__empty-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"></path><polyline points="14 2 14 8 20 8"></polyline></svg></div> <h3 class="artifactuse-panel__empty-title"> </h3> <p class="artifactuse-panel__empty-text"> </p></div> <footer class="artifactuse-panel__footer artifactuse-panel__footer--simple"><!></footer></div>'), Ln = e.from_html('<button class="artifactuse-panel__resize-handle" aria-label="Resize panel"><div class="artifactuse-panel__resize-handle-line"></div></button>'), Mn = e.from_svg('<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" y1="15" x2="12" y2="3"></line></svg>'), Bn = e.from_svg('<svg class="artifactuse-panel__spinner-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10" stroke-dasharray="32" stroke-dashoffset="32"></circle></svg>'), Hn = e.from_html('<button class="artifactuse-panel__list-item"><span class="artifactuse-panel__list-item-icon"><!></span> <div class="artifactuse-panel__list-item-content"><span class="artifactuse-panel__list-item-title"> </span> <span class="artifactuse-panel__list-item-meta"> <!></span></div> <span class="artifactuse-panel__list-item-arrow"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="9 18 15 12 9 6"></polyline></svg></span></button>'), In = e.from_html('<a href="https://artifactuse.com" target="_blank" rel="noopener noreferrer" class="artifactuse-panel__branding"><svg width="16" height="16" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.6667 41.6673V10.4173C16.6667 9.86478 16.4472 9.33488 16.0565 8.94418C15.6658 8.55348 15.1359 8.33398 14.5833 8.33398H4.16667C3.0616 8.33398 2.00179 8.77297 1.22039 9.55437C0.438987 10.3358 0 11.3956 0 12.5007V37.5006C0 38.6057 0.438987 39.6655 1.22039 40.4469C2.00179 41.2283 3.0616 41.6673 4.16667 41.6673H29.1667C30.2717 41.6673 31.3315 41.2283 32.1129 40.4469C32.8943 39.6655 33.3333 38.6057 33.3333 37.5006V27.084C33.3333 26.5314 33.1138 26.0015 32.7231 25.6108C32.3324 25.2201 31.8025 25.0007 31.25 25.0007H0" fill="#5F51C8"></path><path d="M39.5833 0H27.0833C25.9327 0 25 0.93274 25 2.08333V14.5833C25 15.7339 25.9327 16.6667 27.0833 16.6667H39.5833C40.7339 16.6667 41.6667 15.7339 41.6667 14.5833V2.08333C41.6667 0.93274 40.7339 0 39.5833 0Z" fill="#695AE0"></path></svg> <span>Artifactuse</span></a>'), Fn = e.from_html('<div><!> <header class="artifactuse-panel__header artifactuse-panel__header--simple"><div class="artifactuse-panel__title"><span class="artifactuse-panel__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline></svg></span> <div class="artifactuse-panel__title-content"><span class="artifactuse-panel__name">Artifacts</span> <span class="artifactuse-panel__meta"> </span></div></div> <div class="artifactuse-panel__actions"><button title="Download all as ZIP"><!></button> <button class="artifactuse-panel__action artifactuse-panel__action--close" title="Close panel"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></button></div></header> <div class="artifactuse-panel__list"><div class="artifactuse-panel__list-items"></div></div> <footer class="artifactuse-panel__footer artifactuse-panel__footer--simple"><!></footer></div>'), zn = e.from_html('<button class="artifactuse-panel__resize-handle" aria-label="Resize panel"><div class="artifactuse-panel__resize-handle-line"></div></button>'), Vn = e.from_html('<button class="artifactuse-panel__back"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="15 18 9 12 15 6"></polyline></svg></button>'), qn = e.from_html('<button title="Preview"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg></button>'), Dn = e.from_html('<button title="Code"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline></svg></button>'), Rn = e.from_html('<button title="Split view"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="12" y1="3" x2="12" y2="21"></line></svg></button>'), Un = e.from_html('<button title="Edit"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"></path></svg></button>'), On = e.from_html('<button class="artifactuse-panel__action artifactuse-panel__action--save" title="Save"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"></path><polyline points="17 21 17 13 7 13 7 21"></polyline><polyline points="7 3 7 8 15 8"></polyline></svg></button>'), jn = e.from_html('<button class="artifactuse-panel__action" title="Open in new tab"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg></button>'), Nn = e.from_svg('<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg>'), Wn = e.from_svg('<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="4 14 10 14 10 20"></polyline><polyline points="20 10 14 10 14 4"></polyline><line x1="14" y1="10" x2="21" y2="3"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg>'), Jn = e.from_html('<button><span class="artifactuse-panel__file-tab-icon"><!></span> <span class="artifactuse-panel__file-tab-title"> </span> <span class="artifactuse-panel__file-tab-close" role="button" tabindex="0" title="Close tab"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></span></button>'), Xn = e.from_html('<div class="artifactuse-panel__file-tabs"><div class="artifactuse-panel__file-tabs-scroll"></div></div>'), Zn = e.from_html('<div class="artifactuse-panel__loading"><div class="artifactuse-panel__spinner"></div></div>'), Kn = e.from_html('<div class="artifactuse-panel__loading"><div class="artifactuse-panel__spinner"></div></div>'), Yn = e.from_html('<div class="artifactuse-panel__binary artifactuse-panel__binary--image"><img/></div>'), Gn = e.from_html('<div class="artifactuse-panel__binary artifactuse-panel__binary--audio"><audio controls></audio></div>'), Qn = e.from_html('<div class="artifactuse-panel__binary artifactuse-panel__binary--video"><video controls></video></div>', 2), el = e.from_html('<div class="artifactuse-panel__binary artifactuse-panel__binary--pdf"><iframe></iframe></div>'), tl = e.from_html('<div class="artifactuse-panel__binary artifactuse-panel__binary--font"><div class="artifactuse-panel__font-sample">AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz</div> <div class="artifactuse-panel__font-sample artifactuse-panel__font-sample--sm">0123456789 !@#$%^&*()</div></div>'), al = e.from_html('<div class="artifactuse-panel__binary artifactuse-panel__binary--hex"><pre class="artifactuse-panel__hex-dump"> </pre></div>'), rl = e.from_html('<iframe sandbox="allow-scripts allow-same-origin allow-forms allow-popups allow-modals allow-downloads allow-top-navigation-by-user-activation" allow="camera; microphone; fullscreen; geolocation; display-capture; autoplay; clipboard-write; encrypted-media; gyroscope; accelerometer; picture-in-picture" title="Artifact Preview"></iframe>'), sl = e.from_html('<div class="artifactuse-panel__no-preview"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M9 17H7A5 5 0 0 1 7 7h2"></path><path d="M15 7h2a5 5 0 1 1 0 10h-2"></path><line x1="8" y1="12" x2="16" y2="12"></line></svg> <p> </p></div>'), il = e.from_html('<div class="artifactuse-panel__preview"><!> <!></div>'), nl = e.from_html('<button class="artifactuse-panel__split-handle" aria-label="Split Resize"><div class="artifactuse-panel__split-handle-line"></div></button>'), ll = e.from_html("<button> </button>"), ol = e.from_html("<button> </button>"), cl = e.from_html("<button> </button>"), ul = e.from_html("<button> </button>"), vl = e.from_html('<div><span class="artifactuse-panel__console-type"> </span> <span class="artifactuse-panel__console-content"> </span> <span class="artifactuse-panel__console-timestamp"> </span></div>'), dl = e.from_html('<div class="artifactuse-panel__console-entries"></div>'), _l = e.from_html('<div><div class="artifactuse-panel__console-header" role="button" tabindex="0"><svg class="artifactuse-panel__console-chevron" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="18 15 12 9 6 15"></polyline></svg> <span>Console</span> <div class="artifactuse-panel__console-filters"><!> <!> <!> <!></div> <button class="artifactuse-panel__console-clear">Clear</button></div> <!></div>'), fl = e.from_html('<a href="https://artifactuse.com" target="_blank" rel="noopener noreferrer" class="artifactuse-panel__branding" title="Powered by Artifactuse"><svg width="16" height="16" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.6667 41.6673V10.4173C16.6667 9.86478 16.4472 9.33488 16.0565 8.94418C15.6658 8.55348 15.1359 8.33398 14.5833 8.33398H4.16667C3.0616 8.33398 2.00179 8.77297 1.22039 9.55437C0.438987 10.3358 0 11.3956 0 12.5007V37.5006C0 38.6057 0.438987 39.6655 1.22039 40.4469C2.00179 41.2283 3.0616 41.6673 4.16667 41.6673H29.1667C30.2717 41.6673 31.3315 41.2283 32.1129 40.4469C32.8943 39.6655 33.3333 38.6057 33.3333 37.5006V27.084C33.3333 26.5314 33.1138 26.0015 32.7231 25.6108C32.3324 25.2201 31.8025 25.0007 31.25 25.0007H0" fill="#5F51C8"></path><path d="M39.5833 0H27.0833C25.9327 0 25 0.93274 25 2.08333V14.5833C25 15.7339 25.9327 16.6667 27.0833 16.6667H39.5833C40.7339 16.6667 41.6667 15.7339 41.6667 14.5833V2.08333C41.6667 0.93274 40.7339 0 39.5833 0Z" fill="#695AE0"></path></svg> <span>Artifactuse</span></a>'), pl = e.from_html('<span class="artifactuse-panel__badge artifactuse-panel__badge--secondary"> </span>'), gl = e.from_svg('<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg>'), ml = e.from_svg('<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"></polyline></svg>'), hl = e.from_html('<div class="artifactuse-share-popup__loading"><div class="artifactuse-share-popup__spinner"></div> <p class="artifactuse-share-popup__loading-text">Creating link...</p></div>'), bl = e.from_html('<div><div class="artifactuse-share-popup__error"><p class="artifactuse-share-popup__error-text"> </p></div> <div class="artifactuse-share-popup__actions"><button class="artifactuse-share-popup__btn artifactuse-share-popup__btn--secondary">Back</button> <button class="artifactuse-share-popup__btn artifactuse-share-popup__btn--primary">Retry</button></div></div>'), kl = e.from_html('<div class="artifactuse-share-popup__options"><button class="artifactuse-share-popup__option"><div class="artifactuse-share-popup__option-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path></svg></div> <div class="artifactuse-share-popup__option-content"><p class="artifactuse-share-popup__option-title">Share link</p> <p class="artifactuse-share-popup__option-desc">Expires in 30 days</p></div></button> <button class="artifactuse-share-popup__option"><div class="artifactuse-share-popup__option-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"></path><polyline points="17 21 17 13 7 13 7 21"></polyline><polyline points="7 3 7 8 15 8"></polyline></svg></div> <div class="artifactuse-share-popup__option-content"><p class="artifactuse-share-popup__option-title">Save to account</p> <p class="artifactuse-share-popup__option-desc">Permanent, manageable</p></div></button> <button class="artifactuse-share-popup__option"><div class="artifactuse-share-popup__option-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="23 4 23 10 17 10"></polyline><polyline points="1 20 1 14 7 14"></polyline><path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"></path></svg></div> <div class="artifactuse-share-popup__option-content"><p class="artifactuse-share-popup__option-title">Update saved</p> <p class="artifactuse-share-popup__option-desc">Replace an existing artifact</p></div></button></div>'), yl = e.from_html('<div class="artifactuse-share-popup__loading"><div class="artifactuse-share-popup__spinner"></div> <p class="artifactuse-share-popup__loading-text">Loading artifacts...</p></div>'), xl = e.from_html('<div class="artifactuse-share-popup__empty">No saved artifacts of this type</div>'), wl = e.from_html('<button class="artifactuse-share-popup__artifact-item"><span class="artifactuse-share-popup__artifact-name"> </span> <span class="artifactuse-share-popup__artifact-date"> </span></button>'), Cl = e.from_html('<div class="artifactuse-share-popup__artifact-list"></div>'), Al = e.from_html('<div><!> <button class="artifactuse-share-popup__back-btn">Back</button></div>'), Pl = e.from_html('<div class="artifactuse-share-popup__expiry"><span class="artifactuse-share-popup__expiry-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="12"></line><line x1="12" y1="16" x2="12.01" y2="16"></line></svg></span> <span class="artifactuse-share-popup__expiry-text"> </span></div>'), El = e.from_html('<div class="artifactuse-share-popup__save-prompt"><p class="artifactuse-share-popup__save-prompt-text">Keep it permanently?</p> <button class="artifactuse-share-popup__save-prompt-btn">Save to account</button></div>'), $l = e.from_html('<div class="artifactuse-share-popup__success"><div class="artifactuse-share-popup__success-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"></polyline></svg></div> <div class="artifactuse-share-popup__link-wrapper"><input type="text" class="artifactuse-share-popup__link" readonly=""/> <button> </button></div> <!> <!></div>'), Sl = e.from_html('<div class="artifactuse-share-popup"><div class="artifactuse-share-popup__header"><span class="artifactuse-share-popup__title"> </span> <button aria-label="share" class="artifactuse-share-popup__close"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></button></div> <div class="artifactuse-share-popup__body"><!></div> <div class="artifactuse-share-popup__footer"><a href="https://artifactuse.com" target="_blank" rel="noopener noreferrer" class="artifactuse-share-popup__branding"><svg width="12" height="12" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.6667 41.6673V10.4173C16.6667 9.86478 16.4472 9.33488 16.0565 8.94418C15.6658 8.55348 15.1359 8.33398 14.5833 8.33398H4.16667C3.0616 8.33398 2.00179 8.77297 1.22039 9.55437C0.438987 10.3358 0 11.3956 0 12.5007V37.5006C0 38.6057 0.438987 39.6655 1.22039 40.4469C2.00179 41.2283 3.0616 41.6673 4.16667 41.6673H29.1667C30.2717 41.6673 31.3315 41.2283 32.1129 40.4469C32.8943 39.6655 33.3333 38.6057 33.3333 37.5006V27.084C33.3333 26.5314 33.1138 26.0015 32.7231 25.6108C32.3324 25.2201 31.8025 25.0007 31.25 25.0007H0" fill="#5F51C8"></path><path d="M39.5833 0H27.0833C25.9327 0 25 0.93274 25 2.08333V14.5833C25 15.7339 25.9327 16.6667 27.0833 16.6667H39.5833C40.7339 16.6667 41.6667 15.7339 41.6667 14.5833V2.08333C41.6667 0.93274 40.7339 0 39.5833 0Z" fill="#695AE0"></path></svg> <span>Powered by Artifactuse</span></a></div></div>'), Tl = e.from_html('<div style="position: relative;"><button class="artifactuse-panel__footer-action" title="Share"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="18" cy="5" r="3"></circle><circle cx="6" cy="12" r="3"></circle><circle cx="18" cy="19" r="3"></circle><line x1="8.59" y1="13.51" x2="15.42" y2="17.49"></line><line x1="15.41" y1="6.51" x2="8.59" y2="10.49"></line></svg></button> <!></div>'), Ll = e.from_html('<button><span class="artifactuse-panel__artifact-item-icon"><!></span> <div class="artifactuse-panel__artifact-item-content"><span class="artifactuse-panel__artifact-item-title"> </span> <span class="artifactuse-panel__artifact-item-meta"> <!></span></div> <span class="artifactuse-panel__artifact-item-index"> </span></button>'), Ml = e.from_html('<div class="artifactuse-panel__artifact-list"><div class="artifactuse-panel__artifact-list-header"><span> </span> <button class="artifactuse-panel__artifact-list-close" aria-label="Close artifact list"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></button></div> <div class="artifactuse-panel__artifact-list-items"></div></div>'), Bl = e.from_html('<div class="artifactuse-panel__nav"><button class="artifactuse-panel__nav-btn" title="Previous artifact"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="15 18 9 12 15 6"></polyline></svg></button> <button class="artifactuse-panel__nav-trigger"><span> </span> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="6 9 12 15 18 9"></polyline></svg></button> <button class="artifactuse-panel__nav-btn" title="Next artifact"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="9 18 15 12 9 6"></polyline></svg></button> <!></div>'), Hl = e.from_html('<div><!> <header class="artifactuse-panel__header"><!> <div class="artifactuse-panel__title"><span class="artifactuse-panel__icon"><svg viewBox="0 0 24 24" fill="currentColor"><!></svg></span> <div class="artifactuse-panel__title-content"><span class="artifactuse-panel__name"> </span> <span class="artifactuse-panel__meta"> <!></span></div></div> <div class="artifactuse-panel__tabs"><!> <!> <!> <!></div> <div class="artifactuse-panel__actions"><!> <!> <button class="artifactuse-panel__action"><!></button> <button class="artifactuse-panel__action artifactuse-panel__action--close" title="Close"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></button></div></header> <!> <div><!> <!> <div class="artifactuse-panel__code"><!> <div class="artifactuse-panel__code-scroll"><div class="artifactuse-panel__line-numbers"></div> <pre><code></code></pre></div></div> <div class="artifactuse-panel__edit"><div class="artifactuse-panel__editor-container"></div></div></div> <!> <footer class="artifactuse-panel__footer"><div class="artifactuse-panel__footer-left"><!> <!></div> <div class="artifactuse-panel__footer-right"><button><!></button> <button class="artifactuse-panel__footer-action" title="Download"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" y1="15" x2="12" y2="3"></line></svg></button> <!> <!></div></footer></div>');
|
|
1868
|
+
var An = e.from_html('<button class="artifactuse-panel__resize-handle" aria-label="Resize panel"><div class="artifactuse-panel__resize-handle-line"></div></button>'), En = e.from_svg('<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"></path><polyline points="14 2 14 8 20 8"></polyline></svg>'), $n = e.from_svg('<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline></svg>'), Sn = e.from_html('<a href="https://artifactuse.com" target="_blank" rel="noopener noreferrer" class="artifactuse-panel__branding"><svg width="16" height="16" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.6667 41.6673V10.4173C16.6667 9.86478 16.4472 9.33488 16.0565 8.94418C15.6658 8.55348 15.1359 8.33398 14.5833 8.33398H4.16667C3.0616 8.33398 2.00179 8.77297 1.22039 9.55437C0.438987 10.3358 0 11.3956 0 12.5007V37.5006C0 38.6057 0.438987 39.6655 1.22039 40.4469C2.00179 41.2283 3.0616 41.6673 4.16667 41.6673H29.1667C30.2717 41.6673 31.3315 41.2283 32.1129 40.4469C32.8943 39.6655 33.3333 38.6057 33.3333 37.5006V27.084C33.3333 26.5314 33.1138 26.0015 32.7231 25.6108C32.3324 25.2201 31.8025 25.0007 31.25 25.0007H0" fill="#5F51C8"></path><path d="M39.5833 0H27.0833C25.9327 0 25 0.93274 25 2.08333V14.5833C25 15.7339 25.9327 16.6667 27.0833 16.6667H39.5833C40.7339 16.6667 41.6667 15.7339 41.6667 14.5833V2.08333C41.6667 0.93274 40.7339 0 39.5833 0Z" fill="#695AE0"></path></svg> <span>Artifactuse</span></a>'), Tn = e.from_html('<div><!> <header class="artifactuse-panel__header artifactuse-panel__header--simple"><div class="artifactuse-panel__title"><span class="artifactuse-panel__icon"><!></span> <div class="artifactuse-panel__title-content"><span class="artifactuse-panel__name"> </span></div></div> <div class="artifactuse-panel__actions"><button class="artifactuse-panel__action artifactuse-panel__action--close" title="Close panel"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></button></div></header> <div class="artifactuse-panel__empty"><div class="artifactuse-panel__empty-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"></path><polyline points="14 2 14 8 20 8"></polyline></svg></div> <h3 class="artifactuse-panel__empty-title"> </h3> <p class="artifactuse-panel__empty-text"> </p></div> <footer class="artifactuse-panel__footer artifactuse-panel__footer--simple"><!></footer></div>'), Ln = e.from_html('<button class="artifactuse-panel__resize-handle" aria-label="Resize panel"><div class="artifactuse-panel__resize-handle-line"></div></button>'), Mn = e.from_svg('<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" y1="15" x2="12" y2="3"></line></svg>'), Bn = e.from_svg('<svg class="artifactuse-panel__spinner-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10" stroke-dasharray="32" stroke-dashoffset="32"></circle></svg>'), Hn = e.from_html('<button class="artifactuse-panel__list-item"><span class="artifactuse-panel__list-item-icon"><!></span> <div class="artifactuse-panel__list-item-content"><span class="artifactuse-panel__list-item-title"> </span> <span class="artifactuse-panel__list-item-meta"> <!></span></div> <span class="artifactuse-panel__list-item-arrow"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="9 18 15 12 9 6"></polyline></svg></span></button>'), In = e.from_html('<a href="https://artifactuse.com" target="_blank" rel="noopener noreferrer" class="artifactuse-panel__branding"><svg width="16" height="16" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.6667 41.6673V10.4173C16.6667 9.86478 16.4472 9.33488 16.0565 8.94418C15.6658 8.55348 15.1359 8.33398 14.5833 8.33398H4.16667C3.0616 8.33398 2.00179 8.77297 1.22039 9.55437C0.438987 10.3358 0 11.3956 0 12.5007V37.5006C0 38.6057 0.438987 39.6655 1.22039 40.4469C2.00179 41.2283 3.0616 41.6673 4.16667 41.6673H29.1667C30.2717 41.6673 31.3315 41.2283 32.1129 40.4469C32.8943 39.6655 33.3333 38.6057 33.3333 37.5006V27.084C33.3333 26.5314 33.1138 26.0015 32.7231 25.6108C32.3324 25.2201 31.8025 25.0007 31.25 25.0007H0" fill="#5F51C8"></path><path d="M39.5833 0H27.0833C25.9327 0 25 0.93274 25 2.08333V14.5833C25 15.7339 25.9327 16.6667 27.0833 16.6667H39.5833C40.7339 16.6667 41.6667 15.7339 41.6667 14.5833V2.08333C41.6667 0.93274 40.7339 0 39.5833 0Z" fill="#695AE0"></path></svg> <span>Artifactuse</span></a>'), Fn = e.from_html('<div><!> <header class="artifactuse-panel__header artifactuse-panel__header--simple"><div class="artifactuse-panel__title"><span class="artifactuse-panel__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline></svg></span> <div class="artifactuse-panel__title-content"><span class="artifactuse-panel__name">Artifacts</span> <span class="artifactuse-panel__meta"> </span></div></div> <div class="artifactuse-panel__actions"><button title="Download all as ZIP"><!></button> <button class="artifactuse-panel__action artifactuse-panel__action--close" title="Close panel"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></button></div></header> <div class="artifactuse-panel__list"><div class="artifactuse-panel__list-items"></div></div> <footer class="artifactuse-panel__footer artifactuse-panel__footer--simple"><!></footer></div>'), zn = e.from_html('<button class="artifactuse-panel__resize-handle" aria-label="Resize panel"><div class="artifactuse-panel__resize-handle-line"></div></button>'), Vn = e.from_html('<button class="artifactuse-panel__back"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="15 18 9 12 15 6"></polyline></svg></button>'), qn = e.from_html('<button title="Preview"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg></button>'), Dn = e.from_html('<button title="Code"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline></svg></button>'), Rn = e.from_html('<button title="Split view"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="12" y1="3" x2="12" y2="21"></line></svg></button>'), Un = e.from_html('<button title="Edit"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"></path></svg></button>'), On = e.from_html('<button class="artifactuse-panel__action artifactuse-panel__action--save" title="Save"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"></path><polyline points="17 21 17 13 7 13 7 21"></polyline><polyline points="7 3 7 8 15 8"></polyline></svg></button>'), jn = e.from_html('<button class="artifactuse-panel__action" title="Open in new tab"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg></button>'), Nn = e.from_svg('<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg>'), Wn = e.from_svg('<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="4 14 10 14 10 20"></polyline><polyline points="20 10 14 10 14 4"></polyline><line x1="14" y1="10" x2="21" y2="3"></line><line x1="3" y1="21" x2="10" y2="14"></line></svg>'), Jn = e.from_html('<button><span class="artifactuse-panel__file-tab-icon"><!></span> <span class="artifactuse-panel__file-tab-title"> </span> <span class="artifactuse-panel__file-tab-close" role="button" tabindex="0" title="Close tab"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></span></button>'), Xn = e.from_html('<div class="artifactuse-panel__file-tabs"><div class="artifactuse-panel__file-tabs-scroll"></div></div>'), Zn = e.from_html('<div class="artifactuse-panel__loading"><div class="artifactuse-panel__spinner"></div></div>'), Kn = e.from_html('<div class="artifactuse-panel__loading"><div class="artifactuse-panel__spinner"></div></div>'), Yn = e.from_html('<div class="artifactuse-panel__binary artifactuse-panel__binary--image"><img/></div>'), Gn = e.from_html('<div class="artifactuse-panel__binary artifactuse-panel__binary--audio"><audio controls></audio></div>'), Qn = e.from_html('<div class="artifactuse-panel__binary artifactuse-panel__binary--video"><video controls></video></div>', 2), el = e.from_html('<div class="artifactuse-panel__binary artifactuse-panel__binary--pdf"><iframe></iframe></div>'), tl = e.from_html('<div class="artifactuse-panel__binary artifactuse-panel__binary--font"><div class="artifactuse-panel__font-sample">AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz</div> <div class="artifactuse-panel__font-sample artifactuse-panel__font-sample--sm">0123456789 !@#$%^&*()</div></div>'), al = e.from_html('<div class="artifactuse-panel__binary artifactuse-panel__binary--hex"><pre class="artifactuse-panel__hex-dump"> </pre></div>'), rl = e.from_html('<iframe sandbox="allow-scripts allow-same-origin allow-forms allow-popups allow-modals allow-downloads allow-top-navigation-by-user-activation" allow="camera; microphone; fullscreen; geolocation; display-capture; autoplay; clipboard-write; encrypted-media; gyroscope; accelerometer; picture-in-picture" title="Artifact Preview"></iframe>'), sl = e.from_html('<div class="artifactuse-panel__no-preview"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M9 17H7A5 5 0 0 1 7 7h2"></path><path d="M15 7h2a5 5 0 1 1 0 10h-2"></path><line x1="8" y1="12" x2="16" y2="12"></line></svg> <p> </p></div>'), il = e.from_html('<div class="artifactuse-panel__preview"><!> <!></div>'), nl = e.from_html('<button class="artifactuse-panel__split-handle" aria-label="Split Resize"><div class="artifactuse-panel__split-handle-line"></div></button>'), ll = e.from_html("<button> </button>"), ol = e.from_html("<button> </button>"), cl = e.from_html("<button> </button>"), ul = e.from_html("<button> </button>"), vl = e.from_html('<div><span class="artifactuse-panel__console-type"> </span> <span class="artifactuse-panel__console-content"> </span> <span class="artifactuse-panel__console-timestamp"> </span></div>'), dl = e.from_html('<div class="artifactuse-panel__console-entries"></div>'), _l = e.from_html('<div><div class="artifactuse-panel__console-header" role="button" tabindex="0"><svg class="artifactuse-panel__console-chevron" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="18 15 12 9 6 15"></polyline></svg> <span>Console</span> <div class="artifactuse-panel__console-filters"><!> <!> <!> <!></div> <button class="artifactuse-panel__console-clear">Clear</button></div> <!></div>'), fl = e.from_html('<a href="https://artifactuse.com" target="_blank" rel="noopener noreferrer" class="artifactuse-panel__branding" title="Powered by Artifactuse"><svg width="16" height="16" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.6667 41.6673V10.4173C16.6667 9.86478 16.4472 9.33488 16.0565 8.94418C15.6658 8.55348 15.1359 8.33398 14.5833 8.33398H4.16667C3.0616 8.33398 2.00179 8.77297 1.22039 9.55437C0.438987 10.3358 0 11.3956 0 12.5007V37.5006C0 38.6057 0.438987 39.6655 1.22039 40.4469C2.00179 41.2283 3.0616 41.6673 4.16667 41.6673H29.1667C30.2717 41.6673 31.3315 41.2283 32.1129 40.4469C32.8943 39.6655 33.3333 38.6057 33.3333 37.5006V27.084C33.3333 26.5314 33.1138 26.0015 32.7231 25.6108C32.3324 25.2201 31.8025 25.0007 31.25 25.0007H0" fill="#5F51C8"></path><path d="M39.5833 0H27.0833C25.9327 0 25 0.93274 25 2.08333V14.5833C25 15.7339 25.9327 16.6667 27.0833 16.6667H39.5833C40.7339 16.6667 41.6667 15.7339 41.6667 14.5833V2.08333C41.6667 0.93274 40.7339 0 39.5833 0Z" fill="#695AE0"></path></svg> <span>Artifactuse</span></a>'), pl = e.from_html('<span class="artifactuse-panel__badge artifactuse-panel__badge--secondary"> </span>'), gl = e.from_svg('<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg>'), ml = e.from_svg('<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"></polyline></svg>'), hl = e.from_html('<div class="artifactuse-share-popup__loading"><div class="artifactuse-share-popup__spinner"></div> <p class="artifactuse-share-popup__loading-text">Creating link...</p></div>'), bl = e.from_html('<div><div class="artifactuse-share-popup__error"><p class="artifactuse-share-popup__error-text"> </p></div> <div class="artifactuse-share-popup__actions"><button class="artifactuse-share-popup__btn artifactuse-share-popup__btn--secondary">Back</button> <button class="artifactuse-share-popup__btn artifactuse-share-popup__btn--primary">Retry</button></div></div>'), kl = e.from_html('<div class="artifactuse-share-popup__options"><button class="artifactuse-share-popup__option"><div class="artifactuse-share-popup__option-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path></svg></div> <div class="artifactuse-share-popup__option-content"><p class="artifactuse-share-popup__option-title">Share link</p> <p class="artifactuse-share-popup__option-desc">Expires in 30 days</p></div></button> <button class="artifactuse-share-popup__option"><div class="artifactuse-share-popup__option-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"></path><polyline points="17 21 17 13 7 13 7 21"></polyline><polyline points="7 3 7 8 15 8"></polyline></svg></div> <div class="artifactuse-share-popup__option-content"><p class="artifactuse-share-popup__option-title">Save to account</p> <p class="artifactuse-share-popup__option-desc">Permanent, manageable</p></div></button> <button class="artifactuse-share-popup__option"><div class="artifactuse-share-popup__option-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="23 4 23 10 17 10"></polyline><polyline points="1 20 1 14 7 14"></polyline><path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"></path></svg></div> <div class="artifactuse-share-popup__option-content"><p class="artifactuse-share-popup__option-title">Update saved</p> <p class="artifactuse-share-popup__option-desc">Replace an existing artifact</p></div></button></div>'), yl = e.from_html('<div class="artifactuse-share-popup__loading"><div class="artifactuse-share-popup__spinner"></div> <p class="artifactuse-share-popup__loading-text">Loading artifacts...</p></div>'), xl = e.from_html('<div class="artifactuse-share-popup__empty">No saved artifacts of this type</div>'), wl = e.from_html('<button class="artifactuse-share-popup__artifact-item"><span class="artifactuse-share-popup__artifact-name"> </span> <span class="artifactuse-share-popup__artifact-date"> </span></button>'), Cl = e.from_html('<div class="artifactuse-share-popup__artifact-list"></div>'), Pl = e.from_html('<div><!> <button class="artifactuse-share-popup__back-btn">Back</button></div>'), Al = e.from_html('<div class="artifactuse-share-popup__expiry"><span class="artifactuse-share-popup__expiry-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="12"></line><line x1="12" y1="16" x2="12.01" y2="16"></line></svg></span> <span class="artifactuse-share-popup__expiry-text"> </span></div>'), El = e.from_html('<div class="artifactuse-share-popup__save-prompt"><p class="artifactuse-share-popup__save-prompt-text">Keep it permanently?</p> <button class="artifactuse-share-popup__save-prompt-btn">Save to account</button></div>'), $l = e.from_html('<div class="artifactuse-share-popup__success"><div class="artifactuse-share-popup__success-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"></polyline></svg></div> <div class="artifactuse-share-popup__link-wrapper"><input type="text" class="artifactuse-share-popup__link" readonly=""/> <button> </button></div> <!> <!></div>'), Sl = e.from_html('<div class="artifactuse-share-popup"><div class="artifactuse-share-popup__header"><span class="artifactuse-share-popup__title"> </span> <button aria-label="share" class="artifactuse-share-popup__close"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></button></div> <div class="artifactuse-share-popup__body"><!></div> <div class="artifactuse-share-popup__footer"><a href="https://artifactuse.com" target="_blank" rel="noopener noreferrer" class="artifactuse-share-popup__branding"><svg width="12" height="12" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.6667 41.6673V10.4173C16.6667 9.86478 16.4472 9.33488 16.0565 8.94418C15.6658 8.55348 15.1359 8.33398 14.5833 8.33398H4.16667C3.0616 8.33398 2.00179 8.77297 1.22039 9.55437C0.438987 10.3358 0 11.3956 0 12.5007V37.5006C0 38.6057 0.438987 39.6655 1.22039 40.4469C2.00179 41.2283 3.0616 41.6673 4.16667 41.6673H29.1667C30.2717 41.6673 31.3315 41.2283 32.1129 40.4469C32.8943 39.6655 33.3333 38.6057 33.3333 37.5006V27.084C33.3333 26.5314 33.1138 26.0015 32.7231 25.6108C32.3324 25.2201 31.8025 25.0007 31.25 25.0007H0" fill="#5F51C8"></path><path d="M39.5833 0H27.0833C25.9327 0 25 0.93274 25 2.08333V14.5833C25 15.7339 25.9327 16.6667 27.0833 16.6667H39.5833C40.7339 16.6667 41.6667 15.7339 41.6667 14.5833V2.08333C41.6667 0.93274 40.7339 0 39.5833 0Z" fill="#695AE0"></path></svg> <span>Powered by Artifactuse</span></a></div></div>'), Tl = e.from_html('<div style="position: relative;"><button class="artifactuse-panel__footer-action" title="Share"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="18" cy="5" r="3"></circle><circle cx="6" cy="12" r="3"></circle><circle cx="18" cy="19" r="3"></circle><line x1="8.59" y1="13.51" x2="15.42" y2="17.49"></line><line x1="15.41" y1="6.51" x2="8.59" y2="10.49"></line></svg></button> <!></div>'), Ll = e.from_html('<button><span class="artifactuse-panel__artifact-item-icon"><!></span> <div class="artifactuse-panel__artifact-item-content"><span class="artifactuse-panel__artifact-item-title"> </span> <span class="artifactuse-panel__artifact-item-meta"> <!></span></div> <span class="artifactuse-panel__artifact-item-index"> </span></button>'), Ml = e.from_html('<div class="artifactuse-panel__artifact-list"><div class="artifactuse-panel__artifact-list-header"><span> </span> <button class="artifactuse-panel__artifact-list-close" aria-label="Close artifact list"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></button></div> <div class="artifactuse-panel__artifact-list-items"></div></div>'), Bl = e.from_html('<div class="artifactuse-panel__nav"><button class="artifactuse-panel__nav-btn" title="Previous artifact"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="15 18 9 12 15 6"></polyline></svg></button> <button class="artifactuse-panel__nav-trigger"><span> </span> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="6 9 12 15 18 9"></polyline></svg></button> <button class="artifactuse-panel__nav-btn" title="Next artifact"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="9 18 15 12 9 6"></polyline></svg></button> <!></div>'), Hl = e.from_html('<div><!> <header class="artifactuse-panel__header"><!> <div class="artifactuse-panel__title"><span class="artifactuse-panel__icon"><svg viewBox="0 0 24 24" fill="currentColor"><!></svg></span> <div class="artifactuse-panel__title-content"><span class="artifactuse-panel__name"> </span> <span class="artifactuse-panel__meta"> <!></span></div></div> <div class="artifactuse-panel__tabs"><!> <!> <!> <!></div> <div class="artifactuse-panel__actions"><!> <!> <button class="artifactuse-panel__action"><!></button> <button class="artifactuse-panel__action artifactuse-panel__action--close" title="Close"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></button></div></header> <!> <div><!> <!> <div class="artifactuse-panel__code"><!> <div class="artifactuse-panel__code-scroll"><div class="artifactuse-panel__line-numbers"></div> <pre><code></code></pre></div></div> <div class="artifactuse-panel__edit"><div class="artifactuse-panel__editor-container"></div></div></div> <!> <footer class="artifactuse-panel__footer"><div class="artifactuse-panel__footer-left"><!> <!></div> <div class="artifactuse-panel__footer-right"><button><!></button> <button class="artifactuse-panel__footer-action" title="Download"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" y1="15" x2="12" y2="3"></line></svg></button> <!> <!></div></footer></div>');
|
|
1869
1869
|
function Jl(Oe, v) {
|
|
1870
|
-
var Cr,
|
|
1870
|
+
var Cr, Pr;
|
|
1871
1871
|
e.push(v, !1);
|
|
1872
|
-
const be = () => e.store_get(we, "$activeArtifact", s), b = () => e.store_get(qe, "$state", s),
|
|
1872
|
+
const be = () => e.store_get(we, "$activeArtifact", s), b = () => e.store_get(qe, "$state", s), A = () => e.store_get(r, "$artifactCount", s), n = () => e.store_get(Le, "$hasArtifacts", s), [s, f] = e.setup_stores(), I = e.mutable_source(), t = e.mutable_source(), Be = e.mutable_source(), $e = e.mutable_source(), Z = e.mutable_source(), ae = e.mutable_source(), Re = e.mutable_source(), ue = e.mutable_source(), Ve = e.mutable_source(), E = e.mutable_source(), g = e.mutable_source(), z = e.mutable_source(), ne = e.mutable_source(), Ae = e.mutable_source(), pe = e.mutable_source(), ve = e.mutable_source(), de = e.mutable_source(), He = e.mutable_source(), Se = e.mutable_source(), Je = e.mutable_source(), Ge = e.mutable_source(), Qe = e.mutable_source(), ke = e.mutable_source(), D = e.mutable_source(), ye = e.mutable_source(), xe = e.mutable_source(), Ye = e.mutable_source(), St = e.mutable_source(), lt = e.mutable_source(), o = e.mutable_source(), X = e.mutable_source(), _e = e.mutable_source(), V = e.mutable_source(), re = ["image", "audio", "video", "pdf", "font", "binary"], y = $a();
|
|
1873
1873
|
let Me = e.prop(v, "className", 8, ""), Te = e.prop(v, "initialPanelWidth", 8, void 0), ge = e.prop(v, "initialSplitPosition", 8, void 0), Ie = e.prop(v, "externalPreview", 8, void 0), le = e.prop(v, "consolePanel", 8, void 0);
|
|
1874
1874
|
const {
|
|
1875
1875
|
state: qe,
|
|
@@ -1886,14 +1886,14 @@ function Jl(Oe, v) {
|
|
|
1886
1886
|
let i = e.mutable_source(), x = e.mutable_source(), q = e.mutable_source(), j = e.mutable_source(), ie = e.mutable_source(), Ee = e.mutable_source(), ce = e.mutable_source(!1), se = e.mutable_source(!1), me = e.mutable_source(!0), N = e.mutable_source(!1), R = e.mutable_source(!1), Y = e.mutable_source(!1), m = e.mutable_source([]), w = e.mutable_source(!1), L = e.mutable_source(null), $ = e.mutable_source(/* @__PURE__ */ new Set(["log", "warn", "error", "info"])), O = e.mutable_source(!1), d = e.mutable_source(
|
|
1887
1887
|
"options"
|
|
1888
1888
|
// 'options' | 'email' | 'loading' | 'success' | 'verify' | 'error'
|
|
1889
|
-
), _ = e.mutable_source(""), h = e.mutable_source(null), M = e.mutable_source(""), W = e.mutable_source(!1), S = e.mutable_source(!1), G = e.mutable_source([]), H = e.mutable_source(!1), fe = e.mutable_source(""), F = {}, T = e.mutable_source(null), J = e.mutable_source(Math.min(Math.max(Te() ?? ((Cr = u.config) == null ? void 0 : Cr.panelWidth) ?? 65, 25), 75)), Q = e.mutable_source(Math.min(Math.max(ge() ?? ((
|
|
1889
|
+
), _ = e.mutable_source(""), h = e.mutable_source(null), M = e.mutable_source(""), W = e.mutable_source(!1), S = e.mutable_source(!1), G = e.mutable_source([]), H = e.mutable_source(!1), fe = e.mutable_source(""), F = {}, T = e.mutable_source(null), J = e.mutable_source(Math.min(Math.max(Te() ?? ((Cr = u.config) == null ? void 0 : Cr.panelWidth) ?? 65, 25), 75)), Q = e.mutable_source(Math.min(Math.max(ge() ?? ((Pr = u.config) == null ? void 0 : Pr.splitPosition) ?? 50, 20), 80)), B = null, U = null, et = null, Wt = null, Tt = null, Lt = null, ot = null, Jt = null, sa = e.mutable_source(null);
|
|
1890
1890
|
function Ta(a) {
|
|
1891
1891
|
a && (Jt !== null && Jt !== a.isPreviewable && (e.set(Y, !0), setTimeout(
|
|
1892
1892
|
() => {
|
|
1893
1893
|
e.set(Y, !1);
|
|
1894
1894
|
},
|
|
1895
1895
|
150
|
|
1896
|
-
)), Jt = a.isPreviewable, Lt !== a.id && (re.includes(a.language) && te("preview"), Wr(), e.set(me, !0), Yr()), (Lt !== a.id || ot !== a.code) && (ra().then(() => pr()), e.get(Z) === "edit" && (Lt !== a.id ? ra().then(() => gr()) : Tt && Tt.setCode(a.code || "")), clearTimeout(et), et = setTimeout(
|
|
1896
|
+
)), Jt = a.isPreviewable, Lt !== a.id && (re.includes(a.language) && a.fileExtension && te("preview"), Wr(), e.set(me, !0), Yr()), (Lt !== a.id || ot !== a.code) && (ra().then(() => pr()), e.get(Z) === "edit" && (Lt !== a.id ? ra().then(() => gr()) : Tt && Tt.setCode(a.code || "")), clearTimeout(et), et = setTimeout(
|
|
1897
1897
|
() => {
|
|
1898
1898
|
e.get(i) && a.isPreviewable && u.bridge.loadArtifact(a);
|
|
1899
1899
|
},
|
|
@@ -1909,8 +1909,8 @@ function Jl(Oe, v) {
|
|
|
1909
1909
|
function ha(a) {
|
|
1910
1910
|
if (!a || !a.code) return null;
|
|
1911
1911
|
if (F[a.id]) return F[a.id];
|
|
1912
|
-
const
|
|
1913
|
-
return F[a.id] =
|
|
1912
|
+
const P = Fs(a.code, Or(a.fileExtension || a.language));
|
|
1913
|
+
return F[a.id] = P, P;
|
|
1914
1914
|
}
|
|
1915
1915
|
function Za(a) {
|
|
1916
1916
|
F[a] && (Ur(F[a]), delete F[a]);
|
|
@@ -1924,9 +1924,9 @@ function Jl(Oe, v) {
|
|
|
1924
1924
|
function Dt(a) {
|
|
1925
1925
|
if (a.language !== "smartdiff") return null;
|
|
1926
1926
|
try {
|
|
1927
|
-
const
|
|
1928
|
-
if (
|
|
1929
|
-
const Fe =
|
|
1927
|
+
const P = JSON.parse(a.code);
|
|
1928
|
+
if (P.oldCode === void 0 || P.newCode === void 0) return null;
|
|
1929
|
+
const Fe = P.language || "plaintext", Ce = Rr() && window.Prism.languages[Fe], rt = Ls(P.oldCode, P.newCode).split(`
|
|
1930
1930
|
`);
|
|
1931
1931
|
return { html: rt.map((Xe) => {
|
|
1932
1932
|
const je = Xe[0], ft = Xe.slice(1), Mt = Ce ? window.Prism.highlight(ft, Ce, Fe) : ft;
|
|
@@ -1940,16 +1940,16 @@ function Jl(Oe, v) {
|
|
|
1940
1940
|
function ea() {
|
|
1941
1941
|
var Ce;
|
|
1942
1942
|
if (!e.get(j) || !((Ce = e.get(t)) != null && Ce.code)) return;
|
|
1943
|
-
const a = Dt(e.get(t)),
|
|
1944
|
-
`).length, Fe = Array.from({ length:
|
|
1943
|
+
const a = Dt(e.get(t)), P = a ? a.lineCount : e.get(t).code.split(`
|
|
1944
|
+
`).length, Fe = Array.from({ length: P }, (rt, _t) => `<div>${_t + 1}</div>`).join("");
|
|
1945
1945
|
e.mutate(j, e.get(j).innerHTML = Fe);
|
|
1946
1946
|
}
|
|
1947
1947
|
function Ka() {
|
|
1948
1948
|
var a;
|
|
1949
1949
|
if (e.get(x) && Rr() && ((a = e.get(t)) != null && a.code)) {
|
|
1950
|
-
const
|
|
1951
|
-
if (
|
|
1952
|
-
e.mutate(x, e.get(x).innerHTML =
|
|
1950
|
+
const P = Dt(e.get(t));
|
|
1951
|
+
if (P)
|
|
1952
|
+
e.mutate(x, e.get(x).innerHTML = P.html);
|
|
1953
1953
|
else {
|
|
1954
1954
|
const Fe = window.Prism.languages[e.get(z)];
|
|
1955
1955
|
Fe ? e.mutate(x, e.get(x).innerHTML = window.Prism.highlight(e.get(t).code, Fe, e.get(z))) : e.mutate(x, e.get(x).textContent = e.get(t).code);
|
|
@@ -1960,8 +1960,8 @@ function Jl(Oe, v) {
|
|
|
1960
1960
|
}
|
|
1961
1961
|
}
|
|
1962
1962
|
function za() {
|
|
1963
|
-
var
|
|
1964
|
-
const a = (
|
|
1963
|
+
var P;
|
|
1964
|
+
const a = (P = e.get(x)) == null ? void 0 : P.closest("pre");
|
|
1965
1965
|
if (a && e.get(ie) && e.get(j)) {
|
|
1966
1966
|
const Ce = window.getComputedStyle(a).backgroundColor;
|
|
1967
1967
|
Ce && Ce !== "rgba(0, 0, 0, 0)" && Ce !== "transparent" && (e.mutate(ie, e.get(ie).style.backgroundColor = Ce), e.mutate(j, e.get(j).style.backgroundColor = Ce));
|
|
@@ -2024,20 +2024,20 @@ function Jl(Oe, v) {
|
|
|
2024
2024
|
}
|
|
2025
2025
|
function Qr() {
|
|
2026
2026
|
if (!e.get(t)) return;
|
|
2027
|
-
const { code: a, language:
|
|
2027
|
+
const { code: a, language: P, editorLanguage: Fe, title: Ce } = e.get(t), rt = _r(Fe || P), _t = `${Ce.toLowerCase().replace(/\s+/g, "-")}.${rt}`, Xe = new Blob([a], { type: "text/plain" }), je = URL.createObjectURL(Xe), ft = document.createElement("a");
|
|
2028
2028
|
ft.href = je, ft.download = _t, document.body.appendChild(ft), ft.click(), document.body.removeChild(ft), URL.revokeObjectURL(je);
|
|
2029
2029
|
}
|
|
2030
2030
|
async function es() {
|
|
2031
2031
|
if (!(e.get(R) || e.get(de).length === 0)) {
|
|
2032
2032
|
e.set(R, !0);
|
|
2033
2033
|
try {
|
|
2034
|
-
const a = new Is(),
|
|
2034
|
+
const a = new Is(), P = /* @__PURE__ */ new Map();
|
|
2035
2035
|
for (const je of e.get(de)) {
|
|
2036
2036
|
if (!je.code) continue;
|
|
2037
2037
|
const ft = _r(je.editorLanguage || je.language);
|
|
2038
2038
|
let Mt = (je.title || "untitled").toLowerCase().replace(/\s+/g, "-").replace(/[^a-z0-9-_]/g, ""), Ct = `${Mt}.${ft}`;
|
|
2039
|
-
const tt =
|
|
2040
|
-
tt > 0 && (Ct = `${Mt}-${tt}.${ft}`),
|
|
2039
|
+
const tt = P.get(Ct) || 0;
|
|
2040
|
+
tt > 0 && (Ct = `${Mt}-${tt}.${ft}`), P.set(`${Mt}.${ft}`, tt + 1), a.file(Ct, je.code);
|
|
2041
2041
|
}
|
|
2042
2042
|
const Fe = await a.generateAsync({ type: "blob" }), rt = `artifacts-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.zip`, _t = URL.createObjectURL(Fe), Xe = document.createElement("a");
|
|
2043
2043
|
Xe.href = _t, Xe.download = rt, document.body.appendChild(Xe), Xe.click(), document.body.removeChild(Xe), URL.revokeObjectURL(_t);
|
|
@@ -2105,17 +2105,17 @@ function Jl(Oe, v) {
|
|
|
2105
2105
|
e.set(d, "loading");
|
|
2106
2106
|
try {
|
|
2107
2107
|
await u.share.openAuthPopup();
|
|
2108
|
-
} catch (
|
|
2109
|
-
|
|
2108
|
+
} catch (P) {
|
|
2109
|
+
P.message === "Authentication cancelled" ? e.set(d, "options") : (e.set(M, P.message || "Authentication failed"), e.set(d, "error"));
|
|
2110
2110
|
return;
|
|
2111
2111
|
}
|
|
2112
2112
|
}
|
|
2113
2113
|
e.set(d, "update-list"), e.set(H, !0);
|
|
2114
2114
|
try {
|
|
2115
|
-
const
|
|
2115
|
+
const P = ((a = e.get(t)) == null ? void 0 : a.language) || null, Fe = await u.share.listArtifacts(P);
|
|
2116
2116
|
e.set(G, Fe.projects || []);
|
|
2117
|
-
} catch (
|
|
2118
|
-
e.set(M,
|
|
2117
|
+
} catch (P) {
|
|
2118
|
+
e.set(M, P.message || "Failed to load artifacts"), e.set(d, "error");
|
|
2119
2119
|
} finally {
|
|
2120
2120
|
e.set(H, !1);
|
|
2121
2121
|
}
|
|
@@ -2124,11 +2124,11 @@ function Jl(Oe, v) {
|
|
|
2124
2124
|
async function is(a) {
|
|
2125
2125
|
var Fe, Ce;
|
|
2126
2126
|
if (!e.get(t) || !(u != null && u.share)) return;
|
|
2127
|
-
const
|
|
2128
|
-
if (
|
|
2127
|
+
const P = (Fe = a.project) == null ? void 0 : Fe.uuid;
|
|
2128
|
+
if (P) {
|
|
2129
2129
|
e.set(d, "loading"), e.set(M, "");
|
|
2130
2130
|
try {
|
|
2131
|
-
const rt = await u.share.updateArtifact(
|
|
2131
|
+
const rt = await u.share.updateArtifact(P, e.get(t));
|
|
2132
2132
|
e.set(_, rt.url || ""), e.set(h, null), e.set(S, !0), e.set(fe, ((Ce = a.project) == null ? void 0 : Ce.name) || "Untitled"), e.set(d, "success");
|
|
2133
2133
|
} catch (rt) {
|
|
2134
2134
|
e.set(M, rt.message || "Failed to update artifact"), e.set(d, "error");
|
|
@@ -2158,13 +2158,13 @@ function Jl(Oe, v) {
|
|
|
2158
2158
|
e.get(He) < e.get(de).length - 1 && C(e.get(de)[e.get(He) + 1]);
|
|
2159
2159
|
}
|
|
2160
2160
|
function Qa(a) {
|
|
2161
|
-
B = { startX: a.clientX, startWidth: e.get(J) }, document.addEventListener("mousemove", yr), document.addEventListener("mouseup", er), document.body.style.cursor = "ew-resize", document.body.style.userSelect = "none", document.querySelectorAll("iframe").forEach((
|
|
2162
|
-
|
|
2161
|
+
B = { startX: a.clientX, startWidth: e.get(J) }, document.addEventListener("mousemove", yr), document.addEventListener("mouseup", er), document.body.style.cursor = "ew-resize", document.body.style.userSelect = "none", document.querySelectorAll("iframe").forEach((P) => {
|
|
2162
|
+
P.style.pointerEvents = "none";
|
|
2163
2163
|
});
|
|
2164
2164
|
}
|
|
2165
2165
|
function yr(a) {
|
|
2166
2166
|
if (!B) return;
|
|
2167
|
-
const
|
|
2167
|
+
const P = window.innerWidth, Ce = (B.startX - a.clientX) / P * 100, rt = B.startWidth + Ce;
|
|
2168
2168
|
e.set(J, Math.min(Math.max(rt, 25), 75));
|
|
2169
2169
|
}
|
|
2170
2170
|
function er() {
|
|
@@ -2174,12 +2174,12 @@ function Jl(Oe, v) {
|
|
|
2174
2174
|
}
|
|
2175
2175
|
function cs(a) {
|
|
2176
2176
|
if (!e.get(q)) return;
|
|
2177
|
-
const
|
|
2177
|
+
const P = e.get(q).getBoundingClientRect();
|
|
2178
2178
|
U = {
|
|
2179
2179
|
startX: a.clientX,
|
|
2180
2180
|
startPosition: e.get(Q),
|
|
2181
|
-
contentLeft:
|
|
2182
|
-
contentWidth:
|
|
2181
|
+
contentLeft: P.left,
|
|
2182
|
+
contentWidth: P.width
|
|
2183
2183
|
}, document.addEventListener("mousemove", xr), document.addEventListener("mouseup", tr), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.querySelectorAll("iframe").forEach((Fe) => {
|
|
2184
2184
|
Fe.style.pointerEvents = "none";
|
|
2185
2185
|
});
|
|
@@ -2205,8 +2205,8 @@ function Jl(Oe, v) {
|
|
|
2205
2205
|
er(), tr(), Ya(), clearTimeout(et), clearTimeout(Wt), ar && ar(), Object.keys(F).forEach((a) => Ur(F[a])), F = {}, e.get(T) && (e.get(T).remove(), e.set(T, null));
|
|
2206
2206
|
});
|
|
2207
2207
|
function Va(a) {
|
|
2208
|
-
const
|
|
2209
|
-
|
|
2208
|
+
const P = new Set(e.get($));
|
|
2209
|
+
P.has(a) ? P.delete(a) : P.add(a), e.set($, P);
|
|
2210
2210
|
}
|
|
2211
2211
|
e.legacy_pre_effect(() => e.deep_read_state(Te()), () => {
|
|
2212
2212
|
Te() !== void 0 && e.set(J, Math.min(Math.max(Te(), 25), 75));
|
|
@@ -2226,8 +2226,8 @@ function Jl(Oe, v) {
|
|
|
2226
2226
|
e.set(Z, b().viewMode);
|
|
2227
2227
|
}), e.legacy_pre_effect(() => b(), () => {
|
|
2228
2228
|
e.set(ae, b().isFullscreen);
|
|
2229
|
-
}), e.legacy_pre_effect(() =>
|
|
2230
|
-
e.set(Re,
|
|
2229
|
+
}), e.legacy_pre_effect(() => A(), () => {
|
|
2230
|
+
e.set(Re, A());
|
|
2231
2231
|
}), e.legacy_pre_effect(() => n(), () => {
|
|
2232
2232
|
e.set(ue, n());
|
|
2233
2233
|
}), e.legacy_pre_effect(() => (e.get(t), ma), () => {
|
|
@@ -2243,20 +2243,20 @@ function Jl(Oe, v) {
|
|
|
2243
2243
|
}), e.legacy_pre_effect(() => (e.get(t), Dr), () => {
|
|
2244
2244
|
e.set(z, e.get(t) ? Dr(e.get(t).language) : "plaintext");
|
|
2245
2245
|
}), e.legacy_pre_effect(() => e.get(t), () => {
|
|
2246
|
-
e.set(ne, re.includes(e.get(t) && e.get(t).language));
|
|
2246
|
+
e.set(ne, re.includes(e.get(t) && e.get(t).language) && !!(e.get(t) && e.get(t).fileExtension));
|
|
2247
2247
|
}), e.legacy_pre_effect(() => (e.get(ne), e.get(t)), () => {
|
|
2248
|
-
e.set(
|
|
2249
|
-
}), e.legacy_pre_effect(() => (e.get(
|
|
2250
|
-
e.set(pe, e.get(
|
|
2251
|
-
}), e.legacy_pre_effect(() => (e.get(
|
|
2248
|
+
e.set(Ae, e.get(ne) ? e.get(t).language : null);
|
|
2249
|
+
}), e.legacy_pre_effect(() => (e.get(Ae), e.get(t)), () => {
|
|
2250
|
+
e.set(pe, e.get(Ae) === "font" && e.get(t) ? "apfont_" + e.get(t).id : null);
|
|
2251
|
+
}), e.legacy_pre_effect(() => (e.get(Ae), e.get(t)), () => {
|
|
2252
2252
|
e.set(ve, (() => {
|
|
2253
|
-
if (e.get(
|
|
2253
|
+
if (e.get(Ae) !== "binary" || !e.get(t) || !e.get(t).code) return "";
|
|
2254
2254
|
try {
|
|
2255
|
-
const a = atob(e.get(t).code.slice(0, 684)),
|
|
2256
|
-
for (let Ce = 0; Ce < a.length; Ce++)
|
|
2255
|
+
const a = atob(e.get(t).code.slice(0, 684)), P = new Uint8Array(a.length);
|
|
2256
|
+
for (let Ce = 0; Ce < a.length; Ce++) P[Ce] = a.charCodeAt(Ce);
|
|
2257
2257
|
const Fe = [];
|
|
2258
|
-
for (let Ce = 0; Ce < Math.min(
|
|
2259
|
-
const rt =
|
|
2258
|
+
for (let Ce = 0; Ce < Math.min(P.length, 512); Ce += 16) {
|
|
2259
|
+
const rt = P.slice(Ce, Ce + 16), _t = Array.from(rt).map((je) => je.toString(16).padStart(2, "0")).join(" "), Xe = Array.from(rt).map((je) => je >= 32 && je < 127 ? String.fromCharCode(je) : ".").join("");
|
|
2260
2260
|
Fe.push(`${Ce.toString(16).padStart(8, "0")} ${_t.padEnd(47)} |${Xe}|`);
|
|
2261
2261
|
}
|
|
2262
2262
|
return Fe.join(`
|
|
@@ -2277,8 +2277,8 @@ function Jl(Oe, v) {
|
|
|
2277
2277
|
() => (e.get(g), e.get(t), e.deep_read_state(Ie())),
|
|
2278
2278
|
() => {
|
|
2279
2279
|
e.set(Je, (() => {
|
|
2280
|
-
var a,
|
|
2281
|
-
return e.get(g) ? ((a = e.get(t)) == null ? void 0 : a.externalPreview) !== void 0 ? e.get(t).externalPreview : Ie() !== void 0 ? Ie() : ((
|
|
2280
|
+
var a, P;
|
|
2281
|
+
return e.get(g) ? ((a = e.get(t)) == null ? void 0 : a.externalPreview) !== void 0 ? e.get(t).externalPreview : Ie() !== void 0 ? Ie() : ((P = u == null ? void 0 : u.config) == null ? void 0 : P.externalPreview) ?? !1 : !1;
|
|
2282
2282
|
})());
|
|
2283
2283
|
}
|
|
2284
2284
|
), e.legacy_pre_effect(() => {
|
|
@@ -2312,7 +2312,7 @@ function Jl(Oe, v) {
|
|
|
2312
2312
|
var a;
|
|
2313
2313
|
e.set(o, ((a = u.config) == null ? void 0 : a.multiTab) === !0);
|
|
2314
2314
|
}), e.legacy_pre_effect(() => (e.get(o), b(), e.get(Be)), () => {
|
|
2315
|
-
e.set(X, e.get(o) ? b().openTabs.map((a) => e.get(Be).find((
|
|
2315
|
+
e.set(X, e.get(o) ? b().openTabs.map((a) => e.get(Be).find((P) => P.id === a)).filter(Boolean) : []);
|
|
2316
2316
|
}), e.legacy_pre_effect(
|
|
2317
2317
|
() => (e.get(ae), e.get(t), e.get(ue), b(), e.deep_read_state(Me())),
|
|
2318
2318
|
() => {
|
|
@@ -2335,9 +2335,9 @@ function Jl(Oe, v) {
|
|
|
2335
2335
|
}), e.legacy_pre_effect(() => e.get($e), () => {
|
|
2336
2336
|
e.get($e) || Ya();
|
|
2337
2337
|
}), e.legacy_pre_effect(
|
|
2338
|
-
() => (e.get(
|
|
2338
|
+
() => (e.get(Ae), e.get(pe), e.get(t), e.get(T)),
|
|
2339
2339
|
() => {
|
|
2340
|
-
if (e.get(
|
|
2340
|
+
if (e.get(Ae) === "font" && e.get(pe) && e.get(t) && e.get(t).code) {
|
|
2341
2341
|
const a = `@font-face { font-family: "${e.get(pe)}"; src: url("data:${Or(e.get(t).fileExtension || "woff2")};base64,${e.get(t).code}"); }`;
|
|
2342
2342
|
e.get(T) || (e.set(T, document.createElement("style")), document.head.appendChild(e.get(T))), e.mutate(T, e.get(T).textContent = a);
|
|
2343
2343
|
} else e.get(T) && e.mutate(T, e.get(T).textContent = "");
|
|
@@ -2346,13 +2346,13 @@ function Jl(Oe, v) {
|
|
|
2346
2346
|
var wr = e.comment(), us = e.first_child(wr);
|
|
2347
2347
|
{
|
|
2348
2348
|
var vs = (a) => {
|
|
2349
|
-
var
|
|
2349
|
+
var P = e.comment(), Fe = e.first_child(P);
|
|
2350
2350
|
{
|
|
2351
2351
|
var Ce = (_t) => {
|
|
2352
2352
|
var Xe = Tn(), je = e.child(Xe);
|
|
2353
2353
|
{
|
|
2354
2354
|
var ft = (Ze) => {
|
|
2355
|
-
var Bt =
|
|
2355
|
+
var Bt = An();
|
|
2356
2356
|
e.event("mousedown", Bt, e.preventDefault(Qa)), e.append(Ze, Bt);
|
|
2357
2357
|
};
|
|
2358
2358
|
e.if(je, (Ze) => {
|
|
@@ -2508,9 +2508,9 @@ function Jl(Oe, v) {
|
|
|
2508
2508
|
{
|
|
2509
2509
|
var rr = (l) => {
|
|
2510
2510
|
var p = qn();
|
|
2511
|
-
let
|
|
2511
|
+
let Pe;
|
|
2512
2512
|
e.template_effect(() => {
|
|
2513
|
-
|
|
2513
|
+
Pe = e.set_class(p, 1, "artifactuse-panel__tab", null, Pe, {
|
|
2514
2514
|
"artifactuse-panel__tab--active": e.get(Z) === "preview"
|
|
2515
2515
|
}), p.disabled = (e.get(t), e.untrack(() => !e.get(t).isPreviewable));
|
|
2516
2516
|
}), e.event("click", p, () => te("preview")), e.append(l, p);
|
|
@@ -2523,8 +2523,8 @@ function Jl(Oe, v) {
|
|
|
2523
2523
|
{
|
|
2524
2524
|
var Ne = (l) => {
|
|
2525
2525
|
var p = Dn();
|
|
2526
|
-
let
|
|
2527
|
-
e.template_effect(() =>
|
|
2526
|
+
let Pe;
|
|
2527
|
+
e.template_effect(() => Pe = e.set_class(p, 1, "artifactuse-panel__tab", null, Pe, { "artifactuse-panel__tab--active": e.get(Z) === "code" })), e.event("click", p, () => te("code")), e.append(l, p);
|
|
2528
2528
|
};
|
|
2529
2529
|
e.if(Ke, (l) => {
|
|
2530
2530
|
e.get(t), e.get(ne), e.untrack(() => (!e.get(t).tabs || e.get(t).tabs.includes("code")) && !e.get(ne)) && l(Ne);
|
|
@@ -2534,9 +2534,9 @@ function Jl(Oe, v) {
|
|
|
2534
2534
|
{
|
|
2535
2535
|
var Ba = (l) => {
|
|
2536
2536
|
var p = Rn();
|
|
2537
|
-
let
|
|
2537
|
+
let Pe;
|
|
2538
2538
|
e.template_effect(() => {
|
|
2539
|
-
|
|
2539
|
+
Pe = e.set_class(p, 1, "artifactuse-panel__tab", null, Pe, {
|
|
2540
2540
|
"artifactuse-panel__tab--active": e.get(Z) === "split"
|
|
2541
2541
|
}), p.disabled = (e.get(t), e.untrack(() => !e.get(t).isPreviewable));
|
|
2542
2542
|
}), e.event("click", p, () => te("split")), e.append(l, p);
|
|
@@ -2549,8 +2549,8 @@ function Jl(Oe, v) {
|
|
|
2549
2549
|
{
|
|
2550
2550
|
var qa = (l) => {
|
|
2551
2551
|
var p = Un();
|
|
2552
|
-
let
|
|
2553
|
-
e.template_effect(() =>
|
|
2552
|
+
let Pe;
|
|
2553
|
+
e.template_effect(() => Pe = e.set_class(p, 1, "artifactuse-panel__tab", null, Pe, { "artifactuse-panel__tab--active": e.get(Z) === "edit" })), e.event("click", p, () => te("edit")), e.append(l, p);
|
|
2554
2554
|
};
|
|
2555
2555
|
e.if(sr, (l) => {
|
|
2556
2556
|
e.get(t), e.get(I), e.untrack(() => e.get(t).tabs && e.get(t).tabs.includes("edit") && e.get(I)) && l(qa);
|
|
@@ -2593,11 +2593,11 @@ function Jl(Oe, v) {
|
|
|
2593
2593
|
e.reset(fa);
|
|
2594
2594
|
var _s = e.sibling(fa, 2);
|
|
2595
2595
|
e.reset(xa), e.reset(Xt);
|
|
2596
|
-
var
|
|
2596
|
+
var Ar = e.sibling(Xt, 2);
|
|
2597
2597
|
{
|
|
2598
2598
|
var fs = (l) => {
|
|
2599
|
-
var p = Xn(),
|
|
2600
|
-
e.each(
|
|
2599
|
+
var p = Xn(), Pe = e.child(p);
|
|
2600
|
+
e.each(Pe, 5, () => e.get(X), (at) => at.id, (at, st) => {
|
|
2601
2601
|
var yt = Jn();
|
|
2602
2602
|
let pt;
|
|
2603
2603
|
var We = e.child(yt), it = e.child(We);
|
|
@@ -2611,13 +2611,13 @@ function Jl(Oe, v) {
|
|
|
2611
2611
|
"artifactuse-panel__file-tab--active": e.get(st).id === ((De = e.get(t)) == null ? void 0 : De.id)
|
|
2612
2612
|
}), e.set_text(Ht, (e.get(st), e.untrack(() => e.get(st).title || "Untitled")));
|
|
2613
2613
|
}), e.event("click", wt, e.stopPropagation(() => La(e.get(st).id))), e.event("keydown", wt, e.stopPropagation((De) => De.key === "Enter" && La(e.get(st).id))), e.event("click", yt, () => ia(e.get(st))), e.append(at, yt);
|
|
2614
|
-
}), e.reset(
|
|
2614
|
+
}), e.reset(Pe), e.reset(p), e.append(l, p);
|
|
2615
2615
|
};
|
|
2616
|
-
e.if(
|
|
2616
|
+
e.if(Ar, (l) => {
|
|
2617
2617
|
e.get(o), e.get(X), e.untrack(() => e.get(o) && e.get(X).length > 0) && l(fs);
|
|
2618
2618
|
});
|
|
2619
2619
|
}
|
|
2620
|
-
var Ia = e.sibling(
|
|
2620
|
+
var Ia = e.sibling(Ar, 2), Er = e.child(Ia);
|
|
2621
2621
|
{
|
|
2622
2622
|
var ps = (l) => {
|
|
2623
2623
|
var p = Zn();
|
|
@@ -2630,17 +2630,17 @@ function Jl(Oe, v) {
|
|
|
2630
2630
|
var $r = e.sibling(Er, 2);
|
|
2631
2631
|
{
|
|
2632
2632
|
var gs = (l) => {
|
|
2633
|
-
var p = il(),
|
|
2633
|
+
var p = il(), Pe = e.child(p);
|
|
2634
2634
|
{
|
|
2635
2635
|
var at = (We) => {
|
|
2636
2636
|
var it = Kn();
|
|
2637
2637
|
e.append(We, it);
|
|
2638
2638
|
};
|
|
2639
|
-
e.if(
|
|
2639
|
+
e.if(Pe, (We) => {
|
|
2640
2640
|
e.get(me) && e.get(g) && !e.get(ne) && We(at);
|
|
2641
2641
|
});
|
|
2642
2642
|
}
|
|
2643
|
-
var st = e.sibling(
|
|
2643
|
+
var st = e.sibling(Pe, 2);
|
|
2644
2644
|
{
|
|
2645
2645
|
var yt = (We) => {
|
|
2646
2646
|
var it = e.comment(), xt = e.first_child(it);
|
|
@@ -2667,12 +2667,12 @@ function Jl(Oe, v) {
|
|
|
2667
2667
|
var ze = e.comment(), mt = e.first_child(ze);
|
|
2668
2668
|
{
|
|
2669
2669
|
var ct = (nt) => {
|
|
2670
|
-
var ut = Qn(),
|
|
2671
|
-
e.reset(ut), e.template_effect((vt) => e.set_attribute(
|
|
2670
|
+
var ut = Qn(), At = e.child(ut);
|
|
2671
|
+
e.reset(ut), e.template_effect((vt) => e.set_attribute(At, "src", vt), [
|
|
2672
2672
|
() => (e.get(t), e.untrack(() => ha(e.get(t))))
|
|
2673
2673
|
]), e.append(nt, ut);
|
|
2674
|
-
},
|
|
2675
|
-
var ut = e.comment(),
|
|
2674
|
+
}, Pt = (nt) => {
|
|
2675
|
+
var ut = e.comment(), At = e.first_child(ut);
|
|
2676
2676
|
{
|
|
2677
2677
|
var vt = (bt) => {
|
|
2678
2678
|
var It = el(), Ut = e.child(It);
|
|
@@ -2702,7 +2702,7 @@ function Jl(Oe, v) {
|
|
|
2702
2702
|
e.if(
|
|
2703
2703
|
jt,
|
|
2704
2704
|
(Et) => {
|
|
2705
|
-
e.get(
|
|
2705
|
+
e.get(Ae) === "binary" && Et(Yt);
|
|
2706
2706
|
},
|
|
2707
2707
|
!0
|
|
2708
2708
|
);
|
|
@@ -2712,7 +2712,7 @@ function Jl(Oe, v) {
|
|
|
2712
2712
|
e.if(
|
|
2713
2713
|
Ut,
|
|
2714
2714
|
(dt) => {
|
|
2715
|
-
e.get(
|
|
2715
|
+
e.get(Ae) === "font" ? dt(Ft) : dt(Ot, !1);
|
|
2716
2716
|
},
|
|
2717
2717
|
!0
|
|
2718
2718
|
);
|
|
@@ -2720,9 +2720,9 @@ function Jl(Oe, v) {
|
|
|
2720
2720
|
e.append(bt, It);
|
|
2721
2721
|
};
|
|
2722
2722
|
e.if(
|
|
2723
|
-
|
|
2723
|
+
At,
|
|
2724
2724
|
(bt) => {
|
|
2725
|
-
e.get(
|
|
2725
|
+
e.get(Ae) === "pdf" ? bt(vt) : bt(ht, !1);
|
|
2726
2726
|
},
|
|
2727
2727
|
!0
|
|
2728
2728
|
);
|
|
@@ -2732,7 +2732,7 @@ function Jl(Oe, v) {
|
|
|
2732
2732
|
e.if(
|
|
2733
2733
|
mt,
|
|
2734
2734
|
(nt) => {
|
|
2735
|
-
e.get(
|
|
2735
|
+
e.get(Ae) === "video" ? nt(ct) : nt(Pt, !1);
|
|
2736
2736
|
},
|
|
2737
2737
|
!0
|
|
2738
2738
|
);
|
|
@@ -2742,7 +2742,7 @@ function Jl(Oe, v) {
|
|
|
2742
2742
|
e.if(
|
|
2743
2743
|
gt,
|
|
2744
2744
|
(he) => {
|
|
2745
|
-
e.get(
|
|
2745
|
+
e.get(Ae) === "audio" ? he(K) : he(ee, !1);
|
|
2746
2746
|
},
|
|
2747
2747
|
!0
|
|
2748
2748
|
);
|
|
@@ -2750,7 +2750,7 @@ function Jl(Oe, v) {
|
|
|
2750
2750
|
e.append(De, Ue);
|
|
2751
2751
|
};
|
|
2752
2752
|
e.if(xt, (De) => {
|
|
2753
|
-
e.get(
|
|
2753
|
+
e.get(Ae) === "image" ? De(Ht) : De(wt, !1);
|
|
2754
2754
|
});
|
|
2755
2755
|
}
|
|
2756
2756
|
e.append(We, it);
|
|
@@ -2806,7 +2806,7 @@ function Jl(Oe, v) {
|
|
|
2806
2806
|
var Mr = e.sibling(Ia, 2);
|
|
2807
2807
|
{
|
|
2808
2808
|
var bs = (l) => {
|
|
2809
|
-
var p = _l(),
|
|
2809
|
+
var p = _l(), Pe = e.child(p), at = e.sibling(e.child(Pe), 4), st = e.child(at);
|
|
2810
2810
|
{
|
|
2811
2811
|
var yt = (K) => {
|
|
2812
2812
|
var ee = ll(), he = e.child(ee);
|
|
@@ -2876,20 +2876,20 @@ function Jl(Oe, v) {
|
|
|
2876
2876
|
}
|
|
2877
2877
|
e.reset(at);
|
|
2878
2878
|
var De = e.sibling(at, 2);
|
|
2879
|
-
e.reset(
|
|
2880
|
-
var Ue = e.sibling(
|
|
2879
|
+
e.reset(Pe);
|
|
2880
|
+
var Ue = e.sibling(Pe, 2);
|
|
2881
2881
|
{
|
|
2882
2882
|
var gt = (K) => {
|
|
2883
2883
|
var ee = dl();
|
|
2884
2884
|
e.each(ee, 5, () => e.get(Ye), e.index, (he, ze) => {
|
|
2885
|
-
var mt = vl(), ct = e.child(mt),
|
|
2885
|
+
var mt = vl(), ct = e.child(mt), Pt = e.child(ct);
|
|
2886
2886
|
e.reset(ct);
|
|
2887
2887
|
var nt = e.sibling(ct, 2), ut = e.child(nt, !0);
|
|
2888
2888
|
e.reset(nt);
|
|
2889
|
-
var
|
|
2890
|
-
e.reset(
|
|
2889
|
+
var At = e.sibling(nt, 2), vt = e.child(At, !0);
|
|
2890
|
+
e.reset(At), e.reset(mt), e.template_effect(
|
|
2891
2891
|
(ht) => {
|
|
2892
|
-
e.set_class(mt, 1, `artifactuse-panel__console-entry artifactuse-panel__console-entry--${e.get(ze), e.untrack(() => e.get(ze).type) ?? ""}`), e.set_text(
|
|
2892
|
+
e.set_class(mt, 1, `artifactuse-panel__console-entry artifactuse-panel__console-entry--${e.get(ze), e.untrack(() => e.get(ze).type) ?? ""}`), e.set_text(Pt, `[${e.get(ze), e.untrack(() => e.get(ze).type) ?? ""}]`), e.set_text(ut, (e.get(ze), e.untrack(() => e.get(ze).content))), e.set_text(vt, ht);
|
|
2893
2893
|
},
|
|
2894
2894
|
[
|
|
2895
2895
|
() => (e.get(ze), e.untrack(() => new Date(e.get(ze).timestamp).toLocaleTimeString()))
|
|
@@ -2903,7 +2903,7 @@ function Jl(Oe, v) {
|
|
|
2903
2903
|
}
|
|
2904
2904
|
e.reset(p), e.template_effect(() => e.set_class(p, 1, `artifactuse-panel__console ${e.get(w) ? "artifactuse-panel__console--expanded" : ""}`)), e.event("click", at, e.stopPropagation(function(K) {
|
|
2905
2905
|
e.bubble_event.call(this, v, K);
|
|
2906
|
-
})), e.event("click", De, e.stopPropagation(() => e.set(m, []))), e.event("click",
|
|
2906
|
+
})), e.event("click", De, e.stopPropagation(() => e.set(m, []))), e.event("click", Pe, () => e.set(w, !e.get(w))), e.event("keydown", Pe, (K) => {
|
|
2907
2907
|
(K.key === "Enter" || K.key === " ") && e.set(w, !e.get(w));
|
|
2908
2908
|
}), e.append(l, p);
|
|
2909
2909
|
};
|
|
@@ -2924,8 +2924,8 @@ function Jl(Oe, v) {
|
|
|
2924
2924
|
var ys = e.sibling(Hr, 2);
|
|
2925
2925
|
{
|
|
2926
2926
|
var xs = (l) => {
|
|
2927
|
-
var p = pl(),
|
|
2928
|
-
e.reset(p), e.template_effect((at) => e.set_text(
|
|
2927
|
+
var p = pl(), Pe = e.child(p, !0);
|
|
2928
|
+
e.reset(p), e.template_effect((at) => e.set_text(Pe, at), [
|
|
2929
2929
|
() => (e.deep_read_state(dr), e.get(t), e.untrack(() => dr(e.get(t).size)))
|
|
2930
2930
|
]), e.append(l, p);
|
|
2931
2931
|
};
|
|
@@ -2941,19 +2941,19 @@ function Jl(Oe, v) {
|
|
|
2941
2941
|
var Cs = (l) => {
|
|
2942
2942
|
var p = gl();
|
|
2943
2943
|
e.append(l, p);
|
|
2944
|
-
},
|
|
2944
|
+
}, Ps = (l) => {
|
|
2945
2945
|
var p = ml();
|
|
2946
2946
|
e.append(l, p);
|
|
2947
2947
|
};
|
|
2948
2948
|
e.if(ws, (l) => {
|
|
2949
|
-
e.get(ce) ? l(
|
|
2949
|
+
e.get(ce) ? l(Ps, !1) : l(Cs);
|
|
2950
2950
|
});
|
|
2951
2951
|
}
|
|
2952
2952
|
e.reset(wa);
|
|
2953
2953
|
var zr = e.sibling(wa, 2), Vr = e.sibling(zr, 2);
|
|
2954
2954
|
{
|
|
2955
|
-
var
|
|
2956
|
-
var p = Tl(),
|
|
2955
|
+
var As = (l) => {
|
|
2956
|
+
var p = Tl(), Pe = e.child(p), at = e.sibling(Pe, 2);
|
|
2957
2957
|
{
|
|
2958
2958
|
var st = (yt) => {
|
|
2959
2959
|
var pt = Sl(), We = e.child(pt), it = e.child(We), xt = e.child(it, !0);
|
|
@@ -2969,21 +2969,21 @@ function Jl(Oe, v) {
|
|
|
2969
2969
|
var ee = e.comment(), he = e.first_child(ee);
|
|
2970
2970
|
{
|
|
2971
2971
|
var ze = (ct) => {
|
|
2972
|
-
var
|
|
2972
|
+
var Pt = bl(), nt = e.child(Pt), ut = e.child(nt), At = e.child(ut, !0);
|
|
2973
2973
|
e.reset(ut), e.reset(nt);
|
|
2974
2974
|
var vt = e.sibling(nt, 2), ht = e.child(vt), bt = e.sibling(ht, 2);
|
|
2975
|
-
e.reset(vt), e.reset(
|
|
2975
|
+
e.reset(vt), e.reset(Pt), e.template_effect(() => e.set_text(At, e.get(M))), e.event("click", ht, () => e.set(d, "options")), e.event("click", bt, rs), e.append(ct, Pt);
|
|
2976
2976
|
}, mt = (ct) => {
|
|
2977
|
-
var
|
|
2977
|
+
var Pt = e.comment(), nt = e.first_child(Pt);
|
|
2978
2978
|
{
|
|
2979
2979
|
var ut = (vt) => {
|
|
2980
2980
|
var ht = kl(), bt = e.child(ht), It = e.sibling(bt, 2), Ut = e.sibling(It, 2);
|
|
2981
2981
|
e.reset(ht), e.event("click", bt, hr), e.event("click", It, br), e.event("click", Ut, ss), e.append(vt, ht);
|
|
2982
|
-
},
|
|
2982
|
+
}, At = (vt) => {
|
|
2983
2983
|
var ht = e.comment(), bt = e.first_child(ht);
|
|
2984
2984
|
{
|
|
2985
2985
|
var It = (Ft) => {
|
|
2986
|
-
var Ot =
|
|
2986
|
+
var Ot = Pl(), dt = e.child(Ot);
|
|
2987
2987
|
{
|
|
2988
2988
|
var zt = (Et) => {
|
|
2989
2989
|
var Vt = yl();
|
|
@@ -2996,16 +2996,16 @@ function Jl(Oe, v) {
|
|
|
2996
2996
|
e.append(Qt, ga);
|
|
2997
2997
|
}, ur = (Qt) => {
|
|
2998
2998
|
var ga = Cl();
|
|
2999
|
-
e.each(ga, 5, () => e.get(G), (
|
|
2999
|
+
e.each(ga, 5, () => e.get(G), (Pa) => {
|
|
3000
3000
|
var Nt;
|
|
3001
|
-
return ((Nt =
|
|
3002
|
-
}, (
|
|
3003
|
-
var $t = wl(), Rt = e.child($t),
|
|
3001
|
+
return ((Nt = Pa.project) == null ? void 0 : Nt.uuid) || Pa.id;
|
|
3002
|
+
}, (Pa, Nt) => {
|
|
3003
|
+
var $t = wl(), Rt = e.child($t), Aa = e.child(Rt, !0);
|
|
3004
3004
|
e.reset(Rt);
|
|
3005
3005
|
var ja = e.sibling(Rt, 2), vr = e.child(ja, !0);
|
|
3006
3006
|
e.reset(ja), e.reset($t), e.template_effect(
|
|
3007
3007
|
(Na) => {
|
|
3008
|
-
e.set_text(
|
|
3008
|
+
e.set_text(Aa, (e.get(Nt), e.untrack(() => {
|
|
3009
3009
|
var qr;
|
|
3010
3010
|
return ((qr = e.get(Nt).project) == null ? void 0 : qr.name) || "Untitled";
|
|
3011
3011
|
}))), e.set_text(vr, Na);
|
|
@@ -3016,7 +3016,7 @@ function Jl(Oe, v) {
|
|
|
3016
3016
|
return mr((Na = e.get(Nt).project) == null ? void 0 : Na.created_at);
|
|
3017
3017
|
}))
|
|
3018
3018
|
]
|
|
3019
|
-
), e.event("click", $t, () => is(e.get(Nt))), e.append(
|
|
3019
|
+
), e.event("click", $t, () => is(e.get(Nt))), e.append(Pa, $t);
|
|
3020
3020
|
}), e.reset(ga), e.append(Qt, ga);
|
|
3021
3021
|
};
|
|
3022
3022
|
e.if(
|
|
@@ -3048,8 +3048,8 @@ function Jl(Oe, v) {
|
|
|
3048
3048
|
var Qt = e.sibling(Et, 2);
|
|
3049
3049
|
{
|
|
3050
3050
|
var ga = ($t) => {
|
|
3051
|
-
var Rt =
|
|
3052
|
-
e.reset(
|
|
3051
|
+
var Rt = Al(), Aa = e.sibling(e.child(Rt), 2), ja = e.child(Aa);
|
|
3052
|
+
e.reset(Aa), e.reset(Rt), e.template_effect((vr) => e.set_text(ja, `Expires ${vr ?? ""}`), [
|
|
3053
3053
|
() => (e.get(h), e.untrack(() => mr(e.get(h))))
|
|
3054
3054
|
]), e.append($t, Rt);
|
|
3055
3055
|
};
|
|
@@ -3057,13 +3057,13 @@ function Jl(Oe, v) {
|
|
|
3057
3057
|
e.get(h) && !e.get(S) && $t(ga);
|
|
3058
3058
|
});
|
|
3059
3059
|
}
|
|
3060
|
-
var
|
|
3060
|
+
var Pa = e.sibling(Qt, 2);
|
|
3061
3061
|
{
|
|
3062
3062
|
var Nt = ($t) => {
|
|
3063
|
-
var Rt = El(),
|
|
3064
|
-
e.reset(Rt), e.event("click",
|
|
3063
|
+
var Rt = El(), Aa = e.sibling(e.child(Rt), 2);
|
|
3064
|
+
e.reset(Rt), e.event("click", Aa, br), e.append($t, Rt);
|
|
3065
3065
|
};
|
|
3066
|
-
e.if(
|
|
3066
|
+
e.if(Pa, ($t) => {
|
|
3067
3067
|
e.get(S) || $t(Nt);
|
|
3068
3068
|
});
|
|
3069
3069
|
}
|
|
@@ -3096,12 +3096,12 @@ function Jl(Oe, v) {
|
|
|
3096
3096
|
e.if(
|
|
3097
3097
|
nt,
|
|
3098
3098
|
(vt) => {
|
|
3099
|
-
e.get(d) === "options" ? vt(ut) : vt(
|
|
3099
|
+
e.get(d) === "options" ? vt(ut) : vt(At, !1);
|
|
3100
3100
|
},
|
|
3101
3101
|
!0
|
|
3102
3102
|
);
|
|
3103
3103
|
}
|
|
3104
|
-
e.append(ct,
|
|
3104
|
+
e.append(ct, Pt);
|
|
3105
3105
|
};
|
|
3106
3106
|
e.if(
|
|
3107
3107
|
he,
|
|
@@ -3123,16 +3123,16 @@ function Jl(Oe, v) {
|
|
|
3123
3123
|
e.get(O) && yt(st);
|
|
3124
3124
|
});
|
|
3125
3125
|
}
|
|
3126
|
-
e.reset(p), e.event("click",
|
|
3126
|
+
e.reset(p), e.event("click", Pe, ts), e.append(l, p);
|
|
3127
3127
|
};
|
|
3128
3128
|
e.if(Vr, (l) => {
|
|
3129
|
-
e.get(Ge) && l(
|
|
3129
|
+
e.get(Ge) && l(As);
|
|
3130
3130
|
});
|
|
3131
3131
|
}
|
|
3132
3132
|
var Es = e.sibling(Vr, 2);
|
|
3133
3133
|
{
|
|
3134
3134
|
var $s = (l) => {
|
|
3135
|
-
var p = Bl(),
|
|
3135
|
+
var p = Bl(), Pe = e.child(p), at = e.sibling(Pe, 2), st = e.child(at), yt = e.child(st);
|
|
3136
3136
|
e.reset(st), e.next(2), e.reset(at);
|
|
3137
3137
|
var pt = e.sibling(at, 2), We = e.sibling(pt, 2);
|
|
3138
3138
|
{
|
|
@@ -3145,11 +3145,11 @@ function Jl(Oe, v) {
|
|
|
3145
3145
|
e.each(K, 7, () => e.get(de), (ee) => ee.id, (ee, he, ze) => {
|
|
3146
3146
|
var mt = Ll();
|
|
3147
3147
|
let ct;
|
|
3148
|
-
var
|
|
3149
|
-
e.html(nt, () => (e.get(he), e.untrack(() => kt(e.get(he).language)))), e.reset(
|
|
3150
|
-
var ut = e.sibling(
|
|
3151
|
-
e.reset(
|
|
3152
|
-
var ht = e.sibling(
|
|
3148
|
+
var Pt = e.child(mt), nt = e.child(Pt);
|
|
3149
|
+
e.html(nt, () => (e.get(he), e.untrack(() => kt(e.get(he).language)))), e.reset(Pt);
|
|
3150
|
+
var ut = e.sibling(Pt, 2), At = e.child(ut), vt = e.child(At, !0);
|
|
3151
|
+
e.reset(At);
|
|
3152
|
+
var ht = e.sibling(At, 2), bt = e.child(ht), It = e.sibling(bt);
|
|
3153
3153
|
{
|
|
3154
3154
|
var Ut = (dt) => {
|
|
3155
3155
|
var zt = e.text();
|
|
@@ -3178,8 +3178,8 @@ function Jl(Oe, v) {
|
|
|
3178
3178
|
});
|
|
3179
3179
|
}
|
|
3180
3180
|
e.reset(p), e.template_effect(() => {
|
|
3181
|
-
|
|
3182
|
-
}), e.event("click",
|
|
3181
|
+
Pe.disabled = e.get(He) <= 0, e.set_text(yt, `${e.get(He) + 1} / ${e.get(de), e.untrack(() => e.get(de).length) ?? ""}`), pt.disabled = (e.get(He), e.get(de), e.untrack(() => e.get(He) >= e.get(de).length - 1));
|
|
3182
|
+
}), e.event("click", Pe, ls), e.event("click", at, () => e.set(se, !e.get(se))), e.event("click", pt, os), e.append(l, p);
|
|
3183
3183
|
};
|
|
3184
3184
|
e.if(Es, (l) => {
|
|
3185
3185
|
e.get(o), e.get(de), e.untrack(() => !e.get(o) && e.get(de).length > 1) && l($s);
|
|
@@ -3203,7 +3203,7 @@ function Jl(Oe, v) {
|
|
|
3203
3203
|
e.get(ue), b(), e.untrack(() => !e.get(ue) || b().forceEmptyView) ? _t(Ce) : _t(rt, !1);
|
|
3204
3204
|
});
|
|
3205
3205
|
}
|
|
3206
|
-
e.append(a,
|
|
3206
|
+
e.append(a, P);
|
|
3207
3207
|
};
|
|
3208
3208
|
e.if(us, (a) => {
|
|
3209
3209
|
e.get($e) && a(vs);
|
|
@@ -3214,13 +3214,13 @@ function Jl(Oe, v) {
|
|
|
3214
3214
|
var Il = e.from_html('<span class="artifactuse-panel-toggle-badge"> </span>'), Fl = e.from_html('<button><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline></svg> <!></button>');
|
|
3215
3215
|
function Xl(Oe, v) {
|
|
3216
3216
|
e.push(v, !1);
|
|
3217
|
-
const be = () => e.store_get(Z, "$isPanelOpen", n), b = () => e.store_get(ae, "$artifactCount", n),
|
|
3217
|
+
const be = () => e.store_get(Z, "$isPanelOpen", n), b = () => e.store_get(ae, "$artifactCount", n), A = () => e.store_get(Re, "$hasArtifacts", n), [n, s] = e.setup_stores(), f = e.mutable_source(), I = e.mutable_source(), t = e.mutable_source(), Be = e.mutable_source(), $e = e.mutable_source(), { isPanelOpen: Z, artifactCount: ae, hasArtifacts: Re, togglePanel: ue } = Xa();
|
|
3218
3218
|
e.legacy_pre_effect(() => be(), () => {
|
|
3219
3219
|
e.set(f, be());
|
|
3220
3220
|
}), e.legacy_pre_effect(() => b(), () => {
|
|
3221
3221
|
e.set(I, b());
|
|
3222
|
-
}), e.legacy_pre_effect(() =>
|
|
3223
|
-
e.set(t,
|
|
3222
|
+
}), e.legacy_pre_effect(() => A(), () => {
|
|
3223
|
+
e.set(t, A());
|
|
3224
3224
|
}), e.legacy_pre_effect(() => e.get(I), () => {
|
|
3225
3225
|
e.set(Be, e.get(I) > 99 ? "99+" : String(e.get(I)));
|
|
3226
3226
|
}), e.legacy_pre_effect(() => (e.get(f), e.get(t)), () => {
|
|
@@ -3233,8 +3233,8 @@ function Xl(Oe, v) {
|
|
|
3233
3233
|
var Ve = Fl(), E = e.sibling(e.child(Ve), 2);
|
|
3234
3234
|
{
|
|
3235
3235
|
var g = (z) => {
|
|
3236
|
-
var ne = Il(),
|
|
3237
|
-
e.reset(ne), e.template_effect(() => e.set_text(
|
|
3236
|
+
var ne = Il(), Ae = e.child(ne, !0);
|
|
3237
|
+
e.reset(ne), e.template_effect(() => e.set_text(Ae, e.get(Be))), e.append(z, ne);
|
|
3238
3238
|
};
|
|
3239
3239
|
e.if(E, (z) => {
|
|
3240
3240
|
e.get(I) > 0 && z(g);
|
|
@@ -3246,8 +3246,8 @@ function Xl(Oe, v) {
|
|
|
3246
3246
|
}
|
|
3247
3247
|
const Nr = "artifactuse";
|
|
3248
3248
|
function fr(Oe = {}) {
|
|
3249
|
-
const v = Bs(Oe), be = Ea([]), b = Ea(null),
|
|
3250
|
-
be.set(E.artifacts), b.set(E.activeArtifactId),
|
|
3249
|
+
const v = Bs(Oe), be = Ea([]), b = Ea(null), A = Ea(!1), n = Ea("preview"), s = Ea(!1), f = Ea(v.getPanelTypes()), I = v.state.subscribe((E) => {
|
|
3250
|
+
be.set(E.artifacts), b.set(E.activeArtifactId), A.set(E.isPanelOpen), n.set(E.viewMode), s.set(E.isFullscreen);
|
|
3251
3251
|
}), t = Wa(
|
|
3252
3252
|
[be, b],
|
|
3253
3253
|
([E, g]) => g && E.find((z) => z.id === g) || null
|
|
@@ -3266,7 +3266,7 @@ function fr(Oe = {}) {
|
|
|
3266
3266
|
// Stores
|
|
3267
3267
|
artifacts: be,
|
|
3268
3268
|
activeArtifactId: b,
|
|
3269
|
-
isPanelOpen:
|
|
3269
|
+
isPanelOpen: A,
|
|
3270
3270
|
viewMode: n,
|
|
3271
3271
|
isFullscreen: s,
|
|
3272
3272
|
activeArtifact: t,
|
|
@@ -3343,7 +3343,7 @@ const Zl = {
|
|
|
3343
3343
|
export {
|
|
3344
3344
|
Wl as ArtifactuseAgentMessage,
|
|
3345
3345
|
Ds as ArtifactuseCard,
|
|
3346
|
-
|
|
3346
|
+
Ai as ArtifactuseInlineForm,
|
|
3347
3347
|
Jl as ArtifactusePanel,
|
|
3348
3348
|
Xl as ArtifactusePanelToggle,
|
|
3349
3349
|
pn as ArtifactuseSocialPreview,
|