Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
26 changes: 23 additions & 3 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,9 +5,29 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/)
and this project adheres to [Semantic Versioning](http://semver.org/).

## [Unreleased]
### Breaking Changes
- #### Themes
- Changed global prefixes for CSS custom properties for component themes to be better aligned with other Ignite UI component frameworks.
### Added
- #### Chat
- **adoptRootStyles** can now be toggled on/off at runtime. [#2093](https://github.com/IgniteUI/igniteui-webcomponents/pull/2093)

### Changed
- #### Library
- Minimum Node version required is now >= 22.
- #### Themes - **Breaking change**
- Changed global prefixes for CSS custom properties for component themes to align with other Ignite UI component libraries.

### Fixed
- #### Carousel
- Context instantiation in Blazor. [#2033](https://github.com/IgniteUI/igniteui-webcomponents/pull/2033)
- #### Combo
- Correct cursor style over non input parts. [#2085](https://github.com/IgniteUI/igniteui-webcomponents/pull/2085)
- #### Textarea
- Correct cursor style over non input parts. [#2085](https://github.com/IgniteUI/igniteui-webcomponents/pull/2085)

### Removed
- #### Chat
- Removed the **typingIndicator** template renderer. Users can use the **typing-indicator** slot instead.
- #### Tooltip
- Removed the **disableArrow** deprecated property.

## [6.5.1] - 2026-02-04
### Fixed
Expand Down
2 changes: 1 addition & 1 deletion scripts/_package.json
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@
"url": "https://github.com/IgniteUI/igniteui-webcomponents/issues"
},
"engines": {
"node": ">=20"
"node": ">=22"
},
"keywords": [
"webcomponents",
Expand Down
19 changes: 12 additions & 7 deletions src/components/chat/chat.spec.ts
Original file line number Diff line number Diff line change
Expand Up @@ -567,16 +567,21 @@ describe('Chat', () => {
});

it('should render custom typingIndicator', async () => {
const indicator = document.createElement('span');
indicator.slot = 'typing-indicator';
indicator.innerText = 'loading...';
chat.appendChild(indicator);

chat.messages = [messages[0]];
chat.options = {
isTyping: true,
renderers: {
typingIndicator: () => html`<span>loading...</span>`,
},
};
chat.options = { isTyping: true };
await elementUpdated(chat);

expect(getChatDOM(chat).typingIndicator.innerText).to.equal('loading...');
const typingIndicator = getChatDOM(chat).typingIndicator;
const assignedElements = typingIndicator
?.querySelector('slot')
?.assignedElements();

expect(first(assignedElements!).textContent).to.equal('loading...');
});

it('should render text area templates', async () => {
Expand Down
6 changes: 1 addition & 5 deletions src/components/chat/chat.ts
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,6 @@ import type {
} from './types.js';

type DefaultChatRenderers = {
typingIndicator: ChatTemplateRenderer<ChatRenderContext>;
suggestionPrefix: ChatTemplateRenderer<ChatRenderContext>;
};

Expand Down Expand Up @@ -212,7 +211,6 @@ export default class IgcChatComponent extends EventEmitterMixin<
);

private readonly _defaults = Object.freeze<DefaultChatRenderers>({
typingIndicator: () => this._renderLoadingTemplate(),
suggestionPrefix: () => this._renderSuggestionPrefix(),
});

Expand Down Expand Up @@ -380,8 +378,6 @@ export default class IgcChatComponent extends EventEmitterMixin<
}

private _renderMessages() {
const ctx = { instance: this };

return html`
<div part="message-list" tabindex="0">
${repeat(
Expand Down Expand Up @@ -416,7 +412,7 @@ export default class IgcChatComponent extends EventEmitterMixin<
? html`
<div part="typing-indicator">
<slot name="typing-indicator"
>${this._getRenderer('typingIndicator')(ctx)}</slot
>${this._renderLoadingTemplate()}</slot
>
</div>
`
Expand Down
6 changes: 0 additions & 6 deletions src/components/chat/types.ts
Original file line number Diff line number Diff line change
Expand Up @@ -230,12 +230,6 @@ export interface ChatRenderers {
* Custom renderer for the header of a message, including sender and timestamp.
*/
messageHeader?: ChatTemplateRenderer<ChatMessageRenderContext>;
/**
* Custom renderer for the "is typing" indicator.
*
* @deprecated since 6.4.0. Use the `typing-indicator` slot.
*/
typingIndicator?: ChatTemplateRenderer<ChatRenderContext>;
/**
* Custom renderer for the message send button.
*/
Expand Down
1 change: 0 additions & 1 deletion src/components/tooltip/tooltip.spec.ts
Original file line number Diff line number Diff line change
Expand Up @@ -75,7 +75,6 @@ describe('Tooltip', () => {
it('is correctly initialized with its default component state', () => {
expect(tooltip.dir).to.be.empty;
expect(tooltip.open).to.be.false;
expect(tooltip.disableArrow).to.be.true;
expect(tooltip.withArrow).to.be.false;
expect(tooltip.offset).to.equal(6);
expect(tooltip.placement).to.equal('bottom');
Expand Down
23 changes: 3 additions & 20 deletions src/components/tooltip/tooltip.ts
Original file line number Diff line number Diff line change
Expand Up @@ -85,7 +85,9 @@ export default class IgcTooltipComponent extends EventEmitterMixin<

private readonly _containerRef = createRef<HTMLElement>();
private readonly _player = addAnimationController(this, this._containerRef);
private readonly _slots = addSlotController(this, { slots: setSlots() });
private readonly _slots = addSlotController(this, {
slots: setSlots('close-button'),
});

private readonly _showAnimation = scaleInCenter({
duration: 150,
Expand Down Expand Up @@ -146,25 +148,6 @@ export default class IgcTooltipComponent extends EventEmitterMixin<
return this._controller.open;
}

/**
* Whether to disable the rendering of the arrow indicator for the tooltip.
*
* @deprecated since 6.1.0. Use `with-arrow` to control the behavior of the tooltip arrow.
* @attr disable-arrow
* @default false
*/
@property({ type: Boolean, attribute: 'disable-arrow' })
public set disableArrow(value: boolean) {
this.withArrow = !value;
}

/**
* @deprecated since 6.1.0. Use `with-arrow` to control the behavior of the tooltip arrow.
*/
public get disableArrow(): boolean {
return !this.withArrow;
}

/**
* Whether to render an arrow indicator for the tooltip.
*
Expand Down