markstream-angular 2.0.2 → 2.0.5

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.
Files changed (2) hide show
  1. package/dist/index.css +19 -12
  2. package/package.json +3 -3
package/dist/index.css CHANGED
@@ -97,12 +97,23 @@ markstream-angular {
97
97
  }
98
98
 
99
99
  .markstream-angular .node-placeholder {
100
+ position: relative;
101
+ overflow: hidden;
100
102
  width: 100%;
101
103
  min-height: 1rem;
102
104
  margin: 0.25rem 0;
103
105
  border-radius: 0.5rem;
104
- background-image: linear-gradient(90deg, rgba(148, 163, 184, 0.18), rgba(148, 163, 184, 0.05), rgba(148, 163, 184, 0.18));
105
- background-size: 200% 100%;
106
+ background: rgba(148, 163, 184, 0.18);
107
+ }
108
+
109
+ .markstream-angular .node-placeholder::before {
110
+ content: '';
111
+ position: absolute;
112
+ inset-block: 0;
113
+ left: -200%;
114
+ width: 500%;
115
+ background: linear-gradient(90deg, rgba(148, 163, 184, 0.18), rgba(148, 163, 184, 0.05), rgba(148, 163, 184, 0.18));
116
+ background-size: 40% 100%;
106
117
  animation: node-placeholder-shimmer 1.1s ease-in-out infinite;
107
118
  }
108
119
 
@@ -114,7 +125,6 @@ markstream-angular {
114
125
  .markstream-angular .typewriter-node {
115
126
  opacity: 0;
116
127
  animation: node-enter-fade var(--fade-duration, var(--typewriter-fade-duration, 280ms)) var(--fade-ease, var(--typewriter-fade-ease, cubic-bezier(0.33, 0, 0.67, 1))) both;
117
- will-change: opacity;
118
128
  }
119
129
 
120
130
  .markstream-angular .markstream-angular-text-node {
@@ -135,7 +145,6 @@ markstream-angular {
135
145
  animation-duration: var(--stream-update-fade-duration, var(--fade-duration, var(--typewriter-fade-duration, 280ms)));
136
146
  animation-timing-function: var(--stream-update-fade-ease, var(--fade-ease, var(--typewriter-fade-ease, cubic-bezier(0.33, 0, 0.67, 1))));
137
147
  animation-fill-mode: both;
138
- will-change: opacity;
139
148
  }
140
149
 
141
150
  .markstream-angular .markstream-angular-text__stream-delta--a {
@@ -239,7 +248,6 @@ markstream-angular {
239
248
  bottom: var(--underline-bottom, -3px);
240
249
  background: currentColor;
241
250
  border-radius: 999px;
242
- will-change: opacity;
243
251
  opacity: var(--underline-rest-opacity, 0.18);
244
252
  animation: markstream-angular-link-loading-pulse var(--underline-duration, 1.6s) var(--underline-timing, ease-in-out) var(--underline-iteration, infinite);
245
253
  }
@@ -260,6 +268,10 @@ markstream-angular {
260
268
  }
261
269
 
262
270
  @media (prefers-reduced-motion: reduce) {
271
+ .markstream-angular .node-placeholder::before {
272
+ animation: none !important;
273
+ }
274
+
263
275
  .markstream-angular .link-loading-indicator {
264
276
  animation: none !important;
265
277
  opacity: var(--underline-rest-opacity, 0.18);
@@ -1060,13 +1072,8 @@ body > div[id^="dmermaid-"] {
1060
1072
  }
1061
1073
 
1062
1074
  @keyframes node-placeholder-shimmer {
1063
- from {
1064
- background-position: 200% 0%;
1065
- }
1066
-
1067
- to {
1068
- background-position: -200% 0%;
1069
- }
1075
+ from { transform: translateX(0); }
1076
+ to { transform: translateX(80%); }
1070
1077
  }
1071
1078
 
1072
1079
  @keyframes spin {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "markstream-angular",
3
3
  "type": "module",
4
- "version": "2.0.2",
4
+ "version": "2.0.5",
5
5
  "description": "Angular 20+ standalone streaming Markdown renderer for AI chat, LLM token streams, SSE/WebSocket output, incomplete Markdown, Mermaid, KaTeX, stream-diffs powered code blocks, and safe Angular component rendering.",
6
6
  "author": "Simon He",
7
7
  "license": "MIT",
@@ -94,8 +94,8 @@
94
94
  },
95
95
  "dependencies": {
96
96
  "@floating-ui/dom": "^1.8.0",
97
- "markstream-core": "2.0.2",
98
- "stream-markdown-parser": "1.2.10"
97
+ "markstream-core": "2.0.5",
98
+ "stream-markdown-parser": "1.2.12"
99
99
  },
100
100
  "devDependencies": {
101
101
  "@angular/common": "^20.3.26",