One more announcement related to Ignite UI for Angular, as part of our UI toolset, we are empowering the open-source community by providing a set of 50+ open-source components<\/a> under the MIT license across Angular<\/a>, React, Blazor, and Web Components. This is a major expansion of our mission: to empower every developer, everywhere, with modern, feature-packed, and future-proofed tools for building high-performance web applications for every scenario. You can find all the details in the “Ignite UI Releases 50+ Powerful Open-Source Components<\/a>” blog.<\/p>\n\n\n\n Let\u2019s explore all in detail.<\/p>\n\n\n\n At Infragistics, performance isn\u2019t just a goal\u2014it\u2019s a promise. After delivering remarkable sorting optimizations in Ignite UI for Angular 20.1<\/a>, we\u2019ve turned our attention to filtering performance<\/strong>. For applications managing massive datasets, filtering speed is critical, and we\u2019ve raised the bar once again.<\/p>\n\n\n\n Over the past development cycles, our teams focused on Excel-Style Filtering<\/strong> across grids, targeting scenarios with 100,000+ records<\/strong>. The results speak for themselves:<\/p>\n\n\n\n These improvements ensure that even the most demanding enterprise applications experience lightning-fast filtering<\/strong>, delivering a smoother and more responsive user experience.<\/p>\n\n\n\n And we\u2019re not stopping here – stay tuned for upcoming enhancements that will redefine performance standards for all Ignite UI Grids.<\/p>\n\n\n\n The Ignite UI for Angular PDF Exporter service<\/a> provides powerful functionality to export data in PDF format from various sources, including raw data arrays and advanced grid components such as IgxGrid<\/strong><\/a>, IgxTreeGrid<\/strong><\/a>, IgxHierarchicalGrid<\/strong><\/a>, and IgxPivotGrid<\/strong><\/a>. The exporting functionality is encapsulated in the Key features:<\/p>\n\n\n\n <\/a><\/p>\n\n\n\n Documentation for Ignite UI for Angular PDF Exporter service<\/a>.<\/p>\n\n\n\n The Ignite UI Chat component<\/a> provides a complete solution for building conversational interfaces in your applications. Whether you are creating a customer support tool, a collaborative workspace, or a chatbot assistant, the Chat component gives you the building blocks you need: sending and receiving text messages, uploading file attachments, displaying quick reply to suggestions, showing typing indicators when the other participant is writing a response.<\/p>\n\n\n\n Unlike a static message list, the Documentation for Ignite UI for Angular Chat component<\/a>.<\/p>\n\n\n\n The Ignite UI for Angular library now supports multiple entry points for better tree-shaking and code splitting. While the main entry point ` Benefits:<\/strong><\/p>\n\n\n\n Documentation for Ignite UI for Angular Code Splitting and Multiple Entry Points<\/a>.<\/p>\n\n\n\n <\/a><\/p>\n\n\n\n <\/a><\/p>\n\n\n\n The new <\/a><\/p>\n\n\n\n The library now supports multiple entry points for better tree-shaking and code splitting. While the main entry point ( Entry Points:<\/strong><\/p>\n\n\n\n Migration:<\/strong> The To migrate manually later:<\/p>\n\n\n\n Component Relocations:<\/strong><\/p>\n\n\n\n Type Renames (to avoid conflicts):<\/strong><\/p>\n\n\n\n Benefits:<\/strong><\/p>\n\n\n\n See the Angular Package Format documentation<\/a> for more details on entry points.<\/p>\n\n\n\n Seamlessly crafted for compatibility, Ignite UI for Angular<\/a> is the library that enables you to leverage the power of the latest technologies and major releases. Committed to providing you with the best Angular UI toolkit and related insights, our goal is to equip you with more know-how, new features, enhanced performance, and improved stability. Some of the enhancements were added thanks to the requests from users like yourself through our Ignite UI for Angular GitHub<\/a> repository. With this in mind, we are always open to suggestions and feedback \u2013 it makes us grow and better respond to your development needs.<\/p>\n\n\n\n If you need more details, we encourage you to check out our:<\/p>\n\n\n\n <\/p>\n","protected":false},"excerpt":{"rendered":" Seamlessly crafted for compatibility, Ignite UI for Angular is the library that enables you to leverage the power of the latest technologies and major releases. Committed to providing you with the best Angular UI toolkit and related insights, our goal is to equip you with more know-how, new features, enhanced performance, and improved stability. <\/p>\n","protected":false},"author":20,"featured_media":3440,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7,12],"tags":[23,36,20,38],"class_list":["post-3400","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-angular","category-product-updates","tag-angular","tag-app-development","tag-ignite-ui","tag-ignite-ui-angular"],"_links":{"self":[{"href":"https:\/\/www.infragistics.com\/blogs\/wp-json\/wp\/v2\/posts\/3400","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.infragistics.com\/blogs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.infragistics.com\/blogs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.infragistics.com\/blogs\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/www.infragistics.com\/blogs\/wp-json\/wp\/v2\/comments?post=3400"}],"version-history":[{"count":21,"href":"https:\/\/www.infragistics.com\/blogs\/wp-json\/wp\/v2\/posts\/3400\/revisions"}],"predecessor-version":[{"id":3540,"href":"https:\/\/www.infragistics.com\/blogs\/wp-json\/wp\/v2\/posts\/3400\/revisions\/3540"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.infragistics.com\/blogs\/wp-json\/wp\/v2\/media\/3440"}],"wp:attachment":[{"href":"https:\/\/www.infragistics.com\/blogs\/wp-json\/wp\/v2\/media?parent=3400"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.infragistics.com\/blogs\/wp-json\/wp\/v2\/categories?post=3400"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.infragistics.com\/blogs\/wp-json\/wp\/v2\/tags?post=3400"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}Optimized Filtering Performance: Setting a New Standard<\/h2>\n\n\n\n
Components:<\/strong> Angular Data Grid<\/a>, Angular Tree Grid<\/a>, Angular Hierarchical Grid<\/a>, Angular Pivot Grid<\/a><\/p>\n\n\n\nOpening Filter Dialog<\/strong><\/h4>\n\n\n\n
\n
Applying Filter<\/strong><\/h4>\n\n\n\n
\n
Grid PDF Exporter<\/h2>\n\n\n\n
IgxPdfExporterService<\/code><\/a> class, which enables seamless data export to PDF format with comprehensive features including multi-page document support, automatic page breaks, and customizable formatting options.<\/p>\n\n\n\n\n
Angular AI Chat Component<\/h2>\n\n\n\n
Chat<\/code> component is interactive and designed for real-time communication. It manages input, rendering, and user interaction while giving you full control over how messages and attachments are displayed. It also exposes an extensive rendering API that lets you override any part of its layout or visuals.<\/p>\n\n\n\n![\"Angular](\"https:\/\/static.infragistics.com\/marketing\/Website\/blogs\/Web-Components-AI-Chat-component.gif\")
<\/figure>\n\n\n\nMultiple Entry Points Support<\/a><\/h2>\n\n\n\n
igniteui-angular<\/code>` remains fully backwards compatible by re-exporting all granular entry points, we recommend migrating to the new entry points for optimal bundle sizes.<\/p>\n\n\n\n\n
Complete CHANGELOG for Ignite UI for Angular 21.0<\/a><\/h2>\n\n\n\n
Themes<\/h3>\n\n\n\n
\n
IgxButton<\/code>\n\n
\n
outlined-button-theme<\/code> and flat-button-theme<\/code>:\n\n
resting-shadow<\/code><\/li>\n\n\n\nhover-shadow<\/code><\/li>\n\n\n\nfocus-shadow<\/code><\/li>\n\n\n\nactive-shadow<\/code><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\nNew Features<\/h3>\n\n\n\n
\n
IgxGrid<\/code>, IgxTreeGrid<\/code>, IgxHierarchicalGrid<\/code>\n\n
IgxPdfExporterService<\/code> follows the same pattern as Excel and CSV exporters:<\/p>\n\n\n\nimport { IgxPdfExporterService, IgxPdfExporterOptions } from 'igniteui-angular';\n\nconstructor(private pdfExporter: IgxPdfExporterService) {}\n\nexportToPdf() {\n const options = new IgxPdfExporterOptions('MyGridExport');\n options.pageOrientation = 'landscape'; \/\/ 'portrait' or 'landscape' (default: 'landscape')\n options.pageSize = 'a4'; \/\/ 'a3', 'a4', 'a5', 'letter', 'legal', etc.\n options.fontSize = 10;\n options.showTableBorders = true;\n \n this.pdfExporter.export(this.grid, options);\n}<\/code><\/pre>\n\n\n\n
The grid toolbar exporter component now includes a PDF export button:
<\/p>\n\n\n\n<igx-grid-toolbar>\n <igx-grid-toolbar-exporter \n [exportPDF]=\"true\" \n [exportExcel]=\"true\" \n [exportCSV]=\"true\">\n <\/igx-grid-toolbar-exporter>\n<\/igx-grid-toolbar><\/code><\/pre>\n\n\n\nBreaking Changes<\/a><\/h3>\n\n\n\n
Dependency Injection Refactor<\/h4>\n\n\n\n
\n
inject()<\/code> API across igniteui-angular<\/code> (no more constructor DI in library code).<\/li>\n\n\n\ninject()<\/code> (e.g., protected foo = inject(FooService);<\/code>).<\/li>\n\n\n\nMultiple Entry Points Support<\/a><\/h4>\n\n\n\n
igniteui-angular<\/code>) remains fully backwards compatible by re-exporting all granular entry points, we recommend migrating to the new entry points for optimal bundle sizes.<\/p>\n\n\n\n\n
igniteui-angular\/core<\/code> – Core utilities, services, and base types<\/li>\n\n\n\nigniteui-angular\/directives<\/code> – Common directives<\/li>\n\n\n\nigniteui-angular\/grids<\/code>, igniteui-angular\/input-group<\/code>, igniteui-angular\/drop-down<\/code>, etc.<\/li>\n\n\n\n\n
igniteui-angular\/grids\/core<\/code> – Shared grid infrastructure (columns, toolbar, filtering, sorting, etc.)<\/li>\n\n\n\nigniteui-angular\/grids\/grid<\/code> – Standard grid component (IgxGridComponent<\/code>)<\/li>\n\n\n\nigniteui-angular\/grids\/tree-grid<\/code> – Tree grid component (IgxTreeGridComponent<\/code>)<\/li>\n\n\n\nigniteui-angular\/grids\/hierarchical-grid<\/code> – Hierarchical grid component (IgxHierarchicalGridComponent<\/code>, IgxRowIslandComponent<\/code>)<\/li>\n\n\n\nigniteui-angular\/grids\/pivot-grid<\/code> – Pivot grid component (IgxPivotGridComponent<\/code>, IgxPivotDataSelectorComponent<\/code>)<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\nng update<\/code> migration will prompt you to optionally migrate your imports to the new entry points. If you choose not to migrate, you can continue using the main entry point with full backwards compatibility.<\/p>\n\n\n\nng update igniteui-angular --migrate-only --from=20.1.0 --to=21.0.0<\/pre>\n\n\n\n
\n
IgxHintDirective<\/code>, IgxInputDirective<\/code>, IgxLabelDirective<\/code>, IgxPrefixDirective<\/code>, IgxSuffixDirective<\/code>) \u2192 igniteui-angular\/input-group<\/code><\/li>\n\n\n\nIgxAutocompleteDirective<\/code> \u2192 igniteui-angular\/drop-down<\/code><\/li>\n\n\n\nIgxRadioGroupDirective<\/code> \u2192 igniteui-angular\/radio<\/code><\/li>\n<\/ul>\n\n\n\n\n
Direction<\/code> \u2192 CarouselAnimationDirection<\/code> (in carousel)<\/li>\n<\/ul>\n\n\n\n\n
To Wrap It All Up\u2026<\/h2>\n\n\n\n
\n