@arcgis/ai-components 5.2.0-next.1 → 5.2.0-next.100

package/dist/components/arcgis-assistant-suggested-prompts/customElement.d.ts

@@ -3,7 +3,10 @@ import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { AssistantPromptSelectDetail } from "../arcgis-assistant/types.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 
-/** A prompt chip list primitive for rendering assistant suggested prompts. */
+/**
+ * Displays prompt chips and emits selection events. Use it to offer quick starter prompts.
+ * Offers selectable prompt chips with a prompt-select event for host synchronization.
+ */
 export abstract class ArcgisAssistantSuggestedPrompts extends LitElement {
   /** @internal */
   protected _messages: { suggestedPromptsLabel: string; } & T9nMeta<{ suggestedPromptsLabel: string; }>;

package/dist/components/arcgis-assistant-suggested-prompts/customElement.js

@@ -1,27 +1,27 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as e } from "../../chunks/runtime.js";
-import { css as i, html as s } from "lit";
+import { c as s } from "../../chunks/runtime.js";
+import { css as i, html as e } from "lit";
 import { LitElement as r, createEvent as l } from "@arcgis/lumina";
-import { u as c } from "../../chunks/useT9n.js";
-const a = i`:host{display:block;max-width:100%}.group{max-width:100%}.prompt{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal;cursor:pointer}calcite-chip{max-width:100%}`;
+import { u as a } from "../../chunks/useT9n.js";
+const c = i`:host{display:block;max-width:100%}.group{max-width:100%}.prompt{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal;cursor:pointer;font-weight:var(--calcite-font-weight-regular)}calcite-chip{max-width:100%}`;
 class o extends r {
   constructor() {
-    super(...arguments), this._messages = c({ blocking: !0 }), this.prompts = [], this.arcgisPromptSelect = l();
+    super(...arguments), this._messages = a({ blocking: !0 }), this.prompts = [], this.arcgisPromptSelect = l();
   }
   static {
     this.properties = { label: 1, prompts: 0 };
   }
   static {
-    this.styles = a;
+    this.styles = c;
   }
   _emitPromptSelect(t) {
     this.arcgisPromptSelect.emit({ prompt: t });
   }
   render() {
-    return this.prompts.length ? s`<calcite-chip-group class="group" .label=${this.label ?? this._messages.suggestedPromptsLabel}>${this.prompts.map((t) => s`<calcite-chip .value=${t} .label=${t} appearance=outline-fill kind=brand @calciteChipSelect=${() => this._emitPromptSelect(t)}><div class="prompt">${t}</div></calcite-chip>`)}</calcite-chip-group>` : null;
+    return this.prompts.length ? e`<calcite-chip-group class="group" .label=${this.label ?? this._messages.suggestedPromptsLabel}>${this.prompts.map((t) => e`<calcite-chip .value=${t} .label=${t} appearance=outline-fill kind=brand @calciteChipSelect=${() => this._emitPromptSelect(t)}><div class="prompt">${t}</div></calcite-chip>`)}</calcite-chip-group>` : null;
   }
 }
-e("arcgis-assistant-suggested-prompts", o);
+s("arcgis-assistant-suggested-prompts", o);
 export {
   o as ArcgisAssistantSuggestedPrompts
 };

package/dist/components/arcgis-assistant-user-message/customElement.d.ts

@@ -2,9 +2,14 @@
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { ChatMessage } from "../arcgis-assistant/types.js";
 
-/** @internal */
+/**
+ * Renders one user-authored chat message row. Use it for displaying what the user sent.
+ * Offers a simple user message presentation primitive for custom message-list rendering.
+ */
 export abstract class ArcgisAssistantUserMessage extends LitElement {
   accessor content: string | undefined;
   accessor message: ChatMessage | undefined;
   accessor user: string | undefined;
+  /** @default false */
+  accessor userAvatarEnabled: boolean;
 }

package/dist/components/arcgis-assistant-user-message/customElement.js

@@ -1,23 +1,28 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as t } from "../../chunks/runtime.js";
-import { css as e, html as s } from "lit";
-import { LitElement as a } from "@arcgis/lumina";
-const i = e`.container{display:flex;align-items:center;gap:var(--calcite-spacing-md);background:color-mix(in srgb,var(--calcite-color-brand) 25%,transparent);color:var(--calcite-color-text-1);padding:var(--calcite-spacing-md);border-radius:var(--calcite-border-radius);width:fit-content;margin-left:auto;justify-content:flex-end}.avatar{display:flex;align-items:center;justify-content:center}@container (min-width: 480px){.container{max-width:80%}}`;
-class r extends a {
+import { c as a } from "../../chunks/runtime.js";
+import { css as e, html as t } from "lit";
+import { LitElement as i } from "@arcgis/lumina";
+import { p as r } from "../../chunks/converterUtils.js";
+import { unsafeHTML as s } from "lit/directives/unsafe-html.js";
+const c = e`:host{display:block;min-width:0}.container{display:flex;align-items:center;gap:var(--calcite-spacing-md);background:color-mix(in srgb,var(--calcite-color-brand) 15%,var(--calcite-color-foreground-1));color:var(--calcite-color-text-1);padding:var(--calcite-spacing-md);border-radius:var(--calcite-border-radius);width:fit-content;max-width:100%;min-width:0;margin-left:auto;justify-content:flex-end}.container>div:first-child{min-width:0}.avatar{display:flex;align-items:center;justify-content:center}.content{min-width:0;overflow-wrap:anywhere;>*{margin:0}>*+*{margin-block-start:var(--calcite-spacing-sm)}:is(ol,ul){padding-inline-start:var(--calcite-spacing-lg)}>calcite-table{display:block;max-width:100%}pre{background-color:var(--calcite-color-foreground-1);padding:var(--calcite-spacing-sm);border-radius:var(--calcite-border-radius);color:var(--calcite-color-text-1);direction:ltr;max-width:100%;overflow:auto}pre code{display:block;white-space:pre;font-family:var(--calcite-code-family)}}@container (min-width: 480px){.container{max-width:80%}}`;
+class n extends i {
+  constructor() {
+    super(...arguments), this.userAvatarEnabled = !1;
+  }
   static {
-    this.properties = { content: 1, user: 1, message: 0 };
+    this.properties = { content: 1, user: 1, message: 0, userAvatarEnabled: 5 };
   }
   static {
-    this.styles = i;
+    this.styles = c;
   }
   _getContent() {
     return this.message?.role === "user" ? this.message.content : this.content;
   }
   render() {
-    return s`<div class="container"><div><slot name=content>${this._getContent()}</slot></div><slot name=icon><div class="avatar"><calcite-avatar .fullName=${this.user} scale=s></calcite-avatar></div></slot></div>`;
+    return t`<div class="container"><div><slot name=content><div class="content">${s(r(this._getContent()))}</div></slot></div>${this.userAvatarEnabled ? t`<slot name=icon><div class="avatar"><calcite-avatar .fullName=${this.user} scale=s></calcite-avatar></div></slot>` : null}</div>`;
   }
 }
-t("arcgis-assistant-user-message", r);
+a("arcgis-assistant-user-message", n);
 export {
-  r as ArcgisAssistantUserMessage
+  n as ArcgisAssistantUserMessage
 };