@tylertech/forge-ai 0.15.3-dev.1 → 0.16.0

package/dist/ai-reasoning/reasoning-content/reasoning-content2.mjs

@@ -0,0 +1,68 @@
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.154.0/helpers/esm/decorate.mjs";
+import reasoning_content_default from "./reasoning-content.mjs";
+import { LitElement, html, unsafeCSS } from "lit";
+import { customElement, state } from "lit/decorators.js";
+//#region src/lib/ai-reasoning/reasoning-content/reasoning-content.ts
+var ReasoningContentComponentTagName = "forge-ai-reasoning-content";
+var ReasoningContentComponent = class ReasoningContentComponent extends LitElement {
+	constructor(..._args) {
+		super(..._args);
+		this._displayedText = "";
+		this._fullText = "";
+		this._animationId = null;
+		this._hasStarted = false;
+	}
+	static {
+		this.styles = unsafeCSS(reasoning_content_default);
+	}
+	firstUpdated() {
+		setTimeout(() => {
+			this._extractTextAndAnimate();
+		}, 100);
+	}
+	_handleSlotChange() {
+		if (!this._hasStarted) this._extractTextAndAnimate();
+	}
+	_extractTextAndAnimate() {
+		if (this._hasStarted) return;
+		const slot = this.shadowRoot?.querySelector("slot");
+		if (slot) {
+			const assignedNodes = slot.assignedNodes({ flatten: true });
+			this._fullText = assignedNodes.map((node) => node.textContent || "").join("").trim();
+			if (this._fullText) {
+				this._hasStarted = true;
+				this._startTypingAnimation();
+			}
+		}
+	}
+	_startTypingAnimation() {
+		if (this._animationId) clearTimeout(this._animationId);
+		this._displayedText = "";
+		let currentIndex = 0;
+		const typeSpeed = 10;
+		const typeNextCharacter = () => {
+			if (currentIndex < this._fullText.length) {
+				this._displayedText = this._fullText.substring(0, currentIndex + 1);
+				currentIndex++;
+				this._animationId = setTimeout(typeNextCharacter, typeSpeed);
+			} else this._animationId = null;
+		};
+		typeNextCharacter();
+	}
+	render() {
+		if (this._hasStarted) return html`
+        <div class="reasoning-content">
+          <span class="animated-text">${this._displayedText}</span>
+        </div>
+      `;
+		return html`
+      <div class="reasoning-content">
+        <slot @slotchange=${this._handleSlotChange}></slot>
+      </div>
+    `;
+	}
+};
+__decorate([state()], ReasoningContentComponent.prototype, "_displayedText", void 0);
+ReasoningContentComponent = __decorate([customElement(ReasoningContentComponentTagName)], ReasoningContentComponent);
+//#endregion
+export { ReasoningContentComponent, ReasoningContentComponentTagName };

package/dist/ai-reasoning-header/ai-reasoning-header.d.ts

@@ -3,6 +3,12 @@ declare global {
     interface HTMLElementTagNameMap {
         'forge-ai-reasoning-header': AiReasoningHeaderComponent;
     }
+    interface HTMLElementEventMap {
+        'forge-ai-reasoning-header-toggle': CustomEvent<ForgeAiReasoningHeaderToggleEventData>;
+    }
+}
+export interface ForgeAiReasoningHeaderToggleEventData {
+    expanded: boolean;
 }
 export declare const AiReasoningHeaderComponentTagName: keyof HTMLElementTagNameMap;
 /**
@@ -11,7 +17,7 @@ export declare const AiReasoningHeaderComponentTagName: keyof HTMLElementTagName
  * @slot title - Content for the header when in regular (non-reasoning) state
  * @slot reasoning-title - Content for the header when in reasoning state
  *
- * @event {CustomEvent<{ expanded: boolean }>} toggle - Fired when the header is clicked and the expanded state changes
+ * @event {CustomEvent<ForgeAiReasoningHeaderToggleEventData>} forge-ai-reasoning-header-toggle - Fired when the header is clicked and the expanded state changes
  */
 export declare class AiReasoningHeaderComponent extends LitElement {
     static styles: CSSResult;

package/dist/ai-reasoning-header/ai-reasoning-header.mjs

@@ -1,68 +1,4 @@
-import { unsafeCSS, LitElement, html } from "lit";
-import { property, customElement } from "lit/decorators.js";
-import styles from "./ai-reasoning-header.scss.mjs";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
-const AiReasoningHeaderComponentTagName = "forge-ai-reasoning-header";
-let AiReasoningHeaderComponent = class extends LitElement {
-  constructor() {
-    super(...arguments);
-    this.expanded = false;
-    this.reasoning = false;
-  }
-  _handleClick() {
-    this.expanded = !this.expanded;
-    this.dispatchEvent(
-      new CustomEvent("toggle", {
-        detail: { expanded: this.expanded },
-        bubbles: true,
-        composed: true
-      })
-    );
-  }
-  render() {
-    return html`
-      <button
-        class="button-header"
-        type="button"
-        @click=${this._handleClick}
-        aria-expanded=${this.expanded}
-        aria-controls="content">
-        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="forge-icon" aria-hidden="true">
-          <path
-            d="M3.5 19A1.5 1.5 0 0 1 5 20.5 1.5 1.5 0 0 1 3.5 22 1.5 1.5 0 0 1 2 20.5 1.5 1.5 0 0 1 3.5 19m5-3a2.5 2.5 0 0 1 2.5 2.5A2.5 2.5 0 0 1 8.5 21 2.5 2.5 0 0 1 6 18.5 2.5 2.5 0 0 1 8.5 16m6-1c-1.19 0-2.27-.5-3-1.35-.73.85-1.81 1.35-3 1.35-1.96 0-3.59-1.41-3.93-3.26A4.02 4.02 0 0 1 2 8a4 4 0 0 1 4-4l.77.07C7.5 3.41 8.45 3 9.5 3c1.19 0 2.27.5 3 1.35.73-.85 1.81-1.35 3-1.35 1.96 0 3.59 1.41 3.93 3.26A4.02 4.02 0 0 1 22 10a4 4 0 0 1-4 4l-.77-.07c-.73.66-1.68 1.07-2.73 1.07M6 6a2 2 0 0 0-2 2 2 2 0 0 0 2 2c.33 0 .64-.08.92-.22A2 2 0 0 0 6.5 11a2 2 0 0 0 2 2c.6 0 1.14-.27 1.5-.69l1.47-1.68L13 12.34c.38.4.91.66 1.5.66 1 0 1.83-.74 2-1.7.34.43.89.7 1.5.7a2 2 0 0 0 2-2 2 2 0 0 0-2-2c-.33 0-.64.08-.92.22A2 2 0 0 0 17.5 7a2 2 0 0 0-2-2c-.59 0-1.12.26-1.5.66l-1.53 1.71L11 5.69c-.36-.42-.9-.69-1.5-.69-1 0-1.83.74-2 1.7C7.16 6.27 6.61 6 6 6m2.5 11.5a1 1 0 0 0-1 1 1 1 0 0 0 1 1 1 1 0 0 0 1-1 1 1 0 0 0-1-1" />
-        </svg>
-        <span class="button-header-text">
-          ${this.reasoning ? html`<slot name="reasoning-title"></slot>` : html`<slot name="title"></slot>`}
-        </span>
-        ${this.expanded ? html`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="forge-icon" aria-hidden="true">
-                <path d="M7.41 15.41 12 10.83l4.59 4.58L18 14l-6-6-6 6z" />
-              </svg>` : html`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="forge-icon" aria-hidden="true">
-                <path d="M7.41 8.58 12 13.17l4.59-4.59L18 10l-6 6-6-6z" />
-              </svg>`}
-      </button>
-    `;
-  }
-};
-AiReasoningHeaderComponent.styles = unsafeCSS(styles);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], AiReasoningHeaderComponent.prototype, "expanded", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], AiReasoningHeaderComponent.prototype, "reasoning", 2);
-AiReasoningHeaderComponent = __decorateClass([
-  customElement(AiReasoningHeaderComponentTagName)
-], AiReasoningHeaderComponent);
-export {
-  AiReasoningHeaderComponent,
-  AiReasoningHeaderComponentTagName
-};
+//#region src/lib/ai-reasoning-header/ai-reasoning-header.scss?inline
+var ai_reasoning_header_default = "@keyframes fadein {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n:host {\n  display: block;\n}\n\n.button-header {\n  display: grid;\n  grid-template-columns: 56px 1fr auto;\n  align-items: center;\n  padding: 0;\n  width: 100%;\n  background: none;\n  border: none;\n  cursor: pointer;\n  text-align: start;\n}\n.button-header svg {\n  fill: var(--forge-theme-text-medium);\n  height: 24px;\n  width: 24px;\n}\n\n.button-header-text {\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  font-family: var(--forge-typography-body2-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));\n  font-size: var(--forge-typography-body2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, 1)));\n  font-weight: var(--forge-typography-body2-font-weight, 400);\n  line-height: var(--forge-typography-body2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.375)));\n  letter-spacing: var(--forge-typography-body2-letter-spacing, 0.015625em);\n  text-transform: var(--forge-typography-body2-text-transform, inherit);\n  text-decoration: var(--forge-typography-body2-text-decoration, inherit);\n  color: var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6));\n  flex: 1;\n}";
+//#endregion
+export { ai_reasoning_header_default as default };

package/dist/ai-reasoning-header/ai-reasoning-header2.mjs

@@ -0,0 +1,51 @@
+import __decorate from "../_virtual/_@oxc-project_runtime@0.154.0/helpers/esm/decorate.mjs";
+import ai_reasoning_header_default from "./ai-reasoning-header.mjs";
+import { LitElement, html, unsafeCSS } from "lit";
+import { customElement, property } from "lit/decorators.js";
+//#region src/lib/ai-reasoning-header/ai-reasoning-header.ts
+var AiReasoningHeaderComponentTagName = "forge-ai-reasoning-header";
+var AiReasoningHeaderComponent = class AiReasoningHeaderComponent extends LitElement {
+	constructor(..._args) {
+		super(..._args);
+		this.expanded = false;
+		this.reasoning = false;
+	}
+	static {
+		this.styles = unsafeCSS(ai_reasoning_header_default);
+	}
+	_handleClick() {
+		this.expanded = !this.expanded;
+		this.dispatchEvent(new CustomEvent("forge-ai-reasoning-header-toggle", {
+			detail: { expanded: this.expanded },
+			bubbles: true,
+			composed: true
+		}));
+	}
+	render() {
+		return html`
+      <button class="button-header" type="button" @click=${this._handleClick} aria-expanded=${this.expanded}>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="forge-icon" aria-hidden="true">
+          <path
+            d="M3.5 19A1.5 1.5 0 0 1 5 20.5 1.5 1.5 0 0 1 3.5 22 1.5 1.5 0 0 1 2 20.5 1.5 1.5 0 0 1 3.5 19m5-3a2.5 2.5 0 0 1 2.5 2.5A2.5 2.5 0 0 1 8.5 21 2.5 2.5 0 0 1 6 18.5 2.5 2.5 0 0 1 8.5 16m6-1c-1.19 0-2.27-.5-3-1.35-.73.85-1.81 1.35-3 1.35-1.96 0-3.59-1.41-3.93-3.26A4.02 4.02 0 0 1 2 8a4 4 0 0 1 4-4l.77.07C7.5 3.41 8.45 3 9.5 3c1.19 0 2.27.5 3 1.35.73-.85 1.81-1.35 3-1.35 1.96 0 3.59 1.41 3.93 3.26A4.02 4.02 0 0 1 22 10a4 4 0 0 1-4 4l-.77-.07c-.73.66-1.68 1.07-2.73 1.07M6 6a2 2 0 0 0-2 2 2 2 0 0 0 2 2c.33 0 .64-.08.92-.22A2 2 0 0 0 6.5 11a2 2 0 0 0 2 2c.6 0 1.14-.27 1.5-.69l1.47-1.68L13 12.34c.38.4.91.66 1.5.66 1 0 1.83-.74 2-1.7.34.43.89.7 1.5.7a2 2 0 0 0 2-2 2 2 0 0 0-2-2c-.33 0-.64.08-.92.22A2 2 0 0 0 17.5 7a2 2 0 0 0-2-2c-.59 0-1.12.26-1.5.66l-1.53 1.71L11 5.69c-.36-.42-.9-.69-1.5-.69-1 0-1.83.74-2 1.7C7.16 6.27 6.61 6 6 6m2.5 11.5a1 1 0 0 0-1 1 1 1 0 0 0 1 1 1 1 0 0 0 1-1 1 1 0 0 0-1-1" />
+        </svg>
+        <span class="button-header-text"> ${this.reasoning ? html`<slot name="reasoning-title"></slot>` : html`<slot name="title"></slot>`} </span>
+        ${this.expanded ? html`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="forge-icon" aria-hidden="true">
+              <path d="M7.41 15.41 12 10.83l4.59 4.58L18 14l-6-6-6 6z" />
+            </svg>` : html`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="forge-icon" aria-hidden="true">
+              <path d="M7.41 8.58 12 13.17l4.59-4.59L18 10l-6 6-6-6z" />
+            </svg>`}
+      </button>
+    `;
+	}
+};
+__decorate([property({
+	type: Boolean,
+	reflect: true
+})], AiReasoningHeaderComponent.prototype, "expanded", void 0);
+__decorate([property({
+	type: Boolean,
+	reflect: true
+})], AiReasoningHeaderComponent.prototype, "reasoning", void 0);
+AiReasoningHeaderComponent = __decorate([customElement(AiReasoningHeaderComponentTagName)], AiReasoningHeaderComponent);
+//#endregion
+export { AiReasoningHeaderComponent, AiReasoningHeaderComponentTagName };

package/dist/ai-reasoning-header/index.d.ts

@@ -1 +1 @@
-export { AiReasoningHeaderComponent, AiReasoningHeaderComponentTagName } from './ai-reasoning-header';
+export { AiReasoningHeaderComponent, AiReasoningHeaderComponentTagName, type ForgeAiReasoningHeaderToggleEventData } from './ai-reasoning-header.js';

package/dist/ai-reasoning-header/index.mjs

@@ -1,5 +1 @@
-import { AiReasoningHeaderComponent, AiReasoningHeaderComponentTagName } from "./ai-reasoning-header.mjs";
-export {
-  AiReasoningHeaderComponent,
-  AiReasoningHeaderComponentTagName
-};
+export { AiReasoningHeaderComponent, AiReasoningHeaderComponentTagName } from "./ai-reasoning-header2.mjs";

package/dist/ai-response-message/ai-response-message.mjs

@@ -1,25 +1,4 @@
-import { unsafeCSS, LitElement, html } from "lit";
-import { customElement } from "lit/decorators.js";
-import styles from "./ai-response-message.scss.mjs";
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = decorator(result) || result;
-  return result;
-};
-const AiResponseMessageComponentTagName = "forge-ai-response-message";
-let AiResponseMessageComponent = class extends LitElement {
-  render() {
-    return html`<span><slot></slot></span>`;
-  }
-};
-AiResponseMessageComponent.styles = unsafeCSS(styles);
-AiResponseMessageComponent = __decorateClass([
-  customElement(AiResponseMessageComponentTagName)
-], AiResponseMessageComponent);
-export {
-  AiResponseMessageComponent,
-  AiResponseMessageComponentTagName
-};
+//#region src/lib/ai-response-message/ai-response-message.scss?inline
+var ai_response_message_default = ":host {\n  display: block;\n  box-sizing: border-box;\n}\n\nspan {\n  overflow-wrap: break-word;\n}";
+//#endregion
+export { ai_response_message_default as default };

package/dist/ai-response-message/ai-response-message2.mjs

@@ -0,0 +1,17 @@
+import __decorate from "../_virtual/_@oxc-project_runtime@0.154.0/helpers/esm/decorate.mjs";
+import ai_response_message_default from "./ai-response-message.mjs";
+import { LitElement, html, unsafeCSS } from "lit";
+import { customElement } from "lit/decorators.js";
+//#region src/lib/ai-response-message/ai-response-message.ts
+var AiResponseMessageComponentTagName = "forge-ai-response-message";
+var AiResponseMessageComponent = class AiResponseMessageComponent extends LitElement {
+	static {
+		this.styles = unsafeCSS(ai_response_message_default);
+	}
+	render() {
+		return html`<span><slot></slot></span>`;
+	}
+};
+AiResponseMessageComponent = __decorate([customElement(AiResponseMessageComponentTagName)], AiResponseMessageComponent);
+//#endregion
+export { AiResponseMessageComponent, AiResponseMessageComponentTagName };

package/dist/ai-response-message/index.mjs

@@ -1,5 +1 @@
-import { AiResponseMessageComponent, AiResponseMessageComponentTagName } from "./ai-response-message.mjs";
-export {
-  AiResponseMessageComponent,
-  AiResponseMessageComponentTagName
-};
+export { AiResponseMessageComponent, AiResponseMessageComponentTagName } from "./ai-response-message2.mjs";

package/dist/ai-response-message-toolbar/ai-response-message-toolbar.d.ts

@@ -1,5 +1,5 @@
 import { LitElement, TemplateResult, PropertyValues, CSSResult } from 'lit';
-import { FeedbackType } from '../ai-chatbot/types.js';
+import { FeedbackType } from '../types/index.js';
 declare global {
     interface HTMLElementTagNameMap {
         'forge-ai-response-message-toolbar': AiResponseMessageToolbarComponent;