igniteui-webcomponents 6.3.0-beta.0 → 6.3.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/CHANGELOG.md +14 -0
- package/components/accordion/accordion.js +3 -4
- package/components/accordion/accordion.js.map +1 -1
- package/components/avatar/avatar.js +3 -4
- package/components/avatar/avatar.js.map +1 -1
- package/components/badge/badge.js +3 -4
- package/components/badge/badge.js.map +1 -1
- package/components/banner/banner.js +3 -4
- package/components/banner/banner.js.map +1 -1
- package/components/button/button-base.js +1 -1
- package/components/button/button-base.js.map +1 -1
- package/components/button/button.js +3 -4
- package/components/button/button.js.map +1 -1
- package/components/button/icon-button.js +3 -4
- package/components/button/icon-button.js.map +1 -1
- package/components/button-group/button-group.js +3 -4
- package/components/button-group/button-group.js.map +1 -1
- package/components/button-group/toggle-button.js +4 -3
- package/components/button-group/toggle-button.js.map +1 -1
- package/components/calendar/calendar.js +3 -4
- package/components/calendar/calendar.js.map +1 -1
- package/components/calendar/days-view/days-view.js +4 -3
- package/components/calendar/days-view/days-view.js.map +1 -1
- package/components/calendar/months-view/months-view.js +4 -3
- package/components/calendar/months-view/months-view.js.map +1 -1
- package/components/calendar/years-view/years-view.js +4 -3
- package/components/calendar/years-view/years-view.js.map +1 -1
- package/components/card/card.actions.js +3 -4
- package/components/card/card.actions.js.map +1 -1
- package/components/card/card.content.js +3 -4
- package/components/card/card.content.js.map +1 -1
- package/components/card/card.header.js +3 -4
- package/components/card/card.header.js.map +1 -1
- package/components/card/card.js +3 -4
- package/components/card/card.js.map +1 -1
- package/components/card/card.media.js +3 -4
- package/components/card/card.media.js.map +1 -1
- package/components/carousel/carousel-indicator-container.js +3 -4
- package/components/carousel/carousel-indicator-container.js.map +1 -1
- package/components/carousel/carousel-indicator.js +3 -4
- package/components/carousel/carousel-indicator.js.map +1 -1
- package/components/carousel/carousel-slide.js +3 -4
- package/components/carousel/carousel-slide.js.map +1 -1
- package/components/carousel/carousel.js +3 -4
- package/components/carousel/carousel.js.map +1 -1
- package/components/chat/chat-input.d.ts +8 -20
- package/components/chat/chat-input.js +78 -56
- package/components/chat/chat-input.js.map +1 -1
- package/components/chat/chat-message.d.ts +6 -21
- package/components/chat/chat-message.js +113 -71
- package/components/chat/chat-message.js.map +1 -1
- package/components/chat/chat-state.d.ts +45 -50
- package/components/chat/chat-state.js +82 -91
- package/components/chat/chat-state.js.map +1 -1
- package/components/chat/chat.d.ts +68 -24
- package/components/chat/chat.js +99 -96
- package/components/chat/chat.js.map +1 -1
- package/components/chat/extras/markdown-renderer.d.ts +6 -3
- package/components/chat/extras/markdown-renderer.js +19 -14
- package/components/chat/extras/markdown-renderer.js.map +1 -1
- package/components/chat/message-attachments.d.ts +5 -5
- package/components/chat/message-attachments.js +49 -43
- package/components/chat/message-attachments.js.map +1 -1
- package/components/chat/themes/chat.base.css.js +1 -1
- package/components/chat/themes/chat.base.css.js.map +1 -1
- package/components/chat/themes/dark/chat.bootstrap.css.js +1 -1
- package/components/chat/themes/dark/chat.bootstrap.css.js.map +1 -1
- package/components/chat/themes/dark/chat.fluent.css.js +1 -1
- package/components/chat/themes/dark/chat.fluent.css.js.map +1 -1
- package/components/chat/themes/dark/chat.indigo.css.js +1 -1
- package/components/chat/themes/dark/chat.indigo.css.js.map +1 -1
- package/components/chat/themes/dark/chat.material.css.js +1 -1
- package/components/chat/themes/dark/chat.material.css.js.map +1 -1
- package/components/chat/themes/input.base.css.js +1 -1
- package/components/chat/themes/input.base.css.js.map +1 -1
- package/components/chat/themes/light/chat.bootstrap.css.js +1 -1
- package/components/chat/themes/light/chat.bootstrap.css.js.map +1 -1
- package/components/chat/themes/light/chat.indigo.css.js +1 -1
- package/components/chat/themes/light/chat.indigo.css.js.map +1 -1
- package/components/chat/themes/light/chat.shared.css.js +1 -1
- package/components/chat/themes/light/chat.shared.css.js.map +1 -1
- package/components/chat/themes/message-attachments.base.css.js +1 -1
- package/components/chat/themes/message-attachments.base.css.js.map +1 -1
- package/components/chat/themes/message.base.css.js +1 -1
- package/components/chat/themes/message.base.css.js.map +1 -1
- package/components/chat/themes/shared/chat.bootstrap.css.js +1 -1
- package/components/chat/themes/shared/chat.bootstrap.css.js.map +1 -1
- package/components/chat/themes/shared/chat.fluent.css.js +1 -1
- package/components/chat/themes/shared/chat.fluent.css.js.map +1 -1
- package/components/chat/themes/shared/chat.indigo.css.js +1 -1
- package/components/chat/themes/shared/chat.indigo.css.js.map +1 -1
- package/components/chat/themes/shared/input/input.bootstrap.css.js +1 -1
- package/components/chat/themes/shared/input/input.bootstrap.css.js.map +1 -1
- package/components/chat/themes/shared/input/input.fluent.css.js +1 -1
- package/components/chat/themes/shared/input/input.fluent.css.js.map +1 -1
- package/components/chat/themes/shared/input/input.indigo.css.js +1 -1
- package/components/chat/themes/shared/input/input.indigo.css.js.map +1 -1
- package/components/chat/themes/shared/message-attachments/message-attachments.common.css.js +1 -1
- package/components/chat/themes/shared/message-attachments/message-attachments.common.css.js.map +1 -1
- package/components/chat/types.d.ts +173 -28
- package/components/chat/types.js.map +1 -1
- package/components/chat/utils.d.ts +3 -3
- package/components/chat/utils.js +7 -11
- package/components/chat/utils.js.map +1 -1
- package/components/checkbox/checkbox.js +3 -4
- package/components/checkbox/checkbox.js.map +1 -1
- package/components/checkbox/switch.js +3 -4
- package/components/checkbox/switch.js.map +1 -1
- package/components/checkbox/themes/checkbox.base.css.js +1 -1
- package/components/checkbox/themes/checkbox.base.css.js.map +1 -1
- package/components/checkbox/themes/switch.base.css.js +1 -1
- package/components/checkbox/themes/switch.base.css.js.map +1 -1
- package/components/chip/chip.js +3 -4
- package/components/chip/chip.js.map +1 -1
- package/components/combo/combo-header.js +3 -4
- package/components/combo/combo-header.js.map +1 -1
- package/components/combo/combo-item.js +3 -4
- package/components/combo/combo-item.js.map +1 -1
- package/components/combo/combo-list.js +2 -3
- package/components/combo/combo-list.js.map +1 -1
- package/components/combo/combo.js +4 -3
- package/components/combo/combo.js.map +1 -1
- package/components/common/controllers/focus-ring.js +5 -5
- package/components/common/controllers/focus-ring.js.map +1 -1
- package/components/common/controllers/key-bindings.js +4 -4
- package/components/common/controllers/key-bindings.js.map +1 -1
- package/components/common/i18n/chat.resources.d.ts +3 -0
- package/components/common/i18n/chat.resources.js +3 -0
- package/components/common/i18n/chat.resources.js.map +1 -1
- package/components/common/mixins/forms/associated.js +1 -1
- package/components/common/mixins/forms/associated.js.map +1 -1
- package/components/common/mixins/forms/form-value.js +1 -1
- package/components/common/mixins/forms/form-value.js.map +1 -1
- package/components/common/part-map.d.ts +1 -1
- package/components/common/util.d.ts +3 -0
- package/components/common/util.js +9 -1
- package/components/common/util.js.map +1 -1
- package/components/date-picker/date-picker.js +5 -4
- package/components/date-picker/date-picker.js.map +1 -1
- package/components/date-range-picker/date-range-picker.js +5 -4
- package/components/date-range-picker/date-range-picker.js.map +1 -1
- package/components/date-range-picker/predefined-ranges-area.js +3 -4
- package/components/date-range-picker/predefined-ranges-area.js.map +1 -1
- package/components/date-time-input/date-time-input.js +2 -3
- package/components/date-time-input/date-time-input.js.map +1 -1
- package/components/date-time-input/date-util.js +11 -11
- package/components/date-time-input/date-util.js.map +1 -1
- package/components/dialog/dialog.js +3 -4
- package/components/dialog/dialog.js.map +1 -1
- package/components/divider/divider.js +3 -4
- package/components/divider/divider.js.map +1 -1
- package/components/dropdown/dropdown-group.js +3 -4
- package/components/dropdown/dropdown-group.js.map +1 -1
- package/components/dropdown/dropdown-header.js +3 -4
- package/components/dropdown/dropdown-header.js.map +1 -1
- package/components/dropdown/dropdown-item.js +3 -4
- package/components/dropdown/dropdown-item.js.map +1 -1
- package/components/dropdown/dropdown.js +4 -3
- package/components/dropdown/dropdown.js.map +1 -1
- package/components/expansion-panel/expansion-panel.js +3 -4
- package/components/expansion-panel/expansion-panel.js.map +1 -1
- package/components/file-input/file-input.js +3 -4
- package/components/file-input/file-input.js.map +1 -1
- package/components/focus-trap/focus-trap.js +7 -8
- package/components/focus-trap/focus-trap.js.map +1 -1
- package/components/icon/icon-references.js +78 -0
- package/components/icon/icon-references.js.map +1 -1
- package/components/icon/icon-state.broadcast.js +1 -1
- package/components/icon/icon-state.broadcast.js.map +1 -1
- package/components/icon/icon.js +3 -4
- package/components/icon/icon.js.map +1 -1
- package/components/icon/internal-icons-lib.js +39 -0
- package/components/icon/internal-icons-lib.js.map +1 -1
- package/components/input/input-base.js +4 -3
- package/components/input/input-base.js.map +1 -1
- package/components/input/input.js +2 -3
- package/components/input/input.js.map +1 -1
- package/components/input/themes/shared/input.bootstrap.css.js +1 -1
- package/components/input/themes/shared/input.bootstrap.css.js.map +1 -1
- package/components/input/themes/shared/input.indigo.css.js +1 -1
- package/components/input/themes/shared/input.indigo.css.js.map +1 -1
- package/components/list/list-header.js +3 -4
- package/components/list/list-header.js.map +1 -1
- package/components/list/list-item.js +3 -4
- package/components/list/list-item.js.map +1 -1
- package/components/list/list.js +3 -4
- package/components/list/list.js.map +1 -1
- package/components/list/themes/header.js +2 -28
- package/components/list/themes/header.js.map +1 -1
- package/components/list/themes/item.js +6 -20
- package/components/list/themes/item.js.map +1 -1
- package/components/mask-input/mask-input.js +2 -3
- package/components/mask-input/mask-input.js.map +1 -1
- package/components/nav-drawer/nav-drawer-header-item.js +3 -4
- package/components/nav-drawer/nav-drawer-header-item.js.map +1 -1
- package/components/nav-drawer/nav-drawer-item.js +3 -4
- package/components/nav-drawer/nav-drawer-item.js.map +1 -1
- package/components/nav-drawer/nav-drawer.js +3 -4
- package/components/nav-drawer/nav-drawer.js.map +1 -1
- package/components/navbar/navbar.js +3 -4
- package/components/navbar/navbar.js.map +1 -1
- package/components/popover/popover.js +9 -10
- package/components/popover/popover.js.map +1 -1
- package/components/progress/circular-gradient.js +2 -3
- package/components/progress/circular-gradient.js.map +1 -1
- package/components/progress/circular-progress.js +3 -4
- package/components/progress/circular-progress.js.map +1 -1
- package/components/progress/linear-progress.js +3 -4
- package/components/progress/linear-progress.js.map +1 -1
- package/components/radio/radio.js +3 -4
- package/components/radio/radio.js.map +1 -1
- package/components/radio-group/radio-group.js +3 -4
- package/components/radio-group/radio-group.js.map +1 -1
- package/components/rating/rating-symbol.js +3 -4
- package/components/rating/rating-symbol.js.map +1 -1
- package/components/rating/rating.js +3 -4
- package/components/rating/rating.js.map +1 -1
- package/components/resize-container/resize-container.js +3 -4
- package/components/resize-container/resize-container.js.map +1 -1
- package/components/ripple/ripple.js +3 -4
- package/components/ripple/ripple.js.map +1 -1
- package/components/select/select-group.js +3 -4
- package/components/select/select-group.js.map +1 -1
- package/components/select/select-header.js +3 -4
- package/components/select/select-header.js.map +1 -1
- package/components/select/select-item.js +3 -4
- package/components/select/select-item.js.map +1 -1
- package/components/select/select.js +4 -3
- package/components/select/select.js.map +1 -1
- package/components/slider/range-slider.js +2 -3
- package/components/slider/range-slider.js.map +1 -1
- package/components/slider/slider-base.js +1 -1
- package/components/slider/slider-base.js.map +1 -1
- package/components/slider/slider-label.js +7 -8
- package/components/slider/slider-label.js.map +1 -1
- package/components/slider/slider.js +2 -3
- package/components/slider/slider.js.map +1 -1
- package/components/snackbar/snackbar.js +3 -4
- package/components/snackbar/snackbar.js.map +1 -1
- package/components/stepper/step.js +3 -4
- package/components/stepper/step.js.map +1 -1
- package/components/stepper/stepper.js +3 -4
- package/components/stepper/stepper.js.map +1 -1
- package/components/tabs/tab-dom.js +1 -1
- package/components/tabs/tab-dom.js.map +1 -1
- package/components/tabs/tab.js +4 -5
- package/components/tabs/tab.js.map +1 -1
- package/components/tabs/tabs.js +3 -4
- package/components/tabs/tabs.js.map +1 -1
- package/components/textarea/textarea.js +4 -3
- package/components/textarea/textarea.js.map +1 -1
- package/components/textarea/themes/shared/textarea.bootstrap.css.js +1 -1
- package/components/textarea/themes/shared/textarea.bootstrap.css.js.map +1 -1
- package/components/tile-manager/themes/tile-manager.base.css.js +1 -1
- package/components/tile-manager/themes/tile-manager.base.css.js.map +1 -1
- package/components/tile-manager/tile-manager.js +4 -3
- package/components/tile-manager/tile-manager.js.map +1 -1
- package/components/tile-manager/tile.js +3 -4
- package/components/tile-manager/tile.js.map +1 -1
- package/components/toast/toast.js +3 -4
- package/components/toast/toast.js.map +1 -1
- package/components/tooltip/controller.js +4 -4
- package/components/tooltip/controller.js.map +1 -1
- package/components/tooltip/tooltip.js +3 -4
- package/components/tooltip/tooltip.js.map +1 -1
- package/components/tree/tree-item.js +3 -4
- package/components/tree/tree-item.js.map +1 -1
- package/components/tree/tree.js +4 -3
- package/components/tree/tree.js.map +1 -1
- package/components/validation-container/validation-container.js +3 -4
- package/components/validation-container/validation-container.js.map +1 -1
- package/custom-elements.json +2142 -2029
- package/igniteui-webcomponents.css-data.json +1 -1
- package/igniteui-webcomponents.html-data.json +1 -1
- package/package.json +24 -2
- package/web-types.json +2 -2
- package/components/list/themes/dark/header/list-header.bootstrap.css.d.ts +0 -1
- package/components/list/themes/dark/header/list-header.bootstrap.css.js +0 -3
- package/components/list/themes/dark/header/list-header.bootstrap.css.js.map +0 -1
- package/components/list/themes/dark/header/list-header.fluent.css.d.ts +0 -1
- package/components/list/themes/dark/header/list-header.fluent.css.js +0 -3
- package/components/list/themes/dark/header/list-header.fluent.css.js.map +0 -1
- package/components/list/themes/dark/header/list-header.indigo.css.d.ts +0 -1
- package/components/list/themes/dark/header/list-header.indigo.css.js +0 -3
- package/components/list/themes/dark/header/list-header.indigo.css.js.map +0 -1
- package/components/list/themes/dark/header/list-header.material.css.d.ts +0 -1
- package/components/list/themes/dark/header/list-header.material.css.js +0 -3
- package/components/list/themes/dark/header/list-header.material.css.js.map +0 -1
- package/components/list/themes/dark/item/list-item.bootstrap.css.d.ts +0 -1
- package/components/list/themes/dark/item/list-item.bootstrap.css.js +0 -3
- package/components/list/themes/dark/item/list-item.bootstrap.css.js.map +0 -1
- package/components/list/themes/dark/item/list-item.fluent.css.d.ts +0 -1
- package/components/list/themes/dark/item/list-item.fluent.css.js +0 -3
- package/components/list/themes/dark/item/list-item.fluent.css.js.map +0 -1
- package/components/list/themes/dark/item/list-item.indigo.css.d.ts +0 -1
- package/components/list/themes/dark/item/list-item.indigo.css.js +0 -3
- package/components/list/themes/dark/item/list-item.indigo.css.js.map +0 -1
- package/components/list/themes/dark/item/list-item.material.css.d.ts +0 -1
- package/components/list/themes/dark/item/list-item.material.css.js +0 -3
- package/components/list/themes/dark/item/list-item.material.css.js.map +0 -1
- package/components/list/themes/light/header/list-header.bootstrap.css.d.ts +0 -1
- package/components/list/themes/light/header/list-header.bootstrap.css.js +0 -3
- package/components/list/themes/light/header/list-header.bootstrap.css.js.map +0 -1
- package/components/list/themes/light/header/list-header.fluent.css.d.ts +0 -1
- package/components/list/themes/light/header/list-header.fluent.css.js +0 -3
- package/components/list/themes/light/header/list-header.fluent.css.js.map +0 -1
- package/components/list/themes/light/header/list-header.indigo.css.d.ts +0 -1
- package/components/list/themes/light/header/list-header.indigo.css.js +0 -3
- package/components/list/themes/light/header/list-header.indigo.css.js.map +0 -1
- package/components/list/themes/light/header/list-header.material.css.d.ts +0 -1
- package/components/list/themes/light/header/list-header.material.css.js +0 -3
- package/components/list/themes/light/header/list-header.material.css.js.map +0 -1
- package/components/list/themes/light/item/list-item.bootstrap.css.d.ts +0 -1
- package/components/list/themes/light/item/list-item.bootstrap.css.js +0 -3
- package/components/list/themes/light/item/list-item.bootstrap.css.js.map +0 -1
- package/components/list/themes/light/item/list-item.fluent.css.d.ts +0 -1
- package/components/list/themes/light/item/list-item.fluent.css.js +0 -3
- package/components/list/themes/light/item/list-item.fluent.css.js.map +0 -1
- package/components/list/themes/light/item/list-item.indigo.css.d.ts +0 -1
- package/components/list/themes/light/item/list-item.indigo.css.js +0 -3
- package/components/list/themes/light/item/list-item.indigo.css.js.map +0 -1
- package/components/list/themes/light/item/list-item.material.css.d.ts +0 -1
- package/components/list/themes/light/item/list-item.material.css.js +0 -3
- package/components/list/themes/light/item/list-item.material.css.js.map +0 -1
|
@@ -7,42 +7,46 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
7
7
|
import { consume } from '@lit/context';
|
|
8
8
|
import { html, LitElement, nothing } from 'lit';
|
|
9
9
|
import { property } from 'lit/decorators.js';
|
|
10
|
+
import { cache } from 'lit/directives/cache.js';
|
|
11
|
+
import { repeat } from 'lit/directives/repeat.js';
|
|
10
12
|
import { until } from 'lit/directives/until.js';
|
|
11
13
|
import { addThemingController } from '../../theming/theming-controller.js';
|
|
12
14
|
import IgcIconButtonComponent from '../button/icon-button.js';
|
|
13
15
|
import { chatContext } from '../common/context.js';
|
|
14
16
|
import { registerComponent } from '../common/definitions/register.js';
|
|
15
17
|
import { partMap } from '../common/part-map.js';
|
|
16
|
-
import
|
|
18
|
+
import { trimmedHtml } from '../common/util.js';
|
|
17
19
|
import IgcIconComponent from '../icon/icon.js';
|
|
18
20
|
import { all } from './themes/attachments.js';
|
|
19
21
|
import { styles } from './themes/message-attachments.base.css.js';
|
|
20
22
|
import { styles as shared } from './themes/shared/message-attachments/message-attachments.common.css.js';
|
|
21
|
-
import { ChatFileTypeIcons, createAttachmentURL, getFileExtension, } from './utils.js';
|
|
22
|
-
class IgcMessageAttachmentsComponent extends LitElement {
|
|
23
|
+
import { ChatFileTypeIcons, createAttachmentURL, getFileExtension, isImageAttachment, } from './utils.js';
|
|
24
|
+
export default class IgcMessageAttachmentsComponent extends LitElement {
|
|
25
|
+
static { this.tagName = 'igc-message-attachments'; }
|
|
26
|
+
static { this.styles = [styles, shared]; }
|
|
23
27
|
static register() {
|
|
24
|
-
registerComponent(IgcMessageAttachmentsComponent, IgcIconComponent, IgcIconButtonComponent
|
|
28
|
+
registerComponent(IgcMessageAttachmentsComponent, IgcIconComponent, IgcIconButtonComponent);
|
|
25
29
|
}
|
|
26
30
|
constructor() {
|
|
27
31
|
super();
|
|
28
32
|
this._defaults = Object.freeze({
|
|
29
|
-
attachment: (ctx) => this._renderAttachment(ctx.
|
|
30
|
-
attachmentHeader: (ctx) => this.renderHeader(ctx.
|
|
31
|
-
attachmentContent: (ctx) => this._renderContent(ctx.
|
|
33
|
+
attachment: (ctx) => this._renderAttachment(ctx.attachment),
|
|
34
|
+
attachmentHeader: (ctx) => this.renderHeader(ctx.attachment),
|
|
35
|
+
attachmentContent: (ctx) => this._renderContent(ctx.attachment),
|
|
32
36
|
});
|
|
33
37
|
this._handleHeaderClick = (attachment) => {
|
|
34
38
|
this._state.emitEvent('igcAttachmentClick', { detail: attachment });
|
|
35
39
|
};
|
|
36
40
|
addThemingController(this, all);
|
|
37
41
|
}
|
|
38
|
-
|
|
42
|
+
_getRenderer(name) {
|
|
39
43
|
return this._state.options?.renderers
|
|
40
44
|
? (this._state.options.renderers[name] ?? this._defaults[name])
|
|
41
45
|
: this._defaults[name];
|
|
42
46
|
}
|
|
43
47
|
renderHeader(attachment) {
|
|
44
48
|
const isCurrentUser = this._state.isCurrentUserMessage(this.message);
|
|
45
|
-
const iconName = attachment
|
|
49
|
+
const iconName = isImageAttachment(attachment)
|
|
46
50
|
? 'attach_image'
|
|
47
51
|
: 'document_thumbnail';
|
|
48
52
|
return html `
|
|
@@ -53,25 +57,23 @@ class IgcMessageAttachmentsComponent extends LitElement {
|
|
|
53
57
|
`;
|
|
54
58
|
}
|
|
55
59
|
_renderContent(attachment) {
|
|
56
|
-
const
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
return isImage
|
|
60
|
+
const iconName = ChatFileTypeIcons.get(getFileExtension(attachment.name)) ??
|
|
61
|
+
ChatFileTypeIcons.get('default');
|
|
62
|
+
return isImageAttachment(attachment)
|
|
60
63
|
? html `
|
|
61
64
|
<img
|
|
62
|
-
part="image-attachment"
|
|
65
|
+
part="image-attachment-icon"
|
|
63
66
|
src=${createAttachmentURL(attachment)}
|
|
64
67
|
alt=${attachment.name}
|
|
65
68
|
/>
|
|
66
69
|
`
|
|
67
|
-
: html `<igc-icon
|
|
70
|
+
: html `<igc-icon
|
|
71
|
+
part="file-attachment-icon"
|
|
72
|
+
name=${iconName}
|
|
73
|
+
></igc-icon>`;
|
|
68
74
|
}
|
|
69
75
|
_renderAttachment(attachment) {
|
|
70
76
|
const isCurrentUser = this._state.isCurrentUserMessage(this.message);
|
|
71
|
-
const attachmentParts = {
|
|
72
|
-
attachment: true,
|
|
73
|
-
sent: isCurrentUser,
|
|
74
|
-
};
|
|
75
77
|
const contentParts = {
|
|
76
78
|
'attachment-content': true,
|
|
77
79
|
sent: isCurrentUser,
|
|
@@ -81,12 +83,12 @@ class IgcMessageAttachmentsComponent extends LitElement {
|
|
|
81
83
|
sent: isCurrentUser,
|
|
82
84
|
};
|
|
83
85
|
const ctx = {
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
86
|
+
attachment,
|
|
87
|
+
message: this.message,
|
|
88
|
+
instance: this._state.host,
|
|
87
89
|
};
|
|
88
90
|
const content = html `<div part=${partMap(contentParts)}>
|
|
89
|
-
${until(this.
|
|
91
|
+
${until(this._getRenderer('attachmentContent')(ctx))}
|
|
90
92
|
</div>`;
|
|
91
93
|
const header = html ` <div
|
|
92
94
|
part=${partMap(headerParts)}
|
|
@@ -94,34 +96,38 @@ class IgcMessageAttachmentsComponent extends LitElement {
|
|
|
94
96
|
@click=${() => this._handleHeaderClick(attachment)}
|
|
95
97
|
>
|
|
96
98
|
<div part="details">
|
|
97
|
-
${until(this.
|
|
99
|
+
${until(this._getRenderer('attachmentHeader')(ctx))}
|
|
98
100
|
</div>
|
|
99
101
|
</div>`;
|
|
100
102
|
return html `
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
${!isCurrentUser ? content : nothing}
|
|
104
|
-
</div>
|
|
103
|
+
${isCurrentUser ? content : nothing} ${header}
|
|
104
|
+
${!isCurrentUser ? content : nothing}
|
|
105
105
|
`;
|
|
106
106
|
}
|
|
107
107
|
render() {
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
108
|
+
const attachments = this.message?.attachments ?? [];
|
|
109
|
+
const isCurrentUser = this._state.isCurrentUserMessage(this.message);
|
|
110
|
+
const attachmentParts = {
|
|
111
|
+
attachment: true,
|
|
112
|
+
sent: isCurrentUser,
|
|
113
|
+
};
|
|
114
|
+
return html `${cache(this.message
|
|
115
|
+
? html `
|
|
116
|
+
<div part="attachments-container">
|
|
117
|
+
${repeat(attachments, (attachment) => attachment.id, (attachment) => trimmedHtml `
|
|
118
|
+
<div part="${partMap(attachmentParts)}">
|
|
119
|
+
${until(this._getRenderer('attachment')({
|
|
120
|
+
attachment,
|
|
121
|
+
message: this.message,
|
|
122
|
+
instance: this._state.host,
|
|
123
|
+
}))}
|
|
124
|
+
</div>
|
|
125
|
+
`)}
|
|
126
|
+
</div>
|
|
127
|
+
`
|
|
128
|
+
: nothing)}`;
|
|
120
129
|
}
|
|
121
130
|
}
|
|
122
|
-
IgcMessageAttachmentsComponent.tagName = 'igc-message-attachments';
|
|
123
|
-
IgcMessageAttachmentsComponent.styles = [styles, shared];
|
|
124
|
-
export default IgcMessageAttachmentsComponent;
|
|
125
131
|
__decorate([
|
|
126
132
|
consume({ context: chatContext, subscribe: true })
|
|
127
133
|
], IgcMessageAttachmentsComponent.prototype, "_state", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"message-attachments.js","sourceRoot":"","sources":["../../../src/components/chat/message-attachments.ts"],"names":[],"mappings":"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","sourcesContent":["import { consume } from '@lit/context';\nimport { html, LitElement, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { until } from 'lit/directives/until.js';\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport IgcIconButtonComponent from '../button/icon-button.js';\nimport { chatContext } from '../common/context.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { partMap } from '../common/part-map.js';\nimport IgcExpansionPanelComponent from '../expansion-panel/expansion-panel.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport type { ChatState } from './chat-state.js';\nimport { all } from './themes/attachments.js';\nimport { styles } from './themes/message-attachments.base.css.js';\nimport { styles as shared } from './themes/shared/message-attachments/message-attachments.common.css.js';\nimport type {\n ChatTemplateRenderer,\n IgcMessage,\n IgcMessageAttachment,\n} from './types.js';\nimport {\n ChatFileTypeIcons,\n createAttachmentURL,\n getFileExtension,\n} from './utils.js';\n\ntype DefaultAttachmentRenderers = {\n attachment: ChatTemplateRenderer<IgcMessageAttachment>;\n attachmentHeader: ChatTemplateRenderer<IgcMessageAttachment>;\n attachmentContent: ChatTemplateRenderer<IgcMessageAttachment>;\n};\n\n/**\n * A component that renders message attachments within a chat.\n *\n * Displays attachments such as images or files, supporting custom templates\n * and default rendering using expansion panels.\n *\n * @element igc-message-attachments\n *\n * @csspart attachments-container - Container wrapping all attachments.\n * @csspart attachment - Wrapper for a single attachment.\n * @csspart attachment-header - Wrapper for a single attachment header.\n * @csspart attachments-content - Part representing the attachment preview.\n * @csspart attachment-icon - Icon part representing the attachment type.\n * @csspart file-name - Part representing the attachment's file name.\n * @csspart actions - Container for header action buttons.\n * @csspart image-attachment - Part for the image element inside an image attachment.\n *\n * @fires igcAttachmentClick - Fired when an attachment header is toggled (clicked).\n */\nexport default class IgcMessageAttachmentsComponent extends LitElement {\n public static readonly tagName = 'igc-message-attachments';\n public static override styles = [styles, shared];\n\n /* blazorSuppress */\n public static register(): void {\n registerComponent(\n IgcMessageAttachmentsComponent,\n IgcIconComponent,\n IgcIconButtonComponent,\n IgcExpansionPanelComponent\n );\n }\n\n private readonly _defaults: Readonly<DefaultAttachmentRenderers> =\n Object.freeze<DefaultAttachmentRenderers>({\n attachment: (ctx) => this._renderAttachment(ctx.param),\n attachmentHeader: (ctx) => this.renderHeader(ctx.param),\n attachmentContent: (ctx) => this._renderContent(ctx.param),\n });\n\n @consume({ context: chatContext, subscribe: true })\n private readonly _state!: ChatState;\n\n /**\n * The array of attachments to render.\n */\n @property({ attribute: false })\n public message?: IgcMessage;\n\n constructor() {\n super();\n addThemingController(this, all);\n }\n\n private _getRenderers(name: keyof DefaultAttachmentRenderers) {\n return this._state.options?.renderers\n ? (this._state.options.renderers[name] ?? this._defaults[name])\n : this._defaults[name];\n }\n\n private _handleHeaderClick = (attachment: IgcMessageAttachment) => {\n this._state.emitEvent('igcAttachmentClick', { detail: attachment });\n };\n /**\n * Default attachment header template used when no custom template is provided.\n * Renders the attachment icon and name.\n * @param attachment The message attachment to render\n * @returns TemplateResult containing the rendered attachment header\n */\n private renderHeader(attachment: IgcMessageAttachment) {\n const isCurrentUser = this._state.isCurrentUserMessage(this.message);\n const iconName =\n attachment.type === 'image' || attachment.file?.type.startsWith('image/')\n ? 'attach_image'\n : 'document_thumbnail';\n\n return html`\n ${!isCurrentUser\n ? html`<igc-icon name=${iconName} part=\"attachment-icon\"></igc-icon>`\n : nothing}\n <span part=\"file-name\">${attachment.name}</span>\n `;\n }\n\n /**\n * Default attachment content template used when no custom template is provided.\n * Renders the attachment content based on its type.\n * @param attachment The message attachment to render\n * @returns TemplateResult containing the rendered attachment content\n */\n private _renderContent(attachment: IgcMessageAttachment) {\n const ext = getFileExtension(attachment.name);\n const isImage = this._state.isImageAttachment(attachment);\n const iconName =\n ChatFileTypeIcons.get(ext) ?? ChatFileTypeIcons.get('default')!;\n\n return isImage\n ? html`\n <img\n part=\"image-attachment\"\n src=${createAttachmentURL(attachment)}\n alt=${attachment.name}\n />\n `\n : html`<igc-icon part=\"file-attachment\" name=${iconName}></igc-icon>`;\n }\n\n private _renderAttachment(attachment: IgcMessageAttachment) {\n const isCurrentUser = this._state.isCurrentUserMessage(this.message);\n const attachmentParts = {\n attachment: true,\n sent: isCurrentUser,\n };\n const contentParts = {\n 'attachment-content': true,\n sent: isCurrentUser,\n };\n const headerParts = {\n 'attachment-header': true,\n sent: isCurrentUser,\n };\n\n const ctx = {\n param: attachment,\n defaults: this._defaults,\n options: this._state.options,\n };\n\n const content = html`<div part=${partMap(contentParts)}>\n ${until(this._getRenderers('attachmentContent')(ctx))}\n </div>`;\n const header = html` <div\n part=${partMap(headerParts)}\n role=\"button\"\n @click=${() => this._handleHeaderClick(attachment)}\n >\n <div part=\"details\">\n ${until(this._getRenderers('attachmentHeader')(ctx))}\n </div>\n </div>`;\n\n return html`\n <div part=${partMap(attachmentParts)}>\n ${isCurrentUser ? content : nothing} ${header}\n ${!isCurrentUser ? content : nothing}\n </div>\n `;\n }\n\n protected override render() {\n if (!this.message) {\n return nothing;\n }\n\n return html`\n <div part=\"attachments-container\">\n ${(this.message.attachments ?? []).map(\n (attachment) =>\n html`${until(\n this._getRenderers('attachment')({\n param: attachment,\n defaults: this._defaults,\n options: this._state.options,\n }) || nothing\n )}`\n )}\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-message-attachments': IgcMessageAttachmentsComponent;\n }\n}\n"]}
|
|
1
|
+
{"version":3,"file":"message-attachments.js","sourceRoot":"","sources":["../../../src/components/chat/message-attachments.ts"],"names":[],"mappings":"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","sourcesContent":["import { consume } from '@lit/context';\nimport { html, LitElement, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { cache } from 'lit/directives/cache.js';\nimport { repeat } from 'lit/directives/repeat.js';\nimport { until } from 'lit/directives/until.js';\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport IgcIconButtonComponent from '../button/icon-button.js';\nimport { chatContext } from '../common/context.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { partMap } from '../common/part-map.js';\nimport { trimmedHtml } from '../common/util.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport type { ChatState } from './chat-state.js';\nimport { all } from './themes/attachments.js';\nimport { styles } from './themes/message-attachments.base.css.js';\nimport { styles as shared } from './themes/shared/message-attachments/message-attachments.common.css.js';\nimport type {\n ChatAttachmentRenderContext,\n ChatTemplateRenderer,\n IgcChatMessage,\n IgcChatMessageAttachment,\n} from './types.js';\nimport {\n ChatFileTypeIcons,\n createAttachmentURL,\n getFileExtension,\n isImageAttachment,\n} from './utils.js';\n\ntype DefaultAttachmentRenderers = {\n attachment: ChatTemplateRenderer<ChatAttachmentRenderContext>;\n attachmentHeader: ChatTemplateRenderer<ChatAttachmentRenderContext>;\n attachmentContent: ChatTemplateRenderer<ChatAttachmentRenderContext>;\n};\n\n/**\n * A component that renders message attachments within a chat.\n *\n * Displays attachments such as images or files, supporting custom templates\n * and default rendering using expansion panels.\n *\n * @element igc-message-attachments\n *\n * @csspart attachments-container - Container wrapping all attachments.\n * @csspart attachment - Wrapper for a single attachment.\n * @csspart attachment-header - Wrapper for a single attachment header.\n * @csspart attachments-content - Part representing the attachment preview.\n * @csspart attachment-icon - Icon part representing the attachment type.\n * @csspart file-name - Part representing the attachment's file name.\n * @csspart actions - Container for header action buttons.\n * @csspart image-attachment - Part for the image element inside an image attachment.\n *\n * @fires igcAttachmentClick - Fired when an attachment header is toggled (clicked).\n */\nexport default class IgcMessageAttachmentsComponent extends LitElement {\n public static readonly tagName = 'igc-message-attachments';\n public static override styles = [styles, shared];\n\n /* blazorSuppress */\n public static register(): void {\n registerComponent(\n IgcMessageAttachmentsComponent,\n IgcIconComponent,\n IgcIconButtonComponent\n );\n }\n\n private readonly _defaults: Readonly<DefaultAttachmentRenderers> =\n Object.freeze<DefaultAttachmentRenderers>({\n attachment: (ctx) => this._renderAttachment(ctx.attachment),\n attachmentHeader: (ctx) => this.renderHeader(ctx.attachment),\n attachmentContent: (ctx) => this._renderContent(ctx.attachment),\n });\n\n @consume({ context: chatContext, subscribe: true })\n private readonly _state!: ChatState;\n\n /**\n * The array of attachments to render.\n */\n @property({ attribute: false })\n public message?: IgcChatMessage;\n\n constructor() {\n super();\n addThemingController(this, all);\n }\n\n private _getRenderer(name: keyof DefaultAttachmentRenderers) {\n return this._state.options?.renderers\n ? (this._state.options.renderers[name] ?? this._defaults[name])\n : this._defaults[name];\n }\n\n private _handleHeaderClick = (attachment: IgcChatMessageAttachment) => {\n this._state.emitEvent('igcAttachmentClick', { detail: attachment });\n };\n /**\n * Default attachment header template used when no custom template is provided.\n * Renders the attachment icon and name.\n * @param attachment The message attachment to render\n * @returns TemplateResult containing the rendered attachment header\n */\n private renderHeader(attachment: IgcChatMessageAttachment) {\n const isCurrentUser = this._state.isCurrentUserMessage(this.message);\n const iconName = isImageAttachment(attachment)\n ? 'attach_image'\n : 'document_thumbnail';\n\n return html`\n ${!isCurrentUser\n ? html`<igc-icon name=${iconName} part=\"attachment-icon\"></igc-icon>`\n : nothing}\n <span part=\"file-name\">${attachment.name}</span>\n `;\n }\n\n /**\n * Default attachment content template used when no custom template is provided.\n * Renders the attachment content based on its type.\n * @param attachment The message attachment to render\n * @returns TemplateResult containing the rendered attachment content\n */\n private _renderContent(attachment: IgcChatMessageAttachment) {\n const iconName =\n ChatFileTypeIcons.get(getFileExtension(attachment.name)) ??\n ChatFileTypeIcons.get('default')!;\n\n return isImageAttachment(attachment)\n ? html`\n <img\n part=\"image-attachment-icon\"\n src=${createAttachmentURL(attachment)}\n alt=${attachment.name}\n />\n `\n : html`<igc-icon\n part=\"file-attachment-icon\"\n name=${iconName}\n ></igc-icon>`;\n }\n\n private _renderAttachment(attachment: IgcChatMessageAttachment) {\n const isCurrentUser = this._state.isCurrentUserMessage(this.message);\n\n const contentParts = {\n 'attachment-content': true,\n sent: isCurrentUser,\n };\n const headerParts = {\n 'attachment-header': true,\n sent: isCurrentUser,\n };\n\n const ctx: ChatAttachmentRenderContext = {\n attachment,\n message: this.message!,\n instance: this._state.host,\n };\n\n const content = html`<div part=${partMap(contentParts)}>\n ${until(this._getRenderer('attachmentContent')(ctx))}\n </div>`;\n const header = html` <div\n part=${partMap(headerParts)}\n role=\"button\"\n @click=${() => this._handleHeaderClick(attachment)}\n >\n <div part=\"details\">\n ${until(this._getRenderer('attachmentHeader')(ctx))}\n </div>\n </div>`;\n\n return html`\n ${isCurrentUser ? content : nothing} ${header}\n ${!isCurrentUser ? content : nothing}\n `;\n }\n\n protected override render() {\n const attachments = this.message?.attachments ?? [];\n const isCurrentUser = this._state.isCurrentUserMessage(this.message);\n const attachmentParts = {\n attachment: true,\n sent: isCurrentUser,\n };\n return html`${cache(\n this.message\n ? html`\n <div part=\"attachments-container\">\n ${repeat(\n attachments,\n (attachment) => attachment.id,\n (attachment) => trimmedHtml`\n <div part=\"${partMap(attachmentParts)}\">\n ${until(\n this._getRenderer('attachment')({\n attachment,\n message: this.message!,\n instance: this._state.host,\n })\n )}\n </div>\n `\n )}\n </div>\n `\n : nothing\n )}`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-message-attachments': IgcMessageAttachmentsComponent;\n }\n}\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--igc-chat-height: 100%;width:100%;height:var(--igc-chat-height);overflow:hidden;display:flex;flex-direction:column;container-type:inline-size}:host ::part(text-input){--textarea-height: 3rem}[part=chat-container]{display:grid;grid-template-columns:1fr minmax(20rem, 50.5rem) 1fr;grid-template-rows:auto 1fr auto;height:100%}[part=
|
|
2
|
+
export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--igc-chat-height: 100%;width:100%;height:var(--igc-chat-height);overflow:hidden;display:flex;flex-direction:column;container-type:inline-size}:host ::part(text-input){--textarea-height: 3rem}[part=chat-container]{display:grid;grid-template-columns:1fr minmax(20rem, 50.5rem) 1fr;grid-template-rows:auto 1fr auto;height:100%}[part=message-area-container]{display:grid;grid-template-columns:subgrid;overflow:hidden auto;grid-column:1/-1;grid-template-rows:auto 1fr;align-items:start;grid-row:2}[part=message-area-container]:has([part=empty-state]){grid-template-rows:1fr auto}[part=message-list],[part=empty-state],[part=suggestions-container]{grid-column:2/3;display:grid;grid-template-columns:subgrid;width:100%;padding-inline:1.5rem}[part=message-list]{padding-block:1rem 1.5rem;gap:1.5rem}[part=empty-state]{height:100%}[part=header]{display:flex;align-items:center;min-height:3.5rem;padding-inline:1rem;box-shadow:var(--ig-elevation-4);width:100%;z-index:1;grid-column:1/-1;grid-row:1/2}[part=typing-indicator]{display:flex;align-items:center;gap:.125rem}[part=typing-dot]{display:flex;align-items:center;justify-content:center;width:.5rem;aspect-ratio:1}[part=typing-dot]::after{content:"";display:block;animation:blink 1.2s ease-in-out infinite;animation-fill-mode:both;width:.375rem;aspect-ratio:1;border-radius:50%}[part=typing-dot]:nth-child(2)::after{animation-delay:.2s;width:.25rem}[part=typing-dot]:nth-child(3)::after{animation-delay:.4s}[part=typing-dot]:nth-child(4)::after{animation-delay:.6s;width:.125rem}slot[name=title]{font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom);margin:0}slot[name=actions]{display:flex;margin-inline-start:auto;gap:1rem}slot[name=prefix]{display:block;margin-inline-end:2rem}igc-chat-input{grid-row:3}igc-list{--ig-size: 3;padding-block-end:1.5rem;min-height:-moz-fit-content;min-height:fit-content;width:-moz-fit-content;width:fit-content;max-width:36rem}igc-list-item{cursor:pointer}igc-list,igc-list-item:not(:hover),igc-list-header{background:initial}igc-list-item::part(title){display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@container (max-width: 400px){[part=message-list],[part=empty-state],[part=suggestions-container]{padding-inline:1rem}[part=message-list]{padding-block:.75rem}}@keyframes blink{0%,100%{transform:scale(0.9)}25%,75%{transform:scale(1.05)}50%{transform:scale(1.1)}}`;
|
|
3
3
|
//# sourceMappingURL=chat.base.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chat.base.css.js","sourceRoot":"","sources":["../../../../src/components/chat/themes/chat.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"chat.base.css.js","sourceRoot":"","sources":["../../../../src/components/chat/themes/chat.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wlHAAwlH,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--igc-chat-height: 100%;width:100%;height:var(--igc-chat-height);overflow:hidden;display:flex;flex-direction:column;container-type:inline-size}:host ::part(text-input){--textarea-height: 3rem}[part=chat-container]{display:grid;grid-template-columns:1fr minmax(20rem, 50.5rem) 1fr;grid-template-rows:auto 1fr auto;height:100%}[part=message-area-container]{display:grid;grid-template-columns:subgrid;overflow:hidden auto;grid-column:1/-1;grid-template-rows:auto 1fr;align-items:start;grid-row:2}[part=message-area-container]:has([part=empty-state]){grid-template-rows:1fr auto}[part=message-list],[part=empty-state],[part=suggestions-container]{grid-column:2/3;display:grid;grid-template-columns:subgrid;width:100%;padding-inline:1.5rem}[part=message-list]{padding-block:1rem 1.5rem;gap:1.5rem}[part=empty-state]{height:100%}[part=header]{display:flex;align-items:center;min-height:3.5rem;padding-inline:1rem;box-shadow:var(--ig-elevation-4);width:100%;z-index:1;grid-column:1/-1;grid-row:1/2}[part=typing-indicator]{display:flex;align-items:center;gap:.125rem}[part=typing-dot]{display:flex;align-items:center;justify-content:center;width:.5rem;aspect-ratio:1}[part=typing-dot]::after{content:\"\";display:block;animation:blink 1.2s ease-in-out infinite;animation-fill-mode:both;width:.375rem;aspect-ratio:1;border-radius:50%}[part=typing-dot]:nth-child(2)::after{animation-delay:.2s;width:.25rem}[part=typing-dot]:nth-child(3)::after{animation-delay:.4s}[part=typing-dot]:nth-child(4)::after{animation-delay:.6s;width:.125rem}slot[name=title]{font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom);margin:0}slot[name=actions]{display:flex;margin-inline-start:auto;gap:1rem}slot[name=prefix]{display:block;margin-inline-end:2rem}igc-chat-input{grid-row:3}igc-list{--ig-size: 3;padding-block-end:1.5rem;min-height:-moz-fit-content;min-height:fit-content;width:-moz-fit-content;width:fit-content;max-width:36rem}igc-list-item{cursor:pointer}igc-list,igc-list-item:not(:hover),igc-list-header{background:initial}igc-list-item::part(title){display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@container (max-width: 400px){[part=message-list],[part=empty-state],[part=suggestions-container]{padding-inline:1rem}[part=message-list]{padding-block:.75rem}}@keyframes blink{0%,100%{transform:scale(0.9)}25%,75%{transform:scale(1.05)}50%{transform:scale(1.1)}}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--background: var(--ig-chat-background, var(--ig-gray-900-contrast));--header-border: var(--ig-chat-header-border, var(--ig-gray-300));--ig-theme: bootstrap}`;
|
|
2
|
+
export const styles = css `:host{--background: var(--ig-chat-background, var(--ig-gray-900-contrast));--header-border: var(--ig-chat-header-border, var(--ig-gray-300));--chat-input-border: var(--ig-chat-chat-input-border, var(--ig-gray-200));--code-border: var(--ig-chat-code-border, var(--ig-gray-200));--ig-theme: bootstrap}`;
|
|
3
3
|
//# sourceMappingURL=chat.bootstrap.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chat.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/chat/themes/dark/chat.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"chat.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/chat/themes/dark/chat.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6SAA6S,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-chat-background, var(--ig-gray-900-contrast));--header-border: var(--ig-chat-header-border, var(--ig-gray-300));--chat-input-border: var(--ig-chat-chat-input-border, var(--ig-gray-200));--code-border: var(--ig-chat-code-border, var(--ig-gray-200));--ig-theme: bootstrap}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--background: var(--ig-chat-background, var(--ig-gray-900-contrast));--header-color: var(--ig-chat-header-color, var(--ig-gray-900));--message-actions-color: var(--ig-chat-message-actions-color, var(--ig-primary-500));--ig-theme: fluent}`;
|
|
2
|
+
export const styles = css `:host{--background: var(--ig-chat-background, var(--ig-gray-900-contrast));--header-color: var(--ig-chat-header-color, var(--ig-gray-900));--message-actions-color: var(--ig-chat-message-actions-color, var(--ig-primary-500));--chat-input-border: var(--ig-chat-chat-input-border, var(--ig-gray-200));--code-border: var(--ig-chat-code-border, var(--ig-gray-200));--ig-theme: fluent}`;
|
|
3
3
|
//# sourceMappingURL=chat.fluent.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chat.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/chat/themes/dark/chat.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"chat.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/chat/themes/dark/chat.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6XAA6X,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-chat-background, var(--ig-gray-900-contrast));--header-color: var(--ig-chat-header-color, var(--ig-gray-900));--message-actions-color: var(--ig-chat-message-actions-color, var(--ig-primary-500));--chat-input-border: var(--ig-chat-chat-input-border, var(--ig-gray-200));--code-border: var(--ig-chat-code-border, var(--ig-gray-200));--ig-theme: fluent}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--header-color: var(--ig-chat-header-color, var(--ig-gray-800));--header-border: var(--ig-chat-header-border, var(--ig-primary-500));--message-actions-color: var(--ig-chat-message-actions-color, var(--ig-gray-600));--file-background: var(--ig-chat-file-background, var(--ig-gray-100));--image-attachment-icon: var(--ig-chat-image-attachment-icon, var(--ig-info-500));--progress-indicator-color: var(--ig-chat-progress-indicator-color, var(--ig-info-500));--ig-theme: indigo}`;
|
|
2
|
+
export const styles = css `:host{--header-color: var(--ig-chat-header-color, var(--ig-gray-800));--header-border: var(--ig-chat-header-border, var(--ig-primary-500));--message-actions-color: var(--ig-chat-message-actions-color, var(--ig-gray-600));--file-background: var(--ig-chat-file-background, var(--ig-gray-100));--image-attachment-icon: var(--ig-chat-image-attachment-icon, var(--ig-info-500));--chat-input-border: var(--ig-chat-chat-input-border, var(--ig-gray-200));--progress-indicator-color: var(--ig-chat-progress-indicator-color, var(--ig-info-500));--code-border: var(--ig-chat-code-border, var(--ig-gray-200));--ig-theme: indigo}`;
|
|
3
3
|
//# sourceMappingURL=chat.indigo.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chat.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/chat/themes/dark/chat.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"chat.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/chat/themes/dark/chat.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0mBAA0mB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--header-color: var(--ig-chat-header-color, var(--ig-gray-800));--header-border: var(--ig-chat-header-border, var(--ig-primary-500));--message-actions-color: var(--ig-chat-message-actions-color, var(--ig-gray-600));--file-background: var(--ig-chat-file-background, var(--ig-gray-100));--image-attachment-icon: var(--ig-chat-image-attachment-icon, var(--ig-info-500));--chat-input-border: var(--ig-chat-chat-input-border, var(--ig-gray-200));--progress-indicator-color: var(--ig-chat-progress-indicator-color, var(--ig-info-500));--code-border: var(--ig-chat-code-border, var(--ig-gray-200));--ig-theme: indigo}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--ig-theme: material}`;
|
|
2
|
+
export const styles = css `:host{--chat-input-border: var(--ig-chat-chat-input-border, var(--ig-gray-200));--code-border: var(--ig-chat-code-border, var(--ig-gray-200));--ig-theme: material}`;
|
|
3
3
|
//# sourceMappingURL=chat.material.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chat.material.css.js","sourceRoot":"","sources":["../../../../../src/components/chat/themes/dark/chat.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"chat.material.css.js","sourceRoot":"","sources":["../../../../../src/components/chat/themes/dark/chat.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qKAAqK,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--chat-input-border: var(--ig-chat-chat-input-border, var(--ig-gray-200));--code-border: var(--ig-chat-code-border, var(--ig-gray-200));--ig-theme: material}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:flex;align-items:center;width:100%;padding-block:1rem;justify-content:center;grid-column:2/3}[part~=input-container]{display:flex;flex-direction:column;width:100%;margin-inline:1.5rem;border-radius:.25rem;padding:1rem;gap:.75rem}[part=
|
|
2
|
+
export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:flex;align-items:center;width:100%;padding-block:1rem;justify-content:center;grid-column:2/3}[part~=input-container]{display:flex;flex-direction:column;width:100%;margin-inline:1.5rem;border-radius:.25rem;padding:1rem;gap:.75rem}[part=actions-container]{display:flex;align-items:center}[part=send-button-container]{margin-inline-start:auto}[part=file-upload-container]{position:relative;display:inline-block}[part=file-upload-container] input{position:absolute;width:0;aspect-ratio:1;inset:0;opacity:0}[part=attachments]{display:flex;flex-wrap:wrap;gap:.5rem}[part=attachment-wrapper]{min-width:5.625rem;max-width:-moz-fit-content;max-width:fit-content;flex:1 1}[part=attachment-wrapper] igc-chip{--ig-size: 2}igc-textarea::part(input){max-height:13.5rem;overflow-y:auto}igc-icon-button,igc-textarea{--ig-size: 2}@container (max-width: 400px){[part~=input-container]{margin-inline:.75rem}}`;
|
|
3
3
|
//# sourceMappingURL=input.base.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.base.css.js","sourceRoot":"","sources":["../../../../src/components/chat/themes/input.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"input.base.css.js","sourceRoot":"","sources":["../../../../src/components/chat/themes/input.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,i1DAAi1D,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:flex;align-items:center;width:100%;padding-block:1rem;justify-content:center;grid-column:2/3}[part~=input-container]{display:flex;flex-direction:column;width:100%;margin-inline:1.5rem;border-radius:.25rem;padding:1rem;gap:.75rem}[part=actions-container]{display:flex;align-items:center}[part=send-button-container]{margin-inline-start:auto}[part=file-upload-container]{position:relative;display:inline-block}[part=file-upload-container] input{position:absolute;width:0;aspect-ratio:1;inset:0;opacity:0}[part=attachments]{display:flex;flex-wrap:wrap;gap:.5rem}[part=attachment-wrapper]{min-width:5.625rem;max-width:-moz-fit-content;max-width:fit-content;flex:1 1}[part=attachment-wrapper] igc-chip{--ig-size: 2}igc-textarea::part(input){max-height:13.5rem;overflow-y:auto}igc-icon-button,igc-textarea{--ig-size: 2}@container (max-width: 400px){[part~=input-container]{margin-inline:.75rem}}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--background: var(--ig-chat-background, var(--ig-gray-900-contrast));--header-border: var(--ig-chat-header-border, var(--ig-gray-300));--focused-border-color: var(--ig-chat-focused-border-color, var(--ig-primary-500));--focused-secondary-color: var(--ig-chat-focused-secondary-color, hsl(from var(--ig-primary-500) h s l/0.38));--ig-theme: bootstrap}`;
|
|
2
|
+
export const styles = css `:host{--background: var(--ig-chat-background, var(--ig-gray-900-contrast));--header-border: var(--ig-chat-header-border, var(--ig-gray-300));--code-border: var(--ig-chat-code-border, var(--ig-gray-400));--focused-border-color: var(--ig-chat-focused-border-color, var(--ig-primary-500));--focused-secondary-color: var(--ig-chat-focused-secondary-color, hsl(from var(--ig-primary-500) h s l/0.38));--ig-theme: bootstrap}`;
|
|
3
3
|
//# sourceMappingURL=chat.bootstrap.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chat.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/chat/themes/light/chat.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"chat.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/chat/themes/light/chat.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,oaAAoa,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-chat-background, var(--ig-gray-900-contrast));--header-border: var(--ig-chat-header-border, var(--ig-gray-300));--code-border: var(--ig-chat-code-border, var(--ig-gray-400));--focused-border-color: var(--ig-chat-focused-border-color, var(--ig-primary-500));--focused-secondary-color: var(--ig-chat-focused-secondary-color, hsl(from var(--ig-primary-500) h s l/0.38));--ig-theme: bootstrap}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--header-color: var(--ig-chat-header-color, var(--ig-gray-800));--header-border: var(--ig-chat-header-border, var(--ig-primary-500));--message-actions-color: var(--ig-chat-message-actions-color, var(--ig-gray-600));--file-background: var(--ig-chat-file-background, var(--ig-gray-100));--image-attachment-icon: var(--ig-chat-image-attachment-icon, var(--ig-info-500));--progress-indicator-color: var(--ig-chat-progress-indicator-color, var(--ig-info-500));--box-background-hover: var(--ig-chat-box-background-hover, hsl(from var(--ig-gray-900) h s l/0.05));--focused-bottom-line-color: var(--ig-chat-focused-bottom-line-color, var(--ig-primary-400));--focused-text-color: var(--ig-chat-focused-text-color, var(--ig-gray-900));--ig-theme: indigo}`;
|
|
2
|
+
export const styles = css `:host{--header-color: var(--ig-chat-header-color, var(--ig-gray-800));--header-border: var(--ig-chat-header-border, var(--ig-primary-500));--message-actions-color: var(--ig-chat-message-actions-color, var(--ig-gray-600));--file-background: var(--ig-chat-file-background, var(--ig-gray-100));--image-attachment-icon: var(--ig-chat-image-attachment-icon, var(--ig-info-500));--progress-indicator-color: var(--ig-chat-progress-indicator-color, var(--ig-info-500));--code-border: var(--ig-chat-code-border, var(--ig-gray-400));--box-background-hover: var(--ig-chat-box-background-hover, hsl(from var(--ig-gray-900) h s l/0.05));--focused-bottom-line-color: var(--ig-chat-focused-bottom-line-color, var(--ig-primary-400));--focused-text-color: var(--ig-chat-focused-text-color, var(--ig-gray-900));--ig-theme: indigo}`;
|
|
3
3
|
//# sourceMappingURL=chat.indigo.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chat.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/chat/themes/light/chat.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"chat.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/chat/themes/light/chat.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8yBAA8yB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--header-color: var(--ig-chat-header-color, var(--ig-gray-800));--header-border: var(--ig-chat-header-border, var(--ig-primary-500));--message-actions-color: var(--ig-chat-message-actions-color, var(--ig-gray-600));--file-background: var(--ig-chat-file-background, var(--ig-gray-100));--image-attachment-icon: var(--ig-chat-image-attachment-icon, var(--ig-info-500));--progress-indicator-color: var(--ig-chat-progress-indicator-color, var(--ig-info-500));--code-border: var(--ig-chat-code-border, var(--ig-gray-400));--box-background-hover: var(--ig-chat-box-background-hover, hsl(from var(--ig-gray-900) h s l/0.05));--focused-bottom-line-color: var(--ig-chat-focused-bottom-line-color, var(--ig-primary-400));--focused-text-color: var(--ig-chat-focused-text-color, var(--ig-gray-900));--ig-theme: indigo}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--background: var(--ig-chat-background, var(--ig-surface-500));--header-background: var(--ig-chat-header-background, var(--ig-surface-500));--header-color: var(--ig-chat-header-color, var(--ig-surface-500-contrast));--header-border: var(--ig-chat-header-border, var(--ig-transparent-500));--message-background: var(--ig-chat-message-background, var(--ig-gray-200));--message-color: var(--ig-chat-message-color, var(--ig-gray-800));--message-actions-color: var(--ig-chat-message-actions-color, var(--ig-gray-700));--file-background: var(--ig-chat-file-background, var(--ig-gray-900-contrast));--file-icon-color: var(--ig-chat-file-icon-color, var(--ig-gray-500));--file-icon-accent-color: var(--ig-chat-file-icon-accent-color, var(--ig-gray-600));--image-background: var(--ig-chat-image-background, var(--ig-gray-100));--image-border: var(--ig-chat-image-border, var(--ig-gray-300));--image-attachment-icon: var(--ig-chat-image-attachment-icon, var(--ig-gray-900));--chat-input-border: var(--ig-chat-chat-input-border, var(--ig-gray-400));--progress-indicator-color: var(--ig-chat-progress-indicator-color, var(--ig-secondary-500))}`;
|
|
2
|
+
export const styles = css `:host{--background: var(--ig-chat-background, var(--ig-surface-500));--header-background: var(--ig-chat-header-background, var(--ig-surface-500));--header-color: var(--ig-chat-header-color, var(--ig-surface-500-contrast));--header-border: var(--ig-chat-header-border, var(--ig-transparent-500));--message-background: var(--ig-chat-message-background, var(--ig-gray-200));--message-color: var(--ig-chat-message-color, var(--ig-gray-800));--message-actions-color: var(--ig-chat-message-actions-color, var(--ig-gray-700));--file-background: var(--ig-chat-file-background, var(--ig-gray-900-contrast));--file-icon-color: var(--ig-chat-file-icon-color, var(--ig-gray-500));--file-icon-accent-color: var(--ig-chat-file-icon-accent-color, var(--ig-gray-600));--image-background: var(--ig-chat-image-background, var(--ig-gray-100));--image-border: var(--ig-chat-image-border, var(--ig-gray-300));--image-attachment-icon: var(--ig-chat-image-attachment-icon, var(--ig-gray-900));--chat-input-border: var(--ig-chat-chat-input-border, var(--ig-gray-400));--progress-indicator-color: var(--ig-chat-progress-indicator-color, var(--ig-secondary-500));--code-background: var(--ig-chat-code-background, var(--ig-gray-50));--code-border: var(--ig-chat-code-border, var(--ig-gray-300))}`;
|
|
3
3
|
//# sourceMappingURL=chat.shared.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chat.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/chat/themes/light/chat.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"chat.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/chat/themes/light/chat.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,svCAAsvC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-chat-background, var(--ig-surface-500));--header-background: var(--ig-chat-header-background, var(--ig-surface-500));--header-color: var(--ig-chat-header-color, var(--ig-surface-500-contrast));--header-border: var(--ig-chat-header-border, var(--ig-transparent-500));--message-background: var(--ig-chat-message-background, var(--ig-gray-200));--message-color: var(--ig-chat-message-color, var(--ig-gray-800));--message-actions-color: var(--ig-chat-message-actions-color, var(--ig-gray-700));--file-background: var(--ig-chat-file-background, var(--ig-gray-900-contrast));--file-icon-color: var(--ig-chat-file-icon-color, var(--ig-gray-500));--file-icon-accent-color: var(--ig-chat-file-icon-accent-color, var(--ig-gray-600));--image-background: var(--ig-chat-image-background, var(--ig-gray-100));--image-border: var(--ig-chat-image-border, var(--ig-gray-300));--image-attachment-icon: var(--ig-chat-image-attachment-icon, var(--ig-gray-900));--chat-input-border: var(--ig-chat-chat-input-border, var(--ig-gray-400));--progress-indicator-color: var(--ig-chat-progress-indicator-color, var(--ig-secondary-500));--code-background: var(--ig-chat-code-background, var(--ig-gray-50));--code-border: var(--ig-chat-code-border, var(--ig-gray-300))}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:block}[part=attachments-container]{display:flex;flex-wrap:wrap;gap:1rem}[part=attachment]{flex:1 1;border-radius:.25rem;overflow:hidden;min-width:5rem;max-width:25rem}[part="attachment sent"]{border-radius:.125rem;max-width:5rem}[part~=attachment-header]{padding:.5rem .75rem .5rem 1rem;border-top-left-radius:inherit;border-top-right-radius:inherit}[part="attachment-header sent"]{padding:.375rem 0 0}[part~=attachment-content]{display:flex;justify-content:center;align-items:center;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;max-height:15rem;overflow:hidden}[part="attachment-content sent"]{border-top-left-radius:inherit;border-top-right-radius:inherit;width:4.875rem;aspect-ratio:1}[part=image-attachment]{width:100%;height:100%;border-radius:inherit;-o-object-fit:cover;object-fit:cover}[part~=attachment-icon]{--ig-size: 1}[part=file-attachment]{--size: 2rem}[part=details]{display:flex;align-items:center;gap:.5rem}[part=file-name]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}`;
|
|
2
|
+
export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:block}[part=attachments-container]{display:flex;flex-wrap:wrap;gap:1rem}[part=attachment]{flex:1 1;border-radius:.25rem;overflow:hidden;min-width:5rem;max-width:25rem}[part="attachment sent"]{border-radius:.125rem;max-width:5rem}[part~=attachment-header]{padding:.5rem .75rem .5rem 1rem;border-top-left-radius:inherit;border-top-right-radius:inherit}[part="attachment-header sent"]{padding:.375rem 0 0}[part~=attachment-content]{display:flex;justify-content:center;align-items:center;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;max-height:15rem;overflow:hidden}[part="attachment-content sent"]{border-top-left-radius:inherit;border-top-right-radius:inherit;width:4.875rem;aspect-ratio:1}[part=image-attachment-icon]{width:100%;height:100%;border-radius:inherit;-o-object-fit:cover;object-fit:cover}[part~=attachment-icon]{--ig-size: 1}[part=file-attachment-icon]{--size: 2rem}[part=details]{display:flex;align-items:center;gap:.5rem}[part=file-name]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}`;
|
|
3
3
|
//# sourceMappingURL=message-attachments.base.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"message-attachments.base.css.js","sourceRoot":"","sources":["../../../../src/components/chat/themes/message-attachments.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"message-attachments.base.css.js","sourceRoot":"","sources":["../../../../src/components/chat/themes/message-attachments.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,03EAA03E,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:block}[part=attachments-container]{display:flex;flex-wrap:wrap;gap:1rem}[part=attachment]{flex:1 1;border-radius:.25rem;overflow:hidden;min-width:5rem;max-width:25rem}[part=\"attachment sent\"]{border-radius:.125rem;max-width:5rem}[part~=attachment-header]{padding:.5rem .75rem .5rem 1rem;border-top-left-radius:inherit;border-top-right-radius:inherit}[part=\"attachment-header sent\"]{padding:.375rem 0 0}[part~=attachment-content]{display:flex;justify-content:center;align-items:center;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;max-height:15rem;overflow:hidden}[part=\"attachment-content sent\"]{border-top-left-radius:inherit;border-top-right-radius:inherit;width:4.875rem;aspect-ratio:1}[part=image-attachment-icon]{width:100%;height:100%;border-radius:inherit;-o-object-fit:cover;object-fit:cover}[part~=attachment-icon]{--ig-size: 1}[part=file-attachment-icon]{--size: 2rem}[part=details]{display:flex;align-items:center;gap:.5rem}[part=file-name]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:flex;flex-direction:column;width:100%}[part~=message-container]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);margin:0
|
|
2
|
+
export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--igc-chat-message-padding: 0.75rem 1rem;--igc-chat-sent-message-start-margin: auto;--igc-chat-sent-message-end-margin: unset;--igc-chat-message-container-end-margin: auto;display:flex;flex-direction:column;width:100%}[part~=message-container],[part=plain-text]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);margin:0}[part~=message-container]{display:flex;margin-inline-end:var(--igc-chat-message-container-end-margin);flex-direction:column;gap:1rem}[part~=message-container] p{margin:0;padding:0}[part~=message-container] a{overflow-wrap:anywhere;color:var(--ig-primary-500)}[part~=message-container] pre,[part~=message-container] code{white-space:pre-wrap;overflow-wrap:break-word;overflow-x:auto;margin-block:unset}[part~=message-header]:empty,[part~=message-attachments]:empty,[part~=message-actions]:empty{display:none}[part~=sent]{margin-inline:var(--igc-chat-sent-message-start-margin, 0) var(--igc-chat-sent-message-end-margin, 0);padding:var(--igc-chat-message-padding);border-radius:1.5rem 1.5rem 0;max-width:36rem;width:-moz-fit-content;width:fit-content}`;
|
|
3
3
|
//# sourceMappingURL=message.base.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"message.base.css.js","sourceRoot":"","sources":["../../../../src/components/chat/themes/message.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"message.base.css.js","sourceRoot":"","sources":["../../../../src/components/chat/themes/message.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,41EAA41E,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--igc-chat-message-padding: 0.75rem 1rem;--igc-chat-sent-message-start-margin: auto;--igc-chat-sent-message-end-margin: unset;--igc-chat-message-container-end-margin: auto;display:flex;flex-direction:column;width:100%}[part~=message-container],[part=plain-text]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);margin:0}[part~=message-container]{display:flex;margin-inline-end:var(--igc-chat-message-container-end-margin);flex-direction:column;gap:1rem}[part~=message-container] p{margin:0;padding:0}[part~=message-container] a{overflow-wrap:anywhere;color:var(--ig-primary-500)}[part~=message-container] pre,[part~=message-container] code{white-space:pre-wrap;overflow-wrap:break-word;overflow-x:auto;margin-block:unset}[part~=message-header]:empty,[part~=message-attachments]:empty,[part~=message-actions]:empty{display:none}[part~=sent]{margin-inline:var(--igc-chat-sent-message-start-margin, 0) var(--igc-chat-sent-message-end-margin, 0);padding:var(--igc-chat-message-padding);border-radius:1.5rem 1.5rem 0;max-width:36rem;width:-moz-fit-content;width:fit-content}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host ::part(text-input){--textarea-height:
|
|
2
|
+
export const styles = css `:host ::part(text-input){--textarea-height: 2.375rem}[part=header]{box-shadow:none;border-block-end:.0625rem solid var(--header-border)}slot[name=title]{font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom);margin:0}slot[name=prefix]{margin-inline-end:1rem}igc-list{border:none}`;
|
|
3
3
|
//# sourceMappingURL=chat.bootstrap.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chat.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/chat/themes/shared/chat.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"chat.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/chat/themes/shared/chat.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8kBAA8kB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host ::part(text-input){--textarea-height: 2.375rem}[part=header]{box-shadow:none;border-block-end:.0625rem solid var(--header-border)}slot[name=title]{font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom);margin:0}slot[name=prefix]{margin-inline-end:1rem}igc-list{border:none}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host ::part(text-input){--textarea-height:
|
|
2
|
+
export const styles = css `:host ::part(text-input){--textarea-height: 2.5rem}slot[name=title]{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom);margin:0}slot[name=prefix]{margin-inline-end:1rem}`;
|
|
3
3
|
//# sourceMappingURL=chat.fluent.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chat.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/chat/themes/shared/chat.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"chat.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/chat/themes/shared/chat.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4iBAA4iB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host ::part(text-input){--textarea-height: 2.5rem}slot[name=title]{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom);margin:0}slot[name=prefix]{margin-inline-end:1rem}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host ::part(text-input){--textarea-height: 1.75rem}[part=header]{box-shadow:none;border-block-end:.0625rem solid var(--header-border)}[
|
|
2
|
+
export const styles = css `:host ::part(text-input){--textarea-height: 1.75rem}[part=header]{box-shadow:none;border-block-end:.0625rem solid var(--header-border)}slot[name=title]{font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom);margin:0}slot[name=prefix]{margin-inline-end:1rem}slot[name=actions]{gap:.5rem}igc-list{--ig-size: 2}`;
|
|
3
3
|
//# sourceMappingURL=chat.indigo.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chat.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/chat/themes/shared/chat.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"chat.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/chat/themes/shared/chat.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2mBAA2mB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host ::part(text-input){--textarea-height: 1.75rem}[part=header]{box-shadow:none;border-block-end:.0625rem solid var(--header-border)}slot[name=title]{font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom);margin:0}slot[name=prefix]{margin-inline-end:1rem}slot[name=actions]{gap:.5rem}igc-list{--ig-size: 2}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `igc-textarea::part(input){max-height:10.
|
|
2
|
+
export const styles = css `igc-textarea::part(input){max-height:10.625rem;padding-block:.5rem}[part~=dragging] igc-textarea::part(input){border:.0625rem solid var(--focused-border-color);box-shadow:0 0 0 .25rem var(--focused-secondary-color)}`;
|
|
3
3
|
//# sourceMappingURL=input.bootstrap.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/chat/themes/shared/input/input.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"input.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/chat/themes/shared/input/input.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yNAAyN,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`igc-textarea::part(input){max-height:10.625rem;padding-block:.5rem}[part~=dragging] igc-textarea::part(input){border:.0625rem solid var(--focused-border-color);box-shadow:0 0 0 .25rem var(--focused-secondary-color)}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `igc-textarea::part(input){max-height:
|
|
2
|
+
export const styles = css `igc-textarea::part(input){max-height:9.375rem;padding-block:.6875rem}[part~=dragging] igc-textarea::part(container)::before{box-shadow:inset 0 0 0 .125rem var(--focused-border-color)}`;
|
|
3
3
|
//# sourceMappingURL=input.fluent.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/chat/themes/shared/input/input.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"input.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/chat/themes/shared/input/input.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yLAAyL,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`igc-textarea::part(input){max-height:9.375rem;padding-block:.6875rem}[part~=dragging] igc-textarea::part(container)::before{box-shadow:inset 0 0 0 .125rem var(--focused-border-color)}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `igc-textarea::part(input){max-height:8.75rem}[part~=dragging] igc-textarea::part(container){background:var(--box-background-hover)}[part~=dragging] igc-textarea::part(container)::after{border-block-end-color:var(--focused-bottom-line-color)}[part~=dragging] igc-textarea::part(input){color:var(--focused-text-color)}[part=attachment-wrapper] igc-chip{--ig-size: 1}`;
|
|
2
|
+
export const styles = css `igc-textarea::part(input){max-height:8.75rem}[part~=input-container]{border-radius:.8125rem}[part~=dragging] igc-textarea::part(container){background:var(--box-background-hover)}[part~=dragging] igc-textarea::part(container)::after{border-block-end-color:var(--focused-bottom-line-color)}[part~=dragging] igc-textarea::part(input){color:var(--focused-text-color)}[part=attachment-wrapper] igc-chip{--ig-size: 1}`;
|
|
3
3
|
//# sourceMappingURL=input.indigo.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/chat/themes/shared/input/input.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"input.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/chat/themes/shared/input/input.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6ZAA6Z,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`igc-textarea::part(input){max-height:8.75rem}[part~=input-container]{border-radius:.8125rem}[part~=dragging] igc-textarea::part(container){background:var(--box-background-hover)}[part~=dragging] igc-textarea::part(container)::after{border-block-end-color:var(--focused-bottom-line-color)}[part~=dragging] igc-textarea::part(input){color:var(--focused-text-color)}[part=attachment-wrapper] igc-chip{--ig-size: 1}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `[part=attachment-header],[part=attachment-content],[part="attachment-content sent"]{border:.0625rem solid var(--image-border)}[part=attachment-header]{background:var(--image-background);border-block-end:none}[part~=attachment-content]{background:var(--file-background)}[part=attachment-content]{border-block-start:none}[part~=attachment-icon]{color:var(--image-attachment-icon)}[part=file-attachment]{--color: var(--file-icon-color);--accent-color: var(--file-icon-accent-color)}`;
|
|
2
|
+
export const styles = css `[part=attachment-header],[part=attachment-content],[part="attachment-content sent"]{border:.0625rem solid var(--image-border)}[part=attachment-header]{background:var(--image-background);border-block-end:none}[part~=attachment-content]{background:var(--file-background)}[part=attachment-content]{border-block-start:none}[part~=attachment-icon]{color:var(--image-attachment-icon)}[part=file-attachment-icon]{--color: var(--file-icon-color);--accent-color: var(--file-icon-accent-color)}`;
|
|
3
3
|
//# sourceMappingURL=message-attachments.common.css.js.map
|
package/components/chat/themes/shared/message-attachments/message-attachments.common.css.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"message-attachments.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/chat/themes/shared/message-attachments/message-attachments.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"message-attachments.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/chat/themes/shared/message-attachments/message-attachments.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,seAAse,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=attachment-header],[part=attachment-content],[part=\"attachment-content sent\"]{border:.0625rem solid var(--image-border)}[part=attachment-header]{background:var(--image-background);border-block-end:none}[part~=attachment-content]{background:var(--file-background)}[part=attachment-content]{border-block-start:none}[part~=attachment-icon]{color:var(--image-attachment-icon)}[part=file-attachment-icon]{--color: var(--file-icon-color);--accent-color: var(--file-icon-accent-color)}`;\n"]}
|