@arcgis/ai-components 5.1.0-next.7 → 5.1.0-next.71

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

@@ -0,0 +1,27 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+import { c as e } from "../../chunks/runtime.js";
+import { css as i, html as s } 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%}`;
+class o extends r {
+  constructor() {
+    super(...arguments), this._messages = c({ blocking: !0 }), this.prompts = [], this.arcgisPromptSelect = l();
+  }
+  static {
+    this.properties = { label: 1, prompts: 0 };
+  }
+  static {
+    this.styles = a;
+  }
+  _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;
+  }
+}
+e("arcgis-assistant-suggested-prompts", o);
+export {
+  o as ArcgisAssistantSuggestedPrompts
+};

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

@@ -0,0 +1 @@
+export * from "./customElement.js";

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

@@ -0,0 +1,3 @@
+import "@esri/calcite-components/components/calcite-chip-group";
+import "@esri/calcite-components/components/calcite-chip";
+export * from "./customElement.js";

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

@@ -0,0 +1,10 @@
+/// <reference path="../../index.d.ts" />
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { ChatMessage } from "../arcgis-assistant/types.js";
+
+/** @internal */
+export abstract class ArcgisAssistantUserMessage extends LitElement {
+  accessor content: string | undefined;
+  accessor message: ChatMessage | undefined;
+  accessor user: string | undefined;
+}

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

@@ -0,0 +1,23 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.1/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 {
+  static {
+    this.properties = { content: 1, user: 1, message: 0 };
+  }
+  static {
+    this.styles = i;
+  }
+  _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>`;
+  }
+}
+t("arcgis-assistant-user-message", r);
+export {
+  r as ArcgisAssistantUserMessage
+};

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

@@ -0,0 +1 @@
+export * from "./customElement.js";

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

@@ -0,0 +1,2 @@
+import "@esri/calcite-components/components/calcite-avatar";
+export * from "./customElement.js";