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

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

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

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

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `[part~=sent]{border-radius:.5rem}`;
+//# sourceMappingURL=chat-message.indigo.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chat-message.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/chat/themes/shared/chat-message/chat-message.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mCAAmC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=sent]{border-radius:.5rem}`;\n"]}

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

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

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

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host ::part(text-input){--textarea-height: 3.5rem}[part=header]{box-shadow:none;border-block-end:.0625rem solid var(--header-border)}igc-list{border:none}`;
+//# sourceMappingURL=chat.bootstrap.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chat.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/chat/themes/shared/chat.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6JAA6J,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host ::part(text-input){--textarea-height: 3.5rem}[part=header]{box-shadow:none;border-block-end:.0625rem solid var(--header-border)}igc-list{border:none}`;\n"]}

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

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

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

@@ -1 +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"]}
+{"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,qLAAqL,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)}[part=typing-dot]::after{background:var(--progress-indicator-color)}`;\n"]}

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

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

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

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host ::part(text-input){--textarea-height: 2rem}`;
+//# sourceMappingURL=chat.fluent.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chat.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/chat/themes/shared/chat.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mDAAmD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host ::part(text-input){--textarea-height: 2rem}`;\n"]}

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

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

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

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host ::part(text-input){--textarea-height: 1.75rem}[part=header]{box-shadow:none;border-block-end:.0625rem solid var(--header-border)}[part=title]{font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom);margin:0}igc-list{--ig-size: 2}`;
+//# sourceMappingURL=chat.indigo.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chat.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/chat/themes/shared/chat.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,iiBAAiiB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host ::part(text-input){--textarea-height: 1.75rem}[part=header]{box-shadow:none;border-block-end:.0625rem solid var(--header-border)}[part=title]{font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom);margin:0}igc-list{--ig-size: 2}`;\n"]}

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

@@ -1,3 +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)}`;
+export const styles = css `igc-textarea::part(input){max-height:10.375rem}[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

@@ -1 +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"]}
+{"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,qMAAqM,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`igc-textarea::part(input){max-height:10.375rem}[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.js

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

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

@@ -1 +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"]}
+{"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,yEAAyE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=input-container]{border:.0625rem solid var(--chat-input-border)}`;\n"]}

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

@@ -1,3 +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)}`;
+export const styles = css `igc-textarea::part(input){max-height:9rem}[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

@@ -1 +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"]}
+{"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,8JAA8J,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`igc-textarea::part(input){max-height:9rem}[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.js

@@ -1,3 +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)}`;
+export const styles = css `igc-textarea::part(input){max-height:8.75rem}[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)}[part=attachment-wrapper] igc-chip{--ig-size: 1}`;
 //# sourceMappingURL=input.indigo.css.js.map

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

@@ -1 +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"]}
+{"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,8WAA8W,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`igc-textarea::part(input){max-height:8.75rem}[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)}[part=attachment-wrapper] igc-chip{--ig-size: 1}`;\n"]}

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

@@ -1,3 +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)}`;
+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)}igc-textarea::part(input){margin-block-start:unset;padding-block:.75rem}`;
 //# sourceMappingURL=input.material.css.js.map

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

@@ -1 +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"]}
+{"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,sRAAsR,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)}igc-textarea::part(input){margin-block-start:unset;padding-block:.75rem}`;\n"]}

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

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

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

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

package/components/chat/themes/shared/message-attachments/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/message-attachments.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ieAAie,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=attachment-header],[part=attachment-content],[part=\"attachment-content sent\"]{border:.0625rem solid var(--image-border)}[part=attachment-header]{background:var(--image-background);border-block-end:none}[part~=attachment-content]{background:var(--file-background)}[part=attachment-content]{border-block-start:none}[part~=attachment-icon]{color:var(--image-attachment-icon)}[part=file-attachment]{--color: var(--file-icon-color);--accent-color: var(--file-icon-accent-color)}`;\n"]}

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

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

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

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `[part~=attachment-icon]{--ig-size: 2}`;
+//# sourceMappingURL=message-attachments.indigo.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"message-attachments.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/chat/themes/shared/message-attachments/message-attachments.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uCAAuC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=attachment-icon]{--ig-size: 2}`;\n"]}

package/components/chat/themes/themes.js

@@ -8,21 +8,24 @@ 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';
+import { styles as bootstrap } from './shared/chat.bootstrap.css.js';
+import { styles as fluent } from './shared/chat.fluent.css.js';
+import { styles as indigo } from './shared/chat.indigo.css.js';
 const light = {
     shared: css `
     ${shared}
   `,
     bootstrap: css `
-    ${bootstrapLight}
+    ${bootstrap} ${bootstrapLight}
   `,
     material: css `
     ${materialLight}
   `,
     fluent: css `
-    ${fluentLight}
+    ${fluent} ${fluentLight}
   `,
     indigo: css `
-    ${indigoLight}
+    ${indigo} ${indigoLight}
   `,
 };
 const dark = {
@@ -30,16 +33,16 @@ const dark = {
     ${shared}
   `,
     bootstrap: css `
-    ${bootstrapDark}
+    ${bootstrap} ${bootstrapDark}
   `,
     material: css `
     ${materialDark}
   `,
     fluent: css `
-    ${fluentDark}
+    ${fluent} ${fluentDark}
   `,
     indigo: css `
-    ${indigoDark}
+    ${indigo} ${indigoDark}
   `,
 };
 export const all = { light, dark };

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

@@ -1 +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"]}
+{"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;AAEvE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAE/D,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,aAAa;GAChB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,YAAY;GACf;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;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';\n// Shared Styles\nimport { styles as shared } from './light/chat.shared.css.js';\nimport { styles as bootstrap } from './shared/chat.bootstrap.css.js';\nimport { styles as fluent } from './shared/chat.fluent.css.js';\nimport { styles as indigo } from './shared/chat.indigo.css.js';\n\nconst light = {\n  shared: css`\n    ${shared}\n  `,\n  bootstrap: css`\n    ${bootstrap} ${bootstrapLight}\n  `,\n  material: css`\n    ${materialLight}\n  `,\n  fluent: css`\n    ${fluent} ${fluentLight}\n  `,\n  indigo: css`\n    ${indigo} ${indigoLight}\n  `,\n};\n\nconst dark = {\n  shared: css`\n    ${shared}\n  `,\n  bootstrap: css`\n    ${bootstrap} ${bootstrapDark}\n  `,\n  material: css`\n    ${materialDark}\n  `,\n  fluent: css`\n    ${fluent} ${fluentDark}\n  `,\n  indigo: css`\n    ${indigo} ${indigoDark}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}

package/components/chat/types.d.ts

@@ -1,4 +1,3 @@
-import type { TemplateResult } from 'lit';
 /**
  * Represents a single chat message in the conversation.
  */
@@ -24,6 +23,10 @@ export interface IgcMessage {
      * such as images, files, or links.
      */
     attachments?: IgcMessageAttachment[];
+    /**
+     * Optional list of reactions associated with the message.
+     */
+    reactions?: string[];
 }
 /**
  * Represents an attachment associated with a chat message.
@@ -55,26 +58,6 @@ export interface IgcMessageAttachment {
      */
     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.
  */
@@ -91,11 +74,11 @@ export type IgcChatOptions = {
      * If `true`, disables the ability to upload and send attachments.
      * Defaults to `false`.
      */
-    disableAttachments?: boolean;
+    disableInputAttachments?: boolean;
     /**
-     * Indicates whether the other user is currently typing or composing a message.
+     * Indicates whether the other user is currently typing a message.
      */
-    isComposing?: boolean;
+    isTyping?: 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.
@@ -124,67 +107,31 @@ export type IgcChatOptions = {
      */
     suggestionsPosition?: 'below-input' | 'below-messages';
     /**
-     * A set of template override functions used to customize rendering of messages, attachments, etc.
+     * Time in milliseconds to wait before dispatching a stop typing event.
+     * Default is `3000`.
      */
-    templates?: IgcChatTemplates;
-    markdownRenderer?: (text: string) => TemplateResult;
+    stopTypingDelay?: number;
+    renderers?: Partial<ChatRenderers>;
 };
-/**
- * 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 type ChatRenderers = {
+    attachment?: ChatTemplateRenderer<IgcMessageAttachment>;
+    attachmentHeader?: ChatTemplateRenderer<IgcMessageAttachment>;
+    attachmentContent?: ChatTemplateRenderer<IgcMessageAttachment>;
+    message?: ChatTemplateRenderer<IgcMessage>;
+    messageHeader?: ChatTemplateRenderer<IgcMessage>;
+    messageContent?: ChatTemplateRenderer<IgcMessage>;
+    messageAttachments?: ChatTemplateRenderer<IgcMessage>;
+    messageActions?: ChatTemplateRenderer<IgcMessage>;
+    attachments?: ChatTemplateRenderer<IgcMessageAttachment[]>;
+    typingIndicator?: ChatTemplateRenderer<void>;
+    input?: ChatTemplateRenderer<string>;
+    inputActions?: ChatTemplateRenderer<void>;
+    inputAttachments?: ChatTemplateRenderer<IgcMessageAttachment[]>;
+    fileUploadButton?: ChatTemplateRenderer<void>;
+    sendButton?: ChatTemplateRenderer<void>;
 };
-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>";
+export type ChatTemplateRenderer<T> = (ctx: {
+    param: T;
+    defaults: Partial<ChatRenderers>;
+    options?: IgcChatOptions;
+}) => unknown;

package/components/chat/types.js

@@ -1,8 +1,2 @@
-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>';
+export {};
 //# sourceMappingURL=types.js.map

package/components/chat/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/chat/types.ts"],"names":[],"mappings":"AAqNA,MAAM,CAAC,MAAM,cAAc,GACzB,mbAAmb,CAAC;AACtb,MAAM,CAAC,MAAM,cAAc,GACzB,yNAAyN,CAAC;AAC5N,MAAM,CAAC,MAAM,SAAS,GACpB,gOAAgO,CAAC;AACnO,MAAM,CAAC,MAAM,QAAQ,GACnB,iSAAiS,CAAC;AACpS,MAAM,CAAC,MAAM,SAAS,GACpB,yUAAyU,CAAC;AAC5U,MAAM,CAAC,MAAM,QAAQ,GACnB,6aAA6a,CAAC;AAChb,MAAM,CAAC,MAAM,WAAW,GACtB,8SAA8S,CAAC","sourcesContent":["import type { TemplateResult } from 'lit';\n\n/**\n * Represents a single chat message in the conversation.\n */\nexport interface IgcMessage {\n  /**\n   * A unique identifier for the message.\n   */\n  id: string;\n\n  /**\n   * The textual content of the message.\n   */\n  text: string;\n\n  /**\n   * The identifier or name of the sender of the message.\n   */\n  sender: string;\n\n  /**\n   * The timestamp indicating when the message was sent.\n   */\n  timestamp: Date;\n\n  /**\n   * Optional list of attachments associated with the message,\n   * such as images, files, or links.\n   */\n  attachments?: IgcMessageAttachment[];\n}\n\n/**\n * Represents an attachment associated with a chat message.\n */\nexport interface IgcMessageAttachment {\n  /**\n   * A unique identifier for the attachment.\n   */\n  id: string;\n\n  /**\n   * The display name of the attachment (e.g. file name).\n   */\n  name: string;\n\n  /**\n   * The URL from which the attachment can be downloaded or viewed.\n   * Typically used for attachments stored on a server or CDN.\n   */\n  url?: string;\n\n  /**\n   * The actual File object, if the attachment was provided locally (e.g. via upload).\n   */\n  file?: File;\n\n  /**\n   * The MIME type or a custom type identifier for the attachment (e.g. \"image/png\", \"pdf\", \"audio\").\n   */\n  type?: string;\n\n  /**\n   * Optional URL to a thumbnail preview of the attachment (e.g. for images or videos).\n   */\n  thumbnail?: string;\n}\n\n/**\n * A function type used to render a group of attachments in a chat message.\n *\n * This allows consumers to customize how message attachments are displayed\n * (e.g. rendering thumbnails, file icons, or download links).\n *\n * @param {IgcMessageAttachment[]} attachments - The list of attachments to render.\n * @returns {unknown} A custom rendered representation of the attachments.\n */\nexport type AttachmentTemplate = (\n  attachments: IgcMessageAttachment[]\n) => unknown;\n\n/**\n * A function type used to render a single chat message.\n *\n * This allows consumers to fully customize the display of a message,\n * including its text, sender info, timestamp, and any attachments.\n *\n * @param {IgcMessage} message - The chat message to render.\n * @returns {unknown} A custom rendered representation of the message.\n */\nexport type MessageTemplate = (message: IgcMessage) => unknown;\n\n// export type MarkdownRenderer = (text: string) => TemplateResult;\n\n/**\n * Configuration options for customizing the behavior and appearance of the chat component.\n */\nexport type IgcChatOptions = {\n  /**\n   * The ID of the current user. Used to differentiate between incoming and outgoing messages.\n   */\n  currentUserId?: string;\n  /**\n   * If `true`, prevents the chat from automatically scrolling to the latest message.\n   */\n  disableAutoScroll?: boolean;\n  /**\n   * If `true`, disables the ability to upload and send attachments.\n   * Defaults to `false`.\n   */\n  disableAttachments?: boolean;\n  /**\n   * Indicates whether the other user is currently typing or composing a message.\n   */\n  isComposing?: boolean;\n  /**\n   * The accepted files that could be attached.\n   * Defines the file types as a list of comma-separated values (e.g. \"image/*,.pdf\") that the file input should accept.\n   */\n  acceptedFiles?: string;\n  /**\n   * Optional header text to display at the top of the chat component.\n   */\n  headerText?: string;\n  /**\n   * Optional placeholder text for the chat input area.\n   * Provides a hint to the user about what they can type (e.g. \"Type a message...\").\n   */\n  inputPlaceholder?: string;\n  /**\n   * Suggested text snippets or quick replies that can be shown as user-selectable options.\n   */\n  suggestions?: string[];\n  /**\n   * Controls the position of the chat suggestions within the component layout.\n   *\n   * - `\"below-input\"`: Renders suggestions below the chat input area.\n   * - `\"below-messages\"`: Renders suggestions below the chat messages area.\n   *\n   * Default is `\"below-messages\"`.\n   */\n  suggestionsPosition?: 'below-input' | 'below-messages';\n\n  /**\n   * A set of template override functions used to customize rendering of messages, attachments, etc.\n   */\n  templates?: IgcChatTemplates;\n  markdownRenderer?: (text: string) => TemplateResult; //TODO: Remove when highlighter is implemented\n};\n\n/**\n * A collection of template functions used to customize different parts of the chat component.\n * Each template allows you to override the rendering of a specific part of the component.\n */\nexport type IgcChatTemplates = {\n  /**\n   * Template for rendering an attachment in a message.\n   */\n  attachmentTemplate?: MessageTemplate;\n\n  /**\n   * Template for rendering a custom header above the attachment in a message.\n   */\n  attachmentHeaderTemplate?: MessageTemplate;\n\n  /**\n   * Template for rendering custom action buttons or controls related to an attachment\n   * (e.g. download, preview, delete).\n   */\n  attachmentActionsTemplate?: MessageTemplate;\n\n  /**\n   * Template for rendering the main content of an attachment, such as a thumbnail or file preview.\n   */\n  attachmentContentTemplate?: MessageTemplate;\n\n  /**\n   * Template for rendering a single chat message.\n   * Use this to customize message layout, formatting, or metadata.\n   */\n  messageTemplate?: MessageTemplate;\n\n  /**\n   * Template for rendering message-specific actions such as edit, delete, reply, etc.\n   */\n  messageActionsTemplate?: MessageTemplate;\n\n  /**\n   * Template used to show an indicator when the other user is typing (e.g. “User is typing...”).\n   */\n  composingIndicatorTemplate?: unknown;\n\n  /**\n   * Template for customizing the text input element (usually a `<textarea>` or `<input>`).\n   *\n   * @param text - The current value of the text input.\n   * @returns {unknown} A custom rendered representation of the text input.\n   */\n  textInputTemplate?: (text: string) => unknown;\n\n  /**\n   * Template for rendering additional controls in the message input area,\n   * such as send buttons, emoji pickers, or voice recorders.\n   */\n  textAreaActionsTemplate?: unknown;\n\n  /**\n   * Template for rendering attachments that are currently queued for sending (in the input area).\n   */\n  textAreaAttachmentsTemplate?: AttachmentTemplate;\n};\n\nexport const attachmentIcon =\n  '<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>';\nexport const sendButtonIcon =\n  '<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>';\nexport const closeIcon =\n  '<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>';\nexport const fileIcon =\n  '<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>';\nexport const imageIcon =\n  '<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>';\nexport const moreIcon =\n  '<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>';\nexport const previewIcon =\n  '<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>';\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/chat/types.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * Represents a single chat message in the conversation.\n */\nexport interface IgcMessage {\n  /**\n   * A unique identifier for the message.\n   */\n  id: string;\n\n  /**\n   * The textual content of the message.\n   */\n  text: string;\n\n  /**\n   * The identifier or name of the sender of the message.\n   */\n  sender: string;\n\n  /**\n   * The timestamp indicating when the message was sent.\n   */\n  timestamp: Date;\n\n  /**\n   * Optional list of attachments associated with the message,\n   * such as images, files, or links.\n   */\n  attachments?: IgcMessageAttachment[];\n\n  /**\n   * Optional list of reactions associated with the message.\n   */\n  reactions?: string[];\n}\n\n/**\n * Represents an attachment associated with a chat message.\n */\nexport interface IgcMessageAttachment {\n  /**\n   * A unique identifier for the attachment.\n   */\n  id: string;\n\n  /**\n   * The display name of the attachment (e.g. file name).\n   */\n  name: string;\n\n  /**\n   * The URL from which the attachment can be downloaded or viewed.\n   * Typically used for attachments stored on a server or CDN.\n   */\n  url?: string;\n\n  /**\n   * The actual File object, if the attachment was provided locally (e.g. via upload).\n   */\n  file?: File;\n\n  /**\n   * The MIME type or a custom type identifier for the attachment (e.g. \"image/png\", \"pdf\", \"audio\").\n   */\n  type?: string;\n\n  /**\n   * Optional URL to a thumbnail preview of the attachment (e.g. for images or videos).\n   */\n  thumbnail?: string;\n}\n\n/**\n * Configuration options for customizing the behavior and appearance of the chat component.\n */\nexport type IgcChatOptions = {\n  /**\n   * The ID of the current user. Used to differentiate between incoming and outgoing messages.\n   */\n  currentUserId?: string;\n  /**\n   * If `true`, prevents the chat from automatically scrolling to the latest message.\n   */\n  disableAutoScroll?: boolean;\n  /**\n   * If `true`, disables the ability to upload and send attachments.\n   * Defaults to `false`.\n   */\n  disableInputAttachments?: boolean;\n  /**\n   * Indicates whether the other user is currently typing a message.\n   */\n  isTyping?: boolean;\n  /**\n   * The accepted files that could be attached.\n   * Defines the file types as a list of comma-separated values (e.g. \"image/*,.pdf\") that the file input should accept.\n   */\n  acceptedFiles?: string;\n  /**\n   * Optional header text to display at the top of the chat component.\n   */\n  headerText?: string;\n  /**\n   * Optional placeholder text for the chat input area.\n   * Provides a hint to the user about what they can type (e.g. \"Type a message...\").\n   */\n  inputPlaceholder?: string;\n  /**\n   * Suggested text snippets or quick replies that can be shown as user-selectable options.\n   */\n  suggestions?: string[];\n  /**\n   * Controls the position of the chat suggestions within the component layout.\n   *\n   * - `\"below-input\"`: Renders suggestions below the chat input area.\n   * - `\"below-messages\"`: Renders suggestions below the chat messages area.\n   *\n   * Default is `\"below-messages\"`.\n   */\n  suggestionsPosition?: 'below-input' | 'below-messages';\n  /**\n   * Time in milliseconds to wait before dispatching a stop typing event.\n   * Default is `3000`.\n   */\n  stopTypingDelay?: number;\n\n  renderers?: Partial<ChatRenderers>;\n};\n\nexport type ChatRenderers = {\n  attachment?: ChatTemplateRenderer<IgcMessageAttachment>;\n  attachmentHeader?: ChatTemplateRenderer<IgcMessageAttachment>;\n  attachmentContent?: ChatTemplateRenderer<IgcMessageAttachment>;\n  message?: ChatTemplateRenderer<IgcMessage>;\n  messageHeader?: ChatTemplateRenderer<IgcMessage>;\n  messageContent?: ChatTemplateRenderer<IgcMessage>;\n  messageAttachments?: ChatTemplateRenderer<IgcMessage>;\n  messageActions?: ChatTemplateRenderer<IgcMessage>;\n  attachments?: ChatTemplateRenderer<IgcMessageAttachment[]>;\n  typingIndicator?: ChatTemplateRenderer<void>;\n  input?: ChatTemplateRenderer<string>;\n  inputActions?: ChatTemplateRenderer<void>;\n  inputAttachments?: ChatTemplateRenderer<IgcMessageAttachment[]>;\n  fileUploadButton?: ChatTemplateRenderer<void>;\n  sendButton?: ChatTemplateRenderer<void>;\n};\n\nexport type ChatTemplateRenderer<T> = (ctx: {\n  param: T;\n  defaults: Partial<ChatRenderers>;\n  options?: IgcChatOptions;\n}) => unknown;\n"]}

package/components/chat/utils.d.ts

@@ -0,0 +1,16 @@
+import type IgcChatMessageComponent from './chat-message.js';
+import type { IgcMessageAttachment } from './types.js';
+export type ChatAcceptedFileTypes = {
+    extensions: Set<string>;
+    mimeTypes: Set<string>;
+    wildcardTypes: Set<string>;
+};
+export declare const ChatFileTypeIcons: Map<string, string>;
+export declare function parseAcceptedFileTypes(fileTypes: string): ChatAcceptedFileTypes;
+export declare function isAcceptedFileType(file: File, accepted: ChatAcceptedFileTypes | null): boolean;
+export declare function getChatAcceptedFiles(event: DragEvent, accepted: ChatAcceptedFileTypes | null): File[];
+export declare function getIconName(fileType?: string): "attach_document" | "attach_image";
+export declare function createAttachmentURL(attachment: IgcMessageAttachment): string;
+export declare function getFileExtension(name: string): string;
+export declare function showChatActionsTooltip(target: Element, message: string): void;
+export declare function chatMessageAdoptPageStyles(message: IgcChatMessageComponent): void;

package/components/chat/utils.js

@@ -0,0 +1,86 @@
+import { adoptStyles } from 'lit';
+import { last } from '../common/util.js';
+import IgcTooltipComponent from '../tooltip/tooltip.js';
+let actionsTooltip;
+export const ChatFileTypeIcons = new Map(Object.entries({
+    css: 'file_css',
+    csv: 'file_csv',
+    doc: 'file_doc',
+    docx: 'file_doc',
+    htm: 'file_htm',
+    html: 'file_html',
+    js: 'file_js',
+    json: 'file_json',
+    pdf: 'file_pdf',
+    rtf: 'file_rtf',
+    svg: 'file_svg',
+    txt: 'file_txt',
+    url: 'file_link',
+    xls: 'file_xls',
+    xlsx: 'file_xls',
+    xml: 'file_xml',
+    zip: 'file_zip',
+    default: 'file_generic',
+}));
+export function parseAcceptedFileTypes(fileTypes) {
+    const types = fileTypes.split(',').map((each) => each.trim().toLowerCase());
+    return {
+        extensions: new Set(types.filter((t) => t.startsWith('.'))),
+        mimeTypes: new Set(types.filter((t) => !t.startsWith('.') && !t.endsWith('/*'))),
+        wildcardTypes: new Set(types.filter((t) => t.endsWith('/*')).map((t) => t.slice(0, -2))),
+    };
+}
+export function isAcceptedFileType(file, accepted) {
+    if (!(accepted && file)) {
+        return true;
+    }
+    const { extensions, mimeTypes, wildcardTypes } = accepted;
+    const fileType = file.type.toLowerCase();
+    const fileExtension = `.${last(file.name.split('.'))?.toLowerCase()}`;
+    const [fileBaseType] = fileType.split('/');
+    return (extensions.has(fileExtension) ||
+        mimeTypes.has(fileType) ||
+        wildcardTypes.has(fileBaseType));
+}
+export function getChatAcceptedFiles(event, accepted) {
+    return Array.from(event.dataTransfer?.files ?? []).filter((file) => isAcceptedFileType(file, accepted));
+}
+export function getIconName(fileType) {
+    return fileType?.startsWith('image') ? 'attach_image' : 'attach_document';
+}
+export function createAttachmentURL(attachment) {
+    if (attachment.file) {
+        return URL.createObjectURL(attachment.file);
+    }
+    return attachment.url || '';
+}
+export function getFileExtension(name) {
+    const parts = name.split('.');
+    return parts.length > 1 ? last(parts) : '';
+}
+export function showChatActionsTooltip(target, message) {
+    if (!actionsTooltip) {
+        actionsTooltip = document.createElement(IgcTooltipComponent.tagName);
+        actionsTooltip.hideTriggers = 'pointerleave,click,blur';
+        actionsTooltip.hideDelay = 100;
+        document.body.appendChild(actionsTooltip);
+    }
+    actionsTooltip.message = message;
+    actionsTooltip.show(target);
+}
+export function chatMessageAdoptPageStyles(message) {
+    const sheets = [];
+    for (const sheet of document.styleSheets) {
+        try {
+            const constructed = new CSSStyleSheet();
+            for (const rule of sheet.cssRules) {
+                constructed.insertRule(rule.cssText);
+            }
+            sheets.push(constructed);
+        }
+        catch { }
+    }
+    const ctor = message.constructor;
+    adoptStyles(message.shadowRoot, [...ctor.elementStyles, ...sheets]);
+}
+//# sourceMappingURL=utils.js.map

package/components/chat/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/chat/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import { adoptStyles, type LitElement } from 'lit';\nimport { last } from '../common/util.js';\nimport IgcTooltipComponent from '../tooltip/tooltip.js';\nimport type IgcChatMessageComponent from './chat-message.js';\nimport type { IgcMessageAttachment } from './types.js';\n\nlet actionsTooltip: IgcTooltipComponent;\n\nexport type ChatAcceptedFileTypes = {\n  extensions: Set<string>;\n  mimeTypes: Set<string>;\n  wildcardTypes: Set<string>;\n};\n\nexport const ChatFileTypeIcons = new Map(\n  Object.entries({\n    css: 'file_css',\n    csv: 'file_csv',\n    doc: 'file_doc',\n    docx: 'file_doc',\n    htm: 'file_htm',\n    html: 'file_html',\n    js: 'file_js',\n    json: 'file_json',\n    pdf: 'file_pdf',\n    rtf: 'file_rtf',\n    svg: 'file_svg',\n    txt: 'file_txt',\n    url: 'file_link',\n    xls: 'file_xls',\n    xlsx: 'file_xls',\n    xml: 'file_xml',\n    zip: 'file_zip',\n    default: 'file_generic',\n  })\n);\n\nexport function parseAcceptedFileTypes(\n  fileTypes: string\n): ChatAcceptedFileTypes {\n  const types = fileTypes.split(',').map((each) => each.trim().toLowerCase());\n  return {\n    extensions: new Set(types.filter((t) => t.startsWith('.'))),\n    mimeTypes: new Set(\n      types.filter((t) => !t.startsWith('.') && !t.endsWith('/*'))\n    ),\n    wildcardTypes: new Set(\n      types.filter((t) => t.endsWith('/*')).map((t) => t.slice(0, -2))\n    ),\n  };\n}\n\nexport function isAcceptedFileType(\n  file: File,\n  accepted: ChatAcceptedFileTypes | null\n): boolean {\n  if (!(accepted && file)) {\n    return true;\n  }\n\n  const { extensions, mimeTypes, wildcardTypes } = accepted;\n  const fileType = file.type.toLowerCase();\n  const fileExtension = `.${last(file.name.split('.'))?.toLowerCase()}`;\n  const [fileBaseType] = fileType.split('/');\n\n  return (\n    extensions.has(fileExtension) ||\n    mimeTypes.has(fileType) ||\n    wildcardTypes.has(fileBaseType)\n  );\n}\n\nexport function getChatAcceptedFiles(\n  event: DragEvent,\n  accepted: ChatAcceptedFileTypes | null\n): File[] {\n  return Array.from(event.dataTransfer?.files ?? []).filter((file) =>\n    isAcceptedFileType(file, accepted)\n  );\n}\n\nexport function getIconName(fileType?: string) {\n  return fileType?.startsWith('image') ? 'attach_image' : 'attach_document';\n}\n\nexport function createAttachmentURL(attachment: IgcMessageAttachment): string {\n  if (attachment.file) {\n    return URL.createObjectURL(attachment.file);\n  }\n\n  return attachment.url || '';\n}\n\nexport function getFileExtension(name: string): string {\n  const parts = name.split('.');\n  return parts.length > 1 ? last(parts) : '';\n}\n\nexport function showChatActionsTooltip(target: Element, message: string): void {\n  if (!actionsTooltip) {\n    actionsTooltip = document.createElement(IgcTooltipComponent.tagName);\n    actionsTooltip.hideTriggers = 'pointerleave,click,blur';\n    actionsTooltip.hideDelay = 100;\n    document.body.appendChild(actionsTooltip);\n  }\n  actionsTooltip.message = message;\n  actionsTooltip.show(target);\n}\n\n// REVIEW: Maybe put that behind a configuration flag as this is nasty.\nexport function chatMessageAdoptPageStyles(\n  message: IgcChatMessageComponent\n): void {\n  const sheets: CSSStyleSheet[] = [];\n\n  for (const sheet of document.styleSheets) {\n    try {\n      const constructed = new CSSStyleSheet();\n      for (const rule of sheet.cssRules) {\n        constructed.insertRule(rule.cssText);\n      }\n      sheets.push(constructed);\n    } catch {}\n  }\n\n  const ctor = message.constructor as typeof LitElement;\n  adoptStyles(message.shadowRoot!, [...ctor.elementStyles, ...sheets]);\n}\n"]}

package/components/checkbox/checkbox-base.d.ts

@@ -13,7 +13,7 @@ export interface IgcCheckboxComponentEventMap {
 declare const IgcCheckboxBaseComponent_base: Constructor<import("../common/mixins/forms/types.js").FormRequiredInterface & import("../common/mixins/forms/types.js").FormAssociatedCheckboxElementInterface> & Constructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcCheckboxComponentEventMap>> & Constructor<LitElement>;
 export declare class IgcCheckboxBaseComponent extends IgcCheckboxBaseComponent_base {
     protected get __validators(): import("../common/validators.js").Validator<IgcCheckboxBaseComponent>[];
-    protected readonly _slots: import("../common/controllers/slot.js").SlotController<"invalid" | "[default]" | "helper-text" | "value-missing" | "custom-error">;
+    protected readonly _slots: import("../common/controllers/slot.js").SlotController<"invalid" | "helper-text" | "[default]" | "value-missing" | "custom-error">;
     protected readonly _focusRingManager: import("../common/controllers/focus-ring.js").KeyboardFocusRingController;
     protected readonly _formValue: import("../common/mixins/forms/form-value.js").FormValue<boolean>;
     protected _value: string;