igniteui-webcomponents 6.2.0 → 6.3.0-alpha.0

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../src/components/chat/themes/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAErE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAE9D,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,cAAc;GACjB;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,aAAa;GAChB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,WAAW;GACd;IACD,MAAM,EAAE,GAAG,CAAA;MACP,WAAW;GACd;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,aAAa;GAChB;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,YAAY;GACf;IACD,MAAM,EAAE,GAAG,CAAA;MACP,UAAU;GACb;IACD,MAAM,EAAE,GAAG,CAAA;MACP,UAAU;GACb;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// Dark Overrides\nimport { styles as bootstrapDark } from './dark/chat.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/chat.fluent.css.js';\nimport { styles as indigoDark } from './dark/chat.indigo.css.js';\nimport { styles as materialDark } from './dark/chat.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/chat.bootstrap.css.js';\nimport { styles as fluentLight } from './light/chat.fluent.css.js';\nimport { styles as indigoLight } from './light/chat.indigo.css.js';\nimport { styles as materialLight } from './light/chat.material.css.js';\nimport { styles as shared } from './light/chat.shared.css.js';\n\nconst light = {\n  shared: css`\n    ${shared}\n  `,\n  bootstrap: css`\n    ${bootstrapLight}\n  `,\n  material: css`\n    ${materialLight}\n  `,\n  fluent: css`\n    ${fluentLight}\n  `,\n  indigo: css`\n    ${indigoLight}\n  `,\n};\n\nconst dark = {\n  shared: css`\n    ${shared}\n  `,\n  bootstrap: css`\n    ${bootstrapDark}\n  `,\n  material: css`\n    ${materialDark}\n  `,\n  fluent: css`\n    ${fluentDark}\n  `,\n  indigo: css`\n    ${indigoDark}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}

package/components/chat/types.d.ts

@@ -0,0 +1,190 @@
+import type { TemplateResult } from 'lit';
+/**
+ * Represents a single chat message in the conversation.
+ */
+export interface IgcMessage {
+    /**
+     * A unique identifier for the message.
+     */
+    id: string;
+    /**
+     * The textual content of the message.
+     */
+    text: string;
+    /**
+     * The identifier or name of the sender of the message.
+     */
+    sender: string;
+    /**
+     * The timestamp indicating when the message was sent.
+     */
+    timestamp: Date;
+    /**
+     * Optional list of attachments associated with the message,
+     * such as images, files, or links.
+     */
+    attachments?: IgcMessageAttachment[];
+}
+/**
+ * Represents an attachment associated with a chat message.
+ */
+export interface IgcMessageAttachment {
+    /**
+     * A unique identifier for the attachment.
+     */
+    id: string;
+    /**
+     * The display name of the attachment (e.g. file name).
+     */
+    name: string;
+    /**
+     * The URL from which the attachment can be downloaded or viewed.
+     * Typically used for attachments stored on a server or CDN.
+     */
+    url?: string;
+    /**
+     * The actual File object, if the attachment was provided locally (e.g. via upload).
+     */
+    file?: File;
+    /**
+     * The MIME type or a custom type identifier for the attachment (e.g. "image/png", "pdf", "audio").
+     */
+    type?: string;
+    /**
+     * Optional URL to a thumbnail preview of the attachment (e.g. for images or videos).
+     */
+    thumbnail?: string;
+}
+/**
+ * A function type used to render a group of attachments in a chat message.
+ *
+ * This allows consumers to customize how message attachments are displayed
+ * (e.g. rendering thumbnails, file icons, or download links).
+ *
+ * @param {IgcMessageAttachment[]} attachments - The list of attachments to render.
+ * @returns {unknown} A custom rendered representation of the attachments.
+ */
+export type AttachmentTemplate = (attachments: IgcMessageAttachment[]) => unknown;
+/**
+ * A function type used to render a single chat message.
+ *
+ * This allows consumers to fully customize the display of a message,
+ * including its text, sender info, timestamp, and any attachments.
+ *
+ * @param {IgcMessage} message - The chat message to render.
+ * @returns {unknown} A custom rendered representation of the message.
+ */
+export type MessageTemplate = (message: IgcMessage) => unknown;
+/**
+ * Configuration options for customizing the behavior and appearance of the chat component.
+ */
+export type IgcChatOptions = {
+    /**
+     * The ID of the current user. Used to differentiate between incoming and outgoing messages.
+     */
+    currentUserId?: string;
+    /**
+     * If `true`, prevents the chat from automatically scrolling to the latest message.
+     */
+    disableAutoScroll?: boolean;
+    /**
+     * If `true`, disables the ability to upload and send attachments.
+     * Defaults to `false`.
+     */
+    disableAttachments?: boolean;
+    /**
+     * Indicates whether the other user is currently typing or composing a message.
+     */
+    isComposing?: boolean;
+    /**
+     * The accepted files that could be attached.
+     * Defines the file types as a list of comma-separated values (e.g. "image/*,.pdf") that the file input should accept.
+     */
+    acceptedFiles?: string;
+    /**
+     * Optional header text to display at the top of the chat component.
+     */
+    headerText?: string;
+    /**
+     * Optional placeholder text for the chat input area.
+     * Provides a hint to the user about what they can type (e.g. "Type a message...").
+     */
+    inputPlaceholder?: string;
+    /**
+     * Suggested text snippets or quick replies that can be shown as user-selectable options.
+     */
+    suggestions?: string[];
+    /**
+     * Controls the position of the chat suggestions within the component layout.
+     *
+     * - `"below-input"`: Renders suggestions below the chat input area.
+     * - `"below-messages"`: Renders suggestions below the chat messages area.
+     *
+     * Default is `"below-messages"`.
+     */
+    suggestionsPosition?: 'below-input' | 'below-messages';
+    /**
+     * A set of template override functions used to customize rendering of messages, attachments, etc.
+     */
+    templates?: IgcChatTemplates;
+    markdownRenderer?: (text: string) => TemplateResult;
+};
+/**
+ * A collection of template functions used to customize different parts of the chat component.
+ * Each template allows you to override the rendering of a specific part of the component.
+ */
+export type IgcChatTemplates = {
+    /**
+     * Template for rendering an attachment in a message.
+     */
+    attachmentTemplate?: MessageTemplate;
+    /**
+     * Template for rendering a custom header above the attachment in a message.
+     */
+    attachmentHeaderTemplate?: MessageTemplate;
+    /**
+     * Template for rendering custom action buttons or controls related to an attachment
+     * (e.g. download, preview, delete).
+     */
+    attachmentActionsTemplate?: MessageTemplate;
+    /**
+     * Template for rendering the main content of an attachment, such as a thumbnail or file preview.
+     */
+    attachmentContentTemplate?: MessageTemplate;
+    /**
+     * Template for rendering a single chat message.
+     * Use this to customize message layout, formatting, or metadata.
+     */
+    messageTemplate?: MessageTemplate;
+    /**
+     * Template for rendering message-specific actions such as edit, delete, reply, etc.
+     */
+    messageActionsTemplate?: MessageTemplate;
+    /**
+     * Template used to show an indicator when the other user is typing (e.g. “User is typing...”).
+     */
+    composingIndicatorTemplate?: unknown;
+    /**
+     * Template for customizing the text input element (usually a `<textarea>` or `<input>`).
+     *
+     * @param text - The current value of the text input.
+     * @returns {unknown} A custom rendered representation of the text input.
+     */
+    textInputTemplate?: (text: string) => unknown;
+    /**
+     * Template for rendering additional controls in the message input area,
+     * such as send buttons, emoji pickers, or voice recorders.
+     */
+    textAreaActionsTemplate?: unknown;
+    /**
+     * Template for rendering attachments that are currently queued for sending (in the input area).
+     */
+    textAreaAttachmentsTemplate?: AttachmentTemplate;
+};
+export declare const attachmentIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\" fill=\"#e3e3e3\"><path d=\"M720-330q0 104-73 177T470-80q-104 0-177-73t-73-177v-370q0-75 52.5-127.5T400-880q75 0 127.5 52.5T580-700v350q0 46-32 78t-78 32q-46 0-78-32t-32-78v-370h80v370q0 13 8.5 21.5T470-320q13 0 21.5-8.5T500-350v-350q-1-42-29.5-71T400-800q-42 0-71 29t-29 71v370q-1 71 49 120.5T470-160q70 0 119-49.5T640-330v-390h80v390Z\"/></svg>";
+export declare const sendButtonIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\" fill=\"#e3e3e3\"><path d=\"M120-160v-640l760 320-760 320Zm80-120 474-200-474-200v140l240 60-240 60v140Zm0 0v-400 400Z\"/></svg>";
+export declare const closeIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\" fill=\"#e3e3e3\"><path d=\"m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z\"/></svg>";
+export declare const fileIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\" fill=\"#e3e3e3\"><path d=\"M240-80q-33 0-56.5-23.5T160-160v-640q0-33 23.5-56.5T240-880h320l240 240v480q0 33-23.5 56.5T720-80H240Zm280-520v-200H240v640h480v-440H520ZM240-800v200-200 640-640Z\"/></svg>";
+export declare const imageIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\" fill=\"#e3e3e3\"><path d=\"M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Zm40-80h480L570-480 450-320l-90-120-120 160Zm-40 80v-560 560Z\"/></svg>";
+export declare const moreIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\" fill=\"#e3e3e3\"><path d=\"M240-400q-33 0-56.5-23.5T160-480q0-33 23.5-56.5T240-560q33 0 56.5 23.5T320-480q0 33-23.5 56.5T240-400Zm240 0q-33 0-56.5-23.5T400-480q0-33 23.5-56.5T480-560q33 0 56.5 23.5T560-480q0 33-23.5 56.5T480-400Zm240 0q-33 0-56.5-23.5T640-480q0-33 23.5-56.5T720-560q33 0 56.5 23.5T800-480q0 33-23.5 56.5T720-400Z\"/></svg>";
+export declare const previewIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\" fill=\"#e3e3e3\"><path d=\"M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h280v80H200v560h560v-280h80v280q0 33-23.5 56.5T760-120H200Zm188-212-56-56 372-372H560v-80h280v280h-80v-144L388-332Z\"/></svg>";

package/components/chat/types.js

@@ -0,0 +1,8 @@
+export const attachmentIcon = '<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e3e3e3"><path d="M720-330q0 104-73 177T470-80q-104 0-177-73t-73-177v-370q0-75 52.5-127.5T400-880q75 0 127.5 52.5T580-700v350q0 46-32 78t-78 32q-46 0-78-32t-32-78v-370h80v370q0 13 8.5 21.5T470-320q13 0 21.5-8.5T500-350v-350q-1-42-29.5-71T400-800q-42 0-71 29t-29 71v370q-1 71 49 120.5T470-160q70 0 119-49.5T640-330v-390h80v390Z"/></svg>';
+export const sendButtonIcon = '<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e3e3e3"><path d="M120-160v-640l760 320-760 320Zm80-120 474-200-474-200v140l240 60-240 60v140Zm0 0v-400 400Z"/></svg>';
+export const closeIcon = '<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e3e3e3"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg>';
+export const fileIcon = '<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e3e3e3"><path d="M240-80q-33 0-56.5-23.5T160-160v-640q0-33 23.5-56.5T240-880h320l240 240v480q0 33-23.5 56.5T720-80H240Zm280-520v-200H240v640h480v-440H520ZM240-800v200-200 640-640Z"/></svg>';
+export const imageIcon = '<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e3e3e3"><path d="M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Zm40-80h480L570-480 450-320l-90-120-120 160Zm-40 80v-560 560Z"/></svg>';
+export const moreIcon = '<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e3e3e3"><path d="M240-400q-33 0-56.5-23.5T160-480q0-33 23.5-56.5T240-560q33 0 56.5 23.5T320-480q0 33-23.5 56.5T240-400Zm240 0q-33 0-56.5-23.5T400-480q0-33 23.5-56.5T480-560q33 0 56.5 23.5T560-480q0 33-23.5 56.5T480-400Zm240 0q-33 0-56.5-23.5T640-480q0-33 23.5-56.5T720-560q33 0 56.5 23.5T800-480q0 33-23.5 56.5T720-400Z"/></svg>';
+export const previewIcon = '<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e3e3e3"><path d="M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h280v80H200v560h560v-280h80v280q0 33-23.5 56.5T760-120H200Zm188-212-56-56 372-372H560v-80h280v280h-80v-144L388-332Z"/></svg>';
+//# sourceMappingURL=types.js.map