igniteui-webcomponents 6.3.0-alpha.1 → 6.3.0-beta.0

package/components/chat/chat-message-list.d.ts

@@ -1,70 +0,0 @@
-import { LitElement } from 'lit';
-/**
- * A chat message list component that displays a list of chat messages grouped by date.
- *
- * @element igc-chat-message-list
- *
- * This component:
- * - Renders messages using the `<igc-chat-message>` component.
- * - Manages focus highlighting on active messages.
- * - Automatically scrolls to the bottom when new messages arrive, unless auto-scroll is disabled.
- * - Displays a typing indicator if the chat state option `isTyping` is true.
- *
- * Accessibility:
- * - Uses ARIA roles and properties for grouping and active descendant management.
- * - Message items have role="option" for assistive technologies.
- *
- */
-export default class IgcChatMessageListComponent extends LitElement {
-    /** Tag name of the custom element. */
-    static readonly tagName = "igc-chat-message-list";
-    /** Styles applied to the component */
-    static styles: import("lit").CSSResult[];
-    /**
-     * Registers this component and its dependencies.
-     * Used internally for component setup.
-     */
-    static register(): void;
-    /**
-     * Consumed chat state context providing messages, options, and user data.
-     * @private
-     */
-    private _chatState?;
-    /**
-     * Scrolls the container to the bottom, typically called after new messages are rendered.
-     * @private
-     */
-    private scrollToBottom;
-    /**
-     * Scrolls the view to a specific message by id.
-     * @param messageId - The id of the message to scroll to
-     * @private
-     */
-    scrollToMessage(messageId: string): void;
-    /**
-     * Lifecycle: called when the component updates.
-     * Scrolls to bottom unless auto-scroll is disabled.
-     */
-    protected updated(): void;
-    /**
-     * Lifecycle: called after first render.
-     * Scrolls to bottom unless auto-scroll is disabled.
-     */
-    protected firstUpdated(): void;
-    /**
-     * Renders the typing indicator template.
-     * @protected
-     */
-    protected renderLoadingTemplate(): Generator<import("lit-html").TemplateResult<1>, void, unknown>;
-    /**
-     * Main render method.
-     * Groups messages by date and renders each message.
-     * Shows the typing indicator if applicable.
-     */
-    protected render(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'igc-chat-message-list': IgcChatMessageListComponent;
-    }
-}

package/components/chat/chat-message-list.js

@@ -1,89 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { consume } from '@lit/context';
-import { html, LitElement, nothing } from 'lit';
-import { repeat } from 'lit/directives/repeat.js';
-import { chatContext } from '../common/context.js';
-import { registerComponent } from '../common/definitions/register.js';
-import IgcChatMessageComponent from './chat-message.js';
-import { styles } from './themes/message-list.base.css.js';
-import { styles as shared } from './themes/shared/message-list.common.css.js';
-class IgcChatMessageListComponent extends LitElement {
-    static register() {
-        registerComponent(IgcChatMessageListComponent, IgcChatMessageComponent);
-    }
-    scrollToBottom() {
-        requestAnimationFrame(() => {
-            const container = this.shadowRoot?.host;
-            if (container) {
-                container.scrollTop = container.scrollHeight;
-            }
-        });
-    }
-    scrollToMessage(messageId) {
-        const messageElement = this.shadowRoot?.querySelector(`#message-${messageId}`);
-        messageElement?.scrollIntoView();
-    }
-    updated() {
-        if (!this._chatState?.options?.disableAutoScroll) {
-            this.scrollToBottom();
-        }
-    }
-    firstUpdated() {
-        if (!this._chatState?.options?.disableAutoScroll) {
-            this.scrollToBottom();
-        }
-    }
-    *renderLoadingTemplate() {
-        yield html `${this._chatState?.options?.templates?.typingIndicatorTemplate
-            ? this._chatState.options.templates.typingIndicatorTemplate
-            : html `<div part="typing-indicator">
-          <div part="typing-dot"></div>
-          <div part="typing-dot"></div>
-          <div part="typing-dot"></div>
-          <div part="typing-dot"></div>
-        </div>`}`;
-    }
-    render() {
-        const messages = this._chatState?.messages ?? [];
-        return html `
-      <div
-        part="message-container"
-        role="group"
-        aria-label="Message list"
-        tabindex="0"
-      ></div>
-        <div part="message-list">
-           ${repeat(messages, (message) => message.id, (message) => {
-            const messageId = `message-${message.id}`;
-            return html `
-                 <igc-chat-message
-                   id=${messageId}
-                   role="option"
-                   part="message-item"
-                   .message=${message}
-                   exportparts="message-container, message-text, message-attachments, message-actions,
-                   attachments-container, attachment, attachment-header, attachment-content, attachment-icon, file-name, actions: attachment-actions"
-                 >
-                 </igc-chat-message>
-               `;
-        })}
-          ${this._chatState?.options?.isTyping
-            ? this.renderLoadingTemplate()
-            : nothing}
-        </div>
-      </div>
-    `;
-    }
-}
-IgcChatMessageListComponent.tagName = 'igc-chat-message-list';
-IgcChatMessageListComponent.styles = [styles, shared];
-export default IgcChatMessageListComponent;
-__decorate([
-    consume({ context: chatContext, subscribe: true })
-], IgcChatMessageListComponent.prototype, "_chatState", void 0);
-//# sourceMappingURL=chat-message-list.js.map

package/components/chat/chat-message-list.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chat-message-list.js","sourceRoot":"","sources":["../../../src/components/chat/chat-message-list.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,uBAAuB,MAAM,mBAAmB,CAAC;AAExD,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAC3D,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,4CAA4C,CAAC;AAkB9E,MAAqB,2BAA4B,SAAQ,UAAU;IAY1D,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,2BAA2B,EAAE,uBAAuB,CAAC,CAAC;IAC1E,CAAC;IAaO,cAAc;QACpB,qBAAqB,CAAC,GAAG,EAAE;YACzB,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,EAAE,IAAmB,CAAC;YACvD,IAAI,SAAS,EAAE,CAAC;gBACd,SAAS,CAAC,SAAS,GAAG,SAAS,CAAC,YAAY,CAAC;YAC/C,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAOM,eAAe,CAAC,SAAiB;QACtC,MAAM,cAAc,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CACnD,YAAY,SAAS,EAAE,CACxB,CAAC;QACF,cAAc,EAAE,cAAc,EAAE,CAAC;IACnC,CAAC;IAMkB,OAAO;QACxB,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,OAAO,EAAE,iBAAiB,EAAE,CAAC;YACjD,IAAI,CAAC,cAAc,EAAE,CAAC;QACxB,CAAC;IACH,CAAC;IAMkB,YAAY;QAC7B,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,OAAO,EAAE,iBAAiB,EAAE,CAAC;YACjD,IAAI,CAAC,cAAc,EAAE,CAAC;QACxB,CAAC;IACH,CAAC;IAMS,CAAC,qBAAqB;QAC9B,MAAM,IAAI,CAAA,GAAG,IAAI,CAAC,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE,uBAAuB;YACvE,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,SAAS,CAAC,uBAAuB;YAC3D,CAAC,CAAC,IAAI,CAAA;;;;;eAKG,EAAE,CAAC;IAChB,CAAC;IAOkB,MAAM;QACvB,MAAM,QAAQ,GAAG,IAAI,CAAC,UAAU,EAAE,QAAQ,IAAI,EAAE,CAAC;QAEjD,OAAO,IAAI,CAAA;;;;;;;;aAQF,MAAM,CACN,QAAQ,EACR,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,EAAE,EACvB,CAAC,OAAO,EAAE,EAAE;YACV,MAAM,SAAS,GAAG,WAAW,OAAO,CAAC,EAAE,EAAE,CAAC;YAC1C,OAAO,IAAI,CAAA;;wBAEF,SAAS;;;8BAGH,OAAO;;;;;gBAKrB,CAAC;QACJ,CAAC,CACF;YAEA,IAAI,CAAC,UAAU,EAAE,OAAO,EAAE,QAAQ;YAChC,CAAC,CAAC,IAAI,CAAC,qBAAqB,EAAE;YAC9B,CAAC,CAAC,OACN;;;KAGL,CAAC;IACJ,CAAC;;AA3HsB,mCAAO,GAAG,uBAAuB,CAAC;AAGlC,kCAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;eAL9B,2BAA2B;AAqBtC;IADP,OAAO,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;+DACpB","sourcesContent":["import { consume } from '@lit/context';\nimport { html, LitElement, nothing } from 'lit';\nimport { repeat } from 'lit/directives/repeat.js';\nimport { chatContext } from '../common/context.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport IgcChatMessageComponent from './chat-message.js';\nimport type { ChatState } from './chat-state.js';\nimport { styles } from './themes/message-list.base.css.js';\nimport { styles as shared } from './themes/shared/message-list.common.css.js';\n\n/**\n * A chat message list component that displays a list of chat messages grouped by date.\n *\n * @element igc-chat-message-list\n *\n * This component:\n * - Renders messages using the `<igc-chat-message>` component.\n * - Manages focus highlighting on active messages.\n * - Automatically scrolls to the bottom when new messages arrive, unless auto-scroll is disabled.\n * - Displays a typing indicator if the chat state option `isTyping` is true.\n *\n * Accessibility:\n * - Uses ARIA roles and properties for grouping and active descendant management.\n * - Message items have role=\"option\" for assistive technologies.\n *\n */\nexport default class IgcChatMessageListComponent extends LitElement {\n  /** Tag name of the custom element. */\n  public static readonly tagName = 'igc-chat-message-list';\n\n  /** Styles applied to the component */\n  public static override styles = [styles, shared];\n\n  /**\n   * Registers this component and its dependencies.\n   * Used internally for component setup.\n   */\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcChatMessageListComponent, IgcChatMessageComponent);\n  }\n\n  /**\n   * Consumed chat state context providing messages, options, and user data.\n   * @private\n   */\n  @consume({ context: chatContext, subscribe: true })\n  private _chatState?: ChatState;\n\n  /**\n   * Scrolls the container to the bottom, typically called after new messages are rendered.\n   * @private\n   */\n  private scrollToBottom() {\n    requestAnimationFrame(() => {\n      const container = this.shadowRoot?.host as HTMLElement;\n      if (container) {\n        container.scrollTop = container.scrollHeight;\n      }\n    });\n  }\n\n  /**\n   * Scrolls the view to a specific message by id.\n   * @param messageId - The id of the message to scroll to\n   * @private\n   */\n  public scrollToMessage(messageId: string) {\n    const messageElement = this.shadowRoot?.querySelector(\n      `#message-${messageId}`\n    );\n    messageElement?.scrollIntoView();\n  }\n\n  /**\n   * Lifecycle: called when the component updates.\n   * Scrolls to bottom unless auto-scroll is disabled.\n   */\n  protected override updated() {\n    if (!this._chatState?.options?.disableAutoScroll) {\n      this.scrollToBottom();\n    }\n  }\n\n  /**\n   * Lifecycle: called after first render.\n   * Scrolls to bottom unless auto-scroll is disabled.\n   */\n  protected override firstUpdated() {\n    if (!this._chatState?.options?.disableAutoScroll) {\n      this.scrollToBottom();\n    }\n  }\n\n  /**\n   * Renders the typing indicator template.\n   * @protected\n   */\n  protected *renderLoadingTemplate() {\n    yield html`${this._chatState?.options?.templates?.typingIndicatorTemplate\n      ? this._chatState.options.templates.typingIndicatorTemplate\n      : html`<div part=\"typing-indicator\">\n          <div part=\"typing-dot\"></div>\n          <div part=\"typing-dot\"></div>\n          <div part=\"typing-dot\"></div>\n          <div part=\"typing-dot\"></div>\n        </div>`}`;\n  }\n\n  /**\n   * Main render method.\n   * Groups messages by date and renders each message.\n   * Shows the typing indicator if applicable.\n   */\n  protected override render() {\n    const messages = this._chatState?.messages ?? [];\n\n    return html`\n      <div\n        part=\"message-container\"\n        role=\"group\"\n        aria-label=\"Message list\"\n        tabindex=\"0\"\n      ></div>\n        <div part=\"message-list\">\n           ${repeat(\n             messages,\n             (message) => message.id,\n             (message) => {\n               const messageId = `message-${message.id}`;\n               return html`\n                 <igc-chat-message\n                   id=${messageId}\n                   role=\"option\"\n                   part=\"message-item\"\n                   .message=${message}\n                   exportparts=\"message-container, message-text, message-attachments, message-actions,\n                   attachments-container, attachment, attachment-header, attachment-content, attachment-icon, file-name, actions: attachment-actions\"\n                 >\n                 </igc-chat-message>\n               `;\n             }\n           )}\n          ${\n            this._chatState?.options?.isTyping\n              ? this.renderLoadingTemplate()\n              : nothing\n          }\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-chat-message-list': IgcChatMessageListComponent;\n  }\n}\n"]}

package/components/chat/chat-renderer.d.ts

@@ -1,14 +0,0 @@
-import type { ChatMessageRenderer, IgcChatTemplates, IgcMessage } from './types.js';
-export declare class DefaultChatRenderer implements ChatMessageRenderer {
-    private baseTextRenderer;
-    private defaultTemplates;
-    private cache;
-    templates: Required<IgcChatTemplates>;
-    constructor(baseTextRenderer: ChatMessageRenderer, // e.g. PlainTextRenderer, MarkdownMessageRenderer
-    defaultTemplates: Required<IgcChatTemplates>, userTemplates?: Partial<IgcChatTemplates>);
-    protected renderText(message: IgcMessage): Promise<unknown>;
-    render(message: IgcMessage, ctx?: {
-        templates?: Partial<IgcChatTemplates>;
-    }): Promise<unknown>;
-    clearCache(): void;
-}

package/components/chat/chat-renderer.js

@@ -1,39 +0,0 @@
-export class DefaultChatRenderer {
-    constructor(baseTextRenderer, defaultTemplates, userTemplates) {
-        this.baseTextRenderer = baseTextRenderer;
-        this.defaultTemplates = defaultTemplates;
-        this.cache = new Map();
-        this.templates = {
-            ...this.defaultTemplates,
-            ...(userTemplates ?? {}),
-        };
-    }
-    async renderText(message) {
-        const rendered = await this.baseTextRenderer.render(message);
-        return rendered;
-    }
-    async render(message, ctx) {
-        const templates = { ...ctx?.templates, ...this.templates };
-        if (!message.id) {
-            const textContent = await this.baseTextRenderer.render(message);
-            return templates.messageTemplate(message, { textContent, templates });
-        }
-        if (this.cache.has(message.id)) {
-            const cached = this.cache.get(message.id);
-            if (cached && cached.text === message.text) {
-                return cached.rendered;
-            }
-        }
-        const textContent = await this.baseTextRenderer.render(message);
-        const rendered = templates.messageTemplate(message, {
-            textContent,
-            templates,
-        });
-        this.cache.set(message.id, { text: message.text, rendered });
-        return rendered;
-    }
-    clearCache() {
-        this.cache.clear();
-    }
-}
-//# sourceMappingURL=chat-renderer.js.map

package/components/chat/chat-renderer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chat-renderer.js","sourceRoot":"","sources":["../../../src/components/chat/chat-renderer.ts"],"names":[],"mappings":"AAMA,MAAM,OAAO,mBAAmB;IAI9B,YACU,gBAAqC,EACrC,gBAA4C,EACpD,aAAyC;QAFjC,qBAAgB,GAAhB,gBAAgB,CAAqB;QACrC,qBAAgB,GAAhB,gBAAgB,CAA4B;QAL9C,UAAK,GAAG,IAAI,GAAG,EAA+C,CAAC;QAQrE,IAAI,CAAC,SAAS,GAAG;YACf,GAAG,IAAI,CAAC,gBAAgB;YACxB,GAAG,CAAC,aAAa,IAAI,EAAE,CAAC;SACzB,CAAC;IACJ,CAAC;IAES,KAAK,CAAC,UAAU,CAAC,OAAmB;QAC5C,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QAC7D,OAAO,QAAQ,CAAC;IAClB,CAAC;IAEM,KAAK,CAAC,MAAM,CACjB,OAAmB,EACnB,GAA+C;QAE/C,MAAM,SAAS,GAAG,EAAE,GAAG,GAAG,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;QAC3D,IAAI,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC;YAEhB,MAAM,WAAW,GAAG,MAAM,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;YAChE,OAAO,SAAS,CAAC,eAAe,CAAC,OAAO,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,CAAC;QACxE,CAAC;QAED,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC;YAC/B,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;YAC1C,IAAI,MAAM,IAAI,MAAM,CAAC,IAAI,KAAK,OAAO,CAAC,IAAI,EAAE,CAAC;gBAC3C,OAAO,MAAM,CAAC,QAAQ,CAAC;YACzB,CAAC;QACH,CAAC;QAGD,MAAM,WAAW,GAAG,MAAM,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QAChE,MAAM,QAAQ,GAAG,SAAS,CAAC,eAAe,CAAC,OAAO,EAAE;YAClD,WAAW;YACX,SAAS;SACV,CAAC,CAAC;QACH,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;QAE7D,OAAO,QAAQ,CAAC;IAClB,CAAC;IAEM,UAAU;QACf,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;IACrB,CAAC;CACF","sourcesContent":["import type {\n  ChatMessageRenderer,\n  IgcChatTemplates,\n  IgcMessage,\n} from './types.js';\n\nexport class DefaultChatRenderer implements ChatMessageRenderer {\n  private cache = new Map<string, { text: string; rendered: unknown }>();\n  public templates: Required<IgcChatTemplates>;\n\n  constructor(\n    private baseTextRenderer: ChatMessageRenderer, // e.g. PlainTextRenderer, MarkdownMessageRenderer\n    private defaultTemplates: Required<IgcChatTemplates>,\n    userTemplates?: Partial<IgcChatTemplates>\n  ) {\n    this.templates = {\n      ...this.defaultTemplates,\n      ...(userTemplates ?? {}),\n    };\n  }\n\n  protected async renderText(message: IgcMessage) {\n    const rendered = await this.baseTextRenderer.render(message);\n    return rendered;\n  }\n\n  public async render(\n    message: IgcMessage,\n    ctx?: { templates?: Partial<IgcChatTemplates> }\n  ): Promise<unknown> {\n    const templates = { ...ctx?.templates, ...this.templates };\n    if (!message.id) {\n      // No caching for messages without an ID\n      const textContent = await this.baseTextRenderer.render(message);\n      return templates.messageTemplate(message, { textContent, templates });\n    }\n\n    if (this.cache.has(message.id)) {\n      const cached = this.cache.get(message.id);\n      if (cached && cached.text === message.text) {\n        return cached.rendered;\n      }\n    }\n\n    // Cache miss or message text changed\n    const textContent = await this.baseTextRenderer.render(message);\n    const rendered = templates.messageTemplate(message, {\n      textContent,\n      templates,\n    });\n    this.cache.set(message.id, { text: message.text, rendered });\n\n    return rendered;\n  }\n\n  public clearCache() {\n    this.cache.clear();\n  }\n}\n"]}

package/components/chat/markdown-renderer.d.ts

@@ -1,72 +0,0 @@
-import { type TemplateResult } from 'lit';
-import type { ChatMessageRenderer, IgcMessage } from './types.js';
-/**
- * Options to configure the MarkdownMessageRenderer.
- */
-export interface MarkdownRendererOptions {
-    /**
-     * If true, disables syntax highlighting entirely.
-     */
-    noHighlighter?: boolean;
-    /**
-     * A custom syntax highlighter compatible with Shiki's `codeToHtml()` API.
-     */
-    highlighter?: any;
-    /**
-     * List of programming languages to support in syntax highlighting.
-     */
-    languages?: string[];
-    /**
-     * The theme used by the syntax highlighter (e.g., 'github-light').
-     */
-    theme?: string;
-    /**
-     * A custom HTML sanitization function. Defaults to DOMPurify.sanitize.
-     */
-    sanitizer?: (html: string) => string;
-}
-/**
- * A renderer that converts markdown chat messages to HTML using `marked`,
- * with optional syntax highlighting powered by `shiki` or a custom highlighter.
- *
- * @implements {ChatMessageRenderer}
- */
-export declare class MarkdownMessageRenderer implements ChatMessageRenderer {
-    private opts;
-    private highlighter?;
-    private theme;
-    private langs;
-    private _marked;
-    private initialized;
-    private _sanitizer;
-    /**
-     * Creates a new MarkdownMessageRenderer.
-     *
-     * @param {MarkdownRendererOptions} [opts={}] - Configuration options.
-     */
-    constructor(opts?: MarkdownRendererOptions);
-    /**
-     * Initializes the `marked` instance with custom renderer options.
-     * Currently modifies link rendering to open in a new tab with safe attributes.
-     *
-     * @private
-     */
-    private initMarked;
-    private initSanitizer;
-    /**
-     * Performs async initialization for syntax highlighting.
-     * Loads Shiki and configures the `marked` instance with `marked-shiki`.
-     * This is called lazily during rendering unless pre-called explicitly.
-     *
-     * @async
-     * @returns {Promise<void>} A promise that resolves once initialization is complete.
-     */
-    init(): Promise<void>;
-    /**
-     * Renders the given chat message as markdown, with optional syntax highlighting.
-     *
-     * @param {IgcMessage} message - The message to render.
-     * @returns {Promise<TemplateResult>} A lit template containing the rendered markdown content.
-     */
-    render(message: IgcMessage): Promise<TemplateResult>;
-}

package/components/chat/markdown-renderer.js

@@ -1,71 +0,0 @@
-import DOMPurify from 'dompurify';
-import { html } from 'lit';
-import { Marked, Renderer } from 'marked';
-export class MarkdownMessageRenderer {
-    constructor(opts = {}) {
-        this.opts = opts;
-        this.initialized = false;
-        this.theme = opts.theme ?? 'github-light';
-        this.langs = opts.languages ?? ['javascript', 'typescript', 'html', 'css'];
-        this.highlighter = opts.highlighter;
-        this._marked = new Marked();
-        this.initMarked();
-        this._sanitizer = this.initSanitizer();
-    }
-    initMarked() {
-        const renderer = new Renderer();
-        renderer.link = (href, title, text) => {
-            return `<a href="${href}" target="_blank" rel="noopener noreferrer" ${title ? `title="${title}"` : ''}>${text}</a>`;
-        };
-        this._marked.setOptions({
-            gfm: true,
-            breaks: true,
-            renderer,
-        });
-    }
-    initSanitizer() {
-        return this.opts?.sanitizer ?? DOMPurify.sanitize;
-    }
-    async init() {
-        if (this.highlighter || this.opts.noHighlighter) {
-            this.initialized = true;
-            return;
-        }
-        const shiki = await import('shiki');
-        this.highlighter = await shiki.getSingletonHighlighter({
-            themes: [this.theme],
-            langs: this.langs,
-        });
-        const markedShiki = await import('marked-shiki');
-        this._marked.use(markedShiki.default({
-            highlight: (code, lang) => {
-                try {
-                    const safeLang = lang && this.highlighter.getLoadedLanguages?.().includes(lang)
-                        ? lang
-                        : 'text';
-                    return (this.highlighter?.codeToHtml(code, {
-                        lang: safeLang,
-                        themes: { light: this.theme },
-                    }) ?? code);
-                }
-                catch (_err) {
-                    return `<pre><code>${DOMPurify.sanitize(code)}</code></pre>`;
-                }
-            },
-        }));
-        this.initialized = true;
-    }
-    async render(message) {
-        if (!this.initialized) {
-            await this.init();
-        }
-        if (!message.text)
-            return html ``;
-        const rendered = await this._marked?.parse(message.text);
-        const cleanHtml = this._sanitizer(rendered);
-        const template = document.createElement('template');
-        template.innerHTML = cleanHtml ?? message.text;
-        return html `${template.content}`;
-    }
-}
-//# sourceMappingURL=markdown-renderer.js.map

package/components/chat/markdown-renderer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"markdown-renderer.js","sourceRoot":"","sources":["../../../src/components/chat/markdown-renderer.ts"],"names":[],"mappings":"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","sourcesContent":["import DOMPurify from 'dompurify';\nimport { html, type TemplateResult } from 'lit';\nimport { Marked, Renderer } from 'marked';\nimport type { ChatMessageRenderer, IgcMessage } from './types.js';\n\n/**\n * Options to configure the MarkdownMessageRenderer.\n */\nexport interface MarkdownRendererOptions {\n  /**\n   * If true, disables syntax highlighting entirely.\n   */\n  noHighlighter?: boolean;\n\n  /**\n   * A custom syntax highlighter compatible with Shiki's `codeToHtml()` API.\n   */\n  highlighter?: any;\n\n  /**\n   * List of programming languages to support in syntax highlighting.\n   */\n  languages?: string[];\n\n  /**\n   * The theme used by the syntax highlighter (e.g., 'github-light').\n   */\n  theme?: string;\n\n  /**\n   * A custom HTML sanitization function. Defaults to DOMPurify.sanitize.\n   */\n  sanitizer?: (html: string) => string;\n}\n\n/**\n * A renderer that converts markdown chat messages to HTML using `marked`,\n * with optional syntax highlighting powered by `shiki` or a custom highlighter.\n *\n * @implements {ChatMessageRenderer}\n */\nexport class MarkdownMessageRenderer implements ChatMessageRenderer {\n  private highlighter?: any;\n  private theme: string;\n  private langs: string[];\n  private _marked: Marked;\n  private initialized = false;\n  private _sanitizer: (html: string) => string;\n\n  /**\n   * Creates a new MarkdownMessageRenderer.\n   *\n   * @param {MarkdownRendererOptions} [opts={}] - Configuration options.\n   */\n  constructor(private opts: MarkdownRendererOptions = {}) {\n    this.theme = opts.theme ?? 'github-light';\n    this.langs = opts.languages ?? ['javascript', 'typescript', 'html', 'css'];\n    this.highlighter = opts.highlighter;\n\n    this._marked = new Marked();\n    this.initMarked();\n    this._sanitizer = this.initSanitizer();\n  }\n\n  /**\n   * Initializes the `marked` instance with custom renderer options.\n   * Currently modifies link rendering to open in a new tab with safe attributes.\n   *\n   * @private\n   */\n  private initMarked() {\n    const renderer = new Renderer();\n\n    // Customize link rendering\n    renderer.link = (href, title, text) => {\n      return `<a href=\"${href}\" target=\"_blank\" rel=\"noopener noreferrer\" ${title ? `title=\"${title}\"` : ''}>${text}</a>`;\n    };\n\n    this._marked.setOptions({\n      gfm: true,\n      breaks: true,\n      renderer,\n    });\n  }\n\n  private initSanitizer() {\n    return this.opts?.sanitizer ?? DOMPurify.sanitize;\n  }\n\n  /**\n   * Performs async initialization for syntax highlighting.\n   * Loads Shiki and configures the `marked` instance with `marked-shiki`.\n   * This is called lazily during rendering unless pre-called explicitly.\n   *\n   * @async\n   * @returns {Promise<void>} A promise that resolves once initialization is complete.\n   */\n  async init(): Promise<void> {\n    if (this.highlighter || this.opts.noHighlighter) {\n      this.initialized = true;\n      return;\n    }\n\n    const shiki = await import('shiki');\n    this.highlighter = await shiki.getSingletonHighlighter({\n      themes: [this.theme],\n      langs: this.langs,\n    });\n\n    const markedShiki = await import('marked-shiki');\n    this._marked.use(\n      markedShiki.default({\n        highlight: (code: any, lang: string) => {\n          try {\n            const safeLang =\n              lang && this.highlighter.getLoadedLanguages?.().includes(lang)\n                ? lang\n                : 'text';\n\n            return (\n              this.highlighter?.codeToHtml(code, {\n                lang: safeLang,\n                themes: { light: this.theme },\n              }) ?? code\n            );\n          } catch (_err) {\n            // if Shiki still throws for some reason, just return escaped code\n            return `<pre><code>${DOMPurify.sanitize(code)}</code></pre>`;\n          }\n        },\n      })\n    );\n\n    this.initialized = true;\n  }\n\n  /**\n   * Renders the given chat message as markdown, with optional syntax highlighting.\n   *\n   * @param {IgcMessage} message - The message to render.\n   * @returns {Promise<TemplateResult>} A lit template containing the rendered markdown content.\n   */\n  async render(message: IgcMessage): Promise<TemplateResult> {\n    if (!this.initialized) {\n      await this.init();\n    }\n\n    if (!message.text) return html``;\n\n    const rendered = await this._marked?.parse(message.text);\n    const cleanHtml = this._sanitizer(rendered);\n    const template = document.createElement('template');\n    template.innerHTML = cleanHtml ?? message.text;\n\n    return html`${template.content}`;\n  }\n}\n"]}

package/components/chat/plain-text-renderer.d.ts

@@ -1,15 +0,0 @@
-import type { ChatMessageRenderer, IgcMessage } from './types.js';
-/**
- * A simple renderer that outputs plain text messages without any formatting or parsing.
- * The message content is wrapped in a <pre> tag to preserve whitespace and formatting.
- *
- * @implements {ChatMessageRenderer}
- */
-export declare class PlainTextRenderer implements ChatMessageRenderer {
-    /**
-     * Renders the given message as plain text.
-     * @param {IgcMessage} message - The chat message to render.
-     * @returns {TemplateResult} A lit-html template containing the plain text wrapped in a <pre> element.
-     */
-    render(message: IgcMessage): unknown;
-}

package/components/chat/plain-text-renderer.js

@@ -1,7 +0,0 @@
-import { html } from 'lit';
-export class PlainTextRenderer {
-    render(message) {
-        return html `<pre part="plain-text">${message.text}</pre>`;
-    }
-}
-//# sourceMappingURL=plain-text-renderer.js.map

package/components/chat/plain-text-renderer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"plain-text-renderer.js","sourceRoot":"","sources":["../../../src/components/chat/plain-text-renderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAS3B,MAAM,OAAO,iBAAiB;IAM5B,MAAM,CAAC,OAAmB;QACxB,OAAO,IAAI,CAAA,0BAA0B,OAAO,CAAC,IAAI,QAAQ,CAAC;IAC5D,CAAC;CACF","sourcesContent":["import { html } from 'lit';\nimport type { ChatMessageRenderer, IgcMessage } from './types.js';\n\n/**\n * A simple renderer that outputs plain text messages without any formatting or parsing.\n * The message content is wrapped in a <pre> tag to preserve whitespace and formatting.\n *\n * @implements {ChatMessageRenderer}\n */\nexport class PlainTextRenderer implements ChatMessageRenderer {\n  /**\n   * Renders the given message as plain text.\n   * @param {IgcMessage} message - The chat message to render.\n   * @returns {TemplateResult} A lit-html template containing the plain text wrapped in a <pre> element.\n   */\n  render(message: IgcMessage): unknown {\n    return html`<pre part=\"plain-text\">${message.text}</pre>`;\n  }\n}\n"]}

package/components/chat/themes/message-list.base.css.js

@@ -1,3 +0,0 @@
-import { css } from 'lit';
-export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:block;width:100%;max-width:49.5rem;padding-inline:1rem;padding-block:1rem 1.5rem}[part=message-list]{display:flex;flex-direction:column;gap:1.5rem;width:100%}[part=typing-indicator]{display:flex;align-items:center;gap:.125rem}[part=typing-dot]{display:flex;align-items:center;justify-content:center;width:.5rem;aspect-ratio:1}[part=typing-dot]::after{content:"";display:block;animation:blink 1.2s ease-in-out infinite;animation-fill-mode:both;width:.375rem;aspect-ratio:1;border-radius:50%}[part=typing-dot]:nth-child(2)::after{animation-delay:.2s;width:.25rem}[part=typing-dot]:nth-child(3)::after{animation-delay:.4s}[part=typing-dot]:nth-child(4)::after{animation-delay:.6s;width:.125rem}@keyframes blink{0%,100%{transform:scale(0.9)}25%,75%{transform:scale(1.05)}50%{transform:scale(1.1)}}`;
-//# sourceMappingURL=message-list.base.css.js.map

package/components/chat/themes/message-list.base.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"message-list.base.css.js","sourceRoot":"","sources":["../../../../src/components/chat/themes/message-list.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ivDAAivD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:block;width:100%;max-width:49.5rem;padding-inline:1rem;padding-block:1rem 1.5rem}[part=message-list]{display:flex;flex-direction:column;gap:1.5rem;width:100%}[part=typing-indicator]{display:flex;align-items:center;gap:.125rem}[part=typing-dot]{display:flex;align-items:center;justify-content:center;width:.5rem;aspect-ratio:1}[part=typing-dot]::after{content:\"\";display:block;animation:blink 1.2s ease-in-out infinite;animation-fill-mode:both;width:.375rem;aspect-ratio:1;border-radius:50%}[part=typing-dot]:nth-child(2)::after{animation-delay:.2s;width:.25rem}[part=typing-dot]:nth-child(3)::after{animation-delay:.4s}[part=typing-dot]:nth-child(4)::after{animation-delay:.6s;width:.125rem}@keyframes blink{0%,100%{transform:scale(0.9)}25%,75%{transform:scale(1.05)}50%{transform:scale(1.1)}}`;\n"]}

package/components/chat/themes/shared/message-attachments.common.css.js

@@ -1,3 +0,0 @@
-import { css } from 'lit';
-export const styles = css `[part=attachment-header],[part=attachment-content],[part="attachment-content sent"]{border:.0625rem solid var(--image-border)}[part=attachment-header]{background:var(--image-background);border-block-end:none}[part~=attachment-content]{background:#fff}[part=attachment-content]{border-block-start:none}`;
-//# sourceMappingURL=message-attachments.common.css.js.map

package/components/chat/themes/shared/message-attachments.common.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"message-attachments.common.css.js","sourceRoot":"","sources":["../../../../../src/components/chat/themes/shared/message-attachments.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+SAA+S,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=attachment-header],[part=attachment-content],[part=\"attachment-content sent\"]{border:.0625rem solid var(--image-border)}[part=attachment-header]{background:var(--image-background);border-block-end:none}[part~=attachment-content]{background:#fff}[part=attachment-content]{border-block-start:none}`;\n"]}

package/components/chat/themes/shared/message-list.common.css.js

@@ -1,3 +0,0 @@
-import { css } from 'lit';
-export const styles = css `[part=typing-dot]::after{background:var(--progress-indicator-color)}`;
-//# sourceMappingURL=message-list.common.css.js.map

package/components/chat/themes/shared/message-list.common.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"message-list.common.css.js","sourceRoot":"","sources":["../../../../../src/components/chat/themes/shared/message-list.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,sEAAsE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=typing-dot]::after{background:var(--progress-indicator-color)}`;\n"]}