@telia-ace/widget-conversational-agent 1.1.141-rc.1 → 1.1.141-rc.3

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 (3) hide show
  1. package/index.js +5 -1
  2. package/index.mjs +8 -1
  3. package/package.json +3 -3
package/index.js CHANGED
@@ -1002,6 +1002,9 @@ Please report this to https://github.com/markedjs/marked.`,n){let s="<p>An error
1002
1002
  ></ace-conversation-feed>
1003
1003
  <div class="scroll" ${de(this.scrollRef)}></div>
1004
1004
  </div>
1005
+ <div class="sr-only" role="status" aria-live="polite">
1006
+ ${this.typing?e.getOrFallback("conversation.agent-typing","The agent is typing"):""}
1007
+ </div>
1005
1008
  <form
1006
1009
  class="conversation-bottom"
1007
1010
  @submit=${this.onSendMessage}
@@ -1036,6 +1039,7 @@ Please report this to https://github.com/markedjs/marked.`,n){let s="<p>An error
1036
1039
  class="conversation-send-button"
1037
1040
  type="submit"
1038
1041
  data-testid="send-message-button"
1042
+ aria-disabled=${this.message.length<=0||this.message.length>this.messageMaxLength}
1039
1043
  aria-live="assertive"
1040
1044
  title=${e.getOrFallback("conversation.send-alt","Send")}
1041
1045
  >
@@ -1331,7 +1335,7 @@ Please report this to https://github.com/markedjs/marked.`,n){let s="<p>An error
1331
1335
  }
1332
1336
 
1333
1337
  .max-char-count-reached {
1334
- color: var(--error-text-color);
1338
+ color: var(--destructive-color, var(--error-text-color));
1335
1339
  }
1336
1340
 
1337
1341
  .skip-to-latest-message-button {
package/index.mjs CHANGED
@@ -7224,6 +7224,12 @@ const $o = ma(q), Pr = class Pr extends $o {
7224
7224
  ></ace-conversation-feed>
7225
7225
  <div class="scroll" ${de(this.scrollRef)}></div>
7226
7226
  </div>
7227
+ <div class="sr-only" role="status" aria-live="polite">
7228
+ ${this.typing ? e.getOrFallback(
7229
+ "conversation.agent-typing",
7230
+ "The agent is typing"
7231
+ ) : ""}
7232
+ </div>
7227
7233
  <form
7228
7234
  class="conversation-bottom"
7229
7235
  @submit=${this.onSendMessage}
@@ -7261,6 +7267,7 @@ const $o = ma(q), Pr = class Pr extends $o {
7261
7267
  class="conversation-send-button"
7262
7268
  type="submit"
7263
7269
  data-testid="send-message-button"
7270
+ aria-disabled=${this.message.length <= 0 || this.message.length > this.messageMaxLength}
7264
7271
  aria-live="assertive"
7265
7272
  title=${e.getOrFallback("conversation.send-alt", "Send")}
7266
7273
  >
@@ -7567,7 +7574,7 @@ Pr.styles = [
7567
7574
  }
7568
7575
 
7569
7576
  .max-char-count-reached {
7570
- color: var(--error-text-color);
7577
+ color: var(--destructive-color, var(--error-text-color));
7571
7578
  }
7572
7579
 
7573
7580
  .skip-to-latest-message-button {
package/package.json CHANGED
@@ -1,14 +1,14 @@
1
1
  {
2
2
  "name": "@telia-ace/widget-conversational-agent",
3
- "version": "1.1.141-rc.1",
3
+ "version": "1.1.141-rc.3",
4
4
  "private": false,
5
5
  "publishConfig": {
6
6
  "access": "public"
7
7
  },
8
8
  "dependencies": {
9
- "@telia-ace/widget-conversation-flamingo": "1.1.141-rc.1",
9
+ "@telia-ace/widget-conversation-flamingo": "1.1.141-rc.3",
10
10
  "rxjs": "^7.8.2",
11
- "@telia-ace/widget-core-flamingo": "1.1.141-rc.1",
11
+ "@telia-ace/widget-core-flamingo": "1.1.141-rc.3",
12
12
  "lit": "^3.0.2",
13
13
  "@lit/context": "^1.1.4"
14
14
  },