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

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

@@ -2,8 +2,8 @@
 import { c as t } from "../../chunks/runtime.js";
 import { LitElement as s } from "@arcgis/lumina";
 import { LayerStylingAgent as e } from "@arcgis/ai-agents";
-import { r as i, i as a } from "../../chunks/utils.js";
-class r extends s {
+import { r as i, a as r } from "../../chunks/utils.js";
+class a extends s {
   constructor() {
     super(...arguments), this.agent = e;
   }
@@ -16,11 +16,11 @@ class r extends s {
       throw new Error("arcgis-assistant-layer-styling-agent requires a mapView");
     return { mapView: this.#t };
   }
-  async load() {
-    this.#t = await i(this, "arcgis-assistant-layer-styling-agent"), a(this);
+  load() {
+    this.#t = i(this, "arcgis-assistant-layer-styling-agent"), r(this);
   }
 }
-t("arcgis-assistant-layer-styling-agent", r);
+t("arcgis-assistant-layer-styling-agent", a);
 export {
-  r as ArcgisAssistantLayerStylingAgent
+  a as ArcgisAssistantLayerStylingAgent
 };

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

@@ -0,0 +1,18 @@
+/// <reference path="../../index.d.ts" />
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { AssistantMessage } from "../arcgis-assistant/types.js";
+
+/** @internal */
+export abstract class ArcgisAssistantMessage extends LitElement {
+  /** @default false */
+  accessor copyEnabled: boolean;
+  /** @default false */
+  accessor feedbackEnabled: boolean;
+  /** @default false */
+  accessor footerDisabled: boolean;
+  /** @default false */
+  accessor logEnabled: boolean;
+  accessor message: AssistantMessage | undefined;
+  /** @default false */
+  accessor readAloudEnabled: boolean;
+}

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

@@ -0,0 +1,29 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+import { c as s } from "../../chunks/runtime.js";
+import { css as t, html as e } from "lit";
+import { LitElement as a } from "@arcgis/lumina";
+const n = t`:host{display:block;container-type:inline-size}.container{display:flex;flex-direction:column;align-items:flex-start;gap:var(--calcite-spacing-sm);width:100%;text-align:left}.icon{padding:var(--calcite-spacing-sm);border-radius:var(--calcite-spacing-xl);background:var(--calcite-color-brand);color:var(--calcite-color-foreground-1)}.content-container{display:flex;flex:1;flex-direction:column;width:100%;gap:var(--calcite-spacing-md)}@container (min-width: 480px){.container{max-width:80%}}`;
+class i extends a {
+  constructor() {
+    super(...arguments), this.feedbackEnabled = !1, this.logEnabled = !1, this.copyEnabled = !1, this.readAloudEnabled = !1, this.footerDisabled = !1;
+  }
+  static {
+    this.properties = { feedbackEnabled: 5, logEnabled: 5, copyEnabled: 5, readAloudEnabled: 5, footerDisabled: 5, message: 0 };
+  }
+  static {
+    this.styles = n;
+  }
+  _renderContent() {
+    return e`<arcgis-assistant-message-content .message=${this.message}></arcgis-assistant-message-content>`;
+  }
+  _renderFooter() {
+    return e`<arcgis-assistant-message-footer .message=${this.message} .feedbackEnabled=${this.feedbackEnabled} .logEnabled=${this.logEnabled} .copyEnabled=${this.copyEnabled} .readAloudEnabled=${this.readAloudEnabled}></arcgis-assistant-message-footer>`;
+  }
+  render() {
+    return e`<div class="container"><slot name=icon><calcite-icon icon=effects class="icon" scale=s></calcite-icon></slot><div class="content-container"><slot name=content>${this._renderContent()}</slot>${this.footerDisabled ? null : e`<slot name=footer>${this._renderFooter()}</slot>`}</div></div>`;
+  }
+}
+s("arcgis-assistant-message", i);
+export {
+  i as ArcgisAssistantMessage
+};

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

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

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

@@ -0,0 +1,4 @@
+import "../arcgis-assistant-message-content/index.js";
+import "../arcgis-assistant-message-footer/index.js";
+import "@esri/calcite-components/components/calcite-icon";
+export * from "./customElement.js";

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

@@ -0,0 +1,8 @@
+/// <reference path="../../index.d.ts" />
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { UXSuggestion } from "@arcgis/ai-orchestrator";
+
+/** A primitive for rendering a default assistant output block. */
+export abstract class ArcgisAssistantMessageBlock extends LitElement {
+  accessor block: UXSuggestion | undefined;
+}

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

@@ -0,0 +1,29 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+import { c as o } from "../../chunks/runtime.js";
+import { css as i, html as p } from "lit";
+import { LitElement as n } from "@arcgis/lumina";
+const l = i`:host{display:block}`;
+class a extends n {
+  static {
+    this.properties = { block: 0 };
+  }
+  static {
+    this.styles = l;
+  }
+  _renderSuggestedPrompts(s) {
+    if (s.type !== "suggested-prompts")
+      return null;
+    const t = s.data?.prompts, e = Array.isArray(t) ? t.filter((r) => typeof r == "string") : [];
+    return e.length ? p`<arcgis-assistant-suggested-prompts .prompts=${e}></arcgis-assistant-suggested-prompts>` : null;
+  }
+  _renderBlock(s) {
+    return s.type === "suggested-prompts" ? this._renderSuggestedPrompts(s) : null;
+  }
+  render() {
+    return this.block ? this._renderBlock(this.block) : null;
+  }
+}
+o("arcgis-assistant-message-block", a);
+export {
+  a as ArcgisAssistantMessageBlock
+};

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

@@ -0,0 +1,2 @@
+import "../arcgis-assistant-suggested-prompts/index.js";
+export * from "./customElement.js";

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

@@ -0,0 +1,12 @@
+/// <reference path="../../index.d.ts" />
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { AssistantSlottableRequestDetail, AssistantMessage } from "../arcgis-assistant/types.js";
+
+/** @internal */
+export abstract class ArcgisAssistantMessageContent extends LitElement {
+  accessor message: AssistantMessage | undefined;
+  readonly arcgisSlottableRequest: import("@arcgis/lumina").TargetedEvent<this, AssistantSlottableRequestDetail>;
+  readonly "@eventTypes": {
+    arcgisSlottableRequest: ArcgisAssistantMessageContent["arcgisSlottableRequest"]["detail"];
+  };
+}

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

@@ -0,0 +1,62 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+import { c as o } from "../../chunks/runtime.js";
+import { css as r, html as t } from "lit";
+import { LitElement as c, createEvent as i, nothing as l } from "@arcgis/lumina";
+const m = r`.content,.blocks{display:flex;flex-direction:column;gap:var(--calcite-spacing-sm)}.error-notice{padding:var(--calcite-spacing-sm)}`, n = "message";
+class g extends c {
+  constructor() {
+    super(...arguments), this.arcgisSlottableRequest = i({ cancelable: !1 });
+  }
+  static {
+    this.properties = { message: 0 };
+  }
+  static {
+    this.styles = m;
+  }
+  willUpdate() {
+    this._syncSlottableRequests();
+  }
+  _getBlockSlotName(e) {
+    return `block-${e}`;
+  }
+  _syncSlottableRequests() {
+    const e = this.message;
+    e && (this.arcgisSlottableRequest.emit({
+      data: { message: e },
+      name: "message",
+      slotOwner: this.el,
+      slotName: n
+    }), (e.blocks ?? []).forEach((s, a) => {
+      this.arcgisSlottableRequest.emit({
+        data: {
+          block: s,
+          index: a,
+          message: e
+        },
+        name: "block",
+        slotOwner: this.el,
+        slotName: this._getBlockSlotName(a)
+      });
+    }));
+  }
+  _renderBlock(e, s) {
+    return t`<slot name=${this._getBlockSlotName(s) ?? l}><arcgis-assistant-message-block .block=${e}></arcgis-assistant-message-block></slot>`;
+  }
+  _renderBlocks() {
+    const e = this.message?.blocks ?? [];
+    return e.length ? t`<div class="blocks">${e.map((s, a) => this._renderBlock(s, a))}</div>` : null;
+  }
+  _renderDefaultContent() {
+    return this.message?.error ? t`<calcite-notice class="error-notice" open icon kind=warning width=auto><div slot=message>${this.message.error}</div></calcite-notice>` : t`<arcgis-assistant-message-text .content=${this.message?.content}></arcgis-assistant-message-text>`;
+  }
+  _renderContent() {
+    return t`<div class="content"><slot name=${n}>${this._renderDefaultContent()}</slot>${this._renderBlocks()}</div>`;
+  }
+  render() {
+    return this._renderContent();
+  }
+}
+o("arcgis-assistant-message-content", g);
+export {
+  g as ArcgisAssistantMessageContent
+};

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

@@ -0,0 +1,4 @@
+import "../arcgis-assistant-message-block/index.js";
+import "@esri/calcite-components/components/calcite-notice";
+import "../arcgis-assistant-message-text/index.js";
+export * from "./customElement.js";

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

@@ -0,0 +1,23 @@
+/// <reference path="../../index.d.ts" />
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { AssistantMessage } from "../arcgis-assistant/types.js";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
+
+/** @internal */
+export abstract class ArcgisAssistantMessageFeedback extends LitElement {
+  /** @internal */
+  protected _messages: {
+      thumbsUpLabel: string;
+      thumbsDownLabel: string;
+  } & T9nMeta<{
+      thumbsUpLabel: string;
+      thumbsDownLabel: string;
+  }>;
+  /** @default false */
+  accessor feedbackEnabled: boolean;
+  accessor message: AssistantMessage | undefined;
+  readonly arcgisFeedback: import("@arcgis/lumina").TargetedEvent<this, AssistantMessage>;
+  readonly "@eventTypes": {
+    arcgisFeedback: ArcgisAssistantMessageFeedback["arcgisFeedback"]["detail"];
+  };
+}

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

@@ -0,0 +1,36 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+import { c as s } from "../../chunks/runtime.js";
+import { css as i, html as e } from "lit";
+import { LitElement as a, createEvent as c } from "@arcgis/lumina";
+import { u as n } from "../../chunks/useT9n.js";
+const o = i`.actions{display:flex;flex-direction:row;gap:var(--calcite-spacing-xs)}`;
+class r extends a {
+  constructor() {
+    super(...arguments), this._messages = n({ blocking: !0 }), this.feedbackEnabled = !1, this.arcgisFeedback = c();
+  }
+  static {
+    this.properties = { feedbackEnabled: 5, message: 0 };
+  }
+  static {
+    this.styles = o;
+  }
+  _handleFeedback(t) {
+    this.message && (this.message.feedback = this.message.feedback?.positive === t ? void 0 : { positive: t }, this.arcgisFeedback.emit(this.message), this.requestUpdate());
+  }
+  _getFeedback() {
+    return this.message?.feedback?.positive;
+  }
+  _renderThumbsUpButton() {
+    return e`<calcite-action id=action-thumbs-up icon=thumbs-up scale=s .active=${this._getFeedback() === !0} @click=${() => this._handleFeedback(!0)} text></calcite-action><calcite-tooltip reference-element=action-thumbs-up overlay-positioning=fixed placement=bottom><span>${this._messages.thumbsUpLabel}</span></calcite-tooltip>`;
+  }
+  _renderThumbsDownButton() {
+    return e`<calcite-action id=action-thumbs-down icon=thumbs-down scale=s .active=${this._getFeedback() === !1} @click=${() => this._handleFeedback(!1)} text></calcite-action><calcite-tooltip reference-element=action-thumbs-down overlay-positioning=fixed placement=bottom><span>${this._messages.thumbsDownLabel}</span></calcite-tooltip>`;
+  }
+  render() {
+    return this.feedbackEnabled && !this.message?.error ? e`<div class="actions">${this._renderThumbsUpButton()}${this._renderThumbsDownButton()}</div>` : null;
+  }
+}
+s("arcgis-assistant-message-feedback", r);
+export {
+  r as ArcgisAssistantMessageFeedback
+};

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

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

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

@@ -0,0 +1,25 @@
+/// <reference path="../../index.d.ts" />
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { AssistantMessage } from "../arcgis-assistant/types.js";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
+
+/** @internal */
+export abstract class ArcgisAssistantMessageFooter extends LitElement {
+  /** @internal */
+  protected _messages: {
+      copyButtonLabel: string;
+      logButtonLabel: string;
+  } & T9nMeta<{
+      copyButtonLabel: string;
+      logButtonLabel: string;
+  }>;
+  /** @default false */
+  accessor copyEnabled: boolean;
+  /** @default false */
+  accessor feedbackEnabled: boolean;
+  /** @default false */
+  accessor logEnabled: boolean;
+  accessor message: AssistantMessage | undefined;
+  /** @default false */
+  accessor readAloudEnabled: boolean;
+}

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

@@ -0,0 +1,62 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+import { c as s } from "../../chunks/runtime.js";
+import { css as a, html as e } from "lit";
+import { watch as o } from "@arcgis/core/core/reactiveUtils.js";
+import { LitElement as i } from "@arcgis/lumina";
+import { createRef as n, ref as r } from "lit/directives/ref.js";
+import { u as l } from "../../chunks/useT9n.js";
+import { log as c } from "@arcgis/toolkit/log";
+const d = a`.container{display:flex;align-items:center;width:100%;justify-content:space-between;gap:var(--calcite-spacing-xs)}.start,.end{display:flex;align-items:center;gap:var(--calcite-spacing-xs)}`;
+class g extends i {
+  constructor() {
+    super(...arguments), this._messages = l({ blocking: !0 }), this._endRef = n(), this._showLog = !1, this.feedbackEnabled = !1, this.logEnabled = !1, this.copyEnabled = !1, this.readAloudEnabled = !1;
+  }
+  static {
+    this.properties = { _showLog: 16, feedbackEnabled: 5, logEnabled: 5, copyEnabled: 5, readAloudEnabled: 5, message: 0 };
+  }
+  static {
+    this.styles = d;
+  }
+  loaded() {
+    this.manager.onLifecycle(() => [
+      o(() => this._showLog, () => this._scrollToEnd())
+    ]);
+  }
+  _scrollToEnd() {
+    requestAnimationFrame(() => {
+      this._endRef.value?.scrollIntoView({ behavior: "smooth", block: "end" });
+    });
+  }
+  _renderCopyButton() {
+    return !this.message?.error && this.copyEnabled ? e`<calcite-action id=action-copy icon=copy-to-clipboard scale=s @click=${async () => {
+      try {
+        const t = this.message?.content?.trim();
+        t && await navigator.clipboard.writeText(t);
+      } catch (t) {
+        c("warn", "assistant-message-footer", "Failed to copy text to clipboard", {
+          once: !0,
+          detail: { error: t }
+        });
+      }
+    }} text></calcite-action><calcite-tooltip reference-element=action-copy overlay-positioning=fixed placement=bottom><span>${this._messages.copyButtonLabel}</span></calcite-tooltip>` : null;
+  }
+  _renderLogButton() {
+    return this.message?.log?.length && this.logEnabled ? e`<calcite-action id=action-log icon=access-string-results scale=s @click=${() => this._showLog = !this._showLog} .text=${this._messages.logButtonLabel} .active=${this._showLog}></calcite-action><calcite-tooltip reference-element=action-log overlay-positioning=fixed placement=bottom><span>${this._messages.logButtonLabel}</span></calcite-tooltip>` : null;
+  }
+  _renderReadAloudButton() {
+    return e`<arcgis-assistant-message-read-aloud .message=${this.message} .readAloudEnabled=${this.readAloudEnabled}></arcgis-assistant-message-read-aloud>`;
+  }
+  _renderLog() {
+    return e`<arcgis-assistant-message-log .log=${this.message?.log} .showLog=${this._showLog} .logEnabled=${this.logEnabled}></arcgis-assistant-message-log>`;
+  }
+  _renderFeedback() {
+    return e`<arcgis-assistant-message-feedback .message=${this.message} .feedbackEnabled=${this.feedbackEnabled}></arcgis-assistant-message-feedback>`;
+  }
+  render() {
+    return e`${this._renderLog()}<div class="container"><div class="start">${this._renderCopyButton()}${this._renderLogButton()}${this._renderReadAloudButton()}<slot name=footer-actions-start></slot></div><div class="end"><slot name=footer-actions-end></slot>${this._renderFeedback()}</div></div><div ${r(this._endRef)}></div>`;
+  }
+}
+s("arcgis-assistant-message-footer", g);
+export {
+  g as ArcgisAssistantMessageFooter
+};

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

@@ -0,0 +1,6 @@
+import "@esri/calcite-components/components/calcite-action";
+import "@esri/calcite-components/components/calcite-tooltip";
+import "../arcgis-assistant-message-read-aloud/index.js";
+import "../arcgis-assistant-message-log/index.js";
+import "../arcgis-assistant-message-feedback/index.js";
+export * from "./customElement.js";

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

@@ -0,0 +1,10 @@
+/// <reference path="../../index.d.ts" />
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+
+/** @internal */
+export abstract class ArcgisAssistantMessageLoading extends LitElement {
+  /** @default false */
+  accessor loading: boolean;
+  /** @default "" */
+  accessor loadingMessage: string;
+}

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

@@ -0,0 +1,23 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+import { c as a } from "../../chunks/runtime.js";
+import { css as e, html as s } from "lit";
+import { LitElement as i } from "@arcgis/lumina";
+const t = e`:host{display:contents}.icon{padding:var(--calcite-spacing-sm);border-radius:var(--calcite-spacing-xl);background:var(--calcite-color-brand);color:var(--calcite-color-foreground-1)}.loading-container{display:flex;flex-direction:column;gap:var(--calcite-spacing-sm);padding:0 var(--calcite-spacing-sm)}.loading{display:flex;align-items:center;gap:var(--calcite-spacing-sm)}.text{font-style:italic;word-wrap:break-word;word-break:break-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}.skeleton-block{display:flex;flex-direction:column;gap:var(--calcite-spacing-sm);width:100%}.skeleton-text{display:block;height:.95em;border-radius:var(--calcite-border-radius);background:linear-gradient(90deg,color-mix(in srgb,var(--calcite-color-foreground-2) 65%,transparent),color-mix(in srgb,var(--calcite-color-foreground-3) 85%,transparent),color-mix(in srgb,var(--calcite-color-foreground-2) 65%,transparent));background-size:200% 100%;animation:assistant-message-loading-shimmer 1.2s ease-in-out infinite;width:85%}.skeleton-text:last-child{width:70%}@keyframes assistant-message-loading-shimmer{0%{background-position:-150% 0}to{background-position:150% 0}}@media(prefers-reduced-motion){.skeleton-text{animation:none}}`;
+class o extends i {
+  constructor() {
+    super(...arguments), this.loading = !1, this.loadingMessage = "";
+  }
+  static {
+    this.properties = { loading: 5, loadingMessage: 1 };
+  }
+  static {
+    this.styles = t;
+  }
+  render() {
+    return this.loading ? s`<arcgis-assistant-message footer-disabled><slot name=icon slot=icon><calcite-icon class="icon" icon=effects scale=s></calcite-icon></slot><slot name=content slot=content><div class="loading-container"><div class="loading"><calcite-loader label=loading inline></calcite-loader><div class="text">${this.loadingMessage}</div></div><div class="skeleton-block"><span class="skeleton-text"></span><span class="skeleton-text"></span></div></div></slot></arcgis-assistant-message>` : null;
+  }
+}
+a("arcgis-assistant-message-loading", o);
+export {
+  o as ArcgisAssistantMessageLoading
+};

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

@@ -0,0 +1,4 @@
+import "../arcgis-assistant-message/index.js";
+import "@esri/calcite-components/components/calcite-icon";
+import "@esri/calcite-components/components/calcite-loader";
+export * from "./customElement.js";

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

@@ -0,0 +1,11 @@
+/// <reference path="../../index.d.ts" />
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+
+/** @internal */
+export abstract class ArcgisAssistantMessageLog extends LitElement {
+  accessor log: string[] | undefined;
+  /** @default false */
+  accessor logEnabled: boolean;
+  /** @default false */
+  accessor showLog: boolean;
+}

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

@@ -0,0 +1,29 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+import { c as i } from "../../chunks/runtime.js";
+import { css as o, html as a } from "lit";
+import { LitElement as e } from "@arcgis/lumina";
+import { unsafeHTML as c } from "lit/directives/unsafe-html.js";
+import { p as r } from "../../chunks/converterUtils.js";
+const n = o`.container{border-radius:var(--calcite-border-radius);margin-bottom:var(--calcite-spacing-md)}.block{margin:0;background-color:var(--calcite-color-foreground-1);width:100%;max-height:300px;overflow:auto}.entry{margin-left:var(--calcite-spacing-sm);padding:var(--calcite-spacing-xxs) var(--calcite-spacing-lg);border-left:1px solid var(--calcite-color-border-1)}`;
+class l extends e {
+  constructor() {
+    super(...arguments), this.logEnabled = !1, this.showLog = !1;
+  }
+  static {
+    this.properties = { logEnabled: 5, showLog: 5, log: 0 };
+  }
+  static {
+    this.styles = n;
+  }
+  render() {
+    return this.log?.length && this.showLog && this.logEnabled ? a`<div class="container"><div class="block"><calcite-accordion appearance=transparent icon-position=start icon-type=chevron scale=s>${this.log.map((s) => {
+      const t = s.includes(`
+`) || s.length > 70;
+      return a`<calcite-accordion-item .heading=${t ? `${s.substring(0, 70)}...` : s} .expanded=${t}><div class="entry">${t ? c(r(s)) : null}</div></calcite-accordion-item>`;
+    })}</calcite-accordion></div></div>` : null;
+  }
+}
+i("arcgis-assistant-message-log", l);
+export {
+  l as ArcgisAssistantMessageLog
+};

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

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

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

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

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

@@ -0,0 +1,19 @@
+/// <reference path="../../index.d.ts" />
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { AssistantMessage } from "../arcgis-assistant/types.js";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
+
+/** @internal */
+export abstract class ArcgisAssistantMessageReadAloud extends LitElement {
+  /** @internal */
+  protected _messages: {
+      readAloudButtonLabel: string;
+      stopReadingButtonLabel: string;
+  } & T9nMeta<{
+      readAloudButtonLabel: string;
+      stopReadingButtonLabel: string;
+  }>;
+  accessor message: AssistantMessage | undefined;
+  /** @default false */
+  accessor readAloudEnabled: boolean;
+}

package/dist/components/arcgis-assistant-message-read-aloud/customElement.js

@@ -0,0 +1,104 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+import { c as u } from "../../chunks/runtime.js";
+import { css as p, html as h } from "lit";
+import { watch as m } from "@arcgis/core/core/reactiveUtils.js";
+import { LitElement as _ } from "@arcgis/lumina";
+import { u as g } from "../../chunks/useT9n.js";
+import f from "@arcgis/core/core/Accessor.js";
+import { property as d, subclass as y } from "@arcgis/core/core/accessorSupport/decorators.js";
+const A = p``;
+var C = Object.defineProperty, S = Object.getOwnPropertyDescriptor, c = (e, s, n, i) => {
+  for (var r = i > 1 ? void 0 : i ? S(s, n) : s, t = e.length - 1, a; t >= 0; t--)
+    (a = e[t]) && (r = (i ? a(s, n, r) : a(r)) || r);
+  return i && r && C(s, n, r), r;
+};
+function l() {
+  return typeof window > "u" ? null : window;
+}
+let o = class extends f {
+  constructor() {
+    super(...arguments), this._utterance = null, this.state = "idle", this.supported = o.isSupported();
+  }
+  destroy() {
+    this.stop(), super.destroy();
+  }
+  start(e) {
+    const s = e.trim(), n = l(), i = n?.SpeechSynthesisUtterance, r = n?.speechSynthesis;
+    if (this._set("supported", o.isSupported(n)), !s || !i || !r)
+      return;
+    this.stop();
+    const t = new i(s);
+    t.rate = 0.9, t.pitch = 1.1, t.volume = 1, t.onend = () => {
+      this._utterance === t && this._reset();
+    }, t.onerror = () => {
+      this._utterance === t && this._reset();
+    };
+    try {
+      r.speak(t), this._utterance = t, this._set("state", "playing");
+    } catch {
+      t.onend = null, t.onerror = null, this._reset();
+    }
+  }
+  stop() {
+    const e = l(), s = e?.speechSynthesis;
+    if (this._set("supported", o.isSupported(e)), s)
+      try {
+        (s.speaking || s.pending) && s.cancel();
+      } catch {
+      }
+    this._reset();
+  }
+  toggle(e) {
+    if (this.state === "playing") {
+      this.stop();
+      return;
+    }
+    this.start(e);
+  }
+  static isSupported(e = l()) {
+    return !!e?.speechSynthesis && typeof e.SpeechSynthesisUtterance == "function";
+  }
+  _reset() {
+    this._utterance && (this._utterance.onend = null, this._utterance.onerror = null), this._utterance = null, this._set("state", "idle");
+  }
+};
+c([
+  d({ readOnly: !0 })
+], o.prototype, "state", 2);
+c([
+  d({ readOnly: !0 })
+], o.prototype, "supported", 2);
+o = c([
+  y("ReadAloudController")
+], o);
+class w extends _ {
+  constructor() {
+    super(...arguments), this._messages = g({ blocking: !0 }), this._readAloudController = new o(), this.readAloudEnabled = !1;
+  }
+  static {
+    this.properties = { readAloudEnabled: 5, message: 0 };
+  }
+  static {
+    this.styles = A;
+  }
+  loaded() {
+    this.manager.onLifecycle(() => [
+      m(() => this._readAloudController.state, () => this.requestUpdate(), { initial: !0 }),
+      {
+        remove: () => {
+          this._readAloudController.stop();
+        }
+      }
+    ]);
+  }
+  _toggleReadAloud() {
+    this._readAloudController.toggle(this.message?.content ?? "");
+  }
+  render() {
+    return this.readAloudEnabled && !this.message?.error && this.message?.content?.trim() && this._readAloudController.supported ? h`<calcite-action id=action-read-aloud .icon=${this._readAloudController.state === "playing" ? "sound-off" : "sound"} scale=s .active=${this._readAloudController.state === "playing"} @click=${() => this._toggleReadAloud()} text></calcite-action><calcite-tooltip reference-element=action-read-aloud overlay-positioning=fixed placement=bottom><span>${this._readAloudController.state === "playing" ? this._messages.stopReadingButtonLabel : this._messages.readAloudButtonLabel}</span></calcite-tooltip>` : null;
+  }
+}
+u("arcgis-assistant-message-read-aloud", w);
+export {
+  w as ArcgisAssistantMessageReadAloud
+};

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

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

package/dist/components/arcgis-assistant-message-read-aloud/index.js

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

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

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

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

@@ -0,0 +1,22 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.1/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 {
+  static {
+    this.properties = { content: 1 };
+  }
+  static {
+    this.styles = i;
+  }
+  render() {
+    return c`<div class="container"><div class="content">${o(r(this.content))}</div></div>`;
+  }
+}
+t("arcgis-assistant-message-text", s);
+export {
+  s as ArcgisAssistantMessageText
+};

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

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

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

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