@carbon/ai-chat-components 1.0.0 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -2
- package/custom-elements.json +198 -9
- package/es/components/audio-player/src/providers/native-audio-provider.js.map +1 -1
- package/es/components/card/src/card-footer.scss.js +1 -1
- package/es/components/card/src/card-steps.scss.js +1 -1
- package/es/components/card/src/card.scss.js +1 -1
- package/es/components/carousel/index.d.ts +9 -0
- package/es/components/carousel/index.js +9 -0
- package/es/components/carousel/index.js.map +1 -0
- package/es/components/carousel/src/carousel.d.ts +39 -0
- package/es/components/carousel/src/carousel.js +130 -0
- package/es/components/carousel/src/carousel.js.map +1 -0
- package/es/components/carousel/src/carousel.scss.js +13 -0
- package/es/components/carousel/src/carousel.scss.js.map +1 -0
- package/es/components/chat-button/src/chat-button.js +9 -4
- package/es/components/chat-button/src/chat-button.js.map +1 -1
- package/es/components/chat-button/src/chat-button.scss.js +1 -1
- package/es/components/chat-history/src/history-panel-item-input.d.ts +0 -705
- package/es/components/chat-history/src/history-panel-item.d.ts +0 -699
- package/es/components/chat-history/src/history-search-item.d.ts +0 -699
- package/es/components/chat-shell/src/shell.scss.js +1 -1
- package/es/components/chat-shell/src/slot-observer.js +3 -3
- package/es/components/chat-shell/src/slot-observer.js.map +1 -1
- package/es/components/code-snippet/src/code-snippet.d.ts +0 -353
- package/es/components/markdown/src/markdown.js +1 -1
- package/es/components/markdown/src/markdown.js.map +1 -1
- package/es/components/reasoning-steps/src/reasoning-step.scss.js +1 -1
- package/es/components/shared/media-utils/script-loader.js +3 -2
- package/es/components/shared/media-utils/script-loader.js.map +1 -1
- package/es/components/toolbar/src/toolbar.d.ts +5 -0
- package/es/components/toolbar/src/toolbar.js +38 -0
- package/es/components/toolbar/src/toolbar.js.map +1 -1
- package/es/components/video-player/src/providers/native-video-provider.js +2 -1
- package/es/components/video-player/src/providers/native-video-provider.js.map +1 -1
- package/es-custom/components/audio-player/src/audio-player.d.ts +5 -5
- package/es-custom/components/audio-player/src/audio-player.js +9 -9
- package/es-custom/components/audio-player/src/audio-player.scss.js +1 -1
- package/es-custom/components/audio-player/src/providers/native-audio-provider.js.map +1 -1
- package/es-custom/components/audio-player/src/transcript.d.ts +2 -2
- package/es-custom/components/audio-player/src/transcript.js +5 -5
- package/es-custom/components/audio-player/src/transcript.scss.js +1 -1
- package/es-custom/components/card/src/card-footer.d.ts +1 -1
- package/es-custom/components/card/src/card-footer.js +2 -2
- package/es-custom/components/card/src/card-footer.scss.js +1 -1
- package/es-custom/components/card/src/card-steps.d.ts +1 -1
- package/es-custom/components/card/src/card-steps.js +1 -1
- package/es-custom/components/card/src/card-steps.scss.js +1 -1
- package/es-custom/components/card/src/card.d.ts +1 -1
- package/es-custom/components/card/src/card.js +1 -1
- package/es-custom/components/card/src/card.scss.js +1 -1
- package/es-custom/components/carousel/index.d.ts +9 -0
- package/es-custom/components/carousel/index.js +9 -0
- package/es-custom/components/carousel/index.js.map +1 -0
- package/es-custom/components/carousel/src/carousel.d.ts +39 -0
- package/es-custom/components/carousel/src/carousel.js +130 -0
- package/es-custom/components/carousel/src/carousel.js.map +1 -0
- package/es-custom/components/carousel/src/carousel.scss.js +13 -0
- package/es-custom/components/carousel/src/carousel.scss.js.map +1 -0
- package/es-custom/components/chain-of-thought/src/chain-of-thought-step.d.ts +2 -2
- package/es-custom/components/chain-of-thought/src/chain-of-thought-step.js +2 -2
- package/es-custom/components/chain-of-thought/src/chain-of-thought-step.scss.js +1 -1
- package/es-custom/components/chain-of-thought/src/chain-of-thought-toggle.d.ts +2 -2
- package/es-custom/components/chain-of-thought/src/chain-of-thought-toggle.js +1 -1
- package/es-custom/components/chain-of-thought/src/chain-of-thought-toggle.scss.js +1 -1
- package/es-custom/components/chain-of-thought/src/chain-of-thought.d.ts +2 -2
- package/es-custom/components/chain-of-thought/src/chain-of-thought.js +1 -1
- package/es-custom/components/chain-of-thought/src/chain-of-thought.scss.js +1 -1
- package/es-custom/components/chain-of-thought/src/tool-call-data.d.ts +2 -2
- package/es-custom/components/chain-of-thought/src/tool-call-data.js +1 -1
- package/es-custom/components/chain-of-thought/src/tool-call-data.scss.js +1 -1
- package/es-custom/components/chat-button/src/chat-button.d.ts +2 -2
- package/es-custom/components/chat-button/src/chat-button.js +10 -5
- package/es-custom/components/chat-button/src/chat-button.js.map +1 -1
- package/es-custom/components/chat-button/src/chat-button.scss.js +1 -1
- package/es-custom/components/chat-history/src/chat-history.scss.js +1 -1
- package/es-custom/components/chat-history/src/history-content.d.ts +1 -1
- package/es-custom/components/chat-history/src/history-content.js +1 -1
- package/es-custom/components/chat-history/src/history-delete-panel.d.ts +1 -1
- package/es-custom/components/chat-history/src/history-delete-panel.js +6 -6
- package/es-custom/components/chat-history/src/history-header.d.ts +1 -1
- package/es-custom/components/chat-history/src/history-header.js +1 -1
- package/es-custom/components/chat-history/src/history-loading.d.ts +1 -1
- package/es-custom/components/chat-history/src/history-loading.js +1 -1
- package/es-custom/components/chat-history/src/history-panel-item-input.d.ts +1 -706
- package/es-custom/components/chat-history/src/history-panel-item-input.js +1 -1
- package/es-custom/components/chat-history/src/history-panel-item.d.ts +1 -700
- package/es-custom/components/chat-history/src/history-panel-item.js +3 -3
- package/es-custom/components/chat-history/src/history-panel-items.d.ts +1 -1
- package/es-custom/components/chat-history/src/history-panel-items.js +1 -1
- package/es-custom/components/chat-history/src/history-panel-menu.d.ts +1 -1
- package/es-custom/components/chat-history/src/history-panel-menu.js +1 -1
- package/es-custom/components/chat-history/src/history-panel.d.ts +1 -1
- package/es-custom/components/chat-history/src/history-panel.js +1 -1
- package/es-custom/components/chat-history/src/history-search-item.d.ts +1 -700
- package/es-custom/components/chat-history/src/history-search-item.js +1 -1
- package/es-custom/components/chat-history/src/history-shell.d.ts +1 -1
- package/es-custom/components/chat-history/src/history-shell.js +1 -1
- package/es-custom/components/chat-history/src/history-toolbar.d.ts +1 -1
- package/es-custom/components/chat-history/src/history-toolbar.js +1 -1
- package/es-custom/components/chat-shell/src/chat-header.d.ts +2 -2
- package/es-custom/components/chat-shell/src/chat-header.js +6 -6
- package/es-custom/components/chat-shell/src/chat-header.scss.js +1 -1
- package/es-custom/components/chat-shell/src/panel-manager.js +2 -2
- package/es-custom/components/chat-shell/src/shell.js +4 -4
- package/es-custom/components/chat-shell/src/shell.scss.js +1 -1
- package/es-custom/components/chat-shell/src/slot-observer.js +3 -3
- package/es-custom/components/chat-shell/src/slot-observer.js.map +1 -1
- package/es-custom/components/chat-shell/src/workspace-manager.d.ts +1 -1
- package/es-custom/components/chat-shell/src/workspace-manager.js +1 -1
- package/es-custom/components/code-snippet/src/code-snippet.d.ts +2 -355
- package/es-custom/components/code-snippet/src/code-snippet.js +3 -3
- package/es-custom/components/code-snippet/src/code-snippet.scss.js +1 -1
- package/es-custom/components/feedback/src/feedback-buttons.d.ts +2 -2
- package/es-custom/components/feedback/src/feedback-buttons.js +1 -1
- package/es-custom/components/feedback/src/feedback-buttons.scss.js +1 -1
- package/es-custom/components/feedback/src/feedback.d.ts +2 -2
- package/es-custom/components/feedback/src/feedback.js +3 -3
- package/es-custom/components/feedback/src/feedback.scss.js +1 -1
- package/es-custom/components/markdown/src/markdown-renderer.js +7 -7
- package/es-custom/components/markdown/src/markdown.d.ts +2 -2
- package/es-custom/components/markdown/src/markdown.js +3 -3
- package/es-custom/components/markdown/src/markdown.js.map +1 -1
- package/es-custom/components/markdown/src/markdown.scss.js +1 -1
- package/es-custom/components/markdown/src/markdown.template.js +1 -1
- package/es-custom/components/markdown/src/utils/table-helpers.d.ts +1 -1
- package/es-custom/components/markdown/src/utils/table-helpers.js +1 -1
- package/es-custom/components/processing/src/processing.d.ts +2 -2
- package/es-custom/components/processing/src/processing.js +1 -1
- package/es-custom/components/reasoning-steps/src/reasoning-step.d.ts +2 -2
- package/es-custom/components/reasoning-steps/src/reasoning-step.js +1 -1
- package/es-custom/components/reasoning-steps/src/reasoning-step.scss.js +1 -1
- package/es-custom/components/reasoning-steps/src/reasoning-steps-toggle.d.ts +2 -2
- package/es-custom/components/reasoning-steps/src/reasoning-steps-toggle.js +1 -1
- package/es-custom/components/reasoning-steps/src/reasoning-steps-toggle.scss.js +1 -1
- package/es-custom/components/reasoning-steps/src/reasoning-steps.d.ts +2 -2
- package/es-custom/components/reasoning-steps/src/reasoning-steps.js +1 -1
- package/es-custom/components/reasoning-steps/src/reasoning-steps.scss.js +1 -1
- package/es-custom/components/shared/media-utils/script-loader.js +3 -2
- package/es-custom/components/shared/media-utils/script-loader.js.map +1 -1
- package/es-custom/components/table/src/table.d.ts +2 -2
- package/es-custom/components/table/src/table.js +1 -1
- package/es-custom/components/toolbar/src/toolbar.d.ts +6 -1
- package/es-custom/components/toolbar/src/toolbar.js +41 -3
- package/es-custom/components/toolbar/src/toolbar.js.map +1 -1
- package/es-custom/components/toolbar/src/toolbar.scss.js +1 -1
- package/es-custom/components/truncated-text/src/truncated-text.d.ts +3 -3
- package/es-custom/components/truncated-text/src/truncated-text.js +2 -2
- package/es-custom/components/truncated-text/src/truncated-text.scss.js +1 -1
- package/es-custom/components/video-player/src/providers/native-video-provider.js +2 -1
- package/es-custom/components/video-player/src/providers/native-video-provider.js.map +1 -1
- package/es-custom/components/video-player/src/video-player.d.ts +5 -5
- package/es-custom/components/video-player/src/video-player.js +9 -9
- package/es-custom/components/video-player/src/video-player.scss.js +1 -1
- package/es-custom/components/workspace-shell/src/workspace-shell-body.d.ts +1 -1
- package/es-custom/components/workspace-shell/src/workspace-shell-body.js +1 -1
- package/es-custom/components/workspace-shell/src/workspace-shell-footer.d.ts +2 -2
- package/es-custom/components/workspace-shell/src/workspace-shell-footer.js +2 -2
- package/es-custom/components/workspace-shell/src/workspace-shell-footer.scss.js +1 -1
- package/es-custom/components/workspace-shell/src/workspace-shell-header.d.ts +1 -1
- package/es-custom/components/workspace-shell/src/workspace-shell-header.js +5 -5
- package/es-custom/components/workspace-shell/src/workspace-shell-header.scss.js +1 -1
- package/es-custom/components/workspace-shell/src/workspace-shell.d.ts +1 -1
- package/es-custom/components/workspace-shell/src/workspace-shell.js +1 -1
- package/es-custom/components/workspace-shell/src/workspace-shell.scss.js +1 -1
- package/es-custom/globals/settings.d.ts +1 -1
- package/es-custom/globals/settings.js +1 -1
- package/es-custom/react/audio-player.js +5 -5
- package/es-custom/react/card.js +4 -4
- package/es-custom/react/chain-of-thought-step.js +1 -1
- package/es-custom/react/chain-of-thought-toggle.js +1 -1
- package/es-custom/react/chain-of-thought.js +1 -1
- package/es-custom/react/chat-button.js +1 -1
- package/es-custom/react/chat-header.js +1 -1
- package/es-custom/react/chat-shell.js +1 -1
- package/es-custom/react/code-snippet.js +1 -1
- package/es-custom/react/feedback-buttons.js +1 -1
- package/es-custom/react/feedback.js +1 -1
- package/es-custom/react/history/history-content.js +1 -1
- package/es-custom/react/history/history-delete-panel.js +1 -1
- package/es-custom/react/history/history-header.js +1 -1
- package/es-custom/react/history/history-loading.js +1 -1
- package/es-custom/react/history/history-panel-item-input.js +1 -1
- package/es-custom/react/history/history-panel-item.js +1 -1
- package/es-custom/react/history/history-panel-items.js +1 -1
- package/es-custom/react/history/history-panel-menu.js +1 -1
- package/es-custom/react/history/history-panel.js +1 -1
- package/es-custom/react/history/history-search-item.js +1 -1
- package/es-custom/react/history/history-shell.js +1 -1
- package/es-custom/react/history/history-toolbar.js +1 -1
- package/es-custom/react/markdown.js +1 -1
- package/es-custom/react/panel.js +1 -1
- package/es-custom/react/processing.js +1 -1
- package/es-custom/react/reasoning-step.js +1 -1
- package/es-custom/react/reasoning-steps-toggle.js +1 -1
- package/es-custom/react/reasoning-steps.js +1 -1
- package/es-custom/react/tool-call-data.js +1 -1
- package/es-custom/react/toolbar.js +1 -1
- package/es-custom/react/transcript.js +2 -2
- package/es-custom/react/video-player.js +5 -5
- package/es-custom/react/workspace-shell.js +5 -5
- package/package.json +10 -9
- package/scss/_utilities.scss +1 -0
- package/telemetry.yml +4 -0
|
@@ -27,7 +27,7 @@ import styles from './chat-history.scss.js';
|
|
|
27
27
|
/**
|
|
28
28
|
* Chat History search item.
|
|
29
29
|
*
|
|
30
|
-
* @element cds-aichat-history-search-item
|
|
30
|
+
* @element cds-custom-aichat-history-search-item
|
|
31
31
|
*
|
|
32
32
|
*/
|
|
33
33
|
let CDSAIChatHistorySearchItem = class CDSAIChatHistorySearchItem extends HostListenerMixin(FocusMixin(LitElement)) {
|
|
@@ -2,7 +2,7 @@ import { LitElement } from "lit";
|
|
|
2
2
|
/**
|
|
3
3
|
* Chat History Shell.
|
|
4
4
|
*
|
|
5
|
-
* @element cds-aichat-history-shell
|
|
5
|
+
* @element cds-custom-aichat-history-shell
|
|
6
6
|
* @slot header - Represents the header section, containing title, and actions.
|
|
7
7
|
* @slot toolbar - Represents the toolbar area of the chat history component (includes search, new chat button, etc).
|
|
8
8
|
* @slot content - List of the chat history items.
|
|
@@ -22,7 +22,7 @@ import styles from './chat-history.scss.js';
|
|
|
22
22
|
/**
|
|
23
23
|
* Chat History Shell.
|
|
24
24
|
*
|
|
25
|
-
* @element cds-aichat-history-shell
|
|
25
|
+
* @element cds-custom-aichat-history-shell
|
|
26
26
|
* @slot header - Represents the header section, containing title, and actions.
|
|
27
27
|
* @slot toolbar - Represents the toolbar area of the chat history component (includes search, new chat button, etc).
|
|
28
28
|
* @slot content - List of the chat history items.
|
|
@@ -4,7 +4,7 @@ import "@carbon/web-components/es-custom/components/icon-button/index.js";
|
|
|
4
4
|
/**
|
|
5
5
|
* Chat History Toolbar.
|
|
6
6
|
*
|
|
7
|
-
* @element cds-aichat-history-toolbar
|
|
7
|
+
* @element cds-custom-aichat-history-toolbar
|
|
8
8
|
*
|
|
9
9
|
*/
|
|
10
10
|
declare class CDSAIChatHistoryToolbar extends LitElement {
|
|
@@ -27,7 +27,7 @@ import styles from './chat-history.scss.js';
|
|
|
27
27
|
/**
|
|
28
28
|
* Chat History Toolbar.
|
|
29
29
|
*
|
|
30
|
-
* @element cds-aichat-history-toolbar
|
|
30
|
+
* @element cds-custom-aichat-history-toolbar
|
|
31
31
|
*
|
|
32
32
|
*/
|
|
33
33
|
let CDSAIChatHistoryToolbar = class CDSAIChatHistoryToolbar extends LitElement {
|
|
@@ -15,7 +15,7 @@ export type NavigationOverflowItem = BaseOverflowMenuItem;
|
|
|
15
15
|
* Provides a consistent header for chat interfaces with support for
|
|
16
16
|
* navigation, title, actions, and decorators (like AI labels).
|
|
17
17
|
*
|
|
18
|
-
* @element cds-aichat-chat-header
|
|
18
|
+
* @element cds-custom-aichat-chat-header
|
|
19
19
|
* @slot navigation - Navigation controls (e.g., back button, overflow menu)
|
|
20
20
|
* @slot title - Title and name content (can also use title/name properties)
|
|
21
21
|
* @slot decorator - Decorative elements like AI labels
|
|
@@ -170,7 +170,7 @@ declare class CdsAiChatChatHeader extends LitElement {
|
|
|
170
170
|
}
|
|
171
171
|
declare global {
|
|
172
172
|
interface HTMLElementTagNameMap {
|
|
173
|
-
"cds-aichat-chat-header": CdsAiChatChatHeader;
|
|
173
|
+
"cds-custom-aichat-chat-header": CdsAiChatChatHeader;
|
|
174
174
|
}
|
|
175
175
|
}
|
|
176
176
|
export { CdsAiChatChatHeader };
|
|
@@ -32,7 +32,7 @@ var CdsAiChatChatHeader_1;
|
|
|
32
32
|
* Provides a consistent header for chat interfaces with support for
|
|
33
33
|
* navigation, title, actions, and decorators (like AI labels).
|
|
34
34
|
*
|
|
35
|
-
* @element cds-aichat-chat-header
|
|
35
|
+
* @element cds-custom-aichat-chat-header
|
|
36
36
|
* @slot navigation - Navigation controls (e.g., back button, overflow menu)
|
|
37
37
|
* @slot title - Title and name content (can also use title/name properties)
|
|
38
38
|
* @slot decorator - Decorative elements like AI labels
|
|
@@ -294,11 +294,11 @@ let CdsAiChatChatHeader = CdsAiChatChatHeader_1 = class CdsAiChatChatHeader exte
|
|
|
294
294
|
return html `<slot name="title"></slot>`;
|
|
295
295
|
}
|
|
296
296
|
return html `
|
|
297
|
-
<div slot="title" class="cds-aichat-chat-header__title">
|
|
297
|
+
<div slot="title" class="cds-custom-aichat-chat-header__title">
|
|
298
298
|
${this.headerTitle
|
|
299
299
|
? html `
|
|
300
300
|
<span
|
|
301
|
-
class="cds-aichat-chat-header__title-text"
|
|
301
|
+
class="cds-custom-aichat-chat-header__title-text"
|
|
302
302
|
data-testid=${PageObjectId.HEADER_TITLE}
|
|
303
303
|
>
|
|
304
304
|
${this.headerTitle}
|
|
@@ -308,7 +308,7 @@ let CdsAiChatChatHeader = CdsAiChatChatHeader_1 = class CdsAiChatChatHeader exte
|
|
|
308
308
|
${this.headerName
|
|
309
309
|
? html `
|
|
310
310
|
<span
|
|
311
|
-
class="cds-aichat-chat-header__name-text"
|
|
311
|
+
class="cds-custom-aichat-chat-header__name-text"
|
|
312
312
|
data-testid=${PageObjectId.HEADER_NAME}
|
|
313
313
|
>
|
|
314
314
|
${this.headerName}
|
|
@@ -325,7 +325,7 @@ let CdsAiChatChatHeader = CdsAiChatChatHeader_1 = class CdsAiChatChatHeader exte
|
|
|
325
325
|
? this.renderNavigation()
|
|
326
326
|
: html `<slot name="navigation"></slot>`;
|
|
327
327
|
return html `
|
|
328
|
-
<cds-aichat-toolbar
|
|
328
|
+
<cds-custom-aichat-toolbar
|
|
329
329
|
.actions=${this.actions}
|
|
330
330
|
?overflow=${this.overflow}
|
|
331
331
|
titleText=${this.headerTitle || nothing}
|
|
@@ -336,7 +336,7 @@ let CdsAiChatChatHeader = CdsAiChatChatHeader_1 = class CdsAiChatChatHeader exte
|
|
|
336
336
|
${!this.headerTitle && !this.headerName ? this.renderTitle() : nothing}
|
|
337
337
|
<slot name="fixed-actions" slot="fixed-actions"></slot>
|
|
338
338
|
<slot name="decorator" slot="decorator"></slot>
|
|
339
|
-
</cds-aichat-toolbar>
|
|
339
|
+
</cds-custom-aichat-toolbar>
|
|
340
340
|
`;
|
|
341
341
|
}
|
|
342
342
|
};
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
|
|
8
8
|
import { css } from 'lit';
|
|
9
9
|
|
|
10
|
-
var styles = css([":host{box-sizing:border-box;display:block;inline-size:100%}.cds-aichat-chat-header-overflow-wrapper{position:relative}.cds-aichat-chat-header-overflow-wrapper cds-custom-overflow-menu{border-start-start-radius:calc(var(--cds-aichat-border-radius-start-start, var(--cds-aichat-border-radius)) - .0625rem)}.cds-aichat-chat-header-overflow-wrapper cds-custom-overflow-menu::part(button){border-start-start-radius:calc(var(--cds-aichat-border-radius-start-start, var(--cds-aichat-border-radius)) - .0625rem)}.cds-aichat-chat-header-overflow-icon{color:var(--cds-icon-primary,#161616)}.cds-aichat-chat-header__title{color:var(--cds-text-primary,#161616);inline-size:100%;min-inline-size:4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds-aichat-chat-header__name-text{font-weight:700}"]);
|
|
10
|
+
var styles = css([":host{box-sizing:border-box;display:block;inline-size:100%}.cds-custom-aichat-chat-header-overflow-wrapper{position:relative}.cds-custom-aichat-chat-header-overflow-wrapper cds-custom-overflow-menu{border-start-start-radius:calc(var(--cds-aichat-border-radius-start-start, var(--cds-aichat-border-radius)) - .0625rem)}.cds-custom-aichat-chat-header-overflow-wrapper cds-custom-overflow-menu::part(button){border-start-start-radius:calc(var(--cds-aichat-border-radius-start-start, var(--cds-aichat-border-radius)) - .0625rem)}.cds-custom-aichat-chat-header-overflow-icon{color:var(--cds-icon-primary,#161616)}.cds-custom-aichat-chat-header__title{color:var(--cds-text-primary,#161616);inline-size:100%;min-inline-size:4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds-custom-aichat-chat-header__name-text{font-weight:700}"]);
|
|
11
11
|
|
|
12
12
|
export { styles as default };
|
|
13
13
|
//# sourceMappingURL=chat-header.scss.js.map
|
|
@@ -87,12 +87,12 @@ class PanelManager {
|
|
|
87
87
|
this.shellRoot.classList.toggle("shell--panels-animating", isAnyPanelAnimating);
|
|
88
88
|
}
|
|
89
89
|
getAssignedPanelElements() {
|
|
90
|
-
const internalPanels = Array.from(this.shellRoot.querySelectorAll("cds-aichat-panel[data-internal-panel]"));
|
|
90
|
+
const internalPanels = Array.from(this.shellRoot.querySelectorAll("cds-custom-aichat-panel[data-internal-panel]"));
|
|
91
91
|
const panelsElement = this.panelsSlot
|
|
92
92
|
.assignedElements({ flatten: true })
|
|
93
93
|
.find((element) => element instanceof HTMLElement);
|
|
94
94
|
const slottedPanels = panelsElement
|
|
95
|
-
? Array.from(panelsElement.querySelectorAll("cds-aichat-panel"))
|
|
95
|
+
? Array.from(panelsElement.querySelectorAll("cds-custom-aichat-panel"))
|
|
96
96
|
: [];
|
|
97
97
|
const panels = [...internalPanels, ...slottedPanels];
|
|
98
98
|
return Array.from(new Set(panels));
|
|
@@ -176,7 +176,7 @@ let CDSAIChatShell = CDSAIChatShell_1 = class CDSAIChatShell extends LitElement
|
|
|
176
176
|
return;
|
|
177
177
|
}
|
|
178
178
|
// Also check if the target is inside an internal panel
|
|
179
|
-
const closestPanel = target?.closest?.("cds-aichat-panel[data-internal-panel]");
|
|
179
|
+
const closestPanel = target?.closest?.("cds-custom-aichat-panel[data-internal-panel]");
|
|
180
180
|
if (closestPanel) {
|
|
181
181
|
return;
|
|
182
182
|
}
|
|
@@ -195,7 +195,7 @@ let CDSAIChatShell = CDSAIChatShell_1 = class CDSAIChatShell extends LitElement
|
|
|
195
195
|
return;
|
|
196
196
|
}
|
|
197
197
|
// Also check if the target is inside an internal panel
|
|
198
|
-
const closestPanel = target?.closest?.("cds-aichat-panel[data-internal-panel]");
|
|
198
|
+
const closestPanel = target?.closest?.("cds-custom-aichat-panel[data-internal-panel]");
|
|
199
199
|
if (closestPanel) {
|
|
200
200
|
return;
|
|
201
201
|
}
|
|
@@ -356,7 +356,7 @@ let CDSAIChatShell = CDSAIChatShell_1 = class CDSAIChatShell extends LitElement
|
|
|
356
356
|
? "none"
|
|
357
357
|
: "slide-in-from-bottom";
|
|
358
358
|
return html `
|
|
359
|
-
<cds-aichat-panel
|
|
359
|
+
<cds-custom-aichat-panel
|
|
360
360
|
data-internal-panel
|
|
361
361
|
?open=${this.workspacePanelOpen}
|
|
362
362
|
full-width
|
|
@@ -372,7 +372,7 @@ let CDSAIChatShell = CDSAIChatShell_1 = class CDSAIChatShell extends LitElement
|
|
|
372
372
|
<div slot="body" class="workspace-slot">
|
|
373
373
|
<slot name="workspace"></slot>
|
|
374
374
|
</div>
|
|
375
|
-
</cds-aichat-panel>
|
|
375
|
+
</cds-custom-aichat-panel>
|
|
376
376
|
`;
|
|
377
377
|
}
|
|
378
378
|
renderHeader() {
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
|
|
8
8
|
import { css } from 'lit';
|
|
9
9
|
|
|
10
|
-
var styles = css([":host{background:transparent;block-size:100%;box-sizing:border-box;container-type:inline-size;display:block;inline-size:100%}.visually-hidden{clip:rect(0,0,0,0);block-size:1px;border-width:0;inline-size:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}.shell{--cds-aichat-border-radius-start-start:var(\n --cds-aichat-border-radius-start-start-base,0\n );--cds-aichat-border-radius-start-end:var(\n --cds-aichat-border-radius-start-end-base,0\n );--cds-aichat-border-radius-end-start:var(\n --cds-aichat-border-radius-end-start-base,0\n );--cds-aichat-border-radius-end-end:var(\n --cds-aichat-border-radius-end-end-base,0\n );background-color:var(--cds-chat-shell-background,#fff);background-image:none;block-size:100%;border:1px solid var(--cds-border-subtle-00,#e0e0e0);border-end-end-radius:var(--cds-aichat-border-radius-end-end,0);border-end-start-radius:var(--cds-aichat-border-radius-end-start,0);border-start-end-radius:var(--cds-aichat-border-radius-start-end,0);border-start-start-radius:var(--cds-aichat-border-radius-start-start,0);box-shadow:0 2px 6px var(--cds-shadow,var(--cds-shadow,rgba(0,0,0,.3)));display:block;inline-size:100%;position:relative}.shell.shell--panels-animating{overflow:hidden}.shell.ai-theme{background:linear-gradient(to top,var(--cds-chat-shell-background,var(--cds-ai-popover-background,#fff)) 0,var(--cds-ai-aura-start,rgba(69,137,255,.1)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--cds-chat-shell-background,var(--cds-ai-popover-background,#fff)),var(--cds-chat-shell-background,var(--cds-ai-popover-background,#fff))) padding-box,linear-gradient(to bottom,var(--cds-ai-border-start,rgba(166,200,255,.64)),var(--cds-ai-border-end,#78a9ff)) border-box,linear-gradient(to top,var(--cds-chat-shell-background,var(--cds-ai-popover-background,#fff)),var(--cds-chat-shell-background,var(--cds-ai-popover-background,#fff))) border-box;background-color:var(--cds-chat-shell-background,#fff);border:1px solid transparent;box-shadow:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow,var(--cds-ai-inner-shadow,rgba(69,137,255,.1))),0 4px 10px 2px var(--cds-ai-drop-shadow,var(--cds-ai-drop-shadow,rgba(15,98,254,.1))),-40px 44px 60px -24px var(--cds-ai-popover-shadow-outer-01,var(--cds-ai-popover-shadow-outer-01,rgba(0,67,206,.06))),-56px 64px 64px -24px var(--cds-ai-popover-shadow-outer-02,var(--cds-ai-popover-shadow-outer-02,rgba(0,0,0,.04)))}.shell.frameless,.shell.frameless.rounded{--cds-aichat-border-radius-start-start:0;--cds-aichat-border-radius-start-end:0;--cds-aichat-border-radius-end-start:0;--cds-aichat-border-radius-end-end:0;border:none;border-end-end-radius:0;border-end-start-radius:0;border-start-end-radius:0;border-start-start-radius:0;box-shadow:none}.shell.frameless.ai-theme{background-image:none}.main-chat{align-items:stretch;block-size:100%;display:flex;flex-direction:column;inline-size:100%;min-block-size:0}.shell.initializing .main-chat,.shell.initializing .panels{opacity:0}.shell:not(.initializing) .main-chat,.shell:not(.initializing) .panels{opacity:1}@media screen and (prefers-reduced-motion:no-preference){.main-chat,.panels{transition:opacity .11s cubic-bezier(0,0,.38,.9)}}@media screen and (prefers-reduced-motion:reduce){.shell.initializing .main-chat,.shell.initializing .panels{opacity:1;transition:none}}.header.has-content{border-block-end:1px solid var(--cds-border-subtle-02,#e0e0e0)}.shell.rounded,.shell.rounded .main-chat{border-end-end-radius:var(--cds-aichat-border-radius-end-end,0);border-end-start-radius:var(--cds-aichat-border-radius-end-start,0)}.shell.rounded,.shell.rounded .header-with-header-after,.shell.rounded .header-with-header-after>.header.has-content,.shell.rounded .header-with-header-after>.header:not(.has-content)+.header-after.has-content,.shell.rounded .main-chat{border-start-end-radius:var(--cds-aichat-border-radius-start-end,0);border-start-start-radius:var(--cds-aichat-border-radius-start-start,0)}.shell.rounded .header-with-header-after>.header:not(.has-content)+.header-after.has-content{--cds-aichat-border-radius-end-start:0;--cds-aichat-border-radius-end-end:0}.shell.rounded .header-with-header-after>.header-after:not(.has-content),.shell.rounded .header-with-header-after>.header.has-content+.header-after.has-content,.shell.rounded .header-with-header-after>.header:not(.has-content){--cds-aichat-border-radius-start-end:0;--cds-aichat-border-radius-start-start:0;border-start-end-radius:0;border-start-start-radius:0}.shell.rounded .header-with-header-after>.header.has-content+.header-after.has-content{--cds-aichat-border-radius-end-start:0;--cds-aichat-border-radius-end-end:0;border-end-end-radius:0;border-end-start-radius:0}[data-panel-slot]{opacity:1}[data-panel-slot][inert]{opacity:0}@media screen and (prefers-reduced-motion:no-preference){[data-panel-slot]{transition:opacity .11s cubic-bezier(.2,0,.38,.9)}}.main-content{flex-direction:column;flex-grow:1}.main-content,.main-content-body{align-items:stretch;display:flex;max-inline-size:100%;min-block-size:0;min-inline-size:0}.main-content-body{block-size:100%;flex:1 1 0%;overflow-x:visible;position:relative}.shell.workspace-closing .main-content-body,.shell.workspace-opening .main-content-body{overflow-x:hidden}.shell.ai-theme .main-chat{background-color:var(--cds-chat-shell-background,#fff);background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff)}.history{display:flex;flex-direction:column}.history>[data-panel-slot]{block-size:100%;display:flex;flex:1;flex-direction:column;min-block-size:0}:host([show-history]) .history{flex:0 0 auto;inline-size:var(--cds-aichat-history-width,320px);max-inline-size:var(--cds-aichat-history-width,320px)}:host([show-history][history-location=end]) .history{order:3}:host([show-history][show-workspace][workspace-location=end]) .workspace{order:2}.input-and-messages{align-items:stretch;block-size:100%;display:flex;flex-direction:column;flex-grow:1;inline-size:100%;margin:auto;min-block-size:0;min-inline-size:var(--cds-aichat-messages-min-width,320px)}.input-and-messages .messages-max-width{inline-size:100%;margin:auto;max-inline-size:var(--cds-aichat-messages-max-width,672px)}:host([show-history][history-location=end]) .input-and-messages{order:1}.messages{flex-grow:1;min-block-size:0}.workspace{display:flex;flex-direction:column;min-block-size:0}.workspace-content,.workspace-slot{block-size:100%;inline-size:100%;min-block-size:0}.workspace-content{opacity:1}@media (prefers-reduced-motion:no-preference){.workspace-content{transition:opacity .11s cubic-bezier(.2,0,.38,.9)}}.workspace-content--hidden{opacity:0;pointer-events:none}.shell.workspace-checking .workspace{flex:1 1 0;margin:0;min-inline-size:0;overflow:hidden;padding:0;visibility:hidden}.shell.workspace-checking .input-and-messages{flex:1 1 auto;max-inline-size:var(--cds-aichat-messages-max-width,672px)}.shell.workspace-checking-closing .workspace{flex:1 1 auto;min-inline-size:0;overflow:hidden}.shell.workspace-checking-closing .input-and-messages{flex:0 1 auto;min-inline-size:0}.shell.workspace-checking-closing .workspace,.shell.workspace-closing .workspace{flex:1 1 0;min-inline-size:0;overflow:hidden}.shell.workspace-checking-closing .input-and-messages,.shell.workspace-closing .input-and-messages{box-sizing:border-box;flex:0 1 var(--cds-aichat-messages-min-width,320px);max-inline-size:var(--cds-aichat-messages-min-width,320px);min-inline-size:0}.shell.workspace-opening .workspace{flex:1 1 0;min-inline-size:0;overflow:hidden;visibility:hidden}.shell.workspace-opening .input-and-messages{box-sizing:border-box;flex:0 1 var(--cds-aichat-messages-min-width,320px);min-inline-size:0}.shell.workspace-checking-closing .main-content-body,.shell.workspace-closing .main-content-body,:host([show-workspace]) .main-content-body{container-name:main-content-body;container-type:inline-size;flex-direction:row}:host([show-workspace][workspace-location=end]) .input-and-messages{order:1}:host([workspace-in-container][show-workspace]) .workspace{box-sizing:border-box;flex:1 1 auto;min-inline-size:var(--cds-aichat-workspace-min-width,480px);padding-block-end:1rem;padding-block-start:1rem;padding-inline-end:0;padding-inline-start:1rem}:host([workspace-in-container][show-workspace]) .input-and-messages{box-sizing:border-box;flex:0 0 var(--cds-aichat-messages-min-width,320px);inline-size:var(--cds-aichat-messages-min-width,320px);max-inline-size:var(--cds-aichat-messages-min-width,320px);padding:1rem}:host([workspace-in-panel][show-workspace]) .input-and-messages{flex:1 1 auto;inline-size:100%;max-inline-size:var(--cds-aichat-messages-max-width,672px)}:host([workspace-in-panel][show-workspace]) .main-content-body{flex-direction:column}:host([workspace-in-container][show-workspace][workspace-location=end]) .workspace{order:2;padding-inline-end:1rem}:host([workspace-in-container][show-workspace][workspace-location=end]) .input-and-messages{padding-inline-end:0}:host([workspace-location=end]) .shell.workspace-checking-closing .input-and-messages,:host([workspace-location=end]) .shell.workspace-closing .input-and-messages{order:1}:host([workspace-location=end]) .shell.workspace-checking-closing .workspace,:host([workspace-location=end]) .shell.workspace-closing .workspace{order:2}:host([workspace-in-container]) .shell.workspace-opening .workspace{flex:1 1 0;min-inline-size:0;padding-block-end:1rem;padding-block-start:1rem;padding-inline-end:0;padding-inline-start:1rem}:host([workspace-in-container]) .shell.workspace-opening .input-and-messages{flex:0 1 var(--cds-aichat-messages-min-width,320px);min-inline-size:0;padding-block-end:1rem;padding-block-start:1rem;padding-inline-end:1rem;padding-inline-start:1rem}:host([workspace-in-container]) .shell.workspace-checking-closing .workspace,:host([workspace-in-container]) .shell.workspace-closing .workspace{padding-block-end:1rem;padding-block-start:1rem;padding-inline-end:0;padding-inline-start:1rem}:host([workspace-in-container]) .shell.workspace-checking-closing .input-and-messages,:host([workspace-in-container]) .shell.workspace-closing .input-and-messages{padding-block-end:0;padding-block-start:0;padding-inline-end:0;padding-inline-start:0}:host([workspace-in-container][workspace-location=end]) .shell.workspace-checking-closing .workspace,:host([workspace-in-container][workspace-location=end]) .shell.workspace-closing .workspace{padding-inline-end:1rem;padding-inline-start:0}:host([workspace-in-container][workspace-location=end]) .shell.workspace-checking-closing .input-and-messages,:host([workspace-in-container][workspace-location=end]) .shell.workspace-closing .input-and-messages{padding:0}:host([workspace-in-container][workspace-location=end]) .shell.workspace-opening .workspace{padding-inline-end:1rem;padding-inline-start:0}:host([workspace-in-container][workspace-location=end]) .shell.workspace-opening .input-and-messages{padding-inline-end:0}.shell.rounded .main-content,.shell.rounded .main-content>.footer.has-content{border-end-end-radius:var(--cds-aichat-border-radius-end-end,0);border-end-start-radius:var(--cds-aichat-border-radius-end-start,0)}.shell.rounded .main-content>.footer.has-content{--cds-aichat-border-radius-start-start:0;--cds-aichat-border-radius-start-end:0}.shell.rounded .main-content>.footer:not(.has-content){--cds-aichat-border-radius-end-start:0;--cds-aichat-border-radius-end-end:0;border-end-end-radius:0;border-end-start-radius:0}.shell.rounded .input-and-messages:not(.at-max-width),.shell.rounded.has-header-content .input-and-messages{--cds-aichat-border-radius-start-start:0;--cds-aichat-border-radius-start-end:0}.shell.rounded .input-and-messages:not(.at-max-width),.shell.rounded.has-footer-content .input-and-messages{--cds-aichat-border-radius-end-start:0;--cds-aichat-border-radius-end-end:0}.shell.rounded:not(.has-header-content) .input-and-messages.at-max-width{--cds-aichat-border-radius-start-start:var(\n --cds-aichat-border-radius-start-start-base,0.5rem\n );--cds-aichat-border-radius-start-end:var(\n --cds-aichat-border-radius-start-end-base,0.5rem\n )}.shell.rounded:not(.has-footer-content) .input-and-messages.at-max-width{--cds-aichat-border-radius-end-start:var(\n --cds-aichat-border-radius-end-start-base,0.5rem\n );--cds-aichat-border-radius-end-end:var(\n --cds-aichat-border-radius-end-end-base,0.5rem\n )}.shell.rounded .input-and-messages>.input-after:not(.has-content),.shell.rounded .input-and-messages>.input-before:not(.has-content),.shell.rounded .input-and-messages>.input:not(.has-content){--cds-aichat-border-radius-end-start:0;--cds-aichat-border-radius-end-end:0;border-end-end-radius:0;border-end-start-radius:0}.shell.rounded .input-and-messages:not(.has-input-after-content,.has-input-content,.has-input-before-content)>.messages{border-end-end-radius:var(--cds-aichat-border-radius-end-end,0);border-end-start-radius:var(--cds-aichat-border-radius-end-start,0)}.shell.rounded .input-and-messages.has-input-after-content>.messages,.shell.rounded .input-and-messages:not(.has-input-after-content).has-input-content>.messages,.shell.rounded .input-and-messages:not(.has-input-after-content,.has-input-content).has-input-before-content>.messages{--cds-aichat-border-radius-end-start:0;--cds-aichat-border-radius-end-end:0;border-end-end-radius:0;border-end-start-radius:0}.shell.rounded .input-and-messages>.input-after.has-content{border-end-end-radius:var(--cds-aichat-border-radius-end-end,0);border-end-start-radius:var(--cds-aichat-border-radius-end-start,0)}.shell.rounded:not(.has-footer-content) .input-and-messages.at-max-width>.input-after.has-content{--cds-aichat-border-radius-end-start:var(\n --cds-aichat-border-radius-end-start-base,0.5rem\n );--cds-aichat-border-radius-end-end:var(\n --cds-aichat-border-radius-end-end-base,0.5rem\n )}:host([content-max-width]:not([show-workspace])) .input-and-messages:not(.at-max-width)>.input-after{margin-block-end:32px}.shell.rounded .input-and-messages:not(.has-input-after-content)>.input.has-content,.shell.rounded .input-and-messages:not(.has-input-after-content,.has-input-content)>.input-before.has-content{border-end-end-radius:var(--cds-aichat-border-radius-end-end,0);border-end-start-radius:var(--cds-aichat-border-radius-end-start,0)}.shell.rounded .input-and-messages.has-input-after-content>.input,.shell.rounded .input-and-messages.has-input-after-content>.input-before,.shell.rounded .input-and-messages:not(.has-input-after-content).has-input-content>.input-before{--cds-aichat-border-radius-end-start:0;--cds-aichat-border-radius-end-end:0;border-end-end-radius:0;border-end-start-radius:0}"]);
|
|
10
|
+
var styles = css([":host{background:transparent;block-size:100%;box-sizing:border-box;container-type:inline-size;display:block;inline-size:100%}.visually-hidden{clip:rect(0,0,0,0);block-size:1px;border-width:0;inline-size:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}.shell{--cds-aichat-border-radius-start-start:var(\n --cds-aichat-border-radius-start-start-base,0\n );--cds-aichat-border-radius-start-end:var(\n --cds-aichat-border-radius-start-end-base,0\n );--cds-aichat-border-radius-end-start:var(\n --cds-aichat-border-radius-end-start-base,0\n );--cds-aichat-border-radius-end-end:var(\n --cds-aichat-border-radius-end-end-base,0\n );background-color:var(--cds-chat-shell-background,#fff);background-image:none;block-size:100%;border:1px solid var(--cds-border-subtle-00,#e0e0e0);border-end-end-radius:var(--cds-aichat-border-radius-end-end,0);border-end-start-radius:var(--cds-aichat-border-radius-end-start,0);border-start-end-radius:var(--cds-aichat-border-radius-start-end,0);border-start-start-radius:var(--cds-aichat-border-radius-start-start,0);box-shadow:0 2px 6px var(--cds-shadow,var(--cds-shadow,rgba(0,0,0,.3)));box-sizing:border-box;display:block;inline-size:100%;position:relative}.shell.shell--panels-animating{overflow:hidden}.shell.ai-theme{background:linear-gradient(to top,var(--cds-chat-shell-background,var(--cds-ai-popover-background,#fff)) 0,var(--cds-ai-aura-start,rgba(69,137,255,.1)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--cds-chat-shell-background,var(--cds-ai-popover-background,#fff)),var(--cds-chat-shell-background,var(--cds-ai-popover-background,#fff))) padding-box,linear-gradient(to bottom,var(--cds-ai-border-start,rgba(166,200,255,.64)),var(--cds-ai-border-end,#78a9ff)) border-box,linear-gradient(to top,var(--cds-chat-shell-background,var(--cds-ai-popover-background,#fff)),var(--cds-chat-shell-background,var(--cds-ai-popover-background,#fff))) border-box;background-color:var(--cds-chat-shell-background,#fff);border:1px solid transparent;box-shadow:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow,var(--cds-ai-inner-shadow,rgba(69,137,255,.1))),0 4px 10px 2px var(--cds-ai-drop-shadow,var(--cds-ai-drop-shadow,rgba(15,98,254,.1))),-40px 44px 60px -24px var(--cds-ai-popover-shadow-outer-01,var(--cds-ai-popover-shadow-outer-01,rgba(0,67,206,.06))),-56px 64px 64px -24px var(--cds-ai-popover-shadow-outer-02,var(--cds-ai-popover-shadow-outer-02,rgba(0,0,0,.04)))}.shell.frameless.ai-theme{background-image:none}.shell.frameless,.shell.frameless.rounded{--cds-aichat-border-radius-start-start:0;--cds-aichat-border-radius-start-end:0;--cds-aichat-border-radius-end-start:0;--cds-aichat-border-radius-end-end:0;border:none;border-end-end-radius:0;border-end-start-radius:0;border-start-end-radius:0;border-start-start-radius:0;box-shadow:none}.main-chat{align-items:stretch;block-size:100%;display:flex;flex-direction:column;inline-size:100%;min-block-size:0}.shell.initializing .main-chat>*,.shell.initializing .panels{opacity:0}.shell:not(.initializing) .main-chat>*,.shell:not(.initializing) .panels{opacity:1}@media screen and (prefers-reduced-motion:no-preference){.main-chat>*,.panels{transition:opacity .11s cubic-bezier(0,0,.38,.9)}}@media screen and (prefers-reduced-motion:reduce){.shell.initializing .main-chat>*,.shell.initializing .panels{opacity:1;transition:none}}.header.has-content{border-block-end:1px solid var(--cds-border-subtle-02,#e0e0e0)}.shell.rounded,.shell.rounded .main-chat{border-end-end-radius:var(--cds-aichat-border-radius-end-end,0);border-end-start-radius:var(--cds-aichat-border-radius-end-start,0)}.shell.rounded,.shell.rounded .header-with-header-after,.shell.rounded .header-with-header-after>.header.has-content,.shell.rounded .header-with-header-after>.header:not(.has-content)+.header-after.has-content,.shell.rounded .main-chat{border-start-end-radius:var(--cds-aichat-border-radius-start-end,0);border-start-start-radius:var(--cds-aichat-border-radius-start-start,0)}.shell.rounded .header-with-header-after>.header:not(.has-content)+.header-after.has-content{--cds-aichat-border-radius-end-start:0;--cds-aichat-border-radius-end-end:0}.shell.rounded .header-with-header-after>.header-after:not(.has-content),.shell.rounded .header-with-header-after>.header.has-content+.header-after.has-content,.shell.rounded .header-with-header-after>.header:not(.has-content){--cds-aichat-border-radius-start-end:0;--cds-aichat-border-radius-start-start:0;border-start-end-radius:0;border-start-start-radius:0}.shell.rounded .header-with-header-after>.header.has-content+.header-after.has-content{--cds-aichat-border-radius-end-start:0;--cds-aichat-border-radius-end-end:0;border-end-end-radius:0;border-end-start-radius:0}[data-panel-slot]{opacity:1}[data-panel-slot][inert]{opacity:0}@media screen and (prefers-reduced-motion:no-preference){[data-panel-slot]{transition:opacity .11s cubic-bezier(.2,0,.38,.9)}}.main-content{flex-direction:column;flex-grow:1}.main-content,.main-content-body{align-items:stretch;display:flex;max-inline-size:100%;min-block-size:0;min-inline-size:0}.main-content-body{block-size:100%;flex:1 1 0%;overflow-x:visible;position:relative}.shell.workspace-closing .main-content-body,.shell.workspace-opening .main-content-body{overflow-x:hidden}.shell.ai-theme .main-chat{background-color:var(--cds-chat-shell-background,#fff);background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff)}.history{display:flex;flex-direction:column}.history>[data-panel-slot]{block-size:100%;display:flex;flex:1;flex-direction:column;min-block-size:0}:host([show-history]) .history{flex:0 0 auto;inline-size:var(--cds-aichat-history-width,320px);max-inline-size:var(--cds-aichat-history-width,320px)}:host([show-history][history-location=end]) .history{order:3}:host([show-history][show-workspace][workspace-location=end]) .workspace{order:2}.input-and-messages{align-items:stretch;block-size:100%;display:flex;flex-direction:column;flex-grow:1;inline-size:100%;margin:auto;min-block-size:0;min-inline-size:var(--cds-aichat-messages-min-width,320px)}.input-and-messages .messages-max-width{inline-size:100%;margin:auto;max-inline-size:var(--cds-aichat-messages-max-width,672px)}:host([show-history][history-location=end]) .input-and-messages{order:1}.messages{flex-grow:1;min-block-size:0}.workspace{display:flex;flex-direction:column;min-block-size:0}.workspace-content,.workspace-slot{block-size:100%;inline-size:100%;min-block-size:0}.workspace-content{opacity:1}@media (prefers-reduced-motion:no-preference){.workspace-content{transition:opacity .11s cubic-bezier(.2,0,.38,.9)}}.workspace-content--hidden{opacity:0;pointer-events:none}.shell.workspace-checking .workspace{flex:1 1 0;margin:0;min-inline-size:0;overflow:hidden;padding:0;visibility:hidden}.shell.workspace-checking .input-and-messages{flex:1 1 auto;max-inline-size:var(--cds-aichat-messages-max-width,672px)}.shell.workspace-checking-closing .workspace{flex:1 1 auto;min-inline-size:0;overflow:hidden}.shell.workspace-checking-closing .input-and-messages{flex:0 1 auto;min-inline-size:0}.shell.workspace-checking-closing .workspace,.shell.workspace-closing .workspace{flex:1 1 0;min-inline-size:0;overflow:hidden}.shell.workspace-checking-closing .input-and-messages,.shell.workspace-closing .input-and-messages{box-sizing:border-box;flex:0 1 var(--cds-aichat-messages-min-width,320px);max-inline-size:var(--cds-aichat-messages-min-width,320px);min-inline-size:0}.shell.workspace-opening .workspace{flex:1 1 0;min-inline-size:0;overflow:hidden;visibility:hidden}.shell.workspace-opening .input-and-messages{box-sizing:border-box;flex:0 1 var(--cds-aichat-messages-min-width,320px);min-inline-size:0}.shell.workspace-checking-closing .main-content-body,.shell.workspace-closing .main-content-body,:host([show-workspace]) .main-content-body{container-name:main-content-body;container-type:inline-size;flex-direction:row}:host([show-workspace][workspace-location=end]) .input-and-messages{order:1}:host([workspace-in-container][show-workspace]) .workspace{box-sizing:border-box;flex:1 1 auto;min-inline-size:var(--cds-aichat-workspace-min-width,480px);padding-block-end:1rem;padding-block-start:1rem;padding-inline-end:0;padding-inline-start:1rem}:host([workspace-in-container][show-workspace]) .input-and-messages{box-sizing:border-box;flex:0 0 var(--cds-aichat-messages-min-width,320px);inline-size:var(--cds-aichat-messages-min-width,320px);max-inline-size:var(--cds-aichat-messages-min-width,320px);padding:1rem}:host([workspace-in-panel][show-workspace]) .input-and-messages{flex:1 1 auto;inline-size:100%;max-inline-size:var(--cds-aichat-messages-max-width,672px)}:host([workspace-in-panel][show-workspace]) .main-content-body{flex-direction:column}:host([workspace-in-container][show-workspace][workspace-location=end]) .workspace{order:2;padding-inline-end:1rem}:host([workspace-in-container][show-workspace][workspace-location=end]) .input-and-messages{padding-inline-end:0}:host([workspace-location=end]) .shell.workspace-checking-closing .input-and-messages,:host([workspace-location=end]) .shell.workspace-closing .input-and-messages{order:1}:host([workspace-location=end]) .shell.workspace-checking-closing .workspace,:host([workspace-location=end]) .shell.workspace-closing .workspace{order:2}:host([workspace-in-container]) .shell.workspace-opening .workspace{flex:1 1 0;min-inline-size:0;padding-block-end:1rem;padding-block-start:1rem;padding-inline-end:0;padding-inline-start:1rem}:host([workspace-in-container]) .shell.workspace-opening .input-and-messages{flex:0 1 var(--cds-aichat-messages-min-width,320px);min-inline-size:0;padding-block-end:1rem;padding-block-start:1rem;padding-inline-end:1rem;padding-inline-start:1rem}:host([workspace-in-container]) .shell.workspace-checking-closing .workspace,:host([workspace-in-container]) .shell.workspace-closing .workspace{padding-block-end:1rem;padding-block-start:1rem;padding-inline-end:0;padding-inline-start:1rem}:host([workspace-in-container]) .shell.workspace-checking-closing .input-and-messages,:host([workspace-in-container]) .shell.workspace-closing .input-and-messages{padding-block-end:0;padding-block-start:0;padding-inline-end:0;padding-inline-start:0}:host([workspace-in-container][workspace-location=end]) .shell.workspace-checking-closing .workspace,:host([workspace-in-container][workspace-location=end]) .shell.workspace-closing .workspace{padding-inline-end:1rem;padding-inline-start:0}:host([workspace-in-container][workspace-location=end]) .shell.workspace-checking-closing .input-and-messages,:host([workspace-in-container][workspace-location=end]) .shell.workspace-closing .input-and-messages{padding:0}:host([workspace-in-container][workspace-location=end]) .shell.workspace-opening .workspace{padding-inline-end:1rem;padding-inline-start:0}:host([workspace-in-container][workspace-location=end]) .shell.workspace-opening .input-and-messages{padding-inline-end:0}.shell.rounded .main-content,.shell.rounded .main-content>.footer.has-content{border-end-end-radius:var(--cds-aichat-border-radius-end-end,0);border-end-start-radius:var(--cds-aichat-border-radius-end-start,0)}.shell.rounded .main-content>.footer.has-content{--cds-aichat-border-radius-start-start:0;--cds-aichat-border-radius-start-end:0}.shell.rounded .main-content>.footer:not(.has-content){--cds-aichat-border-radius-end-start:0;--cds-aichat-border-radius-end-end:0;border-end-end-radius:0;border-end-start-radius:0}.shell.rounded .input-and-messages:not(.at-max-width),.shell.rounded.has-header-content .input-and-messages{--cds-aichat-border-radius-start-start:0;--cds-aichat-border-radius-start-end:0}.shell.rounded .input-and-messages:not(.at-max-width),.shell.rounded.has-footer-content .input-and-messages{--cds-aichat-border-radius-end-start:0;--cds-aichat-border-radius-end-end:0}.shell.rounded:not(.has-header-content) .input-and-messages.at-max-width{--cds-aichat-border-radius-start-start:var(\n --cds-aichat-border-radius-start-start-base,0.5rem\n );--cds-aichat-border-radius-start-end:var(\n --cds-aichat-border-radius-start-end-base,0.5rem\n )}.shell.rounded:not(.has-footer-content) .input-and-messages.at-max-width{--cds-aichat-border-radius-end-start:var(\n --cds-aichat-border-radius-end-start-base,0.5rem\n );--cds-aichat-border-radius-end-end:var(\n --cds-aichat-border-radius-end-end-base,0.5rem\n )}.shell.rounded .input-and-messages>.input-after:not(.has-content),.shell.rounded .input-and-messages>.input-before:not(.has-content),.shell.rounded .input-and-messages>.input:not(.has-content){--cds-aichat-border-radius-end-start:0;--cds-aichat-border-radius-end-end:0;border-end-end-radius:0;border-end-start-radius:0}.shell.rounded .input-and-messages:not(.has-input-after-content,.has-input-content,.has-input-before-content)>.messages{border-end-end-radius:var(--cds-aichat-border-radius-end-end,0);border-end-start-radius:var(--cds-aichat-border-radius-end-start,0)}.shell.rounded .input-and-messages.has-input-after-content>.messages,.shell.rounded .input-and-messages:not(.has-input-after-content).has-input-content>.messages,.shell.rounded .input-and-messages:not(.has-input-after-content,.has-input-content).has-input-before-content>.messages{--cds-aichat-border-radius-end-start:0;--cds-aichat-border-radius-end-end:0;border-end-end-radius:0;border-end-start-radius:0}.shell.rounded .input-and-messages>.input-after.has-content{border-end-end-radius:var(--cds-aichat-border-radius-end-end,0);border-end-start-radius:var(--cds-aichat-border-radius-end-start,0)}.shell.rounded:not(.has-footer-content) .input-and-messages.at-max-width>.input-after.has-content{--cds-aichat-border-radius-end-start:var(\n --cds-aichat-border-radius-end-start-base,0.5rem\n );--cds-aichat-border-radius-end-end:var(\n --cds-aichat-border-radius-end-end-base,0.5rem\n )}:host([content-max-width]:not([show-workspace])) .input-and-messages:not(.at-max-width)>.input-after{margin-block-end:32px}.shell.rounded .input-and-messages:not(.has-input-after-content)>.input.has-content,.shell.rounded .input-and-messages:not(.has-input-after-content,.has-input-content)>.input-before.has-content{border-end-end-radius:var(--cds-aichat-border-radius-end-end,0);border-end-start-radius:var(--cds-aichat-border-radius-end-start,0)}.shell.rounded .input-and-messages.has-input-after-content>.input,.shell.rounded .input-and-messages.has-input-after-content>.input-before,.shell.rounded .input-and-messages:not(.has-input-after-content).has-input-content>.input-before{--cds-aichat-border-radius-end-start:0;--cds-aichat-border-radius-end-end:0;border-end-end-radius:0;border-end-start-radius:0}"]);
|
|
11
11
|
|
|
12
12
|
export { styles as default };
|
|
13
13
|
//# sourceMappingURL=shell.scss.js.map
|
|
@@ -42,7 +42,7 @@ class SlotObserver {
|
|
|
42
42
|
*/
|
|
43
43
|
connect(onChangeCallback) {
|
|
44
44
|
this.onChangeCallback = onChangeCallback;
|
|
45
|
-
this.updateSlotStates();
|
|
45
|
+
this.updateSlotStates(true);
|
|
46
46
|
this.observeSlotChanges();
|
|
47
47
|
}
|
|
48
48
|
/**
|
|
@@ -125,7 +125,7 @@ class SlotObserver {
|
|
|
125
125
|
/**
|
|
126
126
|
* Update the state for all observed slots
|
|
127
127
|
*/
|
|
128
|
-
updateSlotStates() {
|
|
128
|
+
updateSlotStates(forceCallback = false) {
|
|
129
129
|
const previousStates = new Map(this.observedSlots.map(({ stateKey }) => [
|
|
130
130
|
stateKey,
|
|
131
131
|
this.state[stateKey],
|
|
@@ -134,7 +134,7 @@ class SlotObserver {
|
|
|
134
134
|
this.state[stateKey] = this.hasSlotContent(name);
|
|
135
135
|
});
|
|
136
136
|
const hasChanged = this.observedSlots.some(({ stateKey }) => previousStates.get(stateKey) !== this.state[stateKey]);
|
|
137
|
-
if (hasChanged && this.onChangeCallback) {
|
|
137
|
+
if ((hasChanged || forceCallback) && this.onChangeCallback) {
|
|
138
138
|
this.onChangeCallback();
|
|
139
139
|
}
|
|
140
140
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"slot-observer.js","sources":["../../../../src/components/chat-shell/src/slot-observer.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAAA;;;;;;;AAOG;AAIH;;;AAGG;MACU,YAAY,CAAA;IAavB,WAAA,CACmB,SAAqB,EACrB,aAAoC,EAAA;QADpC,IAAA,CAAA,SAAS,GAAT,SAAS;QACT,IAAA,CAAA,aAAa,GAAb,aAAa;AAdxB,QAAA,IAAA,CAAA,KAAK,GAAqB;AAChC,YAAA,gBAAgB,EAAE,KAAK;AACvB,YAAA,qBAAqB,EAAE,KAAK;AAC5B,YAAA,gBAAgB,EAAE,KAAK;AACvB,YAAA,eAAe,EAAE,KAAK;AACtB,YAAA,oBAAoB,EAAE,KAAK;AAC3B,YAAA,qBAAqB,EAAE,KAAK;SAC7B;QAEO,IAAA,CAAA,KAAK,GAAsB,EAAE;AAiJrC;;AAEG;QACK,IAAA,CAAA,gBAAgB,GAAG,MAAW;YACpC,IAAI,CAAC,gBAAgB,EAAE;AACzB,QAAA,CAAC;IAhJE;AAEH;;AAEG;AACH,IAAA,OAAO,CAAC,gBAA4B,EAAA;AAClC,QAAA,IAAI,CAAC,gBAAgB,GAAG,gBAAgB;
|
|
1
|
+
{"version":3,"file":"slot-observer.js","sources":["../../../../src/components/chat-shell/src/slot-observer.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -25,7 +25,7 @@ interface WorkspaceState {
|
|
|
25
25
|
isContracting: boolean;
|
|
26
26
|
}
|
|
27
27
|
/**
|
|
28
|
-
* Manages workspace layout, responsive behavior, and transitions for cds-aichat-shell.
|
|
28
|
+
* Manages workspace layout, responsive behavior, and transitions for cds-custom-aichat-shell.
|
|
29
29
|
* Handles switching between inline and panel modes based on available width,
|
|
30
30
|
* and orchestrates smooth transitions when workspace visibility changes.
|
|
31
31
|
*/
|
|
@@ -22,7 +22,7 @@ const HISTORY_WIDTH_FALLBACK = 320;
|
|
|
22
22
|
const EXPANSION_POLL_INTERVAL_MS = 50;
|
|
23
23
|
const EXPANSION_THRESHOLD_PX = 1;
|
|
24
24
|
/**
|
|
25
|
-
* Manages workspace layout, responsive behavior, and transitions for cds-aichat-shell.
|
|
25
|
+
* Manages workspace layout, responsive behavior, and transitions for cds-custom-aichat-shell.
|
|
26
26
|
* Handles switching between inline and panel modes based on available width,
|
|
27
27
|
* and orchestrates smooth transitions when workspace visibility changes.
|
|
28
28
|
*/
|