@luckydraw/cumulus 0.24.0 → 0.24.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -274,6 +274,28 @@
|
|
|
274
274
|
'}',
|
|
275
275
|
'@keyframes cumulus-blink { 50% { opacity: 0; } }',
|
|
276
276
|
|
|
277
|
+
/* ── Typing indicator (bouncing dots) ── */
|
|
278
|
+
'.cumulus-typing-dots {',
|
|
279
|
+
' display: inline-flex;',
|
|
280
|
+
' align-items: center;',
|
|
281
|
+
' gap: 0.3em;',
|
|
282
|
+
' padding: 0.2em 0;',
|
|
283
|
+
' height: 1.4em;',
|
|
284
|
+
'}',
|
|
285
|
+
'.cumulus-typing-dots span {',
|
|
286
|
+
' display: inline-block;',
|
|
287
|
+
' width: 0.5em; height: 0.5em;',
|
|
288
|
+
' border-radius: 50%;',
|
|
289
|
+
' background: #888;',
|
|
290
|
+
' animation: cumulus-bounce 1.4s ease-in-out infinite;',
|
|
291
|
+
'}',
|
|
292
|
+
'.cumulus-typing-dots span:nth-child(2) { animation-delay: 0.2s; }',
|
|
293
|
+
'.cumulus-typing-dots span:nth-child(3) { animation-delay: 0.4s; }',
|
|
294
|
+
'@keyframes cumulus-bounce {',
|
|
295
|
+
' 0%, 60%, 100% { transform: translateY(0); opacity: 0.4; }',
|
|
296
|
+
' 30% { transform: translateY(-0.4em); opacity: 1; }',
|
|
297
|
+
'}',
|
|
298
|
+
|
|
277
299
|
/* ── Loading indicator ── */
|
|
278
300
|
'.cumulus-loading {',
|
|
279
301
|
' color: #666; font-style: italic; padding: 0.4em 0;',
|
|
@@ -1489,8 +1511,7 @@
|
|
|
1489
1511
|
});
|
|
1490
1512
|
} else if (isStreaming) {
|
|
1491
1513
|
el.innerHTML =
|
|
1492
|
-
'<span
|
|
1493
|
-
'<span class="cumulus-cursor"></span>';
|
|
1514
|
+
'<span class="cumulus-typing-dots"><span></span><span></span><span></span></span>';
|
|
1494
1515
|
}
|
|
1495
1516
|
return el;
|
|
1496
1517
|
}
|
|
@@ -2524,8 +2545,7 @@
|
|
|
2524
2545
|
});
|
|
2525
2546
|
} else if (isStreaming) {
|
|
2526
2547
|
el.innerHTML =
|
|
2527
|
-
'<span
|
|
2528
|
-
'<span class="cumulus-cursor"></span>';
|
|
2548
|
+
'<span class="cumulus-typing-dots"><span></span><span></span><span></span></span>';
|
|
2529
2549
|
}
|
|
2530
2550
|
return el;
|
|
2531
2551
|
}
|