@carbon/ai-chat-components 1.2.0 → 1.3.0-rc.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/custom-elements.json +408 -37
- 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/src/carousel.js +1 -0
- package/es/components/carousel/src/carousel.js.map +1 -1
- package/es/components/chat-button/src/chat-button.scss.js +1 -1
- package/es/components/chat-history/src/chat-history.scss.js +1 -1
- package/es/components/chat-history/src/history-content.d.ts +4 -4
- package/es/components/chat-history/src/history-content.js +20 -22
- package/es/components/chat-history/src/history-content.js.map +1 -1
- package/es/components/chat-history/src/history-panel-item.d.ts +18 -1
- package/es/components/chat-history/src/history-panel-item.js +60 -11
- package/es/components/chat-history/src/history-panel-item.js.map +1 -1
- package/es/components/chat-history/src/history-panel.d.ts +6 -0
- package/es/components/chat-history/src/history-panel.js +9 -0
- package/es/components/chat-history/src/history-panel.js.map +1 -1
- package/es/components/chat-history/src/history-toolbar.d.ts +1 -0
- package/es/components/chat-history/src/history-toolbar.js +10 -2
- package/es/components/chat-history/src/history-toolbar.js.map +1 -1
- package/es/components/chat-shell/src/chat-header.js +12 -5
- package/es/components/chat-shell/src/chat-header.js.map +1 -1
- package/es/components/chat-shell/src/corner-manager.d.ts +7 -3
- package/es/components/chat-shell/src/corner-manager.js +32 -17
- package/es/components/chat-shell/src/corner-manager.js.map +1 -1
- package/es/components/chat-shell/src/shell.d.ts +1 -0
- package/es/components/chat-shell/src/shell.js +21 -2
- package/es/components/chat-shell/src/shell.js.map +1 -1
- package/es/components/code-snippet/src/code-snippet.d.ts +7 -3
- package/es/components/code-snippet/src/code-snippet.js +47 -10
- package/es/components/code-snippet/src/code-snippet.js.map +1 -1
- package/es/components/code-snippet/src/layout-utils.d.ts +3 -1
- package/es/components/code-snippet/src/layout-utils.js.map +1 -1
- package/es/components/feedback/src/feedback-buttons.js +16 -3
- package/es/components/feedback/src/feedback-buttons.js.map +1 -1
- package/es/components/feedback/src/feedback.d.ts +18 -5
- package/es/components/feedback/src/feedback.js +104 -64
- package/es/components/feedback/src/feedback.js.map +1 -1
- package/es/components/feedback/src/feedback.scss.js +1 -1
- package/es/components/markdown/src/markdown-renderer.js +15 -10
- package/es/components/markdown/src/markdown-renderer.js.map +1 -1
- package/es/components/markdown/src/utils/html-helpers.js +4 -2
- package/es/components/markdown/src/utils/html-helpers.js.map +1 -1
- package/es/components/shared/dynamic-css-var-sheet.d.ts +32 -0
- package/es/components/shared/dynamic-css-var-sheet.js +184 -0
- package/es/components/shared/dynamic-css-var-sheet.js.map +1 -0
- package/es/components/table/src/table.js +10 -5
- package/es/components/table/src/table.js.map +1 -1
- package/es/components/table/src/table.scss.js +1 -1
- package/es/components/table/src/table.template.js +2 -1
- package/es/components/table/src/table.template.js.map +1 -1
- package/es/components/toolbar/src/toolbar.js +16 -6
- package/es/components/toolbar/src/toolbar.js.map +1 -1
- package/es/components/toolbar/src/toolbar.scss.js +1 -1
- package/es/components/truncated-text/src/truncated-text.d.ts +3 -0
- package/es/components/truncated-text/src/truncated-text.js +23 -8
- package/es/components/truncated-text/src/truncated-text.js.map +1 -1
- package/es/components/video-player/src/providers/kaltura-provider.js +2 -7
- package/es/components/video-player/src/providers/kaltura-provider.js.map +1 -1
- package/es/components/video-player/src/providers/native-video-provider.js +2 -6
- package/es/components/video-player/src/providers/native-video-provider.js.map +1 -1
- package/es/components/video-player/src/providers/vimeo-provider.js +5 -13
- package/es/components/video-player/src/providers/vimeo-provider.js.map +1 -1
- package/es/components/video-player/src/providers/youtube-provider.js +3 -6
- package/es/components/video-player/src/providers/youtube-provider.js.map +1 -1
- package/es/components/video-player/src/video-player.d.ts +3 -0
- package/es/components/video-player/src/video-player.js +19 -1
- package/es/components/video-player/src/video-player.js.map +1 -1
- package/es/components/video-player/src/video-player.scss.js +1 -1
- package/es/components/workspace-shell/src/workspace-shell-header.js +3 -3
- package/es/globals/utils/rtl-utils.d.ts +7 -0
- package/es/globals/utils/rtl-utils.js +30 -0
- package/es/globals/utils/rtl-utils.js.map +1 -0
- package/es-custom/components/card/src/card-footer.scss.js +1 -1
- package/es-custom/components/card/src/card-steps.scss.js +1 -1
- package/es-custom/components/card/src/card.scss.js +1 -1
- package/es-custom/components/carousel/src/carousel.js +1 -0
- package/es-custom/components/carousel/src/carousel.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 +4 -4
- package/es-custom/components/chat-history/src/history-content.js +20 -22
- package/es-custom/components/chat-history/src/history-content.js.map +1 -1
- package/es-custom/components/chat-history/src/history-panel-item.d.ts +18 -1
- package/es-custom/components/chat-history/src/history-panel-item.js +60 -11
- package/es-custom/components/chat-history/src/history-panel-item.js.map +1 -1
- package/es-custom/components/chat-history/src/history-panel.d.ts +6 -0
- package/es-custom/components/chat-history/src/history-panel.js +9 -0
- package/es-custom/components/chat-history/src/history-panel.js.map +1 -1
- package/es-custom/components/chat-history/src/history-toolbar.d.ts +1 -0
- package/es-custom/components/chat-history/src/history-toolbar.js +10 -2
- package/es-custom/components/chat-history/src/history-toolbar.js.map +1 -1
- package/es-custom/components/chat-shell/src/chat-header.js +12 -5
- package/es-custom/components/chat-shell/src/chat-header.js.map +1 -1
- package/es-custom/components/chat-shell/src/corner-manager.d.ts +7 -3
- package/es-custom/components/chat-shell/src/corner-manager.js +32 -17
- package/es-custom/components/chat-shell/src/corner-manager.js.map +1 -1
- package/es-custom/components/chat-shell/src/shell.d.ts +1 -0
- package/es-custom/components/chat-shell/src/shell.js +21 -2
- package/es-custom/components/chat-shell/src/shell.js.map +1 -1
- package/es-custom/components/code-snippet/src/code-snippet.d.ts +7 -3
- package/es-custom/components/code-snippet/src/code-snippet.js +47 -10
- package/es-custom/components/code-snippet/src/code-snippet.js.map +1 -1
- package/es-custom/components/code-snippet/src/layout-utils.d.ts +3 -1
- package/es-custom/components/code-snippet/src/layout-utils.js.map +1 -1
- package/es-custom/components/feedback/src/feedback-buttons.js +16 -3
- package/es-custom/components/feedback/src/feedback-buttons.js.map +1 -1
- package/es-custom/components/feedback/src/feedback.d.ts +18 -5
- package/es-custom/components/feedback/src/feedback.js +104 -64
- package/es-custom/components/feedback/src/feedback.js.map +1 -1
- package/es-custom/components/feedback/src/feedback.scss.js +1 -1
- package/es-custom/components/markdown/src/markdown-renderer.js +15 -10
- package/es-custom/components/markdown/src/markdown-renderer.js.map +1 -1
- package/es-custom/components/markdown/src/utils/html-helpers.js +4 -2
- package/es-custom/components/markdown/src/utils/html-helpers.js.map +1 -1
- package/es-custom/components/shared/dynamic-css-var-sheet.d.ts +32 -0
- package/es-custom/components/shared/dynamic-css-var-sheet.js +184 -0
- package/es-custom/components/shared/dynamic-css-var-sheet.js.map +1 -0
- package/es-custom/components/table/src/table.js +10 -5
- package/es-custom/components/table/src/table.js.map +1 -1
- package/es-custom/components/table/src/table.scss.js +1 -1
- package/es-custom/components/table/src/table.template.js +2 -1
- package/es-custom/components/table/src/table.template.js.map +1 -1
- package/es-custom/components/toolbar/src/toolbar.js +16 -6
- 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 -0
- package/es-custom/components/truncated-text/src/truncated-text.js +23 -8
- package/es-custom/components/truncated-text/src/truncated-text.js.map +1 -1
- package/es-custom/components/video-player/src/providers/kaltura-provider.js +2 -7
- package/es-custom/components/video-player/src/providers/kaltura-provider.js.map +1 -1
- package/es-custom/components/video-player/src/providers/native-video-provider.js +2 -6
- package/es-custom/components/video-player/src/providers/native-video-provider.js.map +1 -1
- package/es-custom/components/video-player/src/providers/vimeo-provider.js +5 -13
- package/es-custom/components/video-player/src/providers/vimeo-provider.js.map +1 -1
- package/es-custom/components/video-player/src/providers/youtube-provider.js +3 -6
- package/es-custom/components/video-player/src/providers/youtube-provider.js.map +1 -1
- package/es-custom/components/video-player/src/video-player.d.ts +3 -0
- package/es-custom/components/video-player/src/video-player.js +19 -1
- package/es-custom/components/video-player/src/video-player.js.map +1 -1
- package/es-custom/components/video-player/src/video-player.scss.js +1 -1
- package/es-custom/components/workspace-shell/src/workspace-shell-header.js +3 -3
- package/es-custom/globals/utils/rtl-utils.d.ts +7 -0
- package/es-custom/globals/utils/rtl-utils.js +30 -0
- package/es-custom/globals/utils/rtl-utils.js.map +1 -0
- package/package.json +5 -5
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
|
|
8
8
|
import { css } from 'lit';
|
|
9
9
|
|
|
10
|
-
var styles = css([".cds-custom--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds-custom--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds-custom--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds-custom--layer-one.cds-custom--layer__with-background,.cds-custom--layer-three.cds-custom--layer__with-background,.cds-custom--layer-two.cds-custom--layer__with-background{background-color:var(--cds-layer-background)}.cds-custom--side-nav{background-color:var(--cds-background,#fff);color:var(--cds-text-secondary,#525252);inline-size:3rem;inset-block:0;inset-inline-start:0;max-inline-size:16rem;overflow:hidden;position:fixed;transition:inline-size .11s cubic-bezier(.2,0,1,.9),transform .11s cubic-bezier(.2,0,1,.9);will-change:inline-size;z-index:8000}.cds-custom--side-nav--ux{inline-size:16rem;inset-block-start:3rem}@media (max-width:65.98rem){.cds-custom--side-nav--ux{inline-size:0}}.cds-custom--side-nav--rail{inline-size:3rem}.cds-custom--side-nav--hidden{inline-size:0}.cds-custom--side-nav--expanded{inline-size:16rem}.cds-custom--side-nav__overlay{background-color:transparent;block-size:0;inline-size:0;inset-block-start:3rem;inset-inline-start:0;opacity:0;position:fixed;transition:opacity .3s cubic-bezier(.5,0,.1,1),background-color .3s cubic-bezier(.5,0,.1,1)}@media (max-width:65.98rem){.cds-custom--side-nav__overlay-active{background-color:var(--cds-overlay,rgba(0,0,0,.6));block-size:100vh;inline-size:100vw;opacity:1;transition:opacity .3s cubic-bezier(.5,0,.1,1),background-color .3s cubic-bezier(.5,0,.1,1);z-index:6000}}.cds-custom--header~.cds-custom--side-nav{block-size:calc(100% - 48px);inset-block-start:3rem}.cds-custom--side-nav--fixed{inline-size:16rem}.cds-custom--side-nav--collapsed{inline-size:16rem;transform:translateX(-16rem)}.cds-custom--side-nav__navigation{display:flex;flex-direction:column}.cds-custom--side-nav__items,:host(cds-custom-aichat-history-panel-items),:host(cds-custom-side-nav-items){border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--side-nav__items *,.cds-custom--side-nav__items :after,.cds-custom--side-nav__items :before,:host(cds-custom-aichat-history-panel-items) *,:host(cds-custom-aichat-history-panel-items) :after,:host(cds-custom-aichat-history-panel-items) :before,:host(cds-custom-side-nav-items) *,:host(cds-custom-side-nav-items) :after,:host(cds-custom-side-nav-items) :before{box-sizing:inherit}.cds-custom--side-nav__items,:host(cds-custom-aichat-history-panel-items),:host(cds-custom-side-nav-items){flex:1 1 0%;overflow:hidden;padding:1rem 0 0}.cds-custom--side-nav--expanded .cds-custom--side-nav__items,.cds-custom--side-nav--expanded :host(cds-custom-aichat-history-panel-items),.cds-custom--side-nav--expanded :host(cds-custom-side-nav-items),.cds-custom--side-nav--fixed .cds-custom--side-nav__items,.cds-custom--side-nav--fixed :host(cds-custom-aichat-history-panel-items),.cds-custom--side-nav--fixed :host(cds-custom-side-nav-items),.cds-custom--side-nav:hover .cds-custom--side-nav__items,.cds-custom--side-nav:hover :host(cds-custom-aichat-history-panel-items),.cds-custom--side-nav:hover :host(cds-custom-side-nav-items){overflow-y:auto}.cds-custom--side-nav--ux .cds-custom--side-nav__items,.cds-custom--side-nav--ux :host(cds-custom-aichat-history-panel-items),.cds-custom--side-nav--ux :host(cds-custom-side-nav-items){overflow-y:auto}.cds-custom--side-nav__item,:host(cds-custom-aichat-history-panel-menu),:host(cds-custom-side-nav-link),:host(cds-custom-side-nav-menu){block-size:auto;inline-size:auto;overflow:hidden}.cds-custom--side-nav--ux .cds-custom--side-nav__item,.cds-custom--side-nav--ux :host(cds-custom-aichat-history-panel-menu),.cds-custom--side-nav--ux :host(cds-custom-side-nav-link),.cds-custom--side-nav--ux :host(cds-custom-side-nav-menu){block-size:auto;inline-size:auto}.cds-custom--side-nav .cds-custom--header__menu-title[aria-expanded=true]:hover,.cds-custom--side-nav a.cds-custom--header__menu-item:hover,.cds-custom--side-nav__item:not(.cds-custom--side-nav__item--active):hover .cds-custom--side-nav__item:not(.cds-custom--side-nav__item--active)>.cds-custom--side-nav__submenu:hover,.cds-custom--side-nav__item:not(.cds-custom--side-nav__item--active):hover :not(.cds-custom--side-nav__item--active):host(cds-custom-aichat-history-panel-menu)>.cds-custom--side-nav__submenu:hover,.cds-custom--side-nav__item:not(.cds-custom--side-nav__item--active):hover :not(.cds-custom--side-nav__item--active):host(cds-custom-side-nav-link)>.cds-custom--side-nav__submenu:hover,.cds-custom--side-nav__item:not(.cds-custom--side-nav__item--active):hover :not(.cds-custom--side-nav__item--active):host(cds-custom-side-nav-menu)>.cds-custom--side-nav__submenu:hover,.cds-custom--side-nav__item:not(.cds-custom--side-nav__item--active)>.cds-custom--side-nav__link:hover,.cds-custom--side-nav__menu a.cds-custom--side-nav__link:not(.cds-custom--side-nav__link--current):not([aria-current=page]):hover,:not(.cds-custom--side-nav__item--active):host(cds-custom-aichat-history-panel-menu)>.cds-custom--side-nav__link:hover,:not(.cds-custom--side-nav__item--active):host(cds-custom-side-nav-link)>.cds-custom--side-nav__link:hover,:not(.cds-custom--side-nav__item--active):host(cds-custom-side-nav-menu)>.cds-custom--side-nav__link:hover{background-color:var(--cds-background-hover,hsla(0,0%,55%,.12));color:var(--cds-text-primary,#161616)}.cds-custom--side-nav__item:not(.cds-custom--side-nav__item--active) .cds-custom--side-nav__menu-item>.cds-custom--side-nav__link:hover>span,.cds-custom--side-nav__item:not(.cds-custom--side-nav__item--active) :host(cds-custom-aichat-history-panel-item)>.cds-custom--side-nav__link:hover>span,.cds-custom--side-nav__item:not(.cds-custom--side-nav__item--active) :host(cds-custom-aichat-history-search-item)>.cds-custom--side-nav__link:hover>span,.cds-custom--side-nav__item:not(.cds-custom--side-nav__item--active) :host(cds-custom-side-nav-menu-item)>.cds-custom--side-nav__link:hover>span,.cds-custom--side-nav__item:not(.cds-custom--side-nav__item--active)>.cds-custom--side-nav__link:hover>span,:not(.cds-custom--side-nav__item--active):host(cds-custom-aichat-history-panel-menu) .cds-custom--side-nav__menu-item>.cds-custom--side-nav__link:hover>span,:not(.cds-custom--side-nav__item--active):host(cds-custom-aichat-history-panel-menu) :host(cds-custom-aichat-history-panel-item)>.cds-custom--side-nav__link:hover>span,:not(.cds-custom--side-nav__item--active):host(cds-custom-aichat-history-panel-menu) :host(cds-custom-aichat-history-search-item)>.cds-custom--side-nav__link:hover>span,:not(.cds-custom--side-nav__item--active):host(cds-custom-aichat-history-panel-menu) :host(cds-custom-side-nav-menu-item)>.cds-custom--side-nav__link:hover>span,:not(.cds-custom--side-nav__item--active):host(cds-custom-aichat-history-panel-menu)>.cds-custom--side-nav__link:hover>span,:not(.cds-custom--side-nav__item--active):host(cds-custom-side-nav-link) .cds-custom--side-nav__menu-item>.cds-custom--side-nav__link:hover>span,:not(.cds-custom--side-nav__item--active):host(cds-custom-side-nav-link) :host(cds-custom-aichat-history-panel-item)>.cds-custom--side-nav__link:hover>span,:not(.cds-custom--side-nav__item--active):host(cds-custom-side-nav-link) :host(cds-custom-aichat-history-search-item)>.cds-custom--side-nav__link:hover>span,:not(.cds-custom--side-nav__item--active):host(cds-custom-side-nav-link) :host(cds-custom-side-nav-menu-item)>.cds-custom--side-nav__link:hover>span,:not(.cds-custom--side-nav__item--active):host(cds-custom-side-nav-link)>.cds-custom--side-nav__link:hover>span,:not(.cds-custom--side-nav__item--active):host(cds-custom-side-nav-menu) .cds-custom--side-nav__menu-item>.cds-custom--side-nav__link:hover>span,:not(.cds-custom--side-nav__item--active):host(cds-custom-side-nav-menu) :host(cds-custom-aichat-history-panel-item)>.cds-custom--side-nav__link:hover>span,:not(.cds-custom--side-nav__item--active):host(cds-custom-side-nav-menu) :host(cds-custom-aichat-history-search-item)>.cds-custom--side-nav__link:hover>span,:not(.cds-custom--side-nav__item--active):host(cds-custom-side-nav-menu) :host(cds-custom-side-nav-menu-item)>.cds-custom--side-nav__link:hover>span,:not(.cds-custom--side-nav__item--active):host(cds-custom-side-nav-menu)>.cds-custom--side-nav__link:hover>span{color:var(--cds-text-primary,#161616)}.cds-custom--side-nav__item--large,:host(cds-custom-side-nav-link[large]),:host(cds-custom-side-nav-menu[large]){block-size:auto}.cds-custom--side-nav__divider,:host(cds-custom-side-nav-divider){background-color:var(--cds-border-subtle);block-size:1px;list-style-type:none;margin:.5rem 1rem}.cds-custom--side-nav__divider hr,:host(cds-custom-side-nav-divider) hr{border:none}.cds-custom--side-nav__submenu{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;inline-size:100%;margin:0;padding:0;text-align:start;vertical-align:baseline}.cds-custom--side-nav__submenu *,.cds-custom--side-nav__submenu :after,.cds-custom--side-nav__submenu :before{box-sizing:inherit}.cds-custom--side-nav__submenu::-moz-focus-inner{border:0}.cds-custom--side-nav__submenu{align-items:center;block-size:2rem;color:var(--cds-text-secondary,#525252);display:flex;font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-heading-compact-01-line-height,1.28572);outline:2px solid transparent;outline-offset:-2px;padding:0 1rem;transition:color .11s,background-color .11s,outline .11s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cds-custom--side-nav__submenu:hover{background-color:var(--cds-background-hover,hsla(0,0%,55%,.12));color:var(--cds-text-primary,#161616)}.cds-custom--side-nav__submenu:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--side-nav__submenu:focus{outline-style:dotted}}.cds-custom--side-nav__submenu-title{overflow:hidden;text-align:start;text-overflow:ellipsis;white-space:nowrap}.cds-custom--side-nav__icon.cds-custom--side-nav__submenu-chevron{display:flex;flex:1;justify-content:flex-end}.cds-custom--side-nav__submenu-chevron>svg{block-size:1rem;inline-size:1rem;transition:transform .11s}.cds-custom--side-nav__submenu[aria-expanded=true] .cds-custom--side-nav__submenu-chevron>svg{transform:rotate(180deg)}.cds-custom--side-nav__item--large .cds-custom--side-nav__submenu,:host(cds-custom-side-nav-link[large]) .cds-custom--side-nav__submenu,:host(cds-custom-side-nav-menu[large]) .cds-custom--side-nav__submenu{block-size:3rem}.cds-custom--side-nav__item--active .cds-custom--side-nav__submenu:hover,:host(cds-custom-side-nav-menu[active]) .cds-custom--side-nav__submenu:hover{background-color:var(--cds-background-selected,hsla(0,0%,55%,.2));color:var(--cds-text-primary,#161616)}.cds-custom--side-nav__item--active .cds-custom--side-nav__submenu[aria-expanded=false],:host(cds-custom-side-nav-menu[active]) .cds-custom--side-nav__submenu[aria-expanded=false]{background-color:var(--cds-background-selected,hsla(0,0%,55%,.2));color:var(--cds-text-primary,#161616);position:relative}.cds-custom--side-nav__item--active .cds-custom--side-nav__submenu[aria-expanded=false]:before,:host(cds-custom-side-nav-menu[active]) .cds-custom--side-nav__submenu[aria-expanded=false]:before{background-color:var(--cds-border-interactive,#0f62fe);content:\"\";inline-size:3px;inset-block:0;inset-inline-start:0;position:absolute}.cds-custom--side-nav__item--active .cds-custom--side-nav__submenu-title,:host(cds-custom-side-nav-menu[active]) .cds-custom--side-nav__submenu-title{color:var(--cds-text-primary,#161616);font-weight:600}.cds-custom--side-nav__item--active .cds-custom--side-nav__icon>svg,:host(cds-custom-side-nav-menu[active]) .cds-custom--side-nav__icon>svg{fill:var(--cds-icon-primary,#161616)}.cds-custom--side-nav__menu{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--side-nav__menu *,.cds-custom--side-nav__menu :after,.cds-custom--side-nav__menu :before{box-sizing:inherit}.cds-custom--side-nav__menu{display:block;max-block-size:0;visibility:hidden}.cds-custom--side-nav__submenu[aria-expanded=true]+.cds-custom--side-nav__menu{max-block-size:93.75rem;visibility:inherit}.cds-custom--side-nav__menu a.cds-custom--side-nav__link{block-size:2rem;font-weight:400;min-block-size:2rem;padding-inline-start:2rem}.cds-custom--side-nav__item.cds-custom--side-nav__item--icon a.cds-custom--side-nav__link,:host(cds-custom-side-nav-menu):host(cds-custom-side-nav-menu[has-icon]) a.cds-custom--side-nav__link{padding-inline-start:4.5rem}.cds-custom--side-nav__menu a.cds-custom--side-nav__link--current,.cds-custom--side-nav__menu a.cds-custom--side-nav__link[aria-current=page],a.cds-custom--side-nav__link--current{background-color:var(--cds-background-selected,hsla(0,0%,55%,.2))}.cds-custom--side-nav__menu a.cds-custom--side-nav__link--current>span,.cds-custom--side-nav__menu a.cds-custom--side-nav__link[aria-current=page]>span,a.cds-custom--side-nav__link--current>span{color:var(--cds-text-primary,#161616);font-weight:600}.cds-custom--side-nav .cds-custom--header__menu-title[aria-expanded=true]+.cds-custom--header__menu,.cds-custom--side-nav a.cds-custom--header__menu-item,a.cds-custom--side-nav__link{align-items:center;display:flex;font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-heading-compact-01-line-height,1.28572);min-block-size:2rem;outline:2px solid transparent;outline-offset:-2px;padding:0 1rem;position:relative;text-decoration:none;transition:color .11s,background-color .11s,outline .11s}.cds-custom--side-nav__item--large a.cds-custom--side-nav__link,:host(cds-custom-side-nav-link[large]) a.cds-custom--side-nav__link,:host(cds-custom-side-nav-menu[large]) a.cds-custom--side-nav__link{block-size:3rem}.cds-custom--side-nav a.cds-custom--header__menu-item .cds-custom--text-truncate-end,a.cds-custom--side-nav__link>.cds-custom--side-nav__link-text{color:var(--cds-text-secondary,#525252);font-size:.875rem;letter-spacing:.1px;line-height:1.25rem;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.cds-custom--side-nav a.cds-custom--header__menu-item:focus,a.cds-custom--side-nav__link:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--side-nav a.cds-custom--header__menu-item:focus,a.cds-custom--side-nav__link:focus{outline-style:dotted}}a.cds-custom--side-nav__link--current,a.cds-custom--side-nav__link[aria-current=page]{background-color:var(--cds-background-selected,hsla(0,0%,55%,.2));font-weight:600}a.cds-custom--side-nav__link--current .cds-custom--side-nav__link-text,a.cds-custom--side-nav__link[aria-current=page] .cds-custom--side-nav__link-text{color:var(--cds-text-primary,#161616)}a.cds-custom--side-nav__link--current:before,a.cds-custom--side-nav__link[aria-current=page]:before{background-color:var(--cds-border-interactive,#0f62fe);content:\"\";inline-size:3px;inset-block:0;inset-inline-start:0;position:absolute}.cds-custom--side-nav__icon{align-items:center;display:flex;flex:0 0 1rem;justify-content:center}.cds-custom--side-nav__icon:not(.cds-custom--side-nav__submenu-chevron){margin-inline-end:1.5rem}.cds-custom--side-nav__icon>svg{fill:var(--cds-icon-secondary,#525252);block-size:1rem;inline-size:1rem}.cds-custom--side-nav--expanded .cds-custom--side-nav__icon>svg.cds-custom--side-nav-expand-icon,.cds-custom--side-nav__icon>svg.cds-custom--side-nav-collapse-icon{display:none}.cds-custom--side-nav--expanded .cds-custom--side-nav__icon>svg.cds-custom--side-nav-collapse-icon{display:block}.cds-custom--side-nav--fixed .cds-custom--side-nav__submenu,.cds-custom--side-nav--fixed a.cds-custom--side-nav__link{padding-inline-start:1rem}.cds-custom--side-nav--fixed .cds-custom--side-nav__item:not(.cds-custom--side-nav__item--icon) .cds-custom--side-nav__menu a.cds-custom--side-nav__link,.cds-custom--side-nav--fixed :not(.cds-custom--side-nav__item--icon):host(cds-custom-aichat-history-panel-menu) .cds-custom--side-nav__menu a.cds-custom--side-nav__link,.cds-custom--side-nav--fixed :not(.cds-custom--side-nav__item--icon):host(cds-custom-side-nav-link) .cds-custom--side-nav__menu a.cds-custom--side-nav__link,.cds-custom--side-nav--fixed :not(.cds-custom--side-nav__item--icon):host(cds-custom-side-nav-menu) .cds-custom--side-nav__menu a.cds-custom--side-nav__link{padding-inline-start:2rem}@media (max-width:65.98rem){.cds-custom--side-nav .cds-custom--header__nav{display:block}}.cds-custom--side-nav__header-navigation,:host(cds-custom-header-side-nav-items){border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--side-nav__header-navigation *,.cds-custom--side-nav__header-navigation :after,.cds-custom--side-nav__header-navigation :before,:host(cds-custom-header-side-nav-items) *,:host(cds-custom-header-side-nav-items) :after,:host(cds-custom-header-side-nav-items) :before{box-sizing:inherit}.cds-custom--side-nav__header-navigation,:host(cds-custom-header-side-nav-items){display:none}@media (max-width:65.98rem){.cds-custom--side-nav__header-navigation,:host(cds-custom-header-side-nav-items){display:block;margin-block-end:2rem;position:relative}}.cds-custom--side-nav__header-divider:after{background:var(--cds-border-subtle);block-size:.0625rem;content:\"\";inline-size:calc(100% - 32px);inset-block-end:-1rem;inset-inline-start:1rem;position:absolute}.cds-custom--side-nav a.cds-custom--header__menu-item{color:var(--cds-text-secondary,#525252);justify-content:space-between;white-space:nowrap}.cds-custom--side-nav a.cds-custom--header__menu-item[aria-expanded=true]{background-color:transparent}.cds-custom--side-nav .cds-custom--header__menu-title[aria-expanded=true]+.cds-custom--header__menu{background-color:transparent;box-shadow:none;inline-size:100%;inset-block-end:inherit;padding:0;transform:none}.cds-custom--side-nav .cds-custom--header__menu-title[aria-expanded=true]+.cds-custom--header__menu li{inline-size:100%}.cds-custom--side-nav .cds-custom--header__menu-title[aria-expanded=true]+.cds-custom--header__menu a.cds-custom--header__menu-item{font-weight:400;padding-inline-start:4.25rem}.cds-custom--side-nav .cds-custom--header__menu-title[aria-expanded=true]+.cds-custom--header__menu a.cds-custom--header__menu-item:hover{background-color:var(--cds-background-hover,hsla(0,0%,55%,.12));color:var(--cds-text-primary,#161616)}.cds-custom--side-nav .cds-custom--header__menu-title[aria-expanded=true]+.cds-custom--header__menu a.cds-custom--header__menu-item--current:hover{background-color:var(--cds-layer-selected-hover)}.cds-custom--side-nav .cds-custom--side-nav__header-navigation .cds-custom--header__menu-item--current:after,.cds-custom--side-nav .cds-custom--side-nav__header-navigation a.cds-custom--header__menu-item[aria-current=page]:after,.cds-custom--side-nav :host(cds-custom-header-side-nav-items) .cds-custom--header__menu-item--current:after,.cds-custom--side-nav :host(cds-custom-header-side-nav-items) a.cds-custom--header__menu-item[aria-current=page]:after{block-size:calc(100% + 4px);inline-size:3px}.cds-custom--side-nav .cds-custom--header__menu a.cds-custom--header__menu-item{block-size:inherit}.cds-custom--side-nav .cds-custom--header__menu-arrow,.cds-custom--side-nav a.cds-custom--header__menu-item:focus .cds-custom--header__menu-arrow,.cds-custom--side-nav a.cds-custom--header__menu-item:hover .cds-custom--header__menu-arrow{fill:var(--cds-icon-secondary,#525252)}:host(cds-custom-side-nav[expanded]) ::slotted(cds-custom-side-nav-items){overflow-y:auto}:host(cds-custom-side-nav-link){block-size:auto;display:block;inline-size:auto;outline:none}:host(cds-custom-side-nav-link) .cds-custom--side-nav__icon{color:var(--cds-text-primary,#161616)}:host(cds-custom-side-nav-link) .cds-custom--side-nav__icon[hidden]{display:none}:host(cds-custom-side-nav-divider){display:block}:host(cds-custom-aichat-history-panel-menu),:host(cds-custom-side-nav-menu){display:block}:host(cds-custom-aichat-history-panel-menu) .cds-custom--side-nav__icon[hidden],:host(cds-custom-side-nav-menu) .cds-custom--side-nav__icon[hidden]{display:none}:host(cds-custom-aichat-history-panel-menu) .cds-custom--side-nav__menu,:host(cds-custom-side-nav-menu) .cds-custom--side-nav__menu{margin:0;padding:0}:host(cds-custom-aichat-history-panel-menu) .cds-custom--side-nav__submenu[aria-expanded=true]+.cds-custom--side-nav__menu,:host(cds-custom-side-nav-menu) .cds-custom--side-nav__submenu[aria-expanded=true]+.cds-custom--side-nav__menu{max-block-size:none}:host(cds-custom-side-nav-menu[active]){color:var(--cds-text-primary,#161616);position:relative}:host(cds-custom-side-nav-menu[active]):before{background-color:var(--cds-border-interactive,#0f62fe);content:\"\";inline-size:.25rem;inset-block:0;inset-inline-start:0;position:absolute}:host(cds-custom-side-nav-menu[active][expanded]){background-color:inherit;color:inherit;position:inherit}:host(cds-custom-side-nav-menu[active][expanded]):before{content:none}:host(cds-custom-aichat-history-panel-item),:host(cds-custom-aichat-history-search-item),:host(cds-custom-side-nav-menu-item){block-size:auto;display:block;inline-size:auto;outline:none}:host(cds-custom-aichat-history-panel-item) a.cds-custom--side-nav__link,:host(cds-custom-aichat-history-search-item) a.cds-custom--side-nav__link,:host(cds-custom-side-nav-menu-item) a.cds-custom--side-nav__link{block-size:2rem;font-weight:400;min-block-size:2rem;padding-inline-start:2rem}:host(cds-custom-side-nav-menu-item[parent-has-icon]) a.cds-custom--side-nav__link{padding-inline-start:4.5rem}:host(cds-custom-aichat-history-panel-item) .cds-custom--side-nav__link:hover,:host(cds-custom-aichat-history-panel-menu) .cds-custom--side-nav__submenu:hover,:host(cds-custom-aichat-history-search-item) .cds-custom--side-nav__link:hover,:host(cds-custom-side-nav-item) .cds-custom--side-nav__link:hover,:host(cds-custom-side-nav-menu) .cds-custom--side-nav__submenu:hover,:host(cds-custom-side-nav-menu-item) .cds-custom--side-nav__link:hover{background-color:var(--cds-background-hover,hsla(0,0%,55%,.12));color:var(--cds-text-primary,#161616)}:host(cds-custom-aichat-history-shell){background:var(--cds-chat-header-background,#fff);block-size:100%;border:var(--history-shell-border,solid .0625rem 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);display:flex;flex-direction:column;inline-size:100%;position:relative;z-index:1}:host(cds-custom-aichat-history-header){align-items:center;border-block-end:.0625rem solid var(--cds-border-subtle-00,#e0e0e0);display:flex;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);font-weight:600;inline-size:100%;justify-content:space-between;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);letter-spacing:.1px;line-height:var(--cds-body-compact-01-line-height,1.28572);line-height:1.25rem;min-block-size:2.5rem}:host(cds-custom-aichat-history-header) .cds-custom-aichat--history-header__close-button{padding-inline-end:.125rem}:host(cds-custom-aichat-history-header) .cds-custom-aichat--history-header__title{inline-size:100%;margin-inline-start:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(cds-custom-aichat-history-header[show-close-action]) .cds-custom-aichat--history-header__title{margin-inline-start:0}:host(cds-custom-aichat-history-toolbar){display:flex}:host(cds-custom-aichat-history-toolbar) cds-custom-search::part(input){background-color:var(--cds-chat-header-background,#fff);border-block-end:.0625rem solid var(--cds-border-subtle-00,#e0e0e0)}:host(cds-custom-aichat-history-toolbar) cds-custom-search::part(close-button):before{content:none}:host(cds-custom-aichat-history-toolbar[search-off]){border-block-end:.0625rem solid var(--cds-border-subtle-00,#e0e0e0);justify-content:flex-end}:host(cds-custom-aichat-history-content){display:flex;flex:1;flex-direction:column;overflow-y:auto}:host(cds-custom-aichat-history-content) .cds-custom-aichat--history-content__results-count{display:block;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);padding:.75rem 0 .25rem .75rem}:host(cds-custom-aichat-history-loading){overflow:hidden;padding:1.5rem}:host(cds-custom-aichat-history-loading) cds-custom-skeleton-text{padding:1.5rem 0}:host(cds-custom-aichat-history-loading) .cds-custom-aichat--history-loading__results{border-block-end:1px solid var(--cds-border-subtle);margin-block-end:.75rem}:host(cds-custom-aichat-history-loading) .cds-custom-aichat--history-loading__results cds-custom-skeleton-text{padding:0 0 .75rem}:host(cds-custom-aichat-history-panel){flex:1}:host(cds-custom-aichat-history-panel) .cds-custom--side-nav{background-color:transparent;block-size:100%;inline-size:100%;max-inline-size:100%;position:relative}:host(cds-custom-aichat-history-panel-items){padding:0;position:relative}:host(cds-custom-aichat-history-panel-menu){padding-block-start:.5rem}:host(cds-custom-aichat-history-panel-menu) .cds-custom--side-nav__submenu{padding:0 1rem 0 .75rem}:host(cds-custom-aichat-history-panel-menu) .cds-custom--side-nav__submenu-title{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);padding-inline-start:.25rem}:host(cds-custom-aichat-history-panel-menu) .cds-custom--side-nav__icon:not(.cds-custom--side-nav__submenu-chevron){margin-inline-end:.5rem}:host(cds-custom-aichat-history-panel-item),:host(cds-custom-aichat-history-search-item){position:relative}:host(cds-custom-aichat-history-panel-item) .cds-custom--side-nav__link,:host(cds-custom-aichat-history-search-item) .cds-custom--side-nav__link{align-items:center;background-color:transparent;block-size:2.5rem;border:none;cursor:pointer;display:flex;font-family:inherit;font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);inline-size:100%;justify-content:space-between;letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);outline:2px solid transparent;outline-offset:-2px;padding-inline-start:2.5rem;position:relative;text-decoration:none}:host(cds-custom-aichat-history-panel-item) button.cds-custom--side-nav__link:focus,:host(cds-custom-aichat-history-search-item) button.cds-custom--side-nav__link:focus{background-color:var(--cds-background-hover,hsla(0,0%,55%,.12));outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}:host(cds-custom-aichat-history-panel-item) .cds-custom--side-nav__link-text,:host(cds-custom-aichat-history-search-item) .cds-custom--side-nav__link-text{color:var(--cds-text-primary,#161616);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(cds-custom-aichat-history-panel-item) .cds-custom-aichat--overflow-menu__icon,:host(cds-custom-aichat-history-search-item) .cds-custom-aichat--overflow-menu__icon{color:var(--cds-icon-primary,#161616)}:host(cds-custom-aichat-history-panel-item[rename]){align-items:center;block-size:2.5rem;display:flex}:host(cds-custom-aichat-history-panel-item[selected]) button.cds-custom--side-nav__link{background-color:var(--cds-layer-selected)}:host(cds-custom-aichat-history-panel-item[selected]) button.cds-custom--side-nav__link:before{background-color:var(--cds-border-interactive,#0f62fe);content:\"\";inline-size:3px;inset-block:0;inset-inline-start:0;position:absolute}:host(cds-custom-aichat-history-panel-item-input){inline-size:100%;padding:0 1.5rem}:host(cds-custom-aichat-history-panel-item-input) .cds-custom-aichat--history-panel-item--rename__input{align-items:center;block-size:2rem;display:flex;inline-size:100%;justify-content:space-between;outline:.125rem solid var(--cds-focus,#0f62fe)}:host(cds-custom-aichat-history-panel-item-input) input{background-color:transparent;border:none;color:var(--cds-text-primary,#161616);flex-grow:2;font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);overflow:hidden;padding-inline-start:.5rem;text-overflow:ellipsis;white-space:nowrap}:host(cds-custom-aichat-history-panel-item-input) input:focus{outline:none}:host(cds-custom-aichat-history-search-item) button.cds-custom--side-nav__link{align-items:flex-start;block-size:4rem;flex-direction:column;justify-content:center;padding-inline-end:1rem}:host(cds-custom-aichat-history-search-item) .cds-custom--side-nav__link-text{inline-size:100%;text-align:start}:host(cds-custom-aichat-history-search-item) .cds-custom--side-nav__link-subtitle{color:var(--cds-text-secondary,#525252);font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);padding-block-start:.125rem}:host(cds-custom-aichat-history-search-item[disabled]) button.cds-custom--side-nav__link{background-color:transparent;cursor:default;outline:none}cds-custom-overflow-menu{visibility:hidden}:host(cds-custom-aichat-history-panel-item[selected]) cds-custom-overflow-menu{visibility:visible}:host(cds-custom-aichat-history-panel-item) cds-custom-overflow-menu[open],:host(cds-custom-aichat-history-panel-item:focus) cds-custom-overflow-menu,:host(cds-custom-aichat-history-panel-item:focus-within) cds-custom-overflow-menu,:host(cds-custom-aichat-history-panel-item:hover) cds-custom-overflow-menu{visibility:visible}:host(cds-custom-aichat-history-panel-item[parent-has-icon]) button.cds-custom-aichat--side-nav__link{padding-inline-start:4.5rem}:host(cds-custom-aichat-history-delete-panel){display:flex;flex-direction:column;inset:0;justify-content:center;padding:2rem;position:absolute;z-index:9999}:host(cds-custom-aichat-history-delete-panel):before{background:var(--cds-background,#fff);border-radius:var(--cds-aichat-border-radius-start-start,0) var(--cds-aichat-border-radius-start-end,0) var(--cds-aichat-border-radius-end-end,0) var(--cds-aichat-border-radius-end-start,0);content:\"\";inset:0;opacity:.95;position:absolute;z-index:-1}:host(cds-custom-aichat-history-delete-panel) .cds-custom-aichat--history-delete-panel__content{position:relative;z-index:1}:host(cds-custom-aichat-history-delete-panel) h1{font-size:var(--cds-heading-03-font-size,1.25rem);font-weight:var(--cds-heading-03-font-weight,400);letter-spacing:var(--cds-heading-03-letter-spacing,0);line-height:var(--cds-heading-03-line-height,1.4);margin:0 0 .5rem}:host(cds-custom-aichat-history-delete-panel) span{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857)}:host(cds-custom-aichat-history-delete-panel) .cds-custom-aichat--history-delete-panel__actions{display:flex;gap:.5rem;padding-block-start:1.5rem}:host(cds-custom-aichat-history-delete-panel) .cds-custom-aichat--history-delete-panel__actions cds-custom-aichat-button{flex:1}"]);
|
|
10
|
+
var styles = css([".cds-custom--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds-custom--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds-custom--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds-custom--layer-one.cds-custom--layer__with-background,.cds-custom--layer-three.cds-custom--layer__with-background,.cds-custom--layer-two.cds-custom--layer__with-background{background-color:var(--cds-layer-background)}.cds-custom--side-nav{background-color:var(--cds-background,#fff);color:var(--cds-text-secondary,#525252);inline-size:3rem;inset-block:0;inset-inline-start:0;max-inline-size:16rem;overflow:hidden;position:fixed;transition:inline-size .11s cubic-bezier(.2,0,1,.9),transform .11s cubic-bezier(.2,0,1,.9);will-change:inline-size;z-index:8000}.cds-custom--side-nav--ux{inline-size:16rem;inset-block-start:3rem}@media (max-width:65.98rem){.cds-custom--side-nav--ux{inline-size:0}}.cds-custom--side-nav--rail{inline-size:3rem}.cds-custom--side-nav--hidden{inline-size:0}.cds-custom--side-nav--expanded{inline-size:16rem}.cds-custom--side-nav__overlay{background-color:transparent;block-size:0;inline-size:0;inset-block-start:3rem;inset-inline-start:0;opacity:0;position:fixed;transition:opacity .3s cubic-bezier(.5,0,.1,1),background-color .3s cubic-bezier(.5,0,.1,1)}@media (max-width:65.98rem){.cds-custom--side-nav__overlay-active{background-color:var(--cds-overlay,rgba(0,0,0,.6));block-size:100vh;inline-size:100vw;opacity:1;transition:opacity .3s cubic-bezier(.5,0,.1,1),background-color .3s cubic-bezier(.5,0,.1,1);z-index:6000}}.cds-custom--header~.cds-custom--side-nav{block-size:calc(100% - 48px);inset-block-start:3rem}.cds-custom--side-nav--fixed{inline-size:16rem}.cds-custom--side-nav--collapsed{inline-size:16rem;transform:translateX(-16rem)}.cds-custom--side-nav__navigation{display:flex;flex-direction:column}.cds-custom--side-nav__items,:host(cds-custom-aichat-history-panel-items),:host(cds-custom-side-nav-items){border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--side-nav__items *,.cds-custom--side-nav__items :after,.cds-custom--side-nav__items :before,:host(cds-custom-aichat-history-panel-items) *,:host(cds-custom-aichat-history-panel-items) :after,:host(cds-custom-aichat-history-panel-items) :before,:host(cds-custom-side-nav-items) *,:host(cds-custom-side-nav-items) :after,:host(cds-custom-side-nav-items) :before{box-sizing:inherit}.cds-custom--side-nav__items,:host(cds-custom-aichat-history-panel-items),:host(cds-custom-side-nav-items){flex:1 1 0%;overflow:hidden;padding:1rem 0 0}.cds-custom--side-nav--expanded .cds-custom--side-nav__items,.cds-custom--side-nav--expanded :host(cds-custom-aichat-history-panel-items),.cds-custom--side-nav--expanded :host(cds-custom-side-nav-items),.cds-custom--side-nav--fixed .cds-custom--side-nav__items,.cds-custom--side-nav--fixed :host(cds-custom-aichat-history-panel-items),.cds-custom--side-nav--fixed :host(cds-custom-side-nav-items),.cds-custom--side-nav:hover .cds-custom--side-nav__items,.cds-custom--side-nav:hover :host(cds-custom-aichat-history-panel-items),.cds-custom--side-nav:hover :host(cds-custom-side-nav-items){overflow-y:auto}.cds-custom--side-nav--ux .cds-custom--side-nav__items,.cds-custom--side-nav--ux :host(cds-custom-aichat-history-panel-items),.cds-custom--side-nav--ux :host(cds-custom-side-nav-items){overflow-y:auto}.cds-custom--side-nav__item,:host(cds-custom-aichat-history-panel-menu),:host(cds-custom-side-nav-link),:host(cds-custom-side-nav-menu){block-size:auto;inline-size:auto;overflow:hidden}.cds-custom--side-nav--ux .cds-custom--side-nav__item,.cds-custom--side-nav--ux :host(cds-custom-aichat-history-panel-menu),.cds-custom--side-nav--ux :host(cds-custom-side-nav-link),.cds-custom--side-nav--ux :host(cds-custom-side-nav-menu){block-size:auto;inline-size:auto}.cds-custom--side-nav .cds-custom--header__menu-title[aria-expanded=true]:hover,.cds-custom--side-nav a.cds-custom--header__menu-item:hover,.cds-custom--side-nav__item:not(.cds-custom--side-nav__item--active):hover .cds-custom--side-nav__item:not(.cds-custom--side-nav__item--active)>.cds-custom--side-nav__submenu:hover,.cds-custom--side-nav__item:not(.cds-custom--side-nav__item--active):hover :not(.cds-custom--side-nav__item--active):host(cds-custom-aichat-history-panel-menu)>.cds-custom--side-nav__submenu:hover,.cds-custom--side-nav__item:not(.cds-custom--side-nav__item--active):hover :not(.cds-custom--side-nav__item--active):host(cds-custom-side-nav-link)>.cds-custom--side-nav__submenu:hover,.cds-custom--side-nav__item:not(.cds-custom--side-nav__item--active):hover :not(.cds-custom--side-nav__item--active):host(cds-custom-side-nav-menu)>.cds-custom--side-nav__submenu:hover,.cds-custom--side-nav__item:not(.cds-custom--side-nav__item--active)>.cds-custom--side-nav__link:hover,.cds-custom--side-nav__menu a.cds-custom--side-nav__link:not(.cds-custom--side-nav__link--current):not([aria-current=page]):hover,:not(.cds-custom--side-nav__item--active):host(cds-custom-aichat-history-panel-menu)>.cds-custom--side-nav__link:hover,:not(.cds-custom--side-nav__item--active):host(cds-custom-side-nav-link)>.cds-custom--side-nav__link:hover,:not(.cds-custom--side-nav__item--active):host(cds-custom-side-nav-menu)>.cds-custom--side-nav__link:hover{background-color:var(--cds-background-hover,hsla(0,0%,55%,.12));color:var(--cds-text-primary,#161616)}.cds-custom--side-nav__item:not(.cds-custom--side-nav__item--active) .cds-custom--side-nav__menu-item>.cds-custom--side-nav__link:hover>span,.cds-custom--side-nav__item:not(.cds-custom--side-nav__item--active) :host(cds-custom-aichat-history-panel-item)>.cds-custom--side-nav__link:hover>span,.cds-custom--side-nav__item:not(.cds-custom--side-nav__item--active) :host(cds-custom-aichat-history-search-item)>.cds-custom--side-nav__link:hover>span,.cds-custom--side-nav__item:not(.cds-custom--side-nav__item--active) :host(cds-custom-side-nav-menu-item)>.cds-custom--side-nav__link:hover>span,.cds-custom--side-nav__item:not(.cds-custom--side-nav__item--active)>.cds-custom--side-nav__link:hover>span,:not(.cds-custom--side-nav__item--active):host(cds-custom-aichat-history-panel-menu) .cds-custom--side-nav__menu-item>.cds-custom--side-nav__link:hover>span,:not(.cds-custom--side-nav__item--active):host(cds-custom-aichat-history-panel-menu) :host(cds-custom-aichat-history-panel-item)>.cds-custom--side-nav__link:hover>span,:not(.cds-custom--side-nav__item--active):host(cds-custom-aichat-history-panel-menu) :host(cds-custom-aichat-history-search-item)>.cds-custom--side-nav__link:hover>span,:not(.cds-custom--side-nav__item--active):host(cds-custom-aichat-history-panel-menu) :host(cds-custom-side-nav-menu-item)>.cds-custom--side-nav__link:hover>span,:not(.cds-custom--side-nav__item--active):host(cds-custom-aichat-history-panel-menu)>.cds-custom--side-nav__link:hover>span,:not(.cds-custom--side-nav__item--active):host(cds-custom-side-nav-link) .cds-custom--side-nav__menu-item>.cds-custom--side-nav__link:hover>span,:not(.cds-custom--side-nav__item--active):host(cds-custom-side-nav-link) :host(cds-custom-aichat-history-panel-item)>.cds-custom--side-nav__link:hover>span,:not(.cds-custom--side-nav__item--active):host(cds-custom-side-nav-link) :host(cds-custom-aichat-history-search-item)>.cds-custom--side-nav__link:hover>span,:not(.cds-custom--side-nav__item--active):host(cds-custom-side-nav-link) :host(cds-custom-side-nav-menu-item)>.cds-custom--side-nav__link:hover>span,:not(.cds-custom--side-nav__item--active):host(cds-custom-side-nav-link)>.cds-custom--side-nav__link:hover>span,:not(.cds-custom--side-nav__item--active):host(cds-custom-side-nav-menu) .cds-custom--side-nav__menu-item>.cds-custom--side-nav__link:hover>span,:not(.cds-custom--side-nav__item--active):host(cds-custom-side-nav-menu) :host(cds-custom-aichat-history-panel-item)>.cds-custom--side-nav__link:hover>span,:not(.cds-custom--side-nav__item--active):host(cds-custom-side-nav-menu) :host(cds-custom-aichat-history-search-item)>.cds-custom--side-nav__link:hover>span,:not(.cds-custom--side-nav__item--active):host(cds-custom-side-nav-menu) :host(cds-custom-side-nav-menu-item)>.cds-custom--side-nav__link:hover>span,:not(.cds-custom--side-nav__item--active):host(cds-custom-side-nav-menu)>.cds-custom--side-nav__link:hover>span{color:var(--cds-text-primary,#161616)}.cds-custom--side-nav__item--large,:host(cds-custom-side-nav-link[large]),:host(cds-custom-side-nav-menu[large]){block-size:auto}.cds-custom--side-nav__divider,:host(cds-custom-side-nav-divider){background-color:var(--cds-border-subtle);block-size:1px;list-style-type:none;margin:.5rem 1rem}.cds-custom--side-nav__divider hr,:host(cds-custom-side-nav-divider) hr{border:none}.cds-custom--side-nav__submenu{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;inline-size:100%;margin:0;padding:0;text-align:start;vertical-align:baseline}.cds-custom--side-nav__submenu *,.cds-custom--side-nav__submenu :after,.cds-custom--side-nav__submenu :before{box-sizing:inherit}.cds-custom--side-nav__submenu::-moz-focus-inner{border:0}.cds-custom--side-nav__submenu{align-items:center;block-size:2rem;color:var(--cds-text-secondary,#525252);display:flex;font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-heading-compact-01-line-height,1.28572);outline:2px solid transparent;outline-offset:-2px;padding:0 1rem;transition:color .11s,background-color .11s,outline .11s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cds-custom--side-nav__submenu:hover{background-color:var(--cds-background-hover,hsla(0,0%,55%,.12));color:var(--cds-text-primary,#161616)}.cds-custom--side-nav__submenu:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--side-nav__submenu:focus{outline-style:dotted}}.cds-custom--side-nav__submenu-title{overflow:hidden;text-align:start;text-overflow:ellipsis;white-space:nowrap}.cds-custom--side-nav__icon.cds-custom--side-nav__submenu-chevron{display:flex;flex:1;justify-content:flex-end}.cds-custom--side-nav__submenu-chevron>svg{block-size:1rem;inline-size:1rem;transition:transform .11s}.cds-custom--side-nav__submenu[aria-expanded=true] .cds-custom--side-nav__submenu-chevron>svg{transform:rotate(180deg)}.cds-custom--side-nav__item--large .cds-custom--side-nav__submenu,:host(cds-custom-side-nav-link[large]) .cds-custom--side-nav__submenu,:host(cds-custom-side-nav-menu[large]) .cds-custom--side-nav__submenu{block-size:3rem}.cds-custom--side-nav__item--active .cds-custom--side-nav__submenu:hover,:host(cds-custom-side-nav-menu[active]) .cds-custom--side-nav__submenu:hover{background-color:var(--cds-background-selected,hsla(0,0%,55%,.2));color:var(--cds-text-primary,#161616)}.cds-custom--side-nav__item--active .cds-custom--side-nav__submenu[aria-expanded=false],:host(cds-custom-side-nav-menu[active]) .cds-custom--side-nav__submenu[aria-expanded=false]{background-color:var(--cds-background-selected,hsla(0,0%,55%,.2));color:var(--cds-text-primary,#161616);position:relative}.cds-custom--side-nav__item--active .cds-custom--side-nav__submenu[aria-expanded=false]:before,:host(cds-custom-side-nav-menu[active]) .cds-custom--side-nav__submenu[aria-expanded=false]:before{background-color:var(--cds-border-interactive,#0f62fe);content:\"\";inline-size:3px;inset-block:0;inset-inline-start:0;position:absolute}.cds-custom--side-nav__item--active .cds-custom--side-nav__submenu-title,:host(cds-custom-side-nav-menu[active]) .cds-custom--side-nav__submenu-title{color:var(--cds-text-primary,#161616);font-weight:600}.cds-custom--side-nav__item--active .cds-custom--side-nav__icon>svg,:host(cds-custom-side-nav-menu[active]) .cds-custom--side-nav__icon>svg{fill:var(--cds-icon-primary,#161616)}.cds-custom--side-nav__menu{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--side-nav__menu *,.cds-custom--side-nav__menu :after,.cds-custom--side-nav__menu :before{box-sizing:inherit}.cds-custom--side-nav__menu{display:block;max-block-size:0;visibility:hidden}.cds-custom--side-nav__submenu[aria-expanded=true]+.cds-custom--side-nav__menu{max-block-size:93.75rem;visibility:inherit}.cds-custom--side-nav__menu a.cds-custom--side-nav__link{block-size:2rem;font-weight:400;min-block-size:2rem;padding-inline-start:2rem}.cds-custom--side-nav__item.cds-custom--side-nav__item--icon a.cds-custom--side-nav__link,:host(cds-custom-side-nav-menu):host(cds-custom-side-nav-menu[has-icon]) a.cds-custom--side-nav__link{padding-inline-start:4.5rem}.cds-custom--side-nav__menu a.cds-custom--side-nav__link--current,.cds-custom--side-nav__menu a.cds-custom--side-nav__link[aria-current=page],a.cds-custom--side-nav__link--current{background-color:var(--cds-background-selected,hsla(0,0%,55%,.2))}.cds-custom--side-nav__menu a.cds-custom--side-nav__link--current>span,.cds-custom--side-nav__menu a.cds-custom--side-nav__link[aria-current=page]>span,a.cds-custom--side-nav__link--current>span{color:var(--cds-text-primary,#161616);font-weight:600}.cds-custom--side-nav .cds-custom--header__menu-title[aria-expanded=true]+.cds-custom--header__menu,.cds-custom--side-nav a.cds-custom--header__menu-item,a.cds-custom--side-nav__link{align-items:center;display:flex;font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-heading-compact-01-line-height,1.28572);min-block-size:2rem;outline:2px solid transparent;outline-offset:-2px;padding:0 1rem;position:relative;text-decoration:none;transition:color .11s,background-color .11s,outline .11s}.cds-custom--side-nav__item--large a.cds-custom--side-nav__link,:host(cds-custom-side-nav-link[large]) a.cds-custom--side-nav__link,:host(cds-custom-side-nav-menu[large]) a.cds-custom--side-nav__link{block-size:3rem}.cds-custom--side-nav a.cds-custom--header__menu-item .cds-custom--text-truncate-end,a.cds-custom--side-nav__link>.cds-custom--side-nav__link-text{color:var(--cds-text-secondary,#525252);font-size:.875rem;letter-spacing:.1px;line-height:1.25rem;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.cds-custom--side-nav a.cds-custom--header__menu-item:focus,a.cds-custom--side-nav__link:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--side-nav a.cds-custom--header__menu-item:focus,a.cds-custom--side-nav__link:focus{outline-style:dotted}}a.cds-custom--side-nav__link--current,a.cds-custom--side-nav__link[aria-current=page]{background-color:var(--cds-background-selected,hsla(0,0%,55%,.2));font-weight:600}a.cds-custom--side-nav__link--current .cds-custom--side-nav__link-text,a.cds-custom--side-nav__link[aria-current=page] .cds-custom--side-nav__link-text{color:var(--cds-text-primary,#161616)}a.cds-custom--side-nav__link--current:before,a.cds-custom--side-nav__link[aria-current=page]:before{background-color:var(--cds-border-interactive,#0f62fe);content:\"\";inline-size:3px;inset-block:0;inset-inline-start:0;position:absolute}.cds-custom--side-nav__icon{align-items:center;display:flex;flex:0 0 1rem;justify-content:center}.cds-custom--side-nav__icon:not(.cds-custom--side-nav__submenu-chevron){margin-inline-end:1.5rem}.cds-custom--side-nav__icon>svg{fill:var(--cds-icon-secondary,#525252);block-size:1rem;inline-size:1rem}.cds-custom--side-nav--expanded .cds-custom--side-nav__icon>svg.cds-custom--side-nav-expand-icon,.cds-custom--side-nav__icon>svg.cds-custom--side-nav-collapse-icon{display:none}.cds-custom--side-nav--expanded .cds-custom--side-nav__icon>svg.cds-custom--side-nav-collapse-icon{display:block}.cds-custom--side-nav--fixed .cds-custom--side-nav__submenu,.cds-custom--side-nav--fixed a.cds-custom--side-nav__link{padding-inline-start:1rem}.cds-custom--side-nav--fixed .cds-custom--side-nav__item:not(.cds-custom--side-nav__item--icon) .cds-custom--side-nav__menu a.cds-custom--side-nav__link,.cds-custom--side-nav--fixed :not(.cds-custom--side-nav__item--icon):host(cds-custom-aichat-history-panel-menu) .cds-custom--side-nav__menu a.cds-custom--side-nav__link,.cds-custom--side-nav--fixed :not(.cds-custom--side-nav__item--icon):host(cds-custom-side-nav-link) .cds-custom--side-nav__menu a.cds-custom--side-nav__link,.cds-custom--side-nav--fixed :not(.cds-custom--side-nav__item--icon):host(cds-custom-side-nav-menu) .cds-custom--side-nav__menu a.cds-custom--side-nav__link{padding-inline-start:2rem}@media (max-width:65.98rem){.cds-custom--side-nav .cds-custom--header__nav{display:block}}.cds-custom--side-nav__header-navigation,:host(cds-custom-header-side-nav-items){border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--side-nav__header-navigation *,.cds-custom--side-nav__header-navigation :after,.cds-custom--side-nav__header-navigation :before,:host(cds-custom-header-side-nav-items) *,:host(cds-custom-header-side-nav-items) :after,:host(cds-custom-header-side-nav-items) :before{box-sizing:inherit}.cds-custom--side-nav__header-navigation,:host(cds-custom-header-side-nav-items){display:none}@media (max-width:65.98rem){.cds-custom--side-nav__header-navigation,:host(cds-custom-header-side-nav-items){display:block;margin-block-end:2rem;position:relative}}.cds-custom--side-nav__header-divider:after{background:var(--cds-border-subtle);block-size:.0625rem;content:\"\";inline-size:calc(100% - 32px);inset-block-end:-1rem;inset-inline-start:1rem;position:absolute}.cds-custom--side-nav a.cds-custom--header__menu-item{color:var(--cds-text-secondary,#525252);justify-content:space-between;white-space:nowrap}.cds-custom--side-nav a.cds-custom--header__menu-item[aria-expanded=true]{background-color:transparent}.cds-custom--side-nav .cds-custom--header__menu-title[aria-expanded=true]+.cds-custom--header__menu{background-color:transparent;box-shadow:none;inline-size:100%;inset-block-end:inherit;padding:0;transform:none}.cds-custom--side-nav .cds-custom--header__menu-title[aria-expanded=true]+.cds-custom--header__menu li{inline-size:100%}.cds-custom--side-nav .cds-custom--header__menu-title[aria-expanded=true]+.cds-custom--header__menu a.cds-custom--header__menu-item{font-weight:400;padding-inline-start:4.25rem}.cds-custom--side-nav .cds-custom--header__menu-title[aria-expanded=true]+.cds-custom--header__menu a.cds-custom--header__menu-item:hover{background-color:var(--cds-background-hover,hsla(0,0%,55%,.12));color:var(--cds-text-primary,#161616)}.cds-custom--side-nav .cds-custom--header__menu-title[aria-expanded=true]+.cds-custom--header__menu a.cds-custom--header__menu-item--current:hover{background-color:var(--cds-layer-selected-hover)}.cds-custom--side-nav .cds-custom--side-nav__header-navigation .cds-custom--header__menu-item--current:after,.cds-custom--side-nav .cds-custom--side-nav__header-navigation a.cds-custom--header__menu-item[aria-current=page]:after,.cds-custom--side-nav :host(cds-custom-header-side-nav-items) .cds-custom--header__menu-item--current:after,.cds-custom--side-nav :host(cds-custom-header-side-nav-items) a.cds-custom--header__menu-item[aria-current=page]:after{block-size:calc(100% + 4px);inline-size:3px}.cds-custom--side-nav .cds-custom--header__menu a.cds-custom--header__menu-item{block-size:inherit}.cds-custom--side-nav .cds-custom--header__menu-arrow,.cds-custom--side-nav a.cds-custom--header__menu-item:focus .cds-custom--header__menu-arrow,.cds-custom--side-nav a.cds-custom--header__menu-item:hover .cds-custom--header__menu-arrow{fill:var(--cds-icon-secondary,#525252)}:host(cds-custom-side-nav[expanded]) ::slotted(cds-custom-side-nav-items){overflow-y:auto}:host(cds-custom-side-nav-link){block-size:auto;display:block;inline-size:auto;outline:none}:host(cds-custom-side-nav-link) .cds-custom--side-nav__icon{color:var(--cds-text-primary,#161616)}:host(cds-custom-side-nav-link) .cds-custom--side-nav__icon[hidden]{display:none}:host(cds-custom-side-nav-divider){display:block}:host(cds-custom-aichat-history-panel-menu),:host(cds-custom-side-nav-menu){display:block}:host(cds-custom-aichat-history-panel-menu) .cds-custom--side-nav__icon[hidden],:host(cds-custom-side-nav-menu) .cds-custom--side-nav__icon[hidden]{display:none}:host(cds-custom-aichat-history-panel-menu) .cds-custom--side-nav__menu,:host(cds-custom-side-nav-menu) .cds-custom--side-nav__menu{margin:0;padding:0}:host(cds-custom-aichat-history-panel-menu) .cds-custom--side-nav__submenu[aria-expanded=true]+.cds-custom--side-nav__menu,:host(cds-custom-side-nav-menu) .cds-custom--side-nav__submenu[aria-expanded=true]+.cds-custom--side-nav__menu{max-block-size:none}:host(cds-custom-side-nav-menu[active]){color:var(--cds-text-primary,#161616);position:relative}:host(cds-custom-side-nav-menu[active]):before{background-color:var(--cds-border-interactive,#0f62fe);content:\"\";inline-size:.25rem;inset-block:0;inset-inline-start:0;position:absolute}:host(cds-custom-side-nav-menu[active][expanded]){background-color:inherit;color:inherit;position:inherit}:host(cds-custom-side-nav-menu[active][expanded]):before{content:none}:host(cds-custom-aichat-history-panel-item),:host(cds-custom-aichat-history-search-item),:host(cds-custom-side-nav-menu-item){block-size:auto;display:block;inline-size:auto;outline:none}:host(cds-custom-aichat-history-panel-item) a.cds-custom--side-nav__link,:host(cds-custom-aichat-history-search-item) a.cds-custom--side-nav__link,:host(cds-custom-side-nav-menu-item) a.cds-custom--side-nav__link{block-size:2rem;font-weight:400;min-block-size:2rem;padding-inline-start:2rem}:host(cds-custom-side-nav-menu-item[parent-has-icon]) a.cds-custom--side-nav__link{padding-inline-start:4.5rem}:host(cds-custom-aichat-history-panel-item) .cds-custom--side-nav__link:hover,:host(cds-custom-aichat-history-panel-menu) .cds-custom--side-nav__submenu:hover,:host(cds-custom-aichat-history-search-item) .cds-custom--side-nav__link:hover,:host(cds-custom-side-nav-item) .cds-custom--side-nav__link:hover,:host(cds-custom-side-nav-menu) .cds-custom--side-nav__submenu:hover,:host(cds-custom-side-nav-menu-item) .cds-custom--side-nav__link:hover{background-color:var(--cds-background-hover,hsla(0,0%,55%,.12));color:var(--cds-text-primary,#161616)}:host(cds-custom-aichat-history-shell){background:var(--cds-chat-header-background,#fff);block-size:100%;border:var(--history-shell-border,solid .0625rem 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);display:flex;flex-direction:column;inline-size:100%;position:relative;z-index:1}:host(cds-custom-aichat-history-header){align-items:center;border-block-end:.0625rem solid var(--cds-border-subtle-00,#e0e0e0);display:flex;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);font-weight:600;inline-size:100%;justify-content:space-between;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);letter-spacing:.1px;line-height:var(--cds-body-compact-01-line-height,1.28572);line-height:1.25rem;min-block-size:2.5rem}:host(cds-custom-aichat-history-header) .cds-custom-aichat--history-header__close-button{padding-inline-end:.125rem}:host(cds-custom-aichat-history-header) .cds-custom-aichat--history-header__title{inline-size:100%;margin-inline-start:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(cds-custom-aichat-history-header[show-close-action]) .cds-custom-aichat--history-header__title{margin-inline-start:0}:host(cds-custom-aichat-history-toolbar){display:flex}:host(cds-custom-aichat-history-toolbar) cds-custom-search::part(input){background-color:var(--cds-chat-header-background,#fff);border-block-end:.0625rem solid var(--cds-border-subtle-00,#e0e0e0)}:host(cds-custom-aichat-history-toolbar) cds-custom-search::part(close-button):before{content:none}:host(cds-custom-aichat-history-toolbar[search-off]){border-block-end:.0625rem solid var(--cds-border-subtle-00,#e0e0e0);justify-content:flex-end}:host(cds-custom-aichat-history-content){display:flex;flex:1;flex-direction:column;overflow-y:auto}:host(cds-custom-aichat-history-content) .cds-custom-aichat--history-content__results-count{display:block;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);padding:.75rem 0 .25rem .75rem}:host(cds-custom-aichat-history-loading){overflow:hidden;padding:1.5rem}:host(cds-custom-aichat-history-loading) cds-custom-skeleton-text{padding:1.5rem 0}:host(cds-custom-aichat-history-loading) .cds-custom-aichat--history-loading__results{border-block-end:1px solid var(--cds-border-subtle);margin-block-end:.75rem}:host(cds-custom-aichat-history-loading) .cds-custom-aichat--history-loading__results cds-custom-skeleton-text{padding:0 0 .75rem}:host(cds-custom-aichat-history-panel){flex:1}:host(cds-custom-aichat-history-panel) .cds-custom--side-nav{background-color:transparent;block-size:100%;inline-size:100%;max-inline-size:100%;position:relative}:host(cds-custom-aichat-history-panel-items){padding:0;position:relative}:host(cds-custom-aichat-history-panel-menu){padding-block-start:.5rem}:host(cds-custom-aichat-history-panel-menu) .cds-custom--side-nav__submenu{padding:0 1rem 0 .75rem}:host(cds-custom-aichat-history-panel-menu) .cds-custom--side-nav__submenu-title{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);padding-inline-start:.25rem}:host(cds-custom-aichat-history-panel-menu) .cds-custom--side-nav__icon:not(.cds-custom--side-nav__submenu-chevron){margin-inline-end:.5rem}:host(cds-custom-aichat-history-panel-item),:host(cds-custom-aichat-history-search-item){position:relative}:host(cds-custom-aichat-history-panel-item) .cds-custom--side-nav__link,:host(cds-custom-aichat-history-search-item) .cds-custom--side-nav__link{align-items:center;background-color:transparent;block-size:2.5rem;border:none;cursor:pointer;display:flex;font-family:inherit;font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);inline-size:100%;justify-content:space-between;letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);outline:2px solid transparent;outline-offset:-2px;padding-inline-start:2.5rem;position:relative;text-decoration:none}:host(cds-custom-aichat-history-panel-item) button.cds-custom--side-nav__link:focus,:host(cds-custom-aichat-history-search-item) button.cds-custom--side-nav__link:focus{background-color:var(--cds-background-hover,hsla(0,0%,55%,.12));outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}:host(cds-custom-aichat-history-panel-item) .cds-custom--side-nav__link-text,:host(cds-custom-aichat-history-search-item) .cds-custom--side-nav__link-text{color:var(--cds-text-primary,#161616);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(cds-custom-aichat-history-panel-item) .cds-custom-aichat--overflow-menu__icon,:host(cds-custom-aichat-history-search-item) .cds-custom-aichat--overflow-menu__icon{color:var(--cds-icon-primary,#161616)}:host(cds-custom-aichat-history-panel-item[rename]){align-items:center;block-size:2.5rem;display:flex}:host(cds-custom-aichat-history-panel-item[selected]) button.cds-custom--side-nav__link{background-color:var(--cds-layer-selected)}:host(cds-custom-aichat-history-panel-item[selected]) button.cds-custom--side-nav__link:before{background-color:var(--cds-border-interactive,#0f62fe);content:\"\";inline-size:3px;inset-block:0;inset-inline-start:0;position:absolute}:host(cds-custom-aichat-history-panel-item-input){inline-size:100%;padding:0 1.5rem}:host(cds-custom-aichat-history-panel-item-input) .cds-custom-aichat--history-panel-item--rename__input{align-items:center;block-size:2rem;display:flex;inline-size:100%;justify-content:space-between;outline:.125rem solid var(--cds-focus,#0f62fe)}:host(cds-custom-aichat-history-panel-item-input) input{background-color:transparent;border:none;color:var(--cds-text-primary,#161616);flex-grow:2;font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);overflow:hidden;padding-inline-start:.5rem;text-overflow:ellipsis;white-space:nowrap}:host(cds-custom-aichat-history-panel-item-input) input:focus{outline:none}:host(cds-custom-aichat-history-search-item) button.cds-custom--side-nav__link{align-items:flex-start;block-size:4rem;flex-direction:column;justify-content:center;padding-inline-end:1rem}:host(cds-custom-aichat-history-search-item) .cds-custom--side-nav__link-text{inline-size:100%;text-align:start}:host(cds-custom-aichat-history-search-item) .cds-custom--side-nav__link-subtitle{color:var(--cds-text-secondary,#525252);font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);padding-block-start:.125rem}:host(cds-custom-aichat-history-search-item[disabled]) button.cds-custom--side-nav__link{background-color:transparent;cursor:default;outline:none}cds-custom-overflow-menu{visibility:hidden}:host(cds-custom-aichat-history-panel-item[selected]) cds-custom-overflow-menu{visibility:visible}:host(cds-custom-aichat-history-panel-item) cds-custom-overflow-menu[open],:host(cds-custom-aichat-history-panel-item:focus) cds-custom-overflow-menu,:host(cds-custom-aichat-history-panel-item:focus-within) cds-custom-overflow-menu,:host(cds-custom-aichat-history-panel-item:hover) cds-custom-overflow-menu{visibility:visible}:host(cds-custom-aichat-history-panel-item[show-actions]) cds-custom-overflow-menu{visibility:visible}:host(cds-custom-aichat-history-panel-item[parent-has-icon]) button.cds-custom-aichat--side-nav__link{padding-inline-start:4.5rem}:host(cds-custom-aichat-history-delete-panel){display:flex;flex-direction:column;inset:0;justify-content:center;padding:2rem;position:absolute;z-index:9999}:host(cds-custom-aichat-history-delete-panel):before{background:var(--cds-background,#fff);border-radius:var(--cds-aichat-border-radius-start-start,0) var(--cds-aichat-border-radius-start-end,0) var(--cds-aichat-border-radius-end-end,0) var(--cds-aichat-border-radius-end-start,0);content:\"\";inset:0;opacity:.95;position:absolute;z-index:-1}:host(cds-custom-aichat-history-delete-panel) .cds-custom-aichat--history-delete-panel__content{position:relative;z-index:1}:host(cds-custom-aichat-history-delete-panel) h1{font-size:var(--cds-heading-03-font-size,1.25rem);font-weight:var(--cds-heading-03-font-weight,400);letter-spacing:var(--cds-heading-03-letter-spacing,0);line-height:var(--cds-heading-03-line-height,1.4);margin:0 0 .5rem}:host(cds-custom-aichat-history-delete-panel) span{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857)}:host(cds-custom-aichat-history-delete-panel) .cds-custom-aichat--history-delete-panel__actions{display:flex;gap:.5rem;padding-block-start:1.5rem}:host(cds-custom-aichat-history-delete-panel) .cds-custom-aichat--history-delete-panel__actions cds-custom-aichat-button{flex:1}"]);
|
|
11
11
|
|
|
12
12
|
export { styles as default };
|
|
13
13
|
//# sourceMappingURL=chat-history.scss.js.map
|
|
@@ -11,13 +11,13 @@ declare class CDSAIChatHistoryContent extends LitElement {
|
|
|
11
11
|
*/
|
|
12
12
|
slot: string;
|
|
13
13
|
/**
|
|
14
|
-
*
|
|
14
|
+
* Label to display before the results count
|
|
15
15
|
*/
|
|
16
|
-
|
|
16
|
+
resultsLabel: string;
|
|
17
17
|
/**
|
|
18
|
-
*
|
|
18
|
+
* The results count to display
|
|
19
19
|
*/
|
|
20
|
-
|
|
20
|
+
resultsCount?: string | number;
|
|
21
21
|
render(): import("lit-html").TemplateResult<1>;
|
|
22
22
|
static styles: any;
|
|
23
23
|
}
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
import { __decorate } from 'tslib';
|
|
9
9
|
import { LitElement, html } from 'lit';
|
|
10
10
|
import prefix from '../../../globals/settings.js';
|
|
11
|
-
import { property
|
|
11
|
+
import { property } from 'lit/decorators.js';
|
|
12
12
|
import { carbonElement } from '../../../globals/decorators/carbon-element.js';
|
|
13
13
|
import styles from './chat-history.scss.js';
|
|
14
14
|
|
|
@@ -34,30 +34,25 @@ let CDSAIChatHistoryContent = class CDSAIChatHistoryContent extends LitElement {
|
|
|
34
34
|
*/
|
|
35
35
|
this.slot = "content";
|
|
36
36
|
/**
|
|
37
|
-
*
|
|
37
|
+
* Label to display before the results count
|
|
38
38
|
*/
|
|
39
|
-
this.
|
|
40
|
-
}
|
|
41
|
-
/**
|
|
42
|
-
* Handle slot change to detect if results-count has content
|
|
43
|
-
*/
|
|
44
|
-
_handleResultsCountSlotChange(e) {
|
|
45
|
-
const slot = e.target;
|
|
46
|
-
this._hasResultsCount = slot.assignedNodes().length > 0;
|
|
39
|
+
this.resultsLabel = "Results";
|
|
47
40
|
}
|
|
48
41
|
render() {
|
|
42
|
+
const shouldDisplay = this.resultsCount !== undefined &&
|
|
43
|
+
this.resultsCount !== null &&
|
|
44
|
+
this.resultsCount !== "";
|
|
45
|
+
const displayText = shouldDisplay && this.resultsLabel
|
|
46
|
+
? `${this.resultsLabel}: ${this.resultsCount}`
|
|
47
|
+
: this.resultsCount;
|
|
49
48
|
return html `
|
|
50
|
-
${
|
|
49
|
+
<div class="${prefix}--history-content__container" aria-live="polite">
|
|
50
|
+
${shouldDisplay
|
|
51
51
|
? html `<span class="${prefix}--history-content__results-count">
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
</span>`
|
|
57
|
-
: html `<slot
|
|
58
|
-
name="results-count"
|
|
59
|
-
@slotchange=${this._handleResultsCountSlotChange}
|
|
60
|
-
></slot>`}
|
|
52
|
+
${displayText}
|
|
53
|
+
</span>`
|
|
54
|
+
: ""}
|
|
55
|
+
</div>
|
|
61
56
|
<slot></slot>
|
|
62
57
|
`;
|
|
63
58
|
}
|
|
@@ -67,8 +62,11 @@ __decorate([
|
|
|
67
62
|
property({ type: String, reflect: true })
|
|
68
63
|
], CDSAIChatHistoryContent.prototype, "slot", void 0);
|
|
69
64
|
__decorate([
|
|
70
|
-
|
|
71
|
-
], CDSAIChatHistoryContent.prototype, "
|
|
65
|
+
property({ type: String, attribute: "results-label" })
|
|
66
|
+
], CDSAIChatHistoryContent.prototype, "resultsLabel", void 0);
|
|
67
|
+
__decorate([
|
|
68
|
+
property({ type: String, attribute: "results-count" })
|
|
69
|
+
], CDSAIChatHistoryContent.prototype, "resultsCount", void 0);
|
|
72
70
|
CDSAIChatHistoryContent = __decorate([
|
|
73
71
|
carbonElement(`${prefix}-history-content`)
|
|
74
72
|
], CDSAIChatHistoryContent);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"history-content.js","sources":["../../../../src/components/chat-history/src/history-content.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;AAOG;AASH;;;;;AAKG;AAEH,IAAM,uBAAuB,GAA7B,MAAM,uBAAwB,SAAQ,UAAU,CAAA;AAAhD,IAAA,WAAA,GAAA;;AACE;;AAEG;QAEH,IAAA,CAAA,IAAI,GAAG,SAAS;AAEhB;;AAEG;
|
|
1
|
+
{"version":3,"file":"history-content.js","sources":["../../../../src/components/chat-history/src/history-content.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;AAOG;AASH;;;;;AAKG;AAEH,IAAM,uBAAuB,GAA7B,MAAM,uBAAwB,SAAQ,UAAU,CAAA;AAAhD,IAAA,WAAA,GAAA;;AACE;;AAEG;QAEH,IAAA,CAAA,IAAI,GAAG,SAAS;AAEhB;;AAEG;QAEH,IAAA,CAAA,YAAY,GAAG,SAAS;IAgC1B;IAxBE,MAAM,GAAA;AACJ,QAAA,MAAM,aAAa,GACjB,IAAI,CAAC,YAAY,KAAK,SAAS;YAC/B,IAAI,CAAC,YAAY,KAAK,IAAI;AAC1B,YAAA,IAAI,CAAC,YAAY,KAAK,EAAE;AAE1B,QAAA,MAAM,WAAW,GACf,aAAa,IAAI,IAAI,CAAC;cAClB,GAAG,IAAI,CAAC,YAAY,CAAA,EAAA,EAAK,IAAI,CAAC,YAAY,CAAA;AAC5C,cAAE,IAAI,CAAC,YAAY;AAEvB,QAAA,OAAO,IAAI,CAAA;oBACK,MAAM,CAAA;UAChB;AACA,cAAE,IAAI,CAAA,CAAA,aAAA,EAAgB,MAAM,CAAA;gBACtB,WAAW;AACP,mBAAA;AACV,cAAE,EAAE;;;KAGT;IACH;;AAEO,uBAAA,CAAA,MAAM,GAAG,MAAH;AArCb,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE;AACxB,CAAA,EAAA,uBAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAMjB,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE;AAC7B,CAAA,EAAA,uBAAA,CAAA,SAAA,EAAA,cAAA,EAAA,MAAA,CAAA;AAMzB,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE;AACvB,CAAA,EAAA,uBAAA,CAAA,SAAA,EAAA,cAAA,EAAA,MAAA,CAAA;AAjB3B,uBAAuB,GAAA,UAAA,CAAA;AAD5B,IAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,gBAAA,CAAkB;AACpC,CAAA,EAAA,uBAAuB,CA2C5B;AAGD,gCAAe,uBAAuB;;;;"}
|
|
@@ -58,9 +58,24 @@ declare class CDSAIChatHistoryPanelItem extends CDSAIChatHistoryPanelItem_base {
|
|
|
58
58
|
* Overflow tooltip label
|
|
59
59
|
*/
|
|
60
60
|
overflowMenuLabel: string;
|
|
61
|
+
/**
|
|
62
|
+
* `true` to always show the actions menu for this item.
|
|
63
|
+
* When set, the actions menu will be visible without requiring hover or selection.
|
|
64
|
+
* Can be set directly on the item or inherited from the parent panel's `show-actions` attribute.
|
|
65
|
+
*/
|
|
66
|
+
showActions: boolean;
|
|
61
67
|
input: HTMLElement;
|
|
62
68
|
overflowMenu: HTMLElement;
|
|
63
69
|
overflowMenuBody: HTMLElement;
|
|
70
|
+
private _overflowMenuBodyElement?;
|
|
71
|
+
private _overflowMenuBodyFlippedClass;
|
|
72
|
+
private _overflowMenuBodyFlippedSelector;
|
|
73
|
+
private _adoptOverflowMenuBodyStyles;
|
|
74
|
+
private _adoptOverflowMenuBodyStylesAfterPortal;
|
|
75
|
+
/**
|
|
76
|
+
* MutationObserver to watch for changes to parent panel's always-show-actions attribute
|
|
77
|
+
*/
|
|
78
|
+
private _parentObserver?;
|
|
64
79
|
/**
|
|
65
80
|
*
|
|
66
81
|
* The current cds-custom-overflow-menu doesn't support opening the menu body in different
|
|
@@ -89,7 +104,9 @@ declare class CDSAIChatHistoryPanelItem extends CDSAIChatHistoryPanelItem_base {
|
|
|
89
104
|
private _handleMenuItemKeyDown;
|
|
90
105
|
private _handleClick;
|
|
91
106
|
private _handleKeyDown;
|
|
92
|
-
|
|
107
|
+
connectedCallback(): void;
|
|
108
|
+
disconnectedCallback(): void;
|
|
109
|
+
updated(changedProperties: Map<string, any>): void;
|
|
93
110
|
render(): import("lit-html").TemplateResult<1>;
|
|
94
111
|
static styles: any;
|
|
95
112
|
}
|
|
@@ -20,6 +20,7 @@ import OverflowMenuVertical16 from '@carbon/icons/es/overflow-menu--vertical/16.
|
|
|
20
20
|
import { iconLoader } from '@carbon/web-components/es-custom/globals/internal/icon-loader.js';
|
|
21
21
|
import '@carbon/web-components/es-custom/components/overflow-menu/index.js';
|
|
22
22
|
import '@carbon/web-components/es-custom/components/icon-button/index.js';
|
|
23
|
+
import { adoptOnRoot, setVarsForSelector } from '../../shared/dynamic-css-var-sheet.js';
|
|
23
24
|
import styles from './chat-history.scss.js';
|
|
24
25
|
|
|
25
26
|
/*
|
|
@@ -56,6 +57,14 @@ let CDSAIChatHistoryPanelItem = class CDSAIChatHistoryPanelItem extends HostList
|
|
|
56
57
|
* Overflow tooltip label
|
|
57
58
|
*/
|
|
58
59
|
this.overflowMenuLabel = "Options";
|
|
60
|
+
/**
|
|
61
|
+
* `true` to always show the actions menu for this item.
|
|
62
|
+
* When set, the actions menu will be visible without requiring hover or selection.
|
|
63
|
+
* Can be set directly on the item or inherited from the parent panel's `show-actions` attribute.
|
|
64
|
+
*/
|
|
65
|
+
this.showActions = false;
|
|
66
|
+
this._overflowMenuBodyFlippedClass = `${prefix}--history-overflow-menu-body--flipped`;
|
|
67
|
+
this._overflowMenuBodyFlippedSelector = `cds-custom-overflow-menu-body.${this._overflowMenuBodyFlippedClass}`;
|
|
59
68
|
/**
|
|
60
69
|
* Handler for overflow menu trigger keydown event
|
|
61
70
|
*
|
|
@@ -143,6 +152,17 @@ let CDSAIChatHistoryPanelItem = class CDSAIChatHistoryPanelItem extends HostList
|
|
|
143
152
|
}
|
|
144
153
|
};
|
|
145
154
|
}
|
|
155
|
+
_adoptOverflowMenuBodyStyles(overflowMenuBody) {
|
|
156
|
+
const root = overflowMenuBody.getRootNode();
|
|
157
|
+
if (root instanceof Document || root instanceof ShadowRoot) {
|
|
158
|
+
adoptOnRoot(root);
|
|
159
|
+
}
|
|
160
|
+
}
|
|
161
|
+
_adoptOverflowMenuBodyStylesAfterPortal(overflowMenuBody) {
|
|
162
|
+
requestAnimationFrame(() => {
|
|
163
|
+
this._adoptOverflowMenuBodyStyles(overflowMenuBody);
|
|
164
|
+
});
|
|
165
|
+
}
|
|
146
166
|
/**
|
|
147
167
|
*
|
|
148
168
|
* The current cds-custom-overflow-menu doesn't support opening the menu body in different
|
|
@@ -156,8 +176,15 @@ let CDSAIChatHistoryPanelItem = class CDSAIChatHistoryPanelItem extends HostList
|
|
|
156
176
|
if (!this.overflowMenu || !this.overflowMenuBody) {
|
|
157
177
|
return;
|
|
158
178
|
}
|
|
179
|
+
const overflowMenuBody = this.overflowMenuBody;
|
|
180
|
+
this._overflowMenuBodyElement = overflowMenuBody;
|
|
181
|
+
this._adoptOverflowMenuBodyStyles(overflowMenuBody);
|
|
159
182
|
const menuRect = this.overflowMenu.getBoundingClientRect();
|
|
160
|
-
const
|
|
183
|
+
const menuTriggerHeight = menuRect.height;
|
|
184
|
+
setVarsForSelector(this._overflowMenuBodyFlippedSelector, {
|
|
185
|
+
transform: `translateY(calc(-100% - ${menuTriggerHeight}px))`,
|
|
186
|
+
});
|
|
187
|
+
const menuBodyRect = overflowMenuBody.getBoundingClientRect();
|
|
161
188
|
const actualMenuHeight = menuBodyRect.height || this.actions.length * 40; // fallback
|
|
162
189
|
const parentContainer = this.closest(`${prefix}-history-content`);
|
|
163
190
|
if (!parentContainer) {
|
|
@@ -166,15 +193,10 @@ let CDSAIChatHistoryPanelItem = class CDSAIChatHistoryPanelItem extends HostList
|
|
|
166
193
|
const containerRect = parentContainer.getBoundingClientRect();
|
|
167
194
|
const spaceBelow = containerRect.bottom - menuRect.bottom;
|
|
168
195
|
const spaceAbove = menuRect.top - containerRect.top;
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
}
|
|
174
|
-
else {
|
|
175
|
-
// Default: open downward
|
|
176
|
-
this.overflowMenuBody.style.transform = " ";
|
|
177
|
-
}
|
|
196
|
+
// Class-based flip so a strict CSP can drop style-src-attr 'unsafe-inline'.
|
|
197
|
+
const flipUp = spaceBelow < actualMenuHeight && spaceAbove > spaceBelow;
|
|
198
|
+
overflowMenuBody.classList.toggle(this._overflowMenuBodyFlippedClass, flipUp);
|
|
199
|
+
this._adoptOverflowMenuBodyStylesAfterPortal(overflowMenuBody);
|
|
178
200
|
}
|
|
179
201
|
_handleClick(event) {
|
|
180
202
|
const composedPath = event.composedPath();
|
|
@@ -205,7 +227,31 @@ let CDSAIChatHistoryPanelItem = class CDSAIChatHistoryPanelItem extends HostList
|
|
|
205
227
|
});
|
|
206
228
|
this.dispatchEvent(itemActionEvent);
|
|
207
229
|
}
|
|
208
|
-
|
|
230
|
+
connectedCallback() {
|
|
231
|
+
super.connectedCallback();
|
|
232
|
+
// Inherit show-actions from parent panel if not explicitly set on this item
|
|
233
|
+
const parentPanel = this.closest(`${prefix}-history-panel`);
|
|
234
|
+
if (parentPanel && !this.hasAttribute("show-actions")) {
|
|
235
|
+
// Set initial value
|
|
236
|
+
this.showActions = parentPanel.hasAttribute("show-actions");
|
|
237
|
+
// Watch for changes to parent's show-actions attribute
|
|
238
|
+
this._parentObserver = new MutationObserver(() => {
|
|
239
|
+
const parentHasAttribute = parentPanel.hasAttribute("show-actions");
|
|
240
|
+
this.showActions = parentHasAttribute;
|
|
241
|
+
});
|
|
242
|
+
this._parentObserver.observe(parentPanel, {
|
|
243
|
+
attributes: true,
|
|
244
|
+
attributeFilter: ["show-actions"],
|
|
245
|
+
});
|
|
246
|
+
}
|
|
247
|
+
}
|
|
248
|
+
disconnectedCallback() {
|
|
249
|
+
this._overflowMenuBodyElement?.classList.remove(this._overflowMenuBodyFlippedClass);
|
|
250
|
+
super.disconnectedCallback();
|
|
251
|
+
this._parentObserver?.disconnect();
|
|
252
|
+
}
|
|
253
|
+
updated(changedProperties) {
|
|
254
|
+
super.updated(changedProperties);
|
|
209
255
|
if (this.input) {
|
|
210
256
|
this.input.addEventListener("history-panel-item-input-cancel", () => {
|
|
211
257
|
this.rename = false;
|
|
@@ -279,6 +325,9 @@ __decorate([
|
|
|
279
325
|
__decorate([
|
|
280
326
|
property({ type: String, attribute: "overflow-menu-label" })
|
|
281
327
|
], CDSAIChatHistoryPanelItem.prototype, "overflowMenuLabel", void 0);
|
|
328
|
+
__decorate([
|
|
329
|
+
property({ type: Boolean, reflect: true, attribute: "show-actions" })
|
|
330
|
+
], CDSAIChatHistoryPanelItem.prototype, "showActions", void 0);
|
|
282
331
|
__decorate([
|
|
283
332
|
query(`${prefix}-history-panel-item-input`)
|
|
284
333
|
], CDSAIChatHistoryPanelItem.prototype, "input", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"history-panel-item.js","sources":["../../../../src/components/chat-history/src/history-panel-item.ts"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"history-panel-item.js","sources":["../../../../src/components/chat-history/src/history-panel-item.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -14,6 +14,12 @@ declare class CDSAIChatHistoryPanel extends CDSSideNav {
|
|
|
14
14
|
* Sets default property from side nav
|
|
15
15
|
*/
|
|
16
16
|
expanded: boolean;
|
|
17
|
+
/**
|
|
18
|
+
* `true` to always show the actions menu on all child history panel items.
|
|
19
|
+
* When set, the actions menu will be visible without requiring hover or selection.
|
|
20
|
+
* Individual items can override this with their own `show-actions` attribute.
|
|
21
|
+
*/
|
|
22
|
+
showActions: boolean;
|
|
17
23
|
connectedCallback(): void;
|
|
18
24
|
static styles: any;
|
|
19
25
|
}
|
|
@@ -37,6 +37,12 @@ let CDSAIChatHistoryPanel = class CDSAIChatHistoryPanel extends CDSSideNav {
|
|
|
37
37
|
* Sets default property from side nav
|
|
38
38
|
*/
|
|
39
39
|
this.expanded = true;
|
|
40
|
+
/**
|
|
41
|
+
* `true` to always show the actions menu on all child history panel items.
|
|
42
|
+
* When set, the actions menu will be visible without requiring hover or selection.
|
|
43
|
+
* Individual items can override this with their own `show-actions` attribute.
|
|
44
|
+
*/
|
|
45
|
+
this.showActions = false;
|
|
40
46
|
}
|
|
41
47
|
connectedCallback() {
|
|
42
48
|
this.setAttribute("collapse-mode", "fixed");
|
|
@@ -50,6 +56,9 @@ __decorate([
|
|
|
50
56
|
__decorate([
|
|
51
57
|
property({ type: Boolean })
|
|
52
58
|
], CDSAIChatHistoryPanel.prototype, "expanded", void 0);
|
|
59
|
+
__decorate([
|
|
60
|
+
property({ type: Boolean, reflect: true, attribute: "show-actions" })
|
|
61
|
+
], CDSAIChatHistoryPanel.prototype, "showActions", void 0);
|
|
53
62
|
CDSAIChatHistoryPanel = __decorate([
|
|
54
63
|
carbonElement(`${prefix}-history-panel`)
|
|
55
64
|
], CDSAIChatHistoryPanel);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"history-panel.js","sources":["../../../../src/components/chat-history/src/history-panel.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;AAOG;AASH;;;;;AAKG;AAEH,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,UAAU,CAAA;AAA9C,IAAA,WAAA,GAAA;;AACE;;AAEG;QAEH,IAAA,CAAA,kBAAkB,GAAG,IAAI;AAEzB;;AAEG;QAEH,IAAA,CAAA,QAAQ,GAAG,IAAI;
|
|
1
|
+
{"version":3,"file":"history-panel.js","sources":["../../../../src/components/chat-history/src/history-panel.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;AAOG;AASH;;;;;AAKG;AAEH,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,UAAU,CAAA;AAA9C,IAAA,WAAA,GAAA;;AACE;;AAEG;QAEH,IAAA,CAAA,kBAAkB,GAAG,IAAI;AAEzB;;AAEG;QAEH,IAAA,CAAA,QAAQ,GAAG,IAAI;AAEf;;;;AAIG;QAEH,IAAA,CAAA,WAAW,GAAG,KAAK;IAQrB;IANE,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,OAAO,CAAC;QAC3C,KAAK,CAAC,iBAAiB,EAAE;IAC3B;;AAEO,qBAAA,CAAA,MAAM,GAAG,MAAH;AArBb,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,wBAAwB,EAAE;AACtC,CAAA,EAAA,qBAAA,CAAA,SAAA,EAAA,oBAAA,EAAA,MAAA,CAAA;AAM1B,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACX,CAAA,EAAA,qBAAA,CAAA,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;AAQhB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAE;AACjD,CAAA,EAAA,qBAAA,CAAA,SAAA,EAAA,aAAA,EAAA,MAAA,CAAA;AAnBhB,qBAAqB,GAAA,UAAA,CAAA;AAD1B,IAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,cAAA,CAAgB;AAClC,CAAA,EAAA,qBAAqB,CA2B1B;AAGD,8BAAe,qBAAqB;;;;"}
|
|
@@ -41,6 +41,7 @@ let CDSAIChatHistoryToolbar = class CDSAIChatHistoryToolbar extends LitElement {
|
|
|
41
41
|
* Label for new chat button.
|
|
42
42
|
*/
|
|
43
43
|
this.newChatLabel = "New chat";
|
|
44
|
+
this.closeButtonLabelText = "Clear search";
|
|
44
45
|
/**
|
|
45
46
|
* Handles new chat button click event
|
|
46
47
|
*/
|
|
@@ -52,9 +53,13 @@ let CDSAIChatHistoryToolbar = class CDSAIChatHistoryToolbar extends LitElement {
|
|
|
52
53
|
};
|
|
53
54
|
}
|
|
54
55
|
render() {
|
|
55
|
-
const { newChatLabel, searchOff, _handleNewChatButtonClick: handleNewChatButtonClick, } = this;
|
|
56
|
+
const { closeButtonLabelText, newChatLabel, searchOff, _handleNewChatButtonClick: handleNewChatButtonClick, } = this;
|
|
56
57
|
return html ` <slot name="actions-start"></slot>
|
|
57
|
-
${!searchOff
|
|
58
|
+
${!searchOff
|
|
59
|
+
? html `<cds-custom-search
|
|
60
|
+
close-button-label-text=${closeButtonLabelText}
|
|
61
|
+
></cds-custom-search>`
|
|
62
|
+
: nothing}
|
|
58
63
|
<slot name="actions-end"></slot>
|
|
59
64
|
<cds-custom-icon-button align="top-right" @click=${handleNewChatButtonClick}>
|
|
60
65
|
${iconLoader(AddComment16, {
|
|
@@ -74,6 +79,9 @@ __decorate([
|
|
|
74
79
|
__decorate([
|
|
75
80
|
property({ type: Boolean, attribute: "search-off", reflect: true })
|
|
76
81
|
], CDSAIChatHistoryToolbar.prototype, "searchOff", void 0);
|
|
82
|
+
__decorate([
|
|
83
|
+
property({ type: String, attribute: "close-button-label-text" })
|
|
84
|
+
], CDSAIChatHistoryToolbar.prototype, "closeButtonLabelText", void 0);
|
|
77
85
|
CDSAIChatHistoryToolbar = __decorate([
|
|
78
86
|
carbonElement(`${prefix}-history-toolbar`)
|
|
79
87
|
], CDSAIChatHistoryToolbar);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"history-toolbar.js","sources":["../../../../src/components/chat-history/src/history-toolbar.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;AAOG;AAaH;;;;;AAKG;AAEH,IAAM,uBAAuB,GAA7B,MAAM,uBAAwB,SAAQ,UAAU,CAAA;AAAhD,IAAA,WAAA,GAAA;;AACE;;AAEG;QAEH,IAAA,CAAA,IAAI,GAAG,SAAS;AAEhB;;AAEG;QAEH,IAAA,CAAA,YAAY,GAAG,UAAU;
|
|
1
|
+
{"version":3,"file":"history-toolbar.js","sources":["../../../../src/components/chat-history/src/history-toolbar.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;AAOG;AAaH;;;;;AAKG;AAEH,IAAM,uBAAuB,GAA7B,MAAM,uBAAwB,SAAQ,UAAU,CAAA;AAAhD,IAAA,WAAA,GAAA;;AACE;;AAEG;QAEH,IAAA,CAAA,IAAI,GAAG,SAAS;AAEhB;;AAEG;QAEH,IAAA,CAAA,YAAY,GAAG,UAAU;QASzB,IAAA,CAAA,oBAAoB,GAAG,cAAc;AAErC;;AAEG;QACH,IAAA,CAAA,yBAAyB,GAAG,MAAK;AAC/B,YAAA,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,6BAA6B,EAAE;AAC7C,gBAAA,OAAO,EAAE,IAAI;AACb,gBAAA,QAAQ,EAAE,IAAI;AACf,aAAA,CAAC,CACH;AACH,QAAA,CAAC;IA0BH;IAxBE,MAAM,GAAA;AACJ,QAAA,MAAM,EACJ,oBAAoB,EACpB,YAAY,EACZ,SAAS,EACT,yBAAyB,EAAE,wBAAwB,GACpD,GAAG,IAAI;AAER,QAAA,OAAO,IAAI,CAAA,CAAA;AACP,MAAA,EAAA,CAAC;cACC,IAAI,CAAA,CAAA;sCACwB,oBAAoB;AACjC,wBAAA;AACjB,cAAE,OAAO;;kDAEiC,wBAAwB,CAAA;UAChE,UAAU,CAAC,YAAY,EAAE;AACzB,YAAA,IAAI,EAAE,MAAM;SACb,CAAC;uCAC6B,YAAY,CAAA;yBAC1B;IACvB;;AAEO,uBAAA,CAAA,MAAM,GAAG,MAAH;AApDb,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE;AACxB,CAAA,EAAA,uBAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAMjB,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,gBAAgB,EAAE;AAC7B,CAAA,EAAA,uBAAA,CAAA,SAAA,EAAA,cAAA,EAAA,MAAA,CAAA;AAM1B,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,OAAO,EAAE,IAAI,EAAE;AACzD,CAAA,EAAA,uBAAA,CAAA,SAAA,EAAA,WAAA,EAAA,MAAA,CAAA;AAGV,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,yBAAyB,EAAE;AAC1B,CAAA,EAAA,uBAAA,CAAA,SAAA,EAAA,sBAAA,EAAA,MAAA,CAAA;AApBlC,uBAAuB,GAAA,UAAA,CAAA;AAD5B,IAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,gBAAA,CAAkB;AACpC,CAAA,EAAA,uBAAuB,CA0D5B;AAGD,gCAAe,uBAAuB;;;;"}
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
|
|
8
8
|
import { __decorate } from 'tslib';
|
|
9
9
|
import { LitElement, nothing, html } from 'lit';
|
|
10
|
-
import { property } from 'lit/decorators.js';
|
|
10
|
+
import { state, property } from 'lit/decorators.js';
|
|
11
11
|
import { carbonElement } from '../../../globals/decorators/carbon-element.js';
|
|
12
12
|
import { iconLoader } from '@carbon/web-components/es-custom/globals/internal/icon-loader.js';
|
|
13
13
|
import '@carbon/web-components/es-custom/components/button/index.js';
|
|
@@ -41,6 +41,11 @@ var CdsAiChatChatHeader_1;
|
|
|
41
41
|
let CdsAiChatChatHeader = CdsAiChatChatHeader_1 = class CdsAiChatChatHeader extends LitElement {
|
|
42
42
|
constructor() {
|
|
43
43
|
super(...arguments);
|
|
44
|
+
/**
|
|
45
|
+
* Whether the component is in RTL mode.
|
|
46
|
+
* @internal
|
|
47
|
+
*/
|
|
48
|
+
this.isRTL = false;
|
|
44
49
|
/**
|
|
45
50
|
* Array of actions that can overflow into a menu when space is limited.
|
|
46
51
|
*/
|
|
@@ -237,11 +242,9 @@ let CdsAiChatChatHeader = CdsAiChatChatHeader_1 = class CdsAiChatChatHeader exte
|
|
|
237
242
|
* @returns Template result for overflow menu
|
|
238
243
|
*/
|
|
239
244
|
renderOverflowNavigation() {
|
|
240
|
-
// Check if RTL direction is set
|
|
241
|
-
const isRTL = document.dir === "rtl" || document.documentElement.dir === "rtl";
|
|
242
245
|
// For LTR: menu opens right
|
|
243
246
|
// For RTL: menu opens left
|
|
244
|
-
const menuAlignment = isRTL ? "left" : "right";
|
|
247
|
+
const menuAlignment = this.isRTL ? "left" : "right";
|
|
245
248
|
return html `
|
|
246
249
|
<div
|
|
247
250
|
slot="navigation"
|
|
@@ -260,7 +263,7 @@ let CdsAiChatChatHeader = CdsAiChatChatHeader_1 = class CdsAiChatChatHeader exte
|
|
|
260
263
|
? iconLoader(this.navigationOverflowIcon, this.getOverflowIconConfig())
|
|
261
264
|
: nothing}
|
|
262
265
|
<span slot="tooltip-content">${this.navigationOverflowLabel}</span>
|
|
263
|
-
<cds-custom-overflow-menu-body>
|
|
266
|
+
<cds-custom-overflow-menu-body ?flipped=${this.isRTL}>
|
|
264
267
|
${this.renderOverflowMenuItems()}
|
|
265
268
|
</cds-custom-overflow-menu-body>
|
|
266
269
|
</cds-custom-overflow-menu>
|
|
@@ -327,6 +330,7 @@ let CdsAiChatChatHeader = CdsAiChatChatHeader_1 = class CdsAiChatChatHeader exte
|
|
|
327
330
|
return html `
|
|
328
331
|
<cds-custom-aichat-toolbar
|
|
329
332
|
.actions=${this.actions}
|
|
333
|
+
.isRTL=${this.isRTL}
|
|
330
334
|
?overflow=${this.overflow}
|
|
331
335
|
titleText=${this.headerTitle || nothing}
|
|
332
336
|
nameText=${this.headerName || nothing}
|
|
@@ -369,6 +373,9 @@ CdsAiChatChatHeader.NAV_TOOLTIP_CONFIG = {
|
|
|
369
373
|
enterDelayMs: "0",
|
|
370
374
|
leaveDelayMs: "0",
|
|
371
375
|
};
|
|
376
|
+
__decorate([
|
|
377
|
+
state()
|
|
378
|
+
], CdsAiChatChatHeader.prototype, "isRTL", void 0);
|
|
372
379
|
__decorate([
|
|
373
380
|
property({ type: Array, attribute: false })
|
|
374
381
|
], CdsAiChatChatHeader.prototype, "actions", void 0);
|