igniteui-webcomponents 6.4.0-alpha.2 → 6.4.0-alpha.3
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/components/chat/chat.d.ts +1 -1
- package/components/chat/chat.js +1 -1
- package/components/chat/chat.js.map +1 -1
- package/components/navbar/themes/shared/navbar.bootstrap.css.js +1 -1
- package/components/navbar/themes/shared/navbar.bootstrap.css.js.map +1 -1
- package/components/navbar/themes/shared/navbar.indigo.css.js +1 -1
- package/components/navbar/themes/shared/navbar.indigo.css.js.map +1 -1
- package/components/select/themes/shared/select.material.css.js +1 -1
- package/components/select/themes/shared/select.material.css.js.map +1 -1
- package/custom-elements.json +2 -2
- package/igniteui-webcomponents.css-data.json +1 -1
- package/igniteui-webcomponents.html-data.json +1 -1
- package/package.json +1 -1
- package/web-types.json +2 -2
|
@@ -99,7 +99,7 @@ declare const IgcChatComponent_base: Constructor<import("../common/mixins/event-
|
|
|
99
99
|
* @csspart empty-state - Styles the empty state container when there are no messages.
|
|
100
100
|
*
|
|
101
101
|
* @csspart input-area-container - Styles the wrapper around the chat input area.
|
|
102
|
-
* @csspart input-
|
|
102
|
+
* @csspart input-area - Styles the main text input area.
|
|
103
103
|
* @csspart input-attachments-container - Styles the container for attachments in the input.
|
|
104
104
|
* @csspart input-attachment-container - Styles a single attachment in the input area.
|
|
105
105
|
* @csspart input-attachment-name - Styles the file name of an attachment.
|
package/components/chat/chat.js
CHANGED
|
@@ -250,7 +250,7 @@ export default class IgcChatComponent extends EventEmitterMixin(LitElement) {
|
|
|
250
250
|
<div part="input-area-container">
|
|
251
251
|
<igc-chat-input
|
|
252
252
|
exportparts="
|
|
253
|
-
input-container: input-area
|
|
253
|
+
input-container: input-area,
|
|
254
254
|
input-wrapper: input-container,
|
|
255
255
|
attachments: input-attachments-container,
|
|
256
256
|
attachment-wrapper: input-attachment-container,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chat.js","sourceRoot":"","sources":["../../../src/components/chat/chat.ts"],"names":[],"mappings":"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","sourcesContent":["import { ContextProvider } from '@lit/context';\nimport { html, LitElement, nothing, type PropertyValues } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { cache } from 'lit/directives/cache.js';\nimport { repeat } from 'lit/directives/repeat.js';\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport IgcButtonComponent from '../button/button.js';\nimport { chatContext, chatUserInputContext } from '../common/context.js';\nimport { addSlotController, setSlots } from '../common/controllers/slot.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { IgcChatResourceStringEN } from '../common/i18n/EN/chat.resources.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { isEmpty } from '../common/util.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport IgcListComponent from '../list/list.js';\nimport IgcToastComponent from '../toast/toast.js';\nimport IgcTooltipComponent from '../tooltip/tooltip.js';\nimport IgcChatInputComponent from './chat-input.js';\nimport IgcChatMessageComponent from './chat-message.js';\nimport { ChatState } from './chat-state.js';\nimport { styles } from './themes/chat.base.css.js';\nimport { styles as shared } from './themes/shared/chat.common.css.js';\nimport { all } from './themes/themes.js';\nimport type {\n ChatRenderContext,\n ChatTemplateRenderer,\n IgcChatMessage,\n IgcChatMessageAttachment,\n IgcChatMessageReaction,\n IgcChatOptions,\n} from './types.js';\n\ntype DefaultChatRenderers = {\n typingIndicator: ChatTemplateRenderer<ChatRenderContext>;\n suggestionPrefix: ChatTemplateRenderer<ChatRenderContext>;\n};\n\n/**\n * Defines the custom events dispatched by the `<igc-chat>` component.\n */\nexport interface IgcChatComponentEventMap {\n /**\n * Dispatched when a new chat message is created (sent).\n */\n igcMessageCreated: CustomEvent<IgcChatMessage>;\n\n /**\n * Dispatched when a message is reacted to.\n */\n igcMessageReact: CustomEvent<IgcChatMessageReaction>;\n\n /**\n * Dispatched when a chat message attachment is clicked.\n */\n igcAttachmentClick: CustomEvent<IgcChatMessageAttachment>;\n\n /**\n * Dispatched when attachment(s) are added either through drag & drop or through\n * the default file input.\n */\n igcAttachmentAdded: CustomEvent<IgcChatMessageAttachment[]>;\n\n /**\n * Dispatched when an attachment is removed by the user.\n */\n igcAttachmentRemoved: CustomEvent<IgcChatMessageAttachment>;\n\n /**\n * Dispatched during an attachment drag operation.\n */\n igcAttachmentDrag: CustomEvent<void>;\n\n /**\n * Dispatched when an attachment is dropped (e.g., in a drag-and-drop operation).\n */\n igcAttachmentDrop: CustomEvent<void>;\n\n /**\n * Dispatched when the typing status changes (e.g., user starts or stops typing).\n */\n igcTypingChange: CustomEvent<boolean>;\n\n /**\n * Dispatched when the chat input field gains focus.\n */\n igcInputFocus: CustomEvent<void>;\n\n /**\n * Dispatched when the chat input field loses focus.\n */\n igcInputBlur: CustomEvent<void>;\n\n /**\n * Dispatched when the content of the chat input changes.\n */\n igcInputChange: CustomEvent<string>;\n}\n\nconst Slots = setSlots(\n 'prefix',\n 'title',\n 'actions',\n 'suggestions-header',\n 'suggestions',\n 'suggestions-actions',\n 'suggestion',\n 'empty-state',\n 'typing-indicator'\n);\n\n/**\n * A chat UI component for displaying messages, attachments, and input interaction.\n *\n * @element igc-chat\n *\n * @fires igcMessageCreated - Dispatched when a new chat message is created (sent).\n * @fires igcMessageReact - Dispatched when a message is reacted to.\n * @fires igcAttachmentClick - Dispatched when a chat message attachment is clicked.\n * @fires igcAttachmentAdded - Dispatched when attachment(s) are added either through drag & drop or through the default file input.\n * @fires igcAttachmentRemoved - Dispatched when an attachment is removed by the user.\n * @fires igcAttachmentDrag - Dispatched during an attachment drag operation.\n * @fires igcAttachmentDrop - Dispatched when an attachment is dropped (e.g., in a drag-and-drop operation).\n * @fires igcTypingChange - Dispatched when the typing status changes (e.g., user starts or stops typing).\n * @fires igcInputFocus - Dispatched when the chat input field gains focus.\n * @fires igcInputBlur - Dispatched when the chat input field loses focus.\n * @fires igcInputChange - Dispatched when the content of the chat input changes.\n *\n * @slot prefix - Slot for injecting content (e.g., avatar or icon) before the chat title.\n * @slot title - Slot for overriding the chat title content.\n * @slot actions - Slot for injecting header actions (e.g., buttons, menus).\n * @slot suggestions-header - Slot for rendering a custom header for the suggestions list.\n * @slot suggestions - Slot for rendering a custom list of quick reply suggestions.\n * @slot suggestions-actions - Slot for rendering additional actions.\n * @slot suggestion - Slot for rendering a single suggestion item.\n * @slot empty-state - Slot shown when there are no messages.\n * @slot typing-indicator - Slot for the \"is typing\" indicator.\n *\n * @csspart chat-container - Styles the main chat container.\n * @csspart header - Styles the chat header container.\n * @csspart prefix - Styles the element before the chat title (e.g., avatar).\n * @csspart title - Styles the chat header title.\n *\n * @csspart message-area-container - Styles the container holding the messages and (optional) suggestions.\n * @csspart message-list - Styles the message list container.\n * @csspart message-item - Styles each message wrapper.\n * @csspart typing-indicator - Styles the typing indicator container.\n * @csspart typing-dot - Styles individual typing indicator dots.\n *\n * @csspart suggestions-container - Styles the container holding all suggestions.\n * @csspart suggestions-header - Styles the suggestions header.\n * @csspart suggestion - Styles each suggestion item.\n * @csspart suggestion-prefix - Styles the icon or prefix in a suggestion.\n * @csspart suggestion-title - Styles the text/title of a suggestion.\n *\n * @csspart empty-state - Styles the empty state container when there are no messages.\n *\n * @csspart input-area-container - Styles the wrapper around the chat input area.\n * @csspart input-container - Styles the main input container.\n * @csspart input-attachments-container - Styles the container for attachments in the input.\n * @csspart input-attachment-container - Styles a single attachment in the input area.\n * @csspart input-attachment-name - Styles the file name of an attachment.\n * @csspart input-attachment-icon - Styles the icon of an attachment.\n * @csspart text-input - Styles the text input field for typing messages.\n * @csspart input-actions-container - Styles the container for input actions.\n * @csspart input-actions-start - Styles the group of actions at the start of the input after the default file upload.\n * @csspart input-actions-end - Styles the group of actions at the end of the input.\n * @csspart file-upload-container - Styles the container for the file upload input.\n * @csspart file-upload - Styles the file upload input itself.\n * @csspart send-button-container - Styles the container around the send button.\n * @csspart send-button - Styles the send button.\n *\n * @csspart message-container - Styles the container of a single message.\n * @csspart message-list (forwarded) - Styles the internal list of messages.\n * @csspart message-header - Styles the header of a message (e.g., sender, timestamp).\n * @csspart message-content - Styles the text content of a message.\n * @csspart message-attachments-container - Styles the container for message attachments.\n * @csspart message-attachment - Styles a single message attachment.\n * @csspart message-actions-container - Styles the container holding message actions.\n * @csspart message-sent - Styles messages marked as sent by the current user.\n * @csspart attachment-header - Styles the header of an attachment block.\n * @csspart attachment-content - Styles the content of an attachment block.\n * @csspart attachment-icon - Styles the icon of an attachment.\n * @csspart file-name - Styles the file name shown in an attachment.\n */\nexport default class IgcChatComponent extends EventEmitterMixin<\n IgcChatComponentEventMap,\n Constructor<LitElement>\n>(LitElement) {\n public static readonly tagName = 'igc-chat';\n\n public static styles = [styles, shared];\n\n /* blazorSuppress */\n public static register(): void {\n registerComponent(\n IgcChatComponent,\n IgcChatInputComponent,\n IgcChatMessageComponent,\n IgcButtonComponent,\n IgcIconComponent,\n IgcListComponent,\n IgcTooltipComponent,\n IgcToastComponent\n );\n }\n\n private readonly _state = new ChatState(\n this,\n this._updateContext,\n this._updateUserInputContext\n );\n\n private readonly _defaults = Object.freeze<DefaultChatRenderers>({\n typingIndicator: () => this._renderLoadingTemplate(),\n suggestionPrefix: () => this._renderSuggestionPrefix(),\n });\n\n private readonly _slots = addSlotController(this, {\n slots: Slots,\n });\n\n private readonly _context = new ContextProvider(this, {\n context: chatContext,\n initialValue: this._state,\n });\n\n private readonly _userInputContext = new ContextProvider(this, {\n context: chatUserInputContext,\n initialValue: this._state,\n });\n\n @query(IgcChatInputComponent.tagName)\n private readonly _input?: IgcChatInputComponent;\n\n @query('[part=\"typing-indicator\"]')\n private readonly _typingIndicator?: HTMLElement;\n\n @query('[part=\"suggestions-container\"]')\n private readonly _suggestionsContainer?: HTMLElement;\n\n @query('[part=\"message-area-container\"]', true)\n private readonly _scrollContainer!: HTMLElement;\n\n private _updateContext(): void {\n this._context.setValue(this._state, true);\n }\n\n private _updateUserInputContext(): void {\n this._userInputContext.setValue(this._state, true);\n }\n\n /**\n * The list of chat messages currently displayed.\n * Use this property to set or update the message history.\n */\n @property({ attribute: false })\n public set messages(value: IgcChatMessage[]) {\n this._state.messages = value;\n }\n\n public get messages(): IgcChatMessage[] {\n return this._state.messages;\n }\n\n /**\n * The chat message currently being composed but not yet sent.\n * Includes the draft text and any attachments.\n */\n @property({ attribute: false })\n public set draftMessage(value: {\n text: string;\n attachments?: IgcChatMessageAttachment[];\n }) {\n if (this._state && value) {\n this._state.inputValue = value.text;\n this._state.inputAttachments = value.attachments || [];\n this.requestUpdate();\n }\n }\n\n public get draftMessage(): {\n text: string;\n attachments?: IgcChatMessageAttachment[];\n } {\n return {\n text: this._state.inputValue,\n attachments: this._state.inputAttachments,\n };\n }\n\n /**\n * Controls the chat behavior and appearance through a configuration object.\n * Use this to toggle UI options, provide suggestions, templates, etc.\n */\n @property({ attribute: false })\n public set options(value: IgcChatOptions) {\n this._state.options = value;\n }\n\n public get options(): IgcChatOptions | undefined {\n return this._state.options;\n }\n\n /**\n * The resource strings of the chat.\n */\n @property({ attribute: false })\n public resourceStrings = IgcChatResourceStringEN;\n\n constructor() {\n super();\n addThemingController(this, all);\n }\n\n private _getRenderer<U extends keyof DefaultChatRenderers>(\n name: U\n ): DefaultChatRenderers[U] {\n return this._state.options?.renderers\n ? (this._state.options.renderers[name] ?? this._defaults[name])\n : this._defaults[name];\n }\n\n private _handleSuggestionClick(text: string): void {\n this._state.addMessageWithEvent({ text });\n this._input?.focusInput();\n }\n\n /**\n * Scrolls the view to a specific message by id.\n */\n public scrollToMessage(messageId: string): void {\n if (!isEmpty(this.messages)) {\n const message = this.renderRoot.querySelector(`#message-${messageId}`);\n message?.scrollIntoView({ block: 'end', inline: 'end' });\n }\n }\n\n protected override updated(properties: PropertyValues<this>): void {\n if (\n (properties.has('messages') ||\n this._typingIndicator ||\n this._suggestionsContainer) &&\n !this._state.disableAutoScroll\n ) {\n this._scrollToBottom();\n }\n }\n\n private _scrollToBottom(): void {\n const current = this._scrollContainer.scrollTop;\n\n requestAnimationFrame(() => {\n const scrollHeight = this._scrollContainer.scrollHeight;\n if (current < scrollHeight) {\n this._scrollContainer.scrollBy({\n top: Math.abs(scrollHeight - current),\n });\n }\n });\n }\n\n private _renderHeader() {\n const hasContent =\n this._slots.hasAssignedElements('prefix') ||\n this._slots.hasAssignedElements('title') ||\n this._slots.hasAssignedElements('actions') ||\n this._state.options?.headerText;\n\n return html`\n <div part=\"header\" ?hidden=${!hasContent}>\n <slot\n name=\"prefix\"\n ?hidden=${!this._slots.hasAssignedElements('prefix')}\n ></slot>\n <slot name=\"title\">${this._state.options?.headerText}</slot>\n <slot name=\"actions\"></slot>\n </div>\n `;\n }\n\n private _renderMessages() {\n const ctx = { instance: this };\n\n return html`\n <div part=\"message-list\" tabindex=\"0\">\n ${repeat(\n this._state.messages,\n (message) => message.id,\n (message) => {\n return html`\n <igc-chat-message\n id=${`message-${message.id}`}\n part=\"message-item\"\n .message=${message}\n exportparts=\"\n message-container,\n message-list,\n message-header,\n plain-text: message-content,\n message-attachments: message-attachments-container,\n attachment: message-attachment,\n message-actions: message-actions-container,\n sent: message-sent,\n attachment-header,\n attachment-content,\n attachment-icon,\n file-name,\n \"\n >\n </igc-chat-message>\n `;\n }\n )}\n ${this._state.options?.isTyping\n ? html`\n <div part=\"typing-indicator\">\n <slot name=\"typing-indicator\"\n >${this._getRenderer('typingIndicator')(ctx)}</slot\n >\n </div>\n `\n : nothing}\n </div>\n `;\n }\n\n private _renderLoadingTemplate() {\n return html`\n <div part=\"typing-dot\"></div>\n <div part=\"typing-dot\"></div>\n <div part=\"typing-dot\"></div>\n <div part=\"typing-dot\"></div>\n `;\n }\n\n private _renderSuggestionPrefix() {\n return html`<igc-icon name=\"auto_suggest\"></igc-icon>`;\n }\n\n private _renderSuggestions() {\n const hasContent = this._slots.hasAssignedElements('suggestions-header');\n const suggestions = this._state.options?.suggestions ?? [];\n const ctx = { instance: this };\n\n return html`\n <div part=\"suggestions-container\">\n <igc-list>\n <igc-list-header part=\"suggestions-header\">\n <span ?hidden=${hasContent}>\n ${this.resourceStrings.suggestionsHeader}\n </span>\n <slot name=\"suggestions-header\"></slot>\n </igc-list-header>\n <slot name=\"suggestions\">\n ${suggestions.map(\n (suggestion) => html`\n <slot name=\"suggestion\">\n <igc-list-item\n part=\"suggestion\"\n @click=${() => this._handleSuggestionClick(suggestion)}\n >\n <span slot=\"start\" part=\"suggestion-prefix\">\n ${this._getRenderer('suggestionPrefix')(ctx)}\n </span>\n <span slot=\"title\" part=\"suggestion-title\"\n >${suggestion}</span\n >\n </igc-list-item>\n </slot>\n `\n )}\n </slot>\n <slot name=\"suggestions-actions\"></slot>\n </igc-list>\n </div>\n `;\n }\n\n private _renderEmptyState() {\n return html`\n <div part=\"empty-state\">\n <slot name=\"empty-state\"></slot>\n </div>\n `;\n }\n\n protected override render() {\n const hasMessages = !isEmpty(this.messages);\n const suggestions = isEmpty(this._state.options?.suggestions ?? [])\n ? nothing\n : this._renderSuggestions();\n\n return html`\n <div part=\"chat-container\">\n ${this._renderHeader()}\n\n <div part=\"message-area-container\">\n ${cache(\n hasMessages || this._state.options?.isTyping\n ? this._renderMessages()\n : this._renderEmptyState()\n )}\n ${this._state.suggestionsPosition === 'below-messages'\n ? suggestions\n : nothing}\n </div>\n\n <div part=\"input-area-container\">\n <igc-chat-input\n exportparts=\"\n input-container: input-area-container,\n input-wrapper: input-container,\n attachments: input-attachments-container,\n attachment-wrapper: input-attachment-container,\n attachment-name: input-attachment-name,\n attachment-icon: input-attachment-icon,\n text-input,\n actions-container: input-actions-container,\n input-actions-start,\n input-actions-end,\n file-upload-container,\n file-upload,\n send-button-container,\n send-button\"\n >\n </igc-chat-input>\n ${this._state.suggestionsPosition === 'below-input'\n ? suggestions\n : nothing}\n </div>\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-chat': IgcChatComponent;\n }\n}\n"]}
|
|
1
|
+
{"version":3,"file":"chat.js","sourceRoot":"","sources":["../../../src/components/chat/chat.ts"],"names":[],"mappings":"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","sourcesContent":["import { ContextProvider } from '@lit/context';\nimport { html, LitElement, nothing, type PropertyValues } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { cache } from 'lit/directives/cache.js';\nimport { repeat } from 'lit/directives/repeat.js';\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport IgcButtonComponent from '../button/button.js';\nimport { chatContext, chatUserInputContext } from '../common/context.js';\nimport { addSlotController, setSlots } from '../common/controllers/slot.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { IgcChatResourceStringEN } from '../common/i18n/EN/chat.resources.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { isEmpty } from '../common/util.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport IgcListComponent from '../list/list.js';\nimport IgcToastComponent from '../toast/toast.js';\nimport IgcTooltipComponent from '../tooltip/tooltip.js';\nimport IgcChatInputComponent from './chat-input.js';\nimport IgcChatMessageComponent from './chat-message.js';\nimport { ChatState } from './chat-state.js';\nimport { styles } from './themes/chat.base.css.js';\nimport { styles as shared } from './themes/shared/chat.common.css.js';\nimport { all } from './themes/themes.js';\nimport type {\n ChatRenderContext,\n ChatTemplateRenderer,\n IgcChatMessage,\n IgcChatMessageAttachment,\n IgcChatMessageReaction,\n IgcChatOptions,\n} from './types.js';\n\ntype DefaultChatRenderers = {\n typingIndicator: ChatTemplateRenderer<ChatRenderContext>;\n suggestionPrefix: ChatTemplateRenderer<ChatRenderContext>;\n};\n\n/**\n * Defines the custom events dispatched by the `<igc-chat>` component.\n */\nexport interface IgcChatComponentEventMap {\n /**\n * Dispatched when a new chat message is created (sent).\n */\n igcMessageCreated: CustomEvent<IgcChatMessage>;\n\n /**\n * Dispatched when a message is reacted to.\n */\n igcMessageReact: CustomEvent<IgcChatMessageReaction>;\n\n /**\n * Dispatched when a chat message attachment is clicked.\n */\n igcAttachmentClick: CustomEvent<IgcChatMessageAttachment>;\n\n /**\n * Dispatched when attachment(s) are added either through drag & drop or through\n * the default file input.\n */\n igcAttachmentAdded: CustomEvent<IgcChatMessageAttachment[]>;\n\n /**\n * Dispatched when an attachment is removed by the user.\n */\n igcAttachmentRemoved: CustomEvent<IgcChatMessageAttachment>;\n\n /**\n * Dispatched during an attachment drag operation.\n */\n igcAttachmentDrag: CustomEvent<void>;\n\n /**\n * Dispatched when an attachment is dropped (e.g., in a drag-and-drop operation).\n */\n igcAttachmentDrop: CustomEvent<void>;\n\n /**\n * Dispatched when the typing status changes (e.g., user starts or stops typing).\n */\n igcTypingChange: CustomEvent<boolean>;\n\n /**\n * Dispatched when the chat input field gains focus.\n */\n igcInputFocus: CustomEvent<void>;\n\n /**\n * Dispatched when the chat input field loses focus.\n */\n igcInputBlur: CustomEvent<void>;\n\n /**\n * Dispatched when the content of the chat input changes.\n */\n igcInputChange: CustomEvent<string>;\n}\n\nconst Slots = setSlots(\n 'prefix',\n 'title',\n 'actions',\n 'suggestions-header',\n 'suggestions',\n 'suggestions-actions',\n 'suggestion',\n 'empty-state',\n 'typing-indicator'\n);\n\n/**\n * A chat UI component for displaying messages, attachments, and input interaction.\n *\n * @element igc-chat\n *\n * @fires igcMessageCreated - Dispatched when a new chat message is created (sent).\n * @fires igcMessageReact - Dispatched when a message is reacted to.\n * @fires igcAttachmentClick - Dispatched when a chat message attachment is clicked.\n * @fires igcAttachmentAdded - Dispatched when attachment(s) are added either through drag & drop or through the default file input.\n * @fires igcAttachmentRemoved - Dispatched when an attachment is removed by the user.\n * @fires igcAttachmentDrag - Dispatched during an attachment drag operation.\n * @fires igcAttachmentDrop - Dispatched when an attachment is dropped (e.g., in a drag-and-drop operation).\n * @fires igcTypingChange - Dispatched when the typing status changes (e.g., user starts or stops typing).\n * @fires igcInputFocus - Dispatched when the chat input field gains focus.\n * @fires igcInputBlur - Dispatched when the chat input field loses focus.\n * @fires igcInputChange - Dispatched when the content of the chat input changes.\n *\n * @slot prefix - Slot for injecting content (e.g., avatar or icon) before the chat title.\n * @slot title - Slot for overriding the chat title content.\n * @slot actions - Slot for injecting header actions (e.g., buttons, menus).\n * @slot suggestions-header - Slot for rendering a custom header for the suggestions list.\n * @slot suggestions - Slot for rendering a custom list of quick reply suggestions.\n * @slot suggestions-actions - Slot for rendering additional actions.\n * @slot suggestion - Slot for rendering a single suggestion item.\n * @slot empty-state - Slot shown when there are no messages.\n * @slot typing-indicator - Slot for the \"is typing\" indicator.\n *\n * @csspart chat-container - Styles the main chat container.\n * @csspart header - Styles the chat header container.\n * @csspart prefix - Styles the element before the chat title (e.g., avatar).\n * @csspart title - Styles the chat header title.\n *\n * @csspart message-area-container - Styles the container holding the messages and (optional) suggestions.\n * @csspart message-list - Styles the message list container.\n * @csspart message-item - Styles each message wrapper.\n * @csspart typing-indicator - Styles the typing indicator container.\n * @csspart typing-dot - Styles individual typing indicator dots.\n *\n * @csspart suggestions-container - Styles the container holding all suggestions.\n * @csspart suggestions-header - Styles the suggestions header.\n * @csspart suggestion - Styles each suggestion item.\n * @csspart suggestion-prefix - Styles the icon or prefix in a suggestion.\n * @csspart suggestion-title - Styles the text/title of a suggestion.\n *\n * @csspart empty-state - Styles the empty state container when there are no messages.\n *\n * @csspart input-area-container - Styles the wrapper around the chat input area.\n * @csspart input-area - Styles the main text input area.\n * @csspart input-attachments-container - Styles the container for attachments in the input.\n * @csspart input-attachment-container - Styles a single attachment in the input area.\n * @csspart input-attachment-name - Styles the file name of an attachment.\n * @csspart input-attachment-icon - Styles the icon of an attachment.\n * @csspart text-input - Styles the text input field for typing messages.\n * @csspart input-actions-container - Styles the container for input actions.\n * @csspart input-actions-start - Styles the group of actions at the start of the input after the default file upload.\n * @csspart input-actions-end - Styles the group of actions at the end of the input.\n * @csspart file-upload-container - Styles the container for the file upload input.\n * @csspart file-upload - Styles the file upload input itself.\n * @csspart send-button-container - Styles the container around the send button.\n * @csspart send-button - Styles the send button.\n *\n * @csspart message-container - Styles the container of a single message.\n * @csspart message-list (forwarded) - Styles the internal list of messages.\n * @csspart message-header - Styles the header of a message (e.g., sender, timestamp).\n * @csspart message-content - Styles the text content of a message.\n * @csspart message-attachments-container - Styles the container for message attachments.\n * @csspart message-attachment - Styles a single message attachment.\n * @csspart message-actions-container - Styles the container holding message actions.\n * @csspart message-sent - Styles messages marked as sent by the current user.\n * @csspart attachment-header - Styles the header of an attachment block.\n * @csspart attachment-content - Styles the content of an attachment block.\n * @csspart attachment-icon - Styles the icon of an attachment.\n * @csspart file-name - Styles the file name shown in an attachment.\n */\nexport default class IgcChatComponent extends EventEmitterMixin<\n IgcChatComponentEventMap,\n Constructor<LitElement>\n>(LitElement) {\n public static readonly tagName = 'igc-chat';\n\n public static styles = [styles, shared];\n\n /* blazorSuppress */\n public static register(): void {\n registerComponent(\n IgcChatComponent,\n IgcChatInputComponent,\n IgcChatMessageComponent,\n IgcButtonComponent,\n IgcIconComponent,\n IgcListComponent,\n IgcTooltipComponent,\n IgcToastComponent\n );\n }\n\n private readonly _state = new ChatState(\n this,\n this._updateContext,\n this._updateUserInputContext\n );\n\n private readonly _defaults = Object.freeze<DefaultChatRenderers>({\n typingIndicator: () => this._renderLoadingTemplate(),\n suggestionPrefix: () => this._renderSuggestionPrefix(),\n });\n\n private readonly _slots = addSlotController(this, {\n slots: Slots,\n });\n\n private readonly _context = new ContextProvider(this, {\n context: chatContext,\n initialValue: this._state,\n });\n\n private readonly _userInputContext = new ContextProvider(this, {\n context: chatUserInputContext,\n initialValue: this._state,\n });\n\n @query(IgcChatInputComponent.tagName)\n private readonly _input?: IgcChatInputComponent;\n\n @query('[part=\"typing-indicator\"]')\n private readonly _typingIndicator?: HTMLElement;\n\n @query('[part=\"suggestions-container\"]')\n private readonly _suggestionsContainer?: HTMLElement;\n\n @query('[part=\"message-area-container\"]', true)\n private readonly _scrollContainer!: HTMLElement;\n\n private _updateContext(): void {\n this._context.setValue(this._state, true);\n }\n\n private _updateUserInputContext(): void {\n this._userInputContext.setValue(this._state, true);\n }\n\n /**\n * The list of chat messages currently displayed.\n * Use this property to set or update the message history.\n */\n @property({ attribute: false })\n public set messages(value: IgcChatMessage[]) {\n this._state.messages = value;\n }\n\n public get messages(): IgcChatMessage[] {\n return this._state.messages;\n }\n\n /**\n * The chat message currently being composed but not yet sent.\n * Includes the draft text and any attachments.\n */\n @property({ attribute: false })\n public set draftMessage(value: {\n text: string;\n attachments?: IgcChatMessageAttachment[];\n }) {\n if (this._state && value) {\n this._state.inputValue = value.text;\n this._state.inputAttachments = value.attachments || [];\n this.requestUpdate();\n }\n }\n\n public get draftMessage(): {\n text: string;\n attachments?: IgcChatMessageAttachment[];\n } {\n return {\n text: this._state.inputValue,\n attachments: this._state.inputAttachments,\n };\n }\n\n /**\n * Controls the chat behavior and appearance through a configuration object.\n * Use this to toggle UI options, provide suggestions, templates, etc.\n */\n @property({ attribute: false })\n public set options(value: IgcChatOptions) {\n this._state.options = value;\n }\n\n public get options(): IgcChatOptions | undefined {\n return this._state.options;\n }\n\n /**\n * The resource strings of the chat.\n */\n @property({ attribute: false })\n public resourceStrings = IgcChatResourceStringEN;\n\n constructor() {\n super();\n addThemingController(this, all);\n }\n\n private _getRenderer<U extends keyof DefaultChatRenderers>(\n name: U\n ): DefaultChatRenderers[U] {\n return this._state.options?.renderers\n ? (this._state.options.renderers[name] ?? this._defaults[name])\n : this._defaults[name];\n }\n\n private _handleSuggestionClick(text: string): void {\n this._state.addMessageWithEvent({ text });\n this._input?.focusInput();\n }\n\n /**\n * Scrolls the view to a specific message by id.\n */\n public scrollToMessage(messageId: string): void {\n if (!isEmpty(this.messages)) {\n const message = this.renderRoot.querySelector(`#message-${messageId}`);\n message?.scrollIntoView({ block: 'end', inline: 'end' });\n }\n }\n\n protected override updated(properties: PropertyValues<this>): void {\n if (\n (properties.has('messages') ||\n this._typingIndicator ||\n this._suggestionsContainer) &&\n !this._state.disableAutoScroll\n ) {\n this._scrollToBottom();\n }\n }\n\n private _scrollToBottom(): void {\n const current = this._scrollContainer.scrollTop;\n\n requestAnimationFrame(() => {\n const scrollHeight = this._scrollContainer.scrollHeight;\n if (current < scrollHeight) {\n this._scrollContainer.scrollBy({\n top: Math.abs(scrollHeight - current),\n });\n }\n });\n }\n\n private _renderHeader() {\n const hasContent =\n this._slots.hasAssignedElements('prefix') ||\n this._slots.hasAssignedElements('title') ||\n this._slots.hasAssignedElements('actions') ||\n this._state.options?.headerText;\n\n return html`\n <div part=\"header\" ?hidden=${!hasContent}>\n <slot\n name=\"prefix\"\n ?hidden=${!this._slots.hasAssignedElements('prefix')}\n ></slot>\n <slot name=\"title\">${this._state.options?.headerText}</slot>\n <slot name=\"actions\"></slot>\n </div>\n `;\n }\n\n private _renderMessages() {\n const ctx = { instance: this };\n\n return html`\n <div part=\"message-list\" tabindex=\"0\">\n ${repeat(\n this._state.messages,\n (message) => message.id,\n (message) => {\n return html`\n <igc-chat-message\n id=${`message-${message.id}`}\n part=\"message-item\"\n .message=${message}\n exportparts=\"\n message-container,\n message-list,\n message-header,\n plain-text: message-content,\n message-attachments: message-attachments-container,\n attachment: message-attachment,\n message-actions: message-actions-container,\n sent: message-sent,\n attachment-header,\n attachment-content,\n attachment-icon,\n file-name,\n \"\n >\n </igc-chat-message>\n `;\n }\n )}\n ${this._state.options?.isTyping\n ? html`\n <div part=\"typing-indicator\">\n <slot name=\"typing-indicator\"\n >${this._getRenderer('typingIndicator')(ctx)}</slot\n >\n </div>\n `\n : nothing}\n </div>\n `;\n }\n\n private _renderLoadingTemplate() {\n return html`\n <div part=\"typing-dot\"></div>\n <div part=\"typing-dot\"></div>\n <div part=\"typing-dot\"></div>\n <div part=\"typing-dot\"></div>\n `;\n }\n\n private _renderSuggestionPrefix() {\n return html`<igc-icon name=\"auto_suggest\"></igc-icon>`;\n }\n\n private _renderSuggestions() {\n const hasContent = this._slots.hasAssignedElements('suggestions-header');\n const suggestions = this._state.options?.suggestions ?? [];\n const ctx = { instance: this };\n\n return html`\n <div part=\"suggestions-container\">\n <igc-list>\n <igc-list-header part=\"suggestions-header\">\n <span ?hidden=${hasContent}>\n ${this.resourceStrings.suggestionsHeader}\n </span>\n <slot name=\"suggestions-header\"></slot>\n </igc-list-header>\n <slot name=\"suggestions\">\n ${suggestions.map(\n (suggestion) => html`\n <slot name=\"suggestion\">\n <igc-list-item\n part=\"suggestion\"\n @click=${() => this._handleSuggestionClick(suggestion)}\n >\n <span slot=\"start\" part=\"suggestion-prefix\">\n ${this._getRenderer('suggestionPrefix')(ctx)}\n </span>\n <span slot=\"title\" part=\"suggestion-title\"\n >${suggestion}</span\n >\n </igc-list-item>\n </slot>\n `\n )}\n </slot>\n <slot name=\"suggestions-actions\"></slot>\n </igc-list>\n </div>\n `;\n }\n\n private _renderEmptyState() {\n return html`\n <div part=\"empty-state\">\n <slot name=\"empty-state\"></slot>\n </div>\n `;\n }\n\n protected override render() {\n const hasMessages = !isEmpty(this.messages);\n const suggestions = isEmpty(this._state.options?.suggestions ?? [])\n ? nothing\n : this._renderSuggestions();\n\n return html`\n <div part=\"chat-container\">\n ${this._renderHeader()}\n\n <div part=\"message-area-container\">\n ${cache(\n hasMessages || this._state.options?.isTyping\n ? this._renderMessages()\n : this._renderEmptyState()\n )}\n ${this._state.suggestionsPosition === 'below-messages'\n ? suggestions\n : nothing}\n </div>\n\n <div part=\"input-area-container\">\n <igc-chat-input\n exportparts=\"\n input-container: input-area,\n input-wrapper: input-container,\n attachments: input-attachments-container,\n attachment-wrapper: input-attachment-container,\n attachment-name: input-attachment-name,\n attachment-icon: input-attachment-icon,\n text-input,\n actions-container: input-actions-container,\n input-actions-start,\n input-actions-end,\n file-upload-container,\n file-upload,\n send-button-container,\n send-button\"\n >\n </igc-chat-input>\n ${this._state.suggestionsPosition === 'below-input'\n ? suggestions\n : nothing}\n </div>\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-chat': IgcChatComponent;\n }\n}\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{box-shadow:var(--ig-elevation-0)
|
|
2
|
+
export const styles = css `:host{box-shadow:var(--ig-elevation-0)}::slotted(*){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);line-height:normal;margin:0}`;
|
|
3
3
|
//# sourceMappingURL=navbar.bootstrap.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"navbar.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/shared/navbar.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":"navbar.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/shared/navbar.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8bAA8b,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{box-shadow:var(--ig-elevation-0)}::slotted(*){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);line-height:normal;margin:0}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{min-height:3.5rem;box-shadow:var(--ig-elevation-0)}:host [name=start]::slotted(*),:host [name=end]::slotted(*){margin:initial}[part=end]{gap:.5rem}[part=base]{gap:1rem}::slotted(*){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)}::slotted(igc-icon){
|
|
2
|
+
export const styles = css `:host{min-height:3.5rem;box-shadow:var(--ig-elevation-0)}:host [name=start]::slotted(*),:host [name=end]::slotted(*){margin:initial}:host ::slotted(igc-icon),:host ::slotted(igc-avatar){--ig-size: 2}[part=end]{gap:.5rem}[part=base]{gap:1rem}::slotted(*){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)}::slotted(igc-icon){padding:max(var(--is-large, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))));margin:0}`;
|
|
3
3
|
//# sourceMappingURL=navbar.indigo.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"navbar.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/shared/navbar.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":"navbar.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/shared/navbar.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,k+BAAk+B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{min-height:3.5rem;box-shadow:var(--ig-elevation-0)}:host [name=start]::slotted(*),:host [name=end]::slotted(*){margin:initial}:host ::slotted(igc-icon),:host ::slotted(igc-avatar){--ig-size: 2}[part=end]{gap:.5rem}[part=base]{gap:1rem}::slotted(*){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)}::slotted(igc-icon){padding:max(var(--is-large, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))));margin:0}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `[part=base]{padding:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing)))) 0}:host{--component-size: var(--ig-size, var(--default-size));--select-size: var(--component-size);--dropdown-size: var(--component-size)}:host ::part(helper-text){margin-block-start:max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));grid-auto-rows:minmax(1.125rem, auto)}:host(:not(:state(ig-invalid))[outlined]:focus-within) igc-input[readonly]:not([disabled])::part(start){border-color:var(--focused-border-color);border-inline-start-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host(:not(:state(ig-invalid))[outlined]:focus-within) igc-input[readonly]:not([disabled])::part(filler){border-width:.125rem;border-color:var(--focused-border-color)}:host(:not(:state(ig-invalid))[outlined]:focus-within) igc-input:not(:state(ig-invalid))::part(notch){border-bottom-width:.125rem;border-bottom-color:var(--focused-border-color)}:host(:not(:state(ig-invalid))[outlined]:focus-within) igc-input[readonly]:not([disabled])::part(end){border-color:var(--focused-border-color);border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host(:not(:state(ig-invalid))[outlined]:focus-within) igc-input[readonly]:not([disabled])::part(label){color:var(--focused-border-color)}:host(:not(:state(ig-invalid)
|
|
2
|
+
export const styles = css `[part=base]{padding:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing)))) 0}:host{--component-size: var(--ig-size, var(--default-size));--select-size: var(--component-size);--dropdown-size: var(--component-size)}:host ::part(helper-text){margin-block-start:max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));grid-auto-rows:minmax(1.125rem, auto)}:host([outlined]:focus-within) [part~=toggle-icon]{background:var(--toggle-button-background-focus--border)}:host(:not(:state(ig-invalid))[outlined]:focus-within) igc-input[readonly]:not([disabled])::part(start){border-color:var(--focused-border-color);border-inline-start-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host(:not(:state(ig-invalid))[outlined]:focus-within) igc-input[readonly]:not([disabled])::part(filler){border-width:.125rem;border-color:var(--focused-border-color)}:host(:not(:state(ig-invalid))[outlined]:focus-within) igc-input:not(:state(ig-invalid))::part(notch){border-bottom-width:.125rem;border-bottom-color:var(--focused-border-color)}:host(:not(:state(ig-invalid))[outlined]:focus-within) igc-input[readonly]:not([disabled])::part(end){border-color:var(--focused-border-color);border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host(:not(:state(ig-invalid))[outlined]:focus-within) igc-input[readonly]:not([disabled])::part(label){color:var(--focused-border-color)}:host(:not(:state(ig-invalid),[outlined]):focus-within) igc-input::part(container){background:var(--box-background-focus);border-bottom-color:var(--focused-bottom-line-color)}:host(:not(:state(ig-invalid),[outlined]):focus-within) [part~=toggle-icon]{background:var(--toggle-button-background-focus)}:host([disabled]) igc-input::part(input)::-moz-selection, :host(:disabled) igc-input::part(input)::-moz-selection{background:rgba(0,0,0,0)}:host([disabled]) igc-input::part(input)::selection,:host(:disabled) igc-input::part(input)::selection{background:rgba(0,0,0,0)}:host([disabled]) [part~=toggle-icon],:host(:disabled) [part~=toggle-icon]{background:var(--toggle-button-background-disabled);color:var(--toggle-button-foreground-disabled)}:host([disabled]) [part~=toggle-icon] igc-icon,:host(:disabled) [part~=toggle-icon] igc-icon{color:inherit}:host(:disabled[outlined]) igc-input::part(filled)+igc-input::part(notch),:host([outlined][disabled]) igc-input::part(filled)+igc-input::part(notch){border-top-color:rgba(0,0,0,0)}`;
|
|
3
3
|
//# sourceMappingURL=select.material.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.material.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/shared/select.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":"select.material.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/shared/select.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,g4GAAg4G,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=base]{padding:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing)))) 0}:host{--component-size: var(--ig-size, var(--default-size));--select-size: var(--component-size);--dropdown-size: var(--component-size)}:host ::part(helper-text){margin-block-start:max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));grid-auto-rows:minmax(1.125rem, auto)}:host([outlined]:focus-within) [part~=toggle-icon]{background:var(--toggle-button-background-focus--border)}:host(:not(:state(ig-invalid))[outlined]:focus-within) igc-input[readonly]:not([disabled])::part(start){border-color:var(--focused-border-color);border-inline-start-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host(:not(:state(ig-invalid))[outlined]:focus-within) igc-input[readonly]:not([disabled])::part(filler){border-width:.125rem;border-color:var(--focused-border-color)}:host(:not(:state(ig-invalid))[outlined]:focus-within) igc-input:not(:state(ig-invalid))::part(notch){border-bottom-width:.125rem;border-bottom-color:var(--focused-border-color)}:host(:not(:state(ig-invalid))[outlined]:focus-within) igc-input[readonly]:not([disabled])::part(end){border-color:var(--focused-border-color);border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host(:not(:state(ig-invalid))[outlined]:focus-within) igc-input[readonly]:not([disabled])::part(label){color:var(--focused-border-color)}:host(:not(:state(ig-invalid),[outlined]):focus-within) igc-input::part(container){background:var(--box-background-focus);border-bottom-color:var(--focused-bottom-line-color)}:host(:not(:state(ig-invalid),[outlined]):focus-within) [part~=toggle-icon]{background:var(--toggle-button-background-focus)}:host([disabled]) igc-input::part(input)::-moz-selection, :host(:disabled) igc-input::part(input)::-moz-selection{background:rgba(0,0,0,0)}:host([disabled]) igc-input::part(input)::selection,:host(:disabled) igc-input::part(input)::selection{background:rgba(0,0,0,0)}:host([disabled]) [part~=toggle-icon],:host(:disabled) [part~=toggle-icon]{background:var(--toggle-button-background-disabled);color:var(--toggle-button-foreground-disabled)}:host([disabled]) [part~=toggle-icon] igc-icon,:host(:disabled) [part~=toggle-icon] igc-icon{color:inherit}:host(:disabled[outlined]) igc-input::part(filled)+igc-input::part(notch),:host([outlined][disabled]) igc-input::part(filled)+igc-input::part(notch){border-top-color:rgba(0,0,0,0)}`;\n"]}
|
package/custom-elements.json
CHANGED
|
@@ -35904,8 +35904,8 @@
|
|
|
35904
35904
|
"name": "input-area-container"
|
|
35905
35905
|
},
|
|
35906
35906
|
{
|
|
35907
|
-
"description": "Styles the main input
|
|
35908
|
-
"name": "input-
|
|
35907
|
+
"description": "Styles the main text input area.",
|
|
35908
|
+
"name": "input-area"
|
|
35909
35909
|
},
|
|
35910
35910
|
{
|
|
35911
35911
|
"description": "Styles the container for attachments in the input.",
|
|
@@ -2,5 +2,5 @@
|
|
|
2
2
|
"$schema": "https://raw.githubusercontent.com/microsoft/vscode-css-languageservice/main/docs/customData.schema.json",
|
|
3
3
|
"version": 1.1,
|
|
4
4
|
"properties": [{"name":"--color","description":"Sets the color of the divider.","values":[]},{"name":"--inset","description":"Shrinks the divider by the given amount from the start. If `middle` is set it will shrink from both sides.","values":[]},{"name":"--column-count","description":"The number of columns for the tile manager. The `column-count` attribute sets this variable.","values":[]},{"name":"--min-col-width","description":"The minimum size of the columns in the tile-manager. The `min-column-width` attribute sets this variable.","values":[]},{"name":"--min-row-height","description":"The minimum size of the rows in the tile-manager. The `min-row-height` attribute sets this variable.","values":[]},{"name":"--grid-gap","description":"The gap size of the underlying CSS grid container. The `gap` attributes sts this variable.","values":[]},{"name":"--symbol-size","description":"The size of the symbols.","values":[]},{"name":"--symbol-full-color","description":"The color of the filled symbol.","values":[]},{"name":"--symbol-empty-color","description":"The color of the empty symbol.","values":[]},{"name":"--symbol-full-filter","description":"The filter(s) used for the filled symbol.","values":[]},{"name":"--symbol-empty-filter","description":"The filter(s) used for the empty symbol.","values":[]}],
|
|
5
|
-
"pseudoElements": [{"name":"::part(base)","description":"The native button element of the igc-button component."},{"name":"::part(prefix)","description":"The prefix container of the igc-button component."},{"name":"::part(suffix)","description":"The suffix container of the igc-button component."},{"name":"::part(days-row)","description":"The days row container."},{"name":"::part(label)","description":"The label container."},{"name":"::part(label-inner)","description":"The inner label container."},{"name":"::part(week-number)","description":"The week number container."},{"name":"::part(week-number-inner)","description":"The inner week number container."},{"name":"::part(months-row)","description":"The months row container."},{"name":"::part(month)","description":"The month container."},{"name":"::part(month-inner)","description":"The inner month container."},{"name":"::part(years-row)","description":"The years row container."},{"name":"::part(year)","description":"The year container."},{"name":"::part(year-inner)","description":"The inner year container."},{"name":"::part(header)","description":"The header element of the calendar."},{"name":"::part(header-title)","description":"The header title element of the calendar."},{"name":"::part(header-date)","description":"The header date element of the calendar."},{"name":"::part(content)","description":"The content element which contains the views and navigation elements of the calendar."},{"name":"::part(content-vertical)","description":"The content element which contains the views and navigation elements of the calendar in vertical orientation."},{"name":"::part(navigation)","description":"The navigation container element of the calendar."},{"name":"::part(months-navigation)","description":"The months navigation button element of the calendar."},{"name":"::part(years-navigation)","description":"The years navigation button element of the calendar."},{"name":"::part(years-range)","description":"The years range element of the calendar."},{"name":"::part(navigation-buttons)","description":"The navigation buttons container of the calendar."},{"name":"::part(navigation-button)","description":"Previous/next navigation button of the calendar."},{"name":"::part(days-view-container)","description":"The days view container element of the calendar."},{"name":"::part(days-view)","description":"Days view element of the calendar."},{"name":"::part(months-view)","description":"The months view element of the calendar."},{"name":"::part(years-view)","description":"The years view element of the calendar."},{"name":"::part(days-row)","description":"Days row element of the calendar."},{"name":"::part(label)","description":"Week header label element of the calendar."},{"name":"::part(week-number)","description":"Week number element of the calendar."},{"name":"::part(week-number-inner)","description":"Week number inner element of the calendar."},{"name":"::part(date)","description":"Date element of the calendar."},{"name":"::part(date-inner)","description":"Date inner element of the calendar."},{"name":"::part(first)","description":"The first selected date element of the calendar in range selection."},{"name":"::part(last)","description":"The last selected date element of the calendar in range selection."},{"name":"::part(inactive)","description":"Inactive date element of the calendar."},{"name":"::part(hidden)","description":"Hidden date element of the calendar."},{"name":"::part(weekend)","description":"Weekend date element of the calendar."},{"name":"::part(range)","description":"Range selected element of the calendar."},{"name":"::part(special)","description":"Special date element of the calendar."},{"name":"::part(disabled)","description":"Disabled date element of the calendar."},{"name":"::part(single)","description":"Single selected date element of the calendar."},{"name":"::part(preview)","description":"Range selection preview date element of the calendar."},{"name":"::part(month)","description":"Month element of the calendar."},{"name":"::part(month-inner)","description":"Month inner element of the calendar."},{"name":"::part(year)","description":"Year element of the calendar."},{"name":"::part(year-inner)","description":"Year inner element of the calendar."},{"name":"::part(selected)","description":"Indicates selected state. Applies to date, month and year elements of the calendar."},{"name":"::part(current)","description":"Indicates current state. Applies to date, month and year elements of the calendar."},{"name":"::part(helper-text)","description":"The base wrapper"},{"name":"::part(validation-message)","description":"The validation error message container"},{"name":"::part(validation-icon)","description":"The validation error icon"},{"name":"::part(container)","description":"The main wrapper that holds all main input elements."},{"name":"::part(input)","description":"The native input element."},{"name":"::part(label)","description":"The native label element."},{"name":"::part(prefix)","description":"The prefix wrapper."},{"name":"::part(suffix)","description":"The suffix wrapper."},{"name":"::part(helper-text)","description":"The helper text wrapper."},{"name":"::part(base)","description":"The base wrapper of the dialog."},{"name":"::part(title)","description":"The title container of the dialog."},{"name":"::part(footer)","description":"The footer container of the dialog."},{"name":"::part(overlay)","description":"The backdrop overlay of the dialog."},{"name":"::part(container)","description":"The main wrapper that holds all main input elements."},{"name":"::part(input)","description":"The native input element."},{"name":"::part(label)","description":"The native label element."},{"name":"::part(prefix)","description":"The prefix wrapper."},{"name":"::part(suffix)","description":"The suffix wrapper."},{"name":"::part(helper-text)","description":"The helper text wrapper."},{"name":"::part(container)","description":"The container wrapping the slotted content in the popover."},{"name":"::part(base)","description":"The base wrapper of the chip."},{"name":"::part(prefix)","description":"The prefix container of the chip."},{"name":"::part(suffix)","description":"The suffix container of the chip."},{"name":"::part(separator)","description":"The separator element between the two inputs."},{"name":"::part(ranges)","description":"The wrapper that renders the custom and predefined ranges."},{"name":"::part(label)","description":"The label wrapper that renders content above the target input."},{"name":"::part(calendar-icon)","description":"The calendar icon wrapper for closed state (single input)."},{"name":"::part(calendar-icon-start)","description":"The calendar icon wrapper for closed state for the start input (two inputs)."},{"name":"::part(calendar-icon-end)","description":"The calendar icon wrapper for closed state for the end input (two inputs)."},{"name":"::part(calendar-icon-open)","description":"The calendar icon wrapper for opened state (single input)."},{"name":"::part(calendar-icon-open-start)","description":"The calendar icon wrapper for opened state for the start input (two inputs)."},{"name":"::part(calendar-icon-open-end)","description":"The calendar icon wrapper for opened state for the end input (two inputs)."},{"name":"::part(clear-icon)","description":"The clear icon wrapper (single input)."},{"name":"::part(clear-icon-start)","description":"The clear icon wrapper for the start input (two inputs)."},{"name":"::part(clear-icon-end)","description":"The clear icon wrapper for the end input (two inputs)."},{"name":"::part(actions)","description":"The wrapper for the custom actions area."},{"name":"::part(clear-icon)","description":"The clear icon wrapper."},{"name":"::part(input)","description":"The native input element."},{"name":"::part(prefix)","description":"The prefix wrapper."},{"name":"::part(suffix)","description":"The suffix wrapper."},{"name":"::part(helper-text)","description":"The helper-text wrapper that renders content below the target input."},{"name":"::part(header)","description":"The calendar header element."},{"name":"::part(header-title)","description":"The calendar header title element."},{"name":"::part(header-date)","description":"The calendar header date element."},{"name":"::part(calendar-content)","description":"The calendar content element which contains the views and navigation elements."},{"name":"::part(navigation)","description":"The calendar navigation container element."},{"name":"::part(months-navigation)","description":"The calendar months navigation button element."},{"name":"::part(years-navigation)","description":"The calendar years navigation button element."},{"name":"::part(years-range)","description":"The calendar years range element."},{"name":"::part(navigation-buttons)","description":"The calendar navigation buttons container."},{"name":"::part(navigation-button)","description":"The calendar previous/next navigation button."},{"name":"::part(days-view-container)","description":"The calendar days view container element."},{"name":"::part(days-view)","description":"The calendar days view element."},{"name":"::part(months-view)","description":"The calendar months view element."},{"name":"::part(years-view)","description":"The calendar years view element."},{"name":"::part(days-row)","description":"The calendar days row element."},{"name":"::part(calendar-label)","description":"The calendar week header label element."},{"name":"::part(week-number)","description":"The calendar week number element."},{"name":"::part(week-number-inner)","description":"The calendar week number inner element."},{"name":"::part(date)","description":"The calendar date element."},{"name":"::part(date-inner)","description":"The calendar date inner element."},{"name":"::part(first)","description":"The calendar first selected date element in range selection."},{"name":"::part(last)","description":"The calendar last selected date element in range selection."},{"name":"::part(inactive)","description":"The calendar inactive date element."},{"name":"::part(hidden)","description":"The calendar hidden date element."},{"name":"::part(weekend)","description":"The calendar weekend date element."},{"name":"::part(range)","description":"The calendar range selected element."},{"name":"::part(special)","description":"The calendar special date element."},{"name":"::part(disabled)","description":"The calendar disabled date element."},{"name":"::part(single)","description":"The calendar single selected date element."},{"name":"::part(preview)","description":"The calendar range selection preview date element."},{"name":"::part(month)","description":"The calendar month element."},{"name":"::part(month-inner)","description":"The calendar month inner element."},{"name":"::part(year)","description":"The calendar year element."},{"name":"::part(year-inner)","description":"The calendar year inner element."},{"name":"::part(selected)","description":"The calendar selected state for element(s). Applies to date, month and year elements."},{"name":"::part(current)","description":"The calendar current state for element(s). Applies to date, month and year elements."},{"name":"::part(container)","description":"The main wrapper that holds all main input elements."},{"name":"::part(input)","description":"The native input element."},{"name":"::part(label)","description":"The native label element."},{"name":"::part(file-names)","description":"The file names wrapper when input type is 'file'."},{"name":"::part(file-selector-button)","description":"The browse button when input type is 'file'."},{"name":"::part(prefix)","description":"The prefix wrapper."},{"name":"::part(suffix)","description":"The suffix wrapper."},{"name":"::part(helper-text)","description":"The helper text wrapper."},{"name":"::part(base)","description":"The base wrapper of the avatar."},{"name":"::part(initials)","description":"The initials wrapper of the avatar."},{"name":"::part(image)","description":"The image wrapper of the avatar."},{"name":"::part(icon)","description":"The icon wrapper of the avatar."},{"name":"::part(header)","description":"The container of the expansion indicator, title and subtitle."},{"name":"::part(title)","description":" The title container."},{"name":"::part(subtitle)","description":"The subtitle container."},{"name":"::part(indicator)","description":"The indicator container."},{"name":"::part(content)","description":"The expansion panel's content wrapper."},{"name":"::part(base)","description":"The base wrapper of the badge."},{"name":"::part(base)","description":"The base wrapper of the banner component."},{"name":"::part(spacer)","description":"The inner wrapper that sets the space around the banner."},{"name":"::part(message)","description":"The part that holds the text and the illustration."},{"name":"::part(illustration)","description":"The part that holds the banner icon/illustration."},{"name":"::part(content)","description":"The part that holds the banner text content."},{"name":"::part(actions)","description":"The part that holds the banner action buttons."},{"name":"::part(toggle)","description":"The native button element."},{"name":"::part(group)","description":"The button group container."},{"name":"::part(header)","description":"The card header container"},{"name":"::part(base)","description":"The base wrapper of the toast."},{"name":"::part(base)","description":"The wrapping container of the tooltip content."},{"name":"::part(simple-text)","description":"The container where the message property of the tooltip is rendered."},{"name":"::part(start)","description":"The start container."},{"name":"::part(end)","description":"The end container."},{"name":"::part(content)","description":"The header and custom content container."},{"name":"::part(header)","description":"The title and subtitle container."},{"name":"::part(title)","description":"The title container."},{"name":"::part(subtitle)","description":"The subtitle container."},{"name":"::part(base)","description":"The wrapping element of the icon button."},{"name":"::part(icon)","description":"The icon element of the icon button."},{"name":"::part(container)","description":"The main wrapper that holds all main input elements of the textarea."},{"name":"::part(input)","description":"The native input element of the igc-textarea."},{"name":"::part(label)","description":"The native label element of the igc-textarea."},{"name":"::part(prefix)","description":"The prefix wrapper of the igc-textarea."},{"name":"::part(suffix)","description":"The suffix wrapper of the igc-textarea."},{"name":"::part(helper-text)","description":"The helper text wrapper of the igc-textarea."},{"name":"::part(input-container)","description":"Container for the input section"},{"name":"::part(input-wrapper)","description":"Wrapper around the text input"},{"name":"::part(text-input)","description":"The `<igc-textarea>` component"},{"name":"::part(actions-container)","description":"Container for file upload/send buttons"},{"name":"::part(send-button)","description":"The send icon button"},{"name":"::part(attachments)","description":"Container for rendering attachments"},{"name":"::part(attachment-wrapper)","description":"Wrapper for individual attachment"},{"name":"::part(attachment-name)","description":"Display name of an attachment"},{"name":"::part(attachments-container)","description":"Container wrapping all attachments."},{"name":"::part(attachment)","description":"Wrapper for a single attachment."},{"name":"::part(attachment-header)","description":"Wrapper for a single attachment header."},{"name":"::part(attachments-content)","description":"Part representing the attachment preview."},{"name":"::part(attachment-icon)","description":"Icon part representing the attachment type."},{"name":"::part(file-name)","description":"Part representing the attachment's file name."},{"name":"::part(actions)","description":"Container for header action buttons."},{"name":"::part(image-attachment)","description":"Part for the image element inside an image attachment."},{"name":"::part(chat-container)","description":"Styles the main chat container."},{"name":"::part(header)","description":"Styles the chat header container."},{"name":"::part(prefix)","description":"Styles the element before the chat title (e.g., avatar)."},{"name":"::part(title)","description":"Styles the chat header title."},{"name":"::part(message-area-container)","description":"Styles the container holding the messages and (optional) suggestions."},{"name":"::part(message-list)","description":"Styles the message list container."},{"name":"::part(message-item)","description":"Styles each message wrapper."},{"name":"::part(typing-indicator)","description":"Styles the typing indicator container."},{"name":"::part(typing-dot)","description":"Styles individual typing indicator dots."},{"name":"::part(suggestions-container)","description":"Styles the container holding all suggestions."},{"name":"::part(suggestions-header)","description":"Styles the suggestions header."},{"name":"::part(suggestion)","description":"Styles each suggestion item."},{"name":"::part(suggestion-prefix)","description":"Styles the icon or prefix in a suggestion."},{"name":"::part(suggestion-title)","description":"Styles the text/title of a suggestion."},{"name":"::part(empty-state)","description":"Styles the empty state container when there are no messages."},{"name":"::part(input-area-container)","description":"Styles the wrapper around the chat input area."},{"name":"::part(input-container)","description":"Styles the main input container."},{"name":"::part(input-attachments-container)","description":"Styles the container for attachments in the input."},{"name":"::part(input-attachment-container)","description":"Styles a single attachment in the input area."},{"name":"::part(input-attachment-name)","description":"Styles the file name of an attachment."},{"name":"::part(input-attachment-icon)","description":"Styles the icon of an attachment."},{"name":"::part(text-input)","description":"Styles the text input field for typing messages."},{"name":"::part(input-actions-container)","description":"Styles the container for input actions."},{"name":"::part(input-actions-start)","description":"Styles the group of actions at the start of the input after the default file upload."},{"name":"::part(input-actions-end)","description":"Styles the group of actions at the end of the input."},{"name":"::part(file-upload-container)","description":"Styles the container for the file upload input."},{"name":"::part(file-upload)","description":"Styles the file upload input itself."},{"name":"::part(send-button-container)","description":"Styles the container around the send button."},{"name":"::part(send-button)","description":"Styles the send button."},{"name":"::part(message-container)","description":"Styles the container of a single message."},{"name":"::part(message-list)","description":"(forwarded) - Styles the internal list of messages."},{"name":"::part(message-header)","description":"Styles the header of a message (e.g., sender, timestamp)."},{"name":"::part(message-content)","description":"Styles the text content of a message."},{"name":"::part(message-attachments-container)","description":"Styles the container for message attachments."},{"name":"::part(message-attachment)","description":"Styles a single message attachment."},{"name":"::part(message-actions-container)","description":"Styles the container holding message actions."},{"name":"::part(message-sent)","description":"Styles messages marked as sent by the current user."},{"name":"::part(attachment-header)","description":"Styles the header of an attachment block."},{"name":"::part(attachment-content)","description":"Styles the content of an attachment block."},{"name":"::part(attachment-icon)","description":"Styles the icon of an attachment."},{"name":"::part(file-name)","description":"Styles the file name shown in an attachment."},{"name":"::part(base)","description":"The wrapper for the entire tile content, header and content."},{"name":"::part(header)","description":"The container for the tile header, including title and actions."},{"name":"::part(title)","description":"The title container of the tile."},{"name":"::part(actions)","description":"The actions container of the tile header."},{"name":"::part(content-container)","description":"The container wrapping the tile’s main content."},{"name":"::part(trigger-side)","description":"The part for the side adorner of the encapsulated resize element in the tile."},{"name":"::part(trigger)","description":"The part for the corner adorner of the encapsulated resize element in the tile."},{"name":"::part(trigger-bottom)","description":"The part for the bottom adorner of the encapsulated resize element in the tile."},{"name":"::part(base)","description":"The tile manager CSS Grid container."},{"name":"::part(indicator)","description":"The wrapping container of the carousel dot indicator."},{"name":"::part(inactive)","description":"The wrapping container of the inactive dot indicator."},{"name":"::part(active)","description":"The wrapping container of the active dot indicator."},{"name":"::part(base)","description":"The wrapping container of all carousel indicators."},{"name":"::part(navigation)","description":"The wrapper container of each carousel navigation button."},{"name":"::part(previous)","description":"The wrapper container of the carousel previous navigation button."},{"name":"::part(next)","description":"The wrapper container of the carousel next navigation button."},{"name":"::part(dot)","description":"The carousel dot indicator container."},{"name":"::part(active)","description":"The carousel active dot indicator container."},{"name":"::part(label)","description":"The label container of the carousel indicators."},{"name":"::part(start)","description":"The wrapping container of all carousel indicators when indicators-orientation is set to start."},{"name":"::part(base)","description":"The base wrapper of the checkbox."},{"name":"::part(control)","description":"The checkbox input element."},{"name":"::part(label)","description":"The checkbox label."},{"name":"::part(indicator)","description":"The checkbox indicator icon."},{"name":"::part(svg)","description":"The igc-circular-progress SVG element."},{"name":"::part(gradient_start)","description":"The igc-circular-progress linear-gradient start color."},{"name":"::part(gradient_end)","description":"The igc-circular-progress linear-gradient end color."},{"name":"::part(track)","description":"The igc-circular-progress ring track area."},{"name":"::part(fill)","description":"The igc-circular-progress indicator area."},{"name":"::part(label)","description":"The igc-circular-progress label."},{"name":"::part(value)","description":"The igc-circular-progress label value."},{"name":"::part(indeterminate)","description":"The igc-circular-progress indeterminate state."},{"name":"::part(primary)","description":"The igc-circular-progress primary state."},{"name":"::part(danger)","description":"The igc-circular-progress error state."},{"name":"::part(warning)","description":"The igc-circular-progress warning state."},{"name":"::part(info)","description":"The igc-circular-progress info state."},{"name":"::part(success)","description":"The igc-circular-progress success state."},{"name":"::part(label)","description":"The encapsulated text label of the combo."},{"name":"::part(input)","description":"The main input field of the combo."},{"name":"::part(native-input)","description":"The native input of the main input field of the combo."},{"name":"::part(prefix)","description":"The prefix wrapper of the combo."},{"name":"::part(suffix)","description":"The suffix wrapper of the combo."},{"name":"::part(toggle-icon)","description":"The toggle icon wrapper of the combo."},{"name":"::part(clear-icon)","description":"The clear icon wrapper of the combo."},{"name":"::part(case-icon)","description":"The case icon wrapper of the combo."},{"name":"::part(helper-text)","description":"The helper text wrapper of the combo."},{"name":"::part(search-input)","description":"The search input field of the combo."},{"name":"::part(list-wrapper)","description":"The list of options wrapper of the combo."},{"name":"::part(list)","description":"The list of options box of the combo."},{"name":"::part(item)","description":"Represents each item in the list of options of the combo."},{"name":"::part(group-header)","description":"Represents each header in the list of options of the combo."},{"name":"::part(active)","description":"Appended to the item parts list when the item is active of the combo."},{"name":"::part(selected)","description":"Appended to the item parts list when the item is selected of the combo."},{"name":"::part(checkbox)","description":"Represents each checkbox of each list item of the combo."},{"name":"::part(checkbox-indicator)","description":"Represents the checkbox indicator of each list item of the combo."},{"name":"::part(checked)","description":"Appended to checkbox parts list when checkbox is checked in the combo."},{"name":"::part(header)","description":"The container holding the header content of the combo."},{"name":"::part(footer)","description":"The container holding the footer content of the combo."},{"name":"::part(empty)","description":"The container holding the empty content of the combo."},{"name":"::part(label)","description":"The label wrapper that renders content above the target input."},{"name":"::part(container)","description":"The main wrapper that holds all main input elements."},{"name":"::part(input)","description":"The native input element."},{"name":"::part(prefix)","description":"The prefix wrapper."},{"name":"::part(suffix)","description":"The suffix wrapper."},{"name":"::part(calendar-icon)","description":"The calendar icon wrapper for closed state."},{"name":"::part(calendar-icon-open)","description":"The calendar icon wrapper for opened state."},{"name":"::part(clear-icon)","description":"The clear icon wrapper."},{"name":"::part(actions)","description":"The actions wrapper."},{"name":"::part(helper-text)","description":"The helper-text wrapper that renders content below the target input."},{"name":"::part(header)","description":"The calendar header element."},{"name":"::part(header-title)","description":"The calendar header title element."},{"name":"::part(header-date)","description":"The calendar header date element."},{"name":"::part(calendar-content)","description":"The calendar content element which contains the views and navigation elements."},{"name":"::part(navigation)","description":"The calendar navigation container element."},{"name":"::part(months-navigation)","description":"The calendar months navigation button element."},{"name":"::part(years-navigation)","description":"The calendar years navigation button element."},{"name":"::part(years-range)","description":"The calendar years range element."},{"name":"::part(navigation-buttons)","description":"The calendar navigation buttons container."},{"name":"::part(navigation-button)","description":"The calendar previous/next navigation button."},{"name":"::part(days-view-container)","description":"The calendar days view container element."},{"name":"::part(days-view)","description":"The calendar days view element."},{"name":"::part(months-view)","description":"The calendar months view element."},{"name":"::part(years-view)","description":"The calendar years view element."},{"name":"::part(days-row)","description":"The calendar days row element."},{"name":"::part(calendar-label)","description":"The calendar week header label element."},{"name":"::part(week-number)","description":"The calendar week number element."},{"name":"::part(week-number-inner)","description":"The calendar week number inner element."},{"name":"::part(date)","description":"The calendar date element."},{"name":"::part(date-inner)","description":"The calendar date inner element."},{"name":"::part(first)","description":"The calendar first selected date element in range selection."},{"name":"::part(last)","description":"The calendar last selected date element in range selection."},{"name":"::part(inactive)","description":"The calendar inactive date element."},{"name":"::part(hidden)","description":"The calendar hidden date element."},{"name":"::part(weekend)","description":"The calendar weekend date element."},{"name":"::part(range)","description":"The calendar range selected element."},{"name":"::part(special)","description":"The calendar special date element."},{"name":"::part(disabled)","description":"The calendar disabled date element."},{"name":"::part(single)","description":"The calendar single selected date element."},{"name":"::part(preview)","description":"The calendar range selection preview date element."},{"name":"::part(month)","description":"The calendar month element."},{"name":"::part(month-inner)","description":"The calendar month inner element."},{"name":"::part(year)","description":"The calendar year element."},{"name":"::part(year-inner)","description":"The calendar year inner element."},{"name":"::part(selected)","description":"The calendar selected state for element(s). Applies to date, month and year elements."},{"name":"::part(current)","description":"The calendar current state for element(s). Applies to date, month and year elements."},{"name":"::part(prefix)","description":"The prefix wrapper of the igc-dropdown-item."},{"name":"::part(content)","description":"The main content wrapper of the igc-dropdown-item."},{"name":"::part(suffix)","description":"The suffix wrapper of the igc-dropdown-item."},{"name":"::part(label)","description":"The native label element."},{"name":"::part(base)","description":"The dropdown list wrapper container."},{"name":"::part(list)","description":"The dropdown list element."},{"name":"::part(prefix)","description":"The prefix wrapper of the igc-select-item."},{"name":"::part(content)","description":"The main content wrapper of the igc-select-item."},{"name":"::part(suffix)","description":"The suffix wrapper of the igc-select-item."},{"name":"::part(label)","description":"The native label element."},{"name":"::part(list)","description":"The list wrapping container for the items of the igc-select."},{"name":"::part(input)","description":"The encapsulated igc-input of the igc-select."},{"name":"::part(label)","description":"The encapsulated text label of the igc-select."},{"name":"::part(prefix)","description":"The prefix wrapper of the input of the igc-select."},{"name":"::part(suffix)","description":"The suffix wrapper of the input of the igc-select."},{"name":"::part(toggle-icon)","description":"The toggle icon wrapper of the igc-select."},{"name":"::part(helper-text)","description":"The helper text wrapper of the igc-select."},{"name":"::part(track)","description":"The igc-linear-progress track area."},{"name":"::part(fill)","description":"The igc-linear-progress indicator area."},{"name":"::part(striped)","description":"The igc-linear-progress striped indicator."},{"name":"::part(label)","description":"The igc-linear-progress label."},{"name":"::part(value)","description":"The igc-linear-progress label value."},{"name":"::part(indeterminate)","description":"The igc-linear-progress indeterminate state."},{"name":"::part(primary)","description":"The igc-linear-progress indicator primary state."},{"name":"::part(danger)","description":"The igc-linear-progress indicator error state."},{"name":"::part(warning)","description":"The igc-linear-progress indicator warning state."},{"name":"::part(info)","description":"The igc-linear-progress indicator info state."},{"name":"::part(success)","description":"The igc-linear-progress indicator success state."},{"name":"::part(container)","description":"The main wrapper that holds all main input elements"},{"name":"::part(input)","description":"The native input element"},{"name":"::part(label)","description":"The native label element"},{"name":"::part(prefix)","description":"The prefix wrapper"},{"name":"::part(suffix)","description":"The suffix wrapper"},{"name":"::part(helper-text)","description":"The helper text wrapper"},{"name":"::part(base)","description":"The base wrapper of the drawer item."},{"name":"::part(icon)","description":"The icon container."},{"name":"::part(content)","description":"The content container."},{"name":"::part(base)","description":"The base wrapper of the igc-navigation-drawer."},{"name":"::part(main)","description":"The main container of the igc-navigation-drawer."},{"name":"::part(mini)","description":"The mini container of the igc-navigation-drawer."},{"name":"::part(base)","description":"The base wrapper of the navigation bar."},{"name":"::part(start)","description":"The left aligned icon container."},{"name":"::part(middle)","description":"The navigation bar title container."},{"name":"::part(end)","description":"The right aligned action icons container."},{"name":"::part(base)","description":"The radio control base wrapper."},{"name":"::part(control)","description":"The radio input control."},{"name":"::part(label)","description":"The radio control label."},{"name":"::part(symbol)","description":"The symbol wrapping container."},{"name":"::part(full)","description":"The full symbol wrapping container."},{"name":"::part(empty)","description":"The empty symbol wrapping container."},{"name":"::part(base)","description":"The main wrapper which holds all of the rating elements."},{"name":"::part(label)","description":"The label part."},{"name":"::part(value-label)","description":"The value label part."},{"name":"::part(symbols)","description":"A wrapper for all rating symbols."},{"name":"::part(symbol)","description":"The part of the encapsulated default symbol."},{"name":"::part(full)","description":"The part of the encapsulated full symbols."},{"name":"::part(empty)","description":"The part of the encapsulated empty symbols."},{"name":"::part(base)","description":"The base wrapper of the slider."},{"name":"::part(ticks)","description":"The ticks container."},{"name":"::part(tick-group)","description":"The tick group container."},{"name":"::part(tick)","description":"The tick element."},{"name":"::part(tick-label)","description":"The tick label element."},{"name":"::part(tick-label-inner)","description":"The inner element of the tick label."},{"name":"::part(thumbs)","description":"The thumbs container."},{"name":"::part(thumb)","description":"The thumb element."},{"name":"::part(thumb-label)","description":"The thumb tooltip label container."},{"name":"::part(thumb-label-inner)","description":"The thumb tooltip label inner element."},{"name":"::part(track)","description":"The track container."},{"name":"::part(steps)","description":"The track steps element."},{"name":"::part(inactive)","description":"The inactive element of the track."},{"name":"::part(fill)","description":"The filled part of the track."},{"name":"::part(base)","description":"The base wrapper of the snackbar component."},{"name":"::part(message)","description":"The snackbar message."},{"name":"::part(action)","description":"The default snackbar action button."},{"name":"::part(action-container)","description":"The area holding the actions."},{"name":"::part(base)","description":"The base wrapper of the slider."},{"name":"::part(ticks)","description":"The ticks container."},{"name":"::part(tick-group)","description":"The tick group container."},{"name":"::part(tick)","description":"The tick element."},{"name":"::part(tick-label)","description":"The tick label element."},{"name":"::part(tick-label-inner)","description":"The inner element of the tick label."},{"name":"::part(thumbs)","description":"The thumbs container."},{"name":"::part(thumb)","description":"The thumb element."},{"name":"::part(thumb-label)","description":"The thumb tooltip label container."},{"name":"::part(thumb-label-inner)","description":"The thumb tooltip label inner element."},{"name":"::part(track)","description":"The track container."},{"name":"::part(steps)","description":"The track steps element."},{"name":"::part(inactive)","description":"The inactive element of the track."},{"name":"::part(fill)","description":"The filled part of the track."},{"name":"::part(tab-header)","description":"The header of a single tab."},{"name":"::part(prefix)","description":"Tab header's label prefix."},{"name":"::part(content)","description":"Tab header's label slot container."},{"name":"::part(suffix)","description":"Tab header's label suffix."},{"name":"::part(tab-body)","description":"Holds the body content of a single tab, only the body of the selected tab is visible."},{"name":"::part(start-scroll-button)","description":"The start scroll button displayed when the tabs overflow."},{"name":"::part(end-scroll-button)","description":"The end scroll button displayed when the tabs overflow."},{"name":"::part(selected-indicator)","description":"The indicator that shows which tab is selected."},{"name":"::part(base)","description":"The base wrapper of the switch."},{"name":"::part(control)","description":"The switch input element."},{"name":"::part(thumb)","description":"The position indicator of the switch."},{"name":"::part(label)","description":"The switch label."},{"name":"::part(wrapper)","description":"The wrapper for the tree item."},{"name":"::part(selected)","description":"Indicates selected state. Applies to `wrapper`."},{"name":"::part(focused)","description":"Indicates focused state. Applies to `wrapper`."},{"name":"::part(active)","description":"Indicates an active state. Applies to `wrapper`."},{"name":"::part(indicator)","description":"The expand indicator of the tree item."},{"name":"::part(label)","description":"The tree item content."},{"name":"::part(text)","description":"The tree item displayed text."},{"name":"::part(select)","description":"The checkbox of the tree item when selection is enabled."},{"name":"::part(header-container)","description":"Wrapper of the step's `header` and its separators."},{"name":"::part(disabled)","description":"Indicates a disabled state. Applies to `header-container`."},{"name":"::part(complete-start)","description":"Indicates a complete state of the current step. Applies to `header-container`."},{"name":"::part(complete-end)","description":"Indicates a complete state of the previous step. Applies to `header-container`."},{"name":"::part(optional)","description":"Indicates an optional state. Applies to `header-container`."},{"name":"::part(invalid)","description":"Indicates an invalid state. Applies to `header-container`."},{"name":"::part(top)","description":"Indicates that the title should be above the indicator. Applies to `header-container`."},{"name":"::part(bottom)","description":"Indicates that the title should be below the indicator. Applies to `header-container`."},{"name":"::part(start)","description":"Indicates that the title should be before the indicator. Applies to `header-container`."},{"name":"::part(end)","description":"Indicates that the title should be after the indicator. Applies to `header-container`."},{"name":"::part(header)","description":"Wrapper of the step's `indicator` and `text`."},{"name":"::part(indicator)","description":"The indicator of the step."},{"name":"::part(text)","description":"Wrapper of the step's `title` and `subtitle`."},{"name":"::part(empty)","description":"Indicates that no title and subtitle has been provided to the step. Applies to `text`."},{"name":"::part(title)","description":"The title of the step."},{"name":"::part(subtitle)","description":"The subtitle of the step."},{"name":"::part(body)","description":"Wrapper of the step's `content`."},{"name":"::part(content)","description":"The steps `content`."}]
|
|
5
|
+
"pseudoElements": [{"name":"::part(base)","description":"The native button element of the igc-button component."},{"name":"::part(prefix)","description":"The prefix container of the igc-button component."},{"name":"::part(suffix)","description":"The suffix container of the igc-button component."},{"name":"::part(days-row)","description":"The days row container."},{"name":"::part(label)","description":"The label container."},{"name":"::part(label-inner)","description":"The inner label container."},{"name":"::part(week-number)","description":"The week number container."},{"name":"::part(week-number-inner)","description":"The inner week number container."},{"name":"::part(months-row)","description":"The months row container."},{"name":"::part(month)","description":"The month container."},{"name":"::part(month-inner)","description":"The inner month container."},{"name":"::part(years-row)","description":"The years row container."},{"name":"::part(year)","description":"The year container."},{"name":"::part(year-inner)","description":"The inner year container."},{"name":"::part(header)","description":"The header element of the calendar."},{"name":"::part(header-title)","description":"The header title element of the calendar."},{"name":"::part(header-date)","description":"The header date element of the calendar."},{"name":"::part(content)","description":"The content element which contains the views and navigation elements of the calendar."},{"name":"::part(content-vertical)","description":"The content element which contains the views and navigation elements of the calendar in vertical orientation."},{"name":"::part(navigation)","description":"The navigation container element of the calendar."},{"name":"::part(months-navigation)","description":"The months navigation button element of the calendar."},{"name":"::part(years-navigation)","description":"The years navigation button element of the calendar."},{"name":"::part(years-range)","description":"The years range element of the calendar."},{"name":"::part(navigation-buttons)","description":"The navigation buttons container of the calendar."},{"name":"::part(navigation-button)","description":"Previous/next navigation button of the calendar."},{"name":"::part(days-view-container)","description":"The days view container element of the calendar."},{"name":"::part(days-view)","description":"Days view element of the calendar."},{"name":"::part(months-view)","description":"The months view element of the calendar."},{"name":"::part(years-view)","description":"The years view element of the calendar."},{"name":"::part(days-row)","description":"Days row element of the calendar."},{"name":"::part(label)","description":"Week header label element of the calendar."},{"name":"::part(week-number)","description":"Week number element of the calendar."},{"name":"::part(week-number-inner)","description":"Week number inner element of the calendar."},{"name":"::part(date)","description":"Date element of the calendar."},{"name":"::part(date-inner)","description":"Date inner element of the calendar."},{"name":"::part(first)","description":"The first selected date element of the calendar in range selection."},{"name":"::part(last)","description":"The last selected date element of the calendar in range selection."},{"name":"::part(inactive)","description":"Inactive date element of the calendar."},{"name":"::part(hidden)","description":"Hidden date element of the calendar."},{"name":"::part(weekend)","description":"Weekend date element of the calendar."},{"name":"::part(range)","description":"Range selected element of the calendar."},{"name":"::part(special)","description":"Special date element of the calendar."},{"name":"::part(disabled)","description":"Disabled date element of the calendar."},{"name":"::part(single)","description":"Single selected date element of the calendar."},{"name":"::part(preview)","description":"Range selection preview date element of the calendar."},{"name":"::part(month)","description":"Month element of the calendar."},{"name":"::part(month-inner)","description":"Month inner element of the calendar."},{"name":"::part(year)","description":"Year element of the calendar."},{"name":"::part(year-inner)","description":"Year inner element of the calendar."},{"name":"::part(selected)","description":"Indicates selected state. Applies to date, month and year elements of the calendar."},{"name":"::part(current)","description":"Indicates current state. Applies to date, month and year elements of the calendar."},{"name":"::part(helper-text)","description":"The base wrapper"},{"name":"::part(validation-message)","description":"The validation error message container"},{"name":"::part(validation-icon)","description":"The validation error icon"},{"name":"::part(container)","description":"The main wrapper that holds all main input elements."},{"name":"::part(input)","description":"The native input element."},{"name":"::part(label)","description":"The native label element."},{"name":"::part(prefix)","description":"The prefix wrapper."},{"name":"::part(suffix)","description":"The suffix wrapper."},{"name":"::part(helper-text)","description":"The helper text wrapper."},{"name":"::part(base)","description":"The base wrapper of the dialog."},{"name":"::part(title)","description":"The title container of the dialog."},{"name":"::part(footer)","description":"The footer container of the dialog."},{"name":"::part(overlay)","description":"The backdrop overlay of the dialog."},{"name":"::part(container)","description":"The main wrapper that holds all main input elements."},{"name":"::part(input)","description":"The native input element."},{"name":"::part(label)","description":"The native label element."},{"name":"::part(prefix)","description":"The prefix wrapper."},{"name":"::part(suffix)","description":"The suffix wrapper."},{"name":"::part(helper-text)","description":"The helper text wrapper."},{"name":"::part(container)","description":"The container wrapping the slotted content in the popover."},{"name":"::part(base)","description":"The base wrapper of the chip."},{"name":"::part(prefix)","description":"The prefix container of the chip."},{"name":"::part(suffix)","description":"The suffix container of the chip."},{"name":"::part(separator)","description":"The separator element between the two inputs."},{"name":"::part(ranges)","description":"The wrapper that renders the custom and predefined ranges."},{"name":"::part(label)","description":"The label wrapper that renders content above the target input."},{"name":"::part(calendar-icon)","description":"The calendar icon wrapper for closed state (single input)."},{"name":"::part(calendar-icon-start)","description":"The calendar icon wrapper for closed state for the start input (two inputs)."},{"name":"::part(calendar-icon-end)","description":"The calendar icon wrapper for closed state for the end input (two inputs)."},{"name":"::part(calendar-icon-open)","description":"The calendar icon wrapper for opened state (single input)."},{"name":"::part(calendar-icon-open-start)","description":"The calendar icon wrapper for opened state for the start input (two inputs)."},{"name":"::part(calendar-icon-open-end)","description":"The calendar icon wrapper for opened state for the end input (two inputs)."},{"name":"::part(clear-icon)","description":"The clear icon wrapper (single input)."},{"name":"::part(clear-icon-start)","description":"The clear icon wrapper for the start input (two inputs)."},{"name":"::part(clear-icon-end)","description":"The clear icon wrapper for the end input (two inputs)."},{"name":"::part(actions)","description":"The wrapper for the custom actions area."},{"name":"::part(clear-icon)","description":"The clear icon wrapper."},{"name":"::part(input)","description":"The native input element."},{"name":"::part(prefix)","description":"The prefix wrapper."},{"name":"::part(suffix)","description":"The suffix wrapper."},{"name":"::part(helper-text)","description":"The helper-text wrapper that renders content below the target input."},{"name":"::part(header)","description":"The calendar header element."},{"name":"::part(header-title)","description":"The calendar header title element."},{"name":"::part(header-date)","description":"The calendar header date element."},{"name":"::part(calendar-content)","description":"The calendar content element which contains the views and navigation elements."},{"name":"::part(navigation)","description":"The calendar navigation container element."},{"name":"::part(months-navigation)","description":"The calendar months navigation button element."},{"name":"::part(years-navigation)","description":"The calendar years navigation button element."},{"name":"::part(years-range)","description":"The calendar years range element."},{"name":"::part(navigation-buttons)","description":"The calendar navigation buttons container."},{"name":"::part(navigation-button)","description":"The calendar previous/next navigation button."},{"name":"::part(days-view-container)","description":"The calendar days view container element."},{"name":"::part(days-view)","description":"The calendar days view element."},{"name":"::part(months-view)","description":"The calendar months view element."},{"name":"::part(years-view)","description":"The calendar years view element."},{"name":"::part(days-row)","description":"The calendar days row element."},{"name":"::part(calendar-label)","description":"The calendar week header label element."},{"name":"::part(week-number)","description":"The calendar week number element."},{"name":"::part(week-number-inner)","description":"The calendar week number inner element."},{"name":"::part(date)","description":"The calendar date element."},{"name":"::part(date-inner)","description":"The calendar date inner element."},{"name":"::part(first)","description":"The calendar first selected date element in range selection."},{"name":"::part(last)","description":"The calendar last selected date element in range selection."},{"name":"::part(inactive)","description":"The calendar inactive date element."},{"name":"::part(hidden)","description":"The calendar hidden date element."},{"name":"::part(weekend)","description":"The calendar weekend date element."},{"name":"::part(range)","description":"The calendar range selected element."},{"name":"::part(special)","description":"The calendar special date element."},{"name":"::part(disabled)","description":"The calendar disabled date element."},{"name":"::part(single)","description":"The calendar single selected date element."},{"name":"::part(preview)","description":"The calendar range selection preview date element."},{"name":"::part(month)","description":"The calendar month element."},{"name":"::part(month-inner)","description":"The calendar month inner element."},{"name":"::part(year)","description":"The calendar year element."},{"name":"::part(year-inner)","description":"The calendar year inner element."},{"name":"::part(selected)","description":"The calendar selected state for element(s). Applies to date, month and year elements."},{"name":"::part(current)","description":"The calendar current state for element(s). Applies to date, month and year elements."},{"name":"::part(container)","description":"The main wrapper that holds all main input elements."},{"name":"::part(input)","description":"The native input element."},{"name":"::part(label)","description":"The native label element."},{"name":"::part(file-names)","description":"The file names wrapper when input type is 'file'."},{"name":"::part(file-selector-button)","description":"The browse button when input type is 'file'."},{"name":"::part(prefix)","description":"The prefix wrapper."},{"name":"::part(suffix)","description":"The suffix wrapper."},{"name":"::part(helper-text)","description":"The helper text wrapper."},{"name":"::part(base)","description":"The base wrapper of the avatar."},{"name":"::part(initials)","description":"The initials wrapper of the avatar."},{"name":"::part(image)","description":"The image wrapper of the avatar."},{"name":"::part(icon)","description":"The icon wrapper of the avatar."},{"name":"::part(header)","description":"The container of the expansion indicator, title and subtitle."},{"name":"::part(title)","description":" The title container."},{"name":"::part(subtitle)","description":"The subtitle container."},{"name":"::part(indicator)","description":"The indicator container."},{"name":"::part(content)","description":"The expansion panel's content wrapper."},{"name":"::part(base)","description":"The base wrapper of the badge."},{"name":"::part(base)","description":"The base wrapper of the banner component."},{"name":"::part(spacer)","description":"The inner wrapper that sets the space around the banner."},{"name":"::part(message)","description":"The part that holds the text and the illustration."},{"name":"::part(illustration)","description":"The part that holds the banner icon/illustration."},{"name":"::part(content)","description":"The part that holds the banner text content."},{"name":"::part(actions)","description":"The part that holds the banner action buttons."},{"name":"::part(toggle)","description":"The native button element."},{"name":"::part(group)","description":"The button group container."},{"name":"::part(header)","description":"The card header container"},{"name":"::part(base)","description":"The base wrapper of the toast."},{"name":"::part(base)","description":"The wrapping container of the tooltip content."},{"name":"::part(simple-text)","description":"The container where the message property of the tooltip is rendered."},{"name":"::part(start)","description":"The start container."},{"name":"::part(end)","description":"The end container."},{"name":"::part(content)","description":"The header and custom content container."},{"name":"::part(header)","description":"The title and subtitle container."},{"name":"::part(title)","description":"The title container."},{"name":"::part(subtitle)","description":"The subtitle container."},{"name":"::part(base)","description":"The wrapping element of the icon button."},{"name":"::part(icon)","description":"The icon element of the icon button."},{"name":"::part(container)","description":"The main wrapper that holds all main input elements of the textarea."},{"name":"::part(input)","description":"The native input element of the igc-textarea."},{"name":"::part(label)","description":"The native label element of the igc-textarea."},{"name":"::part(prefix)","description":"The prefix wrapper of the igc-textarea."},{"name":"::part(suffix)","description":"The suffix wrapper of the igc-textarea."},{"name":"::part(helper-text)","description":"The helper text wrapper of the igc-textarea."},{"name":"::part(input-container)","description":"Container for the input section"},{"name":"::part(input-wrapper)","description":"Wrapper around the text input"},{"name":"::part(text-input)","description":"The `<igc-textarea>` component"},{"name":"::part(actions-container)","description":"Container for file upload/send buttons"},{"name":"::part(send-button)","description":"The send icon button"},{"name":"::part(attachments)","description":"Container for rendering attachments"},{"name":"::part(attachment-wrapper)","description":"Wrapper for individual attachment"},{"name":"::part(attachment-name)","description":"Display name of an attachment"},{"name":"::part(attachments-container)","description":"Container wrapping all attachments."},{"name":"::part(attachment)","description":"Wrapper for a single attachment."},{"name":"::part(attachment-header)","description":"Wrapper for a single attachment header."},{"name":"::part(attachments-content)","description":"Part representing the attachment preview."},{"name":"::part(attachment-icon)","description":"Icon part representing the attachment type."},{"name":"::part(file-name)","description":"Part representing the attachment's file name."},{"name":"::part(actions)","description":"Container for header action buttons."},{"name":"::part(image-attachment)","description":"Part for the image element inside an image attachment."},{"name":"::part(chat-container)","description":"Styles the main chat container."},{"name":"::part(header)","description":"Styles the chat header container."},{"name":"::part(prefix)","description":"Styles the element before the chat title (e.g., avatar)."},{"name":"::part(title)","description":"Styles the chat header title."},{"name":"::part(message-area-container)","description":"Styles the container holding the messages and (optional) suggestions."},{"name":"::part(message-list)","description":"Styles the message list container."},{"name":"::part(message-item)","description":"Styles each message wrapper."},{"name":"::part(typing-indicator)","description":"Styles the typing indicator container."},{"name":"::part(typing-dot)","description":"Styles individual typing indicator dots."},{"name":"::part(suggestions-container)","description":"Styles the container holding all suggestions."},{"name":"::part(suggestions-header)","description":"Styles the suggestions header."},{"name":"::part(suggestion)","description":"Styles each suggestion item."},{"name":"::part(suggestion-prefix)","description":"Styles the icon or prefix in a suggestion."},{"name":"::part(suggestion-title)","description":"Styles the text/title of a suggestion."},{"name":"::part(empty-state)","description":"Styles the empty state container when there are no messages."},{"name":"::part(input-area-container)","description":"Styles the wrapper around the chat input area."},{"name":"::part(input-area)","description":"Styles the main text input area."},{"name":"::part(input-attachments-container)","description":"Styles the container for attachments in the input."},{"name":"::part(input-attachment-container)","description":"Styles a single attachment in the input area."},{"name":"::part(input-attachment-name)","description":"Styles the file name of an attachment."},{"name":"::part(input-attachment-icon)","description":"Styles the icon of an attachment."},{"name":"::part(text-input)","description":"Styles the text input field for typing messages."},{"name":"::part(input-actions-container)","description":"Styles the container for input actions."},{"name":"::part(input-actions-start)","description":"Styles the group of actions at the start of the input after the default file upload."},{"name":"::part(input-actions-end)","description":"Styles the group of actions at the end of the input."},{"name":"::part(file-upload-container)","description":"Styles the container for the file upload input."},{"name":"::part(file-upload)","description":"Styles the file upload input itself."},{"name":"::part(send-button-container)","description":"Styles the container around the send button."},{"name":"::part(send-button)","description":"Styles the send button."},{"name":"::part(message-container)","description":"Styles the container of a single message."},{"name":"::part(message-list)","description":"(forwarded) - Styles the internal list of messages."},{"name":"::part(message-header)","description":"Styles the header of a message (e.g., sender, timestamp)."},{"name":"::part(message-content)","description":"Styles the text content of a message."},{"name":"::part(message-attachments-container)","description":"Styles the container for message attachments."},{"name":"::part(message-attachment)","description":"Styles a single message attachment."},{"name":"::part(message-actions-container)","description":"Styles the container holding message actions."},{"name":"::part(message-sent)","description":"Styles messages marked as sent by the current user."},{"name":"::part(attachment-header)","description":"Styles the header of an attachment block."},{"name":"::part(attachment-content)","description":"Styles the content of an attachment block."},{"name":"::part(attachment-icon)","description":"Styles the icon of an attachment."},{"name":"::part(file-name)","description":"Styles the file name shown in an attachment."},{"name":"::part(base)","description":"The wrapper for the entire tile content, header and content."},{"name":"::part(header)","description":"The container for the tile header, including title and actions."},{"name":"::part(title)","description":"The title container of the tile."},{"name":"::part(actions)","description":"The actions container of the tile header."},{"name":"::part(content-container)","description":"The container wrapping the tile’s main content."},{"name":"::part(trigger-side)","description":"The part for the side adorner of the encapsulated resize element in the tile."},{"name":"::part(trigger)","description":"The part for the corner adorner of the encapsulated resize element in the tile."},{"name":"::part(trigger-bottom)","description":"The part for the bottom adorner of the encapsulated resize element in the tile."},{"name":"::part(base)","description":"The tile manager CSS Grid container."},{"name":"::part(indicator)","description":"The wrapping container of the carousel dot indicator."},{"name":"::part(inactive)","description":"The wrapping container of the inactive dot indicator."},{"name":"::part(active)","description":"The wrapping container of the active dot indicator."},{"name":"::part(base)","description":"The wrapping container of all carousel indicators."},{"name":"::part(navigation)","description":"The wrapper container of each carousel navigation button."},{"name":"::part(previous)","description":"The wrapper container of the carousel previous navigation button."},{"name":"::part(next)","description":"The wrapper container of the carousel next navigation button."},{"name":"::part(dot)","description":"The carousel dot indicator container."},{"name":"::part(active)","description":"The carousel active dot indicator container."},{"name":"::part(label)","description":"The label container of the carousel indicators."},{"name":"::part(start)","description":"The wrapping container of all carousel indicators when indicators-orientation is set to start."},{"name":"::part(base)","description":"The base wrapper of the checkbox."},{"name":"::part(control)","description":"The checkbox input element."},{"name":"::part(label)","description":"The checkbox label."},{"name":"::part(indicator)","description":"The checkbox indicator icon."},{"name":"::part(svg)","description":"The igc-circular-progress SVG element."},{"name":"::part(gradient_start)","description":"The igc-circular-progress linear-gradient start color."},{"name":"::part(gradient_end)","description":"The igc-circular-progress linear-gradient end color."},{"name":"::part(track)","description":"The igc-circular-progress ring track area."},{"name":"::part(fill)","description":"The igc-circular-progress indicator area."},{"name":"::part(label)","description":"The igc-circular-progress label."},{"name":"::part(value)","description":"The igc-circular-progress label value."},{"name":"::part(indeterminate)","description":"The igc-circular-progress indeterminate state."},{"name":"::part(primary)","description":"The igc-circular-progress primary state."},{"name":"::part(danger)","description":"The igc-circular-progress error state."},{"name":"::part(warning)","description":"The igc-circular-progress warning state."},{"name":"::part(info)","description":"The igc-circular-progress info state."},{"name":"::part(success)","description":"The igc-circular-progress success state."},{"name":"::part(label)","description":"The encapsulated text label of the combo."},{"name":"::part(input)","description":"The main input field of the combo."},{"name":"::part(native-input)","description":"The native input of the main input field of the combo."},{"name":"::part(prefix)","description":"The prefix wrapper of the combo."},{"name":"::part(suffix)","description":"The suffix wrapper of the combo."},{"name":"::part(toggle-icon)","description":"The toggle icon wrapper of the combo."},{"name":"::part(clear-icon)","description":"The clear icon wrapper of the combo."},{"name":"::part(case-icon)","description":"The case icon wrapper of the combo."},{"name":"::part(helper-text)","description":"The helper text wrapper of the combo."},{"name":"::part(search-input)","description":"The search input field of the combo."},{"name":"::part(list-wrapper)","description":"The list of options wrapper of the combo."},{"name":"::part(list)","description":"The list of options box of the combo."},{"name":"::part(item)","description":"Represents each item in the list of options of the combo."},{"name":"::part(group-header)","description":"Represents each header in the list of options of the combo."},{"name":"::part(active)","description":"Appended to the item parts list when the item is active of the combo."},{"name":"::part(selected)","description":"Appended to the item parts list when the item is selected of the combo."},{"name":"::part(checkbox)","description":"Represents each checkbox of each list item of the combo."},{"name":"::part(checkbox-indicator)","description":"Represents the checkbox indicator of each list item of the combo."},{"name":"::part(checked)","description":"Appended to checkbox parts list when checkbox is checked in the combo."},{"name":"::part(header)","description":"The container holding the header content of the combo."},{"name":"::part(footer)","description":"The container holding the footer content of the combo."},{"name":"::part(empty)","description":"The container holding the empty content of the combo."},{"name":"::part(label)","description":"The label wrapper that renders content above the target input."},{"name":"::part(container)","description":"The main wrapper that holds all main input elements."},{"name":"::part(input)","description":"The native input element."},{"name":"::part(prefix)","description":"The prefix wrapper."},{"name":"::part(suffix)","description":"The suffix wrapper."},{"name":"::part(calendar-icon)","description":"The calendar icon wrapper for closed state."},{"name":"::part(calendar-icon-open)","description":"The calendar icon wrapper for opened state."},{"name":"::part(clear-icon)","description":"The clear icon wrapper."},{"name":"::part(actions)","description":"The actions wrapper."},{"name":"::part(helper-text)","description":"The helper-text wrapper that renders content below the target input."},{"name":"::part(header)","description":"The calendar header element."},{"name":"::part(header-title)","description":"The calendar header title element."},{"name":"::part(header-date)","description":"The calendar header date element."},{"name":"::part(calendar-content)","description":"The calendar content element which contains the views and navigation elements."},{"name":"::part(navigation)","description":"The calendar navigation container element."},{"name":"::part(months-navigation)","description":"The calendar months navigation button element."},{"name":"::part(years-navigation)","description":"The calendar years navigation button element."},{"name":"::part(years-range)","description":"The calendar years range element."},{"name":"::part(navigation-buttons)","description":"The calendar navigation buttons container."},{"name":"::part(navigation-button)","description":"The calendar previous/next navigation button."},{"name":"::part(days-view-container)","description":"The calendar days view container element."},{"name":"::part(days-view)","description":"The calendar days view element."},{"name":"::part(months-view)","description":"The calendar months view element."},{"name":"::part(years-view)","description":"The calendar years view element."},{"name":"::part(days-row)","description":"The calendar days row element."},{"name":"::part(calendar-label)","description":"The calendar week header label element."},{"name":"::part(week-number)","description":"The calendar week number element."},{"name":"::part(week-number-inner)","description":"The calendar week number inner element."},{"name":"::part(date)","description":"The calendar date element."},{"name":"::part(date-inner)","description":"The calendar date inner element."},{"name":"::part(first)","description":"The calendar first selected date element in range selection."},{"name":"::part(last)","description":"The calendar last selected date element in range selection."},{"name":"::part(inactive)","description":"The calendar inactive date element."},{"name":"::part(hidden)","description":"The calendar hidden date element."},{"name":"::part(weekend)","description":"The calendar weekend date element."},{"name":"::part(range)","description":"The calendar range selected element."},{"name":"::part(special)","description":"The calendar special date element."},{"name":"::part(disabled)","description":"The calendar disabled date element."},{"name":"::part(single)","description":"The calendar single selected date element."},{"name":"::part(preview)","description":"The calendar range selection preview date element."},{"name":"::part(month)","description":"The calendar month element."},{"name":"::part(month-inner)","description":"The calendar month inner element."},{"name":"::part(year)","description":"The calendar year element."},{"name":"::part(year-inner)","description":"The calendar year inner element."},{"name":"::part(selected)","description":"The calendar selected state for element(s). Applies to date, month and year elements."},{"name":"::part(current)","description":"The calendar current state for element(s). Applies to date, month and year elements."},{"name":"::part(prefix)","description":"The prefix wrapper of the igc-dropdown-item."},{"name":"::part(content)","description":"The main content wrapper of the igc-dropdown-item."},{"name":"::part(suffix)","description":"The suffix wrapper of the igc-dropdown-item."},{"name":"::part(label)","description":"The native label element."},{"name":"::part(base)","description":"The dropdown list wrapper container."},{"name":"::part(list)","description":"The dropdown list element."},{"name":"::part(prefix)","description":"The prefix wrapper of the igc-select-item."},{"name":"::part(content)","description":"The main content wrapper of the igc-select-item."},{"name":"::part(suffix)","description":"The suffix wrapper of the igc-select-item."},{"name":"::part(label)","description":"The native label element."},{"name":"::part(list)","description":"The list wrapping container for the items of the igc-select."},{"name":"::part(input)","description":"The encapsulated igc-input of the igc-select."},{"name":"::part(label)","description":"The encapsulated text label of the igc-select."},{"name":"::part(prefix)","description":"The prefix wrapper of the input of the igc-select."},{"name":"::part(suffix)","description":"The suffix wrapper of the input of the igc-select."},{"name":"::part(toggle-icon)","description":"The toggle icon wrapper of the igc-select."},{"name":"::part(helper-text)","description":"The helper text wrapper of the igc-select."},{"name":"::part(track)","description":"The igc-linear-progress track area."},{"name":"::part(fill)","description":"The igc-linear-progress indicator area."},{"name":"::part(striped)","description":"The igc-linear-progress striped indicator."},{"name":"::part(label)","description":"The igc-linear-progress label."},{"name":"::part(value)","description":"The igc-linear-progress label value."},{"name":"::part(indeterminate)","description":"The igc-linear-progress indeterminate state."},{"name":"::part(primary)","description":"The igc-linear-progress indicator primary state."},{"name":"::part(danger)","description":"The igc-linear-progress indicator error state."},{"name":"::part(warning)","description":"The igc-linear-progress indicator warning state."},{"name":"::part(info)","description":"The igc-linear-progress indicator info state."},{"name":"::part(success)","description":"The igc-linear-progress indicator success state."},{"name":"::part(container)","description":"The main wrapper that holds all main input elements"},{"name":"::part(input)","description":"The native input element"},{"name":"::part(label)","description":"The native label element"},{"name":"::part(prefix)","description":"The prefix wrapper"},{"name":"::part(suffix)","description":"The suffix wrapper"},{"name":"::part(helper-text)","description":"The helper text wrapper"},{"name":"::part(base)","description":"The base wrapper of the drawer item."},{"name":"::part(icon)","description":"The icon container."},{"name":"::part(content)","description":"The content container."},{"name":"::part(base)","description":"The base wrapper of the igc-navigation-drawer."},{"name":"::part(main)","description":"The main container of the igc-navigation-drawer."},{"name":"::part(mini)","description":"The mini container of the igc-navigation-drawer."},{"name":"::part(base)","description":"The base wrapper of the navigation bar."},{"name":"::part(start)","description":"The left aligned icon container."},{"name":"::part(middle)","description":"The navigation bar title container."},{"name":"::part(end)","description":"The right aligned action icons container."},{"name":"::part(base)","description":"The radio control base wrapper."},{"name":"::part(control)","description":"The radio input control."},{"name":"::part(label)","description":"The radio control label."},{"name":"::part(symbol)","description":"The symbol wrapping container."},{"name":"::part(full)","description":"The full symbol wrapping container."},{"name":"::part(empty)","description":"The empty symbol wrapping container."},{"name":"::part(base)","description":"The main wrapper which holds all of the rating elements."},{"name":"::part(label)","description":"The label part."},{"name":"::part(value-label)","description":"The value label part."},{"name":"::part(symbols)","description":"A wrapper for all rating symbols."},{"name":"::part(symbol)","description":"The part of the encapsulated default symbol."},{"name":"::part(full)","description":"The part of the encapsulated full symbols."},{"name":"::part(empty)","description":"The part of the encapsulated empty symbols."},{"name":"::part(base)","description":"The base wrapper of the slider."},{"name":"::part(ticks)","description":"The ticks container."},{"name":"::part(tick-group)","description":"The tick group container."},{"name":"::part(tick)","description":"The tick element."},{"name":"::part(tick-label)","description":"The tick label element."},{"name":"::part(tick-label-inner)","description":"The inner element of the tick label."},{"name":"::part(thumbs)","description":"The thumbs container."},{"name":"::part(thumb)","description":"The thumb element."},{"name":"::part(thumb-label)","description":"The thumb tooltip label container."},{"name":"::part(thumb-label-inner)","description":"The thumb tooltip label inner element."},{"name":"::part(track)","description":"The track container."},{"name":"::part(steps)","description":"The track steps element."},{"name":"::part(inactive)","description":"The inactive element of the track."},{"name":"::part(fill)","description":"The filled part of the track."},{"name":"::part(base)","description":"The base wrapper of the snackbar component."},{"name":"::part(message)","description":"The snackbar message."},{"name":"::part(action)","description":"The default snackbar action button."},{"name":"::part(action-container)","description":"The area holding the actions."},{"name":"::part(base)","description":"The base wrapper of the slider."},{"name":"::part(ticks)","description":"The ticks container."},{"name":"::part(tick-group)","description":"The tick group container."},{"name":"::part(tick)","description":"The tick element."},{"name":"::part(tick-label)","description":"The tick label element."},{"name":"::part(tick-label-inner)","description":"The inner element of the tick label."},{"name":"::part(thumbs)","description":"The thumbs container."},{"name":"::part(thumb)","description":"The thumb element."},{"name":"::part(thumb-label)","description":"The thumb tooltip label container."},{"name":"::part(thumb-label-inner)","description":"The thumb tooltip label inner element."},{"name":"::part(track)","description":"The track container."},{"name":"::part(steps)","description":"The track steps element."},{"name":"::part(inactive)","description":"The inactive element of the track."},{"name":"::part(fill)","description":"The filled part of the track."},{"name":"::part(tab-header)","description":"The header of a single tab."},{"name":"::part(prefix)","description":"Tab header's label prefix."},{"name":"::part(content)","description":"Tab header's label slot container."},{"name":"::part(suffix)","description":"Tab header's label suffix."},{"name":"::part(tab-body)","description":"Holds the body content of a single tab, only the body of the selected tab is visible."},{"name":"::part(start-scroll-button)","description":"The start scroll button displayed when the tabs overflow."},{"name":"::part(end-scroll-button)","description":"The end scroll button displayed when the tabs overflow."},{"name":"::part(selected-indicator)","description":"The indicator that shows which tab is selected."},{"name":"::part(base)","description":"The base wrapper of the switch."},{"name":"::part(control)","description":"The switch input element."},{"name":"::part(thumb)","description":"The position indicator of the switch."},{"name":"::part(label)","description":"The switch label."},{"name":"::part(wrapper)","description":"The wrapper for the tree item."},{"name":"::part(selected)","description":"Indicates selected state. Applies to `wrapper`."},{"name":"::part(focused)","description":"Indicates focused state. Applies to `wrapper`."},{"name":"::part(active)","description":"Indicates an active state. Applies to `wrapper`."},{"name":"::part(indicator)","description":"The expand indicator of the tree item."},{"name":"::part(label)","description":"The tree item content."},{"name":"::part(text)","description":"The tree item displayed text."},{"name":"::part(select)","description":"The checkbox of the tree item when selection is enabled."},{"name":"::part(header-container)","description":"Wrapper of the step's `header` and its separators."},{"name":"::part(disabled)","description":"Indicates a disabled state. Applies to `header-container`."},{"name":"::part(complete-start)","description":"Indicates a complete state of the current step. Applies to `header-container`."},{"name":"::part(complete-end)","description":"Indicates a complete state of the previous step. Applies to `header-container`."},{"name":"::part(optional)","description":"Indicates an optional state. Applies to `header-container`."},{"name":"::part(invalid)","description":"Indicates an invalid state. Applies to `header-container`."},{"name":"::part(top)","description":"Indicates that the title should be above the indicator. Applies to `header-container`."},{"name":"::part(bottom)","description":"Indicates that the title should be below the indicator. Applies to `header-container`."},{"name":"::part(start)","description":"Indicates that the title should be before the indicator. Applies to `header-container`."},{"name":"::part(end)","description":"Indicates that the title should be after the indicator. Applies to `header-container`."},{"name":"::part(header)","description":"Wrapper of the step's `indicator` and `text`."},{"name":"::part(indicator)","description":"The indicator of the step."},{"name":"::part(text)","description":"Wrapper of the step's `title` and `subtitle`."},{"name":"::part(empty)","description":"Indicates that no title and subtitle has been provided to the step. Applies to `text`."},{"name":"::part(title)","description":"The title of the step."},{"name":"::part(subtitle)","description":"The subtitle of the step."},{"name":"::part(body)","description":"Wrapper of the step's `content`."},{"name":"::part(content)","description":"The steps `content`."}]
|
|
6
6
|
}
|