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

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

@@ -1 +1 @@
-{"version":3,"file":"chat-state.js","sourceRoot":"","sources":["../../../src/components/chat/chat-state.ts"],"names":[],"mappings":"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","sourcesContent":["import type IgcTextareaComponent from '../textarea/textarea.js';\nimport type IgcChatComponent from './chat.js';\nimport type { IgcChatComponentEventMap } from './chat.js';\nimport type {\n  IgcChatOptions,\n  IgcMessage,\n  IgcMessageAttachment,\n} from './types.js';\n\n/**\n * Internal state manager for the `<igc-chat>` component.\n *\n * Manages messages, input value, attachments, options, and event emissions.\n */\nexport class ChatState {\n  //#region Internal properties and state /** The host `<igc-chat>` component instance */\n  private readonly _host: IgcChatComponent;\n  /** Reference to the text area input component */\n  private _textArea: IgcTextareaComponent | null = null;\n  /** The current list of messages */\n  private _messages: IgcMessage[] = [];\n  /** Sorted copy of messages by timestamp */\n  private _sortedMessages: IgcMessage[] = [];\n  /** Chat options/configuration */\n  private _options?: IgcChatOptions;\n  /** List of current input attachments */\n  private _inputAttachments: IgcMessageAttachment[] = [];\n  /** Current input text */\n  private _inputValue = '';\n  /**\n   * Cache of accepted file types, organized into extensions, mimeTypes, and wildcardTypes\n   */\n  private _acceptedTypesCache: {\n    extensions: Set<string>;\n    mimeTypes: Set<string>;\n    wildcardTypes: Set<string>;\n  } | null = null;\n\n  private _suggestionsPosition: 'below-input' | 'below-messages' =\n    'below-messages';\n  //#endregion\n\n  //#region Public properties\n  /**\n   * Array of message IDs sorted by timestamp ascending.\n   */\n  public get sortedMessagesIds(): string[] {\n    return this._sortedMessages.map((m) => m.id);\n  }\n\n  /**\n   * Gets the list of chat messages.\n   */\n  public get messages(): IgcMessage[] {\n    return this._messages;\n  }\n\n  /**\n   * Sets the list of chat messages.\n   * Also sorts messages by timestamp and requests host update.\n   */\n  public set messages(value: IgcMessage[]) {\n    this._messages = value;\n    this._sortedMessages = value.slice().sort((a, b) => {\n      return a.timestamp.getTime() - b.timestamp.getTime();\n    });\n    this._host.requestUpdate();\n  }\n\n  /**\n   * Gets current chat options.\n   */\n  public get options(): IgcChatOptions | undefined {\n    return this._options;\n  }\n\n  /**\n   * Sets chat options and requests host update.\n   */\n  public set options(value: IgcChatOptions) {\n    this._options = value;\n    this._host.requestUpdate();\n  }\n\n  /**\n   * Gets the current user ID from options or returns 'user' as fallback.\n   */\n  public get currentUserId(): string {\n    return this._options?.currentUserId ?? 'user';\n  }\n\n  /**\n   * Gets the current suggestionsPosition from options or returns the default value 'below-messages'.\n   */\n  public get suggestionsPosition(): string {\n    return this._options?.suggestionsPosition ?? this._suggestionsPosition;\n  }\n  /**\n   * Gets the text area component.\n   */\n  public get textArea(): IgcTextareaComponent | null {\n    return this._textArea;\n  }\n\n  /**\n   * Sets the text area component.\n   */\n  public set textArea(value: IgcTextareaComponent) {\n    this._textArea = value;\n  }\n\n  /**\n   * Gets the list of attachments currently attached to input.\n   */\n  public get inputAttachments(): IgcMessageAttachment[] {\n    return this._inputAttachments;\n  }\n\n  /**\n   * Sets the input attachments and requests host update.\n   */\n  public set inputAttachments(value: IgcMessageAttachment[]) {\n    this._inputAttachments = value;\n    this._host.requestUpdate(); // Notify the host component to re-render\n  }\n\n  /**\n   * Gets the current input value.\n   */\n  public get inputValue(): string {\n    return this._inputValue;\n  }\n\n  /**\n   * Sets the current input value and requests host update.\n   */\n  public set inputValue(value: string) {\n    this._inputValue = value;\n    this._host.requestUpdate();\n  }\n  //#endregion\n\n  /**\n   * Creates an instance of ChatState.\n   * @param chat The host `<igc-chat>` component.\n   */\n  constructor(chat: IgcChatComponent) {\n    this._host = chat;\n  }\n\n  //#region Event handlers\n\n  /**\n   * Emits a custom event from the host component.\n   * @param name Event name (key of IgcChatComponentEventMap)\n   * @param args Event detail or options\n   * @returns true if event was not canceled, false otherwise\n   */\n  public emitEvent(name: keyof IgcChatComponentEventMap, args?: any) {\n    return this._host.emitEvent(name, args);\n  }\n\n  /**\n   * Handles input text changes.\n   * Updates internal inputValue and emits 'igcInputChange' event.\n   * @param value New input value\n   */\n  public handleInputChange(value: string): void {\n    this.inputValue = value;\n    this.emitEvent('igcInputChange', { detail: { value: this.inputValue } });\n  }\n\n  //#endregion\n\n  //#region Public API\n\n  /**\n   * Adds a new chat message.\n   * Emits 'igcMessageCreated' event which can be canceled to prevent adding.\n   * Clears input value and attachments on success.\n   * @param message Partial message object with optional id, sender, timestamp\n   */\n  public addMessage(message: {\n    id?: string;\n    text: string;\n    sender?: string;\n    timestamp?: Date;\n    attachments?: IgcMessageAttachment[];\n  }): void {\n    const newMessage: IgcMessage = {\n      id: message.id ?? Date.now().toString(),\n      text: message.text,\n      sender: message.sender ?? this.currentUserId,\n      timestamp: message.timestamp ?? new Date(),\n      attachments: message.attachments || [],\n    };\n\n    const allowed = this.emitEvent('igcMessageCreated', {\n      detail: newMessage,\n      cancelable: true,\n    });\n\n    if (allowed) {\n      if (!this.messages.some((msg) => msg.id === newMessage.id)) {\n        this.messages = [...this.messages, newMessage];\n      }\n      this.inputValue = '';\n      this.inputAttachments = [];\n    }\n  }\n\n  /**\n   * Adds files as attachments to the input.\n   * Emits 'igcAttachmentChange' event which can be canceled to prevent adding.\n   * @param files Array of File objects to attach\n   */\n  public attachFiles(files: File[]) {\n    const newAttachments: IgcMessageAttachment[] = [];\n    let count = this.inputAttachments.length;\n    files.forEach((file) => {\n      if (this.inputAttachments.find((a) => a.name === file.name)) {\n        return;\n      }\n\n      const isImage = file.type.startsWith('image/');\n      newAttachments.push({\n        id: Date.now().toString() + count++,\n        url: URL.createObjectURL(file),\n        name: file.name,\n        file: file,\n        thumbnail: isImage ? URL.createObjectURL(file) : undefined,\n      });\n    });\n\n    const allowed = this.emitEvent('igcAttachmentChange', {\n      detail: [...this.inputAttachments, ...newAttachments],\n      cancelable: true,\n    });\n    if (allowed) {\n      this.inputAttachments = [...this.inputAttachments, ...newAttachments];\n    }\n  }\n\n  /**\n   * Removes an attachment by index.\n   * Emits 'igcAttachmentChange' event which can be canceled to prevent removal.\n   * @param index Index of the attachment to remove\n   */\n  public removeAttachment(index: number): void {\n    const allowed = this.emitEvent('igcAttachmentChange', {\n      detail: this.inputAttachments.filter((_, i) => i !== index),\n      cancelable: true,\n    });\n    if (allowed) {\n      this.inputAttachments = this.inputAttachments.filter(\n        (_, i) => i !== index\n      );\n    }\n  }\n\n  /**\n   * Handles when a suggestion is clicked.\n   * Adds the suggestion as a new message and focuses the text area.\n   * @param suggestion The suggestion string clicked\n   */\n  public handleSuggestionClick(suggestion: string): void {\n    this.addMessage({ text: suggestion });\n    if (this.textArea) {\n      this.textArea.focus();\n    }\n  }\n\n  /**\n   * Updates the chat options partially.\n   * @param options Partial options to merge with current options\n   */\n  public updateOptions(options: Partial<IgcChatOptions>): void {\n    this.options = { ...this.options, ...options };\n  }\n\n  /**\n   * Updates the internal cache for accepted file types.\n   * Parses the acceptedFiles string option into extensions, mimeTypes, and wildcard types.\n   */\n  public updateAcceptedTypesCache() {\n    if (!this.options?.acceptedFiles) {\n      this._acceptedTypesCache = null;\n      return;\n    }\n\n    const types = this.options?.acceptedFiles\n      .split(',')\n      .map((type) => type.trim().toLowerCase());\n    this._acceptedTypesCache = {\n      extensions: new Set(types.filter((t) => t.startsWith('.'))),\n      mimeTypes: new Set(\n        types.filter((t) => !t.startsWith('.') && !t.endsWith('/*'))\n      ),\n      wildcardTypes: new Set(\n        types.filter((t) => t.endsWith('/*')).map((t) => t.slice(0, -2))\n      ),\n    };\n  }\n\n  /**\n   * Checks if a file's type or extension is accepted by the chat's acceptedFiles setting.\n   * @param file File object to check\n   * @param type Optional MIME type override if no file provided\n   * @returns True if accepted, false otherwise\n   */\n  public isFileTypeAccepted(file: File, type = ''): boolean {\n    if (!this._acceptedTypesCache) return true;\n\n    if (file === null && type === '') return false;\n\n    const fileType =\n      file != null ? file.type.toLowerCase() : type.toLowerCase();\n    const fileExtension =\n      file != null\n        ? `.${file.name.split('.').pop()?.toLowerCase()}`\n        : `.${type.split('/').pop()?.toLowerCase()}`;\n\n    // Check file extension\n    if (this._acceptedTypesCache.extensions.has(fileExtension)) {\n      return true;\n    }\n\n    // Check exact MIME type\n    if (this._acceptedTypesCache.mimeTypes.has(fileType)) {\n      return true;\n    }\n\n    // Check wildcard MIME types\n    const [fileBaseType] = fileType.split('/');\n    return this._acceptedTypesCache.wildcardTypes.has(fileBaseType);\n  }\n\n  /**\n   * Checks if a slot is empty.\n   * @param name Slot name to check\n   * @returns True if the slot has content, false otherwise\n   */\n  public hasSlotContent(name: string): boolean {\n    return (\n      this._host.renderRoot.querySelector<HTMLSlotElement>(`slot[name=${name}]`)\n        ?.childNodes.length !== 0\n    );\n  }\n  //#endregion\n}\n\nexport function createChatState(host: IgcChatComponent): ChatState {\n  return new ChatState(host);\n}\n"]}
+{"version":3,"file":"chat-state.js","sourceRoot":"","sources":["../../../src/components/chat/chat-state.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, nothing, type TemplateResult } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { createRef, type Ref, ref } from 'lit/directives/ref.js';\nimport { enterKey } from '../common/controllers/key-bindings.js';\nimport { IgcChatResourceStringEN } from '../common/i18n/chat.resources.js';\nimport { partMap } from '../common/part-map.js';\nimport { registerIconFromText } from '../icon/icon.registry.js';\nimport type IgcTextareaComponent from '../textarea/textarea.js';\nimport type IgcTooltipComponent from '../tooltip/tooltip.js';\nimport type IgcChatComponent from './chat.js';\nimport type { IgcChatComponentEventMap } from './chat.js';\nimport { DefaultChatRenderer } from './chat-renderer.js';\nimport { PlainTextRenderer } from './plain-text-renderer.js';\nimport {\n  copyIcon,\n  type IgcChatOptions,\n  type IgcChatTemplates,\n  type IgcMessage,\n  type IgcMessageAttachment,\n  regenerateIcon,\n  thumbDownIcon,\n  thumbUpIcon,\n} from './types.js';\n\n/**\n * Internal state manager for the `<igc-chat>` component.\n *\n * Manages messages, input value, attachments, options, and event emissions.\n */\nexport class ChatState {\n  //#region Internal properties and state /** The host `<igc-chat>` component instance */\n  private readonly _host: IgcChatComponent;\n  /** Reference to the text area input component */\n  private _textArea: IgcTextareaComponent | null = null;\n  /** The current list of messages */\n  private _messages: IgcMessage[] = [];\n  /** Chat options/configuration */\n  private _options?: IgcChatOptions;\n  /** List of current input attachments */\n  private _inputAttachments: IgcMessageAttachment[] = [];\n  /** Current input text */\n  private _inputValue = '';\n  /**\n   * Cache of accepted file types, organized into extensions, mimeTypes, and wildcardTypes\n   */\n  private _acceptedTypesCache: {\n    extensions: Set<string>;\n    mimeTypes: Set<string>;\n    wildcardTypes: Set<string>;\n  } | null = null;\n  /** Default position of the suggestions */\n  private _suggestionsPosition: 'below-input' | 'below-messages' =\n    'below-messages';\n  /** Default time in milliseconds before dispatching stop typing event */\n  private _stopTypingDelay = 3000;\n\n  private _isTyping = false;\n  private _lastTyped = Date.now();\n\n  private _fileIcon = new URL('./assets/file.png', import.meta.url).href;\n  private _jsonIcon = new URL('./assets/json.png', import.meta.url).href;\n  private _linkIcon = new URL('./assets/link.png', import.meta.url).href;\n\n  private readonly _textAreaRef = createRef<IgcTextareaComponent>();\n  private readonly _attachmentsButtonInputRef = createRef<HTMLInputElement>();\n  private readonly _sharedTooltipRef = createRef<IgcTooltipComponent>();\n\n  private _chatRenderer?: DefaultChatRenderer;\n  private resourceStrings = IgcChatResourceStringEN;\n\n  /** Default templates of the chat components */\n  private _defaultTemplates: Required<IgcChatTemplates> = {\n    attachmentTemplate: (att: IgcMessageAttachment, m: IgcMessage) =>\n      this.renderDefaultAttachmentTemplate(att, m),\n    attachmentsTemplate: (\n      m: IgcMessage,\n      _ctx: { templates: Partial<IgcChatTemplates> }\n    ) => this.renderDefaultAttachmentsTemplate(m),\n    attachmentHeaderTemplate: (att: IgcMessageAttachment, msg: IgcMessage) =>\n      this.renderDefaultAttachmentHeader(att, msg),\n    attachmentContentTemplate: (att: IgcMessageAttachment) =>\n      this.renderDefaultAttachmentContent(att),\n    messageAuthorTemplate: () => {},\n    messageTemplate: (\n      m: IgcMessage,\n      ctx: { textContent: unknown; templates: Partial<IgcChatTemplates> }\n    ) => this.renderDefaultMessageTemplate(m, ctx),\n    messageActionsTemplate: (message: IgcMessage) =>\n      this.renderDefaultMessageActionsTemplate(message),\n    suggestionPrefixTemplate: () => {},\n    typingIndicatorTemplate: () => this.renderDefaultTypingIndicator(),\n    textInputTemplate: () => this.renderDefaultTextArea(),\n    textAreaActionsTemplate: () => this.renderDefaultActionsArea(),\n    textAreaAttachmentsTemplate: (attachments: IgcMessageAttachment[]) =>\n      this.renderDefaultAttachmentsArea(attachments),\n  };\n\n  /** The tooltip component used for showing action tooltips. */\n  private get _sharedTooltip(): IgcTooltipComponent | undefined {\n    return this._sharedTooltipRef?.value;\n  }\n\n  private getIconName(fileType: string | undefined): string {\n    if (fileType?.startsWith('image')) {\n      return 'file-image';\n    }\n    return 'file-document';\n  }\n  //#endregion\n\n  // #region Default renderers\n\n  /**\n   * Default attachments area template used when no custom template is provided.\n   * Renders the list of input attachments as chips.\n   * @returns TemplateResult containing the attachments area\n   */\n  private renderDefaultAttachmentsArea = (\n    attachments: IgcMessageAttachment[]\n  ): TemplateResult => {\n    return html`${attachments?.map(\n      (attachment, index) => html`\n        <div part=\"attachment-wrapper\" role=\"listitem\">\n          <igc-chip removable @igcRemove=${() => this.removeAttachment(index)}>\n            <igc-icon\n              slot=\"prefix\"\n              name=${this.getIconName(attachment.file?.type ?? attachment.type)}\n              collection=\"material\"\n            ></igc-icon>\n            <span part=\"attachment-name\">${attachment.name}</span>\n          </igc-chip>\n        </div>\n      `\n    )} `;\n  };\n\n  /**\n   * Default text area template used when no custom template is provided.\n   * Renders a text area for user input.\n   * @returns TemplateResult containing the text area\n   */\n  private renderDefaultTextArea = (): TemplateResult => {\n    return html` <igc-textarea\n      part=\"text-input\"\n      ${ref(this._textAreaRef)}\n      .placeholder=${this.options?.inputPlaceholder}\n      resize=\"auto\"\n      rows=\"1\"\n      .value=${this.inputValue}\n      @igcInput=${this.handleInput}\n      @focus=${this.handleFocus}\n      @blur=${this.handleBlur}\n    ></igc-textarea>`;\n  };\n\n  /**\n   * Default file upload button template used when no custom template is provided.\n   * Renders a file input for attaching files.\n   * @returns TemplateResult containing the file upload button\n   */\n  private renderDefaultFileUploadButton = (): TemplateResult => {\n    if (this.options?.disableInputAttachments) return html``;\n    return html`\n      <label for=\"input_attachments\" part=\"upload-button\">\n        <igc-icon-button\n          variant=\"flat\"\n          name=\"attachment\"\n          collection=\"material\"\n          @click=${() => this._attachmentsButtonInputRef?.value?.click()}\n        ></igc-icon-button>\n        <input\n          type=\"file\"\n          id=\"input_attachments\"\n          name=\"input_attachments\"\n          ${ref(this._attachmentsButtonInputRef)}\n          multiple\n          accept=${ifDefined(this.options?.acceptedFiles === '' ? undefined : this.options?.acceptedFiles)}\n          @change=${this.handleFileUpload}>\n        </input>\n      </label>\n    `;\n  };\n\n  /**\n   * Default send button template used when no custom template is provided.\n   * Renders a send button that submits the current input value and attachments.\n   * @returns TemplateResult containing the send button\n   */\n  private renderDefaultSendButton = (): TemplateResult => {\n    return html` <igc-icon-button\n      aria-label=\"Send message\"\n      name=\"send-message\"\n      collection=\"material\"\n      variant=\"contained\"\n      part=\"send-button\"\n      ?disabled=${!this.inputValue.trim() && this.inputAttachments.length === 0}\n      @click=${this.sendMessage}\n    ></igc-icon-button>`;\n  };\n\n  private renderDefaultActionsArea = () => {\n    return html` ${this.renderDefaultFileUploadButton()}\n    ${this.renderDefaultSendButton()}`;\n  };\n  /**\n   * Default typing indicator template used when no custom template is provided.\n   * Renders a simple typing indicator with three dots.\n   * @returns TemplateResult containing the typing indicator\n   */\n  private renderDefaultTypingIndicator = (): TemplateResult => {\n    return 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>`;\n  };\n\n  /**\n   * Default message template used when no custom template is provided.\n   * Renders the message text, sanitized for security.\n   * @param message The chat message to render\n   * @returns TemplateResult containing the rendered message\n   */\n  private renderDefaultMessageTemplate = (\n    m: IgcMessage,\n    ctx: { textContent: unknown; templates: Partial<IgcChatTemplates> }\n  ) => {\n    const templates = { ...this._defaultTemplates, ...ctx.templates };\n    return html`\n      ${templates.messageAuthorTemplate(m) ?? nothing}\n      ${ctx?.textContent ?? m.text}\n      ${m.attachments?.length\n        ? html`<igc-message-attachments .message=${m}>\n          </igc-message-attachments>`\n        : nothing}\n      ${templates.messageActionsTemplate(m) ?? nothing}\n    `;\n  };\n\n  private renderDefaultAttachmentHeaderText(\n    attachment: IgcMessageAttachment,\n    message: IgcMessage\n  ) {\n    return html`\n      ${html`${message.sender !== this.currentUserId\n          ? html`${attachment.type === 'image' ||\n            attachment.file?.type.startsWith('image/')\n              ? html`<igc-icon\n                  name=\"image\"\n                  collection=\"material\"\n                  part=\"attachment-icon\"\n                ></igc-icon>`\n              : html`<igc-icon\n                  name=\"file\"\n                  collection=\"material\"\n                  part=\"attachment-icon\"\n                ></igc-icon>`}`\n          : nothing} <span part=\"file-name\">${attachment.name}</span>`}\n    `;\n  }\n\n  private handleHeaderClick(attachment: IgcMessageAttachment) {\n    this.emitEvent('igcAttachmentClick', { detail: attachment });\n  }\n  /**\n   * Default attachment header template used when no custom template is provided.\n   * Renders the attachment icon and name.\n   * @param attachment The message attachment to render\n   * @returns TemplateResult containing the rendered attachment header\n   */\n  private renderDefaultAttachmentHeader = (\n    attachment: IgcMessageAttachment,\n    message: IgcMessage\n  ) => {\n    return this.renderDefaultAttachmentHeaderText(attachment, message);\n  };\n\n  /**\n   * Default attachment content template used when no custom template is provided.\n   * Renders the attachment content based on its type.\n   * @param attachment The message attachment to render\n   * @returns TemplateResult containing the rendered attachment content\n   */\n  private renderDefaultAttachmentContent = (\n    attachment: IgcMessageAttachment\n  ) => {\n    const ext = this.getFileExtension(attachment.name);\n    const isImage = this.isImageAttachment(attachment);\n    const url = isImage\n      ? this.getURL(attachment)\n      : (this._fileIconMap[ext] ?? this._fileIconMap['default']);\n    const partName = isImage ? 'image-attachment' : 'file-attachment';\n    return html`<img part=\"${partName}\" src=${url} alt=${attachment.name} />`;\n  };\n\n  private renderDefaultMessageActionsTemplate = (\n    message: IgcMessage\n  ): unknown => {\n    const isLastMessage = message === this.messages.at(-1);\n    return message?.sender !== this.currentUserId &&\n      message?.text.trim() &&\n      (!isLastMessage || !this._isTyping)\n      ? html`<div>\n          <igc-icon-button\n            id=\"copy-response-button\"\n            @pointerenter=${(ev: PointerEvent) =>\n              this.showTooltip(ev, this.resourceStrings.reactionCopyResponse)}\n            name=\"copy-response\"\n            collection=\"material\"\n            variant=\"flat\"\n            @click=${(e: MouseEvent) =>\n              this.handleMessageActionClick(e, message)}\n          ></igc-icon-button>\n          <igc-icon-button\n            id=\"good-response-button\"\n            @pointerenter=${(ev: PointerEvent) =>\n              this.showTooltip(ev, this.resourceStrings.reactionGoodResponse)}\n            name=\"good-response\"\n            collection=\"material\"\n            variant=\"flat\"\n            @click=${(e: MouseEvent) =>\n              this.handleMessageActionClick(e, message)}\n          ></igc-icon-button>\n          <igc-icon-button\n            id=\"bad-response-button\"\n            @pointerenter=${(ev: PointerEvent) =>\n              this.showTooltip(ev, this.resourceStrings.reactionBadResponse)}\n            name=\"bad-response\"\n            variant=\"flat\"\n            collection=\"material\"\n            @click=${(e: MouseEvent) =>\n              this.handleMessageActionClick(e, message)}\n          ></igc-icon-button>\n          <igc-icon-button\n            id=\"redo-button\"\n            @pointerenter=${(ev: PointerEvent) =>\n              this.showTooltip(ev, this.resourceStrings.reactionRedo)}\n            name=\"redo\"\n            variant=\"flat\"\n            collection=\"material\"\n            @click=${(e: MouseEvent) =>\n              this.handleMessageActionClick(e, message)}\n          ></igc-icon-button>\n          <igc-tooltip\n            id=\"sharedTooltip\"\n            ${ref(this._sharedTooltipRef)}\n          ></igc-tooltip>\n        </div>`\n      : nothing;\n  };\n\n  private handleMessageActionClick = (\n    event: MouseEvent,\n    message: IgcMessage\n  ): void => {\n    const reaction = (event.target as HTMLElement).getAttribute('name');\n    this.emitEvent('igcMessageReact', {\n      detail: { message, reaction },\n    });\n  };\n\n  private renderDefaultAttachmentTemplate = (\n    att: IgcMessageAttachment,\n    msg: IgcMessage\n  ) => {\n    const isCurrentUser = msg.sender === this.currentUserId;\n    const attachmentParts = {\n      attachment: true,\n      sent: isCurrentUser,\n    };\n    const contentParts = {\n      'attachment-content': true,\n      sent: isCurrentUser,\n    };\n    const headerParts = {\n      'attachment-header': true,\n      sent: isCurrentUser,\n    };\n\n    const content = html`<div part=${partMap(contentParts)}>\n      ${this.mergedTemplates.attachmentContentTemplate(att)}\n    </div>`;\n    const header = html` <div\n      part=${partMap(headerParts)}\n      role=\"button\"\n      @click=${() => this.handleHeaderClick(att)}\n    >\n      <div part=\"details\">\n        ${this.mergedTemplates.attachmentHeaderTemplate(att, msg)}\n      </div>\n    </div>`;\n\n    return html`<div part=${partMap(attachmentParts)}>\n      ${isCurrentUser ? content : nothing} ${header}\n      ${!isCurrentUser ? content : nothing}\n    </div> `;\n  };\n\n  private renderDefaultAttachmentsTemplate = (m: IgcMessage) => {\n    return html`\n      ${(m.attachments ?? []).map((att: IgcMessageAttachment) =>\n        this.mergedTemplates.attachmentTemplate(att, m)\n      ) || nothing}\n    `;\n  };\n\n  private showTooltip(ev: PointerEvent, text: string) {\n    if (!this._sharedTooltip) return;\n    this._sharedTooltip.message = text;\n    this._sharedTooltip.hideDelay = 300;\n    this._sharedTooltip.show(ev.composedPath()[0] as any);\n  }\n\n  // #endregion\n\n  //#region Public properties\n  /**\n   * Gets the list of chat messages.\n   */\n  public get messages(): IgcMessage[] {\n    return this._messages;\n  }\n\n  /**\n   * Sets the list of chat messages.\n   */\n  public set messages(value: IgcMessage[]) {\n    this._messages = value;\n    this._host.requestUpdate();\n  }\n\n  /**\n   * Gets current chat options.\n   */\n  public get options(): IgcChatOptions | undefined {\n    return this._options;\n  }\n\n  /**\n   * Sets chat options and requests host update.\n   */\n  public set options(value: IgcChatOptions) {\n    this._options = value;\n    this._host.requestUpdate();\n    // Notify context consumers about the state change\n    if (this._host.updateContextValue) {\n      this._host.updateContextValue();\n    }\n  }\n\n  /**\n   * Gets the current user ID from options or returns 'user' as fallback.\n   */\n  public get currentUserId(): string {\n    return this._options?.currentUserId ?? 'user';\n  }\n\n  /**\n   * Gets the current suggestionsPosition from options or returns the default value 'below-messages'.\n   */\n  public get suggestionsPosition(): string {\n    return this._options?.suggestionsPosition ?? this._suggestionsPosition;\n  }\n\n  /**\n   * Gets the current stopTypingDelay from options or returns the default value `3000`.\n   */\n  public get stopTypingDelay(): number {\n    return this._options?.stopTypingDelay ?? this._stopTypingDelay;\n  }\n\n  /**\n   * Gets the text area component.\n   */\n  public get textArea(): IgcTextareaComponent | null {\n    return this._textArea;\n  }\n\n  /**\n   * Sets the text area component.\n   */\n  public set textArea(value: IgcTextareaComponent) {\n    this._textArea = value;\n  }\n\n  /**\n   * Gets the text area component.\n   */\n  public get textAreaRef(): Ref<IgcTextareaComponent> {\n    return this._textAreaRef;\n  }\n\n  /**\n   * Gets the list of attachments currently attached to input.\n   */\n  public get inputAttachments(): IgcMessageAttachment[] {\n    return this._inputAttachments;\n  }\n\n  /**\n   * Sets the input attachments and requests host update.\n   */\n  public set inputAttachments(value: IgcMessageAttachment[]) {\n    this._inputAttachments = value;\n    this._host.requestUpdate(); // Notify the host component to re-render\n    // Notify context consumers about the state change\n    if (this._host.updateContextValue) {\n      this._host.updateContextValue();\n    }\n  }\n\n  /**\n   * Gets the current input value.\n   */\n  public get inputValue(): string {\n    return this._inputValue;\n  }\n\n  /**\n   * Sets the current input value and requests host update.\n   */\n  public set inputValue(value: string) {\n    this._inputValue = value;\n    this._host.requestUpdate();\n    // Notify context consumers about the state change\n    if (this._host.updateContextValue) {\n      this._host.updateContextValue();\n    }\n  }\n\n  /** Returns all default templates applied in the chat component. */\n  public get defaultTemplates(): Required<IgcChatTemplates> {\n    return this._defaultTemplates;\n  }\n\n  /** Sets the default templates applied in the chat component. */\n  public set defaultTemplates(templates: Required<IgcChatTemplates>) {\n    this._defaultTemplates = { ...templates };\n  }\n\n  public get mergedTemplates(): Required<IgcChatTemplates> {\n    return { ...this._defaultTemplates, ...this.options?.templates };\n  }\n\n  public get chatRenderer(): DefaultChatRenderer | undefined {\n    if (\n      !this._chatRenderer ||\n      this._chatRenderer !== this.options?.messageRenderer\n    ) {\n      this._chatRenderer = new DefaultChatRenderer(\n        this.options?.messageRenderer ?? new PlainTextRenderer(),\n        this.mergedTemplates\n      );\n      this.options?.messageRenderer?.init?.();\n    }\n    return this._chatRenderer;\n  }\n\n  /**\n   * Handles input text changes.\n   * Updates internal inputValue and emits 'igcInputChange' event.\n   * @param e Input event from the text area\n   */\n  private handleInput = ({ detail }: CustomEvent<string>) => {\n    if (detail === this.inputValue) return;\n\n    this.inputValue = detail;\n    this.emitEvent('igcInputChange', { detail: { value: this.inputValue } });\n  };\n  //#endregion\n\n  /**\n   * Creates an instance of ChatState.\n   * @param chat The host `<igc-chat>` component.\n   */\n  constructor(chat: IgcChatComponent) {\n    this._host = chat;\n    registerIconFromText('copy-response', copyIcon, 'material');\n    registerIconFromText('good-response', thumbUpIcon, 'material');\n    registerIconFromText('bad-response', thumbDownIcon, 'material');\n    registerIconFromText('redo', regenerateIcon, 'material');\n  }\n\n  //#region Event handlers\n\n  /**\n   * Emits a custom event from the host component.\n   * @param name Event name (key of IgcChatComponentEventMap)\n   * @param args Event detail or options\n   * @returns true if event was not canceled, false otherwise\n   */\n  public emitEvent = (name: keyof IgcChatComponentEventMap, args?: any) => {\n    return this._host.emitEvent(name, args);\n  };\n\n  // /**\n  //  * Handles input text changes.\n  //  * Updates internal inputValue and emits 'igcInputChange' event.\n  //  * @param e Input event from the text area\n  //  */\n  // private handleInputChange = (value: string): void => {\n  //   if (value === this.inputValue) return;\n\n  //   this.inputValue = value;\n  //   this.emitEvent('igcInputChange', { detail: { value: this.inputValue } });\n  // };\n\n  //#endregion\n\n  //#region Public API\n\n  /**\n   * Adds a new chat message.\n   * Emits 'igcMessageCreated' event which can be canceled to prevent adding.\n   * Clears input value and attachments on success.\n   * @param message Partial message object with optional id, sender, timestamp\n   */\n  public addMessage = (message: {\n    id?: string;\n    text: string;\n    sender?: string;\n    timestamp?: Date;\n    attachments?: IgcMessageAttachment[];\n  }): void => {\n    const newMessage: IgcMessage = {\n      id: message.id ?? Date.now().toString(),\n      text: message.text,\n      sender: message.sender ?? this.currentUserId,\n      timestamp: message.timestamp ?? new Date(),\n      attachments: message.attachments || [],\n    };\n\n    const allowed = this.emitEvent('igcMessageCreated', {\n      detail: newMessage,\n      cancelable: true,\n    });\n\n    if (allowed) {\n      if (!this.messages.some((msg) => msg.id === newMessage.id)) {\n        this.messages = [...this.messages, newMessage];\n      }\n      this.inputValue = '';\n      this.inputAttachments = [];\n    }\n  };\n\n  /**\n   * Adds files as attachments to the input.\n   * Emits 'igcAttachmentChange' event which can be canceled to prevent adding.\n   * @param files Array of File objects to attach\n   */\n  public attachFiles(files: File[]) {\n    const newAttachments: IgcMessageAttachment[] = [];\n    let count = this.inputAttachments.length;\n    files.forEach((file) => {\n      if (this.inputAttachments.find((a) => a.name === file.name)) {\n        return;\n      }\n\n      const isImage = file.type.startsWith('image/');\n      newAttachments.push({\n        id: Date.now().toString() + count++,\n        url: URL.createObjectURL(file),\n        name: file.name,\n        file: file,\n        thumbnail: isImage ? URL.createObjectURL(file) : undefined,\n      });\n    });\n\n    const allowed = this.emitEvent('igcAttachmentChange', {\n      detail: [...this.inputAttachments, ...newAttachments],\n      cancelable: true,\n    });\n    if (allowed) {\n      this.inputAttachments = [...this.inputAttachments, ...newAttachments];\n    }\n  }\n\n  private getURL = (attachment: IgcMessageAttachment): string => {\n    if (attachment.url) {\n      return attachment.url;\n    }\n    if (attachment.file) {\n      return URL.createObjectURL(attachment.file);\n    }\n    return '';\n  };\n\n  private isImageAttachment(attachment: IgcMessageAttachment): boolean {\n    return (\n      attachment.type === 'image' ||\n      !!attachment.file?.type.startsWith('image/')\n    );\n  }\n\n  private _fileIconMap: Record<string, string> = {\n    pdf: this._fileIcon,\n    doc: this._fileIcon,\n    docx: this._fileIcon,\n    xls: this._fileIcon,\n    xlsx: this._fileIcon,\n    txt: this._fileIcon,\n    json: this._jsonIcon,\n    link: this._linkIcon,\n    default: this._fileIcon, // A fallback icon\n  };\n\n  private getFileExtension(fileName: string): string {\n    const parts = fileName.split('.');\n    if (parts.length > 1) {\n      return parts.pop()!.toLowerCase();\n    }\n    return '';\n  }\n\n  public handleKeyDown = (e: KeyboardEvent) => {\n    if (e.key.toLowerCase() === enterKey.toLowerCase() && !e.shiftKey) {\n      e.preventDefault();\n      this.sendMessage();\n    } else {\n      this._lastTyped = Date.now();\n      if (!this._isTyping) {\n        this.emitEvent('igcTypingChange', {\n          detail: { isTyping: true },\n        });\n        this._isTyping = true;\n      }\n\n      const stopTypingDelay = this.stopTypingDelay;\n      setTimeout(() => {\n        if (\n          this._isTyping &&\n          stopTypingDelay &&\n          this._lastTyped + stopTypingDelay < Date.now()\n        ) {\n          this.emitEvent('igcTypingChange', {\n            detail: { isTyping: false },\n          });\n          this._isTyping = false;\n        }\n      }, stopTypingDelay);\n    }\n  };\n\n  private handleFocus = () => {\n    this.emitEvent('igcInputFocus');\n  };\n\n  private handleBlur = () => {\n    this.emitEvent('igcInputBlur');\n  };\n\n  private sendMessage = () => {\n    if (!this.inputValue.trim() && this.inputAttachments.length === 0) return;\n\n    this.addMessage({\n      text: this.inputValue,\n      attachments: this.inputAttachments,\n    });\n    this.inputValue = '';\n\n    if (this._textArea) {\n      this._textArea.style.height = 'auto';\n    }\n\n    this._host.updateComplete.then(() => {\n      this._textArea?.focus();\n    });\n  };\n\n  private handleFileUpload = (e: Event) => {\n    const input = e.target as HTMLInputElement;\n    if (!input.files || input.files.length === 0) return;\n\n    const files = Array.from(input.files);\n    this.attachFiles(files);\n    this._host.requestUpdate();\n  };\n\n  /**\n   * Removes an attachment by index.\n   * Emits 'igcAttachmentChange' event which can be canceled to prevent removal.\n   * @param index Index of the attachment to remove\n   */\n  private removeAttachment = (index: number): void => {\n    const allowed = this.emitEvent('igcAttachmentChange', {\n      detail: this.inputAttachments.filter((_, i) => i !== index),\n      cancelable: true,\n    });\n    if (allowed) {\n      this.inputAttachments = this.inputAttachments.filter(\n        (_, i) => i !== index\n      );\n    }\n  };\n\n  /**\n   * Handles when a suggestion is clicked.\n   * Adds the suggestion as a new message and focuses the text area.\n   * @param suggestion The suggestion string clicked\n   */\n  public handleSuggestionClick = (suggestion: string): void => {\n    this.addMessage({ text: suggestion });\n    if (this.textArea) {\n      this.textArea.focus();\n    }\n  };\n\n  /**\n   * Updates the chat options partially.\n   * @param options Partial options to merge with current options\n   */\n  public updateOptions(options: Partial<IgcChatOptions>): void {\n    this.options = { ...this.options, ...options };\n  }\n\n  /**\n   * Updates the internal cache for accepted file types.\n   * Parses the acceptedFiles string option into extensions, mimeTypes, and wildcard types.\n   */\n  public updateAcceptedTypesCache = () => {\n    if (!this.options?.acceptedFiles) {\n      this._acceptedTypesCache = null;\n      return;\n    }\n\n    const types = this.options?.acceptedFiles\n      .split(',')\n      .map((type) => type.trim().toLowerCase());\n    this._acceptedTypesCache = {\n      extensions: new Set(types.filter((t) => t.startsWith('.'))),\n      mimeTypes: new Set(\n        types.filter((t) => !t.startsWith('.') && !t.endsWith('/*'))\n      ),\n      wildcardTypes: new Set(\n        types.filter((t) => t.endsWith('/*')).map((t) => t.slice(0, -2))\n      ),\n    };\n  };\n\n  /**\n   * Checks if a file's type or extension is accepted by the chat's acceptedFiles setting.\n   * @param file File object to check\n   * @param type Optional MIME type override if no file provided\n   * @returns True if accepted, false otherwise\n   */\n  public isFileTypeAccepted = (file: File, type = ''): boolean => {\n    if (!this._acceptedTypesCache) return true;\n\n    if (file === null && type === '') return false;\n\n    const fileType =\n      file != null ? file.type.toLowerCase() : type.toLowerCase();\n    const fileExtension =\n      file != null\n        ? `.${file.name.split('.').pop()?.toLowerCase()}`\n        : `.${type.split('/').pop()?.toLowerCase()}`;\n\n    // Check file extension\n    if (this._acceptedTypesCache.extensions.has(fileExtension)) {\n      return true;\n    }\n\n    // Check exact MIME type\n    if (this._acceptedTypesCache.mimeTypes.has(fileType)) {\n      return true;\n    }\n\n    // Check wildcard MIME types\n    const [fileBaseType] = fileType.split('/');\n    return this._acceptedTypesCache.wildcardTypes.has(fileBaseType);\n  };\n\n  /**\n   * Checks if a slot is empty.\n   * @param name Slot name to check\n   * @returns True if the slot has content, false otherwise\n   */\n  public hasSlotContent(name: string): boolean {\n    return (\n      this._host.renderRoot.querySelector<HTMLSlotElement>(`slot[name=${name}]`)\n        ?.childNodes.length !== 0\n    );\n  }\n  //#endregion\n}\n\nexport function createChatState(host: IgcChatComponent): ChatState {\n  return new ChatState(host);\n}\n"]}

package/components/chat/chat.d.ts

@@ -1,4 +1,4 @@
-import { LitElement, type TemplateResult } from 'lit';
+import { LitElement } from 'lit';
 import type { Constructor } from '../common/mixins/constructor.js';
 import type { IgcChatOptions, IgcMessage, IgcMessageAttachment } from './types.js';
 /**
@@ -13,6 +13,17 @@ export interface IgcChatComponentEventMap {
      * @detail The message that was created.
      */
     igcMessageCreated: CustomEvent<IgcMessage>;
+    /**
+     * Dispatched when a new chat message is created (sent).
+     *
+     * @event igcMessageCreated
+     * @type {CustomEvent<IgcMessage>}
+     * @detail The message that was reacted to and the reaction.
+     */
+    igcMessageReact: CustomEvent<{
+        message: IgcMessage;
+        reaction: string;
+    }>;
     /**
      * Dispatched when a chat message attachment is clicked.
      *
@@ -112,9 +123,8 @@ export default class IgcChatComponent extends IgcChatComponent_base {
      */
     static register(): void;
     private readonly _chatState;
+    private readonly _slots;
     private _context;
-    private _hasContent;
-    private _chatInput;
     constructor();
     /**
      * The list of chat messages currently displayed.
@@ -140,20 +150,23 @@ export default class IgcChatComponent extends IgcChatComponent_base {
      */
     set options(value: IgcChatOptions);
     get options(): IgcChatOptions | undefined;
-    /** Returns the default attachments element. */
-    get defaultAttachments(): TemplateResult;
-    /** Returns the default textarea element. */
-    get defaultTextArea(): TemplateResult;
-    /** Returns the default file upload button element. */
-    get defaultFileUploadButton(): TemplateResult;
-    /** Returns the default send message button element. */
-    get defaultSendButton(): TemplateResult;
+    /** The resource strings. */
+    resourceStrings: import("../common/i18n/chat.resources.js").IgcChatResourceStrings;
+    /**
+     * Scrolls the view to a specific message by id.
+     * @param messageId - The id of the message to scroll to
+     */
+    scrollToMessage(messageId: string): void;
     protected contextChanged(): void;
     private renderHeader;
+    private renderSuggestionPrefix;
     private renderSuggestions;
-    protected firstUpdated(): void;
-    protected createRenderRoot(): HTMLElement | DocumentFragment;
-    protected render(): TemplateResult<1>;
+    /**
+     * Updates the context value to notify all consumers that the chat state has changed.
+     * This ensures that components consuming the chat context will re-render.
+     */
+    updateContextValue(): void;
+    protected render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/components/chat/chat.js

@@ -6,31 +6,41 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { ContextProvider } from '@lit/context';
 import { html, LitElement, nothing } from 'lit';
-import { property, query, state } from 'lit/decorators.js';
+import { property } from 'lit/decorators.js';
 import { addThemingController } from '../../theming/theming-controller.js';
 import IgcButtonComponent from '../button/button.js';
 import { chatContext } from '../common/context.js';
+import { addSlotController, setSlots } from '../common/controllers/slot.js';
 import { watch } from '../common/decorators/watch.js';
 import { registerComponent } from '../common/definitions/register.js';
+import { IgcChatResourceStringEN } from '../common/i18n/chat.resources.js';
 import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
+import IgcIconComponent from '../icon/icon.js';
+import IgcListComponent from '../list/list.js';
+import IgcListHeaderComponent from '../list/list-header.js';
+import IgcListItemComponent from '../list/list-item.js';
 import IgcChatInputComponent from './chat-input.js';
 import IgcChatMessageListComponent from './chat-message-list.js';
 import { createChatState } from './chat-state.js';
 import { styles } from './themes/chat.base.css.js';
 import { styles as shared } from './themes/shared/chat.common.css.js';
 import { all } from './themes/themes.js';
+const Slots = setSlots('prefix', 'title', 'actions', 'suggestions-header', 'suggestions', 'suggestions-actions', 'suggestions-header', 'suggestion', 'empty-state');
 class IgcChatComponent extends EventEmitterMixin(LitElement) {
     static register() {
-        registerComponent(IgcChatComponent, IgcChatInputComponent, IgcChatMessageListComponent, IgcButtonComponent);
+        registerComponent(IgcChatComponent, IgcChatInputComponent, IgcChatMessageListComponent, IgcButtonComponent, IgcIconComponent, IgcListComponent, IgcListItemComponent, IgcListHeaderComponent);
     }
     constructor() {
         super();
         this._chatState = createChatState(this);
+        this._slots = addSlotController(this, {
+            slots: Slots,
+        });
         this._context = new ContextProvider(this, {
             context: chatContext,
             initialValue: this._chatState,
         });
-        this._hasContent = false;
+        this.resourceStrings = IgcChatResourceStringEN;
         addThemingController(this, all);
     }
     set messages(value) {
@@ -40,7 +50,7 @@ class IgcChatComponent extends EventEmitterMixin(LitElement) {
         return this._chatState.messages;
     }
     set draftMessage(value) {
-        if (this._chatState) {
+        if (this._chatState && value) {
             this._chatState.inputValue = value.text;
             this._chatState.inputAttachments = value.attachments || [];
             this.requestUpdate();
@@ -58,23 +68,29 @@ class IgcChatComponent extends EventEmitterMixin(LitElement) {
     get options() {
         return this._chatState.options;
     }
-    get defaultAttachments() {
-        return this._chatInput.defaultAttachmentsArea;
-    }
-    get defaultTextArea() {
-        return this._chatInput.defaultTextArea;
-    }
-    get defaultFileUploadButton() {
-        return this._chatInput.defaultFileUploadButton;
-    }
-    get defaultSendButton() {
-        return this._chatInput.defaultSendButton;
+    scrollToMessage(messageId) {
+        const messageListComponent = this.shadowRoot?.querySelector('igc-chat-message-list');
+        if (!messageListComponent) {
+            return;
+        }
+        const messageElement = messageListComponent.shadowRoot?.querySelector(`#message-${messageId}`);
+        if (!messageElement) {
+            return;
+        }
+        messageElement.scrollIntoView({
+            behavior: 'smooth',
+            block: 'center',
+            inline: 'nearest',
+        });
     }
     contextChanged() {
         this._context.setValue(this._chatState, true);
     }
     renderHeader() {
-        return html ` <div part="header">
+        const hasContent = this._slots.hasAssignedElements('prefix') ||
+            this._slots.hasAssignedElements('title') ||
+            this._slots.hasAssignedElements('actions');
+        return html ` <div part="header" ?hidden=${!hasContent}>
       <slot name="prefix" part="prefix"></slot>
       <slot name="title" part="title"
         >${this._chatState.options?.headerText}</slot
@@ -82,58 +98,127 @@ class IgcChatComponent extends EventEmitterMixin(LitElement) {
       <slot name="actions" part="actions"></slot>
     </div>`;
     }
+    renderSuggestionPrefix() {
+        const defaultPrefix = html `<igc-icon
+      name="star-icon"
+      collection="material"
+    ></igc-icon>`;
+        return html `<span slot="start">
+      ${this._chatState?.options?.templates?.suggestionPrefixTemplate
+            ? this._chatState.options.templates.suggestionPrefixTemplate
+            : defaultPrefix}
+    </span>`;
+    }
     renderSuggestions() {
-        return html ` <div
-      part="suggestions-container"
-      role="list"
-      aria-label="Suggestions"
-    >
-      <slot name="suggestions-header" part="suggestions-header"></slot>
-      <slot name="suggestions" part="suggestions">
-        ${this._chatState.options?.suggestions?.map((suggestion) => html `
-            <slot name="suggestion" part="suggestion" role="listitem">
-              <igc-chip
-                @click=${() => this._chatState?.handleSuggestionClick(suggestion)}
-              >
-                <span>${suggestion}</span>
-              </igc-chip>
-            </slot>
-          `)}
-      </slot>
-      <slot name="suggestions-actions" part="suggestions-actions"></slot>
+        const hasContent = this._slots.hasAssignedElements('suggestions-header');
+        return html `<div part="suggestions-container">
+      <igc-list role="list" aria-label="Suggestions">
+        <igc-list-header part="suggestions-header">
+          <span ?hidden=${hasContent}>
+            ${this.resourceStrings.suggestionsHeader}
+          </span>
+          <slot name="suggestions-header"></slot>
+        </igc-list-header>
+        <slot name="suggestions" part="suggestions">
+          ${this._chatState.options?.suggestions?.map((suggestion) => html `
+              <slot name="suggestion" part="suggestion" role="listitem">
+                <igc-list-item
+                  @click=${() => this._chatState?.handleSuggestionClick(suggestion)}
+                >
+                  ${this.renderSuggestionPrefix()}
+                  <span slot="title">${suggestion}</span>
+                </igc-list-item>
+              </slot>
+            `)}
+        </slot>
+        <slot name="suggestions-actions" part="suggestions-actions"></slot>
+      </igc-list>
     </div>`;
     }
-    firstUpdated() {
+    updateContextValue() {
         this._context.setValue(this._chatState, true);
     }
-    createRenderRoot() {
-        const root = super.createRenderRoot();
-        root.addEventListener('slotchange', () => {
-            this._hasContent =
-                this._chatState?.hasSlotContent('prefix') ||
-                    this._chatState?.hasSlotContent('title') ||
-                    this._chatState?.hasSlotContent('actions');
-        });
-        return root;
-    }
     render() {
         const hasSuggestions = this._chatState.options?.suggestions &&
             this._chatState.options.suggestions.length > 0;
         return html `
-      <div part="chat-container">
-        ${this._hasContent || this._chatState.options?.headerText
-            ? this.renderHeader()
-            : nothing}
-        ${this.messages.length === 0
+      <div
+        part="chat-container"
+        exportparts="
+          chat-container,
+          header,
+          prefix,
+          title,
+          actions,
+          chat-wrapper,
+          chat-messages,
+          empty-state,
+          suggestions-container,
+          suggestions-header,
+          suggestions,
+          suggestions-actions,
+          suggestion,
+          message-container,
+          message-list,
+          message-item,
+          message,
+          message-text,
+          message-attachments,
+          message-actions,
+          typing-indicator,
+          attachments-container,
+          attachment,
+          attachment-header,
+          attachment-content,
+          attachment-icon,
+          file-name,
+          attachment-actions
+        "
+      >
+        ${this.renderHeader()}
+        <div part="chat-wrapper">
+          ${this.messages.length === 0
             ? html `<div part="empty-state">
-              <slot name="empty-state"> </slot>
-            </div>`
-            : html `<igc-chat-message-list> </igc-chat-message-list>`}
-        ${hasSuggestions &&
+                <slot name="empty-state"> </slot>
+              </div>`
+            : html ` <igc-chat-message-list
+                part="chat-messages"
+                exportparts="
+                  message-container,
+                  message-list,
+                  message-item,
+                  message,
+                  message-text,
+                  message-attachments,
+                  message-actions,
+                  typing-indicator,
+                  attachments-container,
+                  attachment,
+                  attachment-header,
+                  attachment-content,
+                  attachment-icon,
+                  file-name,
+                  actions: attachment-actions"
+              >
+              </igc-chat-message-list>`}
+          ${hasSuggestions &&
             this._chatState.suggestionsPosition === 'below-messages'
             ? this.renderSuggestions()
             : nothing}
-        <igc-chat-input> </igc-chat-input>
+        </div>
+        <igc-chat-input
+          exportparts="
+              input-container,
+              input-wrapper,
+              attachments: input-attachments-container,
+              attachments-wrapper: input-attachment,
+              attachment-name: input-attachment-name,
+              text-input,
+              buttons-container: input-buttons-container,
+              upload-button,
+              send-button"
+        >
+        </igc-chat-input>
         ${hasSuggestions &&
             this._chatState.suggestionsPosition === 'below-input'
             ? this.renderSuggestions()
@@ -146,20 +231,17 @@ IgcChatComponent.tagName = 'igc-chat';
 IgcChatComponent.styles = [styles, shared];
 export default IgcChatComponent;
 __decorate([
-    state()
-], IgcChatComponent.prototype, "_hasContent", void 0);
-__decorate([
-    query(IgcChatInputComponent.tagName)
-], IgcChatComponent.prototype, "_chatInput", void 0);
-__decorate([
-    property({ reflect: true, attribute: false })
+    property({ attribute: false })
 ], IgcChatComponent.prototype, "messages", null);
 __decorate([
-    property({ reflect: true, attribute: false })
+    property({ attribute: false })
 ], IgcChatComponent.prototype, "draftMessage", null);
 __decorate([
     property({ attribute: false })
 ], IgcChatComponent.prototype, "options", null);
+__decorate([
+    property({ attribute: false })
+], IgcChatComponent.prototype, "resourceStrings", void 0);
 __decorate([
     watch('messages'),
     watch('draftMessage'),

package/components/chat/chat.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat.js","sourceRoot":"","sources":["../../../src/components/chat/chat.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAuB,MAAM,KAAK,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,kBAAkB,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAEtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,qBAAqB,MAAM,iBAAiB,CAAC;AACpD,OAAO,2BAA2B,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,oCAAoC,CAAC;AACtE,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAkHzC,MAAqB,gBAAiB,SAAQ,iBAAiB,CAG7D,UAAU,CAAC;IAaJ,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CACf,gBAAgB,EAChB,qBAAqB,EACrB,2BAA2B,EAC3B,kBAAkB,CACnB,CAAC;IACJ,CAAC;IAeD;QACE,KAAK,EAAE,CAAC;QAdO,eAAU,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC;QAE5C,aAAQ,GAAG,IAAI,eAAe,CAAC,IAAI,EAAE;YAC3C,OAAO,EAAE,WAAW;YACpB,YAAY,EAAE,IAAI,CAAC,UAAU;SAC9B,CAAC,CAAC;QAGK,gBAAW,GAAG,KAAK,CAAC;QAO1B,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAClC,CAAC;IAOD,IAAW,QAAQ,CAAC,KAAmB;QACrC,IAAI,CAAC,UAAU,CAAC,QAAQ,GAAG,KAAK,CAAC;IACnC,CAAC;IAED,IAAW,QAAQ;QACjB,OAAO,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC;IAClC,CAAC;IAOD,IAAW,YAAY,CAAC,KAGvB;QACC,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,IAAI,CAAC,UAAU,CAAC,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC;YACxC,IAAI,CAAC,UAAU,CAAC,gBAAgB,GAAG,KAAK,CAAC,WAAW,IAAI,EAAE,CAAC;YAC3D,IAAI,CAAC,aAAa,EAAE,CAAC;QACvB,CAAC;IACH,CAAC;IAED,IAAW,YAAY;QAIrB,OAAO;YACL,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,UAAU;YACjC,WAAW,EAAE,IAAI,CAAC,UAAU,EAAE,gBAAgB;SAC/C,CAAC;IACJ,CAAC;IAOD,IAAW,OAAO,CAAC,KAAqB;QACtC,IAAI,CAAC,UAAU,CAAC,OAAO,GAAG,KAAK,CAAC;IAClC,CAAC;IAED,IAAW,OAAO;QAChB,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC;IACjC,CAAC;IAGD,IAAW,kBAAkB;QAC3B,OAAO,IAAI,CAAC,UAAU,CAAC,sBAAsB,CAAC;IAChD,CAAC;IAGD,IAAW,eAAe;QACxB,OAAO,IAAI,CAAC,UAAU,CAAC,eAAe,CAAC;IACzC,CAAC;IAGD,IAAW,uBAAuB;QAChC,OAAO,IAAI,CAAC,UAAU,CAAC,uBAAuB,CAAC;IACjD,CAAC;IAGD,IAAW,iBAAiB;QAC1B,OAAO,IAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC;IAC3C,CAAC;IAKS,cAAc;QACtB,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;IAChD,CAAC;IAEO,YAAY;QAClB,OAAO,IAAI,CAAA;;;WAGJ,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU;;;WAGnC,CAAC;IACV,CAAC;IAEO,iBAAiB;QACvB,OAAO,IAAI,CAAA;;;;;;;UAOL,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,WAAW,EAAE,GAAG,CACzC,CAAC,UAAU,EAAE,EAAE,CAAC,IAAI,CAAA;;;yBAGL,GAAG,EAAE,CACZ,IAAI,CAAC,UAAU,EAAE,qBAAqB,CAAC,UAAU,CAAC;;wBAE5C,UAAU;;;WAGvB,CACF;;;WAGE,CAAC;IACV,CAAC;IAEkB,YAAY;QAC7B,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;IAChD,CAAC;IAEkB,gBAAgB;QACjC,MAAM,IAAI,GAAG,KAAK,CAAC,gBAAgB,EAAE,CAAC;QACtC,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,GAAG,EAAE;YACvC,IAAI,CAAC,WAAW;gBACd,IAAI,CAAC,UAAU,EAAE,cAAc,CAAC,QAAQ,CAAC;oBACzC,IAAI,CAAC,UAAU,EAAE,cAAc,CAAC,OAAO,CAAC;oBACxC,IAAI,CAAC,UAAU,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;QAC/C,CAAC,CAAC,CAAC;QACH,OAAO,IAAI,CAAC;IACd,CAAC;IAEkB,MAAM;QACvB,MAAM,cAAc,GAClB,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,WAAW;YACpC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC;QACjD,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU;YACvD,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE;YACrB,CAAC,CAAC,OAAO;UACT,IAAI,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC;YAC1B,CAAC,CAAC,IAAI,CAAA;;mBAEG;YACT,CAAC,CAAC,IAAI,CAAA,kDAAkD;UACxD,cAAc;YAChB,IAAI,CAAC,UAAU,CAAC,mBAAmB,KAAK,gBAAgB;YACtD,CAAC,CAAC,IAAI,CAAC,iBAAiB,EAAE;YAC1B,CAAC,CAAC,OAAO;;UAET,cAAc;YAChB,IAAI,CAAC,UAAU,CAAC,mBAAmB,KAAK,aAAa;YACnD,CAAC,CAAC,IAAI,CAAC,iBAAiB,EAAE;YAC1B,CAAC,CAAC,OAAO;;KAEd,CAAC;IACJ,CAAC;;AAjMsB,wBAAO,GAAG,UAAU,AAAb,CAAc;AAE9B,uBAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;eANrB,gBAAgB;AAiC3B;IADP,KAAK,EAAE;qDACoB;AAGpB;IADP,KAAK,CAAC,qBAAqB,CAAC,OAAO,CAAC;oDACM;AAY3C;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;gDAG7C;AAWD;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;oDAU7C;AAiBD;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;+CAG9B;AA6BS;IAHT,KAAK,CAAC,UAAU,CAAC;IACjB,KAAK,CAAC,cAAc,CAAC;IACrB,KAAK,CAAC,SAAS,CAAC;sDAGhB","sourcesContent":["import { ContextProvider } from '@lit/context';\nimport { html, LitElement, nothing, type TemplateResult } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport IgcButtonComponent from '../button/button.js';\nimport { chatContext } from '../common/context.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport IgcChatInputComponent from './chat-input.js';\nimport IgcChatMessageListComponent from './chat-message-list.js';\nimport { createChatState } from './chat-state.js';\nimport { styles } from './themes/chat.base.css.js';\nimport { styles as shared } from './themes/shared/chat.common.css.js';\nimport { all } from './themes/themes.js';\nimport type {\n  IgcChatOptions,\n  IgcMessage,\n  IgcMessageAttachment,\n} from './types.js';\n\n/**\n * Defines the custom events dispatched by the `<igc-chat>` component.\n */\nexport interface IgcChatComponentEventMap {\n  /**\n   * Dispatched when a new chat message is created (sent).\n   *\n   * @event igcMessageCreated\n   * @type {CustomEvent<IgcMessage>}\n   * @detail The message that was created.\n   */\n  igcMessageCreated: CustomEvent<IgcMessage>;\n\n  /**\n   * Dispatched when a chat message attachment is clicked.\n   *\n   * @event igcAttachmentClick\n   * @type {CustomEvent<IgcMessageAttachment>}\n   * @detail The attachment that was clicked.\n   */\n  igcAttachmentClick: CustomEvent<IgcMessageAttachment>;\n\n  /**\n   * Dispatched when an attachment is changed (e.g., updated or removed).\n   *\n   * @event igcAttachmentChange\n   * @type {CustomEvent<IgcMessageAttachment>}\n   * @detail The attachment that was changed.\n   */\n  igcAttachmentChange: CustomEvent<IgcMessageAttachment>;\n\n  /**\n   * Dispatched during an attachment drag operation.\n   *\n   * @event igcAttachmentDrag\n   * @type {CustomEvent<any>}\n   * @detail The drag event payload.\n   */\n  igcAttachmentDrag: CustomEvent<any>;\n\n  /**\n   * Dispatched when an attachment is dropped (e.g., in a drag-and-drop operation).\n   *\n   * @event igcAttachmentDrop\n   * @type {CustomEvent<any>}\n   * @detail The drop event payload.\n   */\n  igcAttachmentDrop: CustomEvent<any>;\n\n  /**\n   * Dispatched when the typing status changes (e.g., user starts or stops typing).\n   *\n   * @event igcTypingChange\n   * @type {CustomEvent<boolean>}\n   * @detail `true` if typing started, `false` if stopped.\n   */\n  igcTypingChange: CustomEvent<boolean>;\n\n  /**\n   * Dispatched when the chat input field gains focus.\n   *\n   * @event igcInputFocus\n   * @type {CustomEvent<any>}\n   * @detail Focus event payload.\n   */\n  igcInputFocus: CustomEvent<any>;\n\n  /**\n   * Dispatched when the chat input field loses focus.\n   *\n   * @event igcInputBlur\n   * @type {CustomEvent<any>}\n   * @detail Blur event payload.\n   */\n  igcInputBlur: CustomEvent<any>;\n\n  /**\n   * Dispatched when the content of the chat input changes.\n   *\n   * @event igcInputChange\n   * @type {CustomEvent<string>}\n   * @detail The current text value of the input.\n   */\n  igcInputChange: CustomEvent<string>;\n}\n\n/**\n * A chat UI component for displaying messages, attachments, and input interaction.\n *\n * This component is part of the Ignite UI Web Components suite.\n *\n * @element igc-chat\n * @slot prefix - Slot for injecting content (e.g., avatar or icon) before the chat title.\n * @slot title - Slot for overriding the chat title content.\n * @slot actions - Slot for injecting header actions (e.g., buttons, menus).\n * @slot suggestions-header - Slot for rendering a custom header for the suggestions list.\n * @slot suggestions - Slot for rendering a custom list of quick reply suggestions.\n * @slot suggestions-actions - Slot for rendering additional actions.\n * @slot suggestion - Slot for rendering a single suggestion item.\n * @slot empty-state - Slot shown when there are no messages.\n *\n * @csspart header - Styles the header container.\n * @csspart prefix - Styles the element before the title (e.g., avatar).\n * @csspart title - Styles the chat header title.\n * @csspart suggestions - Styles the suggestion container.\n * @csspart suggestion - Styles each suggestion item.\n */\nexport default class IgcChatComponent extends EventEmitterMixin<\n  IgcChatComponentEventMap,\n  Constructor<LitElement>\n>(LitElement) {\n  public static readonly tagName = 'igc-chat';\n\n  public static styles = [styles, shared];\n\n  /* blazorSuppress */\n  /**\n   * Registers the chat component and its child components.\n   * Should be called once before using the component.\n   *\n   * @example\n   * IgcChatComponent.register();\n   */\n  public static register() {\n    registerComponent(\n      IgcChatComponent,\n      IgcChatInputComponent,\n      IgcChatMessageListComponent,\n      IgcButtonComponent\n    );\n  }\n\n  private readonly _chatState = createChatState(this);\n\n  private _context = new ContextProvider(this, {\n    context: chatContext,\n    initialValue: this._chatState,\n  });\n\n  @state()\n  private _hasContent = false;\n\n  @query(IgcChatInputComponent.tagName)\n  private _chatInput!: IgcChatInputComponent;\n\n  constructor() {\n    super();\n    addThemingController(this, all);\n  }\n\n  /**\n   * The list of chat messages currently displayed.\n   * Use this property to set or update the message history.\n   */\n  @property({ reflect: true, attribute: false })\n  public set messages(value: IgcMessage[]) {\n    this._chatState.messages = value;\n  }\n\n  public get messages(): IgcMessage[] {\n    return this._chatState.messages;\n  }\n\n  /**\n   * The chat message currently being composed but not yet sent.\n   * Includes the draft text and any attachments.\n   */\n  @property({ reflect: true, attribute: false })\n  public set draftMessage(value: {\n    text: string;\n    attachments?: IgcMessageAttachment[];\n  }) {\n    if (this._chatState) {\n      this._chatState.inputValue = value.text;\n      this._chatState.inputAttachments = value.attachments || [];\n      this.requestUpdate();\n    }\n  }\n\n  public get draftMessage(): {\n    text: string;\n    attachments?: IgcMessageAttachment[];\n  } {\n    return {\n      text: this._chatState?.inputValue,\n      attachments: this._chatState?.inputAttachments,\n    };\n  }\n\n  /**\n   * Controls the chat behavior and appearance through a configuration object.\n   * Use this to toggle UI options, provide suggestions, templates, etc.\n   */\n  @property({ attribute: false })\n  public set options(value: IgcChatOptions) {\n    this._chatState.options = value;\n  }\n\n  public get options(): IgcChatOptions | undefined {\n    return this._chatState.options;\n  }\n\n  /** Returns the default attachments element. */\n  public get defaultAttachments(): TemplateResult {\n    return this._chatInput.defaultAttachmentsArea;\n  }\n\n  /** Returns the default textarea element. */\n  public get defaultTextArea(): TemplateResult {\n    return this._chatInput.defaultTextArea;\n  }\n\n  /** Returns the default file upload button element. */\n  public get defaultFileUploadButton(): TemplateResult {\n    return this._chatInput.defaultFileUploadButton;\n  }\n\n  /** Returns the default send message button element. */\n  public get defaultSendButton(): TemplateResult {\n    return this._chatInput.defaultSendButton;\n  }\n\n  @watch('messages')\n  @watch('draftMessage')\n  @watch('options')\n  protected contextChanged() {\n    this._context.setValue(this._chatState, true);\n  }\n\n  private renderHeader() {\n    return html` <div part=\"header\">\n      <slot name=\"prefix\" part=\"prefix\"></slot>\n      <slot name=\"title\" part=\"title\"\n        >${this._chatState.options?.headerText}</slot\n      >\n      <slot name=\"actions\" part=\"actions\"></slot>\n    </div>`;\n  }\n\n  private renderSuggestions() {\n    return html` <div\n      part=\"suggestions-container\"\n      role=\"list\"\n      aria-label=\"Suggestions\"\n    >\n      <slot name=\"suggestions-header\" part=\"suggestions-header\"></slot>\n      <slot name=\"suggestions\" part=\"suggestions\">\n        ${this._chatState.options?.suggestions?.map(\n          (suggestion) => html`\n            <slot name=\"suggestion\" part=\"suggestion\" role=\"listitem\">\n              <igc-chip\n                @click=${() =>\n                  this._chatState?.handleSuggestionClick(suggestion)}\n              >\n                <span>${suggestion}</span>\n              </igc-chip>\n            </slot>\n          `\n        )}\n      </slot>\n      <slot name=\"suggestions-actions\" part=\"suggestions-actions\"></slot>\n    </div>`;\n  }\n\n  protected override firstUpdated() {\n    this._context.setValue(this._chatState, true);\n  }\n\n  protected override createRenderRoot(): HTMLElement | DocumentFragment {\n    const root = super.createRenderRoot();\n    root.addEventListener('slotchange', () => {\n      this._hasContent =\n        this._chatState?.hasSlotContent('prefix') ||\n        this._chatState?.hasSlotContent('title') ||\n        this._chatState?.hasSlotContent('actions');\n    });\n    return root;\n  }\n\n  protected override render() {\n    const hasSuggestions =\n      this._chatState.options?.suggestions &&\n      this._chatState.options.suggestions.length > 0;\n    return html`\n      <div part=\"chat-container\">\n        ${this._hasContent || this._chatState.options?.headerText\n          ? this.renderHeader()\n          : nothing}\n        ${this.messages.length === 0\n          ? html`<div part=\"empty-state\">\n              <slot name=\"empty-state\"> </slot>\n            </div>`\n          : html`<igc-chat-message-list> </igc-chat-message-list>`}\n        ${hasSuggestions &&\n        this._chatState.suggestionsPosition === 'below-messages'\n          ? this.renderSuggestions()\n          : nothing}\n        <igc-chat-input> </igc-chat-input>\n        ${hasSuggestions &&\n        this._chatState.suggestionsPosition === 'below-input'\n          ? this.renderSuggestions()\n          : nothing}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    /** The `<igc-chat>` custom element. */\n    'igc-chat': IgcChatComponent;\n  }\n}\n"]}
+{"version":3,"file":"chat.js","sourceRoot":"","sources":["../../../src/components/chat/chat.ts"],"names":[],"mappings":"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","sourcesContent":["import { ContextProvider } from '@lit/context';\nimport { html, LitElement, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport IgcButtonComponent from '../button/button.js';\nimport { chatContext } from '../common/context.js';\nimport { addSlotController, setSlots } from '../common/controllers/slot.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { IgcChatResourceStringEN } from '../common/i18n/chat.resources.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport IgcListComponent from '../list/list.js';\nimport IgcListHeaderComponent from '../list/list-header.js';\nimport IgcListItemComponent from '../list/list-item.js';\nimport IgcChatInputComponent from './chat-input.js';\nimport IgcChatMessageListComponent from './chat-message-list.js';\nimport { createChatState } from './chat-state.js';\nimport { styles } from './themes/chat.base.css.js';\nimport { styles as shared } from './themes/shared/chat.common.css.js';\nimport { all } from './themes/themes.js';\nimport type {\n  IgcChatOptions,\n  IgcMessage,\n  IgcMessageAttachment,\n} from './types.js';\n\n/**\n * Defines the custom events dispatched by the `<igc-chat>` component.\n */\nexport interface IgcChatComponentEventMap {\n  /**\n   * Dispatched when a new chat message is created (sent).\n   *\n   * @event igcMessageCreated\n   * @type {CustomEvent<IgcMessage>}\n   * @detail The message that was created.\n   */\n  igcMessageCreated: CustomEvent<IgcMessage>;\n\n  /**\n   * Dispatched when a new chat message is created (sent).\n   *\n   * @event igcMessageCreated\n   * @type {CustomEvent<IgcMessage>}\n   * @detail The message that was reacted to and the reaction.\n   */\n  igcMessageReact: CustomEvent<{ message: IgcMessage; reaction: string }>;\n\n  /**\n   * Dispatched when a chat message attachment is clicked.\n   *\n   * @event igcAttachmentClick\n   * @type {CustomEvent<IgcMessageAttachment>}\n   * @detail The attachment that was clicked.\n   */\n  igcAttachmentClick: CustomEvent<IgcMessageAttachment>;\n\n  /**\n   * Dispatched when an attachment is changed (e.g., updated or removed).\n   *\n   * @event igcAttachmentChange\n   * @type {CustomEvent<IgcMessageAttachment>}\n   * @detail The attachment that was changed.\n   */\n  igcAttachmentChange: CustomEvent<IgcMessageAttachment>;\n\n  /**\n   * Dispatched during an attachment drag operation.\n   *\n   * @event igcAttachmentDrag\n   * @type {CustomEvent<any>}\n   * @detail The drag event payload.\n   */\n  igcAttachmentDrag: CustomEvent<any>;\n\n  /**\n   * Dispatched when an attachment is dropped (e.g., in a drag-and-drop operation).\n   *\n   * @event igcAttachmentDrop\n   * @type {CustomEvent<any>}\n   * @detail The drop event payload.\n   */\n  igcAttachmentDrop: CustomEvent<any>;\n\n  /**\n   * Dispatched when the typing status changes (e.g., user starts or stops typing).\n   *\n   * @event igcTypingChange\n   * @type {CustomEvent<boolean>}\n   * @detail `true` if typing started, `false` if stopped.\n   */\n  igcTypingChange: CustomEvent<boolean>;\n\n  /**\n   * Dispatched when the chat input field gains focus.\n   *\n   * @event igcInputFocus\n   * @type {CustomEvent<any>}\n   * @detail Focus event payload.\n   */\n  igcInputFocus: CustomEvent<any>;\n\n  /**\n   * Dispatched when the chat input field loses focus.\n   *\n   * @event igcInputBlur\n   * @type {CustomEvent<any>}\n   * @detail Blur event payload.\n   */\n  igcInputBlur: CustomEvent<any>;\n\n  /**\n   * Dispatched when the content of the chat input changes.\n   *\n   * @event igcInputChange\n   * @type {CustomEvent<string>}\n   * @detail The current text value of the input.\n   */\n  igcInputChange: CustomEvent<string>;\n}\n\nconst Slots = setSlots(\n  'prefix',\n  'title',\n  'actions',\n  'suggestions-header',\n  'suggestions',\n  'suggestions-actions',\n  'suggestions-header',\n  'suggestion',\n  'empty-state'\n);\n\n/**\n * A chat UI component for displaying messages, attachments, and input interaction.\n *\n * This component is part of the Ignite UI Web Components suite.\n *\n * @element igc-chat\n * @slot prefix - Slot for injecting content (e.g., avatar or icon) before the chat title.\n * @slot title - Slot for overriding the chat title content.\n * @slot actions - Slot for injecting header actions (e.g., buttons, menus).\n * @slot suggestions-header - Slot for rendering a custom header for the suggestions list.\n * @slot suggestions - Slot for rendering a custom list of quick reply suggestions.\n * @slot suggestions-actions - Slot for rendering additional actions.\n * @slot suggestion - Slot for rendering a single suggestion item.\n * @slot empty-state - Slot shown when there are no messages.\n *\n * @csspart header - Styles the header container.\n * @csspart prefix - Styles the element before the title (e.g., avatar).\n * @csspart title - Styles the chat header title.\n * @csspart suggestions - Styles the suggestion container.\n * @csspart suggestion - Styles each suggestion item.\n */\nexport default class IgcChatComponent extends EventEmitterMixin<\n  IgcChatComponentEventMap,\n  Constructor<LitElement>\n>(LitElement) {\n  public static readonly tagName = 'igc-chat';\n\n  public static styles = [styles, shared];\n\n  /* blazorSuppress */\n  /**\n   * Registers the chat component and its child components.\n   * Should be called once before using the component.\n   *\n   * @example\n   * IgcChatComponent.register();\n   */\n  public static register() {\n    registerComponent(\n      IgcChatComponent,\n      IgcChatInputComponent,\n      IgcChatMessageListComponent,\n      IgcButtonComponent,\n      IgcIconComponent,\n      IgcListComponent,\n      IgcListItemComponent,\n      IgcListHeaderComponent\n    );\n  }\n\n  private readonly _chatState = createChatState(this);\n\n  private readonly _slots = addSlotController(this, {\n    slots: Slots,\n  });\n\n  private _context = new ContextProvider(this, {\n    context: chatContext,\n    initialValue: this._chatState,\n  });\n  constructor() {\n    super();\n    addThemingController(this, all);\n  }\n\n  /**\n   * The list of chat messages currently displayed.\n   * Use this property to set or update the message history.\n   */\n  @property({ attribute: false })\n  public set messages(value: IgcMessage[]) {\n    this._chatState.messages = value;\n  }\n\n  public get messages(): IgcMessage[] {\n    return this._chatState.messages;\n  }\n\n  /**\n   * The chat message currently being composed but not yet sent.\n   * Includes the draft text and any attachments.\n   */\n  @property({ attribute: false })\n  public set draftMessage(value: {\n    text: string;\n    attachments?: IgcMessageAttachment[];\n  }) {\n    if (this._chatState && value) {\n      this._chatState.inputValue = value.text;\n      this._chatState.inputAttachments = value.attachments || [];\n      this.requestUpdate();\n    }\n  }\n\n  public get draftMessage(): {\n    text: string;\n    attachments?: IgcMessageAttachment[];\n  } {\n    return {\n      text: this._chatState?.inputValue,\n      attachments: this._chatState?.inputAttachments,\n    };\n  }\n\n  /**\n   * Controls the chat behavior and appearance through a configuration object.\n   * Use this to toggle UI options, provide suggestions, templates, etc.\n   */\n  @property({ attribute: false })\n  public set options(value: IgcChatOptions) {\n    this._chatState.options = value;\n  }\n\n  public get options(): IgcChatOptions | undefined {\n    return this._chatState.options;\n  }\n\n  /** The resource strings. */\n  @property({ attribute: false })\n  public resourceStrings = IgcChatResourceStringEN;\n\n  /**\n   * Scrolls the view to a specific message by id.\n   * @param messageId - The id of the message to scroll to\n   */\n  public scrollToMessage(messageId: string) {\n    // Find the message list component\n    const messageListComponent = this.shadowRoot?.querySelector(\n      'igc-chat-message-list'\n    );\n    if (!messageListComponent) {\n      return;\n    }\n\n    // Look for the message element inside the message list's shadow DOM\n    const messageElement = messageListComponent.shadowRoot?.querySelector(\n      `#message-${messageId}`\n    );\n\n    if (!messageElement) {\n      return;\n    }\n\n    // Scroll the message into view with smooth behavior\n    messageElement.scrollIntoView({\n      behavior: 'smooth',\n      block: 'center',\n      inline: 'nearest',\n    });\n  }\n\n  @watch('messages')\n  @watch('draftMessage')\n  @watch('options')\n  protected contextChanged() {\n    this._context.setValue(this._chatState, true);\n  }\n\n  private renderHeader() {\n    const hasContent =\n      this._slots.hasAssignedElements('prefix') ||\n      this._slots.hasAssignedElements('title') ||\n      this._slots.hasAssignedElements('actions');\n    return html` <div part=\"header\" ?hidden=${!hasContent}>\n      <slot name=\"prefix\" part=\"prefix\"></slot>\n      <slot name=\"title\" part=\"title\"\n        >${this._chatState.options?.headerText}</slot\n      >\n      <slot name=\"actions\" part=\"actions\"></slot>\n    </div>`;\n  }\n\n  private renderSuggestionPrefix() {\n    const defaultPrefix = html`<igc-icon\n      name=\"star-icon\"\n      collection=\"material\"\n    ></igc-icon>`;\n    return html`<span slot=\"start\">\n      ${this._chatState?.options?.templates?.suggestionPrefixTemplate\n        ? this._chatState.options.templates.suggestionPrefixTemplate\n        : defaultPrefix}\n    </span>`;\n  }\n\n  private renderSuggestions() {\n    const hasContent = this._slots.hasAssignedElements('suggestions-header');\n    return html`<div part=\"suggestions-container\">\n      <igc-list role=\"list\" aria-label=\"Suggestions\">\n        <igc-list-header part=\"suggestions-header\">\n          <span ?hidden=${hasContent}>\n            ${this.resourceStrings.suggestionsHeader}\n          </span>\n          <slot name=\"suggestions-header\"></slot>\n        </igc-list-header>\n        <slot name=\"suggestions\" part=\"suggestions\">\n          ${this._chatState.options?.suggestions?.map(\n            (suggestion) => html`\n              <slot name=\"suggestion\" part=\"suggestion\" role=\"listitem\">\n                <igc-list-item\n                  @click=${() =>\n                    this._chatState?.handleSuggestionClick(suggestion)}\n                >\n                  ${this.renderSuggestionPrefix()}\n                  <span slot=\"title\">${suggestion}</span>\n                </igc-list-item>\n              </slot>\n            `\n          )}\n        </slot>\n        <slot name=\"suggestions-actions\" part=\"suggestions-actions\"></slot>\n      </igc-list>\n    </div>`;\n  }\n\n  /**\n   * Updates the context value to notify all consumers that the chat state has changed.\n   * This ensures that components consuming the chat context will re-render.\n   */\n  public updateContextValue() {\n    this._context.setValue(this._chatState, true);\n  }\n\n  protected override render() {\n    const hasSuggestions =\n      this._chatState.options?.suggestions &&\n      this._chatState.options.suggestions.length > 0;\n    return html`\n      <div\n        part=\"chat-container\"\n        exportparts=\"\n          chat-container,\n          header,\n          prefix,\n          title,\n          actions,\n          chat-wrapper,\n          chat-messages,\n          empty-state,\n          suggestions-container,\n          suggestions-header,\n          suggestions,\n          suggestions-actions,\n          suggestion,\n          message-container,\n          message-list,\n          message-item,\n          message,\n          message-text,\n          message-attachments,\n          message-actions,\n          typing-indicator,\n          attachments-container,\n          attachment,\n          attachment-header,\n          attachment-content,\n          attachment-icon,\n          file-name,\n          attachment-actions\n        \"\n      >\n        ${this.renderHeader()}\n        <div part=\"chat-wrapper\">\n          ${this.messages.length === 0\n            ? html`<div part=\"empty-state\">\n                <slot name=\"empty-state\"> </slot>\n              </div>`\n            : html` <igc-chat-message-list\n                part=\"chat-messages\"\n                exportparts=\"\n                  message-container,\n                  message-list,\n                  message-item,\n                  message,\n                  message-text,\n                  message-attachments,\n                  message-actions,\n                  typing-indicator,\n                  attachments-container,\n                  attachment,\n                  attachment-header,\n                  attachment-content,\n                  attachment-icon,\n                  file-name,\n                  actions: attachment-actions\"\n              >\n              </igc-chat-message-list>`}\n          ${hasSuggestions &&\n          this._chatState.suggestionsPosition === 'below-messages'\n            ? this.renderSuggestions()\n            : nothing}\n        </div>\n        <igc-chat-input\n          exportparts=\"\n              input-container,\n              input-wrapper,\n              attachments: input-attachments-container,\n              attachments-wrapper: input-attachment,\n              attachment-name: input-attachment-name,\n              text-input,\n              buttons-container: input-buttons-container,\n              upload-button,\n              send-button\"\n        >\n        </igc-chat-input>\n        ${hasSuggestions &&\n        this._chatState.suggestionsPosition === 'below-input'\n          ? this.renderSuggestions()\n          : nothing}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    /** The `<igc-chat>` custom element. */\n    'igc-chat': IgcChatComponent;\n  }\n}\n"]}