igniteui-webcomponents 6.1.2 → 6.3.0-alpha.0

package/components/chat/message-attachments.js

@@ -0,0 +1,127 @@
+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 { property } from 'lit/decorators.js';
+import IgcIconButtonComponent from '../button/icon-button.js';
+import { chatContext } from '../common/context.js';
+import { registerComponent } from '../common/definitions/register.js';
+import IgcExpansionPanelComponent from '../expansion-panel/expansion-panel.js';
+import IgcIconComponent from '../icon/icon.js';
+import { registerIconFromText } from '../icon/icon.registry.js';
+import { styles } from './themes/message-attachments.base.css.js';
+import { styles as shared } from './themes/shared/message-attachments.common.css.js';
+import { closeIcon, fileIcon, imageIcon, moreIcon, previewIcon, } from './types.js';
+class IgcMessageAttachmentsComponent extends LitElement {
+    static register() {
+        registerComponent(IgcMessageAttachmentsComponent, IgcIconComponent, IgcIconButtonComponent, IgcExpansionPanelComponent);
+    }
+    constructor() {
+        super();
+        registerIconFromText('close', closeIcon, 'material');
+        registerIconFromText('file', fileIcon, 'material');
+        registerIconFromText('image', imageIcon, 'material');
+        registerIconFromText('preview', previewIcon, 'material');
+        registerIconFromText('more', moreIcon, 'material');
+    }
+    handleHeaderClick(attachment) {
+        this._chatState?.emitEvent('igcAttachmentClick', { detail: attachment });
+    }
+    getURL(attachment) {
+        if (attachment.url) {
+            return attachment.url;
+        }
+        if (attachment.file) {
+            return URL.createObjectURL(attachment.file);
+        }
+        return '';
+    }
+    defaulAttachmentContent(attachment) {
+        return html `${attachment.type === 'image' ||
+            attachment.file?.type.startsWith('image/')
+            ? html `<img
+          part="image-attachment"
+          src=${this.getURL(attachment)}
+          alt=${attachment.name}
+        />`
+            : nothing}`;
+    }
+    renderAttachmentHeaderText(attachment) {
+        return html `<div part="details">
+      ${this._chatState?.options?.templates?.attachmentHeaderTemplate &&
+            this.message
+            ? this._chatState.options.templates.attachmentHeaderTemplate(this.message)
+            : html `${attachment.type === 'image' ||
+                attachment.file?.type.startsWith('image/')
+                ? html `<igc-icon
+                  name="image"
+                  collection="material"
+                  part="attachment-icon"
+                ></igc-icon>`
+                : html `<igc-icon
+                  name="file"
+                  collection="material"
+                  part="attachment-icon"
+                ></igc-icon>`}
+            <span part="file-name">${attachment.name}</span> `}
+    </div>`;
+    }
+    renderAttachmentHeaderActions() {
+        return html `<div part="actions">
+      ${this._chatState?.options?.templates?.attachmentActionsTemplate &&
+            this.message
+            ? this._chatState.options.templates.attachmentActionsTemplate(this.message)
+            : nothing}
+    </div>`;
+    }
+    renderAttachmentContent(attachment) {
+        return html `<div part="attachment-content">
+      ${this._chatState?.options?.templates?.attachmentContentTemplate &&
+            this.message
+            ? this._chatState.options.templates.attachmentContentTemplate(this.message)
+            : this.defaulAttachmentContent(attachment)}
+    </div>`;
+    }
+    renderDefaultAttachmentsTemplate() {
+        return html `${this.message?.attachments?.map((attachment) => html `<div part="attachment">
+          <div
+            part="attachment-header"
+            role="button"
+            @click=${() => this.handleHeaderClick(attachment)}
+          >
+            ${this.renderAttachmentHeaderText(attachment)}
+            ${this.renderAttachmentHeaderActions()}
+          </div>
+
+          ${attachment.type === 'image' ||
+            attachment.file?.type.startsWith('image/') ||
+            this._chatState?.options?.templates?.attachmentContentTemplate
+            ? this.renderAttachmentContent(attachment)
+            : nothing}
+        </div>`)}`;
+    }
+    render() {
+        return html `
+      <div part="attachments-container">
+        ${this._chatState?.options?.templates?.attachmentTemplate &&
+            this.message
+            ? this._chatState.options.templates.attachmentTemplate(this.message)
+            : this.renderDefaultAttachmentsTemplate()}
+      </div>
+    `;
+    }
+}
+IgcMessageAttachmentsComponent.tagName = 'igc-message-attachments';
+IgcMessageAttachmentsComponent.styles = [styles, shared];
+export default IgcMessageAttachmentsComponent;
+__decorate([
+    consume({ context: chatContext, subscribe: true })
+], IgcMessageAttachmentsComponent.prototype, "_chatState", void 0);
+__decorate([
+    property({ attribute: false })
+], IgcMessageAttachmentsComponent.prototype, "message", void 0);
+//# sourceMappingURL=message-attachments.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"message-attachments.js","sourceRoot":"","sources":["../../../src/components/chat/message-attachments.ts"],"names":[],"mappings":"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","sourcesContent":["import { consume } from '@lit/context';\nimport { html, LitElement, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport IgcIconButtonComponent from '../button/icon-button.js';\nimport { chatContext } from '../common/context.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport IgcExpansionPanelComponent from '../expansion-panel/expansion-panel.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport { registerIconFromText } from '../icon/icon.registry.js';\nimport type { ChatState } from './chat-state.js';\nimport { styles } from './themes/message-attachments.base.css.js';\nimport { styles as shared } from './themes/shared/message-attachments.common.css.js';\nimport {\n  closeIcon,\n  fileIcon,\n  type IgcMessage,\n  type IgcMessageAttachment,\n  imageIcon,\n  moreIcon,\n  previewIcon,\n} from './types.js';\n\n/**\n * A component that renders message attachments within a chat.\n *\n * Displays attachments such as images or files, supporting custom templates\n * and default rendering using expansion panels.\n *\n * @element igc-message-attachments\n *\n * @csspart attachments-container - Container wrapping all attachments.\n * @csspart attachment - Wrapper for a single attachment.\n * @csspart attachment-header - Wrapper for a single attachment header.\n * @csspart attachments-content - Part representing the attachment preview.\n * @csspart attachment-icon - Icon part representing the attachment type.\n * @csspart file-name - Part representing the attachment's file name.\n * @csspart actions - Container for header action buttons.\n * @csspart image-attachment - Part for the image element inside an image attachment.\n *\n * @fires igcAttachmentClick - Fired when an attachment header is toggled (clicked).\n */\nexport default class IgcMessageAttachmentsComponent extends LitElement {\n  public static readonly tagName = 'igc-message-attachments';\n\n  public static override styles = [styles, shared];\n\n  @consume({ context: chatContext, subscribe: true })\n  private _chatState?: ChatState;\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(\n      IgcMessageAttachmentsComponent,\n      IgcIconComponent,\n      IgcIconButtonComponent,\n      IgcExpansionPanelComponent\n    );\n  }\n\n  /**\n   * The array of attachments to render.\n   */\n  @property({ attribute: false })\n  message: IgcMessage | undefined;\n\n  constructor() {\n    super();\n    registerIconFromText('close', closeIcon, 'material');\n    registerIconFromText('file', fileIcon, 'material');\n    registerIconFromText('image', imageIcon, 'material');\n    registerIconFromText('preview', previewIcon, 'material');\n    registerIconFromText('more', moreIcon, 'material');\n  }\n\n  private handleHeaderClick(attachment: IgcMessageAttachment) {\n    this._chatState?.emitEvent('igcAttachmentClick', { detail: attachment });\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 defaulAttachmentContent(attachment: IgcMessageAttachment) {\n    return html`${attachment.type === 'image' ||\n    attachment.file?.type.startsWith('image/')\n      ? html`<img\n          part=\"image-attachment\"\n          src=${this.getURL(attachment)}\n          alt=${attachment.name}\n        />`\n      : nothing}`;\n  }\n\n  private renderAttachmentHeaderText(attachment: IgcMessageAttachment) {\n    return html`<div part=\"details\">\n      ${this._chatState?.options?.templates?.attachmentHeaderTemplate &&\n      this.message\n        ? this._chatState.options.templates.attachmentHeaderTemplate(\n            this.message\n          )\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            <span part=\"file-name\">${attachment.name}</span> `}\n    </div>`;\n  }\n\n  private renderAttachmentHeaderActions() {\n    return html`<div part=\"actions\">\n      ${this._chatState?.options?.templates?.attachmentActionsTemplate &&\n      this.message\n        ? this._chatState.options.templates.attachmentActionsTemplate(\n            this.message\n          )\n        : nothing}\n    </div>`;\n  }\n\n  private renderAttachmentContent(attachment: IgcMessageAttachment) {\n    return html`<div part=\"attachment-content\">\n      ${this._chatState?.options?.templates?.attachmentContentTemplate &&\n      this.message\n        ? this._chatState.options.templates.attachmentContentTemplate(\n            this.message\n          )\n        : this.defaulAttachmentContent(attachment)}\n    </div>`;\n  }\n\n  private renderDefaultAttachmentsTemplate() {\n    return html`${this.message?.attachments?.map(\n      (attachment) =>\n        html`<div part=\"attachment\">\n          <div\n            part=\"attachment-header\"\n            role=\"button\"\n            @click=${() => this.handleHeaderClick(attachment)}\n          >\n            ${this.renderAttachmentHeaderText(attachment)}\n            ${this.renderAttachmentHeaderActions()}\n          </div>\n\n          ${attachment.type === 'image' ||\n          attachment.file?.type.startsWith('image/') ||\n          this._chatState?.options?.templates?.attachmentContentTemplate\n            ? this.renderAttachmentContent(attachment)\n            : nothing}\n        </div>`\n    )}`;\n  }\n\n  protected override render() {\n    return html`\n      <div part=\"attachments-container\">\n        ${this._chatState?.options?.templates?.attachmentTemplate &&\n        this.message\n          ? this._chatState.options.templates.attachmentTemplate(this.message)\n          : this.renderDefaultAttachmentsTemplate()}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-message-attachments': IgcMessageAttachmentsComponent;\n  }\n}\n"]}

package/components/chat/themes/chat.base.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/chat/themes/chat.base.css.js

@@ -0,0 +1,3 @@
+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{width:100%;height:600px;overflow:hidden;box-shadow:var(--ig-elevation-4);display:flex;flex-direction:column}[part=chat-container]{display:flex;flex-direction:column;align-items:center;height:100%;gap:2.5rem}igc-chat-message-list,[part=empty-state],[part=suggestions-container]{max-width:47.5rem;width:100%}[part=suggestions-header]{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom);margin:0}[part=empty-state]{height:100%}[part=header]{display:flex;align-items:center;justify-content:space-between;padding:1rem .8125rem;gap:1rem;box-shadow:var(--ig-elevation-4);width:100%}[part=title]{font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom);margin:0}[part=suggestions-container]{display:flex;flex-direction:column;gap:.75rem}[part=suggestions-container] igc-chip{--ig-size: 3;width:-moz-fit-content;width:fit-content}`;
+//# sourceMappingURL=chat.base.css.js.map

package/components/chat/themes/chat.base.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat.base.css.js","sourceRoot":"","sources":["../../../../src/components/chat/themes/chat.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,w7EAAw7E,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{width:100%;height:600px;overflow:hidden;box-shadow:var(--ig-elevation-4);display:flex;flex-direction:column}[part=chat-container]{display:flex;flex-direction:column;align-items:center;height:100%;gap:2.5rem}igc-chat-message-list,[part=empty-state],[part=suggestions-container]{max-width:47.5rem;width:100%}[part=suggestions-header]{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom);margin:0}[part=empty-state]{height:100%}[part=header]{display:flex;align-items:center;justify-content:space-between;padding:1rem .8125rem;gap:1rem;box-shadow:var(--ig-elevation-4);width:100%}[part=title]{font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom);margin:0}[part=suggestions-container]{display:flex;flex-direction:column;gap:.75rem}[part=suggestions-container] igc-chip{--ig-size: 3;width:-moz-fit-content;width:fit-content}`;\n"]}

package/components/chat/themes/dark/chat.bootstrap.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/chat/themes/dark/chat.bootstrap.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--ig-theme: bootstrap}`;
+//# sourceMappingURL=chat.bootstrap.css.js.map

package/components/chat/themes/dark/chat.bootstrap.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/chat/themes/dark/chat.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8BAA8B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ig-theme: bootstrap}`;\n"]}

package/components/chat/themes/dark/chat.fluent.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/chat/themes/dark/chat.fluent.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--ig-theme: fluent}`;
+//# sourceMappingURL=chat.fluent.css.js.map

package/components/chat/themes/dark/chat.fluent.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/chat/themes/dark/chat.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2BAA2B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ig-theme: fluent}`;\n"]}

package/components/chat/themes/dark/chat.indigo.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/chat/themes/dark/chat.indigo.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--header-color: var(--ig-chat-header-color, var(--ig-gray-800));--header-border: var(--ig-chat-header-border, var(--ig-primary-500));--message-focus-color: var(--ig-chat-message-focus-color, var(--ig-primary-400));--progress-indicator-color: var(--ig-chat-progress-indicator-color, var(--ig-info-500));--ig-theme: indigo}`;
+//# sourceMappingURL=chat.indigo.css.js.map

package/components/chat/themes/dark/chat.indigo.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/chat/themes/dark/chat.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yUAAyU,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--header-color: var(--ig-chat-header-color, var(--ig-gray-800));--header-border: var(--ig-chat-header-border, var(--ig-primary-500));--message-focus-color: var(--ig-chat-message-focus-color, var(--ig-primary-400));--progress-indicator-color: var(--ig-chat-progress-indicator-color, var(--ig-info-500));--ig-theme: indigo}`;\n"]}

package/components/chat/themes/dark/chat.material.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/chat/themes/dark/chat.material.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--ig-theme: material}`;
+//# sourceMappingURL=chat.material.css.js.map

package/components/chat/themes/dark/chat.material.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat.material.css.js","sourceRoot":"","sources":["../../../../../src/components/chat/themes/dark/chat.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6BAA6B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ig-theme: material}`;\n"]}

package/components/chat/themes/input.base.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/chat/themes/input.base.css.js

@@ -0,0 +1,3 @@
+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:flex;align-items:center;width:100%;padding-block:1rem;justify-content:center}[part~=input-container]{display:flex;flex-direction:column;max-width:47.5rem;width:100%;margin-inline:1rem;gap:.5rem}[part=buttons-container]{display:flex;align-items:center}[part=send-button]{margin-inline-start:auto}[part=attachments]{display:flex;gap:.5rem}igc-textarea::part(input){max-height:13.5rem;overflow-y:auto}igc-file-input{width:-moz-fit-content;width:fit-content;margin-inline-end:auto}igc-file-input::part(file-names),igc-file-input::part(start),igc-file-input::part(end){display:none}igc-file-input::part(container){background:rgba(0,0,0,0);border:none}igc-file-input::part(container)::after{display:none}`;
+//# sourceMappingURL=input.base.css.js.map

package/components/chat/themes/input.base.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.base.css.js","sourceRoot":"","sources":["../../../../src/components/chat/themes/input.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kpDAAkpD,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:flex;align-items:center;width:100%;padding-block:1rem;justify-content:center}[part~=input-container]{display:flex;flex-direction:column;max-width:47.5rem;width:100%;margin-inline:1rem;gap:.5rem}[part=buttons-container]{display:flex;align-items:center}[part=send-button]{margin-inline-start:auto}[part=attachments]{display:flex;gap:.5rem}igc-textarea::part(input){max-height:13.5rem;overflow-y:auto}igc-file-input{width:-moz-fit-content;width:fit-content;margin-inline-end:auto}igc-file-input::part(file-names),igc-file-input::part(start),igc-file-input::part(end){display:none}igc-file-input::part(container){background:rgba(0,0,0,0);border:none}igc-file-input::part(container)::after{display:none}`;\n"]}

package/components/chat/themes/input.d.ts

@@ -0,0 +1,2 @@
+import type { Themes } from '../../../theming/types.js';
+export declare const all: Themes;

package/components/chat/themes/input.js

@@ -0,0 +1,35 @@
+import { css } from 'lit';
+import { styles as bootstrap } from './shared/input/input.bootstrap.css.js';
+import { styles as fluent } from './shared/input/input.fluent.css.js';
+import { styles as indigo } from './shared/input/input.indigo.css.js';
+import { styles as material } from './shared/input/input.material.css.js';
+const light = {
+    bootstrap: css `
+    ${bootstrap}
+  `,
+    fluent: css `
+    ${fluent}
+  `,
+    indigo: css `
+    ${indigo}
+  `,
+    material: css `
+    ${material}
+  `,
+};
+const dark = {
+    bootstrap: css `
+    ${bootstrap}
+  `,
+    fluent: css `
+    ${fluent}
+  `,
+    indigo: css `
+    ${indigo}
+  `,
+    material: css `
+    ${material}
+  `,
+};
+export const all = { light, dark };
+//# sourceMappingURL=input.js.map

package/components/chat/themes/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../../src/components/chat/themes/input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,oCAAoC,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,oCAAoC,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AAE1E,MAAM,KAAK,GAAG;IACZ,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;GACZ;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ;GACX;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;GACZ;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ;GACX;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '../../../theming/types.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/input/input.bootstrap.css.js';\nimport { styles as fluent } from './shared/input/input.fluent.css.js';\nimport { styles as indigo } from './shared/input/input.indigo.css.js';\nimport { styles as material } from './shared/input/input.material.css.js';\n\nconst light = {\n  bootstrap: css`\n    ${bootstrap}\n  `,\n  fluent: css`\n    ${fluent}\n  `,\n  indigo: css`\n    ${indigo}\n  `,\n  material: css`\n    ${material}\n  `,\n};\n\nconst dark = {\n  bootstrap: css`\n    ${bootstrap}\n  `,\n  fluent: css`\n    ${fluent}\n  `,\n  indigo: css`\n    ${indigo}\n  `,\n  material: css`\n    ${material}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}

package/components/chat/themes/light/chat.bootstrap.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/chat/themes/light/chat.bootstrap.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--focused-border-color: var(--ig-chat-focused-border-color, var(--ig-primary-500));--focused-secondary-color: var(--ig-chat-focused-secondary-color, hsl(from var(--ig-primary-500) h s l/0.38));--ig-theme: bootstrap}`;
+//# sourceMappingURL=chat.bootstrap.css.js.map

package/components/chat/themes/light/chat.bootstrap.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/chat/themes/light/chat.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+NAA+N,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--focused-border-color: var(--ig-chat-focused-border-color, var(--ig-primary-500));--focused-secondary-color: var(--ig-chat-focused-secondary-color, hsl(from var(--ig-primary-500) h s l/0.38));--ig-theme: bootstrap}`;\n"]}

package/components/chat/themes/light/chat.fluent.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/chat/themes/light/chat.fluent.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--focused-border-color: var(--ig-chat-focused-border-color, var(--ig-primary-500));--ig-theme: fluent}`;
+//# sourceMappingURL=chat.fluent.css.js.map

package/components/chat/themes/light/chat.fluent.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/chat/themes/light/chat.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8GAA8G,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--focused-border-color: var(--ig-chat-focused-border-color, var(--ig-primary-500));--ig-theme: fluent}`;\n"]}

package/components/chat/themes/light/chat.indigo.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/chat/themes/light/chat.indigo.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--header-color: var(--ig-chat-header-color, var(--ig-gray-800));--header-border: var(--ig-chat-header-border, var(--ig-primary-500));--message-focus-color: var(--ig-chat-message-focus-color, var(--ig-primary-400));--progress-indicator-color: var(--ig-chat-progress-indicator-color, var(--ig-info-500));--box-background-hover: var(--ig-chat-box-background-hover, hsl(from var(--ig-gray-900) h s l/0.05));--focused-bottom-line-color: var(--ig-chat-focused-bottom-line-color, var(--ig-primary-400));--focused-text-color: var(--ig-chat-focused-text-color, var(--ig-gray-900));--ig-theme: indigo}`;
+//# sourceMappingURL=chat.indigo.css.js.map

package/components/chat/themes/light/chat.indigo.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/chat/themes/light/chat.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ulBAAulB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--header-color: var(--ig-chat-header-color, var(--ig-gray-800));--header-border: var(--ig-chat-header-border, var(--ig-primary-500));--message-focus-color: var(--ig-chat-message-focus-color, var(--ig-primary-400));--progress-indicator-color: var(--ig-chat-progress-indicator-color, var(--ig-info-500));--box-background-hover: var(--ig-chat-box-background-hover, hsl(from var(--ig-gray-900) h s l/0.05));--focused-bottom-line-color: var(--ig-chat-focused-bottom-line-color, var(--ig-primary-400));--focused-text-color: var(--ig-chat-focused-text-color, var(--ig-gray-900));--ig-theme: indigo}`;\n"]}

package/components/chat/themes/light/chat.material.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/chat/themes/light/chat.material.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--box-background-focus: var(--ig-chat-box-background-focus, var(--ig-gray-300));--focused-bottom-line-color: var(--ig-chat-focused-bottom-line-color, var(--ig-primary-500));--ig-theme: material}`;
+//# sourceMappingURL=chat.material.css.js.map

package/components/chat/themes/light/chat.material.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat.material.css.js","sourceRoot":"","sources":["../../../../../src/components/chat/themes/light/chat.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0MAA0M,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--box-background-focus: var(--ig-chat-box-background-focus, var(--ig-gray-300));--focused-bottom-line-color: var(--ig-chat-focused-bottom-line-color, var(--ig-primary-500));--ig-theme: material}`;\n"]}

package/components/chat/themes/light/chat.shared.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/chat/themes/light/chat.shared.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--background: var(--ig-chat-background, var(--ig-surface-500));--header-background: var(--ig-chat-header-background, var(--ig-surface-500));--header-color: var(--ig-chat-header-color, var(--ig-surface-500-contrast));--header-border: var(--ig-chat-header-border, var(--ig-transparent-500));--message-background: var(--ig-chat-message-background, var(--ig-gray-200));--message-focus-color: var(--ig-chat-message-focus-color, var(--ig-gray-300));--message-color: var(--ig-chat-message-color, var(--ig-gray-800));--image-background: var(--ig-chat-image-background, var(--ig-gray-100));--image-border: var(--ig-chat-image-border, var(--ig-gray-300));--chat-input-border: var(--ig-chat-chat-input-border, var(--ig-gray-300));--progress-indicator-color: var(--ig-chat-progress-indicator-color, var(--ig-secondary-500))}`;
+//# sourceMappingURL=chat.shared.css.js.map

package/components/chat/themes/light/chat.shared.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/chat/themes/light/chat.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ozBAAozB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-chat-background, var(--ig-surface-500));--header-background: var(--ig-chat-header-background, var(--ig-surface-500));--header-color: var(--ig-chat-header-color, var(--ig-surface-500-contrast));--header-border: var(--ig-chat-header-border, var(--ig-transparent-500));--message-background: var(--ig-chat-message-background, var(--ig-gray-200));--message-focus-color: var(--ig-chat-message-focus-color, var(--ig-gray-300));--message-color: var(--ig-chat-message-color, var(--ig-gray-800));--image-background: var(--ig-chat-image-background, var(--ig-gray-100));--image-border: var(--ig-chat-image-border, var(--ig-gray-300));--chat-input-border: var(--ig-chat-chat-input-border, var(--ig-gray-300));--progress-indicator-color: var(--ig-chat-progress-indicator-color, var(--ig-secondary-500))}`;\n"]}

package/components/chat/themes/message-attachments.base.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

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

@@ -0,0 +1,3 @@
+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}[part=attachments-container]{display:flex;flex-wrap:wrap;gap:1rem}[part=attachment]{flex:1 1;border-radius:.25rem;overflow:hidden;min-width:5rem;max-width:25rem}[part=attachment-header]{padding:.5rem .75rem .5rem 1rem;border-top-left-radius:inherit;border-top-right-radius:inherit}[part=attachment-content]{display:flex;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;max-height:15rem;overflow:hidden}[part=image-attachment]{width:100%;height:100%;border-radius:inherit;-o-object-fit:cover;object-fit:cover}[part=details]{display:flex;align-items:center;gap:.5rem}[part=file-name]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}`;
+//# sourceMappingURL=message-attachments.base.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"message-attachments.base.css.js","sourceRoot":"","sources":["../../../../src/components/chat/themes/message-attachments.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2gEAA2gE,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}[part=attachments-container]{display:flex;flex-wrap:wrap;gap:1rem}[part=attachment]{flex:1 1;border-radius:.25rem;overflow:hidden;min-width:5rem;max-width:25rem}[part=attachment-header]{padding:.5rem .75rem .5rem 1rem;border-top-left-radius:inherit;border-top-right-radius:inherit}[part=attachment-content]{display:flex;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;max-height:15rem;overflow:hidden}[part=image-attachment]{width:100%;height:100%;border-radius:inherit;-o-object-fit:cover;object-fit:cover}[part=details]{display:flex;align-items:center;gap:.5rem}[part=file-name]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}`;\n"]}

package/components/chat/themes/message-list.base.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

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

@@ -0,0 +1,3 @@
+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;overflow-y:auto;flex:1;scrollbar-width:none;padding-block-start:1rem}:host(::-webkit-scrollbar){display:none}[part=message-list]{display:flex;flex-direction:column;gap:1.5rem}[part=typing-indicator]{position:relative}[part=typing-dot]{content:"";animation:blink 1.5s infinite;animation-fill-mode:both;height:.5rem;width:.5rem;position:absolute;inset:0;border-radius:50%}[part=typing-dot]:nth-child(2){animation-delay:.2s;margin-left:.75rem}[part=typing-dot]:nth-child(3){animation-delay:.4s;margin-left:1.5rem}@keyframes blink{0%{opacity:.1}20%{opacity:1}100%{opacity:.1}}`;
+//# sourceMappingURL=message-list.base.css.js.map

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

@@ -0,0 +1 @@
+{"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,0hDAA0hD,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;overflow-y:auto;flex:1;scrollbar-width:none;padding-block-start:1rem}:host(::-webkit-scrollbar){display:none}[part=message-list]{display:flex;flex-direction:column;gap:1.5rem}[part=typing-indicator]{position:relative}[part=typing-dot]{content:\"\";animation:blink 1.5s infinite;animation-fill-mode:both;height:.5rem;width:.5rem;position:absolute;inset:0;border-radius:50%}[part=typing-dot]:nth-child(2){animation-delay:.2s;margin-left:.75rem}[part=typing-dot]:nth-child(3){animation-delay:.4s;margin-left:1.5rem}@keyframes blink{0%{opacity:.1}20%{opacity:1}100%{opacity:.1}}`;\n"]}

package/components/chat/themes/message.base.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

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

@@ -0,0 +1,3 @@
+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}[part~=message-container]{display:flex;justify-content:flex-start;align-items:flex-end;margin-inline-end:auto;max-width:36rem}[part~=sent]{margin-inline-start:auto;margin-inline-end:unset;padding:.75rem 1rem;border-radius:1.5rem 1.5rem 0}[part~=bubble]{display:flex;flex-direction:column;gap:1rem;width:100%;font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);margin:0}[part~=bubble] p{margin:0;padding:0}`;
+//# sourceMappingURL=message.base.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"message.base.css.js","sourceRoot":"","sources":["../../../../src/components/chat/themes/message.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2rDAA2rD,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}[part~=message-container]{display:flex;justify-content:flex-start;align-items:flex-end;margin-inline-end:auto;max-width:36rem}[part~=sent]{margin-inline-start:auto;margin-inline-end:unset;padding:.75rem 1rem;border-radius:1.5rem 1.5rem 0}[part~=bubble]{display:flex;flex-direction:column;gap:1rem;width:100%;font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);margin:0}[part~=bubble] p{margin:0;padding:0}`;\n"]}

package/components/chat/themes/shared/chat-message.common.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

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

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host([part~=active])::part(message-container){box-shadow:inset 0 0 0 .0625rem var(--message-color)}[part~=sent]{background:var(--message-background)}[part~=bubble]{color:var(--message-color)}`;
+//# sourceMappingURL=chat-message.common.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chat-message.common.css.js","sourceRoot":"","sources":["../../../../../src/components/chat/themes/shared/chat-message.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kMAAkM,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([part~=active])::part(message-container){box-shadow:inset 0 0 0 .0625rem var(--message-color)}[part~=sent]{background:var(--message-background)}[part~=bubble]{color:var(--message-color)}`;\n"]}

package/components/chat/themes/shared/chat.common.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/chat/themes/shared/chat.common.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{background:var(--background)}[part=header]{background:var(--header-background);color:var(--header-color)}`;
+//# sourceMappingURL=chat.common.css.js.map

package/components/chat/themes/shared/chat.common.css.js.map

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

package/components/chat/themes/shared/input/input.bootstrap.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/chat/themes/shared/input/input.bootstrap.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `[part~=dragging] igc-textarea::part(input){border:.0625rem solid var(--focused-border-color);box-shadow:0 0 0 .25rem var(--focused-secondary-color)}`;
+//# sourceMappingURL=input.bootstrap.css.js.map

package/components/chat/themes/shared/input/input.bootstrap.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/chat/themes/shared/input/input.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,sJAAsJ,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=dragging] igc-textarea::part(input){border:.0625rem solid var(--focused-border-color);box-shadow:0 0 0 .25rem var(--focused-secondary-color)}`;\n"]}

package/components/chat/themes/shared/input/input.common.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/chat/themes/shared/input/input.common.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{border-block-start:.0625rem solid var(--ig-gray-300)}`;
+//# sourceMappingURL=input.common.css.js.map

package/components/chat/themes/shared/input/input.common.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/chat/themes/shared/input/input.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6DAA6D,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{border-block-start:.0625rem solid var(--ig-gray-300)}`;\n"]}

package/components/chat/themes/shared/input/input.fluent.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/chat/themes/shared/input/input.fluent.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `[part~=dragging] igc-textarea::part(container)::before{box-shadow:inset 0 0 0 .125rem var(--focused-border-color)}`;
+//# sourceMappingURL=input.fluent.css.js.map

package/components/chat/themes/shared/input/input.fluent.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/chat/themes/shared/input/input.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,oHAAoH,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=dragging] igc-textarea::part(container)::before{box-shadow:inset 0 0 0 .125rem var(--focused-border-color)}`;\n"]}

package/components/chat/themes/shared/input/input.indigo.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/chat/themes/shared/input/input.indigo.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `[part~=dragging] igc-textarea::part(container){background:var(--box-background-hover)}[part~=dragging] igc-textarea::part(container)::after{border-block-end-color:var(--focused-bottom-line-color)}[part~=dragging] igc-textarea::part(input){color:var(--focused-text-color)}`;
+//# sourceMappingURL=input.indigo.css.js.map

package/components/chat/themes/shared/input/input.indigo.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/chat/themes/shared/input/input.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,iRAAiR,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=dragging] igc-textarea::part(container){background:var(--box-background-hover)}[part~=dragging] igc-textarea::part(container)::after{border-block-end-color:var(--focused-bottom-line-color)}[part~=dragging] igc-textarea::part(input){color:var(--focused-text-color)}`;\n"]}

package/components/chat/themes/shared/input/input.material.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/chat/themes/shared/input/input.material.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `[part~=dragging] igc-textarea::part(container){background:var(--box-background-focus)}[part~=dragging] igc-textarea::part(container)::after{border-block-end:.125rem solid var(--focused-bottom-line-color)}`;
+//# sourceMappingURL=input.material.css.js.map

package/components/chat/themes/shared/input/input.material.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/chat/themes/shared/input/input.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8MAA8M,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=dragging] igc-textarea::part(container){background:var(--box-background-focus)}[part~=dragging] igc-textarea::part(container)::after{border-block-end:.125rem solid var(--focused-bottom-line-color)}`;\n"]}

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

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

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

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

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

@@ -0,0 +1 @@
+{"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,0NAA0N,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=attachment-header]{background:var(--image-background);border:.0625rem solid var(--image-border);border-block-end:none}[part=attachment-content]{border:.0625rem solid var(--image-border);border-block-start:none}`;\n"]}

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

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

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

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

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

@@ -0,0 +1 @@
+{"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,kDAAkD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=typing-dot]{background:var(--ig-gray-600)}`;\n"]}

package/components/chat/themes/themes.d.ts

@@ -0,0 +1,2 @@
+import type { Themes } from '../../../theming/types.js';
+export declare const all: Themes;

package/components/chat/themes/themes.js

@@ -0,0 +1,46 @@
+import { css } from 'lit';
+import { styles as bootstrapDark } from './dark/chat.bootstrap.css.js';
+import { styles as fluentDark } from './dark/chat.fluent.css.js';
+import { styles as indigoDark } from './dark/chat.indigo.css.js';
+import { styles as materialDark } from './dark/chat.material.css.js';
+import { styles as bootstrapLight } from './light/chat.bootstrap.css.js';
+import { styles as fluentLight } from './light/chat.fluent.css.js';
+import { styles as indigoLight } from './light/chat.indigo.css.js';
+import { styles as materialLight } from './light/chat.material.css.js';
+import { styles as shared } from './light/chat.shared.css.js';
+const light = {
+    shared: css `
+    ${shared}
+  `,
+    bootstrap: css `
+    ${bootstrapLight}
+  `,
+    material: css `
+    ${materialLight}
+  `,
+    fluent: css `
+    ${fluentLight}
+  `,
+    indigo: css `
+    ${indigoLight}
+  `,
+};
+const dark = {
+    shared: css `
+    ${shared}
+  `,
+    bootstrap: css `
+    ${bootstrapDark}
+  `,
+    material: css `
+    ${materialDark}
+  `,
+    fluent: css `
+    ${fluentDark}
+  `,
+    indigo: css `
+    ${indigoDark}
+  `,
+};
+export const all = { light, dark };
+//# sourceMappingURL=themes.js.map