@pagelines/sdk 1.0.152 → 1.0.154
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/{AgentProvider.vue_vue_type_script_setup_true_lang-B0TWM6dY.js → AgentProvider.vue_vue_type_script_setup_true_lang-vzGl9adQ.js} +16 -14
- package/dist/AgentProvider.vue_vue_type_script_setup_true_lang-vzGl9adQ.js.map +1 -0
- package/dist/AgentWidgetInline-xKwzOBQ7.js +37 -0
- package/dist/AgentWidgetInline-xKwzOBQ7.js.map +1 -0
- package/dist/{AgentWidgetModal-C4MD7yII.js → AgentWidgetModal-BesI4epW.js} +23 -21
- package/dist/AgentWidgetModal-BesI4epW.js.map +1 -0
- package/dist/{AgentWidgetPopup-DpR4jkw4.js → AgentWidgetPopup-KU7OGmSO.js} +48 -46
- package/dist/AgentWidgetPopup-KU7OGmSO.js.map +1 -0
- package/dist/{AgentWrap.vue_vue_type_script_setup_true_lang-Cr7I8qea.js → AgentWrap.vue_vue_type_script_setup_true_lang-Dnt1w4Uv.js} +1150 -1109
- package/dist/AgentWrap.vue_vue_type_script_setup_true_lang-Dnt1w4Uv.js.map +1 -0
- package/dist/agent/ui/AgentChat.vue.d.ts +1 -0
- package/dist/agent/ui/AgentProvider.vue.d.ts +1 -0
- package/dist/agent.js +3 -3
- package/dist/clients/ChatClient.d.ts +2 -0
- package/dist/sdk.css +1 -1
- package/dist/sdk.js +1 -1
- package/dist/{sdkClient-yg_rc4B7.js → sdkClient-DlvpHeVt.js} +163 -161
- package/dist/sdkClient-DlvpHeVt.js.map +1 -0
- package/dist/widget/PLWidget.d.ts +7 -0
- package/dist/widget/ui/AgentWidgetInline.vue.d.ts +1 -0
- package/dist/widget/ui/AgentWidgetModal.vue.d.ts +1 -0
- package/dist/widget/ui/AgentWidgetPopup.vue.d.ts +1 -0
- package/dist/widget.js +109 -81
- package/dist/widget.js.map +1 -1
- package/package.json +2 -2
- package/dist/AgentProvider.vue_vue_type_script_setup_true_lang-B0TWM6dY.js.map +0 -1
- package/dist/AgentWidgetInline-DAihjazO.js +0 -35
- package/dist/AgentWidgetInline-DAihjazO.js.map +0 -1
- package/dist/AgentWidgetModal-C4MD7yII.js.map +0 -1
- package/dist/AgentWidgetPopup-DpR4jkw4.js.map +0 -1
- package/dist/AgentWrap.vue_vue_type_script_setup_true_lang-Cr7I8qea.js.map +0 -1
- package/dist/sdkClient-yg_rc4B7.js.map +0 -1
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
var
|
|
2
|
-
var zt = (e, n, t) => n in e ?
|
|
3
|
-
var
|
|
4
|
-
var
|
|
5
|
-
import { defineComponent as
|
|
6
|
-
import { S as
|
|
7
|
-
import { S as dt, c as Lt, P as Vt } from "./sdkClient-
|
|
1
|
+
var Ze = Object.defineProperty;
|
|
2
|
+
var zt = (e, n, t) => n in e ? Ze(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
|
|
3
|
+
var r = (e, n) => Ze(e, "name", { value: n, configurable: !0 });
|
|
4
|
+
var E = (e, n, t) => zt(e, typeof n != "symbol" ? n + "" : n, t);
|
|
5
|
+
import { defineComponent as R, createElementBlock as h, openBlock as u, createElementVNode as c, normalizeClass as S, ref as L, watch as Q, createBlock as U, TransitionGroup as at, withCtx as H, renderSlot as ae, computed as I, createCommentVNode as T, onMounted as ue, Fragment as K, renderList as he, withDirectives as it, vModelText as lt, toDisplayString as N, createVNode as P, withKeys as Tt, createTextVNode as ce, unref as j, resolveDynamicComponent as $t, nextTick as Ie, Transition as Ke, withModifiers as Te, normalizeStyle as ct, shallowRef as Et, onUnmounted as Dt } from "vue";
|
|
6
|
+
import { S as se } from "./socialPlatforms-Ck-b3SnQ.js";
|
|
7
|
+
import { S as dt, c as Lt, P as Vt } from "./sdkClient-DlvpHeVt.js";
|
|
8
8
|
const jt = { class: "spinner max-w-sm" }, Pt = {
|
|
9
9
|
class: "ring-circular h-full w-full origin-center",
|
|
10
10
|
viewBox: "25 25 50 50"
|
|
11
|
-
},
|
|
11
|
+
}, Le = /* @__PURE__ */ R({
|
|
12
12
|
__name: "FSpinner",
|
|
13
13
|
props: {
|
|
14
14
|
width: { type: String, default: "" },
|
|
15
15
|
colorMode: { type: String, default: "primary" }
|
|
16
16
|
},
|
|
17
17
|
setup(e) {
|
|
18
|
-
return (n, t) => (u(),
|
|
19
|
-
(u(),
|
|
20
|
-
|
|
18
|
+
return (n, t) => (u(), h("div", jt, [
|
|
19
|
+
(u(), h("svg", Pt, [
|
|
20
|
+
c("circle", {
|
|
21
21
|
class: S([e.colorMode, "ring-path"]),
|
|
22
22
|
cx: "50",
|
|
23
23
|
cy: "50",
|
|
@@ -30,7 +30,7 @@ const jt = { class: "spinner max-w-sm" }, Pt = {
|
|
|
30
30
|
]))
|
|
31
31
|
]));
|
|
32
32
|
}
|
|
33
|
-
}),
|
|
33
|
+
}), Ye = {
|
|
34
34
|
green: {
|
|
35
35
|
50: "oklch(98.2% 0.018 155.826)",
|
|
36
36
|
100: "oklch(96.2% 0.044 156.743)",
|
|
@@ -163,9 +163,9 @@ const jt = { class: "spinner max-w-sm" }, Pt = {
|
|
|
163
163
|
}
|
|
164
164
|
};
|
|
165
165
|
function Bt(e) {
|
|
166
|
-
return
|
|
166
|
+
return Ye[e] || Ye.blue;
|
|
167
167
|
}
|
|
168
|
-
|
|
168
|
+
r(Bt, "getColorSchemeOklch");
|
|
169
169
|
const ut = [
|
|
170
170
|
{
|
|
171
171
|
mode: "self",
|
|
@@ -187,7 +187,7 @@ const ut = [
|
|
|
187
187
|
label: "About",
|
|
188
188
|
icon: "i-tabler-user-circle"
|
|
189
189
|
}
|
|
190
|
-
], Nt = 256,
|
|
190
|
+
], Nt = 256, Ot = 0.8, Rt = 50, pn = {
|
|
191
191
|
bars: 64,
|
|
192
192
|
barWidth: 3,
|
|
193
193
|
barSpacing: 1,
|
|
@@ -200,7 +200,7 @@ const ut = [
|
|
|
200
200
|
// ms to hold peaks
|
|
201
201
|
PEAK_DECAY_STIFFNESS: 0.12,
|
|
202
202
|
PEAK_DECAY_DAMPING: 0.15
|
|
203
|
-
},
|
|
203
|
+
}, vn = [
|
|
204
204
|
// Low fundamentals
|
|
205
205
|
85,
|
|
206
206
|
100,
|
|
@@ -274,24 +274,24 @@ const ut = [
|
|
|
274
274
|
7500,
|
|
275
275
|
8e3,
|
|
276
276
|
8500
|
|
277
|
-
],
|
|
277
|
+
], Be = class Be extends dt {
|
|
278
278
|
constructor(t) {
|
|
279
279
|
super("ClientAudio", t);
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
280
|
+
E(this, "audioContext");
|
|
281
|
+
E(this, "analyser");
|
|
282
|
+
E(this, "microphone");
|
|
283
|
+
E(this, "audioLevelInterval");
|
|
284
|
+
E(this, "stream");
|
|
285
|
+
E(this, "visibilityChangeHandler");
|
|
286
|
+
E(this, "vadTimeout");
|
|
287
|
+
E(this, "lastSpeechTime", 0);
|
|
288
288
|
// VAD configuration - tuned for voice isolation (ignores background music)
|
|
289
|
-
|
|
289
|
+
E(this, "VAD_SILENCE_THRESHOLD", 0.03);
|
|
290
290
|
// 3% audio level = silence (filters out quiet background noise)
|
|
291
|
-
|
|
291
|
+
E(this, "VAD_SILENCE_DURATION", 1200);
|
|
292
292
|
// 1.2 seconds of silence before considering "stopped speaking"
|
|
293
293
|
// Public reactive state
|
|
294
|
-
|
|
294
|
+
E(this, "audioLevels", L({ inputLevel: 0, outputLevel: 0 }));
|
|
295
295
|
this.setupVisibilityHandler();
|
|
296
296
|
}
|
|
297
297
|
/**
|
|
@@ -325,33 +325,33 @@ const ut = [
|
|
|
325
325
|
async requestMicrophonePermission(t = {}) {
|
|
326
326
|
try {
|
|
327
327
|
const {
|
|
328
|
-
noiseSuppression:
|
|
329
|
-
echoCancellation:
|
|
330
|
-
autoGainControl:
|
|
331
|
-
voiceIsolation:
|
|
328
|
+
noiseSuppression: o = !0,
|
|
329
|
+
echoCancellation: s = !0,
|
|
330
|
+
autoGainControl: i = !0,
|
|
331
|
+
voiceIsolation: a = !0
|
|
332
332
|
} = t, l = {
|
|
333
333
|
audio: {
|
|
334
|
-
noiseSuppression: { ideal:
|
|
335
|
-
echoCancellation: { ideal:
|
|
336
|
-
autoGainControl: { ideal:
|
|
334
|
+
noiseSuppression: { ideal: o, exact: o },
|
|
335
|
+
echoCancellation: { ideal: s, exact: s },
|
|
336
|
+
autoGainControl: { ideal: i, exact: i },
|
|
337
337
|
// Chrome-specific voice isolation (degrades gracefully in other browsers)
|
|
338
|
-
voiceIsolation: { ideal:
|
|
338
|
+
voiceIsolation: { ideal: a, exact: a },
|
|
339
339
|
advanced: [
|
|
340
340
|
// Prioritize speech frequencies (300-3400 Hz) - Chrome-specific goog* properties
|
|
341
341
|
// @ts-expect-error - Chrome-specific constraint
|
|
342
342
|
{ googAudioMirroring: !1 },
|
|
343
343
|
// @ts-expect-error - Chrome-specific constraint
|
|
344
|
-
{ googAutoGainControl:
|
|
344
|
+
{ googAutoGainControl: i },
|
|
345
345
|
// @ts-expect-error - Chrome-specific constraint
|
|
346
|
-
{ googAutoGainControl2:
|
|
346
|
+
{ googAutoGainControl2: i },
|
|
347
347
|
// @ts-expect-error - Chrome-specific constraint
|
|
348
|
-
{ googNoiseSuppression:
|
|
348
|
+
{ googNoiseSuppression: o },
|
|
349
349
|
// @ts-expect-error - Chrome-specific constraint
|
|
350
|
-
{ googNoiseSuppression2:
|
|
350
|
+
{ googNoiseSuppression2: o },
|
|
351
351
|
// @ts-expect-error - Chrome-specific constraint
|
|
352
|
-
{ googEchoCancellation:
|
|
352
|
+
{ googEchoCancellation: s },
|
|
353
353
|
// @ts-expect-error - Chrome-specific constraint
|
|
354
|
-
{ googEchoCancellation2:
|
|
354
|
+
{ googEchoCancellation2: s },
|
|
355
355
|
// @ts-expect-error - Chrome-specific constraint
|
|
356
356
|
{ googHighpassFilter: !0 },
|
|
357
357
|
// Remove low-frequency noise (bass from music)
|
|
@@ -361,17 +361,17 @@ const ut = [
|
|
|
361
361
|
}
|
|
362
362
|
};
|
|
363
363
|
this.stream = await navigator.mediaDevices.getUserMedia(l);
|
|
364
|
-
const
|
|
364
|
+
const b = this.stream.getAudioTracks()[0].getSettings();
|
|
365
365
|
return this.logger.info("Microphone permission granted with settings:", {
|
|
366
|
-
noiseSuppression:
|
|
367
|
-
echoCancellation:
|
|
368
|
-
autoGainControl:
|
|
366
|
+
noiseSuppression: b.noiseSuppression,
|
|
367
|
+
echoCancellation: b.echoCancellation,
|
|
368
|
+
autoGainControl: b.autoGainControl,
|
|
369
369
|
// @ts-expect-error - voiceIsolation is not in standard types yet
|
|
370
|
-
voiceIsolation:
|
|
371
|
-
sampleRate:
|
|
370
|
+
voiceIsolation: b.voiceIsolation,
|
|
371
|
+
sampleRate: b.sampleRate
|
|
372
372
|
}), await this.setupAudioAnalysis(), !0;
|
|
373
|
-
} catch (
|
|
374
|
-
return this.logger.error("Microphone permission denied:",
|
|
373
|
+
} catch (o) {
|
|
374
|
+
return this.logger.error("Microphone permission denied:", o), !1;
|
|
375
375
|
}
|
|
376
376
|
}
|
|
377
377
|
/**
|
|
@@ -388,7 +388,7 @@ const ut = [
|
|
|
388
388
|
if (!this.stream)
|
|
389
389
|
throw new Error("No audio stream available");
|
|
390
390
|
try {
|
|
391
|
-
this.audioContext = new AudioContext(), this.analyser = this.audioContext.createAnalyser(), this.microphone = this.audioContext.createMediaStreamSource(this.stream), this.analyser.fftSize = Nt, this.analyser.smoothingTimeConstant =
|
|
391
|
+
this.audioContext = new AudioContext(), this.analyser = this.audioContext.createAnalyser(), this.microphone = this.audioContext.createMediaStreamSource(this.stream), this.analyser.fftSize = Nt, this.analyser.smoothingTimeConstant = Ot, this.microphone.connect(this.analyser), this.logger.info("Audio analysis setup complete", {
|
|
392
392
|
fftSize: this.analyser.fftSize,
|
|
393
393
|
frequencyBinCount: this.analyser.frequencyBinCount,
|
|
394
394
|
sampleRate: this.audioContext.sampleRate
|
|
@@ -402,8 +402,8 @@ const ut = [
|
|
|
402
402
|
* Used for client-side VAD to prevent background noise issues
|
|
403
403
|
*/
|
|
404
404
|
detectVoiceActivity(t) {
|
|
405
|
-
const
|
|
406
|
-
return
|
|
405
|
+
const o = t > this.VAD_SILENCE_THRESHOLD;
|
|
406
|
+
return o && (this.lastSpeechTime = Date.now()), o;
|
|
407
407
|
}
|
|
408
408
|
/**
|
|
409
409
|
* Check if user has stopped speaking (silence detected)
|
|
@@ -415,32 +415,32 @@ const ut = [
|
|
|
415
415
|
/**
|
|
416
416
|
* Start monitoring audio levels with VAD detection
|
|
417
417
|
*/
|
|
418
|
-
startAudioLevelMonitoring(t,
|
|
418
|
+
startAudioLevelMonitoring(t, o) {
|
|
419
419
|
if (!this.analyser) {
|
|
420
420
|
this.logger.info("Audio level monitoring not started - missing analyser");
|
|
421
421
|
return;
|
|
422
422
|
}
|
|
423
423
|
this.logger.info("Starting audio level monitoring with VAD at timestamp:", Date.now());
|
|
424
|
-
const
|
|
424
|
+
const s = new Uint8Array(this.analyser.frequencyBinCount), i = /* @__PURE__ */ r(async () => {
|
|
425
425
|
if (!this.analyser) {
|
|
426
426
|
this.logger.info("Stopping audio level monitoring - missing analyser");
|
|
427
427
|
return;
|
|
428
428
|
}
|
|
429
429
|
try {
|
|
430
|
-
this.analyser.getByteFrequencyData(
|
|
431
|
-
const l =
|
|
432
|
-
!this.detectVoiceActivity(
|
|
430
|
+
this.analyser.getByteFrequencyData(s);
|
|
431
|
+
const l = s.reduce((f, p) => f + p, 0) / s.length, d = Math.min(l / 128, 1);
|
|
432
|
+
!this.detectVoiceActivity(d) && this.hasUserStoppedSpeaking() && o && (this.logger.info("VAD: User stopped speaking (silence detected)"), o(), this.lastSpeechTime = 0);
|
|
433
433
|
const x = t?.() ? 0.3 : 0;
|
|
434
|
-
this.audioLevels.value = { inputLevel:
|
|
434
|
+
this.audioLevels.value = { inputLevel: d, outputLevel: x };
|
|
435
435
|
} catch (l) {
|
|
436
436
|
this.logger.error("Error in audio level monitoring:", l), this.stopAudioLevelMonitoring();
|
|
437
437
|
}
|
|
438
|
-
}, "updateLevels"),
|
|
439
|
-
|
|
438
|
+
}, "updateLevels"), a = /* @__PURE__ */ r(() => {
|
|
439
|
+
i().catch((l) => {
|
|
440
440
|
this.logger.error("Async error in audio level monitoring:", l);
|
|
441
441
|
});
|
|
442
442
|
}, "intervalWrapper");
|
|
443
|
-
this.audioLevelInterval = window.setInterval(
|
|
443
|
+
this.audioLevelInterval = window.setInterval(a, Rt);
|
|
444
444
|
}
|
|
445
445
|
/**
|
|
446
446
|
* Stop monitoring audio levels
|
|
@@ -487,81 +487,81 @@ const ut = [
|
|
|
487
487
|
await this.stopMicrophone(), this.visibilityChangeHandler && typeof document < "u" && (document.removeEventListener("visibilitychange", this.visibilityChangeHandler), this.visibilityChangeHandler = void 0), this.logger.info("Audio resources cleaned up");
|
|
488
488
|
}
|
|
489
489
|
};
|
|
490
|
-
|
|
491
|
-
let
|
|
492
|
-
function
|
|
490
|
+
r(Be, "ClientAudio");
|
|
491
|
+
let $e = Be;
|
|
492
|
+
function Je(e) {
|
|
493
493
|
return e ? typeof e == "string" ? e : e.src || "" : "";
|
|
494
494
|
}
|
|
495
|
-
|
|
496
|
-
function
|
|
497
|
-
return
|
|
495
|
+
r(Je, "getImageSrc");
|
|
496
|
+
function ke(e) {
|
|
497
|
+
return Je(e.cover) || Je(e.avatar) || "/img/placeholder-avatar.png";
|
|
498
498
|
}
|
|
499
|
-
|
|
500
|
-
function
|
|
499
|
+
r(ke, "getAgentAvatarUrl");
|
|
500
|
+
function de() {
|
|
501
501
|
return "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHZpZXdCb3g9IjAgMCA4MCA4MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjgwIiBoZWlnaHQ9IjgwIiByeD0iNDAiIGZpbGw9IiM2MzY2RjEiLz4KPHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeD0iMjAiIHk9IjIwIj4KPHA0aCBkPSJNMTIgMTJjMi4yMSAwIDQtMS43OSA0LTRTNC4yMSA0IDIgNHMxLjc5IDQgNCA0em0wIDJjLTIuNjcgMC04IDEuMzQtOCA0djJoMTZ2LTJjMC0yLjY2LTUuMzMtNC04LTR6IiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4KPC9zdmc+";
|
|
502
502
|
}
|
|
503
|
-
|
|
504
|
-
function
|
|
503
|
+
r(de, "getFallbackAvatarDataUrl");
|
|
504
|
+
function ye(e) {
|
|
505
505
|
const n = e.target;
|
|
506
|
-
n.dataset.fallbackUsed || (n.dataset.fallbackUsed = "true", n.src =
|
|
506
|
+
n.dataset.fallbackUsed || (n.dataset.fallbackUsed = "true", n.src = de());
|
|
507
507
|
}
|
|
508
|
-
|
|
508
|
+
r(ye, "handleImageError");
|
|
509
509
|
function Ft(e) {
|
|
510
510
|
const { message: n, source: t } = e;
|
|
511
511
|
if (!n)
|
|
512
512
|
return null;
|
|
513
|
-
const
|
|
513
|
+
const o = {
|
|
514
514
|
user: "user",
|
|
515
515
|
ai: "agent",
|
|
516
516
|
agent: "agent"
|
|
517
|
-
},
|
|
517
|
+
}, s = o[t] || "agent";
|
|
518
518
|
if (typeof n == "string")
|
|
519
|
-
return n.trim() ? { text: n.trim(), sender:
|
|
519
|
+
return n.trim() ? { text: n.trim(), sender: s } : null;
|
|
520
520
|
if (typeof n != "object")
|
|
521
521
|
return null;
|
|
522
|
-
const
|
|
523
|
-
(
|
|
524
|
-
if (!("source" in
|
|
522
|
+
const i = [
|
|
523
|
+
(a) => {
|
|
524
|
+
if (!("source" in a))
|
|
525
525
|
return null;
|
|
526
|
-
const l =
|
|
527
|
-
return l ? { text:
|
|
526
|
+
const l = o[a.source];
|
|
527
|
+
return l ? { text: a.message || "", sender: l } : null;
|
|
528
528
|
}
|
|
529
529
|
];
|
|
530
|
-
for (const
|
|
531
|
-
const l =
|
|
530
|
+
for (const a of i) {
|
|
531
|
+
const l = a(n);
|
|
532
532
|
if (l && l.text.trim())
|
|
533
533
|
return { text: l.text.trim(), sender: l.sender };
|
|
534
534
|
}
|
|
535
535
|
return null;
|
|
536
536
|
}
|
|
537
|
-
|
|
538
|
-
function
|
|
537
|
+
r(Ft, "parseVoiceMessage");
|
|
538
|
+
function xn(e) {
|
|
539
539
|
const { name: n, context: t } = e;
|
|
540
540
|
return t === "welcome" ? `Welcome! I'm ${n}, your AI agent. I'm here to help you understand how I can represent you and assist with your daily tasks. What would you like to know about how I work?` : t === "onboarding" ? `Hi! I'm ${n}, your newly created AI agent. I can handle conversations, answer questions about your expertise, and represent you professionally. Ready to see what I can do?` : `Hello! I'm ${n}. How can I help you today?`;
|
|
541
541
|
}
|
|
542
|
-
|
|
542
|
+
r(xn, "generateFirstMessage");
|
|
543
543
|
function Gt(e) {
|
|
544
544
|
const { template: n, agent: t } = e;
|
|
545
545
|
return n.replace(/{name}/g, t.name || "Digital Agent").replace(/{title}/g, t.title || "").replace(/{handle}/g, t.handle || "").replace(/{orgName}/g, t.org?.name || "");
|
|
546
546
|
}
|
|
547
|
-
|
|
548
|
-
const
|
|
547
|
+
r(Gt, "parseButtonTemplate");
|
|
548
|
+
const Ne = class Ne extends dt {
|
|
549
549
|
constructor(t) {
|
|
550
550
|
super("AgentController", t);
|
|
551
|
-
|
|
552
|
-
|
|
553
|
-
|
|
554
|
-
|
|
555
|
-
|
|
556
|
-
|
|
551
|
+
E(this, "conversation");
|
|
552
|
+
E(this, "isTextMode", !1);
|
|
553
|
+
E(this, "lastMessage", { hash: "", time: 0 });
|
|
554
|
+
E(this, "clientAudio");
|
|
555
|
+
E(this, "unwatchAudio");
|
|
556
|
+
E(this, "isConnecting", !1);
|
|
557
557
|
// Chat conversation tracking (server-managed persistence)
|
|
558
|
-
|
|
558
|
+
E(this, "conversationId");
|
|
559
559
|
// Voice session tracking (kept for voice flow)
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
|
|
563
|
-
|
|
564
|
-
|
|
560
|
+
E(this, "sessionId");
|
|
561
|
+
E(this, "conversationStartTime");
|
|
562
|
+
E(this, "hostParticipantId");
|
|
563
|
+
E(this, "visitorParticipantId");
|
|
564
|
+
E(this, "voiceState", L({
|
|
565
565
|
isActive: !1,
|
|
566
566
|
isConnected: !1,
|
|
567
567
|
isSpeaking: !1,
|
|
@@ -570,15 +570,15 @@ const Pe = class Pe extends dt {
|
|
|
570
570
|
transcript: "Tap to begin voice conversation",
|
|
571
571
|
connectionStatus: "disconnected"
|
|
572
572
|
}));
|
|
573
|
-
|
|
573
|
+
E(this, "textState", L({
|
|
574
574
|
isActive: !1,
|
|
575
575
|
isConnected: !1,
|
|
576
576
|
isThinking: !1,
|
|
577
577
|
connectionStatus: "disconnected"
|
|
578
578
|
}));
|
|
579
|
-
|
|
580
|
-
|
|
581
|
-
this.clientAudio = new
|
|
579
|
+
E(this, "agentMode", L("self"));
|
|
580
|
+
E(this, "sharedMessages", L([]));
|
|
581
|
+
this.clientAudio = new $e(t), this.setupModeWatcher();
|
|
582
582
|
}
|
|
583
583
|
get chatEnabled() {
|
|
584
584
|
const { agent: t } = this.settings;
|
|
@@ -603,8 +603,8 @@ const Pe = class Pe extends dt {
|
|
|
603
603
|
const t = this.clientAudio.getSharedAnalyser();
|
|
604
604
|
if (t)
|
|
605
605
|
try {
|
|
606
|
-
const
|
|
607
|
-
return t.getByteFrequencyData(
|
|
606
|
+
const o = new Uint8Array(t.frequencyBinCount);
|
|
607
|
+
return t.getByteFrequencyData(o), o;
|
|
608
608
|
} catch {
|
|
609
609
|
}
|
|
610
610
|
return null;
|
|
@@ -615,32 +615,32 @@ const Pe = class Pe extends dt {
|
|
|
615
615
|
isTransientError(t) {
|
|
616
616
|
return t.includes("timed out") || t.includes("starting up") || t.includes("503");
|
|
617
617
|
}
|
|
618
|
-
isDuplicateMessage(t,
|
|
619
|
-
const
|
|
620
|
-
return
|
|
618
|
+
isDuplicateMessage(t, o) {
|
|
619
|
+
const s = `${o}:${t.toLowerCase().trim()}`, i = Date.now(), a = s === this.lastMessage.hash && i - this.lastMessage.time < 500;
|
|
620
|
+
return a || (this.lastMessage = { hash: s, time: i }), a;
|
|
621
621
|
}
|
|
622
|
-
addMessage(t,
|
|
623
|
-
this.isDuplicateMessage(t,
|
|
622
|
+
addMessage(t, o) {
|
|
623
|
+
this.isDuplicateMessage(t, o) || (this.sharedMessages.value = [
|
|
624
624
|
...this.sharedMessages.value,
|
|
625
|
-
{ id: Date.now().toString(), text: t, sender:
|
|
625
|
+
{ id: Date.now().toString(), text: t, sender: o, timestamp: /* @__PURE__ */ new Date() }
|
|
626
626
|
]);
|
|
627
627
|
}
|
|
628
628
|
getDynamicSettings() {
|
|
629
|
-
const { sdk: t } = this.settings,
|
|
629
|
+
const { sdk: t } = this.settings, o = t.activeUser.value, s = o?.agents?.find((a) => a.agentId === o.primaryAgentId), i = o ? `
|
|
630
630
|
|
|
631
631
|
Current User:
|
|
632
|
-
- Name: ${
|
|
633
|
-
- Email: ${
|
|
634
|
-
- Title: ${
|
|
635
|
-
- About: ${
|
|
632
|
+
- Name: ${s?.name || "Anonymous"}
|
|
633
|
+
- Email: ${o.email}
|
|
634
|
+
- Title: ${s?.title || ""}
|
|
635
|
+
- About: ${s?.summary || ""}
|
|
636
636
|
` : "";
|
|
637
637
|
return {
|
|
638
|
-
context: `${this.settings.context || ""}${
|
|
638
|
+
context: `${this.settings.context || ""}${i}`.trim(),
|
|
639
639
|
firstMessage: this.settings.firstMessage || ""
|
|
640
640
|
};
|
|
641
641
|
}
|
|
642
|
-
updateState(t,
|
|
643
|
-
t.value = { ...t.value, ...
|
|
642
|
+
updateState(t, o) {
|
|
643
|
+
t.value = { ...t.value, ...o };
|
|
644
644
|
}
|
|
645
645
|
resetState(t) {
|
|
646
646
|
t ? this.updateState(this.textState, {
|
|
@@ -661,32 +661,32 @@ Current User:
|
|
|
661
661
|
}), this.clientAudio.resetAudioLevels());
|
|
662
662
|
}
|
|
663
663
|
setupModeWatcher() {
|
|
664
|
-
Q(this.agentMode, async (t,
|
|
665
|
-
this.logger.info(`Mode changed from ${
|
|
664
|
+
Q(this.agentMode, async (t, o) => {
|
|
665
|
+
this.logger.info(`Mode changed from ${o} to ${t}`), this.conversation && (o === "talk" || o === "chat") && await this.endConversation();
|
|
666
666
|
});
|
|
667
667
|
}
|
|
668
|
-
handleMessage(t,
|
|
669
|
-
const
|
|
670
|
-
if (
|
|
671
|
-
const
|
|
672
|
-
|
|
668
|
+
handleMessage(t, o) {
|
|
669
|
+
const s = Ft(t);
|
|
670
|
+
if (s && (o && s.sender === "user" && this.logger.info("User transcription received", { text: s.text }), this.addMessage(s.text, s.sender), !o && s.sender === "agent" && this.updateState(this.textState, { isThinking: !1 }), this.sessionId && this.hostParticipantId && this.visitorParticipantId)) {
|
|
671
|
+
const i = s.sender === "agent" ? this.hostParticipantId : this.visitorParticipantId, { sdk: a } = this.settings;
|
|
672
|
+
a.saveMessage({
|
|
673
673
|
conversationId: this.sessionId,
|
|
674
|
-
participantId:
|
|
675
|
-
content:
|
|
676
|
-
role:
|
|
674
|
+
participantId: i,
|
|
675
|
+
content: s.text,
|
|
676
|
+
role: s.sender === "agent" ? "agent" : "user"
|
|
677
677
|
}).catch((l) => {
|
|
678
678
|
this.logger.warn("Failed to save message", { error: l });
|
|
679
679
|
});
|
|
680
680
|
}
|
|
681
681
|
}
|
|
682
|
-
handleError(t,
|
|
683
|
-
const
|
|
684
|
-
this.logger.error("Conversation error:", t), this.resetState(
|
|
685
|
-
error:
|
|
682
|
+
handleError(t, o) {
|
|
683
|
+
const s = t.message;
|
|
684
|
+
this.logger.error("Conversation error:", t), this.resetState(o), o ? this.updateState(this.voiceState, {
|
|
685
|
+
error: s,
|
|
686
686
|
connectionStatus: "error",
|
|
687
687
|
transcript: "Failed to start call."
|
|
688
688
|
}) : this.updateState(this.textState, {
|
|
689
|
-
error:
|
|
689
|
+
error: s,
|
|
690
690
|
connectionStatus: "error"
|
|
691
691
|
});
|
|
692
692
|
}
|
|
@@ -713,8 +713,8 @@ Current User:
|
|
|
713
713
|
return;
|
|
714
714
|
}
|
|
715
715
|
this.isConnecting = !1, this.updateState(this.textState, { isConnected: !0, connectionStatus: "connected" }), t.onConnect?.(), this.logger.info("Text conversation ready");
|
|
716
|
-
} catch (
|
|
717
|
-
throw this.isConnecting = !1, this.handleError(
|
|
716
|
+
} catch (o) {
|
|
717
|
+
throw this.isConnecting = !1, this.handleError(o, !1), o;
|
|
718
718
|
}
|
|
719
719
|
}
|
|
720
720
|
async endConversation() {
|
|
@@ -735,8 +735,8 @@ Current User:
|
|
|
735
735
|
this.addMessage("Agent is currently offline.", "system");
|
|
736
736
|
return;
|
|
737
737
|
}
|
|
738
|
-
const { sdk:
|
|
739
|
-
if (!
|
|
738
|
+
const { sdk: o, agent: s } = this.settings;
|
|
739
|
+
if (!s.handle) {
|
|
740
740
|
this.handleError(new Error("Agent handle required for chat"), !1);
|
|
741
741
|
return;
|
|
742
742
|
}
|
|
@@ -744,29 +744,31 @@ Current User:
|
|
|
744
744
|
...this.sharedMessages.value,
|
|
745
745
|
{ id: `stream-${Date.now()}`, text: "", sender: "agent", timestamp: /* @__PURE__ */ new Date() }
|
|
746
746
|
];
|
|
747
|
+
const { context: i } = this.getDynamicSettings();
|
|
747
748
|
try {
|
|
748
|
-
await
|
|
749
|
-
handle:
|
|
749
|
+
await o.chatStream({
|
|
750
|
+
handle: s.handle,
|
|
750
751
|
message: t,
|
|
751
752
|
conversationId: this.conversationId,
|
|
752
753
|
history: this.buildHistory(),
|
|
753
|
-
visitorId:
|
|
754
|
-
|
|
755
|
-
|
|
756
|
-
|
|
754
|
+
visitorId: o.generateAnonId(),
|
|
755
|
+
context: i || void 0,
|
|
756
|
+
onDelta: /* @__PURE__ */ r((a) => {
|
|
757
|
+
const l = this.sharedMessages.value, d = l[l.length - 1];
|
|
758
|
+
d?.sender === "agent" && (d.text += a, this.sharedMessages.value = [...l]);
|
|
757
759
|
}, "onDelta"),
|
|
758
|
-
onDone: /* @__PURE__ */
|
|
759
|
-
|
|
760
|
+
onDone: /* @__PURE__ */ r((a) => {
|
|
761
|
+
a && (this.conversationId = a), this.updateState(this.textState, { isThinking: !1 });
|
|
760
762
|
}, "onDone"),
|
|
761
|
-
onError: /* @__PURE__ */
|
|
762
|
-
const
|
|
763
|
-
|
|
764
|
-
const
|
|
765
|
-
this.isTransientError(
|
|
763
|
+
onError: /* @__PURE__ */ r((a) => {
|
|
764
|
+
const l = this.sharedMessages.value, d = l[l.length - 1];
|
|
765
|
+
d?.sender === "agent" && !d.text && (this.sharedMessages.value = l.slice(0, -1));
|
|
766
|
+
const b = this.mapChatError(a);
|
|
767
|
+
this.isTransientError(a) ? (this.addMessage(b, "system"), this.updateState(this.textState, { isThinking: !1 })) : this.handleError(new Error(b), !1);
|
|
766
768
|
}, "onError")
|
|
767
769
|
});
|
|
768
|
-
} catch (
|
|
769
|
-
this.handleError(
|
|
770
|
+
} catch (a) {
|
|
771
|
+
this.handleError(a, !1);
|
|
770
772
|
}
|
|
771
773
|
}
|
|
772
774
|
buildHistory() {
|
|
@@ -798,20 +800,20 @@ Current User:
|
|
|
798
800
|
this.sessionId = void 0, this.conversationStartTime = void 0;
|
|
799
801
|
}
|
|
800
802
|
};
|
|
801
|
-
|
|
802
|
-
let
|
|
803
|
-
const Ut = /* @__PURE__ */
|
|
803
|
+
r(Ne, "AgentController");
|
|
804
|
+
let Ee = Ne;
|
|
805
|
+
const Ut = /* @__PURE__ */ R({
|
|
804
806
|
__name: "EffectTransitionList",
|
|
805
807
|
props: {
|
|
806
808
|
disabled: { type: Boolean, default: !1 },
|
|
807
809
|
mode: { default: "block" }
|
|
808
810
|
},
|
|
809
811
|
setup(e) {
|
|
810
|
-
return (n, t) => (u(),
|
|
812
|
+
return (n, t) => (u(), U(at, {
|
|
811
813
|
name: e.disabled ? "" : "nlist"
|
|
812
814
|
}, {
|
|
813
|
-
default:
|
|
814
|
-
|
|
815
|
+
default: H(() => [
|
|
816
|
+
ae(n.$slots, "default")
|
|
815
817
|
]),
|
|
816
818
|
_: 3
|
|
817
819
|
}, 8, ["name"]));
|
|
@@ -819,7 +821,7 @@ const Ut = /* @__PURE__ */ O({
|
|
|
819
821
|
}), Ht = {
|
|
820
822
|
key: 0,
|
|
821
823
|
class: "absolute inset-0 flex items-center justify-center"
|
|
822
|
-
}, ht = /* @__PURE__ */
|
|
824
|
+
}, ht = /* @__PURE__ */ R({
|
|
823
825
|
__name: "ElAgentButton",
|
|
824
826
|
props: {
|
|
825
827
|
theme: { default: "primary" },
|
|
@@ -838,33 +840,33 @@ const Ut = /* @__PURE__ */ O({
|
|
|
838
840
|
sm: "px-4 py-2 text-sm",
|
|
839
841
|
md: "px-6 py-3 text-base",
|
|
840
842
|
lg: "px-8 py-4 text-base"
|
|
841
|
-
})[e.size]),
|
|
843
|
+
})[e.size]), o = I(() => ({
|
|
842
844
|
sm: "size-4",
|
|
843
845
|
md: "size-4",
|
|
844
846
|
lg: "size-5"
|
|
845
847
|
})[e.size]);
|
|
846
|
-
return (
|
|
848
|
+
return (s, i) => (u(), h("button", {
|
|
847
849
|
class: S(["relative inline-flex items-center justify-center gap-2 font-medium rounded-full backdrop-blur-sm border-2 text-white transition-all duration-200 focus:outline-none active:opacity-80 disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer", [n.value, t.value]])
|
|
848
850
|
}, [
|
|
849
|
-
e.loading ? (u(),
|
|
850
|
-
|
|
851
|
-
])])) :
|
|
852
|
-
|
|
851
|
+
e.loading ? (u(), h("div", Ht, [...i[0] || (i[0] = [
|
|
852
|
+
c("i", { class: "i-svg-spinners-90-ring-with-bg size-5" }, null, -1)
|
|
853
|
+
])])) : T("", !0),
|
|
854
|
+
c("span", {
|
|
853
855
|
class: S(["flex items-center gap-2 transition-opacity duration-200", e.loading ? "opacity-0" : "opacity-100"])
|
|
854
856
|
}, [
|
|
855
|
-
e.icon ? (u(),
|
|
857
|
+
e.icon ? (u(), h("i", {
|
|
856
858
|
key: 0,
|
|
857
|
-
class: S([e.icon,
|
|
858
|
-
}, null, 2)) :
|
|
859
|
-
|
|
860
|
-
e.iconAfter ? (u(),
|
|
859
|
+
class: S([e.icon, o.value])
|
|
860
|
+
}, null, 2)) : T("", !0),
|
|
861
|
+
ae(s.$slots, "default"),
|
|
862
|
+
e.iconAfter ? (u(), h("i", {
|
|
861
863
|
key: 1,
|
|
862
|
-
class: S([e.iconAfter,
|
|
863
|
-
}, null, 2)) :
|
|
864
|
+
class: S([e.iconAfter, o.value])
|
|
865
|
+
}, null, 2)) : T("", !0)
|
|
864
866
|
], 2)
|
|
865
867
|
], 2));
|
|
866
868
|
}
|
|
867
|
-
}), Wt = ["value"], qt = /* @__PURE__ */
|
|
869
|
+
}), Wt = ["value"], qt = /* @__PURE__ */ R({
|
|
868
870
|
__name: "AgentInputEmail",
|
|
869
871
|
props: {
|
|
870
872
|
modelValue: { default: "" }
|
|
@@ -872,17 +874,17 @@ const Ut = /* @__PURE__ */ O({
|
|
|
872
874
|
emits: ["update:modelValue"],
|
|
873
875
|
setup(e, { emit: n }) {
|
|
874
876
|
const t = n;
|
|
875
|
-
return (
|
|
877
|
+
return (o, s) => (u(), h("input", {
|
|
876
878
|
type: "email",
|
|
877
879
|
autocomplete: "email",
|
|
878
880
|
placeholder: "Enter Your Email",
|
|
879
881
|
value: e.modelValue,
|
|
880
882
|
class: "w-full px-6 py-3 text-theme-900 placeholder-theme-500 bg-white border border-white rounded-full focus:outline-none transition-all",
|
|
881
883
|
style: { "font-size": "16px" },
|
|
882
|
-
onInput:
|
|
884
|
+
onInput: s[0] || (s[0] = (i) => t("update:modelValue", i.target.value))
|
|
883
885
|
}, null, 40, Wt));
|
|
884
886
|
}
|
|
885
|
-
}), Zt = { class: "flex gap-1.5 justify-center" }, Kt = ["onUpdate:modelValue", "onInput", "onKeydown", "onPaste", "onFocus"], Yt = /* @__PURE__ */
|
|
887
|
+
}), Zt = { class: "flex gap-1.5 justify-center" }, Kt = ["onUpdate:modelValue", "onInput", "onKeydown", "onPaste", "onFocus"], Yt = /* @__PURE__ */ R({
|
|
886
888
|
__name: "AgentInputOneTimeCode",
|
|
887
889
|
props: {
|
|
888
890
|
modelValue: {},
|
|
@@ -891,167 +893,167 @@ const Ut = /* @__PURE__ */ O({
|
|
|
891
893
|
},
|
|
892
894
|
emits: ["update:modelValue", "autoSubmit"],
|
|
893
895
|
setup(e, { emit: n }) {
|
|
894
|
-
const t = e,
|
|
895
|
-
|
|
896
|
-
t.modelValue && (
|
|
897
|
-
}), Q(() => t.modelValue, (
|
|
898
|
-
|
|
899
|
-
}), Q(
|
|
900
|
-
const
|
|
901
|
-
|
|
896
|
+
const t = e, o = n, s = L([]), i = L(Array.from({ length: t.length }).fill("")), a = L(!1);
|
|
897
|
+
ue(() => {
|
|
898
|
+
t.modelValue && (i.value = t.modelValue.split("").slice(0, t.length)), t.focusFirst && !("ontouchstart" in window) && s.value[0]?.focus();
|
|
899
|
+
}), Q(() => t.modelValue, (f) => {
|
|
900
|
+
i.value = f ? f.split("").slice(0, t.length) : Array.from({ length: t.length }).fill("");
|
|
901
|
+
}), Q(i, () => {
|
|
902
|
+
const f = i.value.filter(Boolean).join("");
|
|
903
|
+
o("update:modelValue", f), f.length === t.length && o("autoSubmit", f);
|
|
902
904
|
}, { deep: !0 });
|
|
903
|
-
function l(
|
|
904
|
-
|
|
905
|
-
const A = (
|
|
905
|
+
function l(f, p) {
|
|
906
|
+
p.preventDefault(), a.value = !0;
|
|
907
|
+
const A = (p.clipboardData?.getData("text") || "").replace(/\D/g, "");
|
|
906
908
|
if (A.length === t.length)
|
|
907
|
-
|
|
908
|
-
|
|
909
|
+
i.value = A.split(""), setTimeout(() => {
|
|
910
|
+
s.value[t.length - 1]?.focus(), a.value = !1;
|
|
909
911
|
}, 10);
|
|
910
912
|
else {
|
|
911
|
-
const v = [...
|
|
912
|
-
A.split("").slice(0, t.length -
|
|
913
|
-
v[
|
|
914
|
-
}),
|
|
915
|
-
const M = Math.min(
|
|
913
|
+
const v = [...i.value];
|
|
914
|
+
A.split("").slice(0, t.length - f).forEach((z, O) => {
|
|
915
|
+
v[f + O] = z;
|
|
916
|
+
}), i.value = v;
|
|
917
|
+
const M = Math.min(f + A.length, t.length - 1);
|
|
916
918
|
setTimeout(() => {
|
|
917
|
-
|
|
919
|
+
s.value[M]?.focus(), a.value = !1;
|
|
918
920
|
}, 10);
|
|
919
921
|
}
|
|
920
922
|
}
|
|
921
|
-
|
|
922
|
-
function
|
|
923
|
-
const A =
|
|
924
|
-
|
|
923
|
+
r(l, "onPaste");
|
|
924
|
+
function d(f, p) {
|
|
925
|
+
const A = p.target.value.slice(-1).replace(/\D/g, "");
|
|
926
|
+
i.value[f] = A, A && f < t.length - 1 && s.value[f + 1]?.focus();
|
|
925
927
|
}
|
|
926
|
-
|
|
927
|
-
function
|
|
928
|
-
|
|
928
|
+
r(d, "onInput");
|
|
929
|
+
function b(f, p) {
|
|
930
|
+
p.key === "Backspace" ? (p.preventDefault(), i.value[f] = "", f > 0 && s.value[f - 1]?.focus()) : p.key === "ArrowLeft" && f > 0 ? s.value[f - 1]?.focus() : p.key === "ArrowRight" && f < t.length - 1 && s.value[f + 1]?.focus();
|
|
929
931
|
}
|
|
930
|
-
|
|
931
|
-
function x(
|
|
932
|
-
if (
|
|
933
|
-
for (let
|
|
934
|
-
|
|
932
|
+
r(b, "onKeydown");
|
|
933
|
+
function x(f) {
|
|
934
|
+
if (s.value[f]?.select(), !a.value && i.value[f])
|
|
935
|
+
for (let p = f; p < t.length; p++)
|
|
936
|
+
i.value[p] = "";
|
|
935
937
|
}
|
|
936
|
-
return
|
|
937
|
-
(u(!0),
|
|
938
|
+
return r(x, "onFocus"), (f, p) => (u(), h("div", Zt, [
|
|
939
|
+
(u(!0), h(K, null, he(e.length, (A) => it((u(), h("input", {
|
|
938
940
|
key: A,
|
|
939
941
|
ref_for: !0,
|
|
940
|
-
ref: /* @__PURE__ */
|
|
941
|
-
"onUpdate:modelValue": /* @__PURE__ */
|
|
942
|
+
ref: /* @__PURE__ */ r((v) => s.value[A - 1] = v, "ref"),
|
|
943
|
+
"onUpdate:modelValue": /* @__PURE__ */ r((v) => i.value[A - 1] = v, "onUpdate:modelValue"),
|
|
942
944
|
type: "text",
|
|
943
945
|
inputmode: "numeric",
|
|
944
946
|
autocomplete: "one-time-code",
|
|
945
947
|
class: "size-11 text-center font-mono text-theme-900 bg-white border border-white rounded-lg focus:outline-none transition-all",
|
|
946
948
|
style: { "font-size": "16px" },
|
|
947
949
|
maxlength: "1",
|
|
948
|
-
onInput: /* @__PURE__ */
|
|
949
|
-
onKeydown: /* @__PURE__ */
|
|
950
|
-
onPaste: /* @__PURE__ */
|
|
951
|
-
onFocus: /* @__PURE__ */
|
|
950
|
+
onInput: /* @__PURE__ */ r((v) => d(A - 1, v), "onInput"),
|
|
951
|
+
onKeydown: /* @__PURE__ */ r((v) => b(A - 1, v), "onKeydown"),
|
|
952
|
+
onPaste: /* @__PURE__ */ r((v) => l(A - 1, v), "onPaste"),
|
|
953
|
+
onFocus: /* @__PURE__ */ r((v) => x(A - 1), "onFocus")
|
|
952
954
|
}, null, 40, Kt)), [
|
|
953
|
-
[
|
|
955
|
+
[lt, i.value[A - 1]]
|
|
954
956
|
])), 128))
|
|
955
957
|
]));
|
|
956
958
|
}
|
|
957
959
|
}), Jt = ["data-test-mode"], Qt = { class: "w-full max-w-xs space-y-12" }, Xt = {
|
|
958
960
|
key: 0,
|
|
959
961
|
class: "text-xs text-theme-400 text-center"
|
|
960
|
-
}, _t = { class: "text-base font-light text-white text-center" },
|
|
962
|
+
}, _t = { class: "text-base font-light text-white text-center" }, eo = { class: "space-y-6 relative" }, to = {
|
|
961
963
|
key: "email-field",
|
|
962
964
|
class: "w-full"
|
|
963
|
-
},
|
|
965
|
+
}, oo = {
|
|
964
966
|
key: "code-field",
|
|
965
967
|
class: "w-full"
|
|
966
|
-
},
|
|
968
|
+
}, Qe = /* @__PURE__ */ R({
|
|
967
969
|
__name: "ElAuthGate",
|
|
968
970
|
props: {
|
|
969
971
|
sdk: {}
|
|
970
972
|
},
|
|
971
973
|
setup(e) {
|
|
972
|
-
const n = L({ email: "", code: "" }), t = L("email"),
|
|
974
|
+
const n = L({ email: "", code: "" }), t = L("email"), o = L(!1), s = {
|
|
973
975
|
email: {
|
|
974
976
|
title: "Enter Your Email",
|
|
975
|
-
button: { label: "Continue", disabled: /* @__PURE__ */
|
|
976
|
-
action: /* @__PURE__ */
|
|
977
|
-
if (!
|
|
978
|
-
|
|
977
|
+
button: { label: "Continue", disabled: /* @__PURE__ */ r(() => !n.value.email || o.value, "disabled") },
|
|
978
|
+
action: /* @__PURE__ */ r(async () => {
|
|
979
|
+
if (!o.value) {
|
|
980
|
+
o.value = !0;
|
|
979
981
|
try {
|
|
980
982
|
await e.sdk.requestAuthCode({ email: n.value.email }) && (t.value = "code");
|
|
981
983
|
} finally {
|
|
982
|
-
|
|
984
|
+
o.value = !1;
|
|
983
985
|
}
|
|
984
986
|
}
|
|
985
987
|
}, "action")
|
|
986
988
|
},
|
|
987
989
|
code: {
|
|
988
990
|
title: "Enter Verification Code",
|
|
989
|
-
button: { label: "Verify", disabled: /* @__PURE__ */
|
|
990
|
-
action: /* @__PURE__ */
|
|
991
|
-
if (!
|
|
992
|
-
|
|
991
|
+
button: { label: "Verify", disabled: /* @__PURE__ */ r(() => n.value.code.length !== 6 || o.value, "disabled") },
|
|
992
|
+
action: /* @__PURE__ */ r(async () => {
|
|
993
|
+
if (!o.value) {
|
|
994
|
+
o.value = !0;
|
|
993
995
|
try {
|
|
994
996
|
await e.sdk.loginWithCode({ email: n.value.email, code: n.value.code });
|
|
995
997
|
} finally {
|
|
996
|
-
|
|
998
|
+
o.value = !1;
|
|
997
999
|
}
|
|
998
1000
|
}
|
|
999
1001
|
}, "action")
|
|
1000
1002
|
}
|
|
1001
|
-
},
|
|
1002
|
-
return Q(() => e.sdk.activeUser.value, (
|
|
1003
|
-
|
|
1004
|
-
}), (
|
|
1003
|
+
}, i = I(() => s[t.value]);
|
|
1004
|
+
return Q(() => e.sdk.activeUser.value, (a) => {
|
|
1005
|
+
a && t.value === "code" && console.log("[ElAuthGate] Authentication successful", { email: a.email });
|
|
1006
|
+
}), (a, l) => (u(), h("div", {
|
|
1005
1007
|
"data-test": "auth-form",
|
|
1006
1008
|
"data-test-mode": t.value,
|
|
1007
1009
|
class: "flex flex-col items-center justify-center h-full p-6"
|
|
1008
1010
|
}, [
|
|
1009
|
-
|
|
1010
|
-
e.sdk.error.value ? (u(),
|
|
1011
|
-
|
|
1012
|
-
|
|
1013
|
-
|
|
1014
|
-
default:
|
|
1015
|
-
t.value === "email" ? (u(),
|
|
1016
|
-
|
|
1011
|
+
c("div", Qt, [
|
|
1012
|
+
e.sdk.error.value ? (u(), h("p", Xt, N(e.sdk.error.value), 1)) : T("", !0),
|
|
1013
|
+
c("h3", _t, N(i.value.title), 1),
|
|
1014
|
+
c("div", eo, [
|
|
1015
|
+
P(Ut, null, {
|
|
1016
|
+
default: H(() => [
|
|
1017
|
+
t.value === "email" ? (u(), h("div", to, [
|
|
1018
|
+
P(qt, {
|
|
1017
1019
|
modelValue: n.value.email,
|
|
1018
|
-
"onUpdate:modelValue": l[0] || (l[0] = (
|
|
1020
|
+
"onUpdate:modelValue": l[0] || (l[0] = (d) => n.value.email = d),
|
|
1019
1021
|
"data-test": "auth-email-input",
|
|
1020
|
-
onKeyup: Tt(
|
|
1022
|
+
onKeyup: Tt(i.value.action, ["enter"])
|
|
1021
1023
|
}, null, 8, ["modelValue", "onKeyup"])
|
|
1022
|
-
])) : (u(),
|
|
1023
|
-
|
|
1024
|
+
])) : (u(), h("div", oo, [
|
|
1025
|
+
P(Yt, {
|
|
1024
1026
|
modelValue: n.value.code,
|
|
1025
|
-
"onUpdate:modelValue": l[1] || (l[1] = (
|
|
1027
|
+
"onUpdate:modelValue": l[1] || (l[1] = (d) => n.value.code = d),
|
|
1026
1028
|
length: 6,
|
|
1027
1029
|
"focus-first": !0,
|
|
1028
1030
|
"data-test": "auth-code-input",
|
|
1029
|
-
onAutoSubmit:
|
|
1031
|
+
onAutoSubmit: i.value.action
|
|
1030
1032
|
}, null, 8, ["modelValue", "onAutoSubmit"])
|
|
1031
1033
|
])),
|
|
1032
|
-
(u(),
|
|
1033
|
-
key:
|
|
1034
|
+
(u(), h("div", {
|
|
1035
|
+
key: i.value.button.label,
|
|
1034
1036
|
class: "space-y-4 w-full"
|
|
1035
1037
|
}, [
|
|
1036
|
-
|
|
1038
|
+
P(ht, {
|
|
1037
1039
|
theme: "primary",
|
|
1038
1040
|
size: "md",
|
|
1039
1041
|
class: "w-full",
|
|
1040
1042
|
"data-test": "auth-submit",
|
|
1041
1043
|
loading: e.sdk.loading.value,
|
|
1042
|
-
disabled:
|
|
1043
|
-
onClick:
|
|
1044
|
+
disabled: i.value.button.disabled() || e.sdk.loading.value,
|
|
1045
|
+
onClick: i.value.action
|
|
1044
1046
|
}, {
|
|
1045
|
-
default:
|
|
1046
|
-
ce(
|
|
1047
|
+
default: H(() => [
|
|
1048
|
+
ce(N(i.value.button.label), 1)
|
|
1047
1049
|
]),
|
|
1048
1050
|
_: 1
|
|
1049
1051
|
}, 8, ["loading", "disabled", "onClick"]),
|
|
1050
|
-
t.value === "code" ? (u(),
|
|
1052
|
+
t.value === "code" ? (u(), h("button", {
|
|
1051
1053
|
key: 0,
|
|
1052
1054
|
class: "w-full text-xs text-white/50 hover:text-white/70 transition-colors py-2",
|
|
1053
|
-
onClick: l[2] || (l[2] = (
|
|
1054
|
-
}, " Change Email ")) :
|
|
1055
|
+
onClick: l[2] || (l[2] = (d) => t.value = "email")
|
|
1056
|
+
}, " Change Email ")) : T("", !0)
|
|
1055
1057
|
]))
|
|
1056
1058
|
]),
|
|
1057
1059
|
_: 1
|
|
@@ -1060,10 +1062,10 @@ const Ut = /* @__PURE__ */ O({
|
|
|
1060
1062
|
])
|
|
1061
1063
|
], 8, Jt));
|
|
1062
1064
|
}
|
|
1063
|
-
}),
|
|
1065
|
+
}), ro = { class: "relative flex-shrink-0" }, no = ["src", "alt"], so = {
|
|
1064
1066
|
key: 0,
|
|
1065
1067
|
class: "absolute top-1 right-1"
|
|
1066
|
-
},
|
|
1068
|
+
}, ao = { class: "min-w-0" }, Ve = /* @__PURE__ */ R({
|
|
1067
1069
|
__name: "ElModeHeader",
|
|
1068
1070
|
props: {
|
|
1069
1071
|
agent: {},
|
|
@@ -1073,336 +1075,336 @@ const Ut = /* @__PURE__ */ O({
|
|
|
1073
1075
|
},
|
|
1074
1076
|
setup(e) {
|
|
1075
1077
|
function n() {
|
|
1076
|
-
return e.agent.avatar?.src ? e.agent.avatar.src :
|
|
1078
|
+
return e.agent.avatar?.src ? e.agent.avatar.src : de();
|
|
1077
1079
|
}
|
|
1078
|
-
return
|
|
1080
|
+
return r(n, "getAvatarSrc"), (t, o) => (u(), h("div", {
|
|
1079
1081
|
class: S(["flex gap-4", [
|
|
1080
1082
|
e.layout === "centered" ? "flex-col items-center text-center" : "flex-row items-center justify-center"
|
|
1081
1083
|
]])
|
|
1082
1084
|
}, [
|
|
1083
|
-
|
|
1084
|
-
|
|
1085
|
+
c("div", ro, [
|
|
1086
|
+
c("div", {
|
|
1085
1087
|
class: S(["rounded-full overflow-hidden border-white", e.size === "lg" ? "w-20 h-20 sm:w-24 sm:h-24 border-4" : "w-16 sm:size-16 border-2"])
|
|
1086
1088
|
}, [
|
|
1087
|
-
|
|
1089
|
+
c("img", {
|
|
1088
1090
|
src: n(),
|
|
1089
1091
|
alt: e.agent.name,
|
|
1090
1092
|
class: "w-full h-full object-cover",
|
|
1091
|
-
onError:
|
|
1092
|
-
(...
|
|
1093
|
-
}, null, 40,
|
|
1093
|
+
onError: o[0] || (o[0] = //@ts-ignore
|
|
1094
|
+
(...s) => j(ye) && j(ye)(...s))
|
|
1095
|
+
}, null, 40, no)
|
|
1094
1096
|
], 2),
|
|
1095
|
-
e.showOnlineIndicator ? (u(),
|
|
1096
|
-
|
|
1097
|
+
e.showOnlineIndicator ? (u(), h("div", so, [...o[1] || (o[1] = [
|
|
1098
|
+
c("div", {
|
|
1097
1099
|
class: "size-3 bg-green-500 rounded-full ring-2 ring-white absolute animate-ping",
|
|
1098
1100
|
style: { "animation-duration": "3s" }
|
|
1099
1101
|
}, null, -1),
|
|
1100
|
-
|
|
1101
|
-
])])) :
|
|
1102
|
+
c("div", { class: "size-3 bg-green-500 rounded-full ring-2 ring-white" }, null, -1)
|
|
1103
|
+
])])) : T("", !0)
|
|
1102
1104
|
]),
|
|
1103
|
-
|
|
1104
|
-
|
|
1105
|
+
c("div", ao, [
|
|
1106
|
+
c("h1", {
|
|
1105
1107
|
class: S(["font-light text-white mb-1 truncate", [
|
|
1106
1108
|
e.size === "lg" ? "text-3xl mb-2" : "text-xl sm:text-2xl tracking-wide leading-tight",
|
|
1107
1109
|
e.layout === "horizontal" ? "text-white/95" : ""
|
|
1108
1110
|
]])
|
|
1109
|
-
},
|
|
1110
|
-
|
|
1111
|
+
}, N(e.agent.name), 3),
|
|
1112
|
+
c("p", {
|
|
1111
1113
|
class: S(["font-light line-clamp-1", [
|
|
1112
1114
|
e.size === "lg" ? "text-base text-white/60" : "text-sm sm:text-base",
|
|
1113
1115
|
e.layout === "horizontal" ? "text-white/70 truncate" : "text-white/60"
|
|
1114
1116
|
]])
|
|
1115
|
-
},
|
|
1117
|
+
}, N(e.layout === "horizontal" ? e.agent.title || "Digital Agent" : e.agent.title), 3)
|
|
1116
1118
|
])
|
|
1117
1119
|
], 2));
|
|
1118
1120
|
}
|
|
1119
|
-
}),
|
|
1121
|
+
}), io = /* @__PURE__ */ r((e, n) => {
|
|
1120
1122
|
const t = new Array(e.length + n.length);
|
|
1121
|
-
for (let
|
|
1122
|
-
t[
|
|
1123
|
-
for (let
|
|
1124
|
-
t[e.length +
|
|
1123
|
+
for (let o = 0; o < e.length; o++)
|
|
1124
|
+
t[o] = e[o];
|
|
1125
|
+
for (let o = 0; o < n.length; o++)
|
|
1126
|
+
t[e.length + o] = n[o];
|
|
1125
1127
|
return t;
|
|
1126
|
-
}, "concatArrays"),
|
|
1128
|
+
}, "concatArrays"), lo = /* @__PURE__ */ r((e, n) => ({
|
|
1127
1129
|
classGroupId: e,
|
|
1128
1130
|
validator: n
|
|
1129
|
-
}), "createClassValidatorObject"), gt = /* @__PURE__ */
|
|
1131
|
+
}), "createClassValidatorObject"), gt = /* @__PURE__ */ r((e = /* @__PURE__ */ new Map(), n = null, t) => ({
|
|
1130
1132
|
nextPart: e,
|
|
1131
1133
|
validators: n,
|
|
1132
1134
|
classGroupId: t
|
|
1133
|
-
}), "createClassPartObject"),
|
|
1134
|
-
const n =
|
|
1135
|
+
}), "createClassPartObject"), we = "-", Xe = [], co = "arbitrary..", uo = /* @__PURE__ */ r((e) => {
|
|
1136
|
+
const n = go(e), {
|
|
1135
1137
|
conflictingClassGroups: t,
|
|
1136
|
-
conflictingClassGroupModifiers:
|
|
1138
|
+
conflictingClassGroupModifiers: o
|
|
1137
1139
|
} = e;
|
|
1138
1140
|
return {
|
|
1139
|
-
getClassGroupId: /* @__PURE__ */
|
|
1140
|
-
if (
|
|
1141
|
-
return
|
|
1142
|
-
const l =
|
|
1143
|
-
return mt(l,
|
|
1141
|
+
getClassGroupId: /* @__PURE__ */ r((a) => {
|
|
1142
|
+
if (a.startsWith("[") && a.endsWith("]"))
|
|
1143
|
+
return ho(a);
|
|
1144
|
+
const l = a.split(we), d = l[0] === "" && l.length > 1 ? 1 : 0;
|
|
1145
|
+
return mt(l, d, n);
|
|
1144
1146
|
}, "getClassGroupId"),
|
|
1145
|
-
getConflictingClassGroupIds: /* @__PURE__ */
|
|
1147
|
+
getConflictingClassGroupIds: /* @__PURE__ */ r((a, l) => {
|
|
1146
1148
|
if (l) {
|
|
1147
|
-
const
|
|
1148
|
-
return
|
|
1149
|
+
const d = o[a], b = t[a];
|
|
1150
|
+
return d ? b ? io(b, d) : d : b || Xe;
|
|
1149
1151
|
}
|
|
1150
|
-
return t[
|
|
1152
|
+
return t[a] || Xe;
|
|
1151
1153
|
}, "getConflictingClassGroupIds")
|
|
1152
1154
|
};
|
|
1153
|
-
}, "createClassGroupUtils"), mt = /* @__PURE__ */
|
|
1155
|
+
}, "createClassGroupUtils"), mt = /* @__PURE__ */ r((e, n, t) => {
|
|
1154
1156
|
if (e.length - n === 0)
|
|
1155
1157
|
return t.classGroupId;
|
|
1156
|
-
const
|
|
1157
|
-
if (
|
|
1158
|
-
const
|
|
1159
|
-
if (
|
|
1158
|
+
const s = e[n], i = t.nextPart.get(s);
|
|
1159
|
+
if (i) {
|
|
1160
|
+
const b = mt(e, n + 1, i);
|
|
1161
|
+
if (b) return b;
|
|
1160
1162
|
}
|
|
1161
|
-
const
|
|
1162
|
-
if (
|
|
1163
|
+
const a = t.validators;
|
|
1164
|
+
if (a === null)
|
|
1163
1165
|
return;
|
|
1164
|
-
const l = n === 0 ? e.join(
|
|
1165
|
-
for (let
|
|
1166
|
-
const x =
|
|
1166
|
+
const l = n === 0 ? e.join(we) : e.slice(n).join(we), d = a.length;
|
|
1167
|
+
for (let b = 0; b < d; b++) {
|
|
1168
|
+
const x = a[b];
|
|
1167
1169
|
if (x.validator(l))
|
|
1168
1170
|
return x.classGroupId;
|
|
1169
1171
|
}
|
|
1170
|
-
}, "getGroupRecursive"),
|
|
1171
|
-
const n = e.slice(1, -1), t = n.indexOf(":"),
|
|
1172
|
-
return
|
|
1173
|
-
})(), "getGroupIdForArbitraryProperty"),
|
|
1172
|
+
}, "getGroupRecursive"), ho = /* @__PURE__ */ r((e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
|
|
1173
|
+
const n = e.slice(1, -1), t = n.indexOf(":"), o = n.slice(0, t);
|
|
1174
|
+
return o ? co + o : void 0;
|
|
1175
|
+
})(), "getGroupIdForArbitraryProperty"), go = /* @__PURE__ */ r((e) => {
|
|
1174
1176
|
const {
|
|
1175
1177
|
theme: n,
|
|
1176
1178
|
classGroups: t
|
|
1177
1179
|
} = e;
|
|
1178
|
-
return
|
|
1179
|
-
}, "createClassMap"),
|
|
1180
|
+
return mo(t, n);
|
|
1181
|
+
}, "createClassMap"), mo = /* @__PURE__ */ r((e, n) => {
|
|
1180
1182
|
const t = gt();
|
|
1181
|
-
for (const
|
|
1182
|
-
const
|
|
1183
|
-
|
|
1183
|
+
for (const o in e) {
|
|
1184
|
+
const s = e[o];
|
|
1185
|
+
je(s, t, o, n);
|
|
1184
1186
|
}
|
|
1185
1187
|
return t;
|
|
1186
|
-
}, "processClassGroups"),
|
|
1187
|
-
const
|
|
1188
|
-
for (let
|
|
1189
|
-
const
|
|
1190
|
-
|
|
1188
|
+
}, "processClassGroups"), je = /* @__PURE__ */ r((e, n, t, o) => {
|
|
1189
|
+
const s = e.length;
|
|
1190
|
+
for (let i = 0; i < s; i++) {
|
|
1191
|
+
const a = e[i];
|
|
1192
|
+
fo(a, n, t, o);
|
|
1191
1193
|
}
|
|
1192
|
-
}, "processClassesRecursively"),
|
|
1194
|
+
}, "processClassesRecursively"), fo = /* @__PURE__ */ r((e, n, t, o) => {
|
|
1193
1195
|
if (typeof e == "string") {
|
|
1194
|
-
|
|
1196
|
+
bo(e, n, t);
|
|
1195
1197
|
return;
|
|
1196
1198
|
}
|
|
1197
1199
|
if (typeof e == "function") {
|
|
1198
|
-
|
|
1200
|
+
po(e, n, t, o);
|
|
1199
1201
|
return;
|
|
1200
1202
|
}
|
|
1201
|
-
|
|
1202
|
-
}, "processClassDefinition"),
|
|
1203
|
-
const
|
|
1204
|
-
|
|
1205
|
-
}, "processStringDefinition"),
|
|
1206
|
-
if (
|
|
1207
|
-
|
|
1203
|
+
vo(e, n, t, o);
|
|
1204
|
+
}, "processClassDefinition"), bo = /* @__PURE__ */ r((e, n, t) => {
|
|
1205
|
+
const o = e === "" ? n : ft(n, e);
|
|
1206
|
+
o.classGroupId = t;
|
|
1207
|
+
}, "processStringDefinition"), po = /* @__PURE__ */ r((e, n, t, o) => {
|
|
1208
|
+
if (xo(e)) {
|
|
1209
|
+
je(e(o), n, t, o);
|
|
1208
1210
|
return;
|
|
1209
1211
|
}
|
|
1210
|
-
n.validators === null && (n.validators = []), n.validators.push(
|
|
1211
|
-
}, "processFunctionDefinition"),
|
|
1212
|
-
const
|
|
1213
|
-
for (let
|
|
1214
|
-
const [l,
|
|
1215
|
-
|
|
1212
|
+
n.validators === null && (n.validators = []), n.validators.push(lo(t, e));
|
|
1213
|
+
}, "processFunctionDefinition"), vo = /* @__PURE__ */ r((e, n, t, o) => {
|
|
1214
|
+
const s = Object.entries(e), i = s.length;
|
|
1215
|
+
for (let a = 0; a < i; a++) {
|
|
1216
|
+
const [l, d] = s[a];
|
|
1217
|
+
je(d, ft(n, l), t, o);
|
|
1216
1218
|
}
|
|
1217
|
-
}, "processObjectDefinition"),
|
|
1219
|
+
}, "processObjectDefinition"), ft = /* @__PURE__ */ r((e, n) => {
|
|
1218
1220
|
let t = e;
|
|
1219
|
-
const
|
|
1220
|
-
for (let
|
|
1221
|
-
const
|
|
1222
|
-
let l = t.nextPart.get(
|
|
1223
|
-
l || (l = gt(), t.nextPart.set(
|
|
1221
|
+
const o = n.split(we), s = o.length;
|
|
1222
|
+
for (let i = 0; i < s; i++) {
|
|
1223
|
+
const a = o[i];
|
|
1224
|
+
let l = t.nextPart.get(a);
|
|
1225
|
+
l || (l = gt(), t.nextPart.set(a, l)), t = l;
|
|
1224
1226
|
}
|
|
1225
1227
|
return t;
|
|
1226
|
-
}, "getPart"),
|
|
1228
|
+
}, "getPart"), xo = /* @__PURE__ */ r((e) => "isThemeGetter" in e && e.isThemeGetter === !0, "isThemeGetter"), ko = /* @__PURE__ */ r((e) => {
|
|
1227
1229
|
if (e < 1)
|
|
1228
1230
|
return {
|
|
1229
|
-
get: /* @__PURE__ */
|
|
1231
|
+
get: /* @__PURE__ */ r(() => {
|
|
1230
1232
|
}, "get"),
|
|
1231
|
-
set: /* @__PURE__ */
|
|
1233
|
+
set: /* @__PURE__ */ r(() => {
|
|
1232
1234
|
}, "set")
|
|
1233
1235
|
};
|
|
1234
|
-
let n = 0, t = /* @__PURE__ */ Object.create(null),
|
|
1235
|
-
const
|
|
1236
|
-
t[
|
|
1236
|
+
let n = 0, t = /* @__PURE__ */ Object.create(null), o = /* @__PURE__ */ Object.create(null);
|
|
1237
|
+
const s = /* @__PURE__ */ r((i, a) => {
|
|
1238
|
+
t[i] = a, n++, n > e && (n = 0, o = t, t = /* @__PURE__ */ Object.create(null));
|
|
1237
1239
|
}, "update");
|
|
1238
1240
|
return {
|
|
1239
|
-
get(
|
|
1240
|
-
let
|
|
1241
|
-
if (
|
|
1242
|
-
return
|
|
1243
|
-
if ((
|
|
1244
|
-
return
|
|
1241
|
+
get(i) {
|
|
1242
|
+
let a = t[i];
|
|
1243
|
+
if (a !== void 0)
|
|
1244
|
+
return a;
|
|
1245
|
+
if ((a = o[i]) !== void 0)
|
|
1246
|
+
return s(i, a), a;
|
|
1245
1247
|
},
|
|
1246
|
-
set(
|
|
1247
|
-
|
|
1248
|
+
set(i, a) {
|
|
1249
|
+
i in t ? t[i] = a : s(i, a);
|
|
1248
1250
|
}
|
|
1249
1251
|
};
|
|
1250
|
-
}, "createLruCache"),
|
|
1252
|
+
}, "createLruCache"), De = "!", _e = ":", yo = [], et = /* @__PURE__ */ r((e, n, t, o, s) => ({
|
|
1251
1253
|
modifiers: e,
|
|
1252
1254
|
hasImportantModifier: n,
|
|
1253
1255
|
baseClassName: t,
|
|
1254
|
-
maybePostfixModifierPosition:
|
|
1255
|
-
isExternal:
|
|
1256
|
-
}), "createResultObject"),
|
|
1256
|
+
maybePostfixModifierPosition: o,
|
|
1257
|
+
isExternal: s
|
|
1258
|
+
}), "createResultObject"), wo = /* @__PURE__ */ r((e) => {
|
|
1257
1259
|
const {
|
|
1258
1260
|
prefix: n,
|
|
1259
1261
|
experimentalParseClassName: t
|
|
1260
1262
|
} = e;
|
|
1261
|
-
let
|
|
1262
|
-
const
|
|
1263
|
-
let
|
|
1264
|
-
const x =
|
|
1263
|
+
let o = /* @__PURE__ */ r((s) => {
|
|
1264
|
+
const i = [];
|
|
1265
|
+
let a = 0, l = 0, d = 0, b;
|
|
1266
|
+
const x = s.length;
|
|
1265
1267
|
for (let M = 0; M < x; M++) {
|
|
1266
|
-
const z =
|
|
1267
|
-
if (
|
|
1268
|
-
if (z ===
|
|
1269
|
-
|
|
1268
|
+
const z = s[M];
|
|
1269
|
+
if (a === 0 && l === 0) {
|
|
1270
|
+
if (z === _e) {
|
|
1271
|
+
i.push(s.slice(d, M)), d = M + 1;
|
|
1270
1272
|
continue;
|
|
1271
1273
|
}
|
|
1272
1274
|
if (z === "/") {
|
|
1273
|
-
|
|
1275
|
+
b = M;
|
|
1274
1276
|
continue;
|
|
1275
1277
|
}
|
|
1276
1278
|
}
|
|
1277
|
-
z === "[" ?
|
|
1279
|
+
z === "[" ? a++ : z === "]" ? a-- : z === "(" ? l++ : z === ")" && l--;
|
|
1278
1280
|
}
|
|
1279
|
-
const
|
|
1280
|
-
let
|
|
1281
|
-
|
|
1281
|
+
const f = i.length === 0 ? s : s.slice(d);
|
|
1282
|
+
let p = f, A = !1;
|
|
1283
|
+
f.endsWith(De) ? (p = f.slice(0, -1), A = !0) : (
|
|
1282
1284
|
/**
|
|
1283
1285
|
* In Tailwind CSS v3 the important modifier was at the start of the base class name. This is still supported for legacy reasons.
|
|
1284
1286
|
* @see https://github.com/dcastil/tailwind-merge/issues/513#issuecomment-2614029864
|
|
1285
1287
|
*/
|
|
1286
|
-
|
|
1288
|
+
f.startsWith(De) && (p = f.slice(1), A = !0)
|
|
1287
1289
|
);
|
|
1288
|
-
const v =
|
|
1289
|
-
return
|
|
1290
|
+
const v = b && b > d ? b - d : void 0;
|
|
1291
|
+
return et(i, A, p, v);
|
|
1290
1292
|
}, "parseClassName");
|
|
1291
1293
|
if (n) {
|
|
1292
|
-
const
|
|
1293
|
-
|
|
1294
|
+
const s = n + _e, i = o;
|
|
1295
|
+
o = /* @__PURE__ */ r((a) => a.startsWith(s) ? i(a.slice(s.length)) : et(yo, !1, a, void 0, !0), "parseClassName");
|
|
1294
1296
|
}
|
|
1295
1297
|
if (t) {
|
|
1296
|
-
const
|
|
1297
|
-
|
|
1298
|
-
className:
|
|
1299
|
-
parseClassName:
|
|
1298
|
+
const s = o;
|
|
1299
|
+
o = /* @__PURE__ */ r((i) => t({
|
|
1300
|
+
className: i,
|
|
1301
|
+
parseClassName: s
|
|
1300
1302
|
}), "parseClassName");
|
|
1301
1303
|
}
|
|
1302
|
-
return
|
|
1303
|
-
}, "createParseClassName"),
|
|
1304
|
+
return o;
|
|
1305
|
+
}, "createParseClassName"), Co = /* @__PURE__ */ r((e) => {
|
|
1304
1306
|
const n = /* @__PURE__ */ new Map();
|
|
1305
|
-
return e.orderSensitiveModifiers.forEach((t,
|
|
1306
|
-
n.set(t, 1e6 +
|
|
1307
|
+
return e.orderSensitiveModifiers.forEach((t, o) => {
|
|
1308
|
+
n.set(t, 1e6 + o);
|
|
1307
1309
|
}), (t) => {
|
|
1308
|
-
const
|
|
1309
|
-
let
|
|
1310
|
-
for (let
|
|
1311
|
-
const
|
|
1312
|
-
l ||
|
|
1310
|
+
const o = [];
|
|
1311
|
+
let s = [];
|
|
1312
|
+
for (let i = 0; i < t.length; i++) {
|
|
1313
|
+
const a = t[i], l = a[0] === "[", d = n.has(a);
|
|
1314
|
+
l || d ? (s.length > 0 && (s.sort(), o.push(...s), s = []), o.push(a)) : s.push(a);
|
|
1313
1315
|
}
|
|
1314
|
-
return
|
|
1316
|
+
return s.length > 0 && (s.sort(), o.push(...s)), o;
|
|
1315
1317
|
};
|
|
1316
|
-
}, "createSortModifiers"),
|
|
1317
|
-
cache:
|
|
1318
|
-
parseClassName:
|
|
1319
|
-
sortModifiers:
|
|
1320
|
-
...
|
|
1321
|
-
}), "createConfigUtils"),
|
|
1318
|
+
}, "createSortModifiers"), Ao = /* @__PURE__ */ r((e) => ({
|
|
1319
|
+
cache: ko(e.cacheSize),
|
|
1320
|
+
parseClassName: wo(e),
|
|
1321
|
+
sortModifiers: Co(e),
|
|
1322
|
+
...uo(e)
|
|
1323
|
+
}), "createConfigUtils"), So = /\s+/, Io = /* @__PURE__ */ r((e, n) => {
|
|
1322
1324
|
const {
|
|
1323
1325
|
parseClassName: t,
|
|
1324
|
-
getClassGroupId:
|
|
1325
|
-
getConflictingClassGroupIds:
|
|
1326
|
-
sortModifiers:
|
|
1327
|
-
} = n,
|
|
1328
|
-
let
|
|
1329
|
-
for (let
|
|
1330
|
-
const x = l[
|
|
1331
|
-
isExternal:
|
|
1332
|
-
modifiers:
|
|
1326
|
+
getClassGroupId: o,
|
|
1327
|
+
getConflictingClassGroupIds: s,
|
|
1328
|
+
sortModifiers: i
|
|
1329
|
+
} = n, a = [], l = e.trim().split(So);
|
|
1330
|
+
let d = "";
|
|
1331
|
+
for (let b = l.length - 1; b >= 0; b -= 1) {
|
|
1332
|
+
const x = l[b], {
|
|
1333
|
+
isExternal: f,
|
|
1334
|
+
modifiers: p,
|
|
1333
1335
|
hasImportantModifier: A,
|
|
1334
1336
|
baseClassName: v,
|
|
1335
1337
|
maybePostfixModifierPosition: M
|
|
1336
1338
|
} = t(x);
|
|
1337
|
-
if (
|
|
1338
|
-
|
|
1339
|
+
if (f) {
|
|
1340
|
+
d = x + (d.length > 0 ? " " + d : d);
|
|
1339
1341
|
continue;
|
|
1340
1342
|
}
|
|
1341
|
-
let z = !!M,
|
|
1342
|
-
if (!
|
|
1343
|
+
let z = !!M, O = o(z ? v.substring(0, M) : v);
|
|
1344
|
+
if (!O) {
|
|
1343
1345
|
if (!z) {
|
|
1344
|
-
|
|
1346
|
+
d = x + (d.length > 0 ? " " + d : d);
|
|
1345
1347
|
continue;
|
|
1346
1348
|
}
|
|
1347
|
-
if (
|
|
1348
|
-
|
|
1349
|
+
if (O = o(v), !O) {
|
|
1350
|
+
d = x + (d.length > 0 ? " " + d : d);
|
|
1349
1351
|
continue;
|
|
1350
1352
|
}
|
|
1351
1353
|
z = !1;
|
|
1352
1354
|
}
|
|
1353
|
-
const
|
|
1354
|
-
if (
|
|
1355
|
+
const $ = p.length === 0 ? "" : p.length === 1 ? p[0] : i(p).join(":"), y = A ? $ + De : $, D = y + O;
|
|
1356
|
+
if (a.indexOf(D) > -1)
|
|
1355
1357
|
continue;
|
|
1356
|
-
|
|
1357
|
-
const
|
|
1358
|
-
for (let _ = 0; _ <
|
|
1359
|
-
const ie =
|
|
1360
|
-
|
|
1358
|
+
a.push(D);
|
|
1359
|
+
const Y = s(O, z);
|
|
1360
|
+
for (let _ = 0; _ < Y.length; ++_) {
|
|
1361
|
+
const ie = Y[_];
|
|
1362
|
+
a.push(y + ie);
|
|
1361
1363
|
}
|
|
1362
|
-
|
|
1364
|
+
d = x + (d.length > 0 ? " " + d : d);
|
|
1363
1365
|
}
|
|
1364
|
-
return
|
|
1365
|
-
}, "mergeClassList"),
|
|
1366
|
-
let n = 0, t,
|
|
1366
|
+
return d;
|
|
1367
|
+
}, "mergeClassList"), Mo = /* @__PURE__ */ r((...e) => {
|
|
1368
|
+
let n = 0, t, o, s = "";
|
|
1367
1369
|
for (; n < e.length; )
|
|
1368
|
-
(t = e[n++]) && (
|
|
1369
|
-
return
|
|
1370
|
-
}, "twJoin"),
|
|
1370
|
+
(t = e[n++]) && (o = bt(t)) && (s && (s += " "), s += o);
|
|
1371
|
+
return s;
|
|
1372
|
+
}, "twJoin"), bt = /* @__PURE__ */ r((e) => {
|
|
1371
1373
|
if (typeof e == "string")
|
|
1372
1374
|
return e;
|
|
1373
1375
|
let n, t = "";
|
|
1374
|
-
for (let
|
|
1375
|
-
e[
|
|
1376
|
+
for (let o = 0; o < e.length; o++)
|
|
1377
|
+
e[o] && (n = bt(e[o])) && (t && (t += " "), t += n);
|
|
1376
1378
|
return t;
|
|
1377
|
-
}, "toValue"),
|
|
1378
|
-
let t,
|
|
1379
|
-
const
|
|
1380
|
-
const
|
|
1381
|
-
return t =
|
|
1382
|
-
}, "initTailwindMerge"), l = /* @__PURE__ */
|
|
1383
|
-
const
|
|
1384
|
-
if (
|
|
1385
|
-
return
|
|
1386
|
-
const x =
|
|
1387
|
-
return
|
|
1379
|
+
}, "toValue"), zo = /* @__PURE__ */ r((e, ...n) => {
|
|
1380
|
+
let t, o, s, i;
|
|
1381
|
+
const a = /* @__PURE__ */ r((d) => {
|
|
1382
|
+
const b = n.reduce((x, f) => f(x), e());
|
|
1383
|
+
return t = Ao(b), o = t.cache.get, s = t.cache.set, i = l, l(d);
|
|
1384
|
+
}, "initTailwindMerge"), l = /* @__PURE__ */ r((d) => {
|
|
1385
|
+
const b = o(d);
|
|
1386
|
+
if (b)
|
|
1387
|
+
return b;
|
|
1388
|
+
const x = Io(d, t);
|
|
1389
|
+
return s(d, x), x;
|
|
1388
1390
|
}, "tailwindMerge");
|
|
1389
|
-
return
|
|
1390
|
-
}, "createTailwindMerge"),
|
|
1391
|
-
const n = /* @__PURE__ */
|
|
1391
|
+
return i = a, (...d) => i(Mo(...d));
|
|
1392
|
+
}, "createTailwindMerge"), To = [], V = /* @__PURE__ */ r((e) => {
|
|
1393
|
+
const n = /* @__PURE__ */ r((t) => t[e] || To, "themeGetter");
|
|
1392
1394
|
return n.isThemeGetter = !0, n;
|
|
1393
|
-
}, "fromTheme"), pt = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, vt = /^\((?:(\w[\w-]*):)?(.+)\)$/i,
|
|
1395
|
+
}, "fromTheme"), pt = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, vt = /^\((?:(\w[\w-]*):)?(.+)\)$/i, $o = /^\d+\/\d+$/, Eo = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Do = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, Lo = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Vo = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, jo = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, ne = /* @__PURE__ */ r((e) => $o.test(e), "isFraction"), C = /* @__PURE__ */ r((e) => !!e && !Number.isNaN(Number(e)), "isNumber"), J = /* @__PURE__ */ r((e) => !!e && Number.isInteger(Number(e)), "isInteger"), Me = /* @__PURE__ */ r((e) => e.endsWith("%") && C(e.slice(0, -1)), "isPercent"), Z = /* @__PURE__ */ r((e) => Eo.test(e), "isTshirtSize"), xt = /* @__PURE__ */ r(() => !0, "isAny"), Po = /* @__PURE__ */ r((e) => (
|
|
1394
1396
|
// `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
|
|
1395
1397
|
// For example, `hsl(0 0% 0%)` would be classified as a length without this check.
|
|
1396
1398
|
// I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
|
|
1397
|
-
|
|
1398
|
-
), "isLengthOnly"),
|
|
1399
|
-
const
|
|
1400
|
-
return
|
|
1401
|
-
}, "getIsArbitraryValue"),
|
|
1402
|
-
const
|
|
1403
|
-
return
|
|
1404
|
-
}, "getIsArbitraryVariable"), kt = /* @__PURE__ */
|
|
1405
|
-
const e =
|
|
1399
|
+
Do.test(e) && !Lo.test(e)
|
|
1400
|
+
), "isLengthOnly"), Pe = /* @__PURE__ */ r(() => !1, "isNever"), Bo = /* @__PURE__ */ r((e) => Vo.test(e), "isShadow"), No = /* @__PURE__ */ r((e) => jo.test(e), "isImage"), Oo = /* @__PURE__ */ r((e) => !g(e) && !m(e), "isAnyNonArbitrary"), Ro = /* @__PURE__ */ r((e) => X(e, wt, Pe), "isArbitrarySize"), g = /* @__PURE__ */ r((e) => pt.test(e), "isArbitraryValue"), te = /* @__PURE__ */ r((e) => X(e, Ct, Po), "isArbitraryLength"), tt = /* @__PURE__ */ r((e) => X(e, Ko, C), "isArbitraryNumber"), Fo = /* @__PURE__ */ r((e) => X(e, St, xt), "isArbitraryWeight"), Go = /* @__PURE__ */ r((e) => X(e, At, Pe), "isArbitraryFamilyName"), ot = /* @__PURE__ */ r((e) => X(e, kt, Pe), "isArbitraryPosition"), Uo = /* @__PURE__ */ r((e) => X(e, yt, No), "isArbitraryImage"), ve = /* @__PURE__ */ r((e) => X(e, It, Bo), "isArbitraryShadow"), m = /* @__PURE__ */ r((e) => vt.test(e), "isArbitraryVariable"), le = /* @__PURE__ */ r((e) => oe(e, Ct), "isArbitraryVariableLength"), Ho = /* @__PURE__ */ r((e) => oe(e, At), "isArbitraryVariableFamilyName"), rt = /* @__PURE__ */ r((e) => oe(e, kt), "isArbitraryVariablePosition"), Wo = /* @__PURE__ */ r((e) => oe(e, wt), "isArbitraryVariableSize"), qo = /* @__PURE__ */ r((e) => oe(e, yt), "isArbitraryVariableImage"), xe = /* @__PURE__ */ r((e) => oe(e, It, !0), "isArbitraryVariableShadow"), Zo = /* @__PURE__ */ r((e) => oe(e, St, !0), "isArbitraryVariableWeight"), X = /* @__PURE__ */ r((e, n, t) => {
|
|
1401
|
+
const o = pt.exec(e);
|
|
1402
|
+
return o ? o[1] ? n(o[1]) : t(o[2]) : !1;
|
|
1403
|
+
}, "getIsArbitraryValue"), oe = /* @__PURE__ */ r((e, n, t = !1) => {
|
|
1404
|
+
const o = vt.exec(e);
|
|
1405
|
+
return o ? o[1] ? n(o[1]) : t : !1;
|
|
1406
|
+
}, "getIsArbitraryVariable"), kt = /* @__PURE__ */ r((e) => e === "position" || e === "percentage", "isLabelPosition"), yt = /* @__PURE__ */ r((e) => e === "image" || e === "url", "isLabelImage"), wt = /* @__PURE__ */ r((e) => e === "length" || e === "size" || e === "bg-size", "isLabelSize"), Ct = /* @__PURE__ */ r((e) => e === "length", "isLabelLength"), Ko = /* @__PURE__ */ r((e) => e === "number", "isLabelNumber"), At = /* @__PURE__ */ r((e) => e === "family-name", "isLabelFamilyName"), St = /* @__PURE__ */ r((e) => e === "number" || e === "weight", "isLabelWeight"), It = /* @__PURE__ */ r((e) => e === "shadow", "isLabelShadow"), Yo = /* @__PURE__ */ r(() => {
|
|
1407
|
+
const e = V("color"), n = V("font"), t = V("text"), o = V("font-weight"), s = V("tracking"), i = V("leading"), a = V("breakpoint"), l = V("container"), d = V("spacing"), b = V("radius"), x = V("shadow"), f = V("inset-shadow"), p = V("text-shadow"), A = V("drop-shadow"), v = V("blur"), M = V("perspective"), z = V("aspect"), O = V("ease"), $ = V("animate"), y = /* @__PURE__ */ r(() => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], "scaleBreak"), D = /* @__PURE__ */ r(() => [
|
|
1406
1408
|
"center",
|
|
1407
1409
|
"top",
|
|
1408
1410
|
"bottom",
|
|
@@ -1420,51 +1422,51 @@ const Ut = /* @__PURE__ */ O({
|
|
|
1420
1422
|
"bottom-left",
|
|
1421
1423
|
// Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
|
|
1422
1424
|
"left-bottom"
|
|
1423
|
-
], "scalePosition"),
|
|
1424
|
-
span: ["full",
|
|
1425
|
-
},
|
|
1426
|
-
position: [
|
|
1427
|
-
}], "scaleBgPosition"),
|
|
1425
|
+
], "scalePosition"), Y = /* @__PURE__ */ r(() => [...D(), m, g], "scalePositionWithArbitrary"), _ = /* @__PURE__ */ r(() => ["auto", "hidden", "clip", "visible", "scroll"], "scaleOverflow"), ie = /* @__PURE__ */ r(() => ["auto", "contain", "none"], "scaleOverscroll"), w = /* @__PURE__ */ r(() => [m, g, d], "scaleUnambiguousSpacing"), W = /* @__PURE__ */ r(() => [ne, "full", "auto", ...w()], "scaleInset"), Oe = /* @__PURE__ */ r(() => [J, "none", "subgrid", m, g], "scaleGridTemplateColsRows"), Re = /* @__PURE__ */ r(() => ["auto", {
|
|
1426
|
+
span: ["full", J, m, g]
|
|
1427
|
+
}, J, m, g], "scaleGridColRowStartAndEnd"), ge = /* @__PURE__ */ r(() => [J, "auto", m, g], "scaleGridColRowStartOrEnd"), Fe = /* @__PURE__ */ r(() => ["auto", "min", "max", "fr", m, g], "scaleGridAutoColsRows"), Ce = /* @__PURE__ */ r(() => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], "scaleAlignPrimaryAxis"), re = /* @__PURE__ */ r(() => ["start", "end", "center", "stretch", "center-safe", "end-safe"], "scaleAlignSecondaryAxis"), q = /* @__PURE__ */ r(() => ["auto", ...w()], "scaleMargin"), ee = /* @__PURE__ */ r(() => [ne, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...w()], "scaleSizing"), k = /* @__PURE__ */ r(() => [e, m, g], "scaleColor"), Ge = /* @__PURE__ */ r(() => [...D(), rt, ot, {
|
|
1428
|
+
position: [m, g]
|
|
1429
|
+
}], "scaleBgPosition"), Ue = /* @__PURE__ */ r(() => ["no-repeat", {
|
|
1428
1430
|
repeat: ["", "x", "y", "space", "round"]
|
|
1429
|
-
}], "scaleBgRepeat"),
|
|
1430
|
-
size: [
|
|
1431
|
-
}], "scaleBgSize"),
|
|
1431
|
+
}], "scaleBgRepeat"), He = /* @__PURE__ */ r(() => ["auto", "cover", "contain", Wo, Ro, {
|
|
1432
|
+
size: [m, g]
|
|
1433
|
+
}], "scaleBgSize"), Ae = /* @__PURE__ */ r(() => [Me, le, te], "scaleGradientStopPosition"), F = /* @__PURE__ */ r(() => [
|
|
1432
1434
|
// Deprecated since Tailwind CSS v4.0.0
|
|
1433
1435
|
"",
|
|
1434
1436
|
"none",
|
|
1435
1437
|
"full",
|
|
1436
|
-
|
|
1437
|
-
|
|
1438
|
-
|
|
1439
|
-
], "scaleRadius"), G = /* @__PURE__ */
|
|
1438
|
+
b,
|
|
1439
|
+
m,
|
|
1440
|
+
g
|
|
1441
|
+
], "scaleRadius"), G = /* @__PURE__ */ r(() => ["", C, le, te], "scaleBorderWidth"), me = /* @__PURE__ */ r(() => ["solid", "dashed", "dotted", "double"], "scaleLineStyle"), We = /* @__PURE__ */ r(() => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], "scaleBlendMode"), B = /* @__PURE__ */ r(() => [C, Me, rt, ot], "scaleMaskImagePosition"), qe = /* @__PURE__ */ r(() => [
|
|
1440
1442
|
// Deprecated since Tailwind CSS v4.0.0
|
|
1441
1443
|
"",
|
|
1442
1444
|
"none",
|
|
1443
1445
|
v,
|
|
1444
|
-
|
|
1445
|
-
|
|
1446
|
-
], "scaleBlur"),
|
|
1446
|
+
m,
|
|
1447
|
+
g
|
|
1448
|
+
], "scaleBlur"), fe = /* @__PURE__ */ r(() => ["none", C, m, g], "scaleRotate"), be = /* @__PURE__ */ r(() => ["none", C, m, g], "scaleScale"), Se = /* @__PURE__ */ r(() => [C, m, g], "scaleSkew"), pe = /* @__PURE__ */ r(() => [ne, "full", ...w()], "scaleTranslate");
|
|
1447
1449
|
return {
|
|
1448
1450
|
cacheSize: 500,
|
|
1449
1451
|
theme: {
|
|
1450
1452
|
animate: ["spin", "ping", "pulse", "bounce"],
|
|
1451
1453
|
aspect: ["video"],
|
|
1452
|
-
blur: [
|
|
1453
|
-
breakpoint: [
|
|
1454
|
+
blur: [Z],
|
|
1455
|
+
breakpoint: [Z],
|
|
1454
1456
|
color: [xt],
|
|
1455
|
-
container: [
|
|
1456
|
-
"drop-shadow": [
|
|
1457
|
+
container: [Z],
|
|
1458
|
+
"drop-shadow": [Z],
|
|
1457
1459
|
ease: ["in", "out", "in-out"],
|
|
1458
|
-
font: [
|
|
1460
|
+
font: [Oo],
|
|
1459
1461
|
"font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
|
|
1460
|
-
"inset-shadow": [
|
|
1462
|
+
"inset-shadow": [Z],
|
|
1461
1463
|
leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
|
|
1462
1464
|
perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
|
|
1463
|
-
radius: [
|
|
1464
|
-
shadow: [
|
|
1465
|
+
radius: [Z],
|
|
1466
|
+
shadow: [Z],
|
|
1465
1467
|
spacing: ["px", C],
|
|
1466
|
-
text: [
|
|
1467
|
-
"text-shadow": [
|
|
1468
|
+
text: [Z],
|
|
1469
|
+
"text-shadow": [Z],
|
|
1468
1470
|
tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
|
|
1469
1471
|
},
|
|
1470
1472
|
classGroups: {
|
|
@@ -1476,7 +1478,7 @@ const Ut = /* @__PURE__ */ O({
|
|
|
1476
1478
|
* @see https://tailwindcss.com/docs/aspect-ratio
|
|
1477
1479
|
*/
|
|
1478
1480
|
aspect: [{
|
|
1479
|
-
aspect: ["auto", "square", ne,
|
|
1481
|
+
aspect: ["auto", "square", ne, g, m, z]
|
|
1480
1482
|
}],
|
|
1481
1483
|
/**
|
|
1482
1484
|
* Container
|
|
@@ -1489,21 +1491,21 @@ const Ut = /* @__PURE__ */ O({
|
|
|
1489
1491
|
* @see https://tailwindcss.com/docs/columns
|
|
1490
1492
|
*/
|
|
1491
1493
|
columns: [{
|
|
1492
|
-
columns: [C,
|
|
1494
|
+
columns: [C, g, m, l]
|
|
1493
1495
|
}],
|
|
1494
1496
|
/**
|
|
1495
1497
|
* Break After
|
|
1496
1498
|
* @see https://tailwindcss.com/docs/break-after
|
|
1497
1499
|
*/
|
|
1498
1500
|
"break-after": [{
|
|
1499
|
-
"break-after":
|
|
1501
|
+
"break-after": y()
|
|
1500
1502
|
}],
|
|
1501
1503
|
/**
|
|
1502
1504
|
* Break Before
|
|
1503
1505
|
* @see https://tailwindcss.com/docs/break-before
|
|
1504
1506
|
*/
|
|
1505
1507
|
"break-before": [{
|
|
1506
|
-
"break-before":
|
|
1508
|
+
"break-before": y()
|
|
1507
1509
|
}],
|
|
1508
1510
|
/**
|
|
1509
1511
|
* Break Inside
|
|
@@ -1567,7 +1569,7 @@ const Ut = /* @__PURE__ */ O({
|
|
|
1567
1569
|
* @see https://tailwindcss.com/docs/object-position
|
|
1568
1570
|
*/
|
|
1569
1571
|
"object-position": [{
|
|
1570
|
-
object:
|
|
1572
|
+
object: Y()
|
|
1571
1573
|
}],
|
|
1572
1574
|
/**
|
|
1573
1575
|
* Overflow
|
|
@@ -1621,63 +1623,63 @@ const Ut = /* @__PURE__ */ O({
|
|
|
1621
1623
|
* @see https://tailwindcss.com/docs/top-right-bottom-left
|
|
1622
1624
|
*/
|
|
1623
1625
|
inset: [{
|
|
1624
|
-
inset:
|
|
1626
|
+
inset: W()
|
|
1625
1627
|
}],
|
|
1626
1628
|
/**
|
|
1627
1629
|
* Right / Left
|
|
1628
1630
|
* @see https://tailwindcss.com/docs/top-right-bottom-left
|
|
1629
1631
|
*/
|
|
1630
1632
|
"inset-x": [{
|
|
1631
|
-
"inset-x":
|
|
1633
|
+
"inset-x": W()
|
|
1632
1634
|
}],
|
|
1633
1635
|
/**
|
|
1634
1636
|
* Top / Bottom
|
|
1635
1637
|
* @see https://tailwindcss.com/docs/top-right-bottom-left
|
|
1636
1638
|
*/
|
|
1637
1639
|
"inset-y": [{
|
|
1638
|
-
"inset-y":
|
|
1640
|
+
"inset-y": W()
|
|
1639
1641
|
}],
|
|
1640
1642
|
/**
|
|
1641
1643
|
* Start
|
|
1642
1644
|
* @see https://tailwindcss.com/docs/top-right-bottom-left
|
|
1643
1645
|
*/
|
|
1644
1646
|
start: [{
|
|
1645
|
-
start:
|
|
1647
|
+
start: W()
|
|
1646
1648
|
}],
|
|
1647
1649
|
/**
|
|
1648
1650
|
* End
|
|
1649
1651
|
* @see https://tailwindcss.com/docs/top-right-bottom-left
|
|
1650
1652
|
*/
|
|
1651
1653
|
end: [{
|
|
1652
|
-
end:
|
|
1654
|
+
end: W()
|
|
1653
1655
|
}],
|
|
1654
1656
|
/**
|
|
1655
1657
|
* Top
|
|
1656
1658
|
* @see https://tailwindcss.com/docs/top-right-bottom-left
|
|
1657
1659
|
*/
|
|
1658
1660
|
top: [{
|
|
1659
|
-
top:
|
|
1661
|
+
top: W()
|
|
1660
1662
|
}],
|
|
1661
1663
|
/**
|
|
1662
1664
|
* Right
|
|
1663
1665
|
* @see https://tailwindcss.com/docs/top-right-bottom-left
|
|
1664
1666
|
*/
|
|
1665
1667
|
right: [{
|
|
1666
|
-
right:
|
|
1668
|
+
right: W()
|
|
1667
1669
|
}],
|
|
1668
1670
|
/**
|
|
1669
1671
|
* Bottom
|
|
1670
1672
|
* @see https://tailwindcss.com/docs/top-right-bottom-left
|
|
1671
1673
|
*/
|
|
1672
1674
|
bottom: [{
|
|
1673
|
-
bottom:
|
|
1675
|
+
bottom: W()
|
|
1674
1676
|
}],
|
|
1675
1677
|
/**
|
|
1676
1678
|
* Left
|
|
1677
1679
|
* @see https://tailwindcss.com/docs/top-right-bottom-left
|
|
1678
1680
|
*/
|
|
1679
1681
|
left: [{
|
|
1680
|
-
left:
|
|
1682
|
+
left: W()
|
|
1681
1683
|
}],
|
|
1682
1684
|
/**
|
|
1683
1685
|
* Visibility
|
|
@@ -1689,7 +1691,7 @@ const Ut = /* @__PURE__ */ O({
|
|
|
1689
1691
|
* @see https://tailwindcss.com/docs/z-index
|
|
1690
1692
|
*/
|
|
1691
1693
|
z: [{
|
|
1692
|
-
z: [
|
|
1694
|
+
z: [J, "auto", m, g]
|
|
1693
1695
|
}],
|
|
1694
1696
|
// ------------------------
|
|
1695
1697
|
// --- Flexbox and Grid ---
|
|
@@ -1699,7 +1701,7 @@ const Ut = /* @__PURE__ */ O({
|
|
|
1699
1701
|
* @see https://tailwindcss.com/docs/flex-basis
|
|
1700
1702
|
*/
|
|
1701
1703
|
basis: [{
|
|
1702
|
-
basis: [ne, "full", "auto", l, ...
|
|
1704
|
+
basis: [ne, "full", "auto", l, ...w()]
|
|
1703
1705
|
}],
|
|
1704
1706
|
/**
|
|
1705
1707
|
* Flex Direction
|
|
@@ -1720,84 +1722,84 @@ const Ut = /* @__PURE__ */ O({
|
|
|
1720
1722
|
* @see https://tailwindcss.com/docs/flex
|
|
1721
1723
|
*/
|
|
1722
1724
|
flex: [{
|
|
1723
|
-
flex: [C, ne, "auto", "initial", "none",
|
|
1725
|
+
flex: [C, ne, "auto", "initial", "none", g]
|
|
1724
1726
|
}],
|
|
1725
1727
|
/**
|
|
1726
1728
|
* Flex Grow
|
|
1727
1729
|
* @see https://tailwindcss.com/docs/flex-grow
|
|
1728
1730
|
*/
|
|
1729
1731
|
grow: [{
|
|
1730
|
-
grow: ["", C,
|
|
1732
|
+
grow: ["", C, m, g]
|
|
1731
1733
|
}],
|
|
1732
1734
|
/**
|
|
1733
1735
|
* Flex Shrink
|
|
1734
1736
|
* @see https://tailwindcss.com/docs/flex-shrink
|
|
1735
1737
|
*/
|
|
1736
1738
|
shrink: [{
|
|
1737
|
-
shrink: ["", C,
|
|
1739
|
+
shrink: ["", C, m, g]
|
|
1738
1740
|
}],
|
|
1739
1741
|
/**
|
|
1740
1742
|
* Order
|
|
1741
1743
|
* @see https://tailwindcss.com/docs/order
|
|
1742
1744
|
*/
|
|
1743
1745
|
order: [{
|
|
1744
|
-
order: [
|
|
1746
|
+
order: [J, "first", "last", "none", m, g]
|
|
1745
1747
|
}],
|
|
1746
1748
|
/**
|
|
1747
1749
|
* Grid Template Columns
|
|
1748
1750
|
* @see https://tailwindcss.com/docs/grid-template-columns
|
|
1749
1751
|
*/
|
|
1750
1752
|
"grid-cols": [{
|
|
1751
|
-
"grid-cols":
|
|
1753
|
+
"grid-cols": Oe()
|
|
1752
1754
|
}],
|
|
1753
1755
|
/**
|
|
1754
1756
|
* Grid Column Start / End
|
|
1755
1757
|
* @see https://tailwindcss.com/docs/grid-column
|
|
1756
1758
|
*/
|
|
1757
1759
|
"col-start-end": [{
|
|
1758
|
-
col:
|
|
1760
|
+
col: Re()
|
|
1759
1761
|
}],
|
|
1760
1762
|
/**
|
|
1761
1763
|
* Grid Column Start
|
|
1762
1764
|
* @see https://tailwindcss.com/docs/grid-column
|
|
1763
1765
|
*/
|
|
1764
1766
|
"col-start": [{
|
|
1765
|
-
"col-start":
|
|
1767
|
+
"col-start": ge()
|
|
1766
1768
|
}],
|
|
1767
1769
|
/**
|
|
1768
1770
|
* Grid Column End
|
|
1769
1771
|
* @see https://tailwindcss.com/docs/grid-column
|
|
1770
1772
|
*/
|
|
1771
1773
|
"col-end": [{
|
|
1772
|
-
"col-end":
|
|
1774
|
+
"col-end": ge()
|
|
1773
1775
|
}],
|
|
1774
1776
|
/**
|
|
1775
1777
|
* Grid Template Rows
|
|
1776
1778
|
* @see https://tailwindcss.com/docs/grid-template-rows
|
|
1777
1779
|
*/
|
|
1778
1780
|
"grid-rows": [{
|
|
1779
|
-
"grid-rows":
|
|
1781
|
+
"grid-rows": Oe()
|
|
1780
1782
|
}],
|
|
1781
1783
|
/**
|
|
1782
1784
|
* Grid Row Start / End
|
|
1783
1785
|
* @see https://tailwindcss.com/docs/grid-row
|
|
1784
1786
|
*/
|
|
1785
1787
|
"row-start-end": [{
|
|
1786
|
-
row:
|
|
1788
|
+
row: Re()
|
|
1787
1789
|
}],
|
|
1788
1790
|
/**
|
|
1789
1791
|
* Grid Row Start
|
|
1790
1792
|
* @see https://tailwindcss.com/docs/grid-row
|
|
1791
1793
|
*/
|
|
1792
1794
|
"row-start": [{
|
|
1793
|
-
"row-start":
|
|
1795
|
+
"row-start": ge()
|
|
1794
1796
|
}],
|
|
1795
1797
|
/**
|
|
1796
1798
|
* Grid Row End
|
|
1797
1799
|
* @see https://tailwindcss.com/docs/grid-row
|
|
1798
1800
|
*/
|
|
1799
1801
|
"row-end": [{
|
|
1800
|
-
"row-end":
|
|
1802
|
+
"row-end": ge()
|
|
1801
1803
|
}],
|
|
1802
1804
|
/**
|
|
1803
1805
|
* Grid Auto Flow
|
|
@@ -1811,70 +1813,70 @@ const Ut = /* @__PURE__ */ O({
|
|
|
1811
1813
|
* @see https://tailwindcss.com/docs/grid-auto-columns
|
|
1812
1814
|
*/
|
|
1813
1815
|
"auto-cols": [{
|
|
1814
|
-
"auto-cols":
|
|
1816
|
+
"auto-cols": Fe()
|
|
1815
1817
|
}],
|
|
1816
1818
|
/**
|
|
1817
1819
|
* Grid Auto Rows
|
|
1818
1820
|
* @see https://tailwindcss.com/docs/grid-auto-rows
|
|
1819
1821
|
*/
|
|
1820
1822
|
"auto-rows": [{
|
|
1821
|
-
"auto-rows":
|
|
1823
|
+
"auto-rows": Fe()
|
|
1822
1824
|
}],
|
|
1823
1825
|
/**
|
|
1824
1826
|
* Gap
|
|
1825
1827
|
* @see https://tailwindcss.com/docs/gap
|
|
1826
1828
|
*/
|
|
1827
1829
|
gap: [{
|
|
1828
|
-
gap:
|
|
1830
|
+
gap: w()
|
|
1829
1831
|
}],
|
|
1830
1832
|
/**
|
|
1831
1833
|
* Gap X
|
|
1832
1834
|
* @see https://tailwindcss.com/docs/gap
|
|
1833
1835
|
*/
|
|
1834
1836
|
"gap-x": [{
|
|
1835
|
-
"gap-x":
|
|
1837
|
+
"gap-x": w()
|
|
1836
1838
|
}],
|
|
1837
1839
|
/**
|
|
1838
1840
|
* Gap Y
|
|
1839
1841
|
* @see https://tailwindcss.com/docs/gap
|
|
1840
1842
|
*/
|
|
1841
1843
|
"gap-y": [{
|
|
1842
|
-
"gap-y":
|
|
1844
|
+
"gap-y": w()
|
|
1843
1845
|
}],
|
|
1844
1846
|
/**
|
|
1845
1847
|
* Justify Content
|
|
1846
1848
|
* @see https://tailwindcss.com/docs/justify-content
|
|
1847
1849
|
*/
|
|
1848
1850
|
"justify-content": [{
|
|
1849
|
-
justify: [...
|
|
1851
|
+
justify: [...Ce(), "normal"]
|
|
1850
1852
|
}],
|
|
1851
1853
|
/**
|
|
1852
1854
|
* Justify Items
|
|
1853
1855
|
* @see https://tailwindcss.com/docs/justify-items
|
|
1854
1856
|
*/
|
|
1855
1857
|
"justify-items": [{
|
|
1856
|
-
"justify-items": [...
|
|
1858
|
+
"justify-items": [...re(), "normal"]
|
|
1857
1859
|
}],
|
|
1858
1860
|
/**
|
|
1859
1861
|
* Justify Self
|
|
1860
1862
|
* @see https://tailwindcss.com/docs/justify-self
|
|
1861
1863
|
*/
|
|
1862
1864
|
"justify-self": [{
|
|
1863
|
-
"justify-self": ["auto", ...
|
|
1865
|
+
"justify-self": ["auto", ...re()]
|
|
1864
1866
|
}],
|
|
1865
1867
|
/**
|
|
1866
1868
|
* Align Content
|
|
1867
1869
|
* @see https://tailwindcss.com/docs/align-content
|
|
1868
1870
|
*/
|
|
1869
1871
|
"align-content": [{
|
|
1870
|
-
content: ["normal", ...
|
|
1872
|
+
content: ["normal", ...Ce()]
|
|
1871
1873
|
}],
|
|
1872
1874
|
/**
|
|
1873
1875
|
* Align Items
|
|
1874
1876
|
* @see https://tailwindcss.com/docs/align-items
|
|
1875
1877
|
*/
|
|
1876
1878
|
"align-items": [{
|
|
1877
|
-
items: [...
|
|
1879
|
+
items: [...re(), {
|
|
1878
1880
|
baseline: ["", "last"]
|
|
1879
1881
|
}]
|
|
1880
1882
|
}],
|
|
@@ -1883,7 +1885,7 @@ const Ut = /* @__PURE__ */ O({
|
|
|
1883
1885
|
* @see https://tailwindcss.com/docs/align-self
|
|
1884
1886
|
*/
|
|
1885
1887
|
"align-self": [{
|
|
1886
|
-
self: ["auto", ...
|
|
1888
|
+
self: ["auto", ...re(), {
|
|
1887
1889
|
baseline: ["", "last"]
|
|
1888
1890
|
}]
|
|
1889
1891
|
}],
|
|
@@ -1892,21 +1894,21 @@ const Ut = /* @__PURE__ */ O({
|
|
|
1892
1894
|
* @see https://tailwindcss.com/docs/place-content
|
|
1893
1895
|
*/
|
|
1894
1896
|
"place-content": [{
|
|
1895
|
-
"place-content":
|
|
1897
|
+
"place-content": Ce()
|
|
1896
1898
|
}],
|
|
1897
1899
|
/**
|
|
1898
1900
|
* Place Items
|
|
1899
1901
|
* @see https://tailwindcss.com/docs/place-items
|
|
1900
1902
|
*/
|
|
1901
1903
|
"place-items": [{
|
|
1902
|
-
"place-items": [...
|
|
1904
|
+
"place-items": [...re(), "baseline"]
|
|
1903
1905
|
}],
|
|
1904
1906
|
/**
|
|
1905
1907
|
* Place Self
|
|
1906
1908
|
* @see https://tailwindcss.com/docs/place-self
|
|
1907
1909
|
*/
|
|
1908
1910
|
"place-self": [{
|
|
1909
|
-
"place-self": ["auto", ...
|
|
1911
|
+
"place-self": ["auto", ...re()]
|
|
1910
1912
|
}],
|
|
1911
1913
|
// Spacing
|
|
1912
1914
|
/**
|
|
@@ -1914,133 +1916,133 @@ const Ut = /* @__PURE__ */ O({
|
|
|
1914
1916
|
* @see https://tailwindcss.com/docs/padding
|
|
1915
1917
|
*/
|
|
1916
1918
|
p: [{
|
|
1917
|
-
p:
|
|
1919
|
+
p: w()
|
|
1918
1920
|
}],
|
|
1919
1921
|
/**
|
|
1920
1922
|
* Padding X
|
|
1921
1923
|
* @see https://tailwindcss.com/docs/padding
|
|
1922
1924
|
*/
|
|
1923
1925
|
px: [{
|
|
1924
|
-
px:
|
|
1926
|
+
px: w()
|
|
1925
1927
|
}],
|
|
1926
1928
|
/**
|
|
1927
1929
|
* Padding Y
|
|
1928
1930
|
* @see https://tailwindcss.com/docs/padding
|
|
1929
1931
|
*/
|
|
1930
1932
|
py: [{
|
|
1931
|
-
py:
|
|
1933
|
+
py: w()
|
|
1932
1934
|
}],
|
|
1933
1935
|
/**
|
|
1934
1936
|
* Padding Start
|
|
1935
1937
|
* @see https://tailwindcss.com/docs/padding
|
|
1936
1938
|
*/
|
|
1937
1939
|
ps: [{
|
|
1938
|
-
ps:
|
|
1940
|
+
ps: w()
|
|
1939
1941
|
}],
|
|
1940
1942
|
/**
|
|
1941
1943
|
* Padding End
|
|
1942
1944
|
* @see https://tailwindcss.com/docs/padding
|
|
1943
1945
|
*/
|
|
1944
1946
|
pe: [{
|
|
1945
|
-
pe:
|
|
1947
|
+
pe: w()
|
|
1946
1948
|
}],
|
|
1947
1949
|
/**
|
|
1948
1950
|
* Padding Top
|
|
1949
1951
|
* @see https://tailwindcss.com/docs/padding
|
|
1950
1952
|
*/
|
|
1951
1953
|
pt: [{
|
|
1952
|
-
pt:
|
|
1954
|
+
pt: w()
|
|
1953
1955
|
}],
|
|
1954
1956
|
/**
|
|
1955
1957
|
* Padding Right
|
|
1956
1958
|
* @see https://tailwindcss.com/docs/padding
|
|
1957
1959
|
*/
|
|
1958
1960
|
pr: [{
|
|
1959
|
-
pr:
|
|
1961
|
+
pr: w()
|
|
1960
1962
|
}],
|
|
1961
1963
|
/**
|
|
1962
1964
|
* Padding Bottom
|
|
1963
1965
|
* @see https://tailwindcss.com/docs/padding
|
|
1964
1966
|
*/
|
|
1965
1967
|
pb: [{
|
|
1966
|
-
pb:
|
|
1968
|
+
pb: w()
|
|
1967
1969
|
}],
|
|
1968
1970
|
/**
|
|
1969
1971
|
* Padding Left
|
|
1970
1972
|
* @see https://tailwindcss.com/docs/padding
|
|
1971
1973
|
*/
|
|
1972
1974
|
pl: [{
|
|
1973
|
-
pl:
|
|
1975
|
+
pl: w()
|
|
1974
1976
|
}],
|
|
1975
1977
|
/**
|
|
1976
1978
|
* Margin
|
|
1977
1979
|
* @see https://tailwindcss.com/docs/margin
|
|
1978
1980
|
*/
|
|
1979
1981
|
m: [{
|
|
1980
|
-
m:
|
|
1982
|
+
m: q()
|
|
1981
1983
|
}],
|
|
1982
1984
|
/**
|
|
1983
1985
|
* Margin X
|
|
1984
1986
|
* @see https://tailwindcss.com/docs/margin
|
|
1985
1987
|
*/
|
|
1986
1988
|
mx: [{
|
|
1987
|
-
mx:
|
|
1989
|
+
mx: q()
|
|
1988
1990
|
}],
|
|
1989
1991
|
/**
|
|
1990
1992
|
* Margin Y
|
|
1991
1993
|
* @see https://tailwindcss.com/docs/margin
|
|
1992
1994
|
*/
|
|
1993
1995
|
my: [{
|
|
1994
|
-
my:
|
|
1996
|
+
my: q()
|
|
1995
1997
|
}],
|
|
1996
1998
|
/**
|
|
1997
1999
|
* Margin Start
|
|
1998
2000
|
* @see https://tailwindcss.com/docs/margin
|
|
1999
2001
|
*/
|
|
2000
2002
|
ms: [{
|
|
2001
|
-
ms:
|
|
2003
|
+
ms: q()
|
|
2002
2004
|
}],
|
|
2003
2005
|
/**
|
|
2004
2006
|
* Margin End
|
|
2005
2007
|
* @see https://tailwindcss.com/docs/margin
|
|
2006
2008
|
*/
|
|
2007
2009
|
me: [{
|
|
2008
|
-
me:
|
|
2010
|
+
me: q()
|
|
2009
2011
|
}],
|
|
2010
2012
|
/**
|
|
2011
2013
|
* Margin Top
|
|
2012
2014
|
* @see https://tailwindcss.com/docs/margin
|
|
2013
2015
|
*/
|
|
2014
2016
|
mt: [{
|
|
2015
|
-
mt:
|
|
2017
|
+
mt: q()
|
|
2016
2018
|
}],
|
|
2017
2019
|
/**
|
|
2018
2020
|
* Margin Right
|
|
2019
2021
|
* @see https://tailwindcss.com/docs/margin
|
|
2020
2022
|
*/
|
|
2021
2023
|
mr: [{
|
|
2022
|
-
mr:
|
|
2024
|
+
mr: q()
|
|
2023
2025
|
}],
|
|
2024
2026
|
/**
|
|
2025
2027
|
* Margin Bottom
|
|
2026
2028
|
* @see https://tailwindcss.com/docs/margin
|
|
2027
2029
|
*/
|
|
2028
2030
|
mb: [{
|
|
2029
|
-
mb:
|
|
2031
|
+
mb: q()
|
|
2030
2032
|
}],
|
|
2031
2033
|
/**
|
|
2032
2034
|
* Margin Left
|
|
2033
2035
|
* @see https://tailwindcss.com/docs/margin
|
|
2034
2036
|
*/
|
|
2035
2037
|
ml: [{
|
|
2036
|
-
ml:
|
|
2038
|
+
ml: q()
|
|
2037
2039
|
}],
|
|
2038
2040
|
/**
|
|
2039
2041
|
* Space Between X
|
|
2040
2042
|
* @see https://tailwindcss.com/docs/margin#adding-space-between-children
|
|
2041
2043
|
*/
|
|
2042
2044
|
"space-x": [{
|
|
2043
|
-
"space-x":
|
|
2045
|
+
"space-x": w()
|
|
2044
2046
|
}],
|
|
2045
2047
|
/**
|
|
2046
2048
|
* Space Between X Reverse
|
|
@@ -2052,7 +2054,7 @@ const Ut = /* @__PURE__ */ O({
|
|
|
2052
2054
|
* @see https://tailwindcss.com/docs/margin#adding-space-between-children
|
|
2053
2055
|
*/
|
|
2054
2056
|
"space-y": [{
|
|
2055
|
-
"space-y":
|
|
2057
|
+
"space-y": w()
|
|
2056
2058
|
}],
|
|
2057
2059
|
/**
|
|
2058
2060
|
* Space Between Y Reverse
|
|
@@ -2102,7 +2104,7 @@ const Ut = /* @__PURE__ */ O({
|
|
|
2102
2104
|
"prose",
|
|
2103
2105
|
/** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
|
|
2104
2106
|
{
|
|
2105
|
-
screen: [
|
|
2107
|
+
screen: [a]
|
|
2106
2108
|
},
|
|
2107
2109
|
...ee()
|
|
2108
2110
|
]
|
|
@@ -2153,21 +2155,21 @@ const Ut = /* @__PURE__ */ O({
|
|
|
2153
2155
|
* @see https://tailwindcss.com/docs/font-weight
|
|
2154
2156
|
*/
|
|
2155
2157
|
"font-weight": [{
|
|
2156
|
-
font: [
|
|
2158
|
+
font: [o, Zo, Fo]
|
|
2157
2159
|
}],
|
|
2158
2160
|
/**
|
|
2159
2161
|
* Font Stretch
|
|
2160
2162
|
* @see https://tailwindcss.com/docs/font-stretch
|
|
2161
2163
|
*/
|
|
2162
2164
|
"font-stretch": [{
|
|
2163
|
-
"font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded",
|
|
2165
|
+
"font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", Me, g]
|
|
2164
2166
|
}],
|
|
2165
2167
|
/**
|
|
2166
2168
|
* Font Family
|
|
2167
2169
|
* @see https://tailwindcss.com/docs/font-family
|
|
2168
2170
|
*/
|
|
2169
2171
|
"font-family": [{
|
|
2170
|
-
font: [
|
|
2172
|
+
font: [Ho, Go, n]
|
|
2171
2173
|
}],
|
|
2172
2174
|
/**
|
|
2173
2175
|
* Font Variant Numeric
|
|
@@ -2204,14 +2206,14 @@ const Ut = /* @__PURE__ */ O({
|
|
|
2204
2206
|
* @see https://tailwindcss.com/docs/letter-spacing
|
|
2205
2207
|
*/
|
|
2206
2208
|
tracking: [{
|
|
2207
|
-
tracking: [
|
|
2209
|
+
tracking: [s, m, g]
|
|
2208
2210
|
}],
|
|
2209
2211
|
/**
|
|
2210
2212
|
* Line Clamp
|
|
2211
2213
|
* @see https://tailwindcss.com/docs/line-clamp
|
|
2212
2214
|
*/
|
|
2213
2215
|
"line-clamp": [{
|
|
2214
|
-
"line-clamp": [C, "none",
|
|
2216
|
+
"line-clamp": [C, "none", m, tt]
|
|
2215
2217
|
}],
|
|
2216
2218
|
/**
|
|
2217
2219
|
* Line Height
|
|
@@ -2220,8 +2222,8 @@ const Ut = /* @__PURE__ */ O({
|
|
|
2220
2222
|
leading: [{
|
|
2221
2223
|
leading: [
|
|
2222
2224
|
/** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
|
|
2223
|
-
|
|
2224
|
-
...
|
|
2225
|
+
i,
|
|
2226
|
+
...w()
|
|
2225
2227
|
]
|
|
2226
2228
|
}],
|
|
2227
2229
|
/**
|
|
@@ -2229,7 +2231,7 @@ const Ut = /* @__PURE__ */ O({
|
|
|
2229
2231
|
* @see https://tailwindcss.com/docs/list-style-image
|
|
2230
2232
|
*/
|
|
2231
2233
|
"list-image": [{
|
|
2232
|
-
"list-image": ["none",
|
|
2234
|
+
"list-image": ["none", m, g]
|
|
2233
2235
|
}],
|
|
2234
2236
|
/**
|
|
2235
2237
|
* List Style Position
|
|
@@ -2243,7 +2245,7 @@ const Ut = /* @__PURE__ */ O({
|
|
|
2243
2245
|
* @see https://tailwindcss.com/docs/list-style-type
|
|
2244
2246
|
*/
|
|
2245
2247
|
"list-style-type": [{
|
|
2246
|
-
list: ["disc", "decimal", "none",
|
|
2248
|
+
list: ["disc", "decimal", "none", m, g]
|
|
2247
2249
|
}],
|
|
2248
2250
|
/**
|
|
2249
2251
|
* Text Alignment
|
|
@@ -2277,14 +2279,14 @@ const Ut = /* @__PURE__ */ O({
|
|
|
2277
2279
|
* @see https://tailwindcss.com/docs/text-decoration-style
|
|
2278
2280
|
*/
|
|
2279
2281
|
"text-decoration-style": [{
|
|
2280
|
-
decoration: [...
|
|
2282
|
+
decoration: [...me(), "wavy"]
|
|
2281
2283
|
}],
|
|
2282
2284
|
/**
|
|
2283
2285
|
* Text Decoration Thickness
|
|
2284
2286
|
* @see https://tailwindcss.com/docs/text-decoration-thickness
|
|
2285
2287
|
*/
|
|
2286
2288
|
"text-decoration-thickness": [{
|
|
2287
|
-
decoration: [C, "from-font", "auto",
|
|
2289
|
+
decoration: [C, "from-font", "auto", m, te]
|
|
2288
2290
|
}],
|
|
2289
2291
|
/**
|
|
2290
2292
|
* Text Decoration Color
|
|
@@ -2298,7 +2300,7 @@ const Ut = /* @__PURE__ */ O({
|
|
|
2298
2300
|
* @see https://tailwindcss.com/docs/text-underline-offset
|
|
2299
2301
|
*/
|
|
2300
2302
|
"underline-offset": [{
|
|
2301
|
-
"underline-offset": [C, "auto",
|
|
2303
|
+
"underline-offset": [C, "auto", m, g]
|
|
2302
2304
|
}],
|
|
2303
2305
|
/**
|
|
2304
2306
|
* Text Transform
|
|
@@ -2322,14 +2324,14 @@ const Ut = /* @__PURE__ */ O({
|
|
|
2322
2324
|
* @see https://tailwindcss.com/docs/text-indent
|
|
2323
2325
|
*/
|
|
2324
2326
|
indent: [{
|
|
2325
|
-
indent:
|
|
2327
|
+
indent: w()
|
|
2326
2328
|
}],
|
|
2327
2329
|
/**
|
|
2328
2330
|
* Vertical Alignment
|
|
2329
2331
|
* @see https://tailwindcss.com/docs/vertical-align
|
|
2330
2332
|
*/
|
|
2331
2333
|
"vertical-align": [{
|
|
2332
|
-
align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super",
|
|
2334
|
+
align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", m, g]
|
|
2333
2335
|
}],
|
|
2334
2336
|
/**
|
|
2335
2337
|
* Whitespace
|
|
@@ -2364,7 +2366,7 @@ const Ut = /* @__PURE__ */ O({
|
|
|
2364
2366
|
* @see https://tailwindcss.com/docs/content
|
|
2365
2367
|
*/
|
|
2366
2368
|
content: [{
|
|
2367
|
-
content: ["none",
|
|
2369
|
+
content: ["none", m, g]
|
|
2368
2370
|
}],
|
|
2369
2371
|
// -------------------
|
|
2370
2372
|
// --- Backgrounds ---
|
|
@@ -2395,21 +2397,21 @@ const Ut = /* @__PURE__ */ O({
|
|
|
2395
2397
|
* @see https://tailwindcss.com/docs/background-position
|
|
2396
2398
|
*/
|
|
2397
2399
|
"bg-position": [{
|
|
2398
|
-
bg:
|
|
2400
|
+
bg: Ge()
|
|
2399
2401
|
}],
|
|
2400
2402
|
/**
|
|
2401
2403
|
* Background Repeat
|
|
2402
2404
|
* @see https://tailwindcss.com/docs/background-repeat
|
|
2403
2405
|
*/
|
|
2404
2406
|
"bg-repeat": [{
|
|
2405
|
-
bg:
|
|
2407
|
+
bg: Ue()
|
|
2406
2408
|
}],
|
|
2407
2409
|
/**
|
|
2408
2410
|
* Background Size
|
|
2409
2411
|
* @see https://tailwindcss.com/docs/background-size
|
|
2410
2412
|
*/
|
|
2411
2413
|
"bg-size": [{
|
|
2412
|
-
bg:
|
|
2414
|
+
bg: He()
|
|
2413
2415
|
}],
|
|
2414
2416
|
/**
|
|
2415
2417
|
* Background Image
|
|
@@ -2419,10 +2421,10 @@ const Ut = /* @__PURE__ */ O({
|
|
|
2419
2421
|
bg: ["none", {
|
|
2420
2422
|
linear: [{
|
|
2421
2423
|
to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
|
|
2422
|
-
},
|
|
2423
|
-
radial: ["",
|
|
2424
|
-
conic: [
|
|
2425
|
-
},
|
|
2424
|
+
}, J, m, g],
|
|
2425
|
+
radial: ["", m, g],
|
|
2426
|
+
conic: [J, m, g]
|
|
2427
|
+
}, qo, Uo]
|
|
2426
2428
|
}],
|
|
2427
2429
|
/**
|
|
2428
2430
|
* Background Color
|
|
@@ -2436,21 +2438,21 @@ const Ut = /* @__PURE__ */ O({
|
|
|
2436
2438
|
* @see https://tailwindcss.com/docs/gradient-color-stops
|
|
2437
2439
|
*/
|
|
2438
2440
|
"gradient-from-pos": [{
|
|
2439
|
-
from:
|
|
2441
|
+
from: Ae()
|
|
2440
2442
|
}],
|
|
2441
2443
|
/**
|
|
2442
2444
|
* Gradient Color Stops Via Position
|
|
2443
2445
|
* @see https://tailwindcss.com/docs/gradient-color-stops
|
|
2444
2446
|
*/
|
|
2445
2447
|
"gradient-via-pos": [{
|
|
2446
|
-
via:
|
|
2448
|
+
via: Ae()
|
|
2447
2449
|
}],
|
|
2448
2450
|
/**
|
|
2449
2451
|
* Gradient Color Stops To Position
|
|
2450
2452
|
* @see https://tailwindcss.com/docs/gradient-color-stops
|
|
2451
2453
|
*/
|
|
2452
2454
|
"gradient-to-pos": [{
|
|
2453
|
-
to:
|
|
2455
|
+
to: Ae()
|
|
2454
2456
|
}],
|
|
2455
2457
|
/**
|
|
2456
2458
|
* Gradient Color Stops From
|
|
@@ -2673,14 +2675,14 @@ const Ut = /* @__PURE__ */ O({
|
|
|
2673
2675
|
* @see https://tailwindcss.com/docs/border-style
|
|
2674
2676
|
*/
|
|
2675
2677
|
"border-style": [{
|
|
2676
|
-
border: [...
|
|
2678
|
+
border: [...me(), "hidden", "none"]
|
|
2677
2679
|
}],
|
|
2678
2680
|
/**
|
|
2679
2681
|
* Divide Style
|
|
2680
2682
|
* @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
|
|
2681
2683
|
*/
|
|
2682
2684
|
"divide-style": [{
|
|
2683
|
-
divide: [...
|
|
2685
|
+
divide: [...me(), "hidden", "none"]
|
|
2684
2686
|
}],
|
|
2685
2687
|
/**
|
|
2686
2688
|
* Border Color
|
|
@@ -2757,14 +2759,14 @@ const Ut = /* @__PURE__ */ O({
|
|
|
2757
2759
|
* @see https://tailwindcss.com/docs/outline-style
|
|
2758
2760
|
*/
|
|
2759
2761
|
"outline-style": [{
|
|
2760
|
-
outline: [...
|
|
2762
|
+
outline: [...me(), "none", "hidden"]
|
|
2761
2763
|
}],
|
|
2762
2764
|
/**
|
|
2763
2765
|
* Outline Offset
|
|
2764
2766
|
* @see https://tailwindcss.com/docs/outline-offset
|
|
2765
2767
|
*/
|
|
2766
2768
|
"outline-offset": [{
|
|
2767
|
-
"outline-offset": [C,
|
|
2769
|
+
"outline-offset": [C, m, g]
|
|
2768
2770
|
}],
|
|
2769
2771
|
/**
|
|
2770
2772
|
* Outline Width
|
|
@@ -2793,8 +2795,8 @@ const Ut = /* @__PURE__ */ O({
|
|
|
2793
2795
|
"",
|
|
2794
2796
|
"none",
|
|
2795
2797
|
x,
|
|
2796
|
-
|
|
2797
|
-
|
|
2798
|
+
xe,
|
|
2799
|
+
ve
|
|
2798
2800
|
]
|
|
2799
2801
|
}],
|
|
2800
2802
|
/**
|
|
@@ -2809,7 +2811,7 @@ const Ut = /* @__PURE__ */ O({
|
|
|
2809
2811
|
* @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
|
|
2810
2812
|
*/
|
|
2811
2813
|
"inset-shadow": [{
|
|
2812
|
-
"inset-shadow": ["none",
|
|
2814
|
+
"inset-shadow": ["none", f, xe, ve]
|
|
2813
2815
|
}],
|
|
2814
2816
|
/**
|
|
2815
2817
|
* Inset Box Shadow Color
|
|
@@ -2876,7 +2878,7 @@ const Ut = /* @__PURE__ */ O({
|
|
|
2876
2878
|
* @see https://tailwindcss.com/docs/text-shadow
|
|
2877
2879
|
*/
|
|
2878
2880
|
"text-shadow": [{
|
|
2879
|
-
"text-shadow": ["none",
|
|
2881
|
+
"text-shadow": ["none", p, xe, ve]
|
|
2880
2882
|
}],
|
|
2881
2883
|
/**
|
|
2882
2884
|
* Text Shadow Color
|
|
@@ -2890,21 +2892,21 @@ const Ut = /* @__PURE__ */ O({
|
|
|
2890
2892
|
* @see https://tailwindcss.com/docs/opacity
|
|
2891
2893
|
*/
|
|
2892
2894
|
opacity: [{
|
|
2893
|
-
opacity: [C,
|
|
2895
|
+
opacity: [C, m, g]
|
|
2894
2896
|
}],
|
|
2895
2897
|
/**
|
|
2896
2898
|
* Mix Blend Mode
|
|
2897
2899
|
* @see https://tailwindcss.com/docs/mix-blend-mode
|
|
2898
2900
|
*/
|
|
2899
2901
|
"mix-blend": [{
|
|
2900
|
-
"mix-blend": [...
|
|
2902
|
+
"mix-blend": [...We(), "plus-darker", "plus-lighter"]
|
|
2901
2903
|
}],
|
|
2902
2904
|
/**
|
|
2903
2905
|
* Background Blend Mode
|
|
2904
2906
|
* @see https://tailwindcss.com/docs/background-blend-mode
|
|
2905
2907
|
*/
|
|
2906
2908
|
"bg-blend": [{
|
|
2907
|
-
"bg-blend":
|
|
2909
|
+
"bg-blend": We()
|
|
2908
2910
|
}],
|
|
2909
2911
|
/**
|
|
2910
2912
|
* Mask Clip
|
|
@@ -2928,10 +2930,10 @@ const Ut = /* @__PURE__ */ O({
|
|
|
2928
2930
|
"mask-linear": [C]
|
|
2929
2931
|
}],
|
|
2930
2932
|
"mask-image-linear-from-pos": [{
|
|
2931
|
-
"mask-linear-from":
|
|
2933
|
+
"mask-linear-from": B()
|
|
2932
2934
|
}],
|
|
2933
2935
|
"mask-image-linear-to-pos": [{
|
|
2934
|
-
"mask-linear-to":
|
|
2936
|
+
"mask-linear-to": B()
|
|
2935
2937
|
}],
|
|
2936
2938
|
"mask-image-linear-from-color": [{
|
|
2937
2939
|
"mask-linear-from": k()
|
|
@@ -2940,10 +2942,10 @@ const Ut = /* @__PURE__ */ O({
|
|
|
2940
2942
|
"mask-linear-to": k()
|
|
2941
2943
|
}],
|
|
2942
2944
|
"mask-image-t-from-pos": [{
|
|
2943
|
-
"mask-t-from":
|
|
2945
|
+
"mask-t-from": B()
|
|
2944
2946
|
}],
|
|
2945
2947
|
"mask-image-t-to-pos": [{
|
|
2946
|
-
"mask-t-to":
|
|
2948
|
+
"mask-t-to": B()
|
|
2947
2949
|
}],
|
|
2948
2950
|
"mask-image-t-from-color": [{
|
|
2949
2951
|
"mask-t-from": k()
|
|
@@ -2952,10 +2954,10 @@ const Ut = /* @__PURE__ */ O({
|
|
|
2952
2954
|
"mask-t-to": k()
|
|
2953
2955
|
}],
|
|
2954
2956
|
"mask-image-r-from-pos": [{
|
|
2955
|
-
"mask-r-from":
|
|
2957
|
+
"mask-r-from": B()
|
|
2956
2958
|
}],
|
|
2957
2959
|
"mask-image-r-to-pos": [{
|
|
2958
|
-
"mask-r-to":
|
|
2960
|
+
"mask-r-to": B()
|
|
2959
2961
|
}],
|
|
2960
2962
|
"mask-image-r-from-color": [{
|
|
2961
2963
|
"mask-r-from": k()
|
|
@@ -2964,10 +2966,10 @@ const Ut = /* @__PURE__ */ O({
|
|
|
2964
2966
|
"mask-r-to": k()
|
|
2965
2967
|
}],
|
|
2966
2968
|
"mask-image-b-from-pos": [{
|
|
2967
|
-
"mask-b-from":
|
|
2969
|
+
"mask-b-from": B()
|
|
2968
2970
|
}],
|
|
2969
2971
|
"mask-image-b-to-pos": [{
|
|
2970
|
-
"mask-b-to":
|
|
2972
|
+
"mask-b-to": B()
|
|
2971
2973
|
}],
|
|
2972
2974
|
"mask-image-b-from-color": [{
|
|
2973
2975
|
"mask-b-from": k()
|
|
@@ -2976,10 +2978,10 @@ const Ut = /* @__PURE__ */ O({
|
|
|
2976
2978
|
"mask-b-to": k()
|
|
2977
2979
|
}],
|
|
2978
2980
|
"mask-image-l-from-pos": [{
|
|
2979
|
-
"mask-l-from":
|
|
2981
|
+
"mask-l-from": B()
|
|
2980
2982
|
}],
|
|
2981
2983
|
"mask-image-l-to-pos": [{
|
|
2982
|
-
"mask-l-to":
|
|
2984
|
+
"mask-l-to": B()
|
|
2983
2985
|
}],
|
|
2984
2986
|
"mask-image-l-from-color": [{
|
|
2985
2987
|
"mask-l-from": k()
|
|
@@ -2988,10 +2990,10 @@ const Ut = /* @__PURE__ */ O({
|
|
|
2988
2990
|
"mask-l-to": k()
|
|
2989
2991
|
}],
|
|
2990
2992
|
"mask-image-x-from-pos": [{
|
|
2991
|
-
"mask-x-from":
|
|
2993
|
+
"mask-x-from": B()
|
|
2992
2994
|
}],
|
|
2993
2995
|
"mask-image-x-to-pos": [{
|
|
2994
|
-
"mask-x-to":
|
|
2996
|
+
"mask-x-to": B()
|
|
2995
2997
|
}],
|
|
2996
2998
|
"mask-image-x-from-color": [{
|
|
2997
2999
|
"mask-x-from": k()
|
|
@@ -3000,10 +3002,10 @@ const Ut = /* @__PURE__ */ O({
|
|
|
3000
3002
|
"mask-x-to": k()
|
|
3001
3003
|
}],
|
|
3002
3004
|
"mask-image-y-from-pos": [{
|
|
3003
|
-
"mask-y-from":
|
|
3005
|
+
"mask-y-from": B()
|
|
3004
3006
|
}],
|
|
3005
3007
|
"mask-image-y-to-pos": [{
|
|
3006
|
-
"mask-y-to":
|
|
3008
|
+
"mask-y-to": B()
|
|
3007
3009
|
}],
|
|
3008
3010
|
"mask-image-y-from-color": [{
|
|
3009
3011
|
"mask-y-from": k()
|
|
@@ -3012,13 +3014,13 @@ const Ut = /* @__PURE__ */ O({
|
|
|
3012
3014
|
"mask-y-to": k()
|
|
3013
3015
|
}],
|
|
3014
3016
|
"mask-image-radial": [{
|
|
3015
|
-
"mask-radial": [
|
|
3017
|
+
"mask-radial": [m, g]
|
|
3016
3018
|
}],
|
|
3017
3019
|
"mask-image-radial-from-pos": [{
|
|
3018
|
-
"mask-radial-from":
|
|
3020
|
+
"mask-radial-from": B()
|
|
3019
3021
|
}],
|
|
3020
3022
|
"mask-image-radial-to-pos": [{
|
|
3021
|
-
"mask-radial-to":
|
|
3023
|
+
"mask-radial-to": B()
|
|
3022
3024
|
}],
|
|
3023
3025
|
"mask-image-radial-from-color": [{
|
|
3024
3026
|
"mask-radial-from": k()
|
|
@@ -3042,10 +3044,10 @@ const Ut = /* @__PURE__ */ O({
|
|
|
3042
3044
|
"mask-conic": [C]
|
|
3043
3045
|
}],
|
|
3044
3046
|
"mask-image-conic-from-pos": [{
|
|
3045
|
-
"mask-conic-from":
|
|
3047
|
+
"mask-conic-from": B()
|
|
3046
3048
|
}],
|
|
3047
3049
|
"mask-image-conic-to-pos": [{
|
|
3048
|
-
"mask-conic-to":
|
|
3050
|
+
"mask-conic-to": B()
|
|
3049
3051
|
}],
|
|
3050
3052
|
"mask-image-conic-from-color": [{
|
|
3051
3053
|
"mask-conic-from": k()
|
|
@@ -3072,21 +3074,21 @@ const Ut = /* @__PURE__ */ O({
|
|
|
3072
3074
|
* @see https://tailwindcss.com/docs/mask-position
|
|
3073
3075
|
*/
|
|
3074
3076
|
"mask-position": [{
|
|
3075
|
-
mask:
|
|
3077
|
+
mask: Ge()
|
|
3076
3078
|
}],
|
|
3077
3079
|
/**
|
|
3078
3080
|
* Mask Repeat
|
|
3079
3081
|
* @see https://tailwindcss.com/docs/mask-repeat
|
|
3080
3082
|
*/
|
|
3081
3083
|
"mask-repeat": [{
|
|
3082
|
-
mask:
|
|
3084
|
+
mask: Ue()
|
|
3083
3085
|
}],
|
|
3084
3086
|
/**
|
|
3085
3087
|
* Mask Size
|
|
3086
3088
|
* @see https://tailwindcss.com/docs/mask-size
|
|
3087
3089
|
*/
|
|
3088
3090
|
"mask-size": [{
|
|
3089
|
-
mask:
|
|
3091
|
+
mask: He()
|
|
3090
3092
|
}],
|
|
3091
3093
|
/**
|
|
3092
3094
|
* Mask Type
|
|
@@ -3100,7 +3102,7 @@ const Ut = /* @__PURE__ */ O({
|
|
|
3100
3102
|
* @see https://tailwindcss.com/docs/mask-image
|
|
3101
3103
|
*/
|
|
3102
3104
|
"mask-image": [{
|
|
3103
|
-
mask: ["none",
|
|
3105
|
+
mask: ["none", m, g]
|
|
3104
3106
|
}],
|
|
3105
3107
|
// ---------------
|
|
3106
3108
|
// --- Filters ---
|
|
@@ -3114,8 +3116,8 @@ const Ut = /* @__PURE__ */ O({
|
|
|
3114
3116
|
// Deprecated since Tailwind CSS v3.0.0
|
|
3115
3117
|
"",
|
|
3116
3118
|
"none",
|
|
3117
|
-
|
|
3118
|
-
|
|
3119
|
+
m,
|
|
3120
|
+
g
|
|
3119
3121
|
]
|
|
3120
3122
|
}],
|
|
3121
3123
|
/**
|
|
@@ -3123,21 +3125,21 @@ const Ut = /* @__PURE__ */ O({
|
|
|
3123
3125
|
* @see https://tailwindcss.com/docs/blur
|
|
3124
3126
|
*/
|
|
3125
3127
|
blur: [{
|
|
3126
|
-
blur:
|
|
3128
|
+
blur: qe()
|
|
3127
3129
|
}],
|
|
3128
3130
|
/**
|
|
3129
3131
|
* Brightness
|
|
3130
3132
|
* @see https://tailwindcss.com/docs/brightness
|
|
3131
3133
|
*/
|
|
3132
3134
|
brightness: [{
|
|
3133
|
-
brightness: [C,
|
|
3135
|
+
brightness: [C, m, g]
|
|
3134
3136
|
}],
|
|
3135
3137
|
/**
|
|
3136
3138
|
* Contrast
|
|
3137
3139
|
* @see https://tailwindcss.com/docs/contrast
|
|
3138
3140
|
*/
|
|
3139
3141
|
contrast: [{
|
|
3140
|
-
contrast: [C,
|
|
3142
|
+
contrast: [C, m, g]
|
|
3141
3143
|
}],
|
|
3142
3144
|
/**
|
|
3143
3145
|
* Drop Shadow
|
|
@@ -3149,8 +3151,8 @@ const Ut = /* @__PURE__ */ O({
|
|
|
3149
3151
|
"",
|
|
3150
3152
|
"none",
|
|
3151
3153
|
A,
|
|
3152
|
-
|
|
3153
|
-
|
|
3154
|
+
xe,
|
|
3155
|
+
ve
|
|
3154
3156
|
]
|
|
3155
3157
|
}],
|
|
3156
3158
|
/**
|
|
@@ -3165,35 +3167,35 @@ const Ut = /* @__PURE__ */ O({
|
|
|
3165
3167
|
* @see https://tailwindcss.com/docs/grayscale
|
|
3166
3168
|
*/
|
|
3167
3169
|
grayscale: [{
|
|
3168
|
-
grayscale: ["", C,
|
|
3170
|
+
grayscale: ["", C, m, g]
|
|
3169
3171
|
}],
|
|
3170
3172
|
/**
|
|
3171
3173
|
* Hue Rotate
|
|
3172
3174
|
* @see https://tailwindcss.com/docs/hue-rotate
|
|
3173
3175
|
*/
|
|
3174
3176
|
"hue-rotate": [{
|
|
3175
|
-
"hue-rotate": [C,
|
|
3177
|
+
"hue-rotate": [C, m, g]
|
|
3176
3178
|
}],
|
|
3177
3179
|
/**
|
|
3178
3180
|
* Invert
|
|
3179
3181
|
* @see https://tailwindcss.com/docs/invert
|
|
3180
3182
|
*/
|
|
3181
3183
|
invert: [{
|
|
3182
|
-
invert: ["", C,
|
|
3184
|
+
invert: ["", C, m, g]
|
|
3183
3185
|
}],
|
|
3184
3186
|
/**
|
|
3185
3187
|
* Saturate
|
|
3186
3188
|
* @see https://tailwindcss.com/docs/saturate
|
|
3187
3189
|
*/
|
|
3188
3190
|
saturate: [{
|
|
3189
|
-
saturate: [C,
|
|
3191
|
+
saturate: [C, m, g]
|
|
3190
3192
|
}],
|
|
3191
3193
|
/**
|
|
3192
3194
|
* Sepia
|
|
3193
3195
|
* @see https://tailwindcss.com/docs/sepia
|
|
3194
3196
|
*/
|
|
3195
3197
|
sepia: [{
|
|
3196
|
-
sepia: ["", C,
|
|
3198
|
+
sepia: ["", C, m, g]
|
|
3197
3199
|
}],
|
|
3198
3200
|
/**
|
|
3199
3201
|
* Backdrop Filter
|
|
@@ -3204,8 +3206,8 @@ const Ut = /* @__PURE__ */ O({
|
|
|
3204
3206
|
// Deprecated since Tailwind CSS v3.0.0
|
|
3205
3207
|
"",
|
|
3206
3208
|
"none",
|
|
3207
|
-
|
|
3208
|
-
|
|
3209
|
+
m,
|
|
3210
|
+
g
|
|
3209
3211
|
]
|
|
3210
3212
|
}],
|
|
3211
3213
|
/**
|
|
@@ -3213,63 +3215,63 @@ const Ut = /* @__PURE__ */ O({
|
|
|
3213
3215
|
* @see https://tailwindcss.com/docs/backdrop-blur
|
|
3214
3216
|
*/
|
|
3215
3217
|
"backdrop-blur": [{
|
|
3216
|
-
"backdrop-blur":
|
|
3218
|
+
"backdrop-blur": qe()
|
|
3217
3219
|
}],
|
|
3218
3220
|
/**
|
|
3219
3221
|
* Backdrop Brightness
|
|
3220
3222
|
* @see https://tailwindcss.com/docs/backdrop-brightness
|
|
3221
3223
|
*/
|
|
3222
3224
|
"backdrop-brightness": [{
|
|
3223
|
-
"backdrop-brightness": [C,
|
|
3225
|
+
"backdrop-brightness": [C, m, g]
|
|
3224
3226
|
}],
|
|
3225
3227
|
/**
|
|
3226
3228
|
* Backdrop Contrast
|
|
3227
3229
|
* @see https://tailwindcss.com/docs/backdrop-contrast
|
|
3228
3230
|
*/
|
|
3229
3231
|
"backdrop-contrast": [{
|
|
3230
|
-
"backdrop-contrast": [C,
|
|
3232
|
+
"backdrop-contrast": [C, m, g]
|
|
3231
3233
|
}],
|
|
3232
3234
|
/**
|
|
3233
3235
|
* Backdrop Grayscale
|
|
3234
3236
|
* @see https://tailwindcss.com/docs/backdrop-grayscale
|
|
3235
3237
|
*/
|
|
3236
3238
|
"backdrop-grayscale": [{
|
|
3237
|
-
"backdrop-grayscale": ["", C,
|
|
3239
|
+
"backdrop-grayscale": ["", C, m, g]
|
|
3238
3240
|
}],
|
|
3239
3241
|
/**
|
|
3240
3242
|
* Backdrop Hue Rotate
|
|
3241
3243
|
* @see https://tailwindcss.com/docs/backdrop-hue-rotate
|
|
3242
3244
|
*/
|
|
3243
3245
|
"backdrop-hue-rotate": [{
|
|
3244
|
-
"backdrop-hue-rotate": [C,
|
|
3246
|
+
"backdrop-hue-rotate": [C, m, g]
|
|
3245
3247
|
}],
|
|
3246
3248
|
/**
|
|
3247
3249
|
* Backdrop Invert
|
|
3248
3250
|
* @see https://tailwindcss.com/docs/backdrop-invert
|
|
3249
3251
|
*/
|
|
3250
3252
|
"backdrop-invert": [{
|
|
3251
|
-
"backdrop-invert": ["", C,
|
|
3253
|
+
"backdrop-invert": ["", C, m, g]
|
|
3252
3254
|
}],
|
|
3253
3255
|
/**
|
|
3254
3256
|
* Backdrop Opacity
|
|
3255
3257
|
* @see https://tailwindcss.com/docs/backdrop-opacity
|
|
3256
3258
|
*/
|
|
3257
3259
|
"backdrop-opacity": [{
|
|
3258
|
-
"backdrop-opacity": [C,
|
|
3260
|
+
"backdrop-opacity": [C, m, g]
|
|
3259
3261
|
}],
|
|
3260
3262
|
/**
|
|
3261
3263
|
* Backdrop Saturate
|
|
3262
3264
|
* @see https://tailwindcss.com/docs/backdrop-saturate
|
|
3263
3265
|
*/
|
|
3264
3266
|
"backdrop-saturate": [{
|
|
3265
|
-
"backdrop-saturate": [C,
|
|
3267
|
+
"backdrop-saturate": [C, m, g]
|
|
3266
3268
|
}],
|
|
3267
3269
|
/**
|
|
3268
3270
|
* Backdrop Sepia
|
|
3269
3271
|
* @see https://tailwindcss.com/docs/backdrop-sepia
|
|
3270
3272
|
*/
|
|
3271
3273
|
"backdrop-sepia": [{
|
|
3272
|
-
"backdrop-sepia": ["", C,
|
|
3274
|
+
"backdrop-sepia": ["", C, m, g]
|
|
3273
3275
|
}],
|
|
3274
3276
|
// --------------
|
|
3275
3277
|
// --- Tables ---
|
|
@@ -3286,21 +3288,21 @@ const Ut = /* @__PURE__ */ O({
|
|
|
3286
3288
|
* @see https://tailwindcss.com/docs/border-spacing
|
|
3287
3289
|
*/
|
|
3288
3290
|
"border-spacing": [{
|
|
3289
|
-
"border-spacing":
|
|
3291
|
+
"border-spacing": w()
|
|
3290
3292
|
}],
|
|
3291
3293
|
/**
|
|
3292
3294
|
* Border Spacing X
|
|
3293
3295
|
* @see https://tailwindcss.com/docs/border-spacing
|
|
3294
3296
|
*/
|
|
3295
3297
|
"border-spacing-x": [{
|
|
3296
|
-
"border-spacing-x":
|
|
3298
|
+
"border-spacing-x": w()
|
|
3297
3299
|
}],
|
|
3298
3300
|
/**
|
|
3299
3301
|
* Border Spacing Y
|
|
3300
3302
|
* @see https://tailwindcss.com/docs/border-spacing
|
|
3301
3303
|
*/
|
|
3302
3304
|
"border-spacing-y": [{
|
|
3303
|
-
"border-spacing-y":
|
|
3305
|
+
"border-spacing-y": w()
|
|
3304
3306
|
}],
|
|
3305
3307
|
/**
|
|
3306
3308
|
* Table Layout
|
|
@@ -3324,7 +3326,7 @@ const Ut = /* @__PURE__ */ O({
|
|
|
3324
3326
|
* @see https://tailwindcss.com/docs/transition-property
|
|
3325
3327
|
*/
|
|
3326
3328
|
transition: [{
|
|
3327
|
-
transition: ["", "all", "colors", "opacity", "shadow", "transform", "none",
|
|
3329
|
+
transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", m, g]
|
|
3328
3330
|
}],
|
|
3329
3331
|
/**
|
|
3330
3332
|
* Transition Behavior
|
|
@@ -3338,28 +3340,28 @@ const Ut = /* @__PURE__ */ O({
|
|
|
3338
3340
|
* @see https://tailwindcss.com/docs/transition-duration
|
|
3339
3341
|
*/
|
|
3340
3342
|
duration: [{
|
|
3341
|
-
duration: [C, "initial",
|
|
3343
|
+
duration: [C, "initial", m, g]
|
|
3342
3344
|
}],
|
|
3343
3345
|
/**
|
|
3344
3346
|
* Transition Timing Function
|
|
3345
3347
|
* @see https://tailwindcss.com/docs/transition-timing-function
|
|
3346
3348
|
*/
|
|
3347
3349
|
ease: [{
|
|
3348
|
-
ease: ["linear", "initial",
|
|
3350
|
+
ease: ["linear", "initial", O, m, g]
|
|
3349
3351
|
}],
|
|
3350
3352
|
/**
|
|
3351
3353
|
* Transition Delay
|
|
3352
3354
|
* @see https://tailwindcss.com/docs/transition-delay
|
|
3353
3355
|
*/
|
|
3354
3356
|
delay: [{
|
|
3355
|
-
delay: [C,
|
|
3357
|
+
delay: [C, m, g]
|
|
3356
3358
|
}],
|
|
3357
3359
|
/**
|
|
3358
3360
|
* Animation
|
|
3359
3361
|
* @see https://tailwindcss.com/docs/animation
|
|
3360
3362
|
*/
|
|
3361
3363
|
animate: [{
|
|
3362
|
-
animate: ["none",
|
|
3364
|
+
animate: ["none", $, m, g]
|
|
3363
3365
|
}],
|
|
3364
3366
|
// ------------------
|
|
3365
3367
|
// --- Transforms ---
|
|
@@ -3376,42 +3378,42 @@ const Ut = /* @__PURE__ */ O({
|
|
|
3376
3378
|
* @see https://tailwindcss.com/docs/perspective
|
|
3377
3379
|
*/
|
|
3378
3380
|
perspective: [{
|
|
3379
|
-
perspective: [M,
|
|
3381
|
+
perspective: [M, m, g]
|
|
3380
3382
|
}],
|
|
3381
3383
|
/**
|
|
3382
3384
|
* Perspective Origin
|
|
3383
3385
|
* @see https://tailwindcss.com/docs/perspective-origin
|
|
3384
3386
|
*/
|
|
3385
3387
|
"perspective-origin": [{
|
|
3386
|
-
"perspective-origin":
|
|
3388
|
+
"perspective-origin": Y()
|
|
3387
3389
|
}],
|
|
3388
3390
|
/**
|
|
3389
3391
|
* Rotate
|
|
3390
3392
|
* @see https://tailwindcss.com/docs/rotate
|
|
3391
3393
|
*/
|
|
3392
3394
|
rotate: [{
|
|
3393
|
-
rotate:
|
|
3395
|
+
rotate: fe()
|
|
3394
3396
|
}],
|
|
3395
3397
|
/**
|
|
3396
3398
|
* Rotate X
|
|
3397
3399
|
* @see https://tailwindcss.com/docs/rotate
|
|
3398
3400
|
*/
|
|
3399
3401
|
"rotate-x": [{
|
|
3400
|
-
"rotate-x":
|
|
3402
|
+
"rotate-x": fe()
|
|
3401
3403
|
}],
|
|
3402
3404
|
/**
|
|
3403
3405
|
* Rotate Y
|
|
3404
3406
|
* @see https://tailwindcss.com/docs/rotate
|
|
3405
3407
|
*/
|
|
3406
3408
|
"rotate-y": [{
|
|
3407
|
-
"rotate-y":
|
|
3409
|
+
"rotate-y": fe()
|
|
3408
3410
|
}],
|
|
3409
3411
|
/**
|
|
3410
3412
|
* Rotate Z
|
|
3411
3413
|
* @see https://tailwindcss.com/docs/rotate
|
|
3412
3414
|
*/
|
|
3413
3415
|
"rotate-z": [{
|
|
3414
|
-
"rotate-z":
|
|
3416
|
+
"rotate-z": fe()
|
|
3415
3417
|
}],
|
|
3416
3418
|
/**
|
|
3417
3419
|
* Scale
|
|
@@ -3451,35 +3453,35 @@ const Ut = /* @__PURE__ */ O({
|
|
|
3451
3453
|
* @see https://tailwindcss.com/docs/skew
|
|
3452
3454
|
*/
|
|
3453
3455
|
skew: [{
|
|
3454
|
-
skew:
|
|
3456
|
+
skew: Se()
|
|
3455
3457
|
}],
|
|
3456
3458
|
/**
|
|
3457
3459
|
* Skew X
|
|
3458
3460
|
* @see https://tailwindcss.com/docs/skew
|
|
3459
3461
|
*/
|
|
3460
3462
|
"skew-x": [{
|
|
3461
|
-
"skew-x":
|
|
3463
|
+
"skew-x": Se()
|
|
3462
3464
|
}],
|
|
3463
3465
|
/**
|
|
3464
3466
|
* Skew Y
|
|
3465
3467
|
* @see https://tailwindcss.com/docs/skew
|
|
3466
3468
|
*/
|
|
3467
3469
|
"skew-y": [{
|
|
3468
|
-
"skew-y":
|
|
3470
|
+
"skew-y": Se()
|
|
3469
3471
|
}],
|
|
3470
3472
|
/**
|
|
3471
3473
|
* Transform
|
|
3472
3474
|
* @see https://tailwindcss.com/docs/transform
|
|
3473
3475
|
*/
|
|
3474
3476
|
transform: [{
|
|
3475
|
-
transform: [
|
|
3477
|
+
transform: [m, g, "", "none", "gpu", "cpu"]
|
|
3476
3478
|
}],
|
|
3477
3479
|
/**
|
|
3478
3480
|
* Transform Origin
|
|
3479
3481
|
* @see https://tailwindcss.com/docs/transform-origin
|
|
3480
3482
|
*/
|
|
3481
3483
|
"transform-origin": [{
|
|
3482
|
-
origin:
|
|
3484
|
+
origin: Y()
|
|
3483
3485
|
}],
|
|
3484
3486
|
/**
|
|
3485
3487
|
* Transform Style
|
|
@@ -3493,28 +3495,28 @@ const Ut = /* @__PURE__ */ O({
|
|
|
3493
3495
|
* @see https://tailwindcss.com/docs/translate
|
|
3494
3496
|
*/
|
|
3495
3497
|
translate: [{
|
|
3496
|
-
translate:
|
|
3498
|
+
translate: pe()
|
|
3497
3499
|
}],
|
|
3498
3500
|
/**
|
|
3499
3501
|
* Translate X
|
|
3500
3502
|
* @see https://tailwindcss.com/docs/translate
|
|
3501
3503
|
*/
|
|
3502
3504
|
"translate-x": [{
|
|
3503
|
-
"translate-x":
|
|
3505
|
+
"translate-x": pe()
|
|
3504
3506
|
}],
|
|
3505
3507
|
/**
|
|
3506
3508
|
* Translate Y
|
|
3507
3509
|
* @see https://tailwindcss.com/docs/translate
|
|
3508
3510
|
*/
|
|
3509
3511
|
"translate-y": [{
|
|
3510
|
-
"translate-y":
|
|
3512
|
+
"translate-y": pe()
|
|
3511
3513
|
}],
|
|
3512
3514
|
/**
|
|
3513
3515
|
* Translate Z
|
|
3514
3516
|
* @see https://tailwindcss.com/docs/translate
|
|
3515
3517
|
*/
|
|
3516
3518
|
"translate-z": [{
|
|
3517
|
-
"translate-z":
|
|
3519
|
+
"translate-z": pe()
|
|
3518
3520
|
}],
|
|
3519
3521
|
/**
|
|
3520
3522
|
* Translate None
|
|
@@ -3557,7 +3559,7 @@ const Ut = /* @__PURE__ */ O({
|
|
|
3557
3559
|
* @see https://tailwindcss.com/docs/cursor
|
|
3558
3560
|
*/
|
|
3559
3561
|
cursor: [{
|
|
3560
|
-
cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out",
|
|
3562
|
+
cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", m, g]
|
|
3561
3563
|
}],
|
|
3562
3564
|
/**
|
|
3563
3565
|
* Field Sizing
|
|
@@ -3592,126 +3594,126 @@ const Ut = /* @__PURE__ */ O({
|
|
|
3592
3594
|
* @see https://tailwindcss.com/docs/scroll-margin
|
|
3593
3595
|
*/
|
|
3594
3596
|
"scroll-m": [{
|
|
3595
|
-
"scroll-m":
|
|
3597
|
+
"scroll-m": w()
|
|
3596
3598
|
}],
|
|
3597
3599
|
/**
|
|
3598
3600
|
* Scroll Margin X
|
|
3599
3601
|
* @see https://tailwindcss.com/docs/scroll-margin
|
|
3600
3602
|
*/
|
|
3601
3603
|
"scroll-mx": [{
|
|
3602
|
-
"scroll-mx":
|
|
3604
|
+
"scroll-mx": w()
|
|
3603
3605
|
}],
|
|
3604
3606
|
/**
|
|
3605
3607
|
* Scroll Margin Y
|
|
3606
3608
|
* @see https://tailwindcss.com/docs/scroll-margin
|
|
3607
3609
|
*/
|
|
3608
3610
|
"scroll-my": [{
|
|
3609
|
-
"scroll-my":
|
|
3611
|
+
"scroll-my": w()
|
|
3610
3612
|
}],
|
|
3611
3613
|
/**
|
|
3612
3614
|
* Scroll Margin Start
|
|
3613
3615
|
* @see https://tailwindcss.com/docs/scroll-margin
|
|
3614
3616
|
*/
|
|
3615
3617
|
"scroll-ms": [{
|
|
3616
|
-
"scroll-ms":
|
|
3618
|
+
"scroll-ms": w()
|
|
3617
3619
|
}],
|
|
3618
3620
|
/**
|
|
3619
3621
|
* Scroll Margin End
|
|
3620
3622
|
* @see https://tailwindcss.com/docs/scroll-margin
|
|
3621
3623
|
*/
|
|
3622
3624
|
"scroll-me": [{
|
|
3623
|
-
"scroll-me":
|
|
3625
|
+
"scroll-me": w()
|
|
3624
3626
|
}],
|
|
3625
3627
|
/**
|
|
3626
3628
|
* Scroll Margin Top
|
|
3627
3629
|
* @see https://tailwindcss.com/docs/scroll-margin
|
|
3628
3630
|
*/
|
|
3629
3631
|
"scroll-mt": [{
|
|
3630
|
-
"scroll-mt":
|
|
3632
|
+
"scroll-mt": w()
|
|
3631
3633
|
}],
|
|
3632
3634
|
/**
|
|
3633
3635
|
* Scroll Margin Right
|
|
3634
3636
|
* @see https://tailwindcss.com/docs/scroll-margin
|
|
3635
3637
|
*/
|
|
3636
3638
|
"scroll-mr": [{
|
|
3637
|
-
"scroll-mr":
|
|
3639
|
+
"scroll-mr": w()
|
|
3638
3640
|
}],
|
|
3639
3641
|
/**
|
|
3640
3642
|
* Scroll Margin Bottom
|
|
3641
3643
|
* @see https://tailwindcss.com/docs/scroll-margin
|
|
3642
3644
|
*/
|
|
3643
3645
|
"scroll-mb": [{
|
|
3644
|
-
"scroll-mb":
|
|
3646
|
+
"scroll-mb": w()
|
|
3645
3647
|
}],
|
|
3646
3648
|
/**
|
|
3647
3649
|
* Scroll Margin Left
|
|
3648
3650
|
* @see https://tailwindcss.com/docs/scroll-margin
|
|
3649
3651
|
*/
|
|
3650
3652
|
"scroll-ml": [{
|
|
3651
|
-
"scroll-ml":
|
|
3653
|
+
"scroll-ml": w()
|
|
3652
3654
|
}],
|
|
3653
3655
|
/**
|
|
3654
3656
|
* Scroll Padding
|
|
3655
3657
|
* @see https://tailwindcss.com/docs/scroll-padding
|
|
3656
3658
|
*/
|
|
3657
3659
|
"scroll-p": [{
|
|
3658
|
-
"scroll-p":
|
|
3660
|
+
"scroll-p": w()
|
|
3659
3661
|
}],
|
|
3660
3662
|
/**
|
|
3661
3663
|
* Scroll Padding X
|
|
3662
3664
|
* @see https://tailwindcss.com/docs/scroll-padding
|
|
3663
3665
|
*/
|
|
3664
3666
|
"scroll-px": [{
|
|
3665
|
-
"scroll-px":
|
|
3667
|
+
"scroll-px": w()
|
|
3666
3668
|
}],
|
|
3667
3669
|
/**
|
|
3668
3670
|
* Scroll Padding Y
|
|
3669
3671
|
* @see https://tailwindcss.com/docs/scroll-padding
|
|
3670
3672
|
*/
|
|
3671
3673
|
"scroll-py": [{
|
|
3672
|
-
"scroll-py":
|
|
3674
|
+
"scroll-py": w()
|
|
3673
3675
|
}],
|
|
3674
3676
|
/**
|
|
3675
3677
|
* Scroll Padding Start
|
|
3676
3678
|
* @see https://tailwindcss.com/docs/scroll-padding
|
|
3677
3679
|
*/
|
|
3678
3680
|
"scroll-ps": [{
|
|
3679
|
-
"scroll-ps":
|
|
3681
|
+
"scroll-ps": w()
|
|
3680
3682
|
}],
|
|
3681
3683
|
/**
|
|
3682
3684
|
* Scroll Padding End
|
|
3683
3685
|
* @see https://tailwindcss.com/docs/scroll-padding
|
|
3684
3686
|
*/
|
|
3685
3687
|
"scroll-pe": [{
|
|
3686
|
-
"scroll-pe":
|
|
3688
|
+
"scroll-pe": w()
|
|
3687
3689
|
}],
|
|
3688
3690
|
/**
|
|
3689
3691
|
* Scroll Padding Top
|
|
3690
3692
|
* @see https://tailwindcss.com/docs/scroll-padding
|
|
3691
3693
|
*/
|
|
3692
3694
|
"scroll-pt": [{
|
|
3693
|
-
"scroll-pt":
|
|
3695
|
+
"scroll-pt": w()
|
|
3694
3696
|
}],
|
|
3695
3697
|
/**
|
|
3696
3698
|
* Scroll Padding Right
|
|
3697
3699
|
* @see https://tailwindcss.com/docs/scroll-padding
|
|
3698
3700
|
*/
|
|
3699
3701
|
"scroll-pr": [{
|
|
3700
|
-
"scroll-pr":
|
|
3702
|
+
"scroll-pr": w()
|
|
3701
3703
|
}],
|
|
3702
3704
|
/**
|
|
3703
3705
|
* Scroll Padding Bottom
|
|
3704
3706
|
* @see https://tailwindcss.com/docs/scroll-padding
|
|
3705
3707
|
*/
|
|
3706
3708
|
"scroll-pb": [{
|
|
3707
|
-
"scroll-pb":
|
|
3709
|
+
"scroll-pb": w()
|
|
3708
3710
|
}],
|
|
3709
3711
|
/**
|
|
3710
3712
|
* Scroll Padding Left
|
|
3711
3713
|
* @see https://tailwindcss.com/docs/scroll-padding
|
|
3712
3714
|
*/
|
|
3713
3715
|
"scroll-pl": [{
|
|
3714
|
-
"scroll-pl":
|
|
3716
|
+
"scroll-pl": w()
|
|
3715
3717
|
}],
|
|
3716
3718
|
/**
|
|
3717
3719
|
* Scroll Snap Align
|
|
@@ -3779,7 +3781,7 @@ const Ut = /* @__PURE__ */ O({
|
|
|
3779
3781
|
* @see https://tailwindcss.com/docs/will-change
|
|
3780
3782
|
*/
|
|
3781
3783
|
"will-change": [{
|
|
3782
|
-
"will-change": ["auto", "scroll", "contents", "transform",
|
|
3784
|
+
"will-change": ["auto", "scroll", "contents", "transform", m, g]
|
|
3783
3785
|
}],
|
|
3784
3786
|
// -----------
|
|
3785
3787
|
// --- SVG ---
|
|
@@ -3796,7 +3798,7 @@ const Ut = /* @__PURE__ */ O({
|
|
|
3796
3798
|
* @see https://tailwindcss.com/docs/stroke-width
|
|
3797
3799
|
*/
|
|
3798
3800
|
"stroke-w": [{
|
|
3799
|
-
stroke: [C, le, te,
|
|
3801
|
+
stroke: [C, le, te, tt]
|
|
3800
3802
|
}],
|
|
3801
3803
|
/**
|
|
3802
3804
|
* Stroke
|
|
@@ -3871,7 +3873,7 @@ const Ut = /* @__PURE__ */ O({
|
|
|
3871
3873
|
},
|
|
3872
3874
|
orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
|
|
3873
3875
|
};
|
|
3874
|
-
}, "getDefaultConfig"),
|
|
3876
|
+
}, "getDefaultConfig"), Jo = /* @__PURE__ */ zo(Yo), nt = {
|
|
3875
3877
|
default: {
|
|
3876
3878
|
solid: {
|
|
3877
3879
|
base: "bg-theme-0 dark:bg-theme-700/40 text-theme-600 dark:text-theme-50",
|
|
@@ -4157,10 +4159,10 @@ const Ut = /* @__PURE__ */ O({
|
|
|
4157
4159
|
icon: "text-red-600 dark:text-red-400"
|
|
4158
4160
|
}
|
|
4159
4161
|
}
|
|
4160
|
-
},
|
|
4162
|
+
}, Qo = {
|
|
4161
4163
|
key: 0,
|
|
4162
4164
|
class: "absolute inset-0 flex items-center justify-center"
|
|
4163
|
-
},
|
|
4165
|
+
}, st = /* @__PURE__ */ R({
|
|
4164
4166
|
__name: "FButton",
|
|
4165
4167
|
props: {
|
|
4166
4168
|
theme: { default: "default" },
|
|
@@ -4175,104 +4177,104 @@ const Ut = /* @__PURE__ */ O({
|
|
|
4175
4177
|
class: { default: "" }
|
|
4176
4178
|
},
|
|
4177
4179
|
setup(e) {
|
|
4178
|
-
const n = I(() => typeof e.icon == "string" ? e.icon : e.icon?.className), t = I(() => typeof e.iconAfter == "string" ? e.iconAfter : e.iconAfter?.className),
|
|
4180
|
+
const n = I(() => typeof e.icon == "string" ? e.icon : e.icon?.className), t = I(() => typeof e.iconAfter == "string" ? e.iconAfter : e.iconAfter?.className), o = I(() => e.href ? "a" : e.tag), s = I(() => ({
|
|
4179
4181
|
xxs: "size-2.5",
|
|
4180
4182
|
xs: "size-3",
|
|
4181
4183
|
sm: "size-3.5",
|
|
4182
4184
|
md: "size-4",
|
|
4183
4185
|
lg: "size-5",
|
|
4184
4186
|
xl: "size-6"
|
|
4185
|
-
})[e.size]),
|
|
4186
|
-
const
|
|
4187
|
-
return
|
|
4188
|
-
}),
|
|
4189
|
-
const
|
|
4187
|
+
})[e.size]), i = I(() => {
|
|
4188
|
+
const d = nt[e.theme]?.[e.design] || nt.default[e.design];
|
|
4189
|
+
return d || console.warn(`FButton: No theme configuration found for theme "${e.theme}" and design "${e.design}". Falling back to default solid theme.`), d || { base: "", border: "", hover: "", icon: "" };
|
|
4190
|
+
}), a = I(() => {
|
|
4191
|
+
const d = "relative inline-flex items-center justify-center gap-2 font-medium transition-all duration-200 focus:outline-none active:opacity-80 cursor-pointer", b = {
|
|
4190
4192
|
xxs: "px-2 py-0.5 text-[10px]",
|
|
4191
4193
|
xs: "px-3 py-1 text-[11px]",
|
|
4192
4194
|
sm: "px-3 py-1.5 text-xs",
|
|
4193
4195
|
md: "px-4 py-2 text-sm",
|
|
4194
4196
|
lg: "px-6 py-3 text-base",
|
|
4195
4197
|
xl: "px-8 py-4 text-base"
|
|
4196
|
-
}, x = e.design === "link" ? "!px-1" : "",
|
|
4198
|
+
}, x = e.design === "link" ? "!px-1" : "", f = {
|
|
4197
4199
|
md: "rounded-md",
|
|
4198
4200
|
lg: "rounded-lg",
|
|
4199
4201
|
"2xl": "rounded-2xl",
|
|
4200
4202
|
full: "rounded-full"
|
|
4201
|
-
},
|
|
4202
|
-
|
|
4203
|
-
|
|
4203
|
+
}, p = i.value, A = [
|
|
4204
|
+
d,
|
|
4205
|
+
b[e.size],
|
|
4204
4206
|
x,
|
|
4205
|
-
|
|
4206
|
-
|
|
4207
|
-
`border ${
|
|
4208
|
-
|
|
4207
|
+
f[e.rounding],
|
|
4208
|
+
p.base,
|
|
4209
|
+
`border ${p.border}`,
|
|
4210
|
+
p.hover
|
|
4209
4211
|
].filter(Boolean).join(" ");
|
|
4210
|
-
return
|
|
4212
|
+
return Jo(A, e.class);
|
|
4211
4213
|
}), l = I(() => ({
|
|
4212
|
-
design:
|
|
4214
|
+
design: i.value.icon || ""
|
|
4213
4215
|
}));
|
|
4214
|
-
return (
|
|
4216
|
+
return (d, b) => (u(), U($t(o.value), {
|
|
4215
4217
|
href: e.href,
|
|
4216
|
-
class: S(
|
|
4218
|
+
class: S(a.value)
|
|
4217
4219
|
}, {
|
|
4218
|
-
default:
|
|
4219
|
-
e.loading ? (u(),
|
|
4220
|
-
|
|
4221
|
-
class: S(
|
|
4220
|
+
default: H(() => [
|
|
4221
|
+
e.loading ? (u(), h("div", Qo, [
|
|
4222
|
+
P(Le, {
|
|
4223
|
+
class: S(s.value)
|
|
4222
4224
|
}, null, 8, ["class"])
|
|
4223
|
-
])) :
|
|
4224
|
-
|
|
4225
|
+
])) : T("", !0),
|
|
4226
|
+
c("span", {
|
|
4225
4227
|
class: S(["flex items-center gap-2 transition-opacity duration-200 whitespace-nowrap", e.loading ? "opacity-0" : "opacity-100"])
|
|
4226
4228
|
}, [
|
|
4227
|
-
n.value ? (u(),
|
|
4229
|
+
n.value ? (u(), h("span", {
|
|
4228
4230
|
key: 0,
|
|
4229
4231
|
class: S(["flex items-center size-[1.1em] mt-[-.07em]", [n.value, l.value.design]])
|
|
4230
|
-
}, null, 2)) :
|
|
4231
|
-
|
|
4232
|
-
t.value ? (u(),
|
|
4232
|
+
}, null, 2)) : T("", !0),
|
|
4233
|
+
ae(d.$slots, "default"),
|
|
4234
|
+
t.value ? (u(), h("span", {
|
|
4233
4235
|
key: 1,
|
|
4234
4236
|
class: S(["flex items-center size-[1.1em] mt-[-.07em]", [t.value, l.value.design]])
|
|
4235
|
-
}, null, 2)) :
|
|
4237
|
+
}, null, 2)) : T("", !0)
|
|
4236
4238
|
], 2)
|
|
4237
4239
|
]),
|
|
4238
4240
|
_: 3
|
|
4239
4241
|
}, 8, ["href", "class"]));
|
|
4240
4242
|
}
|
|
4241
|
-
}),
|
|
4243
|
+
}), Xo = { class: "flex-1 flex flex-col min-h-0 py-6 space-y-6 h-full overflow-scroll [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden relative" }, _o = { class: "flex-1 space-y-6 pb-12" }, er = {
|
|
4242
4244
|
key: 0,
|
|
4243
4245
|
class: "text-sm bg-white/10 backdrop-blur-sm rounded-2xl p-4 border border-white/20 space-y-3"
|
|
4244
|
-
},
|
|
4246
|
+
}, tr = ["innerHTML"], or = {
|
|
4245
4247
|
key: 1,
|
|
4246
4248
|
class: "bg-white/5 backdrop-blur-sm rounded-2xl p-4 border border-white/10"
|
|
4247
|
-
},
|
|
4249
|
+
}, rr = { class: "text-sm text-white/70 leading-relaxed" }, nr = {
|
|
4248
4250
|
key: 2,
|
|
4249
4251
|
class: "space-y-3"
|
|
4250
|
-
},
|
|
4252
|
+
}, sr = {
|
|
4251
4253
|
key: 3,
|
|
4252
4254
|
class: "space-y-3"
|
|
4253
|
-
},
|
|
4255
|
+
}, ar = { class: "grid grid-cols-2 gap-3" }, ir = /* @__PURE__ */ R({
|
|
4254
4256
|
__name: "ElAgentAbout",
|
|
4255
4257
|
props: {
|
|
4256
4258
|
agent: {}
|
|
4257
4259
|
},
|
|
4258
4260
|
setup(e) {
|
|
4259
|
-
return (n, t) => (u(),
|
|
4260
|
-
|
|
4261
|
-
|
|
4262
|
-
e.agent.summary ? (u(),
|
|
4263
|
-
t[0] || (t[0] =
|
|
4264
|
-
|
|
4261
|
+
return (n, t) => (u(), h("div", Xo, [
|
|
4262
|
+
P(Ve, { agent: e.agent }, null, 8, ["agent"]),
|
|
4263
|
+
c("div", _o, [
|
|
4264
|
+
e.agent.summary ? (u(), h("div", er, [
|
|
4265
|
+
t[0] || (t[0] = c("h3", { class: "font-medium text-white/50" }, " About ", -1)),
|
|
4266
|
+
c("div", {
|
|
4265
4267
|
class: "text-white/70 leading-relaxed",
|
|
4266
4268
|
innerHTML: e.agent.summary
|
|
4267
|
-
}, null, 8,
|
|
4268
|
-
])) :
|
|
4269
|
-
e.agent.entityType === "company" ? (u(),
|
|
4270
|
-
t[1] || (t[1] =
|
|
4271
|
-
|
|
4272
|
-
])) :
|
|
4273
|
-
e.agent.email ? (u(),
|
|
4274
|
-
t[3] || (t[3] =
|
|
4275
|
-
|
|
4269
|
+
}, null, 8, tr)
|
|
4270
|
+
])) : T("", !0),
|
|
4271
|
+
e.agent.entityType === "company" ? (u(), h("div", or, [
|
|
4272
|
+
t[1] || (t[1] = c("h3", { class: "text-sm font-medium text-white/90 mb-2" }, " Company Info ", -1)),
|
|
4273
|
+
c("p", rr, " This is a company agent representing " + N(e.agent.name) + ". ", 1)
|
|
4274
|
+
])) : T("", !0),
|
|
4275
|
+
e.agent.email ? (u(), h("div", nr, [
|
|
4276
|
+
t[3] || (t[3] = c("h3", { class: "text-sm font-medium text-white/90" }, " Contact ", -1)),
|
|
4277
|
+
P(st, {
|
|
4276
4278
|
design: "ghost",
|
|
4277
4279
|
theme: "default",
|
|
4278
4280
|
size: "sm",
|
|
@@ -4281,60 +4283,60 @@ const Ut = /* @__PURE__ */ O({
|
|
|
4281
4283
|
href: `mailto:${e.agent.email}`,
|
|
4282
4284
|
target: "_blank"
|
|
4283
4285
|
}, {
|
|
4284
|
-
default:
|
|
4286
|
+
default: H(() => [...t[2] || (t[2] = [
|
|
4285
4287
|
ce(" Email ", -1)
|
|
4286
4288
|
])]),
|
|
4287
4289
|
_: 1
|
|
4288
4290
|
}, 8, ["href"])
|
|
4289
|
-
])) :
|
|
4290
|
-
e.agent.accounts && e.agent.accounts.length > 0 ? (u(),
|
|
4291
|
-
t[4] || (t[4] =
|
|
4292
|
-
|
|
4293
|
-
(u(!0),
|
|
4294
|
-
key: `${
|
|
4291
|
+
])) : T("", !0),
|
|
4292
|
+
e.agent.accounts && e.agent.accounts.length > 0 ? (u(), h("div", sr, [
|
|
4293
|
+
t[4] || (t[4] = c("h3", { class: "text-sm font-medium text-white/90" }, " Links ", -1)),
|
|
4294
|
+
c("div", ar, [
|
|
4295
|
+
(u(!0), h(K, null, he(e.agent.accounts, (o) => (u(), U(st, {
|
|
4296
|
+
key: `${o.platform}-${o.handle}`,
|
|
4295
4297
|
design: "ghost",
|
|
4296
4298
|
theme: "default",
|
|
4297
4299
|
size: "md",
|
|
4298
4300
|
class: "bg-white/10 hover:bg-white/20 border border-white/20 text-white/80",
|
|
4299
|
-
icon:
|
|
4300
|
-
href:
|
|
4301
|
+
icon: j(se)[o.platform].icon,
|
|
4302
|
+
href: j(se)[o.platform].getUrl(o.handle),
|
|
4301
4303
|
target: "_blank"
|
|
4302
4304
|
}, {
|
|
4303
|
-
default:
|
|
4304
|
-
ce(
|
|
4305
|
+
default: H(() => [
|
|
4306
|
+
ce(N(j(se)[o.platform].label), 1)
|
|
4305
4307
|
]),
|
|
4306
4308
|
_: 2
|
|
4307
4309
|
}, 1032, ["icon", "href"]))), 128))
|
|
4308
4310
|
])
|
|
4309
|
-
])) :
|
|
4311
|
+
])) : T("", !0)
|
|
4310
4312
|
])
|
|
4311
4313
|
]));
|
|
4312
4314
|
}
|
|
4313
|
-
}),
|
|
4315
|
+
}), lr = { class: "flex flex-col h-full relative" }, cr = { class: "pb-4" }, dr = {
|
|
4314
4316
|
key: 0,
|
|
4315
4317
|
class: "text-white/60 py-16 flex flex-col items-center justify-center gap-3 text-sm"
|
|
4316
|
-
},
|
|
4318
|
+
}, ur = {
|
|
4317
4319
|
key: 1,
|
|
4318
4320
|
class: "text-theme-600 py-16 flex flex-col items-center justify-center gap-2 text-sm"
|
|
4319
|
-
},
|
|
4321
|
+
}, hr = {
|
|
4320
4322
|
key: 0,
|
|
4321
4323
|
class: "flex-shrink-0 size-8"
|
|
4322
|
-
},
|
|
4324
|
+
}, gr = ["src", "alt"], mr = { class: "max-w-[70%]" }, fr = { class: "text-sm leading-[1.5] whitespace-pre-wrap break-words" }, br = {
|
|
4323
4325
|
key: 0,
|
|
4324
4326
|
class: "flex gap-2 justify-start items-end mb-4"
|
|
4325
|
-
},
|
|
4327
|
+
}, pr = { class: "flex-shrink-0" }, vr = ["src", "alt"], xr = { class: "flex-shrink-0 pt-6 pb-2" }, kr = ["placeholder", "disabled"], ze = /* @__PURE__ */ R({
|
|
4326
4328
|
__name: "ElAgentChat",
|
|
4327
4329
|
props: {
|
|
4328
4330
|
agentController: {},
|
|
4329
4331
|
agent: {}
|
|
4330
4332
|
},
|
|
4331
4333
|
setup(e) {
|
|
4332
|
-
const n = L(""), t = L(),
|
|
4333
|
-
function
|
|
4334
|
-
const z = v[M],
|
|
4335
|
-
return !
|
|
4334
|
+
const n = L(""), t = L(), o = L(), s = I(() => ke(e.agent));
|
|
4335
|
+
function i(v, M) {
|
|
4336
|
+
const z = v[M], O = v[M + 1];
|
|
4337
|
+
return !O || O.sender !== z.sender;
|
|
4336
4338
|
}
|
|
4337
|
-
|
|
4339
|
+
r(i, "shouldShowAvatar"), ue(async () => {
|
|
4338
4340
|
if (e.agentController && !e.agentController.textState.value.isConnected)
|
|
4339
4341
|
try {
|
|
4340
4342
|
await e.agentController.startTextConversation();
|
|
@@ -4342,189 +4344,189 @@ const Ut = /* @__PURE__ */ O({
|
|
|
4342
4344
|
console.error("Failed to start text conversation:", v);
|
|
4343
4345
|
}
|
|
4344
4346
|
});
|
|
4345
|
-
async function
|
|
4347
|
+
async function a() {
|
|
4346
4348
|
if (!n.value.trim() || !e.agentController || !e.agentController.textState.value.isConnected)
|
|
4347
4349
|
return;
|
|
4348
4350
|
const v = n.value;
|
|
4349
|
-
n.value = "",
|
|
4351
|
+
n.value = "", o.value && (o.value.style.height = "auto", o.value.focus());
|
|
4350
4352
|
try {
|
|
4351
|
-
await e.agentController.sendChatMessage(v),
|
|
4353
|
+
await e.agentController.sendChatMessage(v), d();
|
|
4352
4354
|
} catch (M) {
|
|
4353
4355
|
console.error("Error sending message:", M);
|
|
4354
4356
|
}
|
|
4355
4357
|
}
|
|
4356
|
-
|
|
4358
|
+
r(a, "sendMessage");
|
|
4357
4359
|
function l(v) {
|
|
4358
|
-
v.key === "Enter" && !v.shiftKey && (v.preventDefault(),
|
|
4360
|
+
v.key === "Enter" && !v.shiftKey && (v.preventDefault(), a());
|
|
4359
4361
|
}
|
|
4360
|
-
|
|
4361
|
-
function
|
|
4362
|
-
t.value &&
|
|
4362
|
+
r(l, "handleKeydown");
|
|
4363
|
+
function d() {
|
|
4364
|
+
t.value && Ie(() => {
|
|
4363
4365
|
const v = t.value;
|
|
4364
4366
|
v.scrollTop = v.scrollHeight;
|
|
4365
4367
|
});
|
|
4366
4368
|
}
|
|
4367
|
-
|
|
4368
|
-
function
|
|
4369
|
-
if (!
|
|
4369
|
+
r(d, "scrollToBottom");
|
|
4370
|
+
function b() {
|
|
4371
|
+
if (!o.value)
|
|
4370
4372
|
return;
|
|
4371
|
-
|
|
4372
|
-
const v = Math.min(
|
|
4373
|
-
|
|
4373
|
+
o.value.style.height = "auto";
|
|
4374
|
+
const v = Math.min(o.value.scrollHeight, 150);
|
|
4375
|
+
o.value.style.height = `${v}px`;
|
|
4374
4376
|
}
|
|
4375
|
-
|
|
4376
|
-
|
|
4377
|
+
r(b, "adjustTextareaHeight"), Q(n, () => {
|
|
4378
|
+
Ie(() => b());
|
|
4377
4379
|
});
|
|
4378
4380
|
const x = I(() => {
|
|
4379
4381
|
const v = e.agentController?.textState.value;
|
|
4380
4382
|
return v?.connectionStatus === "disconnected" && !!v?.error;
|
|
4381
|
-
}),
|
|
4383
|
+
}), f = I(() => {
|
|
4382
4384
|
const v = e.agentController?.textState.value;
|
|
4383
4385
|
return v?.connectionStatus !== "connected" && !v?.error;
|
|
4384
|
-
}),
|
|
4386
|
+
}), p = I(() => x.value ? "Agent is offline" : f.value ? "Connecting..." : "Message"), A = I(() => !e.agentController?.textState.value.isConnected);
|
|
4385
4387
|
return Q(() => e.agentController?.sharedMessages.value, (v) => {
|
|
4386
|
-
v && v.length > 0 &&
|
|
4387
|
-
}, { immediate: !0, deep: !0 }), (v, M) => (u(),
|
|
4388
|
-
|
|
4389
|
-
|
|
4388
|
+
v && v.length > 0 && Ie(() => d());
|
|
4389
|
+
}, { immediate: !0, deep: !0 }), (v, M) => (u(), h("div", lr, [
|
|
4390
|
+
c("div", cr, [
|
|
4391
|
+
P(Ve, { agent: e.agent }, null, 8, ["agent"])
|
|
4390
4392
|
]),
|
|
4391
|
-
x.value ? (u(),
|
|
4392
|
-
M[1] || (M[1] =
|
|
4393
|
-
|
|
4394
|
-
])) :
|
|
4395
|
-
|
|
4396
|
-
])) :
|
|
4397
|
-
|
|
4393
|
+
x.value ? (u(), h("div", dr, [
|
|
4394
|
+
M[1] || (M[1] = c("i", { class: "i-heroicons-cloud-arrow-down size-8 text-white/40" }, null, -1)),
|
|
4395
|
+
c("span", null, N(e.agentController?.textState.value.error), 1)
|
|
4396
|
+
])) : f.value ? (u(), h("div", ur, [
|
|
4397
|
+
P(Le, { class: "size-4" })
|
|
4398
|
+
])) : T("", !0),
|
|
4399
|
+
c("div", {
|
|
4398
4400
|
ref_key: "messagesContainer",
|
|
4399
4401
|
ref: t,
|
|
4400
4402
|
class: "flex-1 overflow-y-auto overflow-x-hidden py-8 space-y-1 min-h-0 [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden"
|
|
4401
4403
|
}, [
|
|
4402
|
-
(u(!0),
|
|
4404
|
+
(u(!0), h(K, null, he(e.agentController?.sharedMessages.value.filter((z) => z.sender !== "system") ?? [], (z, O) => (u(), h("div", {
|
|
4403
4405
|
key: z.id,
|
|
4404
4406
|
class: S(["flex gap-2 items-end", {
|
|
4405
4407
|
"justify-end": z.sender === "user",
|
|
4406
4408
|
"justify-start": z.sender === "agent",
|
|
4407
|
-
"mb-4":
|
|
4409
|
+
"mb-4": i(e.agentController?.sharedMessages.value.filter(($) => $.sender !== "system") ?? [], O)
|
|
4408
4410
|
}])
|
|
4409
4411
|
}, [
|
|
4410
|
-
z.sender === "agent" ? (u(),
|
|
4411
|
-
|
|
4412
|
+
z.sender === "agent" ? (u(), h("div", hr, [
|
|
4413
|
+
i(e.agentController?.sharedMessages.value.filter(($) => $.sender !== "system") ?? [], O) ? (u(), h("img", {
|
|
4412
4414
|
key: 0,
|
|
4413
|
-
src:
|
|
4415
|
+
src: s.value,
|
|
4414
4416
|
alt: e.agent.name,
|
|
4415
4417
|
class: "size-7 rounded-full object-cover"
|
|
4416
|
-
}, null, 8,
|
|
4417
|
-
])) :
|
|
4418
|
-
|
|
4419
|
-
|
|
4418
|
+
}, null, 8, gr)) : T("", !0)
|
|
4419
|
+
])) : T("", !0),
|
|
4420
|
+
c("div", mr, [
|
|
4421
|
+
c("div", {
|
|
4420
4422
|
class: S(["rounded-2xl px-3.5 py-1.5 backdrop-blur-sm", z.sender === "user" ? "bg-primary-500/80 text-white" : "bg-white/15 text-white/95"])
|
|
4421
4423
|
}, [
|
|
4422
|
-
|
|
4424
|
+
c("p", fr, N(z.text), 1)
|
|
4423
4425
|
], 2)
|
|
4424
4426
|
])
|
|
4425
4427
|
], 2))), 128)),
|
|
4426
|
-
e.agentController?.textState.value.isThinking ? (u(),
|
|
4427
|
-
|
|
4428
|
-
|
|
4429
|
-
src:
|
|
4428
|
+
e.agentController?.textState.value.isThinking ? (u(), h("div", br, [
|
|
4429
|
+
c("div", pr, [
|
|
4430
|
+
c("img", {
|
|
4431
|
+
src: s.value,
|
|
4430
4432
|
alt: e.agent.name,
|
|
4431
4433
|
class: "size-8 rounded-full object-cover"
|
|
4432
|
-
}, null, 8,
|
|
4434
|
+
}, null, 8, vr)
|
|
4433
4435
|
]),
|
|
4434
|
-
M[2] || (M[2] =
|
|
4435
|
-
|
|
4436
|
+
M[2] || (M[2] = c("div", { class: "rounded-2xl px-4 py-2.5 bg-white/15 backdrop-blur-sm flex items-center" }, [
|
|
4437
|
+
c("i", { class: "i-svg-spinners-3-dots-fade size-6 text-white/70" })
|
|
4436
4438
|
], -1))
|
|
4437
|
-
])) :
|
|
4439
|
+
])) : T("", !0)
|
|
4438
4440
|
], 512),
|
|
4439
|
-
|
|
4440
|
-
|
|
4441
|
+
c("div", xr, [
|
|
4442
|
+
it(c("textarea", {
|
|
4441
4443
|
ref_key: "textarea",
|
|
4442
|
-
ref:
|
|
4444
|
+
ref: o,
|
|
4443
4445
|
"onUpdate:modelValue": M[0] || (M[0] = (z) => n.value = z),
|
|
4444
4446
|
rows: "1",
|
|
4445
|
-
placeholder:
|
|
4447
|
+
placeholder: p.value,
|
|
4446
4448
|
disabled: A.value,
|
|
4447
4449
|
style: { "font-size": "16px", resize: "none" },
|
|
4448
4450
|
class: "w-full bg-white/10 backdrop-blur-sm border border-white/20 rounded-3xl px-5 py-3 text-white placeholder-white/50 focus:outline-none focus:border-white/40 disabled:opacity-50 overflow-y-auto [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden",
|
|
4449
4451
|
onKeydown: l
|
|
4450
|
-
}, null, 40,
|
|
4451
|
-
[
|
|
4452
|
+
}, null, 40, kr), [
|
|
4453
|
+
[lt, n.value]
|
|
4452
4454
|
]),
|
|
4453
|
-
M[3] || (M[3] =
|
|
4455
|
+
M[3] || (M[3] = c("div", { class: "text-[10px] text-white/40 text-center mt-2" }, " Press Enter to send, Shift+Enter for new line ", -1))
|
|
4454
4456
|
])
|
|
4455
4457
|
]));
|
|
4456
4458
|
}
|
|
4457
|
-
}),
|
|
4459
|
+
}), yr = { class: "flex flex-col items-center text-center gap-4" }, wr = { class: "relative flex-shrink-0" }, Cr = { class: "w-20 h-20 sm:w-24 sm:h-24 rounded-full overflow-hidden border-4 border-white" }, Ar = ["src", "alt"], Sr = { class: "min-w-0" }, Ir = { class: "text-3xl font-light text-white mb-2 truncate" }, Mr = { class: "text-base font-light text-white/60 line-clamp-1" }, zr = /* @__PURE__ */ R({
|
|
4458
4460
|
__name: "ElAgentHeader",
|
|
4459
4461
|
props: {
|
|
4460
4462
|
agent: {}
|
|
4461
4463
|
},
|
|
4462
4464
|
setup(e) {
|
|
4463
4465
|
function n() {
|
|
4464
|
-
return e.agent.avatar?.src ? e.agent.avatar.src :
|
|
4466
|
+
return e.agent.avatar?.src ? e.agent.avatar.src : de();
|
|
4465
4467
|
}
|
|
4466
|
-
return
|
|
4467
|
-
|
|
4468
|
-
|
|
4469
|
-
|
|
4468
|
+
return r(n, "getAvatarSrc"), (t, o) => (u(), h("div", yr, [
|
|
4469
|
+
c("div", wr, [
|
|
4470
|
+
c("div", Cr, [
|
|
4471
|
+
c("img", {
|
|
4470
4472
|
src: n(),
|
|
4471
4473
|
alt: e.agent.name,
|
|
4472
4474
|
class: "w-full h-full object-cover",
|
|
4473
|
-
onError:
|
|
4474
|
-
(...
|
|
4475
|
-
}, null, 40,
|
|
4475
|
+
onError: o[0] || (o[0] = //@ts-ignore
|
|
4476
|
+
(...s) => j(ye) && j(ye)(...s))
|
|
4477
|
+
}, null, 40, Ar)
|
|
4476
4478
|
]),
|
|
4477
|
-
|
|
4478
|
-
|
|
4479
|
+
o[1] || (o[1] = c("div", { class: "absolute top-1.5 right-1.5" }, [
|
|
4480
|
+
c("div", {
|
|
4479
4481
|
class: "size-4 bg-green-500 rounded-full ring-2 ring-white absolute animate-ping",
|
|
4480
4482
|
style: { "animation-duration": "3s" }
|
|
4481
4483
|
}),
|
|
4482
|
-
|
|
4484
|
+
c("div", { class: "size-4 bg-green-500 rounded-full ring-2 ring-white" })
|
|
4483
4485
|
], -1))
|
|
4484
4486
|
]),
|
|
4485
|
-
|
|
4486
|
-
|
|
4487
|
-
|
|
4487
|
+
c("div", Sr, [
|
|
4488
|
+
c("h1", Ir, N(e.agent.name), 1),
|
|
4489
|
+
c("p", Mr, N(e.agent.title), 1)
|
|
4488
4490
|
])
|
|
4489
4491
|
]));
|
|
4490
4492
|
}
|
|
4491
|
-
}),
|
|
4493
|
+
}), Tr = { class: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[28px] h-[28px] overflow-hidden" }, $r = /* @__PURE__ */ R({
|
|
4492
4494
|
name: "SelfSidebarClose",
|
|
4493
4495
|
__name: "AgentSidebarClose",
|
|
4494
4496
|
emits: ["click"],
|
|
4495
4497
|
setup(e) {
|
|
4496
4498
|
const n = L(!1);
|
|
4497
|
-
return
|
|
4499
|
+
return ue(() => {
|
|
4498
4500
|
setTimeout(() => {
|
|
4499
4501
|
n.value = !0;
|
|
4500
4502
|
}, 100);
|
|
4501
|
-
}), (t,
|
|
4503
|
+
}), (t, o) => (u(), h("a", {
|
|
4502
4504
|
class: "close block cursor-pointer w-[60px] h-[60px] rounded-full transition-all duration-1000 ease-[cubic-bezier(0.25,1,0.33,1)] hover:scale-110 active:scale-90 hover:rotate-90",
|
|
4503
|
-
onClick:
|
|
4505
|
+
onClick: o[0] || (o[0] = (s) => t.$emit("click", s))
|
|
4504
4506
|
}, [
|
|
4505
|
-
|
|
4506
|
-
|
|
4507
|
-
|
|
4507
|
+
o[1] || (o[1] = c("span", { class: "absolute inset-0 rounded-full transition-all" }, null, -1)),
|
|
4508
|
+
c("span", Tr, [
|
|
4509
|
+
c("span", {
|
|
4508
4510
|
class: S(["absolute h-full w-[3px] rounded-[5px] left-[13px] transition-all duration-[400ms] ease-[cubic-bezier(0.52,0.01,0.16,1)]", n.value ? "translate-y-0 translate-x-0 rotate-45" : "translate-y-[30px] -translate-x-[30px] rotate-0"]),
|
|
4509
4511
|
style: { "background-color": "currentColor", "transition-delay": "0.15s" }
|
|
4510
4512
|
}, null, 2),
|
|
4511
|
-
|
|
4513
|
+
c("span", {
|
|
4512
4514
|
class: S(["absolute h-full w-[3px] rounded-[5px] left-[13px] transition-all duration-[400ms] ease-[cubic-bezier(0.52,0.01,0.16,1)]", n.value ? "translate-y-0 translate-x-0 -rotate-45" : "-translate-y-[30px] -translate-x-[30px] rotate-0"]),
|
|
4513
4515
|
style: { "background-color": "currentColor", "transition-delay": "0.45s" }
|
|
4514
4516
|
}, null, 2)
|
|
4515
4517
|
])
|
|
4516
4518
|
]));
|
|
4517
4519
|
}
|
|
4518
|
-
}),
|
|
4520
|
+
}), Er = {
|
|
4519
4521
|
key: 0,
|
|
4520
4522
|
class: "px-9 pt-12 pb-4"
|
|
4521
|
-
},
|
|
4523
|
+
}, Dr = { class: "text-base font-medium text-theme-400" }, Lr = {
|
|
4522
4524
|
key: 1,
|
|
4523
4525
|
class: "px-4 pb-8 border-b border-white/10"
|
|
4524
|
-
},
|
|
4526
|
+
}, Vr = ["disabled", "onClick"], jr = { class: "flex items-center gap-3" }, Pr = { class: "flex-1" }, Br = {
|
|
4525
4527
|
key: 0,
|
|
4526
4528
|
class: "text-xs text-white/50 mt-0.5"
|
|
4527
|
-
},
|
|
4529
|
+
}, Nr = { class: "p-6" }, Mt = /* @__PURE__ */ R({
|
|
4528
4530
|
name: "ElSidebar",
|
|
4529
4531
|
inheritAttrs: !1,
|
|
4530
4532
|
__name: "ElSidebar",
|
|
@@ -4537,15 +4539,15 @@ const Ut = /* @__PURE__ */ O({
|
|
|
4537
4539
|
},
|
|
4538
4540
|
emits: ["update:modelValue"],
|
|
4539
4541
|
setup(e, { emit: n }) {
|
|
4540
|
-
const t = e,
|
|
4541
|
-
get: /* @__PURE__ */
|
|
4542
|
-
set: /* @__PURE__ */
|
|
4542
|
+
const t = e, o = n, s = t.position || "left", i = t.widthClasses || "w-[80%] max-w-[300px]", a = I({
|
|
4543
|
+
get: /* @__PURE__ */ r(() => t.modelValue, "get"),
|
|
4544
|
+
set: /* @__PURE__ */ r((x) => o("update:modelValue", x), "set")
|
|
4543
4545
|
}), l = I(() => t.items.filter((x) => !x.isHidden));
|
|
4544
|
-
function
|
|
4545
|
-
x.isDisabled || (x.onClick ? x.onClick({ item: x, event: new MouseEvent("click") }) : x.href && (x.href.includes("http") ? window.open(x.href, x.target || "_self")?.focus() : window.location.href = x.href),
|
|
4546
|
+
function d(x) {
|
|
4547
|
+
x.isDisabled || (x.onClick ? x.onClick({ item: x, event: new MouseEvent("click") }) : x.href && (x.href.includes("http") ? window.open(x.href, x.target || "_self")?.focus() : window.location.href = x.href), a.value = !1);
|
|
4546
4548
|
}
|
|
4547
|
-
|
|
4548
|
-
const
|
|
4549
|
+
r(d, "handleItemClick");
|
|
4550
|
+
const b = I(() => s === "left" ? {
|
|
4549
4551
|
enter: "-translate-x-full",
|
|
4550
4552
|
leave: "-translate-x-full",
|
|
4551
4553
|
position: "justify-start",
|
|
@@ -4556,8 +4558,8 @@ const Ut = /* @__PURE__ */ O({
|
|
|
4556
4558
|
position: "justify-end",
|
|
4557
4559
|
closeButton: "-left-16"
|
|
4558
4560
|
});
|
|
4559
|
-
return (x,
|
|
4560
|
-
|
|
4561
|
+
return (x, f) => (u(), h(K, null, [
|
|
4562
|
+
P(Ke, {
|
|
4561
4563
|
"enter-active-class": "transition-opacity duration-300 ease-out",
|
|
4562
4564
|
"leave-active-class": "transition-opacity duration-200 ease-in",
|
|
4563
4565
|
"enter-from-class": "opacity-0",
|
|
@@ -4565,92 +4567,92 @@ const Ut = /* @__PURE__ */ O({
|
|
|
4565
4567
|
"leave-from-class": "opacity-100",
|
|
4566
4568
|
"leave-to-class": "opacity-0"
|
|
4567
4569
|
}, {
|
|
4568
|
-
default:
|
|
4569
|
-
|
|
4570
|
+
default: H(() => [
|
|
4571
|
+
a.value ? (u(), h("div", {
|
|
4570
4572
|
key: 0,
|
|
4571
4573
|
class: "absolute inset-0 z-40 bg-black/50 backdrop-blur-sm",
|
|
4572
|
-
onClick:
|
|
4573
|
-
})) :
|
|
4574
|
+
onClick: f[0] || (f[0] = (p) => a.value = !1)
|
|
4575
|
+
})) : T("", !0)
|
|
4574
4576
|
]),
|
|
4575
4577
|
_: 1
|
|
4576
4578
|
}),
|
|
4577
|
-
|
|
4579
|
+
P(Ke, {
|
|
4578
4580
|
"enter-active-class": "transition-all duration-500 ease-[cubic-bezier(0.25,1,0.33,1)]",
|
|
4579
4581
|
"leave-active-class": "transition-all duration-400 ease-[cubic-bezier(0.25,1,0.33,1)]",
|
|
4580
|
-
"enter-from-class":
|
|
4582
|
+
"enter-from-class": b.value.enter,
|
|
4581
4583
|
"enter-to-class": "translate-x-0",
|
|
4582
4584
|
"leave-from-class": "translate-x-0",
|
|
4583
|
-
"leave-to-class":
|
|
4585
|
+
"leave-to-class": b.value.leave
|
|
4584
4586
|
}, {
|
|
4585
|
-
default:
|
|
4586
|
-
|
|
4587
|
+
default: H(() => [
|
|
4588
|
+
a.value ? (u(), h("div", {
|
|
4587
4589
|
key: 0,
|
|
4588
|
-
class: S(["absolute inset-0 z-50 flex",
|
|
4589
|
-
onClick:
|
|
4590
|
+
class: S(["absolute inset-0 z-50 flex", b.value.position]),
|
|
4591
|
+
onClick: f[3] || (f[3] = (p) => a.value = !1)
|
|
4590
4592
|
}, [
|
|
4591
|
-
|
|
4592
|
-
class: S(["relative h-full shadow-2xl bg-black/30 backdrop-blur-xl flex flex-col justify-center",
|
|
4593
|
-
onClick:
|
|
4593
|
+
c("div", {
|
|
4594
|
+
class: S(["relative h-full shadow-2xl bg-black/30 backdrop-blur-xl flex flex-col justify-center", j(i)]),
|
|
4595
|
+
onClick: f[2] || (f[2] = Te(() => {
|
|
4594
4596
|
}, ["stop"]))
|
|
4595
4597
|
}, [
|
|
4596
|
-
|
|
4597
|
-
class: S(["absolute top-4 z-10 text-white",
|
|
4598
|
-
onClick:
|
|
4598
|
+
P($r, {
|
|
4599
|
+
class: S(["absolute top-4 z-10 text-white", b.value.closeButton]),
|
|
4600
|
+
onClick: f[1] || (f[1] = (p) => a.value = !1)
|
|
4599
4601
|
}, null, 8, ["class"]),
|
|
4600
|
-
e.title ? (u(),
|
|
4601
|
-
|
|
4602
|
-
])) :
|
|
4603
|
-
x.$slots.header ? (u(),
|
|
4604
|
-
|
|
4605
|
-
])) :
|
|
4606
|
-
|
|
4602
|
+
e.title ? (u(), h("div", Er, [
|
|
4603
|
+
c("h3", Dr, N(e.title), 1)
|
|
4604
|
+
])) : T("", !0),
|
|
4605
|
+
x.$slots.header ? (u(), h("div", Lr, [
|
|
4606
|
+
ae(x.$slots, "header")
|
|
4607
|
+
])) : T("", !0),
|
|
4608
|
+
c("div", {
|
|
4607
4609
|
class: S(["flex-1 p-6 space-y-2 overflow-y-auto", { "pt-6": !e.title && !x.$slots.header, "pt-4": e.title || x.$slots.header }])
|
|
4608
4610
|
}, [
|
|
4609
|
-
|
|
4611
|
+
P(at, {
|
|
4610
4612
|
"enter-active-class": "transition-all duration-400 ease-[cubic-bezier(0.25,1,0.33,1)]",
|
|
4611
4613
|
"leave-active-class": "transition-all duration-200 ease-[cubic-bezier(0.25,1,0.33,1)]",
|
|
4612
|
-
"enter-from-class":
|
|
4614
|
+
"enter-from-class": j(s) === "left" ? "-translate-x-4 opacity-0" : "translate-x-4 opacity-0",
|
|
4613
4615
|
"enter-to-class": "translate-x-0 opacity-100",
|
|
4614
4616
|
"leave-from-class": "translate-x-0 opacity-100",
|
|
4615
|
-
"leave-to-class":
|
|
4617
|
+
"leave-to-class": j(s) === "left" ? "-translate-x-4 opacity-0" : "translate-x-4 opacity-0"
|
|
4616
4618
|
}, {
|
|
4617
|
-
default:
|
|
4618
|
-
(u(!0),
|
|
4619
|
-
key:
|
|
4619
|
+
default: H(() => [
|
|
4620
|
+
(u(!0), h(K, null, he(l.value, (p, A) => (u(), h("button", {
|
|
4621
|
+
key: p.key || p.label || A,
|
|
4620
4622
|
style: ct({ transitionDelay: `${A * 40}ms` }),
|
|
4621
4623
|
class: S(["cursor-pointer w-full text-left p-3 rounded-xl transition-all duration-200 ease-[cubic-bezier(0.25,1,0.33,1)] group", [
|
|
4622
|
-
|
|
4623
|
-
|
|
4624
|
+
p.isActive ? "bg-primary-500/20 border border-primary-500/40" : "hover:bg-white/10",
|
|
4625
|
+
p.isDisabled && "opacity-50 cursor-not-allowed"
|
|
4624
4626
|
]]),
|
|
4625
|
-
disabled:
|
|
4626
|
-
onClick: /* @__PURE__ */
|
|
4627
|
+
disabled: p.isDisabled,
|
|
4628
|
+
onClick: /* @__PURE__ */ r((v) => d(p), "onClick")
|
|
4627
4629
|
}, [
|
|
4628
|
-
|
|
4629
|
-
|
|
4630
|
+
c("div", jr, [
|
|
4631
|
+
p.icon?.src ? (u(), h("i", {
|
|
4630
4632
|
key: 0,
|
|
4631
4633
|
class: S(["size-5 flex-shrink-0 transition-transform duration-200 ease-[cubic-bezier(0.25,1,0.33,1)] group-hover:scale-110", [
|
|
4632
|
-
|
|
4633
|
-
|
|
4634
|
+
p.icon.src,
|
|
4635
|
+
p.isActive ? "text-primary-400" : "text-white/70 group-hover:text-white"
|
|
4634
4636
|
]])
|
|
4635
|
-
}, null, 2)) :
|
|
4636
|
-
|
|
4637
|
-
|
|
4638
|
-
class: S(["font-medium text-sm",
|
|
4639
|
-
},
|
|
4640
|
-
|
|
4637
|
+
}, null, 2)) : T("", !0),
|
|
4638
|
+
c("div", Pr, [
|
|
4639
|
+
c("div", {
|
|
4640
|
+
class: S(["font-medium text-sm", p.isActive ? "text-primary-300" : "text-white"])
|
|
4641
|
+
}, N(p.label), 3),
|
|
4642
|
+
p.subLabel ? (u(), h("div", Br, N(p.subLabel), 1)) : T("", !0)
|
|
4641
4643
|
])
|
|
4642
4644
|
])
|
|
4643
|
-
], 14,
|
|
4645
|
+
], 14, Vr))), 128))
|
|
4644
4646
|
]),
|
|
4645
4647
|
_: 1
|
|
4646
4648
|
}, 8, ["enter-from-class", "leave-to-class"])
|
|
4647
4649
|
], 2),
|
|
4648
|
-
|
|
4649
|
-
|
|
4650
|
-
|
|
4651
|
-
|
|
4650
|
+
c("div", Nr, [
|
|
4651
|
+
ae(x.$slots, "footer", {}, () => [
|
|
4652
|
+
f[4] || (f[4] = c("div", { class: "text-center" }, [
|
|
4653
|
+
c("p", { class: "text-[10px] text-white/40 font-sans" }, [
|
|
4652
4654
|
ce(" AI Agent by "),
|
|
4653
|
-
|
|
4655
|
+
c("a", {
|
|
4654
4656
|
href: "https://www.pagelines.com",
|
|
4655
4657
|
target: "_blank",
|
|
4656
4658
|
class: "text-white/60 hover:text-white/80 transition-colors"
|
|
@@ -4660,13 +4662,13 @@ const Ut = /* @__PURE__ */ O({
|
|
|
4660
4662
|
])
|
|
4661
4663
|
])
|
|
4662
4664
|
], 2)
|
|
4663
|
-
], 2)) :
|
|
4665
|
+
], 2)) : T("", !0)
|
|
4664
4666
|
]),
|
|
4665
4667
|
_: 3
|
|
4666
4668
|
}, 8, ["enter-from-class", "leave-to-class"])
|
|
4667
4669
|
], 64));
|
|
4668
4670
|
}
|
|
4669
|
-
}),
|
|
4671
|
+
}), Or = /* @__PURE__ */ R({
|
|
4670
4672
|
name: "AgentModeSidebar",
|
|
4671
4673
|
__name: "ElAgentModeSidebar",
|
|
4672
4674
|
props: {
|
|
@@ -4675,28 +4677,28 @@ const Ut = /* @__PURE__ */ O({
|
|
|
4675
4677
|
},
|
|
4676
4678
|
emits: ["update:modelValue"],
|
|
4677
4679
|
setup(e, { emit: n }) {
|
|
4678
|
-
const t = e,
|
|
4679
|
-
get: /* @__PURE__ */
|
|
4680
|
-
set: /* @__PURE__ */
|
|
4681
|
-
}),
|
|
4680
|
+
const t = e, o = n, s = I({
|
|
4681
|
+
get: /* @__PURE__ */ r(() => t.modelValue, "get"),
|
|
4682
|
+
set: /* @__PURE__ */ r((l) => o("update:modelValue", l), "set")
|
|
4683
|
+
}), i = I(() => t.agentController?.agentMode?.value ?? "self"), a = I(() => ut.map((l) => ({
|
|
4682
4684
|
key: l.mode,
|
|
4683
4685
|
icon: { src: l.icon },
|
|
4684
4686
|
label: l.label,
|
|
4685
|
-
isActive:
|
|
4686
|
-
onClick: /* @__PURE__ */
|
|
4687
|
+
isActive: i.value === l.mode,
|
|
4688
|
+
onClick: /* @__PURE__ */ r(() => {
|
|
4687
4689
|
t.agentController?.setMode(l.mode);
|
|
4688
4690
|
}, "onClick")
|
|
4689
4691
|
})));
|
|
4690
|
-
return (l,
|
|
4691
|
-
modelValue:
|
|
4692
|
-
"onUpdate:modelValue":
|
|
4693
|
-
items:
|
|
4692
|
+
return (l, d) => (u(), U(Mt, {
|
|
4693
|
+
modelValue: s.value,
|
|
4694
|
+
"onUpdate:modelValue": d[0] || (d[0] = (b) => s.value = b),
|
|
4695
|
+
items: a.value,
|
|
4694
4696
|
position: "right",
|
|
4695
4697
|
title: "Mode",
|
|
4696
4698
|
"width-classes": "w-[80%] max-w-[255px]"
|
|
4697
4699
|
}, null, 8, ["modelValue", "items"]));
|
|
4698
4700
|
}
|
|
4699
|
-
}),
|
|
4701
|
+
}), Rr = /* @__PURE__ */ R({
|
|
4700
4702
|
name: "AgentSidebar",
|
|
4701
4703
|
__name: "ElAgentSidebar",
|
|
4702
4704
|
props: {
|
|
@@ -4707,16 +4709,16 @@ const Ut = /* @__PURE__ */ O({
|
|
|
4707
4709
|
},
|
|
4708
4710
|
emits: ["update:modelValue"],
|
|
4709
4711
|
setup(e, { emit: n }) {
|
|
4710
|
-
const t = e,
|
|
4711
|
-
get: /* @__PURE__ */
|
|
4712
|
-
set: /* @__PURE__ */
|
|
4713
|
-
}),
|
|
4714
|
-
const
|
|
4712
|
+
const t = e, o = n, s = I({
|
|
4713
|
+
get: /* @__PURE__ */ r(() => t.modelValue, "get"),
|
|
4714
|
+
set: /* @__PURE__ */ r((a) => o("update:modelValue", a), "set")
|
|
4715
|
+
}), i = I(() => {
|
|
4716
|
+
const a = [
|
|
4715
4717
|
{
|
|
4716
4718
|
key: "share",
|
|
4717
4719
|
icon: { src: "i-tabler-share" },
|
|
4718
4720
|
label: "Share This Digital Agent",
|
|
4719
|
-
onClick: /* @__PURE__ */
|
|
4721
|
+
onClick: /* @__PURE__ */ r(() => {
|
|
4720
4722
|
const l = `${window.location.origin}/@${t.agent.handle || t.agent.agentId}`;
|
|
4721
4723
|
navigator.clipboard.writeText(l);
|
|
4722
4724
|
}, "onClick")
|
|
@@ -4725,7 +4727,7 @@ const Ut = /* @__PURE__ */ O({
|
|
|
4725
4727
|
key: "profile",
|
|
4726
4728
|
icon: { src: "i-tabler-user" },
|
|
4727
4729
|
label: "Visit Full Profile",
|
|
4728
|
-
onClick: /* @__PURE__ */
|
|
4730
|
+
onClick: /* @__PURE__ */ r(() => {
|
|
4729
4731
|
window.open(`/@${t.agent.handle || t.agent.agentId}`, "_blank");
|
|
4730
4732
|
}, "onClick")
|
|
4731
4733
|
},
|
|
@@ -4733,53 +4735,62 @@ const Ut = /* @__PURE__ */ O({
|
|
|
4733
4735
|
key: "create",
|
|
4734
4736
|
icon: { src: "i-tabler-sparkles" },
|
|
4735
4737
|
label: "Create Your Own",
|
|
4736
|
-
onClick: /* @__PURE__ */
|
|
4738
|
+
onClick: /* @__PURE__ */ r(() => {
|
|
4737
4739
|
window.open("/auth", "_blank");
|
|
4738
4740
|
}, "onClick")
|
|
4739
4741
|
}
|
|
4740
4742
|
];
|
|
4741
|
-
return t.sdk.activeUser.value &&
|
|
4743
|
+
return t.sdk.activeUser.value && a.push({
|
|
4742
4744
|
key: "logout",
|
|
4743
4745
|
icon: { src: "i-tabler-logout" },
|
|
4744
4746
|
label: "Logout",
|
|
4745
|
-
onClick: /* @__PURE__ */
|
|
4747
|
+
onClick: /* @__PURE__ */ r(async () => {
|
|
4746
4748
|
await t.sdk.logout();
|
|
4747
4749
|
}, "onClick")
|
|
4748
|
-
}),
|
|
4750
|
+
}), a;
|
|
4749
4751
|
});
|
|
4750
|
-
return (
|
|
4751
|
-
modelValue:
|
|
4752
|
-
"onUpdate:modelValue": l[0] || (l[0] = (
|
|
4753
|
-
items:
|
|
4752
|
+
return (a, l) => (u(), U(Mt, {
|
|
4753
|
+
modelValue: s.value,
|
|
4754
|
+
"onUpdate:modelValue": l[0] || (l[0] = (d) => s.value = d),
|
|
4755
|
+
items: i.value,
|
|
4754
4756
|
position: "left",
|
|
4755
4757
|
title: e.title || "Menu"
|
|
4756
4758
|
}, null, 8, ["modelValue", "items", "title"]));
|
|
4757
4759
|
}
|
|
4758
|
-
}),
|
|
4760
|
+
}), Fr = {
|
|
4759
4761
|
key: 0,
|
|
4760
4762
|
class: "absolute inset-0 flex items-center justify-center bg-gradient-to-br from-theme-800 to-theme-950 rounded-3xl z-10"
|
|
4761
|
-
},
|
|
4763
|
+
}, Gr = ["data-quality"], Ur = {
|
|
4764
|
+
key: 0,
|
|
4765
|
+
class: "flex items-center"
|
|
4766
|
+
}, Hr = { class: "flex-1 flex items-center gap-3 pl-2" }, Wr = ["src", "alt"], qr = { class: "text-white/90 text-sm font-medium" }, Zr = {
|
|
4767
|
+
key: 0,
|
|
4768
|
+
class: "flex justify-end"
|
|
4769
|
+
}, Kr = { class: "text-sm" }, Yr = {
|
|
4762
4770
|
key: 0,
|
|
4763
4771
|
class: "flex-1 basis-0 flex justify-end"
|
|
4764
|
-
},
|
|
4772
|
+
}, Jr = {
|
|
4773
|
+
key: 0,
|
|
4774
|
+
class: "flex-1 flex flex-col relative z-20 min-h-0 w-full px-4"
|
|
4775
|
+
}, Qr = { class: "flex-1 min-h-0 max-w-md mx-auto w-full" }, Xr = {
|
|
4765
4776
|
key: 0,
|
|
4766
4777
|
class: "h-full pb-12 flex-1 flex flex-col relative z-20 min-h-0 px-4 @[480px]/agent:px-6 max-w-md mx-auto w-full"
|
|
4767
|
-
},
|
|
4778
|
+
}, _r = { class: "flex-1 basis-0 flex flex-col justify-start pt-8 gap-7" }, en = {
|
|
4768
4779
|
key: 0,
|
|
4769
4780
|
class: "flex items-center justify-center gap-3"
|
|
4770
|
-
},
|
|
4781
|
+
}, tn = ["href"], on = {
|
|
4771
4782
|
key: 1,
|
|
4772
4783
|
class: "flex-1 flex flex-col relative z-20 min-h-0 w-full gap-4 px-4"
|
|
4773
|
-
},
|
|
4784
|
+
}, rn = { class: "max-w-md mx-auto" }, nn = {
|
|
4774
4785
|
key: 2,
|
|
4775
4786
|
class: "flex-1 flex flex-col relative z-20 min-h-0 w-full px-4 @[480px]/agent:px-6"
|
|
4776
|
-
},
|
|
4787
|
+
}, sn = { class: "flex-1 min-h-0 max-w-md mx-auto w-full" }, an = {
|
|
4777
4788
|
key: 2,
|
|
4778
4789
|
class: "bg-gradient-to-br from-theme-800 to-theme-950 text-white flex items-center justify-center h-full p-8"
|
|
4779
|
-
},
|
|
4790
|
+
}, ln = { class: "text-center max-w-md space-y-4" }, cn = { class: "text-sm text-white/70 leading-relaxed" }, dn = {
|
|
4780
4791
|
key: 3,
|
|
4781
4792
|
class: "bg-white/10 backdrop-blur-sm text-white/70 flex items-center justify-center h-full"
|
|
4782
|
-
},
|
|
4793
|
+
}, kn = /* @__PURE__ */ R({
|
|
4783
4794
|
__name: "AgentChat",
|
|
4784
4795
|
props: {
|
|
4785
4796
|
sdk: {},
|
|
@@ -4792,50 +4803,51 @@ const Ut = /* @__PURE__ */ O({
|
|
|
4792
4803
|
isActive: { type: Boolean, default: !0 },
|
|
4793
4804
|
loading: { type: Boolean, default: !1 },
|
|
4794
4805
|
theme: { default: "green" },
|
|
4795
|
-
requireAuth: { type: Boolean, default: !1 }
|
|
4806
|
+
requireAuth: { type: Boolean, default: !1 },
|
|
4807
|
+
chatOnly: { type: Boolean, default: !1 }
|
|
4796
4808
|
},
|
|
4797
4809
|
emits: ["close", "error"],
|
|
4798
4810
|
setup(e, { emit: n }) {
|
|
4799
|
-
const t = n,
|
|
4800
|
-
function
|
|
4801
|
-
|
|
4811
|
+
const t = n, o = Et(), s = L(!1), i = L(!1), a = L(), l = L(), d = I(() => o.value?.agentMode?.value ?? "self"), b = I(() => e.sdk.activeUser.value !== void 0), x = I(() => ut.find((y) => y.mode === d.value));
|
|
4812
|
+
function f() {
|
|
4813
|
+
o.value && o.value.destroy();
|
|
4802
4814
|
try {
|
|
4803
|
-
|
|
4815
|
+
o.value = new Ee({
|
|
4804
4816
|
sdk: e.sdk,
|
|
4805
4817
|
agent: e.agent,
|
|
4806
4818
|
context: e.context,
|
|
4807
4819
|
firstMessage: e.firstMessage
|
|
4808
4820
|
});
|
|
4809
|
-
} catch (
|
|
4810
|
-
throw console.error("AgentController creation failed:",
|
|
4821
|
+
} catch ($) {
|
|
4822
|
+
throw console.error("AgentController creation failed:", $), $;
|
|
4811
4823
|
}
|
|
4812
4824
|
}
|
|
4813
|
-
|
|
4814
|
-
function
|
|
4825
|
+
r(f, "createAgentController");
|
|
4826
|
+
function p($) {
|
|
4815
4827
|
if (!l.value)
|
|
4816
4828
|
return;
|
|
4817
|
-
const
|
|
4818
|
-
Object.entries(
|
|
4819
|
-
l.value.style.setProperty(`--primary-${D}`,
|
|
4829
|
+
const y = Bt($);
|
|
4830
|
+
Object.entries(y).forEach(([D, Y]) => {
|
|
4831
|
+
l.value.style.setProperty(`--primary-${D}`, Y);
|
|
4820
4832
|
});
|
|
4821
4833
|
}
|
|
4822
|
-
|
|
4834
|
+
r(p, "applyTheme"), ue(() => {
|
|
4823
4835
|
try {
|
|
4824
|
-
|
|
4825
|
-
} catch (
|
|
4826
|
-
const
|
|
4827
|
-
|
|
4836
|
+
f(), p(e.theme), e.chatOnly && o.value && o.value.setMode("chat");
|
|
4837
|
+
} catch ($) {
|
|
4838
|
+
const y = $ instanceof Error ? $.message : "Failed to initialize digital agent";
|
|
4839
|
+
a.value = y, t("error", y);
|
|
4828
4840
|
}
|
|
4829
4841
|
}), Dt(() => {
|
|
4830
|
-
|
|
4831
|
-
}), Q(() => e.theme, (
|
|
4832
|
-
|
|
4833
|
-
}), Q(() => e.sdk.activeUser.value, (
|
|
4834
|
-
|
|
4842
|
+
o.value && o.value.destroy();
|
|
4843
|
+
}), Q(() => e.theme, ($) => {
|
|
4844
|
+
p($);
|
|
4845
|
+
}), Q(() => e.sdk.activeUser.value, ($, y) => {
|
|
4846
|
+
y && !$ && o.value && o.value.setMode("self");
|
|
4835
4847
|
});
|
|
4836
4848
|
const A = I(() => e.agent.cover?.src && e.agent.cover?.quality === "low" ? !0 : !!(e.agent.avatar?.src && e.agent.avatar?.quality === "low")), v = I(() => {
|
|
4837
|
-
const
|
|
4838
|
-
return A.value &&
|
|
4849
|
+
const $ = [A.value ? "backdrop-blur-sm" : ""];
|
|
4850
|
+
return A.value && d.value === "self" ? $.push("from-black/80 via-black/60 to-black/80") : d.value === "self" ? $.push("from-black/70 via-black/50 to-black/80") : $.push("from-black/90 via-black/90 to-black/100"), $.join(" ");
|
|
4839
4851
|
}), M = {
|
|
4840
4852
|
phone: "i-heroicons-phone",
|
|
4841
4853
|
calendar: "i-heroicons-calendar",
|
|
@@ -4845,170 +4857,199 @@ const Ut = /* @__PURE__ */ O({
|
|
|
4845
4857
|
}, z = I(() => Gt({
|
|
4846
4858
|
template: e.buttonText || "Talk to {name}",
|
|
4847
4859
|
agent: e.agent
|
|
4848
|
-
})),
|
|
4849
|
-
return (
|
|
4860
|
+
})), O = I(() => M[e.buttonIcon || "phone"] || M.phone);
|
|
4861
|
+
return ($, y) => (u(), h("div", {
|
|
4850
4862
|
ref_key: "rootElement",
|
|
4851
4863
|
ref: l,
|
|
4852
|
-
key:
|
|
4864
|
+
key: j(ke)(e.agent),
|
|
4853
4865
|
class: "pagelines-sdk @container/agent pagelines-agent w-full h-full overflow-hidden relative",
|
|
4854
4866
|
"data-test": "agent-chat"
|
|
4855
4867
|
}, [
|
|
4856
|
-
e.loading ? (u(),
|
|
4857
|
-
|
|
4858
|
-
])) : e.agent && !
|
|
4868
|
+
e.loading ? (u(), h("div", Fr, [
|
|
4869
|
+
P(Le, { class: "text-white size-8" })
|
|
4870
|
+
])) : e.agent && !a.value ? (u(), h("div", {
|
|
4859
4871
|
key: 1,
|
|
4860
4872
|
class: "absolute inset-0 bg-cover bg-center bg-no-repeat",
|
|
4861
|
-
style: ct({ backgroundImage: `url(${
|
|
4873
|
+
style: ct({ backgroundImage: `url(${j(ke)(e.agent) || j(de)()})` }),
|
|
4862
4874
|
"data-quality": e.agent.avatar?.quality || "none"
|
|
4863
4875
|
}, [
|
|
4864
|
-
|
|
4876
|
+
c("div", {
|
|
4865
4877
|
class: S(["absolute inset-0 bg-gradient-to-br z-0", v.value])
|
|
4866
4878
|
}, null, 2),
|
|
4867
|
-
|
|
4879
|
+
c("div", {
|
|
4868
4880
|
class: S(["relative z-10 flex flex-col h-full transition-all duration-500 ease-[cubic-bezier(0.25,1,0.33,1)] will-change-transform", e.isActive ? "opacity-100 translate-y-0" : "opacity-0 translate-y-2"])
|
|
4869
4881
|
}, [
|
|
4870
|
-
|
|
4871
|
-
class: S(["relative z-30 p-2",
|
|
4882
|
+
c("div", {
|
|
4883
|
+
class: S(["relative z-30 p-2", d.value !== "self" ? "backdrop-blur-lg" : ""])
|
|
4872
4884
|
}, [
|
|
4873
|
-
|
|
4885
|
+
e.chatOnly ? (u(), h("div", Ur, [
|
|
4886
|
+
c("div", Hr, [
|
|
4887
|
+
c("img", {
|
|
4888
|
+
src: j(ke)(e.agent) || j(de)(),
|
|
4889
|
+
alt: e.agent.name,
|
|
4890
|
+
class: "size-8 rounded-full object-cover"
|
|
4891
|
+
}, null, 8, Wr),
|
|
4892
|
+
c("span", qr, N(e.agent.name), 1)
|
|
4893
|
+
]),
|
|
4894
|
+
e.hasClose ? (u(), h("div", Zr, [
|
|
4895
|
+
c("button", {
|
|
4896
|
+
class: "cursor-pointer flex items-center p-3 rounded-2xl text-white/70 hover:bg-white/10 transition-colors",
|
|
4897
|
+
onClick: y[0] || (y[0] = Te((D) => t("close", "button"), ["stop"]))
|
|
4898
|
+
}, [...y[7] || (y[7] = [
|
|
4899
|
+
c("i", { class: "size-6 i-tabler-x" }, null, -1)
|
|
4900
|
+
])])
|
|
4901
|
+
])) : T("", !0)
|
|
4902
|
+
])) : (u(), h("div", {
|
|
4903
|
+
key: 1,
|
|
4874
4904
|
class: S(["flex items-center", e.hasClose ? "" : "justify-between"])
|
|
4875
4905
|
}, [
|
|
4876
|
-
|
|
4906
|
+
c("div", {
|
|
4877
4907
|
class: S(e.hasClose ? "flex-1 basis-0" : "")
|
|
4878
4908
|
}, [
|
|
4879
|
-
|
|
4909
|
+
c("button", {
|
|
4880
4910
|
class: "cursor-pointer p-2 flex items-center gap-2 rounded-2xl text-white/70 hover:bg-white/10 transition-all duration-300 ease-[cubic-bezier(0.25,1,0.33,1)] hover:scale-105 active:scale-95",
|
|
4881
|
-
onClick:
|
|
4882
|
-
}, [...
|
|
4883
|
-
|
|
4911
|
+
onClick: y[1] || (y[1] = (D) => s.value = !0)
|
|
4912
|
+
}, [...y[8] || (y[8] = [
|
|
4913
|
+
c("i", { class: "i-tabler-menu size-7" }, null, -1)
|
|
4884
4914
|
])])
|
|
4885
4915
|
], 2),
|
|
4886
|
-
|
|
4887
|
-
class: S(["flex items-center gap-2 px-3.5 py-3 rounded-2xl text-white/90 hover:bg-white/10 transition-all cursor-pointer flex-grow-0", { "bg-white/10":
|
|
4888
|
-
onClick:
|
|
4916
|
+
c("button", {
|
|
4917
|
+
class: S(["flex items-center gap-2 px-3.5 py-3 rounded-2xl text-white/90 hover:bg-white/10 transition-all cursor-pointer flex-grow-0", { "bg-white/10": i.value }]),
|
|
4918
|
+
onClick: y[2] || (y[2] = (D) => i.value = !0)
|
|
4889
4919
|
}, [
|
|
4890
|
-
|
|
4920
|
+
c("i", {
|
|
4891
4921
|
class: S([x.value?.icon, "size-4 opacity-60"])
|
|
4892
4922
|
}, null, 2),
|
|
4893
|
-
|
|
4894
|
-
|
|
4923
|
+
c("span", Kr, N(x.value?.label), 1),
|
|
4924
|
+
y[9] || (y[9] = c("i", { class: "i-tabler-chevron-down size-4" }, null, -1))
|
|
4895
4925
|
], 2),
|
|
4896
|
-
e.hasClose ? (u(),
|
|
4897
|
-
|
|
4926
|
+
e.hasClose ? (u(), h("div", Yr, [
|
|
4927
|
+
c("button", {
|
|
4898
4928
|
class: "cursor-pointer flex items-center p-3 rounded-2xl text-white/70 hover:bg-white/10 transition-colors",
|
|
4899
|
-
onClick:
|
|
4900
|
-
}, [...
|
|
4901
|
-
|
|
4929
|
+
onClick: y[3] || (y[3] = Te((D) => t("close", "button"), ["stop"]))
|
|
4930
|
+
}, [...y[10] || (y[10] = [
|
|
4931
|
+
c("i", { class: "size-6 i-tabler-x" }, null, -1)
|
|
4902
4932
|
])])
|
|
4903
|
-
])) :
|
|
4904
|
-
], 2)
|
|
4933
|
+
])) : T("", !0)
|
|
4934
|
+
], 2))
|
|
4905
4935
|
], 2),
|
|
4906
|
-
|
|
4907
|
-
|
|
4908
|
-
|
|
4909
|
-
|
|
4910
|
-
V(ht, {
|
|
4911
|
-
theme: "primary",
|
|
4912
|
-
size: "lg",
|
|
4913
|
-
class: "w-full",
|
|
4914
|
-
icon: B.value,
|
|
4915
|
-
"data-test": "voice-button",
|
|
4916
|
-
onClick: w[3] || (w[3] = (D) => r.value?.setMode("talk"))
|
|
4917
|
-
}, {
|
|
4918
|
-
default: U(() => [
|
|
4919
|
-
ce(R(z.value), 1)
|
|
4920
|
-
]),
|
|
4921
|
-
_: 1
|
|
4922
|
-
}, 8, ["icon"]),
|
|
4923
|
-
e.agent.accounts && e.agent.accounts.length > 0 ? (u(), m("div", Zo, [
|
|
4924
|
-
(u(!0), m(J, null, ue(e.agent.accounts.filter((D) => N(ae)[D.platform]), (D) => (u(), m("a", {
|
|
4925
|
-
key: `${D.platform}-${D.handle}`,
|
|
4926
|
-
href: N(ae)[D.platform].getUrl(D.handle),
|
|
4927
|
-
target: "_blank",
|
|
4928
|
-
class: "size-12 rounded-full text-white/60 hover:text-white hover:bg-white/5 border border-white/0 hover:border-white/10 flex items-center justify-center transition-all duration-200 hover:scale-105"
|
|
4929
|
-
}, [
|
|
4930
|
-
d("i", {
|
|
4931
|
-
class: S([N(ae)[D.platform].icon, "size-5"])
|
|
4932
|
-
}, null, 2)
|
|
4933
|
-
], 8, Ko))), 128))
|
|
4934
|
-
])) : E("", !0)
|
|
4935
|
-
])
|
|
4936
|
-
])) : c.value === "talk" ? (u(), m("div", Yo, [
|
|
4937
|
-
e.requireAuth && !p.value ? (u(), Z(Ye, {
|
|
4938
|
-
key: 0,
|
|
4939
|
-
sdk: e.sdk
|
|
4940
|
-
}, null, 8, ["sdk"])) : (u(), m(J, { key: 1 }, [
|
|
4941
|
-
d("div", null, [
|
|
4942
|
-
d("div", Jo, [
|
|
4943
|
-
V(De, { agent: e.agent }, null, 8, ["agent"])
|
|
4944
|
-
])
|
|
4945
|
-
]),
|
|
4946
|
-
V(nt, {
|
|
4947
|
-
"agent-controller": r.value,
|
|
4936
|
+
e.chatOnly ? (u(), h("div", Jr, [
|
|
4937
|
+
c("div", Qr, [
|
|
4938
|
+
P(ze, {
|
|
4939
|
+
"agent-controller": o.value,
|
|
4948
4940
|
agent: e.agent
|
|
4949
4941
|
}, null, 8, ["agent-controller", "agent"])
|
|
4950
|
-
]
|
|
4951
|
-
])) : (u(),
|
|
4952
|
-
d("div",
|
|
4953
|
-
|
|
4954
|
-
|
|
4955
|
-
|
|
4956
|
-
|
|
4957
|
-
|
|
4942
|
+
])
|
|
4943
|
+
])) : (u(), h(K, { key: 1 }, [
|
|
4944
|
+
d.value === "self" ? (u(), h("div", Xr, [
|
|
4945
|
+
y[11] || (y[11] = c("div", { class: "flex-1 basis-0 mb-12" }, null, -1)),
|
|
4946
|
+
P(zr, { agent: e.agent }, null, 8, ["agent"]),
|
|
4947
|
+
c("div", _r, [
|
|
4948
|
+
P(ht, {
|
|
4949
|
+
theme: "primary",
|
|
4950
|
+
size: "lg",
|
|
4951
|
+
class: "w-full",
|
|
4952
|
+
icon: O.value,
|
|
4953
|
+
"data-test": "voice-button",
|
|
4954
|
+
onClick: y[4] || (y[4] = (D) => o.value?.setMode("talk"))
|
|
4955
|
+
}, {
|
|
4956
|
+
default: H(() => [
|
|
4957
|
+
ce(N(z.value), 1)
|
|
4958
|
+
]),
|
|
4959
|
+
_: 1
|
|
4960
|
+
}, 8, ["icon"]),
|
|
4961
|
+
e.agent.accounts && e.agent.accounts.length > 0 ? (u(), h("div", en, [
|
|
4962
|
+
(u(!0), h(K, null, he(e.agent.accounts.filter((D) => j(se)[D.platform]), (D) => (u(), h("a", {
|
|
4963
|
+
key: `${D.platform}-${D.handle}`,
|
|
4964
|
+
href: j(se)[D.platform].getUrl(D.handle),
|
|
4965
|
+
target: "_blank",
|
|
4966
|
+
class: "size-12 rounded-full text-white/60 hover:text-white hover:bg-white/5 border border-white/0 hover:border-white/10 flex items-center justify-center transition-all duration-200 hover:scale-105"
|
|
4967
|
+
}, [
|
|
4968
|
+
c("i", {
|
|
4969
|
+
class: S([j(se)[D.platform].icon, "size-5"])
|
|
4970
|
+
}, null, 2)
|
|
4971
|
+
], 8, tn))), 128))
|
|
4972
|
+
])) : T("", !0)
|
|
4973
|
+
])
|
|
4974
|
+
])) : d.value === "talk" ? (u(), h("div", on, [
|
|
4975
|
+
e.requireAuth && !b.value ? (u(), U(Qe, {
|
|
4976
|
+
key: 0,
|
|
4977
|
+
sdk: e.sdk
|
|
4978
|
+
}, null, 8, ["sdk"])) : (u(), h(K, { key: 1 }, [
|
|
4979
|
+
c("div", null, [
|
|
4980
|
+
c("div", rn, [
|
|
4981
|
+
P(Ve, { agent: e.agent }, null, 8, ["agent"])
|
|
4982
|
+
])
|
|
4983
|
+
]),
|
|
4984
|
+
P(ze, {
|
|
4985
|
+
"agent-controller": o.value,
|
|
4986
|
+
agent: e.agent
|
|
4987
|
+
}, null, 8, ["agent-controller", "agent"])
|
|
4988
|
+
], 64))
|
|
4989
|
+
])) : (u(), h("div", nn, [
|
|
4990
|
+
c("div", sn, [
|
|
4991
|
+
d.value === "chat" ? (u(), h(K, { key: 0 }, [
|
|
4992
|
+
e.requireAuth && !b.value ? (u(), U(Qe, {
|
|
4993
|
+
key: 0,
|
|
4994
|
+
sdk: e.sdk
|
|
4995
|
+
}, null, 8, ["sdk"])) : (u(), U(ze, {
|
|
4996
|
+
key: 1,
|
|
4997
|
+
"agent-controller": o.value,
|
|
4998
|
+
agent: e.agent
|
|
4999
|
+
}, null, 8, ["agent-controller", "agent"]))
|
|
5000
|
+
], 64)) : d.value === "info" ? (u(), U(ir, {
|
|
4958
5001
|
key: 1,
|
|
4959
|
-
"agent-controller": r.value,
|
|
4960
5002
|
agent: e.agent
|
|
4961
|
-
}, null, 8, ["agent
|
|
4962
|
-
]
|
|
4963
|
-
|
|
4964
|
-
|
|
4965
|
-
|
|
4966
|
-
])
|
|
4967
|
-
]
|
|
4968
|
-
|
|
4969
|
-
class: S(["relative z-20 text-center py-5 px-6", c.value === "info" ? "hidden" : ""])
|
|
4970
|
-
}, [...w[10] || (w[10] = [
|
|
4971
|
-
d("a", {
|
|
5003
|
+
}, null, 8, ["agent"])) : T("", !0)
|
|
5004
|
+
])
|
|
5005
|
+
]))
|
|
5006
|
+
], 64)),
|
|
5007
|
+
c("div", {
|
|
5008
|
+
class: S(["relative z-20 text-center py-5 px-6", d.value === "info" ? "hidden" : ""])
|
|
5009
|
+
}, [...y[12] || (y[12] = [
|
|
5010
|
+
c("a", {
|
|
4972
5011
|
href: "https://www.pagelines.com",
|
|
4973
5012
|
class: "flex items-center justify-center gap-1.5 text-[10px] font-sans font-normal text-white/50 hover:text-white/70 transition-colors"
|
|
4974
5013
|
}, [
|
|
4975
|
-
|
|
4976
|
-
|
|
4977
|
-
|
|
5014
|
+
c("span", { class: "" }, "AI Agent™"),
|
|
5015
|
+
c("span", { class: "text-white/20" }, "by"),
|
|
5016
|
+
c("span", null, "PageLines")
|
|
4978
5017
|
], -1)
|
|
4979
5018
|
])], 2)
|
|
4980
5019
|
], 2)
|
|
4981
|
-
], 12,
|
|
4982
|
-
|
|
4983
|
-
|
|
4984
|
-
|
|
4985
|
-
|
|
5020
|
+
], 12, Gr)) : a.value ? (u(), h("div", an, [
|
|
5021
|
+
c("div", ln, [
|
|
5022
|
+
y[13] || (y[13] = c("div", { class: "flex justify-center" }, [
|
|
5023
|
+
c("div", { class: "rounded-full bg-red-500/20 flex items-center justify-center size-10" }, [
|
|
5024
|
+
c("i", { class: "i-tabler-alert-circle size-6 text-red-400" })
|
|
4986
5025
|
])
|
|
4987
5026
|
], -1)),
|
|
4988
|
-
|
|
4989
|
-
|
|
5027
|
+
y[14] || (y[14] = c("h3", { class: "text-lg font-medium" }, " Agent Error ", -1)),
|
|
5028
|
+
c("p", cn, N(a.value), 1)
|
|
4990
5029
|
])
|
|
4991
|
-
])) : (u(),
|
|
4992
|
-
|
|
4993
|
-
|
|
4994
|
-
|
|
5030
|
+
])) : (u(), h("div", dn, " There was an error loading the digital agent. Please try again later. ")),
|
|
5031
|
+
e.chatOnly ? T("", !0) : (u(), U(Rr, {
|
|
5032
|
+
key: 4,
|
|
5033
|
+
modelValue: s.value,
|
|
5034
|
+
"onUpdate:modelValue": y[5] || (y[5] = (D) => s.value = D),
|
|
4995
5035
|
agent: e.agent,
|
|
4996
5036
|
sdk: e.sdk,
|
|
4997
5037
|
title: e.agent.name,
|
|
4998
5038
|
"data-test": "agent-sidebar"
|
|
4999
|
-
}, null, 8, ["modelValue", "agent", "sdk", "title"]),
|
|
5000
|
-
|
|
5001
|
-
|
|
5002
|
-
|
|
5003
|
-
"
|
|
5039
|
+
}, null, 8, ["modelValue", "agent", "sdk", "title"])),
|
|
5040
|
+
e.chatOnly ? T("", !0) : (u(), U(Or, {
|
|
5041
|
+
key: 5,
|
|
5042
|
+
modelValue: i.value,
|
|
5043
|
+
"onUpdate:modelValue": y[6] || (y[6] = (D) => i.value = D),
|
|
5044
|
+
"agent-controller": o.value,
|
|
5004
5045
|
"data-test": "agent-mode-sidebar"
|
|
5005
|
-
}, null, 8, ["modelValue", "agent-controller"])
|
|
5046
|
+
}, null, 8, ["modelValue", "agent-controller"]))
|
|
5006
5047
|
]));
|
|
5007
5048
|
}
|
|
5008
|
-
}),
|
|
5049
|
+
}), un = { class: "agent-wrap" }, hn = {
|
|
5009
5050
|
key: 0,
|
|
5010
5051
|
class: "flex items-center justify-center h-full"
|
|
5011
|
-
},
|
|
5052
|
+
}, yn = /* @__PURE__ */ R({
|
|
5012
5053
|
__name: "AgentWrap",
|
|
5013
5054
|
props: {
|
|
5014
5055
|
sdk: {},
|
|
@@ -5022,20 +5063,20 @@ const Ut = /* @__PURE__ */ O({
|
|
|
5022
5063
|
apiBase: {}
|
|
5023
5064
|
},
|
|
5024
5065
|
setup(e) {
|
|
5025
|
-
const n = Lt("AgentWrap"), t = e,
|
|
5066
|
+
const n = Lt("AgentWrap"), t = e, o = t.sdk || Vt.getInstance({
|
|
5026
5067
|
isDev: typeof window < "u" ? window.location.hostname === "localhost" || window.location.hostname.includes("127.0.0.1") : !1,
|
|
5027
5068
|
...t.apiBase && { apiBase: t.apiBase }
|
|
5028
|
-
}),
|
|
5029
|
-
return
|
|
5069
|
+
}), s = L(!t.agent), i = L(t.agent), a = L();
|
|
5070
|
+
return ue(async () => {
|
|
5030
5071
|
if (t.agent) {
|
|
5031
5072
|
n.debug("Agent provided via props, skipping fetch", {
|
|
5032
5073
|
agentId: t.agent.agentId,
|
|
5033
5074
|
handle: t.agent.handle
|
|
5034
|
-
}),
|
|
5075
|
+
}), s.value = !1;
|
|
5035
5076
|
return;
|
|
5036
5077
|
}
|
|
5037
5078
|
if (!t.handle) {
|
|
5038
|
-
|
|
5079
|
+
a.value = "No handle or agent provided", n.warn("AgentWrap mounted without handle or agent", {
|
|
5039
5080
|
propsReceived: {
|
|
5040
5081
|
handle: t.handle,
|
|
5041
5082
|
agent: t.agent,
|
|
@@ -5043,52 +5084,52 @@ const Ut = /* @__PURE__ */ O({
|
|
|
5043
5084
|
apiBase: t.apiBase
|
|
5044
5085
|
},
|
|
5045
5086
|
sdkState: {
|
|
5046
|
-
isDev:
|
|
5047
|
-
apiBase:
|
|
5087
|
+
isDev: o.isDev,
|
|
5088
|
+
apiBase: o.apiBase
|
|
5048
5089
|
}
|
|
5049
|
-
}),
|
|
5090
|
+
}), s.value = !1;
|
|
5050
5091
|
return;
|
|
5051
5092
|
}
|
|
5052
5093
|
try {
|
|
5053
|
-
|
|
5054
|
-
const l = await
|
|
5055
|
-
l ? (
|
|
5094
|
+
s.value = !0, n.debug("Fetching public agent", { handle: t.handle });
|
|
5095
|
+
const l = await o.getPublicAgent({ handle: t.handle });
|
|
5096
|
+
l ? (i.value = l, n.debug("Successfully fetched public agent", {
|
|
5056
5097
|
agentId: l.agentId,
|
|
5057
5098
|
handle: l.handle
|
|
5058
|
-
}), l.agentId &&
|
|
5099
|
+
}), l.agentId && o.track({
|
|
5059
5100
|
event: "view_profile",
|
|
5060
5101
|
agentId: l.agentId,
|
|
5061
5102
|
properties: {
|
|
5062
5103
|
viewSource: "widget"
|
|
5063
5104
|
}
|
|
5064
|
-
})) : (
|
|
5105
|
+
})) : (a.value = o.error.value || "Agent not found", n.error("Failed to fetch public agent - no data returned", {
|
|
5065
5106
|
handle: t.handle,
|
|
5066
|
-
sdkError:
|
|
5107
|
+
sdkError: o.error.value,
|
|
5067
5108
|
sdkState: {
|
|
5068
|
-
isDev:
|
|
5069
|
-
apiBase:
|
|
5070
|
-
loading:
|
|
5109
|
+
isDev: o.isDev,
|
|
5110
|
+
apiBase: o.apiBase,
|
|
5111
|
+
loading: o.loading.value
|
|
5071
5112
|
}
|
|
5072
5113
|
}));
|
|
5073
5114
|
} catch (l) {
|
|
5074
|
-
|
|
5115
|
+
a.value = l instanceof Error ? l.message : "Failed to fetch agent", n.error("Exception while fetching public agent", {
|
|
5075
5116
|
handle: t.handle,
|
|
5076
5117
|
error: l instanceof Error ? {
|
|
5077
5118
|
message: l.message,
|
|
5078
5119
|
stack: l.stack
|
|
5079
5120
|
} : l,
|
|
5080
5121
|
sdkState: {
|
|
5081
|
-
isDev:
|
|
5082
|
-
apiBase:
|
|
5083
|
-
error:
|
|
5122
|
+
isDev: o.isDev,
|
|
5123
|
+
apiBase: o.apiBase,
|
|
5124
|
+
error: o.error.value
|
|
5084
5125
|
}
|
|
5085
5126
|
});
|
|
5086
5127
|
} finally {
|
|
5087
|
-
|
|
5128
|
+
s.value = !1, i.value || n.debug("AgentWrap component will render empty (silent failure)", {
|
|
5088
5129
|
state: {
|
|
5089
|
-
loading:
|
|
5090
|
-
hasAgent: !!
|
|
5091
|
-
error:
|
|
5130
|
+
loading: s.value,
|
|
5131
|
+
hasAgent: !!i.value,
|
|
5132
|
+
error: a.value
|
|
5092
5133
|
},
|
|
5093
5134
|
props: {
|
|
5094
5135
|
handle: t.handle,
|
|
@@ -5096,44 +5137,44 @@ const Ut = /* @__PURE__ */ O({
|
|
|
5096
5137
|
apiBase: t.apiBase
|
|
5097
5138
|
},
|
|
5098
5139
|
sdkState: {
|
|
5099
|
-
isDev:
|
|
5100
|
-
apiBase:
|
|
5101
|
-
error:
|
|
5140
|
+
isDev: o.isDev,
|
|
5141
|
+
apiBase: o.apiBase,
|
|
5142
|
+
error: o.error.value
|
|
5102
5143
|
}
|
|
5103
5144
|
});
|
|
5104
5145
|
}
|
|
5105
|
-
}), (l,
|
|
5106
|
-
|
|
5107
|
-
|
|
5108
|
-
])])) :
|
|
5146
|
+
}), (l, d) => (u(), h("div", un, [
|
|
5147
|
+
s.value ? (u(), h("div", hn, [...d[0] || (d[0] = [
|
|
5148
|
+
c("div", { class: "animate-spin rounded-full size-6 border-b-2 border-white" }, null, -1)
|
|
5149
|
+
])])) : i.value ? ae(l.$slots, "default", {
|
|
5109
5150
|
key: 1,
|
|
5110
|
-
sdk:
|
|
5111
|
-
agent:
|
|
5151
|
+
sdk: j(o),
|
|
5152
|
+
agent: i.value,
|
|
5112
5153
|
context: e.context,
|
|
5113
5154
|
firstMessage: e.firstMessage,
|
|
5114
5155
|
buttonText: e.buttonText,
|
|
5115
5156
|
buttonIcon: e.buttonIcon,
|
|
5116
|
-
loading:
|
|
5117
|
-
}) :
|
|
5157
|
+
loading: s.value
|
|
5158
|
+
}) : T("", !0)
|
|
5118
5159
|
]));
|
|
5119
5160
|
}
|
|
5120
5161
|
});
|
|
5121
5162
|
export {
|
|
5122
5163
|
Nt as A,
|
|
5123
|
-
|
|
5124
|
-
|
|
5125
|
-
|
|
5126
|
-
|
|
5127
|
-
|
|
5128
|
-
|
|
5129
|
-
|
|
5130
|
-
|
|
5164
|
+
$e as C,
|
|
5165
|
+
pn as V,
|
|
5166
|
+
yn as _,
|
|
5167
|
+
kn as a,
|
|
5168
|
+
de as b,
|
|
5169
|
+
Ot as c,
|
|
5170
|
+
Rt as d,
|
|
5171
|
+
vn as e,
|
|
5131
5172
|
ut as f,
|
|
5132
|
-
|
|
5133
|
-
|
|
5134
|
-
|
|
5135
|
-
|
|
5173
|
+
ke as g,
|
|
5174
|
+
Je as h,
|
|
5175
|
+
ye as i,
|
|
5176
|
+
xn as j,
|
|
5136
5177
|
Gt as k,
|
|
5137
5178
|
Ft as p
|
|
5138
5179
|
};
|
|
5139
|
-
//# sourceMappingURL=AgentWrap.vue_vue_type_script_setup_true_lang-
|
|
5180
|
+
//# sourceMappingURL=AgentWrap.vue_vue_type_script_setup_true_lang-Dnt1w4Uv.js.map
|