@arcgis/ai-components 5.2.0-next.76 → 5.2.0-next.78

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

@@ -1,25 +1,28 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as t } from "../../chunks/runtime.js";
-import { css as a, html as e } from "lit";
+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 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 {
+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 = s;
+    this.styles = c;
   }
   _getContent() {
     return this.message?.role === "user" ? this.message.content : this.content;
   }
   render() {
-    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>`;
+    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", o);
+a("arcgis-assistant-user-message", n);
 export {
-  o as ArcgisAssistantUserMessage
+  n as ArcgisAssistantUserMessage
 };