@arcgis/ai-components 5.2.0-next.17 → 5.2.0-next.18

package/dist/components/arcgis-assistant-agent/customElement.js

@@ -6,11 +6,15 @@ class n extends s {
   static {
     this.properties = { agent: 0, context: 0 };
   }
+  #t;
   async getContext() {
     return e(this.context) ? await this.context() : this.context;
   }
   load() {
-    i(this);
+    this.#t = i(this);
+  }
+  disconnectedCallback() {
+    this.#t?.unregister(this.agent.id), super.disconnectedCallback();
   }
 }
 t("arcgis-assistant-agent", n);

package/dist/components/arcgis-assistant-chat/customElement.js

@@ -2,44 +2,49 @@
 import { c as s } from "../../chunks/runtime.js";
 import { css as e, html as t } from "lit";
 import { LitElement as i } from "@arcgis/lumina";
-import { createRef as a, ref as o } from "lit/directives/ref.js";
-import l from "@arcgis/core/core/Collection.js";
-import { watch as n } from "@arcgis/core/core/reactiveUtils.js";
-const r = e`.messages-container{display:flex;flex:1;flex-direction:column;line-height:var(--calcite-font-line-height-relative-snug)}.messages-list{padding:var(--calcite-spacing-lg);display:flex;flex-direction:column;gap:var(--calcite-spacing-xxl);flex:1 1 auto;min-height:0;justify-content:flex-end;overflow:auto}`;
-class c extends i {
+import { createRef as a, ref as l } from "lit/directives/ref.js";
+import n from "@arcgis/core/core/Collection.js";
+import { when as r, watch as o } from "@arcgis/core/core/reactiveUtils.js";
+const c = e`.messages-container{display:flex;flex:1;flex-direction:column;line-height:var(--calcite-font-line-height-relative-snug)}.messages-list{padding:var(--calcite-spacing-lg);display:flex;flex-direction:column;gap:var(--calcite-spacing-xxl);flex:1 1 auto;min-height:0;justify-content:flex-end;overflow:auto}.end-ref{margin-top:var(--calcite-spacing-lg)}`;
+class m extends i {
   constructor() {
-    super(...arguments), this.#s = a(), this.loading = !1, this.messages = new l([]), this.interrupt = null;
+    super(...arguments), this.#e = a(), this.#s = !1, this.loading = !1, this.messages = new n([]), this.interrupt = null;
   }
   static {
     this.properties = { loading: 5, messages: 0, interrupt: 0 };
   }
   static {
-    this.styles = r;
+    this.styles = c;
   }
+  #e;
   #s;
   firstUpdated() {
-    this._scrollToEnd();
+    this.#t();
   }
   loaded() {
     this.manager.onLifecycle(() => [
       this.messages.on("change", () => {
-        this._scrollToEnd();
+        this.#t();
       }),
-      n(() => [this.loading, this.interrupt], () => {
-        this._scrollToEnd();
-      })
+      r(() => !this.loading, () => {
+        this.#s = !1;
+      }),
+      o(() => [this.loading, this.interrupt], () => this.#t())
     ]);
   }
-  _scrollToEnd() {
+  #t() {
     requestAnimationFrame(() => {
-      this.#s.value?.scrollIntoView({ behavior: "smooth" });
+      this.#s || this.#e.value?.scrollIntoView({ behavior: "smooth", block: "end" });
     });
   }
+  #i() {
+    this.#s = !0;
+  }
   render() {
-    return t`<div class="messages-container"><div class="messages-list"><slot name=message-starter></slot><slot name=messages></slot><slot name=message-loading></slot></div><div ${o(this.#s)}></div></div>`;
+    return t`<div class="messages-container" @wheel=${this.#i}><div class="messages-list"><slot name=message-starter></slot><slot name=messages></slot><slot name=message-loading></slot></div><div class="end-ref" ${l(this.#e)}></div></div>`;
   }
 }
-s("arcgis-assistant-chat", c);
+s("arcgis-assistant-chat", m);
 export {
-  c as ArcgisAssistantChat
+  m as ArcgisAssistantChat
 };

package/dist/components/arcgis-assistant-data-exploration-agent/customElement.js

@@ -20,8 +20,8 @@ import "zod";
 import { D as r } from "../../chunks/dataExplorationGraph.js";
 import "@arcgis/core/views/LinkChartView.js";
 import "@arcgis/core/rest/knowledgeGraphService.js";
-import { r as o, a } from "../../chunks/utils2.js";
-class s extends i {
+import { r as a, a as s } from "../../chunks/utils2.js";
+class e extends i {
   constructor() {
     super(...arguments), this.agent = r;
   }
@@ -29,16 +29,20 @@ class s extends i {
     this.properties = { referenceElement: 1 };
   }
   #t;
+  #i;
   getContext() {
     if (!this.#t)
       throw new Error("arcgis-assistant-data-exploration-agent requires a mapView");
     return { mapView: this.#t };
   }
   load() {
-    this.#t = o(this, "arcgis-assistant-data-exploration-agent"), a(this);
+    this.#t = a(this, "arcgis-assistant-data-exploration-agent"), this.#i = s(this);
+  }
+  disconnectedCallback() {
+    this.#i?.unregister(this.agent.id), super.disconnectedCallback();
   }
 }
-t("arcgis-assistant-data-exploration-agent", s);
+t("arcgis-assistant-data-exploration-agent", e);
 export {
-  s as ArcgisAssistantDataExplorationAgent
+  e as ArcgisAssistantDataExplorationAgent
 };

package/dist/components/arcgis-assistant-help-agent/customElement.js

@@ -23,7 +23,7 @@ import "@arcgis/core/smartMapping/statistics/uniqueValues.js";
 import { H as r } from "../../chunks/helpGraph.js";
 import "@arcgis/core/views/LinkChartView.js";
 import "@arcgis/core/rest/knowledgeGraphService.js";
-import { r as e, a as s } from "../../chunks/utils2.js";
+import { r as s, a as e } from "../../chunks/utils2.js";
 class o extends i {
   constructor() {
     super(...arguments), this.agent = r;
@@ -32,13 +32,17 @@ class o extends i {
     this.properties = { referenceElement: 1 };
   }
   #t;
+  #i;
   getContext() {
     if (!this.#t)
       throw new Error("arcgis-assistant-help-agent requires a mapView");
     return { mapView: this.#t };
   }
   load() {
-    this.#t = e(this, "arcgis-assistant-help-agent"), s(this);
+    this.#t = s(this, "arcgis-assistant-help-agent"), this.#i = e(this);
+  }
+  disconnectedCallback() {
+    this.#i?.unregister(this.agent.id), super.disconnectedCallback();
   }
 }
 t("arcgis-assistant-help-agent", o);

package/dist/components/arcgis-assistant-interrupt/customElement.js

@@ -1,12 +1,12 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as a } from "../../chunks/runtime.js";
 import { css as c, html as e } from "lit";
-import { LitElement as l, createEvent as i } from "@arcgis/lumina";
+import { LitElement as l, createEvent as s } from "@arcgis/lumina";
 import { u as r } from "../../chunks/useT9n.js";
-const n = c`:host{width:100%;padding:var(--calcite-spacing-md);background:var(--calcite-panel-background-color, var(--calcite-color-background))}calcite-panel{border-radius:var(--calcite-dialog-corner-radius, var(--calcite-corner-radius-sm));border:0 solid var(--calcite-color-brand);border-block-start-width:4px;box-shadow:var(--calcite-shadow-md);width:100%;--calcite-panel-border-color: none}.interrupt-content{padding:0 var(--calcite-spacing-md);background:var(--calcite-color-foreground-1)}`;
+const n = c`:host{padding:var(--calcite-spacing-md);background:var(--calcite-panel-background-color, var(--calcite-color-background))}calcite-panel{border-radius:var(--calcite-dialog-corner-radius, var(--calcite-corner-radius-sm));border:0 solid var(--calcite-color-brand);border-block-start-width:4px;box-shadow:var(--calcite-shadow-md);width:100%;--calcite-panel-border-color: none}.interrupt-content{padding:0 var(--calcite-spacing-md);background:var(--calcite-color-foreground-1)}`;
 class o extends l {
   constructor() {
-    super(...arguments), this.#t = [], this._messages = r({ blocking: !0 }), this.arcgisCancel = i(), this.arcgisSubmit = i();
+    super(...arguments), this.#t = [], this._messages = r({ blocking: !0 }), this.arcgisCancel = s(), this.arcgisSubmit = s();
   }
   static {
     this.properties = { type: 1, message: 1, options: 0 };
@@ -20,7 +20,7 @@ class o extends l {
       case "single-select":
         return e`<calcite-list selection-mode=single-persist .label=${this._messages.optionsLabel} @calciteListChange=${(t) => this.#t = t.target.selectedItems[0]?.value}>${this.options?.map((t) => e`<calcite-list-item .label=${t} .value=${t}></calcite-list-item>`)}</calcite-list>`;
       case "multi-select":
-        return e`<calcite-list selection-mode=multiple .label=${this._messages.optionsLabel} @calciteListChange=${(t) => this.#t = t.target.selectedItems.map((s) => s.value)}>${this.options?.map((t) => e`<calcite-list-item .label=${t} .value=${t}></calcite-list-item>`)}</calcite-list>`;
+        return e`<calcite-list selection-mode=multiple .label=${this._messages.optionsLabel} @calciteListChange=${(t) => this.#t = t.target.selectedItems.map((i) => i.value)}>${this.options?.map((t) => e`<calcite-list-item .label=${t} .value=${t}></calcite-list-item>`)}</calcite-list>`;
       case "boolean-choice":
         return null;
       case "text-input":

package/dist/components/arcgis-assistant-knowledge-agent/customElement.js

@@ -1,6 +1,6 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as r } from "../../chunks/runtime.js";
-import { LitElement as i } from "@arcgis/lumina";
+import { c as i } from "../../chunks/runtime.js";
+import { LitElement as r } from "@arcgis/lumina";
 import "@langchain/langgraph/web";
 import "../../chunks/adapter.js";
 import "@arcgis/core/identity/IdentityManager.js";
@@ -20,24 +20,25 @@ import "zod";
 import "@arcgis/core/intl.js";
 import "@arcgis/core/smartMapping/statistics/summaryStatistics.js";
 import "@arcgis/core/smartMapping/statistics/uniqueValues.js";
-import { A as o } from "../../chunks/arcgisKnowledgeGraph.js";
-import { b as s, a as n } from "../../chunks/utils2.js";
+import { A as s } from "../../chunks/arcgisKnowledgeGraph.js";
+import { b as o, a as n } from "../../chunks/utils2.js";
 import { fetchKnowledgeGraph as a } from "@arcgis/core/rest/knowledgeGraphService.js";
-class p extends i {
+class c extends r {
   constructor() {
-    super(...arguments), this.agent = o;
+    super(...arguments), this.agent = s;
   }
   static {
     this.properties = { referenceElement: 1, serviceUrl: 3, context: 0 };
   }
   #e;
-  #r;
+  #i;
   #t;
+  #r;
   get serviceUrl() {
-    return this.#r;
+    return this.#i;
   }
   set serviceUrl(t) {
-    this.#r = t;
+    this.#i = t;
   }
   async getContext() {
     const t = this.context ? { ...this.context, knowledgeGraph: void 0, view: void 0 } : {};
@@ -61,10 +62,13 @@ class p extends i {
     t.has("serviceUrl") && this.serviceUrl ? this.#t = a(this.serviceUrl) : this.#t = void 0;
   }
   load() {
-    this.#e = s(this) ?? void 0, n(this);
+    this.#e = o(this) ?? void 0, this.#r = n(this);
+  }
+  disconnectedCallback() {
+    this.#r?.unregister(this.agent.id), super.disconnectedCallback();
   }
 }
-r("arcgis-assistant-knowledge-agent", p);
+i("arcgis-assistant-knowledge-agent", c);
 export {
-  p as ArcgisAssistantKnowledgeAgent
+  c as ArcgisAssistantKnowledgeAgent
 };

package/dist/components/arcgis-assistant-layer-styling-agent/customElement.js

@@ -24,7 +24,7 @@ import { L as r } from "../../chunks/layerStylingGraph.js";
 import "@arcgis/core/views/LinkChartView.js";
 import "@arcgis/core/rest/knowledgeGraphService.js";
 import { r as s, a as e } from "../../chunks/utils2.js";
-class o extends i {
+class a extends i {
   constructor() {
     super(...arguments), this.agent = r;
   }
@@ -32,16 +32,20 @@ class o extends i {
     this.properties = { referenceElement: 1 };
   }
   #t;
+  #i;
   getContext() {
     if (!this.#t)
       throw new Error("arcgis-assistant-layer-styling-agent requires a mapView");
     return { mapView: this.#t };
   }
   load() {
-    this.#t = s(this, "arcgis-assistant-layer-styling-agent"), e(this);
+    this.#t = s(this, "arcgis-assistant-layer-styling-agent"), this.#i = e(this);
+  }
+  disconnectedCallback() {
+    this.#i?.unregister(this.agent.id), super.disconnectedCallback();
   }
 }
-t("arcgis-assistant-layer-styling-agent", o);
+t("arcgis-assistant-layer-styling-agent", a);
 export {
-  o as ArcgisAssistantLayerStylingAgent
+  a as ArcgisAssistantLayerStylingAgent
 };

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

@@ -21,7 +21,7 @@ class c extends o {
       case "suggested-prompts":
         return this._renderSuggestedPrompts(s);
       case "text":
-        return r`<arcgis-assistant-message-text .content=${s.data?.content}></arcgis-assistant-message-text>`;
+        return r`<arcgis-assistant-message-text .content=${s.data?.content} .parts=${s.data?.parts}></arcgis-assistant-message-text>`;
       default:
         return null;
     }

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

@@ -7,4 +7,5 @@ import type { PublicLitElement as LitElement } from "@arcgis/lumina";
  */
 export abstract class ArcgisAssistantMessageText extends LitElement {
   accessor content: string | undefined;
+  accessor parts: string[] | undefined;
 }

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

@@ -1,22 +1,22 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as t } from "../../chunks/runtime.js";
-import { css as e, html as c } from "lit";
-import { LitElement as a } from "@arcgis/lumina";
-import { unsafeHTML as o } from "lit/directives/unsafe-html.js";
-import { p as r } from "../../chunks/converterUtils.js";
-const i = e`.container{color:var(--calcite-color-text-1)}.content>*{margin:0}.content>*+*{margin-block-start:var(--calcite-spacing-sm)}.content :is(ol,ul){padding-inline-start:var(--calcite-spacing-lg)}.content>calcite-table{display:block;max-width:100%}.content 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}.content pre code{display:block;white-space:pre;font-family:var(--calcite-code-family)}`;
-class s extends a {
+import { c as r } from "../../chunks/runtime.js";
+import { css as i, html as t } from "lit";
+import { LitElement as c } from "@arcgis/lumina";
+import { unsafeHTML as a } from "lit/directives/unsafe-html.js";
+import { a as s, p as o } from "../../chunks/converterUtils.js";
+const n = i`.container{color:var(--calcite-color-text-1)}.content>*{margin:0}.content>*+*{margin-block-start:var(--calcite-spacing-sm)}.content :is(ol,ul){padding-inline-start:var(--calcite-spacing-lg)}.content>calcite-table{display:block;max-width:100%}.content 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}.content pre code{display:block;white-space:pre;font-family:var(--calcite-code-family)}.part{animation:part-reveal calc(3 * var(--calcite-animation-timing)) ease-out}@keyframes part-reveal{0%{opacity:0;transform:translateY(var(--calcite-size-fixed-xxs))}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.part{animation:none}}`;
+class l extends c {
   static {
-    this.properties = { content: 1 };
+    this.properties = { content: 1, parts: 0 };
   }
   static {
-    this.styles = i;
+    this.styles = n;
   }
   render() {
-    return c`<div class="container"><div class="content">${o(r(this.content))}</div></div>`;
+    return t`<div class="container"><div class="content">${this.parts?.map((e) => t`<span class="part">${a(s(e))}</span>`) ?? a(o(this.content))}</div></div>`;
   }
 }
-t("arcgis-assistant-message-text", s);
+r("arcgis-assistant-message-text", l);
 export {
-  s as ArcgisAssistantMessageText
+  l as ArcgisAssistantMessageText
 };

package/dist/components/arcgis-assistant-navigation-agent/customElement.js

@@ -22,8 +22,8 @@ import "@arcgis/core/smartMapping/statistics/summaryStatistics.js";
 import "@arcgis/core/smartMapping/statistics/uniqueValues.js";
 import "@arcgis/core/views/LinkChartView.js";
 import "@arcgis/core/rest/knowledgeGraphService.js";
-import { r as o, a as s } from "../../chunks/utils2.js";
-class a extends i {
+import { r as s, a } from "../../chunks/utils2.js";
+class e extends i {
   constructor() {
     super(...arguments), this.agent = r;
   }
@@ -31,16 +31,20 @@ class a extends i {
     this.properties = { referenceElement: 1 };
   }
   #t;
+  #i;
   getContext() {
     if (!this.#t)
       throw new Error("arcgis-assistant-navigation-agent requires a mapView");
     return { mapView: this.#t };
   }
   load() {
-    this.#t = o(this, "arcgis-assistant-navigation-agent"), s(this);
+    this.#t = s(this, "arcgis-assistant-navigation-agent"), this.#i = a(this);
+  }
+  disconnectedCallback() {
+    this.#i?.unregister(this.agent.id), super.disconnectedCallback();
   }
 }
-t("arcgis-assistant-navigation-agent", a);
+t("arcgis-assistant-navigation-agent", e);
 export {
-  a as ArcgisAssistantNavigationAgent
+  e as ArcgisAssistantNavigationAgent
 };

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

@@ -1,23 +1,25 @@
 /* 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) 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;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 { css as a, html as e } from "lit";
+import { LitElement as i } from "@arcgis/lumina";
+import { p as r } from "../../chunks/converterUtils.js";
+import { unsafeHTML as c } from "lit/directives/unsafe-html.js";
+const s = a`:host{overflow:auto}.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;margin-left:auto;justify-content:flex-end}.avatar{display:flex;align-items:center;justify-content:center}.content{>*{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 o extends i {
   static {
     this.properties = { content: 1, user: 1, message: 0 };
   }
   static {
-    this.styles = i;
+    this.styles = s;
   }
   _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 e`<div class="container"><div><slot name=content><div class="content">${c(r(this._getContent()))}</div></slot></div><slot name=icon><div class="avatar"><calcite-avatar .fullName=${this.user} scale=s></calcite-avatar></div></slot></div>`;
   }
 }
-t("arcgis-assistant-user-message", r);
+t("arcgis-assistant-user-message", o);
 export {
-  r as ArcgisAssistantUserMessage
+  o as ArcgisAssistantUserMessage
 };